/*
@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,800);
*/


@font-face {
    font-family: 'Nunito Light';
    src: url('../font/Nunito-Light.ttf') format('truetype');
    
}

@font-face {
    font-family: 'Nunito Bold';
    src: url('../font/Nunito-Bold.ttf') format('truetype');    
}

@font-face {
    font-family: 'Nunito Regular';
    src: url('../font/Nunito-Regular.ttf') format('truetype');    
}


.container-fluid {
	/*max-width: 1120px;*/
	
	/*min-width: 320px;*/
	max-width: 920px;
	margin: 10px auto;
	/*margin-bottom: 10px;*/
}


body {
	font-size: 16px;
	font-family: 'Nunito Regular', sans-serif;

	background-color: #9ed45c;

}

img {
	max-width: 100%;
	vertical-align: top;
}

a:hover {
	text-decoration: none;
}

a {color:white;}
a:hover, a:visited {color:#594b9f;}

/* ----- webfont sizes ----- */

p, .navbar .nav > li > a {
	font-size: 17px;
}

h5 {
	font-size: 19px;
}

h6 {
	font-size: 17px;

}


/* ----- navbar ----- */

.navbar a.brand {
	font-size: 22px;
	font-weight: 700;
	color: #333;
}

.navbar, .navbar-inner, .nav {
	background-color: #9ed45c;
	background-image: none;
	border-radius: 0px;
	box-shadow: none;
	border: none;
}

.navbar .nav > li > a, .navbar a.brand {
	text-shadow: none;	
}

.navbar .nav > li > a {
	color: #333;
	font-weight: 700;
}

.navbar .nav li.active a, .navbar .nav li.active a:hover {
	box-shadow: none;
}

.navigation {
	background-color: #ccc;
	margin-bottom: 20px;
}

.navigation li {
	background-color: #666;
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 5px;
}

.navbar.worlds {
	margin-top: -18px;
	margin-bottom: 30px;
}

.navbar.worlds .navbar-inner {
	background-color: #eee;
	padding: 5px;
}

.navbar.worlds ul.worlds-nav {
	text-align: center;
	margin-bottom: 0;
}

.navbar.worlds ul.worlds-nav li {
	margin: 5px;
	display: inline-block;
	width: 23.3%;
}

/* ----- accordion ----- */

.accordion-group {
	margin-bottom: -15px;
}

.accordion-group, .accordion-heading, .accordion-inner {
	border: none;
	border-radius: 0px;
}

.accordion-heading {
	background-color: #c4fa82;
	font-size: 32px;
	font-family: 'Nunito Regular', sans-serif;

}

.accordion-inner {
	background-color: #c4fa82;

}

.accordion-heading a {
	color: white;
}


/*accordion heading text*/
.accordion-heading h3{
	font-size:40px;
}

.border_top{
	margin-top:16px;
}
.border_bottom{
	/*margin-top:-22px;*/
}
/* ----- prototype containers ----- */

.content-container {
	position: relative;
	padding:2px;
}

.container-header {
	/*position: absolute;*/
	position: relative;
	margin-left: 10px;
	margin-right: 10px;

	color: #54555a;
	font-weight: normal;
	font-family: 'Nunito Bold', sans-serif;

}

.media-list{
	padding: 0 1%;

}

.media-list .span3{
	margin: 0;
	width: 25%;
	padding: 1%;
}

.media-list .span3 a{
	display: block;
	padding: 2%;
}

.media-list .span3 a:hover{
	padding: 1% 3% 3% 1%;
}

.media-list .span3 a:active{
	padding: 2%;
}

.container-img{
	width:1120px;
}

.ts-header{
	margin-bottom:15px;	
}
.header-pbslogo{
	padding: 40px 3% 0 0;

}
.header-marthalogo{
	padding:40px 3% 0 0;
	

}
.header-truestories{

}

.grownups-item{
	
	background:#339a99;
	float:left;
	margin: 0 20px 20px 0;
	width:175px;
	/*height:50px;*/
	font-size: 17px;
	
	padding:15px 0;
	line-height: 20px;

	text-align: center;
	font-family: 'Nunito Bold',sans-serif;
}

.grownups-text{
	/*color:white;
	font-size: 17px;
	padding-top:15px;*/
}
/*using sans-serif text for footer*/
.footer .span12 {
	color:#222;
	height: 200px;
	font-family: 'Source Sans Pro', sans-serif;
}

.span12 p{
	font-size: 10px;
	line-height: 13px;
	width: 67%;
	float: left;
}

.footer img{
	padding: 0 0 0 20px;
}

.footer {
	margin-top: 20px;
}

div#footernav {
	display:block;
	width:100%;
	text-align:center;
	font-size:80%;
	color:#CE353B;
	margin:0 0 40px 0;
}

div#footernav a {
	text-decoration:none;
}

div#footernav a:link {
	color:#CE353B;
}

div#footernav a:visited {
	color:#12AEDE;
}

div#footernav a:hover {
	color:#C4FA82;
}

/* ----- spans temp ----- */

.span3, .span12, .span4 {
	margin-bottom: 20px;
}


.titlemartha{
	
}

.headerIcon{
	float:left;
	margin-top:6px;
	margin-right:20px;
}
.accordion-heading h3{
	color:#594b9f;
}



.headerArrow{
	display:block;
	float:right;
	background: url('../img/site/index-btn-arrow.png') top left no-repeat;
	width: 45px;
	height:47px;
	overflow: hidden;
}
.headerArrow:active{
	background-position: -45px 0; 
}


/* ----- sorry page (redirect for incompatible browsers) ----- */
.sorry-container{
	margin-top:0px;
}

/*
.sorry-divider{
	float:left;
	height:200px;
}
*/

/* ----- extra media queries ----- */

/*phone and smaller*/
/*includes retina display iPhones */
@media (max-width: 499px) {
	.header-pbslogo{
		width:60px;
	}
	.header-marthalogo{
		width:120px;	
	}
	.header-truestories{
		margin-top:-10px;
		margin-bottom:-20px;
	}

	.headerIcon{
		width:25px;
		margin-top:10px;	
		margin-right: 10px;	
	}

	.headerArrow{
		/*width:30px;
		margin-top:5px;*/
	}
	/*accordion heading text*/
	.accordion-heading h3{
		font-size:20px;
	}

  .row-fluid [class*="span"]:first-child {
    margin-left: 1.5%;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;    
    float: left;
    margin-left:1.5%;

  }
  .row-fluid .span3 {
    width: 48%; 
  }

  .media-list .span3 a:hover{
	padding: 2%;
	}

.container-header {
	/*position: absolute;*/
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	
	color: #666;
	font-size:16px;
	
}

/*the image per storybook in each accordion*/
.container-img{
	max-width:120px;	
}

	.headerArrow{
		display:block;
		float:right;
	}	

.grownups-container{
	margin: 0 20px;
}

.grownups-item{
	width:150px;
}

.sorry-martha{
	float:left;
	width:30%;
	/*min-width:120px;*/
	margin-top:4%;
}

.sorry-text{
	font-family: 'Nunito Light', sans-serif;
	
	line-height: 1.3em;
	font-size:16px;
	float:right;
	margin-right:8%;
	width:55%;
}

}

/*small tablet: 2x2 groups*/
@media (min-width: 500px) and (max-width: 767px) {
	.header-pbslogo{
		/*width:12%;*/
	}
	.header-marthalogo{
		/*width:22%;*/
	}
	.header-truestories{
		width:60%;
		margin-left:10px;
	}
	
  .row-fluid [class*="span"]:first-child {
    margin-left: 1.5%;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left:1.5%;

  }
  .row-fluid .span3 {
    width: 48%;    
  }
  .media-list .span3 a:hover{
	padding: 2%;
	}

	.headerArrow{
		display:block;
		float:right;
	}

.grownups-container{
	margin: 0 20px;	
}

.sorry-martha{
	float:left;
	width:25%;
	/*min-width:120px;*/
	margin-top:5%;
}

.sorry-text{
	font-family: 'Nunito Light', sans-serif;
	font-size:16px;
	line-height: 1.3em;
	float:right;	
	margin-top:4%;
	margin-right:36%;
	width:33%;
}
}

/*iPad and larger*/
@media (min-width: 768px) {
	.header-pbslogo{
		/*width:12%;*/
	}
	.header-marthalogo{
		/*width:22%;*/
	}
	.header-truestories{
		width:60%;
		margin-left:10px;
	}
 	.headerArrow{
		display:none;
		float:right;
	}

.grownups-container{
	margin: 0 20px;	
}


.sorry-martha{
	float:left;
	width:30%;
	/*min-width:120px;*/
	margin-top:-4%;
}

.sorry-text{
	font-family: 'Nunito Light', sans-serif;
	line-height: 1.3em;
	float:right;
	margin-right:8%;
	margin-top:2%;
	width:55%;
}

}