/*
 Theme Name:     Tampa Bay Eyelids - Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
	display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
	position: relative;
}
#mobile_menu .menu-item-has-children > a {
	background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
	content: "\4c";
	display: block;
	color: #072a6c;
	font-size: 16px;
	font-family: ETmodules;
}
  
span.menu-closed.menu-open:before {
	content: "\4d";
}

/********* END - Mobile Menu Collapse ********/

div.doxyme-badge, div.doxyme-badge#doxyme-badge {
    margin: auto !important;
}


#procedure-banner-text h3 {
    opacity: 1;
    transition: .4s all ease;
  }
  .et_pb_column:hover #procedure-banner-text h3 {
    opacity: 0;
    transition: .4s all ease;    
    visibility: hidden;
  }

#procedure-banner-text2 a {color: #d1f0f1;}


.et_pb_slide_content h2 {font-size: 46px;}


.mobile-logo {
        display: none;
}
.et-animated-content {
    overflow-y: initial !important;
    }

/*#top-header {
    display: none;
}*/

 #top-header #et-info-phone, #top-header #et-info-phone a {color: #ffffff;}


#et-info {
    float: right;
}

#et-info-email {display:none;}


.arrow_carrot-down:before {
	content: "\33";
	font-family: ETmodules !important;
    font-style: normal;
}

.arrow_carrot-up:before {
	content: "\32";
	font-family: ETmodules !important;
    font-style: normal;
}

.contactForm .quickform .arrow_carrot-up {display:none;}

.contactForm .quickform.expanded .arrow_carrot-down {display:none;}

.contactForm .quickform.expanded .arrow_carrot-up {display:inline-block;}


/*-----Leadform------*/

.contactForm {
    position: absolute;
    width: 25%;
    right: 0;
    margin-top: 0;
}

.contactForm.mobile-contactForm-container {
	position: relative;
	width: 100%;
	right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
}

.contactForm .quickform {
    width: 100%;
    padding: 10px;
    background-color: #67c9d0;
	transition: .4s all ease-in-out;
    border: 0px solid #000000;
    display: block;
    }
#quickform {
    max-height: 3000px;
	transition: .4s all ease;
}
.quickform .formhead .line1 {
    color: #fff;
    text-align: center;
}
#quickform .gform_fields {
    display: grid;
    grid-column-gap: 2%;
    -ms-grid-columns: (1fr 2%) [ 12 ];
    grid-row-gap: 3px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto-fill, auto);
    width: 100%;
}
#quickform .rsi-lead-form_wrapper {
    max-height: 60px;
    overflow: hidden;
	transition: all 0.4s ease 0s;
}
.rsi-lead-form {
    padding-top: 10px;
    padding-bottom: 10px;
}
#quickform.expanded .rsi-lead-form_wrapper,
#quickform .rsi-lead-form_wrapper.gform_validation_error {
    max-height: 3000px;
}
#quickform .gform_heading .gform_required_legend {
    display: none !important;
}
#quickform .gfield_label {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}
#quickform .gfield_required {
    color: #fff;
}
#quickform input[type="text"], #quickform input[type="email"] {
    padding: 1px 5px;
    max-height: 30px;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 14px;
}
#quickform .gfield_consent_label {
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    margin-left: 5px;
}
#quickform .rsi-procedure {
    margin-top: 15px;
}
#quickform select {
    padding: 1px 5px;
    max-height: 30px;
    font-size: 14px;
    line-height: 28px;
}
#quickform textarea {
    max-height: 60px;
    min-block-size: 60px;
}
#quickform .gform_footer {
    margin-top: 0;
    padding-top: 10px;
}
#quickform input[type="submit"] {
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #BF1E2E;
    color: #fff;
    font-weight: 600;
	padding: 10px 0;
}
#quickform .validation_message.gfield_validation_message {
    display: none !important;
}
#quickform .gform_validation_errors {
    padding: 5px 5px;
    margin: 0 0 10px;
    background: #fff;
}
#quickform .gform_submission_error {
    font-size: 12px;
    line-height: 15px;
}
#quickform .gform_submission_error .gform-icon {
    display: none;
}
#quickform .quickform-arrow {
	position: absolute;
    top: 10px;
    right: 5px;
}
#quickform .quickform-arrow:after {
	position: relative;
    font-family: ETmodules;
    font-size: 25px;
    font-weight: 500;
    content: "3";
	transition: .4s all ease;
}
#quickform.expanded .quickform-arrow:after {
    content: "2";
}
 
 
.page-template-page-template-contact .quickform2 input { 
    padding: 16px;
    border-width: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #999;
    background-color: #eee;
    font-size: 14px;
    -webkit-appearance: none;
}

.page-template-page-template-contact .quickform2 textarea {
    width: 98%;
    padding: 16px;
    border-width: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #999;
    background-color: #eee;
    font-size: 14px;
    -webkit-appearance: none;
    margin: 10px;
    }
    
.quickform2 #sndForm {cursor: pointer;margin: 10px;}
    
/*last child submenu position*/
/*#top-menu > li:last-child .sub-menu {
position: absolute;
right: 0;
}   */

/*#menu-item-6904 .sub-menu {
    right: 100% !important;
    top: 0;
    }*/

.bagallery-wrapper > .alert.alert-info {
    float: none;
    width: 55%;
    margin: 0 auto 20px;
    display: block;
}
.fancybox-opened {
    z-index: 9999999 !important;
}

button.aicon_link {
    bottom: 50px;
}
#top-menu li {
    padding-right: 30px;
}
.et_header_style_left #et-top-navigation {
    padding: 35px 0 0 0 !important;
}
#main-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 30px;
    padding-top: 0;
    padding-left: 0;
}
#top-header .et_pb_social_media_follow,
#top-header .et_pb_social_media_follow > li {
    margin-bottom: 0;
}
#top-header > .container {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#top-header > .container #et-info,
#top-header > .container #et-secondary-menu,
#top-header > .container .et_pb_social_media_follow {
    float: none;
}
#top-header > .container:before,
#top-header > .container:after {
    content: none;
}
#top-header #et-info, #top-header #et-secondary-menu>ul>li a {
    padding-bottom: 0;
}
#et-secondary-nav li {
    margin-right: 35px;
}

#homepage-rotator .et_pb_slider_container_inner {
    vertical-align: bottom;
}
#homepage-ba-carousel {
    margin-bottom: 0 !important;
}
#homepage-ba-carousel .slick-track {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#homepage-reviews .et_pb_slider_container_inner {
    vertical-align: top;
}
body.home #main-header:not(.et-fixed-header) {
    background: transparent;
}
#mobile-topbar {
    display: none;
}

div#top-header .et_pb_social_icon a.icon {
    background-color: transparent !important;
}

body:not(.home) .entry-content .et_pb_text_inner ol,
body:not(.home) .entry-content .et_pb_text_inner ul {
    padding-left: 40px;
}

.product-subtotal {
    padding-top: 30px !important;
}
.product-subtotal .ginput_container {
    display: inline-block !important;
}
.product-subtotal input {
    color: #bf1e2e;
    border: 0;
    font-size: 30px !important;
    font-weight: 700;
}
    
@media only screen  and (min-width : 1440px) {    
    .contactForm {
        width: 20%;  
    }
}
    
@media only screen  and (max-width : 1440px) {
    .contactForm .quickform #sndForm {right: 0;}
    
    }  
    
@media only screen  and (min-width : 1025px) {
   #top-menu li.mega-menu li>ul{position:absolute;}
   #main-header .nav li ul {background-color: rgb(103, 201, 208) !important;}
    }
    
@media only screen  and (min-width : 981px) {  
    .two-columns-submenu > .sub-menu,
    .two-columns-submenu-pop-left > .sub-menu {
        column-count: 2;
        width: 480px;
    }
    .two-columns-submenu-pop-left .sub-menu,
	.submenu-pop-left .sub-menu {
        right: 0;
    }
    .two-columns-submenu-pop-left .sub-menu .sub-menu {
        right: 100%;
        left: -100%;
    }
	.product-checkbox {
		padding-bottom: 30px !important;
	}
	.product-checkbox .gfield_checkbox {
		column-count: 2;
	}
	#main-header.et-fixed-header #top-menu li.current-menu-item>a, #main-header.et-fixed-header #top-menu li.current_page_item>a {
		color: #fff !important;
	}
}

@media only screen  and (max-width : 1024px) {    
    .contactForm {width: 30%;}

    #procedure-banner-text2 {
        text-align: center !important;
    }
    #top-header {
        display: none;
    }
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
	#top-menu li { padding-right: 22px; }
    }

/* CHANGED */
/* @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { */
@media screen and (min-device-width: 600px) and (max-device-width: 768px) {
    
    #main-header {
        top: 0 !important;
        position: relative !important;
        }
        
        #main-header .container.et_menu_container {
           display:none;
        }
        
    .mobile-logo {
        display: block;
        margin:auto;
        text-align: center;
        padding: 10px;
        }
       .mobile-logo img {
        width: 30%;
       }
       
     .contactForm {
            width: 100% !important;
            left: 0 !important;
        } 
       
      .et_pb_slide_content h2 {
            font-size: 26px;
        }  
        
        #main-slider-wrap .et_pb_slide_content p {font-size: 60% !important;}
        
        .et_pb_gutters1 .et_pb_column_2_5, .et_pb_gutters1.et_pb_row .et_pb_column_2_5 {
            width: 50%;
        }
        
        .et_pb_column.et_pb_column_1_4.et_pb_column_3_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child {
            width: 100%;
        }
        
        #mobile-ba-section .et_pb_column_7 {background-image: none !important;}
        
        #procedure-banner-text2 a {
            color: #d1f0f1;
            font-size: 12px;
        }
        
        #procedure-banner-text2 h3 {line-height: 1em;}
        
        .quickform2 input.text, .quickform2 input.title, .quickform2 input[type="text"], .quickform2 select {
            width: 98%;
        }
    }

@media screen and (min-device-width: 768px) and (max-width : 980px) {    
    #blepharoplasty-section .et_pb_text_16 {max-width: 100%;}
    #blepharoplasty-section .et_pb_button_module_wrapper.et_pb_button_alignment_left {
        text-align: center;
    }
}
@media only screen  and (max-width : 980px) { 
    #mobile-topbar {
        display: flex;
            align-items: center;
    justify-content: space-between;
        width: 100%;
        padding: 10px 20px;
    }       
    #mobile-topbar .mobile-btn {
        display: inline-block;
        color: transparent;
        font-size: 10px;
    }
    #mobile-topbar .mobile-btn.call {
        padding-left: 0;
    }
    #mobile-topbar .mobile-btn:before {
        position: relative;
        top: 0;
        left: 0;
        font-size: 25px;
        color: #ffffff;
        content: "\61";
        cursor: pointer;
        text-shadow: 0 0;
        font-family: ETmodules!important;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1;
        text-transform: none;
        speak: none;
    }
    #mobile-topbar .mobile-btn.call:before {
        content: "\e090";
    }
    #mobile-topbar .mobile-btn.location:before {
        content: "\e01d";
    }
    #mobile-topbar .mobile-btn.menu:before {
        font-size: 30px;
    }
    #top-header, #main-header {
        position: static !important;
        display: block;
    }
    #top-header > .container {
        display: none;
    }
    .mobile_menu_bar:before {
        content: none;
    }
    #mobile_menu {
       border-top: 3px solid #57b7bb;
    }
    #mobile_menu li a {
        text-align: left;
    }
    #mobile_menu > li > a > br {
        display: none;
    }
    span.logo_helper {
        display: none;
    }
    #main-header > .container {
        text-align: center;
        height: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .logo_container a { 
        display: block;
        
    }
    #main-header #logo {
        max-height: none;
        max-width: 75%;
    }
    .home .entry-content .et_pb_section_first {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}
    
@media only screen  and (max-width : 767px) { 
    #page-container {
        padding-top: 0 !important;
    }
    #main-header {
        top: 0 !important;
        display: inline-block !important;
        position: relative !important;
        
    }

    #mobmenuright li a br {display:none !important;}
    
    .mobmenu-content li a {
        padding: 10px 0px !important;
    }
    
    .quickform .formhead .line2 {
        display: none;
    }
    .quickform.expanded .formhead .line2  {
        display: none;    
    }
	
	.contactForm.interior-contactForm {
		display: block;
	}
	
    .contactForm {
		position: absolute;
		width: 100%;
		left: auto;
		right: auto;
	}
	
	.contactForm .quickform {
		border-radius: 0 !important;
	}
	
	.contactForm .quickform #sndForm { 
		width: 25%;
		right: 11px;
	}
	
	.et_pb_section {
        padding: 0;
    }
    
    .et_pb_column .et_pb_row_inner, .et_pb_row {
        padding: 0;
    }
    
    .et_pb_text_0 h1 {
        padding-left: 10px;
        padding-top: 20px;
    }    
    
    .et_pb_slide_content h2 {
        font-size: 14px;
    }
    .et_transparent_nav .et_pb_section:first-child .et-pb-controllers {
        bottom: 30px;
    }
    
    #review-slides .et_pb_slider_0, .et_pb_slider_0 .et_pb_slide {

    }
    
    #mobile-ba-section .et_pb_column_7 {background-image: none !important;}
    
    #mobile-ba-section {margin-top: 20px;}
    
    #mobile-ba-section .et_pb_text_14 { max-width: 100%;}
    
    #blepharoplasty-section .et_pb_text_16 {max-width: 100%;}
    
    #blepharoplasty-section .et_pb_button_module_wrapper.et_pb_button_alignment_left {
         text-align: center;
    }
    
    #cosmetic-surgery-section .et_pb_text_17.et_pb_text {
        text-align: center;max-width: 100%;
    }
    
    #cosmetic-surgery-section .et_pb_divider_6 {width:100%}
    
    
    #cosmetic-surgery-section .et_pb_text_18 {max-width: 100%;text-align: center;}
    
    .quickform2 input.text, .quickform2 input.title, .quickform2 input[type="text"], .quickform2 select {
            width: 98%;
        }
    
}

@media screen and (min-device-width: 481px) and (max-device-width: 767px) {
    .et_pb_slide_content h2 {
        font-size: 24px;
    }
    
    .et_pb_slide_description{padding: 16% 4%;}
    
    .et_pb_slide_content p {font-size: 16px;}
    

}

@media only screen  and (max-width : 480px) {  
    .et_pb_slide_description{padding: 16% 2%;}
    
    .et-pb-arrow-next, .et-pb-arrow-prev {font-size: 30px}
    
    .et_pb_text_12 {margin-left: 0 !important;}
    
    }
    
@media only screen and (min-width: 981px) and ( max-width: 1100px){
    #logo {
        max-height: 30%!important;
    }
}

@media only screen and (min-width: 1101px) and ( max-width: 1163px){
     #logo {
        max-height: 35%!important;
    }   
}
@media only screen and (min-width: 1164px) and ( max-width: 1334px){
     #logo {
        max-height: 55%!important;
    }   
}    

div.online-scheduling-btn{
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #be463c;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    background: #be463c;
    padding-top: 2px;
}

.sgpb-popup-overlay {
    z-index: 999999 !important;
}

.sgpb-popup-dialog-main-div-theme-wrapper-1 {
    z-index: 9999999 !important;
}

.rsi-os-widget-container::-webkit-scrollbar{width:10px;height:6px}
.rsi-os-widget-container::-webkit-scrollbar-track{background:transparent}
.rsi-os-widget-container::-webkit-scrollbar-thumb{background-color:#6bc9cf;border-radius:20px;border:transparent}