.toolbar-menu .menu-item a {
  color: #565656;
}

.user-logged-in .microsite-header__logo {
  top: 5rem;
}


.microsite-header__logo {
    top: 1rem;
    position: absolute;
    max-width: 100% !important;
    }


.pandarren-search-form input[type="submit"],
#edit-submit-localgov-sitewide-search {
  color: white;
  background-color: #03a685 !important;
}
  .microsite-header__menu .menu {
     background-color: #245148; 
     
  }

  .microsite-header__menu .menu-item {
    list-style: none;
}

  /* Active menu item */
 
  .menu-item.menu-item--level-0:has(.is-active) {
    background-color: orange;
  }
  
  .is-active {
    color: black !important;
  }
  
  .menu-item.menu-item--level-1 a {
    color: #ffffff !important;
  }
  
  .region-microsites-header a:focus, .region-microsites-header a:hover {
    color: #ffffff !important;
  }

  .menu-item:has(.menu---sub-menu):has(.is-active) a {
    color: black;
  }
  
  .menu-item a:focus {
    background-color: orange !important;
    box-shadow: 0 0px var(--color-focus), 0 4px var(--color-black) !important;
  }


  .menu-item a {
    color: #ffffff; 
    text-decoration: none;
    font-weight: 500;
  }

  .menu-item a:hover {
    text-decoration: underline;
  }
  
  .region-microsites-header a:focus, .region-microsites-header a:hover {
    color: white;
  }


.microsite-header__off-canvas-toggle {
  margin: 0 auto;
  background: #245148;
  
}  

button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover {
  text-decoration: underline;
  background-color: #245148;
}

.js .menu__sub-menu-toggle:focus .menu__sub-menu-toggle-icon, .js .menu__sub-menu-toggle:hover .menu__sub-menu-toggle-icon {
  background-color: white !important;
}

/* Main menu on 404 page */
body
> div
> header
> div
> div
> div
> div
> div.lgd-region.lgd-region--header.region.region-header {
display: none;
}


.booknow > div > p > a {
  color: black;
  background: orange;
  font-weight: 900;
  font-size: 1.3rem;
  text-align: center;
  padding: 1rem 1.5rem;
  position: absolute; 
}

/** callout styles ****/
/* dark green background */
.callout-success {
  background-color: #245148;
  color: #ffffff;
}

/* slightly lighter green background */
.callout-teal {
  background-color: #03A685;
  color: #ffffff;
}

/* orange background */
.callout-danger {
  background-color: #ffa500;
  color: #ffffff;
}

/* blue background */
.callout-primary {
  background-color: #446FA6;
  color: #ffffff;
}

/* shade of black instead of yellow background */
.callout-yellow {
  background-color: #313c39;
  color: #ffffff;
}

.callout-success a,.callout-teal a, .callout-danger a, .callout-primary a {
  color: #ffffff;
}

.callout-yellow a {
  color: #ffffff;
  background-color: #313c39;
}

/*****alerts *************/
.alert-success {
  border-color: #245148;
}

.alert-danger {
  border-color: #ffa500;
}

.alert-info {
  border-color: #6e6e30;
}

.alert-primary {
  border-color: #03A685;
}

/*** background colours *****/
/**dark green background **/
.lgd-page-section--bg-colour-8 {
  background-color: #245148;
}
/**light green background **/
.lgd-page-section--bg-colour-9 {
  background-color: #03A685;
}
/**green/brown background **/
.lgd-page-section--bg-colour-10 {
  background-color: #6e6e30;
}
/**orange background **/
.lgd-page-section--bg-colour-7 {
  background-color: #ffa500;
}
/**white background **/
.lgd-page-section--bg-colour-11 {
  background-color: #ffffff;
}


/******** Text colours *********************/
/**black text **/
.lgd-page-section--text-color-colour-1 h2, .lgd-page-section--text-color-colour-1 p, .lgd-page-section--text-color-colour-1 a {
  color:#000000;
}
/**Orange text **/
.lgd-page-section--text-color-colour-2 h2, .lgd-page-section--text-color-colour-2 p, .lgd-page-section--text-color-colour-2 a {
  color:#ffa500;
}
/**white text **/
.lgd-page-section--text-color-colour-3 h2, .lgd-page-section--text-color-colour-3 p, .lgd-page-section--text-color-colour-3 a {
  color:#ffffff;
}
/**blue/black text **/
.lgd-page-section--text-color-colour-4 h2, .lgd-page-section--text-color-colour-4 p, .lgd-page-section--text-color-colour-4 a {
  color:#313c39;
}
/**dark green text **/
.lgd-page-section--text-color-colour-5 h2, .lgd-page-section--text-color-colour-5 p, .lgd-page-section--text-color-colour-5 a {
  color:#245148;
}

.lgd-page-section--text-color-colour-6 h2, .lgd-page-section--text-color-colour-6 p, .lgd-page-section--text-color-colour-6 a {
  color:#03A685;
}


/**** Media with text *****/

.media-with-text__media {
  position: relative;
}

.media-with-text__inner .link-wrapper {
  position: absolute;
  background-color: rgba(36, 81, 72, 0.65);
  display: block;
  bottom: 0;
  padding: 10px;
  margin: 25px;
}

.media-with-text__link {
  color: #ffffff !important; 
}

.call-out-box__content h2,
.call-out-box__content h3,
.call-out-box__content h4,
.call-out-box__content h5,
.call-out-box__content h6, 
.call-out-box__content, .call-out-box__link {
  background-color: transparent;
  color:#000000;
}


button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover {
  color: #ffffff;
}


.accordion-icon {
   display: none; 
}

/* Book now button - start*/
#block-pendarren-pandarrenbooknowbutton > div > p > a,
#block-pendarrenbooknowbutton > div > p > a {
color: black;
background: orange;
position: absolute; 
  top: 2rem;
  right: 20px;
  font-weight: 900;
  font-size: 1.3rem; 
text-align: center;
padding: 1rem 1.5rem;
}



.booknow > div > p > a:focus,.booknow > div > p > a:hover {
background-color: orange !important;
box-shadow: none;
color: #000000 !important;
}

/* Book now button - paragraph */
#block-pendarren-main-page-content--2
> article
> div.full__layout-section
> div
> div:nth-child(6)
> div
> div
> div
> div
> div
> p {
margin: 0px;
}

/* Book now button on 404 page */
#block-pendarren-pandarrenbooknowbutton,
#block-pendarrenbooknowbutton {
visibility: hidden;
}

.path-node .booknow {
visibility: initial;
}


/* Book now button on admin-edit page */
.toolbar-tray-open .booknow {
position: inherit;
}
/* Book now button - end*/

/* Welcome to Pendarren House outdoor education centre - element */
.full .field--name-localgov-page-summary {
font-weight: 700;
font-size: 3rem;
text-align: center;
margin: auto;
padding-bottom: 2rem;
margin-top: auto;
}

.pull-out-quote {
  min-height: 98%;
}
/*
.layout--threecol-33-34-33 {
  margin-bottom: 40px;
}


.pandarren-search-form input[type="text"] {
  border: solid 1px black;
}
*/
.pandarren-search-form input[type="submit"], .pandarren-search-form input[type="submit"]:hover, .pandarren-search-form input[type="submit"]:focus{
  color:#000000;
}

/* Element with 6 main sections */
.field.field--name-localgov-text.field--type-text-long.field--label-hidden.field__item:has(
  li
) {
min-height: 35rem;
/*min-height: 25rem;*/
}

/* Quote element - start*/
.lgd-page-section.lgd-page-section--full-width.padding-horizontal.lgd-page-section--has-bg-colour.lgd-page-section--bg-colour-6.paragraph.paragraph--type--localgov-page-section.paragraph--view-mode--default {
padding: 0px !important;
min-width: 100% !important;
}

.pull-out-quote.paragraph.paragraph--type--localgov-quote.paragraph--view-mode--default {
border: none;
background-color: orange;
padding: 2rem 7rem;
font-size: 1.3rem;
}

.pull-out-quote__content,
.pull-out-quote__author {
color: black !important;
}

.pull-out-quote__author {
text-align: right;
}
/* Quote element - end*/

/* sponsors section */

.lgd-page-section.lgd-page-section--contained-breakout.lgd-page-section--has-bg-colour.lgd-page-section--bg-colour-3.paragraph.paragraph--type--localgov-page-section.paragraph--view-mode--default {
background-color: transparent;
}

.lgd-page-section.lgd-page-section--contained-breakout.lgd-page-section--has-bg-colour.lgd-page-section--bg-colour-3.paragraph.paragraph--type--localgov-page-section.paragraph--view-mode--default
.layout__region.layout__region--first,
.lgd-page-section.lgd-page-section--contained-breakout.lgd-page-section--has-bg-colour.lgd-page-section--bg-colour-3.paragraph.paragraph--type--localgov-page-section.paragraph--view-mode--default
.layout__region.layout__region--second,
.lgd-page-section.lgd-page-section--contained-breakout.lgd-page-section--has-bg-colour.lgd-page-section--bg-colour-3.paragraph.paragraph--type--localgov-page-section.paragraph--view-mode--default
.layout__region.layout__region--third {
display: flex;
}

/* text with image element */
.paragraph.paragraph--type--localgov-media-with-text.paragraph--view-mode--default.media-with-text.media-with-text--default.media-with-text--media-top {
min-height: 20rem;
}


/* hide homepage breadcrumb & title */
.microsite-header__pre-header .lgd-region--search label,
.home h1.full__title, .home .full__title, .home .full__breadcrumbs {
  display: none !important;   
}


.off-canvas { 
  height: fit-content !important;
}

/* Footer */
.microsite-footer__block.microsite-footer__text-block a:hover,
.field--name-lgms-footer-copyright-notice a:hover {
color: orange;
}

body > div > footer > div > div > div:nth-child(1) {
justify-content: space-evenly !important;
}

.lgd-row__one-quarter {
display: flex;
justify-content: space-around;
}
/*
body > div > footer > div > div > div:nth-child(1) > div:nth-child(3) {
margin-right: 0px;
}
*/
.region-microsites-footer h2 {
margin-bottom: 2rem;
}

.field.field--name-lgms-footer-copyright-notice.field--type-text-long.field--label-hidden.field__item
> p {
text-align: center;
}

/* paragraphs to have full width */
.field.field--name-localgov-text.field--type-text-long.field--label-hidden.field__item {
max-width: 100%;
}

/* News when a year is selected to filter - results page */
#block-pendarren-main-page-content--2 > div > div > div > div > article {
margin-top: 2rem;
}

/* Search results page */
.lgd-search-results-list__header-container {
margin-top: 3rem;
}

/* Mobile menu off-canvas element */
#off-canvas {
background-color: #245148;
}

.off-canvas__close,
.off-canvas__close:focus,
.off-canvas__close:active,
.off-canvas__close:hover {
background-color: black;
}

.off-canvas a:focus, .off-canvas a:hover {
  color: #ffffff !important;
}

/* Main navigation */

.menu__sub-menu-toggle {
background-color: transparent !important;
}

.menu__sub-menu-toggle-icon {
background-color: white !important;
}

.menu.menu--sub-menu.menu--sub-menu-level-1.menu---sub-menu {
background-color: #245148;
left: calc(var(--menu-item-padding) * -0.5);
}
 

/* Drupal Button on login page and invite new users page, etc  */
#edit-submit {
background-color: orange;
color: black;
}


body > div.dialog-off-canvas-main-canvas > header > div.microsite-header__pre-header > div > div {
  /*background-color: red; */
  width: 70%;
  /*margin-left: 0px;*/
}

.block-addtoany-block {
  display: flex;
  justify-content: center;
}


.page-section-background, .paragraph-with-background-image {
  background-size: cover;
  background-position: 25% 50%;
  padding: 20px;
  color: white;
  object-fit: cover;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 100%;
}

/*
.form-submit {
  position: relative;
  color: transparent; 
}


.form-submit::after {
  content: "Go"; 
  position: absolute;
  top: 0;
  left: 0;
  color: black; 
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
*/

.pandarren-search-form input[type="text"]:focus {
  border-color: none;
} 

.block-social-media-platforms {
  padding-top: 10px;
}

.social-media-platforms__container {
  display: flex;
  justify-content: center;
}

.social-media-platforms__container a {
  padding-right: 10px;
}

.social-media-platforms__container a:focus {
  /*text-decoration: none;
  color: var(--color-black);
  outline: 3px solid transparent; */
  padding: auto;
  background-color: #245148;
  box-shadow: 0 -2px #245148, 0 4px #245148;
}


.microsite-footer__block > div > ul {
  padding-left: 30px;
}





.microsite-footer__copyright img {
  margin-left: auto;
  margin-right: auto;
}


    @media screen and (min-width: 768px) {

      .microsite-header__main {
        display: block !important;
      }
     
      .microsite-header__menus {
        display: flex;
        flex-direction: column;
        margin-left: auto;
        align-items: center;
    }


     .microsite-header__pre-header {
      display: flex;
      flex-direction: row-reverse;
      margin-top: 0px;
      justify-content: right;
     }
     
     .menu-item {
      padding-left: 0.5rem;
    }

    .region-main-menu .lgd-container {
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
    }


     .booknow > div > p > a {
      color: black;
      background: orange;
      top: 2rem;
      right: 20px;
      font-weight: 900;
      font-size: 1.3rem;
      text-align: center;
      padding: 1rem 1.5rem;
      position:absolute;
    }
  }    


  /* Small devices (portrait tablets and large phones, 600px and down) */
 
@media only screen and (max-width: 600px) {
  h2 {
    font-size: 2rem;
  }
  p {
    font-size: 1.2rem;
  }

.main {
  margin-top:24px;
}
  
body > div.dialog-off-canvas-main-canvas > header > div.microsite-header__pre-header > div > div > div {
  margin-left: 8px;
  margin-right: 8px;
}

.page-section-background {

   background-position: center !important;
}

/* hide search block */
/*
.form-actions.js-form-wrapper.form-wrapper, #edit-s{
    display: none; 
}

#block-pendarren-sitewide-search-block,
#edit-s {
  display: none;
}
*/
.block-localgov-sitewide-search-block,
.views-exposed-form-localgov-sitewide-search-sitewide-search-page-block {
  display: none;
}

body > div.dialog-off-canvas-main-canvas > header > div.region-microsites-header > div {
  margin-top:60px;
}

  body
    > div
    > header
    > div.region-microsites-header
    > div
    > div
    > div.microsite-header__logo {
    left: calc(50% - 325px / 2);
  }


  body
    > div
    > header
    > div.region-microsites-header
    > div
    > div
    > div.microsite-header__off-canvas {
    right: 0;
    width: 100%;
    margin-top: 18rem;
    position: absolute;
  }

  body
    > div
    > header
    > div.region-microsites-header
    > div
    > div
    > div.microsite-header__off-canvas
    > button {
  
    width: 100%;
  }

  .microsite-header__off-canvas-toggle {
    border-color: #245148;
  }
  
  body > div.dialog-off-canvas-main-canvas > header > div.microsite-header__pre-header > div > div {
    width: 100%;
}

  .booknow > div > p > a {
    top: 10rem;
    width: 100%;
    right: 0;
    left: 0;
  }

  .social-media-platforms__container {
    display: flex;
    justify-content: center;
    /*padding-top: 0px; */
    padding-left: 0px;
}


  body > div.dialog-off-canvas-main-canvas > header > div.region-microsites-header
  {
    display: flex;
    flex-direction: column-reverse;
  }

  .microsite-header {
    display: flex;
    flex-direction: column-reverse;
  }
    

  .region-microsites-header {
    background-color: #245148 !important;
  }


  button, input[type="submit"] {
   cursor: pointer;
    color: var(--button-text-color);
    border: var(--border);
    border-color: var(--button-border-color);
    border-radius: var(--button-border-radius);
    background-color: var(--button-bg-color);
    font-family: var(--button-font-family);
  
}

.pull-out-quote.paragraph.paragraph--type--localgov-quote.paragraph--view-mode--default {
  border: none;
  background-color: orange;
  padding: 2rem;
  font-size: 2rem;
  color: #000000 !important;
}


.field.field--name-localgov-text.field--type-text-long.field--label-hidden.field__item:has( li ) {
  min-height: 25rem; 
}

.region-microsites-footer {
  padding: 20px;
}

.lgd-row {
  display: flex;
  flex-direction: column; 
  align-items: center; 
  text-align: center; 
  margin-bottom: 20px; 
}

.lgd-row__one-quarter {
  width: 100%; 
  margin-bottom: 10px; 
}

.microsite-footer__block {
  padding: 15px;
  border-radius: 5px; 
}

.social-media-platforms__link a:focus {
  outline: 3px solid transparent black; 
  background-color: var(--color-focus);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-black);
}


}