/*
 Theme Name:   Pheromone Child
 Theme URI:    /pheromone-child/
 Description:  Pheromone Child Theme
 Author:       PM
 Author URI:   
 Template:     pheromone
 Version:      1.0.93
 Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, full-width-template, sticky-post, theme-options, translation-ready
 License: GPL2
 Text Domain: pheromonechild
*/
body {
    counter-reset: row-counter;
}
.add-counter,
.heritage-grid .vc_grid-item{
    counter-increment: row-counter;
	position: relative;
}
.add-counter:before {
    content: counter(row-counter, decimal-leading-zero);
	font-size: 90px;
	position: absolute;
	z-index: 1;
	right: 30px;
	top: -35px;
	line-height: 70px;
	color: #a88253;
}

.heritage-grid .vc_grid-item:after {
	content: counter(row-counter, decimal-leading-zero);
	font-size: 70px;
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 10px;
	line-height: 60px;
	color: #a88253;
}
/*Helpers*/
.text-white{color:#fff !important}
.text-orange{color:#c17f45 !important}
.text-center{text-align:center}
.index-9{z-index:9}
.orange-outlined-bt button,
.orange-outlined-bt a{
	border:2px solid #c17f45 !important;
	color:#c17f45 !important;
	background:#fff !important;
	font-weight:500;
	padding-right:50px !important;
	padding-left:50px !important;
}
.orange-outlined-bt button:hover,
.orange-outlined-bt a:hover{
	background-color:#fff !important
}
.gold-outlined-bt button,
.gold-outlined-bt a{
	color: #a88253 !important;
    border-color: #a88253 !important;
	font-weight:500;
}
.gold-border{
    border: 2px solid #a88253;
}
.gold-outlined-bt button:hover,
.gold-outlined-bt a:hover{
    background-color: #fff !important;
	opacity: 1;
}
.select-orange-outline select,
.select-orange-outline input{
	border: 2px solid #c17f45;
	color: #c17f45;
	background: #fff;
	font-weight: 500;
	padding-right: 30px;
	padding-left: 30px;
	width: auto;
	height: 51px;
}
.imgleft-textright .vc_column-inner > .wpb_wrapper{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: column;
	column-gap: 15px;
}
.imgleft-textright .wpb_single_image{
	grid-column: 1;
	grid-row: 1 / 3;
}
.imgleft-textright h3,
.imgleft-textright .wpb_text_column{
	margin-bottom: 0;
}

.hero-top-section h1{
	font-size: 6.5rem;
	line-height: 48px;
	margin-bottom: 25px;
}
.hero-top-section h2{
	font-size: 3.5rem;
	line-height: 28px;
}

.popup-caption{
	min-height:250px;
	overflow:hidden;
}
.popup-caption .vc_column-inner{
	transition:transform .4s;
	transform:translateY(75px);
}

.popup-caption .vc_column-inner a{
	float:right;
	margin-right:8px
}
.popup-caption:hover .vc_column-inner{
	transform:translateY(14px);
}
/*Animated shape*/
.shape-animation {
    position: relative;
    padding: 30px;
	z-index: 2;
}
.shape-animation svg{
	position: absolute;
	top: 0;
	left: -180px;
	z-index: -1;
	height: 100%;
	width: 100%;
	transform: scale(1.5);
}
.shape-animation .st0{
	fill:none;
	stroke:#a88253;
	stroke-width:3;
	stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
	animation: 9s outline linear forwards;
	animation-delay: 3s;
}

@keyframes outline{
	to {
		stroke-dashoffset: 0;
	 }
}
/** HOMEPAGE **/
/* Hero */
.home .tag_line_image {
	height:100vh !important;
}
.homepage-hero-section h1{
	line-height: 62px;
	font-size: 54px;
}
.hero-buttons {
	display:flex;
	border-width: 1px !important;
	gap: 20px;
	max-width: 800px;
	justify-content: center;
  	margin: 0 auto;
}
.hero-buttons a {
	min-width:210px;
	padding-left:0 !important;
  	padding-right:0 !important;
}
.hero-buttons a,
.hero-buttons a:hover{
	background:rgba(255,255,255,.8) !important;
	color:#a88253 !important;
	border-color:#a88253 !important
}
/*Map section*/
.home-map-section{
	position:relative;
	margin-bottom:45px;
}
.location-overlay{
    position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
    top:0;
    left:0;
    background-color:rgba(255,255,255,.85);
    height:100%;
    width:650px;
    z-index:2;
}
.location-text{
	max-width:300px;
}
#home_map{
    height:696px;
    width:100%
}

/*Default values*/
#preloader {
    background-color: #1e232a;
}
#preloader:before {
    content: '';
	background-image: url('/wp-content/uploads/2024/03/FAR-logo-2024-dust.png');
	background-size: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0.5);
	width: 200px;
    height: 125px;
	opacity: 0;
	animation: preloadLogo 2.5s ease-out;
	animation-iteration-count: 1;
}
@keyframes preloadLogo {
  0%   {
	  opacity: 0;
	  transform: translate(-50%, -50%) scale(0.5);
  }
  40% {
	  opacity: 1;
	  transform: translate(-50%, -50%) scale(1);
  }
  100% {
	  opacity: 1;
	  transform: translate(-50%, -50%) scale(1);
  }
}
p{color:#a88253}
.fancy-header h2 {
	color: #a88253 !important;
	text-transform: capitalize !important;
	border-bottom: 2px solid;
    padding-bottom: 30px;
  	margin-bottom: 40px;
}

/*Accordion feature*/
.c-accordion .c-accordion-row{
	border-bottom:2px solid #73797d;
	padding-bottom:5px;
	margin-bottom:15px;
}
.c-accordion h3{
	position:relative;
	padding-left:20px;
	margin-bottom:15px;
	cursor:pointer
}
.c-accordion h3::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M0 465.455h1024v93.091H0zM465.455 1024V0h93.091v1024z' fill='%23c17f45'/%3E%3C/svg%3E");
	background-position:50%;
	background-repeat:no-repeat;
	background-size:20px;
	content:"";
	height:36px;
	right:10px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:20px;
}
.c-accordion h3.active::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M0 465.455h1024v93.091H0z' fill='%23c17f45'/%3E%3C/svg%3E");
}
/* Top Nav */
.logodark,.logowhite{
	max-width:none !important
}
.menu-transparent .navbar.top-nav-collapse {
	background: rgba(30,35,42,.8) !important;
	border-bottom-color: rgba(30,35,42,.8) !important;
    padding: 5px 30px 30px !important;
}
.menu-transparent .info-nav-section {
  transform: translatey(15px);
}
.menu-transparent .navbar.top-nav-collapse .nav > li > a {
  color: #fff !important;
}
/*mobile nav*/
#rmp_menu_trigger-1331{
	display:none !important
}
.menu-responsive.mobile{
	display:none !important
}
/** HOMEPAGE **/
/* Hero */
.homepage-hero-section a{
	background:#2b324c;
}
.homepage-hero-section p{
	font-size:35px;
	line-height:40px;
}
/* Rows of 3 images */
.row-img-3 img{
  object-fit:cover;
  height:250px;
}
.row-img-3 a{
	color:#c17f45 !important;
}

/* Form */
.wpcf7-form fieldset{
  border:none;
  position:relative;
  padding:.35em 0 .75em
}
.wpcf7-form input,.wpcf7-form textarea {
  padding:.8em 1em .5em 0;
  width:100%;
  font-size:1.2em;
  border:0;
  border-bottom:1px solid #aaa;
  border-radius:0
}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{
  outline:none
}
.wpcf7-form input + label,.wpcf7-form textarea + label{
  word-break:initial;
  display:block;
  cursor:text;
  color:#777;
  transition:.15s ease-out all;
  position:absolute;
  top:1.8em;
  left:0
}
.wpcf7-form input:focus + label,
.wpcf7-form textarea:focus + label,
.wpcf7-form label.stay{
  top:1em;
  left:12px;
  font-size:.7em;
  font-weight:bold;
  transition:.15s ease-out all;
}
.wpcf7-form .form-checkbox .check-col1,.wpcf7-form .form-checkbox .check-col2{float:left}
.wpcf7-form .form-checkbox .check-col1{width:8%}
.wpcf7-form .form-checkbox .check-col2{width:92%}
.wpcf7-form input[type="submit"]{margin-top:15px}
.wpcf7-form .form-checkbox{
  margin-top:20px
}
.wpcf7-form .form-checkbox .wpcf7-form-control{
  border: none;
  width: 100%;
  height: auto;
  padding: 8px 0px;
  font-size: 16px;
}
.form-design .inline-select{
	display:grid;
	grid-template-columns:1fr 1fr;
	text-align:left;
	margin-top: 20px;
}
.form-design .inline-select label{
	font-weight:inherit
}
.form-design .wpcf7-submit {
	border: 2px solid #8a8b8b !important;
	min-width: 180px;
	display: inline-block;
	padding: 12px !important;
	font-size: 14px;
	font-weight: 600;
	color: #8a8b8b !important;
	text-align: center;
	background: transparent;
}

/** New & Guidance template **/
.news-guidance-template .wrap-content.pheromone_mas_container{
	height:auto !important
}
.news-documents-search input,
.news-documents-search .wpb_raw_code{
	text-align:center
}
.news-guidance-template {
	padding-top:20px !important;
	display:grid;
}
.news-guidance-template .guidance-documents{
	order:2;
	background:#2b324c;
	color:#fff;
	padding-top:60px;
	padding-bottom:60px;
}
.news-guidance-template .guidance-documents-second{
	order:3;
	padding-top:60px;
	padding-bottom:60px;
	background:#ccc;
}
.news-guidance-template .guidance-documents-second .thumbnail-container,
.news-guidance-template .guidance-documents .thumbnail-container {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  display: block;
  height: 205px;
}
.news-guidance-template .guidance-documents .read-more-btn a {
	background:#c17f45;
	color: #fff !important;
	border-color: #c17f45;
}
.news-guidance-template .about-ab {
	padding-top:60px;
	order:3
}
/* About page */
.heritage-grid a.vc_general,
.heritage-grid a.vc_general:hover{
	background-color: #131e2b !important;
}

/* Slider */
.min-height-slider .owl-item img{
	object-fit:cover;
	min-height:400px
}
/* Custom slider */
.faraday-slider > .vc_column_container > .vc_column-inner {
	overflow: hidden;
	position: relative;
}
.faraday-slider > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	display: flex;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
	padding: 0 60px;
}
.faraday-slider .slider-item {
	flex: 0 0 auto;
    scroll-snap-align: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
	width: calc(100% - 40px);
    margin-right: 20px;
}
.faraday-slider .slider-buttons {
	position: absolute;
	bottom: 20px;
    right: 90px;
}
.faraday-slider .inner-slider-buttons > .vc_column-inner> .wpb_wrapper {
	display: flex;
}
.faraday-slider .gold-outlined-bt button {
	background: #fff !important
}
.faraday-slider .faraday-left-arrow button {
	border-right: none !important
}
/* Hide scrollbar for Chrome, Safari and Opera */
.faraday-slider > .vc_column_container > .vc_column-inner > .wpb_wrapper::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge, and Firefox */
.faraday-slider > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.counter-section .vc_col-sm-4 {
	border-right: 2px solid #a88253;
}
.counter-section .vc_col-sm-4:last-child {
	border-right: none;
}
.counter-section h2 {
	margin-bottom: 10px
}

/* Slick slider */
/* Slider */
.testimonials-slider-homepage h3,
.testimonials-slider-homepage h5{
	color: #ccb687 !important
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
        touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{outline:none}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
       -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
         -o-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,
.slick-track:after{
    display:table;
    content:''
}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{display:none}
/* Arrows */
.slick-prev,
.slick-next{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    cursor:pointer;
    color:transparent;
    border:none;
    outline:none;
    background:transparent
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color:transparent;
    outline:none;
    background:transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity:1}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity:.25}

.slick-prev:before,
.slick-next:before{
    /*font-family: 'slick';*/
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{
    right:-25px;
    left:auto
}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{
    right:auto;
    left:-25px
}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
/* Dots */
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{
    position:absolute;
    bottom:-25px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    width:20px;
    height:20px;
    padding:5px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:none;
    background:transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{
    font-size:30px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:'•';
    text-align:center;
    opacity:.25;
    color:#ccb687;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#ccb687
}

/* BLOG page */
.page-template-blog .wrap-content.pheromone_mas_container{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
}
.page-template-blog .no-sidebar .post-set.pheromone_mas_item{
	width:100%;
	position:unset !important
}

/* FAQ page */
.faq-main-section .faq_group:not(:first-child){
	display:none
}
.faq-list .faq_group h3{
	padding-left:0;
	font-size:18px;
	padding-right:35px;
}
.faq-list .faq_group h3.active{
	color:#c17f45
}
.faq-btns .open-faq,
.faq-btns .open-faq button{
	width:100%
}

/* GDPR popup */
.gdpr-cookie-consent .cli-header{
	text-align:left;
	font-weight:700;
	font-size:26px
}

/*Team description*/
.team-members-section h4{
	font-size:16px;
	letter-spacing:0.1em;
	height: 40px;
	margin-bottom: 20px;
}
.team-member-row img{
	cursor:pointer;
}
.team-description{
	display:none
}
.team-members-section img{
	cursor:pointer
}
.team-members-section .member-description{
	display:none;
	justify-content:center;
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#2d2d2d;
	padding:30px 20px;
	color:#fff;
	overflow:auto;
}
.team-members-section .member-description.visible{
	display:grid
}
.team-members-section .member-block img{
	margin-left:auto;
	margin-right:auto
}

/* Single post */
.pager .fa.ion-grid.fa-2x{
	display:none
}

/*Footer*/
.footer-copyright.extra-links ul{
	margin-top:8px;
	padding-left:0
}
.footer, .footer-copyright{
	background-color:#1e232a !important
}
.footer p, .footer-copyright p, .footer-copyright a{
	color:#a88253 !important
}
.footer .site-logo{
	border-right:1px solid rgba(255,255,255,.08)
}
.footer .site-logo img{
	max-width:75px
}
.footer .wp-block-coblocks-icon__inner{
	margin:0 auto
}
.footer-area-cont{
	padding:50px 0 0;
}
.footer-copyright{
	border-top:1px solid #a88253 !important;
	padding: 30px 0;
}
.footer-area-cont {
  padding: 100px 0 0 0 !important;
}
.footer .footer-widget a{
	color: #a88253 !important
}
.footer-right-info {
	text-align: right
}
.footer-left-info > div,
.footer-right-info > div{
	margin-bottom: 10px;
}
.footer-links {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-left: -15px;
	margin-right: -15px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
  	margin-bottom: 60px;
}
.footer-links a {
	border: 1px solid #a88253;
	padding: 6px 0;
}
.footer-links a:not(:last-child) {
	border-right: none;
}

/* Responsive style */
@media (min-width:768px) {
	.page-id-86 .popup-caption{
		height: 310px;
		margin: 0 auto;
		max-width: 500px;
	}
}
@media (max-width:991px){
	#rmp_menu_trigger-1331{
		display:block !important
	}
	.top-page-info .tel-info,
	.top-page-info .email-info{
		display:block;
		text-align:left
	}
	.top-page-info .tel-info{
		margin-right:0;
	}
	.sub-menu{
	    display: block !important;
	}
	.location-overlay {
		position: unset;
		width: 100%;
	}
	.location-text {
	    max-width: none;
		padding: 40px 15px 0;
	}
	.shape-animation svg{
		left: -130px;
	}
	.wpb_text_column {
		text-align: left !important;
	}
}
@media (max-width:767px){
	.comp-service .popup-caption{
		margin-top:30px
	}
	.shape-animation svg{
		left: -30px;
		transform: scale(1.15);
	}
}
@media (max-width:640px){
	.logowhite, .logodark{
		max-height:70px;
	}
	.navbar .logo-section{
		width: 33%;
	}
	.navbar .info-nav-section{
		width: 67%;
	}
	.navbar .row {
		display:flex;
		align-items:center;
	}
	.nav-icon3{
		top:-32px !important;
		right:-12px;
	}
	.top-page-info .tel-info,
	.top-page-info .email-info{
		font-size:12px;
	}
	.top-page-info{
		margin-top:20px;
	}
	.hero-top-section h1{
		font-size:5rem;
		line-height:40px
	}
	.hero-top-section h2{
		font-size:3rem;
		line-height:25px
	}
	#search-news{
		width:100%
	}
	.footer-links {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:480px){
	.navbar .logo-section{
		width: 24%;
	}
	.navbar .info-nav-section{
		width: 72%;
	}
	.hero-top-section h1{font-size:3.5rem}
	.hero-top-section h2{font-size:2rem}
}