/* Universal styles begin */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css');

.nav--pages-in {
padding:1em 1em 1em 0;
}

.list--numbered {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}

div.important-info, div.important-message, div.foot-note {
margin: 1rem auto 2em auto;
padding: 2rem; 
border: none; 
overflow-wrap: break-word;
background-color:#e0d4fd;
}

div.important-info h2::before, div.important-info h3::before, div.important-info h4::before, div.important-message h2::before, div.important-message h3::before, div.important-message h4::before {
font-family: "Font Awesome 5 Free"; 
color: #000000; 
margin: 0 10px 0 0; 
font-weight: 900;
}

div.important-info h2::before, div.important-info h3::before, div.important-info h4::before {
content: "\f06a"; 
}

div.important-message h2::before, div.important-message h3::before, div.important-message h4::before {
content: "\f05a"; 
}

div.important-info h2, div.important-info h3, div.important-info h4, div.important-message h2, div.important-message h3, div.important-message h4, div.foot-note h2, div.foot-note h3, div.foot-note h4 {
font-weight: 600; 
font-size: 1.7rem; 
padding-bottom: 0.5rem; 
border-bottom: 1px solid #ddd;
margin:0;
}
            
div.important-info p:first-child, div.important-info p:last-child, div.foot-note p:last-child {
margin-bottom:0
}

/* Restricts width of paragraph for one-column layout with floating images, most commonly case studies */ 

.w825 {
max-width:825px;
}

/* For floating images in one-column layouts where width of accompanying paragraph is restricted */ 

.image-container {
max-width:100%;
}

/* For aligning defiintion headings to the left, rather than default right */

.dh_left {
text-align:left;
}

/* Adds an indent for accordions-within-accordions */

.accordion-indent {
margin-left:20px;
}


/* Styles for printing vs screen begin */

/* Hides the link information when this is explicitly stated in the HTML for print purposes */
@media screen {
#content .video-container .video-print-link {
    display: none; /* Hide the URL link on screen */
  }
}

/* Hides embedded video when printing as long as HTML marked up to incorporate these styles */
@media print {
#content .video-container .video-embed {
    display: none; 
  }

/* Shows link destination in print version after hyperlink text */
 #content a[href]:after {
    content: " (" attr(href) ")";
color:black;
  }

/* Makes links black in print rather than blue on screen */
 #content a {
color:black;
  }

/* Makes accordion content appear in print rather than initially hidden on screen */
[aria-hidden='true'][a11y-toggle='true'] {
    display: block;
}

/* Hides cookies link at the bottom of the page in print */
#qc-cmp2-container {
display:none;
}
}


/* Styles for printing vs screen end */


/* Universal styles end */

/*Custom Styling now starts*/

.site-footer__section--bottom {
background: #ffffff;
color:#000000;
border-top: 1px solid #b2c3f9;
}

.site-footer__section--bottom .site-footer__link, .site-footer__section--bottom .site-footer__link:visited, .site-footer__section--bottom .list__link, .site-footer__section--bottom .list__link:visited {
color:#000000;
}

nav.breadcrumb {
background:#fff;
}

.form--search .form__field {
    border: 1px solid #ff6b6b;
}
.form--search .button {
background-color: #ff6b6b;
}

.form--search .button::after, .form--search .button::before {
    border-right-color: #ff6b6b;
}

.toggle-icon {
    background-color: #ff6b6b;
    border: 2px solid #ff6b6b;
}

.button.js-menu-toggle .toggle-icon::before,
.button.js-menu-toggle .toggle-icon::after,
.button.js-menu-toggle .toggle-icon__line {
    background-color: #000000;
}

.button.js-menu-toggle:hover .toggle-icon {
    background-color: #ffffff;
    border-color: #ffffff;
}

.button.js-menu-toggle:hover .toggle-icon::before,
.button.js-menu-toggle:hover .toggle-icon::after,
.button.js-menu-toggle:hover .toggle-icon__line {
    background-color: #000000;
}

.nav--primary-navigation .button__text {
color:#ff6b6b;
}

blockquote {
margin-bottom:0;
}

blockquote>p {
font-size: 1.125rem;
    font-weight: 400;
}

.menu-navigation__content, .nav--primary-navigation .goog-te-gadget .goog-te-combo {
background-color: #ff6b6b;
}

.menu-navigation .list__item {
border-color: #000000;
}

.menu-navigation .list__link:visited, .menu-navigation .list__link {
color: #000000;
} 

.widget-navigation {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  width: fit-content;
}

.widget-navigation .text {
  background-color: white;
  padding: 20px;
  color: black;
  font-weight: bold;
}

.widget-navigation .arrow {
  background-color: #ff6b6b;
  padding: 20px;
  transition: color 0.3s ease;
}

.widget-navigation .arrow span {
  color: white;
  font-size: 20px;
  transition: color 0.3s ease;
}

.widget-navigation .arrow:hover span {
  color: black;
}

li.list__item.list__item--translate {
margin-right: 30px;
margin-left: -60px;
}

@media screen and (min-width: 600px) {
.identity {
margin: 1.5rem 0 1.5rem 1rem;
}
.identity__logo {
width: 13rem;
}
}

@media screen and (min-width: 960px) {
  /* Icon lines inside the toggle */
  .button.js-menu-toggle .toggle-icon__line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #000000;
  }

  /* Hover effect */
  .button.js-menu-toggle:hover {
    background-color: white;
    color: black;
  }

  /* Ensure lines stay black on hover */
  .button.js-menu-toggle:hover .toggle-icon__line {
    background-color: #000000;
  }

  /* Make menu button text black */
  .button.js-menu-toggle .button__text {
    color: #000000;
  }
}

.icon.icon-ui-search {
    color: #000000;
}

.icon.icon-ui-search:hover {
    color: #ffffff;
    fill: #ffffff;
}

/* Change the widget heading text to "Event of the week" */
.widget--whats-on .widget__heading {
    font-size: 0; /* Hide original text */
    position: relative;
}
.widget--whats-on .widget__heading::after {
    content: "Event of the week";
    font-size: 2rem; /* Adjust as needed */
    color: inherit;
}

.listing__content .listing__meta .meta.meta--string {
    font-size: 1.125rem;    
    font-weight: 700;   /* bold */
    line-height: 1.3;   /* optional — match .listing__summary for consistent spacing */
}

.button .button:visited {
    background-color: #76398d;
    border: 1px solid #76398d;
    color: #fff;
}

/* default: black, no underline; hover/focus: black + underline */
.listing__link,
.listing__link:link,
.listing__link:visited,
.listing__link:active,
.listing__link:focus {
  color: #000;
  text-decoration: none;
}

.listing__link:hover,
.listing__link:focus {
  color: #000;
  text-decoration: underline;
}

/*Custom Styling now ends*/