@charset "utf-8";

/* CSS Document */
/* page elements */
.sjev_wrap{

}

#sjev_main{
  display: block;
  margin-bottom:5em;
  background: #fff;
}

#sjev_primary{
    display: flex;
}

.sjev_hidden {
  display:none;
}


.sjev_event-header{
  background-color:#f3f3f3;;
  margin-bottom:.5em;
  float:left;
  border-top: 5px solid #ccc;
}

.sjev_event-header h1 {
  float:left;
  clear:none;
  line-height: 1.3em;
  margin:0;
}

.sjev_event-header h2 {
    padding: 0;
    margin: 0 0 0.2em 0;
}

.sjev_event-header .sjev_header-content .sjev_col-12 {

    margin-left: 0;
}

.sjev_event-header h3 {
  float:left;
  margin: 0 0 .5em 0;
  padding:0;
}
.sjev_event-header p {
  margin:0;
}

.sjev_date-location span{
  font-weight:600;
}



.sjev_event-header .sjev_event-logo {

    max-width: 200px;
    float: right;
    padding: 2px;
    background-color: #fff;
}

.sjev_event-logo {
  border: 1px solid #ddd;
  line-height: 0;
}

.sjev_page-header{

  background-color:#E8E8E8;
  margin-bottom:1em;
  float:left;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 0;
}

.sjev_page-header .sjev_header-content{
  float:left;
  margin: .7em;
  clear:none;
}

.sjev_page-header h1 {
  float:left;
  clear:none;
  line-height: 1.3em;
  margin:0;
}



.sjev_page-header h2 {

    padding: 0;

    margin: 0 0 0.2em 0;

}

.sjev_page-header .sjev_header-content .sjev_col-12 {

    margin-left: 0;

}



.sjev_page-header h3 {

  float:left;

  margin: 0 0 .3em 0;

  padding:0;

  clear: both;

}



.sjev_page-header p {

  margin:0;

}

.sjev_header-content .sjev_dates.sjev_col-12, .sjev_header-content .sjev_location.sjev_col-12{

  margin:0;

}





/* Event NAvigation */

.sjev_topnav{

  

  position:relative;

}

.sjev_topnav li.sjev_nav_icon {

    display: none;

}



#sjev_event_nav {
    float: left;
    clear: both;
    background: #ccc;
    width: 100%;
    padding:0 2%;
}

#sjev_event_nav ul{

    padding: 0;

  }

#sjev_event_nav li {
  list-style: none;
  float: left;
  border-right:1px solid rgba(255,255,255,0.4);

}



#sjev_event_nav li:nth-last-child(2) {
  border-right:0px;

}



#sjev_event_nav a {
    display: block;
    float: left;
    text-decoration: none;
    color: #fff;
    padding: .3em 1.2em;

}

#sjev_event_nav li.sjev_active a{
  background:rgba(255,255,253,.2);
}

.sjev_dropdown{
  position: relative;
}



.sjev_dropdown:hover .sjev_dropdown-menu{
  display:block;
}

.sjev_dropdown-menu{

    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin:  0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;

}



#sjev_event_nav .sjev_dropdown-menu a {

    display: block;
    float: left;
    text-decoration: none;
    background: #fff;
    padding: .3em 1em;
    margin: .0em .2em .1em .2em;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px 1px 0px solid #ccc;
    color: #484646;
    border-radius: 0px;

}



.sjev_element h1{

  font-size:2em;
  line-height:1.2em;

}

.sjev_element h2{

  font-size:1.6em;

    line-height:1.2em;

}

.sjev_element h3{

  font-size:1.3em;
  line-height:1.2em;

}



.sjev_main-left{

  width:70%;
  float:left;

}



.sjev_sidebar{

  width:27%;
  float:right;

}



.sjev_single-agenda .sjev_header-images{

  float:right;
  margin: 1em;

}



.sjev_entry-content {

    float: left;
    clear: both;
    width: 100%;

}



.sjev_button {
    /* border: 2px solid #ccc; */
    background-color: #a7a7a7;
    border-radius: 4px;
    text-align: center;
    padding: .2em;
    cursor: pointer;
    margin-bottom: .4em;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    color: #fff;
}

.sjev_button:hover {
    transition: all .5s;
    opacity: 0.5;
    -webkit-box-shadow:none;
    box-shadow:none;
}


.sjev_button:active {
  transition: all .1s;
  background-color:#737373
}

.sjev_button:hover a{

    text-decoration: none;
    color: #fff;

}

.sjev_button a{
  display: block;
  text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}

a.sjev_button {
  display: block;
  text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}

.sjev_partner-buttons a.sjev_button {
  color: #fff!important;
}

/* The Modal (background) */

.sjev_modal {

    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 200; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}


.sjev_modal .sjev_float-container {

    float: left;
    width: 100%;
    border: 1px solid #888;
    background-color: #fefefe;
    padding: 20px;
}





/*  List item styles */

/*hide excerpt readmore... any links in 2nd p*/
.sjev_excerpt p:not(:first-child) a {
    display: none;
}
/*.sjev_event_excerpt .understrap-read-more-link{
    display:none;
}*/

/*default if list item - no columns*/
.sjev_list-item-container {
  border:1px solid #ccc;
  background: #fbfbfb;
  display: inline-block;
  height: auto;
  margin: 1rem;
  position: relative;
  vertical-align: top;
  padding: .3em;
  border-radius: 4px;
  box-shadow: 0px 2px 9px rgba(0,0,0,0.1);
}
.sjev_list-item-container img{
  background: #fff;
}

/*list overides*/
.sjev_list  {
    text-align: center;
}
.sjev_list .sjev_list-item-container{
    padding: .3em;
    margin: 0.5em;
}
/*slider overides*/
.sjev_slider{
}


.sjev_slider .sjev_list-item-container {
padding: 4px;
    margin: 4px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
}


/*columns overides*/
.sjev_columns{
}

.#sjev_events .sjev_list-item-container{
  display:flex;
  flex-direction: column;
}

.sjev_list-item-container .link-more {
    display: none;
}

.sjev_list-item-container .sjev_read-more{

    position: absolute;
    font-size: 1.2em;
    bottom: 0.2em;
}

.sjev_list-item-container h3, .sjev_list-item-container h4, .sjev_list-item-container h5{
  line-height: 1rem;
  padding:0;
  -webkit-margin-before:0px;
  -webkit-margin-after:0px;
  -webkit-margin-start:0px;
  -webkit-margin-end:0px;
  margin:0px;
}

body .sjev_list-item-container h3{
    font-size: 1.6rem;
    line-height: 1.1;
    margin-top: .2em;
    margin-bottom: .2em;
}

body .sjev_list-item-container h4{

  font-size:1rem;
  line-height: 1.1;
  margin-top: .2em;
  margin-bottom: .5em;
  font-weight:normal;
}

body .sjev_list-item-container h5{

  font-size:1rem;
  line-height: 1.1;
  margin-top: .5em;
  margin-bottom: .5em;
}




.sjev_list-item-container.sjev_col-4{
    text-align: center;
    clear:none;    
    padding:1em;
}

.sjev_list-item-container.sjev_col-6{

    float:left;
    text-align: left;
    padding:1em;
}



.sjev_list-item-container.sjev_col-12{

    float: left;
    text-align: left;
    padding:1em;
}


.sjev_list-item-container.sjev_col-4, .sjev_list-item-container.sjev_col-6, .sjev_list-item-container.sjev_col-12{
  /*display: block;*/
  /*padding-bottom: 4em;*/
} 


.sjev_list-item-container.sjev_col-4 .sjev_list-item-details{
  margin-top:1.3em;
}

.sjev_list-item-container.sjev_col-6 .sjev_list-item-details{

    text-align: left;
}

.sjev_list-item-container.sjev_col-12 .sjev_list-item-details {
}

.sjev_list-item-container.sjev_col-6 .sjev_list-item-image{

  max-width:45%;
  margin-right:1.2em;
  margin-bottom: .8em;
}

.sjev_list-item-container.sjev_col-4 .sjev_list-item-image{
    max-width: 100%;
    margin-bottom: .8em;
}

.sjev_list-item-container.sjev_col-12 .sjev_list-item-image,
.sjev_list-item-container.sjev_col-6 .sjev_list-item-image{
    float: left;
    margin-right:1.2em;
    margin-bottom: .8em;
}

.sjev_list-item-container p {
    width: 100%;
    float: left;
}

.sjev_event-buttons{
  margin-top:auto;
}

ul.sjev_row.sjev_columns{
      padding: 0;
}

ul.sjev_row.sjev_list{
      padding: 0;
}
ul.sjev_row.sjev_slider{
      padding: 0;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 900px) {

  #sjev_event_nav.sjev_topnav {

    min-height: 45px;

  }


  #sjev_event_nav.sjev_topnav li {

    display: none;

  }



  #sjev_event_nav.sjev_topnav li.sjev_nav_icon {

    position: absolute;
    top:8px;
    left:0;
    display: block;
  }

}



/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

@media screen and (max-width: 900px) {

  #sjev_event_nav.sjev_topnav.sjev_responsive {

    position: relative;

    min-width:400px;

    background-color: #909090;

    border-radius:8px;

    border:2px solid #ccc;

    padding: 8px;

  }

  #sjev_event_nav.sjev_topnav.sjev_responsive li.sjev_nav_icon {

    position: absolute;

    top: 8px;



  }



    #sjev_event_nav.sjev_topnav.sjev_responsive li.sjev_nav_icon a{

    width: 55px;

    min-width: 55px;



  }

  #sjev_event_nav.sjev_topnav.sjev_responsive ul{

    width:100%;

    margin-top: 43px;

  }



  #sjev_event_nav.sjev_topnav.sjev_responsive li {

    float: left;

    clear:both;

    display: block;

    text-align: left;

    width:100%;

    border-right:0px solid #ccc;

    border-bottom: 1px solid rgba(255,255,255,.3);

    

  }

  #sjev_event_nav.sjev_topnav.sjev_responsive > li {

    padding-left: 40px;



  }

    #sjev_event_nav.sjev_topnav.sjev_responsive > li:last-child {

    padding-left: 0px;

  }

  #sjev_event_nav.sjev_topnav.sjev_responsive a {

    min-width: 300px;

    width:100%;

    clear: both;

    background-color: none;

  }









  #sjev_event_nav.sjev_topnav.sjev_responsive .sjev_dropdown-menu{

    position: relative;

    top: 5px;

    z-index: 5;

    display: block;

    float: left;

    padding: .5rem 0;

    margin:  0;

    font-size: 1rem;

    color: #fff;

    text-align: left;

    list-style: none;

    background: #ccc;

    background-clip: padding-box;

    border: 1px solid rgba(0,0,0,.15);



  }



  #sjev_event_nav.sjev_topnav.sjev_responsive .sjev_dropdown-menu a {

      display: block;

      float: left;

      text-decoration: none;

      padding: .3em 1em;

      border-top: 0px;

      border-right: 0px;

      border-left: 0px;

      border-bottom: 0px 1px 0px solid #ccc;

      border-radius: 0px;

      clear: both;

      background: none;

  }





  .sjev_event-header .sjev_header-content,.sjev_event-header .sjev_header-content h1 {

    text-align: center;

    width:96%;

    position: relative;

    display: block;

  }

  .sjev_event-header img.sjev_event-logo {
    max-width: 100%;
      text-align: center;
      margin:0 auto;
      display: block;
      float: none;
  }
}