/*
 Theme Name:     Fortuna Child
 Description:    Fortuna Child Theme
 Author:         BlueOwlCreative
 Version:        1.10
 Template:       fortuna

*/
/* Theme customization starts here */

/* edit anchor for menu */
.menu-item > a:hover {
	color: #821222 !important;
}

.main_menu_underline_effect #menu > ul > li > a:after {
	background-color: #821222 !important;
}

#menu > ul > li > div, .subsub_menu {
	border-top: 2px solid #821222 !important;
}

/* setting classname for text color */
.text_danger {
	color: #CF171F;
}

.text_white {
	color:#fff !important;
}

.text_black {
	color: #000;
}

.font_size_md {
	font-size: 18px !important;
}

/* setting classname for font family */
.font_lato {
	font-family:"Lato", sans-serif !important;
}

.font_raleway {
	font-family: "Raleway", sans-serif !important;
}

.font_droid {
	font-family: "Droid Serif";
}

.font_weight_300 {
	font-weight: 300;
}

.font_weight_400 {
	font-weight: 400;
}

.font_weight_500 {
	font-weight: 500;
}

.font_weight_600 {
	font-weight: 600;
}

.font_weight_bold {
	font-weight: bold;
}

#header {
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
}

#header.scrolled {
	background:#fff !important;
}

#header > .full-header {
	border-bottom:transparent !important;
}

header.transparent_header.hide_subheader_on_scroll .full_header {
	border-bottom:none !important;
}

#menu > ul > li ul > li > a:hover {
	color: #fff !important;
}

#mobile_menu>ul>li>a:hover {
	color: #fff !important;
}

#mobile_menu ul ul li a:hover {
	color: #fff !important;
}

#footer {
	background:#EBE6E3 !important;
}

#footer > .custom_footer_content {
	width: 90% !important;
	margin: 0 auto;
}

#footer > .custom_footer_content > .clinic_detail {
	display: flex;
	justify-content: space-between;
	margin-top: 25px
}

#footer > .custom_footer_content > .clinic_detail > .address {
	width: 70%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 25px;
}

#footer > .custom_footer_content > .clinic_detail > .address > .item > .heading {
	color: #231F20;
	font-weight: 600;
	margin-bottom:0 !important;
}

#footer > .custom_footer_content > .clinic_detail > .address > .item > .body > div {
	color: #555;
	font-weight: 500;
}

#footer > .custom_footer_content > .clinic_detail > .address > .item > .body > div > i {
	color: #9E2432 !important;
}

#footer > .custom_footer_content > .clinic_detail > .media {
	width: 30%;
	margin-left: 25px;
}

#footer > .custom_footer_content > .clinic_detail > .media > .heading {
	font-weight: 600;
	color: #231F20;
}

#footer > .custom_footer_content > .clinic_detail > .media > .body > a {
	font-size: 2.3rem;
	color: #9E2432;
}

#footer > .custom_footer_content > .clinic_detail > .media > .body > i {

}

/* custom contact us page */
input[type="number"] {
	border: 1px solid #eee;
    padding: 8px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: inherit;
    font-size: inherit;
    color: #555;
    margin: 0;
	width:100% !important;
    width: 300px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #f9f9f9;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

/* edit preloader icon */
.boc_preloader_icon {
	top: 50%;
    border-radius: 0 !important;
    height: 47px;
    width: 150px;
    margin: 0 auto;
    display: block;
    position: relative;
    border: none !important;
    margin-top: -25px;
    background: url("https://beautyplusclinic.com/wp-content/uploads/2020/09/beautyplus-e1600772801664.gif");
}

.boc_preloader_icon:before {
	border-style:none !important;
}

@media screen and (max-width:768px) {
	#footer > .custom_footer_content > .clinic_detail {
		display: block;
	}

	#footer > .custom_footer_content > .clinic_detail > .address {
		display: block;
		width: 100%;
	}

	#footer > .custom_footer_content > .clinic_detail > .address > .item {
		margin-bottom: 25px;
	}

	#footer > .custom_footer_content > .clinic_detail > .media {
		width: 100%;
		margin-left: 0;
	}
}