/*
  Override CSS
*/

:root {
	--dark: #222222;
	--dark-hover: #3b3a3a;
	--brown: #898080;
	--brown-hover: #9d9090;
	--light-brown: #FCF0E7;
	--light-brown-hover: #ddd0c7;
	--gray: #e6e6e6;
	--gray-dark: #dadada;
	--white: #FFFFFF;
}


.btn-cta {
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 19px;
    text-transform: uppercase;
	padding: 11px 34px;
	display: inline-block;
	transition: all 0.2s ease;
	color: white;
}

/* Btn Nav */
.btn-cta-nav span {
	display: block;
	padding: 14px 23px 14px;
	background: var( --brown );
	color: var( --white );
	border-radius: 2px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
	transition: all 0.2s ease;
}

.btn-cta-nav span:hover {
	background: var( --brown-hover );
}

/* Brown */
.btn-brown {
	background: var( --brown ) !important;
	color: var( --white ) !important;
}

.btn-brown:hover {
	background: var( --brown-hover ) !important;
}


/* Brown Outline */
.btn-brown-outline {
	border: 1px solid var( --brown );
	background: var( --white );
	color: var( --brown );
}

.btn-brown-outline:hover {
	background: var( --brown );
	color: var( --white );
}


/* Medium */
.btn-medium {
	font-size: 17px;
	padding: 7px 34px;
}


/* Newsletter */
.btn-newsletter {
	border: 0;
	padding: 9px 18px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .5px;
	transition: all 0.2s ease;
	cursor: pointer;
}


/* Mobile Menu Button */
.nav-cta a {
	font-size: 14px;
	padding: 6px 13px;
	border-radius: 2px;
	text-transform: uppercase;
}


.txt-white {
	color: #ffffff;
}

/*<editor-fold desc="Margin">*/
/* Margin */
.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}
/*</editor-fold>*/

/* Padding */
.padding-bottom-0 {
	padding-bottom: 0 !important;
}


.lock-scroll {
	overflow: hidden;
}

.d-flex {
	display: flex;
}

.flex-align-center {
	display: flex;
	align-items: center;
}

.hide {
	display: none !important;
}


b, strong {
	font-weight: normal !important;
	font-family: "Jost Medium", "Jost",Helvetica,Arial,Lucida,sans-serif;
}


/* --------- DESKTOP --------- */
@media only screen and (min-width: 981px){
	.desktop-hide {
		display: none !important;
	}
	
	.v-align {
		display: flex;
		align-items: center;
	}
	
}


/* ---------- TABLET ---------- */
@media only screen and (min-width: 768px) and (max-width: 980px){

	.btn-cta {
		font-size: 17px;
		padding: 9px 27px;
	}

	.tablet-hide {
		display: none !important;
	}

	/* Tablet row 33 */
	.tablet-row-33 .et_pb_column {
		width: 29.6667%;
		margin-right: 5.5%;
	}

	.tablet-row-33 .et_pb_column:last-child {
		margin-right: 0;
	}

	/* Tablet row 50 */
	.tablet-row-50 .et_pb_column {
		width: 47.25%;
		margin-right: 5.5%;
	}

	.tablet-row-50 .et_pb_column:last-child {
		margin-right: 0;
	}

	.tablet-margin-bottom-50 {
		margin-bottom: 50px;
	}
	
}

/* ---------- TABLET AND MOBILE ---------- */
@media only screen and (max-width: 980px) {
	.responsive-switch-order {
		display: flex;
		flex-direction: column;
	}

	.responsive-switch-order .et_pb_column:first-child{
		order: 2;
	}

	.responsive-switch-order .et_pb_column:last-child{
		order: 1;
		margin-bottom: 30px;
	}
}

/* --------- MOBILE --------- */
@media only screen and (max-width: 768px){

	.btn-cta {
		font-size: 17px;
		padding: 9px 27px;
	}


	.mobile-hide {
		display: none !important;
	}
	
	.mobile-txt-no-wrap {
		white-space: nowrap;
	}

	.mobile-margin-bottom-50 {
		margin-bottom: 50px;
	}
}

