/**handles:xmg-style**/







/* SKP VIP FORM
-------------------------------------------------------------- */



.skp-image-checkbox .gform_fields {
grid-row-gap: 30px !important;
}
.skp-image-checkbox .gfield_label {
font-size: 20px !important;
font-weight: normal !important;
margin-bottom: 10px !important;
}
.skp-image-checkbox .image-choices-field .gfield_checkbox {
display: grid;
grid-gap: 30px 50px;
grid-template-columns: repeat(3,1fr);
}
.skp-image-checkbox .image-choices-field .image-choices-choice-image-wrap {
width: 100%;
height: 300px;
}
.skp-image-checkbox .image-choices-field.no-images .image-choices-choice-image-wrap {
height: 0;
}
.skp-image-checkbox .image-choices-field.no-images .gfield_checkbox {
grid-template-columns: repeat(1,1fr);
}
.skp-image-checkbox .image-choices-field .image-choices-choice-text {
font-size: 18px;
text-align: left;
padding-left: 35px;
line-height: 20px;
padding-top: 15px;
}
.skp-image-checkbox .image-choices-field .image-choices-choice-text:before {
content: "\5b";
font-family: 'ETmodules' !important;
position: absolute;
left: 0;
color: #985;
font-size: 30px;
}
.skp-image-checkbox .image-choices-field .image-choices-choice {
margin: 0 !important;
}
.skp-image-checkbox .image-choices-field .image-choices-choice label {
padding: 0 !important;
border: none !important;
}
.skp-image-checkbox .image-choices-field .image-choices-choice-selected .image-choices-choice-text:before {
content: "\5c";
}
.skp-image-checkbox .image-choices-field .image-choices-choice-text span {
position: absolute;
top: 15px;
right: 0px;
background: #c00;
color: #fff;
padding: 5px 10px;
font-weight: bold;
font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
font-size: 22px;
}
.skp-image-checkbox .image-choices-field .image-choices-choice,
.skp-image-checkbox .image-choices-field .image-choices-choice-selected {
border: none;
}
.skp-image-checkbox .image-choices-field .image-choices-choice-selected .image-choices-choice-image-wrap {
border: 5px solid #985;
}


@media only screen and ( max-width: 980px ) {


.skp-image-checkbox .image-choices-field .gfield_checkbox {
grid-gap: 30px 50px;
grid-template-columns: repeat(2,1fr);
}
.skp-image-checkbox .image-choices-field .image-choices-choice-image-wrap {
height: 200px;
}


}


@media only screen and ( max-width: 600px ) {


.skp-image-checkbox .image-choices-field .gfield_checkbox {
grid-gap: 30px 50px;
grid-template-columns: repeat(1,1fr);
}
.skp-image-checkbox .image-choices-field .image-choices-choice-image-wrap {
width: 100%;
height: 250px;
border-radius: 10px;
}


}


/* SKP CTA
-------------------------------------------------------------- */

.skp-cta-carousel {
}
.skp-cta .et_pb_promo {
padding: 100% 0 0 0 !important;
height: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
/* width: 26.5vw; */
/* 
max-width: 415px;
max-height: 415px;
 */
}
.skp-cta .et_pb_column {
margin-right: 5.5%;
width: 29.5%
}
.skp-cta .et_pb_column:last-child {
margin-right: 0%;
}
.dp-dfg-skin-default .dp-dfg-header h2,
.skp-location-card .et_pb_module_header,
.skp-cta-carousel .item-title,
.skp-cta .et_pb_button_wrapper a {
width: 100%;
background: #985;
color: #fff !important;
/* margin-bottom: 40px; */
border: none;
pointer-events: none;
font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
text-transform: none;
letter-spacing: 0;
font-size: 20px !important;
text-align: center;
padding: 10px !important;
line-height: 30px !important;
}
.skp-cta .et_pb_button_wrapper a,
.dp-dfg-skin-default .dp-dfg-header h2,
.skp-cta-carousel .item-title a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.skp-cta .skp-cta-dermatology .et_pb_button_wrapper a:before,
.skp-cta-carousel .dica_divi_carouselitem_0 .item-title a:before {
content: "Medical " !important;
display: unset;
position: relative;
font-family: unset !important;
opacity: 1;
font-size: unset;
margin: unset;
}
.skp-cta .skp-cta-cosmetics .et_pb_button_wrapper a:after,
.skp-cta-carousel .dica_divi_carouselitem_1 .item-title a:after {
content: " Dermatology" !important;
display: unset;
position: relative;
font-family: unset !important;
opacity: 1;
font-size: unset;
margin: unset;
}

.skp-cta .et_pb_button_wrapper,
.skp-cta-carousel .dica-item-content {
position: absolute;
bottom: 40px;
width: 100%;
pointer-events: none;
}
.skp-cta-carousel .dica-image-container {
font-size: 0;
}
.skp-cta-carousel .swiper-button-disabled {
visibility: hidden;
}
.skp-cta-carousel .swiper-container {
overflow: visible;
}

.skp-cta-carousel .dica_divi_carouselitem {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
transition: opacity 500ms;
}




body .skp-cta-carousel .dica_divi_carouselitem img,
.dp-dfg-skin-default .dp-dfg-image img {
transition: all 1000ms  !important;
}
body .skp-cta-carousel .dica_divi_carouselitem:hover img,
.dp-dfg-skin-default .dp-dfg-image:hover img {
transform: scale(1.1);
transition: all 1000ms  !important;
}



.skp-cta-carousel .dica_divi_carouselitem:not(.swiper-slide-visible) {
opacity: 0;
}
.skp-location-card .et_pb_main_blurb_image {
margin-bottom: 0 !important;
display: block !important;
}
.skp-location-card {
background: #fff;
box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
height: 100%;
max-width: 450px;
margin: 0 auto;
}
.skp-location-card .et_pb_blurb_description {
text-align: center;
font-size: 90%;
padding: 25px 20px;
}



.skp-cta .et_pb_column {
width: 29.5% !important;
}




@media only screen and ( max-width: 980px ) {


.skp-cta .et_pb_button_wrapper a,
.skp-cta-carousel .item-title {
padding: 10px 0;
line-height: 3vw !important;
font-size: 2.5vw !important;
}
.skp-cta .et_pb_button_wrapper, 
.skp-cta-carousel .dica-item-content {
bottom: 20px;
}
.skp-cta .skp-cta-dermatology .et_pb_button_wrapper a:before,
.skp-cta-carousel .dica_divi_carouselitem_0 .item-title a:before {
content: "" !important;
}
.skp-cta .skp-cta-cosmetics .et_pb_button_wrapper a:after,
.skp-cta-carousel .dica_divi_carouselitem_1 .item-title a:after {
content: "s" !important;
}

}

@media only screen and ( max-width: 767px ) {

.skp-cta-carousel .swiper-buttton-container,
.skp-cta-carousel .swiper-pagination {
visibility: visible;
}

/* 
.skp-cta .et_pb_promo {
height: 70vw;
width: 70vw;
}
 */

.skp-cta .et_pb_column {
width: 40%
}

}


@media only screen and ( max-width: 600px ) {

.skp-cta .et_pb_button_wrapper a,
.skp-cta-carousel .item-title {
font-size: 15px !important;
padding: 10px 0;
line-height: 20px !important;
}
.skp-cta-carousel .dica-item-content {
bottom: 0;
position: relative;
}

.skp-cta .et_pb_button_wrapper {
bottom: -30px;
}

}





/* SKP FILTERABLE GRID
-------------------------------------------------------------- */



/* 
.dp-dfg-filters {
display: none;
}
 */
.dp-dfg-skin-default .dp-dfg-item {
border: none;
}
.dp-dfg-skin-default .dp-dfg-item {
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}
.dp-dfg-skin-default .dp-dfg-item:hover {
}
.dp-dfg-skin-default .dp-dfg-header {
padding: 0 !important;
position: absolute;
bottom: 20px;
text-align: center;
display: block;
width: 100%;
pointer-events: none;
}
.dp-dfg-overlay {
display: none;
}
.dpdfg_filtergrid .et_pb_post {
margin-bottom: 0px !important;
}



/* SKP LAYOUTS
-------------------------------------------------------------- */



.skp-scale-left img {
transform: scale(1.2);
}







/* BEFORE AFTER
-------------------------------------------------------------- */

.twentytwenty-container.active .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-after-label {
opacity: 1 !important;
background: rgba(0, 0, 0, .6) !important;
padding: 5px 10px !important;
text-transform: uppercase;
bottom: 10px !important;
}


.twentytwenty-after-label {
right: 10px !important;
}
.twentytwenty-before-label {
left: 10px !important;
}


.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0) !important;
}

/* 

.twentytwenty-overlay:hover .twentytwenty-before-label,
.twentytwenty-overlay:hover .twentytwenty-after-label {
background: rgba(0, 0, 0, .6) !important;
}
 */

.twenty20 {
    margin-bottom: 20px;
    box-shadow: 0 5px 20px -5px rgba(0,0,0,.5);
}




/* DIVI-BAR
-------------------------------------------------------------- */
body.divibars-open .divibars-container .divibars-close,

.divibars-container .divibars-close {
right: 0 !important;
padding: 0 !important;

}


/* TOGGLE MODULE
-------------------------------------------------------------- */

.et_pb_toggle_close {
background-color: #fff;
}



/* ET BUTTON
-------------------------------------------------------------- */

/* add .btn-inline to the row of any button to make inline */

.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 20px;
}

.btn-inline {
    text-align: left !important;
}



a.smallblue.smallblue:hover,
a.smallblue.smallblue {
background: none !important;
color: #985 !important;
text-shadow: none !important;
box-shadow: none !important;
font-weight: normal !important;
margin: 0 0 25px !important;
padding: .3em 1em !important;
border-radius: 0;
border: 1px solid #985 !important;
text-transform: uppercase;
letter-spacing: 0.1em;
transition: all 300ms ease 0ms;
}
a.smallblue:hover {
padding: .3em 2em .3em .7em !important;
}
a.smallblue:last-child {
margin: 0 !important;

}


.et_pb_button::after {
content: "\35" !important;
}



/* Buttons side by side for header */

.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
margin: 0 25px 20px 0;
}


.et_pb_button.et_pb_bg_layout_dark:hover,
.et_pb_button.et_pb_bg_layout_dark {
background: #a39466 !important;
}




/* CLINIC INFO TABS
-------------------------------------------------------------- */


.clinic-info {
border: none;
}
.clinic-info .et_pb_tab {
padding: 24px 0;
}
.clinic-info .et_pb_tabs_controls li a {
padding: 5px 0;
margin-right: 20px;
}
.clinic-info ul.et_pb_tabs_controls {
background: none;
}
.clinic-info .et_pb_tabs_controls li {
float: left !important;
width: auto !important;
font-weight: normal;
color: #999 !important;
border-bottom: 0 solid rgba(0,0,0,0);
border-right: none !important;
margin-right: 30px;
height: auto !important;
}
.clinic-info .et_pb_tab_active a {
color: #222 !important;
border-bottom: 3px solid #765;
}



/* LAYOUT
-------------------------------------------------------------- */

#page-container {
background: #036;
overflow: hidden;
width: 100vw;
}
/* 
.et-db #et-boc .et-l .et_pb_row,
.et_pb_row {
    width: 90%;
}
 */


/* FORCE 1 x 2 layout until mobile
-------------------------------------------------------------- */


@media only screen and ( min-width: 767px ) {

.et_pb_column_empty {
pointer-events: none;
display: block !important;
}

.et_pb_column_2_3,
.skp-1-2-min767 .et_pb_column_2_3 {
    width: 64.833% !important;
}

.et_pb_column_1_3,
.skp-1-2-min767 .et_pb_column_1_3 {
    width: 29.6667% !important;
}


.et_pb_column .et_pb_grid_item {
width: 45.758% !important;
}

.et_pb_column_1_3,
.skp-1-2-min767 .et_pb_column_1_3 {
    margin-right: 5.5%;
}

.et_pb_column .et_pb_grid_item:last-child,
.et_pb_column:last-child,
.skp-1-2-min767 .et_pb_column:last-child {
    margin-right: 0;
}

}


/* HEADER
-------------------------------------------------------------- */


span.logo_helper {
display: none;
}



#top-header .container,
#main-header .container {
max-width: 1375px !important;
}


.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
position: fixed !important;
}


body.et_fixed_nav.et_secondary_nav_enabled #main-header {
top: 40px;
transition: all .5s ease-in-out;
}
body.et_fixed_nav.et_secondary_nav_enabled #main-header.et-fixed-header {
top: 0 !important;
}

html .et_fixed_nav #page-container .et-fixed-header#top-header,
.et_secondary_nav_enabled #page-container #top-header {
    background-color: #985!important;
}

#page-container {
margin-top: 0 !important;
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
padding-top: 144px !important;
}
@media only screen and ( max-width: 980px ) {
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
padding-top: 83px !important;
}
}
html .et-fixed-header #top-menu a,
#top-menu a {
color: rgba(255,255,255,1) !important; 
}
#top-menu-nav #top-menu li.current-item a { 
color: rgba(255,255,255,1) !important; 
}
#top-menu > li {
padding-right: 0 !important;
}
.nav li ul {
border: none;
width: 230px;

transition: all .5s ease-in-out;

box-shadow: 0 5px 10px rgba(0,0,0,.3) !important;
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.3) !important;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3) !important;


}
#top-menu .sub-menu li a {
font-size: 1.1em;
line-height: 20px !important;
padding: 10px 0;
width: 100%;
text-transform: capitalize;
letter-spacing: 0;
}
#top-menu .sub-menu li {
border-bottom: 1px solid rgba(255,255,255,.25) !important;
width: 100%;
}
#top-menu .sub-menu li:last-child {
border: none !important;
}
#top-menu .menu-item-has-children > a:first-child {
padding-right: 0;
}

#top-menu .menu-item-has-children > a:first-child::after {
display: none;
}

#top-menu .sub-menu .menu-item-has-children > a:first-child::after {
display: block;
right: 0;
top: 10px;
}

#et-secondary-menu,
#et-secondary-nav {
width: 100%;
display: inline-flex !important;
}

#top-menu li a {
font-size: 18px;
text-transform: capitalize !important;
letter-spacing: 0 !important;
}



#top-header a {
font-size: 14px;
}
#top-header {
display: block !important;
}
#et-secondary-nav li ul, #top-header {
background-color: #985 !important;
}
#et-secondary-menu > ul > li a {
line-height: 20px;
padding: 0;
margin: 10px 0;
text-transform: none;
}
#et-secondary-menu .nav_email a {
text-transform: none !important;
}
#top-menu > li > a {
padding: 15px 0 !important;
transition: font-size 0.5s linear;
}
.nav li li ul {
z-index: 1000;
top: 0px;
left: 220px;
}

#main-header {
transition: all .5s ease-in-out;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) !important;
background: #036;
z-index: 999999999;
}
.home #main-header,
#main-header.et-fixed-header {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
background: #036;
}
.nav li ul {
padding: 0;
background: #985;
border-radius: 5px;
}
#top-header .container {
padding: 0;
width: 90%;
}
header .container {
padding: 0;
width: 90%;
/* 
min-height: 105px;
 */
display: flex !important;
align-items: center;
}

/* 
header.et-fixed-header .container {
min-height: 85px;
}
 */

#top-menu-nav,
#top-menu {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
column-gap: 25px;
}
.et_header_style_left .logo_container {
position: relative;
height: auto;
width: auto;
max-width: 275px;
height: 110px;
display: flex;
align-items: center;
}

header.et-fixed-header .container .logo_container {
max-width: 200px;
height: 80px;
}



.et_fixed_nav #et-top-navigation {
padding: 0 !important;
margin-left: auto;

}
nav#top-menu-nav, 
#top-menu, 
nav.et-menu-nav, 
.et-menu {
float: none;
}

.nav#top-menu li.bookonline a {
background: #985;
border-radius: 2px;
padding: 15px 20px !important;
}





li.mega-link {
padding: 0 !important;
}
li.mega-link a {
padding: 0 !important;
}
li.mega-link img {
vertical-align: top;
border-radius: 5px 5px 0 0;
}
#et_mobile_nav_menu li.mega-link {
display: none;
}
li.mega-link a span {
position: absolute;
color: #036;
top: 33px;
left: 18px;
font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
max-width: 130px;
}
li.mega-link.mega2 a span {
top: 23px;
}





/* secondary nav */



.mobile_nav .select_page {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: block;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
.mobile_nav.opened .select_page {
visibility: visible;
background: rgba(0,0,0,0.5);
opacity: 1;
text-indent: -5000px;
}
.nav_hide,
.et_mobile_menu li.mobile_menu_close a,
#et-secondary-nav .mobile_menu_close {
display: none !important;
}
.mobile_menu_close {
position: absolute;
top: 30px;
right: 30px;
width: 24px;
height: 24px;
overflow: hidden;
cursor: pointer;
}
.mobile_menu_close:before {
transform: rotate(45deg);
top: 12px !important;
width: 24px;
height: 2px;
background: #985;
position: absolute;
content: '' !important;
}
.mobile_menu_close:after {
transform: rotate(-45deg);
top: 12px !important;
width: 24px;
height: 2px;
background: #985;
position: absolute;
content: '' !important;
}





#et-secondary-nav {
/* display: inline-flex; */
width: 100%;
height: 40px;
}
#et-secondary-nav li:nth-child(2) {
margin-right: auto;
}
#et-secondary-nav li:nth-last-child(2) {
margin-right: 0;
}
#et-secondary-nav li:not(.nav_social):not(.nav_contact) a {
border-right: 1px solid rgba(255,255,255,0.25);
padding-right: 15px;
}


/* side nav */

/* 
#et_mobile_nav_menu#et_mobile_nav_menu {
display: block;
}
 */
.mobile_nav.opened .mobile_menu_bar::before {

}







.mobile_menu_bar {
width: 24px;
height: 24px;
background: #985;
position: relative;
transition: background 10ms 300ms ease;
padding: 0 !important;
display: block;
border-top: 11px solid #036;
border-bottom: 11px solid #036;
margin: 10px 0 10px 10px;
/* mix-blend-mode: multiply; */
top: -5px;
}
.mobile_menu_bar:before, 
.mobile_menu_bar:after {
width: 24px;
height: 2px;
background: #985;
position: absolute;
content: '' !important;
transition: top 300ms 350ms ease, transform 300ms 50ms ease;
}
.mobile_menu_bar:before {
top: -8px !important;
}
.mobile_menu_bar:after {
top: 8px !important;
}
.mobile_nav.opened .mobile_menu_bar {
background: #036;
}
.mobile_nav.opened .mobile_menu_bar:before, 
.mobile_nav.opened .mobile_menu_bar:after {
transition: top 300ms 50ms ease, transform 300ms 350ms ease;
}
.mobile_nav.opened .mobile_menu_bar:before {
transform: rotate(45deg);
top: 0px !important;
}
.mobile_nav.opened .mobile_menu_bar:after {
transform: rotate(-45deg);
top: 0px !important;
}



#mobile_menu {
background: #036 !important;
display: flex !important;
flex-wrap: wrap;
min-height: 100vh;
height: 100%;
top: 0;
right: 0;
position: fixed;
z-index: 9999;
overflow: scroll;
border-top: none;
padding: 70px 30px 0 30px !important;
align-content: flex-start;
}
#mobile_menu > li:not(.nav_social) {
flex-basis: 100%;
}

.et_mobile_menu li a {
color: rgba(255,255,255,.9) !important;
border: none;
padding: 10px 0;
transition: .2s;
font-size: 16px !important;
text-transform: none;
border-top: 1px solid rgba(255,255,255,.2);
}
.et_mobile_menu > li:first-child > a {
border-top: none;
}

.et_mobile_menu li li a {
text-transform: capitalize;
border-top: 1px solid rgba(255,255,255,.2);
}


.mobile_nav ul#mobile_menu .current_page_item > a {
}
.mobile_nav.closed #mobile_menu {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
}
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
}






.nav_social a:before,
#mobile_menu a:before,
#et-secondary-nav a:before {
margin-right: 10px;
font-family: etmodules;
float: left;
display: block;
width: 20px;
text-align: center;
}

.nav_phone a:before {
content: "\e090";
}
.nav_email a:before {
content: "\e076";
}
.nav_appointment a:before {
content: "\e023";
}
.nav_careers a:before {
content: "\e08b";
}
.nav_forms a:before {
content: "\e059";
}
.nav_instagram a:before {
content: "\e09a";
}
.nav_facebook a:before {
content: "\e093";
}
.nav_twitter a:before {
content: "\e094";
}



#mobile_menu .nav_email {
/* 
border-bottom: 1px solid #985;
margin-bottom: 20px !important;
 */
padding-bottom: 20px;
}


.nav_social a {
width: 20px !important;
overflow: hidden;
white-space: nowrap;
font-weight: normal;
}

#mobile_menu .nav_social a {
font-size: 20px;
color: #985 !important;
border: none;
}

.mobile_nav .nav_contact {
order: 1;
}
.mobile_nav .nav_social {
order: 2;
margin-right: 20px;
}


@media all and (max-width: 980px) {

.mobile_menu_close {
/* 
display: none;
 */
}

}



@media only screen and  (max-width: 980px) {


.et_header_style_left #et-top-navigation {
    padding-top: 30px;
}


.et_header_style_split .mobile_menu_bar, 
.et_header_style_left .mobile_menu_bar {    
z-index: 9999;
}
#et-secondary-nav li:not(.nav_contact):not(.nav_social) {
display: none !important;
}

/* 
.mobile_menu_bar {
top: -15px;
}
 */

}

@media only screen and  (min-width: 481px) {

#mobile_menu {    
width: 350px;    
margin-left: calc(100% - 350px);
}

}

@media only screen and (max-width: 480px)  {

#mobile_menu {    
width: 300px;    
margin-left: calc(100% - 300px);
}
#et-secondary-nav li.nav_phone {
margin-right: auto;
}
#et-secondary-nav li.nav_email {
display: none !important;
}


}

@media only screen and (max-width: 340px) {

#mobile_menu {    
width: 100%;    
margin-left: 0;
}

}









/* SKP ASSOCIATIONS
-------------------------------------------------------------- */

@media all and (max-width: 767px) {

.skp-associations .et_pb_column {
width: 33% !important;
}

}
















/* SKP BIO
-------------------------------------------------------------- */

/* 
.skp-bio h2 {

text-align: left;
width: 50%;
margin-left: 50%;

}
 */

@media only screen and (min-width: 767px) {

.skp-bio-reverse.skp-1-2-min767 .et_pb_column_1_3 {
order: 2;
margin-right: 0 !important;
}
.skp-bio-reverse.skp-1-2-min767 .et_pb_column_2_3 {
margin-right: 5.5% !important;
}

}


/* SKP TESTIMONIALS
-------------------------------------------------------------- */


.skp-testimonials .et_pb_slide_description {
text-align: center;
max-width: 900px;
width: 70%;
padding: 8% 0 !important;
}
.skp-testimonials .et_pb_slide_description .et_pb_slide_title {
font-style: italic;
font-size: 1.8em !important;
color: #036 !important;
text-align: center;
margin-bottom: 20px;
}
.skp-testimonials .et_pb_slide_content {
color: #765 !important;
text-shadow: none;
font-size: 1em !important;
}
.skp-testimonials .et_pb_button {
}
.skp-footer:before, .skp-footer:after,
.skp-testimonials:before, .skp-testimonials:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
z-index: 1;
}
.skp-footer:before,
.skp-testimonials:before {
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0) 100%);
height: 60px;
top: 0;
}



.skp-testimonials .et_pb_slide_description::before {
content: "TESTIMONIALS";
letter-spacing: .3em;
font-weight: bold;
color: #765;
text-shadow: none !important;
font-size: .8em;
display: block;
margin-bottom: 10px;
}
.skp-testimonials .et-pb-controllers a {
background-color: #765;
}


 .et-pb-arrow-next,
 .et-pb-arrow-prev {
color: #985 !important;
}

.skp-testimonials .et-pb-arrow-next,
.skp-testimonials .et-pb-arrow-prev {
color: #985 !important;
opacity: 1 !important;
}
.skp-testimonials .et-pb-arrow-prev {
left: 0px !important;
}
.skp-testimonials .et-pb-arrow-next {
right: 0px !important;
}

@media all and (max-width: 767px) {

.et-pb-slider-arrows {
display: none;
}

}





/* SKP FOOTER SOCIAL
-------------------------------------------------------------- */


.skp-footer-social ul {
padding: 0;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}

.skp-footer-social li {
list-style: none;
padding: none;
margin: 0 10px;
}
.skp-footer-social a {
color: #fff !important;
display: inline-block;
font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
font-size: 1.3em;
font-weight: normal;
}

.skp-footer-social .nav_social a {
    width: 22px !important;
}



@media only screen and ( max-width: 767px ) {

.skp-footer-social ul {
justify-content: center;
}
.skp-footer-social li:not(.nav_social) {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.skp-footer-logo {
display: none !important;
}

}


/* MAP
-------------------------------------------------------------- */

.skp-map {
}
.skp-map .skp-map-row {
position: absolute !important;
top: 0;
z-index: 0;
}






.gm-svpc,
.gm-control-active,
.gm-style-mtc {
display: none;
}
.gm-bundled-control {
top: 0 !important;
}
.dwd-map-pin-website {
background: #765;
color: #fff;
padding: 2px 10px;
margin-top: 5px;
display: inline-block;
}
.dwd-markercluster {
background: url('/wp-content/uploads/2019/06/icon-skin-physicians.png') no-repeat;
background-size: cover;
color: rgba(0,0,0,0) !important;
height: 60px !important;
width: 60px !important;
border-radius: 0 !important;
border: none !important;
}




@media only screen and ( min-width: 980px ) {

.gm-style-pbc {
opacity: 0 !important;
}

}






/* OWL PORTFOLIO
-------------------------------------------------------------- */

.blog-carousel {
}
.owl-nav {
position: absolute;
top: 10%;
left: 0;
right: 0;
}
.owl-prev, .owl-next {
position: absolute;
height: 100px;
z-index: 100;
}
.owl-prev {
left: -50px;
}
.owl-next {
right: -50px;
}
.owl-prev:before {
content: "\34";
}
.owl-next:before {
content: "\35";
}
.owl-prev:before,
.owl-next:before {
font-family: ETmodules !important;
font-weight: 400;
font-size: 48px;
color: #77665580;
}




/* SKP TREATMENT BENEFITS & DETAILS
-------------------------------------------------------------- */

.skp-treatment-benefits.et_pb_text ul,
.skp-treatment-stats.et_pb_text ul {
list-style: none;
padding: 0;
margin-bottom: 20px;
}

.skp-treatment-stats.et_pb_text li {
border-bottom: 1px solid rgba(0,0,0,0.25);
margin-bottom: 5px;
padding-bottom: 5px;
display: flex;
}

.skp-treatment-stats strong {
flex: 0 0 50%;
}

.skp-treatment-benefits.et_pb_text li {
padding-left: 24px;
padding-bottom: 6px;
}
.skp-treatment-benefits.et_pb_text li:before {
content: "\4e";
position: absolute;
left: 0;
color: #985;
font-family: 'ETmodules' !important;
}



/* INSTAGRAM
-------------------------------------------------------------- */
#sb_instagram #sbi_images {
padding: 0;
}


/* SKP FAQ ACCORDION
-------------------------------------------------------------- */

body .skp-faq-accordion .et_pb_toggle:first-child .et_pb_toggle_title::before {
display: none !important;
}

body .skp-faq-accordion .et_pb_toggle {
margin: 0 !important;
border: none !important;
border-bottom: 1px solid rgba(0,0,0,0.25) !important;
}
body .skp-faq-accordion .et_pb_toggle_open,
body .skp-faq-accordion .et_pb_toggle_close {
padding: 0 !important;
background: transparent !important;
}
body .skp-faq-accordion p:last-child {
padding: 0 !important;
}
body .skp-faq-accordion .et_pb_toggle_open .et_pb_toggle_title::before,
body .skp-faq-accordion .et_pb_toggle_title::before {
right: auto !important;
left: 0 !important;
color: #985 !important;
font-size: 25px !important;
display: block !important;
font-family: 'ETmodules' !important;
}

body .skp-faq-accordion .et_pb_toggle:not(:first-child) .et_pb_toggle_content {
padding-left: 35px !important;
}

body .skp-faq-accordion .et_pb_toggle_title::before {
content: "\4c" !important;
font-family: 'ETmodules' !important;
}
body .skp-faq-accordion .et_pb_toggle_open .et_pb_toggle_title::before {
content: "\4b" !important;
font-family: 'ETmodules' !important;
}


body .skp-faq-accordion .et_pb_toggle .et_pb_toggle_title {
padding-left: 35px !important;
font-weight: 500 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}

body .skp-faq-accordion .et_pb_toggle_content {
padding-top: 0 !important;
padding-bottom: 30px !important;
}

body .skp-faq-accordion .et_pb_toggle:first-child  {
padding-top: 0 !important;
}
body .skp-faq-accordion .et_pb_toggle:first-child .et_pb_toggle_title {
font-size: 1.8em !important;
padding-left: 0 !important;
}








/* PORTFOLIO
-------------------------------------------------------------- */



.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {
display: flex;
align-items: center;
}
.et_pb_fullwidth_portfolio_carousel {
max-width: 1200px;
margin: 0px auto;
width: 88% !important;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header  {
margin-top: 0;
padding: 0 20px 0 0;
text-align: right;
width: 60%;
float: right;
color: #fff;
line-height: 30px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header {
margin-top: 0;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image a {
width: 100%;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image img {
transition: all .5s ease-in-out;
/* transform-origin: right center; */
transform: scale(1.1);
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover img {
transform: scale(1.2);
}
.et_pb_filterable_portfolio_grid .et_overlay,
.et_pb_fullwidth_portfolio .et_overlay {
/* background: rgba(0,0,0,.2); */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.1+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 */



}
.et_pb_portfolio_items .et_pb_module_header::after {
content: "Learn More";
display: inline-block;
color: #fff;
background: rgba(255,255,255,.2);
padding: 8px 10px;
font-family: 'Arimo',Helvetica,Arial,Lucida,sans-serif;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
margin-top: 14px;
white-space: nowrap;
letter-spacing: 1px;
transition: all .5s ease-in-out;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header:after  {
background: rgba(255,255,255,.4);
}
.et_pb_portfolio_items .et_overlay::before {
display: none !important;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {
z-index: 0 !important;
opacity: 1 !important;
}


@media only screen and ( max-width: 1200px ) {

.et_pb_fullwidth_portfolio_carousel {
width: 100% !important;
}

}



/* FILTERABLE PORTFOLIO
-------------------------------------------------------------- */


.et_pb_filterable_portfolio_grid .et_pb_portfolio_item .et_pb_module_header {
display: block;
position: absolute;
top: 50%;
text-align: right;
font-size: 22px !important;
color: #fff;
transform: translateY(-50%);
padding: 0 20px 0 0;
margin: 0 !important;
right: 0;

display: flex;
flex-direction: column;
align-items: flex-end;
line-height: 30px;
width: 60%;

pointer-events: none;

}

.et_pb_portfolio_item,
.et_pb_gallery_item {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}






/* SLIDER + HERO BANNER
-------------------------------------------------------------- */


/* 
.skp-hero-1600.et_pb_section,
 */
.skp-hero .et_pb_slider .et_pb_slide {
/* 
background-size: auto 100% !important;
 */
}

.skp-hero-home .et_pb_slider .et_pb_slide {
background-size: cover !important;
}

.skp-hero > .et_pb_slider {
background: url(https://www.skinphysicians.ca/wp-content/themes/skinphys/images/skp-hero-background.jpg);
background-repeat: repeat-x !important;
background-size: auto 100% !important;
}


/* 
@media only screen and ( min-width: 1400px ) {
.skp-hero .et_pb_slider .et_pb_slide, .et_pb_section {
background-size: 1600px auto !important;
}
}
 */


.skp-hero-title {
position: absolute !important;
bottom: 0;
width: 100%;
background: linear-gradient(90deg, rgb(153,136,85,0.95) 35%, rgba(153,136,85,0.1) 90%)
}

.skp-hero-title .et_pb_code_inner {
max-width: 1200px;
margin: 0 auto;
padding: 15px 0;
width: 90%;
}

.skp-hero-title .et_pb_code_inner h2 {
color: #fff !important;
font-size: 2em;
}
.skp-hero-title .et_pb_code_inner a {
color: #fff !important;
}
/* 
.skp-hero-title .et_pb_code_inner a:before {
color: #fff !important;
content: "\34";
font-family: 'ETmodules' !important;

}
 */


@media only screen and ( max-width: 767px ) {

.skp-hero-title .et_pb_code_inner h2 {
font-size: 1.5em;
}

}



/* 
.et_pb_slide:first-child .et_pb_slide_image img.active,
.et-pb-active-slide .et_pb_slide_image {
animation-name: fadeIn !important;
}
 */

.skp-hero .et_pb_slide_image {

right: 0;
width: auto;
height: 100%;
display: block !important;
position: absolute !important;
margin: 0;

}

.skp-hero .et_pb_slide_image img {
max-height: 100% !important;
width: 100%;
height: 100%;
object-fit: cover;
}


.skp-hero .et_pb_slide_title em {
font-style: italic !important;
color: #985;
display: block;
letter-spacing: 0;
line-height: 1.5;
}

.skp-hero .et_pb_slider {
/* max-width: 1600px !important; */
margin: 0 auto !important;
}

.skp-hero .et_pb_slide_description {
margin: auto;
text-align: left !important;
width: 100%;
float: none;
padding-right: 40%;
}


.et_pb_slide {
padding: 0;
}


.skp-hero .et_pb_slider .et_pb_container {
width: 90%;
max-width: 1200px !important;
min-height: 500px !important;
height: 40vh !important;
max-height: 800px;
}


.skp-hero-home .et_pb_slider .et_pb_container {
height: 60vh !important;
}




.et_pb_slide_description {
padding: 20% 0;
width: 50%;
margin: auto 0 auto 50%;
text-align: right;
}

.showcase-left .et_pb_slide_description {
margin: auto 50% auto 0;
text-align: left;
}

.et_pb_bg_layout_light .et_pb_slide_content {
color: #666 !important;
}



/* 

.et-db #et-boc .et-l .et_pb_bg_layout_dark, .et-db #et-boc .et-l .et_pb_bg_layout_dark h1, .et-db #et-boc .et-l .et_pb_bg_layout_dark h2, .et-db #et-boc .et-l .et_pb_bg_layout_dark h3, .et-db #et-boc .et-l .et_pb_bg_layout_dark h4, .et-db #et-boc .et-l .et_pb_bg_layout_dark h5, .et-db #et-boc .et-l .et_pb_bg_layout_dark h6 {
color: unset !important;
}
 */

.et-db #et-boc .et-l .et_pb_toggle_open .et_pb_toggle_title, .et-db #et-boc .et-l .et_pb_toggle_open h5.et_pb_toggle_title {
    color: #985;
}

.et-db #et-boc .et-l .et_pb_slide_description {
text-align: inherit; 
}
.et-db #et-boc .et-l .et_pb_bg_layout_dark .et_pb_slide_description .et_pb_slide_title {
font-size: 60px;
color: #036 !important;
text-shadow: none;
letter-spacing: -0.025em;
padding: 0;
/* line-height: 70px; */
}

.et_pb_slide_description .et_pb_slide_title {
color: #036 !important
}

.et_pb_slide_description .et_pb_slide_title .gold {
color: #985 !important
}

.et_pb_slide_description .et_pb_slide_title strong {
font-family: ;
color: #605447;
font-style: italic;
}



.et_pb_bg_layout_light .et_pb_slide_description .et_pb_slide_title {
color: #fff !important;
}
.et_pb_bg_layout_light .et_pb_slide_description .et_pb_slide_title strong {
color: #fff;
}








.et_pb_section:not(.skp-hero) .et_pb_slide_description .et_pb_slide_title span {
position: relative;
}
.et_pb_section:not(.skp-hero) .et_pb_slide_description .et_pb_slide_title span:before {
content: "";
display: block;
background: url(https://www.skinphysicians.ca/wp-content/themes/skinphys/images/brush-strike.png) no-repeat center center;


background-size: contain;
width: 130px;
height: 50px;
position: absolute;
bottom: 0;
right: 0;


}

.et_pb_slide_description {
padding: 10% 0;
animation-name: fadeIn !important;
}



.skp-hero .et_pb_slide_description {
padding: 5% 40% 10% 0 !important;
}
.skp-hero-home .et_pb_slide_description {
padding: 10% 30% 10% 0 !important;
}



.et_pb_section.hero-soft-light {
padding: 10% 0 5%;
background-color: #f1f0ee;
}


@media only screen and ( max-width: 980px ) {

/* 

.et_pb_slide_description .et_pb_slide_title span:before {
background: url(https://www.skinphysicians.ca/wp-content/themes/skinphys/images/brush-strike-white.png) no-repeat center center;
background-size: contain;

}
 */


.skp-hero .et_pb_slider .et_pb_slide {
background-position: 65% center;
}


.et_header_style_left #logo {
max-height: 100% !important;
max-width: 100% !important;
}

.et_pb_slide_description .et_pb_slide_title {
font-size: 50px !important;
}
.et_pb_slide_description {
padding: 20% 0;
width: 60%;
margin: auto 0 auto 40%;
}




/* 
.et_pb_section.hero-soft-light,
.et_pb_section_0 .et_pb_slider .et_pb_slide {
background-blend-mode: soft-light;
background-color: #534940 !important;
}
 */

/* 
.hero-soft-light *,
.et_pb_section_0 .et_pb_slider .et_pb_slide *:hover,
.et_pb_section_0 .et_pb_slider .et_pb_slide * {
color: #fff !important;
border-color: #fff !important;
}
 */




/* 
html .et_pb_section.hero-soft-light2 {
background-blend-mode: soft-light;
background-color: #e6e4e0 !important;
}
html .et_pb_section.hero-soft-light2 .et_pb_bg_layout_dark .et_pb_text_inner h1,
html .et_pb_section.hero-soft-light2 .et_pb_bg_layout_dark .et_pb_text_inner h2,
html .et_pb_section.hero-soft-light2 .et_pb_bg_layout_dark .et_pb_text_inner h3 {
color: #998855 !important}
html .et_pb_section.hero-soft-light2 .et_pb_bg_layout_dark .et_pb_text_inner {
color: #666 !important;
}
 */



.et_pb_slider:before {
}

}





/* 
.skp-hero .et_pb_slide:after {
display: block;
content: " ";
width: 100%;
height: 100%;
background: url(https://www.skinphysicians.ca/wp-content/themes/skinphys/images/skp-logo-pattern.svg) no-repeat;
background-size: contain;
background-attachment: fixed;
position: absolute;
top: 0;
right: 0;
}


 */






@media only screen and ( max-width: 767px ) {


.skp-hero .et_pb_slide_description {
padding-right: 30%;
}

.skp-hero .et_pb_slide_title span {
display: none;
}


.skp-hero .et_pb_slide_image img {
/* 
margin-right: -20vw;
 */
}

.et_pb_slide_description .et_pb_slide_title {
font-size: 40px !important;
text-align: left;
}


.skp-hero .et_pb_slider .et_pb_container {
min-height: 420px;
}

.skp-hero .et_pb_slide:before {
display: block;
content: " ";
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.5) 70%, rgba(255,255,255,0) 90%);
position: absolute;
top: 0;
right: 0;
animation: skp-fadein 1.5s;
}

.skp-hero-dark .et_pb_slide:before {
background: linear-gradient(90deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 80%);
}



@keyframes skp-fadein {
    0% { opacity:0; }
    30% { opacity:0; }
    100% { opacity:1; }
}



.et_pb_slide_description .et_pb_slide_title {
font-size: 40px !important;
}
.et_pb_slide_description {
/* 
padding: 0;
 */
width: 80%;
/* margin: auto !important; */
}

}


/* FONTS
-------------------------------------------------------------- */


.et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p {
font-size: 1em !important;
}


body {
font-size: 16px !important;
line-height: 1.75 !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.1;
font-weight: normal !important;
}

.et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5 { 
font-weight: 500 !important;
}

.et_pb_text h1 {
font-size: 2em;
}
.et_pb_text h2 {
font-size: 1.8em;
}
.et_pb_text h3 {
font-size: 1.2em;
}

.et_pb_text h6 {
letter-spacing: .3em;
font-weight: bold !important;
font-size: .8em;
margin-bottom: 10px;
padding: 0;
font-family: unset;
}




h1 em, h2 em, h3 em {
font-size: 60%;
font-style: normal !important;
line-height: 2;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom: 1em;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
padding-bottom: 0;
}




p:not(.has-background):last-of-type,
p {
padding-bottom: 1em;
}
.et_pb_text ol {
list-style-position: outside;
margin-left: 30px;
}

.entry-content p a {
color: #444;
text-decoration: underline;
}

.entry-content .et_pb_bg_layout_dark p a {
color: #fff;
text-decoration: underline;
}


.et_pb_toggle_open h5.et_pb_toggle_title, 
.et_pb_toggle_open .et_pb_toggle_title,
.et_pb_toggle_close h5.et_pb_toggle_title, 
.et_pb_toggle_close .et_pb_toggle_title {
    color: #985;
font-size: 20px;
}




/* 
.entry-content p a strong,
.entry-content p strong a {
font-weight: 600;
color: #765;
text-decoration: none;
}
.entry-content p:not(.post-meta) a:not(.img-link):not([href^="tel:"]) strong::after,
.entry-content p:not(.post-meta) strong a:not(.img-link):not([href^="tel:"])::after {
content: "\f138";
font-family: "FontAwesome";
margin: 0 0 0 5px;
}
 */

@media only screen and ( max-width: 1300px ) {

/* 
.et_pb_text h1 {
font-size: 2.5em;
}
 */

}

@media only screen and ( max-width: 767px ) {

/* 
.et_pb_text_align_right,
.et_pb_text_align_left {
    text-align: center;
}
 */

h1 em, h2 em, h3 em {
display: block;
}



/* 
.et_pb_text h1 {
font-size: 2em;
}
 */

/* 
.et_pb_portfolio_item h2, .et_pb_post h2, .et_pb_title_container h1 {
font-size: 20px;
line-height: 25px;
padding-bottom: 10px;
}
 */

}



/* LAYOUTS
-------------------------------------------------------------- */

.vertical_align .et_pb_column { 
display: flex; 
flex-direction: column; 
justify-content: center;
} 
.single .et_pb_post {
margin-bottom: 0;
}

/* 
.et_pb_row {
width: 88% !important;
max-width: 1400px !important;
}
 */




/* MOBILE SLIDE-IN MENU
---------------------------------------*/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
display: none !important; 
visibility: hidden !important;  
transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
display: block !important; 
visibility: visible !important; 
}
.et_mobile_menu .menu-item-has-children > a:after { 
font-family: 'ETmodules';
font-size: 18px;
font-weight: 800;
content: "3"; 
position: absolute; 
right: 32px;
}
/* Font Awesome */
.fa {
margin-right: 15px ;
}


/* MOBILE MENU
-------------------------------------------------------------- */


@media only screen and ( max-width: 900px ) {
.hide-menu-900 {
display: none !important;
}
}

@media only screen and ( max-width: 1200px ) {
.hide-menu-1200 {
display: none !important;
}
}

@media only screen and ( max-width: 1600px ) {
.hide-menu-1600 {
display: none !important;
}
}








@media only screen and (max-width: 1100px) and (min-width: 980px) {

.menu_hide {
display: none !important;
}

}

@media only screen and (max-width: 1300px) and (min-width: 980px) {

/* 
#top-menu li a {
font-size: 15px !important;
}
 */
#logo {
max-height: 40% !important;
}

}




@media only screen and ( max-width: 980px ) {

#top-menu-nav {
display: none;
}
#et_mobile_nav_menu {
display: block;
}
.et_fixed_nav #main-header {
position: fixed;
}
/* 
#main-header.et-fixed-header {
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2) !important;
-moz-box-shadow: 0 0 20px rgba(0,0,0,.2) !important;
box-shadow: 0 0 20px rgba(0,0,0,.2) !important;
}
 */

}










/* SKP FOOTER
-------------------------------------------------------------- */

#main-footer {
display: none;
}
.global-footer a {
color: #fff !important;
}
.global-footer p {
font-size: .9em;
opacity: .5;
}



.skp-footer .et_pb_text  {
font-size: 95%;
}
.skp-footer .et_pb_text strong {
text-transform: uppercase;
color: #985 !important;
}


.skp-footer li li a:before {
content: "\35";
font-family: 'ETmodules';
color: #765;
position: absolute;
left: 0;
}





.skp-footer-menu ul {
display: flex;
justify-content: space-between;
list-style: none;
padding: 0;
}
.skp-footer-menu ul ul {
display: block;
}






/* 
@media only screen and ( max-width: 980px ) {

.skp-footer .et_pb_column {
width: 100% !important;
}


}
 */

.skp-footer-menu li li {
    width: 100%;
    padding-left: 20px;
    position: relative;
}


@media only screen and ( max-width: 767px ) {



.skp-footer-menu li {
    width: 50%;
}


.skp-footer-menu ul {
margin-bottom: 30px;
flex-wrap: wrap;

}

}





/* DIVI OVERLAY
-------------------------------------------------------------- */


.close-divi-overlay {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    background: #000;
    width: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}



/* GRAVITY FORM
-------------------------------------------------------------- */


/* error validation styles */
.gform_wrapper .validation_message,
.gform_wrapper div.validation_error {
display: none !important;
}
.gform_wrapper .top_label .gfield_error,
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: initial !important;
width: initial !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: none !important;
margin-bottom: inherit !important;
border-top: none !important;
border-bottom: none !important;
padding-bottom: inherit !important;
padding-top: inherit !important;
}
.gfield_error {
position: relative;
}
.gfield_error div.ginput_container:after {
content: "\e063";
position: absolute;
left: 8px;
top: 4px;
font-family: 'ETmodules' !important;
color: #790000;
}
.gform_wrapper li.gfield_error select,
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
border: 1px solid #790000;
padding-left: 30px !important;
}




.gform_wrapper select {
padding: 5px 12px 5px 2px !important;
}
.gform_wrapper li.hidden_label input {
margin-top: 0 !important;
}


.form-message {
padding: 15px 20px 15px 50px !important;
background: #f5f2ef;
border: 2px solid #d9d3cd;
border-radius: 8px;
margin: 20px 0 20px 0 !important;
position: relative;
}
@media only screen and ( min-width: 641px ) {
.form-message {
margin: 20px 16px 20px 0 !important;
}
}
.form-message h2 {
font-family: inherit;
}
.form-message h2:before {
content: "\e063";
display: block;
position: absolute;
top: 15px;
left: 20px;
width: 20px;
height: 20px;
font-family: 'ETmodules' !important;
color: #765;
font-size: 18px;
}
.form-message ul {
padding: 0 !important;
margin: 0 !important;
}



.post-password-required .et_password_protected_form {
max-width: 600px;
margin: 20vh auto;
width: 80%;
}
.gptos_terms_container {
width: 100% !important;
margin: 15px 0;
}


.gform_wrapper textarea,
.gform_wrapper input,
.gform_wrapper select {
background-color: #f9f9f9;
border: 1px solid #ccc;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
border-radius:3px;
}
.gform_wrapper input[type='file'] {
padding: 5px 10px;
}
.gform_wrapper .gfield_required {
color: #c00 !important;
}
.gform_wrapper .gform_footer input.button {
background-color: #998855;
border: none;
border-radius: 3px;
color: #fff;
display: inline-block;
font-weight: bold;
padding: 10px 20px;
letter-spacing: .02em;
cursor: pointer;
}
.gform_wrapper .gform_footer input.button:hover {
background-color: #998855;
}
.gform_wrapper .percentbar_blue {
background-color: #998855;
}


.permission div label:after {
content: ', I agree to be contacted and receive helpful emails from Skin Physicians. You can always unsubscribe from emails anytime.';
}
.permission div input {
vertical-align: top !important;
}
.permission .gfield_label {
display: none !important;
}



/* FONTS
-------------------------------------------------------------- */



/* MENU
-------------------------------------------------------------- */




/* MENU HIGHLIGHT COLOR
-------------------------------------------------------------- */




/* ROWS
-------------------------------------------------------------- */




/* MAIN TITLES 
-------------------------------------------------------------- */






/* IMAGES
-------------------------------------------------------------- */








@media only screen and ( min-width: 1100px ) {



}




@media only screen and ( max-width: 1100px ) {


}



/* TABLET
-------------------------------------------------------------- */

@media only screen and ( max-width: 980px ) {



}

@media only screen and ( max-width: 767px ) {


}

/* MOBILE
-------------------------------------------------------------- */


@media only screen and ( max-width: 550px ) {


.dp-dfg-layout-grid .dp-dfg-items {
display: grid !important;
grid-template-columns: 1fr !important;
row-gap: 4em !important;
}
.dp-dfg-layout-grid .dp-dfg-item {
margin: 0 !important;
}
.skp-hero-home .et_pb_slide_description {
padding: 10% 10% 10% 0 !important;
}

}



@media only screen and ( max-width: 479px ) {

}










/* COLLAPSABLE MOBILE SUB MENUS
https://wpzone.co/wordpress-and-divi-code-snippets/collapse-submenus/
-------------------------------------------------------------- */


.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}




.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}