/*

Theme Name: Sarasota Child

Description: Child theme for the Divi theme

Author: Sunflower Blog Designs - Brand & Logic

Template:Divi

Version: 2.0

*/



 /*  #main-header {top:  -22x;} */
 .et_fixed_nav #logo {max-height: 80px !important;  margin-bottom: 5px;}

/*-----------------------[Page Containers for Ghost Headers]----------------------------------------*/

/*  #page-container { margin-top: 0px !important; padding-top: 0px !important;} */
.single-post #page-container {padding-top: 120px !important;}
.single-product #page-container {padding-top: 120px !important;} 
.archive #page-container {padding-top: 120px !important;} 

.search-results #page-container {padding-top: 120px !important;} 

.single-post #main-header{
background-color: rgba(255,255,255,0.00) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}

.single-product #main-header{
background-color: rgba(255,255,255,0.00) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}


.archive #main-header{
background-color: rgba(255,255,255,0.00) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}

.search-results #main-header{
background-color: rgba(255,255,255,0.00) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}



/*--------------------------------------------[Menu Area]---------------------------------------*/



/* Disable Shrinking Header upon Scroll */
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 5px;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
padding-top: 5px !important;
}

/* END  Disable Shrinking Header Upon Scroll */


#et-top-navigation {padding-left: 5px!important;}


/* adjust the padding of the top menu navigation bar */
    #main-header { line-height: 20px; padding-top:10px;}
    #main-header nav#top-menu-nav {padding-top: 05px;padding-bottom: 10px;}
 
/* adjust the padding of the top menu navigation items */
    #main-header.et-fixed-header nav#top-menu-nav {padding-top: 0px;}
    #top-menu li { padding-top: 25px; }
    #top-menu li li a, .fullwidth-menu li li a {padding: 10px 20px; line-height: normal;}
 
/* adjust the padding and height of the fixed header logo (when scrolled down) */
    .et-fixed-header #logo {max-height: 39px;  padding-top: 1px;}



 
/* style the get started cta button in the Menu Button in the Menu */
    .menu-button {border-radius: 5px;  height:30px;}
    .menu-button a {color: #fff!important;}
    li.menu-button {
        color:#fff!important;
        background-color:#777777; 
        font-weight: 700; 
        text-transform: uppercase; 
        text-align: center; 
        padding: 10px 20px 25px 20px !important;
        -moz-transition: all 0.5s; 
        -webkit-transition: all 0.5s;
        transition: all 0.5s;}
    li.menu-button:hover {background-color: #888888;}

		/* Fixed Menu Scroll State Button Text Color  */
#top-menu > li.menu-button a {
    color: #ffffff !important;
}

/* ADD THIS ONLY IF YOUR CTA BUTTON HAS A DROP DOWN MENU */
 
/* style the get started cta button drop down menu */
    li.menu-button li a {
        color: #fff!important;
        width: 160px;
        text-transform: none;
        font-weight: normal;
        background-color:#383838;}
 
 
/* mobile menu adjustments for contact link */

  .et_mobile_menu li a {padding: 10px 5%; line-height: normal;}
  .et_mobile_menu li.menu-button {background-color: #383838; padding-left: 0px; line-height: 1.7em; text-align: left;}
  .et_mobile_menu li.menu-button a{color: #fff!important; font-weight: 900; padding-top: 0px;} 

  #top-menu li li a:hover{color: #ffffff;}
  #top-menu li a:hover{color: #ffffff;}


#header-links {
float: right;
z-index: 100000;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 20px;
}

/*------------------------------[   Ghost Heading Code  ]---------------------------*/
/* Page Sections 1st & 2nd   */
.home-landing-section {height:570px; top:-130px; }
.second-section.et_pb_section {
    margin-top: -130px;
    padding-top: 8px;
    padding-bottom: 0px;
    position: relative;    

}


/*add this to change the header background to a transparent color and the second 
line makes the background a little darker when you scroll down
*/

.post #main-header, .single #main-header  {background-color:rgba(255,255,255,0.00)!important;}
#main-header{
background-color: rgba(255,255,255,0.00) !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}



 
/*scrolling state*/

#main-header.et-fixed-header {background-color: rgba(255,255,255,0.8) !important;}


/* The above code is set to make this transition on only the homepage. I assume the 
other pages wont have this ghost style. If they do just remove line 02 above and remove .home in line 03.
*/


/*Menu*/



#top-menu a {color: #666!important;}*/#top-menu li > a, .fullwidth-menu li > a {
    padding-bottom: 5px;
}


#main-header nav#top-menu-nav {
    padding-top: 0;
    border-top: 0px solid  #444444;
}


#top-menu li > a {
    font-size: 18px;
   
}

#top-menu li li a:hover{
color: #f4e473
}


/*  Drop Down Menu  */

.nav li ul {
    position: absolute;
    top: 28px;
    left: -27px;
    padding: 0px;
}

#top-menu li li a {
    padding: 10px 0px;
    width: 240px !important;
    padding-left: 8px !important;
border-top: solid 1px  #853831 !important;
 
}

#top-menu li li, .nav li li {
    padding: 0px 0px;
    margin: 0px;

}

/* Drop Down Navigation Hover  */
.nav ul li a:hover, .et_mobile_menu li a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}



@media only screen and (max-width: 1024px) and (min-width: 981px) {
#et_mobile_nav_menu {
display: block !important;
}
#top-menu {
display: none !important;
}
}

@media only screen and (max-width: 1024px) and (min-width: 981px) and (orientation:landscape) {
#et_mobile_nav_menu {display: block !important;}
#top-menu {display: none !important;}

.et_mobile_menu {
    position: absolute;
    left: 50%!important;
    padding: 5%;
   
    width: 50%;
    visibility: visible;
    opacity: 1;
    display: none;
    z-index: 9999;
 
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
}

.et_mobile_menu {
    position: absolute;
   left: 50%;
    padding: 5%;
  
    width: 50%;
    visibility: visible;
    opacity: 1;
    display: none;
    z-index: 9999;
  
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}









/* Section Slider - to remove extra padding */

/* To remove the shadow from the section sliders */
  .et_pb_slider .et_pb_slide { box-shadow: none; }

  .short .et-pb-controllers { position: absolute; bottom: -30px; left: 0px; width: 100%; text-align: center; z-index: 10;}
  .short .et_pb_slide_description { padding-top: 40px; padding-bottom: 0px; animation-duration: 0.7s; animation-delay: 0.9s;    
    animation-timing-function: ease-in-out; animation-fill-mode: both; animation-name: fadeBottom;}

  .short .et_pb_slide_content {font-size: 18px; font-weight: 400; color: #333; padding-bottom: 5px;}

  .short .et_pb_slide_content p { padding-bottom: .3em; line-height: 1.5em;}







/* Columns & Rows */








.et_pb_row {
    margin: 0 auto;
    padding: 5px 0 0;
    position: relative;
    max-width: 1080px;
}


/*------------------------------------------------*/
/*---------------[Custom Subscribe]---------------*/
/*------------------------------------------------*/
.subscribe-section.et_pb_section {
    padding: 0px 0px;
    position: relative;
}

.subscribe-section .et_pb_row {
    
    margin: 0px auto;
    padding: 6px 0px 0px;
    position: relative;
}
 
.subscribe-section .et_pb_newsletter{padding: 1px 5px; border-radius:10px;}
.subscribe-section .et_pb_newsletter_description {padding: 5px 5px 5px 0; width: 100%;}
.subscribe-section .et_pb_newsletter_form {width: 100%;}
.subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 40px;}
.subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 250px;}
.subscribe-section .et_pb_newsletter_button {padding: 2px 6px;}
.subscribe-section a.et_pb_newsletter_button:hover {padding: 2px 6px!important;}
.subscribe-section a.et_pb_newsletter_button:after {display:none;}
.subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}
 
@media only screen and (max-width: 1100px) {
.subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 275px;}
}
 
@media only screen and (max-width: 980px) {
.subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 220px;}
.subscribe-section .et_pb_newsletter_description { width: 100% !important;}
}
 
@media only screen and (max-width: 767px) {
.subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 240px;}
}
 
@media only screen and (max-width: 479px) {
.subscribe-section .et_pb_newsletter_form p input { padding: 8px 4% !important; width: 180px;}
}
 
/*-------------[End Custom Subscribe]-------------*/
/*````````````````````````````````````````````````*/
/*````````````````````````````````````````````````*/






/* text */

h1 {
 line-height: 1.1em;
}

h2 {
font-size: 30px !important;
 line-height: 1.1em;
}

h3 {
 line-height: 1.1em;
}


.shadow.et_pb_text {text-shadow: 1px 1px #000000; }


body {
    line-height: 1.1em;
    font-weight: 500;
}

 
/* Images*/

.et_pb_post a img {
 width: auto;
}

.single article img {
 width: auto;
}



/* Blog Container */


*Change Post, Project & Archive Page Sidebars from one fourth to one third*/
    .container::before { display:none; }
    .single-project div#left-area {width: 70%;}
    .single-project div#sidebar {width: 30%;}
    .single-post div#left-area {width: 70%;}
    .single-post div#sidebar {width: 30%;}
    .archive div#left-area {width: 70%;}
    .archive div#sidebar {width: 30%;}
    .search-results div#left-area {width: 70%;}
     .search-results div#sidebar {width: 30%;}
 
.et_right_sidebar #main-content .container::before {right: 30%!important;}




/* Single Posts */

.form-allowed-tags{
display:none;
}

/* Widget Area  */


h4.widgettitle {
 
  color: #777777; 
background-color: #e1dabd;  
font-weight: 500; 
  padding-top:  8px;
  padding-bottom: 8px;
  padding-left: 20px;
  margin-bottom: 10px;
  margin-top: 0px;
}


.et_pb_widget ul li {
    font-size: 18px;
    margin-bottom: 6px;
}


.widget_search input#s, .widget_search input#searchsubmit {
    padding: 0.7em;
    height: 40px !important;
    margin: 0px;
    font-size: 14px;
    line-height: normal !important;
    border: 1px solid #DDD;
    color: #fff;
}


.widget_search #searchsubmit {
    background-color: #777777;
    width: 70px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    right: 0px;
    top: 0px;
}

/* Footer Area */



#footer-widgets .footer-widget li:before{
    border-style:none;
}


#footer-info {
    font-size: 13px;
    width: 100%;
   
    padding-bottom: 10px;
    text-align: center;
}