/*****
Last updated : 21/11/2024
*****/


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

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

/*
.microsite-header__logo {
  width: 100% !important;
}





.region-microsites-header {
  display: flex;
  justify-content: center;
}

.microsite-header__pre-header {
    display: flex;
    justify-content: flex-end;
}

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

}*/


.region-microsites-header a {
  color: #ffffff !important;
}

#edit-submit-localgov-sitewide-search--2,  
#edit-submit-localgov-sitewide-search {
    background: #0B76B2;
    color: #ffffff;
    border-radius: 7px;
    border-color: white;
}

/* search label above the search bar */
#views-exposed-form-localgov-sitewide-search-sitewide-search-page-block
  > div.js-form-item.form-item.js-form-type-textfield.form-item-s.js-form-item-s
  > label {
  display: none;
}

#edit-s--2,
#edit-s {
  border: 1px solid black;
}

#edit-submit-localgov-sitewide-search {
    background: #0B76B2;
    color: #ffffff;
    border-radius: 7px;
    border-color: white;
}

#edit-submit-localgov-sitewide-search {
    background: #0B76B2;
    color: #ffffff;
    border-radius: 7px;
    border-color: white;
}


body > div > header > div.region-microsites-header {
    padding: 0.5rem;
  }

/*

#edit-s--2 {
 background: green !important;
}

#edit-s--2, .path-search .lgd-region__inner--search 
{
  display:none;	
}

.path-search .microsite-header {
   margin-bottom: 70px;
}


#block-sitewidesearchblock {
  display: none;
}
*/


.block-localgov-sitewide-search-block input[type=text],
.block-localgov-sitewide-search-block input[type=text]:active,
#block-sitewidesearchblock input[type=text],
#block-sidewidesearchblock input[type=text]:active
{
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  background-image: url('searchicon.png');
  background-position: 2% 50%;
  background-repeat: no-repeat;
  padding-left: 40px;
  outline: none;
  border-radius: 7px;
}

.paragraph ul li, ol li {
    line-height: 2.1;
   }
   
   p { line-height: 1.8;}
   
   .lgd-region--header {
     background-color: #0B76B2;
     z-index: 99;
   }
   
   .lgd-region__inner--header {
     border-bottom: solid 5px white;
   }
   
   .lgd-region--header .menu {
      display: flex;
      /* background: red; */
       justify-content: center;
   }
   
   /* Active menu item */
   .menu-item.menu-item--level-0:has(.is-active) {
     background-color: #0B76B2;
     /*background-color: #0B76B2;*/
   }
   
   .is-active {
     color: black !important;
   }
   
   .menu-item.menu-item--level-1 a {
     color: #ffffff !important;
   }
  
   .menu-item {
     padding: 0.5rem 1rem;
   }
  
  /* 
   .menu__sub-menu-toggle-icon {
    background-color: #FDF2A8 !important;
    } 

   
   .menu {
     margin: 0.5rem;
   }
   
   .menu-item {
     display: inline-block;
   }
  */   
  /* 
   .menu-item a {
     color: #ffffff; 
     text-decoration: none;
     font-weight: bold;
   }
   */
   .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:hover {
     text-decoration: underline;
   }
   
   .menu.menu--sub-menu.menu--sub-menu-level-1.menu---sub-menu {
    background-color: #0B76B2 !important;
   /* left: calc(var(--menu-item-padding)* -0.5); */
}

.js .microsite-header__menu .menu .menu {
  background: #0B76B2 !important;
}
   
   .paragraph .link--button-style .link-wrapper {
       padding: var(--button-padding-vertical) var(--button-padding-horizontal) var(--button-padding-vertical) var(--button-padding-horizontal);
       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);
       font-size: var(--font-size-large) !important;
       font-weight: bold;
       color: white;
   }
   
   .paragraph .link--button-style .link-wrapper:hover {
      background-color: #FDF2A8; 
      color:#0B76B2;
  }
   /* Main menu on 404 page */
   body
     > div
     > header
     > div
     > div
     > div
     > div
     > div.lgd-region.lgd-region--header.region.region-header {
     display: none;
   }
 


/* 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: 3rem 10rem;
    font-size: 2rem;
  }
  
  .pull-out-quote__content,
  .pull-out-quote__author {
    color: black;
  }
  
  h2 a,h3 a,h4 a,h5 a,h6 a{
   color: #0B76B2;
  }
  
  .pull-out-quote__author {
    text-align: right;
  }
  /* Quote element - end*/   


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

  .off-canvas a, .off-canvas a:active, .off-canvas a:focus, .off-canvas a:hover    { 
    color: #ffffff !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: center !important;
 }
 
 .lgd-row__one-quarter {
   display: flex;
   justify-content: center;
   width: 100% !important;
 }
 
 .field--name-lgms-footer-text-block-1 {
    text-align: center;
 }
 
 .region-microsites-footer h2 {
    color: #0B76B2;
}

 /*
 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%;
 }
 
 #main-content img {
  display: block;
  width: 100% !important;
  max-height: 50% !important;
}
 
 .region-microsites-footer h2 {
  color: #0B76B2 !important;
}

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

  .microsite-header__logo {
   margin-left: -7rem; 
  }
  
  
  .region-microsites-header {
      display: flex;
      align-content: flex-start;
      justify-content: center;
  }
  .microsite-header__pre-header {
    background-color: white;
  }
  
  .microsite-header__search {
    display: flex;
    justify-content: flex-end;
  }
}

/* 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;
  }

  body > div > header {
    margin-top: 120px;
  }

  .microsite-header__logo {
    top: 18px;
    position: absolute;
    max-width: 100% !important;
    left: 0px;
}

 /* 
  
  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;
    top: 5rem;
    width: 100%;
    margin-top: 1.7rem;
    position: absolute;
  /*  padding: var(--button-padding-vertical) var(--button-padding-horizontal) var(--button-padding-vertical) var(--button-padding-horizontal);
  */
  }

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

/*
  #edit-s {
    width: 75vw;
  }
*/
.microsite-header__pre-header {
  padding: 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: #0B76B2 !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);
    font-size: var(--font-size-large);
}

#edit-submit-localgov-sitewide-search {
  padding-left: 5px !important;
}

.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; 
}

}