@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');
@import url("https://use.typekit.net/xng6zmd.css");
/* Typography */
h1, h2 {font-family: 'Libre Baskerville';}
h2 {color: #508639; border-bottom: 5px solid; padding-bottom:10px;}
body, p, ul, li {font-family: 'Open Sans';}
h3, h4 {font-family: 'Open Sans'; text-transform: uppercase;}
font[face="Open Sans"] {font-family: 'Open Sans'}

/* links */
.WaGadgetLoginButton a, .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a {color:#0074ad;} /*regular links*/
.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover {color: #064669;}/*link hover color */
.WaGadgetLoginButton a:hover,.WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover, .WaGadgetCustomMenu.menuStyleNone .orientationVertical li a:hover, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a:hover {color:#fff;} /*menu link hover color */

/* header styles */
font[face="Georgia"] {font-family:'Libre Baskerville'; letter-spacing: 1px;} /*home page header font*/
div#id_fylOOTM {margin-bottom: 10px; border-bottom: 5px solid #508639; padding-bottom: 10px;} /*line under top links, content pages */
div#id_RxwPEVN {border-bottom:5px solid #508639;} /*line under top links, home page */
.WaGadgetMenuHorizontal.menuStyle002 .menuBackground {background: #2a2a28;} /* menu bar color */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a>span {padding-left:10px;} /*padding on top menu options */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a:hover {background:#7c7c79;} /*top level menu hover color */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel>li.sel>.item>a  {background: #565653; color:#fff; padding-left:10px;} /* selected menu option color */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul.firstLevel>li>.item:hover>a {color:#fff} /*menu hover color */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul {background: #2a2a28;} /* sub-menu color*/
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li>.item:hover>a {background:gray; color:#fff;}/* sub-menu selected item hover color */
.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li a {color:#2a2a28} /* top navigation (home, join us etc) link color */ 
.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li a:hover {color:#2a2a28;} /* top navigation (home, join us etc) link hover */
.WaGadgetMenuHorizontal.menuStyle002 .menuInner ul ul li.sel>.item>a {background:#2a2a28;} /* top navigation sub menu color */

/* page styles */
.fieldSubContainer .fieldBody .fieldItem {margin-bottom:2em;} /*membership levels spacing */
.levelBundle {display:none;} /*hides reduntant fields in library level membership application*/
.WaGadgetEventsStateCalendar .EventListCalendar td[class*=EventListCalendarItem][colspan] div {background:#2d4d1f;} /* color of calendar events in calendar view */
.WaGadgetEventsStateCalendar .EventListCalendar .EventListCalendarItemSelected .calendarDate {color:#0168a0;} /*color of calendar event date in calendar view */
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a {font-size:24px;} /*upcoming events page - font size of items */
.WaGadgetBreadcrumbs ul {padding-bottom: 15px; border-bottom: 5px solid #508639;} /* line under breadcrumbs*/
input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next {background: #2d4d1f ; color: #fff;} /* next button in membership form */
input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next, input#FunctionalBlock1_ctl00_donation_ctl00_stepTemplate_next {background: #2d4d1f ; color: #fff;} /* next button in membership form, pay button in donation form*/
input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next:hover, input#FunctionalBlock1_ctl00_donation_ctl00_stepTemplate_next:hover {background: #508639;} /* next button in membership form  hover*/
.WaGadgetLoginButton a:hover, .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover, .WaGadgetCustomMenu.menuStyleNone .orientationVertical li a:hover, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a {color:#508639;} /*heading link color in News section */
.WaGadgetLoginButton a:hover, .WaGadgetBlog ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle a:hover, .WaGadgetCustomMenu.menuStyleNone .orientationVertical li a:hover, .WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle a:hover {color: #2d4d1f;}/*heading link hover color in News section */
.WaGadgetEventsStateList .pastEventsOuterContainer h3.sectionTitle {color: #508639;} /*color of Past Events header in News page */
.captionOuterContainer .captionContainer .fieldBody h4 { font-size: 36px;font-family: 'Libre Baskerville';color: #2a2a28; text-transform: none;} /*membership page header */

/* Gadget styles */
.gadgetStyle001 {background: #d9d9d9; border: 1px solid #d9d9d9; margin: 20px 20px;} 
.gadgetStyle001 .gadgetStyleTite {background:#d9d9d9;} 
.gadgetStyle001 .gadgetStyleTitle h4 {color:#2a2a28;;}
.gadgetStyle002 {background: #2d4d1f; border: 1px solid #2d4d1f;}
.gadgetStyle002 p {color: whitesmoke;}
.gadgetStyle002 .gadgetStyleBody a { color: #43BDFE;} /* link color for dark green background */
.gadgetStyle002 .gadgetStyleBody a:hover {color: #7bd0fe;}/* hover color for dark green background */
.gadgetStyle003 { background: white; border: 2px solid #2d4d1f; box-shadow: 5px 5px #508639; margin: 1em;} /* bordered box style gadget */

/*footer styles */
.zoneFooter1 {border-top: 20px solid #508639;} /*green top border */
div#id_social {margin-top: -25px;} /* social button alignment */
li.social {list-style: none; display:inline-block; padding-right:.5em !important;}
li.social a { display: block; width: 30px; height: 30px; background-image: url(/resources/Pictures/socialmedia.png);}
.hide {text-indent: 100%;white-space: nowrap;overflow: hidden;}
li a.facebook {background-position: 0 -90px;}
li a.twitter {background-position: 0 -60px;}
li a.insta {background-position: 0px -29px; }
#id_Footer2 ul {margin:0px;}
#idFooterPoweredByWA,#idFooterPoweredByWA A:link, #idFooterPoweredByWA A:active, #idFooterPoweredByWA A:visited, #idFooterPoweredByWA A:hover, #idFooterPoweredByWA a:hover {color:#2a2a28;;} /*hides the Powered by Wild Apricot link in footer */

/* Code to change page width START */
.container_12 {
    width: 1200px;
}
.s1_grid_12{
    width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}
}

@media only screen and (max-width: 947px){
    .gadgetStyle001,.gadgetStyle001 .gadgetStyleBody  {height: 450px !important;}
}

@media only screen and (max-width: 616px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
}
.gadgetStyle001, .gadgetStyle001 .gadgetStyleBody {height: auto !important;}
}

@media only screen and (min-width: 616px){
div#id_Xmcpdr4, div#id_qy6A2i8, div#id_PldlGvr, div#id_6FF3WXv, div#id_qy6A2i8 .gadgetStyleBody {height: 550px !important;}
div#id_SDfsmOv, div#id_b3rbRLL {height: 500px !important;}
}

@media only screen and (min-width: 870px) {
    div#id_SDfsmOv, div#id_b3rbRLL {height: 400px !important;}
}

@media only screen and (min-width: 1000px) {
    div#id_SDfsmOv, div#id_b3rbRLL, div#id_PldlGvr, div#id_6FF3WXv {height: 300px !important;}
    div#id_Xmcpdr4, div#id_qy6A2i8 {height: 450px !important;}
}

/* Code to change page width END */