/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*colours*/
.lightsage {color: #6E7F5B;}
.darksage {color: #556B44;} 
.earthbrown {color: #7A5A3A;}
.palestone {color: #E6E1D8;}
.lightlimestone {color: #F0ECE4;} 
.ivory {color: #FFFFF0;} 
.charcoal {color: #1F1F1F;}

/*fonts*/
@font-face {
    font-family: "Gadugi Normal";
    src: url("https://folia.space/wp-content/themes/salient-child/fonts/gadugi-normal.ttf") format("truetype"),   
}
@font-face {
    font-family: "Gadugi Bold";
    src: url("https://folia.space/wp-content/themes/salient-child/fonts/gadugi-bold.ttf") format("truetype"),   
}
body, p {
	font-family: 'Gadugi Normal';
	font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Gadugi Bold';
	font-weight: bold;
}
h1 {
	font-size: 60px;
	letter-spacing: 3px;
	text-transform: none;
}
#home h2 {
	font-size: 34px !important;
	letter-spacing: 0px;
	text-transform: none;
}
h2 {
	font-size: 60px;
	letter-spacing: 0px;
	text-transform: none;

}
h3 {
	font-size: 36px;
	letter-spacing: 0.5px;
	text-transform: none;
	padding-bottom: 30px;
}
h4 {
	font-size: 28px;
	letter-spacing: 0.5px;
	text-transform: none;
}
h5 {
	font-size: 22px;
	letter-spacing: 0.5px;
	text-transform: none;
}
h6 {
	font-size: 20px;
	letter-spacing: 0.5px;
	text-transform: none;
}
/*general styling*/
.nectar-link-underline-effect a,
.nectar-link-underline-effect a span {
    background: none !important;
    background-image: none !important;
    background-size: 0 0 !important;
    text-decoration: none !important;
}
.nectar-link-underline-effect a:before,
.nectar-link-underline-effect a:after,
.nectar-link-underline-effect span:before,
.nectar-link-underline-effect span:after {
    display: none !important;
    content: none !important;
}
/*page border*/
#ajax-content-wrap .container-wrap {
	margin-top: 0px !important;
}
.page-id-2 #ajax-content-wrap .container-wrap {
	margin-top: 25px !important;
}
/*logo*/
#logo img,
.page-id-2 #logo img {
    margin: 0 !important;
    padding: 0 !important;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.page-id-2 #header-outer #logo {
    margin: 0;
}
.page-id-2 #header-outer .container {
    max-width: none;
    width: calc(100% - 50px);
    margin: 0 !important;
	padding-left: 0px !important;
	padding-right: 60px !important;
}
/*menu*/
#menu-item-738 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
#menu-item-738 > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 5px 5px 5px 20px !important;
    background: #6E7F5B !important;
    color: #FFFFF0 !important;
    border: none !important;
    border-radius: 100px !important;
    box-shadow: none !important;
    line-height: 1 !important;
    text-decoration: none !important;
    overflow: visible !important;
}
#menu-item-738 > a::before,
#menu-item-738 > a::after {
    content: none !important;
    display: none !important;
}
#menu-item-738 .menu-title-text {
    color: #FFFFF0 !important;
    line-height: 1 !important;
	font-size: 18px !important;
}
#menu-item-738 .folia-arrow-circle {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 50% !important;
    background: #FFFFF0 !important;
    overflow: hidden !important;
    display: block !important;
}
#menu-item-738 .folia-arrow-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
#menu-item-738 .folia-arrow {
    position: absolute !important;
    width: 24px !important;
    height: 24px !important;
    top: 6px !important;
    left: 6px !important;
    color: #6E7F5B !important;
    transition:
        transform 0.45s cubic-bezier(.4, 0, .2, 1),
        opacity 0.45s ease !important;
}
#menu-item-738 .folia-arrow:first-child {
    transform: translate(0, 0) !important;
    opacity: 1 !important;
}
#menu-item-738 .folia-arrow.hover {
    transform: translate(-30px, 30px) !important;
    opacity: 0 !important;
}
#menu-item-738 > a:hover .folia-arrow:first-child {
    transform: translate(30px, -30px) !important;
    opacity: 0 !important;
}

#menu-item-738 > a:hover .folia-arrow.hover {
    transform: translate(0, 0) !important;
    opacity: 1 !important;
}
#menu-item-738 > a:hover {
    background: #6E7F5B !important;
    color: #FFFFF0 !important;
    border: none !important;
    box-shadow: none !important;
}
#menu-item-738 > a:hover .menu-title-text {
    color: #FFFFF0 !important;
}
/*off canvas menu*/
#slide-out-widget-area .off-canvas-menu-container.mobile-only .menu .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-738 {
	display: none !important;
}
#slide-out-widget-area {
    border-radius: 20px;
    overflow: hidden;
	margin-top: 25px !important;
	margin-bottom: 25px !important;
	max-height: 94% !important;
}
.offcanvas-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.offcanvas-item .menu-title {
    margin:0;
}
.offcanvas-item .menu-number { 
    margin-left:auto;
}
.offcanvas-link.active h4,
.offcanvas-link.active div,
.offcanvas-link[aria-current="page"] h4,
.offcanvas-link[aria-current="page"] div {
    font-style: italic;
}
.off-canvas-menu-container .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #7a5a3a;
}
.off-canvas-menu-container .menu > li {
    border-bottom: 1px solid #7a5a3a;
    margin: 0;
    padding: 0;
}
.off-canvas-menu-container .menu > li > a {
    display: block;
    padding: 16px 0;
    text-decoration: none;
    transition: color .3s ease, padding-left .3s ease;
}
.off-canvas-menu-container .menu > li > a:hover {
    padding-left: 10px;
}
/*rounded borders*/
.cnr-tl {
	border-top-left-radius: 20px !important;
	overflow: hidden;
}
.cnr-tr {
	border-top-right-radius: 20px !important;
	overflow: hidden;
}
.cnr-bl {
	border-bottom-left-radius: 20px !important;
	overflow: hidden;
}
.cnr-br {
	border-bottom-right-radius: 20px !important;
	overflow: hidden;
}
/*home*/
#home .img-with-aniamtion-wrap.center.looped-animation-rotate.position_desktop_absolute.top_position_desktop_200px.left_position_desktop_100px.z_index_10010 {
	overflow: visible !important;
}
/*new location*/
#newlocation img {
	max-height: 180px !important;
	height: 180px !important;
	margin-top: 0;
	padding-top: 0;
}
#newlocation .nectar-badge__inner.nectar-bg-accent-color {
	font-size: 20px;
	font-family: 'Gadugi Bold';
	font-weight: bold;
}
/*about*/
#about .nectar-animated-title.completed .nectar-animated-title-outer .nectar-animated-title-inner{
	border-radius: 20px !important;
	min-height: 60px;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
}
/*services*/
#services > .row_col_wrap_12 > .column_container > .vc_column-inner {
    position: relative;
    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        box-shadow .45s cubic-bezier(.22,1,.36,1);
    will-change: transform;
}
#services > .row_col_wrap_12 > .column_container:hover > .vc_column-inner {
    transform: translateY(-12px);
    box-shadow: 0 24px 48px rgba(0,0,0,.15);
}
#services,
#services > .row_col_wrap_12 {
    overflow: visible;
}
#services .nectar-fancy-ul.animated-in,
#services .nectar-fancy-ul.animated-in ul {
	margin-bottom: 0;
	padding-bottom: 0;
}
/*products*/
#products .nectar-badge__inner {
	font-family: 'Gadugi Bold';
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: none
}
#products .nectar-highlighted-text {
	min-height: 110px !important;}

#products .nectar-responsive-text {
	min-height: 185px !important;
}
#products .nectar-animated-title.completed .nectar-animated-title-outer .nectar-animated-title-inner{
	border-radius: 20px !important;
	min-height: 100px;
	padding: 10px 20px 10px 20px;
}
#products > .row_col_wrap_12 > .column_container .vc_column-inner {
    transition: transform .45s cubic-bezier(.22,1,.36,1),
    box-shadow .45s cubic-bezier(.22,1,.36,1);
}
#products > .row_col_wrap_12 > .column_container:hover .vc_column-inner {
    transform: translateY(-12px);
    box-shadow: 0 24px 48px rgba(0,0,0,.15);
}
#products {
    overflow: visible;
}
#products > .row_col_wrap_12 {
    overflow: visible;
}
/*usps*/
#usps h5 {
	min-height: 90px!important;
	margin-bottom: 20px;
}
#usps2 h5 {
	min-height: 60px!important;
	margin-bottom: 20px;
}
#usps .inner_row > .row_col_wrap_12_inner > .column_container .vc_column-inner {
    transition: transform .4s ease, box-shadow .4s ease;
    transform: translateY(0);
    will-change: transform;
    position: relative;
}
#usps .inner_row > .row_col_wrap_12_inner > .column_container:hover .vc_column-inner {
    transform: translateY(-12px);
    box-shadow: 0 24px 48px rgba(0,0,0,.15);
}
#usps2 .inner_row > .row_col_wrap_12_inner > .column_container .vc_column-inner {
    transition: transform .4s ease, box-shadow .4s ease;
    transform: translateY(0);
    will-change: transform;
    position: relative;
}
#usps2 .inner_row > .row_col_wrap_12_inner > .column_container:hover .vc_column-inner {
    transform: translateY(-12px);
    box-shadow: 0 24px 48px rgba(0,0,0,.15);
}
/*locations*/
.no-properties {
    text-align: center;
    padding: 80px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fafafa;
}
.no-properties h3 {
    margin-bottom: 10px;
}
.no-properties p {
    margin: 0;
   	color: #666;
}
#locations .vc_col-sm-3 {
	min-height: 350px !important;
}
#locations > .row_col_wrap_12 > .column_container .vc_column-inner {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    will-change: transform;
    position: relative;
    overflow: hidden;      
    border-radius: 20px;   
}
#locations > .row_col_wrap_12 > .column_container:hover .vc_column-inner {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.18);
    z-index: 10;
}
.folia-property-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:40px;
}
.folia-property-card {
    background: #e6e1d8;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}
.folia-property-card:hover {
    transform:translateY(-12px);
    box-shadow:0 20px 40px rgba(0,0,0,.18);
}
.folia-property-card img {
    width:100%;
    display:block;
    aspect-ratio:4/3;
    object-fit:cover;
	background-color:#e6e1d8;
}
.folia-property-card .image {
    position: relative;
    display: block;
    overflow: hidden;
}
.folia-property-themes {
    position: absolute;
    top: 12px;
    right: 12px;
    left: 12px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    pointer-events: none;
}
.folia-property-themes span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    background: #556b44;
    color: #fffff0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    backdrop-filter: blur(3px);
}
.folia-property-card .content{
    padding:30px;
	background-color:#e6e1d8;
}
.folia-property-card .button-wrap {
    margin-top: 30px;
    text-align: center;
}
.folia-property-card .nectar-cta {
    display: inline-block;
}
.button-wrap{
    text-align:center;
    margin-top:30px;
}
.property-button{
    display:inline-flex;
    align-items:center;
    gap:18px;
    padding:8px 8px 8px 22px;
    border-radius:999px;
    background:var(--nectar-accent-color);
    color:#FFFFF0;
    text-decoration:none;
    font-weight:normal;
    transition:.3s;
}
.property-button svg{
    width:36px;
    height:36px;
    padding:8px;
    border-radius:50%;
    background:#FFFFF0;
    color:var(--nectar-accent-color);
    transition:.3s;
}
.property-button:hover{
    transform:translateY(-2px);
	color:#FFFFF0;
}
.property-button:hover svg{
    transform:translateX(4px);
}
.property-meta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin:25px 0;
}
.property-meta strong{
    display:block;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:6px;
}
.button-wrap{
    text-align:center;
}
.property-pagination{
    text-align:center;
    margin-top:60px;
}
/*properties*/
#property .inner-wrap .work-item img {
	width: 100%;
}
#property .inner-wrap .work-item img,
#property .inner-wrap .work-item.style-2 {
    border-radius: 20px !important;	
	overflow: hidden !important;
}
#property .vc_acf {
    margin-bottom: 20px;
}
#property .vc_acf .vc_acf-label {
    display: block;
	font-family: 'Gadugi Normal';
	font-size: 18px;
	color: #1f1f1f;
}
#property .vc_acf {
	font-family: 'Gadugi Bold';
	font-size: 18px;
	letter-spacing: 0.5px;
	text-transform: none;
	padding-bottom: 20px;
}
#property .vc_acf.theme {
	font-family: 'Gadugi Normal';
	font-size: 18px;
	letter-spacing: 0.5px;
	text-transform: none;
	padding-top: 5px !important;
	margin-bottom: 5px !important;
	padding-bottom: 0px;
	margin-top: 0 !important;
}
#property .brochure .vc_acf-label {
    display: none;
}
#property .nectar-cta.brochure > .link_wrap .link_text .text {
    color: #FFFFF0 !important;
}
#property .vc_acf.description {
	font-family: 'Gadugi Normal';
	font-size: 18px !important;
	letter-spacing: 0px;
	text-transform: none;
}
.single-property .row.heading-title.hentry {
	display: none !important;
}
.single-property .post-featured-img {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
}
.single-property .post-featured-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
}
.folia-virtual-tour {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 20px;
    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.12);
}
.folia-virtual-tour-video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover;
    border: 0 !important;
    border-radius: 20px !important;
    background: #000;
}
.folia-property-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}
.folia-property-gallery-item {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.folia-property-gallery-image {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.35s ease;
	border-radius: 20px;
}
.folia-property-gallery-item:hover .folia-property-gallery-image {
	transform: scale(1.03);
}
@media (max-width: 690px) {
	.folia-property-gallery-grid {
		grid-template-columns: 1fr;
	}
}
/*property map*/
.folia-property-map {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.folia-property-popup .leaflet-popup-content-wrapper {
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
}
.folia-property-popup .leaflet-popup-content {
    width: 250px;
    margin: 0;
}
.folia-map-popup {
    display: block;
    color: inherit;
    text-decoration: none;
}
.folia-map-popup img {
    display: block;
    width: 100%;
    height: 145px;
    object-fit: cover;
}
.folia-map-popup-image {
    position: relative;
}
.folia-map-popup-themes {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    pointer-events: none;
}
.folia-map-popup-themes span {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    background: #556b44 !important;
    color: #fffff0;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.01em;
    backdrop-filter: blur(3px);
}
.folia-map-popup-content {
    padding: 13px 14px 15px;
}
.folia-map-popup-content span,
.folia-map-popup-content small {
    display: block;
    color: #1f1f1f;
    font-size: 12px;
}
.folia-map-popup-content strong {
    display: block;
    margin: 5px 0;
    color: #1f1f1f;
    font-size: 16px;
}
.folia-map-marker-wrap {
    background: transparent;
    border: 0;
}
.folia-map-marker-wrap,
.folia-map-marker {
    pointer-events: auto;
    cursor: pointer;
}
.folia-map-marker {
    display: block;
    width: 28px;
    height: 28px;
    background: #6e7f5b;
    border: 3px solid #fffff0;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease, background-color 0.2s ease;
}
.folia-map-marker:hover {
    background: #7a5a3a;
    transform: scale(1.25);
}
.folia-map-legend {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 10px;
    font-size: 12px;
}
.folia-map-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.folia-transport-key,
.folia-transport-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid #fffff0;
    border-radius: 50%;
    color: #fff;
    font: 700 11px/1 Gadugi Normal, sans-serif;
    box-shadow: 0 2px 7px rgba(0,0,0,.25);
}
.folia-tube-key,
.folia-tube-marker { 
	background: #1F1F1F !important; 
}
.folia-train-key,
.folia-train-marker { 
	background: #7a5a3a !important;  
}
.folia-bus-key,
.folia-bus-marker { 
	background: #7a5a3a !important; 
}
.folia-transport-marker-wrap {
    background: transparent;
    border: 0;
}
/*contact*/
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
	border-radius: 20px !important;
	width: 100%;
	font-family: 'Gadugi Normal';
	font-size: 18px;
	color: #fffff0;
}
.ff-el-group .ff-el-input--content input, 
.ff-el-group .ff-el-input--content textarea {
	border-radius: 20px !important;
	border-color: transparent !important;
	padding-top: 15px;
	padding-bottom: 15px
}
.ff-el-form-control::placeholder {
	font-family: 'Gadugi Normal';
	font-size: 18px;
}

/*footer*/
.nectar-icon-list .nectar-icon-list-item {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}
.nectar-icon-list .nectar-icon-list-item:last-child {
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.nectar-icon-list .list-icon-holder {
    margin-right: 12px !important;
}
.nectar-icon-list .content h4 {
    margin: 0 !important;
	font-family: 'Gadugi Normal' !important;
	font-weight: normal !important;
	font-size: 18px;
	color: #1f1f1f !important;
}
.nectar-icon-list .content a {
    margin: 0;
    line-height: 1.4;
}
.nectar-icon-list .list-icon-holder svg {
    width: 18px !important;
    height: 18px !important;
	color: #fffff0 !important;
}
.nectar-icon-list .list-icon-holder {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
	background: #6e7f5b !important;
}
#about .nectar-icon-list {
	margin-left: 30px;
}
.newsletter {
	min-height: 250px !important;
}
/* Phones */

@media only screen and (max-width: 999px) {

	/*menu*/
	#slide-out-widget-area .off-canvas-menu-container.mobile-only {
	display: none !important;
	}
	#slide-out-widget-area img {
		max-width: 75% !important;
	}
	/*header*/
    #header-outer {
        top: 0 !important;
        padding-top: 0 !important;
    }
    #header-outer #top {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    #header-outer .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    .bg-color-stripe {
		display: none;
    }
	
	/*fonts*/
	h1 {
		font-size: 48px !important;
	}
	h2 {
		font-size: 42px !important;
		line-height: 1em !important;
	}
	h3 {
		font-size: 32px !important;
		line-height: 1em !important;
	}
	h6 {
		font-size: 18px;
		letter-spacing: 0.5px;
		text-transform: none;
	}
	/*about*/
	#about .nectar-animated-title.completed .nectar-animated-title-outer .nectar-animated-title-inner{
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
	}
	/*property*/
	.folia-property-grid {
        grid-template-columns: 1fr;
    }
	.property-meta {
    	grid-template-columns:1fr;
	}
	.single-property .post-featured-img img {
		min-height: 350px !important;
		object-fit:cover;
	}
	.nectar-cta.propertyenquire {
        text-align: left !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        display: flex !important;
    }
    .nectar-cta.propertyenquire .link_wrap {
        justify-content: flex-start !important;
    }
	.brochure,
    .propertyenquire,
    .brochure .nectar-button-type,
    .propertyenquire .nectar-button-type,
    .brochure .link_wrap,
    .propertyenquire .link_wrap {
        display: block !important;
        width: 100% !important;
    }
    .brochure .link_text,
    .propertyenquire .link_text {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        box-sizing: border-box;
    }
   .propertyenquire {
        text-align: left !important;
    }
    .brochure {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 1280px) {
	/*fonts*/
	h1 {
		font-size: 48px !important;
	}
	h2 {
		font-size: 42px !important;
		line-height: 1em !important;
	}
	h3 {
		font-size: 32px !important;
		line-height: 1em !important;
	}
	h6 {
		font-size: 18px;
		letter-spacing: 0.5px;
		text-transform: none;
	}
}