/* Color Tokens */
#primary {
	color: #00548B; /* $primary */
}

#secondary {
	color: #D0282E; /* $secondary */
}

#tertiary {
	color: #3F79BC; /* $tertiary */
}

#light {
	color: #EFECE4; /* $light */
}

#dark {
	color: #53616F; /* $dark */
}

#white {
	color: #FFFFFF; /* $white */
}

#text {
	color: #2B2E30; /* $text */
}
/* End Color Tokens */

/* General Content Area Styles */
.content-area {
	padding-top: 0;
	padding-bottom: 6.111em;
	padding-right: 0;
	padding-left: 0;
}

.content-area .flex {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.content-area .content {
	padding-right: 8.889em;
}

.content-area .content-style {
	padding: 6.222em 0 1em 12.667em;
}

.content-area .announce-container {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.content-area .announce-container img {
	width: 24%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.content-area .announce-container .announce-info {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 76%;
}

.content-area .announce-container .announce-info a {
	padding: 1.556em 3em;
	position: relative;
	overflow: hidden;
}

.content-area .announce-container .announce-info a:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 200%;
	left: 0;
	top: 0;
	background-image: linear-gradient(to right,#F3F2ED 25%,#D7ECFA,#D7ECFA 50%);
	z-index: -1;
	transition: transform .5s ease 0s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.no-touch .content-area .announce-container .announce-info a:hover:after {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.content-area .announce-container .announce-info p {
	width: 100%;
	font-size: 12px;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif; /* @mainfont */
	font-weight: 400;
}

.content-area .announce-container .announce-info h4 {
	width: 100%;
	font-size: 1.556em;
	line-height: 1.143em;
	color: #00548B; /* $primary */
	font-weight: 600;
}

.content-area .announce-container .announce-info span {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #D0282E; /* $secondary */
	font-size: 0.778em;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 1em;
	transition: transform .5s ease 0s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	letter-spacing: .1em;
}

.no-touch .content-area .announce-container .announce-info a:hover span {
	-webkit-transform: translateX(1em);
	-ms-transform: translateX(1em);
	transform: translateX(1em);
}

.content-area .announce-container .announce-info span icon {
	margin-left: .5em;
	font-size: 1.25em;
	transition: margin-left .5s ease 0s;
}

.no-touch .content-area .announce-container .announce-info a:hover span icon {
	margin-left: 1em;
}

.content-area .read-more {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.content-area .read-more .show-more {
	color: #D0282E; /* $secondary */
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none;
	width: 100%;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1em;
	margin-bottom: .5em;
}

.content-area .read-more .show-more span {
	color: #D0282E; /* $secondary */
	text-transform: uppercase;
	font-weight: 600;
}

.content-area .read-more .show-more span + span {
	display: none;
}

.content-area .read-more .show-more icon {
	padding: .25em 0 .25em;
	transition: padding .5s ease 0s;
}

.no-touch .content-area .read-more .show-more:hover icon {
	padding: .5em 0 0;
}
/* End General Content Area Styles */

/* General Quick Links Styles */
.quick-link-container {
	background-color: #00548B; /* $primary */
}

.quick-link-container header {
	padding: 2.222em;
	text-align: center;
	background-color: #3F79BC; /* $tertiary */
}

.quick-link-container header h4 {
	font-size: 1.667em;
	font-weight: 300;
	color: #FFFFFF; /* $white */
}

.quick-link-container .cta-list {
	padding: 3.8em 2.667em;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.quick-link-container .cta-list li {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	border-top: solid 1px #3F79BC;
}

.quick-link-container .cta-list li:nth-child(odd) {
	border-right: solid 1px #3F79BC; /* $tertiary */
}

.quick-link-container .cta-list li:last-child, .quick-link-container .cta-list li:nth-last-child(2) {
	border-bottom: none;
}

.quick-link-container .cta-list li a {
	color: #FFFFFF; /* $white */
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.3em;
	padding: 2em 1em;
	width: 100%;
	height: 100%;
	transition: background-color .5s ease 0s;
	font-size: 0.889em;
	letter-spacing: .1em;
}

.no-touch .quick-link-container .cta-list li a:hover, .no-touch .quick-link-container .cta-list li a:focus {
	background-color: rgba(255,255,255,0.15);
}

.quick-link-container .cta-list li a > * {
	transition: transform .5s ease 0s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.no-touch .quick-link-container .cta-list li a:hover > *, .no-touch .quick-link-container .cta-list li a:focus > * {
	-webkit-transform: translateY(-.25rem);
	-ms-transform: translateY(-.25rem);
	transform: translateY(-.25rem);
}

.quick-link-container .cta-list li a icon, .quick-link-container .cta-list li a .icon-cont {
	width: 100%;
	font-size: 3em;
	margin-bottom: .45em;
}

.quick-link-container .cta-list li.item-4 a icon {
	font-size: 4em;
	margin-bottom: .25em;
}
/* End General Quick Links Styles */

/* Quick Links [Green Theme] */
.green-theme .quick-link-container {
	background-color: #F89828;
}

.green-theme .quick-link-container header {
	background-color: #FFB45C;
}

.green-theme .quick-link-container header h4 {
	color: #6E206F;
}

.green-theme .quick-link-container .cta-list li {
	border-color: rgba(0,0,0,0.15);
}
/* End Quick Links [Green Theme] */

/* Quick Links [Recolor Theme] */
.recolor .quick-link-container {
	background-color: #B0478C;
}

.recolor .quick-link-container header {
	background-color: #9A3D7A;
}

.recolor .quick-link-container header h4 {
	color: #ffffff;
}

.recolor .quick-link-container .cta-list li {
	border-color: rgba(0,0,0,0.15);
}
/* End Quick Links [Recolor Theme] */


/* V2 */
.content-area.local.v2 .quick-link-container {
	background-color: #B0478C;
}

.content-area.local.v2 .quick-link-container header {
	background-color: #9A3D7A;
}

.content-area.local.v2 .quick-link-container header h4 {
	color: #FFF;
}

/* Responsive [1650px] */
@media screen and (max-width: 1650px) {
	.content-area .content-style {
		padding-left: 7.667em;
	}

	.content-area .content {
		padding-right: 4em;
	}
}
/* End Responsive [1650px] */

/* Responsive [1500px] */
@media screen and (max-width: 1500px) {
	.content-area {
		padding: 0;
	}

	.content-area .content-style {
		padding: 4em 2.5em 2.5em;
	}

	.quick-link-container .cta-list {
		padding: 2em;
	}

	.quick-link-container .cta-list li a {
		padding: 2em 0.5em;
	}
}
/* End Responsive [1500px] */

/* Responsive [1200px] */
@media screen and (max-width: 1200px) {
	.content-area .content {
		width: 100%;
		padding: 2.5em 0;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	.content-area .content-style {
		padding: 0 1.667em;
		margin-bottom: .5em;
		overflow: hidden;
		position: relative;
		_height: 15em;
	}

	.content-area .show-all .content-style {
		overflow-y: visible;
		height: 100%;
	}

	.content-area .content-style:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 20%;
		background-image: linear-gradient(to bottom,transparent,#FFFFFF);
		bottom: 0;
		left: 0;
		opacity: 1;
		display: none;
	}

	.content-area .show-all .content-style:after {
		opacity: 0;
	}

	.content-area .show-all .read-more span {
		display: none;
	}

	.content-area .show-all .read-more span + span {
		display: block;
	}

	.content-area .show-all .read-more icon {
		padding: .25em 0 .25em;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.no-touch .content-area .show-all .read-more:hover icon {
		padding: 0 0 .5em;
	}

	.content-area .read-more {
	}

	.content-area .read-more .show-more {
		_display: flex;
	}

	.content-area .announce-container {
		margin-bottom: 2.5em;
		margin-top: 2em;
	}

	.quick-link-container .cta-list li {
		width: 33.3%;
		border-right: solid 1px rgba(255,255,255,0.15);
	}

	.green-theme .quick-link-container .cta-list li {
		border-color: rgba(0,0,0,0.15);
	}

	.quick-link-container .cta-list li:nth-child(odd) {
		border-right: solid 1px rgba(255,255,255,0.15);
	}

	.green-theme .quick-link-container .cta-list li:nth-child(odd) {
		border-color: rgba(0,0,0,0.15);
	}

	.quick-link-container .cta-list li:nth-child(3n) {
		border-right: none;
	}

	.quick-link-container .cta-list li:nth-child(4n) {
		border-bottom: none;
	}

	.quick-link-container {
		width: 100%;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
}
/* End Responsive [1200px] */

/* Responsive [800px] */
@media screen and (max-width: 800px) {
	.content-area .read-more {
		margin-bottom: 0;
	}

    .content-area .announce-container img {
        display: none;
    }

    .content-area .announce-container .announce-info {
        width: 100%;
    }

    .content-area .content > div:last-child {
        margin-bottom: 1em;
    }

    .content-area .announce-container .announce-info a {
        padding: 1em 2.5%;
        width: 100%;
    }

    .content-area .announce-container {
        margin-bottom: 1em;
        margin-top: 1em;
    }

}
/* End Responsive [800px] */

/* Responsive [600px] */
@media screen and (max-width: 600px) {
	.content-area {
	}

	.quick-link-container .cta-list li {
		width: 50%;
		border-right: none;
	}

	.quick-link-container .cta-list li:nth-child(odd) {
		border-right: solid 1px rgba(255,255,255,0.15);
	}

	.quick-link-container .cta-list li:nth-child(4n) {
		border-bottom: solid 1px rgba(255,255,255,0.15);
	}

	.green-theme .quick-link-container .cta-list li:nth-child(4n) {
		border-color: rgba(0,0,0,0.15);
	}
}
/* End Responsive [600px] */

/* Responsive [450px] */
@media screen and (max-width: 450px) {
	.content-area {
	}

	.content-area .content-style {
		padding: 0 1.5em;
	}

	.quick-link-container .cta-list {
		padding: 1.5em;
	}

	.quick-link-container .cta-list li a {
		letter-spacing: 0;
	}
}
/* End Responsive [450px] */