/*
	Theme Name:   Cosmetic Doctor
	Theme URI:    https://fluidal.net/
	Description: A mobile-first responsive, vanilla boilerplate WordPress theme ready for customisation. Now with added Bootstrap. Please do not delete either the Fludial parent theme or customised Fludial child theme. You will need both for this site to work correctly.
	Author:       Duncan Arrow
	Author URI:   https://duncanarrow.com/
	Template:     fluidal
	Version:      21.0
*/

.mask { background-color: rgb(0 0 0 / 80%); }
.headerfullwidth { background-color: white; }
#mobile_header span { background-color: #444; }
.mobile-nav-menu:hover span { background-color: #c39889!important; } 
#mobile_header { right: auto; left: 0px; }
ul.fluidal_dropdown { position: relative; z-index: 1; list-style-type: none; margin: 10px 0px; padding-left: 0px!important; }
ul.fluidal_dropdown li { position: relative; margin-bottom: 0%!important; background-color: #214b5f; border-bottom: 1px solid #043851; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li a { color: white; }
ul.fluidal_dropdown li:hover { padding-bottom: 0px; background-color: #043851; cursor: pointer; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

ul.fluidal_dropdown li.please-select { background-color: #043851; color: white; font-weight: bold; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li.please-select:hover { color: #dd6e42; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
ul.fluidal_dropdown li.please-select span { display: block; padding: 10px 14px; }
ul.fluidal_dropdown li.please-select:after {
	position: absolute;
	top: 22px;
	right: 15px;
	transform: translate(-50%, -50%);
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

ul.fluidal_dropdown li.fa-down.please-select:after {   
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
}

ul.fluidal_dropdown li.fa-up.please-select:after {   
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
}

select.dropdown_product_cat { width: auto; }

.treatment_info strong { font-size: 16px; line-height: 22px; font-weight: normal; }

ul.fluidal_dropdown li ul.sub-menu { display: none; position: absolute; left: 0px; right: 0px; list-style-type: none; margin-left: 0px; padding-left: 0px!important; }
ul.fluidal_dropdown li ul.sub-menu li a { display: block; padding: 8px 14px; }
/*ul.fluidal_dropdown li:hover .sub-menu { display: block; }*/

ul.fluidal_dropdown .sub-menu li:hover a { color: #dd6e42; }
ul.fluidal_dropdown li .sub-menu li:hover { color: #dd6e41; }

.page-id-12096 .container-fluidal.content_wrapper.content_full_width.no_padding.no_container_inset .woocommerce { display: none; }

img.full-width { width: 100%; }
.show_posts img { width: 100%; }

.mobile_list { top: 10px; }
.primary_nav { margin-top: 25px; }
.primary_nav ul { border-top: 1px solid #e5e5e5; }
.mobile_nav_close { top: 34px; right: 0px; }
.mobile_nav_close:hover span { background-color: #c39889; }

.mobile-nav-menu:hover .mobile_header_menu_text {
    color: #c39889 !important;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
}

.mobile_header_menu_text {
    position: absolute;
    top: 32px !important;
    left: 60px;
    font-size: 18px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a, a:visited {
	color: inherit;
	text-decoration: none; 
	font-weight: 600;
	outline : 0;
}

a:hover, a:focus {
	color: inherit;
}

b, strong {
    font-weight: bold;
}

#nav li.home a, #nav li.current_page_item > a, #nav li.current_menu_item a, #nav li.current_page_parent > a, #nav li.current_menu_parent a { color: #2173a0;
	text-decoration: none; 
	font-weight: 600;
	outline : 0;
}

@media (max-width: 575px) {
}

@media (max-width: 767px) {
}

@media (max-width: 991px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1399px) {
}

.stick_link .flex-custom-2 { height: 100%; }
.stick_link p:last-of-type { margin-top: auto; }


@media (min-width: 768px) and (max-width: 991px) {
}

.show_posts_shortcode ul.sp_list { padding-left: 0px!important; list-style-type: none; }
.show_posts_shortcode ul.sp_list li { border-top: 1px solid #053851; padding-top: 10px; padding-bottom: 10px; }
.show_posts_shortcode ul.sp_list li:last-of-type { padding-bottom: 0px; }

#mobile_header, .mobile_header_menu_text { display: block; top: -10px; }


.logo img { width: 200px; margin-bottom: -6px; }

@media (min-width: 480px) {
	.logo img { width: 200px; }
}

@media (min-width: 576px) {
	.logo img { width: 200px; }
	#mobile_header { top: 10px!important; }
}

body { 
	font-size: 0.9em; 
	line-height: 1.5em;
	font-family: 'Work Sans', sans-serif; 
	font-weight: 300;
	font-style: normal;	
	color: #6f6f6f; 
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Work Sans', serif;
	font-style: normal;
	line-height: 1.2em;
	font-weight: 600;
	text-transform: none;
}

h1 {
	font-size: calc(1.2rem + 1.5vw);
	line-height : 1.1em;
	letter-spacing: -1px;
}

h2 {
	font-size : 2em;
	line-height : 1.2em;
	letter-spacing: -1px;
}

h3 {
	font-size : 1.925rem;
}

h4 {
	font-size : 1.4rem;
	letter-spacing: 0px;
}

h5 {
	font-size : 1.2rem;
	letter-spacing: 0px;
	text-transform: none;
}

h6 {
	font-size : 1.0rem;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 22px;
	text-transform: none;
}

blockquote { font-size: 20px; line-height: 32px; }

.testimonial_slider .fa-star { font-size: 48px; color: #e5c0b3; }

.accordion h1, .accordion h2, .accordion h3, .accordion h4, .accordion h5, .accordion h6 { text-transform: none; }

button, .button { border-radius: 9999px; }

.image_overlay .overlay_title {
    background: rgb(0 0 0 / 50%);
}
.image_overlay .overlay_title h2 { font-size: 18px; }

.image_overlay .overlay_hover {
    background-color: rgb(193 134 112 / 70%)!important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea {
	background-color: #effafe;
}


#footer { background-color: white; }
#subfooter { background-color: #f5eeeb; }
#subfooter .fab {
    font-size: 34px;
}

#footer a:hover, #subfooter a:hover { color: #e0ac9a; }

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"], .button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active, .button:visited,
button:visited,
input[type="submit"]:visited,
input[type="reset"]:visited,
input[type="button"]:visited { background-color: transparent; border: 1px solid #6f6f6f; border-radius: 9999px; color: #6f6f6f; font-weight: 600; }

.button:hover, button:hover, .button.full-width:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #6f6f6f; border: 1px solid #6f6f6f; color: white; }
.button.white { background-color: white; color: #6f6f6f; border: 1px solid #6f6f6f!important; }
.button.white:hover { background-color: #6f6f6f; color: white; }

.image_overlay .overlay_hover { background-color: #79aec6; background-color: rgb(121 174 198 / 70%); }