/* =================================
	Base Element Styles
==================================== */

.accessibility-text {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    z-index: -1000;
}

body {
	background-color: #FFFFFF;
}

.collapsed {
    overflow-y: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.2s;
  	transition: max-height 0.2s;

}

.collapsed.in {
    max-height: 100%;
    -webkit-transition: max-height 0.2s;
		transition: max-height 0.2s;
}

/* =================================
	Admin Mailer Styles
==================================== */

#main-content h1 {
	font-size: 24px;
	color: #253b56;
	line-height: 30px;
	font-family: 'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
	padding: 0;
}

.mailer-page #outer-wrapper {
	overflow-x: hidden;
}

.d #main-content .margin-wrapper,
.t #main-content .margin-wrapper {
	margin-right: 0;
	margin-left: 0;
}

.column-wrap {
	background: none;
	border: none;
	box-shadow: none;
	overflow: visible;
	zoom:1;
	position: static;
	margin-bottom: 0;
}

.t #main-content h1,
.d #main-content h1 {
	text-align: center;
	font-size: 36px;
    line-height: 42px;
}

.d #main-content h1 {
	margin-top: 30px;
	margin-bottom: 20px;
}

#main-content p{
	font-size: 14px;
    font-weight: 100;
    line-height: 20px;
	font-family: 'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
	color: #253b56;
}

/* .d #main-content .section-text  p,
.d #main-content .expanded-intro p,
.d .tile-expanded .expanded-related-link {
	font-size: 14.5px;
} */

.t #main-content .intro-text p,
.d #main-content .intro-text p {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 30px;
    font-size: 18px;
    line-height: 28px;
}

/* override bootstrap paddings for desktop */
.d .col-lg-12,
.t .col-md-12{
	padding-left: 45px;
	padding-right: 45px;
}

/* overrride bootstrap gutter for tablet */
.t .col-sm-12{
	padding-left: 30px;
	padding-right: 30px;
}


.container-fluid {
	max-width: 940px;
	width: 100%;
	background-color: #FFFFFF;
}

img.img-responsive {
	width: auto;
}

.t .intro-image,
.d .intro-image {
	margin-top: 120px;
}

.intro-image {
	margin-top: 45px;
}

.row.image-logo div {
 	position: absolute;
  	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
}

.m .row.image-logo div {
 	position: relative;
}

.m .row.image-logo div {
	width: 70px;
    height: 78px;
	/*content:url("/static/css/images/MobileYouthAdminLogo.png");*/
}

.d .row.image-logo div,
.t .row.image-logo div {
 	width: 98px;
  	height: 111px;
}

 .row.image-logo img {
	width: 100%;
	margin-top: 7px;
 }

.t .intro-image,
.d .intro-image {
	margin-top: 55px;
}

.m .intro-image{
	margin-top: 0;
}

.t .row .intro-text p:last-child,
.d .row .intro-text p:last-child {
	margin-bottom: 25px;
}

.hide {
	display: none;
}

#goc-footer {
	background-color: #fff;
	margin-top: 30px;
}

#goc-footer a:focus {
	text-decoration: underline;
}

#goc-footer #goc-ft-help{
 	margin: 0 45px;
 }

 .m #goc-footer #goc-ft-help,
 .t #goc-footer #goc-ft-help{
 	padding: 0;
 }

.m #goc-footer #goc-ft-help{
	margin: 0 15px;
}

.m #goc-ft-about,.t #goc-ft-about,
.m #goc-ft-legal, .t #goc-ft-legal{
	padding-bottom: 10px;
}

#goc-footer #goc-ft-help{
 	border-top: 1px solid #dfdfdf;
 	padding: 20px 40px 10px;
 }

.m #goc-footer #goc-ft-help{
	padding: 0;
}

#goc-ft-logo, .m #goc-ft-logo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAcCAYAAADV0GlvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNjUwM2E4Yy1iZWY5LTQ5ZTctOTM2Ny04YzQxZDkxOGQ5NjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MURBQkRCQkJDQjUxMTFFMzhFQkVBNzJFM0ZDOTA2MkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MURBQkRCQkFDQjUxMTFFMzhFQkVBNzJFM0ZDOTA2MkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNjODcwMWU5LWY2MGQtNDJkZC05MThmLTM5ZThkMDliMjE2NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpiNjUwM2E4Yy1iZWY5LTQ5ZTctOTM2Ny04YzQxZDkxOGQ5NjIiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw%2FeHBhY2tldCBlbmQ9InIiPz5dztXyAAAGNElEQVR42uSYCWwUVRyHZwvsdqUtpwGLQRQoKFYxUIQWEVNEEq2AN9GAkRjxwCOCKBpLlYoK4hnxqKBWQMQLPEikLbEgHggYhUoRuUrFgy60ZSkt266%2FF7%2BNL5PtZYhN4SVfZnZ23sx7v%2Fe%2F3ni6dOniqPnEcJEuhoozxSkiJA6I7WKD%2BEpsElXOCdCCwaCTl5fnpKWlOW31O0k8LS5EEDPJWhEWCSJRnCeuMX3FT6JArECc8IkgihHiTZEsZojVlhBeES%2B6IVYqYg2FmWKNeEN82Awr6SduFOeIWLFKvNzSghohMkV%2FsVn8EuWeLSJfLECYFHGtGC8uge%2FEPPF%2BIxOaIuaKOOva5QjzMMK2SIvBCl4UXzfh%2Fkrc4nYxWDwodooh4j3xMdYVrd0mnsEC93BtHeKU819MSwrRnOazzveJp3CXR8VBcaUoFHe5%2Bp2O5WWL7uIM%2BhprelXsFmUt6R7NEaIzqz7cdd1klcfFReIT0RELmy%2FacI%2FJQu3FaILuY1iTj%2BNYXKNVCNGbFb%2Bunv%2B3Mslsft8nnrPizC5xMSnZxJrXxA9iuphMnHFaixCmdWrgnhrxCJNzcJGZuM1qrgXEPWICQowgc7R4%2Bmxq68jR04R7TQY5VTwgZom14iNEeIc4Yc5%2F%2FY%2FjNpbXVbzyfwrRjqJqIL8vIDiaVkHW2MLRbrNYbVNzPMtxPYHyD7HXFYR7UWN049pvYhtBudr1bFPjvES6z6ceSWSxehOTuvLcL8RnVt%2BBjDcUDocdv9%2F%2Fz%2BpSYkdrfcUN4lI6xzcgVoAXmpjwrXU9A0swQfMmsVgsZ7IjmNAtYqIYxG%2B7HaRmKcDFPkCcnsSkIpEmThMrxQAWzt1Mqt8oJvEuM6e62traQUlJSaMzMjIWRRPC7DGyxB2cH2IF41G9lPxvXt4D5TvQt5yXreC3nzLcDPBThNlAX7Nqs3Gf37GQPWShCtjNBIchtAmoYxiTEWekGIVVmMV6nUnn8rwYxrSQrGdi0kMs2GSPxzMvEAh0TExMXBzNNZ4U5xP0NmLyh3AHEwS%2FwVJ8CNWdWuIKcbWYaglRxWQGcF97%2Bpj39qGidKhaP2fQlVhCtcuyHAq3bBZpDUKMQYj97I0CuE0Joh6j7xLEeUHcb%2BKYXCOUkpKysLi4OD2aEN0QYW2UWOFYtUE1mEH%2FLM7lurtfLMcQz4jsYUzN8BY1hBFwHPclcM9q6pMSVrkci5lCPbPBcmEfE02yKtYY3HACtc8o6pjrCeamTU9NTc3dsWNHUX0WMY%2FV32RdT7ACVRs2ZpHWExeZQWC0K8oBnBdhIW2xiliKqC9Z8QR2twHOJxI8byaQ7qf4WklVasZ3FJP38y7T3iYbeQjOpl3Frvkw4pi21LhITk7OeK%2FX648mhNl8Pc9qmeMiJh1rWUSMS4i9DNgd2WfjEg5%2B67GqRw%2BmPQ33GUzs2M8kDyDsWZbwRrR3CbxZPOsogbYXAfRW6plOWKHDf352uR14n3Hh7j6fb04oFCqqr6Ayqt9LYFlD5O5sCXGskZQ7COUn8Xshk%2FC7irk%2BuNd8TD6HQd7N%2ByusAG5c44iYQ8wayfO2WhnHy97FrH4x8SyOFNzHKgHMeFIVLAsqKyv7JScnZzVUR%2BRTEs8l7UXu7UFNsJPViKx%2BDz7gXEYpHkm3y5lUGAEjBVk8VmKC7I%2F8Fyag2oXZTiYTRLwigp0ppv7imGrFi76c1%2FH8GvZAU63n3mlioSzBiYuLm5aZmbmqsYJqH8FmDKt2Nqxlt3iEwXsxRXsS23GtHAbj4KNLCF6lWMME3Goc6bmGoLiCBfDgpruYXGRFSxlfMel3LJ8aKwmWC6zvG8lREkJxVVVVVm5u7tL09PQGCyp3y6aoKaNo6of%2FxzLAw0xgKzl%2FFSsWrXktcdxlfJ3lErYbta2nj52demE5Ja5st54YVEJqNeKtCwaDZYWFhY5SaLP2GvnUD8sQJFJIebGKakSqaMKz6pvQoXqu1zUigoObbotyvb%2BV2pfxffbfgdTUNHvTVUCFV259hzjQCr7LDsFazGLlHY%2Fdp2l%2FtsIP1MOsFP%2F98fpU19paO7YLDiKUnaxCdKVIc6hjnJNViDrrg%2FPmk1kI8%2FngCVL6roZu%2FFuAAQCa6r2t9sk90QAAAABJRU5ErkJggg%3D%3D) !important;
}

#goc-footer #goc-ft.inverted nav ul li a,
#goc-footer #goc-ft-copyright {
	color: #253b56 !important;
	font-family: 'InspireTWDCMedium' !important;
	line-height: 16px;
	font-size: 11px;
}

.section-program .section-title h2 {
	font-size: 18px;
	line-height: 20px;
	font-family: 'InspireTWDCHeavy',InspireTWDC,Arial,sans-serif;
	color: #253b56;
}

.t .section-program .section-title h2,
.d .section-program .section-title h2 {
    text-align: center;
}

.t #main-content .section-text p {
	padding-right: 20px;
	padding-left: 20px;
	line-height: 28px;
}

.d #main-content .section-text p{
	padding-right: 30px;
	padding-left: 30px;
	line-height: 24px;
}

.tile-description h3,
.tile-description p,
.tile-description a,
.tile-expanded  h4 {
	font-size: 14px;
	line-height: 18px;
}

.tile-expanded h3 {
	font-size: 28px;
	line-height: 33px;
	font-family: 'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
	color: #253b56;
	margin-top: 10px;
	max-width: 75%; /* avoid overlaping with close button */
}


.t .tile-expanded h3{
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: left;
}

.d .tile-expanded h3 {
	font-size: 28px;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: left;
}

.tile-card .tile-description h3 {
	font-family: 'InspireTWDCHeavy',InspireTWDC,Arial,sans-serif;
	color: #253b56;
	padding-top: 10px;
    margin-bottom: 0;
    margin-top: 0;
}

.tile-card .tile-description h3 {
	padding-top: 10px;
}

.tile-card .tile-description p,
.tile-card .tile-description a  {
	font-family: 'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
}
:not(.m) .row {
	text-align: left;
}

:not(.m) .row.row-centered {
	text-align: center;
}

:not(.m) .tile-card.col-centered  {
    text-align: left;
    display: inline-block;
    float: none;
    margin-left: -4px;
    vertical-align: top;
}

:not(.m) .tile-card.no-link .tile-description p  {
	min-height: 2.5em;
    max-height: 4.5em;
    overflow: hidden;
}

.t .tile-card.no-link img {
	max-height: 195px;
}

@media (min-width: 730px) and (max-width: 1024px) and (orientation: landscape) {

	.t .tile-card.no-link img {
		max-height: 245px;
	}
}

.d .tile-card.no-link img {
	max-height: 245px;
}

.d .tile-card.col-sm-4.no-link img {
	max-height: 155px;
}

.tile-card a {
	text-decoration: none;
}

.tile-card .tile-description a.show-less {
	position: relative;
}

.tile-card .tile-description a.show-less:after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    right: 0;
    bottom: -3em;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: #fff;
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    z-index: 5;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.d .tile-card.col-sm-4 .tile-description a.show-less:after {
	 bottom: -3.03em;
}

.d .tile-card.col-sm-6 .tile-description a.show-less:after {
	 bottom: -3.05em;
}

.tile-expanded h4,
.tile-description a,
.title-expanded-text p a {
	color: #1994d7;
}

.tile-expanded h4 {
	font-family: 'InspireTWDCHeavy',InspireTWDC,Arial,sans-serif;
	margin-bottom: 0;
	line-height: 18px;
	margin-top: 0;
}

.row.section-program{
	margin-top: 15px;
}

.t #main-content > .row.section-prog{
	margin-top: 15px;
}

.t .row.section-program {
	margin-top: 30px;
}

.row.section-program .section-card {
	margin-top: 10px;
}

.m .section-card .tile-card {
	margin-top: 20px;
}

.section-card .tile-card:first-child,
.t .section-card .tile-card {
	margin-top: 0;
}

.row.section-program:before {
	height: 1px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ffffff+0,dfdfdf+50,dfdfdf+50,dfdfdf+50,dfdfdf+50,dfdfdf+50,dfdfdf+50,ffffff+100,ffffff+100,ffffff+100 */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left,  #1e5799 0%, #ffffff 0%, #dfdfdf 50%, #dfdfdf 50%, #dfdfdf 50%, #dfdfdf 50%, #dfdfdf 50%, #dfdfdf 50%, #ffffff 100%, #ffffff 100%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1e5799 0%,#ffffff 0%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#ffffff 100%,#ffffff 100%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1e5799 0%,#ffffff 0%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#dfdfdf 50%,#ffffff 100%,#ffffff 100%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	width: 100%;
}

#main-content .section-text {
    text-align: center;
}

.tile-card .tile-description.link-card {
	position: relative;
}

.tile-card .tile-description.link-card p {
	width: 90%;
}

.tile-card .tile-description.link-card p:before {
	content: "\E30C";
    font: 2em "Peptasia Icons";
    color: #dfdfdf;
    display: block;
    /*top: 4vw;*/
    top:25%;
    right: 10%;
    position: absolute;
    transform: translate(100%, 50%);
}

.t .tile-card .tile-description.link-card p:before {
	right: 11%;
}

.tile-expanded.in {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 25px;
}

.d .row.last-row .tile-expanded.in,
.t .row.last-row .tile-expanded.in,
.row.last-row .tile-expanded.in:last-child {
    margin-bottom: 0px;
}

.section-program.open-section + .section-program:before {
	height: 0;
}

.t .tile-expanded.in,
.d .tile-expanded.in {
	padding-left: 40px;
    padding-right: 40px;
}

.tile-expanded.in a.close-expanded {
	float: right;
	position: relative;
	text-decoration: none;
}

.tile-expanded.in a.close-expanded:before {
	content: "\E300";
    font: 1.4em "Peptasia Icons";
    color: #8294aa;
    display: inline-block;
    position: absolute;
    top: 2%;
    right: 7%;
    text-decoration: none;
}

.t .tile-expanded.in a.close-expanded:before {
    top: 1em;
}

.d .tile-expanded.in a.close-expanded:before {
    top: 1.5em;
}

.tile-expanded .expanded-image {
	margin-top: 20px;
}

.tile-expanded > p{
	padding-top: 25px;
	margin-bottom: 0;
}

.tile-expanded .title-expanded-text {
	margin-top: 20px;
}

.tile-expanded .title-expanded-text>p {
	margin-bottom: 0;
}

#main-content .tile-card>a .link-card:hover > *,
#main-content .tile-card>a .link-card:hover > *:before,
.tile-expanded .expanded-related-link:hover {
	color: #1994d7;
}

.section-card .row {
	margin-top: 20px;
}

.section-card .row:first-child,
.section-card .tile-expanded>.row,
.t .tile-expanded .expanded-image,
.d .tile-expanded .expanded-image {
	margin-top: 0;
}

.tile-expanded .expanded-related-link {
	font-family: 'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
	padding-top: 20px;
	display: inline-block;
	text-decoration: none;
	line-height: 18px;
}

.tile-expanded .expanded-intro {
	padding-top: 25px;
}

.t .tile-expanded .expanded-intro,
.d .tile-expanded .expanded-intro {
	padding-top: 0px;
}

.tile-expanded .title-expanded-text p,
#main-content .expanded-intro p {
	font-family:'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
	line-height: 18px;
}

#main-content .tile-card.no-link .tile-description p,
#main-content .tile-expanded .expanded-intro p {
	margin-bottom: 0;
	line-height: 21px;
}

#goc-footer.no-border,
#goc-footer.no-border #goc-ft-help nav {
	margin-top: 0;
	border-top: none;
}
.stay-connected-wrapper {
    margin-bottom: 30px;
}
.stay-connected-btn {
	background: #1994D7;
    border-color: #B7DDF2;
    color: #fff !important;
    border-radius: 4px;
    padding: 10px 50px;
    text-decoration: none !important;
    font-family: 'InspireTWDCRoman',InspireTWDC,Arial,sans-serif;
}
@media screen and (max-width: 767px) {
	.stay-connected-wrapper {
	    margin-top: 20px;
	}
}

.modal.interstitial-message .btn {
    padding: 0 35px;
    border-radius: 0;
}

.modal.interstitial-message .title {
    font-family: 'Playoff Pro Serif Medium',serif;
    font-size: 24px;
    padding: 11px 15px 5px !important;
    color: #363636;
    background-color: #FFF;
}

.modal.interstitial-message p.thank-you-body {
    margin: 0;
}

.modal.interstitial-message .cancel {
    top: -1px;
}

.modal.interstitial-message .submit {
    line-height: 23px
}

.mailer-page #main-content .image-logo {
    position: relative;
}

.mailer-page .crisisMessaging .crisisMessagingContainer {
    padding: 16px 15px 10px;
}

.mailer-page .crisisMessaging .crisisMessagingContainer {
    padding: 16px 15px 10px;
}

.mailer-page .crisisMessaging .crisisMessagingContainer .contain {
    margin-left: 0;
}

.crisisMessaging {
    padding: 0 20px;
}
@media (max-width: 1023px) and (min-width: 768px) {
    .mailer-page .crisisMessaging {
        padding: 0;
    }

}