/*
 Theme Name:  King Edwards Handsworth (Enfold Child)
 Theme URI:   https://turn.media/
 Description: Enfold child theme with KEVI-style yellow/black accents and sticky sidebar.
 Author:      Turn Media (Dann Hanks)
 Template:    enfold
 Version:     0.9833
 Text Domain: ammac
*/
 

/* ============ Ammac core ============ 

Baskerville Display PT Regular
font-family: "baskerville-display-pt", serif;
font-weight: 400;
font-style: normal;
Baskerville Display PT Italic
font-family: "baskerville-display-pt", serif;
font-weight: 400;
font-style: italic;
Baskerville Display PT Bold
font-family: "baskerville-display-pt", serif;
font-weight: 700;
font-style: normal;
Baskerville Display PT Bold Italic
font-family: "baskerville-display-pt", serif;
font-weight: 700;
font-style: italic;
Helvetica Neue LT Pro 45 Light
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: normal;
Helvetica Neue LT Pro 46 Light Italic
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: italic;
Helvetica Neue LT Pro 75 Bold
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;
Helvetica Neue LT Pro 76 Bold Italic
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 700;
font-style: italic;



/* ============ Ammac core ============ */
:root{
  --ammac-yellow: #ffcc00;
  --ammac-yellow-dark: #fcc100;
  --ammac-yellow-200:#ffe380;
  --ammac-black: #000;
  --ammac-grey-50:#fafafa;
  --ammac-grey-100:#f2f2f2;
  --ammac-grey-300:#ddd;
  --ammac-grey-600:#666;
  --ammac-white-border:rgba(255, 255, 255, 0.4);
  --ammac-radius: 28px;
  --ammac-shadow: 0 8px 22px rgba(0,0,0,.06);
--ammac-font:"baskerville-display-pt",Times New Roman,Times,serif;    
}


/* Enfold / Avia Content Slider: make the *yellow title boxes* equal-height per row (no fixed heights) */
.avia-content-slider.avia-content-grid-active .slide-entry-wrap{
  /* turn the row into a flex row so items stretch to the tallest one */
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

/* each card becomes a flex column so the bottom (yellow) area can stretch */
.avia-content-slider.avia-content-grid-active article.slide-entry{
  float: none !important;          /* Enfold columns are often floats */
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;                  /* keep Enfold’s existing width rules */
  height: auto;                    /* allow stretch from the row */
}

/* image stays natural height */
.avia-content-slider.avia-content-grid-active a.slide-image{
  flex: 0 0 auto;
  display: block;
}

/* this is the “yellow box” container on most Enfold setups */
.avia-content-slider.avia-content-grid-active .slide-content{
  flex: 1 1 auto;                  /* <- this is what equalises the yellow area */
  display: flex;
  align-items: stretch;
}

/* make the header fill the yellow area, and keep the text sitting at the bottom */
.avia-content-slider.avia-content-grid-active .slide-content > header{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* ensure the title doesn’t introduce random margins */
.avia-content-slider.avia-content-grid-active h3.slide-entry-title{
  margin: 0;
}



/* muck up the menu */
.av-submenu-indicator {display: none!important;}
.main_menu .sub-menu a:before {content:"• "}
.main_menu .sub-menu a {padding:1px 0!important}
.main_menu .sub-menu {padding-bottom:10px;}
.html_av-overlay-side #top #wrap_all #header .av-burger-overlay li li li a:before {color: var(--ammac-yellow)}
.html_av-overlay-side #top #wrap_all #header .av-burger-overlay li li li a {
    padding-left: 15px !important;
}
/* Prevent any theme/global rule from altering stroke width */
.thi-wrap .thi-ring .ring-bg,
.thi-wrap .thi-ring .ring-fg {
  stroke-width: var(--thi-ring) !important;
  vector-effect: non-scaling-stroke;
}

/* If a browser clips the stroke at the viewBox boundary, allow overflow */
.thi-ring { overflow: visible; }

/* Optional: tiny visual margin for safety if your theme scales the SVG */
.thi-logo { padding: 1px; } /* keeps layout identical but avoids edge clip */

.avia-timeline .av-milestone-date > a, .avia-timeline .av-milestone-date > strong {
    font-size: 1rem;
    line-height: 1;
}
.avia_textblock h3.ammac-page-grid__title {
    font-size: 17px !important;
    
}
#top .widget_nav_menu li {
    border-bottom: 1px solid #f0f0f0;}

/* Force left-aligned text in typical content areas 
.entry-content, .entry-content * ,
.main_color .container_wrap, .main_color .container_wrap * {
  text-align: left !important;
  text-justify: auto !important;
}*/

/* Stack sidebar under content below 990px */
@media (max-width: 989px) {

  /* Main content full width */
  .responsive #top #main .content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Sidebar full width underneath */
  .responsive #top #main .sidebar {
    float: none !important;
    width: 100% !important;
    clear: both !important;
    margin: 30px 0 0 !important;
  }

}


@media (min-width: 90px) and (max-width: 990px) {
#top .template-page.content::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0px !important;
    width: 0px !important;
    pointer-events: none !important;
    background: transparent !important;
}
}
@media (min-width: 990px) and (max-width: 1070px) {
    .turn-featured-hero {
        height: 230px!important;}
    .inner_sidebar {
    margin-left: 30px!important;
}
    

}
@media (min-width: 90px) and (max-width: 989px) {
    .turn-featured-hero {
        height: 130px!important;}
    .inner_sidebar {
    margin-left: 30px!important;
}
    

}

.avia-content-slider .slide-entry-title {
    font-size: 18px;
    line-height: 1.4em; margin:10px 0!important;}
.ammac-publication-button {border: 1px solid black!important;}

.sixthform-header p {font-family:var(--ammac-font);font-style: italic; font-size: 45px!important; margin-bottom:10px;  }
.sixthform-header h1 {font-size:38px!important}

.ammac-page-grid{
	display:grid;
	gap:28px;
	margin:0;
	padding:0;
}

.ammac-page-grid.ammac-cols-1{ grid-template-columns:1fr; }
.ammac-page-grid.ammac-cols-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.ammac-page-grid.ammac-cols-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.ammac-page-grid.ammac-cols-4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.ammac-page-grid.ammac-cols-5{ grid-template-columns:repeat(5, minmax(0,1fr)); }
.ammac-page-grid.ammac-cols-6{ grid-template-columns:repeat(6, minmax(0,1fr)); }

/* Card */
.ammac-page-grid__card{
	display:block;
	text-decoration:none;
	border-radius:3px;
	overflow:hidden;
	background:#ffffff;
	box-shadow:0 1px 2px rgba(0,0,0,.08);
	transition:transform .15s ease, box-shadow .15s ease;
}

.ammac-page-grid__card:hover{
	transform:translateY(-2px);
	box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* Image area */
.ammac-page-grid__imgwrap{
	position: relative;
	overflow: hidden;
	padding: 0;              /* important: remove old padding */
	min-height: 0;
	aspect-ratio: 16 / 9;    /* adjust to taste: 4/3, 1/1, 3/2 etc */
	background: #efefef;
}
.ammac-page-grid__img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

/* Fallback if no featured image */
.ammac-page-grid__img--empty{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.04);
}

/* Title area */
.ammac-page-grid__titlewrap{
	background:#fff;
	padding:16px 18px;
	position:relative;
}

.ammac-page-grid__titlewrap:before{
	content:"";
	position:absolute;
	top:-10px;
	left:50%;
	transform:translateX(-50%);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
}

.ammac-page-grid__title{
	margin:0;
	    font-size: 18px;
    text-align: center;
	line-height:1.25;
	color:inherit;
}

/* Responsive */
@media (max-width: 989px){
	.ammac-page-grid.ammac-cols-3,
	.ammac-page-grid.ammac-cols-4,
	.ammac-page-grid.ammac-cols-5,
	.ammac-page-grid.ammac-cols-6{
		grid-template-columns:repeat(2, minmax(0,1fr));
	}
}

@media (max-width: 767px){
	.ammac-page-grid{
		grid-template-columns:1fr !important;
		gap:18px;
	}
	.ammac-page-grid__imgwrap{
		min-height:160px;
		padding:22px 18px 14px;
	}
}


.toggle_icon {
    border-style: none; }
.toggle_icon span {display: none!important}
.sidebar_right .template-page.content {
    padding-top: 35px !important;
    padding-right: 60px;
}

@media only screen and (max-width: 767px) {
   #top .av-burger-menu-main.menu-item-avia-special {
    right: 10px !important;
}
    .responsive #top #wrap_all #header_main .container {
        width: 90%!important;
        max-width: 90%!important;
    }
   /* .responsive #top #wrap_all .container {
        width: 100%!important;
        max-width: 100%!important;
    }*/
    .page-content-inner {padding-left:30px!important; padding-right: 30px!important}
    
}

body, p, li, a, ol, table, form, button, input, h1, h2, h3, h4, h5, h6, div {font-weight: 400 !important; letter-spacing: normal!important;}


.logged-in #layer_slider_1 {margin-top:-120px}
#layer_slider_1 {margin-top: -89px;}

body {font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;}
body .av_textblock_section p, body .av_textblock_section li {letter-spacing: 1px;}
.av_textblock_section a, .entry-content a {border-bottom:1px solid var(--ammac-yellow)}
.av_textblock_section a.ammac-page-grid__card,
.av_textblock_section h3 a {
    border-bottom: 0px solid var(--ammac-yellow);
}

/* ---------------------------------------
   Shared drop-in keyframes
--------------------------------------- */
@keyframes slideEntryDropIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------------------------------------
   Slide entries (news tiles, etc.)
--------------------------------------- */

/* Base state: hidden & slightly dropped */
.slide-entry-wrap .slide-entry {
  opacity: 0;
  transform: translateY(20px);
}

/* Animate only when in view */
.slide-entry-wrap .slide-entry.in-view {
  animation: slideEntryDropIn 0.6s ease-out forwards;
}

/* Staggered timings for first 4 slides */
.slide-entry-wrap .slide-entry.in-view:nth-child(1) {
  animation-delay: 0.1s;
}
.slide-entry-wrap .slide-entry.in-view:nth-child(2) {
  animation-delay: 0.25s;
}
.slide-entry-wrap .slide-entry.in-view:nth-child(3) {
  animation-delay: 0.4s;
}
.slide-entry-wrap .slide-entry.in-view:nth-child(4) {
  animation-delay: 0.55s;
}

/* ---------------------------------------
   Accordions / Toggles (Enfold)
--------------------------------------- */

/* Base state for each section */
.togglecontainer .av_toggle_section {
  opacity: 0;
  transform: translateY(20px);
}

/* Animate when in view */
.togglecontainer .av_toggle_section.in-view {
  animation: slideEntryDropIn 0.6s ease-out forwards;
}

/* Stagger within each togglecontainer */
.togglecontainer .av_toggle_section.in-view:nth-child(1) {
  animation-delay: 0.1s;
}
.togglecontainer .av_toggle_section.in-view:nth-child(2) {
  animation-delay: 0.25s;
}
.togglecontainer .av_toggle_section.in-view:nth-child(3) {
  animation-delay: 0.4s;
}
.togglecontainer .av_toggle_section.in-view:nth-child(4) {
  animation-delay: 0.55s;
}

/* ---------------------------------------
   Reduced motion respect
--------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .slide-entry-wrap .slide-entry,
  .togglecontainer .av_toggle_section {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}







.avia-content-slider .slide-image, .avia-content-slider .slide-image img {
    margin-bottom: 0px!important;border-radius:0!important}
#homenews .avia-divider-svg.avia-divider-svg-split {background-color: white;bottom: 0px;height: 98px;}
.sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor {
    background-color: #FFFFFF!important;
    box-shadow: none!important;
    left: -50px;}
.template-page.content.av-content-small.alpha.units.av-main-page {
  min-height: 100vh;
  display: flex;
}

.template-page.content.av-content-small.alpha.units.av-main-page > .container {
  flex: 1;
}

.toggle_content {padding:0!important; background-color:white!important;border:0!important;}

.home #quick-link-icons {display:none!important}

#quick-link-icons .template-page.content {box-shadow:none!important}
/* Sidebar nav accordion: hide sub-menus by default */
#top .sidebar .widget_nav_menu .sub-menu {
    display: none;
    margin: 0;
    padding: 0;
}
.special {padding-top:25px!important;padding-bottom:25px!important;}
/* Show: current branch + anything explicitly opened via JS */
#top .sidebar .widget_nav_menu .menu-item-has-children.current-menu-ancestor > .sub-menu,
#top .sidebar .widget_nav_menu .menu-item-has-children.current-menu-parent > .sub-menu,
#top .sidebar .widget_nav_menu .menu-item-has-children.current-menu-item > .sub-menu,
#top .sidebar .widget_nav_menu .menu-item-has-children.is-open > .sub-menu {
    display: block;
}

/* Slight indent for children */
#top .sidebar .widget_nav_menu .sub-menu > li:before { color:var(--ammac-yellow)!important; font-size:24px!important;top:-6px!important;}
#top .widget_nav_menu .sub-menu > li a {font-size:15px!important;}
#top .widget_nav_menu .sub-menu > li {
    line-height: 1.1;}
#top .sidebar .widget_nav_menu .sub-menu > li > a {
    padding-left: 10px !important;
}


.av_textblock_section ul li {list-style: none; position: relative; margin-left:10px;}

.av_textblock_section li:before {
    content: "" !important;
    display: block;
    position: absolute;
    left: -20px;
    top: 4px;
    margin-right: 5px;
    margin-top: 7px;
    z-index: 3;
    width: 12px;
    border-radius: 20px;
    height: 12px;
    background-image: url(img/normal.svg);
    background-size: contain;
}
.av_textblock_section li a:before {
    content: "" !important;
    display: block;
    position: absolute;
    left: -20px;
    z-index: 3;
    top: 1px;
    margin-right: 5px;
    margin-top: 7px;
    width: 15px;
    border-radius: 20px;
    height: 15px;
    background-image: url(img/ulli.svg);
    background-size: contain;
}
#homenews h3 a:after {
    content: "" !important;
    display: block;
    position: absolute;
    right: 10px;
    z-index: 3;
    bottom: 10px;
    margin-right: 5px;
    margin-top: 7px;
    width: 15px;
    border-radius: 20px;
    height: 15px;
    background-image: url(img/ulliow.svg);
    background-size: contain;
}
#homenews h3:hover a:after {

    background-image: url(img/ullio.svg);

}

.main_color a {color:inherit!important}


.modal-content .acf-title {
    font-size: 40px;
    line-height: 1;
    font-weight: 500!important;
    font-family:var(--ammac-font);
}
.modal-content .acf-sub_title p {
    margin-bottom:0;
    background-color: var(--ammac-yellow);
    text-transform: uppercase;
    display: inline-block;
    font-size: 28px;
    line-height: 1;
    font-weight: 500!important;
    font-family:var(--ammac-font);
}
.modal {
    display: none; /* Initially hidden */
    position: fixed;
    z-index: 9999991000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4); /* Black with opacity */
}

.white .modal-content {
    background-color: #fff;
    border-radius:8px;
}
.white .modal-content div, .white .modal-content p {color:#000; text-align: center}
.white .acf-button a {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}
.white .modal-content .acf-title { color:#000;  }
.modal-content {
    background-color: #9f173a;
    margin: 15% auto;
    padding: 20px 20px 40px;
    border: none;
    border-radius: 3px;
    width: 80%;
    max-width: 500px;
}
.modal-content div, .modal-content p {color:#FFF; text-align: center}

.modal-content .close {
    float: right;
}
.modal-content a.close {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}

.modal-content a.close:before,
.modal-content a.close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px; /* Line thickness */
  background-color: white; /* Line color */
  transform-origin: center;
}

.white .modal-content a.close:before,
.white .modal-content a.close:after {
  background-color: black; /* Line color */
}

.modal-content a.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-content a.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-logo {
    background-size: contain;
    width: 75px;
    height: 20px;
    background-repeat: no-repeat;
    margin: 0 auto 15px;
}
.acf-button {margin:30px 0}
.acf-button a {border:1px solid #FFFFFF; color: #FFFFFF;padding:15px 35px; margin:25px 0;border-radius:3px; text-transform: uppercase; }
.acf-button a:hover {text-decoration: none;}
.acf-button {
    transition: transform 0.2s ease; 
}
.acf-button:hover {
    transform: scale(1.1); /* Enlarge to 110% */
    opacity: 0.9;
} 

.avia-cookie-consent .avia-button:hover {transform:none!important}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

.modal-content.closing {
    animation: fadeOutDown 0.5s forwards;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-content.opening {
    animation: fadeInUp 0.5s forwards;
}











#top #main .sidebar {min-height:90vh}

/* Keep the sidebar visible and allow JS-based sticky */
.sidebar.sidebar_right {
  position: relative !important;
  z-index: 10;
}

.sidebar.sidebar_right .inner_sidebar {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-height: 1px !important;
  overflow: visible !important;
}

/* Prevent header transform/overflow issues */
#top, #wrap_all, #header, .main_menu, #top .av_header_transparency {
  transform: none !important;
  will-change: auto !important;
  z-index: 10000 !important;
}



.page-content-inner {
    padding-right: 50px; /* whatever you need */
}
.entry-content {padding-right:0!important}
.logo img {padding:10px 0;}


.sidebar.sidebar_right .inner_sidebar {
    transition: top 0.2s ease;
    will-change: top;
}

/* 
color:var(--ammac-yellow)!important;
font-family:var(--ammac-font)!important;
*/

.av-active-burger-items.av-width-submenu > a:hover:before { transform: rotate(90deg) }
.av-show-submenu a:hover:before { transform: rotate(-90deg)!important }
.activeTitle .toggle_icon:before { transform: rotate(90deg) }




.toggle_icon:before { 
content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: 1px;
    margin-right: 5px;
    margin-top: -4px;
    width: 20px;
    border-radius: 20px;
    height: 20px;
    background-image: url(img/ulli.svg);
    background-size: contain;
} 
.toggle_icon span {display: none; border:0px!important}


/* Left-bleed banner that still stops at the sidebar edge */
.featured-image-banner{
  position: relative;
  max-width: none;
  z-index: 1;

  /* keep your spacing */
  margin-bottom: 40px;

  /* the key part */
  margin-left: calc(50% - 50vw);
  width: calc(100% + (50vw - 50%));

  /* safety */
  margin-right: 0;
}

/* Ensure the image is responsive and never “crops” */
.featured-image-banner img{
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .featured-image-banner {
    width: 100%;
    margin-left: 0;
  }
}


/* Optional: prevent image from overlapping the sidebar on wide screens */
@media (min-width: 1200px) {
  .custom-featured-image-container {
    max-width: calc(100% - 300px); /* adjust based on your sidebar width */
  }
}



p.sect {font-style: italic; color:black!important; letter-spacing: -1px; margin-bottom:0px; font-family:var(--ammac-font)!important;font-size:28px;}
.sidebar .widget:first-child {padding-bottom:0;}
.sidebar .highlight {font-size:28px;color:black!important; font-weight:bold; display: inline-block; margin-top:5px;}

.burger-extra.burger-mini-item {padding-top:25px; list-style: none}
.not-home h1 {border-bottom:2px solid var(--ammac-yellow)!important}
.not-home h1:after, .not-home h2:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 60px;
    background-color: var(--ammac-yellow);
    display: block;
    float: none;
    margin: 10px 0 10px;
    clear: both;
}
.not-home h1 {padding-bottom:13px;
    margin: 5px 0 55px!important;} 
.not-home h1,
.not-home h2 {
    text-transform: uppercase!important;
    clear: both;              /* actually clears the floats */
    margin: 15px 0 40px;
}


.burger-mini-nav {padding-top:30px;}
.av-burger-overlay .burger-mini-nav .burger-mini-menu a, .av-active-burger-items > a {padding-left:25px!important;}
.av-burger-overlay .burger-mini-nav .burger-mini-menu a:before, .av-active-burger-items > a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 1px;
    margin-right: 5px;
    margin-top: 1px;
    width: 15px;
    border-radius: 20px;
    height: 15px;
    background-image: url(img/ulli.svg);
    background-size: contain;
}
.av-show-submenu.av-active-burger-items > a:before {
    transform: rotate(90deg);
}

.av-burger-overlay .burger-mini-nav .burger-mini-menu a {padding-left:20px!important;}

.burger-extra.burger-search-item {padding: 2px 0px 25px!important;}

#av-burger-menu-ul {padding-left:50px!important;padding-right:50px!important;}
.av-burger-overlay .burger-extra { list-style: none; margin: 0; padding: 10px 25px; }
		.av-burger-overlay .burger-divider {
			border: 0;
			border-top: 1px solid rgba(255,255,255,0.25);
			margin: 12px 0 0;
		}

		/* search row */
		.av-burger-overlay .burger-search-wrap {
			display: flex;
			align-items: end;
			gap: 10px;
		}
	.burger-search-icon {
    width: 60px;
    height: 60px;
    background: url(img/burgersearch.svg) center / contain no-repeat;
    flex: 0 0 65px;
    opacity: .85;
}
		/* use the theme search form but give it a pill look */
		.av-burger-overlay .burger-search-form form.searchform,
		.av-burger-overlay .burger-search-form form[role="search"] {
			display:flex; width:100%;
			background: #fff;
			border-radius: 999px;
			padding: 6px 12px;
		}
		.av-burger-overlay .burger-search-form input[type="text"],
		.av-burger-overlay .burger-search-form input[type="search"]{
			background: transparent !important;
			border: 0 !important;
			box-shadow:none !important;
			color:#222 !important;
			width:100%;
			outline: none;
		}
		.av-burger-overlay .burger-search-form input[type="submit"]{
			display:none; /* icon-only submit */
		}

		/* mini menu at bottom */
		.av-burger-overlay .burger-mini-nav .burger-mini-menu { 
			margin: 0; padding: 0; 
			columns: 2; column-gap: 30px;  /* like your two-column link list */
		}
		@media (max-width: 420px){
			.av-burger-overlay .burger-mini-nav .burger-mini-menu { columns: 1; }
		}
		.av-burger-overlay .burger-mini-nav .burger-mini-menu > li {
			list-style: none;
			break-inside: avoid;
			margin: 0 0 6px;
		}
		.av-burger-overlay .burger-mini-nav .burger-mini-menu a {
			color: #fff;
			text-decoration: none;
			display: inline-block;
			padding-left: 14px;
			position: relative;
		}
		

.av-burger-overlay-scroll {
    margin-top: 89px !important;
    height: calc(100% - 89px) !important;
}
.logged-in .av-burger-overlay-scroll {
    margin-top: 120px !important;
    height: calc(100% - 120px) !important;
}

.html_av-overlay-side #top .av-burger-overlay-scroll {
    background:#222;
}
#homenews .slide-content {min-height:55px;}
.footer-page-content .avia-image-container img {margin-top:-3px;}
.footer-page-content .av_textblock_section p strong {color:var(--ammac-yellow)!important}
.footer-page-content .av_textblock_section {font-family:var(--ammac-font)!important;}
.footer-page-content .av_textblock_section p {line-height: 1.35!important}
.footer-page-content .av_textblock_section p {margin-top:0;}
.footer-page-content .av_textblock_section li {list-style: none; position: relative; padding:0!important}
.footer-page-content .av_textblock_section li:before {
content: "";
    display: block;
    position: absolute;
    left: -25px;
    top: 1px;
    margin-right: 5px;
    margin-top: 1px;
    width: 17px;
    border-radius: 20px;
    height: 17px;
    background-image: url(img/ulli.svg);
    background-size: contain;}
/* Base: keep column positioned */
.flex_column.extra-curricular-bleed {
    position: relative;
    background: transparent;   /* background comes from ::before */
    overflow: visible;
}

.flex_column.bleed-out {
    position: relative;
    background: transparent;   /* background comes from ::before */
    overflow: visible;padding: 30px 0;
}

/* Desktop bleed */
@media (min-width: 1024px) {
    .flex_column.extra-curricular-bleed::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        right: 0;

        /* override Enfold's clearfix values */
        display: block !important;
        visibility: visible !important;
        overflow: visible !important;
        width: 100vw !important;
        height: 100% !important;

        background: #f3f3f3;
        pointer-events: none;
    }
    .flex_column.bleed-out::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        right: 0;

        /* override Enfold's clearfix values */
        display: block !important;
        visibility: visible !important;
        overflow: visible !important;
        width: 100vw !important;
        height: 100% !important;

        background: #f3f3f3;
        pointer-events: none;
    }

    /* avoid horizontal scroll from the bleed */
    body {
        overflow-x: hidden;
    }
}

.avia-image-container-inner, .avia-image-container-inner img {min-width:100%!important;}
 
/* Make sure the column can hold an absolutely-positioned pseudo element */
.template-page.content {
    position: relative!important;
    z-index: 1!important; /* keeps it above the background */
}

/* Right-hand vertical shadow */
.template-page.content::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0px !important;
    width: 28px !important;
    pointer-events: none !important;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)) !important;
}
/* Remove right-hand vertical shadow */

.fullsize .template-page.content::after, .home .template-page.content::after, #quick-link-icons .template-page.content::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0px !important;
    width: 0px !important;
    pointer-events: none !important;
    background: transparent !important;
}

.highlight:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 60px;
    background-color: var(--ammac-yellow);
    display: block;
    float: none;
    margin: 10px 0 10px;
    clear: both;
}


.home h2 em {letter-spacing: -1px!important}

.column-top-margin.av_one_full {padding-right:50px!important;}



.avia_textblock h3 {font-size:24px!important; font-weight: bold;}
/* This invisible block sits before the heading and clears floats */


strong, bold, b {color: inherit!important;}






.template-page.content {margin-top:0!important;padding-top:0!important}

.content .entry-content-wrapper {
    padding-right: 0px;
}
.content .entry-content-wrapper .entry-content {
    padding-right: 50px;
    
}


.burger-divider {display: none!important}
.page-thumb img {min-width:100%!important}
.av-burger-overlay-scroll {overflow-x: hidden!important}
#searchform #s {padding: 5px 5px 5px 5px; width: 310px; background-color: #FFFFFF!important; color:black!important; border-radius:25px;}
#searchform #s::placeholder { opacity: 0!important}
.burger-search-form:before { 
    color: white !important;
    font-family: var(--ammac-font) !important;
    content: "Search our site...";
    font-size: 28px !important;
    font-style: italic !important;
    position: absolute;
    top: -2px;
    left: 80px;
}
.av_searchform_search.avia-svg-icon {display:none;}
.burger-extra.burger-mini-item {border-width:0!important}
h1, h2, h3, h4, h5, h6, .title, #home-slider a {font-family:var(--ammac-font)!important; text-transform: none!important; font-weight: normal!important}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li li a {
    padding-left: 30px!important;
}
.av-partner-fake-img {border:0!important}
#top .av-subnav-menu {
    padding: 10px 0 !important;
}
.home #intro {padding-top:55px!important}
/* Unhide our injected mini menu inside the burger overlay */
.html_burger_menu_active .av-burger-overlay .burger-mini-item .menu-item {
  display: block !important;    /* don't use list-item to avoid default bullets */
  list-style: none;
}
h1 {line-height: 1em;}
/* Ensure the container UL itself shows */
.av-burger-overlay .burger-mini-nav .burger-mini-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Show the bottom quick-links menu inside the burger overlay */
.av-burger-overlay .burger-mini-nav ul,
.av-burger-overlay .burger-mini-nav .burger-mini-menu{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Tidy + style like the mockup */
.av-burger-overlay .burger-mini-item { list-style: none; }
.av-burger-overlay .burger-mini-nav .burger-mini-menu{
  margin: 0; padding: 0;
  columns: 2; column-gap: 30px;
}
@media (max-width: 420px){
  .av-burger-overlay .burger-mini-nav .burger-mini-menu{ columns: 1; }
}
.av-burger-overlay .burger-mini-nav .burger-mini-menu > li{
  list-style: none; margin: 0 0 6px; break-inside: avoid;
}
.av-burger-overlay .burger-mini-nav .burger-mini-menu a{
  color: #fff; text-decoration: none;
  padding-left: 14px; position: relative; display: inline-block;
}


/* ===== Quick Links row (icons + labels) ===== */
/* ========= HGS header extras ===================================== */
.av-burger-menu-main.menu-item-avia-special  {right:130px!important}
#header_main .container { position: relative; } /* positioning context */
.hgs-links a:hover {color:var(--ammac-yellow)!important;}
.hgs-links a {color:white!important; font-size:10px!important; margin-bottom:2px;}
/* LEFT cluster — sits to the LEFT of the burger/search */
.hgs-left-cluster{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
      right: 190px;              /* tweak 220–300 depending on your burger + crest space */
  display:flex;
  align-items:center;
  gap:20px;
  white-space:nowrap;
  z-index:200;
  font-size:12px;
  letter-spacing:.4px;
}

/* stacked text links (right aligned) */
.hgs-links{
  display:flex; flex-direction:column;
  text-align:right; line-height:1.2;
}
.hgs-link{ color:#fff; text-decoration:none; }
.hgs-link:hover{ text-decoration:underline; }

/* small logos row */
.hgs-logos{ display:flex; align-items:center; gap:15px; }
.hgs-logos img{
  height:30px !important; width:auto !important; display:block;
  opacity:.95; transition:opacity .2s ease, transform .2s ease;
}
.hgs-logos a:hover img{ opacity:1; transform:translateY(-1px); }

/* RIGHT crest — hugs the right edge */
.hgs-right-crest{
  position:absolute;
  top:50%; transform:translateY(-50%);
  right:18px; z-index:200; display:block;
}
.hgs-right-crest img { 
    height:55px !important;
    margin-top: -5px;
    width: auto !important;
    display: block; }

/* sticky/shrunk header tweaks */
.html_header_top.html_header_sticky #header.header-scrolled .hgs-logos img{ height:18px !important; }
.html_header_top.html_header_sticky #header.header-scrolled .hgs-right-crest img{ height:30px !important; }
.html_header_top.html_header_sticky #header.header-scrolled .hgs-left-cluster{ gap:16px; }

/* hide on mobile */
@media (max-width:990px){

  .hgs-left-cluster, .hgs-right-crest{ display:none !important; }
}



.dh-header-links a {color:white!important}
/* nav*/
.nested_nav li a, .html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    font-family:var(--ammac-font);
    padding: 0px;}
.main_menu .sub-menu .sub-menu {column-count: 1;}
.main_menu .sub-menu {column-count: 2;}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
    padding-left:25px;
}
 #av-burger-menu-ul > li {padding:2px 0px;}
 #av-burger-menu-ul > li > a { border-bottom:1px solid rgba(255, 255, 255, 0.4);padding:0px 25px 5px!important;}
 #av-burger-menu-ul > li .sub-menu {padding:10px 25px 15px!important;}
.nested_nav li {border-bottom:1px solid #000000}
#av-burger-menu-ul:before {
    content: "";
    width: 360px;
    height: 380px;
    opacity: 10%;
    position: absolute;
    right: -174px;
    background-repeat: no-repeat;
    bottom: 30vh;
    background-image: url(img/menu-bg.svg);
}
/* === FLEX CONTAINER === */
#quick-link-icons .flex_column.av-zero-column-padding,
#home-quick-link-icons .flex_column.av-zero-column-padding {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  padding: 10px 0;
}

/* === FLEX ITEM === */
#quick-link-icons .flex_column.av-zero-column-padding .avia_textblock,
#home-quick-link-icons .flex_column.av-zero-column-padding .avia_textblock {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 6px 0;
  flex: 0 1 180px;
}

/* === PSEUDO ICON === */
#quick-link-icons .avia_textblock::before,
#home-quick-link-icons .avia_textblock::before {
  content: "";
  width: 42px;
  height: 42px;
  display: inline-block;
  flex: 0 0 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* === H3 Styling === */
#quick-link-icons .avia_textblock h3,
#home-quick-link-icons .avia_textblock h3 {
  margin: 0;
  font-size: 16px !important;
  text-align: left !important;
  line-height: 0.95;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
  max-width: 132px;
}

#quick-link-icons .avia_textblock.arbor h3,
#home-quick-link-icons .avia_textblock.arbor h3 { max-width: 105px; }

#quick-link-icons .avia_textblock.ofsted-report h3,
#home-quick-link-icons .avia_textblock.ofsted-report h3 { max-width: 85px; }

#quick-link-icons .avia_textblock h3 a,
#home-quick-link-icons .avia_textblock h3 a {
  color: #1b1b1b;
  text-decoration: none;
}
#quick-link-icons .avia_textblock h3 a:hover,
#home-quick-link-icons .avia_textblock h3 a:hover {
  text-decoration: underline;
}

/* === FORCE 6 ICONS IN A ROW ON DESKTOP === */
@media screen and (min-width: 1125px) {
  body #quick-link-icons .flex_column.av-zero-column-padding,
  body #home-quick-link-icons .flex_column.av-zero-column-padding {
    gap: 40px !important;
  }
}

@media screen and (min-width: 1025px) {
  #quick-link-icons .flex_column.av-zero-column-padding,
  #home-quick-link-icons .flex_column.av-zero-column-padding {
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 25px !important;
  }

  #quick-link-icons .avia_textblock,
  #home-quick-link-icons .avia_textblock {
    flex: 0 0 150px;
    max-width: 150px;
    justify-content: center;
  }
}
@media screen and (max-width: 1024px) {
  #quick-link-icons .flex_column.av-zero-column-padding,
  #home-quick-link-icons .flex_column.av-zero-column-padding {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 28px;
  }

  #quick-link-icons .avia_textblock,
  #home-quick-link-icons .avia_textblock {
    flex: 0 1 180px;
    max-width: 180px;
    justify-content: center;
  }
}

@media screen and (max-width: 640px) {
  #quick-link-icons .avia_textblock,
  #home-quick-link-icons .avia_textblock {
    flex: 1 1 100%;
  }

  #quick-link-icons .flex_column.av-zero-column-padding,
  #home-quick-link-icons .flex_column.av-zero-column-padding {
    gap: 16px;
  }

  #quick-link-icons .avia_textblock h3,
  #home-quick-link-icons .avia_textblock h3 {
    font-size: 14px !important;
  }

  #quick-link-icons .avia_textblock::before,
  #home-quick-link-icons .avia_textblock::before {
    width: 36px;
    height: 36px;
  }
}


/* 4) Map each block to its SVG (adjust paths) */
.academic-results::before {
  /* NOTE: file is named "acedemic.svg" in your screenshot */
  background-image: url("img/icons/acedemic.svg");
}
.reporting-abuse::before {
  background-image: url("img/icons/ceop.svg");
}
.arbor::before {
  background-image: url("img/icons/Arbor_Icon.svg");
}
.virtual-tour::before {
  background-image: url("img/icons/tour.svg");
}
.diary-dates::before {
  background-image: url("img/icons/dates.svg");
}
.ofsted-report::before {
  background-image: url("img/icons/ofsted.svg");
}


@media (max-width: 680px) {
  #quick-link-icons .flex_column.av-zero-column-padding, #home-quick-link-icons .flex_column.av-zero-column-padding {
    justify-content: center;
    gap: 18px;
  }
  #quick-link-icons .flex_column.av-zero-column-padding .avia_textblock, #home-quick-link-icons .flex_column.av-zero-column-padding .avia_textblock {
    gap: 10px;
  }
  #quick-link-icons .flex_column.av-zero-column-padding .avia_textblock::before, #home-quick-link-icons .flex_column.av-zero-column-padding .avia_textblock::before {
    width: 36px;
    height: 36px;
  }
  #quick-link-icons .flex_column.av-zero-column-padding .avia_textblock h3, #home-quick-link-icons .flex_column.av-zero-column-padding .avia_textblock h3 {
    font-size: 13px;
  }
}

/*layouthack*/
div .av_one_half {
    margin-left: 4%;
    width: 48%;
}
#homenews .av_one_fourth.first {
    margin-left: 0%!important;}
#homenews .av_one_fourth {
    margin-left: 3%!important;
    width: 22.5%!important;
}
/*layouthacks*/
.image-overlay {display:none!imortant;}
.intro-paragraph p strong {font-family: var(--ammac-font)!important;letter-spacing: -1px!important; font-size:155%!important; color:black!important; font-weight:normal!important; font-style:italic!important;}
.intro-paragraph p {font-size:118%!important; color:black!important}
#intro {margin-top: -55px!important; }
.thi-points {
    font-family: var(--ammac-font) !important;
    font-weight: 600 !important;
    letter-spacing: -1px !important;
    font-size: 33px !important;
    margin-bottom: -2px !important;
}

.thi-name {margin-bottom:14px!important; letter-spacing: -1px!important; font-size:18px!important;}
    



.home h1 {font-size:28px!important; text-transform: uppercase!important}
.home h1 span {font-style: normal;
    color: var(--ammac-yellow-dark) !important;
    letter-spacing: -2px !important;
    font-size: 70px !important;
    text-transform: capitalize !important;
    margin-bottom: -5px;
    margin-left: -3px;
    display: block;}
.main_color .hr-short {margin: -2px 0 20px;}
.main_color .hr-short .hr-inner-style {display: none!important}
.main_color .hr-short .hr-inner {border-color: var(--ammac-yellow) !important;background-color: var(--ammac-yellow) !important;height: 7px;
    width: 60px}
#home-slider a {background-color:transparent!important;color:#FFFFFF!important; font-size:22px!important;text-shadow:  
    0px 3px 45px rgba(0, 0, 0, 1),
    0px 6px 45px rgba(0, 0, 0, 1)!important;}

#homenews .slide-content {background-color:var(--ammac-yellow); padding:10px; }
#homenews .slide-content .slide-entry-title {font-size: 17px !important; font-weight: normal!important;
    line-height: 1.1;text-transform: uppercase!important;     padding-right: 25px;}
/*layouthack*/
div#homenews .av_one_fourth {
    margin-left: 3%;
    width: 22.5%;
}
/*layouthack*/
.home .slide-meta {display: none;}

#home-slider {    margin-top: -71px!important;
background-color:rgba(0,0,0,0.7);    border: 0!important;}
.slideshow_align_caption h2, .slideshow_align_caption div {text-shadow:  
    0px 3px 45px rgba(0, 0, 0, 1),
    0px 6px 45px rgba(0, 0, 0, 1),
    0px 9px 45px rgba(0, 0, 0, 1),
    0px 6px 45px rgba(0, 0, 0, 1),
    0px 9px 45px rgba(0, 0, 0, 1);}

.avia-caption-title {color:var(--ammac-yellow)!important; font-family:var(--ammac-font)!important;font-size: clamp(64px, 3.6vw, 48px); font-style:italic; font-weight: bold;}
.avia-caption-content {color:white!important; font-family:var(--ammac-font)!important;font-size: clamp(54px, 3.2vw, 38px); font-style:italic; font-weight: bold;}
@media (max-width: 990px){
.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {max-height: 560px;}
}
/* 1) Drop from TOP (about 50px) and fade in */
@keyframes caption-top-soft {
  from {
    opacity: 0;
    transform: translate3d(0, -50px, 0)!important; /* move DOWN into place */
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* 2) Slide slightly from the RIGHT (about 50px) and stay */
@keyframes caption-right-soft {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0); /* 50px from the right */
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Apply: first the drop (wrapper), then the right-slide (inner) */
.avia_transform .av_fullscreen .active-slide .avia-caption {
  animation: caption-top-soft 0.6s cubic-bezier(.22,.61,.36,1) both;
  will-change: transform, opacity;
}

.avia_transform .av_fullscreen .active-slide .avia-caption-content {
  animation: caption-right-soft 0.6s cubic-bezier(.22,.61,.36,1) 0.6s both; /* starts after the drop */
  will-change: transform, opacity;
}

/* Optional: slightly shorter move on small screens */
@media (max-width: 767px){
  @keyframes caption-top-soft {
    from { opacity:0; transform: translate3d(0, -35px, 0) }
    to   { opacity:1; transform: none }
  }
  @keyframes caption-right-soft {
    from { opacity:0; transform: translate3d(35px, 0, 0) }
    to   { opacity:1; transform: none }
  }
}





#top .button, #top .avia-button, #top .avia-button.avia-color-theme-color,
.ammac-pill-btn{
  background: var(--ammac-yellow);
  color: #000 !important;
  border: 2px solid var(--ammac-yellow);
  border-radius: 999px;
  padding: .65rem 1.25rem;
  box-shadow: var(--ammac-shadow);
  font-weight: 700;
}
#top .button:hover, #top .avia-button:hover, .ammac-pill-btn:hover{
  filter: brightness(.95);
  transform: translateY(-1px);
}


#top h1{ font-size: clamp(32px, 3.6vw, 48px); }
#top h2{ font-size: clamp(26px, 2.6vw, 36px); }

/* Section title style (yellow tag underline) */
.ammac-title{
  display:inline-block;
  padding: .15rem .5rem .35rem;
  background:linear-gradient(transparent calc(100% - 8px), var(--ammac-yellow) 0);
}

/* Content width tweaks (keeps sidebar + content tidy) */
#top .container .content, 
#top .container .sidebar{ padding-top:1.2rem; }

/* Hero image overlay tone (optional) */
#top .title_container .container{ background: transparent; }

/* Lists with yellow bullets */
.ammac-list, .entry-content ul.ammac-list{
  list-style:none;
  padding-left:0;
  margin-left:0;
}
.ammac-list li{
  position:relative;
  padding-left:1.6rem;
  margin:.4rem 0;
}
.ammac-list li::before{
  content:"";
  position:absolute; left:0; top:.45rem;
  width:.85rem; height:.85rem; border-radius:50%;
  background: var(--ammac-yellow);
  box-shadow: 0 0 0 2px #000 inset;
}

/* Click here to link rows */
.ammac-links a{
  display:block;
  border:2px solid var(--ammac-yellow);
  border-radius: var(--ammac-radius);
  padding:.7rem 1rem;
  margin:.6rem 0;
  text-decoration:none;
  font-weight:700;
  background:#fff;
}
.ammac-links a:hover{
  background: var(--ammac-yellow-200);
}

/* Accordion / toggles styled as rounded pills (Enfold Toggle element) */
#top .toggler {font-family:var(--ammac-font)!important; font-size:24px; text-transform: uppercase; padding-bottom:0px!important; padding-top:0px!important; padding-left:30px!important;}

#top .toggler {
    border: 2px solid var(--ammac-yellow);
    border-radius: var(--ammac-radius);
    background: #fff;
    color: #000;
    margin: 20px 0 0;
    padding-left: 40px !important;
    font-weight: 700;
    box-shadow: var(--ammac-shadow);
}
#top .toggler.activeTitle{ background: var(--ammac-yellow-200); }
#top .toggle_wrap{
  border:2px solid var(--ammac-yellow);
  border-top:none;
  border-radius: 0 0 var(--ammac-radius) var(--ammac-radius);
  padding:1rem 1.2rem 1.2rem;
  margin:0 0 .9rem;
  background: #ffffff;
}

/* ATOM Home panel style mimic */
.ammac-panel{
  background: var(--ammac-grey-50);
  border:1px solid var(--ammac-grey-300);
  border-radius: 14px;
  padding:1.2rem;
}

/* Table tidy */
#top table{
  border-collapse:separate; border-spacing:0;
  width:100%;
}
#top table th{
  background:var(--ammac-grey-100);
  font-weight:700;
}
#top table th, #top table td{
  border:1px solid var(--ammac-grey-300);
  padding:.65rem .75rem;
}



/* In this section menu look */
#top .sidebar .widget_nav_menu .menu > li > a {padding-left:20px!important;}
#top .sidebar .widget_nav_menu .menu > li.is-open > a:before {transform: rotate(0deg);background-image: url(img/ullio.svg);  }
#top .sidebar .widget_nav_menu .menu > li.menu-item-has-children.is-open > a:before {transform: rotate(90deg);}

#top .sidebar .widget_nav_menu .menu > li.current_page_item > a:before {left: 45px;}
#top .sidebar .widget_nav_menu .menu > li.current-menu-parent > a:before {left: 45px;}
#top .sidebar .widget_nav_menu .menu > li > a:before {
        content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: 7px;
    margin-right: 5px;
    margin-top: -2px;
    width: 16px;
    border-radius: 20px;
    height: 16px;
    background-image: url(img/ulli.svg);
    background-size: contain;
}



#top .sidebar .widget_nav_menu .menu > li a {
font-family: var(--ammac-font) !important;
    font-weight: normal !important;
    display: block;
    color:black;
    font-size: 15.5px;
    padding: 1px 0;
    text-decoration: none;
}
#top .sidebar .widget_nav_menu .menu > li.current-menu-item > a,
#top .sidebar .widget_nav_menu .menu > li > a:hover{
  background:#fffbe6;
  border-left-color: var(--ammac-yellow);
}

/* Right rail mini caption */
.ammac-note{
  font-size:.9rem;
  color:var(--ammac-grey-600);
}

/* Images */
#top img{ border-radius: 0px; }

/* Small utilities */
.mt-0{margin-top:0!important;} .mt-2{margin-top:.5rem!important;} .mt-3{margin-top:1rem!important;}
.mb-0{margin-bottom:0!important;} .mb-2{margin-bottom:.5rem!important;} .mb-3{margin-bottom:1rem!important;}
.p-2{padding:.5rem!important;} .p-3{padding:1rem!important;}
.text-center{text-align:center!important;}
.bg-yellow{ background: var(--ammac-yellow) !important; }
.border-yellow{ border-color: var(--ammac-yellow) !important; }

/* Mobile tweaks */
@media (max-width: 990px){
  #top .sidebar{ top: 80px; }
  #top .toggler{ font-size:1rem; }
}