/*
Theme Name: Valorias
Template: betheme
Version: 2.0.2
*/


:root {
	--brand: #12284D;
		--brandDark:#0C1A32;
		--brandLight:#2B5EB6;
	--accent: #A77D53;
		--accentLight: #F2D883;
	--grey: #ACD7EC;
	--offwhite: #EBF6FF;
	--offblack:#081121;
	
	--gradientBrand: linear-gradient(95deg, var(--brand) 0%, var(--offblack) 100%);
	--gradientGold: linear-gradient(95deg, rgba(166,125,77,1) 0%, rgba(169,129,79,1) 2%, rgba(180,141,85,1) 5%, rgba(197,162,96,1) 8%, rgba(221,192,111,1) 10%, rgba(239,213,122,1) 12%, rgba(176,137,83,1) 32%, rgba(255,229,129,1) 54%, rgba(166,125,77,1) 100%);
}
/* HEADINGS */
h1, h2, h3, h4 {
	text-wrap:balance;
}
p {
	text-wrap:pretty;
	
}
/* MENU */
div#Top_bar {
    background: var(--gradientBrand) !important;
}
#Top_bar .menu {
	display:flex;
	align-items: center;
}
#Top_bar .menu > li.buttonise {
	display:flex;
	align-items: center;
	height: 60px;
}
#Top_bar .menu > li.buttonise a {
	padding: 0.75em 1em;
	background-color: var(--accentLight);
	color: var(--brand);
	border-radius: 2em;
	line-height:1.1;
	margin-left:1em;
}
#Top_bar .menu > li.buttonise a span {
	padding: unset;	
	line-height:1.1;
}
#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
    color: var(--accent);
}
#Side_slide {
    background: var(--gradientBrand);
    border-color: #191919;
}
@media only screen and (max-width: 767px) {
	    #Top_bar a.responsive-menu-toggle {
        top: 49px;
        right: 20px;
    }
    #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
        margin: 10px 50px 10px 10px;
    }
	#Top_bar #logo img.svg {
    width: 260px;
}
}
@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky .menu_wrapper .menu > li.buttonise > a {
        padding: 0.75em 1em;
    }
}
/* BRAND SECTIONS */
.brandback.section {
	background: var(--gradientBrand);
	padding: 50px 0 30px;
}
#gallery.brandback.section {
	padding: 0;
}
/* FOOTER */
#Footer {
	background-image: url(/wp-content/uploads/valorias-motif-white10pc.svg);
    background-size: 45%;
    background-position: 80% -118%;
}
.footer_copy {
	background: rgba(0,0,0,0.5);
}
/* LANDING */
#landing.dark h1, #landing.dark h3 {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.2), 0 0 14px rgba(0, 0, 0, 0.2);
}
/* VIDEO */
.section.has-video .section_video .mask {
    background: linear-gradient(45deg, transparent 10%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 50%, transparent 60%);
}
@media only screen and (min-width: 1240px) {
    #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline;
        max-height: 48px;
    }
}
/* BLOCKQUOTE */
blockquote {
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}
blockquote:before {
    content: " ";
    position: relative;
    width: 6em;
    height: 1.5em;
    background: url(/wp-content/uploads/5-star.svg);
	background-repeat: no-repeat;
    display: block;
	margin-left: -0.3em;
}
/* PROPERTIES */
.type-portfolio header {
    display: none;
}
.keyinfo.wrap {
    filter: drop-shadow(-7px -11px 5px rgba(0, 0, 0, 0.1));
}
.subhead {
    background-color: var(--brand);
    background-blend-mode: exclusion;
}
/* TOKEET WIDGETS */
.mcb-column-inner.mfn-module-wrapper.mcb-column-inner-vwkiz6leg.mcb-item-html-inner {
    margin: 0;
}
.mfn-html-editor-wrapper {
    display: flex;
    justify-content: center;
}
/* FAQ */
.faq .question > .title {
    font-size: 18px;
}
/* CONTACT */
.highlight-left:after, .highlight-right:after {
    background: unset;
	background-image:url(https://valorias.co.uk/wp-content/uploads/valorias-flats.jpg);
}
#contactform label {
    color: white;
}
#contactform input[type="date"], #contactform input[type="email"], #contactform input[type="number"], #contactform input[type="password"], #contactform input[type="search"], #contactform input[type="tel"], #contactform input[type="text"], #contactform input[type="url"], #contactform select, #contactform textarea {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
   border-width: 0;
    backdrop-filter: blur(1.6px);
}
.page-id-12 #landing .mcb-background-overlay {
    background: linear-gradient(45deg, transparent 10%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0.3) 50%, transparent 60%);
}
.page-id-14 #landing .mcb-background-overlay {
    background: linear-gradient(45deg, transparent 10%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.3) 50%, transparent 60%);
}
.portfolio_group.grid .portfolio-item .desc .desc-wrapper {
    display: block;
}
.portfolio_group .portfolio-item .desc .desc-wrapper {
    margin-right: 0;
}
.portfolio-item h3.entry-title {
    margin-bottom: 0.1em;
}