/* COLORS


*/
/* COMMON SPIFF ELEMENTS */
.further_reading_panel {
	padding: 20px 35px;
	border-bottom: 2px solid #f2f2f2;
	background-color: #fff;
}
.further_reading_panel:last-of-type {
	border-bottom: none;
	margin-bottom: 40px;
}
.further_reading_panel:first-of-type {
    padding-top: 0;
}
.further_reading_panel h2 {
	margin-bottom: 10px;
    font-family: RobotoBold;
    font-size: 18px;
}
.orange-spiff-button {
	border: solid 2px #EE7623;
	border-radius: 0;
	font-family: 'RobotoCondensedBold';
	text-transform: uppercase;
	color: #EE7623;
	padding: 14px 33px;
	min-width: 146px;
}
.orange-spiff-button:hover {
	color: #fff;
	background-color: #EE7623;
	border-color: #EE7623;
}
.ellipsis-2-rows {
	display: -webkit-box;
	max-height: 2.8em;
	margin: 0 auto;
	line-height: 1.4em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* HOME FEATURE SPIFF */
.feature_spiff {
	position: relative;
	padding: 10px;
	width: 100%;
	height: 0;
	padding-bottom: 86%;
	background-size: cover;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.feature_spiff div {
	display: inline-block;
	position: absolute;
	width: 350px;
	bottom: 5%;
	left: 3.75%;
}
.feature_spiff h6,
.feature_spiff h1,
.feature_spiff p {
	color: #fff;
	margin-bottom: 15px;
}
.feature_spiff h1 {
	line-height: 1.3;
}
.feature_spiff p {
	padding-right: 35px;
}
.feature_spiff a:hover {
	text-decoration: none;
}
.feature_spiff a.btn {
	background-color: #EE7623;
	border: none;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	font-family: 'RobotoCondensedBold';
	padding: 15px 35px;
	margin-top: 2%;
}
.feature_spiff a.btn:hover {
	background-color: #C7611A;
}

.card_details .btn.btn-solid {
    border: none;
    border-radius: 0;
    font-family: RobotoCondensedBold;
    background-color: #00000077;
}


/* LEARN MORE SPIFF */
#learn-more {
	padding: 72px;
}
.learn_more_spiff .left_learn_more {
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
    margin-right: 1.8%;
}
.learn_more_spiff .right_learn_more {
	float: right;
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
}
.learn_more_spiff .further_reading_panel {
	padding-top: 35px;
	padding-bottom: 35px;
}


/* CARD SPIFFS */
#top-card {
	margin-bottom: 8%;
}
.card_spiff {
	text-align: center;
	padding: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.card_spiff a {
	text-decoration: none;
}
.learn_more_spiff .card_spiff h1 {
	padding: 0 10%;
}
.card_spiff .spiff_content {
	position: relative;
    height: 0;
	padding: 35px;
	padding-bottom: 55%;
}
.learn_more_spiff .card_spiff .spiff_content {
	padding-bottom: 46%;
}
.card_spiff .card_image {
	display: inline-block;
	width: 100%;
}
.card_spiff .card_details {
	display: inline-block;
	width: 100%;
}
.card_spiff .spiff_section_name {
	margin: 15px 0;
	margin: 11px 0;
}
.card_spiff .spiff_section_name span {
	/* color: #fff; */
	padding: 10px 20px;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
        margin-bottom: 15px !important;
        font-family: 'RobotoCondensedBold';
}
.card_spiff.left-aligned .spiff_section_name span {
    padding: 0;
}

.card_spiff img {
	max-width: 116px;
	border-radius: 100px;
}
.card_spiff .card_icon {
	width: 116px;
	height: 116px;
	border-radius: 60px;
	margin: 0 auto;
	position: relative;
}
.card_spiff .card_icon svg {
	top: 50%;
	left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
}

/* EXPANDED LEARN MORE SPIFFS */
.module_mobile_header {
	display: none;
	text-align: center;
	font-family: 'RobotoCondensedBold';
}
.module_mobile_header span {
	display: inline-block;
	padding: 12px 35px;
	text-transform: uppercase;
}
.expanded_learn_more_spiff {
	padding: 4% 3% 0;
    padding-bottom: 65px;
}
.expanded_learn_more_spiff .left_panel,
.expanded_learn_more_spiff .right_panel {
	display: inline-block;
}
.expanded_learn_more_spiff .left_panel {
	width: 490px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
}
.expanded_learn_more_spiff .right_panel {
	width: calc(96% - 490px);
	float: right;
}
.expanded_learn_more_spiff .right_panel .top {
	margin-bottom: 60px;
}
.expanded_learn_more_spiff .card_spiff {
	background: none;
	text-align: left;
}
.expanded_learn_more_spiff .card_spiff img {
	float: left;
	border-radius: 0;
}
.further_reading_section {
	width: 100%;
	background-color: #fff;
}
#further_reading_mobile_header {
	text-align: center;
	font-family: 'RobotoCondensedBold';
	text-transform: uppercase;
}
#further_reading_mobile_header span {
	display: none;
	padding: 12px 35px;
}
h6.further_reading_header {
    font-family: RobotoCondensedBold;
    font-size: 14px;
    text-transform: uppercase;
	color: #fff;
	padding: 32px 32px 32px 46px;
}
.further_reading_inner {
	/* padding: 20px 50px 50px 0px; */
    margin: 33px 50px 50px 46px;
    /* margin-left: 46px; */
    border-left: 2px solid #f2f2f2;
}
.further_reading_inner>a {
	margin-left: 35px;
}

.minifeature {
	background-color: #fff;
	max-width: 490px;
}
.minifeature img {
	width: 100%;
}
.minifeature_details {
	padding: 10%;
	min-height: 322px;
}
.minifeature_details h2 {
	margin-bottom: 5%;
}
.minifeature_details p {
	margin-bottom: 7%;
	line-height: 1.5;
}

/* MODULE SPIFFS */
.module_spiff {
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.module_spiff .left_content {
	display: inline-block;
	width: 42%;
}
.module_spiff .left_content .left-icon {
	padding: 12px;
}
.module_spiff .left_content .border-icon {
	padding-bottom: 16%;
}
.module_spiff .left_content .left-icon span {
	display: inline-block;
	padding: 5px 15px;
	font-family: 'RobotoCondensedBold';
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 15%;
}
.module_spiff .right_content {
	display: inline-block;
	vertical-align: top;
	width: 57%;
	padding: 6%;
	padding-bottom: 2%;
}
.module_spiff .right_content h3 {
	font-size: 18px;
	color: #505C9B;
	margin-bottom: 16px;
}
.module_spiff .right_content p {
	display: block;
	display: -webkit-box;
	height: 5.6em;
	margin: 0 auto 8px;
	line-height: 1.4em;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.module_spiff img {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
}
.module-icon {
	width: 120px;
    height: 120px;
    border-radius: 100px;
	margin: 0 auto;
	vertical-align: middle;
}
.border-icon .primary-outline,
.border-icon .outline-icon {
	margin: 0 auto;
	border-radius: 100px;
	width: 150px;
	height: 150px;
	padding-top: 3.6%;
}
.module-icon .svg-icon {
    margin-top: 50%;
    margin-left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

@media only screen and (max-width: 1440px) {
	/* LEARN MORE SPIFF */
	#learn-more {
		padding: 4.9%;
	}
	.learn_more_spiff .further_reading_panel {
		padding: 5.5%;
	}
	.learn_more_spiff .card_spiff .spiff_content {
		padding: 6% 5% 46%;
		min-height: 22vw;
	}


	/* CARD SPIFFS */
	.card_spiff,
	.card_spiff .spiff_section_name {
		font-size: 0.7vw;
	}
	.card_spiff {
		padding: 1em;
	}
	.card_spiff .spiff_section_name span {
		padding: 1.9% 20px;
	}
	#home_hero_spiffs .card_spiff .spiff_content {
		padding: 2.5em 3.5em 57.5%;
	}
	.card_spiff img {
		width: 11.6em;
		min-width: 108px;
	}
	.card_spiff .card_icon {
		width: 11.6em;
		height: 11.6em;
	}
	.card_spiff h1 {
		font-size: 3.6em;
		line-height: 1;
	}

	/* MODULE SPIFF */
	.border-icon .primary-outline {
		width: 10.4vw;
		height: 10.4vw;
	}
	.module-icon {
		width: 8.5vw;
		height: 8.5vw;
	}
}


@media only screen and (max-width: 1300px) {
	/* EXPANDED LEARN MORE SPIFFS */
	.further_reading_panel {
		padding: 4.5%;
	}
	.expanded_learn_more_spiff .left_panel {
		width: 41%;
	}
	.module_spiff .right_content {
		padding: 4.5% 3.5% 1%;
	}
	.expanded_learn_more_spiff .right_panel {
		width: 55%;
	}
	.further_reading_inner>a {
		margin-left: 4.5%;
	}
	.expanded_learn_more_spiff .right_panel .top {
		margin-bottom: 8%;
	}
}


@media only screen and (max-width: 1250px) {
	.module_spiff .right_content {
		padding: 3% 3% 1%;
	}
	.learn_more_spiff .card_spiff .spiff_content {
		padding: 5% 5% 47%;
	}
}


@media only screen and (max-width: 1200px) {
	/* EXPANDED LEARN MORE SPIFFS */
	.further_reading_inner {
		padding: 4% 5%;
	}
	.module_spiff .right_content p {
		height: 4.2em;
		margin: 0 auto 8px;
		line-height: 1.4em;
		-webkit-line-clamp: 3;
	}


	/* CARD SPIFFS */
	#home_hero_spiffs .card_spiff .spiff_content {
		padding-top: 2em;
		padding-bottom: 59%;
	}
	.card_spiff .spiff_section_name {
		margin-top: 1.5em;
		margin-bottom: 10px;
	}
	.card_spiff img {
		width: 13em;
		min-width: 0;
	}
}


@media only screen and (max-width: 1100px) {
	.expanded_learn_more_spiff {
		padding-bottom: 40px;
	}
	.further_reading_inner {
		padding: 0 10px;
	}
	.learn_more_spiff .card_spiff .spiff_content {
		padding: 4% 5% 47%;
	}

	/* CARD SPIFFS */
	.card_spiff .spiff_section_name {
		margin-top: 1em;
		margin-bottom: 1em;
	}
}


@media only screen and (min-width:1000px) and (max-width:1440px) {
	.learn_more_spiff .right_learn_more.right_further_reading h6.further_reading_header {
		padding: 5% 32px;
	}
}


@media only screen and (max-width: 1000px) {
	/* HOME FEATURE SPIFF */
	.feature_spiff {
		font-size: 0.7vw;
	}
	.feature_spiff h6 {
		margin-bottom: 10px;
	}
	.feature_spiff h1 {
		font-size: 4.8em;
		width: 10em;
	}


	/* EXPANDED LEARN MORE SPIFFS */
	.expanded_learn_more_spiff .left_panel {
		width: 100%;
	}
	.expanded_learn_more_spiff .left_panel.minifeature_panel {
		width: auto;
	}
	.expanded_learn_more_spiff .right_panel {
		width: 100%;
		margin-bottom: 5%;
	}
	.expanded_learn_more_spiff .right_panel .top {
		margin-bottom: 3%;
	}
	.module_spiff .right_content {
		padding: 5%;
		padding-bottom: 2%;
	}
	.module_spiff .right_content p {
		height: 5.6em;
		margin: 0 auto 8px;
		line-height: 1.4em;
		-webkit-line-clamp: 4;
		margin-bottom: 8%;
	}


	/* EXPANDED LEARN MORE SPIFFS */
	.left_learn_more.left_card_only {
		width: 500px;
		margin-bottom: 30px;
	}
	.left_learn_more.left_card_only .learn_more_spiff .card_spiff h1 {
	}
	.learn_more_spiff .right_learn_more.right_further_reading {
		width: 100%;
	}

	/* MODULE SPIFFS */
	.module-icon {
		width: 14vw;
		height: 14vw;
	}
	.border-icon .primary-outline {
		width: 17.4vw;
		height: 17.4vw;
		padding-top: 4%;
	}
}


@media only screen and (max-width: 900px) {
	#home_hero_spiffs .card_spiff .spiff_content {
		padding: 2em 3.5em 59%;
	}
}


@media only screen and (min-width:767px) and (max-width:1000px) {
	.left_learn_more.left_card_only .card_spiff .spiff_content {
		min-height: 0;
	}
	.left_learn_more.left_card_only .card_spiff img {
		width: 105px;
	}
	.left_learn_more.left_card_only .card_spiff .spiff_section_name {
		margin: 15px 0;
	}
	.left_learn_more.left_card_only .card_spiff h1 {
		font-size: 28px;
	}
}


@media only screen and (max-width: 767px) {
	/* HOME FEATURE SPIFF */
	.feature_spiff {
		margin-bottom: 10px;
	}
	.learn_more_spiff .card_spiff .spiff_content {
		min-height: 0;
	}
	.learn_more_spiff .card_spiff h1 {
		padding: 0;
	}
	.feature_spiff h6 {
		font-size: 12px;
	}
	.feature_spiff h1 {
		font-size: 24px;
	}


	/* EXPANDED LEARN MORE SPIFFS */
	.expanded_learn_more_spiff .right_panel {
		margin-bottom: 30px;
	}
	.expanded_learn_more_spiff .right_panel .top {
		margin-bottom: 30px;
	}
	.module_mobile_header {
		display: block;
	}
	.module_spiff .left_content {
		display: none;
	}
	.module_spiff .right_content {
		width: 100%;
		padding: 30px;
	}
	.module_spiff .right_content a.btn,
	.further_reading_inner>a {
		display: none;
	}
	.module_spiff .right_content p {
		margin-bottom: 8px;
	}
	#further_reading_mobile_header span {
		display: inline-block;
	}
	h6.further_reading_header {
		display: none;
	}
	.further_reading_panel {
		padding: 30px;
	}
	.expanded_learn_more_spiff .further_reading_panel:last-of-type {
		padding-bottom: 0;
        margin-bottom: 0;
	}


	/* LEARN MORE SPIFF */
	.left_learn_more.left_card_only {
		width: 100%;
		margin-bottom: 30px;
	}
	.right_learn_more.right_further_reading {
		width: 100%;
	}


	/* CARD SPIFFS */
	#top-card,
	#bottom-card {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 2%;
	}
	#top-card {
		margin-right: 3%;
	}
	.card_spiff {
		text-align: left;
		padding: 0;
	}
	.card_spiff .spiff_content {
		position: relative;
		padding: 0;
		height: auto;
		border: none;
	}
	#home_hero_spiffs .card_spiff .spiff_content,
	.learn_more_spiff .card_spiff .spiff_content {
		padding: 0;
	}
	.card_spiff .card_icon {
		width: 13.8em;
		height: 13.8em;
	}
	#home_hero_spiffs .card_spiff .card_icon {
		width: 15.2em;
		height: 15.2em;
	}
	.card_spiff .card_image {
		display: inline-block;
		text-align: center;
		width: 31%;
		padding: 7% 4%;
		vertical-align: middle;
	}
	.magenta-image-background {
		background: #381930;
	}
	.violet-image-background {
		background: #404A81;
	}
	.teal-image-background {
		background: #3F5C53;
	}
	.green-image-background {
		background: #39591E;
	}
	.yellow-image-background {
		background: #C48712;
	}
	.orange-image-background {
		background: #C7611A;
	}
	.card_spiff img {
		width: 100%;
	}
	.card_spiff .card_details {
		position: absolute;
		display: inline-block;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		vertical-align: top;
		width: 60%;
		padding-right: 5%;
	}
	.card_spiff h1 {
		font-size: 24px;
		display: -webkit-box;
		max-height: 2.8em;
		margin: 0 auto;
		line-height: 1.4em;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0;
	}
	.card_spiff .spiff_section_name span {
		background-color: transparent;
		padding: 0;
	}
	.card_spiff .spiff_section_name {
		margin-top: 0;
		margin-bottom: 4px;
	}
}


@media only screen and (max-width: 680px) {
	.feature_spiff {
		margin-bottom: 20px;
	}


	/* EXPANDED LEARN MORE SPIFFS */
	.further_reading_inner {
		padding: 0 0 20px;
	}

	/* LEARN MORE SPIFF */
	.learn_more_spiff .left_learn_more,
	.learn_more_spiff .right_learn_more {
		width: 100%;
		margin-bottom: 20px;
	}



	/* CARD SPIFFS */
	#top-card,
	#bottom-card {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.card_spiff .card_image {
		width: auto;
		padding: 25px 15px;
	}
	#home_hero_spiffs .card_spiff .card_icon,
	.card_spiff .card_icon {
		width: 80px;
		height: 80px;
	}
	.card_spiff img {
		width: 80px;
	}
	.card_spiff .card_details {
		right: auto;
		left: 25%;
		width: 75%;
		padding-right: 10%;
	}
}

@media only screen and (max-width: 600px) {
	.feature_spiff p,
	.feature_spiff a.btn {
		display: none;
	}
	.card_spiff .card_details {
		left: 122px;
		width: 65%;
		padding-right: 0;
	}
}