
/***Custom CSS for meetings listings and pages /*********************************************************************************************
/****Meetings listings pages*****/
/******CUSTOMISE COLOURS IN DASHBOARD> EVENTS > SETTINGS***/

/****Hide the events legend on category pages****/
.events-category-dorchester .teccc-legend, .events-category-bournemouth .teccc-legend, events-category-poole .teccc-legend {
    display: none !important;
}

/***display legend box with correct size and with flex layout***/
#legend_box {
    font-size: 1rem !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center;
    display: block;
   
    margin: 0px auto;
     width: 70%;
}

#tribe-events ul#legend {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
     flex-wrap: wrap;
   
    
}
#tribe-events #legend li {
    flex: 1 1 45%;
    margin: 5px;
}

/***Make events titles full width**/
.tribe-events-list-event-title {
    width: 100%;
    display: block;
    padding: 10px 0px 10px 10px
}

.tribe-event-schedule-details {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px
}
/******COLOURED LISTINGS****/

/*****Enforce white font colour for listings except poole which has a yellow background**/
.tribe-events-category-dorchester .tribe-events-list-event-title a, 
.tribe-events-category-online .tribe-events-list-event-title a,
.tribe-events-category-bournemouth  .tribe-events-list-event-title a
{
    color: #ffffff !important;
    padding: 10px 0px
}

/****Control font size in list*****/
.tribe-events-list-event-title {
    font-size: 1.4rem !important;
}

.tribe-events-category-dorchester .tribe-event-schedule-details, .tribe-events-category-dorchester a, .tribe_events_cat-dorchester a {
    color: #068062;
} .tribe-events-category-bournemouth .tribe-event-schedule-details, .tribe-events-category-bournemouth a  {
    color: #435e81;
}
.tribe-events-category-poole .tribe-event-schedule-details, .tribe-events-category-poole a, .tribe_events_cat-poole a {
    color: #c57900;
}

.tribe-events-category-online .tribe-event-schedule-details, .tribe-events-category-online a, .tribe_events_cat-online a {
    color: #b81433;
}
/****hide recurring info on listings page***/
.tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo  {
    display: none !important;
}

.tribe-block__events-link .tribe-block__btn--link a {
    color: #6aa950
}
/******LISTNGS PAGE MOBILE****/

@media only screen and (max-width: 768px) {
    
    /***moves the title over the image on mobile***/

.tribe-is-responsive.tribe-mobile .tribe-events-page-title {
    margin-top: -100px !important;
}
/***category filters are hidden under other filters increase margin to show them.*/
   .teccc-legend {
    margin-top: 70px !important;
    }   
/***show category filters as a column**/
    #tribe-events ul#legend {
        flex-direction: column;
    }
}	
/***make main image smaller***/
.post-type-archive-tribe_events .big-leader {
    height: 150px !important;
}

/******Events formatting********/

#tribe-events-pg-template, .tribe-events-pg-template {
    
    max-width: 950px !important;
}
.tribe-events-page-title {
    margin-top: -50px;
    color: #fff;
}

/****Margin under programme layout elements******/
.tribe-block {
	margin-bottom: 10px !important;
}

.single-tribe_events .tribe-events-schedule {
   
    border: 1px solid #ccc
    margin: 18px 0 8px;
    padding: 12px;
}

.tribe_events_cat-poole .tribe-events-schedule {
    background-color: #fcf2a8;
    color: #000
}

.tribe_events_cat-bournemouth .tribe-events-schedule {
    background-color: #435e81;
    color: white
}

.tribe_events_cat-dorchester .tribe-events-schedule {
    background-color: #068662;
    color: white
}

.tribe_events_cat-dorchester .tribe-events-schedule {
    background-color: #b81433;
    color: white
}
/******Directions pages******/
.tribe-venue-description .directions div {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: nowrap;
 width: 100%;
 margin-bottom: 10px;
}



 .tribe-venue-description .directions div p{
        margin-right: 15px ;
        flex: 2
    }
.tribe-venue-description .directions div img{align-self: flex-end;
    min-width: 300px;
    margin-left: auto;
}
.tribe-venue-description .directions div span {
   font-weight: bold;
   font-size: 3em;
    padding-right: 10px;
   }
.tribe-venue-description .bournemouth-meetings div span{
color: #2c4622;
}
.tribe-venue-description .bournemouth-meetings h2 {width: 100%;
background-color: #435e81;
padding: 10px 5px; 
color: #fff;
font-size:1.6em !important; }

.tribe-venue-description .directions h3 {
    font-size: 1.6em !important;
    padding-top: 10px;
}
.tribe-venue-description .directions h4 {
    font-size: 1.2em !important;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.tribe-venue-description .bournemouth-meetings h3 {
    color: #435e81 !important;
    border-top: 1px solid #435e81;
    width: 100%;
}
.tribe-venue-description .bournemouth-meetings ul.bullet li:before {
    color: #435e81;
}

.tribe-venue-description {margin-bottom: 70px !important}

/***Hide h1 as shown over header image***/
.tribe-events-venue h1.tribe-venue-name {display: none}

.tribe-events-venue .tribe-events-address {font-style:normal !important;
font-size: 1.2em !important}

@media only screen and (max-width: 768px) {
    .tribe-venue-description .directions div {
        flex-wrap: wrap;
        flex-direction:column;
        border-bottom: 1px #ccc solid
    }
    
    
    .tribe-venue-description .directions div p{
        margin-right: 0px ;
        flex: 2
    }
    
    .tribe-venue-description .directions div span {
  display: none;        
   }
    
    .tribe-venue-description .directions div img{align-self: flex-end;
     
    margin-left: auto;
         margin: 0px auto 20px
}
}

