/* Enter Your Custom CSS Here */
/* Change Drop Menu width and padding */
#top-menu li li {
    margin: 0;
    padding: 5px;
}
#top-menu li li a {
    width: 220px;
    padding: 4px 15px;
}

.et_pb_tab_active{background-color:#12024c!important;}
.et_pb_tab_active a{color:#fff!important;}

/* Signup Consultation Tab */
#wpcs_tab_1436 {
    border: 1px solid #7f7f7f;
    border-bottom: none;
    cursor: pointer;
    width: 249px!important;
    height: 65px!important;
    overflow: hidden;
    background: #12024c;
    color: #ffffff;
    padding: 20px 5px 2px 5px!important;
    position: fixed;
    top: 356px!important;
    right: -99px!important;
    text-align: center;
    -webkit-transform: rotate(90deg)!important;
    -moz-transform: rotate(90deg)!important;
    -ms-transform: rotate(90deg)!important;
    -o-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important;
    z-index: 9999999;
    font-size: 18px!important;
  border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  opacity: 0.6 !important; filter: alpha(opacity=60);
}
#wpcs_tab_1436:hover{opacity: 1 !important; filter: alpha(opacity=100);}
#wpcs_content_inner_1436 { margin: 1px!important; }



/* gets rid of little Carrat Arrow in top Nav if Drop menu */	
h1, h2, h3, h4, h5, h6{line-height:2.3em!important; font-weight:500!important;}
#galleries-pages-top h1, #galleries-pages-top h2, #galleries-pages-top h3, #galleries-pages-top h4, #galleries-pages-top h5, #galleries-pages-top h6{line-height:1.2em!important;}


/* HEADER AREA and Mobile Menu */
#main-header{-webkit-box-shadow:none;}
#main-header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.55+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#logo:hover { opacity: 0.5 !important; filter: alpha(opacity=50); /* For IE8 and earlier */}

/*  MAIN HEADER DROP menu */
#main-header .nav li ul {background-color: #e5e0dc!important; font-style:normal!important; font-weight:400!important;}
#main-header .nav li li a {font-style:normal!important; font-weight:400!important; font-size:14px; border-bottom:1px white solid;}

/* MOBILE MENU for mobile - Fix height at bottom of it */
#main-header .et_mobile_menu {background-color:#e5e0dc!important; color:#CCCCCC; padding:2%; padding-bottom:10px; border-color: #152256;}
#main-header .et_mobile_menu a{ color:#152256!important; text-transform: uppercase; font-style:normal; font-weight:400; border-bottom:1px white solid;}
.et-fixed-header{height:119!important;}



/* gets rid of little Carrat Arrow */	
#top-menu .menu-item-has-children > a:first-child:after, 
.fullwidth-menu .menu-item-has-children > a:first-child:after, 
#et-secondary-nav .menu-item-has-children > a:first-child:after { 
display:none;
}
#top-menu .menu-item-has-children>a:first-child {
    padding-right:0; padding-bottom:30px;
}

/* TOP-MENU Stuff */
#top-menu .menu-item-has-children > a:first-child:after, 
.fullwidth-menu .menu-item-has-children > a:first-child:after, 
#et-secondary-nav .menu-item-has-children > a:first-child:after { 
display:none;
}
#top-menu li a{font-weight:500!important;letter-spacing:.03em;}
/* Regular Desktop Phone Number at Top Right */
#login-phone{ 
  margin-top:-36px;
  width:100%;
  float:none;
  margin-right:0px;
  padding:9px 0px 15px 0px;
  font-size: 16px!important;
  text-align:right; 
  /*border:1px red solid;*/
   color:#152256; 
  } 
#login-phone img {max-width: 100%; height: 20px; padding: 0px 2px 2px 2px;}

@media only screen and ( max-width: 980px ) {
#login-phone{visibility:hidden; display:none;} 
}


/*  HOME PAGE SPECIAL SLIDERS */
#home-page-slider{margin-top:-133px!important; padding-bottom:0; margin-bottom:0;}
@media (max-width: 980px){
.et_pb_section {padding: 10px 0;}
#home-page-slider {margin-top: -89px!important;}
}
/* ---  HOME page BLOG make Thumbnails not massive - - - */

#home-page-blog .et_pb_post > a img {float: left; margin-right: 4%; width: 40%;}

#home-page-blog{margin-left: 2%;}
#home-page-blog img{width:157px!important;}
#home-page-blog h1, #home-page-blog h2, #home-page-blog h3{line-height:1.4em!important;}
#home-page-blog .entry-featured-image-url{margin-bottom:0px!important;}
#home-page-blog .et_pb_post{padding:0!important;}
#home-page-blog a.more-link {
    margin:0px; padding:1px 6px; display: block!important; float: right!important; border:1px silver solid!important; clear:none;
}
#home-page-expert {margin-right:5px!important;}
@media only screen and ( min-width: 100px ) and ( max-width: 479px ) {
#home-page-blog .et_pb_post > a img {float: none; margin-right: 0; width: 100%!important; padding-bottom:12px;}
}

/* BODY AREA Stuff */
.container {width: 86%;}
#main-content .container {
    padding-top: 18px;
}
.sub-page-beige{background-color:#f0ebe6;}
.sub-page-darker{background-color:#e5e0dc!important}

/*  HOME PAGE left-right SPECIAL Text Boxes */
/* Homepage side by side sQuare text boxes LEFT box */
.home-collections-texts{margin:55px!important; width:85%!important;  padding:35px 0px 35px 35px!important; font-size:130%; margin-right:0px!important;}
.home-collections-texts p{line-height:2.1em!important;}

@media only screen and ( min-width: 1480px ){
  .home-collections-texts{font-size:150%;}
}

@media only screen and ( min-width: 1151px ) and ( max-width: 1260px ) {
  .home-collections-texts{margin:50px!important; padding:25px!important; font-size:115%; margin-right:0px!important;}
  .home-collections-texts p{line-height:2em!important;}
}
@media only screen and ( min-width: 981px ) and ( max-width: 1150px ) {
  .home-collections-texts{margin:40px!important; padding:20px!important; font-size:110%; margin-right:0px!important;}
  .home-collections-texts p{line-height:2em!important;}
}
@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
  .home-collections-texts{width:95%!important; margin:30px!important; padding:30px!important; font-size:100%;}
  .home-collections-texts p{line-height:2em!important;}
}
@media only screen and ( min-width: 100px ) and ( max-width: 479px ) {
  .home-collections-texts{width:95%!important; margin:0px!important; padding:20px!important; font-size:100%; }
  .home-collections-texts p{line-height:2em!important;}
}
.home-collections-texts h2{font-size:145%; line-height:2.8em;}


/* Homepage side by side sQuare text boxes RIGHT box */
.home-collections-texts-right{margin:62px!important; width:85%!important;  padding:35px 35px 35px 0px!important; font-size:130%; margin-left:0px!important;}

.home-collections-texts-right p{line-height:2.2em!important;}
@media only screen and ( min-width: 1480px ){
  .home-collections-texts-right{font-size:150%;}
}

@media only screen and ( min-width: 1151px ) and ( max-width: 1260px ) {
  .home-collections-texts-right{margin:50px!important; padding:25px!important; font-size:115%; margin-left:0px!important;}
  .home-collections-texts-right p{line-height:2em!important;}
}
@media only screen and ( min-width: 981px ) and ( max-width: 1150px ) {
  .home-collections-texts-right{margin:30px!important; padding:20px!important; font-size:110%; margin-left:0px!important;}
  .home-collections-texts-right p{line-height:2em!important;}
}
@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
  .home-collections-texts-right{width:95%!important; margin:30px!important; padding:30px!important; font-size:100%;}
  .home-collections-texts-right p{line-height:2em!important;}
}
@media only screen and ( min-width: 100px ) and ( max-width: 479px ) {
  .home-collections-texts-right{width:95%!important; margin:0px!important; padding:20px!important; font-size:100%;}
  .home-collections-texts-right p{line-height:2em!important;}
}
.home-collections-texts-right h2{font-size:145%; line-height:2.8em;}



/* GALLERY PAGES STUFF */
/*  this is for Gallery Arrows visibility on those sliders */
.sp-fade-arrows {
    opacity: 1;
}
.sp-arrow {
    width: 7px!important;
}
.text-jump-nav h3{font-size:100%;line-height:1.5em!important;}
@media only screen and ( max-width: 980px ) {
.text-jump-nav h3{font-size:92%;line-height:1.8em!important;}
}
.fancybox-skin{background:#000000!important;}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
  transition-duration: 150ms;
}
.fancybox-opened {z-index:999999!important;}
/* --- make Lightbox over DIVI stuff - - - */
.fancybox-overlay {
    z-index: 999996!important;
}



/* MISC. Extra needs */
.inline-button-text{border:2px solid silver; padding:4px 8px; margin-left:15px; transition: all .2s;}
.inline-button-text:hover{color:silver;}
.image-with-border{border:1px solid #152256;}
.seminar-cta-top h2, .seminar-cta-top h3{line-height:1.2em!important; padding:10px;}
.seminar-cta-top {padding:15px 0px 30px 0px;}
.seminar-cta-top .inline-button-text{border:2px solid navy; padding:6px 12px; transition: all .2s; font-size:115%; font-weight:600; margin-bottom:12px; margin-left:0;}

a:hover img {opacity: 0.5 !important;filter: alpha(opacity=50); /* For IE8 and earlier */ transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}


/*  BLOG STYLES and SETTINGS */
.widget_recent_entries, .widget-archive, .widget_categories{line-height:1.2em;}

.et_pb_blog_grid .et_pb_image_container {margin:0;}
/* #page-container .et_pb_post {margin:1px;} - */

.et_pb_post {
    margin-bottom: 8px;
    clear: both;
    padding-top: 26px;
}

/* ---  BLOG make Thumbnails not massive - - - */
.et_pb_post h1, .et_pb_post h2{line-height:1.3em!important;}

.et_pb_post > a img {float: left; margin-right: 4%; width: 35%;}
.blog .et_pb_post, .category .et_pb_post, .tag .et_pb_post{
  clear:both; 
  margin-bottom: 80px; 
  margin-top: 12px;
  border-top: 1px solid #e1e1e1;
  padding-top:15px;
}

.blog .et_pb_post a img, .category .et_pb_post a img, .tag .et_pb_post a img {
   float: left;
   width: 260px!important;
   left: 0;
   padding-right: 14px;
  padding-top: 14px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
.blog .et_pb_post a img, .category .et_pb_post a img, .tag .et_pb_post a img {
float:none!important;
width:100%!important;
    margin-bottom: 5px;
}
}

.et_pb_post h2 {
   margin-top: 0!important;
}
.et_pb_blog_grid h2{font-size:15px!important;}





/*  - - - - - FOOTER AREA and Special Widgets Down There - - - - - */
@media only screen and ( max-width: 980px ) {
#logo-footer-area img, .home-logo img{width:220px;}
}
@media only screen and ( max-width: 480px ) {
.home-logo img{width:150px;}
#logo-footer-area img{padding:23px 1px 23px 1px!important;}
  .container{width:93%;}
  .et-social-icons {margin:0; padding:14px;}
}
  
#logo-footer-area h4, #logo-footer-area h3{line-height:1.2em!important;}
#footer-copyright{text-align:center; color:#FFFFFF!important;line-height:2.2em!important; font-size: 12px;}

#footer-widgets{padding:13px 0 0 0!important;}
.footer-widget{padding:0!important; margin:0;}
/* --- Remember default Footer Bottom is not being used in DIVI - - - */
#footer-bottom{display:none;}

.et-social-icons li {
    display: inline-block; margin-left: 0px; padding-left: 9px; padding-right: 9px;
}
.et-social-icons ul {margin:0 auto; padding-bottom:8px;}
.et-social-icons{float:none;}
.et_pb_widget{float:none!important;}

#main-footer {background-color: #08174f;}
#main-footer {background-image: url("https://www.rcraiglord.com/wp/wp-content/uploads/2018/04/Blue-Wood-Background.jpg"); } 

#footer-info{text-transform: uppercase;
  font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}
#text-4{clear:both!important; padding-top:102px; width:100%;}

#menu-footer-menu{padding-top:25px!important;}

#menu-footer-menu ul {
   list-style-type:none!important;
   list-style:none!important;
}  
#menu-footer-menu li {
    display: inline-block;
    font-weight: normal;
   list-style-type:none!important;
   list-style:none!important;
    padding:0 18px 0 13px!important;
  line-height:1em;
  border-right:1px white solid;
}
#menu-footer-menu a {
  padding:0!important;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}
#menu-footer-menu li:last-child {border-right:none;}
/* removes a divi disk posing as a list style */
#footer-widgets .footer-widget li:before{border:none;}

@media only screen and ( max-width: 980px ) {
  #main-footer .container{width:95%!important;}
  #menu-footer-menu-r li {padding:0 11px 0 10px!important;}
  .footer-license{display:block; width:100%;  clear:both;}
  .et_pb_widget {float: none; display:block; width:100%!important; margin:0 auto!important; clear:both;}
 .footer-widget  {float: none; display:block; width:100%!important; margin:0 auto!important; clear:both;}
  
#menu-footer-menu {text-align: center; float: none; display:block; width:100%!important; margin:0 auto!important; clear:both;}
  
.footer-widget:nth-child(n){float: none; display:block; width:100%!important; margin:0 auto!important; clear:both;}
  #text-4{clear:both!important; padding-top:20px; width:100%;}
}
#footer-widgets .footer-widget:nth-child(n){margin:0!important;}