/*Theme Name: BOC OUTReach*/

/* calendar widget */
#secondary {
	display:inline-block;
	width:100%;
}
#secondary ul.xoxo {list-style:none;}
#calendar_wrap .wp-calendar-nav, .widget_calendar .widget-title  { display:none;}
.widget_calendar {float: left; width:100%;list-style: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption {
    text-align: right;
    color: #333;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th {
    padding-bottom: 10px;
    font-size: 12px;
    text-align: center;
}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;color: #747474;}
#wp-calendar tbody td:hover { background: #e0f6ff;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tbody #today {
    background: #0098db;
    color: #fff;
}
#wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {
    background: #e0f6ff;
}
#calendar_wrap .month-cal-anchor:hover {
	text-decoration: none;
}
/*calendar css main custom*/
.tribe-events-l-container {
    padding: 0 !important;
    margin: 0px 0 30px 0 !important;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: transparent;
    box-shadow: none;
}
.tribe-common .tribe-common-l-container {
	max-width:100% !important;
}
.tribe-events .tribe-events-c-search__button {
    background-color: #c35353 !important;
    background-color: #c35353 !important;
}
.tribe-common .tribe-common-h3 {
    color: #0098db !important;
}
.tribe-events .tribe-events-c-ical__link, .tribe-events .tribe-events-c-ical__link:visited {
    border: 1px solid #0098db !important;
    color: #0098db !important;
}
.tribe-common .tribe-common-c-svgicon {
    color: #0098db !important;
}
.tribe-events .tribe-events-c-ical__link:focus,.tribe-events .tribe-events-c-ical__link:hover{background-color:#0098db !important;color:#fff !important;}
.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: #e3e3e3 !important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
    font-size: 17px !important;
}
.tribe-events .tribe-events-calendar-month__day-date-daynum {
    font-size: 17px !important;
}
.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
    background: #7a7a7a !important;
}
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #0098db !important;
}
.tribe-events-calendar-month__day {
    border-color: #e4e4e4 !important;
    border-style: solid !important;
    /*border-width: 1px 1px 1px 1px !important;*/
	border-radius: 0 !important;
}
.tribe-events-promo {
	display:none;
}
.tribe-events .tribe-events-calendar-month {
    margin-bottom: 0 !important;
}
.tribe-common * {
    font-family: 'Open Sans', sans-serif !important;
}
.tribe-common .tribe-common-h--alt, .tribe-common .tribe-common-h4 {
    font-weight: 500 !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title-desktop {
    font-weight: 700 !important;
    font-size: 14px !important;
	color:#606060;
}
.tribe-events .tribe-events-calendar-month__header-column-title {
    font-weight: 700 !important;
    font-size: 14px !important;
}
/*event upcoming color bg change if it will chnage then past event bg also change*/
/*.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: rgb(195 84 84 / 40%);
}*/
.tribe-events-header {
	display:none !important;
}
.cal-arrow-month-view {
    font-size: 20px;
    font-weight: 600;
}
.cal-arrow-month-view a {
    background: #e9e9e9;
    color: #000000;
    padding: 0px 10px;
    border-radius: 3px;
}
.cal-arrow-month-view a:hover {
	background: #008ecd;color: #fff;
}
.cal-arrow-month-view span, .exhibition-event-pro-view {
	color:#010101;
}
.exhibition-event-pro-view span {
    width: 20px;
	margin-right:3px;
    height: 20px;
    border-radius: 3px;
    float: left;
}
.exhibition-view-event, .event-view-event, .program-view-event {
	display:inline-block;
}
.exhibition-event-pro-view {
	display:inline-block;
	width:100%;
}
.exhibition-event-pro-view  ul {list-style:none; margin-bottom:0;}
.exhibition-event-pro-view  ul li {border-bottom: dotted 1px #abe1f9;margin-bottom: 10px;padding-bottom: 10px;}
.exhibition-event-pro-view  ul li .fa {margin-top: 7px;color: #939393;}
.exhibition-view-event span {
	background: #fd7e14;
}
.event-view-event span {
	background: #007bff;
}
.program-view-event span {
	background: #8dc153;
}
.exhibition-view-cal {
    width: 10px;
    height: 10px;
    background: #fd7e14;
    position: absolute;
    left: 4px;
    top: 4px;
}
.event-event {
    width: 10px;
    height: 10px;
    background: #007bff;
    position: absolute;
    left: 4px;
    top: 4px;
}
.program-event {
    width: 10px;
    height: 10px;
    background: #8dc153;
    position: absolute;
    left: 4px;
    top: 4px;
}
.tribe-events .tribe-events-l-container {
    min-height: 300px !important;
}
.tribe-events-calendar-month__calendar-event-datetime {
	 
} 
.tribe-events-single-event-title {
    font-size: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    margin-top: 15px;
}
.tribe-events .tribe-events-calendar-month__header-column {
    text-transform: uppercase;
    background: #ebebeb;
    padding: 10px 10px 10px 15px;
    border: solid 1px #e1e1e1;
}
.tribe-events-event-meta dt {
    display: inline-block; 
}
.tribe-events-event-meta dd, .tribe-events-event-meta dt {
    display: inline-block;
	width: 16%;
}
.tribe-events-calendar-month__day:hover {
	background:#ccc;
}
.tribe-events-calendar-month__day:hover {
    background: #e0f6ff;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: rgb(66 103 178); 
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner h3 { 
    color: #ffffff; 
}
.tribe-events-calendar-month__day--current, .tribe-events-calendar-month__day--current:hover {
	background: #0198db;
}
.tribe-events-calendar-month__day--current .tribe-common-anchor-thin, 
.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {color:#fff !important;}

.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {color:#fff;}
.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-featured-icon, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-title {
    opacity: 1;
}
.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: rgb(20 24 39 / 45%);
}
.create_event_btn .btn {background: #ff9800;color: #fff;padding: 6px 20px;border-radius: 25px;font-size: .875rem;}
.cal-arrow-month-view a:hover {text-decoration:none;}
.tribe-events-calendar-list__event-date-tag-weekday {background: #0198db;color: #fff !important;padding: 6px 0 !important;border-top-left-radius: 3px;
    border-top-right-radius: 3px;}
.tribe-events-calendar-list__event-date-tag-daynum {
    background: #e3e3e3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 19px !important;
    padding: 6px 0 !important;
}
/*.tribe-events .tribe-events-calendar-month__multiday-event--width-5 .tribe-events-calendar-month__multiday-event-bar {
    width: calc(100% + 0px);
}*/

@media (max-width: 768px) { 
	.exhibition-event-pro-view {
		float: none;
		margin-top: 18px;
	}
	.tribe-events-event-meta dd, .tribe-events-event-meta dt { 
		width: 49%;
	}
	.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
		color: #000;
	}
	.cal-arrow-month-view, .day_week_month_btn {margin-bottom: 10px;display: inline-block;width: 100%;}
}
/*ipad css portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
	.tribe-events-event-meta dd, .tribe-events-event-meta dt { 
		width: 24%;
	}
}
#wpsvccount {
    color: #ff9f19;
    font-size: 13px;
}
.wps_visitor_title {
    color: #d5d5d5 !important;
    display: block;
    font-size: 11px !important;
    margin-bottom: 4px !important;
}
#mvcwid { 
    padding: 0 !important;
}
/*New Event Calendar css on 25/05/22*/
.hentry {display: inline-block; width: 100%;}
.entry-title {
    position: relative;
    font-size: 16px;
    padding: 0 0 5px;
    border-bottom: 2px solid #e7f0f6;
    margin-bottom: 20px;
}
.mec-search-reset-button {display: none;}
.mec-there-reset-button .mec-totalcal-box {
    padding: 0 !important;
}
.mec-there-labels .mec-totalcal-view {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected { 
    background: #0095d7 !important;
    border-color: #0096d8 !important;
}

.mec-calendar .mec-selected-day, .mec-calendar .mec-selected-day:hover {
    background: #0098db !important;
}
.mec-calendar .mec-calendar-events-side .mec-table-side-day { 
    border: 1px solid #0094d6 !important;
}
.mec-month-divider span:before {
    border-bottom: 4px solid #0098db !important; 
}
.mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover, 
.mec-color, .mec-color-before :before, .mec-color-hover:hover, 
.mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover {
    color: #0096d8 !important; 
}
.mec-event-sharing-wrap:hover>li { 
    background-color: #0096d8 !important; 
}
.mec-calendar .mec-calendar-row dt.mec-has-event:hover {
    background: #8b999f !important; 
}
.mec-calendar .mec-has-event:after {
    background-color: #0098db !important; 
}
.mec-calendar .mec-event-article .mec-event-title {
    padding: 5px !important;
    background: #d6ebf5 !important;
    position: relative;
    margin: 0 !important;
    border-bottom: solid 1px #afd4e5;
}
.mec-calendar .mec-event-article .mec-event-title a { 
    color: #000 !important;
}
.mec-calendar .mec-event-article .mec-event-time {
    background: #d6ebf5;
    position: relative;
    padding: 8px;
    color: #000 !important;
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #afd4e5;
}
.mec-event-detail {
    background: #d6ebf5;
    position: relative;
    color: #000 !important;
    padding: 3px;
    border-bottom: solid 1px #d6ebf5;
}
.mec-tab-loader .mec-totalcal-view span.mec-totalcalview-selected:hover {color: #fff !important;}
/*name place date adjustment */
.mec-calendar .mec-event-article .mec-event-image { 
    margin-right: 0;
    width: 100%; 
}
.mec-calendar .mec-event-article {
    border: solid 1px #e8e8e8 !important;
    margin-bottom: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    /*box-shadow: 0px 0px 15px #cccccca8; */
}
.mec-month-divider { 
    margin: 15px 0 15px 0 !important;
}
.mec-wrap .mec-totalcal-box {
    margin: 0 0 20px 0 !important;
	background: #f6f6f6 !important;
}
.mec-event-list-standard .mec-event-article {
    border: 1px solid #dfdfdf !important;
    background: #f6f6f6;
}
.mec-event-footer { 
    border-top: 1px solid #afd4e5 !important;
    background: #d6ebf5 !important;
    display: none;
}
.mec-event-footer .mec-booking-button { 
    background: #0097da !important;
    color: #ffffff !important;
    border: 1px solid #0086c1 !important;
}
.mec-event-sharing-wrap>li:first-of-type {
    border: 1px solid #0086c1 !important;
    background: #0097da !important;
}
.mec-event-sharing-wrap li a { 
    color: #FFFFFF !important;
}
.mec-event-sharing-wrap:hover li ul li a {
    color: #5b5b5b !important;
}
.mec-calendar.mec-calendar-daily .mec-calendar-day-events .mec-event-article {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #f6f6f6;
}
.mec-calendar.mec-calendar-daily .mec-calendar-d-top h2, .mec-calendar.mec-calendar-daily .mec-calendar-d-top h3 { 
    color: #444 !important;
}
.mec-calendar .mec-event-article .mec-event-image { 
    width: 100% !important; 
    text-align: center;
}
.mec-weekly-view-date-events  .mec-event-article .mec-event-image {
	text-align:left;
	width: 65px !important; 
}
.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
    border: solid 1px #0097d9;
    border-radius: 3px;
    margin: 15px;
    background: #0097d9;
    color: #fff !important;padding-top: 0 !important;
}
.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
    background: #fff;
    color: #000;
    font-size: 22px !important;
    padding: 4px 0px;
    margin: 0 0 5px 0 !important;
}
.mec-calendar.mec-calendar-daily .mec-calendar-a-month { 
    background-color: #f6f6f6 !important; 
}
.mec-calendar.mec-calendar-daily .mec-calendar-d-top { 
    background-color: #f8f8f8 !important;
}
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a, .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt {
    background: #f8f8f8 !important;
}
.mec-event-time {
	visibility:hidden !important;
    /*display: none !important;
    display: inline-block !important;
    width: 100% !important;*/
}
.mec-time-details {
	display:none !important;
}
.mec-calendar .mec-event-article .mec-event-image { 
    margin-bottom: -25px !important;
}
.mec-totalcal-view {
    width: 100%;
    margin: 0 0 15px 0 !important;
    padding: 0;
}
.mec-tab-loader {
    padding: 0 !important;
}
.mec-wrap .mec-totalcal-box {
    box-shadow: none !important;
    border: none !important;
    min-height: 15px !important;
}
.mec-wrap .mec-totalcal-box .mec-totalcal-view span { 
    width: 25% !important;
    text-align: center !important;
}
.mec-checkboxes-search .mec-searchbar-category-wrap, .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box select {
    background: #e9f4f9 !important;
    border: 1px solid #c2e7f7 !important;
    font-weight: 700 !important;
    color: #12688f !important;
}
.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected {
    color: #fff !important; 
}
.mec-totalcal-monthlyview {
	margin-left:0 !important
}
/*27/06/22 custom left pnl calendar css*/
.custom-left-pnl-cal .mec-calendar .mec-calendar-topsec {
	display:flex;
}
.custom-left-pnl-cal .mec-calendar .mec-calendar-events-side, .custom-left-pnl-cal .mec-search-form, 
.custom-left-pnl-cal .mec-next-month, .custom-left-pnl-cal .mec-previous-month {
    display: none; 
}
.custom-left-pnl-cal .mec-calendar .mec-calendar-side { 
    padding: 10px; 
}
.custom-left-pnl-cal  .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-header {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 5px;
}
.custom-left-pnl-cal .mec-calendar .mec-calendar-header h2 { 
    font-size: 17px; 
}
.custom-left-pnl-cal .mec-calendar .mec-calendar-table-head dt { 
    font-size: 13px;
}
.custom-left-pnl-cal .mec-calendar dt { 
    font-size: 14px; 
    font-weight: 500;
}
.custom-left-pnl-cal .mec-calendar dt {
    background: #f6f6f6;
}
.custom-left-pnl-cal .mec-calendar .mec-calendar-topsec { 
    background: #f6f6f6;
}
.mec-event-list-standard .mec-event-title {
	font-size: 22px !important;
}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) dt {
    width: 30px;
    height: 43px;
    line-height: 43px;
}
.mec-calendar dl {width:100%;}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side {
    width: 100%;
}
.mec-calendar-side .mec-calendar-table {
    min-height: 301px;
}
.mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-header { 
    width: 100%; 
}