/*
Theme Name: Bridge
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: Creative Multipurpose WordPress Theme
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Qode Interactive
Author URI: http://qodethemes.com/
Text Domain: bridge
Version: 21.2
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/



.header_top {
	padding-top: 7px !important;
	padding-right:50px;
}



/*.widget widget_recent_entries posts_holder {
	margin: 160px 0 0 0 !important;
}*/

.widget {
	margin-bottom:20px;
	margin-top:20px;
}

footer .column1 {
	position: relative;
	top: 0px;
}

footer .column2 {
	position: relative;
	top: 20px;
}

footer .column3 {
	position: relative;
	top: 20px;
}

.footer_top .three_columns .column2 .column_inner>div {
    margin: 0;
    border-left: 1px solid #ffffff;
    padding-left: 25px;
    padding-right: 4px;
}

.footer_top .three_columns .column3 .column_inner>div {
    margin: 0;
    border-left: 1px solid #ffffff;
    padding-left: 25px;
}

/*adds and hides button if removed*/
@media only screen and (max-width: 768px) {
  .header_bottom_right_widget_holder {    
    display: table-cell !important;
  }
}


@media only screen and (max-width: 1000px) {
	.logo_wrapper {
		position:static;
		float:left;
		width:80px;
	}

	.q_logo a {
		position:static;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	header .q_logo img.mobile {
		width:64px !important;
		height:auto !important;
	}
}

.mobile_menu_button span { 
	font-size: 30px;
    color: #5b544c;
}


@media screen and (max-width: 600px) {
	.header_top {
		display: none !important;
	}
}

@media screen and (max-width: 1000px) {
  .header_top {
    display: none !important;
  }
}

/*Fixes ipad landscape logo and menu*/
@media (min-width: 1001px) and (max-width: 1159px) {
    .q_logo a {
        height: 50px !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	nav.main_menu>ul>li>a{
		padding: 0 12px;
		font-size: 12px;
		letter-spacing: 0px;
	}

	/* newsletter signup in footer styling*/
	.yikes-easy-mc-submit-button{
		 width:30% !important;
		 background-color: #B4543A !important;
	}

	.yikes-easy-mc-submit-button .easy-orange-background { 
		background-color: #B4543A;
	}

	.yikes-easy-mc-submit-button-span-text .easy-font-size { 
		font-size: 2em;
	}
}

.carousel-inner .slider_content .text .qbutton {
    width:auto !important;
}


/* New Custom CSS 2022 */

:root {
	--color-brown: #5a4439;
	--color-green: #9fa845;
	--color-red: #b4543a;
	--color-red-hover: #c25c41;
}

.color-white, .color-white > * { color:#fff !important; }

::selection {
  color: #fff;
  background: var(--color-green);
}

body, p {
	font-size:16px;
	line-height:1.6;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
h1 >*, h2>*, h3>*, h4>*, h5>*, h6>* {
	font-family: 'Work Sans', sans-serif !important;
	font-weight:800 !important;
	text-transform:uppercase !important;
	color: var(--color-brown);
}

h1 >*, h2>*, h3>*, h4>*, h5>*, h6>* {
	font-size:inherit !important;
}

h1,.h1 { font-size:42px; }
h2,.h2 { font-size:32px; }
h3,.h3 { font-size:28px; }
h4,.h4 { font-size:24px; }
h5,.h5 { font-size:20px; }
h6,.h6 { font-size:16px; }

/* Utility */

.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.hidden { display:none; }
.clear { clear: both; }
.center { text-align: center; }
.align-left { text-align: left; }
.relative { position: relative; }
.overflow-hidden { overflow: hidden; }
.width-100 { width: 100%; }
.drop-shadow { filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.20)); }

.ratio-height {
    position: relative;
}

.ratio-height:before {
    content: '';
    display: block;
}

.ratio-height.ratio-50:before {
    padding-top: 50%;
}

.ratio-height.ratio-100:before {
    padding-top: 100%;
}

.ratio-height > .ratio-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:1;
}

img.block {
    display: block;
    width: 100%;
}

img.object-fit-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-contain {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.btn {
	font-size:16px;
	font-family: 'Work Sans', sans-serif;
	font-weight:800;
    border-radius: 6px;
    padding: 0 22px;
	height: 52px;
    display: inline-block;
    line-height: 1;
	border:none;
	cursor:pointer;
    color: #fff !important;
    background: var(--color-red);
    white-space: nowrap;
	text-transform:uppercase;
	letter-spacing:0.05em;
	transition:all 0.15s ease !important;
}

a.btn {
    line-height: 54px;
}

.btn:hover {
	background: var(--color-red-hover);
}

.hero .btn:hover {
	transform:translateY(-3px);
}

.ow-button-base span {
	font-size:16px;
	font-family: 'Work Sans', sans-serif;
	font-weight:800;
	letter-spacing:0.05em;
}

/* Home Message */
.home-message {
	background: var(--color-red);
	padding:60px 0;
}

.home-message .text {
	max-width:1000px;
	margin:0 auto;
}

.home-message .text h2 {
	margin:0;
	letter-spacing:0.05rem;
}

.home-message .text p {
	margin:1rem 0 0 0;
	letter-spacing:0.05rem;
}

/* Hero */

.home-heros {
	background:#000;
}

.home-heros .owl-nav { display:none; }

.home-heros .owl-dots {
	position:absolute;
	width:100%;
	z-index:10;
	left:0;
	bottom:20px;
	margin: 0;
}

.home-heros.qode-owl-slider .owl-dots .owl-dot span {
	background-color: #fff;
	border-color: #fff;
	opacity:0.3;
	transition: color 0.28s ease opacity 0.28s ease;
}

.home-heros.qode-owl-slider .owl-dots .owl-dot:hover span {
	opacity:1;
	background-color: #fff;
	border-color: #fff;
}

.home-heros.qode-owl-slider .owl-dots .owl-dot.active span {
	background-color: var(--color-red);
	border-color: var(--color-red);
	opacity:1;
}

@media(min-width:960px) {
	
	.home-heros.qode-owl-slider .owl-dots .owl-dot span {
		width:16px;
		height:16px;
	}
	
	.home-heros .owl-dots {
		bottom:30px;
	}
}

.hero:before {
	padding-top:126%;
}

@media(min-width:768px) {
	.hero:before {
		padding-top:56.25%;
	}
	
	.hero .btn {
		font-size:18px;
		height:70px;
		padding: 0 34px;
		border-radius:10px;
	}
	
	.hero a.btn {
	    line-height: 72px;
	}
}

.hero .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:0;
}

.hero .background:before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	top:30%;
	right:0;
	bottom:0;
	left:0;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
}

.hero .background:after {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	top:0%;
	right:0;
	bottom:0;
	left:0;
	background: #000;
	opacity:0.15;
}

.hero > .ratio-inner {
	display:flex;
	align-items:center;
	z-index:2;
}

.hero > .ratio-inner .text {
	width:100%;
}

.hero .h1 {
	line-height:1;
}

.hero p {
	color:#fff;
}

.hero .copy {
	max-width:800px;
	margin:20px auto 0;
}

.hero .buttons {
	margin-top:32px;
}

.hero .container {
	background:transparent;
	padding:0 20px;
	box-sizing:border-box;
}

nav.mobile_menu ul li span.mobile_arrow i {
	color:#fff;
}

nav.mobile_menu {
	background:transparent;
}

nav.mobile_menu ul li, nav.mobile_menu ul li ul li {
     border-bottom: none;
}

nav.mobile_menu ul li.open_sub>ul {
    border-top: none;
}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
	color: #fff;
	font-weight:600;
}

nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a {
    color: var(--color-green);
}

.mobile_menu_button span {
	color: var(--color-green);
}

nav.main_menu > ul > li > a {
	letter-spacing:0.05em;
}

.header_bottom, header.fixed.scrolled .header_bottom {
    background-color: rgba(90,68,57,1) !important;
}

.home-container {
	padding:0 20px;
}

.home-fresh {
	margin:50px 0;
}

.home-fresh h2 {
	line-height:1;
}

.home-touts {
	margin:40px 0;
}

@media(min-width:1001px) {
	.home-fresh {
		margin:80px 0;
	}
	
	.home-touts {
		margin:60px 0;
	}
}

.home-touts .tout {
	position:relative;
	max-width:350px;
	text-align:center;
}

.home-touts .tout img {
	display:block;
	width:100%;
}

.home-touts .tout .tout-title {
	margin:20px 0 10px;
	line-height:1;
}

.home-touts .tout .buttons {
	margin-top:20px;
}

@media(min-width:1001px) {
	
	body, p {
		font-size:18px;
	}
	
	h1,.h1 { font-size:50px; }
	h2,.h2 { font-size:48px; }
	h3,.h3 { font-size:32px; }
	h4,.h4 { font-size:28px; }
	h5,.h5 { font-size:22px; }
	h6,.h6 { font-size:18px; }
	
	.page-template-home header.fixed:not(.scrolled) .header_bottom {
	    background-color: rgba(90,68,57,0.7) !important;
	}
	
	.q_logo img {
		top:0;
		transform:translateY(-50%);
	}
	
	.home-container {
		padding:0 45px;
	}
	
	.home-touts {
		display:flex;
		gap:30px;
		justify-content:center;
	}
	
	.home-touts .tout {
		flex:0 0 33.33%;
		padding-bottom:80px;
	}
	
	.home-touts .tout .buttons {
		position:absolute;
		left:0;
		right:0;
		bottom:0;
	}
}

@media(min-width:1200px) {
	h1,.h1 { font-size:70px; }
	h2,.h2 { font-size:48px; }
	h3,.h3 { font-size:32px; }
	h4,.h4 { font-size:28px; }
	h5,.h5 { font-size:22px; }
	h6,.h6 { font-size:18px; }
}

@media(max-width:640px) {
	.content .container .container_inner.page_container_inner, .full_page_container_inner {
		width:auto;
		padding-left:20px;
		padding-right:20px;
	}
	
	.header_bottom {
		padding:0 20px;
	}
	
	.hero p {
		font-size:16px;
		line-height:1.5;
	}
}

.footer_top_holder, .footer_bottom_holder, #lang_sel_footer {
	background:var(--color-brown);
}

.drop_down .second .inner>ul, li.narrow .second .inner ul {
	background-color:var(--color-brown);
	border-color:var(--color-brown);
}


.q_logo img.normal, .q_logo img.light {
	max-height:80px;
/*	transition:height 0.28s ease;*/
}


/*.q_logo img.normal, .q_logo img.light {
	width:300px !important;
	height:auto !important;
	transition:width 0.28s ease;
}*/

/*.scroll_header_top_area.scrolled .q_logo img.normal,
.scroll_header_top_area.scrolled .q_logo img.light {
	height:40px !important;
}*/

.header_bottom_right_widget_holder {
    padding: 0 0 0 17px;
}

.footer-logo {
	display:block;
	max-width:300px;
	margin-top:22px;
}

.footer_top .separator { display:none; }

.footer_top .three_columns .column2 .column_inner>div,
.footer_top .three_columns .column3 .column_inner>div {
	border:none;
}

.footer_top h5 {
	font-size:22px;
	color:#fff;
	margin:0 0 0.75rem 0;
}

.footer_top p {
	font-size:16px;
	line-height:1.5;
	margin-bottom:1rem;
}

.footer_top .three_columns>.column1 p {
	line-height:2;
}

.footer_top .three_columns>.column1 h5 {
	margin:0 0 0.5rem 0;
}

.footer_top .container_inner {
	width:auto;
	padding:0 20px;
	max-width:1490px;
}

.footer_top .three_columns>.column1, 
.footer_top .three_columns>.column2, 
.footer_top .three_columns>.column3 {
	float:none;
	max-width:500px;
	width:auto;
	box-sizing:border-box;
}

.footer_top strong {
	font-weight:600;
}

.footer_top a {
	color:#fff;
}

.footer_top a:not(.btn):hover {
	text-decoration:underline;
}

.footer_top .widget #searchform {
	border-color:#fff;
	border-radius:6px;
	
}

.footer_top .widget #searchform > div {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:58px;
}

.footer_top .widget #searchform input[type="text"],
.footer_top .widget #searchform input[type=submit] {
	padding:10px 20px;
	box-sizing:border-box;
}

.footer_top .widget #searchform input[type="text"] {
	flex-grow:1;
	width:auto !important;
}

.footer_top .widget #searchform input[type=submit] {
	color:#fff;
	font-size:20px;
	width:auto;
	line-height:1;
	text-align:center;
	float:none;
}

.footer_top .widget #searchform input[type="text"],
.footer_top .widget #searchform input[type="text"]::placeholder {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	font-family: 'Work Sans', sans-serif;
	letter-spacing:0.05em;
	font-size:1em;
}

.footer_top .social-links {
	display:flex;
	gap:20px;
}

.footer_top .social-links, .footer-subscribe {
	margin:20px 0;
}

.footer_bottom {
	padding-bottom:20px;
}

.footer_bottom p {
	color:#fff;
	padding:0 20px;
	line-height:1.3;
}

@media(min-width:1001px) {
	
	.footer_top .container_inner {
		padding:0 45px;
	}
	
	
	.footer_top .three_columns {
		display:flex;
		justify-content:space-between;
/*		gap:40px;*/
/*		align-items:flex-start;*/
	}
	
	.footer_top .three_columns>.column1,
	.footer_top .three_columns>.column2,
	.footer_top .three_columns>.column3 {
		max-width:350px;
		flex:1 1 33.33%;
	}

	.footer_top .three_columns>.column1 {
		margin-right:auto;
	}

	.footer_top .three_columns>.column3 {
		margin-left:auto;
	}
}

@media(max-width:1000px) {
	
	.footer-logo {
		margin:0 0 2rem 0;
	}
	
	.footer_top .three_columns .column2 .column_inner>div,
	.footer_top .three_columns .column3 .column_inner>div {
		padding:0;
	}
	
	.footer_top .three_columns>.column1,
	.footer_top .three_columns>.column2,
	.footer_top .three_columns>.column3 {
		margin-bottom:40px;
	}
	
	.home-touts .tout {
		margin:0 auto 60px;
	}
}