/*
 Theme Name:   Salient Child
 Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
 Description:  Salient Child Theme
 Author:       ThemeNectar
 Author URI:   https://themeforest.net/user/themenectar
 Template:     salient
 Version:      1.0.0
 Text Domain:  salient-child
*/
/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder.
/*-------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.ocm-effect-wrap-inner {
    --scroll-bar-w: 0px;
}
div#fotr img {
    width: 22%;
    filter: invert(1) brightness(300.5);
}
header#top {
    padding: 45px 0;
    background-color: #45391B;
}
#header-outer #logo img {filter: invert(1) brightness(40.5);}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
	color: #fff;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 112.5% */
	text-transform: capitalize;
	opacity: 0.6;
	margin: 0;
	padding: 0 30px;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li{
    border-right:1px solid #00000014;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li.current-menu-item>a {
    font-weight: 700;
    opacity:1;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li:first-child>a{
   padding:0 30px 0 0;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li:last-child>a{
   padding:0 0 0 30px;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li:last-child{
   border-right:0;
}
div#sec1 h2 {
    color: #000;
    font-family: "Courier New";
    font-size: 75.698px;
    font-style: normal;
    font-weight: 400;
    line-height: 74.333px;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 90%;
}
div#sec1 h2 strong{
   font-weight: 700;
}
div#sec1 p{
    color: #272727;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 194.444% */
    width: 52%;
}
div#sec2 h2 {
    color: #000;
    font-family: "Courier New";
    font-size: 75.698px;
    font-style: normal;
    font-weight: 700;
    line-height: 74.333px; /* 98.197% */
    text-transform: uppercase;
    margin-bottom: 40px;
}
div#sec2 h3{
    color: #000;
    font-family: "Courier New";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 100% */
    text-transform: capitalize;
    margin-bottom: 30px;
}
div#sec2 p{
    color: #272727;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 40px;
    width: 84%;
}
div#sec2 p strong{
    font-weight: 800;
}
a#btn{
    color: #FFF;
    text-align: center;
    font-family: "Host Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px; /* 107.143% */
    letter-spacing: 1.82px;
    text-transform: uppercase;
    padding:18px 46px;
    margin-bottom:0;
    border-radius:0px !important;
}
div#sec3 h2 {
    color: #000;
    font-family: "Courier New";
    font-size: 75.698px;
    font-style: normal;
    font-weight: 700;
    line-height: 74.333px; /* 98.197% */
    text-transform: uppercase;
    margin-bottom: 40px;
}
div#sec3 p{
    color: #272727;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    text-transform: capitalize;
    padding-bottom: 20px;
    width: 96%;
}
div#sec3 p:last-child{
    padding-bottom:0;
}
div#sec4 h2 {
    color: #000;
    font-family: "Courier New";
    font-size: 75.698px;
    font-style: normal;
    font-weight: 700;
    line-height: 74.333px; /* 98.197% */
    text-transform: uppercase;
    margin-bottom: 58px;
}
div#sec4 h3{
    color: #000;
    font-family: "Courier New";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 100% */
    text-transform: capitalize;
    margin-bottom:30px;
}
div#sec4 p{
    color: #272727;
    font-family: "Host Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    padding-bottom:40px;
    width: 78%;
}
div#sec4 p strong{
    font-weight: 700;
    padding-right:20px;
}
div#sec4 p:last-child{
    padding-bottom:0;
}
div#sec5 img {
    margin-bottom: 40px;
}
div#sec5 h2{
    color: #000;
    font-family: "Courier New";
    font-size: 75.698px;
    font-style: normal;
    font-weight: 700;
    line-height: 74.333px; /* 98.197% */
    text-transform: uppercase;
    margin-bottom:40px;
}
div#sec5 p{
    color: #000;
    font-family: "Courier New";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 133.333% */
    text-transform: capitalize;
}
div#sec6 h2{
	color: #1E1E1E;
	font-family: "Courier New";
	font-size: 45px;
	font-style: normal;
	font-weight: 700;
	line-height: 57px; /* 126.667% */
	letter-spacing: -1.8px;
	text-transform: capitalize;
	margin-bottom:40px;
}
div#sec6 ul{
	margin:0;
	margin-left:20px;
}
div#sec6 ul li{
	color: #1E1E1E;
	font-family: "Host Grotesk";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 90% */
	letter-spacing: -0.8px;
	text-transform: capitalize;
	margin-bottom:40px;
}
div#sec6 ul li a{
	color: #1E1E1E;
}
div#sec6 ul li:nth-child(2) a, div#sec6 ul li:nth-child(3){
	text-transform: lowercase;
}
div#sec6 div#wpforms-47 {
    width: 90%;
    margin: 0 auto;
}
div#sec6 form input, div#sec6 form textarea{
	background: #F9F9F9;
	backdrop-filter: blur(4.25px);
	height: 70px;
	border:0;
	border-radius:0;
	padding-left:30px;
	color: #888;
	font-family: Poppins;
}
div#sec6 form input::placeholder, div#sec6 form textarea::placeholder{
	color: #888;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 112.5% */
	opacity:1;
}
div#sec6 form textarea{
	height: 158px;
	padding-top:26px;
}
div#sec6 .wpforms-container .wpforms-field{
	padding:10px 0;
}
div#sec6 div#wpforms-47-field_1-container{
	padding:0 0 10px 0;
}
div#sec6 .wpforms-submit-container{
	margin-top:20px;
}
div#sec6 form button{
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	border-radius: 0px !important;
	background: #45391B !important;
	display:block;
	width:100%;
	height: 55px;
}
div#fotr ul#menu-footer-menu{
	margin:0;
	display:flex;
	justify-content:end;
}
div#fotr ul#menu-footer-menu li{
	list-style:none;
}
div#fotr ul#menu-footer-menu li a{
	color: #FFF;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 112.5% */
	text-transform: capitalize;
	opacity: 0.6;
	padding:0 30px !important;
	border-right: 1px solid #ffffff14;
}
div#fotr ul#menu-footer-menu li.current-menu-item a{
	opacity: 1;
}
div#fotr ul#menu-footer-menu li:first-child a{
	padding:0 30px 0 0 !important;
}
div#fotr ul#menu-footer-menu li:last-child a{
	padding:0 0 0 30px !important;
	border-right: 0;
}
div#fotr .inner_row:nth-child(2){
	border-top:1px solid #ffffff30;
}
div#fotr ul.info{
	margin:0;
	display:flex;
	gap: 80px;
}
div#fotr ul.info li{
	list-style:none;
}
div#fotr ul.info li a{
	color: #FFF;
	font-family: "Host Grotesk";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 25px; /* 156.25% */
	text-transform: lowercase;
}
div#fotr ul.info li a i{
	margin-right:20px;
	font-size:18px;
	color: #fff;
}
div#fotr ul.lists-icon{
	margin:0;
	display:flex;
	justify-content:end;
	gap:32px;
}
div#fotr ul.lists-icon li{
	list-style:none;
}
div#fotr ul.lists-icon li a i{
	font-size: 20px;
	color:#E8D8B0;
} 
div#fotr-lst p{
	color: #000;
	font-family: "Host Grotesk";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 122.222% */
	letter-spacing: 6.3px;
	text-transform: capitalize;
}
div#fotr-lst .vc_col-sm-6:last-child p{
	text-align:right;
}
div.wpforms-container-full .wpforms-confirmation-container-full {
    background: #000 !important;
    border-color: #000 !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full p{
	color:#fff !important;
}
div#fotr-lst {
    margin-bottom: 0;
}
/* ================================================== */
/* .page-id-8 #header-outer #logo {
    display: none;
} */
/* .page-id-8 #header-outer[data-format=default] #top .span_9 {
    margin: 0 auto;
    display: table;
} */
.access-wrapper h1 {
    display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
header#top {
    padding: 15px 0;
}
div#header-outer{
    padding: 0px 0;		
}
body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close:before{
	 background-color: #000;
}
#slide-out-widget-area .inner .off-canvas-menu-container li>a{
    font-family: "Host Grotesk" !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 26px !important;
    text-transform: capitalize !important;   
}
div#sec2 {
    padding-top:40px !important;
    padding-bottom: 30px !important;
    margin-bottom: 0;
}
div#sec2 h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
div#sec2 h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
div#sec2 p {
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 20px;
    width: 100%;
}
a#btn {
    padding: 18px 26px;
}
div#sec3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
div#sec3 h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
div#sec3 p {
    font-size: 14px;
    line-height: 28px;
    width: 100%;
}
div#sec4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec4 h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
div#sec4 h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
div#sec4 p {
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 20px;
    width: 100%;
}
div#sec4 p strong {
    padding-right: 10px;
}
div#sec5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec5 img {
    width: 20%;
    margin-bottom: 15px;
}
div#sec5 h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
div#sec5 p {
    font-size: 20px;
    line-height: 30px;
}
div#sec6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec6 div#wpforms-47 {
    width: 95%;
    margin: 0 auto;
}
div#sec6 .wpforms-field-row.wpforms-field-large {
    flex-direction:column;
}
div#sec6 .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half{
    width:100%;
}
div#sec6 .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block {
    padding: 0 0;
}
div#sec6 .wpforms-field-row-block.wpforms-first.wpforms-one-half {
    margin-bottom: 20px;
}
div#sec6 form textarea {
    height: 120px;
}
div#sec6 form button {
    font-size: 16px;
}
div#sec6 form input::placeholder, div#sec6 form textarea::placeholder{
	font-size: 14px;;
}
div#fotr .inner_row:nth-child(1) {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div#fotr img {
    width: 28%;
}
div#fotr-lst p {
    font-size: 15px;
    letter-spacing: 3px;
    text-align: center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
header#top {
    padding: 15px 0;
}
div#header-outer{
    padding: 0px 0;		
}
body[data-slide-out-widget-area-style="slide-out-from-right"]:not([data-header-color="custom"]).material .slide_out_area_close:before{
	 background-color: #000;
}
#slide-out-widget-area .inner .off-canvas-menu-container li>a{
    font-family: "Host Grotesk" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 28px !important;
    text-transform: capitalize !important;   
}
div#sec2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec2 h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}
div#sec2 p {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 30px;
    width: 100%;
}
div#sec3 h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom:30px;
}
div#sec3 p {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
}
div#sec3 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec4 h2 {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
div#sec4 p {
    font-size: 16px;
    line-height: 38px;
    padding-bottom: 30px;
    width: 100%;
} 
div#sec5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div#sec5 h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}
div#sec5 p {
    font-size: 24px;
    line-height: 34px;
}
div#sec6 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
div#fotr-lst p{
    text-align:center !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px){
#header-outer[data-full-width="true"] header > .container {
    padding: 0 90px !important;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    padding: 0 20px;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li:first-child>a {
    padding: 0 20px 0 0;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li:last-child>a {
    padding: 0 0 0 20px;
}
div#sec2 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px;
}
div#sec3 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px;
}
div#sec4 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px;
}
div#sec5 h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 30px;
}	
}
@media only screen and (min-width: 1301px) and (max-width: 1600px){}