/*
Theme Name: E-Store Blank 
Description: A bespoke theme by C2.
Author: C2 Clear Creatives
Author URI: https://www.c2clearcreative.co.uk

*/

#nav {
	font-size: 1.25em;
}

.entry {
  margin-bottom: 50px;
}

#nav-below {
  margin-top: 25px;
  padding-top: 50px;
  background: url('images/h1_underline.svg') no-repeat center top;
}
#nav-below a {
  color: #80c8c6;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.05em;
}
#nav-below a:hover {
  text-decoration: underline;
}
#nav-below .nav-previous {
  width: 40%;
  float: left;
  background: url('https://www.storytimemagazine.com/wp-content/uploads/2016/02/previous-arrow.png') no-repeat left center;
  background-size: 35px 20px;
  padding-left: 50px;
}
#nav-below .nav-next {
  width: 40%;
  float: right;
  text-align: right;
  background: url('https://www.storytimemagazine.com/wp-content/uploads/2016/02/next-arrow.png') no-repeat right center;
  background-size: 35px 20px;
  padding-right: 50px;
}

.homepage_top .ribbon_orange {
  padding: 12px 20px 12px 50px;
  left: -100px;
}

#footer {
	width: 100%;
}
.footer_left, .footer_right {
	width: 33%;
}
#menu-footer-menu-bottom {
	background: no-repeat center bottom url('images/divider_hori_light_blue.svg');
	padding-bottom: 20px !important;
	margin-bottom: 10px;
}
.yt {
    display: inline-block;
    background: no-repeat 10px -16px url('https://www.storytimemagazine.com/wp-content/uploads/2018/06/social_youtube_follow.png');
    background-size: 155px;
    text-indent: -999em;
    width: 212px;
    height: 63px;
    }

/* ADD SCHOOLS TOP TAB */
.schools_btn_outer {
	width: 201px;
	float: left;
	position: absolute;
	top: -43px;
	left: 0px;
	transition: top .1s;
}
.schools_btn_outer:hover {
	transition: top .2s;
	top: -38px;
	color: #f3c0cc;
}
.schools_btn {
	left: 19%;
}

/* TWEAKS FOR BLOG POSTS */
.storytime-posts {
	width: 65%;
	float: left;
}
.post-title {
	width: auto;
}
#sidebar {
	width: 30%;
	background: none;
	margin-top: 0;
	padding-top: 0;
	font-size: 0.85em;
  line-height: 1.25;
}
.storytime-posts h3 {
	font-size: 1.6em;
	margin-top: 1em;
	margin-bottom: 0em;
	color: #58a7a5;
}
ul#sidebar {
  list-style: none;
}
#sidebar h2.widgettitle {
	border: none;
	padding-bottom: 12px;
	background: no-repeat left bottom url('images/h1_underline.svg');
	font-family: 'vernaregular', Arial, Helvetica, sans-serif;
	color: #85C8C6;
	font-size: 1.4em;
	line-height: 1.2;
}
#sidebar ul li {
  border: none;
}
#searchform #s {
  height: 30px;
  border-radius: 4px;
  font-size: 1em;
  color: #666;
  width: 100%;
  padding-right: 0;
}
.textwidget .sub_btn_normal_size {
  font-size: 1.2em;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  float: none;
  position: relative;
  display: block;
}
.textwidget .sub_btn {
  margin-top: -5px;
}
.textwidget img {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: block
}
a.social-icons {
  display: inline-block !important;
  width: 23%;
  opacity: 0.75;
  transition: all 0.25s; 
}
a.social-icons:hover {
  opacity: 1;
  transition: all 0.25s; 
}
.social-icons img {
  width: 100%;
  float: left;
}

/* adding in wp-captions */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-top: .25em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
	margin-top: .25em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: .5em;
}
.wp-caption {
	background: #fff;
	line-height: 18px;
	max-width: 580px !important; /* prevent too-wide images from breaking layout */
	padding: 10px 5px 5px 5px;
	text-align: center;
	margin-bottom: 1.5em;
	position: relative;
	z-index: 5;
	border-radius: 4px
}
.wp-caption img {
	margin: 0;
	padding-bottom: 5px;
}
.wp-caption p.wp-caption-text {
	color: #58a7a5;
	font-size: 0.8em;
	margin: 5px;
	line-height: 1.25;
}


@media all and (max-width: 1120px) {
  
  #header .sub_btn_outer {
    position: absolute;
    top: -38px;
    right: 0;
  }
  #header .sub_btn_outer:hover {
    top: -28px;
  }
  
  .schools_btn_outer {
  	width: 180px;
  	top: -38px;
  	left: 0px;
  	transition: top .1s;
  }
  .schools_btn_outer:hover {
  	transition: top .2s;
  	top: -28px;
  }
  .schools_btn {
  	left: 19% !important;
  }

}
@media all and (max-width: 970px) {
  
  div#logo {
    padding-top: 37px;
  }

  #header .sub_btn_outer {
  	width: 140px;
    position: absolute;
    top: -24px;
    right: 0;
  }
  #header .sub_btn_outer:hover {
    top: -18px;
  }
  #header .sub_btn {
    font-size: 1.2em;
  	left: 10%;
  }
  
  .schools_btn_outer {
  	width: 140px;
  	top: -24px;
  	left: 0px;
  	transition: top .1s;
  }
  .schools_btn_outer:hover {
  	transition: top .2s;
  	top: -18px;
  }
  .schools_btn {
    font-size: 1.2em;
  	left: 19% !important;
  }
}

@media all and (max-width: 767px) {
  
  .storytime-posts {
  	width: 100%;
  	float: none;
  }
  #sidebar {
  	width: 100%;
  }
  
  .footer_left, .footer_right {
    width: 100%;
  }

}