/* accordion style fixes */

.ckeditor-accordion-container > dl {
  border: 1px solid #CCC !important;
}

.ckeditor-accordion-container > dl dt > a {
  background-color: #e3e3e3 !important;
  color: #000 !important;
  border-bottom: 1px solid #999 !important;
  text-decoration: none !important;
  font-size: 1.2em !important;
  font-weight: none !important;
}

.ckeditor-accordion-container > dl dt > a:hover {
  background-color: #008C44 !important;
  color: #FFFFFF !important;
}

.ckeditor-accordion-container > dl dt.active > a {
  background-color: #00A651 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

.ckeditor-accordion-container > dl dt.orange > a {
  background-color: #F7941E !important;
  color: #FFF !important;
}

.ckeditor-accordion-container > dl dt.orange > a:hover,
.ckeditor-accordion-container > dl dt.orange > a .ckeditor-accordion-container > dl dt.active > a  {
  background-color: #F7941E !important;
}

.ckeditor-accordion-container > dl dd {
  padding: 20px 50px 10px 50px !important;
}

/* fixes for the animation of the little flipper */

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before {
    left: 13px;
    top: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after {
    left: auto;
    right: 7px;
    top: -4px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle::before {
    transform: rotate(135deg);
    left: 14px;
    top: -1px;
    -webkit-transform: rotate(135deg);
}
.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle::after {
    left: auto;
    right: 13px;
    top: -2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after {
	background: #575757;
}
.ckeditor-accordion-container > dl dt:hover > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt:hover > .ckeditor-accordion-toggle::after,
.ckeditor-accordion-container > dl dt.orange > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt.orange > .ckeditor-accordion-toggle::after,
.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle::after {
    background: #FFFFFF;	
}


/* fixes for new fields */

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

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


/* additional button colour – missing green?  */

.btn-green {
  color: #fff;
  background: #00a651;
  border-color: #00a651;
}

.btn-green:hover, .btn-green:active {
  color: #fff;
  background-color: #008c44;
  border-color: #007236;
}


/* fix for OTT banner-style section headings and background */

.page-section__heading--bg {
  background-image: url("/themes/greens/dist/css/../assets/triangles01-50.svg") !important;
}
h2.page-section__title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-size: 2.3rem;
}

/* media list style */

ul.mediaList {
  padding-left: 0 !important;
}

ul.mediaList > li {
  padding: 0.6rem 2rem;
  font-size: 0.8rem;
  color: #999;
  border-bottom: 1px #CCC solid;
  list-style: none;
}

ul.mediaList > li > a {
  font-size: 1.1rem;
  font-weight: 800;
  color: #007236;
  text-decoration: none;
}

ul.mediaList > li > a:hover {
   text-decoration: underline;
   color: #00a651;
}
  
a.iconA {
  display: inline-block;  
}
a.iconA::after {
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left:0.2em;
}
.iconA-next::after { content: "\f0a9"; }
.iconA-down::after { content: "\f103"; }

.bar::before {
  content: "|";
  margin: 0 0.4em 0 0.2em;
  color: #999999;
  font-weight: normal;
  text-decoration: none;
}

a:hover { text-decoration: none; }

.hero-h1-hide .hero-image-title__wrapper,
.hero-h1-hide .hero-image-title { display: none; }