@charset "UTF-8";
/* CSS Document */
/*
font-family: 'Fjalla One', sans-serif;
font-family: 'Alegreya Sans', sans-serif;
font-family: 'Libre Baskerville', serif;
font-family: 'Source Sans Pro', sans-serif;
red: #ec2824;
blue: #0073d8;
grey: #595959;
yellow: #ffcc00;

https://fonts.google.com/specimen/Source+Sans+Pro?selection.family=Alegreya+Sans|Fjalla+One|Libre+Baskerville|Source+Sans+Pro


*/
.body-text{
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
	color: #595959;
	line-height: 30px;
}
a:hover{
	text-decoration: none;
	color: #ec2824;
}
a, a:hover, a:active, a:visited, a:focus { text-decoration: none; outline: none; }
.white{
	color: #FFF;
}
.black{
	color:#000;
}
.red{
	color: #ec2824;
}
.blue{
	color:#0073d8;
}
.grey{
	color: #595959;
}

h1,
h2{
	font-family: 'Fjalla One', sans-serif;
	
}
h3{
	font-family: 'Libre Baskerville', serif;
}
.font-Fjalla{
	font-family: 'Fjalla One', sans-serif;
	letter-spacing: .75px;
}
.font-sant{
	font-family: 'SantEliaRough-Bold';
}
.h-22{
	font-size: 22px;
}
.h-24{
	font-size: 24px;
}
.h-26{
	font-size: 26px;
	line-height: 37px;
}
.h-33{
	font-size: 33px;
	line-height: 42px;
}
.h-36{
	font-size: 36px;
	line-height: 45px;
}
.h-42{
	font-size: 42px;
}
.h-64{
	font-size: 64px;
}
.h-67{
	font-size: 67px;
	line-height: 85px;
}
.v-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.img-dotted-line{
	margin-top: 20px!important;
}
.btn{
	background-color: #0073d8;
	color: #FFF;
	font-family: 'Fjalla One', sans-serif;
	letter-spacing: 1.25px;
	font-style: normal;
	font-size: 16px;
}
.img-grow:hover{
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#page-content p{
	margin-top: 25px;
}
#page-content img{
	margin-top: 30px;
}
.row-block{
	margin-bottom: 50px;
}
#popUp{
	margin-top: 15%;
}
#popUp .modal-content{
	border: none;
	border-radius: 0;
	background-color: transparent;
	box-shadow:none;
}
#popUp .modal-content .close{
color: #FFF;
opacity: 1;
font-size: 50px;

}
.img-popup{
	width: 100%;
	height: auto;
	border: 25px solid rgba(255,255,255,.75);
}
.donate-today{
	position: fixed;
	background-color: #ec2824;
	text-align: center;
	z-index: 9999;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
	padding-left: 15px;
	padding-right: 15px;
	
}
.donate-today p{
	font-size: 18px;
	padding-top: 10px;
}
.donate-today h1{
	font-size: 42px;
	margin-top: -10px;
	letter-spacing: 1.5px;
}

.hero {
	position: relative;
}
.hero-text{
	position: absolute;
	bottom: 15%;
	right:10%;
}
.hero img{
	width:  100%;
}

.navbar-brand {
	position: absolute;
}
.navbar-brand img{
	margin-top: -100px;
	margin-left: -15px;
	transition: .25s all ease-in-out;
}
.navbar{
	background-color: #ec2824;
	font-family: 'Fjalla One', sans-serif;
	letter-spacing: 1px;
	font-size: 18px;
	border: 0;
	border-radius: 0;
}
.navbar-fixed-top{
	min-height: 69px;
	
}

.navbar li a{
	color: #FFF!important;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;
}
.dropdown-menu{
	background-color: #ec2824;
}
.dropdown-menu > li > a{
	padding: 10px 20px;
	font-size: 18px;
}
.dropdown-menu > li > a:hover{
	color: #595959!important;
	background-color: #FFF;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	background-color: #FFF;
	color: #595959!important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	color: #777!important;
	background-color: #FFF;
	
}

/*#topNavigation.affix {
    position: fixed;
    width: 100%;
    z-index:10;
}
#welcome-page-nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}*/


/* HOME PAGE*/


.aed{ 
	margin-top: 50px;
}
.aed p{
	padding-top: 60px;
}
.aed a{
	font-size: 22px;
	color: #000;
	text-decoration: none;
}
.img-aed{
	float: left;
}
.fb-group{
	margin-top: -45px;
}

.img-families-connecting{
	margin-top: 50px;
}
/* SOCIAL ICONS*/
.welcome-social-bar{
	margin-top: 50px;
}
.social img{
	width: 100%;
}
.social ul{
	margin-left: -25px;
}
.social li{
	list-style: none;
    margin-left: 15px;
	margin-top: 15px;
    width: 42px;
    height: 42px;
    float: left;
}
.social-icons{
	background-image: url(../images/icons/spirit-logo.png);
}
.social-icons:hover{
	    filter: brightness(1) invert(.5);
    -webkit-filter: brightness(1) invert(.5);
}
#facebook{
	 background-position: 0 172px;
}
#twitter{
	 background-position: 257px 172px;
}
#instagram {
    background-position: 186px 172px;
}
#you-tube{
	 background-position: 115px 172px;
}
#blog{
	 background-position: 43px 172px;
}

/* MISSION STATEMENTS*/
#mission-statement{
	margin-top: 25px;
}
.blue-bg{
	background-color: #0073d8;
}
#mission-statement h1{
	margin-top: 45px;
}
#mission-statement p{
	font-size: 16px;
}
.img-mission{
	border: 10px solid #FFF;
	margin-top: 45px;
	margin-bottom: 45px;
}
.mission-img-container,
.kids-speak-out{
	position: relative;
}

.mission-text-container{
	background-image:url(../images/bg-mission.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
.mission-text-container .overlay{
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.6);
	position: absolute;
	top: 0;
	left: 0;
	
}

.mission-text-container p{
	font-style: italic;
	padding-bottom:40px!important;
}
.btn-mission {
	font-size: 25px;
	margin-top: 35px;
	margin-bottom: 45px;
}
/*  POP UP */
.video-modal {
	margin-top:10%;
}
#btn-close-popup{
	position:absolute;
	right:-10px;
	top:-10px;
	background-color:#000;
	opacity:1.0;
	color:#FFF;
	border-radius: 50%;
	border:3px solid #FFF;
	width:30px;
	padding:0;
	height:30px;
	z-index:9999;
	box-shadow:0 0 4px #000;
}

/* FAMILY CONNECTION*/
#family-connection{
	box-shadow: 0px 0px 50px #CCC , 0px 0px 50px #CCC ;
	padding-top: 50px;
	padding-bottom: 50px;
}
#family-connection p{
	padding-top: 10px;
	
}

.btn-join-now{
	font-size: 25px;
}
#welcome-note{
	background-image: url(/images/bg-welcome-note.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-size:  cover;
}
#welcome-note h1{
margin-bottom: 25px;
	margin-top: 70px;
}
#welcome-note p{
	margin-bottom: 20px;

}
/*LATEST NEWS*/
#latest-news{
	margin-top: 25px;
	margin-bottom: 25px;
}
#latest-news h1{
	margin-bottom: 50px;	
}
#latest-news a{
	text-decoration: none;	
}
#latest-news a h3{
	color: #595959;
}
.more-news{
	border-top: 1px solid #CCC;
	margin-top: 70px;
}
.btn-more-news{
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-top: -17px;
	color: #595959;
}

.btn-more-news:hover{
	color: #FFF;
	background-color: #0073d8;
}
.news-excerpt{
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 15px;
}

.news-block h3{
	min-height: 100px;
	line-height: 32px;
}
.news-block img{
	max-width: 100%!important;
	height: auto!important;
	display: block!important;
}


/* FOOTER */
.footer-container{
	background-color: #0073d8;
	margin-top: 0;
}
.img-footer-logo{
	padding:25px 0;
}
.logo-heathwood{
	float: right;
}

.copyright{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	padding-top: 50px;
}
.footer-social-bar{
	max-width: 320px;
	margin:0 auto;
	padding-top: 50px;
}


/*MIKEY"s KIDS*/
.testimonials{
	border-bottom: 2px dotted #ccc;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.testimonials p{
	font-style: italic;
	font-size: 16px;
}
.testimonials p a{
	font-style: normal;
	text-decoration: none;
	color: #0073d8;
	font-size: 16px;
}
.testimonials p a:hover{
	color: #ec2824;
}
.testimonials strong{
	font-style: normal!important;
	color: #000;
}


.kids-speak-out .v-center{
	top:40%;
}

.inner-testimonial img{
	margin-top: 50px!important;
}
.inner-testimonial p{
	font-style: italic;
}
.lead{
	font-style: normal!important;
	font-size: 26px;
}
.inner-testimonial strong{
	font-style: normal!important;
}
.dotted{
	border-bottom: 2px dotted #CCC;
	padding-top: 25px;
	margin-bottom: 25px;
}

.get-involved  .btn-steps{
	font-size:33px;
}
.get-involved .btn:hover{
	color: #FFF; cursor:default;
}

.get-involved p{
	margin-bottom: 15px;
}

.story{
	border-bottom: 2px dotted #CCC;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.story-info{
	font-family: 'Fjalla One', sans-serif;
	text-align: center;
}
.story-info p{
	line-height: 10px;
}
.story-number{
	font-size: 64px;
	color: #FFF;
	background-color: #0073d8;
	padding: 45px 0;
	width: 110px;
    margin: 0 auto;
}
.saved-by{
	font-size: 26px;
}
.story-date{
	font-size:16px;
	margin-top: -20px;
}

.story-details img{
	padding-right: 20px;
	padding-bottom: 10px;
}
.story img{
	max-width: 100%;
	height: auto;
	float: left;
}
.last-row{
	margin-bottom: 50px;
	border-bottom: none;
}

.media-partner ul{
	margin-left: -15px;
}

.heart-healthy-glossary strong{
	color:#000;
}

.mikey-video{
	margin: 15px 0;
}
.play-button-sm{
	width: 50px;
}


.recipes-container{
	padding-top: 25px;
	background-color: #0073d8;
}
.recipes-header{
	margin-top: 75px;
	background: #0073d8;
	background: linear-gradient(to right, #0073d8 0%, #0073d8 30%, white 30%,white 100%); /* W3C */
}
.recipes-header h1{
	background-color: #0073d8;
	padding:25px 0 10px;
	margin-top: 0!important;
	margin-bottom: 0;
	border-radius: 0 25px 0 0;
	
	}
.recipes-container a{
	color: #ffcc00;
}
.recipes-container p{
	font-size: 16px;
}
.recipes-container h3{
	padding-top: 15px;
}
.recipes-list li{
	margin-left: -20px;
	list-style-image: url(../images/icons/list-icon.png);
}
.contact-information{
	padding-bottom: 75px;
}
.contact-information a{
	color: #ec2824;
}

.contact-information a:hover{
	color: #0073d8;
}
.btn-application{
	font-size: 26px;
	margin: 15px 0;
}
.img-app-store{
	padding-bottom: 50px;
}

@media (min-width: 768px){
	#page-content h1{margin-top: 80px;	}
	.welcome-left-col{border-right: 0 dotted #CCC;}
	.mission-text-container p{padding:15px 70px;}
	.news-block p{min-height: 350px;}
	#family-connection img{margin-top: 43px;}
	.story-details{border-left:2px solid #CCC; padding-left: 25px;}
	.dropdown:hover>.dropdown-menu { display: block; animation-name: dropdown-menu;	animation-duration: 1ms; }
	.img-screenshot{ margin-top: -30px!important;}
	#welcome-note p{padding-right: 25%;}
	.img-fundraising{margin-top: -117px!important;}
	.img-fundraising-2{margin-top: -75px!important;}
	.img-fundraising-3{margin-top: 5px!important;}
	.img-mikey-program{width: 200px; height: auto;}
}

@keyframes dropdown-menu {
    from {height: 0;}
    to { height: 100%; }
}


@media (min-width: 1200px){
	.donate-today{left: -100px; top:40%; border-radius: 0 0 10px 10px;}
}

@media (max-width: 1200px){
	.donate-today{ right: 0;left: 0;bottom: -10px;margin-right: auto;margin-left: auto;max-width: 200px;		transform: 	none;border-radius: 10px 10px 0 0;}
	.donate-today h1{font-size: 24px;}
	.donate-today p{font-size: 11px; line-height: 20px;}
	footer{padding-bottom: 81px;}
	
}

@media (min-width: 768px) and  (max-width: 992px){
	.nav > li > a {padding: 10px 10px;}
	.img-aed{width: 62%; height: auto;}
	.aed p{padding-top: 40px; }
	.navbar-brand { margin-left: -15px; margin-top: -15px; width: 20%;  }
	.social li {margin-left: 10px;}
	.navbar{font-size: 16px;}
}
@media (min-width: 992px) and  (max-width: 1199px){
	.navbar-brand { margin-left: -15px; margin-top: 30px; width: 20%;  }
}


@media (max-width: 767px){
	.navbar-brand{padding: 0;}
	.navbar-brand img {margin-top: -100px; margin-left: 25px; width: 50%;}
	.welcome-left-col{border-bottom: 2px dotted #CCC; padding-bottom: 35px;}
	.hero-text-img{width: 50%!important; height: auto;}
	.hero-text {bottom: 45%;}
	.center-block-xs{margin: 0 auto; display: block; max-width: 320px;}
	.img-families-connecting, .aed, .welcome-social-bar{margin-top: 30px;}
	.aed img {margin-top: 3px!important;}
	.aed p { padding-top: 35px;}
	.get-involved .btn-steps{margin-bottom: -15px; padding-bottom: 0;}
	.get-involved p{padding-bottom: 10px;}
	#page-content h1{margin-top: 0;}
	#mission-statement p {padding-bottom: 35px;}
	.mission-img-container .v-center{left:56%;}
	.mikey-partners img, .partner-hospitals img, .publication-resources img{margin-top: 0px!important;}
	.play-button{width: 75%; height: auto;}
	.img-mission{margin-top: 30px; margin-bottom: 20px;}
	.get-involved img{margin-bottom: 25px;}
	.h-64{font-size: 30px; line-height: 42px;}
	.h-67{font-size: 34px; line-height: 42px;}
	.h-33{font-size: 28px; line-height: 36px;}
	.h-42{font-size: 26px;}
	.news-block{padding-bottom: 25px;}
	.news-block h3{min-height: 45px;}
	.news-block img{margin: 0 auto!important;}
	.news-excerpt{padding-top: 5px;}
	.footer-social-bar{width: 100%; margin:0 auto; padding-top: 15px; margin-bottom: 150px;}
	.img-popup{border: 5px solid rgba(255,255,255,.75);	}
	.navbar, .dropdown-menu > li > a{font-size: 15px;}
	
}

@media (max-width: 499px){

	.navbar-brand{height: 100%;}
	.navbar-brand img{width: 30%; margin-top: -50px;}
	.mission-img-container .v-center{left:62%;}
	.play-button{width: 50%; height: auto;}
	#family-connection h1{margin-top: -5px;}
	.social li {margin-left: 10px;}
	.img-footer{margin-top: 50px;}
}