/* 2026 AGV Platform pages */

/* Smaller sub-heading variant
   use class 'page-section--small' */

.page-section--small {
  text-align: left;
}

.page-section--small .page-section__title {
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .page-section--small .page-section__title {
    font-size: 2rem;
  }
}

/* Link underline style change
   old browsers will ignore */
a {
  text-decoration-color: #A2D39C;
  text-underline-offset: 0.14em;
  text-decoration-thickness: 1.3px;
}
.u-c-orange {
  text-decoration-color: #FCC589;
}
.u-c-purple {
  text-decoration-color: #BD8CBF
}
.u-c-blue {
  text-decoration-color: #ADDCCF;
}
.u-c-pink {
  text-decoration-color: #F9CDE0;
}
.u-c-grey-light {
  text-decoration-color: #9B9B9B;
}

a:hover {
  text-decoration: none;
}

/* Override styling for body copy in accordions
   classless/applies to all
   - tightens margins/padding between paragraphs and lists
   - 'greens-will' class for the sentence before a list of bullet points
   - bakes in green checks for ul lists  */

dd h3 {
  margin-top: 0.8rem;
}

dl {
  margin: 0 -0.8rem;
}

dd p {
  font-size: 1.2rem;
}

dd .greens-will { 
  margin-top: 1em;
  margin-bottom: 0.6em;
  color: #008c44;
}

dd ul {
  margin-top: 0;
  padding: 0;
  list-style: none;
}

dd li {
  font-size: 1.2rem;
  margin: 0 0 0.25rem 0;
  padding-left: 1.2em;
}
dd li::before {
  content: '\f058';
  font-size: 1rem;
  font-family: 'Font Awesome 6 Free';
  display: inline-block;
  margin-left: -1.2em;
  width: 1em;
  transform: translate(-0.4em, 0);
  color: #00a651;
  font-weight: 600;
}


/*  Accordion style 2025, less borders, minimal/white, right aligned swippy */
/*  builds on ckeditor-accordion-container */
/*  to work must be applied alongside/beneath class ckeditor-accordion-container */

.ckeditor-accordion-container > dl {
  border: none;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  left: unset;
  right: 11px;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
	/* background: #9dcdb4; */
	background: #00a651;
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background: #008c44;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  background-color: initial;
  color: #008c44;
  text-decoration: none;
  border-top: 1px solid #35a8454d;
  border-bottom: none;
  padding: 10px 50px 10px 15px;
} 

.ckeditor-accordion-container > dl  {
  border-bottom: 1px solid #35a8454d;
}

@media (min-width: 768px) {
	.ckeditor-accordion-container > dl dt {
  	font-size: 1.25em;
	}
}
  
.ckeditor-accordion-container > dl dt.active {
  font-size: 1.25em;
  font-weight: 900;
}
.ckeditor-accordion-container > dl dd {
	padding: 0 15px 10px 15px;
}

/* fixes for new (old?) fields // possibly not needed */

.fieldset-wrapper {
  margin-top:1em;
}

.fieldset-legend {
font-style: italic;
}

.layout-sub {
  background-image: none;
}

/* image dividers for vic26 styling */
.divider-image {
    max-height: 420px;
    overflow: hidden;
}

.divider-image .media img {
	width: 100%;
}

.divider-anchor-0 .media {
    top: 0;
}

.divider-anchor-40 .media {
    top: -40px;
}

.divider-anchor-80 .media {
    top: -80px;
}
.divider-anchor-120 .media {
    top: -120px;
}
.divider-anchor-160 .media {
    top: -160px;
}

.image-fx--grain .media::after,
.image-fx--grain-mild .media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url('https://cdn.greens.org.au/cdn/ff/jd1hfTvt78Go6JFsGTCNlY-hRiCboR8n0inP9gV0uOY/1783913470/public/2026-07/seamless-noise-texture-40.jpg');
    opacity: .14;
    mix-blend-mode: overlay;
    pointer-events: none;
}

.image-fx--grain-mild .media::after {
    opacity: .07;
}

/* additional styling for top 5platform lander accordion */

.top5 .ckeditor-accordion-container,
.top5 h3 {
	/* box-shadow: rgba(0, 74, 28, 1) -5px 5px, rgba(0, 74, 28, 0.7) -10px 10px, rgba(0, 74, 28, 0.4) -15px 15px, rgba(0, 74, 28, 0.2) -20px 20px, rgba(0, 74, 28, 0.1) -25px 25px; */
  box-shadow: 
    #007236 1px 1px,
    #007236 3px 3px,
    #007236 5px 5px,
    #007236 7px 7px,
    #007236 9px 9px;
}

.top5 dl {
	margin: 0 0;
}

.top5 .ckeditor-accordion-container > dl dt > a,
.top5 .ckeditor-accordion-container > dl dt > a:not(.button) {
	/* background: #FAF6E7; /* cream colour */
	background-color: #FFFFFF;
	padding: 15px 50px 15px 15px;
	border-top: 3px solid #35a8454d;
}

.top5 .ckeditor-accordion-container > dl dt > a:hover,
.top5 .ckeditor-accordion-container > dl dt > a:not(.button):hover, 
.top5 .ckeditor-accordion-container > dl dt.active > a {
  background: #008c44;
  color: #FFFFFF;
}

.top5 .ckeditor-accordion-container dd {
    background-color: white;
    color: initial;
    padding-top: 2em;
}

.top5 h3 {
    /* background: #FAF6E7; /* cream colour */
    background: #FFFFFF;
    margin: 2rem 0 0 0;
    padding: 1.2rem 1rem 1rem 1rem;
    color: #004A1C;
    font-size: 1.3em;
}

/*center the heading and lines*/

.eyebrow-headline p {
	display: flex;
	color: rgba(175, 238, 184, 1);
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
}


/*add and adjust the lines*/

.eyebrow-headline p:before,
.eyebrow-headline p:after {
	content: '';
	border-top: 3px solid rgba(175, 238, 184, 0.7);
	margin: 0 20px 0 20px;
	flex: 1 0 20px;
	color: #666666;
}


/*add spacing between heading and lines*/

.eyebrow-headline p :after {
	margin: 0 0 0 20px;
}

.top5 h1 {
  margin-top:0.6em;
  letter-spacing: -0.02em;
  /* color: #f4f1e3;                 /* cream fill */ 
  color: #FFFFFF;
  -webkit-text-stroke: 1.3px #007236; /* green outline */
  text-stroke: 1.3px #2f6b3c;
  transform: rotate(-4deg) skewX(-4deg);
  display: inline-block;
  /* the "extrusion" is just 16 stacked shadows, each
     stepping 1px further down-and-right in the same green */
  text-shadow:
    1px 1px 0 #007236,
    2px 2px 0 #007236,
    3px 3px 0 #007236,
    4px 4px 0 #007236,
    5px 5px 0 #007236,
    6px 6px 0 #007236,
    7px 7px 0 #007236,
    8px 8px 0 #007236,
    9px 9px 0 #007236,
    10px 10px 0 #007236
    /* 11px 11px 0 #007236,
    12px 12px 0 #004a1c,
    13px 13px 0 #004a1c,
    14px 14px 0 #004a1c,
    15px 15px 0 #004a1c,
    16px 16px 0 #004a1c; */
}

.top5 .teaser p {
    font-size: 1.17em;
    margin-bottom: 0.6em;
    font-weight: 600;
}
.top5 .teaser {
    padding: 0 0.5em 0.1em 0.5em;
}

.top5 .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.top5 .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
	content: initial;
	height: 30px;
	background: none;
}

.top5 .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	font: var(--fa-font-solid);
	content: '\f13a';
	color: #35a8454d;
}
.top5 .ckeditor-accordion-container > dl dt.active > a:hover > .ckeditor-accordion-toggle:before,
.top5 .ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle:before {
	color: #FFFFFF;
}
.top5 .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
	top: calc(40% - 1px);
}

.top5 .ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #8ed097a6;
	top: -8px;
}