@charset "UTF-8";
/* CSS Document */
/* 
colors
orange - #F58524
blue - #30a7b7
 */


body {background-color:#fff;}

/*---- header--------- */

header {max-width:1300px;}

/* icons */
#headerPages, #headerHome {	position:relative;}
#headerPages nav.homeLink,
#headerHome nav.espanolLink {
	position:absolute;
	top:25px;	right:30px;
}
#headerPages nav.espanolLink {
	position:absolute;
	top:62px;	right:30px;
}
.icon-home {
	background-color: #fff;
	padding: 2px 6px 2px 20px;
	border-radius: 6px;
	color: #2B3D5D;
	background-image: url(../_images/icon-home.svg);
	background-repeat: no-repeat; 	background-size: 22px;	background-position: 3px center;	
	text-align:center;
	width: 90px;
	opacity:.85;
	font-size:1.15em;
}
a:hover .icon-home {	background-image: url(../_images/icon-home2.svg); 	opacity:1; text-decoration:none;
}

.icon-english, .icon-espanol {
	background-color: #fff;
	padding: 2px 6px;
	border-radius: 6px;
	color: #2B3D5D;
	text-align:center;
	width: 90px;
	opacity:.85;
	font-size:1.15em;
}
a:hover .icon-english, a:hover .icon-espanol {	color: #3f5a89; opacity:1;  text-decoration:none;}

.headerRow {
/*	background:#30a7b7;*/
	background:#52ab43; /* 3fad2b*/
	border-bottom:8px solid #fff;
}
.header-left {	margin-left: -15px;}
#pages .header-right img {	margin-top:45px;	width:65%;	margin-left:4%;}
#home .header-right img {	margin-top:16%;	width:65%;	margin-left:4%;}
#pages .header-right.spanishTitle img {	margin-top:45px;	width:75%;	margin-left:4%;}
#home .header-right.spanishTitle img {	margin-top:16%;	width:75%;	margin-left:4%;}
.headerImage {	width:100%;}

@media screen and (max-width: 480px) {
.header-left {	padding-right: 0px;}
}
#pages .headerRow h2 {
	margin-top: 45px;
	margin-bottom:0px;
	margin-left:6%;
	padding-bottom:10px;
	font-size: 3.2em;
	background-image: url(../_images/checkbox.png);
	background-repeat: no-repeat;
	padding-left: 65px;
	background-size: 65px;
	background-position: left 8px;
	color:#fff;
	text-decoration: none;
}
@media screen and (max-width: 1100px) {
#pages .headerRow h2 {	margin-top: 35px;}
}
@media screen and (max-width: 991px) {
#pages .header-right img { 
	margin-left: 0px;
	margin-top:30px;
}
#pages .header-right.spanishTitle img,
#home .header-right.spanishTitle img {
	margin-left: 0px;
	margin-top:10px;
}

#pages .headerRow h2 {
	margin-left:0;
	margin-top: 25px;
	font-size: 2.5em;
	background-size: 50px;
	padding-left: 50px;
}
}
@media screen and (max-width: 767px) {
#home .header-right img {
	margin-left: 0;
}
#pages .headerRow .spanishTitle h2 {
	font-size: 1.9em;
	background-size: 37px;
	background-position: left 5px;
	padding-left: 38px;
	margin-top: 15px;
}
}
@media screen and (max-width: 650px) {
#home .header-right img {
	width:75%;
	margin-left:2%;
	margin-top:45px;
}
#pages .header-right img {
	margin-top:15px;
}
#pages .headerRow h2 {
	font-size: 2.2em;
	background-size: 40px;
	padding-left: 40px;
}
#headerPages nav.homeLink,
#headerHome nav.espanolLink {
	top:12px;	right:10px;
}
#headerPages nav.espanolLink {
	top:43px;	right:10px;
}
}
@media screen and (max-width: 500px) {
#home .header-right img {
	margin-top:10%;
	width:75%;
}
#pages .headerRow h2 {
	font-size: 1.6em;
	background-size: 30px;
	background-position: left 4px;
	padding-left: 30px;
	margin-top: 15px;
}
#pages .headerRow .spanishTitle h2 {
	font-size: 1.6em;
	background-size: 34px;
	background-position: left 2px;
	padding-left: 30px;
	margin-top: 10px;
}
#headerPages nav.homeLink,
#headerHome nav.espanolLink {
	top:12px;	right:10px;
}
#headerPages nav.espanolLink {
	top:40px;	right:10px;
}
.icon-home {
	padding: 1px 4px 1px 18px;
	border-radius: 6px;
	color: #2B3D5D;
	background-image: url(../_images/icon-home.svg);
	background-repeat: no-repeat; 	background-size: 20px;	background-position: left center;	
	text-align:center;
	opacity:.8;
}
.icon-home, .icon-english, .icon-espanol {
	width: 55px;
	background-size: 16px;
	font-size:.9em;
}
}
@media screen and (max-width: 450px) {
.icon-home {
	padding-left:15px;
}
.icon-home, .icon-english, .icon-espanol {
	width: 48px;
	background-size: 15px;
	font-size:.8em;
}
#headerPages nav.espanolLink {
	top:38px;	right:10px;
}
#pages .headerRow .spanishTitle h2 {
	font-size: 1.3em;
	background-size: 28px;
	background-position: left 2px;
	padding-left: 27px;
	margin-top: 10px;
}
}


/*-------- carousel ---------*/
.carousel.fade {	opacity: 1;}
.carousel.fade .item {
	transition: opacity ease-out .7s;
	left: 0;
	top: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	display: block;
}
.carousel.fade .item:first-child {
	top: auto;
	position: relative;
}
.carousel.fade .item.active {
	opacity: 1;
}


/* ------- content ----------------------*/

.clickBelow {	
	padding-left:37%;
	font-weight:600;
	font-size:1.6em;
	margin-top:15px;
	margin-bottom:5px;
}
.sectionHome, .sectionPages {	
	max-width:1300px;
}
.homeContent, 
.pagesContent {
	background:#f58320;
/*	background: linear-gradient(#f58320, #fff);*/
	background: linear-gradient(#f7c95e, #f7c95e, #fff);
	padding-bottom:200px;
	padding-top:20px
}
.pagesContent p {
	font-size: 1.6em;
	margin: 15px 60px 15px;
}
.pagesContent p a {
	color:#2B3D5D;
	text-decoration:underline;
}
.pagesContent p a:hover {
	color:#3f5a89;
}
ul.healthyList {
	margin-top: 20px;
	margin-left: 60px;
	list-style: none;
	padding-left: 37%;
	padding-top: 15px;

}
ul.healthyList li {
	margin-bottom:10px;
}
ul.healthyList li a {
	margin-left:-60px;
	margin-top: 15px;
	margin-bottom:20px;
	padding-bottom:20px;
	font-size: 2.2em;
	background-image: url(../_images/checkbox.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-size: 60px;
	background-position: left 5px;
	transition: .5s;
	color:#2B3D5D;
	text-decoration: none;
}
ul.healthyList li a:hover {
	color:#3f5a89;
	font-weight:700;
	background-size: 64px;
	background-position: left 3px;
}

ul.healthyList li a:visited {
	color:#3f5a89;
	font-weight:300;
}

section.listContainer {
	position: relative; 
}
@media screen and (min-width: 992px) {
	section.listContainer {
		min-height: 300px; 
	}
}
section.listContainer .videoDiv {
	position: absolute;
	width: 28%;
	margin-left: 60px;
	top:25px;
	left: 0;
}
	section.listContainer .videoDiv img {
		width: 100%;
	}
	section.listContainer .videoDiv figcaption {
		padding: 5px;
		font-size: 1.5rem
	}

.bp_ad {	margin-left: 37%; margin-top: 30px;}
@media screen and (max-width: 991px) {
.clickBelow {	
	padding-left:36%;
	font-weight:600;
	font-size:1.5em;
	margin-top:5px;
	margin-bottom:10px;
}
#home ul.healthyList {
    padding-left: 36%;
    padding-top: 0px;
		margin-left:50px;
}
#pages ul.healthyList {
    padding-left: 33%;
    padding-top: 5px;
		margin-left:50px;
}
#home ul.healthyList li a,
#pages ul.healthyList li a {
	font-size: 1.7em;
	padding-left: 50px;
	background-size: 50px;
	background-position: left 1px;
	margin-left: -50px;
}
ul.healthyList li a:hover {
	background-size: 54px;
	background-position: left 0px;
}
section.listContainer .videoDiv {
	width: 23%;
	top:10px;
}
.pagesContent p {
	font-size:1.4em;
}
.bp_ad {
	margin-left: 33%;
}
}
@media screen and (max-width: 767px) {
.clickBelow {	
	padding-left:33%;
}
#home ul.healthyList {
    padding-left: 33%;
}
#pages ul.healthyList {
    padding-left: 9%;
}
#pages ul.healthyList li a {
	font-size: 1.5em;
	padding-left: 50px;
	background-size: 50px;
	background-position: left 1px;
}
#home ul.healthyList li a:hover {
	background-size: 54px;
	background-position: left 0px;
}
.pagesContent {
	padding-top:5px
}
.pagesContent p {
	font-size:1.3em;
}
.bp_ad {
	margin-left: 9%;
}
	section.listContainer .videoDiv {
		position: relative;
		width: 60%;
		max-width: 350px;
		padding-left: 0;
		padding-top: 0;
		top: 0;
	}
}
@media screen and (max-width: 650px) {
#home ul.healthyList {
	padding-left:11%;
}
#pages ul.healthyList {
  padding-left: 6%;
}
ul.healthyList li a {
	font-size: 1.3em;
	padding-left: 42px;
	padding-right: 22px;
	background-size: 40px;
	background-position: left 1px;
}
section.listContainer .videoDiv {
	margin-left: 35px;
}
.pagesContent p {
	font-size:1.2em;
	margin:25px 6%;
}
.clickBelow {	
	padding-left:11%;
}
}
@media screen and (max-width: 500px) {
#pages ul.healthyList {
	padding-left:0;
	margin-top:20px;
}
.pagesContent {
	padding-top:0px
}
.pagesContent p {
	margin:20px 0 0 0;
	font-size:1.0em;
}
#pages ul.healthyList li a {
	font-size: 1.1em;
	padding-left: 42px;
	background-size: 40px;
	background-position: left 1px;
	margin-left:-42px;
}
#pages ul.healthyList li a:hover {
	background-size: 44px;
}
ul.healthyList {
	margin-top: 15px;
}
section.listContainer .videoDiv {
	width: 75%;
	top:10px;
}
.bp_ad {
	margin-left: 0;
}
}
@media screen and (max-width: 450px) {
	.clickBelow {	font-size:1.15em;}
	#home ul.healthyList li a {
		font-size: 1.1em;
		padding-left: 42px;
		background-size: 40px;
		background-position: left 1px;
		margin-left:-42px
	}
	#home ul.healthyList li a:hover {	background-size: 44px;}
}


/* FOOTER */
footer {
	background-color: #FFFFFF;
	border-top: 2px solid #30A7B7; 
	max-width: 1300px;
	margin: 0 auto;}
footer img {
	float:left;
	height: 75px;
	margin: 15px 20px 15px 30px;
}
footer p { 
	float:right;
	width:120px;
	margin-top: 20px;
	margin-right: 20px;
	text-align: right;
}


/* wordpress injects */
ul.postFromBS { list-style:none; margin-bottom:30px;}
ul.postFromBS li.post-h1 { font-size:2em;}