.selectedArtwork + label {border: 4px solid #029db2;}
.ctaButton5962 {margin-top: 100px; clear: both;}

.promoBar {width: 100%; min-height: 30px; background: #240838; 	}
.promoBar p { font-weight: bold; margin: 0; padding: 10px;  text-align: center;  color: #fff; font-weight: bold;}

.promoBar:before, .promoBar:after {content: " "; height: 5px; 
      background: linear-gradient(to right, #ef3f24 0%, #fdb831 20%, #87c542 30%, #1f9fb4 50%, #fec837 75%, #ef3f24 100%); width: 100%; display: block; animation: gradient 3s ease forwards;}

@keyframes gradient {
	0% {
		background-position: 50% 50%;
	}
	50% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 50% 50%;
	}
}




/*NEW SLIDE */

.voteValue {width: 100%; padding: 20px 0; }
.voteValue p {text-align:center; font-size: 25px; font-weight: bold;}
.radio-group {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}

.art-option {display: flex; flex-direction: column; flex-basis: 48%;margin-bottom: 20px;}
.art-option-title {font-size: 16px; margin-bottom: 20px; line-height: 20px;}

.surveyForm input.radioButton{height: 160px; /*left: -3000px;*/ position: relative; width: 100%; display: block;}
.art-option-image {height: 160px; /*left: -3000px;*/ position: relative; width: 100%; display: block;}

/*
.radioButton input[type=radio] {
visibility: hidden;
} */

.art-option label {
    content: " ";
    width: 100%;
    /*left: 3000px;*/
    height: 160px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: 3px 3px 5px #bdbdbd;
}
input[type='radio'] + label {font-size:0.1px;}
.art-option-title {margin-top: 5px; margin-left: 0; margin-bottom: 40px; }
input[type="radio"]+label {margin-left: 0;}

.surveyForm input.radioButton { position: absolute; right: 500%;}

input.radioButton + .art-option-title::after {
    content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border: solid 1px;
  border-radius: 50%;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: inset 1em 1em 0 6px white, inset 0 0 0 15px goldenrod, 0 0 0 ;/* you can add as many , could be rings Inside each others*/
  transition: 0.2s
}
    
    
    .IDFormField_art_choice_0_1 .art-option-image {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2021/2101_sml.jpg);}
    
    #IDFormField_art_choice_0_1 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/New_artwork_sml.jpg);}
    #IDFormField_art_choice_0_2 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2202_sml.jpg); background-position: 50% bottom;}
    #IDFormField_art_choice_0_3 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2203_sml.jpg);}
    #IDFormField_art_choice_0_4 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2204_sml.jpg);background-position: right bottom;}
    #IDFormField_art_choice_0_5 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2205_sml.jpg);}
    #IDFormField_art_choice_0_6 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2206_sml.jpg);}
    #IDFormField_art_choice_0_7 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2207_sml.jpg);}
    #IDFormField_art_choice_0_8 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2208_sml.jpg);}
    #IDFormField_art_choice_0_9 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2209_sml.jpg);}
    #IDFormField_art_choice_0_10 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2210_sml.jpg);}
    #IDFormField_art_choice_0_11 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2211_sml.jpg);}
    #IDFormField_art_choice_0_12 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2212_sml.jpg);}
    #IDFormField_art_choice_0_13 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2213_sml.jpg);}
    #IDFormField_art_choice_0_14 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2214_sml.jpg);}
    #IDFormField_art_choice_0_15 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2215_sml.jpg);}
    #IDFormField_art_choice_0_16 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2216_sml.jpg);}
    #IDFormField_art_choice_0_17 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2217_sml.jpg);}
    #IDFormField_art_choice_0_18 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2218_sml.jpg); background-position: 50% 50%;}
    #IDFormField_art_choice_0_19 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2219_sml.jpg);}
    #IDFormField_art_choice_0_20 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2220_sml.jpg);}
    #IDFormField_art_choice_0_21 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2221_sml.jpg);}
    #IDFormField_art_choice_0_22 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2222_sml.jpg);background-position: 50% bottom;}
    #IDFormField_art_choice_0_23 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2223_sml.jpg);}
    #IDFormField_art_choice_0_24 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2224_sml.jpg);}
    #IDFormField_art_choice_0_25 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2225_sml.jpg);}
    #IDFormField_art_choice_0_26 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2226_sml.jpg);}
    #IDFormField_art_choice_0_27 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2227_sml.jpg);}
    #IDFormField_art_choice_0_28 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2228_sml.jpg);}
    #IDFormField_art_choice_0_29 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2229_sml.jpg);}
    #IDFormField_art_choice_0_30 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2230_sml.jpg);}
    #IDFormField_art_choice_0_31 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2231_sml.jpg);}
    #IDFormField_art_choice_0_32 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2232_sml.jpg);}
    #IDFormField_art_choice_0_33 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2233_sml.jpg);}
    #IDFormField_art_choice_0_34 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2234_sml.jpg);}
    #IDFormField_art_choice_0_35 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2235_sml.jpg);}
    #IDFormField_art_choice_0_36 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2236_sml.jpg);}
    #IDFormField_art_choice_0_37 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2237_sml.jpg);}
    #IDFormField_art_choice_0_38 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2238_sml.jpg);}
    #IDFormField_art_choice_0_39 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2239_sml.jpg);}
    #IDFormField_art_choice_0_40 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2240_sml.jpg);}
    #IDFormField_art_choice_0_41 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2241_sml.jpg);}
    #IDFormField_art_choice_0_42 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2242_sml.jpg);}
    #IDFormField_art_choice_0_43 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2243_sml.jpg);}
    #IDFormField_art_choice_0_44 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2244_sml.jpg);}
    #IDFormField_art_choice_0_45 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2245_sml.jpg);}
    #IDFormField_art_choice_0_46 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2246_sml.jpg);}
    #IDFormField_art_choice_0_47 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2247_sml.jpg);}
    #IDFormField_art_choice_0_48 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2248_sml.jpg);}
    #IDFormField_art_choice_0_49 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2249_sml.jpg);}
    #IDFormField_art_choice_0_50 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2250_sml.jpg);}
    #IDFormField_art_choice_0_51 + label {background-image: url(https://www.embracingourdifferences.org/images/directory/gallery/2022/2251_sml.jpg);}
    

    .surveyForm input.radioButton[type=radio]::checked {   
        content: " ";
    width: 100%;
    left: 3000px;
    height: 140px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background:linear-gradient(to right, red, purple);
    box-shadow: 3px 3px 5px #bdbdbd;
    box-shadow: none;
    -webkit-filter: grayscale(0%);
    background-repeat: no-repeat; 
    border: 4px solid #029db2;
    }



/* LESSON PLANS */

.lessonTitle a {text-decoration: underline;}
.lesson-list-item {margin-bottom: 40px;}
.lessonContainer {width: 100%; padding: 50px 15px; max-width: 1300px; margin: 0 auto; }
    .lessonDetails {}
        .lessonDetails h1 {font-size: 2.125rem; line-height: 1.2em; color: #349cb3;}
        .lessonDetails h2 {margin-bottom: 0; padding-bottom: 0;}
    
    .lesson-plan-stats {margin: 15px 0;}
        .lesson-plan-stats p {font-size: 14px; text-align: left;}
    .lesson-plan-text {}
    .lesson-plan-downloads { margin-bottom: 15px}
    
    .lessonArtwork {margin-top: 30px; }
        .lesson-artwork {margin-left: -15px;  margin-right: -15px; flex: 2}
        .lesson-artwork-details {    flex: 1; padding: 10px 0;}
        .artworkTitle {color: #349cb3;}
        .artworkQuote {color: #87c540; font-size: 1.5em; margin: 20px 0px 0 0;}
        .artworkArtist, .artworkQuoter {}
        .nameSmaller {font-size: 14px;}
        .quoterName, .artistName {font-weight: bold;}
    .artwork-carousel .owl-nav {top: -27px; left: 114px; max-width: 40%;}


.artwork-carousel .owl-nav div {position: relative; text-indent: 0; display:inline-block !important; height:auto; width: auto; padding: 4px 20px; margin: 0 10px; background: #029db2; color: #fff;}
.artwork-carousel .owl-prev { background: none; border-radius: 5px 0 0 5px;}
.artwork-carousel .owl-next {background: transparent; border-radius: 0px 5px 5px 0px;}

.art-catalog-list-item {min-height: 300px;}
.fieldGuideSide h4 a {font-size: 18px; color: #029db2;}

#commerce_checkoutTable input, textarea, select {margin-top: 0;}


.cart_add_qty {display: none;}
.cart_add_submit input {background: none; outline: none; border: 0; background: #029db2; color: #fff;   padding: 10px 30px; }

.CommitteelisterItem .information div { display: block; margin-right: 0px; padding: 10px 30px 0px 30px; text-align:center; }


.CommitteelisterItem {margin-bottom: 150px; font-size: 1.25em; }


.same {padding: 4px 10px 4px 30px; cursor: pointer; position: relative; background: #eaeaea; display: inline-block; margin-bottom: 15px; box-shadow: 3px 3px #ccc;}
.same:before {content: " "; background: #fff; width: 20px; height: 20px; position:absolute; left: 6px; top: 6px; border: 1px solid #eaeaea; }

.same:active {top: 3px; left: 3px; box-shadow:0;}
.same.activated {background: #87c640;box-shadow:0; color: #fff; }
.same.activated:before {content: " "; background: #ef3e24; width: 20px; height: 20px; position:absolute; left: 6px; top: 6px; border: 1px solid #eaeaea; }

.guestInfo {margin-top: 20px;}

.checkGroupOption {max-width: 100%;}

.award {width: 80%; margin: 0 auto;}
.award h4 {margin-bottom: 30px;}
.award h4:before {content: " "; position: relative;width: 40px; height: 40px; border-radius: 100px; background: gold; 
display:inline-block; top: 10px; left: -10px; }

.galleryNavLinks {padding:50px 0; width: 100%;}
.returnLink {float: left;}
.allGalLink {float: right;}

body {background: ; font-family: "proxima-nova", sans-serif; font-weight: 600; color: #545454;}
h1,h2,h3,h4,h5,h6 {font-family: 'Patua One', cursive; color: #626869;}
h2 {font-size: 2em; color: #FDB72D;}
h4 {font-size: 1.3rem;}
h5 { font-size: 1.15rem;}

.subscribe {background-color: #fff; display: inline-block; margin-bottom: 10px; color: #ef3e24; font-size: 1.3em;  }
.subscribe a {color:#fff;}
.footerSocial {margin-bottom: 10px;}
.totalAmount {opacity: 0;}
.smaller {font-size: .5em;}
.columns {  -webkit-transition: all .2s;}
p,ul,ol {font-size: 1.1rem; font-weight: 400; line-height: 1.3em; text-align: justify;}
ol {margin-left: 2rem;}
ol li {margin-bottom: 10px;}
ol li ul, ol li ol {margin-top: 25px; margin-bottom: 25px; margin-left: 3.25rem; font-size: 1em;}
ol ul li {margin-bottom: 10px; }
.small {font-size: .8em; font-weight:bold;}
.photoright {float: right; margin: 0 0 20px 20px; display: block; max-width: 350px; }
.photoleft {float: left: margin: 0 20px 20px 0; display: block;}
address {border-left: 1px solid;  margin: 15px;  padding-left: 20px;  font-size: .8em;}
blockquote {      border: 1px solid #029db2; box-shadow: 3px 3px #029db2, 10px 10px 10px #c7c7c7; border-radius: 10px;}
section {color: #ffffff; background: #029db2;  clear: both;}
section h2 {color: #ffffff;font-family:'Luckiest Guy', cursive; font-size: 2.5em; padding-bottom: 50px;}
section.callToArtistsBg {background: #111 url(graphics/design/callBg2.jpg) no-repeat 50% 50%;  padding: 50px 0; background-attachment: fixed;}
section.blend {padding: 50px;}

label { font-size: 1.2em;}

.shop-category {list-style: none;}
.shopContainer, .shopContainer h1, .shopContainer a  {text-align:center;}
.shopContainer h1 {padding-bottom: 20px;}
.shopItem {width: 50%; float: left; height: 250px;}
.formtextRequired:before {content: "*"; color: red; position: relative; left: -5px;}
.formDescription p {font-size: .75em;}
.panel {background: #f2f2f2; border:none; font-size: 1.25em; text-align:center;}
.medium-visible {display:block;}
.button {   font-weight: bold; color: #fff;  }
.button:before { content: " "; width:  2px; height:100%; -webkit-transition: all .2s; left: 3px;}
.button:hover:before{
  content: " "; height: 100%; width: 2px;  background: #fcb934; bottom: 0%;position: absolute; left: -10px;


button:hover, button:focus, .button:hover, .button:focus {color: #fff;}
/*	transform: translate(0px,3px);
  -webkit-transform: translate(0px,3px);
*/	  
}
.button:after {  content: " "; width:  2px; height:100%;-webkit-transition: all .2s; right: 3px; }
.button:hover:after {
  content: " "; height: 100%; width: 2px;  background: #fcb934; bottom: 0%; position: absolute; right: -10px;
/*	transform: translate(0px,3px);
  -webkit-transform: translate(0px,3px);
*/	  
}
.button:hover {  }
.button.red {background: #EF3E24; color: #fff;  border-bottom: 2px solid #610909  }
.button.green {background: #87c640; color: #fff; border-bottom: 2px solid #1b581b}
.button.yellow {  background: #FCB934; color: #FFF; border-bottom: 2px solid #77571a}
.button.yellow:hover   {  }
.button.blue {background: #029db2; color: #FFF; border-bottom: 2px solid #115463 }

.button.donate.green {border-bottom: 6px solid #1b581b; font-weight: bold;font-size: 16px; border-radius: 20px 0 20px 0;}
.button.donate.green:hover:after, .button.donate.green:hover:before {width: 0px; border: none; background: transparent;}
.button.donate.green:hover {background: #029db2; border-bottom: 6px solid #086a77; }

.button.donate.blue {border-bottom: 6px solid #2a567a; font-weight: bold;font-size: 16px; border-radius: 20px 0 20px 0;}
.button.donate.blue:hover:after, .button.donate.blue:hover:before {width: 0px; border: none; background: transparent;}
.button.donate.blue:hover {background: #01889b; border-bottom: 6px solid #08345a; }


.text-red {color: #EF3E24; }
.text-green {color: #87c640; }
.text-yellow {  color: #FCB934; }
.text-blue {color: #029db2; }


h2.flash { -webkit-animation: colorRainbow 5s infinite reverse;}
.blend {
  background: -webkit-linear-gradient(90deg, #556270 10%, #FF6B6B 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #556270 10%, #FF6B6B 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #556270 10%, #FF6B6B 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #556270 10%, #FF6B6B 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #556270 10%, #FF6B6B 90%); /* W3C */
  background: linear-gradient(50deg, #081829 10%, #1FB7A0 60%, #081829);
}
@-webkit-keyframes colorRainbow {
    0%   {color:#F7C45E; }
    25%  {color:#F94C3E; }
    50%  {color:#3EC7F9; }
    75%  {color:#61C330; }
    100% {color:#F7C45E; }
}


.show-for-small-only .socialIcons {background-color: #545454; padding: 20px 0 ;float: left;width: 100%;text-align: center}


.media-box-container {box-shadow: none; border-bottom: 1px solid #999; }
.media-boxes-load-more-button {display: none;}
                    /***************** Accordion STYLE ********************************/

.accordion-navigation.active {  background: #009CB1;
  color: #fff;}
.accordion .accordion-navigation>a:hover, .accordion dd>a:hover, .accordion .accordion-navigation.active>a, .accordion dd.active>a {
  background: #009CB1;
  color: #fff;
}

.accordion .accordion-navigation.active>a, .accordion dd.active>a {  background: #009CB1;
  color: #fff;}


.accordion .accordion-navigation>.content.active, .accordion dd>.content.active {
  background: #D0F9FF;  box-shadow: 0px 0px 15px #B0E4EC inset;
}

.accordion .accordion-navigation>a:hover, .accordion dd>a:hover {
  background: #009CB1; color: #fff;
}

.accordion .accordion-navigation>a, .accordion dd>a {color: #fff;font-weight: bold; background: #87c640;}


.accordion-navigation.active {color: #000;}
                    /***************** Accordion STYLE ********************************/


                    /***************** MENU STYLE ********************************/

.topBar {height: 70px; background: #240838;  width: 100%; }
.topBarContent {max-width: 1300px; margin: 0 auto; position: relative; padding-left: 20px;}

#menu_top {display: none;}

.menuToggle,.menuToggle2 {cursor:pointer; position: absolute; z-index: 4; right: 10px; top: 5px;}
.menuToggle2 {right: 10px;}
.menuToggle img {max-height: 50px;}
.menuToggle2 {left: 80%;z-index: 998; }
.menuToggle2 img {  display: block;  width: 35px;  top: 10px;  position: relative;  right: 0px;}
nav {-webkit-transition: all .3s; left: -100%; position: absolute; top: 0px; width: 0;}
nav.mainNav.menuToggled {-webkit-transition: all .3s; left: 0%; position: absolute; width: 90%; 
background: transparent; z-index: 999; height: 100%; min-height: 400px;}
nav ul li {width: 100%;}
.menuToggle2 {display:none;}
/* MenuBegin:menu_main */
ul.menu_main, ul.menu_top { font-size: 1.25em; margin: 0; border: 0; padding: 0; text-align:right; list-style: none;  
width: 100%; height: 100%; background: #240e35; float: right;}
ul.menu_main li,ul.menu_top a { line-height: 60px; margin: 0; border: 0; padding: 0; /*Gecko*/ display: inline-block; list-style: none; position: relative; }
ul.menu_main ul {border-top: none;  font-size: .9em; text-align:left; z-index: 101; margin: 0; width: 300px;  padding: 0; list-style: none;  
display: block; position: relative; top: 0; left: 0; }
ul.menu_main ul li { width: 100%; position: relative; display: block !important; font-size: .9em;
line-height: 2em; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; text-indent: 10px; }
ul.menu_main ul li:hover {background: #efefef;} 

ul.menu_main li.item6 ul, ul.menu_main li.item5 ul, ul.menu_main li.item4 ul{  right: 0; 
  left: auto;}

/* 1st Level */
ul.menu_main a, ul.menu_top a { color: #fcb934; text-decoration: none; text-align: left; padding: 0px 10px; font-weight: bold; text-transform: uppercase; font-size: .9em;
float: none !important; /*For Opera*/ float: right; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_main a:hover,
ul.menu_main li:hover a,
ul.menu_main a:hover,
ul.menu_main li.over a {  text-decoration: none; }
/*ul.menu_main li.item1 a {color: #ef3e24;}
ul.menu_main li.item2 a {color:#029db2 ;}
ul.menu_main li.item3 a {color:#87c640 ;}
ul.menu_main li.item4 a {color: #fcb934;}
ul.menu_main li.item5 a {color:#87c640 ;}*/
ul.menu_main a.first { }
ul.menu_main a.last { }

/* 2nd Level */
ul.menu_main li:hover li a,
ul.menu_main li.over li a { text-decoration: none; float: none; }
ul.menu_main li:hover li a:hover,
ul.menu_main li:hover li:hover a,
ul.menu_main li.over li a:hover,
ul.menu_main li.over li.over a {  text-decoration: none; }
ul.menu_main li:hover li a.first,ul.menu_main li.over li a.first {  }
ul.menu_main li:hover li a.last,ul.menu_main li.over li a.last {}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_main li:hover ul,ul.menu_main li.over ul { display: block; }
ul.menu_main .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_main */
nav {-webkit-transition: all .3s; left: -100%; position: absolute; top: 0px;}
nav.menuToggled {-webkit-transition: all .3s; left: 0%; position: absolute; width: 100%; z-index: 999; height: 100%;}

.subMenu {position: sticky; top: 20px;}
.subMenu, .shop-category  {text-transform: uppercase; margin-top: 30px;}
.subMenu ul {list-style-type: none; padding: 0px 0 0 0; margin-left: 0; margin-bottom: 10px;  }
.subMenu li, .shop-category li {padding: 10px 0; display: block; position: relative; top: -3px; background: #029db2; text-align:center; margin: 10px 0;}
ul.menu_main ul li a {color: #029db2;} 
.subMenu li:hover { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; background: #ef3e24;  }
/*.subMenu li:before {content: " "; display: inline-block; width: 13px; height:13px; background: url(graphics/design/dotOut.png) no-repeat left top; margin-right:10px; background-size: contain;}
.subMenu li.menuItemHighlight:before {background-image: url(graphics/design/dotIn.png);}
*/
.subMenu a, .shop-category li a {color:#fff; font-weight: normal; font-size: .75em; display: block; width: 100%;}
.menuTitle {font-size: 1.4em; display: inline-block; font-weight: normal; font-family: 'Patua One', cursive; color: #87c640; border-bottom: 1px dotted; margin-bottom: 10px;}
ul.menu_top a {padding: 0;}
.pageContent {background:-webkit-linear-gradient(#fff, #EAEAEA); overflow-x: hidden; padding-top: 30px;}
.pageContent .row {background: #fff;}
.pageContent h1 {color: #029db2; font-size: 2.6em; padding-top: 0px; }
.pageContent img {max-width: 100%; margin: 0 auto;}

.financialList {list-style-type: none; text-indent: 60px;}
.financialList:before {content: " "; width: 50px; height: 50px; background:url(graphics/design/iconPdf.png) no-repeat left top; position: absolute; display: block;}


/* HOME */
.homeImages {position: relative; padding: 10px 0;}

.fullHomeImages .row {padding: 0; width: 100%; max-width: 100%;}
.fullHomeImages .medium-s {width: 50%;}

/* GALLERY */
/*styles for the prev/next on detail page*/
.markerInput {clear: both; position: relative; width: 100%; height: 40px;}
input[type="text"].markerBoxInput {width: 80%; height: 40px; display:inline-block; float:left; }
.searchBoxSubmitLink {display: inline-block; float: right;}
.galleryTagList {clear: both;}
.themeSide { clear: both; width: 100%; float: left; margin-bottom: 15px; }
.themeSide h4 {color:#ef3e24;     border-bottom: 1px dotted;}
.subMenu a.searchBoxSubmitLink {display: block; float: right; width: 40px; height: 40px; position: relative; text-align: center; padding-top: 6px;}
.galleryTagList a {color: #029db2; font-weight: bold; display: inline-block; padding: 7px; text-decoration: underline;}
#prevnextWrapper {width: 100%; float:left; margin: 20px 0; background #fefefe; border: 1px solid #ddd; padding:10px;}
#prevnextWrapper a {font-weight:bold; border-bottom: 1px dashed;}
.prevLinkWrap {float:left; width: 49%;border-right: 1px dashed #ddd;}
.nextLinkWrap {float:right; width: 49%;}
.link {background-color: #fff; padding: 10px;}
.prevLinkWrap .link {float:left;}
.nextLinkWrap .link {float:right;}
#prevnextWrapper .title {clear:both;font-size: 13px;line-height:18px;margin-top:8px;}
.prevLinkWrap .title {float:left;text-align:left;}
.nextLinkWrap .title {float:left;text-align:left;}

.thumbGrid {margin-bottom: 30px;}
.nextPrevImage img {height: 50px;}
.prevLinkWrap .nextPrevImage {float:left; height: 50px;}
.nextLinkWrap .nextPrevImage {float:right; height: 50px;}
.prevInfo {float: left; margin-left: 15px;}
.nextInfo {float: left; margin-right: 15px;}


.gridToggle {top: 90px; left: 0; cursor:pointer; z-index: 999; -webkit-transition: all .3s; position: absolute; background: #029db2; padding: 10px 15px; color: #fff; border-radius: 0 30px 30px 0; box-shadow: 2px 2px 5px 0 #ccc;}
.gridToggle:hover {-webkit-transform: scale(1.1); -webkit-transform-origin: 50% 50%;}
.gridToggle img {width: 30px;}
.galleryIntro {padding-top:20px;}
.artistInfo {text-align:center;}
.artistInfo p {text-align: center; }
.artist_video iframe {max-width: 800px; height: 400px; margin: 0 auto;}

.galleryCategory {font-size: 24px; font-weight:bold; color: #fff; background: #87c640; position: relative; 
z-index: 9; float: right; padding: 10px 30px; position: relative;  right: -25px;  }
.gallery-carousel .owl-item img {width: 87%;}
.galleryContent { }
.galPhoto {text-align:center;}
.gridView {position: absolute; z-index: 10; display:none; width: 100%; background: rgba(29, 29, 29, .8);  height: auto; border-top: 1px solid #ccc; padding-top: 20px;}
.gridRow {max-width: 96%;}
.gridRow a img {border: 2px solid white; box-shadow: 2px 2px 4px #6B6B6B; -webkit-transition: .3s; max-height: 174px; object-fit: cover;width: 100%;}
.gridRow a img:hover {-webkit-transform: scale(1.05)}
.largeGrid .gridRow .galThumb a img {border: 2px solid white; box-shadow: 2px 2px 4px #6B6B6B; -webkit-transition: .3s; max-height: 184px; 
max-height: 184px;     min-height: 181px;}
.galThumb {  overflow: hidden !important; max-height: 84px; margin-bottom: 15px;}
.largeGrid .galThumb {max-height: 184px;}

.galleryList li img  {object-fit: cover; max-height: 135px; width: 100%;min-height: 135px;}

.gridRow .galThumb a img {border: 2px solid white; box-shadow: 2px 2px 4px #6B6B6B; -webkit-transition: .3s; max-height: 84px; object-fit: cover;width: 100%;}

.quote-mark {font-weight: bold;}

.mission {   width: 90%; padding: 20px;  position: relative; text-align: center; height: 350px; margin: 0 auto; background: rgba(255,255,255,.7); }
.heroImageItem {background-position: right top;}

.closed .mission {display: none;}
.mission p {font-size: 1.4em; text-align: left; }
.heroImage .owl-dots { display:inline-block; bottom: 10px; left: 0px; position: absolute; }
.heroImage .owl-dot { display:inline-block;  width: 25px; height: 25px;border: 5px solid #ccc; background: #ccc; margin: 0 10px; display: inline-block; border-radius: 40px;}
.heroImage .owl-dot.active { display:inline-block; background: #545454;-webkit-transition: all .3s; border: 5px solid #fff;}

.boardMember {margin-bottom: 15px;}

.owl-nav {top: 350px; position: absolute; width: 100%; }
.owl-nav div {position: absolute; text-indent: -3000px; display:block !important; height:50px; width: 50px;}
.owl-prev {left: 0; background: transparent url(graphics/design/arrowLeft.png) no-repeat left top; }
.owl-next {right: 0; background: transparent url(graphics/design/arrowRight.png) no-repeat left top;}
    .heroBlock .owl-nav, .heroImage .owl-nav {display: none;}
.owl-item .button {display: none;}
.owl-item.active .button {display: block; position: relative; bottom: 0; right: 0;}

.heroImage {width: 100%; position: relative; z-index:5;background: #efefef; height: 350px; overflow: hidden;}
p.quote {color: #029db2; font-family: 'Patua One', cursive; text-align: center; font-size: 1.25em; font-weight: normal;}
.galQuote { max-width: 400px; position: relative;padding: 0 40px; margin: 0 auto; padding: 30px 0; text-align: center; font-style: italic; font-weight: normal;}
.galQuote p {font-weight: normal; position: relative; color: #000; text-align: center;}
.quote:before {background: url(graphics/design/openQuote.png) no-repeat 50% 50%; left: -70px; top: 0px; }
.quote:after {background: url(graphics/design/closeQuote.png) no-repeat 50% 50%; right:-70px; bottom: 0px;}
/*
.quote:before, .quote:after {content: " "; width: 50px; height: 30px; display: block;  background-size: contain; position: absolute;}
*/
.quoteby {font-size: 1em;}
.galStatement {border-top: 1px solid #029db3; padding-top: 30px;}
.galStatement, .galMeet, .galSponsor {width: 100%; margin: 30px auto 0 auto; }
.mobileResources {display: block; margin: 40px 0;}
.mobileResources .button {display: block;}


footer {background: #240838; color: #fff; padding-top: 50px;padding-bottom: 0px; width: 100%; clear: both;}
footer nav {position: relative; color: #fff; left: 0;   width: auto;}
footer nav ul {list-style-type: none; margin-left: 0; padding-left: 0;}
footer nav ul li {display: block; font-size: 1em;}
footer nav a {color: #fff;  }
footer p {font-size: 1em;}
   .footer-icon {
        background: #fff;
        border-radius: 50px;
        display: inline-block;
        width: 30px;
        margin-right: 10px;
        
        }
.footerInfo {border-top: 1px solid #fcb934; }
.footerInfo p { font-size: .875em; margin: .5em 0;}
.hero {width: 100%; background: #efefef; position: relative;  clear: both; }
.logo {position:relative; z-index: 2;  margin: 0; display: block; width: 220px;
        background: transparent url(graphics/design/logoHorizontal.png) no-repeat 50% 50%;;
        background-size: contain;min-height: 70px;}
.logo a {background: transparent; display: block; width: 100%; height: 70px; text-indent: -9999px;}

.tagLine { position: relative; width: 90%; line-height: 2em; color: #FFF; font-weight: bold; 
background: #029DB2; padding: 10px; z-index: 2; margin:20px auto 0 auto; text-align:center;}


iframe {width: 100%; }

.mediaLogos {text-align:center;}
.mediaLogos img {margin-bottom: 50px; text-align:center; display: block;}

.pressDate, .pressTitle {display: block;}
.pressDate {color: #000;font-size: .75em;}
.pressTitle {}


.homeImages {background: #fcb934;width: 100%; clear: both; float: left; }
    .homeImages img {max-width: 90%; padding: 10px 0; margin: 0 auto; display: block;}

.homeImages .columns:first-child {text-align:right;}

.boardList .row:nth-child(odd) {background: #efefef;}
.boardList .row:nth-child(odd) {background: #eee;}


.sponsorName {padding-right: 10px;}

.presentingList img {max-width: 200px; padding: 10px 10px; text-align: center;}
.exhibitList img {max-width: 200px; padding: 10px 10px; text-align: center;}
.artList img {max-width: 160px; padding: 10px 10px; text-align: center;}
.solidarityList img {max-width: 250px; padding: 10px 10px; text-align: center;}
.sponsorName.Innovation.Sponsors .sponsorImage img {max-width: 230px; max-height: 130px; padding: 10px 10px; text-align: center;}
.sponsorName.Unity.Sponsors .sponsorImage img {max-width: 180px; padding: 10px 10px; text-align: center;}
.sponsorName.Civility.Sponsors .sponsorImage img {max-width: 150px; padding: 10px 10px; text-align: center;}
.inclusionList img  {max-width: 250px; padding: 10px 10px; text-align: center;}
.kindnessList img {max-width: 80px; padding: 10px 10px; text-align: center;}

.sponsorNameWithImage {align-self: center;}
.presentingList .sponsorNameWithImage:last-child:after {content: " ";}
.exhibitList .sponsorNameWithImage:last-child:after {content: " ";}
.schoolList .sponsorNameWithImage:last-child:after {content: " ";}
.artList .sponsorNameWithImage:last-child:after {content: " ";}
.busingList:last-child:after {content: " ";}

.sponsors {display: flex; flex-wrap: wrap;}
.sponsorGroup .sponsorNameNoImage:nth-child(odd) {color: #333;} 

.sponsorNameNoImage {display: inline-block;}
.sponsorNameNoImage {color: #999; padding: 4px;}


/*.sponsorName:nth-child(odd) {color: #87c640;}
.sponsorName:nth-child(even) {color: #029db2;}
.sponsorName:nth-child(3n+3) {color: #ef3e24;}*/
.sponsorName.Exhibit img, .sponsorName.School img, .sponsorName.Art img    {max-width: 150px;}


.clearSponsor {flex-basis: 100%; height: 0; padding: 0 !important;}


.makeDayList .card {text-align: center; border-radius: 3px; border: 1px solid #ccc; min-height: 250px; padding: 10px; box-shadow: 2px 2px 5px #ccc; margin-bottom: 10px;}
.makeDayList .card img {display: block; margin: 0 auto; max-height: 130px;;}

.card {text-align: center; border-radius: 3px; border: 1px solid #ccc; min-height: 250px; padding: 10px; box-shadow: 2px 2px 5px #ccc; margin-bottom: 10px;}
.card a {font-size: 1.2em; font-weight: bold;} 

#form .columns {margin: 7px 0;}
#form .amountOptions .radioGroup .columns {margin: 0 !important;}





.formContainer .row {background: transparent;}
.formContainer form {border: 2px solid #ccc; padding: 15px;}
.formContainer label {font-size: 1rem; font-weight: bold;   }
.submitForm {clear: both;}
.donationAlert {    
    padding: 30px;
    text-align: left;
    background-color: #87c640;
    margin-bottom: 20px;
    float: left;
    clear: both;
    color: #fff;
    font-size: 1.5em;
    
}

.donationAmount {border-radius: 5px; background: #87c640; color: #fff;   position: relative;  padding: 20px;}
.donationAmount:before {content: " ";  font-size: 100px; font-weight: bold; color: #fff; position: absolute; left: 20px; top: -5px; }
.donationAmount input {height: 100px; text-align:right; background: transparent; padding: 0px 10px; color: #fff; margin-bottom: 0; font-size: 60px; border: none;border: none; box-shadow: none; outline: none;}
.donationAmount input[type="text"]:focus {background: transparent; border: none; text-shadow: none;}
.formRow {margin-top: 35px; }
.amountOptions {padding-left: 20%; }
.amountOptions .medium-6 {padding-left: 0;}
.donationMoney { display: inline-block;    padding-left: 10px; text-align: right; }
#IDFormField_donation_value_0_9 + span { }

.attendeeReport {margin-bottom: 30px;}

.attendeeReport:first:before {content: "Attendee 1"; display:block; position:relative; font-size: 1.3em;}
.attendeeReport:nth-of-child(2) {content: "Attendee 2"; display:block; position:relative; font-size: 1.3em;}


.firstName, .phone, .address {display:block;}



.attendeeCount {margin-top: 40px; text-align:center;}
.attendeeCount:before {}
.attendeeCount:after {}


form h3 {padding-top: 30px; color: #87c640;}

.donationMoney:before {content: ""; display: inline-block;    float: left;}
.readonlyAmountDiv {padding-left: 0;}
.readonlyAmountDiv:before {content: "$"; font-size: 40px; font-style: italic; color: #333; position: absolute; left: 20px; top: 20px; }
input[type="text"][readonly].readonlyAmount {background: transparent; border: none; outline: none; font-size: 2em; font-style: italic;   box-shadow: none;
  height: 50px; font-weight: bold; padding-left: 50px;}
  
  
#commerce_checkoutTable input, textarea, select {margin: 0 0 1rem 0;}
  
  
  
  
 /*WORKSHOPS*/ 
  .workshopListerItem {padding: 30px 0 50px 0; border-bottom: 5px solid #029db2;}

/* ModuleBegin::photo */
#photoWrapper {}
.photoListItem {width: 100%;float: left; padding: 15px 0px; border-bottom: 1px solid #cccccc; clear: both; }
.photoBorder { padding: 5px; margin: 0px 15px 0px 0px; border: 1px solid #cccccc; float: left;}
.photoAlbumImage { width: 200px; height: 150px; background: transparent no-repeat 50% 50%; }
.photoAlbumImage a { width: 200px; height: 150px; display: block; text-indent: -3000px; }

#photoThumbWrapper {}
#thumbPhotos { padding: 15px 0px 0px 0px; }
#thumbPhotos ul { padding: 0; margin: 0; list-style: none; }
#thumbPhotos li {width: 250px; height: 250px; padding: 5px; margin: 0px 10px 10px 0px; float: left; }
#thumbPhotos a {width: 250px; height: 250px; display: block; text-indent: -3000px; background: transparent no-repeat 50% 50%; outline-style:none; outline-width:0; }

.pagination {width: 100%; clear: both; margin-top: 20px;}
.pageLinks a, .pageLinks span {padding: 5px;}

.staffRow div span {padding: 3px 0;     display: inline-block;}
.staffList div span {padding: 3px 0;     display: inline-block;}

.productList {display: flex; flex-direction: row; flex-wrap: wrap;}
.productItem {flex: 1 0 calc(50% - 10px); text-align: center; margin-bottom: 20px; text-align:center;}
.productItem img {max-width: 90%;}
.addCart {display: block; text-align:center;}
.productItem form select  {width: 70%; margin: 0 auto;}
.productDetail {display: flex; flex-direction: row;}
.productInfo {padding-left: 20px;}
.product, .column-labels {display: flex; flex-wrap: wrap; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.product div, .column-labels label {flex: 1;    align-self: center; text-align:center;}


    .givingChallengeHome {background: url(graphics/design/gc_bg.jpg) 50% 50%;  background-size: cover; padding: 50px 0;}
        .givingChallengeHome h2 {color: #1e407f;}
        
        
@media only screen and (min-width: 765px) { 
    
    .art-option {flex-basis: 23%;}

    
    .gridToggle {top: 150px;}

    
    section h2 { font-size: 4.5em;}
    
    
    .teacherResources {background: url(graphics/design/teacherBgDark.jpg) 50% 50%;  background-size: cover; padding: 50px 0;}

    .mobileResources {display: none;}
    .topBar {background: #240838; height: 120px; }
    .topNav {text-align: right; float:right; display: inline-block; padding-bottom: 15px;}
    .topBarNav {width: auto; max-width: 75%; float: right;}

    .topNav li {padding: 0 5px;}
    #menu_top {display: inline-block;}
    #menu_top a {color: #eee;}
        #menu_main .donate a {color: rgb(134, 196, 64);   font-weight: bold; font-size: 1em;}
        #menu_main .donate > ul li a {font-size: 1rem;}
    
    .socialIcons {display: inline-block !important;}
    .menu_top {font-size: 1rem; margin-bottom: 0;}
    .socialIcons img {width: 30px;}
    nav {-webkit-transition: all .3s; right: 0%; position: relative; top: 0px; left: 0;width: auto;}
    nav ul li {width: auto; display:inline-block;}
    ul.menu_main {background: transparent; font-size: 1.25em;height: 60px; line-height: 60px; border-top: 1px solid #FBB834;  }
    ul.menu_main ul {  background: #240838; width: 300px; display: none; position: absolute; top: 58px;}
    ul.menu_main a {padding: 0 6px;}
    ul.menu_main a:before {content: " "; -webkit-transition: text-shadow .3s}
    ul.menu_main a:hover:before {content: "\00b0"; position: absolute; top: 25px; left: 50%; color: red; text-shadow: 20px 0 #fcb934, -20px 0 #ef3e24, 10px 0 #029db2, -10px 0 #87c640;}
    ul.menu_main a li > a:before {content: "we " !important; text-indent: -9999px;}
    ul.menu_main a li a:hover:before {content: "we " !important; text-indent: -9999px; text-shadow: none;}
    ul.menu_main li ul li a:before {content: " " !important; text-indent: -9999px;}
    ul.menu_main li ul li a:after {content: " " !important; text-indent: -9999px;}
    ul.menu_main ul li a {color: #029db2;} 
    ul.menu_top  {background: transparent; position:relative; top: 10px;}
    ul.menu_top a { font-weight: normal; line-height: 30px; text-transform: none;}
    .logo {
        position:relative; z-index: 2;  margin: 0; display: block; width: 160px;
        z-index: 3; float: left; 
        background: transparent url(graphics/design/logoHorizontal.png) no-repeat 50% 15px;
        background-size: contain; top: 20px; min-height: 70px; 
    }
    
    .homeImages img {padding: 40px 0; display: inline}
    .heroImageItem {background-position: 80% top;}
    .pageContent {margin-top: 0px; padding-bottom: 100px; padding-top: 50px; overflow: unset;}
    .panel.mini {width: 70%;}
    .panel.mini span {display: block;}
    .quoteAuthor {text-align:right; font-size: 0.750em; padding-top: 20px;}

    .medium-visible {display:none;}
    .tagLine { position: absolute; width: 230px; line-height: 2em; color: #FFF; font-weight: bold; 
    background: #029DB2; padding: 10px; z-index: 2; margin:0 auto; top:65px; left: 0px;}
    
    .financialList {list-style-type: none; text-indent: 60px; margin-bottom: 30px; min-height: 70px;}
    .financialList a {text-decoration: underline;}
    .financialList:before {content: " "; width: 40px; height: 60px; background:url(graphics/design/iconPdf.png) no-repeat left top; position: absolute; display: block;}


.heroBlock {position: absolute; z-index: 9; top: 10px; left: 0px; overflow: hidden; margin: 0 auto; max-width: 1300px; max-width: 450px; height: 250px;}
.heroImageItem {background-position: right top;}    
    .mission {   margin: 0; background: #ffffffc9; max-width: 53%; position:relative; z-index:9999; left: 5%; }
    .mission p {font-size: 1.4em; text-align: left; font-weight: bold;}
    .mission a {float: left;}
    .heroImage .owl-dots {  bottom: 10px; right: 0; position: absolute;}
    .heroImage .owl-dot { width: 15px; height: 15px;border: 5px solid #080821; background: #080821; margin: 0 5px; display: inline-block; border-radius: 40px;}
    .heroImage .owl-dot.active {background: #86C43E;-webkit-transition: all .3s; border: 5px solid #86C43E;}

.heroImage {width: 100%; position: relative; z-index:5;background: #efefef;   height: auto;min-height: 350px;}
.mission {font-weight: bold;}
.heroImage .owl-item{
    display: block;
}

.heroImage .animated  {
  -webkit-animation-duration : 1600ms  ;
  animation-duration : 1600ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  

.heroBlock .animated  {
  -webkit-animation-duration : 1600ms  ;
  animation-duration : 1600ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  

    
    .staffPhoto {float: left; margin: 0 20px 20px 0;}
    .staffPhoto img {max-width: 200px;}
    .staffMember {width: 100%; clear: both; margin-bottom: 25px;}
}


/* ModuleBegin::commerce */
.shoppingAlert { color: red; font-size: 8pt; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { display: none; }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; display: none; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */



/* ModuleBegin::events */
/* ---- Events Lister ---- */
.eventsModule.moduleLister {}

/* ---- Events Detail ---- */
.eventsModule.moduleDetail {}
	.eventsModule .date {}
	.eventsModule .label {}
	.eventsModule .time {}
	.eventsModule .location { margin: 1em 0; }
	.eventsModule .map {}
	.eventsModule .address {}
	.eventsModule .directions {}
	.eventsModule .contactInfo {}
	.eventsModule .name {}
	.eventsModule .phone {}
	.eventsModule .email {}
	.eventsModule .rsvp {}
	.eventsModule .ticketsWrapper {}
	.eventsModule .ticket {}
	.eventsModule .description {}
	.eventsModule .utilityLinks {}
    .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;}


/* ---- Events Small Calendar ---- */
body#calendarIframe { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; position:relative; background: transparent;}
#calendarIframe .cal { width: 275px; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding: 6px 0; text-align: center; border-bottom:1px solid #ddd; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left;  }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }


/* ---- Events Month at a Glance ---- */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; }
#calendarDetail table { width: 100%; table-layout: fixed;  text-align: center; }
#calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; }
#calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); }
#calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;}
#calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px;  padding:5px;}
#calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; }

/* ---- Events Box ---- */
.eventsModule.moduleLister.box { }
.eventsModule.moduleLister.box .listItem { padding-bottom: 10px; }
.eventsModule.moduleLister.box .date { color: #777; }

/* ---- Events Registration ----- */
#registrationSummary td { padding:1px 10px; }
/* ModuleEnd::events */

@media print {
 body {width: 100%;}
 #menu_main, .socialIcons, .topNav  {display:none;}  
 
}

/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; max-width:90%; }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }

.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
    
/* ----- Membership Lister ----- */
.membershipModule.moduleLister {}

/* ---- Membership Detail ----- */
.membershipModule.moduleDetail {}

/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; }
.membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; }
.membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; }

@media (min-width: 45em) {
    .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; }
}

/* ----- My Account - Dispatch ( System Forms ) ---- */
.myaccountHeading { font-size: 2em; font-weight: bold }
.myaccountMessage {}

.myaccountDetail  table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold };

.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */

/* ModuleBegin::forum */
.frame{padding:10px;border:1px dashed #ccc;margin:10px 0px;}
.frame table{width:100%;text-align:center;margin-bottom:0;}
.frame th{font-family:Georgia,serif;font-style:italic;color:#000;font-size:11px;padding:0px 3px;font-weight:bold;background-color: #ccc;height:25px;border-right:1px solid white;}
.frame td{border-top:1px solid #fff;border-right:1px solid #fff;background-color:#fff;}
.frame tr{background-color:#f1f1f1;}
.frame .category td{background-color:#fff;font-weight:bold;font-size:12px;text-align:left;}
.frame .message{padding:10px 10px 20px 10px;font-size:12px;text-align:left;}
.frame .messageLabel{width:150px;font-weight:bold;text-align:left;vertical-align:top;padding:10px;}
.frame .topic{text-align:left;font-weight:bold;padding-left:10px;}
.frame .rowUnread{background-color:#eee;}
.frame .rowUnread td{background-color:#eee;}
.frame .rowEven{background-color:#dedede;}
.frame .rowEvenUnread{background-color:#FFF2CF;}
.frame .rowOddUnread{background-color:#FFE9AF;}
.seperator td{background-color:silver;height:6px;}
.backtotop{text-align:left;}
.title{font-weight:bold;text-align:left;padding-left:10px;}
.blurb{font-size:11px;text-align:left;padding-left:10px;padding-bottom:5px;}
.post .date{font-size:9px;}
.messageHeader{border-bottom:1px solid #ccc;height:18px;width:99%;margin-bottom:10px;}
.messageHeader .date{float:left;font-size:9px;}
.messageHeader .subject{color:darkblue;float:left;padding-left:10px;font-size:9px;font-weight:bold;}
.messageHeader .number{float:right;}
.tagSearch{background-color:yellow;font-weight:bold;}
.tagCode{background-color:black;color:white;font-family:monospace;border:1px inset white;padding:10px;margin:10px 30px;font-size:12px;}
.tagQuote{background-color:white;color:black;border:1px inset black;padding:10px;margin:10px 30px;font-size:12px;}
.tagCode a{color:white;font-weight:bold;}
.buttonBar td{background-color:#eee;padding:10px;}
.bar,.pagesFrame{height:20px;}
.bar .button{float:right;margin-left:3px;}
.button{font-weight:bold;}
.breadcrumb{font-weight:bold;padding:5px 0px;float:left;}
.header .pagesFrame{margin-top:10px;}
.footer .pagesFrame{margin-bottom:10px;}
#freedomForum .footer {margin-top:0;}
.pagesFrame .prevnextCurrent, .pagesFrame .prevnextWindow { padding:3px 5px;  border-left: 1px solid #cccccc; }
.pagesFrame .prevnextCurrent{ font-weight:bold; }
.pages{float:right;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.pages div{float:left;}
.prevGroup,.prev,.next,.nextGroup{border-left:1px solid #ccc;padding:3px 5px;}
.prevGroup,.nextGroup{background-color:#F1F1F1;}
.prev,.next{background-color:#dedede;}
.pagesLister{padding:3px 0px;}
#freedomForum.layouterror .frame {border:0px solid #0F0;margin:20px;}
/* ModuleEnd::forum */

.committee-table {table-layout: fixed; width: 100%; }

@media only screen and (max-width: 768px) { 
.committee-table {table-layout: fixed; width: 100%; }



}
@media only screen and (max-width: 500px) { 
.gridToggle {top: 75px;}
.eventDetailsContainer {flex-direction: column;}
.eventDetailsContainer .eventDetails { margin-top: 20px;}

.artistInfo h1 {padding-top: 20px; }
.galPhoto img {left: -1.5em; max-width: calc(100% + 3em); position: relative;}


.committee-table td {display: block;}


}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*GALLERY GRID */
/* Grid Container */
.thumbGrid {
    width: 100%;
    padding: 1rem;
}

/* Grid Row */
.gridRow {
    margin-bottom: 1.5rem;
}

/* Grid Lists */
.small-block-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Medium and Large screens */
@media screen and (min-width: 768px) {
    .medium-block-grid-4,
    .large-block-grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Gallery Thumb Items */
.galThumb {
    aspect-ratio: 1;
    width: 100%;
    display: block;
}

.galThumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.galThumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 4px;
    transition: transform 0.3s ease;
}

/* Optional hover effect */
.galThumb a:hover img {
    transform: scale(1.05);
}