/*
Theme Name: Midori
Theme URI: http://psdcoding.co/
Author: PSDCoding s.r.o.
Author URI: http://psdcoding.co/
Description: Midori website.
Version: 1.0
Text Domain: midori
*/

/*** Fonts ***/
@font-face {
	font-family: NeutrafaceDisplayTitling;
	src: url("fonts/Neutraface/NeutraDisplay-Titling.otf");
}
@font-face {
	font-family: NeutrafaceTextDemi;
	src: url("fonts/Neutraface/NeutraText-Demi.otf");
}
@font-face {
	font-family: NeutrafaceTextBook;
	src: url("fonts/Neutraface/NeutraText-Book.otf");
}

/*** Global ***/
html { width: 100%; height: 100%; }
body { color: black; font-size: 20px; line-height: 1.8; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; font-family: NeutrafaceTextBook, sans-serif; -webkit-font-smoothing: antialiased; }
body.noScroll { position: fixed; overflow: hidden; left: 0; right: 0; }
img { max-width: 100%; height: auto; }
figure { padding: 0; margin: 0; }

.container.beyond { max-width: 100%; }

h1,
h2,
h3,
h4 { margin: 0 0 40px 0; line-height: 1; font-family: NeutrafaceDisplayTitling, sans-serif; }
h1 { color: #612C51; font-size: 60px; text-transform: uppercase; }
h2 { margin-bottom: 37px; color: #464646; font-size: 60px; text-transform: uppercase; }
h3 { color: #464646; font-size: 30px; text-transform: uppercase; }
h4 { color: #464646; font-size: 30px; font-family: NeutrafaceTextBook, sans-serif; }
p { margin: 0 0 40px 0; }

ul { padding: 0; margin: 0; list-style: none; }
ul li { display: inline-block; position: relative; width: 100%; padding: 0 0 0 40px; margin: 0 0 30px 0; }
ul li:before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; left: 0; top: 15px; background: #00205B; }

a { color: #ff8200; text-decoration: none; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
a:hover { color: #ef7a00; text-decoration: none; }
a:focus { color: #e17300; text-decoration: none; }
button[type="button"],
.button,
.button a,
input[type="submit"] { display: inline-block; border: none; border-radius: 8px; box-shadow: 0 5px 0 0 #005A70; outline: none; color: white; font-size: 20px; text-transform: uppercase; text-align: center; text-decoration: none; line-height: 1.2; font-family: NeutrafaceDisplayTitling, sans-serif; background: #005A70; -webkit-transition: color 0.4s linear, background 0.4s linear; -moz-transition: color 0.4s linear, background 0.4s linear; -o-transition: color 0.4s linear, background 0.4s linear; transition: color 0.4s linear, background 0.4s linear; }
button[type="button"],
.button,
input[type="submit"] { padding: 16px 40px; }
button[type="button"]:hover,
.button:hover,
.button a:hover,
input[type="submit"]:hover { color: white; text-decoration: none; background: #00205B; cursor: pointer; }
button[type="button"]:focus,
.button:focus,
.button a:focus,
input[type="submit"]:focus,
button[type="button"].active,
.button.active,
.button a.active,
input[type="submit"].active { color: white; text-decoration: none; background: #005A70; cursor: pointer; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.content-text-red { color: #612C51; }
.content-text-redder { color: #612C51; }
.content-text-blue { color: #005A70; }
.content-text-blueer { color: #00205B; }
.content-text-green { color: #257ce1; }
.content-text-purple { color: #54585A; }
.content-text-orange { color: #FED141; }
.content-text-bigger { margin: 0 0 60px 0; font-size: 40px; line-height: 1.2; font-family: NeutrafaceTextDemi, sans-serif; }
.content-text-list-headline { margin-bottom: 20px; }
.content-center { display: block; position: absolute; left: 0; top: 0; }

.js-slider-viewport { display: block; position: relative; overflow: hidden; clear: both; width: 100%; }
.js-slider-items { position: absolute; left: 0; top: 0; }
.js-slider-item { display: none; position: relative; float: left; }
.js-slider-item-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; }
.js-slider-item.active .js-slider-item-overlay { display: none; }
.js-slider-navigation-item,
.js-slider-prev,
.js-slider-next { padding: 0; border: 0; outline: none; margin: 0; background: transparent; }

.js-gallery { display: block; position: relative; overflow: hidden; width: 100%; }
.js-gallery-row { display: block; width: 100%; }
.js-gallery-row-item { display: block; position: relative; float: left; padding: 2px; }
.js-gallery-row-item > img { display: block; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; background: no-repeat center center; background-size: cover; }
.js-gallery-headline { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.js-gallery-headline-item { display: block; position: absolute; left: 0; top: 0; padding: 2px; }
.js-gallery-headline-item-content { display: flex; width: 100%; height: 100%; align-items: center; background: #307fe2; }
.js-gallery-headline-item-content h3 { padding: 15px 40px; margin: 0; color: white; font-size: 45px; line-height: 1.3; }
.js-gallery-text { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.js-gallery-text-item { display: block; position: absolute; left: 0; top: 0; z-index: 1; padding: 2px; }
.js-gallery-text-item-content { display: flex; width: 100%; height: 100%; align-items: center; background: #307fe2; }
.js-gallery-text-item-content p { padding: 15px 35px; margin: 0; color: white; font-size: 24px; line-height: 1.5; }
.js-gallery-text-item-content p a { padding-bottom: 4px; border-bottom: 4px solid #FED141; margin-bottom: -4px; color: white; text-transform: uppercase; text-decoration: none; font-family: NeutrafaceDisplayTitling, sans-serif; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
.js-gallery-text-item-content p a:hover,
.js-gallery-text-item-content p a:focus { color: #FED141; border-bottom: 4px solid #FED141; text-decoration: none; }
.js-gallery-bar { display: block; position: absolute; height: 4px; padding: 0 2px; }
.js-gallery-bar > div { display: block; width: 100%; height: 100%; background: #307fe2; }

.js-simplecheckout-item {  }

form p { margin: 0; }
form label { margin: 0 0 10px 0; color: #646568; font-size: 18px; text-transform: uppercase; line-height: 1.2; font-family: NeutrafaceDisplayTitling, sans-serif; }
form input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 100%; padding: 8px 20px; border: 2px solid #646568; border-radius: 8px; margin: 0 0 25px 0 !important; color: #646568; background: white; }
form input::-webkit-input-placeholder { color: #cccccc; opacity: 1; }
form input::-moz-placeholder { color: #cccccc; opacity: 1; }
form input:-ms-input-placeholder { color: #cccccc; opacity: 1; }
form input:-moz-placeholder { color: #cccccc; opacity: 1; }
form input[type="submit"] { width: auto; border: none; margin-top: 30px !important; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; }
form input[type="checkbox"] { display: none; }
form textarea { display: block; width: 100% !important; height: 200px; padding: 8px 20px; border: 2px solid #646568; border-radius: 8px; margin: 0 0 25px 0 !important; color: #646568; background: white; resize: none; }
form textarea::-webkit-input-placeholder { color: #cccccc; opacity: 1; }
form textarea::-moz-placeholder { color: #cccccc; opacity: 1; }
form textarea:-ms-input-placeholder { color: #cccccc; opacity: 1; }
form textarea:-moz-placeholder { color: #cccccc; opacity: 1; }
form select { width: 100%; }
.chosen-container-single { margin: 0 0 25px 0 !important; }
.chosen-container-single .chosen-single { height: auto; padding: 16px 20px; border: 2px solid #646568; border-radius: 8px; color: #646568; font-size: 20px; background: white; box-shadow: none !important; -webkit-appearance: none !important; }
.chosen-container-single .chosen-single span { overflow: visible; margin-right: 0; color: #646568; }
.chosen-container-single .chosen-single div { width: 13px; right: 10px; }
.chosen-container-single .chosen-single div b { margin-top: 17px; color: #646568; font: normal normal normal 14px/1 FontAwesome; /*noinspection CssOverwrittenProperties*/font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: transparent !important; }
.chosen-container-single .chosen-single div b:before { content: "\f0d7"; }
.chosen-container-active.chosen-with-drop .chosen-single { border: 2px solid #646568; border-bottom-width: 0; border-radius: 8px 8px 0 0; background: white; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background: transparent; }
.chosen-container .chosen-drop { border: 0; background: black; }
.chosen-container-single .chosen-drop { overflow: hidden; border: 2px solid #646568; border-top-width: 0; border-radius: 0 0 8px 8px; }
.chosen-container .chosen-results { padding: 0; margin: 0; }
.chosen-container .chosen-results li { padding: 10px 20px; margin: 0; color: #646568; font-size: 16px; background: white; -webkit-transition: color 0.4s linear, background 0.4s linear; -moz-transition: color 0.4s linear, background 0.4s linear; -o-transition: color 0.4s linear, background 0.4s linear; transition: color 0.4s linear, background 0.4s linear; }
.chosen-container .chosen-results li:last-child { margin-bottom: 0; }
.chosen-container .chosen-results li.result-selected { color: white; background: #00205b; }
.chosen-container .chosen-results li.highlighted { color: white; background: #00205b; }
.chosen-container .chosen-results li:before { color: white; display: none !important; }
form .wrong-wrapper { display: inline; position: relative; }
form .wrong-message { display: inline-block; position: absolute; left: 0; right: 0; bottom: -44px; font-size: 14px; color: #f94545; font-family: NeutrafaceDisplayTitling, sans-serif; }
form .wrong-select { bottom: -32px; }
div.wpcf7-response-output { color: white; }
span.wpcf7-list-item { display: inline-block; width: 50%; margin: 0; }

.js-checkbox-label { display: inline-block; margin: 0 0 10px 0 !important; }
.js-checkbox-label input { display: none; }
.js-checkbox-label i { display: inline-block; width: 40px; height: 40px; border: 2px solid #646568; border-radius: 8px; vertical-align: middle; background: white; transition: border 0.4s linear, background 0.4s linear; }
.js-checkbox-label.active i { border: 2px solid white; background: #646568; }

.socials { display: block; }
.socials a i { display: inline-block; position: relative; width: 30px; height: 30px; margin-right: 20px; margin-bottom: 10px; background-size: 100% 100%; -webkit-transition: background 0.4s linear; -moz-transition: background 0.4s linear; -o-transition: background 0.4s linear; transition: background 0.4s linear; }
.socials a i:before { display: none; }
.socials a i.fa-facebook { background-image: url("images/facebook.png"); }
.socials a:hover i.fa-facebook { background-image: url("images/facebookv2-hover.png"); }
.socials a:focus i.fa-facebook { background-image: url("images/facebookv2-focus.png"); }
.socials a i.fa-twitter { background-image: url("images/twitter.png"); }
.socials a:hover i.fa-twitter { background-image: url("images/twitterv2-hover.png"); }
.socials a:focus i.fa-twitter { background-image: url("images/twitterv2-focus.png"); }
.socials a i.fa-linkedin { background-image: url("images/linkedin.png"); }
.socials a:hover i.fa-linkedin { background-image: url("images/linkedinv2-hover.png"); }
.socials a:focus i.fa-linkedin { background-image: url("images/linkedinv2-focus.png"); }
.socials a i.fa-instagram { background-image: url("images/instagram.png"); }
.socials a:hover i.fa-instagram { background-image: url("images/instagram-hover.png"); }
.socials a:focus i.fa-instagram { background-image: url("images/instagram-focus.png"); }
.socials .socials-charity { display: inline-block; margin: 0 0 30px 0; }
.socials a:last-of-type i { margin-right: 0; }

.mobile,
.tablet { display: none; }

/*** Masthead ***/
#masthead { display: block; position: fixed; left: 0; top: 0; right: 0; z-index: 10; text-align: center; -webkit-transition: background 0.4s linear; -moz-transition: background 0.4s linear; -o-transition: background 0.4s linear; transition: background 0.4s linear; }
#masthead.sticky { position: fixed; background: #00205b; }
#masthead-bar { display: block; width: 100%; height: 7px; background: url("images/masthead-bar.png") no-repeat; background-size: cover; }
#masthead .mobile-navtoggle { display: none; float: right; min-width: 0; padding: 0; border: 0; border-radius: 0 !important; box-shadow: unset; margin: 20px 0 20px 0; color: #646568; font-size: 44px; line-height: 1; background: transparent; outline: none; }
/*#masthead .mobile-navtoggle:hover,*/
/*#masthead .mobile-navtoggle:focus,*/
#masthead .mobile-navtoggle.open { color: #c55300; }
#masthead .mobile-navtoggle:focus { color: #646568; }
#masthead .logo { display: block; position: absolute; height: 81px; top: 20px; left: 15px; -webkit-transition: height 0.4s linear, top 0.4s linear; -moz-transition: height 0.4s linear, top 0.4s linear; -o-transition: height 0.4s linear, top 0.4s linear; transition: height 0.4s linear, top 0.4s linear; }
#masthead.sticky .logo { top: 10px; }
#masthead .logo img { max-height: 100%; }
#masthead.sticky .logo { height: 50px; }
#masthead .masthead-right { line-height: 0; }
#masthead .menu-primary-menu-container { display: inline-block; line-height: 1.8; }
#masthead ul { float: left; padding: 0; margin: 0 0 0 60px; list-style: none; }
#masthead ul li { width: auto; }
#masthead ul li:before { display: none; }
#masthead .primary-menu li { float: left; position: relative; padding: 0; margin: 0 35px 0 0; -webkit-transition: padding 0.4s linear; -moz-transition: padding 0.4s linear; -o-transition: padding 0.4s linear; transition: padding 0.4s linear; }
#masthead .primary-menu li:last-child { margin-right: 0; }
#masthead .primary-menu li a { display: inline-block; width: 100%; padding: 42px 0; color: white; font-size: 20px; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; -webkit-transition: padding 0.4s linear; -moz-transition: padding 0.4s linear; -o-transition: padding 0.4s linear; transition: color 0.4s linear, padding 0.4s linear; }
#masthead.sticky .primary-menu > li > a { padding: 17px 0; }
#masthead .primary-menu li:hover > a,
#masthead .primary-menu li a:hover { color: #ef7a00; }
#masthead .primary-menu li:focus > a,
#masthead .primary-menu li a:focus { color: #e17300; }
#masthead .primary_right-menu { display: block; position: absolute; top: 40px; right: 15px; -webkit-transition: top 0.4s linear; -moz-transition: top 0.4s linear; -o-transition: top 0.4s linear; transition: top 0.4s linear; }
#masthead .primary_right-menu li { padding: 0; margin: 0; }
#masthead .primary_right-menu li:before { display: none; }
#masthead .sub-menu { display: none; position: absolute; width: 400px; top: 95px; left: -201px; }
#masthead #menu-item-23 .sub-menu { left: -229px; }
#masthead #menu-item-22 .sub-menu { left: -227px; }
#masthead.sticky .sub-menu { top: 70px; }
#masthead .primary-menu li:hover .sub-menu { display: block; }
#masthead .sub-menu li { display: block; width: 100%; padding: 0 !important; margin: 0 !important; }
#masthead .sub-menu li a { display: inline-block; width: 100%; padding: 12px 0; color: #00205b; background: #e6e6e6; -webkit-transition: color 0.4s linear, background 0.4s linear; -moz-transition: color 0.4s linear, background 0.4s linear; -o-transition: color 0.4s linear, background 0.4s linear; transition: color 0.4s linear, background 0.4s linear; }
#masthead .sub-menu li a:hover { color: #00205b; background: #e1e1e1; }
#masthead .sub-menu li a:focus { color: #00205b; background: #e1e1e1; }
#masthead.sticky .primary_right-menu { top: 15px; }
#masthead .button { min-width: 1px; padding: 0; background: transparent; box-shadow: unset; }
#masthead .button a { min-width: 1px; padding: 6px 20px; border: 2px solid white; border-radius: 6px; box-shadow: unset; color: white; background: transparent; }
#masthead .button a:hover,
#masthead .button a:focus { color: #00205b; background: white; }

/*** Footer ***/
#colophon { width: 100%; }
#footer-bar { display: block; width: 100%; height: 20px; z-index: 1; box-shadow: 0 -4px 7px 0 rgba(58, 58, 58, 0.25); margin-top: -120px; background: white; }
#colophon .page-footer { padding-top: 120px; padding-bottom: 120px; color: white; text-align: center; background: #00205b url("images/footer-background.png") no-repeat center bottom; background-size: auto auto; }
#colophon .page-footer h2 { margin-bottom: 60px; color: white; }
.footer-central-bar { display: block; position: absolute; width: 2px; top: -120px; right: -1px; bottom: -120px; background: #334d7c; }
#colophon .footer-right h2 { margin-bottom: 30px; }
#colophon .footer-right p { margin-bottom: 20px; font-size: 30px; line-height: 1.5; }
#colophon .page-footer-bottom { position: relative; }
#colophon .masthead-bar { display: block; position: absolute; width: 100%; height: 7px; left: 0; bottom: 0; background: url("images/masthead-bar.png") no-repeat; background-size: cover; }
#colophon .page-footer-bottom { padding-top: 100px; padding-bottom: 100px; color: #cccccc; font-size: 18px; background: #363636; }
#colophon .logo { display: inline-block; margin-bottom: 20px; }
#colophon .footer-address { line-height: 1.5; }
#colophon .footer-address p { margin-bottom: 20px; }
#colophon .footer-address p:last-child { margin-bottom: 0; }
#colophon .footer-address a { color: #cccccc; }
#colophon .socials { float: right; text-align: right; }
#colophon ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
#colophon ul li { float: left; width: 33%; padding: 0; margin: 0; line-height: 1.2; }
#colophon .sub-menu li { width: 100%; }
#colophon ul li:before { display: none; }
#colophon ul li a { display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; color: #cccccc; font-size: 20px; text-transform: uppercase; line-height: 1.2; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
#colophon ul li.titling > a { font-family: NeutrafaceDisplayTitling, sans-serif; }
#colophon ul li a:hover,
#colophon ul li a:focus { color: white; }
#colophon .mc4wp-form input { border-color: white; margin-bottom: 20px !important; text-align: center; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
#colophon .mc4wp-form input::-webkit-input-placeholder { color: #cccccc; }
#colophon .mc4wp-form input::-moz-placeholder { color: #cccccc; }
#colophon .mc4wp-form input:-ms-input-placeholder { color: #cccccc; }
#colophon .mc4wp-form input:-moz-placeholder { color: #cccccc; }
#colophon .mc4wp-form input[type="submit"] { margin-top: 0 !important; }
#colophon .mc4wp-response p { margin-bottom: 10px; }
#colophon div.footer-logos { max-width: 850px; margin-left: auto; margin-right: auto; }
#colophon hr.footer-logos  { display: block; width: 100%; height: 2px; border: 0; margin: 30px 0; background: #cccccc; }
#colophon .footer-logos-item { text-align: center; }

/*** Pages ***/
.container.video-parallax-main.beyond,
.video-parallax-main .container.beyond { width: 100%; max-width: 100%; }
.video-parallax-content .container.beyond { max-width: 1920px; }
.page-header { display: block; position: relative; height: 337px; box-shadow: 0 4px 7px 0 rgba(58, 58, 58, 0.25); margin-bottom: 120px; text-align: center; background: #612C51 no-repeat center; background-size: cover; }
.page-header.video { display: block; overflow: hidden; position: relative; }
.page-header.video video { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; object-fit: cover; width: 100%; }
.page-header > .row { height: 100%; }
.page-header-text { display: flex; align-items: flex-end; }
.page-header h1,
.page-header h2,
.video-parallax-overlay h1 { width: 100%; margin-bottom: 90px; color: white; font-size: 90px; text-align: left; text-transform: capitalize; }
.page-header.fullheight { height: 813px; }
.video-parallax { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.video-parallax-overlay { display: block; position: absolute; height: 806px; top: 0; text-align: center; background: #00205B; -webkit-transition: top 0.4s linear; -moz-transition: top 0.4s linear; -o-transition: top 0.4s linear; transition: top 0.4s linear; }
.video-parallax-overlay.away { top: -813px; }
.video-parallax > .row,
.video-parallax-overlay > .row { height: 100%; }
.fullheight .page-header-text,
.video-parallax-overlay .page-header-text { align-items: center; }
.page-header.fullheight h1,
.video-parallax-overlay h1 { margin: 0 0 0 0; font-size: 120px; text-align: center; }
.page-header .angle-down,
.video-parallax-overlay .angle-down { display: inline-block; position: absolute; width: 54px; height: 17px; bottom: 32px; margin-left: -27px; background: url("images/angle-down.png") no-repeat; }
.page-header .masthead-bar { display: block; position: absolute; width: 100%; height: 7px; left: 0; bottom: 0; background: url("images/masthead-bar.png") no-repeat; background-size: cover; }
body { background: url("images/body-parallax.png") no-repeat fixed center; }
.video-parallax-content { width: 100%; }
.content { margin-bottom: 120px; }
.content :last-child { margin-bottom: 0; }
.content ul > li:last-child { margin-bottom: 30px; }
.content .gallery { display: block; overflow: hidden; }
.content .gallery-item { float: left; width: calc(25% - 23px); margin: 0 30px 30px 0; }
.content .gallery-item:nth-child(4n+0) { margin-right: 0; }
.content .gallery-item img { width: 100%; }
.content-socials { display: block; width: 100%; padding: 13px 0 13px 0; border: 2px solid #ebebeb; border-left: 0; border-right: 0; margin: 30px 0 0 0; }
.content-socials-container { display: flex; justify-content: space-between; align-items: center; color: #646568; font-size: 18px; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.content-socials .facebook,
.content-socials .twitter,
.content-socials .email,
.content-socials .google { display: inline-block; height: 22px; padding: 2px 6px; border: 0; border-radius: 2px; color: white; font-size: 10px; text-decoration: none; }
.content-socials .facebook { background: #325ca4; }
.content-socials .facebook i { display: inline-block; padding: 3px 3px 1px 5px; margin-right: 4px; vertical-align: middle; color: #325ca4; font-size: 13px; background: white; }
.content-socials .twitter { background: #0098df; }
.content-socials .twitter i { display: inline-block; margin-right: 4px; vertical-align: middle; font-size: 13px; }
.content-socials .email { border: 1px solid #cccccc; color: #646568; }
.content-socials .email img { position: relative; height: 9px; margin-right: 4px; vertical-align: baseline; }
#secondary.hidden { display: none; }

/*** Frontpage ***/
body.home { background-image: url("images/body-parallax-home.png"); }
.home .page-content { margin-bottom: 120px; }
.home .page-content p { color: #363636; font-size: 24px; line-height: 1.6; }
.home .page-content .content-text-bigger { font-size: 40px; line-height: 1.2; }
.home .page-content .button { margin-top: 20px; }
.page-impact-points { padding-top: 150px; padding-bottom: 60px; background: white url("images/home-impact-background.png") no-repeat fixed center center; background-size: auto auto; }
.page-impact-points .content { margin-bottom: 40px; }
.page-impact-points .page-content-main { margin-bottom: 20px; }
.page-impact-points-list { text-align: center; }
.page-impact-points .page-impact-points-image { display: inline-block; position: relative; border-radius: 50%; margin: 0 auto 20px auto; }
.page-impact-points .page-impact-points-image span { color: white; font-size: 75px; text-transform: uppercase; line-height: 1.2; font-family: NeutrafaceDisplayTitling, sans-serif; }
.page-impact-points-label { display: inline-block; width: 100%; margin: 0 0 60px 0; color: black; font-size: 30px; text-align: center; line-height: 1.2; }
.page-impact-points-link { margin-bottom: 65px; text-align: center; }
.page-blog-latest { padding-top: 120px; padding-bottom: 120px; box-shadow: 0 -4px 7px 0 rgba(58, 58, 58, 0.25); background: #612C51 url("images/blog-latest-background.png") no-repeat center bottom; background-size: 100% auto; background-position-y: 106%; }
.page-blog-latest h2 { margin-bottom: 52px; color: white; text-align: center; }
.page-blog-latest .post-featured-image { margin-bottom: 40px; }
.page-blog-latest .post-title-link { color: white; }
.page-blog-latest h3 { margin-bottom: 20px; color: white; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
.page-blog-latest h3:hover { color: #00205B; }
.page-blog-latest h3:focus { color: #e17300; }
.page-blog-latest p { margin-bottom: 30px; color: white; }
.post-toolbar { display: block; overflow: hidden; padding-top: 20px; padding-bottom: 20px; border-top: 2px solid white; }
.post-toolbar p { display: inline-block; width: auto; margin-bottom: 0; }
.post-toolbar .post-date { float: left; }
.post-toolbar .post-readmore { float: right; }
.post-toolbar .post-readmore a { color: white; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.post-toolbar .post-readmore a:hover { color: #ef7a00; }
.post-toolbar .post-readmore a:focus { color: #e17300; }
.promo-item { display: inline-block; margin-bottom: 25px; }
.promo-item img { width: 100%; box-shadow: 0 0 7px 3px rgba(58, 58, 58, 0.25); }

/*** Sidebar ***/
.sidebar ul { padding: 0; margin: 0; list-style: none; }
.sidebar ul li { padding: 0; margin: 0 0 60px 0; }
.sidebar ul li:before { display: none; }
.textWidget { background: #ebebeb; }
.textWidget img { width: 100%; }
.textWidget .textWidget-logo { width: auto; max-width: calc(100% - 50px); margin: 15px 25px 15px 25px; }
.textWidget-content { margin: 0 25px 25px 25px; color: #363636; }
.textWidget-delimiter { display: block; width: calc(100% - 50px); height: 2px; margin: 0 25px 3px 25px; background: #cccccc; }
.textWidget a { display: inline-block; margin: 0 25px 17px 25px !important; font-size: 18px; color: #646568; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.textWidget a:hover { color: #ef7a00; }
.textWidget a:focus { color: #e17300; }
.quoteWidget { display: block; overflow: hidden; background: #307fe2 no-repeat right bottom; background-size: auto auto; }
.quoteWidget p { display: inline-block; min-height: 279px; margin: 22px 23px 22px 23px; color: white; font-size: 30px; line-height: 1.2; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.quoteWidget .quoteWidget-toolbar { padding-top: 10px; padding-bottom: 10px; border-top: 2px solid white; margin: 0 23px 13px 23px; color: white; font-size: 20px; line-height: 1.2; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.widget_media_image img { width: 100%; box-shadow: 0 0 7px 3px rgba(58, 58, 58, 0.25); }

/*** Programs page ***/
.page-template-page-programs .content { margin-bottom: 80px; }
.programs { margin-bottom: 60px; }
.programs .programs-program { margin-bottom: 60px; background: #ebebeb; }
.programs .programs-program .post-title-link { color: #00205B; }
.programs .programs-program h2 { margin: 30px 0 10px 30px; color: #00205B; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
.programs .programs-program h2:hover { color: #612C51; }
.programs .programs-program h2:focus { color: #612C51; }
.programs .programs-program .post-excerpt { display: inline-block; min-height: 140px; }
.programs .programs-program p { margin: 0 0 20px 30px; }
.programs .programs-program .post-toolbar { padding-top: 15px; padding-bottom: 15px; border-top: 2px solid #646568; margin-left: 30px; }
.programs .programs-program .post-toolbar p { margin: 0; }
.programs .programs-program .post-toolbar a { color: #646568; }
.programs .programs-program .post-toolbar a:hover { color: #612C51; }
.programs .programs-program .post-toolbar a:focus { color: #612C51; }
.programs .programs-program .post-featured-image { margin: 0; }

/*** Program page ***/
.page-header.program { height: 403px; }
.page-header.program h1 { margin-bottom: 70px; }

/*** Blog Post page ***/
.post-featured-image { width: 100%; margin: 0 0 60px 0; }
.post-content h1 { margin-bottom: 18px; }
.post-date { margin-bottom: 18px; color: #cccccc; font-size: 18px; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }

/*** Blog page ***/
.blog-list { display: block; margin-bottom: 60px; }
.blog-list-post { display: block; margin-bottom: 60px; }
.blog-list-post .post-featured-image { margin-bottom: 40px; }
.blog-list-post .post-title-link { color: #005A70; }
.blog-list-post h3 { margin-bottom: 20px; color: #005A70; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
.blog-list-post h3:hover { color: #00205B; }
.blog-list-post h3:focus { color: #00205B; }
.blog-list-post p { margin-bottom: 30px; }
.blog-list-post .post-toolbar { border-top: 2px solid #00205B; }
.blog-list-post .post-toolbar p { margin-bottom: 0; }
.blog-list-post .post-toolbar .post-date { color: #00205B; }
.blog-list-post .post-toolbar .post-readmore a { color: #00205B; }
.blog-list-post .post-toolbar .post-readmore a:hover { color: #257ce1; }
.blog-list-post .post-toolbar .post-readmore a:focus { color: #257ce1; }
.blog-list-more { text-align: center; }
.blog-list-more a { display: none; }
.blog-list-more .pods-pagination-next { display: block; width: fit-content; margin: 0 auto 60px auto; }
.content-bars-parent { position: relative; }
.content-bars-bar { display: block; position: absolute; height: 2px; left: 0; top: 25px; z-index: -1; background: #ebebeb; }
.content-bars-bar:last-of-type { left: auto; right: 0; }
.blog-list-more i { margin-bottom: 60px; }
.page-events { padding-top: 120px; padding-bottom: 120px; background: #84bd00; }
.page-events h2 { color: white; }
.page-events-event { display: block; overflow: hidden; background: white; }
.page-events .post-featured-image { margin: 0 0 15px 0; }
.page-events .post-date { margin: 0 23px 10px 23px; color: #94c25f; font-size: 16px; }
.page-events h3 { margin: 0 23px 50px 23px; color: #646568; line-height: 1.2; }
.page-events h3 a { color: #646568; }

/*** Event detail page ***/
.event-date { margin: 0 0 40px 0; color: #464646; font-size: 30px; line-height: 1.2; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.event-location-wrapper { padding-top: 20px; margin-bottom: 60px; }
.event-location { display: block; overflow: hidden; background: #ebebeb; }
.event-location img { float: left; margin: 0 25px 0 0; }
.event-location-text { padding: 10px 0 25px 0; }
.event-location-text h3 { margin: 0 0 5px 0; color: #646568; }
.event-location-text p { margin: 0 0 5px 0; }
.event-location-text p:first-child span { font-size: 16px; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.event-location-text > :last-child { margin-bottom: 0; }
.event-link-wrapper { margin-bottom: 60px; }
.event-link { display: block; width: fit-content; margin: 0 auto; text-align: center; }

/*** About page ***/
.imageTop .imageTop-background { min-height: 716px; background: black no-repeat center bottom; background-size: auto 100%; }
.imageTop .imageTop-image { margin-bottom: 40px; }
.imageTop .imageTop-content { padding: 30px 0 30px 30px; color: white; }
.imageTop .imageTop-content h2 { margin-bottom: 25px; color: white; }
.imageTop .imageTop-content p { margin-bottom: 25px; font-size: 24px; line-height: 1.6; }
.imageTop .imageTop-content :last-child { margin-bottom: 0; }
.page-team { padding-top: 120px; padding-bottom: 100px; box-shadow: 0 0 7px 4px rgba(58, 58, 58, 0.25); background: #ebebeb url("images/team-background.png") no-repeat fixed center center; background-size: auto auto; }
.page-team h2 { color: #00205B; }
.page-team-member { overflow: hidden; }
.page-team-member img { float: left; margin: 0 25px 25px 0; }
.page-team-member p { margin: 0; line-height: 1.5; }
.page-team-text { display: block; float: left; width: calc(100% - 158px); }
.page-team-name { color: #363636; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
p.page-team-name { margin-top: -5px; }
.page-boards { padding-top: 120px; padding-bottom: 120px; }
.page-boards h2 { color: #00205B; }
.page-boards-image { width: 100%; margin: 0 0 50px 0; }
.page-boards ul { width: 100%; line-height: 1.5; }
.page-boards ul li { width: 100%; padding: 0; margin: 0; color: #363636; line-height: 1.5; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.page-boards ul li:before { display: none; }
.page-boards .page-boards-occupation { color: #00205B; }
.page-boards .last { margin-bottom: 25px; }
.page-boards ul li:last-of-type { margin: 0; }

/*** Mission page ***/
.programs-impact { padding-top: 120px; padding-bottom: 120px; margin-bottom: 0; background: #612C51 url("images/programs-impact-background.png") no-repeat fixed center center; background-size: auto auto; }
.programs-impact h2 { color: white; text-align: center; }
.page-impact-points-mission { background: transparent; }
.page-impact-points-mission .page-content-main { margin-bottom: 40px; }
.programs-impact .post-featured-image { margin: 0 0 20px 0; }
.programs-impact h3 { margin: 0 23px 20px 23px; color: #612C51; line-height: 1.2; }
.programs-impact h3 a { color: #612C51; }
.programs-impact .post-readmore { margin: 0 23px 25px 23px; }
.programs-impact .post-readmore a { color: #612C51; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }

/*** Impact page ***/
.page-impact-points-impact { padding-top: 0; background: transparent; }
.page-impact-points-impact p { margin-bottom: 120px; }
.page-content-impact { padding-top: 120px; padding-bottom: 120px; box-shadow: 0 -4px 7px 0 rgba(58, 58, 58, 0.25); background: #fafafa; }
.page-content-impact .content { margin-bottom: 0; }
.page-impact-points-mission .content { margin-bottom: 0; }
.page-impact-content :last-child { margin-bottom: 0; }

/*** Contact page ***/
.wpcf7-form-control-wrap { display: block; }
.wpcf7-form br { display: none; }
input[type="submit"].wpcf7-submit { display: block; margin-left: auto !important; margin-right: auto !important; }
div.wpcf7 .ajax-loader { display: block; margin: 0 auto; }
.page-map { padding-top: 120px; padding-bottom: 120px; box-shadow: 0 -4px 7px 0 rgba(58, 58, 58, 0.25); background: #fafafa; }
.page-map-content :last-child { margin-bottom: 0; }
.contact-googlemap-container { display: block; position: relative; width: 100%; }
#contact-googlemap { display: block; width: 100%; height: 600px; }
.contact-googlemap-overlay { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; }
.contact-googlemap-address { display: block; position: absolute; left: 25px; right: 25px; bottom: 25px; padding: 20px 25px 30px 25px; background: white; }
.contact-googlemap-address .content-p-img { margin: 0; }
.contact-googlemap-address img { margin-bottom: 10px; }
.contact-googlemap-address p { color: #464646; font-size: 18px; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.contact-googlemap-address a { color: #464646; }
.contact-googlemap-address > :last-child { margin-bottom: 0; }

/*** Teaching Artists page ***/
.page-template-page-artists .page-content { margin-bottom: 50px; }
.page-artists { padding-top: 0; }
.page-artists .page-artists-occupation { color: #005A70; }
.page-ensembles { padding-top: 0; }
.page-artists button.openArtist,
.page-ensembles button.openEnsemble, 
.single-program button.openArtist { text-align: left; padding: 0; border: none; background: transparent; color: #363636; box-shadow: none; min-width: 0; transition: color 0.4s linear; }
.page-artists button.openArtist:hover,
.page-artists button.openArtist:focus, 
.single-program button.openArtist:hover,
.single-program button.openArtist:focus,
.page-ensembles button.openEnsemble:hover, .page-ensembles button.openEnsemble:focus { background-color: transparent; color: #717171; outline: none; }

.popup {  position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: none; align-items: center; justify-content: center; z-index: 35; }
.popupinner { position: relative; display: flex; text-align: initial; background-color: #fff; max-width: 90%; max-height: 90%; width: 844px; min-height: 400px; border-radius: 8px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.5); box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.5); }
.thepopup .popupinner { min-height: 1px; height: auto; }
.ensembleImg { background-size: cover; background-position: center; width: 370px; flex-shrink: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ensembleTexts { padding: 25px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.closePopup { cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; right: -25px; top: -25px; width: 50px; height: 50px; border-radius: 50px; background: #00205B; border: none; transition: background-color 0.4s linear; }
.closePopup i { display: block; color: #fff; font-size: 54px; font-family: arial; font-style: normal; line-height: 50px; }
.closePopup svg { display: block; width: 28px; height: 28px; color: white; }
.closePopup:hover, .closePopup:focus { outline: none; background: #00205B;  }
.popupArtist h2,
.popupEnsemble h2 { color: #0075de; font-size: 20px; margin-top: 12px; margin-bottom: 17px; }
.ensembleTexts p { margin-bottom: 0; color: #363636; font-size: 16px; line-height: 1.9; }
.popup .image { overflow: hidden; width: 100%; border-radius: 8px; }
.popup .image img { width: 100%; }

/*** Music page ***/
.page-instruments { margin-bottom: 120px; }
.page-instruments h2 { margin-bottom: 30px; color: #ff8200; text-align: center; }
.page-instruments-navigation { margin-bottom: 30px; }
.page-instruments-navigation-item { display: flex; position: relative; overflow: hidden; border-radius: 8px; margin-bottom: 30px; background: #ebebeb; -webkit-transition: background 0.4s linear; -moz-transition: background 0.4s linear; -o-transition: background 0.4s linear; transition: background 0.4s linear; }
.page-instruments-navigation-item-image { display: block; position: absolute; width: 212px; height: 212px; top: 0; left: 0; -webkit-transition: filter 0.4s linear; -moz-transition: filter 0.4s linear; -o-transition: filter 0.4s linear; transition: filter 0.4s linear; }
.page-instruments-navigation-item-dot { display: block; position: absolute; width: 8px; height: 8px; bottom: 16px; border-radius: 50%; margin-top: auto !important; opacity: 0; background: white; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; }
.page-instruments-navigation-item button { position: relative; max-width: 100%; padding: 28px 40px; outline: none; box-shadow: unset; color: #646568; background: transparent !important; }
.page-instruments-navigation-item.active,
.page-instruments-navigation-item:hover,
.page-instruments-navigation-item:focus { background-color: #646568; }
.page-instruments-navigation-item.active .page-instruments-navigation-item-image,
.page-instruments-navigation-item:hover .page-instruments-navigation-item-image,
.page-instruments-navigation-item:focus .page-instruments-navigation-item-image { filter: brightness(22%); }
.page-instruments-navigation-item.active .page-instruments-navigation-item-dot,
.page-instruments-navigation-item:hover .page-instruments-navigation-item-dot,
.page-instruments-navigation-item:focus .page-instruments-navigation-item-dot { opacity: 1; }
.page-instruments-navigation-item.active button,
.page-instruments-navigation-item:hover button,
.page-instruments-navigation-item:focus button { color: white; background: transparent; }
.page-instruments-navigation .col-6 { display: flex; }
.page-instruments-detail-item { width: 100%; }
.audiojs { display: none; }
.audio_controls { display: block; position: relative; width: 100%; height: 80px; padding: 10px 10px 10px 80px; background: #ebebeb; }
.audio_controls .play_pause { display: block; position: absolute; width: 60px; min-width: 60px; height: 60px; top: 10px; left: 10px; padding: 0; border: 3px solid #ff8200; border-radius: 50%; box-shadow: unset; margin: 0; background: transparent; }
.audio_controls .play_pause:before { content: ''; display: block; position: absolute; width: 0; height: 0; top: 14px; left: 18px; border-style: solid; border-width: 13.5px 0 13.5px 24px; border-color: transparent transparent transparent #ff8200; -webkit-transition: border 0.4s linear; -moz-transition: border 0.4s linear; -o-transition: border 0.4s linear; transition: border 0.4s linear; }
.audio_controls .play_pause:hover,
.audio_controls .play_pause:focus { background: #ff8200; }
.audio_controls .play_pause:hover:before,
.audio_controls .play_pause:focus:before { border-color: transparent transparent transparent #ebebeb; }
.audio_controls .play_pause.pause:before { content: 'II'; position: relative; width: auto; height: auto; top: 0; left: 0; border: none; color: #ff8200; font-size: 35px; font-weight: bold; font-family: sans-serif; -webkit-transition: color 0.4s linear; -moz-transition: color 0.4s linear; -o-transition: color 0.4s linear; transition: color 0.4s linear; }
.audio_controls .play_pause.pause:hover:before,
.audio_controls .play_pause.pause:focus:before { color: #ebebeb; }
.audio_controls.playing .play_pause { display: none; }
.audio_controls .play_pause.pause { display: none; }
.audio_controls.playing .play_pause.pause { display: block; }
.audio-timeline { display: block; position: relative; width: 100%; height: 5px; margin: 28px 0 0 0; }
.audio-timeline-background { display: block; width: 100%; height: 100%; background: #bcbec0; }
.audio-timeline i { display: block; position: absolute; width: 5px; height: 25px; top: -10px; background: #646568; }
.page-instruments-detail-item-wrap { text-align: center; }
.page-instruments-detail-item-image { display: inline-block; position: relative; }
.page-instruments-detail-item-image > div { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: 50%; background: #ff8200; }
.page-terms { padding-top: 80px; padding-bottom: 120px; margin-bottom: 200px; background: #ff8200 url("images/music-terms-background.png") no-repeat fixed center center; background-size: auto auto; }
.page-terms h2 { margin-bottom: 50px; color: white; text-align: center; }
.page-terms-viewport { margin-bottom: 34px; padding-bottom: 3px; }
.page-terms-items { margin-left: -52px; margin-right: -52px; }
.page-terms-item { width: 738px; padding: 0 52px; }
.page-terms-item-wrap { padding: 30px; background: white; margin: 6px 0; box-shadow: 0px 0 3px 3px rgba(58, 58, 58, 0.15); }
.page-terms-item h3 { margin-bottom: 15px; }
.page-terms-item p { margin-bottom: 60px; font-size: 24px; line-height: 1.6; color: #363636; }
p.page-terms-item-category { margin-bottom: 15px; color: #cecece; font-size: 20px; line-height: 1; text-transform: uppercase; font-family: NeutrafaceDisplayTitling, sans-serif; }
.page-terms-navigation { display: block; width: 100%; text-align: center; line-height: 1; }
.page-terms-navigation .page-terms-navigation-prev,
.page-terms-navigation .page-terms-navigation-next { display: inline-block; min-width: 0; padding: 0 20px; border: none; outline: 0; box-shadow: unset; margin: 0; color: white; font-size: 60px; vertical-align: middle; background: transparent; }
.page-terms-navigation .page-terms-navigation-prev:hover,
.page-terms-navigation .page-terms-navigation-next:hover,
.page-terms-navigation .page-terms-navigation-prev:focus,
.page-terms-navigation .page-terms-navigation-next:focus { color: #c55300; background: transparent; }
.page-terms-navigation-bullets { display: inline-block; position: relative; }
.page-terms-navigation .page-terms-navigation-item { display: inline-block; position: relative; width: 12px; min-width: 0; height: 12px; top: -3px; padding: 0; border: 3px solid white; border-radius: 50%; outline: 0; box-shadow: unset; margin: 0 5px; background: transparent; }
.page-terms-navigation .page-terms-navigation-item.active,
.page-terms-navigation .page-terms-navigation-item:hover,
.page-terms-navigation .page-terms-navigation-item:focus { background: white; }
.page-template-page-music #masthead .button a { background: #ff8200; border-color: #ff8200; }
.page-template-page-music #masthead .button a:hover, .page-template-page-music #masthead .button a:focus { background: transparent; border-color: #fff; color: #fff; }
.imageTop-background { position: relative; }
.youtubePlayer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: none; }
.imageTop button.playYt { margin-top: 27px; }
button.playYt { transition: color 0.4s linear, background 0.4s linear, border-color 0.4s linear; color: #ff8200; font-size: 23px; position: relative; padding: 14px 25px 14px 60px; border: 3px solid #ff8200; border-radius: 35px; background: transparent; box-shadow: none; }
button.playYt::before { transition: border-color 0.4s linear; content: ''; display: block; position: absolute;  width: 0; height: 0; top: 14px; left: 18px; border-style: solid; border-width: 13.5px 0 13.5px 24px; border-color: transparent transparent transparent #ff8200; }
button.playYt:hover, button.playYt:focus { background: transparent; border-color: #fff; }
button.playYt:hover::before, button.playYt:focus::before { border-color: transparent transparent transparent #fff; }
.page-terms.js-slider h2 { margin-bottom: 10px; }
.slider-categories { margin-bottom: 20px; }
.slider-categories button.sliderCategory { position: relative; margin-bottom: 15px; color: #fff; padding: 0 11px; transition: color 0.4s linear; font-size: 20px; text-transform: none; font-family: NeutrafaceTextBook, sans-serif; background: transparent; box-shadow: none; min-width: 0; }
.slider-categories button.sliderCategory:hover, .slider-categories button.sliderCategory:focus { color: #646568; background: transparent; outline: none; }
.slider-categories button.sliderCategory::before { transition: border-color 0.4s linear; content: ''; position: absolute; display: block; bottom: -10px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 5px 3px 0 3px; border-color: transparent transparent transparent transparent; }
.slider-categories button.sliderCategory.active { color: #646568; }
.slider-categories button.sliderCategory.active::before { border-color: #646568 transparent transparent transparent; }

/*** Support page ***/
.page-donations { margin-bottom: 120px; }
.event-payment { margin-bottom: 60px; }
.page-donations h2,
.page-donations.event-payment h2 { margin-bottom: 50px; color: #00205b; text-align: center; }
.page-donations-info { text-align: center; }
.page-donations-items { margin-left: -10px; margin-right: -10px; margin-bottom: 30px; }
.page-donations-items .col-five { padding-left: 10px; padding-right: 10px; }
.page-donations-item,
button.page-donations-item { display: block; min-width: 0 !important; width: 100%; max-width: 100%; padding: 35px 15px 30px 15px; border: 1px solid #d9d9d9; border-radius: 8px; box-shadow: 0 0 7px 1px rgba(58, 58, 58, 0.25); outline: none; margin-bottom: 20px; font-size: 20px; text-align: center; line-height: 1.8; font-family: NeutrafaceTextBook, sans-serif; background: #ebebeb; }
.event-payment button.page-donations-item { display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
.page-donations-item.filler,
button.page-donations-item.filler { box-shadow: unset; border: none; background: transparent; cursor: default; }
.page-donations-item h3 { margin-bottom: 5px; color: #001f52; font-size: 40px; }
.event-payment .page-donations-item h3 { font-size: 34px; }
.page-donations-item.filler h3,
button.page-donations-item.filler h3 { display: none; }
.page-donations-item p { margin: 0; color: black; font-size: 18px; line-height: 1.2; text-transform: none; }
.event-payment .page-donations-item p { font-size: 16px; }
.page-donations-link { margin: 0; text-align: center; }
.page-volunteer { padding-top: 120px; padding-bottom: 120px; background: #00205b url("images/support-volunteer-background.png") no-repeat fixed center center; background-size: auto auto; }
.page-volunteer .content { margin-bottom: 0; }
.page-volunteer h2 { color: white; }
.page-volunteer p { color: white; }
.page-volunteer label { color: white; }
.page-social { padding-top: 0; margin-bottom: 100px; background-color: transparent; background-image: unset; }
.page-social .page-impact-points-image { overflow: hidden; }
.page-social .page-impact-points-image img { background-color: transparent; -webkit-transition: background 0.4s linear; -moz-transition: background 0.4s linear; -o-transition: background 0.4s linear; transition: background 0.4s linear; }
.page-social .page-impact-points-image span { font-size: 30px; }
.page-social .page-impact-points-image:hover img,
.page-social .page-impact-points-image:focus img { background-color: rgba(0, 0, 0, 0.3); }

/*** Responsive ***/
@media (min-width: 576px) {
	button[type="button"],
	.button,
	input[type="submit"] { min-width: 212px; }
}

@media (min-width: 1200px) {
	.container { max-width: 1190px; }
	.col-five { flex-basis: 20%; max-width: 20%; }

	#colophon .footer-left { flex-basis: 558px; max-width: 558px; padding-right: 50px; }
	#colophon .footer-right { flex-basis: 400px; max-width: 400px; margin-left: auto; margin-right: 60px; }
	.footer-central-bar { right: -36px; }

	.page-content-main { margin: 0 auto; flex-basis: 716px; max-width: 716px; }
	.post-content-main { flex-basis: 716px; max-width: 716px; }
	.page-template-page-support .post-content-main { flex-basis: 41.666667%; max-width: 41.666667%; }
	.post-content-side { flex-basis: 400px; max-width: 400px; margin-left: auto; }
	.content .gallery { width: 607px; }
	.content .gallery-item { width: calc(25% - 19px); margin: 0 25px 25px 0; }
	.content .gallery-item:nth-child(4n+0) { margin-right: 0; }

	.blog-list-post { max-width: 528px; }
	.blog-list .blog-list-post-wrap:nth-child(2n+1) .blog-list-post { margin-right: auto; }
	.blog-list .blog-list-post-wrap:nth-child(2n+0) .blog-list-post { margin-left: auto; }

	.page-instruments-detail-item-left { flex-basis: 558px; max-width: 558px; }
	.page-instruments-detail-item-right { flex-basis: 480px; max-width: 480px; margin-left: auto; }

	.page-social .page-content-main { flex-basis: 746px; max-width: 746px; }

	.page-donations-info { display: block; flex-basis: 746px; max-width: 746px; margin: 0 auto; }
}

@media (min-width: 1920px) {
	.container.beyond { max-width: 1920px; }
}

@media (max-width: 1199px) {
	h2 { font-size: 50px; }

	span.wpcf7-list-item { width: 100%; }

	#masthead,
	#masthead.sticky { background: #ebebeb; }
	#masthead .masthead-content { padding-top: 10px; }
	#masthead .logo { top: 0; }
	#masthead.sticky .logo { height: 81px; top: 0; }
	#masthead .logo img { display: none; }
	#masthead .logo .mobile { display: block; }
	#masthead .mobile-navtoggle { display: block; margin: 15px 0 20px 0; }
	.masthead-right { display: none; position: absolute; max-width: 100%; left: 0; top: 83px; right: 0; line-height: 0; }
	.masthead-right.open { display: block; }
	#masthead ul { margin: 0; }
	#masthead .menu-primary-menu-container { width: 100%; max-height: calc(100% - 48px); }
	#masthead .primary-menu { display: block; overflow: hidden; overflow-y: auto; width: 100%; max-height: 100%; line-height: 1.8; background: #ebebeb; }
	#masthead .primary-menu li { width: 100%; padding: 0; margin: 0; }
	#masthead .primary-menu li a { display: inline-block; width: 100%; padding: 4px 0 !important; color: #646568; }
	#masthead .sub-menu { display: none; position: relative; width: 100%; top: 0; left: 0 !important; }
	#masthead.sticky .sub-menu { top: 0; }
	#masthead .primary-menu li:hover .sub-menu { display: none; }
	#masthead .primary-menu li.active .sub-menu { display: block; }
	#masthead .primary_right-menu { position: relative; width: 100%; top: 0; right: 0; line-height: 1.8; background: #ebebeb; }
	#masthead.sticky .primary_right-menu { top: 0; }
	#masthead .primary_right-menu li { padding: 4px 0; }
	#masthead .button a { color: #646568; border-color: #646568; }

	.page-header h1,
	.page-header h2 { margin-bottom: 80px; }
	.page-header.fullheight h1,
	.video-parallax-overlay h1 { font-size: 90px; }

	.page-header.program h1 { margin-bottom: 60px; }

	.page-donations .filler-parent { display: none; }

	.page-instruments-navigation .col-lg-3:last-of-type { margin-left: auto; margin-right: auto; }
}

@media (max-width: 991px) {
	h1,
	h2,
	h3,
	h4 { margin: 0 0 30px 0; }
	p { margin: 0 0 30px 0; }

	.content-text-bigger { margin-bottom: 30px; }

	#colophon .desktop { display: none; }
	#colophon .mobile { display: block; }
	#footer-bar { margin-top: -70px; }
	/*noinspection CssOptimizeSimilarProperties*/
	#colophon .page-footer { padding-top: 60px; padding-bottom: 60px; background-image: url("images/footer-tablet-background.png"); background-position: center center; }
	.footer-left { max-width: 590px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
	.footer-central-bar { display: none; }
	.footer-right { max-width: 590px; margin-left: auto; margin-right: auto; }
	#colophon .page-footer-bottom { padding-top: 60px; padding-bottom: 60px; }
	#colophon .socials { margin-top: 15px; }
	#colophon .footer-address { text-align: center; }

	.page-header { margin-bottom: 60px; }
	.page-header h1,
	.page-header h2 { font-size: 70px; }
	.page-header.fullheight h1,
	.video-parallax-overlay h1 { font-size: 70px; }
	.content { margin-bottom: 60px; }

	.home .page-content { margin-bottom: 60px; }
	.page-impact-points { padding-top: 60px; padding-bottom: 0; }
	.page-impact-points .page-content-main { margin-bottom: 0; }
	.page-impact-points-list .col-6:last-of-type:nth-child(odd) { margin-left: auto; margin-right: auto; }
	.page-blog-latest { padding-top: 60px; padding-bottom: 60px; background-position-y: 100%; }

	.page-impact-points-impact { padding-top: 0; }
	.page-impact-points-impact p { margin-bottom: 60px; }
	.page-content-impact { padding-top: 60px; padding-bottom: 60px; }

	.page-template-page-programs .content { margin-bottom: 60px; }
	.programs .programs-program h2 { margin: 30px 30px 10px 30px; }
	.programs .programs-program p { margin: 0 30px 20px 30px; }
	.programs .programs-program .post-toolbar { margin-right: 30px; }
	.programs .programs-program .post-content-side { display: none; }

	.page-map { padding-top: 60px; padding-bottom: 60px; }

	.blog-list { margin-bottom: 0; }
	.blog-list-post { margin-bottom: 30px; }
	.page-events { padding-top: 60px; padding-bottom: 30px; }
	.page-events-event { margin-bottom: 30px; }
	.page-events .col-md-6:last-of-type:nth-child(odd) { margin-left: auto; margin-right: auto; }

	.programs-impact { padding-top: 60px; padding-bottom: 30px; }
	.programs-impact .col-md-6:last-of-type:nth-child(odd) { margin-left: auto; margin-right: auto; }
	.page-impact-points .page-content-main { margin-bottom: 40px; }

	.page-team { padding-top: 60px; padding-bottom: 40px; }
	.page-boards { padding-top: 60px; padding-bottom: 60px; }
	.page-boards-image { margin-bottom: 30px; }

	.event-location img { display: none; }
	.event-location-text { margin-left: 15px; margin-right: 15px; }

	.page-donations { margin-bottom: 60px; }
	.page-donations .col-md-4:nth-child(3n+2) { margin-left: auto; }
	.page-donations .col-md-4:nth-child(3n+0) { margin-right: auto; }
	.page-volunteer { padding-top: 60px; padding-bottom: 60px; }
	.page-social { padding-top: 0; margin-bottom: 60px; }
	.page-social .page-content-main { margin-bottom: 0; }

	.page-artists { padding-top: 0; }
	.page-ensembles { padding-top: 0; }

	.page-instruments { margin-bottom: 60px; }
	.page-instruments-navigation .col-lg-3:nth-child(3n+1) { margin-left: auto; }
	.page-instruments-navigation .col-lg-3:last-of-type { margin-left: 0; margin-right: auto; }
	.page-terms { padding-top: 60px; padding-bottom: 60px; margin-bottom: 60px; }
}

@media (max-width: 767px) {
	.popupinner { flex-direction: column; }
	.ensembleImg { width: 100%; padding-top: 90%; border-bottom-left-radius: 0; }
    .ensembleTexts { overflow-y: auto; border-bottom-left-radius: 8px; }

	/*noinspection CssOptimizeSimilarProperties*/
	#colophon .page-footer { background-image: url("images/footer-mobile-background.png"); background-position: center center; }
	#colophon ul li a { font-size: 18px; }

	.js-gallery-headline-item-content h3 { font-size: 30px; }
	.js-gallery-text-item-content p { font-size: 16px; }

	.js-sidebar-move ul li:last-child { margin-bottom: 60px; }

	.post-content-main { margin-bottom: 60px; }

	.page-header.fullheight h1,
	.video-parallax-overlay h1 { font-size: 55px; }

	.page-impact-points { background-image: url("images/home-impact-background-mobile.png"); }
	.page-impact-points .page-impact-points-image img { width: 150px; }
	.page-impact-points .page-impact-points-image span { font-size: 50px; }
	.page-impact-points-label { font-size: 20px; }
	.page-blog-latest { background: #84bd00; }
	.page-blog-latest .post-content-main { margin-bottom: 0; }
	.page-blog-latest .post-content-side { padding-top: 20px; }
	.promo-item { float: left; width: calc(50% - 10px); margin-bottom: 0; }
	.promo-item:nth-child(odd) { margin-right: 20px; }

	.programs-impact { background-image: url("images/programs-impact-background-mobile.png"); }

	.page-header.program h1 { margin-bottom: 50px; }

	.imageTop .desktop { display: none; }
	.imageTop .mobile { display: block; }

	.programs { margin-bottom: 0; }
	.programs-program .post-content-main { margin-bottom: 0; }

	.page-team { background-image: url("images/team-background-mobile.png"); }
	.page-team-member img { width: 90px; margin: 0 15px 15px 0; }
	.page-team-text { width: calc(100% - 106px); }
	p.page-team-name { margin-top: -3px; }
	.page-team-member p { font-size: 15px; }
	.page-boards .col-6:last-of-type { margin-top: 30px; }

	.page-donations h2 { margin-bottom: 30px; }
	.page-volunteer { background-image: url("images/support-volunteer-background-mobile.png"); }
	.page-social { padding-top: 0; }
	.page-social .page-impact-points-image span { font-size: 24px; }

	.page-instruments-navigation .col-lg-3:nth-child(3n+1) { margin-left: 0; }
	.page-instruments-navigation .col-lg-3:last-of-type { margin-left: auto; margin-right: auto; }
	.page-instruments-detail-item-left { margin-bottom: 60px; }
	.page-terms { background-image: url("images/music-terms-background-mobile.png"); }
	.page-terms-items { margin-left: 0; margin-right: 0; }
	.page-terms-item { padding: 0; }
}

@media (max-width: 575px) {
	body { font-size: 15px; background: transparent; }
	body.home { background: url("images/body-parallax-home-mobile.png") no-repeat fixed left; }

	h1,
	h2,
	h3,
	h4 { margin: 0 0 20px 0; line-height: 1.2; }
	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
	h3 { font-size: 19px; }
	h4 { font-size: 19px; }
	p { margin: 0 0 20px 0; }

	ul li { padding: 0 0 0 20px; }
	ul li:before { width: 7px; height: 7px; top: 10px; }

	button[type="button"],
	.button,
	.button a,
	input[type="submit"] { box-shadow: 0 3px 0 0 #ffab54; font-size: 15px; }
	button[type="button"],
	.button, input[type="submit"] { padding: 8px 20px; }
	button[type="button"],
	.button,
	input[type="submit"] { min-width: 140px; }

	.content-text-bigger { margin-bottom: 30px; }
	.content .gallery-item { width: calc(25% - 12px); margin: 0 15px 15px 0; }

	.js-gallery-headline-item-content h3 { padding: 15px; font-size: 21px; }
	.js-gallery-text-item-content p { padding: 15px; font-size: 11px; }
	.js-gallery-text-item-content p a { padding-bottom: 2px; border-bottom: 2px solid #f37000; margin-bottom: -2px; }
	.js-gallery-text-item-content p a:hover,
	.js-gallery-text-item-content p a:focus { color: #f37000; border-bottom: 2px solid #f37000; text-decoration: none; }

	.js-sidebar-move ul li:last-child { margin-bottom: 30px; }

	form input { padding: 4px 10px; }
	form label { font-size: 12px; }
	form textarea { height: 100px; }
	.chosen-container-single .chosen-single { padding: 4px 10px; font-size: 12px; }
	.chosen-container-single .chosen-single div b { margin-top: 6px; }
	.chosen-container .chosen-results li { font-size: 12px; }

	.post-content-main { margin-bottom: 50px; }

	#masthead-bar { height: 4px; }
	#masthead .masthead-content { padding-top: 5px; }
	#masthead .logo,
	#masthead.sticky .logo { height: 41px; }
	#masthead .mobile-navtoggle { margin: 4px 0 8px 0; font-size: 32px; }
	.masthead-right { top: 46px; }
	#masthead .primary-menu li a { font-size: 15px; }
	#masthead .button a { padding: 6px 20px; }

	#footer-bar { height: 10px; margin-top: -55px; }
	#colophon .page-footer { padding-top: 50px; padding-bottom: 50px; }
	#colophon .page-footer h2 { margin-bottom: 30px; }
	.footer-left { padding-left: 45px; padding-right: 45px; margin-bottom: 30px; }
	.footer-right { max-width: 210px; margin-left: auto; margin-right: auto; }
	#colophon .footer-right p { font-size: 15px; }
	#colophon .page-footer-bottom { padding-top: 50px; padding-bottom: 30px; }
	#colophon div.footer-menu { margin-bottom: 20px; }
	#colophon ul li a { margin-bottom: 5px; font-size: 14px; }
	#colophon .logo { height: 50px; }
	#colophon .logo img { max-height: 100%; }
	#colophon .socials { margin-top: 17px; }
	.socials a i { width: 15px; height: 15px; margin-right: 10px; margin-bottom: 10px; }
	#colophon .footer-address p { margin-bottom: 10px; font-size: 10px; }

	.page-header { height: 168px; margin-bottom: 50px; }
	.page-header.fullheight { height: 406px; }
	.video-parallax-overlay { height: 402px; }
	.page-header h1,
	.page-header h2 { margin-bottom: 40px; font-size: 35px; }
	.page-header.fullheight h1,
	.video-parallax-overlay h1 { font-size: 35px; }
	.page-header .angle-down,
	.video-parallax-overlay .angle-down { width: 27px; height: 8px; bottom: 20px; margin-left: -13px; background-size: 100% 100%; }
	.page-header .masthead-bar { height: 4px; }
	.content { margin-bottom: 50px; }

	.home .page-header { margin-bottom: 45px; }
	.home .page-content { padding-left: 47px; margin-bottom: 50px; padding-right: 47px; }
	.home .page-content .content-text-bigger { font-size: 22px; }
	.home .page-content p { font-size: 15px; }
	.home .page-content .button { margin-top: 0; }
	.page-impact-points { background-image: url("images/home-impact-background-mobile-small.png"); }
	.page-impact-points { padding-top: 50px; }
	.page-impact-points .content { margin-bottom: 20px; }
	.page-impact-points .page-impact-points-image { margin-bottom: 10px; }
	.page-impact-points .page-impact-points-image img { width: 106px; }
	.page-impact-points .page-impact-points-image span { font-size: 32px; }
	.page-impact-points-label { margin-bottom: 30px; font-size: 14px; }
	.page-impact-points-link { margin-bottom: 50px; }
	.page-blog-latest { padding-top: 50px; padding-bottom: 50px; }
	.page-blog-latest h2 { margin-bottom: 30px; }
	.page-blog-latest .post-featured-image { margin-bottom: 20px; }
	.page-blog-latest h3 { margin-bottom: 15px; }
	.page-blog-latest p { margin-bottom: 15px; }
	.post-toolbar { padding-top: 10px; padding-bottom: 10px; }
	.post-toolbar p { margin-bottom: 0; }
	.promo-item { width: calc(50% - 5px); }
	.promo-item:nth-child(odd) { margin-right: 10px; }

	.sidebar ul li { margin-bottom: 30px; }
	.quoteWidget p { font-size: 28px; }

	.single-post .page-header,
	.single-event .page-header,
	.page-template-page-impact .page-header,
	.blog .page-header,
	.page-template-page-mission .page-header,
	.page-template-page-about .page-header,
	.page-template-page-support .page-header,
	.page-template-page-music .page-header,
	.single-career .page-header { margin-bottom: 15px; }
	.post-featured-image { margin-bottom: 30px; }
	.post-content h1 { margin-bottom: 20px; }
	.post-date { margin-bottom: 20px; font-size: 15px; }
	.content-socials-container { display: block; justify-content: unset; font-size: 12px; }
	.content-socials-container .headline { display: inline-block; width: 100%; margin-bottom: 20px; text-align: center; }
	.content-socials-container > .facebook,
	.content-socials-container > .twitter,
	.content-socials-container > .email,
	.content-socials-container > div { display: none !important; }
	.content-socials .mobile { display: flex !important; justify-content: space-between; }

	.page-header.program { height: 230px; }
	.page-header.program h1 { margin-bottom: 45px; }

	.imageTop .imageTop-image { margin-bottom: 25px; }

	.page-impact-points-impact { padding-top: 0; margin-bottom: 20px; }
	.page-impact-points-impact p { margin-bottom: 30px; }
	.page-content-impact { padding-top: 50px; padding-bottom: 50px; }

	.page-template-page-programs .content { margin-bottom: 30px; }
	.programs .programs-program { margin-bottom: 50px; }
	.programs .programs-program .post-excerpt { min-height: 0; }

	.page-map { padding-top: 50px; padding-bottom: 50px; }
	.contact-googlemap-address p { font-size: 12px; }
	.contact-googlemap-address img { width: auto; height: 40px; }

	.blog-list-post .post-featured-image { margin-bottom: 20px; }
	.blog-list-post h3 { margin-bottom: 15px; }
	.blog-list-post p { margin-bottom: 15px; }
	.content-bars-bar { top: 13px; }
	.blog-list-more .pods-pagination-next { margin-bottom: 30px; }
	.blog-list-more i { margin-bottom: 30px; }
	.page-events { padding-top: 50px; padding-bottom: 20px; }

	.programs-impact { padding-top: 50px; padding-bottom: 20px; background-image: url("images/programs-impact-background-mobile-small.png"); }
	.programs-impact .post-featured-image { margin-bottom: 15px; }
	.programs-impact h3 { margin-bottom: 10px; }
	.page-impact-points .page-content-main { margin-bottom: 0; }

	.page-team { padding-top: 50px; padding-bottom: 25px; background-image: url("images/team-background-mobile-small.png"); }
	.page-team-member img { width: 65px; margin-bottom: 25px; }
	.page-team-text { width: calc(100% - 82px); }
	.page-boards { padding-top: 50px; padding-bottom: 50px; }
	p.page-team-name { margin-top: 0; }
	.page-team-member p { font-size: 10px; }

	.event-location-wrapper { padding-top: 0; margin-bottom: 30px; }
	.event-location-text p:first-child span { font-size: 15px; }
	.event-link-wrapper { margin-bottom: 30px; }

	.page-donations { margin-bottom: 50px; }
	.page-donations h2 { margin-bottom: 20px; }
	.page-donations-items { margin-bottom: 10px; }
	.page-donations-item { padding: 15px 15px 15px 15px; }
	.page-donations-item h3 { font-size: 15px; }
	.page-donations-item p { font-size: 12px; }
	.page-volunteer { padding-top: 50px; padding-bottom: 50px; background-image: url("images/support-volunteer-background-mobile-small.png"); }
	.page-volunteer form input[type="submit"] { margin-top: 0 !important; }
	.page-social { padding-top: 0; margin-bottom: 50px; }
	.page-social .page-impact-points-image span { font-size: 18px; }

	.page-template-page-artists .page-header { margin-bottom: 30px; }
	.page-template-page-artists .page-content { margin-bottom: 0; }

	.page-instruments { margin-bottom: 50px; }
	.page-instruments-detail-item-left { margin-bottom: 50px; }
	.page-instruments-navigation { margin-bottom: 0; }
	.page-instruments-navigation-item button { width: 100%; min-width: 0; padding: 20px 40px; box-shadow: unset; }
	.page-instruments-navigation-item-dot { bottom: 8px; }
	.audio_controls { height: 50px; padding: 10px 10px 10px 50px; }
	.audio_controls .play_pause { width: 30px; min-width: 30px; height: 30px; border-width: 2px; }
	.audio_controls .play_pause:before { top: 6px; left: 9px; border-width: 7.5px 0 7.5px 12px; }
	.audio_controls .play_pause.pause:before { font-size: 19px; }
	.audio-timeline { height: 4px; margin-top: 13px; }
	.page-terms { padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px; background-image: url("images/music-terms-background-mobile-small.png"); }
	.page-terms h2 { margin-bottom: 20px; }
	.page-terms-item p { font-size: 14px; margin-bottom: 30px; }
	p.page-terms-item-category { font-size: 12px; }

	.page-template-page-careers .page-header { margin-bottom: 30px; }

	.page-template-page-alumni .page-header { margin-bottom: 30px; }
	.post-content-main-alumni form input[type="submit"] { margin-top: 0 !important; }

	.page-template-default .page-header { margin-bottom: 30px; }
}

.page-donations-item, button.page-donations-item {
	display: flex !important;
    flex-direction: column !important;
	align-items: center !important;
	flex: 1 3 !important;
}

.post-password-form{
	padding-left: 20px;
}
.post-password-form .js-checkbox-label i{
	display: none;
}
.post-password-form .js-checkbox-label input{
	display: block;
}