/*

Theme Name: Bif Ward Real Estate Group
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

*/

@import url(https://use.typekit.net/wew2wrl.css);

:root {
	--color-prime: #333333; /* almost black */
	--color-second: #4d4d4d; /* charcoal */
	--color-tert: #e3e3e3; /* light gray */
	--color-quart: #ac8a3f; /*  gold  */
	--color-quint: #171115; /*  black  */
}


html, body {
	/* font-family: "museo-sans",sans-serif !important; */
}

body {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition:opacity 1s
}

a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


 /* #Fonts
================================================== */

/* IvyPresto Headline Thin */
@font-face {
	font-family: "ivypresto-headline", serif;
	font-weight: 100;
	font-style: normal;
}

/* IvyPresto Headline Thin Italic */
@font-face {
	font-family: "ivypresto-headline", serif;
	font-weight: 100;
	font-style: italic;
}

/* Acumin Pro Bold */
@font-face {
	font-family: "acumin-pro", sans-serif;
	font-weight: 700;
	font-style: normal;
}
/* Acumin Pro Bold Italic */
@font-face {
	font-family: "acumin-pro", sans-serif;
	font-weight: 700;
	font-style: italic;
}

/* Montserrat */
@font-face {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: montserrat, sans-serif;
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: montserrat, sans-serif;
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: italic;
}


body {
	font-family: montserrat, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .x-brand { 
	font-family: "ivypresto-headline", serif !important;
	font-weight: 100;
}

h2 {
	font-size:3em !important; /* 4em */
	line-height:1em !important;
}
h3 {
	font-size:2.5em !important; /* 3em */
	line-height:1.3em !important;
}
h4 {
	font-size:2.1em !important; /* 2.5em */
	line-height:1.3em !important;
	letter-spacing:1px !important;
}

.gold-sm-upper h5, .gold-sm-upper h5 a {
	font-family: "acumin-pro", sans-serif !important;
	font-weight: 700 !important;
	color:var(--color-quart) !important;
	text-transform:uppercase !important;
	margin-bottom:.5em;
}
.black-sm-upper h5 {
	font-family: "acumin-pro", sans-serif !important;
	font-weight: 700 !important;
	color:var(--color-prime) !important;
	text-transform:uppercase !important;
}

.x-text {
	color:var(--color-second) !important;
}


.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}

.white a { color: rgba(255, 255, 255, .9) !important; }
.white a:hover { color: rgba(255, 255, 255, .5) !important; }

 /* #Header
================================================== */

.header {
	font-family: montserrat, sans-serif !important;
	font-weight: 600 !important;
	font-style: normal !important;
}

ul.x-menu-first-level li {
	white-space:nowrap;
}


.top-nav {
	margin:5em 0em 0em 0em;
	font-style: normal;
	font-weight: 600 !important;
	font-size:.9em !important;
	z-index:8888 !important;
}

.top-call-to .fa-solid  {
	font-size:1.5em;
}

.top-call-to a {
	display:block;
	color:rgba(51, 51, 51, 0.7) !important;
}
.top-call-to a:hover { color:var(--color-quart) !important; }

.home-logo { z-index:1 !important; }
.home-toggle { z-index:9999 !important;display:block !important; }

 /* #Hero
================================================== */
.x-slider-container { margin-top:0px;border:0px solid #ff0000 !important;z-index:1 !important; }

.hero {
	height: 40vh;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
	padding:7em 0em 5em 0em !important;
}
.hero-numbers {
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
	padding:7em 0em 7em 0em !important;
}

@media (max-width: 1200px) {
	.hero {
		padding:5em 0em 5em 0em !important;
		height: 50vh;
	}
}
@media (max-width: 430px) {
	.hero {
		text-align:center !important;
		padding:0em 0em 5em 0em !important;
	}
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

	/* bullets */
	@media (max-width: 430px) {
		.ares.sr7-bullets {
			left:20% !important;
			bottom:-10px !important;
		}
	}


.hero-headline {
	font-family: "ivypresto-headline", serif !important;
	font-size:3em !important;
	line-height:1em !important;
}
@media (max-width: 1024px) {
	.hero-headline {
		font-size:2.2rem !important;
	}
	/* Press page */
	body.page-id-277 .hero-headline {
		font-size:2rem !important;
	}
}

@media (max-width: 430px) {
	.hero-bg {
		width:70% !important;
	}
}


.hero-in-bg {
	padding:5em 5em 5em 5em;
}
@media (max-width: 1375px) /* was 1250 */  {
	.hero-in-bg {
		padding:4em 5em 4em 5em;
	}
	body.page-id-277 .hero-in-bg,
	body.page-id-612 .hero-in-bg {
		padding:2em 5em 2em 5em;
	}
}

.hero.meet-bif .x-bg-layer-lower-image {
	background-image: url(https://bifward.catalyzingcomm.com/wp-content/uploads/2024/08/hero-meet-bif.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}

@media screen and (max-width:430px) {
	.hero.meet-bif .x-bg-layer-lower-image {
		background-image: url(https://bifward.catalyzingcomm.com/wp-content/uploads/2024/08/meet-bif-hero.jpg) !important;
	}
	.hero.meet-bif .x-bg-layer-upper-image {
		background-image: url(https://bifward.catalyzingcomm.com/wp-content/uploads/2024/08/hero-meet-bif.png) !important;
		background-repeat: no-repeat !important;
		background-position: 50% 90% !important;
		background-size: 40% !important;
	}
}
@media screen and (min-width:480px) {
	.hero.meet-bif .x-bg-layer-upper-image {
		display:none;
	}
}

/* #Footer
================================================== */

footer { font-size:.8em; }

.copyright { color:#999999 !important; }

footer a { color:var(--color-second); }
footer a:hover { color:var(--color-quart); }

footer span.middot { padding:0em .5em 0em .5em; }

.social { font-size:.7em !important; }
.social a { color:#9e9f9f; }


 /* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip { position: absolute !important; left: -40px !important; top: 0 !important; width: 44px !important; height: 38px !important; padding: 0 !important; background: url("_img/contact-form-error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; }
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }

select.wpcf7-form-control { max-width:300px; }

input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}


.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #808285;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-weight: 400;
    color: #808285;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #808285;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-weight: 400;
    color: #808285;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}




 /* #Misc
================================================== */

a.x-image img {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}

.nowrap { white-space:nowrap; }

.upper { text-transform:uppercase; }



.x-btn, .button, .btn-primary, .more-link, .entry-content input[type="submit"], .x-btn-orange {
	font-family: "acumin-pro", sans-serif !important;
	font-weight: 500;
	color: rgba(172, 138, 63, 1) !important;
	display: inline-block !important;
	font-size: 1em !important;
	letter-spacing:.07em !important;
	margin:1em 1em 1em 1em;
	padding: 0.813em 1em 0.813em !important;
	border-radius:0px !important;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    white-space:nowrap;
    border:1px solid var(--color-quart) !important;
}
.x-btn:hover, .button:hover, .btn-primary:hover, .more-link:hover, .entry-content input[type="submit"]:hover, .x-btn-orange {
	color: #fff !important;
}

.entry-content .search_submit_box input[type="submit"],
.entry-content .wpl-contact-listing-btn input[type="submit"] {
	color: rgba(255, 255, 255, 1) !important;
	font-size: 1em !important;
	letter-spacing:0em !important;
	margin:0em 0em 0em 0em !important;
	padding: 0.513em 2em 0.513em !important;
	border-radius:0px !important;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    white-space:nowrap;
    border:1px solid var(--color-quart) !important;
}



.x-btn.white {
	color:#fff !important;
	border: 1px solid #fff !important;
	background-color:transparent !important;
	text-decoration:none;
}
.x-btn.white:hover {
	color:#fff !important;
	border: 1px solid #fff !important;
	background-color:#ac8a3f !important;
}

.x-btn.white-bg {
	margin:0em 2em 0em 0em !important;
	color:var(--color-quart) !important;
	border: 1px solid #ac8a3f !important;
	background-color:#fff !important;
	text-decoration:none;
}
.x-btn.white-bg:hover {
	color:#fff !important;
	border: 1px solid #ac8a3f !important;
	background-color:#ac8a3f !important;
}

.entry-wrap {
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.135);
    background-color: transparent;
}

.x-main ul li {
	margin-bottom:.8em;
	line-height:normal;
}

.video-bg {
	height: 400px; /* height: 60vh; */
}
	@media (max-width: 430px) {
		.video-bg { height: 85vh; }
	}


.counter-block {
	width:120px;
	margin:0em auto;
	font-size:2em !important;
	font-weight:600 !important;
	padding:1em 0em;
	background-color:#fff;
	border:1px solid #ac8a3f;
}


.testes .fa-quote-left {
	font-size:2.5em;
	color:#b2b2b2;
}

.x-text-content-text-subheadline { display:none; }

.two-box {
	min-height:400px;
}
	@media (max-width: 430px) {
		.photo-bg {
			min-height:350px;
		}
	}


.article-lists {
	text-align:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:start;
	align-content:flex-start;
	gap: .5em .5em;
}

.article-lists h4 {
	margin:1em 0em 0.7em 0em;
	font-size:1.5em !important;
}

.article-lists .items {
	text-align:center;
	width:24%; /* width:24.5%; */
	margin-bottom:1.2em;
}
.article-lists .items img { 
	width:90% !important;
	padding:0.5em;
	border:1px solid #e3e3e3;
}
.article-lists .items a { text-decoration:none; }
	
	@media only screen and (max-width:480px) {
		.article-lists { }
		.article-lists .items {
			font-size:1em !important;
			width:95%;
		}
	}
	
.x-counter-number-wrap {
	font-weight: 400 !important;
}


.buckethead { 
	height:250px;
}

.buckethead a {
	font-size:1em;
	color:#fff !important;
	text-decoration:none;
	display:inline-block;
}
.buckethead a:hover {  }
	@media (max-width: 450px) {
		
	}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left:-15px;
	line-height:normal !important;
}
.row:before, .row:after {
	display: inline-block;
}
.p-5 {
	padding:2rem !important
}
.col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
	max-width:33%;
	margin-bottom:.5em;
}
.col-sm-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
	max-width:33%;
}

	@media only screen and (max-width:480px) {
		.col-md-4 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width:100%;
		}
		.col-sm-6 {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width:100%;
		}
	}