/*********\
| DEV CSS |
\*********/






/*Organizer news format change*/
.organizerToggleExtra{
  text-align:center;
}
.organizerToggleExtra a{
 	font-weight: bold;
    line-height: 1.8rem;
    font-size: 1.6rem; 
}
/* ==========================================================================================
   ===== Image Navigation ============ Content Type #5007 =================================== 
   ==========================================================================================
   Boxes of images that can be clicked on
   Last revised 04/18/18 by Max   
*/

.keep1 .imageNavigationBox{
 width:100%; 
}
.keep2 .imageNavigationBox{
 width:50%; 
}
.autoadjust .imageNavigationBox{
 min-width:33.33% 
}

.container .keep2 .imageNavigationBox,
.container .autoadjust .imageNavigationBox{
  min-width:34%;
  max-width:100%;
  width:auto;
}

#zoneB .imageNavigationBox,
#zoneC .imageNavigationBox{
  min-width:51%;
  width:auto;
}

@media screen and (max-width:767.99px){
  .keep2 .imageNavigationBox, 
  .autoadjust .imageNavigationBox{
   min-width:100%;
   width:100%;
 }
}

@media screen and (max-width:992.99px){
  .keep2 .imageNavigationBox, 
  .autoadjust .imageNavigationBox{
   min-width:50%;
   width:auto;
 }
}

.imageNavigationWrapper{
}

.imageNavigationHolder{
  display: flex;
  justify-content: center;
  flex: 1 0 auto;
  flex-wrap: wrap;
}

.imageNavigationBox{
  align-items:center;
  float:left;
  flex-grow:1;
  text-align:center;
}

.imageNavigationBox h3{
  margin:0;
  padding: 10px 0 0 0;
  color:#ffffff;
  font-size:2.4rem; 
  text-shadow: 0 0 5px #000000;
}

.imageNavigationBox a{
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imageNavigationImage{
  background-size: cover;
  background-repeat: no-repeat;
  min-width:200px;
  min-height:200px;
}

.imageNavigationBox a:hover, .imageNavigationBox a:active, .imageNavigationBox a:focus {background:linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3));}

.imageNavigationBox .imageNavigationColorRed{background:linear-gradient(rgba(170,0,0,.6), rgba(170,0,0,.6));}
.imageNavigationBox .imageNavigationColorRed:hover, .imageNavigationBox .imageNavigationColorRed:active, .imageNavigationBox .imageNavigationColorRed:focus {background:linear-gradient(rgba(170,0,0,.7), rgba(170,0,0,.7));}
.imageNavigationBox .imageNavigationColorOrange{background:linear-gradient(rgba(239,65,53,.6), rgba(239,65,53,.6));}
.imageNavigationBox .imageNavigationColorOrange:hover, .imageNavigationBox .imageNavigationColorOrange:active, .imageNavigationBox .imageNavigationColorOrange:focus {background:linear-gradient(rgba(239,65,53,.7), rgba(239,65,53,.7));}
.imageNavigationBox .imageNavigationColorGold{background:linear-gradient(rgba(253,185,19,.6), rgba(253,185,19,.6));}
.imageNavigationBox .imageNavigationColorGold:hover, .imageNavigationBox .imageNavigationColorGold:active, .imageNavigationBox .imageNavigationColorGold:focus {background:linear-gradient(rgba(253,185,19,.7), rgba(253,185,19,.7));}
.imageNavigationBox .imageNavigationColorLightGreen{background:linear-gradient(rgba(85,179,27,.6), rgba(85,179,27,.6));}
.imageNavigationBox .imageNavigationColorLightGreen:hover, .imageNavigationBox .imageNavigationColorLightGreen:active, .imageNavigationBox .imageNavigationColorLightGreen:focus {background:linear-gradient(rgba(85,179,27,.7), rgba(85,179,27,.7));}
.imageNavigationBox .imageNavigationColorDarkGreen{background:linear-gradient(rgba(18,74,18,.6), rgba(18,74,18,.6));}
.imageNavigationBox .imageNavigationColorDarkGreen:hover, .imageNavigationBox .imageNavigationColorDarkGreen:active, .imageNavigationBox .imageNavigationColorDarkGreen:focus {background:linear-gradient(rgba(18,74,18,.7), rgba(18,74,18,.7));}
.imageNavigationBox .imageNavigationColorDarkBlue{background:linear-gradient(rgba(0,50,130,.6), rgba(0,50,130,.6));}
.imageNavigationBox .imageNavigationColorDarkBlue:hover, .imageNavigationBox .imageNavigationColorDarkBlue:active, .imageNavigationBox .imageNavigationColorDarkBlue:focus {background:linear-gradient(rgba(0,50,130,.7), rgba(0,50,130,.7));}
.imageNavigationBox .imageNavigationColorLightBlue{background:linear-gradient(rgba(4,169,197,.6), rgba(4,169,197,.6));}
.imageNavigationBox .imageNavigationColorLightBlue:hover, .imageNavigationBox .imageNavigationColorLightBlue:active, .imageNavigationBox .imageNavigationColorLightBlue:focus {background:linear-gradient(rgba(4,169,197,.7), rgba(4,169,197,.7));}
.imageNavigationBox .imageNavigationColorEmerald{background:linear-gradient(rgba(0,135,101,.6), rgba(0,135,101,.6));}
.imageNavigationBox .imageNavigationColorEmerald:hover, .imageNavigationBox .imageNavigationColorEmerald:active, .imageNavigationBox .imageNavigationColorEmerald:focus {background:linear-gradient(rgba(0,135,101,.7), rgba(0,135,101,.7));}
.imageNavigationBox .imageNavigationColorBrown{background:linear-gradient(rgba(128,112,96,.6), rgba(128,112,96,.6));}
.imageNavigationBox .imageNavigationColorBrown:hover, .imageNavigationBox .imageNavigationColorBrown:active, .imageNavigationBox .imageNavigationColorBrown:focus {background:linear-gradient(rgba(128,112,96,.7), rgba(128,112,96,.7));}
.imageNavigationBox .imageNavigationColorWhite{background:linear-gradient(rgba(247,247,247,.6), rgba(247,247,247,.6));}
.imageNavigationBox .imageNavigationColorWhite:hover, .imageNavigationBox .imageNavigationColorWhite:active, .imageNavigationBox .imageNavigationColorWhite:focus {background:linear-gradient(rgba(247,247,247,.7), rgba(247,247,247,.7));}
.imageNavigationBox .imageNavigationColorBlack{background:linear-gradient(rgba(51,51,51,.6), rgba(51,51,51,.6));}
.imageNavigationBox .imageNavigationColorBlack:hover, .imageNavigationBox .imageNavigationColorBlack:active, .imageNavigationBox .imageNavigationColorBlack:focus {background:linear-gradient(rgba(51,51,51,.7), rgba(51,51,51,.7));}

.imageNavigationBox a:hover, .imageNavigationBox a:active, .imageNavigationBox a:focus{
  text-decoration:none;
}


/* Spotlight stuff */

@media screen and (min-width: 992px) {
  .container div#zoneA.col-md-6 .spotlightImage img{
      max-width:100%; 
  }
}

.spotlightImage img{
 	width:auto; 
}

/* ==========================================================================================
   ===== Featured Curated Events ===== Content Type #4911 =================================== 
   ==========================================================================================
   creates featured box for curated events in ZoneA, including options for an image 
   background and color overlay
   Last revised 12/13/17 by Aubrey   
*/
.featuredCuratedEventsWrapper {
  padding:60px;
}
@media screen and (max-width: 991.999px) { /* xs + sm */
  .featuredCuratedEventsWrapper {
    padding:15px;
  }	
}
.curatedEventsBoxRed {
  background:#aa0000;
}
.curatedEventsBoxOrange {
  background:#ef4135;
}
.curatedEventsBoxGold {
  background:#fdb913;
}
.curatedEventsBoxGreen {
  background:#55b31b;
}
.curatedEventsBoxEmerald {
  background:#008765;
}
.curatedEventsBoxLightBlue {
  background:#088099;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.curatedEventsBoxDarkBlue {
  background:#003282;
}
.curatedEventsBoxDarkGreen {
  background:#124a12;
}
.curatedEventsBoxBrown {
  background:#807060;
}
.curatedEventsBoxBlack {
  background:#333333;
}
.curatedEventsBoxWhite {
  background:#ffffff;
}
.featuredCuratedEvents{

}

.featuredCuratedEventsWrapper  .curatedEventsTitle h2 {
  color:#ffffff;
  font-family:"Roboto Slab", serif;
  font-size:3rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 0 0 30px;
  text-align:center;
  text-transform:uppercase;
}
.featuredCuratedEventsWrapper .curatedEventsList {
  display:flex;
  margin: 0;
}
@media screen and (max-width: 991.999px) { /* xs + sm */
  .featuredCuratedEventsWrapper .curatedEventsList {
    display:inherit;
  }
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem {
  background:#ffffff;
  display:flex;
  margin: 0;
  padding: 0;
  border-left: 1px solid #088099;
}
@media screen and (max-width: 767.999px) { /* xs */
  .featuredCuratedEventsWrapper li.featuredCuratedEventItem {
    flex: 0 1 33%;
    flex-direction: column;  
    padding: 30px 0;
  }	
  .featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate{
    margin: auto;
  }
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem a{
    display: flex;
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem a:hover,
.featuredCuratedEventsWrapper li.featuredCuratedEventItem a:focus{
    text-decoration: none;
}

.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate {
  border: 3px solid #fdb913;
    min-width: 7rem;
    height: 7rem;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    padding: .75rem;
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate .bodyDateMonth {
    font-size: 2.2rem;
    font-family: Oswald, sans-serif;
    font-weight: 400;
    line-height: 2rem;
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .boxyDate .bodyDateDay {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 2rem;
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation a:hover{
  text-decoration:none;
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation {
  color: #333333;
  padding: 0 30px;
}
@media screen and (max-width: 767.999px) { /* xs */
  .featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation {
    text-align:center;
  }
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventDateAndTime{
    font-size: 1.4rem;
    font-weight: 500;
}
.featuredCuratedEventsWrapper li.featuredCuratedEventItem .eventInformation .eventTitle{
    color: #aa0000;
    font-size: 1.8rem;
}


.featuredCuratedEventsError{
	color: #333333;
    font-size: 2.0em;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
}