diff --git a/css/3_components/form/search-form.css b/css/3_components/form/search-form.css index 3c59482..f1e32d4 100644 --- a/css/3_components/form/search-form.css +++ b/css/3_components/form/search-form.css @@ -1 +1 @@ -.view-search-container form,#search-api-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:720px}.ga-aside .view-search-container form,.ga-aside #search-api-form{margin-bottom:1em}.view-search-container form .form-item-search-api-fulltext,.view-search-container form .form-item-search-api-views-fulltext,.view-search-container form .form-type-search-api-autocomplete,#search-api-form .form-item-search-api-fulltext,#search-api-form .form-item-search-api-views-fulltext,#search-api-form .form-type-search-api-autocomplete{-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1;max-width:375px;width:calc(100% - 6rem)}.view-search-container form>.form-wrapper,#search-api-form>.form-wrapper{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}.view-search-container form .form-actions,#search-api-form .form-actions{-webkit-box-flex:6rem;-ms-flex:6rem 0 0px;flex:6rem 0 0;-ms-flex-item-align:end;align-self:flex-end}.view-search-container form>.form-item,.view-search-container form>.form-actions,#search-api-form>.form-item,#search-api-form>.form-actions{margin:.5em 0}.view-search-container form label,#search-api-form label{font-size:1.6rem;line-height:1.5;margin:0 0 .5em}@media screen and (min-width: 768px){.view-search-container form label,#search-api-form label{font-size:1.8rem}}.view-search-container form input,#search-api-form input{font-size:1.6rem;line-height:1.5}@media screen and (min-width: 768px){.view-search-container form input,#search-api-form input{font-size:1.8rem}}.ga-aside .view-search-container form input,.ga-aside #search-api-form input{font-size:1.6rem}.view-search-container form input[type='search'],.view-search-container form input[type='text'],#search-api-form input[type='search'],#search-api-form input[type='text']{width:100%;min-width:120px;height:4.5rem;padding:.6rem;margin:0;border:1px solid #949494;border-right-width:0;background-color:#fff;color:#333}.view-search-container form input[type='search']:focus,.view-search-container form input[type='text']:focus,#search-api-form input[type='search']:focus,#search-api-form input[type='text']:focus{outline:3px solid #333;outline-offset:-2px;border-right-width:1px;border-color:#fff;position:relative;z-index:101}.view-search-container form input[type='submit'],#search-api-form input[type='submit']{width:6rem;min-width:auto;height:4.5rem;padding:0;margin:0;border-color:#096ab5;background:#0a78cd url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20width%3D%22100px%22%20height%3D%22100px%22%20preserveAspectRatio%3D%22xMinYMid%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esearch-icon%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M97.5%2C77.89a6%2C6%2C0%2C0%2C1-8.25%2C1.49L64.89%2C62.65a5.85%2C5.85%2C0%2C0%2C1-2.55-5A21.59%2C21.59%2C0%2C0%2C1%2C25.4%2C46.81a21.16%2C21.16%2C0%2C0%2C1%2C3.47-16%2C21.69%2C21.69%2C0%2C0%2C1%2C30-5.42%2C21.36%2C21.36%2C0%2C0%2C1%2C7.1%2C27%2C6%2C6%2C0%2C0%2C1%2C5.67.58L96%2C69.71A5.86%2C5.86%2C0%2C0%2C1%2C97.5%2C77.89ZM61.38%2C40.3a14.8%2C14.8%2C0%2C0%2C0-6.23-9.6%2C15.12%2C15.12%2C0%2C0%2C0-20.92%2C3.77A14.88%2C14.88%2C0%2C0%2C0%2C38%2C55.24%2C15.12%2C15.12%2C0%2C0%2C0%2C59%2C51.46%2C14.74%2C14.74%2C0%2C0%2C0%2C61.38%2C40.3Z%22%2F%3E%3C%2Fsvg%3E") 3px center no-repeat;background-size:4.2rem auto;text-indent:-9999px}.view-search-container form input[type='submit']:focus,#search-api-form input[type='submit']:focus{outline:3px solid #333;outline-offset:-2px;position:relative;z-index:101}.view-search-container form--page input[type='submit'],#search-api-form--page input[type='submit']{background-color:#0a78cd;border-color:#096ab5}.ga-aside .view-search-container form--page input,.ga-aside #search-api-form--page input{font-size:1.6rem}header #search-api-form{background-color:#0a78cd;padding:1rem 1.5rem 1rem 6rem;margin-bottom:0;max-width:100%}@media (min-width: 768px){header #search-api-form{background-color:inherit;padding:0}}@media (min-width: 980px){header #search-api-form{margin-top:.3rem}}header #search-api-form .form-type-search-api-autocomplete,header #search-api-form .form-type-search{max-width:100%;-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1}header #search-api-form>.form-item,header #search-api-form>.form-actions{margin:0}header #search-api-form input{height:4.4rem}header #search-api-form input[type='search']{font-size:1.6rem;max-width:100%;padding:0 .8rem;border-width:0}@media (min-width: 768px){header #search-api-form input[type='search']{border-width:1px;border-right-width:0}}header #search-api-form input[type='submit']{border-color:#c25804;background-color:#db6304;color:#fff}.search-form--site[type='submit']{border-color:#c25804;background-color:#db6304}.search-results .view-links{font-size:1.6rem;line-height:2.4rem}.facet-item--link .facet-item__value{-webkit-text-decoration:1px underline #0e6bb3;text-decoration:1px underline #0e6bb3}.facet-item--link:hover .facet-item__value{-webkit-text-decoration:2px underline #333;text-decoration:2px underline #333}@media (min-width: 0) and (max-width: 480px){.search-api-autocomplete-search{left:8px !important;width:calc(100% - 16px) !important}} +.view-search-container form,#search-api-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:720px}.ga-aside .view-search-container form,.ga-aside #search-api-form{margin-bottom:1em}.view-search-container form .form-item-search-api-fulltext,.view-search-container form .form-item-search-api-views-fulltext,.view-search-container form .form-type-search-api-autocomplete,#search-api-form .form-item-search-api-fulltext,#search-api-form .form-item-search-api-views-fulltext,#search-api-form .form-type-search-api-autocomplete{-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1;max-width:375px;width:calc(100% - 6rem)}.view-search-container form>.form-wrapper,#search-api-form>.form-wrapper{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}.view-search-container form .form-actions,#search-api-form .form-actions{-webkit-box-flex:6rem;-ms-flex:6rem 0 0px;flex:6rem 0 0;-ms-flex-item-align:end;align-self:flex-end}.view-search-container form>.form-item,.view-search-container form>.form-actions,#search-api-form>.form-item,#search-api-form>.form-actions{margin:.5em 0}.view-search-container form label,#search-api-form label{font-size:1.6rem;line-height:1.5;margin:0 0 .5em}@media screen and (min-width: 768px){.view-search-container form label,#search-api-form label{font-size:1.8rem}}.view-search-container form input,#search-api-form input{font-size:1.6rem;line-height:1.5}@media screen and (min-width: 768px){.view-search-container form input,#search-api-form input{font-size:1.8rem}}.ga-aside .view-search-container form input,.ga-aside #search-api-form input{font-size:1.6rem}.view-search-container form input[type='search'],.view-search-container form input[type='text'],#search-api-form input[type='search'],#search-api-form input[type='text']{width:100%;min-width:120px;height:4.5rem;padding:.6rem;margin:0;border:1px solid #949494;border-right-width:0;background-color:#fff;color:#333}.view-search-container form input[type='search']:focus,.view-search-container form input[type='text']:focus,#search-api-form input[type='search']:focus,#search-api-form input[type='text']:focus{outline:3px solid #333;outline-offset:-2px;border-right-width:1px;border-color:#fff;position:relative;z-index:101}.view-search-container form input[type='submit'],#search-api-form input[type='submit']{width:6rem;min-width:auto;height:4.5rem;padding:0;margin:0;border-color:#096ab5;background:#0a78cd url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20width%3D%22100px%22%20height%3D%22100px%22%20preserveAspectRatio%3D%22xMinYMid%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Esearch-icon%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M97.5%2C77.89a6%2C6%2C0%2C0%2C1-8.25%2C1.49L64.89%2C62.65a5.85%2C5.85%2C0%2C0%2C1-2.55-5A21.59%2C21.59%2C0%2C0%2C1%2C25.4%2C46.81a21.16%2C21.16%2C0%2C0%2C1%2C3.47-16%2C21.69%2C21.69%2C0%2C0%2C1%2C30-5.42%2C21.36%2C21.36%2C0%2C0%2C1%2C7.1%2C27%2C6%2C6%2C0%2C0%2C1%2C5.67.58L96%2C69.71A5.86%2C5.86%2C0%2C0%2C1%2C97.5%2C77.89ZM61.38%2C40.3a14.8%2C14.8%2C0%2C0%2C0-6.23-9.6%2C15.12%2C15.12%2C0%2C0%2C0-20.92%2C3.77A14.88%2C14.88%2C0%2C0%2C0%2C38%2C55.24%2C15.12%2C15.12%2C0%2C0%2C0%2C59%2C51.46%2C14.74%2C14.74%2C0%2C0%2C0%2C61.38%2C40.3Z%22%2F%3E%3C%2Fsvg%3E") 3px center no-repeat;background-size:4.2rem auto;text-indent:-9999px}.view-search-container form input[type='submit']:focus,#search-api-form input[type='submit']:focus{outline:3px solid #333;outline-offset:-2px;position:relative;z-index:101}.view-search-container form--page input[type='submit'],#search-api-form--page input[type='submit']{background-color:#0a78cd;border-color:#096ab5}.ga-aside .view-search-container form--page input,.ga-aside #search-api-form--page input{font-size:1.6rem}header #search-api-form{background-color:#0a78cd;padding:1rem 1.5rem 1rem 6rem;margin-bottom:0;max-width:100%}@media (min-width: 768px){header #search-api-form{background-color:inherit;padding:0}}@media (min-width: 980px){header #search-api-form{margin-top:.3rem}}header #search-api-form .form-type-search-api-autocomplete,header #search-api-form .form-type-search{max-width:100%;-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1}header #search-api-form>.form-item,header #search-api-form>.form-actions{margin:0}header #search-api-form input{height:4.4rem}header #search-api-form input[type='search']{font-size:1.6rem;max-width:100%;padding:0 .8rem;border-width:0}@media (min-width: 768px){header #search-api-form input[type='search']{border-width:1px;border-right-width:0}}header #search-api-form input[type='submit']{border-color:#096ab5;background-color:#0a78cd;color:#fff}.search-form--site[type='submit']{border-color:#096ab5;background-color:#0a78cd}.search-results .view-links{font-size:1.6rem;line-height:2.4rem}.facet-item--link .facet-item__value{-webkit-text-decoration:1px underline #0e6bb3;text-decoration:1px underline #0e6bb3}.facet-item--link:hover .facet-item__value{-webkit-text-decoration:2px underline #333;text-decoration:2px underline #333}@media (min-width: 0) and (max-width: 480px){.search-api-autocomplete-search{left:8px !important;width:calc(100% - 16px) !important}} diff --git a/css/3_components/layout/footer.css b/css/3_components/layout/footer.css index bc76d3e..7ab2396 100644 --- a/css/3_components/layout/footer.css +++ b/css/3_components/layout/footer.css @@ -1 +1 @@ -.footer{width:100%;background-color:#e8e7e7;padding:0 0 4.5em;margin-top:0}@media (min-width: 980px){.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer-main{-ms-flex-item-align:end;align-self:flex-end}@media (min-width: 980px){.footer .nav-menu{margin-bottom:0}}.footer .nav-social{grid-area:social} +.footer{width:100%;background-color:#e8e7e7;padding:0 0 4.5em;margin-top:0;border-top:5px solid #076cba}@media (min-width: 980px){.footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer-main{-ms-flex-item-align:end;align-self:flex-end}@media (min-width: 980px){.footer .nav-menu{margin-bottom:0}}.footer .nav-social{grid-area:social} diff --git a/css/3_components/layout/header.css b/css/3_components/layout/header.css index cdf8057..5a77128 100644 --- a/css/3_components/layout/header.css +++ b/css/3_components/layout/header.css @@ -1 +1 @@ -.header{display:grid;grid-gap:0;grid-template-columns:1fr;grid-template-rows:12.6rem 6.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header>*{-ms-flex-item-align:center;align-self:center}@media (min-width: 600px){.header{grid-template-rows:13.5rem 6.5rem}}@media (min-width: 768px){.header{grid-template-columns:45% 42.56%;grid-template-rows:15.3rem;margin:0 auto;max-width:980px;padding:0 20px 10px;border-bottom:5px solid #00aae5}} +.header{display:grid;grid-gap:0;grid-template-columns:1fr;grid-template-rows:12.6rem 6.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header>*{-ms-flex-item-align:center;align-self:center}@media (min-width: 600px){.header{grid-template-rows:13.5rem 6.5rem}}@media (min-width: 768px){.header{grid-template-columns:45% 42.56%;grid-template-rows:15.3rem;margin:0 auto;max-width:980px;padding:0 20px 10px}} diff --git a/css/3_components/layout/main-menu.css b/css/3_components/layout/main-menu.css index f8ba89c..dc4e266 100644 --- a/css/3_components/layout/main-menu.css +++ b/css/3_components/layout/main-menu.css @@ -1 +1 @@ -.main-menu{background-color:#0a78cd;position:relative}@media (min-width: 768px){.main-menu{background-color:transparent;padding:0;grid-column-start:1;grid-column-end:span 2}}.main-menu .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;padding:1rem 0}@media (min-width: 768px){.main-menu .nav-main{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:980px;margin:0 auto;padding:0}}.main-menu .nav-menu{width:100%;margin:0;padding:0}@media (min-width: 768px){.main-menu .nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}}.main-menu .nav-link{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s;font-size:1.6rem;line-height:2.4rem;display:block;padding:1rem 1.6rem}.main-menu .nav-link:visited,.main-menu .nav-link.visited{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}.main-menu .nav-link:focus,.main-menu .nav-link.focus{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:3px solid #fff;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}.main-menu .nav-link:hover,.main-menu .nav-link.hover{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:3px solid #fff;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}.main-menu .nav-link:active,.main-menu .nav-link.active{color:#fff;background-color:#076cba;text-decoration:none;-webkit-box-shadow:inset 8px 0 0 0 #0b1951;box-shadow:inset 8px 0 0 0 #0b1951;outline:0;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}@media (min-width: 768px){.main-menu .nav-link{color:#0e6bb3;padding:1rem}.main-menu .nav-link:visited,.main-menu .nav-link.visited{color:#0e6bb3}.main-menu .nav-link:focus,.main-menu .nav-link.focus{color:#0e6bb3}.main-menu .nav-link:hover,.main-menu .nav-link.hover{color:#0e6bb3}.main-menu .nav-link:active,.main-menu .nav-link.active{color:#0e6bb3;-webkit-box-shadow:inset 0 -7px 0 0 #0b1951;box-shadow:inset 0 -7px 0 0 #0b1951}}@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active){.main-menu .nav-link{position:relative;outline:none !important}.main-menu .nav-link::after{content:'';display:block;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;left:8px;top:8px}.main-menu .nav-link:hover::after,.main-menu .nav-link:focus::after{border:3px solid #fff}}.main-menu .nav-social{width:100%;list-style:none;padding:0 12px;margin:1em 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 768px){.main-menu .nav-social{width:auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0}}.main-menu .nav-social li{margin:0;padding:0;font-size:0;border:0}.main-menu .nav-social a{outline:0 solid transparent;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none;display:block;width:4.4rem;height:4.4rem;overflow:hidden;padding:0;margin:0;background:center center/3.6rem auto no-repeat transparent;font-size:0;text-indent:-9999px}.main-menu .nav-social a:visited,.main-menu .nav-social a.visited{outline:0 solid transparent;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}.main-menu .nav-social a:focus,.main-menu .nav-social a.focus{outline:3px solid #fff;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}.main-menu .nav-social a:hover,.main-menu .nav-social a.hover{outline:3px solid #fff;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}.main-menu .nav-social a:active,.main-menu .nav-social a.active{outline:0;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}@media (min-width: 768px){.main-menu .nav-social a{width:4rem;height:4rem;margin:1rem 0;background-size:3.6rem auto}}.main-menu .nav-social a[href*='https://twitter.com']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Etwitter%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M77.5%2C33.75l0%2C2.08c0%2C21.36-14.52%2C46-41.06%2C46a37.47%2C37.47%2C0%2C0%2C1-22.1-7.29%2C24.06%2C24.06%2C0%2C0%2C0%2C3.43.25%2C27.08%2C27.08%2C0%2C0%2C0%2C17.92-6.94C29.4%2C67.72%2C24.11%2C63%2C22.25%2C56.62a12.35%2C12.35%2C0%2C0%2C0%2C2.72.29%2C13%2C13%2C0%2C0%2C0%2C3.79-.57c-6.58-1.48-11.56-8-11.56-15.83v-0.2a13.06%2C13.06%2C0%2C0%2C0%2C6.51%2C2%2C16.73%2C16.73%2C0%2C0%2C1-6.4-13.43%2C17.4%2C17.4%2C0%2C0%2C1%2C2-8.13C26.36%2C30.54%2C37%2C36.95%2C49%2C37.63a17.09%2C17.09%2C0%2C0%2C1-.36-3.69c0-8.9%2C6.43-16.15%2C14.41-16.15A13.87%2C13.87%2C0%2C0%2C1%2C73.6%2C22.88%2C27.28%2C27.28%2C0%2C0%2C0%2C82.76%2C19a15.91%2C15.91%2C0%2C0%2C1-6.37%2C8.94%2C26.72%2C26.72%2C0%2C0%2C0%2C8.3-2.56%2C32%2C32%2C0%2C0%2C1-7.19%2C8.38h0Zm0%2C0%22%2F%3E%3C%2Fsvg%3E")}.main-menu .nav-social a[href*='https://www.facebook.com']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Efacebook%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M69%2C50H58.27V87.2h-18V50h-7V37.45h7v-8C40.28%2C19%2C44.93%2C12.8%2C58.16%2C12.8H71.54V25.29H63.76c-5.14%2C0-5.47%2C1.8-5.47%2C5.12l0%2C7H70.5Zm0%2C0%22%2F%3E%3C%2Fsvg%3E")}.main-menu .nav-social a[href*='https://www.youtube.com']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eyoutube%3C%2Ftitle%3E%3Cpath%20id%3D%22YouTube%22%20class%3D%22cls-1%22%20d%3D%22M68.43%2C64.83H64.92l0-2a1.65%2C1.65%2C0%2C0%2C1%2C1.65-1.65h0.22a1.66%2C1.66%2C0%2C0%2C1%2C1.66%2C1.65ZM55.27%2C60.46a1.5%2C1.5%2C0%2C0%2C0-1.62%2C1.33V71.7a1.65%2C1.65%2C0%2C0%2C0%2C3.24%2C0V61.79A1.5%2C1.5%2C0%2C0%2C0%2C55.27%2C60.46Zm21.38-5.54V73.77A8.51%2C8.51%2C0%2C0%2C1%2C67.93%2C82H32.08a8.51%2C8.51%2C0%2C0%2C1-8.72-8.22V54.92a8.51%2C8.51%2C0%2C0%2C1%2C8.72-8.23H67.93A8.51%2C8.51%2C0%2C0%2C1%2C76.64%2C54.92ZM34.47%2C75.82V56h4.44V53L27.06%2C53v2.89h3.7V75.82h3.71ZM47.79%2C58.92H44.08V69.52a18.83%2C18.83%2C0%2C0%2C1%2C0%2C2.57c-0.3.82-1.66%2C1.7-2.18%2C0.09a21.24%2C21.24%2C0%2C0%2C1%2C0-2.59l0-10.68H38.18V69.43c0%2C1.61%2C0%2C2.81%2C0%2C3.36%2C0.09%2C1%2C.06%2C2.09%2C1%2C2.73%2C1.67%2C1.2%2C4.86-.18%2C5.66-1.89v2.19h3V58.92h0ZM59.64%2C71.06V62.23c0-3.37-2.52-5.38-5.94-2.66V53H50l0%2C22.66%2C3%2C0%2C0.28-1.41C57.2%2C77.79%2C59.65%2C75.34%2C59.64%2C71.06Zm11.6-1.17H68.46c0%2C0.11%2C0%2C.24%2C0%2C0.38v1.55a1.52%2C1.52%2C0%2C0%2C1-1.52%2C1.5H66.39a1.52%2C1.52%2C0%2C0%2C1-1.52-1.5V67.76h6.36V65.36a38%2C38%2C0%2C0%2C0-.19-4.5c-0.46-3.16-4.9-3.67-7.14-2a4.19%2C4.19%2C0%2C0%2C0-1.55%2C2.09%2C11.77%2C11.77%2C0%2C0%2C0-.47%2C3.73v5.26C61.87%2C78.66%2C72.5%2C77.42%2C71.24%2C69.89ZM57%2C41.31a2.52%2C2.52%2C0%2C0%2C0%2C.89%2C1.13%2C2.58%2C2.58%2C0%2C0%2C0%2C1.52.42%2C2.36%2C2.36%2C0%2C0%2C0%2C1.42-.44%2C3.4%2C3.4%2C0%2C0%2C0%2C1-1.33l-0.07%2C1.45h4.13V25H62.66V38.65a1.35%2C1.35%2C0%2C0%2C1-2.71%2C0V25H56.56V36.82c0%2C1.51%2C0%2C2.51.07%2C3A5.11%2C5.11%2C0%2C0%2C0%2C57%2C41.31ZM44.47%2C31.39a14.58%2C14.58%2C0%2C0%2C1%2C.42-4%2C4.23%2C4.23%2C0%2C0%2C1%2C4.32-3.14%2C5.13%2C5.13%2C0%2C0%2C1%2C2.46.55%2C4.11%2C4.11%2C0%2C0%2C1%2C1.58%2C1.44A5.69%2C5.69%2C0%2C0%2C1%2C54%2C28.12%2C14.57%2C14.57%2C0%2C0%2C1%2C54.22%2C31v4.44A24.1%2C24.1%2C0%2C0%2C1%2C54%2C39a5.69%2C5.69%2C0%2C0%2C1-.81%2C2.13%2C3.86%2C3.86%2C0%2C0%2C1-1.59%2C1.46%2C5.08%2C5.08%2C0%2C0%2C1-2.24.47%2C6.22%2C6.22%2C0%2C0%2C1-2.39-.4%2C3.28%2C3.28%2C0%2C0%2C1-1.52-1.22%2C5.41%2C5.41%2C0%2C0%2C1-.78-2A19%2C19%2C0%2C0%2C1%2C44.47%2C36V31.39h0Zm3.23%2C7a1.65%2C1.65%2C0%2C1%2C0%2C3.28%2C0V29a1.65%2C1.65%2C0%2C1%2C0-3.28%2C0v9.35ZM36.28%2C43.09h3.9V29.62l4.6-11.54H40.52l-2.45%2C8.57-2.48-8.59H31.37l4.9%2C11.57V43.09Z%22%2F%3E%3C%2Fsvg%3E")}.main-menu .nav-social a[href*='/news-rss.xml']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Erss%3C%2Ftitle%3E%3Cg%20id%3D%22lines_Group_%22%20data-name%3D%22lines%20%26lt%3BGroup%26gt%3B%22%3E%3Ccircle%20id%3D%22circle%22%20class%3D%22cls-1%22%20cx%3D%2227.56%22%20cy%3D%2273.55%22%20r%3D%228.58%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C51.92a29.81%2C29.81%2C0%2C0%2C1%2C21.27%2C8.85%2C30.16%2C30.16%2C0%2C0%2C1%2C8.82%2C21.42H61.47A42.61%2C42.61%2C0%2C0%2C0%2C19%2C39.54V51.92Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C30A52.15%2C52.15%2C0%2C0%2C1%2C71%2C82.2H83.34A64.55%2C64.55%2C0%2C0%2C0%2C19%2C17.58V30Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.main-menu .hamburger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:4.5rem;height:4.5rem;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#0a78cd;position:absolute;top:-5.5rem;left:.7rem;z-index:1}.path-search .main-menu .hamburger{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0;top:-6.5rem;width:100%;height:6.5rem;padding:1rem 1.5rem}.main-menu .hamburger:focus{outline:3px solid #fff;outline-offset:-3px}.path-search .main-menu .hamburger:focus{outline-offset:-6px}.main-menu .hamburger[hidden]{display:none}@media (min-width: 768px){.main-menu .hamburger{display:none}}.main-menu .hamburger>span{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;max-width:3rem;height:.3rem;background:#fff;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}.main-menu .hamburger>span::after,.main-menu .hamburger>span::before{content:'';position:absolute;z-index:1;top:-.9rem;left:0;width:100%;height:.3rem;background:inherit}.main-menu .hamburger>span::after{top:.9rem}.main-menu .hamburger[aria-expanded='true']>span{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.main-menu .hamburger[aria-expanded='true']>span::before,.main-menu .hamburger[aria-expanded='true']>span::after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.main-menu .hamburger[aria-expanded='true']:hover>span{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.main-menu .hamburger:not([hidden]) ~ .nav-main{display:none;max-height:0;overflow:hidden;-webkit-transition:max-height 1s ease;transition:max-height 1s ease}@media (min-width: 768px){.main-menu .hamburger:not([hidden]) ~ .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:6rem}}.main-menu .hamburger[aria-expanded='true'] ~ .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:60rem} +.main-menu{background-color:#0a78cd;position:relative}@media (min-width: 768px){.main-menu{background-color:transparent;padding:0;grid-column-start:1;grid-column-end:span 2}}.main-menu .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;padding:1rem 0}@media (min-width: 768px){.main-menu .nav-main{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:980px;margin:0 auto;padding:0}}.main-menu .nav-menu{width:100%;margin:0;padding:0}@media (min-width: 768px){.main-menu .nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}}.main-menu .nav-link{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s;font-size:1.6rem;line-height:2.4rem;display:block;padding:1rem 1.6rem}.main-menu .nav-link:visited,.main-menu .nav-link.visited{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}.main-menu .nav-link:focus,.main-menu .nav-link.focus{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:3px solid #fff;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}.main-menu .nav-link:hover,.main-menu .nav-link.hover{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:3px solid #fff;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}.main-menu .nav-link:active,.main-menu .nav-link.active{color:#fff;background-color:#076cba;text-decoration:none;-webkit-box-shadow:inset 8px 0 0 0 #0b1951;box-shadow:inset 8px 0 0 0 #0b1951;outline:0;outline-offset:-8px;-webkit-transition:outline-color .3s;transition:outline-color .3s}@media (min-width: 768px){.main-menu .nav-link{color:#0e6bb3;padding:1rem}.main-menu .nav-link:visited,.main-menu .nav-link.visited{color:#0e6bb3}.main-menu .nav-link:focus,.main-menu .nav-link.focus{color:#0e6bb3}.main-menu .nav-link:hover,.main-menu .nav-link.hover{color:#0e6bb3}.main-menu .nav-link:active,.main-menu .nav-link.active{color:#0e6bb3;-webkit-box-shadow:inset 0 -7px 0 0 #0b1951;box-shadow:inset 0 -7px 0 0 #0b1951}}@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active){.main-menu .nav-link{position:relative;outline:none !important}.main-menu .nav-link::after{content:'';display:block;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;left:8px;top:8px}.main-menu .nav-link:hover::after,.main-menu .nav-link:focus::after{border:3px solid #fff}}.main-menu .nav-social{width:100%;list-style:none;padding:0 12px;margin:1em 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 768px){.main-menu .nav-social{width:auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0}}.main-menu .nav-social li{margin:0;padding:0;font-size:0;border:0}.main-menu .nav-social a{outline:0 solid transparent;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none;display:block;width:4.4rem;height:4.4rem;overflow:hidden;padding:0;margin:0;background:center center/3.6rem auto no-repeat transparent;font-size:0;text-indent:-9999px}.main-menu .nav-social a:visited,.main-menu .nav-social a.visited{outline:0 solid transparent;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}.main-menu .nav-social a:focus,.main-menu .nav-social a.focus{outline:3px solid #fff;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}.main-menu .nav-social a:hover,.main-menu .nav-social a.hover{outline:3px solid #fff;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}.main-menu .nav-social a:active,.main-menu .nav-social a.active{outline:0;-webkit-transition:outline-color .3s;transition:outline-color .3s;text-decoration:none}@media (min-width: 768px){.main-menu .nav-social a{width:4rem;height:4rem;margin:1rem 0;background-size:3.6rem auto}}.main-menu .nav-social a[href*='https://twitter.com']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Etwitter%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M77.5%2C33.75l0%2C2.08c0%2C21.36-14.52%2C46-41.06%2C46a37.47%2C37.47%2C0%2C0%2C1-22.1-7.29%2C24.06%2C24.06%2C0%2C0%2C0%2C3.43.25%2C27.08%2C27.08%2C0%2C0%2C0%2C17.92-6.94C29.4%2C67.72%2C24.11%2C63%2C22.25%2C56.62a12.35%2C12.35%2C0%2C0%2C0%2C2.72.29%2C13%2C13%2C0%2C0%2C0%2C3.79-.57c-6.58-1.48-11.56-8-11.56-15.83v-0.2a13.06%2C13.06%2C0%2C0%2C0%2C6.51%2C2%2C16.73%2C16.73%2C0%2C0%2C1-6.4-13.43%2C17.4%2C17.4%2C0%2C0%2C1%2C2-8.13C26.36%2C30.54%2C37%2C36.95%2C49%2C37.63a17.09%2C17.09%2C0%2C0%2C1-.36-3.69c0-8.9%2C6.43-16.15%2C14.41-16.15A13.87%2C13.87%2C0%2C0%2C1%2C73.6%2C22.88%2C27.28%2C27.28%2C0%2C0%2C0%2C82.76%2C19a15.91%2C15.91%2C0%2C0%2C1-6.37%2C8.94%2C26.72%2C26.72%2C0%2C0%2C0%2C8.3-2.56%2C32%2C32%2C0%2C0%2C1-7.19%2C8.38h0Zm0%2C0%22%2F%3E%3C%2Fsvg%3E")}.main-menu .nav-social a[href*='https://www.facebook.com']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Efacebook%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M69%2C50H58.27V87.2h-18V50h-7V37.45h7v-8C40.28%2C19%2C44.93%2C12.8%2C58.16%2C12.8H71.54V25.29H63.76c-5.14%2C0-5.47%2C1.8-5.47%2C5.12l0%2C7H70.5Zm0%2C0%22%2F%3E%3C%2Fsvg%3E")}.main-menu .nav-social a[href*='https://www.youtube.com']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eyoutube%3C%2Ftitle%3E%3Cpath%20id%3D%22YouTube%22%20class%3D%22cls-1%22%20d%3D%22M68.43%2C64.83H64.92l0-2a1.65%2C1.65%2C0%2C0%2C1%2C1.65-1.65h0.22a1.66%2C1.66%2C0%2C0%2C1%2C1.66%2C1.65ZM55.27%2C60.46a1.5%2C1.5%2C0%2C0%2C0-1.62%2C1.33V71.7a1.65%2C1.65%2C0%2C0%2C0%2C3.24%2C0V61.79A1.5%2C1.5%2C0%2C0%2C0%2C55.27%2C60.46Zm21.38-5.54V73.77A8.51%2C8.51%2C0%2C0%2C1%2C67.93%2C82H32.08a8.51%2C8.51%2C0%2C0%2C1-8.72-8.22V54.92a8.51%2C8.51%2C0%2C0%2C1%2C8.72-8.23H67.93A8.51%2C8.51%2C0%2C0%2C1%2C76.64%2C54.92ZM34.47%2C75.82V56h4.44V53L27.06%2C53v2.89h3.7V75.82h3.71ZM47.79%2C58.92H44.08V69.52a18.83%2C18.83%2C0%2C0%2C1%2C0%2C2.57c-0.3.82-1.66%2C1.7-2.18%2C0.09a21.24%2C21.24%2C0%2C0%2C1%2C0-2.59l0-10.68H38.18V69.43c0%2C1.61%2C0%2C2.81%2C0%2C3.36%2C0.09%2C1%2C.06%2C2.09%2C1%2C2.73%2C1.67%2C1.2%2C4.86-.18%2C5.66-1.89v2.19h3V58.92h0ZM59.64%2C71.06V62.23c0-3.37-2.52-5.38-5.94-2.66V53H50l0%2C22.66%2C3%2C0%2C0.28-1.41C57.2%2C77.79%2C59.65%2C75.34%2C59.64%2C71.06Zm11.6-1.17H68.46c0%2C0.11%2C0%2C.24%2C0%2C0.38v1.55a1.52%2C1.52%2C0%2C0%2C1-1.52%2C1.5H66.39a1.52%2C1.52%2C0%2C0%2C1-1.52-1.5V67.76h6.36V65.36a38%2C38%2C0%2C0%2C0-.19-4.5c-0.46-3.16-4.9-3.67-7.14-2a4.19%2C4.19%2C0%2C0%2C0-1.55%2C2.09%2C11.77%2C11.77%2C0%2C0%2C0-.47%2C3.73v5.26C61.87%2C78.66%2C72.5%2C77.42%2C71.24%2C69.89ZM57%2C41.31a2.52%2C2.52%2C0%2C0%2C0%2C.89%2C1.13%2C2.58%2C2.58%2C0%2C0%2C0%2C1.52.42%2C2.36%2C2.36%2C0%2C0%2C0%2C1.42-.44%2C3.4%2C3.4%2C0%2C0%2C0%2C1-1.33l-0.07%2C1.45h4.13V25H62.66V38.65a1.35%2C1.35%2C0%2C0%2C1-2.71%2C0V25H56.56V36.82c0%2C1.51%2C0%2C2.51.07%2C3A5.11%2C5.11%2C0%2C0%2C0%2C57%2C41.31ZM44.47%2C31.39a14.58%2C14.58%2C0%2C0%2C1%2C.42-4%2C4.23%2C4.23%2C0%2C0%2C1%2C4.32-3.14%2C5.13%2C5.13%2C0%2C0%2C1%2C2.46.55%2C4.11%2C4.11%2C0%2C0%2C1%2C1.58%2C1.44A5.69%2C5.69%2C0%2C0%2C1%2C54%2C28.12%2C14.57%2C14.57%2C0%2C0%2C1%2C54.22%2C31v4.44A24.1%2C24.1%2C0%2C0%2C1%2C54%2C39a5.69%2C5.69%2C0%2C0%2C1-.81%2C2.13%2C3.86%2C3.86%2C0%2C0%2C1-1.59%2C1.46%2C5.08%2C5.08%2C0%2C0%2C1-2.24.47%2C6.22%2C6.22%2C0%2C0%2C1-2.39-.4%2C3.28%2C3.28%2C0%2C0%2C1-1.52-1.22%2C5.41%2C5.41%2C0%2C0%2C1-.78-2A19%2C19%2C0%2C0%2C1%2C44.47%2C36V31.39h0Zm3.23%2C7a1.65%2C1.65%2C0%2C1%2C0%2C3.28%2C0V29a1.65%2C1.65%2C0%2C1%2C0-3.28%2C0v9.35ZM36.28%2C43.09h3.9V29.62l4.6-11.54H40.52l-2.45%2C8.57-2.48-8.59H31.37l4.9%2C11.57V43.09Z%22%2F%3E%3C%2Fsvg%3E")}.main-menu .nav-social a[href*='/news-rss.xml']{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Erss%3C%2Ftitle%3E%3Cg%20id%3D%22lines_Group_%22%20data-name%3D%22lines%20%26lt%3BGroup%26gt%3B%22%3E%3Ccircle%20id%3D%22circle%22%20class%3D%22cls-1%22%20cx%3D%2227.56%22%20cy%3D%2273.55%22%20r%3D%228.58%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C51.92a29.81%2C29.81%2C0%2C0%2C1%2C21.27%2C8.85%2C30.16%2C30.16%2C0%2C0%2C1%2C8.82%2C21.42H61.47A42.61%2C42.61%2C0%2C0%2C0%2C19%2C39.54V51.92Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C30A52.15%2C52.15%2C0%2C0%2C1%2C71%2C82.2H83.34A64.55%2C64.55%2C0%2C0%2C0%2C19%2C17.58V30Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.main-menu .hamburger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:4.5rem;height:4.5rem;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#0a78cd;position:absolute;top:-5.5rem;left:.7rem;z-index:1}.path-search .main-menu .hamburger{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:0;top:-6.5rem;width:100%;height:6.5rem;padding:1rem 1.5rem}.main-menu .hamburger:focus{outline:3px solid #fff;outline-offset:-3px}.path-search .main-menu .hamburger:focus{outline-offset:-6px}.main-menu .hamburger[hidden]{display:none}@media (min-width: 768px){.main-menu .hamburger{display:none}}.main-menu .hamburger>span{position:relative;-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;max-width:3rem;height:.3rem;background:#fff;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}.main-menu .hamburger>span::after,.main-menu .hamburger>span::before{content:'';position:absolute;z-index:1;top:-.9rem;left:0;width:100%;height:.3rem;background:inherit}.main-menu .hamburger>span::after{top:.9rem}.main-menu .hamburger[aria-expanded='true']>span{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.main-menu .hamburger[aria-expanded='true']>span::before,.main-menu .hamburger[aria-expanded='true']>span::after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.main-menu .hamburger[aria-expanded='true']:hover>span{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.main-menu .hamburger:not([hidden]) ~ .nav-main{display:none;max-height:0;overflow:hidden;-webkit-transition:max-height 1s ease;transition:max-height 1s ease}@media (min-width: 768px){.main-menu .hamburger:not([hidden]) ~ .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:6rem;padding:0 10px}}.main-menu .hamburger[aria-expanded='true'] ~ .nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:60rem} diff --git a/css/5_theme/horizontal-rule.css b/css/5_theme/horizontal-rule.css new file mode 100644 index 0000000..cfb5278 --- /dev/null +++ b/css/5_theme/horizontal-rule.css @@ -0,0 +1 @@ +.section-hr{width:100%;margin:0 10px;border:0;height:5px;background:#0b1951}@media screen and (max-width: 768px){.nav-main .section-hr{height:0}} diff --git a/nicsdru_dept_theme.libraries.yml b/nicsdru_dept_theme.libraries.yml index 0d2b09d..363a43e 100644 --- a/nicsdru_dept_theme.libraries.yml +++ b/nicsdru_dept_theme.libraries.yml @@ -88,6 +88,7 @@ nidirect-specific-styles: css/5_theme/searches.css: { minified: true } css/5_theme/views.css: { minified: true } css/5_theme/landing.css: { minified: true } + css/5_theme/horizontal-rule.css: { minified: true } '//fonts.googleapis.com/css2?family=Roboto': { type: external } nidirect-table-of-contents: diff --git a/src/scss/3_components/content/utilities.scss b/src/scss/3_components/content/utilities.scss index 7a32e56..c53e485 100644 --- a/src/scss/3_components/content/utilities.scss +++ b/src/scss/3_components/content/utilities.scss @@ -15,3 +15,4 @@ color: $grey-dark; margin-bottom: 0; } + diff --git a/src/scss/3_components/form/search-form.scss b/src/scss/3_components/form/search-form.scss index acc3073..7a8af6d 100644 --- a/src/scss/3_components/form/search-form.scss +++ b/src/scss/3_components/form/search-form.scss @@ -174,8 +174,8 @@ header #search-api-form { } &[type='submit'] { - border-color: darken($brand-tertiary, 5%); - background-color: $brand-tertiary; + border-color: darken($brand-primary-medium, 5%); + background-color: $brand-primary-medium; color: #fff; } } @@ -183,8 +183,8 @@ header #search-api-form { .search-form--site { &[type='submit'] { - border-color: darken($brand-tertiary, 5%); - background-color: $brand-tertiary; + border-color: darken($brand-primary-medium, 5%); + background-color: $brand-primary-medium; } } diff --git a/src/scss/3_components/layout/footer.scss b/src/scss/3_components/layout/footer.scss index a9800a8..aed3878 100644 --- a/src/scss/3_components/layout/footer.scss +++ b/src/scss/3_components/layout/footer.scss @@ -9,7 +9,7 @@ background-color: color(grey-light); padding: 0 0 4.5em; margin-top: 0; - //border-top: 5px solid $brand-primary; not sure if this is needed? + border-top: 5px solid $brand-primary-dark; .container { @include breakpoint($lap) { diff --git a/src/scss/3_components/layout/header.scss b/src/scss/3_components/layout/header.scss index fc7acc5..08bfe5b 100644 --- a/src/scss/3_components/layout/header.scss +++ b/src/scss/3_components/layout/header.scss @@ -44,7 +44,7 @@ margin: 0 auto; max-width: $max-grid-width; padding: 0 20px 10px; - border-bottom: 5px solid $brand-primary; + //border-bottom: 5px solid $brand-primary; // IE fix. // IE does not support justify-content: space-between. So we need a grid gap. diff --git a/src/scss/3_components/layout/main-menu.scss b/src/scss/3_components/layout/main-menu.scss index 735fd2d..dc9c65e 100644 --- a/src/scss/3_components/layout/main-menu.scss +++ b/src/scss/3_components/layout/main-menu.scss @@ -244,6 +244,7 @@ @include breakpoint($tab) { display: flex; max-height: 6rem; + padding: 0 10px; } } diff --git a/src/scss/5_theme/_index.scss b/src/scss/5_theme/_index.scss index 2385d4d..760096e 100644 --- a/src/scss/5_theme/_index.scss +++ b/src/scss/5_theme/_index.scss @@ -40,3 +40,12 @@ // // Style guide: theme.views @import 'views'; + +// Horizontal rule +// +// Provides very specific styling for
tags used as part of the homepage etc. +// +// Weight: 4 +// +// Style guide: theme.horizontal-rule +@import 'horizontal-rule'; diff --git a/src/scss/5_theme/horizontal-rule.scss b/src/scss/5_theme/horizontal-rule.scss new file mode 100644 index 0000000..3a1f5d4 --- /dev/null +++ b/src/scss/5_theme/horizontal-rule.scss @@ -0,0 +1,23 @@ +/* + * @file + * There are many horizontal rules on the departmental sites, that need to be + * styled differently to standard horizontal rules + */ + +@import '../init'; + +.section-hr { + width: 100%; + margin: 0 10px; + border: 0; + height: 5px; + background: $brand-secondary; +} + +.nav-main { + .section-hr { + @media screen and (max-width: $tab) { + height: 0; + } + } +} diff --git a/templates/block/block--mainnavigation.html.twig b/templates/block/block--mainnavigation.html.twig new file mode 100644 index 0000000..22e18e4 --- /dev/null +++ b/templates/block/block--mainnavigation.html.twig @@ -0,0 +1,75 @@ +{# +/** + * @file + * Theme override for a menu block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - content: The content of this block. + * - attributes: HTML attributes for the containing element. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: HTML attributes for the title element. + * - content_attributes: HTML attributes for the content element. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * - social_links: Fetched from the theme settings; list of link elements + * to provide links to social networks for the site. + * + * Headings should be used on navigation menus that consistently appear on + * multiple pages. When this menu block's label is configured to not be + * displayed, it is automatically made invisible using the 'visually-hidden' CSS + * class, which still keeps it visible for screen-readers and assistive + * technology. Headings allow screen-reader and keyboard only users to navigate + * to or skip the links. + * See http://juicystudio.com/article/screen-readers-display-none.php and + * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information. + */ +#} +{% set heading_id = attributes.id ~ '-heading'|clean_id %} + diff --git a/templates/layout/page.html.twig b/templates/layout/page.html.twig index aa59967..f0e60b0 100644 --- a/templates/layout/page.html.twig +++ b/templates/layout/page.html.twig @@ -52,8 +52,8 @@ #}
{{- page.header -}} - {{- page.primary_menu -}}
+{{- page.primary_menu -}} {{- page.secondary_menu -}} {{- page.breadcrumb -}} {{- page.highlighted -}}