/*
	Theme Name:   Safety In Beauty
	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_header:hover span { background-color: #00B3AA!important; } 

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";
}

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; }

img.full-width { width: 100%; }
.mobile_list { top: 10px; }
.primary_nav { margin-top: 25px; }
.primary_nav ul { border-top: 1px solid #e5e5e5; }
.mobile_nav_close { top: 16px; right: 0px; }

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: 28px; left: 20px; right: auto; }

.static_nav {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 100px;
}

.headerfullwidth .static_nav a {
    color: #5d5d5d;
    border: 0px;
    padding: 0px 14px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
}
    
ul#menu-secondary { list-style: none; }
  
ul#menu-secondary li { display: inline-block; }

ul#menu-secondary li.current-menu-item a { color: #e8554e; }
       
.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: 30px; }
}

body { 
	font-size: 0.9em; 
	line-height: 1.5em;
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400;
	font-style: normal;	
	color: #21212f; 
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Montserrat', serif;
	font-style: normal;
	line-height: 1.4em;
	font-weight: 600;
}

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

h2 {
	font-size : 2em;
	line-height : 1.2em;
}

h3 {
	font-size : 1.925rem;
}

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

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

h6 {
	font-size : 1.0rem;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 22px;
}
	
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(0 0 0  / 90%)!important;
}

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


#footer { background-color: #242424; border-top: 1px solid #ddd; padding: 50px 0px; }
#subfooter { background-color: white; font-size: 85%; padding: 15px 0px; }

#footer a:hover, #footer a:hover .fab, .socials a:hover .fab { color: white; }

.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: white; border: 2px solid #242424; border-radius: 9999px; color: #242424; 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: #eee; border: 2px solid #242424; }
.button.white { background-color: white; color: #242424; border: 2px solid #242424!important; }
.button.white:hover { background-color: #eee; color: #242424; border: 2px solid #242424; }