/*
 Theme Name:   Interactive
 Template:     Divi
*/

/*** Default ***/

@media(min-width:980px){
	.int-body-builder,
	#int-home-builder {
		padding: 0 !important;
	}
	.int_inner_hero {
		padding-top: 0 !important;
	}
}
.int-body-builder {
	max-width: 100% !important;
	width: 100% !important;
}

/*** Navigation ***/

@media(min-width:980px){
	.et_fixed_nav #et-top-navigation {
		padding-left: 290px !important;
	}
}
#int-upper-navigation {
	float: right;
	clear: right;
	display: block;
	z-index: 99;
	position: relative;
	margin-top: 1em;
}
#int-upper-navigation a.int-white-btn {
	transition: all ease-in-out 0.3s;
	line-height: 1.7em !important;
	background-color: transparent;
	padding: .1em 1em !important;
	display: inline-block;
	border-radius: 3px;
	font-weight: bold;
	border: 2px solid;
	font-size: 20px;
	color: #FFF;
	opacity: 1;
}
#int-upper-navigation a.int-white-btn:hover {
	transition: all ease-in-out 0.3s;
	background-color: #FFF;
	border-color: #FFF;
	color: #C23B3B !important;
	opacity: 1;
}
#et-top-navigation {
	clear: right;
}

/*** Layout ***/

.int-hero-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 2em 0;
}
.int-hero-column .et_pb_module {
	max-width: 1080px;
	width: 80%;
}
.int-hero-column h1.main-title {
	font-size: 5rem;
}
.int-hero-column h1.main-title span {
	color: #C23B3B;
}
.callout-title {
	font-size: 3.5rem;
}
.et_pb_column_1_4 h2.callout-title {
	font-size: 2rem;
}
.int-badges {
	max-height: 100px;
	margin: 5px;
}
#main-footer {
	padding: 5em 0;
}
.five-star-container {
	display: block;
	margin: 0 auto 1em;
}
.int-icon-star {
	position: relative;
	display: inline-block;
}
.int-icon-star::after {
	content: '\e033';
	font-family: 'ETmodules' !important;
	color: gold;
	font-size: 3rem;
}
.x-large-title {
	font-size: 38px !important;
}
@media(max-width:981px){
	.int-icon-star::after {
		font-size: 2rem;
	}
	.x-large-title {
		font-size: 32px !important;
	}
}
@media(max-width:768px){
	.int-icon-star::after {
		font-size: 1.5rem;
	}
	.x-large-title {
		font-size: 28px !important;
	}
}

.int-results-title {
	color: #c23b3b;
	font-weight: bold;
	text-shadow: none;
}
.int-results-amount {
	font-size: 36px;
	font-weight: bold;
	margin: 25px 0 0;
	text-shadow: none;
	color: #000;
}
.ssa-badges {
	max-height: 125px;
	margin: 0 10px 10px;
}


/*** Mobile ***/

#int_shiftnav_logo {
	max-height: 40px;
	position: relative;
	top: -12px;
}
#shiftnav-menu-image-shiftnav-main img {
	margin: 0 auto;
	display: block;
}
@media(max-width:1680px){
	.int-hero-column h1.main-title { font-size: 4rem; }
}
@media(max-width:1580px){
	.callout-title { font-size: 2.5rem; }
}
@media(max-width:1480px){
	#top-menu li a { font-size: 14px !important; }
}
@media(max-width:1280px){
	.int-hero-column h1.main-title { font-size: 3rem; }
	#top-menu li a { font-size: 12px !important; }
	.int_inner_hero .et_pb_row .et_pb_column_3_5 { padding-top: 5rem; }
	.int_inner_hero .et_pb_row .et_pb_column_3_5 .et_pb_module { margin-bottom: 0 !important; }
}
@media(max-width:1180px){
	#top-menu li { padding-right: 10px !important; }
}
@media(max-width:1080px){
	.int-hero-column h1.main-title { font-size: 2.5rem; }
	.int-callout-btn { display: none !important; }
}
@media(max-width:981px){
	.int-hero .et_pb_row_0.et_pb_row,
	.int-hero .et_pb_divider_0.et_pb_module,
	.int-hero .et_pb_blurb_0.et_pb_blurb.et_pb_module {
		margin: 0 auto !important;
		display: block;
	}
	.int-hero .et_pb_text {
		text-align: center;
	}
	.int-hero .et_pb_button_module_wrapper > a {
		display: block;
		text-align: center;
		cursor: pointer;
	}
}