@font-face{font-display:optional;
	font-family : Sanchez;
	font-style : italic;
	font-weight : 400;
	src : local("Sanchez Italic"),local(Sanchez-Italic),url(https://fonts.gstatic.com/s/sanchez/v4/HsmMg_Kwn-sTuZvQJORnl_Y6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(https://fonts.gstatic.com/s/sanchez/v4/HsmMg_Kwn-sTuZvQJORnl1tXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(https://fonts.gstatic.com/s/sanchez/v4/HsmMg_Kwn-sTuZvQJORnlz8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face{font-display:optional;
	font-family : Sanchez;
	font-style : normal;
	font-weight : 400;
	src : local(Sanchez),local(Sanchez-Regular),url(https://fonts.gstatic.com/s/sanchez/v4/jmAEUIQSCRFE1APV8uXw3Q.eot?#) format("eot"),url(https://fonts.gstatic.com/s/sanchez/v4/ASmipTgPwTrjcfmzf6Zfwg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/sanchez/v4/mx466fsxfR1AA3OwUm3waQ.woff) format("woff");
}
/* 
   Vars - variables - where we define things
   ========================================================================== */
/* 
   Sil - Silent Classes which can be shared among extends 
   ========================================================================== */
/*reset*/
* {
	margin : 0;
	padding: 0;
	 border: 0;
	outline: 0;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content-box {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
table {
	font-weight: normal

}



@font-face{font-display:optional;
    font-family: 'handlee';
    src: url('/wp-content/themes/story8/public/css/fonts/handlee/handlee-regular-webfont.woff2') format('woff2'),
         url('wp-content/themes/story8/public/css/fonts/handlee/handlee-regular-webfont.woff') format('woff'),
         url('wp-content/themes/story8/public/css/fonts/handlee/handlee-regular-webfont.ttf') format('ttf');

    font-weight: normal;
    font-style: normal;

}
.button::-moz-focus-inner {
	padding: 0;
}
/* 
   spaces / margins  to be converted
   ========================================================================== */
.space {
	margin: 28px;
}
.space-top-bottom {
	margin: 28px 0
}
.space-left-right {
	margin:  0  28px
}
.space-left {
	margin-left: 28px;
}
.space-right {
	margin-right: 28px;
}
.space-top {

	margin-top: 28px;
}
.space-bottom {
	margin-bottom: 28px;
}
/*****/
.space-mini {
	margin: 14px;
}
.space-mini-top-bottom {
	margin: 14px 0
}
.space-mini-left-right {
	margin:  0  14px
}
.space-mini-left {
	margin-left: 14px;
}
.space-mini-right {
	margin-right: 14px;
}
.space-mini-top {
	
	margin-top: 14px;
}
.space-mini-bottom {
	margin-bottom: 14px;
}
/********/
.space-tiny {
	margin: 7px;
}
.space-tiny-top-bottom {
	margin: 7px 0
}
.space-tiny-left-right {
	margin:  0  7px
}
.space-tiny-left {
	margin-left: 7px;
}
.space-tiny-right {
	margin-right: 7px;
}
.space-tiny-top {
	
	margin-top: 7px;
}
.space-tiny-bottom {
	margin-bottom: 7px;
}
/***********/
.space-big {
	margin: 56px;
}
.space-big-top-bottom {
	margin: 56px 0
}
.space-big-left-right {
	margin:  0  56px
}
.space-big-left {
	margin-left: 56px;
}
.space-big-right {
	margin-right: 56px;
}
.space-big-top {
	
	margin-top: 56px;
}
.space-big-bottom {
	margin-bottom: 56px;
}
.stack, .stack li, .stack .stack_u, .one-whole, .list-stacked > li, .nav {
	width: 100%;
}
.box, .box-top, .box-bottom, .box-top-bottom, .box-right, .box-right-left, .box-wide, .box-tall, .box-mini, .box-mini-top, .box-mini-bottom, .box-mini-top-bottom, .box-mini-right, .box-mini-right-left, .box-mini-wide, .box-mini-tall, .box-tiny, .box-tiny-top, .box-tiny-bottom, .box-tiny-top-bottom, .box-tiny-right, .box-tiny-right-left, .box-tiny-wide, .box-tiny-tall, .box-big, .box-big-top, .box-big-bottom, .box-big-top-bottom, .box-big-right {
	  border: 1px solid transparent;
}
.box-wide, .box-big-right-left {
	  border-right: 1px solid transparent;
}
.box-big-right-left {
	  border-left: 1px solid transparent;
}
.box, .box-top, .box-top-bottom, .box-wide, .box-mini-tall {
	padding-top: 27px;
	
}
.box, .box-right, .box-right-left, .box-tall, .box-mini-wide {
	padding-right: 27px;
	
}
.box, .box-bottom, .box-top-bottom, .box-wide, .box-mini-tall {
	padding-bottom: 27px;
	
}
.box, .box-left, .box-right-left, .box-tall, .box-mini-wide {
	padding-left: 27px;
	
}
.box-mini, .box-mini-top, .box-mini-top-bottom, .box-mini-wide, .box-tiny-tall {
	padding-top: 13px;
	
}
.box-mini, .box-mini-right, .box-mini-right-left, .box-mini-tall, .box-tiny-wide {
	padding-right: 13px;
	
}
.box-mini, .box-mini-bottom, .box-mini-top-bottom, .box-mini-wide, .box-tiny-tall {
	padding-bottom: 13px;
	
}
.box-mini, .box-mini-left, .box-mini-right-left, .box-mini-tall, .box-tiny-wide {
	padding-left: 13px;
	
}
.box-tiny, .box-tiny-top, .box-tiny-top-bottom, .box-tiny-wide {
	padding-top: 6px;
	
}
img.icon, .box-tiny, .box-tiny-right, .box-tiny-right-left, .box-tiny-tall {
	padding-right: 6px;
	
}
img.icon, .box-tiny, .box-tiny-bottom, .box-tiny-top-bottom, .box-tiny-wide {
	padding-bottom: 6px;
	
}
.box-tiny, .box-tiny-left, .box-tiny-right-left, .box-tiny-tall {
	padding-left: 6px;
	
}
/********/
.box-tall, .box-big, .box-big-top, .box-big-top-bottom {
	padding-top: 55px;
	
}
.box-wide, .box-big, .box-big-right, .box-big-right-left {
	padding-right: 55px;
	
}
.box-tall, .box-big, .box-big-bottom, .box-big-top-bottom {
	padding-bottom: 55px;
	
}
.box-wide, .box-big, .box-big-left, .box-big-right-left {
	padding-left: 55px;
	
}
.box-top-bottom, .box-mini-top-bottom, .box-tiny-top-bottom, .box-big-top-bottom {
	border-left: 0;
}
.box-top-bottom, .box-mini-top-bottom, .box-tiny-top-bottom, .box-big-top-bottom {
	border-right: 0;
}
.fancy, .h1, h1, h2, h3, h4, h5 {
	letter-spacing: 1px;
	letter-spacing: 0.0625rem;
}
.btn {
 	white-space: nowrap;
}
.btn {
	vertical-align: middle;
}
.btn, a.btn, a, a:hover {
	text-decoration: none;
}
ul {
	list-style: none;
}
img.icon, .left {
	float: left;
}
.right {
	float: right;
}
.stretchy {
	float: none important!;
}
s.clear, .cf:after {
	clear: both;
}
.abs {
	position: absolute;
}
.nav, ul, .vcenter, .rel, .relative {
	position: relative;
}
.ov-vis {
	overflow: visible
}
.nav, .list-stacked > li, .stretchy, .ov-hidden, .ov-hid {
	overflow: hidden
}
.btn, .ov-auto {
	overflow: auto
}
/* */
.inl {
	display: inline
}
.btn, .inl-block {
	display: inline-block;
}
ul, .stretchy {
	display: block;
}
.cf:after {
	display: table;
}
.page, img, .img-center img, .center {
margin: auto;

}
/* need to add more flex props when better understand them */
.trans-med {
	 -webkit-transition: all 0.4s ease-in;
	 -o-transition: all 0.4s ease-in;
	 transition: all 0.4s ease-in;
}
.moveX-100.active {
	-webkit-transform: translate3D(100%,0,0);
	    -ms-transform: translate3D(100%,0,0);
	        transform: translate3D(100%,0,0);
}
.moveX-50.active {
	-webkit-transform: translate3D(50%,0,0);
	    -ms-transform: translate3D(50%,0,0);
	        transform: translate3D(50%,0,0);
}
.moveX-minus-50.active {
	-webkit-transform: translate3D(-50%,0,0);
	    -ms-transform: translate3D(-50%,0,0);
	        transform: translate3D(-50%,0,0);
}
/* Main main color */
/* Main alt color (1) */
/* Main accent color */
/* Main main background */
/* Main alt background (1) */
/* Main accent background */
/* Main main border */
/* Main alt border (1) */
/* Main accent border */
/*Transparent borders */
/*social*/
/* 
   Extends  -  where we generate the css
   ========================================================================== */
/* @import "extend/normalize.css"; */
/*buttons*/
.btn {
  line-height: normal; /* this is important for averting bugs - put desired line-height on inner most item eg span or b */ 
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button:hover, .button:active, .button:focus {
 outline: 0;
}
.button::-moz-focus-inner { 
 border: 0;
}
/*types */
body {
   font-family: "Sanchez";
}
h1.site-title {
	font-size: 62px;
	font-size: 3.875rem;
	line-height: 62px;
	line-height: 3.875rem;
	font-weight: bold;
	letter-spacing: 2px;
	letter-spacing: 0.125rem;

}
.fancy, .h1, h1, h2, h3, h4, h5 {
	font-family: "handlee";
}
h3.comment-reply-title {
  font-size: 36px;
  font-size: 2.25rem;
}
strong {
  font-weight: bold;
}
p, li {
  /* Modern Georgia-based serif stack */
  /* Traditional Garamond-based serif stack */
  font-family: "Sanchez", serif;
}
.small, .p-small, .small p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-bottom: 8px;
}
body {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 32px;
  line-height: 2rem;
}
p {
  margin-bottom: 16px;
}
h1, h2, h3, h4, h5 {
  font-weight: 500;
}
h3 {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 40px;
  line-height: 2.5rem;
}
.h2, h2 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 48px;
  line-height: 3rem;
}
h1 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 48px;
  line-height: 3rem;
 
}
h1.page-title {
  font-size: 52px;
  font-size: 3.25rem;
}
h1, h2, h3, h4 {
  letter-spacing: 3px;
  letter-spacing: 0.1875rem;
}
h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  padding-bottom: 16px;
}
ul.site-title {
  max-width: 360px;
}
h1.site-title {
  margin: 0;
  padding: 0;
  line-height: 1;
  text-shadow: -1px -1px 0 #5a6886, 1px -1px 0 #5a6886, -1px 1px 0 #5a6886, 1px 1px 0 #5a6886;
  -webkit-font-smoothing: antialiased;
}
h1 a, h2.title-cat a {
  text-decoration: none;
}
h2 {
  line-height: 40px;
  line-height: 2.5rem;
  padding-bottom: 16px;
}
blockquote {
  position: relative;
}
blockquote p:before, blockquote p:after {
  display: inline;
  font-size: 2em;
  position: relative;
  top: 0.25em;
  padding: 0 0.2em;
}
blockquote p:before {
  content: " \201C";
  content: open-quote;
}
blockquote p:after {
  content: no-close-quote;
}
blockquote p:last-of-type:after {
  content: "\201D";
  content: close-quote;
}
.cite, blockquote.center {
  line-height: 32px;
  line-height: 2rem;
  padding: 16px 32px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 23px;
  margin-bottom: 23px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  text-align: center;
}
cite {
  font-style: italic;
}
cite:before {
  content: "- ";
  float: left;
  padding-right: 4px;
}
/*
   Links
   ========================================================================== */
h2 a, h4 a {
  text-decoration: none;
}
.a-trans, .a-trans:hover {
  color: #222;
  text-decoration: none;
}
.p-large {
	font-size: 21px;
	font-size: 1.3125rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.h1, h1 {
	font-weight: normal;
}
.txt-left {
	text-align: left
}
.txt-right {
	text-align: right
}
.txt-center  {
	text-align: center;
}
.txt-normal {
	font-weight: normal;
}
.it {
	font-style: italic;
}
.line-one {
	line-height: 1;
}
/*    grids           */
/* 
   Grid Fractions
   ========================================================================== */
.g-m-wrap, .g-m {
    letter-spacing: -.31em;
    letter-spacing: normal;
    word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, Droid Sans, Helvetica, Arial, sans-serif;
  
 
    display: -webkit-box;
  
 
    display: -ms-flexbox;
  
 
    display: flex; 
    -ms-flex-line-pack: start; 
        align-content: flex-start;
     
  
}
.g-m-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.g-m-justify {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.g-m, .opera-only:-o-prefocus {
    word-spacing: -.43em
}
.u-m {
    display: inline-block;
    display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    font-family: helvetica, sans-serif;
}
@media screen and (min-width: 768px) {

.g-wrap, .g {
    letter-spacing: -.31em;
    letter-spacing: normal;
    word-spacing: -.43em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, Droid Sans, Helvetica, Arial, sans-serif;
  
 
    display: -webkit-box;
  
 
    display: -ms-flexbox;
  
 
    display: flex; 
    -ms-flex-line-pack: start; 
        align-content: flex-start;
     
  
}

.g-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.g-justify {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


.g, .opera-only:-o-prefocus {
    word-spacing: -.43em
}

.u {
    display: inline-block;
    display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    font-family: helvetica, sans-serif;
}

 

.panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
}

.panel-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}



.bottom {
  margin: auto;
}
 



   .one-half {
    width: 50%;
   }

    .one-third {
        width: 33.333%
    }
    .two-thirds {
        width: 66.667%
    }
    .one-quarter {
        width: 25%
    }
    .three-quarters {
        width: 75%
    }
    .one-fifth {
        width: 20%
    }
    .two-fifths {
        width: 40%
    }
    .three-fifths {
        width: 60%
    }
    .four-fifths {
        width: 80%
    }
    .one-sixth {
        width: 16.667%
    }
    .one-seventh {
        width: 14.286%
    }
    .one-eighth {
        width: 12.5%
    }
    .one-nineth {
        width: 11.111%
    }
    .one-tenth {
        width: 10%
    }
    .one-eleventh {
        width: 9.091%
    }
    .one-twelth {
        width: 8.333%
    }
}
/* boxes */
/****/
/****/
/* 
   flush 
   ========================================================================== */
.box-flush-left {
  	padding-left: 0;
	border-left: none;
  }
.box-flush-right {
  	padding-right: 0;
	border-right: none;
  }
.box-flush-bottom {
  	padding-bottom: 0;
	border-bottom: none;
  }
.box-flush-top {
  	padding-top: 0;
	border-top: none;
  }
/*menus */
.vanish {
	display: none;
}
/* ==========================================================================
   Lists and Navs
   ========================================================================== */
ul.centered, .page-navigation {
  display: table;
  margin: auto;

}
ul.centered > ul li, .page-navigation > ul li {
  display: inline;
}
/* Special Ordered List */
ul.count {
		counter-reset: my-counter;


	}
ul.count > li:before {
		content: counter(my-counter);
		counter-increment: my-counter;

	}
.nav {

  ul {
	/*@extend %float-left;*/
	/*@extend %width-one-hundred-per-cent;*/
  }



}
/*@import "extend/radius.css";
@import "extend/buttons.css";
*/
/*fluid column */
@media (min-width: 480px) {
  .container {
      width: 100%;
      float: left;
      margin-right: -300px
  }


  .container-content {
       margin-right: 300px;

  }

  .container-aside {
    width: 300px;
}

}
/*vertical centering */
.vcenter {   /* should go inside position relative */
	top: 50%;
  -webkit-transform: translateY(-50%);
}
/* also see display table and table cell under display v centering */
.sp-top-50 {
    margin-top: 1px;
}
.hcenter {
	margin : auto;
}
.topleft {
  top: 0;
  left: 0;
}
/*widths */
.page {
	max-width: 970px;
	overflow: hidden;
}
.width-auto {
	width: auto;
}
.width-0 {
	width: 0px;
}
.width-200 {
	width: 200px;
}
.width-10 {
	width: 10px;
}
.max-width-200 {
	max-width: 200px;
}
@media screen and (max-width: 768px) {

	.one-whole-t {
		width: 100%;
	}

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

	.width-300 {
		width: 300px;
	}

	.width-336 {
		width: 336px;
	}

    .width-360 {
		width: 360px;
	}

.width-370 {
		width: 370px;
	}

   .width-380 {
		width: 380px;
	}

	.width-400 {
		width: 400px;
	}

	.width-600 {
		width: 600px;
	}

	.width-606 {
		width: 606px;
	}

	.width-620 {
		width: 620px;
	}

	.width-626 {
		width: 626px;
	}

	.width-632 {
		width: 632px;
	}


	.max-width-600 {
		max-width: 600px;
	}

}
/*backgrounds.css */
.lines{
 background-image: -o-linear-gradient(top, hsla(200, 100%, 50%, .3) 1px, transparent 1px);
 background-image: linear-gradient(to bottom, hsla(200, 100%, 50%, .3) 1px, transparent 1px);
  background-position: left -1px;
  background-repeat: repeat;
  background-size: 28px 28px;
}
.cover, .bk-img {
    background-size: cover;
}
.rpt-none, .bk-img {
  background-repeat: none;
}
/*@import "extend/baseline-ratio.css"; */
/*   colors storynory            */
.bk-white {
		background-color: #fff;
}
.bk-green {
	background-color: #69a366;
}
.bk-blue {
	background-color: #5A6886;
}
.bk-yellow {
	background-color: #efd480;
}
.bk-gray {
	background-color: #e9ebee;
}
.bk-black {
	background-color: #333;
}
/* font colors  
......................................... */
.site-title, .clr-yellow {
	color: #efd480;
}
a, .clr-green {
	color: #69a366;
}
.clr-blue, input.a:hover, .a:hover, a:hover, a:active {
	color: #5A6886
}
a.yel:hover {
	color: #efd480;
}
.clr-white {
	color: white;
}
.clr-red {
	color: red;
}
body, .clr-black {
	color: #333;
}
.brd-green {
	border-color: #69a366;
}
.brd-top-green {
	border-top-color: #69a366;
}
.brd-left-green {
	border-left-color: #69a366;
}
.brd-right-green {
	border-right-color: #69a366;
}
.brd-bottom-green {
	border-bottom-color: #69a366;
}
a.original span, a.original .icon {
  color: #69a366;
}
a.original span:hover, a.original .icon:hover {
  color: pink;
}
.fairytales a, .fairytales span, a.fairytales .icon {
  color: #ffa0d6;
}
.fairytales span:hover, a.fairytales .icon:hover {
  color: white;
}
.classic span, a.classic .icon {
  color: #c3b9ff;
}
.classic span:hover, a.classic .icon:hover {
  color: white;
}
.edu span, a.edu .icon {
  color: orange;
}
.edu span:hover, a.edu .icon:hover {
  color: white;
}
.myths span, a.myths .icon {
  color: #e5e5e5;
}
.myths span:hover, a.myths .icon:hover {
  color: white;
}
.music span, a.music .icon {
  color: #efd480;
}
.music span:hover, a.music .icon:hover {
  color: white;
}
.junior span, a.junior .icon {
  color: #e55d3a;
}
.junior span:hover, a.junior .icon:hover {
  color: white;
}
/*    links           */
/*
a {
  @extend %color-main-light;
}

a:hover {
	@extend %color-main-dark;
}

a:active {
	@extend %color-main-dark;
}

a:visited {
	@extend %color-main-light;
}

a.inherit {
	color: inherit;
}

*/
/*     layout          */
.cf:after {
 content:"";

 }
/* @import "extend/states.css"; */
/* @import "extend/icons.css";  */
@font-face{font-display:optional;
  font-family: 'icomoon';
  src: url('/wp-content/themes/story8/public/fonts/icons/icomoon.eot?fwpirh');
  src: url('/wp-content/themes/story8/public/fonts/icons/icomoon.eot?#iefixfwpirh') format('embedded-opentype'), url('/wp-content/themes/story8/public/css/fonts/icons/icomoon.woff?fwpirh') format('woff'), url('/wp-content/themes/story8/public/css/fonts/icons/icomoon.ttf?fwpirh') format('truetype'),
 url('/wp-content/themes/story8/public/css/fonts/icons/icomoon.svg?fwpirh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon, [class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 8px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 4px;
}
.ic {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
  }
.icon-bertie {
    width: 60px;
    height: 48px;
    background-image: url(/wp-content/themes/story8/img/bertie-200.png);
    display: inline-block;
    vertical-align: top;

}
.icon-bertie-xmas {
    width: 60px;
    height: 48px;
    background-image: url(/wp-content/themes/story8/img/christmas_bertie.png);
    display: inline-block;
    vertical-align: top;

}
.icon-home:before {
  content: "\e600";
}
.icon-podcast:before {
  content: "\e065";
}
.icon-credit:before {
  content: "\e0d6";
}
.icon-mail-send:before {
  content: "\e0ed";
}
.icon-tree:before {
  content: "\e22f";
}
.icon-earth:before {
  content: "\e2c7";
}
.icon-info:before {
  content: "\e363";
}
.icon-close:before {
  content: "\e36c";
}
.high.icon-volume:before, .icon-volume-high:before {
  content: "\e38f";
}
.medium.icon-volume:before, .icon-volume-medium:before {
  content: "\e390";
}
.low.icon-volume:before, .icon-volume-low:before {
  content: "\e391";
}
.quiet.icon-volume:before, .icon-volume-mute:before {
  content: "\e392";
}
.mute.icon-volume:before, .icon-volume-mute2:before {
  content: "\e3a3";
}
.icon-instagram:before {
  content: "\e49c";
}
.icon-pinterest:before {
  content: "\e4d6";
}
.icon-paypal:before {
  content: "\e4dd";
}
.icon-pencil:before {
  content: "\e012";
}
.icon-palette:before {
  content: "\e022";
}
.icon-music:before {
  content: "\e03b";
}
.icon-guitar:before {
  content: "\e03f";
}
.icon-headphones:before {
  content: "\e040";
}
.icon-bullhorn:before {
  content: "\e05f";
}
.icon-mic:before {
  content: "\e06c";
}
.icon-book:before {
  content: "\e070";
}
.icon-book2:before {
  content: "\e071";
}
.icon-graduation:before {
  content: "\e076";
}
.icon-coins:before {
  content: "\e0d4";
}
.icon-support:before {
  content: "\e0d9";
}
.icon-phone:before {
  content: "\e0da";
}
.icon-address-book:before {
  content: "\e0e8";
}
.icon-direction:before {
  content: "\e0fe";
}
.icon-print:before {
  content: "\e117";
}
.icon-bubble:before {
  content: "\e153";
}
.icon-users:before {
  content: "\e186";
}
.icon-tshirt:before {
  content: "\e19d";
}
.icon-quotes-left:before {
  content: "\e19f";
}
.icon-quotes-right:before {
  content: "\e1a0";
}
.icon-spinner:before {
  content: "\e1a7";
}
.icon-spinner2:before {
  content: "\e1ae";
}
.icon-spinner3:before {
  content: "\e1af";
}
.icon-search:before {
  content: "\e1be";
}
.icon-wrench:before {
  content: "\e1d9";
}
.icon-cogs:before {
  content: "\e1e0";
}
.icon-wand:before {
  content: "\e1ed";
}
.icon-balloon:before {
  content: "\e212";
}
.icon-medal:before {
  content: "\e217";
}
.icon-lamp:before {
  content: "\e24c";
}
.icon-puzzle:before {
  content: "\e270";
}
.icon-sunglasses:before {
  content: "\e275";
}
.icon-menu:before {
  content: "\e2ac";
}
.icon-download:before {
  content: "\e2b8";
}
.icon-bookmark:before {
  content: "\e2e3";
}
.icon-heart:before {
  content: "\e304";
}
.icon-happy:before {
  content: "\e31e";
}
.icon-happy2:before {
  content: "\e31f";
}
.icon-smiley:before {
  content: "\e320";
}
.icon-wink:before {
  content: "\e326";
}
.icon-cool:before {
  content: "\e32a";
}
.icon-cool2:before {
  content: "\e32b";
}
.icon-question:before {
  content: "\e35d";
}
.icon-close2:before {
  content: "\e36e";
}
.icon-play:before {
  content: "\e385";
   width: 28px;
    height: 28px;

}
.ic-pause:before {
  content: "\e386";
}
.icon-backward:before {
  content: "\e388";
}
.icon-forward:before {
  content: "\e389";
}
.icon-loop:before {
  content: "\e3a8";
}
.drop.active .icon-open-close:before, .icon-arrow-right:before {
  content: "\e3b1";
}
.drop .icon-open-close:before, .icon-arrow-down:before {
  content: "\e3b2";
}
.icon-arrow-left:before {
  content: "\e3b3";
}
.icon-checkbox-checked:before {
  content: "\e435";
}
.icon-checkbox-unchecked:before {
  content: "\e436";
}
.icon-radio-checked:before {
  content: "\e438";
}
.icon-radio-unchecked:before {
  content: "\e439";
}
.icon-share:before {
  content: "\e48c";
}
.icon-googleplus:before {
  content: "\e493";
}
.icon-facebook:before {
  content: "\e498";
}
.icon-twitter:before {
  content: "\e49d";
}
.icon-feed:before {
  content: "\e4a0";
}
.icon-android:before {
  content: "\e4c8";
}
.icon-windows:before {
  content: "\e4c9";
}
.icon-file-pdf:before {
  content: "\e4e2";
}
.social-icons, .social-icons-horiz {
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.social-icons .icon {
  color: white;
  float: none;
  display: block;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
  margin-right: 16px;
margin-top: 8px;
  
}
.icon-large {
  font-size: 48px;
  font-size: 3rem;
}
.social-icons .icon {
  color: white;
  width: 48px;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 16px;
}
.icon-facebook {
  background: #3D5A99;
}
.icon-pinterest {
  background: #F61718;
}
.icon-mail-send {
  background: #69a366;
}
.icon-twitter {
  background: #55ACEE;
}
.icon-googleplus {
  background: #D34836;
}
.icon-feed {
  background: red;
}
.icon-podcast {
  background: #5a6886;
}
.icon-instagram {
  background:#f77737;
}
.social-icons-horiz a {
  padding-right: 24px;
}
.rss {
  color: red;
}
.itunes {
  color: #5a6886;
}
/*shapes 

.icon {
 display: inline-block;
	width: 32px;
	 height: 32px;
background-repeat: no-repeat;
	 background-size: 100% 100%;
	 	
}
*/
.animated {
position: relative;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.oval-thought {
 position: relative;
 font-size: 0.75em;
 padding-right: 1em;
}
/* creates the larger circle */
.oval-thought:before, .oval-thought:after{
  display: block;
  content:"";
  position:absolute;
  bottom:-15px;
  left:50px;
  width:30px;
  height:30px;
  background-color: #63DEC5; 
  border-radius:30px;

}
.oval-thought:before {
bottom:-15px;
  left:50px;
  width:30px;
  height:30px;
}
/* creates the smaller circle */
.oval-thought:after {
  bottom:-30px;
  left:30px;
  width:15px;
  height:15px;
  border-radius:15px;
}
/*radius*/
/* 
   Roundness
   ========================================================================== */
.rounded {
	border-radius: 4px
}
.rounded-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.rounded-right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.rounded-top {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}
.roundish{
	border-radius: 2px
}
.rounder {
	border-radius: 8px
}
.circle {
	border-radius: 360px;
}
/*transitions */
/*curser*/
.pointer {
	cursor: pointer
}
/*position*/
/* ========================================================================== */
.fixed {
	position: fixed;
}
.abs {
	position: absolute;
}
.rel {
	position: relative;
}
.pos-right {
	right: 0px;
}
.pos-left {
  left: 0px;
}
.pos-top {
	top: 0px;
}
.pos-bottom {
	bottom: 0px;
}
.ad-336 {
	display: block;
	width: 336px;
	height: 280px;
	
	
}
.ad-300 {
	display: block;
	width: 300px;
	height: 250px;
	content: "ad-336"
}
.pull-left-12px {
	margin-left: -12px;
}
@media screen and (min-width: 768px) {

h1.pull-left {
	margin-left: -40px;
}

}
.auto-left {
	margin-left: auto;
}
.auto-right {
	margin-right: auto;
}
.mgn-top-8px  {
	margin-top: 8px;
}
.mgn-top-12px  {
	margin-top: 12px;
}
/*  formss             */
select {
    display: inline-block;

    height: 38px;
    vertical-align: middle;
    border-radius: 4px;
}
input.text:focus {

	border-color: blue;
}
button, select {
    text-transform: none;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
textarea.comment-field {
  width: 100%;
  height: 198px;
}
.comment {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 8px;
  overflow: hidden;
  word-wrap: break-word;

}
.comment .icon-wink {
  color: #e55d3a;
}
.comment .icon-happy {
  color: #5a6886;
}
.comment .icon-happy2 {
  color: #fa1414;
}
.comment .icon-cool {
  color: #69a366;
}
.comment .icon-cool2 {
  color: #eeaaee;
}
.comment-author-matthew {
  background: #c7dcc6;
  border-color: transparent;
}
.comment .icon {
  font-size: 50px;
  font-size: 3.125rem;
}
.comment {
  border: 8px solid #f7ccc1;
}
.comment.alt {
  border: 8px solid #afb8ca;
}
.comment.comment-author-matthew {
  background: #c7dcc6;
  border-color: transparent;
}
.bones_page_navi > li, .nav--group > li {
  float: left;
}
.bones_page_navi > li > a, .nav--group > li > a {
  border: 0 solid gray;
  border-width: 1px;
  border-left-width: 0;
  padding: 12px;
}
.bones_page_navi > li:first-child > a, .nav--group > li:first-child > a {
  border-left-width: 1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bones_page_navi > li:last-child > a, .nav--group > li:last-child > a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.menu-push-to-left.active {
  -webkit-transform: translate3D(-310px,0,0);
      -ms-transform: translate3D(-310px,0,0);
          transform: translate3D(-310px,0,0);
}
.vanish.active {
	display: block;
}
.moveX-minus-300px.active {


    -webkit-transform: translate3D(-300px,0,0);


        -ms-transform: translate3D(-300px,0,0);


            transform: translate3D(-300px,0,0);
}
.moveX-minus-100.active {


    -webkit-transform: translate3D(-100%,0,0);


        -ms-transform: translate3D(-100%,0,0);


            transform: translate3D(-100%,0,0);
}
.moveX-50.active {
    -webkit-transform: translate3D(50%, 0, 0);
        -ms-transform: translate3D(50%, 0, 0);
            transform: translate3D(50%, 0, 0)
}
.moveX-minus-50.active {
    -webkit-transform: translate3D(-50%, 0, 0);
        -ms-transform: translate3D(-50%, 0, 0);
            transform: translate3D(-50%, 0, 0)
}
/*responsive */
img {
max-width:100% ;
    height:auto;
    display:block;
 }
.txt-center-r {
	text-align: left;
}
.blk-p, .blk-t {
	display: none;
}
.view-t, .view-sm-t, .view-p {
	opacity: 0;
}
.hide-p {
   opacity: 1;
}
.icon-bertie {
	display: none;
}
.gut-m {
	padding-right: calc ( 28px / 2 );
		border-right: 1px solid transparent;
}
@media screen and (min-width: 768px) {

.gut-m {
	padding-right: 0;
	border-right: 0;
}



.txt-center-r {
	text-align: center;
}


.pull-left-62-r {
	margin-left: -62px;
}

.block-t {
	display: block;
}


.view-t {
	opacity: 1;
}


}
@media screen and (min-width: 970px) {
  .view-p {
  	opacity: 1;
  }

 .hide-p {
  	opacity: 0;
  }

  .blk-p {
	display: block;
}

}
@media (max-width: 480px) {

h1.site-title {
	font-size: 42px;
	font-size: 2.625rem;
	line-height: 1;
	font-weight: bold;
	vertical-align: top;
	margin-top: -2px;

}


}
@media (min-width: 480px) {


	.icon-bertie {
	display: inline-block;
}



	.box-r {
		padding: 7px;
		border: none;

	}

	.right-r, .left-r {
		float: none;
		margin: auto;
		padding-bottom: 7px;
	}
	

.view-sm-t {
	display: block;
}

	.box-r {
		 padding: 14px;
	   	

	}

	.left-r {
		float: left;
	}

    .right-r {
		float: right;
	}

}
/* @import "extend/dev.css";   */
/*@import "extend/tooltips.css"; */