/*
  Override CSS
*/

:root {
	--dark: #101820;
	--dark-hover: #232d33;
	--gray: #545454;
	--gray-hover: #404040;
	--light-gray: #F5F7F6;
	--white: #FFFFFF;
	--barely-pink: #DBCDD3;
	--dark-red: #9D2235;
	--dark-red-hover: #6e1424;
	--red: #BA0C2F;
	--light-red: #D50032;
}

.btn,
.btn-cta {
	border-radius: 1px;
	font-size: 21px;
	line-height: 28px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 8px 35px;
	display: inline-block;
	transition: all 0.25s ease;
	cursor: pointer;
}


.btn-header {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 9px 27px;
}

.btn-lg {
	font-size: 23px;
	padding: 12px 45px;
	letter-spacing: 2px;
}

.btn-newsletter {
	border: 0;
	padding: 9px 18px;
	font-size: 15px;
	border-radius: 0;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.2s ease;
	cursor: pointer;
}

.btn-newsletter:hover {
	opacity: .9;
}




/* Dark */
.btn-dark,
.btn-primary {
	background-color: var(--dark);
	color: var(--white);
}

.btn-dark:hover,
.btn-primary:hover {
	background-color: var(--dark-hover);
}

/* Gray */
.btn-gray {
	background-color: var(--gray);
	color: var(--white);
}

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

/* DarkRed */
.btn-dark-red {
	background-color: var(--dark-red) !important;
	color: var(--white) !important;
}

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

/* Upsell btn */
.cu-add-btn {
	font-size: 13px;
	padding: 8px 20px;
	font-weight: 600;
	border: none;
	letter-spacing: .5px;
	border-radius: 4px;
}



.txt-bebas-400 {
	font-family: 'Bebas Neue 400',Helvetica,Arial,Lucida,sans-serif;
}

.txt-white {
	color: #ffffff;
}

.txt-red {
	color: var( --red )
}

.txt-dark-red {
	color: var( --dark-red )
}


/*<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>*/

/*<editor-fold desc="Padding">*/
/* Padding */
.padding-bottom-0 {
	padding-bottom: 0;
}
/*</editor-fold>*/


h6 {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
	margin-top: 15px !important;
	font-size: 12px !important;
	line-height: 19px !important;
}

.lock-scroll {
	overflow: hidden;
}

.txt-no-wrap {
	white-space: nowrap;
}

.hidden {
	display: none !important;
}

/* --------- DESKTOP --------- */
@media only screen and (min-width: 981px){
	.desktop-hide {
		display: none !important;
	}
	
	.v-align {
		display: flex;
		align-items: center;
	}
	
	.desktop-padding-horizontal-45 {
		padding-left: 45px;
		padding-right: 45px;
	}
}


/* ---------- TABLET ---------- */
@media only screen and (min-width: 768px) and (max-width: 980px){

	.tablet-hide {
		display: none !important;
	}

	.tablet-width-100 {
		width: 100% !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) {
	/*<editor-fold desc="Responsive Switch Order">*/
	.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;
	}
	/*</editor-fold>*/
}

/* --------- MOBILE --------- */
@media only screen and (max-width: 768px){
	.mobile-width-100 {
		width: 100% !important;
	}

	.mobile-hide {
		display: none !important;
	}
	
	.mobile-txt-no-wrap {
		white-space: nowrap;
	}
}