/* Add half height spacing below each paragraph */
p {padding-bottom: 0.5em;}
hr {border-color: #010a07 !important;}

/*Give the body a margin to compensate for the header's scrolling position.*/
.body {margin-top: 135px !important;}

/*Give the noticeboard intro text a maximum height limit.*/
.ba-blog-post-intro-wrapper {max-height: 50px;}

/*Change page headings on iCagenda pages to Gridbox theme colors and borders.*/
.page-header {background-color: #09402C; border-bottom: 4px solid #e3aa54; padding-top: 8px;}
.page-header h1 {color: #ffffff;}

/*Enable all icons.*/
button [class*="icon"] {
  display: flex !important;
}
button [class="icon-calendar"] {
  margin-right:0px !important;
  width: auto !important;
}
/*Turn off edit button icon.*/
button [class*="icon-edit"] {
  display: none !important;
}
/*Turn off Save/Cancel button icons.*/
button [class*="icon-cancel"] {
  display: none !important;
}
button [class*="icon-ok"] {
  display: none !important;
}
/*Turn off Toggle Editor button icons.*/
button [class*="icon-eye"] {
  float:right !important;
  /* display: none !important;*/
}
/*Turn off Register for Event button icons.*/
button [class*="iCicon-register"] {
  display: none !important;
} 
/*Turn off People Registered button icons.*/
button [class*="iCicon-people"] {
  display: none !important;
}
/*Turn off Add Date button icons.*/
button [class*="icon-plus"] {
  display: none !important;
}

/*On the "Events" page, change the search button's height and alignment with its icon.*/
.ic-filter-submit-btn {display: flex !important;}
.iCicon-search {width: 40%; height: 30px; align-items: center; justify-content: end; margin-right: 5px;}

/*Disable the category field on the HYS form. */
/* This will only be applied to the HYS form. */
div.ba-submission-form-wrapper[data-id="9"] > div[data-id="categoryX"] { 
  display: none !important; 
}

/*-------------Calendar Functions--------------*/
/*Change calendar table height.*/
.ic-table {height: 400px !important;}

/*Change the calendar's box sizing.*/
.iccalendar table td div {padding: 0px !important; margin: 2px !important; font-size: 18px !important;}
.style_Today {margin: 8px !important;}

/*Change calendar title and day font size.*/
@media only screen and (min-width: 1250px) {
 .titleic {font-size: 32px !important;}
}
.iccalendar th {font-size: 20px !important;}
.iccalendar div {margin-bottom: 8px !important;}

/*Format the tootip/pop-up when opening an event in the calendar.*/
.ictip-info {border: 1px solid #09402C !important; border-radius: 3px;}
.ictip-desc {margin-bottom: 10px;}
.linkTo {padding: 5px !important;}
.linkTo:hover {background-color: rgba(227,170,84, 0.4) !important; padding: 5px !important;}
@media only screen and (min-width: 1250px) {
	.icicon {font-size: 24px;}
}
.icevent {padding: 0px !important;}

/* Calendar Day Cell padding */
.iccalendar table td .icevent a {padding: 10px 0;}

/*Increase arrow size.*/
#ic-prev-year {font-size: 24px !important;}
#ic-prev-month {font-size: 24px !important;}
#ic-next-year {font-size: 24px !important;}
#ic-next-month {font-size: 24px !important;}

.iceventlist-venue::before{content: "Where: ";}
.iceventlist-venue{font-weight:bold;}
.ic-datetime-div {margin-left: 40px !important; font-weight:bold;}

.ictip-img{display:none;}
.ictip-time::before{content: "Time: ";}
.ictip-time{padding-left:0px !important;font-size: 14px !important;}
.ictip-location::before{content: "Where: ";}
.ictip-location{padding-left:0px !important;font-size: 14px !important;}
.ictip-desc{font-size: 14px !important;}

/*-------------Event List Functions--------------*/
/*Change header text "Event By List" to display background and border colors.*/
.ic-header-text {margin-bottom: 50px; background-color: #09402C; padding-bottom: 15px; padding-top: 15px; border-bottom: 3px solid #e3aa54 !important;}

/*Add event border.*/
.default_eventlist hr {border-bottom: 2px solid #e3aa54;}
/*Increase font size of event titles.*/
@media only screen and (min-width: 1250px) {
	.ic-block {font-size: 20px !important;}
}
.iceventlist-title a:hover {color: #09402C !important;}
/*Increase font size of event */
@media only screen and (min-width: 1250px) {
	.iceventlist-desc {font-size: 16px !important;}
}
/*Change sizing of the date box.*/
.ic-date-div {padding: 15px;height:auto !important;}
.ic-day {font-size: 20px !important; margin: 4px 0 0 0; line-height: 22px !important;}
.ic-month {font-size: 20px !important; /*margin:10px 0 0px 0;*/}
.ic-year {margin-bottom: 3px !important;}
.default_eventlist .ic-month {line-height: 28px !important;}

/*Change display in event details.*/
.ic-box-date {padding: 5px !important; width: 8%;}
.ic-box-date:hover {border-radius: .5rem;}

/*Change the mobile version of the events page.*/
/*Phone Portrait mode settings for the iCagenda event page.*/
@media only screen and (max-width: 431px) {
  .ic-next-text {margin-top: 10px;}
}

@media only screen and (max-width: 700px) {
  /*Change the date box to be smaller and wide.*/
  .ic-box-date {width: 15%; padding: 5px;}
  /*Change font sizes.*/
  .ic-header-title {font-size: 32px !important;}
  .ic-descshort {font-size: 14px;}
  .ic-list-event {margin-bottom: 10px; margin-top: 10px;}
  .ic-box-date {width: 95%; margin-bottom: 15px; display: none !important;}
  /*.ic-day {margin-bottom: 4px;} .ic-month {margin-bottom: 5px !important;}*/
}

.ic-year {font-size: 20px !important;}
.ic-title-cat-btn {display: none;}
.ic-text-decoration-none {color: #09402c;} .ic-text-decoration-none:hover {color: #e3aa54;}
.ic-content {width: 90%;}
.ic-title-header {width: auto;}
.ic-single-starttime {font-size: 1em; padding-left: 12px;}
.ic-single-datetime-seperator {font-size: 1em;}
.ic-single-endtime {font-size: 1em;}
.ic-next-date {font-size: 18px !important;}
/*Disable the blue cog icon on the events page.*/
.fs-4 {display: none !important;}

/*Modify the design of the pagination on the events page.*/
.ic-next-text {font-size: 18px;}
.ic-prev-text {font-size: 18px;}
.ic-btn:first-child {padding-bottom: 6px; padding-top: 6px; padding-left: 15px; padding-right: 15px; border-radius: 0px; font-size: 14px;}
.ic-more-info {display: none;}
.ic-manager-toolbar {display: flex; justify-content: right;}

/*Modify Search Fields at top of body.*/
/*Give search and reset buttons different colors.*/
.ic-filter-submit-btn {background-color: #09402C; border: 3px solid #e3aa54;}
.ic-filter-submit-btn:hover {background-color: #e3aa54; border: 3px solid #e3aa54;}
.ic-filter-reset-btn {border: 2px solid rgba(9, 64, 44, 0.3); display: none;}

/*Modify search fields to have borders when highlighted.*/
input[type="search"] {border: 1px solid #09402c;}
input[type="search"]:hover {border: 1px solid #e3aa54;}
input[type="text"] {border: 1px solid #09402c;}
input[type="text"]:hover {border: 1px solid #e3aa54;}

/*Change background area color.*/
.ic-filters {background-color: rgba(9, 64, 44, 0.1) !important; margin-top: 20px; margin-bottom: 25px;}

/*Edit the header text.*/
.ic-header-title {background-color: #09402C; padding: 15px; color: #ffffff; border-bottom: 4px solid #e3aa54; margin-bottom: 35px;}

/*-------------Single Event Page--------------*/
/*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;}

/*Modify the color and borders of the main information box for events on the single view pages.*/
.icinfo {background: rgba(9, 64, 44, 0.1); border: solid 2px #09402C !important;}
.ic-detail-desc p {color: #03140e !important;}
.ic-info-box-header {background-color: #09402C !important;}
.ic-info-box {border: 2px solid #09402C !important; background-color: white !important;}

/*Modify "List of Participants" box color and border.*/
.ic-participants {background: rgba(9, 64, 44, 0.1); border: solid 2px #09402C}

/*Place margin to seperate the two buttons of register and deadline above the event description*/
.btn-outline-success{margin-top: 6px !important;}

/*-------------Category Event Page--------------*/
/*Modify the event box on the category page.*/
.ic-list-event {border: solid 2px #09402C !important; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 0px;}

/*Modify numbered page button's color and text.*/
.ic-btn {background-color: #09402C !important; color: white !important;}
.ic-active {background-color: #e3aa54 !important; background-image: none !important; color: #03140e !important;}
/*.ic-day {font-size: 24px;}

/*Increase font size and hover color of event text and box.*/
@media only screen and (min-width: 1250px) {
	.place.ic-place {font-size: 16px !important;}
}
@media only screen and (min-width: 1250px) {
  .descshort.ic-descshort {font-size: 18px !important;}
}
.ic-box-date:hover {background-color: rgba(227,170,84) !important;}

/*-------------Register for Event Page--------------*/
/**/
#jform_people-lbl {padding-right: 40px !important;}

/*Change the header color and border.*/
.ic-form-title {background-color: #09402C !important; border-bottom: 4px solid #e3aa54 !important; padding: 8px;}
.ic-form-title h1 {color: #ffffff !important;}

/*Make margins for required info text at top of page.*/
.ic-required-info {margin-top: 15px !important;}

/*New background color for the box at the top of the page*/
.ic-reg-box {background: rgba(9, 64, 44, 0.1) !important;}

/*-------------Submit New Event Page--------------*/
/*Give the headers an orange border.*/
legend {border-bottom: 2px solid #09402C; padding-top: 35px;}
legend:hover {border-bottom: 2px solid #e3aa54; padding-top: 35px;}

/*Have the "Days of the Week" option display a border and colors.*/
.choices {border: 2px solid #09402C;}
.choices:hover {border: 2px solid #e3aa54;}
.choices__inner {background-color: #09402C !important;}

/*Align text margin for "Days of the Week" section.*/
#jform_weekdays-desc {margin-top: 15px;}

/*Give the various fields borders. When it hovers, make it orange.*/
#jform_title {border: 1px solid #09402C !important; border-radius: 6px;}
#jform_title:hover {border: 1px solid #e3aa54 !important; border-radius: 6px;}
#jform_username {border: 1px solid #09402C !important; border-radius: 6px}
#jform_username:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_name {border: 1px solid #09402C !important; border-radius: 6px}
#jform_name:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_created_by_email {border: 1px solid #09402C !important; border-radius: 6px}
#jform_created_by_email:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_catid {border: 1px solid #09402C !important; border-radius: 6px}
#jform_catid:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_startdate {border: 1px solid #09402C !important; border-radius: 6px}
#jform_startdate:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_date {border: 1px solid #09402C !important; border-radius: 6px}
#jform_date:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_people{border: 1px solid #09402C !important; border-radius: 6px}
#jform_people:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_enddate {border: 1px solid #09402C !important; border-radius: 6px}
#jform_enddate:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_dates__dates0__date {border: 1px solid #09402C !important; border-radius: 6px}
#jform_dates__dates0__date:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_shortdesc {border: 1px solid #09402C !important; border-radius: 6px}
#jform_shortdesc:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
.tox-editor-container {border: 2px solid #09402C !important; border-radius: 6px}
.tox-editor-container:hover {border: 2px solid #e3aa54; border-radius: 6px}
#jform_place {border: 1px solid #09402C !important; border-radius: 6px}
#jform_place:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_website {border: 1px solid #09402C !important; border-radius: 6px}
#jform_website:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_email {border: 1px solid #09402C !important; border-radius: 6px}
#jform_email:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_params_maxReg {border: 1px solid #09402C !important; border-radius: 6px}
#jform_params_maxReg:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#selectMonths {border: 1px solid #09402C !important; border-radius: 6px}
#selectMonths:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#selectWeeks {border: 1px solid #09402C !important; border-radius: 6px}
#selectWeeks:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#selectDays {border: 1px solid #09402C !important; border-radius: 6px}
#selectDays:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#selectHours {border: 1px solid #09402C !important; border-radius: 6px}
#selectHours:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#selectMinutes {border: 1px solid #09402C !important; border-radius: 6px}
#selectMinutes:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}
#jform_params_reg_deadline {border: 1px solid #09402C !important; border-radius: 6px}
#jform_params_reg_deadline:hover {border: 1px solid #e3aa54 !important; border-radius: 6px}

/*Extend the width of the labels to show on a single line.*/
#jform_title-lbl {width: max-content;}
#jform_weekdays-lbl {width: max-content;}
#jform_params_statutReg-lbl {width: max-content;}
#jform_params_maxReg-lbl {width: max-content;}
.control-label {width: max-content !important; text-align: left !important;}

/*Change all iCagenda buttons to a different color and border.*/
.btn {
  background-color: #09402C !important; 
  color: white !important; 
  border: 2px solid #e3aa54;
}
.btn:hover {
  border: 2px solid #e3aa54;
}
.radio {
  margin-bottom: 10px; 
  padding-left: 0px !important;
}

/*Give bottom button a margin.*/
#submit {margin-top: 15px;}

/*-------------Admin Edit Form Page--------------*/

/*Decrease width of the input boxes.*/
#jform_place {width: 90% !important;}
#jform_email {width: 90% !important;}
#jform_website {width: 90% !important;}

/*Undo margins for button on registration tab.*/
label[for="jform_params_statutReg2"] {margin-top: 0px !important;}
label[for="jform_displaytime1"] {margin-top: 0px !important;}

/*Add borders to edit form headers and form.*/
.control-group h4 {border-bottom: 2px solid #09402c;}
#icTab {border: 1px solid #09402C; border-radius: 6px;}

/*More margins.*/
.text-muted {margin-top: 5px;}
#jform_params_custom_form-lbl {margin-top: 15px;}
#jform_params_reg_cancellation-lbl {margin-top: 15px;}

/*Change tab active color.*/
.joomla-tab.button[aria-expanded="true"]:after {background-color: #e3aa54;}

/*Hide description text.*/
#jform_place-desc {display: none !important;} 
#jform_email-desc {display: none !important;}

/*-------------Joomla Redirect Login Page--------------*/

/*Margin the login form.*/
#com-users-login__form {margin-top: 50px;}

/*Disable the webauth button.*/
.plg_system_webauthn_login_button {display: none !important;}

/*Modify margins and placements of form text.*/
.com-users-login__options {display: flex; justify-content: center;}
.com-users-login__reset {color: var(--primary); margin: 5px 30px 0 0;}
.com-users-login__remind {display: none;}
.com-users-login__register {color: var(--primary); margin: 5px 0 0 30px;}
.form-check-label {display: contents;}
#remember {margin: 8px;}
.input-password-toggle {float:right; margin: 3px 2px; padding: 10px;}


/*-------------Library Category Page--------------*/
/*Modify text of Download link.*/
.ba-blog-post-fields {display: flex;}
/*Apply to all fields on all category pages.*/
.ba-blog-post-field-value {text-align: left !important; max-height: 55px; overflow: hidden; letter-spacing: 0.5px;}
/*Override all paragraph and list field text a color of white.*/
.ba-blog-post-field-value p {color: #ffffff !important; line-height: 1.6em;}
.ba-blog-post-field-value li {color: #ffffff !important;}
/*Change line height for mobile phone view.*/
@media only screen and (max-width: 600px) {
 .ba-blog-post-field-value {max-height: 80px;}
}

/*------------User Login & Registration-----------*/
#member-registration > * #jform_spacer-lbl {color:red; width:100%; float:right;}