/*
Theme Name: scienceofsound
Theme URI: http://wordpress.org/themes/scienceofsound
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of scienceofsound (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: scienceofsound is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving scienceofsound, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/scienceofsound/3.3&new_path=/scienceofsound/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/scienceofsound/3.3&new_path=/scienceofsound/4.0) just how much we've revamped things. Last, but not least, scienceofsound has now been <a href="https://github.com/tidythemes/scienceofsound">opened up on GitHub</a> (github.com/tidythemes/scienceofsound) if anyone would like to make suggested code additions/improvements. Thank you for using scienceofsound.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: scienceofsound

scienceofsound WordPress Theme © 2011-2015 TidyThemes
scienceofsound is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* Colors **************************************************************************************************************

    header-nav-red: #b11e2c


/* Fonts ***************************************************************************************************************

    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-family: Georgia, serif;


/* General ************************************************************************************************************/

/* @link: http://www.cssmojo.com/latest_new_clearfix_so_far/ */
.clear{
    content:"";
    display:table;
    clear:both;
}

body {
    background-color: rgb(200,199,199);
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    color: #303030;
    /*font-size: 16px;*/

    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";

    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: bold;
}
h1 { font-size: 28px; }
h2 {
    font-size: 24px;
    color: #b11e2c;
}

h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h6 {
    font-size: 22px;
    font-family: Georgia, serif;
    font-weight: normal;
}

h1.entry-title {
    margin-top: 0;
    font-size: 32px;
}

a {
    text-decoration: none;
    color: #b5261e;
}

p {
    margin-bottom: 1em;
}

button {
    cursor: pointer;
}

blockquote {
    font-size: 22px;
    font-family: Georgia, serif;
    font-weight: normal;
    margin-left: 5%;
    padding-left: 1.666%;
    line-height: 1.5em;
    border-left: 1px solid #606060;
}

img {

    max-width: 100%;
    height: auto;
    display: inline;
}

article {

}


ul {
    list-style-type: disc;
}
ol {
    list-style-type: decimal;
}
li {
    padding-left: 0.833%;
}

.aspect-frame {
    position: relative;
}
.aspect-frame:before {
    content: " ";
    display: block;
    width: 100%;
    padding-top: 100%;  /* 1:1 */
}
.aspect-frame > .aspect-fill {
    display: block;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.sticky{}
.bypostauthor{}

.wp-caption img { margin-bottom: 0.4em; }
.wp-caption-text {
    font-size: 14px;
}
.gallery-caption{}

.alignright,
.alignleft {
    display: inline-block;
}

.alignright{
    float: right;
    margin-left: 1.666%;
}
.alignleft{
    float: left;
    margin-right: 1.666%;
}
.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.screen-reader-text{
    clip:rect(1px, 1px, 1px, 1px);
    position:absolute !important
}



/* Columns ************************************************************************************************************/

.col {
    display: inline-block;
    float: left;
    /*margin: 0 0.833%;*/
    /*border: 1px solid #fff;*/
    /*background-color: rgba(255,0,0,0.1);*/
}
.col-1  { width: 05.000%; }
.col-3  { width: 18.333% }
.col-4  { width: 25.000%; }
.col-5  { width: 31.666%; }
.col-9  { width: 58.333%; }
.col-12 { width: 100%; }
.col.push-1 {
    margin-right: 7.5%;
}

.col.alpha { margin-left: 0; }
.col.omega { margin-right: 0; }



/* Header *************************************************************************************************************/

#header {
    width: 100%;
}
#header .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#header-image {
    max-width: 40%;
    margin-left: 0px;
    vertical-align: top;
}

.menu-toggle:focus {
    outline: 0;
}

.menu-toggle.toggled-on:focus {
    outline: thin dotted;
}


#menu-frame {
    display: block;
    overflow: hidden;
}
#header-menu {
    background-color: #b11e2c;

    background: -webkit-linear-gradient(rgb(158,30,40), rgb(190,30,45)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(158,30,40), rgb(190,30,45)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(158,30,40), rgb(190,30,45)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(158,30,40), rgb(190,30,45)); /* Standard syntax */

    color: #fff;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
}

#search-group {
    display: inline-block;
    display: -moz-inline-box;
}

/* mega-menu-wrap-main-menu overrides */
body #mega-menu-main-menu {
    display: inline-block;
}

body #mega-menu-wrap-main-menu {
    max-width: 40%;
    width: auto;
    display: inline-block;
    padding: 0;
    vertical-align: 20px;
}
body #mega-menu-wrap-main-menu ul {
}

.mega-menu-wrap {
    margin-left: 30px !important;
}

#home-banner {
    position: relative;
    color: #fff;
}
#header #home-banner.container {
    max-width: 1280px;
}
#home-banner:before {
    padding-top: 34.14%;
}
#home-banner > .aspect-fill {

}

#header-banner-crest {
    position: absolute;
    width: 100%;
    max-width: 332px;
    top: -20px;
}
#header-banner-crest:before {
    padding-top: 43.97%;
}
#header-banner-crest > .aspect-fill {

}

#header-line {
    margin-top: 0px;
    background-color: rgb(31, 44, 59);
    height: 5px;
    border-width: 0px;
    margin-bottom: 0px;
}

#canvas-title {
    display: inline-block;
    float: left;
    color: #606060;
    font-size: 22px;
    font-weight: 600;
    margin-left: 60px;
    line-height: 2em;
}

#canvas-title-home {
    position: relative;
    text-align: center;
    margin-top: 10%;
}
#canvas-title-home span {
    display: inline-block;
    font-size: 64px;
    font-weight: 600;
    line-height: 1em;
    margin: 0;
    text-shadow: 0 0 38px #000, 0 0 38px rgba(0,0,0,0.5);
}
#canvas-title-home span.canvas-logo {

    background-size: contain;
    width: 2.4em;
    line-height: 2.4em;

}

#tagline {
    display: block;
    background-color: rgba(0,0,0,0.3);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2em;
    padding: 0.4em 0.833%;
    text-align: center;
    margin-top: 1%;
}

#banner {
    padding: 10px 0;
    background-color: #fff;
}
#banner .col-12 {
    position: relative;
}

#search-bar > .container {
    /*padding: 0 0.833%;*/
}

header .search-form {
    display: inline;
    vertical-align: 15px;
    width: 200px;
    float: right;
    margin-right: 5.8%;

}

header .search-form button[type="submit"],
header .search-form input[type="search"] {
    border-style: none;
    display: inline-block;
    box-sizing: border-box;
    margin-top: 14px;
    margin-left: -28px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
}
header .search-form button[type="submit"] {
    color: #fff;
    display: inline;
    background-color: rgba(0,0,0, 0);
    text-transform: uppercase;
    letter-spacing: 1px;
    /*height: 26px;*/
    padding: 0px 2px;
    margin-right: 2px;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    z-index: 20;

}
header .search-form input[type="search"] {
    color: #f7f7f7;
    height: 28px;
    font-size: 10pt;
    padding: 1px 15px 1px 1px;
    position: relative;
    margin-left: 2em;
    /*right: -35px;*/
    bottom: 3px;
    z-index: 10;
    background-color: rgba(0,0,0,0);
    width: auto;
    outline: rgb(255, 255, 255) solid 1px;
}

#search-icon {
    width: 14px;
}

/*input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }*/
/*input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }*/
/*input[type="search"]::-webkit-search-decoration,*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }



/* Content ************************************************************************************************************/

#container {
    max-width: 1200px;
    margin: 60px auto 40px;
}

.entry-meta {
    font-size: 22px;
    font-family: Georgia, serif;
    font-weight: normal;
    line-height: 1em;
    margin-top: -1em;
    margin-bottom: 1em;
}

.entry-content p {
    padding-right: 2%;
}

/* Sidebar ************************************************************************************************************/

#sidebar {
    display: inline-block;
    position: inherit;
    background-color: #f7f7f7;
    float: right;
    width: 24.8%;
}

#primary-sidebar {

}

.chapter-sidebar h3 {
    color: rgb(31, 44, 59);
    margin-left: 1em;
    font-weight: 700;
}

#page-content {
    display: inline-block;
    width: 68%;
    vertical-align: top;
}

#primary-widget-area {}
#primary-widget-area > ul {
    margin: 0 0 1em 0;
    list-style-type: none;
}
#primary-widget-area > ul > li {
    margin-left: 0;
}
#primary-widget-area .widget-title {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #606060;
}
#primary-widget-area .widget {
    margin-bottom: 2em;
}


/* News, Events & Widgets *********************************************************************************************/

.news_widget .widget-title {}

.events-widget .event,
.news-widget   .post {
    margin-bottom: 1.2em;
}
.events-widget .event .image,
.news-widget   .post  .image {
    display: inline-block;
    float: left;
    width: 15.789%;
}
.news-widget   .post  .image:before {
    padding-top: 80%;
}
.events-widget .event .image a,
.news-widget   .post  .image a {
    display: block;
    background-color: #b5261e;
    background-size: cover;
    padding: 8% 0;
}
.events-widget .event .image .month,
.events-widget .event .image .day {
    position: relative;
    color: #fff;
    line-height: 1em;
    text-align: center;
    z-index: 20;
    text-shadow: 0 0 6px #000, 0 0 12px #ffffff;
}
.events-widget .event .image .month {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.events-widget .event .image .day {
    font-size: 22px;
}

.events-widget .event .info,
.news-widget   .post  .info {
    display: inline-block;
    float: left;
    width: 78.947%;
    margin-left: 5.263%;
}

.events-widget .event .entry-title,
.news-widget   .post  .entry-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}



/* Archive & Search Results *******************************************************************************************/

.archive #content > article,
.search  #content > article {
    border-top: 1px solid #606060;
}
.archive .event .entry-date,
.search  .event .entry-date {
    font-size: 18px;
}


/* Footer *************************************************************************************************************/

#footer {
    width: 100%;
    background-color: rgb(48, 48, 48);
    padding-top: 20px;
    padding-bottom: 20px;
    /*font-family: "Open Sans", Helvetica, Arial, sans-serif;*/
    color: #fff;
    font-size: 12px;
    line-height: 1.2em;
    z-index: 20;
}
#footer a {
    color: #fff;
    font-weight: bold;
}
#footer .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#footer-widget-area-right,
#footer-widget-area-center,
#footer-widget-area-left {
    padding-bottom: 10px;
}
#footer .widget-title {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

#copyright {
    text-align: left;
    vertical-align: center;
    padding: 1em 1em 1em 1em;
    width: 100%;
}



/**
 * 6.2 - Menus
 */

.site-header-menu {
    display: block;
    -webkit-flex-grow: 0 1;
    -webkit-flex-basis: 100%;
    -ms-flex-shrink: 0 1;
    -ms-flex-basis: 100%;
    flex-shrink: 0 1;
    flex-basis: 100%;
    margin: 0.875em 0;
}

#menu-chapters {
    list-style-type: none;
    margin-left: 1em;
}

#menu-chapters li.menu-item-has-children {
    /*background: url('images/genericons/dropdownarrow-right.png') 5px 5px no-repeat transparent;*/
    /*padding-left: 20px;*/
    /*border: 0 solid #000;*/
    /*border-width: 1px 0;*/
    /*list-style-image: url("images/genericons/dropdownarrow-right.png");*/
}

#menu-chapters li.menu-item-has-children ul li {
    /*background: url('images/genericons/dropdownarrow-right.png') 5px 5px no-repeat transparent;*/
    padding-left: 20px;
    /*border: 0 solid #000;*/
    border-width: 0px 0px 0px 0px
}

#menu-chapters li a {
    display: block;
    color: rgb(0, 0, 0);
    padding: 6px 5px 6px 5px;
    font-weight: 700;
}

#menu-chapters li {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: rgb(100,100,100);
    margin-top: -1px;
}

#menu-chapters li ul {
    display: none;
    list-style-type: none;
    margin-top:-1px;
    margin-left: 1em;
    border-width: 0px 0px 0px 0px;

}

#menu-chapters li ul a {
    color: rgb(31, 44, 59);
    font-size: 12px;
    font-weight: 600;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
    display: inline;
}

.main-navigation {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

.site-footer .main-navigation {
    margin-bottom: 1.75em;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
}

.main-navigation li {
    border-top: 1px solid #d1d1d1;
    position: relative;
}

.main-navigation a {
    color: #1a1a1a;
    display: block;
    line-height: 1.3125;
    outline-offset: -1px;
    padding: 0.84375em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #007acc;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
    font-weight: 700;
}

.main-navigation ul ul {
    display: none;
    margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
    display: block;
}

.main-navigation ul .toggled-on {
    display: block;
}

.main-navigation .primary-menu {
    border-bottom: 1px solid #d1d1d1;
}

.main-navigation .menu-item-has-children > a {
    margin-right: 56px;
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #1a1a1a;
    content: "";
    height: 48px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    width: 48px;
}

.dropdown-toggle:after {
    border: 0 solid #d1d1d1;
    border-left-width: 1px;
    content: "\f431";
    font-size: 24px;
    left: 1px;
    position: relative;
    width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background-color: transparent;
    color: #007acc;
}

.dropdown-toggle:focus {
    outline: thin dotted;
    outline-offset: -1px;
}

.dropdown-toggle:focus:after {
    border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
    content: "\f432";
}

.site-header .main-navigation + .social-navigation {
    margin-top: 1.75em;
}

.site-footer .social-navigation {
    margin-bottom: 1.75em;
}


#content {
    margin-top: -100px;
    margin-bottom: -150px;
    background-color: #f7f7f7;
    padding: 80px 5.8% 0 5.8%;
    box-shadow: 0 0 10px 5px rgba(31, 44, 59, .75);
}

#page-bottom {
    margin-top: 200px;
}

.no-results, .not-found{
    display: inline-block;
    min-width: 70%;
    border-top: 0px;
    vertical-align: top;
}

article {
    margin-bottom: 30px;
}

/* Excerpts *************************************************************************************************************/

.page-excerpt {
    border-bottom: 1px solid #57616c;
    float: left;
    width: 100%;
}

.page-excerpt-page {
    border-top: 1px solid #57616c;
}

.page-excerpt img {
    margin-top: 35px;
    width: 27.27%;
    margin-bottom: 30px;
    float: left;
    margin-right: 30px;
    border-bottom: 5px solid #57616c;
}

.page-excerpt h1 {
    margin-top: 30px;
}

.attachment-post-thumbnail {
    width: 27.27%;
    float: left;
    margin-right: 30px;
    border-bottom: 5px solid #57616c;
}


/* Fonts  *************************************************************************************************************/

h1 {
    color: #b5261e;
    font-weight: Normal;
}

body {
    font-size: 14px;
}

#footer .widget-title {
    font-size: 12px;
    font-weight: normal;
}

/* Quiz  **************************************************************************************************************/
/* ALL CSS IN PLUGIN IS MARKED WITH !IMPORTANT, CSS BELOW IS ALSO MARKED WITH !IMPORTANT IN ORDER TO OVERRIDE  */

.wpProQuiz_questionList {
    border: 1px solid #b5261e !important;
}

.wpProQuiz_button, .wpProQuiz_button:hover {
    background: #b5261e !important;
    border: 1px solid rgb(48,48,48) !important;
}

.wpProQuiz_response {
    border: 1px solid #b5261e !important;
}

.wpProQuiz_answerIncorrect {
    background-color: #b5261e !important;
    color: white !important;
}

.wpProQuiz_answerCorrect {
    background-color: #93FF8E !important;
}

/*    Audio blocks ************************************************************/

.audio-block {
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  border: none;
}

.audio-block .last_column div {
 padding-left: 30px !important; 
}

.blue {
  background-color: #74b6da;
  color:white;
}

.gray {
  background-color: #c1c1c1;
  color:white;
}

.orange {
  background-color: #efb26a;
  color:white;
}

.red {
  background-color: #efb26a;
  color:white;
}

strong {
  font-style:bold !important;
}

em {
  font-style: italic !important;
}

.mejs-audio {
    background: rgba(0,0,0,.1);
    z-index: 0 !important;
}