/* 
    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.
*/
/** MODAL WINDOW **/
.jevmodal .modal-content {margin-left:0;}

.jevmodal .modal-body{
	padding:10px 0;
	top:50px;
}
.modal body.contentpane,
.modal body.contentpane #jevents_body .jev_evdt.jevdetailpage,
body.contentpane.modal,
body.contentpane.modal #jevents_body .jev_evdt{
  padding:0;
}
body.contentpane.modal #jevents_body .jev_evdt_title{
  font-size:24px;
  font-weight:bold;
  margin: 20px 80px;
}
.modal #jevents_body .jev_evdt .jev_evdt_header{margin-bottom:40px;}
.modal #jevents_body .jev_eventdetails_body{
  margin:0 80px;
  line-height:1.4;
}
.modal #jevents_body .jev_eventdetails_body .row{display:flex;}
.jevmodal .modal-body .jeventpage .actions{
	display:none;
}
.jevmodal .modal-body .jeventpage .jevdetailpage{padding:0;}
.jevmodal .modal-body .jeventpage .jevdetailpage .jev_evdt_header .jev_evdt_title{
    padding: 0 80px;
}
.jevmodal .modal-body .jeventpage .jevdetailpage .jev_eventdetails_body{
    padding:0 80px;
}
.jevmodal .modal-body .jeventpage .jevdetailpage .jev_eventdetails_body .row{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.jevmodal .modal-body .jeventpage .jevdetailpage .jev_eventdetails_body .row .span6{
	 text-align:left;
}
.map{margin-top:50px;}
.map #gmap{
  display:block;
  position:relative;
  max-width: 780px;
  width:100% !important;
}
.jev_eventdetails_body .location-info{
  display:flex;
}
.jev_eventdetails_body .location-info .span6{
  width:50%;
  text-align: center !important;
}
.jev_evdt_desc ul li {
  list-style:none;
}
.jev_evdt .jev_eventdetails_body  {font-size:1rem;}
.location-info h5
{
      color: #269b6a;
    font-size: 1.2rem;
    font-weight:strong;
}

@media (min-width: 1200px) {
    .jevmodal-full.modal {
        left: 50%;
        margin-left: -340px;
        max-width: 680px;
    }
}
/** END MODAL **/




/** Add video box - Studio Tour **/
.vid-container{
	position: relative;
    width: 100%;
    max-width: 400px;
}
.vid-container .image{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}
.vid-container .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .3s ease;
}
.vid-container:hover .overlay {
  background-color:rgba(221,221,221,0.6);
}
.vid-container .icon {
  color: #ff0100;
  font-size: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.vid-container:hover .icon .fa-play-circle{
	color: darkred;
}
.vid-container .overlay .wf-icon-zoom-link{display:none;}

/* Remove Map */
#gmap{display:none;}
.map #gmap{display:block;}

/* council calendar prev/next align */
.jev_toprow {clear:both;}

/* Remove Admin Panel - Add an event at bottom of pages */

.jeventpage  .nav-items #nav-month,
.jeventpage  .nav-items #nav-jumpto {
    padding: 2px 0 2px 0;
}

/* JEVENTS MONTHLY CALENDAR VIEW */

.astroid-component-area #jevents #jevents_body .jev_toprow div.previousmonth{
	text-align:left !important;
}
.astroid-component-area #jevents #jevents_body .jev_toprow div.nextmonth {
	text-align:right !important;
}
.astroid-component-area #jevents_body .jev_toprow div.previousmonth, .astroid-component-area #jevents_body .jev_toprow div.nextmonth {
    background-color: transparent !important;
    border: 0px solid transparent !important;
}
.jev_toprow div.previousmonth, .jev_toprow div.nextmonth
{
    font-size: 22px !important;
    font-weight: bold !important;
    padding-left: 10px !important;
    color: #666 !important;
    background: none !important;
    text-decoration: none;
    text-align:left !important;
}
#jevents_body .jev_toprow div.previousmonth a:before{
  content:"\f100";
  font-family:"Font Awesome 5 Free";
  padding-right:8px;
  font-size:20px;
  position:relative;
  top:0px;
  font-weight:bold;
}
#jevents_body .jev_toprow div.nextmonth a:after{
  content:"\f101";
  font-family:"Font Awesome 5 Free";
  padding-left:8px;
  font-size:20px;
  position:relative;
  top:0px;
  font-weight:bold;
}
#jevents_body .jev_toprow div.previousmonth a {
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    color: #333 !important;
    background: none !important;
    text-decoration: none;
}
#jevents_body .jev_toprow div.nextmonth a {
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    color: #333 !important;
    background: none !important;
    text-decoration: none;
}
#jevents_body .jev_underlay .jev_underlay_outofmonth_start div, #jevents_body .jev_underlay .jev_underlay_outofmonth_end div {
	background-color: #f9f9f9;
}
div.jev_dayoutofmonth{background:#f9f9f9;}
div.jev_daynum_outofmonth{background:#7AB1DC !important;;}
a.cal_daylink:link, a.cal_daylink:visited, a.cal_daylink:hover {
  font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
}
#jev_maincal{background-color:#ffffff;}
.month_title_year, .month_date, .month_title{text-align:center;font-weight:600;}
.month_title_year{font-size:2em;}
#jevents_body {
    border: 0px solid #fff;
    background-color: #ffffff;
    border-radius: 0px;
}
.jev_toprow .jev_daysnames{
  background:#2377B8;
  color:#ffffff;
  letter-spacing:1px;
  padding:0.60em 0;
  text-align:center;
  text-transform:uppercase;
}
.saturday, .sunday {
    color: #ffffff;
}
div.jev_daynum span{
  	font-size:12px;
  	font-weight:normal;
}
#jevents_body .jev_underlay .jev_underlay_outofmonth_start div, #jevents_body .jev_underlay .jev_underlay_outofmonth_end div {
    background-color: #f9f9f9;
}
div.jevdaydata div.jev_daynum{
  background:#56A2DC;
  color:#fff;
}
td.jevdaydata{
  min-height:135px;
}
div.jev_daynum_noevents a.cal_daylink:link, div.jev_daynum_noevents a.cal_daylink:visited, div.jev_daynum_noevents a.cal_daylink:hover{color:#fff;}
a.cal_daylink:link, a.cal_daylink:visited, a.cal_daylink:hover{font-size:12px;}
div.jevdaydata div.jev_daynum {
    padding-bottom: 4px;
}

div.jevdaydata div.jev_daynum.jev_daynum_today{
  background:#f3b22d;
}
#jevents_body .jev_underlay .jev_underlay_daynum_today div{
  background:#ffffff;
}
div.jev_daynum_outofmonth span {
    color: #fff;
}
/**
#jevents #jevents_body .jev_toprow div.previousmonth, #jevents #jevents_body .jev_toprow div.nextmonth {
    background-color: #00833e !important;
    border: 1px solid #00833e !important;
}
**/
#jevents #jevents_body .jev_toprow div.currentmonth {
    border-top: 0px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    padding: 1px 0;
    color:#333;
    font-size:24px;
}
#jevents #jevents_body .nav-items div.active a, #jevents .jev_header2 .active a {
    background-color: #f3b22d !important;
    color:#333;
}
#jevents #jevents_body .nav-items > div {
    border-color: #f3b22d !important;
}
a.cal_titlelink:link, a.cal_titlelink:visited, a.cal_titlelink:hover {
    font-size: 12px;
    padding-bottom: 5px;
    border-bottom:1px solid #ddd
    font-weight:400;
}
div.jev_today a.cal_titlelink:link, div.jev_today a.cal_titlelink:visited, div.jev_today a.cal_titlelink:hover {
  	opacity:0.75;
}
.eventfull.garbage .eventstyle{
  border-radius:5px;
  padding: 8px 8px 2px;
}
.eventfull.garbage .eventstyle a.cal_titlelink:link, .eventfull.garbage .eventstyle a.cal_titlelink:visited, .eventfull.garbage .eventstyle a.cal_titlelink:hover{border-bottom:0px solid #fff;}

div.eventfull div{
  border-width:0px;
  background-color:transparent;
}
#jevents_body .eventstyle span a:hover{
  background:transparent;
  color:#26544a;
}
.eventstyle:hover {
    background-color: transparent;
}
#jev_maincal{border-width:1px;}
#jevents_body #jev_maincal.jev_listview .jev_daysnames{
  	border-width:0px;
	background:transparent;	
}
#jevents_body .jev_listview .jev_listrow li, .jev_listview .jev_listrow{
  border-width:0 !important;
}
#jevents_body h2.ig-evtitle{
  	font-size: 1.5em;
    line-height: 1.2em;
    display: inline-block;
    margin-bottom:0;
}
#jevents_body h2.ig-evtitle a:hover {
    color: #00833e;
}
#jevents_body p.ig-evdate, #jevents_body p.ig-evloc{
  	font-size: 13px;
    font-weight: bold;
    color: #777;
    margin-bottom:0;
}
#jevents_body p span.ig-evtime1:empty, #jevents_body p span.ig-evtime2:empty, #jevents_body p span.ig-evfmonth:empty{display:none;}
#jevents_body p span.ig-evtime1:before{
  content:" @ "
}
#jevents_body p span.ig-evtime2:before, #jevents_body p span.ig-evfmonth:before{
  content:" - "
}
#jevents_body p.ig-evdesc {
    margin: 15px 0 20px;
}
#jevents_body #jev_maincal.jev_listview .jev_daysnames{
  	font-size: 24px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #999;
    padding: 6px 0px;
    background-color: #ededed;
}
#jevents_body #jev_maincal.jev_listview .jev_daysnames:after{
	content: "";
    border-bottom: 1px solid #c2c2c2;
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
div.ig-tooltip{
  padding:10px;
  background:#fff;
}
div.ig-tooltip h2.ig-evtitle a{
  color: #854faa;
}
.new-navigation .nav-items > div a {padding: 4px 12px 4px 12px;}
a.cal_daylink:link, a.cal_daylink:visited, a.cal_daylink:hover{color:#fff;}
#jevents_body .nav-items > div a:hover {
    border-left-width: 0 !important;
    color:#fff;
}
.nav-items > div:first-child a:hover {
    margin-left: 0px;
}
.astroid-component-section #jevents a:hover {
    border-bottom: 0px solid transparent;
}

/* END OF JEVENTS MONTHLY CALENDAR VIEW */
/* Upcoming Events */
.moduletable.news-mod{margin-bottom:30px;}
.moduletable.upcoming{
  margin-bottom:0px;
  padding:0;
}
.upcoming table.mod_events_latest_table{
  border-width:0px;
}
.upcoming table.mod_events_latest_table tr{
  margin:0 1.5%;
  border-radius:3px;
}
.upcoming table.mod_events_latest_table tr td{
  border-width:0;
  display:flex;
  padding:10px 20px;
}
.upcoming table.mod_events_latest_table tr td div.com_date{
  	width: 62px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-right: solid 1px black;
}
.upcoming table.mod_events_latest_table tr td div.com_date .com_month{font-size:1.1em;}
.upcoming table.mod_events_latest_table tr td div.com_date .com_day{font-size:2.0em;line-height:1.0em;}

.upcoming table.mod_events_latest_table tr td div.com_event{
    padding-left: 18px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.upcoming table.mod_events_latest_table tr td div.com_title{font-size:1.23em;font-weight:bold;}
.upcoming table.mod_events_latest_table tr td div.com_time{}
.upcoming h3.g-title{
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 8px;
    padding-top: 32px;
}
.upcoming .mod_events_latest_callink{
  	text-align: left;
    margin: 8px 0;
    padding: 0px !important;
    display: block;
}
.upcoming .mod_events_latest_callink a{
    text-transform: uppercase;
    font-size: 18px;
}
.upcoming .mod_events_latest_callink a:before{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f192";
  padding-right:5px;
  font-size:12px;
}
.upcoming .mod_events_latest_callink:hover{}
.upcoming .mod_events_latest_callink:hover a{
  
}
/** MEETINGS LIST **/
#jevents_body #jev_maincal.jev_listview .jev_daysnames{
    font-size: 20px;
    font-weight: normal;
    background-color: transparent;
    text-align: left;
    border-bottom: 1px solid #ededed;
    margin-bottom:6px;
}

#jevents .row.lh-meeting-list{margin-bottom:40px;}
.jev_listrow ul.ev_ul{padding:0 0 0 5px;}  
#jevents .jevbootstrap .pagination ul > li > a, #jevents .jevbootstrap .pagination ul > li > span,
#jevents .jevbootstrap .pagination ul > li > a:hover, #jevents .jevbootstrap .pagination ul > li > span:hover
{border-width:1px !important;}
.astroid-component-section #jevents a:hover{border:1px solid #ddd !important;}
.page-item.active .page-link{border-color: #ddd !important;}

.lh-meeting-list .calblock div{
  	display: block;
    width: 55px;
    height: 55px;
    background: #f3b22d;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
}
.lh-meeting-list .calblock div span:first-of-type{
  	display: block;
    line-height: 1;
    text-align: center;
    padding-top: 7px;
}
.lh-meeting-list .calblock div span:last-of-type{
  	text-align: center;
    display: block;
    line-height: 1;
}
.lh-meeting-list .meet-title{font-size:18px;}
.lh-meeting-list .meet-title a{font-weight:600;}
 .astroid-component-section #jevents .lh-meeting-list .meet-title a:hover,
.astroid-component-section #jevents .meet-docs a:hover{
	border-width:0 !important;
}
.lh-meeting-list .meet-date,
.lh-meeting-list .meet-loc{font-weight:600;}
.lh-meeting-list .meet-loc span{font-weight:normal;}
.lh-meeting-list .meet-docs span{padding:0 10px;}
.lh-meeting-list .meet-docs span .fa-arrow-alt-circle-down{color:rgb(0, 111, 60);}

/** End of MEETINGS LIST **/
/** MEETING DETAIL **/
.row.meet-detail{
  margin:0;
}
.row.meet-detail .meet-detail-date,
.row.meet-detail .overview{
    margin-bottom: 12px;
}
.row.meet-detail .meet-detail-date span:last-of-type{padding-left:8px;}
.row.meet-detail .meet-detail-date span{font-weight:600;}
.row.meet-detail .overview h3{font-size:18px;font-weight:600;}
.row.meet-detail .meet-detail-loc h4,
.row.meet-detail .meet-detail-pdf h4{font-size:18px;font-weight:600;margin-top:18px;}
.astroid-component-section #jevents a:hover {
    border: 0px solid transparent !important;
}
.row.meet-detail .meet-detail-pdf .fa-arrow-alt-circle-down{color:rgb(0, 111, 60);}
.row.meet-detail .meet-detail-contact div{
  	margin: 75px 16px;

    background: rgba(184, 219, 206, 0.4);
}
.row.meet-detail .meet-detail-contact div h4{
	padding: 10px 20px;
	background:rgb(0, 111, 60);
  	color:#fff;
}
.row.meet-detail .meet-detail-contact div p{padding: 10px 20px 20px;}
/** End of MEETING DETAIL **/
/** CALENDAR MODULE **/
#flatcal_minical{margin-top:40px;}
#flatcal_minical table.flatcal_main_t{width:100% !important;}
#flatcal_minical .flatcal_month_label{font-size:16px !important;;font-weight:600 !important;;}
#flatcal_minical TABLE.flatcal_weekdays td.flatcal_weekdays,
#flatcal_minical .flatcal_daycell, 
#flatcal_minical .flatcal_todaycell, 
#flatcal_minical .flatcal_sundaycell, 
#flatcal_minical .flatcal_othermonth,
#flatcal_minical .flatcal_daylink, 
#flatcal_minical .flatcal_sundaylink, 
#flatcal_minical .flatcal_busylink{
    font-size:14px !important;
  	width: 14.25%;
    height: 35px;
}
div.moduletable #flatcal_minical .flatcal_todaycell a {
    background-color: transparent !important;
    border-color: transparent !important;
  	color:#555 !important;
}
#flatcal_minical .flatcal_daylink, #flatcal_minical .flatcal_sundaylink, #flatcal_minical .flatcal_busylink{font-weight:normal !important;}
#flatcal_minical .flatcal_busylink:link, #flatcal_minical .flatcal_busylink:visited{
  	font-size: 1.3em !important;
    font-weight: 600 !important;
  	background:#f3b22d !important;
  	color:#fff !important;
    display:table-cell;
  	padding-top:3px;
}
.astroid-component-section #flatcal_minical a:hover{border-width:0;}
a.ev_link_row:link{
  font-size:16px;
  color:#333;
}
#jevents_header h1{
	font-size: 2em;
    font-weight: 600;
}

/** Waste Calendar **/
.waste-link-loc{
  padding:0 2px;
  line-height:1.0;
}
.waste-link-loc a{font-size:14px !important;}
.waste-times{
  line-height:1.0;
  font-size:13px !important;
}

/** DROP DOWN CATEGORIES **/
div#jevcatbar li{
  height:40px;
}
div#jevcatbar li.level1 {
    border: solid 1px #e3e3e3;
    background-color: #f3b22d !important;
}
div#jevcatbar a.level1, div#jevcatbar a.level1:visited, div#jevcatbar span.level1{
  font-size:16px;
}
div#jevcatbar li.level1 a.active, div#jevcatbar li.level1 a{
  color:#333 !important;
}
div#jevcatbar li.level1 li.level2{
  border-bottom:1px solid #ddd;
  height:28px;
}
div#jevcatbar li.level1 span{border-width:0;padding-left:0;}
div#jevcatbar li.level1 li.level2 span{border-width:0px 0px 0px 3px;padding-left:5px;}
div#jevcatbar li.level1 li.level2 a{
  color:#444 !important;
	font-size:14px;
	font-weight:300;
}
div#jevcatbar li.level1 li.level2 a.active{font-weight:bold;color:#333;}
div#jevcatbar ul.catmenu ul{top:40px;}
h3.jev-mod-bar{font-size:16px;font-weight:bold;}

#jevents_body div.jevblocks1 div.eventfull.hazard,
#jevents_body div.jevblocks2 div.eventfull.hazard,
#jevents_body div.jevblocks3 div.eventfull.hazard,
#jevents_body div.jevblocks4 div.eventfull.hazard,
#jevents_body div.jevblocks5 div.eventfull.hazard,
#jevents_body div.jevblocks6 div.eventfull.hazard,
#jevents_body div.jevblocks7 div.eventfull.hazard{
    background-color: #008858 !important;
}
#jevents_body div.jevblocks1 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks1 div.eventfull.hazard .waste-times,
#jevents_body div.jevblocks2 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks2 div.eventfull.hazard .waste-times,
#jevents_body div.jevblocks3 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks3 div.eventfull.hazard .waste-times,
#jevents_body div.jevblocks4 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks4 div.eventfull.hazard .waste-times,
#jevents_body div.jevblocks5 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks5 div.eventfull.hazard .waste-times,
#jevents_body div.jevblocks6 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks6 div.eventfull.hazard .waste-times,
#jevents_body div.jevblocks7 div.eventfull.hazard .waste-link-loc,
#jevents_body div.jevblocks7 div.eventfull.hazard .waste-times{
  color:#fff;
  padding:5px;
}
.meet-video a{font-weight:normal !important;}

/** SUBMIT AN EVENT **/
#top-head .ys-gsl-action-buttons .gsl-navbar-left .btn-wrapper span.icon-save,
#top-head .ys-gsl-action-buttons .gsl-navbar-left .btn-wrapper span.icon-cancel, 
#toolbar.btn-toolbar .btn-wrapper span.icon-save,
#toolbar.btn-toolbar .btn-wrapper span.icon-cancel
{
    width: 200px;
}