/*The body makes a new top margin to compensate for the fixed header space.*/
body {*/margin-top: 350px !important;*/}
h1 {margin-bottom: 0.5em !important;}
h2,h3,h4 {margin-bottom: 0.3em !important;}
p {padding-bottom: 0.5em;}

/*Creates a shadow effect for body links on a white background for easier visibility.*/
.sub-link {text-shadow: -1px -1px 0 #182045, 1px -1px 0 #182045, -1px 1px 0 #182045, 1px 1px 0 #182045;}

/*Creates space between the flag icons in the language switcher module.*/
.ba-language-switcher-item {margin: 4px;}

/*Apple active colour to the accordion while the remainder headers are white in colour.*/
/*.accordion-heading {background-color: #ffffff !important;}*/

/*---------------------History/Timeline PAGE----------------------*/
.timeline-title {text-align: center; font-size: 1.5em; margin-bottom: 15px;}
.timeline-marker {display: none;}
.timeline-content {
  background-color: var(--bg-primary) !important;
  border-color: var(--primary); 
  border-width: 2px; 
  border-style: solid;
  width: calc(66% - 50px) !important;
}
.image-caption {
font-style: italic;
}
hr {border-color: var(--border);}
ul.nav-tabs li.active {background-color: var(--hover);}

/*-------------HOME PAGE - iCAGENDA CALENDAR--------------*/
/* Change size of calendar and space between the days.*/
.ic-table {height: 400px !important;}
.iccalendar table td div {padding: 6px !important;}

/*Change background colour of events.*/
.ic-dark:hover {background: #e0a633 !important;}

/*Change text size of calendar.*/
@media only screen and (min-width: 1250px) {
.titleic {font-size: 26px !important;}
.iccalendar table th {font-size: 20px !important; padding-top: 4px !important;}
.iccalendar table td div {font-size: 18px !important;}
.backic {font-size: 20px !important;} .backicY {font-size: 18px !important;} 
.nextic {font-size: 20px !important;} .nexticY {font-size: 18px !important;} 
}

/*Changes to the popup description.*/
.ictip-event-title {font-size: 18px !important;}

/*-------------EVENTS PAGE--------------*/
/*Change background colour of event list cards.*/
.icrounded_eventlist {background-color: rgba(24, 32, 69, 0.05) !important; padding: 0px; padding-bottom: 250px !important; border: 0px solid; border-color: rgba(24, 32, 69, 0.4) !important;}
.icrounded_eventlist:hover {background-color: rgba(227, 170, 84) !important; border: 0px solid; border-color: rgba(24, 32, 69, 0.4) !important;}

/*Change date box colour.*/
.ic-date-img-box {background-color: rgba(24, 32, 69) !important; color: #ffffff !important;}

/*Change font size and spacing of text in event boxes.*/
.icrounded_eventlist .iceventlist-title {line-height: 25px !important;}
.icrounded_eventlist .iceventlist-venue {line-height: 25px !important;}
.iceventlist-title {font-size: 24px !important; padding-top: 5px !important;}
.iceventlist-venue {padding-top: 35px; font-size: 20px !important;}
.ic-datetime-div {font-size: 20px !important;}
.iceventlist-desc {padding-top: 10px; font-size: 18px !important;}

/*-------------Single Event Page--------------*/
/*Change background colour of the info box.*/
.ic-info {background-color: rgba(24, 32, 69, 0.05) !important; border: 2px solid; border-color: rgba(24, 32, 69) !important;}
.ic-info:hover {background-color: rgba(227, 170, 84, 0.05) !important; border: 2px solid; border-color: rgba(227, 170, 84, 0.5) !important;}

/*Change "back" button attributes.*/
.small {font-size: 18px !important;}
.small:hover {color: #09402C !important;}

/*Change font sizes for mobile view.*/
@media only screen and (max-width: 700px) {
  .ic-label {font-size: 16px !important;}
  .ic-value {font-size: 16px !important;}
  .ic-info-tickets {font-size: 16px !important;}
}

/*Modify look of "Edit" area for the admin.*/
.alert-info {background-color: rgba(9, 64, 44, 0) !important; border-radius: 6px;}
.alert-info {color: #03140e;}
.alert-info h4 {color: #03140e;}
.icon.icon-options.ic-float-left.m-1.fs-1 {display: none !important;}

/*Modify the event header to be given the theme colours of the site and white text.*/
.event-header {border: solid 3px #e3aa54 !important; background-color: #09402C !important;}
.event-header h1 {color: #ffffff; position: center !important;}
.title-cat.ic-title-cat.ic-float-right.ic-details-cat {color: #ffffff !important; padding-top: 5px !important; display: none;}
.scholarships_row2 {text-align: center !important;}
.scholarships_row2 .ba-feature-box-wrapper{display: block;}

.accordion-group {
border-style: solid !important;
border-width: 1px 1px 0px 1px !important;
border-color: rgba(24, 32, 69, .0) !important; 
}
.accordion-toggle.active {
background-color: var(--hover);
border-style: solid !important;
border-width: 1px 1px 0px 1px !important;
border-color: rgba(24, 32, 69, .5) !important;
}
.accordion-heading > a > span + i {
	font-size: 2rem !important;
  font-weight: bold;
}
.accordion-inner {
border-style: solid !important;
border-width: 0px 1px 1px 1px !important;
border-color: rgba(24, 32, 69, .5) !important;
}
/* --- Map Search --- */
body.region-page .body {margin-top: 40px;}
body.region-page #filter_catid {
margin-top: 0px !important; 
height: 52px; 
border: 1px solid var(--primary) !important;
}
body.region-page #country_list {
vertical-align: top; 
height: 52px; 
border: 1px solid var(--primary) !important;
}
body.region-page .add-on-geolocation {
vertical-align: top; 
height: 52px; 
border: 1px solid var(--primary) !important;
}
body.region-page #jform_tags {
height: 52px; 
width: 355px;
}
.mmlsearch .mmldir-search-fields-form-elem input,select {
border: 1px solid var(--primary) !important;
}
body.region-page button.mymap {
background-color: var(--primary); 
color: var(--bg-primary) !important; 
height: 52px !important; 
}
body.region-page button.mymap:hover{
background-color: var(--primary) !important; 
color: var(--secondary) !important;
}