/* listing page */
/* light-blue: #394192 */
/*@media only screen and (min-width: 768px) {

}*/

@font-face {
    font-family: 'PBSKIDSHeadline-Bold';
    src: url('PBSKIDSHeadline-Bold.otf') format("opentype"); 
}

@font-face {
    font-family: 'PBSKIDSHeadline-Regular'; /*a name to be used later*/
    src: url('PBSKIDSHeadline-Regular.otf') format("opentype"); /*URL to font*/
}

body {
	padding-left: 0;
	padding-right: 0;
} 

.blog-header { display: none; }
div.span8.page-content {
  width: 100%;
  border: 0;
}

.explorer.light .container .box, .explorer.white .container .box {
  border: none;
}

.explorer {
	background: #f2f2f2 !important;
}

.explorer.white.cms-blogger {
  overflow-x: hidden;
}

header {
	padding-bottom: 10px;
	background-image: none !important;
	background-color: #ffe94d;
}

@media only screen and (min-width: 768px) {
	header {
			padding-bottom: 40px;
	}
}

.hide-mobile {
    content: "";
    width: 31px;
    height: 29px;
    display: block;
    z-index:99;
    background: url(menu.svg);
    position: absolute;
    left: 50px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}


header .container.middle-header .row-fluid .span12 {
    background: url(pbskids-in-the-neighborhood.png);
    background-position: top center;
    background-size: contain;
    height:160px;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
	header .container.middle-header .row-fluid .span12 {
		height:100px;
	}

	.hide-mobile {
		left:10px;
	}
}

@media only screen and (max-width: 599px) {
	header .container.middle-header .row-fluid .span12 {
		height:80px;
	}

	.hide-mobile {
		left:10px;
	}
}

@media only screen and (max-width: 460px) {
	header .container.middle-header .row-fluid .span12 {
		height:60px;
	}
}

.main-menu {
  display: none;
}

/***Slide menu***/

/*@media only screen and (max-width: 999px) {

}*/

body .extra-header { 
	margin-top: 40px;
  padding: 40px 0;
	position:absolute;
	left:0;
	height:auto;
	z-index: 99;
  background: #F2F2F2;
	webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  webkit-transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
  transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
}

@media (max-width: 999px) {

	body .extra-header { 
		margin-top: 40px;
		height:auto;
		-webkit-box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.1);
		-moz-box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.1);
		box-shadow: inset -5px 0px 5px -2px rgba(0,0,0,0.1);
	}
}

@media (max-width: 767px) {
	body .extra-header { 
		margin-top: 10px;

	}
}

@media (min-width: 767px) {
	body .extra-header { 
		padding-left: 35px;

	}
}

.extra-header .text-plugin.clearfix.box h3,
.extra-header .text-plugin.clearfix.box a {
	font-size: 20px;
  font-weight: bold;
}

.extra-header .text-plugin.clearfix.box ul {
	padding-left: 0;
	margin-left:0;
	list-style: none;
}

.extra-header .text-plugin.clearfix.box ul li {
	margin: 20px 0;
}

.extra-header .text-plugin.clearfix.box a {
	color: #394192;
}


body.menu-active .extra-header { 
	position:absolute;
	left:0;
	width: 100%;
	z-index: 99;
	webkit-transform: translateX(0);
  transform: translateX(0);
  webkit-transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
  transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
}

body.menu-active .container.content-wrapper {
  display: none;
}

body .container.content-wrapper { 
	padding-left: 0; 
  position: relative;
  max-width:960px;
  webkit-transition: padding .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
  transition: padding .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
}

@media only screen and (min-width: 1000px) {
	body .extra-header { 
		position:absolute;
		left:0;
		width:280px;
		margin-right:20px;
		z-index: 99; 
		padding-left: 0;

		background: #F2F2F2;
		webkit-transform: translateX(-280px);
	  transform: translateX(-280px);
	  webkit-transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	  transition: transform .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	}

	body.menu-active .extra-header { 
		position:absolute;
		left:0;
		width:280px;
		margin-right:20px; 
		z-index: 1;
		webkit-transform: translateX(35px);
	  transform: translateX(35px);
	  webkit-transition: all .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	  transition: all .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;

	}

	body.menu-active .container.content-wrapper { 
		padding-left: 320px; 
	  position: relative;
	  width: calc(100% - 330px);
	  max-width:960px;
    display: block;
	  webkit-transition: padding .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	  transition: padding .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	}

	body .container.content-wrapper { 
		padding-left: 0; 
	  position: relative;
	  max-width: 960px;
	  webkit-transition: padding .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	  transition: padding .25s cubic-bezier(0.4,0.0,0.2,1),visibility 0s linear 0s;
	}
}

body .extra-header .container {
	width:auto;
	background: transparent;
}

body .extra-header .container .text-plugin.clearfix.box {
	background: transparent;
}

/****************/


form#search-form {
	display:none !important;
}

.cms-blogger .blog-entry {
	padding: 20px;
}

.cms-blogger .text-plugin.clearfix.box {
	background: #F2F2F2;
}

.cms-blogger .blog-entry > .left-col {
    display: none;
}

.cms-blogger .blog-entry > .right-col.clearfix {
	margin: 0 !important;
	border-bottom: 0;
}


.cms-blogger .blog-entry > .right-col > .right-col + .left-col {
    clear: left;
}

img.entry-image {
    max-height: none !important;
    width: 100%;
}

.cms-blogger .blog-entry .entry-read-more {
  display: none;
}

.cms-blogger .blog-entry > .right-col > .right-col + .left-col {
    width: 58% !important;
    padding-right: 2%;
}

@media only screen and (max-width: 767px) {
	.cms-blogger .blog-entry > .right-col > .right-col + .left-col {
  	width: 100% !important;
	}	
}

.cms-blogger .blog-entry > .right-col > .right-col {
  width: 38% !important;
  padding-left: 2%;
}

@media only screen and (max-width: 767px) {
	.cms-blogger .blog-entry > .right-col > .right-col {
  	width: 100% !important;
	}	
}

.cms-blogger .blog-entry > .right-col h1#entry-title {
  width: 58%;
  float: left;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.cms-blogger .blog-entry > .right-col h1#entry-title {
		width: 100%;
	}
}

.cms-blogger .blog-entry h1#entry-title a {
	color: #394192;
	font-family: PBSKIDSHeadline-Regular;
}

.cms-blogger .blog-entry h5.subtitle {
	display: none;
}

.cms-blogger .blog-entry {
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
}

.container.content-wrapper .span4.right-rail {
    display: none;
}

.container.content-wrapper .row-fluid .span8.page-content {
	width: 100%;
}

/*footer*/

footer.container.content-wrapper {
  /*background: #FFF;*/
  width: 100%;
  position:relative;
}

footer.container.content-wrapper .text-plugin.clearfix.box {
	background:#FFF;
}

footer.container.content-wrapper:before {
    width: 1200px;
    height: 111px;
    right: 960px;
    top: 0;
/*    background: #FFF;*/
    display: block;
    position: absolute;
    content: "";
}

footer.container.content-wrapper:after {
    width: 1200px;
    height: 111px;
    left: 960px;
    top: 0;
    /*background: #FFF;
*/    display: block;
    position: absolute;
    content: "";
}

.social-media-wrap {
	text-align: center;
}

.social-media-wrap ul {
	padding-left:0;
	list-style:none;
}

.social-media-wrap ul li {
	display:inline-block;
	padding: 10px;

}

.social-media-wrap ul li a {
	display:inline-block;
	text-indent:-9999px;
	width: 36px;
	height: 36px;
}

.social-media-wrap ul li.twitter a {
	background: url('social.svg') no-repeat 0 0;
}

.social-media-wrap ul li.pinterest a  {
	background: url('social.svg') no-repeat -51px 0;
	width: 37px;
	height: 36px;
}

.social-media-wrap ul li.instagram a  {
	background: url('social.svg') no-repeat -103px 0;
	width: 37px;
	height: 36px;
}

.social-media-wrap ul li.facebook a  {
	background: url('social.svg') no-repeat -155px 0;
	width: 36px;
	height: 36px;
}

.cms-blogger .container .pagination {
	border-top: 0;
	background-color: #FFF;
	font-family: PBSKIDSHeadline-Regular;
	text-transform: capitalize;
}

@media (max-width: 600px) {
	.cms-blogger .pagination {
	    font-size: 16px;
	}
}

@media (max-width: 600px) {
	.cms-blogger .pagination table tr td.next {
		text-align: left;
		padding-left: 30px;
	}

	.cms-blogger .pagination table tr td.prev {
		text-align: right;
		padding-right: 30px;
	}
}

.cms-blogger .pagination table tr td.next,
.cms-blogger .pagination table tr td.prev {
	white-space: pre-wrap;
}

.cms-blogger .pagination table tr td.next {
	padding-right: 30px;
}

.cms-blogger .pagination table tr td.prev {
	padding-left: 30px;
}

.cms-blogger .pagination .prev a.page.previous span.text,
.cms-blogger .pagination .next a.page.next span.text {
	color: #394192;
	font-weight:bold;
	font-size: 36px;
	position:relative;
}

@media (max-width: 600px) {
	.cms-blogger .pagination .prev a.page.previous span.text,
	.cms-blogger .pagination .next a.page.next span.text {
		font-size: 16px;
	}
}

.cms-blogger .pagination .next a.page.next span.text:before { 
	content:"\003e"; 
	position: absolute;
	display: block;
	width: 20px;
  right: -30px
}

.cms-blogger .pagination .prev a.page.prev span.text:before { 
	content:"\003c"; 
	position: absolute;
	display: block;
	width: 20px;
  left: -30px
}

.cms-blogger .pagination .prev a.page.previous img,
.cms-blogger .pagination .next a.page.next img {
	display: none;
}

.cms-blogger .pagination .prev a.page.previous,
.cms-blogger .pagination .next a.page.next {
	color: #394192;
}

.cms-blogger .pagination span.page a {
	padding: 7px 12px 5px 12px;
	background-color: #394192;
	color:#FFF;
}

.cms-blogger .pagination span.page a {
	color:#FFF;
}

.cms-blogger .pagination span.current.link_color_text {
	padding: 5px 10px;
	color:#000;
	text-decoration: none;
}

.cms-blogger .pagination span.ellipsis {
	padding: 5px 10px;
}

div#flexi-links {
  display: none;
}

div#flexi-copyright {
    text-align: center;
}

footer .nav.secondary li {
  border-right: 0;
} 


/* single */

@media only screen and (min-width: 600px) {

}

.cms-blogger .blog-post {
		-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);
	}

@media only screen and (max-width: 600px) {
	.cms-blogger .blog-post {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

.cms-blogger .blog-post > .left-col { 
	display:none;
}

.cms-blogger .blog-post > .right-col h1 {
  color: #394192;
  font-family: PBSKIDSHeadline-Regular;
	font-weight: normal;
}

.cms-blogger .span8.page-content .blog-post > .right-col {
	margin-left: 0 !important;
	padding-bottom: 0;
}

.cms-blogger .blog-post > .text-plugin.clearfix.box {
	margin-left: 0;
}

.cms-blogger .blog-post .entry-image-container .img-details {
	background: #FFF;
	padding: 10px 15px 0 15px;
}

.cms-blogger .blog-post > .text-plugin.clearfix.box {
	background: #FFF;
}

.cms-blogger .blog-post .entry-image-container .img-details .img-caption {
	font-size: 14px;
	color: #222;
	font-weight: normal;
	text-transform:none;
	padding-right: 10px;
	float: left;
}

.cms-blogger .blog-post .entry-image-container .img-details .img-credit {
  float: left;
  font-weight: bold;
}

.cms-blogger table.entry-footer {
	border: 0;
}

.cms-blogger table.entry-footer tbody .pull-left {
	padding-left: 8% !important;
  width: 40% !important;
}

.cms-blogger table.entry-footer tbody .pull-right {
	padding-right: 8%;
  width: 40%;
}


.cms-blogger table.entry-footer tbody .pull-left .arrow-left {
	color: #394192;
	font-family: PBSKIDSHeadline-Regular;
	text-transform: capitalize;
	font-size: 36px;
	position:relative;
}

@media only screen and (max-width: 480px) {
	.cms-blogger table.entry-footer tbody .pull-left .arrow-left {
		font-size: 16px;
	}
}

.cms-blogger table.entry-footer tbody .pull-right .arrow-right {
	color: #394192;
	font-family: PBSKIDSHeadline-Regular;
	text-transform: capitalize;
	font-size: 36px;
	position:relative;
}

@media only screen and (max-width: 480px) {
	.cms-blogger table.entry-footer tbody .pull-right .arrow-right {
		font-size: 16px;
	}
}

.cms-blogger table.entry-footer tbody .pull-left .arrow-left:before {
	content:"\003c"; 
	position: absolute;
	display: block;
	width: 20px;
  left: -30px;
}

@media only screen and (max-width: 480px) {
	.cms-blogger table.entry-footer tbody .pull-left .arrow-left:before {
	  left: -15px;
	}
}

@media only screen and (max-width: 480px) {
	.cms-blogger table.entry-footer tbody .pull-right .arrow-right:before {
	  left: -15px;
	}
}

.cms-blogger table.entry-footer tbody .pull-left img,
.cms-blogger table.entry-footer tbody .pull-right img {
	display: none;
}

.cms-blogger table.entry-footer tbody .pull-left p.title.link_color_text {
	margin-left: 0;
	max-width: 280px;
}

.cms-blogger table.entry-footer tbody .pull-right p.title.link_color_text {
	margin-right: 0;
	text-align:right;
}

.cms-blogger table.entry-footer tbody .pull-right .arrow-right:before {
	content:"\003e"; 
	position: absolute;
	display: block;
	width: 20px;
  right: -30px
}

@media only screen and (max-width: 480px) {
	.cms-blogger table.entry-footer tbody .pull-right .arrow-right:before {
	  right: -15px;
	}
}

@media only screen and (min-width: 768px) {

}

.pagination.clearfix::before {
    background: #fff none repeat scroll 0 0;
    bottom: -210px;
    content: " ";
    display: block;
    height: 320px;
    left: -100%;
    position: absolute;
    width: 300%;
    z-index: -1;
}
.page-content .text-plugin.clearfix.box {
    position: relative;
    background: transparent;
}