/*
Theme Name: Dr Manaf Khatib
Theme URI: https://manafkhatib.com/
Author: FLPZ
Author URI: http://lopezflorian.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html{font-size:16px;}
body{font-family:'Roboto',Arial,sans-serif;font-weight:300;font-size:inherit !important;color:#222124 !important;margin:0;background:#F8F4F0;}
.wrapper{overflow-x:hidden;}
.mobile-only{display:none !important;}
a{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
a:hover{text-decoration:none !important;border:none;}
img{max-width:100%;height:auto;}
video{max-width:100%;height:auto;}
strong{font-weight:700;}
.fade:not(.show){opacity:1;}

@media screen and (max-width:991px){
	.mobile-only{display:block !important;}
	.desktop-only{display:none !important;}
	br{display:none;}
	.no-bg-mobile,.mobile-no-bg,.no-bg-mobile .elementor-widget-wrap{background-image:none !important;}
}

.btn{line-height:20px;padding:20px 50px;font-weight:200;white-space:normal;font-style:normal !important;font-size:16px;border-radius:0;letter-spacing:1px;box-shadow:0 40px 40px rgba(157,109,78,.25) !important;text-transform:uppercase;}
.dark .btn{box-shadow:0 40px 40px rgba(0,0,0,.5) !important;}
.btn:hover,.dark btn:hover{box-shadow: none !important;}
.btn-coffee-border{background:#000;color: #fff !important;border:1px solid #D2C398 !important;}
.btn-coffee-border:hover{background:#D2C398;color: #fff !important;border:1px solid #D2C398 !important;}
.btn-black{background:#000;color: #fff !important;border:1px solid #000 !important;}
.btn-black:hover{background:#222124;color: #fff !important;border:1px solid #222124 !important;}
.btn-full{width:100%;text-align:center;padding: 20px 0;}
.btn .fa{margin-right:15px;}

input,textarea,select{font-family:inherit;font-size:inherit;width:100%;background:#fff;color:#888;border:none;padding: 15px 20px !important;border-radius:0;height:auto !important;box-shadow:0 10px 10px rgba(0,0,0,.05); !important;}
textarea{height:120px !important;}
input[type="submit"]{width:auto;line-height:20px;padding:20px 50px !important;font-weight:200;text-transform:uppercase;white-space:normal;font-style:normal !important;border-radius:0;letter-spacing:1px;box-shadow:0 40px 40px rgba(157,109,78,.25) !important;background:#000;color: #fff !important;border:1px solid #000 !important;cursor:pointer;}
input[type="submit"]:hover{background:#222124;color: #fff !important;border:1px solid #222124 !important;}
input[type=checkbox],input[type=radio]{width:auto;}
.wpcf7 .ajax-loader{position: absolute;top:100%;left:50%;margin-left:-12px;}
.wpcf7-spinner{position: absolute;}
.wpcf7-list-item {margin: 0 10px 0 0;}
input[type=checkbox], input[type=radio] {margin-right: 8px;}

.dark input,.dark textarea,.dark select{background:rgba(0,0,0,.5);color:#fff;}
.dark input[type="submit"]{border:1px solid #D2C398 !important;box-shadow:0 40px 40px rgba(0,0,0,.5) !important;background:#000;}
.dark ::placeholder {color:#fff;}

.fa-ul{margin-left:0 !important;}
.fa-ul li{padding-left:30px;margin:0 0 10px;list-style:none;}
.fa-ul li .fa,.fa-ul li .fas,.fa-ul li .far,.fa-ul li .fa{position:absolute;left:0;top:5px;color:#967C31;}
a:not([href]):not([tabindex]){cursor:pointer;}

h1,.h1{font-family:'Aequitas',serif;font-weight:400;margin:0 0 40px;font-size:80px;line-height: 0.7 !important;text-transform: capitalize;letter-spacing:2px;}
h2,.h1{font-family:'Aequitas',serif;font-weight:400;margin:0 0 40px;font-size:62px;line-height:0.8 !important;text-transform: capitalize;letter-spacing:2px;}
h3,.h3{font-family:'Aequitas',serif;font-weight:400;margin:0 0 40px;font-size:46px;line-height:0.8 !important;text-transform: capitalize;letter-spacing:2px;}
h4,h5,h6,.h4,.h5,.h6{font-weight:400;margin:0 0 30px;font-size:20px;line-height:1.4 !important;letter-spacing:2px;}

@media screen and (max-width:991px){
	h1,.h1{font-size:52px !important;margin:0 0 30px;}
	h2,.h2{font-size:42px !important;margin:0 0 30px;margin:0 0 30px;}
	h3,.h3{font-size:32px !important;margin:0 0 30px;}
	.btn{padding: 15px 30px;margin:0 0 5px;}
	.h4,.h5,.h6{font-size:20px !important;}
}

#header{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;padding:10px 30px;position:relative;z-index:99;position:fixed;top:0;left:0;width:100%;}
#header.f-nav{box-shadow:0 0 10px #666;background:#222124;}
#header .header-center .header-center-item:nth-of-type(2){display:none;}
#header .header-center{text-align:center;}
#header .header-center img{max-height:130px;width:auto;}
#header.f-nav .header-center img{max-height:60px;}

.top-menu ul{padding:0;margin:0;text-align:right;}
.header-right .top-menu ul{text-align:left;}
.top-menu li{display:inline-block;position:relative;padding:0;list-style:none;margin:0 8px;}
.top-menu li a{position:relative;display:block;color:#fff;font-weight:400;line-height:50px;letter-spacing:1px;font-size: 15px;}
.top-menu li a[href="#"]{cursor:default;}
.top-menu li a:hover{color:#D2C398;}
.top-menu li a:hover,.top-menu li.current-menu-item>a{color:#D2C398 !important;border-bottom:1px solid #D2C398;}
.top-menu li.phone a{font-weight:400;font-size:16px;}

.top-menu li ul{z-index:99;left:0;position:absolute;top:50px;text-align:left;background:#b9a15f;transition:opacity .5s ease 0s;opacity:0;padding:10px 0;visibility: hidden;z-index: -1;}
.top-menu li ul ul{left:100%;top:-10px;background:#c9b683;}
.top-menu li:hover > ul{opacity:1;visibility:visible;z-index:1;}
.top-menu li ul li{white-space:nowrap;display: block;margin:0;font-size:15px;}
.top-menu li ul li:before{display:none;}
.top-menu li ul li a{text-transform:none;color:#fff !important;font-weight:300;line-height:30px;padding:0 20px;}
.top-menu li ul li a:hover,.top-menu li ul li.current-menu-item>a{color:#eee !important;border:none !important;}
.top-menu li ul li a:hover:after{display:none;}

@media screen and (min-width:1600px){
	.top-menu li{letter-spacing:2px;margin:0 10px;    font-size: 16px;}
}

@media screen and (min-width:992px){
	.top-menu ul li .fa{display:none;}
	.top-menu ul li.menu-item-home .fa{display:block;}
	.top-menu ul li.phone .fa{display:inline-block;margin-right:5px;}
	.top-menu ul li.phone a{font-weight:600;}
}

@media screen and (max-width:991px){
	#header,#header.f-nav{padding:15px;}
	#header .header-center {text-align: left;}
	#header .header-center img, #header.f-nav .header-center img{max-height: 50px;position:static;transform: none;}
	#header.f-nav .header-center .header-center-item:nth-of-type(2){display:block;}
	#header.f-nav .header-center .header-center-item:first-of-type{display:none;}
	
	.header-center .mobile-menu{position:absolute;right:15px;top:5px;}
	.header-center .mobile-menu a{text-transform:uppercase;color:#fff;margin-left:10px;display: inline-block;text-align: center;}
	.header-center .mobile-menu a:hover{color:#967C31;}
	.header-center .mobile-menu .fa{font-size:20px;line-height:1;}
	.header-center .mobile-menu a span{display: block;font-size: 13px;}
	
	.top-menu{margin:0;color:#fff;}
	.top-menu ul{padding:0;text-align: left;}
	.top-menu li{list-style:none;margin:0;display:block;padding:0;}
	.top-menu ul li:before{display:none;}
	.top-menu li a{line-height:40px;display: block;color: #fff !important;font-size: 16px;padding: 0 20px;}
	.top-menu ul li .fa{display:block;    position: absolute;color: #fff;right: 10px;top:5px;font-size:32px;width: 32px;text-align: center;}
	.top-menu li ul{position:static;visibility: visible;opacity: 1;display:none;    margin: 0;background: #222;}
	.top-menu li ul li {white-space: normal;padding:0;}
	.top-menu li ul li a{font-size: 14px;}
	
	#header.f-nav .top-menu li a,#header.f-nav .top-menu li ul li a{color:#fff !important;}
	
	.menu-backdrop{display:none;}
	.menu-backdrop.open{display: block;position: fixed;left: 0;top: 0;margin: 0;width: 10%;z-index: 98;height: 100vh;}
	.menu-container{transition:all .8s !important;-moz-transition:all .8s !important;-webkit-transition:all .8s !important;display: block;position: fixed;right: -100%;top: 0;margin: 0;width: 90%;z-index: 99;height: 100vh;background:rgba(0,0,0,.9);}
	.menu-container.open{right:0;}
	.menu-container .menu-inner{max-height:100vh;overflow-y: scroll;}
	.menu-close{color: #fff !important;padding: 0 20px;font-size: 32px;text-align: right;}
	
	.menu-mobile{padding:20px;color: #fff;text-align: center;}
	.menu-mobile .menu{margin:20px 0;padding: 0;}
	.menu-mobile .menu li{display:inline-block;padding:0 10px;border-left:1px solid #666;list-style:none;}
	.menu-mobile .menu li:first-of-type{border:none;}
	.menu-mobile .menu a{font-size:13px;text-transform:uppercase;}
	.menu-mobile a{color:#fff;}
	.menu-mobile a:hover{color:#ccc;}
}
	
#totop{position:fixed;display:none;right:30px;bottom:100px;width:40px;height:40px;text-align:center;color:#fff;background:linear-gradient(135deg,rgba(238, 207, 104, 1) 0%, rgba(196, 147, 40, 1) 55%, rgba(220, 184, 109, 1) 100%);border-radius:20px;border:1px solid #fff;font-size:24px;z-index:4;}
#totop .fa{line-height:36px;vertical-align:top;}
#totop:hover{opacity:1;background:#fff;color:#967C31;border:1px solid #967C31;}

#cta{position:fixed;right:0;top:80px;height:auto;z-index:999;}
#cta a{text-align:center;color:#fff;background:linear-gradient(135deg,rgba(238, 207, 104, 1) 0%, rgba(196, 147, 40, 1) 55%, rgba(220, 184, 109, 1) 100%);font-weight:400;font-size: 13px;text-transform: uppercase;line-height: 1.3;padding:20px 15px;display:block;border-radius: 20px 0 0 20px;}
#cta a:hover{opacity:.8;}
#cta .fa{font-size:32px;margin:0 auto 10px;display:block;}

@media screen and (max-width:991px){
	#cta{display:none;}
}

#footer{padding:60px 60px 30px;font-size:15px;background:#222124;color:#fff;position:relative;}
#footer .row{position:relative;z-index:3;}
footer a{color:#fff;}
footer a:hover,footer a:not([href]):not([tabindex]):hover{color:#967C31;}
footer p,footer ul{padding:0;margin:0 0 30px;line-height: 1.8;}
footer li{list-style:none;}
footer .fa-ul li{margin:0 0 20px;padding-left:30px;}
footer .fa-ul li .fa{color:inherit;}
footer h4{font-size: 16px;margin:0 0 10px;text-transform: none;}

.social a{font-size:20px;margin-right:10px;} 

.colophon{padding: 30px;background: #222124;color:#fff;border-top:1px solid #898989;font-size:14px;}
.colophon a{color:#fff;}
.colophon a:hover{color:#967C31;}
.colophon .colophon-right{text-align:right;}

@media screen and (max-width:991px){
	#footer{padding:50px 30px 10px;}
	#footer .widget{margin:0 0 30px;}
	.colophon{padding:30px;}
	.colophon,.colophon .colophon-right {text-align:center;}
	footer #custom_html-8{margin-top:0;}
	.colophon-left{margin:0 0 20px;}
	#totop {bottom: 30px;}
}

.banner{height:660px;background:url(images/hero.jpg) no-repeat center;background-size:cover !important;position:relative;overflow:hidden;color:#fff;}
.banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:2;}
.banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:160px;background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);z-index:3;}
.banner-content{width: 100%;position: absolute; top:55%;left: 50%;transform:translate(-50%,-50%);text-align: center;color: #fff;z-index: 5;}
.banner h1{margin-top: 0 !important;}
.banner p{font-size:20px;margin: 0 0 30px;}
.banner ul{margin: 0 0 30px;}
.banner .btn{box-shadow:none !important;}
.banner a{color:inherit;}
.banner .fa{color:inherit !important;}
.banner img{border-radius:10px;}

.banner-badges{position:absolute;right:20px;bottom:30px;z-index:9;}

#breadcrumbs{position:absolute;left:0;width:100%;bottom:30px;color:#ccc;font-size: 14px;text-align: center;z-index: 6;}
#breadcrumbs ul{padding:0;margin:0;}
#breadcrumbs li{display:inline-block;list-style:none;}
#breadcrumbs a{color:#ccc;}

.banner video{position:absolute;top:50%;left:0;z-index:2;min-width: 100%;min-height:100%;object-fit:cover;transform: translateY(-50%);}

@media screen and (max-width:991px){
	.banner{height:auto !important;padding:140px 10px 60px;}
	.banner p,.banner ul{font-size:16px;}
	.banner-content{position:relative;transform: none; left: 0;top: 0;}
	.banner:after{background:rgba(0,0,0,.85) !important;}
	.banner video{display:none;}
	.banner .btn{width:100%;text-align:center;}
	#breadcrumbs{padding:0 15px;}
	#breadcrumbs ul{font-size: 13px;}
	.banner-badges{position:relative;right:0;top:0;transform:none;margin:0 0 20px;}
}

section p,section ul,section ol{margin-bottom:30px;line-height:1.8;padding:0;position:relative;z-index:1;}
section article>.container{margin-top: 90px;margin-bottom: 90px;}
section ul li{list-style:outside disc;margin:0 0 5px 20px;}
section ol li{margin:0 0 5px 20px;}
section li ul,section li ol{margin:10px 0 10px 15px;}
section .fa-ul li:before{display:none;}
section a.btn:hover,section a.btn:not([href]):not([tabindex]):hover{border:none;}
section p a:not(.btn){color:inherit;box-shadow: inset 0 -4px 0 0  #f3ecd8 !important;}
section p a:not(.btn):hover{box-shadow: inset 0 -4px 0 0  #967C31 !important;color:inherit;}
section .dark p a:not(.btn){color:inherit;box-shadow: inset 0 -4px 0 0  #3a3013 !important;}
section .dark p a:not(.btn):hover{box-shadow: inset 0 -4px 0 0  #967C31 !important;color:inherit;}
section li a:not(.btn){color:inherit;box-shadow: inset 0 -4px 0 0  #f3ecd8 !important;}
section li a:not(.btn):hover{color:inherit;box-shadow: inset 0 -4px 0 0  #967C31 !important;}
section .dark li a:not(.btn){color:inherit;box-shadow: inset 0 -4px 0 0  #3a3013 !important;}
section .dark li a:not(.btn):hover{box-shadow: inset 0 -4px 0 0  #967C31 !important;color:inherit;}
section .alignleft{float:left;margin:0 30px 30px 0;}
section .alignright{float:right;margin:0 0 30px 30px;}
section .aligncenter{display:block;margin:0 auto 30px;}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
section .wp-caption{max-width:100%;}
section .wp-caption-text{padding:10px 0 0;font-size:13px;color:#b2b2b2;text-align:center;font-style:italic;margin:0;}

section .wp-video{margin:0 0 20px;}
section blockquote{padding:50px 50px 20px;border: 1px solid #2e2e2e;margin: 50px 0;font-style: italic;}
section .anchor{scroll-margin-top:100px;}

section table{width:100%;margin:0 0 40px;font-size:15px;}
section table tr th{border-bottom:1px solid #ddd;padding:15px 0;vertical-align:middle;font-weight:400;font-size:16px;text-align:right;}
section table tr td{border-bottom:1px solid #ddd;padding:15px 0;vertical-align:middle;text-align:right;}
section table tr td:first-of-type,section table tr th:first-of-type{text-align:left;}

@media screen and (max-width:991px){
	section article>.container{margin-top: 60px;margin-bottom: 60px;}
}

#menu-404-menu{text-align: left;display: inline-block;}

.gallery{color:#fff;}
.gallery .tab-content{padding-left:45px;}
.nav-pills{margin:0 0 30px;}
.nav-pills li{padding:0;margin:0;width:100%;list-style:none;}
.nav-pills li:before{display:none;}
section .nav-pills li a{display: block;line-height: 40px;padding: 10px 0;font-size: 15px;letter-spacing: 1px;box-shadow:none !important;font-weight:600;color:#fff;}
.nav-pills li a img,.nav-pills li a svg{vertical-align:middle;max-width:24px;margin-right:15px;}
section .nav-pills li a:hover{box-shadow:none !important;color:#D2C398;}
.nav-pills li a.active,.nav-pills li a.active:hover{background-size:100% 100%;position:relative;color:#D2C398;border-radius:35px;}

.gallery-image img{box-shadow:0 10px 10px rgba(0,0,0,.5) !important;}
.single-gallery .gallery-image img{box-shadow:0 10px 10px rgba(157,109,78,.25) !important;}
.gallery-image-caption{font-size:14px;font-style:italic;}
.disclaimer{font-size: 14px;font-style:italic;color:#838383;font-weight:400;}

.gallery-tabs{margin:0 0 60px;}
.gallery-tabs .nav-tabs{border:none;}
.gallery-tabs .nav-tabs .nav-item{list-style:none;padding:0 45px;position:relative;margin:0;}
.gallery-tabs .nav-tabs .nav-item:before{content:"";position:absolute;right:0;top:0;width:2px;height:100%;background:#505050;transform: skew(-15deg);}
.gallery-tabs .nav-tabs .nav-item:last-of-type:before{display:none;}
.gallery-tabs .nav-tabs .nav-item a{box-shadow:none !important;color:#fff;background: none;border: none;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;padding:0;}
.gallery-tabs .nav-tabs .nav-item a:hover{box-shadow:none !important;color:#B79B4B;}

.gallery-tabs .nav-tabs .nav-item a.active{color:#B79B4B;}
.gallery-tabs .nav-tabs .nav-item a.active:after{content:"" !important;display:block !important;position:absolute;left: 50%;bottom: 0;width:120px;height:60px;background:url(images/lotus.svg) no-repeat center;background-size:contain !important;margin-left: -60px;}

.ba-sliderr{position:relative;padding:0 !important;display:none !important;margin:0 0 30px;}
.ba-sliderr.slick-initialized{display:block !important;}
.ba-sliderr .slick-prev,.ba-sliderr .slick-next{width:30px;height:30px;line-height:30px;text-align:center;z-index:9;left:10px;background: #B79B4B;border-radius: 50%;}
.ba-sliderr .slick-next{left:auto;right:10px;}
.ba-sliderr .slick-slide{padding:0 20px;}
.ba-sliderr .slick-prev:before{content: "\f053";font-family:"Font Awesome 5 Free";font-size:14px;opacity:1;line-height:30px;color:#fff;font-weight:900;}
.ba-sliderr .slick-next:before{content:"\f054";font-family:"Font Awesome 5 Free";font-size:14px;opacity:1;line-height:30px;color:#fff;font-weight:900;}

@media screen and (max-width:991px){
	#accordion{margin:0 0 30px;}
	#accordion h3{margin:30px 0 10px !important;font-size:20px;}
	#accordion .panel-title{padding: 10px 30px 10px 0; border-bottom: 1px solid #ddd;position: relative;}
	#accordion .panel-title a{font-size: 15px;letter-spacing: 1px;box-shadow: none;}
	#accordion .panel-title .fa{position: absolute;right: 0;top: 15px;color:#fff;}
	#accordion .panel-title a{color: inherit;font-weight:400;}
	#accordion .panel-collapse{padding:20px 0 0;}
	#accordion .panel-collapse img{box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.5);}
}

div#ez-toc-container{border: none;padding: 30px;width: 100%;margin: 0 0 40px;}
.ez-toc-title-container {margin: 0 0 20px;}
div#ez-toc-container ul li { margin: 0 0 5px;}
div#ez-toc-container ul li:before{display:none;}

body{display:block !important;}