/*
Theme Name: TrueTry
Author: Spell Web Design
Version: 1.0
Author URI: http://www.spellwebdesign.com/
Tags: white, yellow, black. google fonts, theme options, custom header, responsive
Developer:
	Yasir Khan
	This theme was designed and built by Spellwebdesign.com
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-licene
*/

body{font: normal 16px/1.6 'Montserrat'; font-weight: 400; overflow-x: hidden;} 
img{max-width: 100%;}
a{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
a,.btn,.nav-link{outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ul-none,.fnav{list-style: none; margin: 0; padding: 0;}

/*Format*/
h1,h2,h3,h4,h5{margin-bottom: 15px; font-weight: 700;}
h1{font-size: 62px;}
h2{font-size: 55px;}
h3{font-size: 43px;}
h4{font-size: 30px;}
p{margin-bottom: 25px;}
.bold{font-weight: 800;}
.alignright{float: right; margin: 0 0 25px 20px;}

/*Buttons*/
.btn{padding: 12px 25px; font-size: 14px; font-weight: 600; border-radius: 0;}
.btn-primary{background-color: #F7BF45; color: #36332B; border: #F7BF45 1px solid;}
.btn-primary:hover,.btn-primary:focus{background-color: transparent; color: #F7BF45; border: #F7BF45 1px solid;}
.btn-white{background-color: #fff; color: #000; border: #fff 1px solid;}
.btn-white:hover,.btn-white:focus{background-color: transparent; color: #fff; border: #fff 1px solid;}
.btn-outline-black{background-color: transparent; color: #000; border: #000 1px solid;}
.btn-outline-black:hover,.btn-outline-black:focus{background-color: #000; color: #fff; border: #000 1px solid;}
.btn-outline-white{background-color: transparent; color: #fff; border: #fff 1px solid;}
.btn-outline-white:hover,.btn-outline-white:focus{background-color: #fff; color: #000; border-color: transparent;}
.btn-black{background-color: #000; color: #fff; border: #000 1px solid;}
.btn-black:hover,.btn-black:focus{background-color: transparent; color: #000; border: #000 1px solid;}
.btn:hover{transform: scale(1.04);}

/*Section*/
.section{padding-top: 120px!important; padding-bottom: 120px!important;}
.md-section{padding-top: 90px!important; padding-bottom: 90px!important;}
.sm-section{padding-top: 70px!important; padding-bottom: 70px!important;}
section{scroll-margin-top: 50px;}
.full-wide{width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important;}

/*Header*/
.header{padding: 8px 0; left: 0; top: 0; width: 100%; z-index: 999; position: fixed; background-color: transparent; transition: .3s ease;}
.header .container{max-width: 95%;}
.header .navbar{padding-top: 0; padding-bottom: 0;}
.header .navbar-brand{max-width: 160px;}
.header .navbar-nav .nav-item > .nav-link{color: #fff; text-align: center; font-weight: 400; font-size: 16px; padding: 10px 20px; text-transform: capitalize; position: relative;}
.header .navbar-nav .nav-item > .nav-link::before{content: ''; transition: .3s ease; opacity: 0; width: 14px; height: 2px; position: absolute; left: calc(50% - 7px); background-color: #fff; bottom: -10px;}
.header .navbar-nav .nav-item > .nav-link:hover:before,
.header .navbar-nav .nav-item.menu-item-object-page.current-menu-item > .nav-link:before{bottom: 0; opacity: 1;}
.header .btn{padding: 10px 16px;}

/*Menu Icon*/
.navbar-toggler{outline: none !important; box-shadow: none !important; border: 0; margin-left: 8px; padding: 9px; font-size: 26px; color: #fff; width: 40px; height: 40px; justify-content: center; align-items: center; display: inline-flex; border-radius: 0;}

/*Side Menu*/
.sidenav{height: 100%; width: 250px; position: fixed; z-index: 9999; top: 0; right: -270px; background-color: #fff; overflow-x: hidden; transition: 0.3s; box-shadow: 0 0 30px rgba(0,0,0,.2);}
.sidenav .closebtn{position: absolute; z-index: 44; width: 30px; text-align: center; top: 0; right: 18px; font-size: 36px; line-height: normal; color: #1F3566;}
.the_menu{padding: 20px; font-size: 15px;}
.the_menu h4.hd{font-size: 18px; margin-bottom: 30px; letter-spacing: 3px;}
.the_menu li{border-bottom: 1px solid rgba(0,0,0,.2); margin-bottom: 10px;}
.the_menu li > a{padding: 0 0 12px; font-size: 16px; font-weight: 500; display: block; color: #1F3566;}
.the_menu li > a:hover,
.the_menu li.current-menu-item > a.nav-link{color: #1F3566;}
.sidenav h4{color: #1F3566;}

/*Smaller*/
.header.smaller{background-color: #000; padding: 18px 0;}

.news-slider{background-color: #000; padding-bottom: 50px;}
.news-slider .slick-list, .news-slider .slick-track,
.team-slider .slick-list, .team-slider .slick-track{display: flex;}
.news-card{height: 100%; display: block; background-color: #000;}
.news-card:hover{transform: scale(1.04);}
.news-card h3{color: #000000; font-size: 24px; font-weight: 600;}
.news-card .thumbnail{height: 300px; width: 100%; overflow: hidden;}
.news-card .thumbnail img{width: 100%; height: 100%; object-fit: cover;}
.news-card .post-card-cont{padding: 30px; color: #525355; background-color: #fff; position: relative; z-index: 11; margin: -35px 30px 0;}
.news-card .date{font-size: 14px; color: #444444; font-weight: 500;}
.news-card p{font-size: 15px;}
.news-card strong{font-weight: 500; color: #1F3566; font-size: 13px;}
.news-card strong .ico{font-size: 13px; margin-left: 5px;}
.news-slider .slick-dots{position: relative;}
.news-slider .slick-dots button{display: none;}
.news-slider .slick-dots li{background-color: #fff; border-radius: 50px; width: 15px; height: 15px; opacity: .5;}
.news-slider .slick-dots li.slick-active{opacity: 1;}

/*Page*/
.page-title{padding: 150px 0 40px; background: url(/wp-content/uploads/2023/03/bg-img.jpg) 0 0 no-repeat #515151; background-size: cover; position: relative;}
.page-title::before{height: 100%; background-color: #000; opacity: .6;}
.page-title .container{position: relative;}
.page-title #breadcrumbs a{color: #fff;}

/*Single*/
.single-content .attachment-post-thumbnail{margin-bottom: 30px; height: auto; width: 100%;}

/*Footer*/
.footer{background-color: #000; color: #fff; font-size: 14px; font-weight: 400;}
.footer .flogo img{max-width: 180px; margin-bottom: 20px;}
.footer .cl{border-right: 1px solid #555555;}
.footer a{color: #fff;}
.footer a:hover{opacity: .7;}
.fnav li{font-weight: 400; margin-bottom: 10px;}
.footer h4{font-size: 16px; margin-bottom: 22px; color: #fff; font-weight: 700; text-transform:uppercase;}
.fsocial a{width: 48px; height: 48px; font-size: 22px; margin: 0 3px 3px 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border-radius:100px; border: 2px solid #fff; color: #fff; vertical-align: top;}
.fsocial a:hover{background-color: #fff; opacity: 1;}
.fsocial a:hover .ico{filter: invert(1);}
.copyright{background-color: #DBE8EF; padding: 40px; font-size: 14px; font-weight: 400; color: #000; font-family: 'Roboto';}
.copyright a{color: #000; text-decoration: underline;}

.scrollBtn{width: 45px; height: 45px; background-color: #fff; position: fixed; bottom: 25px; left: 15px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.1); color: #000; z-index: 99; display: flex; align-items: center; justify-content: center; font-size: 21px; opacity: 0; visibility: hidden;}
.scrollBtn i{margin-top: -3px;}
.scrollBtn.visible{opacity: 1; visibility: visible;}

/*Responsive*/
@media (max-width:991px){
	.section{padding-top: 90px !important; padding-bottom: 90px !important;}
	.md-section{padding-top: 60px !important; padding-bottom: 60px !important;} 
	.sm-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	h1{font-size: 45px;}
	h2{font-size: 38px;}
	h3{font-size: 28px;}
	h4{font-size: 18px;}
	.header .navbar-brand{max-width: 120px;}
	.footer .cl{padding-bottom: 25px; border-right: 0;}
	.page-title{padding-top: 140px;}
}
	
@media (max-width:767px){
	.section{padding-top: 60px !important; padding-bottom: 60px !important;}
	.md-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	.sm-section{padding-top: 30px !important; padding-bottom: 30px !important;}
	h1{font-size: 35px;}
	h2{font-size: 27px;}
	h3{font-size: 22px;}
	h4{font-size: 16px;}
	.page-title{padding-top: 100px;}
}

/*Admin Only*/
@media (min-width:600px){
	body.admin-bar .header{margin-top: 32px;}
}