/*
Theme Name: Voices
*/

@charset "utf-8";

@font-face {
    font-family: 'globerthin';
    src: url('./fonts/Glober_Thin_Free-webfont.eot');
    src: url('./fonts/Glober_Thin_Free-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Glober_Thin_Free-webfont.woff2') format('woff2'),
         url('./fonts/Glober_Thin_Free-webfont.woff') format('woff'),
         url('./fonts/Glober_Thin_Free-webfont.ttf') format('truetype'),
         url('./fonts/Glober_Thin_Free-webfont.svg#globerthin_free') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'clinica_proregular';
    src: url('./fonts/ClinicaPro-Regular-webfont.eot');
    src: url('./fonts/ClinicaPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/ClinicaPro-Regular-webfont.woff2') format('woff2'),
         url('./fonts/ClinicaPro-Regular-webfont.woff') format('woff'),
         url('./fonts/ClinicaPro-Regular-webfont.ttf') format('truetype'),
         url('./fonts/ClinicaPro-Regular-webfont.svg#clinica_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('./fonts/roboto-light-webfont.eot');
    src: url('./fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/roboto-light-webfont.woff2') format('woff2'),
         url('./fonts/roboto-light-webfont.woff') format('woff'),
         url('./fonts/roboto-light-webfont.ttf') format('truetype'),
         url('./fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?gku6l1');
  src:  url('./fonts/icomoon.eot?gku6l1#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.ttf?gku6l1') format('truetype'),
    url('./fonts/icomoon.woff?gku6l1') format('woff'),
    url('./fonts/icomoon.svg?gku6l1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea91";
  font-family: icomoon !important;
}

.icon-twitter:before {
  content: "\ea96";
  font-family: icomoon;
}

.icon-vimeo:before {
  content: "\eaa1";
  font-family: icomoon;
}

.icon-youtube:before {
  content: "\ea9d";
  font-family: icomoon;
}



/*  Universal Styles -------------------------------------------------------- */
body {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

img {
    border-width: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: auto;
}

.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.clear_both {
    clear: both;
}

a {
	outline: 0 none;
	border: 0 none;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}


/*  Universal Styles -------------------------------------------------------- */
#header_social_container {
    background-color: #1975cc;
    width: 88%;
    padding: 5% 6%;
    margin-bottom: 1.25%;
    font-size: 2em;
}

#header_social_container a, #header_social_container a:visited {
    color: #ffffff;
    text-decoration: none;
    margin-right: -2%;
}

#header_social_container a:hover, #header_social_container a:visited:hover {
    color: rgba(255,255,255,.5);
    text-decoration: none;
    margin-right: -2%;
}

#mobile_menubar_medium {
    width: 100%;
    background-color: #262425;
    text-align: center;
    display: none;
}

#menubar {
    width: 100%;
    max-width: 567px;
    background-color: #262425;
    text-align: center;
}

#menubar ul, #mobile_menubar_medium ul {
    list-style: none;
    margin: 0;
    padding: 1.1em 0;
}

#menubar li, #mobile_menubar_medium li {
    display: inline;
    padding: 0 1.2em;
    margin: 0;
}

#menubar a, #mobile_menubar_medium a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #ffffff;
    text-decoration: none;
}

#menubar a:hover, #mobile_menubar_medium a:hover {
    color: #0f4d99;
}

.purple_subhead {
    width: 100%;
    background-color: #5e08a1;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .025em;
    padding: .65em 0;
}

.support_subhead {
    width: 100%;
    background-color: #de7825;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .025em;
    padding: .65em 0;
}

.align_center {
    text-align: center;
}

.large_font {
    font-size: 1.5em;
}

.hp_sidebar {
    margin: 1.25% 0;
    padding: 5% 0;
}

.hp_sidebar a {
    padding: 0 7%;
    text-decoration: none;
    color: #ffffff;
}

.hp_sidebar #mc-embedded-subscribe-form {
    margin: 0;
}

.hp_sidebar p {
    margin: 0 7% 5px 7%;
    padding: 0;
}

.hp_sidebar input {
    margin: 0 7% 5px 7%;
    padding: .25em .15em;
}

.hp_sidebar #mce-EMAIL {
    /*input field*/
    width: 69%;
    border: 1px solid #a3a3a1;
    float: left;
    margin-right: 0;
}

.hp_sidebar #mc-embedded-subscribe {
    /*submit button*/
    border-width: 0;
    background-color: rgba(255,255,255,.0);
    color: #fff;
    float: left;
    margin-left: 5%;
}

.with_hover:hover {
    background-color: #5fc5ff;
}

#footer_row1 {
    float: right;
    width: 96.8%;
    background-color: #1c4273;
    text-align: left;
    margin-top: 8%;
}

#footer_row1 ul {
    list-style: none;
    margin: 0 0 0 3%;
    padding: .4em 0;
}

#footer_row1 li {
    display: inline;
    margin: 0 2% 0 0;
}

#footer_row1 a {
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: .025em;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#footer_row1 a:hover {
    color: #c1daf9;
    background-color: #ffffff;
}

.privacy_footer {
    margin-left: 3% !important;
    color: #5a96df !important;
}

#footer_row2, #inside_footer_row2 {
    float: right;
    width: 93.8%;
    text-align: left;
    margin-bottom: 5%;
    color: #c1daf8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    letter-spacing: .025em;
    padding: 1.2em 0;
}

#inside_footer_row2 {
    color: #265fa5;
}

#footer_row2 .footer_social_icon,
#inside_footer_row2 .footer_social_icon {
    text-decoration: none;
    font-size: 1.5em;
    margin-right: -5px;
}

#footer_row2 .footer_social_icon {
    color: #c1daf8;
}

#footer_row2 .footer_social_icon:hover {
    color: #ffffff;
}

#inside_footer_row2 .footer_social_icon {
    color: #265fa5;
}

#inside_footer_row2 .footer_social_icon:hover {
    color: rgba(38,95,165,.5);
}


/*  Homepage Specific ------------------------------------------------------- */
body.hp {
    background-color: #333333;
}

#hp_header_container {
    background-color: #232651;
    width: 100%;
    max-width: 1000px;
    height: 100%;
    max-height: 223px;
    overflow: hidden;
    margin: 0 auto;
}

#hp_header_container #left_col {
    background-color: #1c4273;
    width: 27.6%;
    float: left;
}

.header_left_buffer {
    height: 5.5em;
}

#hp_header_container #right_col {
    width:  72.4%;
    float: left;
    text-align: center;
    padding-top: 5.8em;
}

.hp_announce_small {
    font-family: globerthin, sans-serif;
    font-size: 1.6em;
    line-height: 1em;
    color: #ffffff;
    padding: 0;
    margin: 0;
}

.light_grey {
    color: #999999;
}

.hp_announce_large {
    font-family: globerthin, sans-serif;
    font-size: 6em;
    letter-spacing: -.100em;
    word-spacing: .150em;
    line-height: .78em;
    color: #ffffff;
    padding: 0;
    margin: 0;
}

#hp_main {
    background-color: #008fd5;
    background-image: url('../../../uploads/hp_background.png');
    background-position:  center top;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#hp_main .left_col {
    width: 78%;
    float: left;
}

#hp_text {
    width: 62%;
    padding-top: 5.9em;
    float: left;
}

#hp_text p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    padding: 0;
    margin: 0 1em 1.6em 4.8em;
    line-height: 1.5em;
    color: #ffffff;
}

.hp_events, .hp_news_updates {
    clear: both;
    width: 81.5%;
    background: rgb(35, 148, 226);
    background: rgba(35, 148, 226, .5);
    margin-top: 5.5em;
    padding: 0 8% 2em 8%;
}

.hp_news_updates {
    margin-top: 0;
}

.hp_events ul {
    list-style: none;
}

.hp_events li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    padding: .75em .25em;
}

.hp_events li:hover, .hp_news_updates li:hover {
    background-color: #0065c5;
}

.hp_news_updates li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #036aaf;
    padding: .75em .25em;
}

.hp_events a, .hp_news_updates a {
    color: #ffffff;
    text-decoration: none;
}

#hp_event_navigation p {
    margin-left: 0;
    margin-right: 0;
}

#hp_previous_events {
    float: left;
}

#hp_upcoming_events {
    float: right;
}

p.news_and_updates {
    text-align: right;
}

p.news_and_updates a {
    color: #a5bdeb;
}

p.news_and_updates a:hover {
    background-color: #0065c5;
}

#hp_quote {
    width: 38%;
    padding-top: 5.5em;
    float: left;
}

#hp_quote p {
    font-family: clinica_proregular, arial, sans-serif;
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: -.05em;
    padding: 0;
    margin: 0 1em .5em .35em;
    line-height: 1.2em;
    color: #0e4d9a;
}

#hp_main .right_col {
    width: 22%;
    float: left;
}

#hp_main .right_col #header_social_container {
    margin-top: 45%;
}

#hp_search_container {
    background-color: #1975cc;
    width: 88%;
    padding: 5% 6%;
    margin: 1.25% 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .85em;
    color: #ffffff;
}

#hp_search_container input {
    margin: 5% 0 0 0;
    padding: .25em .15em;
    border: 1px solid #a3a3a1;
    width: 80%;
    float: left;
}

#hp_search_container #search_button {
    border-width: 0;
    background-color: rgba(255,255,255,.0);
    color: #fff;
    float: left;
    margin-left: 5%;
    width: auto;
}

#hp_featured_video_container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #ffffff;
    background-color: #232651;
    padding: 5% 6% 12% 6%;
}

#hp_featured_video_container h3 {
    font-weight: normal;
}


#hp_featured_video_thumb {
    background-color: #1b1b1b;
    border: 7px solid #3c3154;
    width: 80%;
    text-align: center;
}

#hp_featured_video_container a {
    color: #ffffff;
    text-decoration: none;
}

#hp_featured_video_container a:hover {
    text-decoration: underline;
}


/*  Inside Specific --------------------------------------------------------- */
body.inside {
    background-color: #cccccc;
}

#inside_header_container_mobile {
    text-align: center;
    width: 100%;
    display: none;
}

#inside_header_container, #inside_main_container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
}

#inside_header_container {
    height: 100%;
    max-height: 129px;
    overflow: hidden;
}

#inside_header_left {
    background-color: #1c4273;
    width: 23.2%;
    float: left;
}

.header_left_buffer_inside {
    height: 4.3em;
}

#inside_header_right {
    width: 76.8%;
    float: left;
}

.left_col_inside {
    float: left;
    width: 68.5%;
    background-repeat: no-repeat;
    background-position: 0 6em;
}

#logo_bottom_container {
    width: 33.9%;
}

.left_col_inside h1, .left_col_inside h2 {
    font-family: globerthin, arial, sans-serif;
    font-size: 3.9em;
    line-height: 1em;
    font-weight: bold;
    padding: 0;
    margin: .9em .5em .8em 2.4em;
}

h1.performance_history_header {
    color: #4ca342;
}

h1.videos_header {
    color: #1ab1cc;
}

h1.news_header {
    color: #861fa4;
}

h1.events_header {
    color: #704cb3;
}

.left_col_inside h2 {
    padding-left: 3em;
    font-size: 1.8em;
}

h2.past_performances {
    color: #ffa446;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    margin-left: 4em;
}

h2.past_performances_date {
    color: #ffa446;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    margin-left: 4em;
    margin-top: 2em;
}

.left_col_inside h3 {
    color: #f48140;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1em;
    padding: 0;
    margin: 1.05em 2em .5em 5.7em;
}

h3.video_title {
    color: #1ab1cc;
    font-size: 1.35em;
    margin: 1em 0 0 4.9em;
    line-height: 1.1em;
}

.left_col_inside p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0;
    margin: 1.05em 2em 1.5em 8.9em;
    color: #250c51;
}

.left_col_inside ul {
    list-style: none;
    margin-bottom: 4em;
}

.left_col_inside li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.15em;
    padding: 0;
    margin: 1.05em 2em .5em 5.25em;
    color: #1b4273;
}

.left_col_inside a {
    color: #555555;
    font-weight: bold;
    text-decoration: none;
}

.left_col_inside a:hover {
    text-decoration: underline;
}

.left_col_inside li a {
    color: #1b4273;
}

.left_col_inside hr {
    margin: 1.05em 0 1.5em 8.9em;
    border-width: 1px 0 0 0;
    border-style: dotted;
    border-color: #deac26;
}

.event_container {
     margin-left: 8em;
     padding: .05em 0;
}

.event_paragraph {
    margin-left: 1.6em !important;
}

.video_container {
    margin-left: 9.75em;
    padding: 1em;
}

.video_description {
    float: left;
    width: 75%;
}

.video_description p {
    margin: 1em 0 0 6em;
}

.right_col_inside {
    float: left;
    width: 31.5%;
}

#inside_main_container .right_col_inside #header_social_container {
    width: 61.25%;
}

#inside_search_container {
    background-color: #1975cc;
    width: 61.25%;
    padding: 5% 6%;
    margin-bottom: .5em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .85em;
    color: #ffffff;
}

#inside_search_container input {
    margin: 5% 0 0 0;
    padding: .25em .15em;
    border: 1px solid #a3a3a1;
    width: 80%;
}

.inside_sidebar_nav {
    width: 70.25%;
    padding: 5% 0 2% 3%;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .85em;
}

.inside_sidebar_nav hr {
    border-width: 1px 0 0 0;
    border-color: #dddddd;
    border-style: solid;
    width: 100%;
}

.inside_sidebar_nav a {
    color: #ffffff;
    text-decoration: none;
    padding-left: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
}

.inside_sidebar_nav a:hover {
    text-decoration: underline;
}

.inside_sidebar_nav #sidebar_nav_highlight {
    color: #ffffff;
    font-size: 2em;
    line-height: 1em;
    padding: 0;
    margin: 0 -.35em 0 0;
}

#organize_sub_navigation, #teachers_sub_navigation {
    width: 70.25%;
    padding: 5% 0 2% 0;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .85em;
}

#organize_sub_navigation h3, #teachers_sub_navigation h3 {
    color: #ffa446;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: .8em;
    padding: 0;
    margin: 0;
}

#organize_sub_navigation ul, #teachers_sub_navigation ul {
    margin-left: 0;
    padding-left: 2em;
    list-style: none;
}

#organize_sub_navigation li, #teachers_sub_navigation li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.7em;
    padding: 0;
    margin: 0;
    color: #585858;
}

#organize_sub_navigation a, #teachers_sub_navigation a {
    text-decoration: none;
    color: #585858;
}

#organize_sub_navigation a:hover, #teachers_sub_navigation a:hover {
    text-decoration: underline;
    color: #585858;
}

#inside_quote {
    width: 70%;
    padding-top: 8.5em;
    float: left;
}

#inside_quote p {
    font-family: robotolight, arial, sans-serif;
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: -.05em;
    padding: 0;
    margin: 0 1em .5em .35em;
    line-height: 1.2em;
    color: #3380ff;
}

.alignleft {
    float: left;
    padding-right: 2.5em;
}

input.contact_form, textarea.contact_form {
    border: 1px solid #888888;
    width: 90%;
    padding: 2px;
}


/*  701px - 800px max width ------------------------------------------------- */
@media only screen and (max-width:800px),
    only print {

    #header_social_container {
        font-size: 1.7em;
    }
    
    #header_social_container a {
        margin-right: -4%;
    }
    
    #hp_header_container #right_col {
        padding-top: 4em;
    }

    .hp_announce_small {
        font-size: 1.6em;
        line-height: 1em;
    }

    .hp_announce_large {
        font-size: 5em;
    }
    
    .video_description {
        width: 70%;
    }

}


/*  601px - 700px max width ------------------------------------------------- */
@media only screen and (max-width:700px),
    only print {

    #hp_search_container, #hp_main #menubar, #inside_header_container,
    #logo_bottom_container, #inside_search_container,
    #inside_main_container .right_col_inside #header_social_container {
        display: none;
    }
        
    #mobile_menubar_medium, #inside_header_container_mobile {
        display: block;
    }
    
    #inside_logo {
        border-left: 17px solid #ffffff;
    }
    
    .left_col_inside {
        background-position: 0 0;
    }
    
    #inside_quote p {
        font-size: 1.75em;
    }
    
}


/*  <=600 max width --------------------------------------------------------- */
@media
    only screen and (max-width:600px),
    only print {
    
    #hp_header_container {
        background-color: #1c4273;
    }
    
    #hp_header_container #left_col {
        background-color: #1c4273;
        width: 300px;
        margin: 0 auto;
        float: none;
    }
    
    #hp_logo {
        border: 17px solid #ffffff;
        max-width: 90%;
        margin-left: -2px;
    }
    
    .header_left_buffer {
        height: 1em;
    }
      
    #hp_header_container #right_col, #hp_quote, .hp_events, .hp_news_updates {
        display: none;
    }
    
    #hp_main .left_col {
        width: 56%;
    }
    
    #hp_main .right_col {
        width: 44%;
    }
    
    #hp_main .right_col #header_social_container {
        margin-top: 1.25%;
    }
    
    #hp_text {
        width: 90%;
        padding-top: .25em;
    }

    #hp_text p {
        margin: 0 1em 1.6em 1em;
    }
    
    .left_col_inside p {
        margin: 1.05em 2em 1.5em 2em;
    }
    
    .inside_sidebar_nav {
        width: 70.25%;
        padding: 5% 0 2% 0;
        margin: 0;
        text-align: center;
    }
    
    .inside_sidebar_nav a {
        padding: 0;
    }
    
    .left_col_inside h1 {
        margin: .9em 0 .8em .6em;
        font-size: 3em;
    }
    
    h2.past_performances {
        font-size: 1.4em;
        margin-left: 0;
        padding-left: 1.6em;
    }
    
    h2.past_performances_date {
        margin-left: 0;
        margin-top: 2em;
        padding-left: 1.6em;
    }
    
    .left_col_inside h3 {
        margin: .9em 0 .8em 1.3em;
    }
    
    .video_container {
        margin-left: 2.1em;
        padding: 1em;
    }
    
    .event_container {
         margin-left: 0em !important;
         padding: .05em 0;
    }
    
    .event_paragraph {
        margin-left: 2.1em !important;
    }
    
    #organize_sub_navigation ul, #teachers_sub_navigation ul {
        padding-left:1em;
    }
    
    #organize_sub_navigation li, #teachers_sub_navigation li {
        line-height: 1em;
        padding-bottom: 1em;
    }

}


/*  Print ------------------------------------------------------------------- */
@media only print {

    #hp_main .right_col {
        display: none;
    }
    
    #hp_main .left_col {
        width: 98%;
        margin: 0;
        padding: 0;
    }

}