/*   
Theme Name: Voices Of Note WordPress Theme
Theme URI: https://www.voicesofnote.org
Description: A new theme for Voices of Note.
Author: Brandon D Hunt
Author URI: https://brandondhunt.net
Version: 1

AGMC RED: #8f2529;
AGMC GOLD: #f6b03d;
AWC BLUE: #63c1cc;
   Dark Blue: #00bed3;
AWC PURPLE: #6a4192;
LIGHT GRAY: #808080;
GREEN: #86c03f;
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 24px; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

.pagewrap { width: 95%; max-width: 1280px; margin: 0px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 20px 0; line-height: 1.3em; }
h1 { font-size: 48px;  }
h2 { font-size: 30px; }
h3 { font-size: 24px; }

p { margin: 0 0 20px 0; }
a { transition: all 0.25s linear; color: #00bed3; }
a:hover { color: #f6b03d; } 

a.button { padding: 5px 10px; text-transform: uppercase; position: relative; color: #000; text-decoration: none; background-color: #999; color: #fff; }
a.button:hover { background-color: #63c1cc; top: -1px; box-shadow: 0px 1px 5px #888888; }
#greenbutton { background-color: #86c03f; }
#donatebutton { background-color: #63c1cc; padding: 20px 25px; font-size: 24px; border-radius: 5px; margin: 10px 0px; display: inline-block; }
#donatebutton:hover { background-color: #00bed3; }


.alignright { float: right; margin: 0px 0px 15px 15px; }
.alignleft { float: left; margin: 0px 15px 15px 0px; }
aligncenter { width: auto; margin: 0px auto 15px; }

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.postbox ul,
.postbox ol { margin: 0px 0px 25px 75px; }

.colorbar { height: 10px; width: 100%; float: left; background-color: #6a4192; }
.redbar { height: 10px; float: left; width: 20%; background-color:#8f2529; }
.goldbar { height: 10px; float: left; width: 15%; background-color:#f6b03d; }
.bluebar { height: 10px; float: left; width: 45%; background-color:#63c1cc; }

/* ====================================== BEGIN HEADER ====================================== */
.smallheaderbar { background-color: #333333; padding: 10px 0px 0px; line-height: 1em; color: #808080; font-size: 14px; float: left; width: 100%; }

.smallheaderbar a.button { float: right; background-color: #8f2529; margin-left: 10px; margin-right: 20px; }
.smallheaderbar a.button:hover { background-color: #63c1cc; top: 0px; box-shadow: none; }

.smallheaderbar ul { list-style: none; float: right; }
.smallheaderbar ul li { display: inline-block; padding: 0px 10px; border-right: solid #808080 1px; }
.smallheaderbar ul li a { text-decoration: none; color: #808080; }
.smallheaderbar ul li a:hover { color: #63c1cc; }

.smallheaderbar form { float: right; }
.smallheaderbar form.searchform { display: inline-block; margin: 0px; padding: 0px; position: relative; top: -6px; float: right; margin-left: 10px; }
.smallheaderbar form.searchform input.search-field {
    -moz-transition: 400ms width ease;
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: width;
    -webkit-transition-timing-function: ease;
    -o-transition-duration: 400ms;
    -o-transition-property: width;
    -o-transition-timing-function: ease;
	font-size: 20px;
    padding: 5px 8px 5px 10px !important;
    width: 24px;
    border: 0px solid #fff;
	cursor:pointer;
	color: #808080;
	text-indent: 5px;
	-webkit-appearance: none;
	background-color: #333;	
	background-image: url(images/mag-glass.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.smallheaderbar form.searchform .search-field:focus {
    border: 0px solid #000000;
    box-shadow: none;
	font-size: 14px;
    width: 250px;
	color: #808080;
	text-indent: 0px;
	background-image: none;
}
.smallheaderbar form.searchform .search-field:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
		box-shadow: none;
	color: #808080;
	text-indent: 0px;
}
.smallheaderbar form.searchform .search-submit { display: none; }
.smallheaderbar form.searchform span.screen-reader-text {display: none; }

#header { float: left; width: 100%; }
#header img { height: 75px; width: auto; float: left; }
#header a img { padding: 40px 20px; border-right: 1px solid #ececec; }
#header a img.vonlogo { padding-left: 0px; }

#header ul { list-style: none; float: right; text-transform: uppercase; margin-top: 75px; }
#header ul li { display: inline-block; padding: 0px 15px; font-size: 24px; transition: all 0.25s linear; }
#header ul li a { text-decoration: none; color: #000000; }
#header ul li a:hover { color: #63c1cc; }
#header ul li.menubutton a { padding: 5px 10px; background-color: #86c03f; color: #fff; position: relative; }
#header ul li.menubutton a:hover { background-color: #63c1cc; top: -1px; box-shadow: 0px 1px 5px #888888; }
#header ul ul { display: none; }

/* DROP DOWN MENUS */
#header ul ul { position: absolute; display: none; list-style: none; margin: 0px; z-index: 10000; padding: 0px ; transition: all 0.25s linear; padding-top: 20px; }
#header ul ul li { float:none; display: block; padding: 0px;  }
#header ul ul li a { display: block; padding: 15px 10px; background-color: #fff; color: #333; text-align: left; font-size: 16px; font-weight: normal; margin: 0px; border-bottom: 1px solid #eee; box-shadow: 0px 1px 2px #999; }
#header ul ul li a:hover { color: #fff; background-color: #f3822f; border-bottom: 1px solid #eee; }
#header ul li:hover ul { display: block; }
/*--- END DROPDOWN ---*/

/* ====================================== STOP HEADER ====================================== */
/* ====================================== START FOOTER ====================================== */
.whitefooterbar { float: left; width: 100%; }
.whitefooterbar .pagewrap { display: flex; padding: 75px 0px; margin-top: 75px; border-top: 1px solid #eee; padding-top: 75px; }
.whitefooterbar .pagewrap div.col { width: 30%; margin: 0px 3%; position: relative; }
.whitefooterbar h3 { font-size: 24px; font-weight: bold; }
.whitefooterbar h3 img { float: right; margin: 0px 0px 10px 10px; }
.whitefooterbar p { font-size: 14px; line-height: 1.2em; }
.whitefooterbar input { padding: 10px; font-size: 14px; border: 1px solid #eee; display: block; margin-bottom: 10px; width: 80%; color: #adadad; font-style: italic; font-family: 'Raleway', sans-serif; }
.whitefooterbar input#mc-embedded-subscribe { cursor: pointer; background-color: #ccc; color: #fff; text-transform: uppercase; width: auto; font-style: normal; transition: all 0.25s linear; font-size: 12px;   }
.whitefooterbar input#mc-embedded-subscribe:hover { background-color: #63c1cc; color: #fff; }
.whitefooterbar .col a.button {font-size: 12px; display: inline-block; margin-right: 10px; margin-top: 15px; }
#greenbutton { background-color: #86c03f; color: #fff; }
#greenbutton:hover { background-color: #63c1cc; }
.whitefooterbar .col .post h2 a { font-size: 14px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; color: #000; text-decoration: none; display: block; line-height: 1.1em;  }
.whitefooterbar .col .post h2 a:hover { color: #63c1cc; }
.whitefooterbar .wooslider { width: 230px; box-shadow: none; }

.purplefooterbar { clear: both; float: left; width: 100%; text-align: center; padding: 50px 0px 60px 0px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e2a44+22,6a4192+100 */
background: #6a4192; /* Old browsers */
background: -moz-linear-gradient(left, #6a4192 22%, #9e2a44 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #6a4192 22%,#9e2a44 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6a4192 22%,#9e2a44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a4192', endColorstr='#9e2a44',GradientType=1 ); /* IE6-9 */
}
.purplefooterbar h3 { font-weight: bold; color: #fff; margin-bottom: 25px; font-size: 24px; }
.purplefooterbar a.button { padding: 15px 25px; font-size: 18px; background-color: #44215f; border: none; color: #fff; }
.purplefooterbar a.button:hover { background-color: #63c1cc; } 

.bottomfooter { width: 100%; float: left; background-color: #000; color: #adadad; }
.bottomfooter .colorbar { height: 3px; margin-bottom: 50px; }
.bottomfooter .redbar { height: 3px; }
.bottomfooter .goldbar { height: 3px; }
.bottomfooter .bluebar { height: 3px; }

.bottomfooter .pagewrap { display: flex; }
.bottomfooter .pagewrap div { width: 24%; }

.logobox img { width: 200px; height: auto; margin: 0px 0px 20px 0px; display: block; }
.logobox .choruslogobox { float: left; margin-right: 45px; }
.logobox .choruslogobox img { width: 80px; height: auto; }
.choruslogobox ul { list-style: none; margin: 0px; padding: 0px; }
.choruslogobox ul li { display: inline-block; margin-right: 4px; }
.choruslogobox ul li a { color: #adadad; }
.choruslogobox ul li a:hover { color: #63c1cc; }

.contactbox { text-align: right; font-size: 16px; line-height: 1.2em; }
.contactbox h3 { font-size: 24px; font-weight: bold; }
.contactbox h4 { font-size: 18px; font-weight: bold; }
.contactbox p { margin-bottom: 50px; }
.contactbox a { text-decoration: none; color: #adadad; }
.contactbox a:hover { color: #63c1cc; }

.footerbuttons { position: relative; }
.footerbuttons .button { float: right; clear: both; color: #fff; font-size: 14px; width: 175px; margin-bottom: 10px; text-align: center; background-color: #000; border: #eee 1px solid;  }
.footerbuttons a img { position: absolute; right: 0px; bottom: 0px; width: 175px; height: auto; }

p.copyrightbar { font-size: 10px; margin: 75px auto 25px; text-align: center; color: #fff; float: left; width: 100%; line-height: 1.2em; }
p.copyrightbar span { width: 80%; margin: 0 auto; display: block; }
/* ====================================== END FOOTER ====================================== */
/* ====================================== START HOMEPAGE ====================================== */
.bigslider { position: relative; float: left; width: 100%; }
.description { position: absolute; bottom: 20px; width: 100%; text-align: center; background-color: rgba(0,0,0,.8); color: #fff; font-size: 24px; letter-spacing: 5px; text-transform: uppercase; padding: 20px 0px; z-index: 50000000000; line-height: 1.1em; }
.bigslider .wooslider { box-shadow: none; margin: 0px; border: none; border-radius: none; }
body .bigslider .wooslider .slide-content { margin: 0px; }
.bigslider .wooslider p { margin-bottom: 0px; }
#homepagecolorbar { position: relative; top: -20px; }

.homepromobar { width: 100%; background-color: #000; clear: both; margin-top: -20px; background-image: url(images/von-generic-background.jpg); background-size: contain; background-repeat: no-repeat; float: left;  }
.promo { margin: 50px 0px; padding: 20px; background-color: #fff; float: left;  }
.promo hr { height: 1px; color: #eee; margin: 25px 0px; box-shadow: none; height: 1px; border-width:0; color:#eee; background-color: #eee;}

.homeeventlistings { width: 100%; float: left; clear: both; margin-top: -20px; }
.homeeventlistings .event { width: 100%; float: left; clear: both; margin: 0px; background-size: cover; background-repeat: no-repeat; border-top: 1px solid #fff; background-position: center center; }
.homeeventlistings .event .eventbox { background-color: #fff; width: 90%; max-width: 540px; box-shadow: 0px 4px 20px -3px #000; }
.homeeventlistings .event:nth-child(odd) .eventbox { float: left; }
.homeeventlistings .event:nth-child(even) .eventbox { float: right; }
.homeeventlistings .eventbox h1 { margin-left: 20px; font-size: 36px; }
.homeeventlistings .eventbox h1 a { color: #000; text-decoration: none; }
.homeeventlistings .eventbox h1 a:hover { color: #63c1cc; }
.homeeventlistings .eventbox h1 img { display: none; position: relative; top: -35px; }
.homeeventlistings .category-awc-event .eventbox h1 img.awceventlogo { display: block; float: right; margin: 0px 20px 15px 15px; width: 75px; height: auto; }
.homeeventlistings .category-agmc-event .eventbox h1 img.agmceventlogo { display: block; float: right; margin: 0px 20px 15px 15px; width: 75px; height: auto; }
.homeeventlistings .category-von-event .eventbox h1 img.voneventlogo { display: block; float: right; margin: 0px 20px 15px 15px; width: 75px; height: auto; }
.homeeventlistings .category-fundraiser .eventbox h1 img.voneventlogo { display: block; float: right; margin: 0px 20px 15px 15px; width: 75px; height: auto; }
.homeeventlistings .categorybox a { padding: 5px 10px; text-transform: uppercase; position: relative; text-decoration: none; background-color: #ccc; color: #fff; display: inline-block; margin-bottom: 20px; color: #fff; text-decoration: none;  }
.homeeventlistings .categorybox a:hover { background-color: #63c1cc; }
.homeeventlistings .category-awc-event .categorybox a { background-color: #63c1cc; }
.homeeventlistings .category-agmc-event .categorybox a { background-color: #8f2529; }
.homeeventlistings .category-agmc-event .categorybox a:nth-child(2) { background-color: #63c1cc; }
.homeeventlistings .category-von-event .categorybox a,
.homeeventlistings .category-fundraiser .categorybox a { background-color: #86c03f; }
.homeeventlistings .eventbox p { padding: 0px 20px; line-height: 1.3em; }
.buttonrow { margin-left: 20px; margin-bottom: 50px; }

.bluebox { float: left; width: 100%; padding: 75px 0px; border-top: 2px solid #62cbc9; border-bottom: 2px solid #62cbc9; position: relative; top: -20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a7da3+0,63cccc+100 */
background: #2a7da3; /* Old browsers */
background: -moz-linear-gradient(left, #2a7da3 0%, #63cccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2a7da3 0%,#63cccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2a7da3 0%,#63cccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7da3', endColorstr='#63cccc',GradientType=1 ); /* IE6-9 */
}
.bluebox h2 { font-size: 36px; }
.bluebox .colorbar { width: 95%; max-width: 1280px; margin: 0px auto; top: 0px; float: none; }
.home .whitefooterbar .pagewrap { margin-top: 0px; border-top: none; }

/* ====================================== END HOMEPAGE ====================================== */
/* ====================================== START INTERIOR PAGES ====================================== */
.interiorheaderbackground { padding-top: 150px; clear: both; float: left; width: 100%; background-image: url(images/von-generic-background.jpg); background-size: contain; background-repeat: no-repeat; }
.postbox { width: calc(95% - 45px); max-width: 1190px; margin: 0px auto; background-color: #fff; padding: 45px; border-top: 10px solid #8f2529; min-height: 200px; }

.leftmaincontent { float: left; width: calc(100% - 340px); }
.post h1 { margin-bottom: 50px;}
.entry hr { height: 1px; color: #eee; margin: 25px 0px; box-shadow: none; height: 1px; border-width:0; color:#eee; background-color: #eee;}

.pagesidebar { float: right; padding: 20px; background-color: #f9f9f9; width: 250px; margin-left: 50px; }
.pagesidebar p { font-size: 14px; }
.pagesidebar hr { height: 1px; color: #999; margin: 25px 0px; box-shadow: none; height:1px;border-width:0;color:#ccc; background-color: #ccc; }
/* ====================================== END INTERIOR PAGES ====================================== */
/* ====================================== START CHORUS PAGES ====================================== */
.page-template-temp-agmclandingpage .entry { width: calc(100% - 340px); float: left; }
.page-template-temp-agmclandingpage .pagesidebar { background-color: #fff; }
.page-template-temp-awclandingpage .entry { width: calc(100% - 340px); float: left; }
.page-template-temp-awclandingpage .pagesidebar { background-color: #fff; }

h2.currentseasonheader { margin-top: 50px; }
.choruseventlist .event { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; float: left; width: 100%; }
.choruseventlist .event img { width: 100px; height: auto; float: left; margin-right: 20px; }
.choruseventlist .event h2 a { text-decoration: none; }
.choruseventlist .event h2 { font-size: 30px; margin: 0px; }
.choruseventlist .event h3 { font-size: 21px; }
.choruseventlist .eventgraphic {  display:table-cell; vertical-align: top; }
.choruseventlist .contentcol { display:table-cell; vertical-align: top;  }
.chorusfacebook { float: left; margin-right: 20px; }
.chorusinstagram { width: calc(100% - 300px); float: right; } 
.chorusinstagram #sb_instagram { margin-top: -10px; }

#chorussidebar { padding: 0px; line-height: 1.2em; }
#chorussidebar a.button { display: inline-block; }
.conductorinfo { margin: 50px 0px; }
.conductorinfo img { width: 125px; height: auto; }
.conductorinfo h3 { font-size: 21px; font-weight: normal; margin-bottom: 5px; }

.page-template-temp-awclandingpage .postbox { border-top: 10px solid #63c1cc; }
/* ====================================== START EVENT PAGES ====================================== */
.event-template-default .category-awc-event .postbox { border-top: 10px solid #63c1cc; }
.event-template-default .postbox h1 img { display: none; }
.event-template-default .category-awc-event .postbox h1 img.awceventlogo { display: block; float: right; margin: 0px 0px 15px 15px; width: 150px; height: auto; }
.event-template-default .category-agmc-event .postbox h1 img.agmceventlogo { display: block; float: right; margin: 0px 0px 15px 15px; width: 150px; height: auto; }
.event-template-default .category-von-event .postbox h1 img.voneventlogo { display: block; float: right; margin: 0px 0px 15px 15px; width: 150px; height: auto; }
.event-template-default .category-fundraiser .postbox h1 img.voneventlogo { display: block; float: right; margin: 0px 0px 15px 15px; width: 150px; height: auto; }
.event-template-default .category-awc-event .postbox h2 svg { color: #adadad; margin: 0px 15px 15px 0px; float: left; }
.event-template-default #eventtopline { color: #ccc; margin: 50px 0px; height: 1px; box-shadow: none; border: 0px; background-color: #ccc; }
.event-template-default .pagesidebar { background-color: #fff; }
.event-template-default .pagesidebar .button { display: block; margin: 50px 0px; font-size: 14px; }
.event-template-default .pagesidebar .button svg { float: left; height: 36px; width: auto; margin-right: 10px; margin-top: 5px; }
.event-template-default .pagesidebar h3 { text-transform: uppercase; font-size: 30px; }
.event-template-default .pagesidebar h4 { font-weight: normal; font-size: 24px; }
.event-template-default .pagesidebar h4 svg { color: #ccc; }
.bottomphoto img { width: 100%; }
.event-template-default .whitefooterbar .pagewrap { margin-top: 0px; border-top: none; }

.archive .event { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #eee; float: left; width: 100%; }
.archive .event img { width: 150px; height: auto; float: left; margin-right: 20px; }
.archive .categorybox a { padding: 5px 10px; text-transform: uppercase; position: relative; color: #000; text-decoration: none; background-color: #ccc; color: #fff; display: inline-block; margin-bottom: 20px; }
.archive .categorybox a:hover { background-color: #63c1cc; }
.archive .category-awc-event .categorybox a { background-color: #63c1cc; }
.archive .category-agmc-event .categorybox a { background-color: #8f2529; }
.archive .category-agmc-event .categorybox a:nth-child(2) { background-color: #63c1cc; }
.archive .category-von-event .categorybox a,
.archive .category-fundraiser .categorybox a { background-color: #86c03f; }
.archive .event h2 a { text-decoration: none; }
.archive .event h2 { font-size: 42px; margin-top: -14px; }
.archive .event h3 { font-size: 18px; }
.archive .eventgraphic {  display:table-cell; vertical-align: top; }
.archive .contentcol { display:table-cell; vertical-align: top;  }
/* ====================================== END EVENT PAGES ====================================== */
/* ====================================== START BLOG PAGES ====================================== */
.blog .postbox h1 { margin-bottom: 75px; }
.blog .postbox .post { padding-bottom: 50px; margin-bottom: 50px; border-bottom: #eee 1px solid; width: 100%; clear: both; }
.blog .postbox .post h2 { margin-bottom: 5px; line-height: 1.2em; display: block; margin-bottom: 10px; }
.blog .postbox .post h2 a { text-decoration: none; margin-bottom: 5px; }
.blog .photocol {  display:table-cell; vertical-align: top; }
.blog .contentcol { display:table-cell; vertical-align: top;  }
.blog .photocol a img { width: 250px; height: auto; margin: 0px 20px 10px 0px; border: 3px solid #eee; transition: all 0.25s linear; }
.blog .photocol a:hover img { border: 3px solid #f6b03d; }
.blog .bioinfo, 
.archive .bioinfo,
.single .bioinfo { margin-bottom: 25px; display: block; }
.bioinfo a { text-decoration: none; }
.postmetadata { font-size: 12px; margin-bottom: 15px; }
.single h1 img { float: right; max-width: 300px; height: auto; margin: 0px 0px 15px 15px; }
.tagbar { display: block; margin: 50px 0px; padding: 10px 15px; background-color: #efefef; }
form#commentform input { font-size: 18px; padding: 5px 10px; border: 1px solid #ccc; margin-bottom: 20px; }
form#commentform textarea { font-size: 18px; padding: 5px 10px; border: 1px solid #ccc; margin-bottom: 20px; }
form#commentform input#submit { text-transform: uppercase; border: none; background-color: #ccc; cursor: pointer; color: #fff; transition: all 0.25s linear; }
form#commentform input#submit:hover { background-color: #63c1cc; color: #fff; }

.archive .postbox h1 { margin-bottom: 75px; }
.archive .postbox .post { padding-bottom: 50px; margin-bottom: 50px; border-bottom: #eee 1px solid; width: 100%; clear: both; }
.archive .postbox .categorybox a { font-size: 12px; padding: 2px 8px; margin-bottom: 30px; }
.archive .postbox .post h2 { margin-bottom: 5px; line-height: 1.2em; display: block; margin-bottom: 10px; }
.archive .postbox .post h2 a { text-decoration: none; margin-bottom: 5px; }
.archive .photocol {  display:table-cell; vertical-align: top; }
.archive .contentcol { display:table-cell; vertical-align: top;  }
.archive .photocol a img { width: 250px; height: auto; margin: 0px 20px 10px 0px; border: 3px solid #eee; transition: all 0.25s linear; }
.archive .photocol a:hover img { border: 3px solid #f6b03d; }

.page-template-template-tourpage .postbox h1 { margin-bottom: 75px; }
.page-template-template-tourpage .postbox .post { padding-bottom: 50px; margin-bottom: 50px; border-bottom: #eee 1px solid; width: 100%; clear: both; }
.page-template-template-tourpage .postbox .post h2 { margin-bottom: 5px; line-height: 1.2em; display: block; margin-bottom: 10px; }
.page-template-template-tourpage .postbox .post h2 a { text-decoration: none; margin-bottom: 5px; }
.page-template-template-tourpage .photocol {  display:table-cell; vertical-align: top; }
.page-template-template-tourpage .contentcol { display:table-cell; vertical-align: top;  }
.page-template-template-tourpage .photocol a img { width: 250px; height: auto; margin: 0px 20px 10px 0px; border: 3px solid #eee; transition: all 0.25s linear; }
.page-template-template-tourpage .photocol a:hover img { border: 3px solid #f6b03d; }

/* ====================================== END BLOG PAGES ====================================== */
/*=== START GALLERY BUTTONS === */
.galleryloop { float: left; width: 100%; clear: both; }
a.gallerylink { border: 2px solid #ccc; width: 250px; height: 250px; background-color: #666; text-decoration: none; margin: 0px 25px 25px 0px; position: relative; display: block; float: left; transition: all 0.25s linear; }
a.gallerylink:hover { border: 2px solid #8f2529; }
a.gallerylink img { width: 250px; height: 250px; }
a.gallerylink span { display: none; font-size: 21px; color: #fff; text-align: center; position: absolute; top: 0px; left: 0px; background-color: rgba(143, 37, 41, 0); transition: all 0.25s linear; width: 200px; height: 150px; padding: 100px 25px 0px 25px; line-height: 1.2em; }
a.gallerylink:hover span { display: block; background-color: rgba(143, 37, 41, 0.8); transition: all 0.25s linear; }



/*=== END GALLERY BUTTONS === */
/*=== START MEDIA PAGE === */
.page-template-temp-mediapage .entry { width: calc(100% - 340px); float: left; }
.page-template-temp-mediapage .pagesidebar a.button { display: block; }
.page-template-temp-mediapage .pagesidebar p a { line-height: 1.1em; }
/*=== END MEDIA PAGE === */
/*=== START CONTACT PAGE === */
.contactblock {  }
.page-id-80 form { float: left; margin-right: 50px; max-width: 600px; }
.page-id-80 input { border-bottom: 1px solid #eee; font-size: 18px; width: 100%; margin-bottom: 25px; border-left: none; border-top: none; border-right: none; padding: 10px; }
.page-id-80 textarea { border: 1px solid #eee; font-size: 18px; width: 100%; margin-bottom: 25px; padding: 10px; }
.page-id-80 input.wpcf7-submit { padding: 5px 10px; border: 1px solid #adadad; text-transform: uppercase; position: relative; color: #fff; text-decoration: none; cursor: pointer; background-color: #63c1cc; display: inline-block; transition: all 0.25s linear; width: auto; }
.page-id-80 input.wpcf7-submit:hover { background-color: #8f2529; top: -1px; box-shadow: 0px 1px 5px #888888; }
/*=== END CONTACT PAGE === */
#wufoo-z7x2z1 { width: 100%;}


#post-15979 a#greenbutton { display: none; }

















pre { }
code, tt { }

.navigation a { padding: 5px 10px; text-transform: uppercase; position: relative; color: #000; text-decoration: none; background-color: #eee; color: #999; }
.navigation a:hover { background-color: #63c1cc; top: -1px; box-shadow: 0px 1px 5px #888888; color: #fff; }
   .next-posts  { float: left; }
   .prev-posts { float: right; }

#searchform { }
	#s { }
	#searchsubmit { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */

@media screen and (max-width: 1064px) { 
#header a img { border: none; }
#header .pagewrap { text-align: center; }
#header img { float: none; }
#header a img { padding: 40px 10px; }
#header ul { margin: 0px; margin-bottom: 30px; }
#header ul li a { margin-bottom: 10px; display: block; }
.description { font-size: 12px; letter-spacing: 1px;}
.buttonrow .button { display: inline-block; margin-bottom: 10px;  }
h1, h2, h3 { line-height: 1.1em; }
h1 { font-size: 36px;  }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
.bluebox h2 img { width: 150px; height: auto; margin: 0px 10px 10px 0px; }
.bluebox .button { display: inline-block; margin-bottom: 10px;  }
.postbox { padding: 20px; }
.bluebox .colorbar { width: 94%; }
.whitefooterbar .pagewrap { padding-top: 25px; display: block; }
.whitefooterbar .pagewrap div.col { width: 100%; margin: 0px 0px 25px 0px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.purplefooterbar .button { display: inline-block; margin-bottom: 10px;  }
.bottomfooter .pagewrap { display: block; }
.bottomfooter .pagewrap div { width: 100%; float: left; clear: both; }
.bottomfooter .pagewrap div.choruslogobox { display: block; float: left; width: auto; clear: none; margin-bottom: 25px; }
.contactbox { text-align: left; }
.contactbox p { margin-bottom: 25px; }
.footerbuttons { margin-top: 25px; }
.footerbuttons .button { float: none; display: inline-block; }
.footerbuttons a { display: none; }

.homeeventlistings .event { width: 100%; }
.homeeventlistings .event:nth-child(odd) .eventbox,
.homeeventlistings .event:nth-child(even) .eventbox { float: left; margin: 0px auto; max-width: none;}

.interiorheaderbackground { padding-top: 50px; }
.page-template-temp-agmclandingpage .entry { width: 100%; float: none; }
.page-template-temp-awclandingpage .entry { width: 100%; float: none; }
.chorusinstagram { clear: both; width: 100%; float: left;}
.page-template-temp-mediapage .entry { width: 100%; float: none; }
.leftmaincontent { width: 100%; float: none; margin-left: 0px; margin-bottom: 25px; }
.pagesidebar { width: calc(100% - 40px); float: none; margin-left: 0px; margin-bottom: 25px; clear: both; }
.postbox ul,
.postbox ol { margin: 0px 0px 25px 25px; }

.event-template-default .category-awc-event .postbox h1 img.awceventlogo,
.event-template-default .category-agmc-event .postbox h1 img.agmceventlogo,
.event-template-default .category-von-event .postbox h1 img.voneventlogo,
.event-template-default .category-fundraiser .postbox h1 img.voneventlogo { width: 75px; }

.blog .photocol { display: block; float: right;  }
.blog .contentcol { display: block; }
.blog .photocol a img { width: 75px; margin: 0px 10px 5px 0px; border: 1px solid #eee; }

.post-type-archive-event .eventgraphic { display: none; }

.archive .photocol { display: block; float: right; }
.archive .photocol a img { width: 100px; }
.archive .contentcol { display: block; }

#wufoo-z7x2z1 { width: 100%; }
}







@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */