@import url("/css/reset.css");

/* ------ HTML5 Display Definitions ------ */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ------ Fonts ------ */

@font-face {
	font-family: 'Baloo';
	font-style: normal;
	font-weight: normal;
	src: local('Baloo'), url('/css/fonts/Baloo-Regular.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans Regular';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans Regular'), url('/css/fonts/NunitoSans-Regular.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans Bold';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans Bold'), url('/css/fonts/NunitoSans-Bold.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans Bold Italic'), url('/css/fonts/NunitoSans-BoldItalic.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans Italic';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans Italic'), url('/css/fonts/NunitoSans-Italic.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans SemiBold';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans SemiBold'), url('/css/fonts/NunitoSans-SemiBold.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans SemiBold Italic';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans SemiBold Italic'), url('/css/fonts/NunitoSans-SemiBoldItalic.woff') format('woff');
}

@font-face {
font-family: 'Nunito Sans ExtraBold';
font-style: normal;
font-weight: normal;
src: local('Nunito Sans ExtraBold'), url('/css/fonts/NunitoSans-ExtraBold.woff') format('woff');
}

/* ------ Global ------ */

html, body {
	background: #fff;
	color: #231F20;
	font-family: 'Nunito Sans SemiBold', Arial, sans-serif;
	font-size: 15px;
	width: 100%;
}

main { /* fall-back default for generic pages */
	margin: 0 auto;
	width: 1263px;
}

/* ------ Content ------ */
.content h1 {
	color: #008591;
	font-family: 'Baloo';
	font-size: 45px;
	line-height: 43px;
	padding-top: 35px;
	text-align: center;
}

.content h2 {
	color: #008591;
	font-family: 'Baloo';
	font-size: 25px;
	line-height: 25px;
	padding-top: 31px;
}

.content h2.small, #blank-slate .content h2.small {
	color: #424242;
	font-size: 17px;
	line-height: 22px;
	padding-top: 31px;
	padding-left: 0;
}

.content #share + h2 {
	padding-top: 25px;
}

.content h3 {
	color: #424242;
	font-family: 'Baloo';
	font-size: 23px;
	line-height: 30px;
	padding-top: 23px;
}

.content h4 {
	color: #424242;
	font-family: 'Baloo';
	font-size: 21px;
	line-height: 20px;
	padding-top: 31px;
}

.content h5 {
	color: #424242;
	font-family: 'Baloo';
	font-size: 19px;
	line-height: 18px;
	padding-top: 31px;
}

.content h6 {
	color: #424242;
	font-family: 'Baloo';
	font-size: 17px;
	line-height: 18px;
	padding-top: 31px;
}

.content p {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 22px;
	padding-top: 20px;
}

.content p.large {
	font-size: 18px;
	line-height: 24px;
}

.content p.small {
	font-size: 12px;
	line-height: 15px;
}

.content strong, .content b {
	font-family: 'Nunito Sans ExtraBold';
}

.content em, .content i {
	font-family: 'Nunito Sans Italic';
}

.content strong em, .content em strong, .content b i, .content i b {
	font-family: 'Nunito Sans SemiBold Italic';
}

.content abbr {
	font-family: 'Nunito Sans Italic';
}

.content cite {
	font-family: 'Nunito Sans Italic';
}

.content mark {
	background: #F7F1EB;
}

.content q {
	font-family: 'Nunito Sans Italic';
}

.content sub {
	font-size: 10px;
	vertical-align: -20%;
}

.content sup {
	font-size: 10px;
	vertical-align: 30%;
}

.content p.details {
	font-size: 14px;
	line-height: 19px;
	padding-top: 29px;
	text-align: center;
}

.content a {
	color: #7C174B;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 15px;
	line-height: 20px;
	text-decoration: underline;
}

.content a.button {
	text-decoration: none;
	cursor:pointer;
}

.content a.button:hover, .content a.button:focus {
	text-decoration: none:
}

.content p.large a {
	font-size: 18px;
}

.content p.small a {
	font-size: 12px;
}

.content a:hover, .content a:focus {
	color: #008591;
}

.content ul {
	padding-left: 11px;
}

.content ul li {
	background: url('/images/site/bullet.png') no-repeat 0px 6px;
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 20px;
	margin-top: 19px;
	padding-left: 19px;
}
.content ul li li {
	background: url('/images/site/bullet-square.png') no-repeat 0px 6px;
}

.content ul ul {
	padding-left: 18px;
}

.content ol {
	padding-left: 26px;
}

.content ol ol {
	padding-left: 23px;
}

.content ol li {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 20px;
	list-style-type: decimal;
	margin-top: 19px;
	padding-left: 3px;
}

.content ol li li {
	list-style-type: lower-alpha;
}

.content dl dt, .content dl dd {
	color: #231F20;
	font-size: 15px;
	line-height: 20px;
	margin-top: 19px;
}

.content dl dt {
	font-family: 'Nunito Sans ExtraBold';
}

.content dl dd {
	font-family: 'Nunito Sans SemiBold';
	padding-left: 23px;
}
	
.content address {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold Italic';
	font-size: 15px;
	line-height: 16px;
	padding-top: 16px;
}

.content blockquote {
	background: #F7F1EB;
	color: #231F20;
	padding: 25px;
	margin: 31px 20px 0;
}

.content blockquote p:first-child, .content blockquote h2:first-child, .content blockquote h3:first-child, .content blockquote h4:first-child {
	padding-top: 0;
}

.content blockquote, .content blockquote p, .content blockquote a {
	font-family: 'Baloo';
	font-size: 18px;
	line-height: 24px;
}

.content details {
    margin-top: 31px;
	padding-left: 25px
}

.content summary {
	color: #008591;
	cursor: pointer;
    font-family: 'Baloo';
    font-size: 22px;
	margin-left: -25px;
    line-height: 22px;
	outline: none;
}

.content table {
	background: #F7F1EB;
	border-right: 1px solid #231F20;
	border-bottom: 1px solid #231F20;
	margin-top: 31px;
	width: 100%;
}

.content table tr {
	border-top: 1px solid #231F20;
	width: 100%;
}

.content table th {
	background: #008591;
	border-left: 1px solid #231F20;
	color: #fff;
	font-family: 'Baloo';
	font-size: 18px;
	line-height: 18px;
	padding: 10px;
}

.content table td {
	border-left: 1px solid #231F20;
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 22px;
	padding: 5px;
}

main .content button {
    background: #7C174B;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: none;
    width: auto;
	min-width: 300px;
    color: #fff;
    display: block;
    font-family: 'Baloo';
    font-size: 17px;
    line-height: 19px;
    margin: 15px auto 0;
    padding: 12px 26px;
    text-align: center;
    text-decoration: none;
}

.content img {
	display: block;
	margin-top: 35px;
	width: 100%;
}

.content div.caption {
	margin-top: 10px;
	font-style: italic;
	text-align: center;
}

.content img.float {
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	max-width: 50%;
	float: right;
}

.content .tip {
	border-top: 1px solid #008591;
	border-bottom: 1px solid #008591;
	margin-top: 31px;
	padding-bottom: 18px;
	width: 100%;
}

.content .tip img {
	float: left;
	width: 210px;
}

.content .tip .text {
	float: right;
	padding-top: 50px;
	width: 369px;
}

.content .tip h3 {
	color: #231F20;
	font-family: 'Baloo';
	font-size: 20px;
	line-height: 22px;
	margin-top: -25px;
	padding: 0 0 13px 0;
}

.content .tip p {
	color: #231F20;
	font-family: 'Nunito Sans Regular';
	font-size: 15px;
	line-height: 21px;
	padding: 0 0 21px 0;
}

.phone {
	white-space: nowrap;
}

.content .tip li {
	color: #231F20;
	font-family: 'Nunito Sans Regular';
	font-size: 15px;
	margin-top: 10px;
}

.content .tip li:first-child {
	margin-top: 0;
}

.content .row {
	margin-top: 45px;
	width: 100%;
}

.content .row img {
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
}

.content .row .number {
	background: #D24423;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	float: left;
	font-family: 'Nunito Sans Bold';
	font-size: 15px;
	height: 23px;
	margin-top: -5px;
	padding-top: 9px;
	text-align: center;
	width: 32px;
}

.content .row .text {
	float: right;
	width: 500px;
}

.content .row .text.wide {
	float: right;
	width: 555px;
}

.content .row div.number + div.text.wide ul li {
	background: url('/images/site/bullet-bright.png') no-repeat 0px 6px;
}

.content .row div.number + div.text.wide ul li li {
	background: url('/images/site/bullet-bright-square.png') no-repeat 0px 6px;
}

.content .row .text h3, .content .row .text h4 {
	color: #D24423;
	font-family: 'Baloo';
	font-size: 20px;
	line-height: 24px;
	padding: 0;
}

.content .row .text p {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 20px;
	padding-top: 12px;
}

.content .row.lg-icon {
	margin-top: 31px;
}

.content .row.lg-icon img {
	float: none;
	margin-bottom: 12px;
	width: 120px;
}

.content .row.lg-icon .text {
	float: none;
	width: auto;
}

.content .question {
	border-top: 1px solid #008591;
	border-bottom: 1px solid #008591;
	margin-top: 34px;
	padding-bottom: 22px;
	width: 100%;
}

.content .question h3 {
	color: #424242;
	font-family: 'Baloo';
	font-size: 20px;
	line-height: 24px;
	padding: 22px 0 0 0;
}

.content .question p {
	font-family: 'Nunito Sans SemiBold';
	font-size: 18px;
	line-height: 20px;
	padding-top: 10px;
}

.content .question p a {
	font-size: 18px;
}

.content .author {
	padding-top: 32px;
	width: 100%;
}

.content .author img {
	float: left;
	margin: 0;
	width: 110px;
}

.content .author img.generic {
	float: none;
	margin: -25px 0 0;
	width: 350px;
}

.content .author .text {
	float: right;
	margin-right: 9px;
	width: 467px;
}

.content .author .text.generic {
	float: none;
	width: auto;
    margin-left: 120px;
    margin-top: 40px;
}

.content .author .text h4 {
	color: #231F20;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 14px;
	line-height: 18px;
	padding: 7px 0 0 0;
}

.content .author .text p {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold Italic';
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 5px 0 0 0;
}

.content .author .text p {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold Italic';
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 5px 0 0 0;
}

.content .author .text p a {
	font-size: 13px;
}
.content hr {
	margin-top: 25px;
}

/* ------ Columns -------*/
.twocol, .threecol, .fourcol, .fivecol { 
	width: 100%;
	padding: 0;
	margin-top: 31px;
	margin-bottom: 31px;
	clear:right;
}
.twocol div.col, .threecol div.col, .fourcol div.col, .fivecol div.col { 
	float: left;
	margin-bottom: 31px;
	border-right: solid 1px #979797;
}
.twocol .fluid-width-video-wrapper, .threecol .fluid-width-video-wrapper, .fourcol .fluid-width-video-wrapper, .fivecol .fluid-width-video-wrapper {
	margin-top: 20px;
}
.twocol div.col { 
	width: 45%;
	padding-right: 5%;
	margin-right: 4%;
}
.threecol div.col {
	width: 31%;
	padding-right: 1%;
	margin-right: 2%;
}
.fourcol div.col { 
	width: 22%;
	padding-right: 2%;
	margin-right: 1%;
}
.fivecol div.col { 
	width: 18.0%;
	padding-right: 1.5%;
	margin-right: 1%;
}
.twocol div.col:last-of-type, .threecol div.col:last-of-type, .fourcol div.col:last-of-type, .fivecol div.col:last-of-type {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
.content .twocol ul, .content .threecol ul, .content .fourcol ul, .content .fivecol ul, .content .twocol ol, .content .threecol ol, .content .fourcol ol, .content .fivecol ol { 
    margin-left: 25px;
}

/* ------ Flex Row -------*/
.flexrow {
	display: flex;
	flex-wrap: wrap;
}
.flexrow div {
	padding-top: 20px;
	text-align: center;
	width: 17.0%;
	margin: 0 1.5%;
}
.flexrow div p:first-of-type {
	padding-top: 0;
}
.flexrow div img:first-of-type {
	margin-top: 0;
}
.flexrow div img {
	margin-bottom: 10px;
}

/* ------ Site Map and Video Library ------ */
.content #site-map div h3:first-child { 
    padding-top: 0;
    margin-top: 0;
}

.content #site-map h3, .content #vid h3 {
	color: #7C174B;
}

.content #site-map h3 a { 
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding-top: inherit;
	text-decoration: none;
}

.content #site-map h3 a:hover {
	text-decoration: underline;
}

div.vid-en, div.vid-es {
	margin-bottom: 25px;
}

html[lang='es'] .vid-en, html[lang='en'] .vid-es {
	display:none
} 
.float-box {
	float: right;
	margin: 35px 0 0 20px;
	width: 50%;
	text-align: center !important;
}
.float-box p {
	padding-top: 10px;
}
.content .float-box img {
	margin-top: 0;
	margin-bottom: 10px;
}
.float-box-left {
	width: 300px; 
	float:left; 
	margin:1em 3em 0 0; 
	border:1px solid #979797; 
	text-align:center; 
	padding:0em 1em 2em 1em;
}
.float-box-left h3, .float-box-left p {
	color:#7C174B;
}
.float-box-left-intro {
	margin-top:0.5em
}
.page-center-image {
	width:610px;margin:0 auto;
}
.page-center-image img {
	margin-top: 1em;			
}

/* ------ Video ------ */

.video {
	margin: 27px auto 0 auto;
	width: 811px;
}

.video h2 {
	background: #587D31 url('/images/site/article-slice.png') no-repeat top left;
	color: #fff;
	font-family: 'Baloo';
	font-size: 25px;
	line-height: 36px;
	padding: 16px 2%;
	text-align: center;
	width: 96%;
}

.video h2 a {
	color: #fff;
	text-decoration: none;
}

.video h2 a:hover {
	text-decoration: underline;
}

.video iframe {
	height: 456px;
	width: 100%;
}

/* ------ Header ------ */
#skip {
	left: -100%;
	position: fixed;
	top: -100%;
}

#skip:focus {
	background: #008591;
	color: #fff;
	display: block;
	font-family: 'Baloo';
	font-size: 18px;
	left: 0px;
	position: fixed;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 0px;
	width: 100%;
	z-index: 9999;
}

#alert {
	padding: .5em;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	color: #424242;
	line-height: 20px;
	text-align: center;
	background: #F7F1EB;
	border-bottom: 2px solid #979797;
	z-index: 1;
}

#focus {
	display: none;
}

#focus.active {
	background: #008591;
	color: #fff;
	display: block;
	font-family: 'Baloo';
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

header {
	width: 100%;
}

header .content {
	margin: 0 auto;
	width: 1263px;
}

header #mobile-menu {
	display: none;
}

header .content h1 {
	height: 100px;
	float: left;
	margin-left: 43px;
	width: 276px;
	padding-top: 0;
}

html[lang='es'] header .content h1 {
	width: 333px;
}

header h1 a {
	background: url('/images/site/logo-gpt.png') no-repeat top left;
}

html[lang='es'] header h1 a {
	background: url('/images/site/logo-gpt-es.png') no-repeat top left;
}

html[lang='en'] header h1 a, html[lang='es'] header h1 a {
	background-size: cover;
	display: block;
	height: 100%;
	text-indent: -9999em;
	width: 100%;
}

header #utility {
	float: right;
	margin-right: 43px;
	padding-top: 37px;
}

header #utility a {
	color: #D24423;
	float: left;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 12px;
	letter-spacing: 0.43px;
	line-height: 16px;
	margin: 8px 23px 0 0;
}

header #utility a:hover, header #utility a:focus {
	color: #008591;
}

header #utility form {
	float: left;
}

header #utility form label {
	display: none;
}

header #utility form input[type='text'] {
	border-top: 1px solid #979797;
	border-right: none;
	border-bottom: 1px solid #979797;
	border-left: 1px solid #979797;
	border-image: none;
	display: block;
	float: left;
	height: 24px;
	margin: 0;
	padding: 5px;
	width: 255px;
}

header #utility form button {
	background: url('/images/site/icon-search.png') no-repeat top left;
	background-size: cover;
	border-top: 1px solid #979797;
	border-right: 1px solid #979797;
	border-bottom: 1px solid #979797;
	border-left: none;
	border-image: none;
	box-sizing: content-box;
	cursor: pointer;
	float: left;
	display: block;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
	width: 34px;
}

header #utility form button:hover, header #utility form button:focus {
	background-position: top right;
}

header nav {
	background: #F7F1EB;
	border-bottom: 2px solid #979797;
	height: 52px;
	width: 100%;
}

header nav ul {
	margin: 0 auto;
	text-align: center;
	width: 1263px;
}

header nav ul li {
	display: inline-block;
	margin: 0 33px;
}

html[lang='es'] header nav ul li {
	margin: 0 22px;
}

header nav ul li a {
	color: #231F20;
	display: block;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 13px;
	letter-spacing: 0.46px;
	line-height: 24px;
	padding: 14px 0;
	text-decoration: none;
	text-transform: uppercase;
}

html[lang='es'] header nav ul li a {
	font-size: 11px;
}

header nav ul li a:hover, header nav ul li a:focus {
	border-bottom: 9px solid #7C174B;
	padding-bottom: 5px;
	color: #7C174B;
}

header nav ul li a.active {
	border-bottom: 9px solid #7C174B;
	padding-bottom: 5px;
}

#breadcrumbs {
	margin: 0 auto;
	padding: 12px 33px 12px 49px;
	color: #424242;
	font-family: 'Nunito Sans SemiBold';
	font-size: 13px;
	line-height: 21px;
	text-align: left;
	text-transform: capitalize;
}
html[lang='es'] #breadcrumbs {
	text-transform: none;
}

#breadcrumbs a {
	color: #424242;
	padding: 0 10px;
	text-decoration: none;
}

#breadcrumbs strong { /* makes current page title mimic breadcrumb links */
	padding-left: 10px;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
	text-decoration: underline;
}

#mobile-nav {
	display: none;
}

/* ------ Splash ------ */
#splash {
	width: 100%;
}

#home #splash {
	background: #008591;
	height: 426px;
}

#home #splash img {
	float: right;
	height: 100%;
	width: 697px;
}

#topic #splash img {
	float: left;
	height: 302px;
	width: 663px;
}

#home #splash .square {
	background: #008591 url('/images/site/splash-home-slice.png') no-repeat top left;
	float: left;
	height: 100%;
	width: 566px;
}

#topic #splash .square {
	background: #008591 url('/images/site/topic-splash-slice.png') no-repeat top left;
	float: right;
	height: 302px;
	width: 600px;
}

#home #splash .content {
	padding-left: 105px;
	width: 395px;
}

#topic #splash .content {
	padding-left: 82px;
	width: 417px;
}

#splash h2 {
	color: #fff;
	font-family: 'Baloo';
}

#home #splash h2 {
	font-size: 64px;
	line-height: 55px;
	padding-top: 109px;
	width: 375px;
}

html[lang='es'] #home #splash h2 {
	padding-top: 80px;
}

#topic #splash h2 {
	font-size: 40px;
	line-height: 36px;
	padding-top: 96px;
}

html[lang='es'] #topic #splash h2 {
	padding-top: 80px;
}

#home #splash p {
	color: #fff;
	font-family: 'Nunito Sans Regular';
	font-size: 21px;
	line-height: 24px;
	padding-top: 19px;
}

#topic #splash p {
	color: #fff;
	font-family: 'Nunito Sans Regular';
	font-size: 21px;
	line-height: 24px;
	padding-top: 5px;
}

#topic #splash .description {
	padding-top: 39px;
	width: 100%;
}

#topic #splash .description p {
	color: #231F20;
	font-family: 'Nunito Sans Regular';
	font-size: 18px;
	line-height: 25px;
	margin: 0 auto;
	text-align: center;
	width: 947px;
}

/* ------ Featured Video ------ */

#featured-video .square {
	background: #DDEEEE url('/images/site/video-slice.png') no-repeat top left;
	float: right;
	height: 100%;
	width: 452px;
}

#featured-video .square .content {
	padding-left: 73px;
	width: 310px;
}

#featured-video .square small {
	color: #231F20;
	display: block;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	padding-top: 100px;
	text-transform: uppercase;
}

html[lang='es'] #featured-video .square small {
    padding-top: 65px;
}

#featured-video .square h3 {
	color: #4B5454;
	font-family: 'Baloo';
	font-size: 35px;
	line-height: 36px;
	padding-top: 12px;
}

#featured-video .square p {
	color: #4B5454;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 20px;
	padding-top: 15px;
}

#featured-video .square a {
	background: #007F88;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	color: #fff;
	font-family: 'Baloo';
	font-size: 17px;
	display: block;
	line-height: 20px;
	margin-top: 20px;
	padding: 12px 26px;
	text-align: center;
	text-decoration: none;
}

#featured-video .square a:hover, #featured-video .square a:focus {
	background: #D24423;
}

#featured-video {
	height: 447px;
	margin-top: 45px;
	width: 100%;
}

.articles + #featured-video, div.clear + #featured-video {
	margin-top: 0;
}

#featured-video iframe {
	float: left;
	height: 100%;
	width: 811px;
}

/* ------ Categories ------ */
#categories {
	padding: 11px 29px 0 29px;
}

#categories a {
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
	float: left;
	display: block;
	height: 99px;
	margin: 26px 15px 0 15px;
	text-indent: -9999em;
}

#categories #category-01 {
	background: url('/images/site/babies.png') no-repeat center top;
	width: 385px;
}

html[lang='es'] #categories #category-01 {
	background: url('/images/site/babies-es.png') no-repeat center top;
}

#categories #category-02 {
	background: url('/images/site/toddlers.png') no-repeat center top;
	width: 374px;
}

html[lang='es'] #categories #category-02 {
	background: url('/images/site/toddlers-es.png') no-repeat center top;
}

#categories #category-03 {
	background: url('/images/site/kids.png') no-repeat center top;
	width: 344px;
}

html[lang='es'] #categories #category-03 {
	background: url('/images/site/kids-es.png') no-repeat center top;
}

#categories #category-04 {
	background: url('/images/site/tweens-and-teens.png') no-repeat center top;
	width: 385px;
}

html[lang='es'] #categories #category-04 {
	background: url('/images/site/tweens-and-teens-es.png') no-repeat center top;
}

#categories #category-05 {
	background: url('/images/site/parents.png') no-repeat center top;
	width: 374px;
}

html[lang='es'] #categories #category-05 {
	background: url('/images/site/parents-es.png') no-repeat center top;
}

#categories #category-06 {
	background: url('/images/site/popular-topics.png') no-repeat center top;
	width: 344px;
}

html[lang='es'] #categories #category-06 {
	background: url('/images/site/popular-topics-es.png') no-repeat center top;
}

/* ------ Accordians ------ */
.accordian-section h3 {
	margin-top:1em;
}
.accordian-section summary{
	background-color:#eaeaea;
	padding: 0.5em 0.5em 0.5em 0.5em;
	color: #000;
	border: 1px solid #b2b2b2;	
}
.accordian-section details {
	margin-top:1.5em;
}
.accordian-section summary.focused {
	border: 1px solid #424242;
}

/* ------ Get Help ------ */
.get-help {
	padding: 20px 10%;
}
html[lang='es'] .get-help {
	padding: 20px 5%;
}
.get-help.dark {
	background-color: #7C174B;
}
.get-help.light {
	background-color: #EFFAFA;
	margin-top: 36px;
}
.get-help img {
	float: left;
	width: 210px;
}
.get-help .text {
	padding-top: 40px;
	margin-left: 250px;
}
.get-help h3 {
	font-family: 'Baloo';
	color: #424242;
	font-size: 35px;
	line-height: 36px;
	margin-top: -35px;
	padding: 0 0 21px 0;
}
.get-help p {
	color: #231F20;
	font-family: 'Nunito Sans Regular';
	font-size: 15px;
	line-height: 21px;
	padding: 0 0 21px 0;
}
.get-help .cta, .get-help .cta a {
	font-family: 'Baloo';
	color: #424242;
	font-size: 25px;
	line-height: 34px;
	padding-bottom: 0;
}
.get-help.dark h3, .get-help.dark p, .get-help.dark .cta a {
	color: #fff;
}
.get-help .cta a {
	text-decoration: none;
}
.get-help .cta a:hover {
	text-decoration: underline;
	color: #007F88;
}
.get-help.dark .cta a:hover {
	color: #F7F1EB;
}
.get-help li {
	color: #231F20;
	font-family: 'Nunito Sans Regular';
	font-size: 15px;
	line-height: 21px;
	margin-top: 10px;
}
.get-help li:first-child {
	margin-top: 0;
}
.content .tip.get-help {
	padding: 0 0 15px 0;
}
.content .tip.get-help .text {
	padding-top: 65px;
	margin-left: 0;
}
.content .tip.get-help img {
	margin-top: 25px;
}
.content .tip.get-help p {
	padding-top: 0;
}
.content .tip.get-help ul {
	list-style-type: none;
	font-weight: 700;
}
.content .tip.get-help ul li {
	background: none;
}

/* ------ Featured and Related Articles ------ */
.articles {
	background: url('/images/site/related-line-black.png') no-repeat 45px 18px;
	margin: 50px auto 0 auto;
	padding-bottom: 50px;
	width: 1218px;
	clear: both;
}

.articles.maroon {
	background: url('/images/site/related-line-maroon.png') no-repeat 25px 18px;
}

.articles.teal {
	background: url('/images/site/related-line-teal.png') no-repeat 25px 18px;
}

.articles h2 {
	background: #fff;
	display: inline-block;
	font-family: 'Baloo';
	font-size: 30px;
	line-height: 36px;
	padding: 0 25px 0 13px;
}

.articles.maroon h2 {
	color: #7C174B;
}

.articles.teal h2 {
	color: #008591;
}

.articles a {
	color: #231F20;
	display: block;
	float: left;
	margin: 23px 13px 0 13px;
	text-align: center;
	text-decoration: none;
	width: 380px;
}

.articles a:nth-child(3n) {
	clear: both;
}

.articles img {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	width: 100%;
}

.articles a .content {
	background: #fff;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	padding-top: 15px;
	position: relative;
	margin: -21px auto 0 auto;
	width: 324px;
}

.articles a .content small {
	font-family: 'Nunito Sans ExtraBold';
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 16px;
	text-transform: uppercase;
}

.articles a .content h3 {
	font-family: 'Baloo';
	font-size: 25px;
	line-height: 24px;
	padding-top: 8px;
}

.articles a:hover .content h3, .articles a:focus .content h3 {
	color: #008591;
}

.articles.maroon a:hover .content h3, .articles.maroon a:focus .content h3 {
	color: #7C174B;
}

.articles.teal a:hover .content h3, .articles.teal a:focus .content h3 {
	color: #008591;
}

.articles a .content p {
	color: #424242;
	font-family: 'Nunito Sans Regular';
	font-size: 15px;
	line-height: 20px;
	padding-top: 10px;
}
.hybrid-page-articles {
	margin-left:-110px;
	padding-bottom:0px;
}
.hybrid-page-articles h2 {
	font-size:30px !important; 
	color:#000;
}
.hybrid-page-articles a{
	margin-top:0px !important;
}
.hybrid-page-articles a img {
	margin-top: 1em !important;
}

/* ------ Full Featured ------ */

#full-featured {
	height: 447px;
	width: 100%;
}

#full-featured .square {
	background: #587D31 url('/images/site/featured-slice.png') no-repeat top left;
	height: 100%;
	float: left;
	width: 458px;
}

#full-featured .square .content {
	padding-left: 73px;
	width: 310px;
}

#full-featured .square small {
	color: #fff;
	display: block;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
	padding-top: 95px;
	text-transform: uppercase;
}

html[lang='es'] #full-featured .square small {
	padding-top: 50px;
}

#full-featured .square h4 {
	color: #fff;
	font-family: 'Baloo';
	font-size: 35px;
	line-height: 36px;
	padding-top: 12px;
}

#full-featured .square p {
	color: #fff;
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 20px;
	padding-top: 15px;
}

#full-featured .square a {
	background: #fff;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	color: #5F8634;
	display: block;
	font-family: 'Baloo';
	font-size: 17px;
	line-height: 19px;
	margin-top: 20px;
	padding: 12px 26px;
	text-align: center;
	text-decoration: none;
}

#full-featured .square a:hover, #full-featured .square a:focus {
	background: #D24423;
	color: #fff;
}


#full-featured img {
	float: right;
	height: 100%;
	width: 805px;
}

#full-featured iframe {
	float: right;
	height: 100%;
	width: 805px;
}

/* ------ Local Support / Helpline ------ */

#support {
	background: #7C174B;
	padding: 35px 0;
	width: 100%;
}

#support .twocol {
	margin: 0 auto;
	width: 1120px;
}

#support .twocol .col {
	margin-bottom: 0;
}

#support .text h2 {
	color: #fff;
	font-family: 'Baloo';
	font-size: 35px;
	line-height: 36px;
	padding-top: 0;
}

#support .text p {
	color: #fff;
	font-family: 'Nunito Sans Regular';
	font-size: 15px;
	line-height: 21px;
	padding-top: 10px;
}

form#programs {
	width: 300px;
	margin: 30px 0 20px;
}

#support form#programs {
	margin: 30px auto 0;
}

form#programs label {
	display: none;
}

/* SELECT ARROW / ADDED TO STYLE SHEET BY DFPS */ 
form#programs select {
 	/* basic */
	display: inline-block;
	width: 100%;
	font: inherit;
	font-size: 15px;
	border: 1px solid gray; 
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	background-color: #fff;
		/* reset */
	margin: 0;      
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* arrow */
	background-image:
       linear-gradient(45deg, transparent 50%, gray 50%),
       linear-gradient(135deg, gray 50%, transparent 50%),
       linear-gradient(to right, #bbb, #bbb);
	background-position:
	   calc(100% - 27px) calc(1em + 1px),
       calc(100% - 17px) calc(1em + 1px),
       calc(100% - 3.5em) 0.25em;
	background-size:
       10px 10px,
	   10px 10px, 
	   1px 2em;
	background-repeat: no-repeat;
}

form#programs select:focus {
  background-image:
    linear-gradient(45deg, grey 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, grey 50%),
    linear-gradient(to right, #bbb, #bbb);
  background-position:
	calc(100% - 17px) 1em,
	calc(100% - 27px) 1em, 
	calc(100% - 3.5em) 0.25em;
  background-size:
    10px 10px,
    10px 10px,
    1px 2em;
  background-repeat: no-repeat;
}

form#programs select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

#support .content {
	padding: 0 10%;
	width: auto;
}

#support button {
	background: #fff;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	border: none;
	width: 300px;
	color: #7C174B;
	display: block;
	font-family: 'Baloo';
	font-size: 17px;
	line-height: 19px;
	margin: 20px auto 0;
	padding: 12px 26px;
	text-align: center;
	text-decoration: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	form#programs select, #support form select {
		padding-right: 1em;
	}
	form#programs select, #support form select {
		background-image: none;
	}
}

/* ------ Footer ------ */

footer {
	padding: 36px 0;
	width: 100%;
}

footer .content {
	margin: 0 auto;
	padding-bottom: 31px;
	width: 1120px;
}

footer nav {
	float: left;
}

footer .content nav ul {
	float: left;
	margin-right: 20px;
	list-style: none;
}

footer .content nav ul {
	width: 150px;
}

footer .content nav ul:last-of-type {
	width: 180px;
}

footer .content ul li {
    background: none;
    font-family: 'Nunito Sans SemiBold';
    font-size: 15px;
    line-height: 20px;
    margin-top: 0;
    padding-left: 0;
}
footer .content nav ul li a {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 13px;
	line-height: 30px;
	text-decoration: none;
}

footer nav ul li a:hover, footer nav ul li a:focus {
	text-decoration: underline;
}

footer #contact {
	float: left;
}

footer #contact h6 {
	color: #231F20;
	font-family: 'Nunito Sans ExtraBold';
	font-size: 13px;
	line-height: 20px;
	padding-top: 0;
}

footer #contact p {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 13px;
	line-height: 20px;
}

footer #contact p a {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
}

footer #social {
	margin-left: -4px;
	padding-top: 18px;
}

footer #social a {
	float: left;
	height: 35px;
	display: block;
	margin-right: 7px;
	text-indent: -9999em;
	width: 34px;
}

footer #social a.facebook {
	background: url('/images/site/footer-facebook.png') no-repeat top left;
	background-size: cover;
}

footer #social a.instagram {
	background: url('/images/site/footer-instagram.png') no-repeat top left;
	background-size: cover;
}

footer #social a.youtube {
	background: url('/images/site/footer-youtube.png') no-repeat top left;
	background-size: cover;
}
footer #social a.email {
	background: url('/images/site/footer-email.png') no-repeat top left;
	background-size: cover;
}
footer #social a:hover, footer #social a:focus {
	background-position: bottom left;
}

footer #contact a:hover, footer #contact a:focus {
	text-decoration: underline;
}

footer #dfps {
	display: block;
	float: right;
	height: 79px;
	width: 350px;
}

footer #dfps img {
	height: 100%;
	width: 100%;
	margin-top: 0;
}

footer #sub-footer {
	border-top: 1px dashed #231F20;
	padding-top: 20px;
	width: 100%;
}

footer #sub-footer .content {
	padding-bottom: 0;
}

footer #sub-footer .content ul {
	padding-left: 0;
}

footer #sub-footer .content ul li, footer #sub-footer .content ul li a {
	color: #231F20;
	display: inline-block;
	font-family: 'Nunito Sans SemiBold';
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
}

footer #sub-footer ul li a:hover, footer #sub-footer ul li a:focus {
	text-decoration: underline;
}

footer #sub-footer p {
	color: #231F20;
	font-family: 'Nunito Sans SemiBold';
	font-size: 12px;
	line-height: 30px;
	padding-top: 28px;
}

/* ------ Authors ------ */ 
#bio article {
	background: #fff;
	margin: 0 auto;
	position: relative;
	width: 614px;
}

#bio article img {
	float: right;
	margin: 5px 0 20px 30px;
	width: auto;
}

#bio article h1 {
	color: #008591;
	font-family: 'Baloo';
	font-size: 35px;
	line-height: 43px;
	margin-top: 32px;
	padding-top: 0;
	text-align: left;
}

#bio article h2 {
	font-family: 'Nunito Sans SemiBold';
	font-size: 14px;
	line-height: 19px;
	padding-top: 0;
	color: inherit;
}

#bio article p {
	font-family: 'Nunito Sans SemiBold';
	font-size: 15px;
	line-height: 22px;
	padding-top: 15px;
}

/* ------ Page-Types ------ */
#home {
	margin: 0 auto;
	width: 1263px;
}

#topic {
	margin: 0 auto;
	width: 1263px;
}

#article {
	margin: 0 auto;
	width: 1263px;
}

#bio {
	margin: 0 auto;
	width: 1263px;
}

#article #banner {
	position: relative;
	width: 100%;
}

#article #banner img {
	width: 100%;
}

#article .content #share {
	padding-top: 26px;
}

#article article {
	background: #fff;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	border-radius: 21px;
	margin: -59px auto 0 auto;
	position: relative;
	width: 932px;
}

#article article .content {
	margin: 0 auto;
	width: 610px;
}

#blank-slate { /* applies to optional <section> on pages without a main ID page type */
	margin: 0 auto;
	width: 1000px;
}

#blank-slate .content {
	margin-bottom: 25px;
}

#blank-slate .content h2 {
	font-size: 40px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	text-align: left;
	line-height: 1;
}

/* ------ Utility ------ */

.clear {
	clear: both;
}

/* ------ Image Rotator ------ */
.content ul.cycle {
	list-style: none;
	margin-top: 35px;
	padding: 0;
	width: 100%;
}
.content ul.cycle li {
	background: none;
	margin-top: 0;
    padding-left: 0;
	padding-bottom: 0;
}
.content ul.cycle li img {
	box-shadow: none;
	margin-top: 0;
}

/* IE FIX  || THIS MUST ALWAYS STAY AT THE BOTTOM OF THE STYLE SHEET */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

#splash {
	margin: 0 auto;
	width: 1263px;
}

#home #splash {
	margin: 0 auto;
	width: 1263px;
}

#topic #splash {
	margin: 0 auto;
	width: 1263px;
}

.articles {
	margin: 0 auto;
	width: 1219px;
}

#home .articles {
	margin: 0 auto;
	width: 1219px;
}

#featured-video {
	margin: 0 auto;
	width: 1263px;
}

#home #featured-video {
	margin: 0 auto;
	width: 1263px;
}

#categories {
	margin: 0 auto;
	width: 1205px;
}

#full-featured {
	margin: 0 auto;
	width: 1263px;
}

#home #full-featured {
	margin: 0 auto;
	width: 1263px;
}

}


/*====================================================================
================ Collapsable regions =================================
====================================================================*/

.light {
    background-color: #EFFAFA;
}
.FAQ_Survey h3 {
    color: #008591;
}
.collapsible { 
    border-radius: 5px;
    margin: 10px 0;
}

.collapsible-header {
    color: #444;
    cursor: pointer;
    padding: 18px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	border: 1px solid #008591;
    border-radius: 0;
}
.collapsible:last-of-type  .collapsible-header{
    border-radius:0 0 25px 25px;
}
.collapsible:first-of-type  .collapsible-header{
    border-radius:25px 25px 0 0 ;
}
.collapsible-header::after {
    content: '\002B';
    color: #7C174B;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    transition: 0.4s;
}
.collapsible:last-of-type .collapsible-header.active {
    border-radius: 0;
}
.collapsible-header.active::after {
    content: "\2212";
}

.collapsible-body {
    /* padding: 0 18px; */
    display: none;
    padding: 0 4rem 4rem 4rem;
}

@media (max-width: 600px) {
    .collapsible-header,
    .collapsible-body {
        padding: 18px 18px;
    }
}
.margin_fix_btn {
    margin: 15px 0 0 0!important;
}
button {cursor:pointer;}
.cta.FLS button {
    margin-bottom: 20px!important;
}
.centered {
    text-align: center;
    margin: 15px auto;
}
.centered a.button.phone {
    display: inline-block;
}

/* ------ Begin 404 Page Styles ------ */
/*#article article .content {
	width:450px !important;
}
@media only screen and (max-width: 550px) {
	#article article .content {
		width:100% !important;
	}
}
#article article {
	margin-top: 0px !important;
}
h1 {
	text-indent:-9999em;
}
.details, #share, .question{
	display:none;
}
h2:first-of-type {
	padding-top:0px !important;
	color:#000;
	font-size:2em;
}
.content ul:last-of-type {
	padding-bottom: 20px;
}
.content ul li {
    margin-top:10px !important;
}

#search2 label {
	display: none;
}
#search2 input {
	border: 1px solid #979797;
	height: 24px;
	width: 255px;
	padding:5px;
	float:left;
}
#intro {
	padding-bottom: 25px;
}
#search-instr {
	float: left;
    padding-bottom: 35px;
    padding-top: 8px;
    padding-right: 8px;
}
@media only screen and (max-width: 480px) {
	#search-instr {
		float: none;
		padding-bottom: 5px;
	}
}
#search2 button {
	background: url(/images/site/icon-search.png) no-repeat top left;
    background-size: cover;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    border-left: none;
	border-image: none;
    box-sizing: content-box;
    cursor: pointer;
    float: left;
    display: block !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -9999em;
    width: 34px;
	
	min-width: auto;
	border-radius: 0px;
}
#search2 button:hover {
	background-position: top right;
}
*/
#fourZeroFour #article article .content {
	max-width:650px !important;
}
@media only screen and (max-width: 550px) {
	#fourZeroFour #article article .content {
		width:100% !important;
	}
}
#fourZeroFour #article article {
	margin-top: 0px !important;
}
.fourZeroFour h1 {
	text-indent:-9999em;
}
.fourZeroFour .details, #share, .question{
	display:none;
}
.fourZeroFour h2:first-of-type {
	padding-top:0px !important;
	color:#000;
	font-size:2em;
}
.fourZeroFour .content ul:last-of-type {
	padding-bottom: 20px;
}
.fourZeroFour .content ul li {
    margin-top:10px !important;
}

.fourZeroFour #search2 label {
	display: none;
}
.fourZeroFour #search2 input {
	border: 1px solid #979797;
	height: 24px;
	width: 255px;
	padding:5px;
	float:left;
}
.fourZeroFour #intro {
	padding-bottom: 25px;
}
.fourZeroFour #search-instr {
	float: left;
    padding-bottom: 35px;
    padding-top: 8px;
    padding-right: 8px;
}
@media only screen and (max-width: 480px) {
	.fourZeroFour #search-instr {
		float: none;
		padding-bottom: 5px;
	}
}
.fourZeroFour #search2 button {
	background: url(/images/site/icon-search.png) no-repeat top left;
    background-size: cover;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    border-left: none;
	border-image: none;
    box-sizing: content-box;
    cursor: pointer;
    float: left;
    display: block !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -9999em;
    width: 34px;
	
	min-width: auto;
	border-radius: 0px;
}
.fourZeroFour #search2 button:hover {
	background-position: top right;
}
.addPadUtility {padding:3rem 0;}
/* ------ End 404 Page Styles ------ */