Chris@0: /* ------------------ Header ------------------ */
Chris@0: #header {
Chris@0:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@0: }
Chris@0: .header .section {
Chris@0:   position: relative;
Chris@0: }
Chris@0: .region-header {
Chris@0:   padding: 0.357em 15px 0;
Chris@0: }
Chris@0: .region-header .site-branding {
Chris@0:   margin-top: 0.429em;
Chris@0: }
Chris@14: 
Chris@0: @media all and (min-width: 461px) {
Chris@0:   .region-header .block {
Chris@0:     float: right; /* LTR */
Chris@0:     margin-top: 0.357em;
Chris@0:   }
Chris@0:   [dir="rtl"] .region-header .block {
Chris@0:     float: left;
Chris@0:   }
Chris@0:   .region-header .site-branding {
Chris@0:     float: left; /* LTR */
Chris@0:     /* margin-bottom: 1.857em; */
Chris@0:   }
Chris@0:   [dir="rtl"] .region-header .site-branding {
Chris@0:     float: right;
Chris@0:   }
Chris@0: }
Chris@14: 
Chris@0: @media screen and (max-width: 460px) {
Chris@0:   .region-header {
Chris@0:     padding-bottom: 0.357em;
Chris@0:   }
Chris@0: }
Chris@0: /* Region header blocks. */
Chris@0: .region-header .block:not(.site-branding) {
Chris@18:   clear: right;
Chris@18:   margin: 0 0 1em;
Chris@0:   font-size: 0.857em;
Chris@0: }
Chris@14: 
Chris@0: @media all and (min-width: 901px) {
Chris@0:   .region-header .block:not(.site-branding) {
Chris@0:     margin: 1.167em 0 1em;
Chris@0:   }
Chris@0: }
Chris@0: .region-header .block > h2 {
Chris@0:   /* @extend .visually-hidden */
Chris@0:   position: absolute !important;
Chris@18:   overflow: hidden;
Chris@0:   clip: rect(1px, 1px, 1px, 1px);
Chris@0:   height: 1px;
Chris@0: }
Chris@0: .header .block .content {
Chris@0:   margin: 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .region-header .block ul {
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .region-header .block li {
Chris@18:   padding: 0;
Chris@0:   list-style: none;
Chris@0:   list-style-image: none;
Chris@0: }
Chris@0: .region-header .branding {
Chris@0:   font-size: 1em;
Chris@0: }
Chris@0: .region-header .form-text {
Chris@18:   width: 120px;
Chris@18:   margin-right: 2px; /* LTR */
Chris@18:   border-color: #ccc;
Chris@18:   border-color: rgba(255, 255, 255, 0.3);
Chris@0:   background: #fefefe;
Chris@0:   background: rgba(255, 255, 255, 0.7);
Chris@0: }
Chris@0: [dir="rtl"] .region-header .form-text {
Chris@18:   margin-right: 0;
Chris@0:   margin-left: 2px;
Chris@0: }
Chris@0: .region-header .form-text:hover,
Chris@0: .region-header .form-text:focus,
Chris@0: .region-header .form-text:active {
Chris@0:   background: #fff;
Chris@0:   background: rgba(255, 255, 255, 0.8);
Chris@0: }
Chris@0: .region-header .form-required:after {
Chris@0:   background-image: url(../../images/required.svg);
Chris@0: }
Chris@0: /* Region header block menus. */
Chris@0: .region-header .block-menu {
Chris@18:   width: 208px;
Chris@18:   padding: 0;
Chris@0:   border: 1px solid;
Chris@0:   border-color: #eee;
Chris@0:   border-color: rgba(255, 255, 255, 0.2);
Chris@0: }
Chris@0: .region-header .block-menu li a {
Chris@0:   display: block;
Chris@18:   padding: 3px 7px;
Chris@0:   border-bottom: 1px solid;
Chris@0:   border-bottom-color: #eee;
Chris@0:   border-bottom-color: rgba(255, 255, 255, 0.2);
Chris@0: }
Chris@0: .region-header .block-menu li a:hover,
Chris@0: .region-header .block-menu li a:focus,
Chris@0: .region-header .block-menu li a:active {
Chris@0:   text-decoration: none;
Chris@0:   background: rgba(255, 255, 255, 0.15);
Chris@0: }
Chris@0: .region-header .block-menu li:last-child a {
Chris@0:   border-bottom: 0;
Chris@0: }
Chris@0: /* User Login block in the header region. */
Chris@0: .region-header #block-user-login {
Chris@0:   width: auto;
Chris@0: }
Chris@0: .region-header #block-user-login .content {
Chris@0:   margin-top: 2px;
Chris@0: }
Chris@0: .region-header #block-user-login .form-item {
Chris@0:   float: left; /* LTR */
Chris@0:   margin: 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .region-header #block-user-login div.item-list,
Chris@0: .region-header #block-user-login div.description {
Chris@18:   margin: 0;
Chris@0:   font-size: 0.916em;
Chris@0: }
Chris@0: .region-header #block-user-login div.item-list {
Chris@0:   clear: both;
Chris@0: }
Chris@0: .region-header #block-user-login div.description {
Chris@0:   display: inline;
Chris@0: }
Chris@0: .region-header #block-user-login .item-list ul {
Chris@0:   padding: 0;
Chris@0:   line-height: 1;
Chris@0: }
Chris@0: .region-header #block-user-login .item-list li {
Chris@0:   float: left; /* LTR */
Chris@0:   padding: 3px 0 1px;
Chris@18:   list-style: none;
Chris@0: }
Chris@0: .region-header #block-user-login .item-list li:last-child {
Chris@0:   padding-left: 0.5em; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .region-header #block-user-login .item-list li:last-child {
Chris@18:   padding-right: 0.5em;
Chris@0:   padding-left: 0;
Chris@0: }
Chris@0: .region-header #block-user-login .form-actions {
Chris@18:   clear: both;
Chris@0:   margin: 4px 0 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .region-header #block-user-login input.form-submit {
Chris@18:   margin: 4px 0;
Chris@18:   padding: 3px 8px;
Chris@0:   border: 1px solid;
Chris@0:   border-color: #ccc;
Chris@0:   border-color: rgba(255, 255, 255, 0.5);
Chris@0:   background: #eee;
Chris@0:   background: rgba(255, 255, 255, 0.7);
Chris@0: }
Chris@0: .region-header #block-user-login input.form-submit:hover,
Chris@0: .region-header #block-user-login input.form-submit:focus {
Chris@0:   background: #fff;
Chris@0:   background: rgba(255, 255, 255, 0.9);
Chris@0: }
Chris@0: /* Search block in header region. */
Chris@0: .region-header #block-search-form {
Chris@0:   width: 208px;
Chris@0: }
Chris@0: .region-header #block-search-form .form-text {
Chris@0:   width: 154px;
Chris@0: }
Chris@0: .region-header .search-block-form {
Chris@0:   float: right; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .region-header .search-block-form {
Chris@0:   float: left;
Chris@0: }
Chris@0: 
Chris@0: /* Language switcher block in header region. */
Chris@0: .region-header .block-locale ul li {
Chris@0:   display: inline;
Chris@0:   padding: 0 0.5em;
Chris@0: }
Chris@0: [role*=banner] a {
Chris@0:   border-bottom: none;
Chris@0: }
Chris@0: 
Chris@0: [dir="rtl"] .branding,
Chris@0: [dir="rtl"] .site-logo,
Chris@0: [dir="rtl"] .site-branding-text,
Chris@0: [dir="rtl"] .region-header #block-user-login .form-item,
Chris@0: [dir="rtl"] .region-header #block-user-login .item-list li {
Chris@0:   float: right;
Chris@0: }