/**********************************************/
/* UPCOMING EVENTS TEASER page
/**********************************************/

/**********************************************/
/* Color definitions
  Yellow 1: rgb(255,243,180) #FFF3B4
  Yellow 2: rgb(255,231,105) #FFE769
  Yellow 3: rgb(255,221,81) #FFDD51
  Yellow 4: rgb(246,201,76) #F6C94C

  Blue/Green 1: rgb(0,136,135) #008887
  Blue/Green 2: rgb(51,160,159) #33A09F
  Blue/Green 3: rgb(102,184,183) rgb(102,184,183)

  Green 1: rgb(102,160,135) #66A087
  Green 2: rgb(168,188,125) #A8BC7D
  Green 3: rgb(203,215,177) #CBD7B1
  Green 4: rgb(202,201,119) #CAC977

  Blue 1: rgb(127,183,192) #7FB7C0
  Blue 2: rgb(128,189,209) #80BDD1
  Blue 3: rgb(198,226,227) #C6E2E3

  Grey 1: rgb(50,50,50) #323232
  Grey 2: rgb(179,179,179) #B3B3B3
  Grey 3: rgb(242,242,242) #F2F2F2

  REBRAND 2021:
  Blue/Green: rgb(0,100,108) #00646C
  Blue: rgb(159,221,228) #9FDDE4
  Yellow: rgb( 255,225,68) #FFE144
  Green: rgb(175,215,120) #AFD778

*/

/* ****************************************
* Upcoming Events teaser
**************************************** */
#upcoming_events_teaser_container .upcoming_event_teaser_box_container{visibility: hidden;}
#upcoming_events_teaser_container .upcoming_event_teaser_box_container.show{visibility: visible;}

#upcoming_events_teaser_container .upcoming_events_teaser_box{display:block; border:1px solid rgb(0,100,108); border-radius:2px;}

#upcoming_events_teaser_container .column_33_33_33:nth-child(1) .upcoming_events_teaser_box{margin:0 3% 0 0;}


#upcoming_events_teaser_container .column_33_33_33:nth-child(1) .upcoming_events_teaser_box{margin:0 3% 0 0;}
#upcoming_events_teaser_container .column_33_33_33:nth-child(2) .upcoming_events_teaser_box{margin:0 1.5% 0 1.5%;}
#upcoming_events_teaser_container .column_33_33_33:nth-child(3) .upcoming_events_teaser_box{margin:0 0 0 3%;}

#upcoming_events_teaser_container .upcoming_events_teaser_box{background-color:transparent;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container{padding:10px; border-bottom:1px solid rgb(220,220,220);  background-color:white;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box{position:relative; padding-top:55%; background-size:contain; background-position:center center; background-repeat:no-repeat;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box .type_icon{display:none; position:absolute; top:5px; left:5px; width:30px; height:30px; border-radius:50%; background-color:rgb(50,50,50);}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box .type_icon span{display:block; text-align:center; color:white; font-size:1.1em;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box .type_icon span.glyphicon-blackboard{padding-top:5px; padding-left: 1px;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box .type_icon span.fa-desktop{padding-top:8px; padding-left: 1px;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box .type_icon span.fa-users{padding-top:6px; padding-left: 1px;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_container .banner_box .type_icon span.fa-trophy{padding-top:7px; padding-left: 1px;}

#upcoming_events_teaser_container .upcoming_events_teaser_box p.date_location_box{color:rgb(120,120,120); font-size:0.95em; font-weight:normal; margin:10px 10px;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .title_box{ margin:auto 10px;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .title_box h4.title{color:rgb(50,50,50); font-weight: bold;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .subtitle_box{ margin:auto 10px;}
#upcoming_events_teaser_container .upcoming_events_teaser_box .subtitle_box h6.subtitle{color:rgb(50,50,50); font-weight: bold;}

#upcoming_events_teaser_container .upcoming_events_teaser_box:hover{background-color:rgb(0,100,108); text-decoration:none;}
#upcoming_events_teaser_container .upcoming_events_teaser_box:hover p.date_location_box{color:white;}
#upcoming_events_teaser_container .upcoming_events_teaser_box:hover .title_box h4.title{color:white;}
#upcoming_events_teaser_container .upcoming_events_teaser_box:hover .subtitle_box h6.subtitle{color:white;}



/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          

}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {  

}
 

/* < 768  */
@media only screen and (max-width: 767px){

#upcoming_events_teaser_container .upcoming_events_teaser_box .banner_box{}

#upcoming_events_teaser_container .column_33_33_33:nth-child(1) .upcoming_events_teaser_box{margin:0;}
#upcoming_events_teaser_container .column_33_33_33:nth-child(2) .upcoming_events_teaser_box{margin:0;}
#upcoming_events_teaser_container .column_33_33_33:nth-child(3) .upcoming_events_teaser_box{margin:0;}

}