/* 
    Document   : jevcustom
    Created on : 22-Apr-2013, 14:12:51
    Author     : Tony Partridge - GWE Systems Ltd
    Description: To allow customisation of CSS Strings where they can never be lost.
    Purpose of the stylesheet follows.
*/
/** Celebration List View ***/
#jevents_body{
  border-width:0;
  background:transparent;
  padding:0;
}
#jev_maincal{
  background-color:transparent;
  border-width:0;
}
.view-year #jev_maincal .jev_daysnames{display:none;}
.view-month #jev_maincal .jev_daysnames_container{
  background:#2c3e50;
}
.view-month #jev_maincal .jev_daysnames{
  color:#fff;
  text-transform:uppercase;
  font-weight:400;
  text-align:center;
}
.view-month #jev_maincal .jev_daysnames .saturday, 
.view-month #jev_maincal .jev_daysnames .sunday {
  color: #fff;
}
.view-month div.jev_daynum_outofmonth span,
.view-month div.jev_daynum a.cal_daylink:link, 
.view-month div.jev_daynum a.cal_daylink:visited, 
.view-month div.jev_daynum a.cal_daylink:hover{
  font-size:16px;
  font-weight:500;
  color:#272727;
}
.view-month #jevents_body .jev_underlay .jev_underlay_outofmonth_start div,
.view-month #jevents_body .jev_underlay .jev_underlay_outofmonth_end div,
.view-month #jevents_body div.jev_dayoutofmonth{
  background-color: #f0f0f0;
}
  
#jev_maincal .ev_ul{padding:0;}
#jevents_body ul.ev_ul li.ev_td_li{
  border-width:0 !important;
  padding:0;
  margin-bottom:20px !important;
}
#jev_maincal .ev_ul .ev_td_li .d-flex{
  align-items:center;
  padding:10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  gap:20px;
  border-radius:20px;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col1{
  flex:0 0 18%;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col1 .celeb-img img{
  width:100%;
  height:225px;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col2{
  flex:0 0 65%;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col2 .fulldate{
  margin:0;
  font-size:16px;
  opacity:90%;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col2 h2{
  margin:0.5rem 0;
  font-size:38px;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col2 .sj-ev-desc p{
  margin-bottom:0;
  font-size:18px;
  line-height:1.4;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col3{
  flex:0 0 12%;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col3 div{
  display:flex;
  flex-direction:column;
  align-items:center;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-month,
#jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-year{
  font-size:30px;
  font-family:'Cormorant Garamond', sans-serif;
  line-height:1.0;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-day{
  font-family: 'Cormorant Garamond', sans-serif;
  font-size: 60px;
  line-height: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
#jev_maincal .ev_ul .ev_td_li .d-flex .col1{
  flex:0 0 22%;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col1 .celeb-img img{
  height:196px;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col2{
  flex:0 0 60%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#jev_maincal .ev_ul .ev_td_li .d-flex .col1{
  flex:0 0 22%;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col1 .celeb-img img{
  height:200px;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col2 h2{
  font-size:40px
}
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-month,
#jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-year{
  font-size:40px;
}
#jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-day{
  font-family: 'Cormorant Garamond', sans-serif;
  font-size: 60px;
  line-height: 50px;
}
  #jev_maincal .ev_ul .ev_td_li .d-flex .col2{
  flex:0 0 60%;
}
}
@media only screen and (max-width: 767px) { 
  #jev_maincal .ev_ul .ev_td_li .d-flex{
    flex-wrap:wrap;
    align-items: flex-start;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col1{
     flex:0 0 45%;
     order:3;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col2{
     flex:0 0 50%;
     order:2;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3{
     flex:0 0 100%;
     order:1;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3 div{
    flex-direction:row;
    gap:5px;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-day,
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-month,
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3 div .l-year{font-size:40px;}
  #jev_maincal .ev_ul .ev_td_li .d-flex .col1 .celeb-img img{
    object-fit:contain;
    height:auto;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col2 h2{
    font-size:40px
  }
}
@media only screen and (max-width: 575px) {
  #jev_maincal .ev_ul .ev_td_li .d-flex .col1,
  #jev_maincal .ev_ul .ev_td_li .d-flex .col2,
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3{
     flex:0 0 100%;
  }
  #jev_maincal .ev_ul .ev_td_li .d-flex .col1{order:2;}
  #jev_maincal .ev_ul .ev_td_li .d-flex .col2{order:3;}
  #jev_maincal .ev_ul .ev_td_li .d-flex .col3{order:1;}
  #jevents_body .jev_header2 > div{line-height:1.1;}
  #jev_maincal .ev_ul .ev_td_li .d-flex .col1 .celeb-img img {
    object-fit: cover;
    height: 200px;
    width: 100%;
  }
}