/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/

/**
 * @file
 * Header
 */

/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/

/* Internal variables */

/*1px */

/*16px */

/*4px */

/*5.33333333px */

/*8px */

/*12px */

/*20px */

/*24px, */

/*32px */

/*44px (named after omicron variant BS.2.75.2) */

/*48px */

/*desktop + 32px; */

/*max-width + 64px; */

/* RGB colors, useful for when you need to include a color in an RGBA set. */

/* Mixins */

/* */

/* Hide elements visually, but keep them available for screen-readers. */

/* */

/* Used for information required for screen-reader users to understand and use */

/* the site where visual display is undesirable. Information provided in this */

/* manner should be kept concise, to avoid unnecessary burden on the user. */

/* "!important" is used to prevent unintentional overrides. */

/* */

.region-header {
  padding-top: var(--space);
  display: -ms-grid;
  display: grid;
  padding-top: var(--sesqui-space);
      grid-template-areas: "logo" "search";
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

@media (min-width: 769px) {

.region-header {
        grid-template-areas: "logo search" "logo social";
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -ms-grid-columns: 2fr auto;
    grid-template-columns: 2fr auto
}
  }

#block-rtv-exposedformsite-searchpage-1 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: search;
}

@media (min-width: 769px) {

#block-rtv-exposedformsite-searchpage-1 {
    justify-self: flex-end;
    margin-bottom: var(--space)
}
  }

@media (min-width: 569px) {

#block-rtv-exposedformsite-searchpage-1 #views-exposed-form-site-search-page-1 {
      padding: 0
  }
    }

#block-rtv-exposedformsite-searchpage-1.closed {
    max-height: 0;
    visibility: hidden;
  }

@media (min-width: 901px) {

#block-rtv-exposedformsite-searchpage-1.closed {
      max-height: inherit;
      visibility: visible;
      padding: 0
  }
    }

#block-rtv-exposedformsite-searchpage-1 .form--inline {
    padding-top: var(--space);
    padding-bottom: var(--double-space);
  }

@media (min-width: 769px) {

#block-rtv-exposedformsite-searchpage-1 .form--inline {
      padding: 0
  }
    }

#block-rtv-exposedformsite-searchpage-1.opened {
    background-color: white;
    box-shadow: inset rgba(var(--c-dark-gray-rgb),.3) 0px 0px 5px 1px;
    display: flex;
    justify-content: center;
  }

#block-rtv-exposedformsite-searchpage-1 .form--inline {
    display: block;
  }

@media (min-width: 701px) {

#block-rtv-exposedformsite-searchpage-1 input.form-text {
      width: 100%
  }
    }

@media (max-width: 768px) {

#block-socialmedia, #block-rtv-gethelp {
    display: none
}
  }

body:not(.is-always-mobile-nav) #block-socialmedia {
    font-family: var(--sans-serif);
    font-weight: 500;
  }

/* margin-inline-end: 0; */

@media (min-width: 769px) {

body:not(.is-always-mobile-nav) #block-socialmedia {
      grid-area: social;
      margin-top: 0;
      margin-bottom: var(--space)
  }
    }

@media (min-width: 901px) {

body:not(.is-always-mobile-nav) #block-socialmedia {
      /* margin-block-start: var(--space); */
  }
      body:not(.is-always-mobile-nav) #block-socialmedia .link--graphic {
        height: calc(var(--sesqui-space) + var(--quarter-space));
        width: calc(var(--sesqui-space) + var(--quarter-space));
      }
    }

@media (min-width: 701px) {

body:not(.is-always-mobile-nav) #block-rtv-gethelp {
      grid-area: help;
      margin-top: var(--space);
      margin-bottom: var(--space);
      display: flex;
      justify-content: center
  }
    }

@media (min-width: 476px) {

body:not(.is-always-mobile-nav) #block-rtv-gethelp {
      justify-content: flex-end
  }
    }

@media (max-width: 900px) {
      body:not(.is-always-mobile-nav) #block-rtv-gethelp .get-help-link__text {
        font-size: var(--fs-h4);
        line-height: var(--lh-h4);
      }
    }

#block-socialmedia ul.menu {
    list-style-type: none;
    padding-left: 0;
  }

@media (min-width: 391px) and (max-width: 475px){

#block-socialmedia ul.menu {
      justify-content: space-around
  }
    }

@media (min-width: 701px) {

#block-socialmedia ul.menu {
      justify-content: flex-end
  }
    }

#block-rtv-branding {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
}

@media (min-width: 769px) {

#block-rtv-exposedformsite-searchpage-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

body:not(.is-always-mobile-nav) #block-socialmedia {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

#block-rtv-branding {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}
}

#block-rtv-branding a {
    display: block;
    padding-bottom: var(--space);
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
  }

@media (min-width: 769px) {

#block-rtv-branding a {
      margin-left: 0;
      margin-right: 0
  }
    }

#block-rtv-branding:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
    background-image: url("../../images/dotted.png"); 
  background-repeat: repeat-x;
  }

@media (min-width: 769px) {

#block-rtv-branding:after {
      display: none
  }
    }

.sticky-header-toggle {
  display: none;
}