diff --git a/css/3_components/block/section-related.css b/css/3_components/block/section-related.css index 15d2ddc..a113832 100644 --- a/css/3_components/block/section-related.css +++ b/css/3_components/block/section-related.css @@ -1 +1 @@ -.section-related{grid-column:1/3}@media (min-width: 768px){.section-related{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.section-related .section-hr{margin:0}.section-related h2{width:100%;margin:2.4rem 0 0}@media (min-width: 768px){.section-related>div{-ms-flex-preferred-size:48%;flex-basis:48%}}.section-related h3{margin:2.4rem 0 1.2rem}.section-related ul{margin:0} +.section-related{display:grid;grid-gap:1.5em 3em;margin-top:1.5em;-webkit-box-shadow:0 -1.5px 0 0 var(--brand-primary-color);box-shadow:0 -1.5px 0 0 var(--brand-primary-color)}@media (min-width: 768px){.section-related{grid-template-columns:1fr 1fr}}.section-related h2:first-child{margin-bottom:0}@media (min-width: 768px){.section-related h2:first-child{grid-column:1 / span 2}}.section-related__sub-section{grid-column:auto;padding-bottom:1em}.section-related h3{margin-top:0}.section-related ul,.section-related li{padding:0;margin:0}.section-related .card{-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;padding:0 0 1em;margin:0 0 1em}.section-related .card__title{font-size:1.6rem;line-height:1.5;margin-bottom:0}@media screen and (min-width: 992px){.section-related .card__title{font-size:1.8rem}}@media screen and (min-width: 1679px){.section-related .card__title{font-size:2rem}}.section-related .card__meta{margin:.5em 0 0}.section-related .card__meta>*{margin:0 1.5em 0 0}.section-related .card__meta>*:last-child{margin:0}.section-related .more-link a,.section-related a.more{font-weight:bold} diff --git a/css/3_components/block/section-translation-help.css b/css/3_components/block/section-translation-help.css index 6526451..a3c55d2 100644 --- a/css/3_components/block/section-translation-help.css +++ b/css/3_components/block/section-translation-help.css @@ -1 +1 @@ -.section-translation-help{position:relative}body:not(.path-taxonomy) .section-translation-help{margin-top:3em}.section-translation-help__link{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;z-index:1;display:block;position:relative;width:100%;max-height:4.5rem;padding:1rem 15px;margin:0;font-size:inherit;line-height:inherit;text-align:left;text-underline-offset:3px}.section-translation-help__link:visited,.section-translation-help__link.visited{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;z-index:1}.section-translation-help__link:focus,.section-translation-help__link.focus{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:3px solid #333;z-index:2}.section-translation-help__link:hover,.section-translation-help__link.hover{color:#fff;background-color:#3d6ca5;text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;z-index:1}.section-translation-help__link:active,.section-translation-help__link.active{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;z-index:1}@media (min-width: 768px){.section-translation-help__link{width:50%;position:absolute;right:0;padding:.5em 20px;text-align:right}}.section-translation-help__link::after{content:'';display:inline-block;width:2.4rem;height:2.4rem;margin-left:.6rem;vertical-align:middle;background:transparent url('../../../images/translate_48px.svg?186c23fb28e') center center no-repeat;background-size:2.4rem} +.section-translation-help{position:relative}body:not(.path-taxonomy) .section-translation-help{margin-top:3em}.section-translation-help__link{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;z-index:1;display:block;position:relative;width:100%;max-height:4.5rem;padding:1rem 15px;margin:0;font-size:inherit;line-height:inherit;text-align:left;text-underline-offset:3px}.section-translation-help__link:visited,.section-translation-help__link.visited{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;z-index:1}.section-translation-help__link:focus,.section-translation-help__link.focus{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:3px solid #333;z-index:2}.section-translation-help__link:hover,.section-translation-help__link.hover{color:#fff;background-color:#3d6ca5;text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;z-index:1}.section-translation-help__link:active,.section-translation-help__link.active{color:#fff;background-color:#4478b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;z-index:1}@media (min-width: 768px){.section-translation-help__link{width:50%;position:absolute;right:0;padding:.5em 20px;text-align:right}}.section-translation-help__link::after{content:'';display:inline-block;width:2.4rem;height:2.4rem;margin-left:.6rem;vertical-align:middle;background:transparent url('../../../images/translate_48px.svg?1870a2f9f0b') center center no-repeat;background-size:2.4rem} diff --git a/css/3_components/block/site-logo.css b/css/3_components/block/site-logo.css index 00777b3..f1d3423 100644 --- a/css/3_components/block/site-logo.css +++ b/css/3_components/block/site-logo.css @@ -1 +1 @@ -.layout-header--logo{margin:1.5em auto;padding:0 15px}@media (min-width: 768px){.layout-header--logo{margin:2.25em 0 1em;padding:0}}@media (min-width: 992px){.layout-header--logo{margin:2.5em 0 1em}}.layout-header--logo>a{display:block;width:100%;height:100%;color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:0;outline-offset:.6rem}.layout-header--logo>a:visited,.layout-header--logo>a.visited{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:0}.layout-header--logo>a:focus,.layout-header--logo>a.focus{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:.3rem dashed #949494}.layout-header--logo>a:hover,.layout-header--logo>a.hover{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:.3rem dashed #949494}.layout-header--logo>a:active,.layout-header--logo>a.active{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:.3rem dashed #4d4d4d}@media (min-width: 480px){.layout-header--logo>a{outline-offset:1.2rem}}.layout-header--logo svg{display:block;width:auto;max-height:5em;margin:0 auto}@media (min-width: 768px){.layout-header--logo svg{margin:0;min-height:5em}}@media (min-width: 992px){.layout-header--logo svg{min-height:4.5em}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.layout-header--logo a{position:relative;outline:none !important}.layout-header--logo a::after{content:'';display:block;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;left:-12px;top:-12px}.layout-header--logo a:focus-visible::after{border:3px dashed #949494}} +.layout-header--logo{margin:1.5em auto;padding:0 15px}@media (min-width: 768px){.layout-header--logo{margin:2.25em 0 1.5em;padding:0}}@media (min-width: 992px){.layout-header--logo{margin:2.5em 0 1.5em}}.layout-header--logo>a{display:block;width:100%;height:100%;color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:0;outline-offset:.6rem}.layout-header--logo>a:visited,.layout-header--logo>a.visited{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:0}.layout-header--logo>a:focus,.layout-header--logo>a.focus{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:.3rem dashed #949494}.layout-header--logo>a:hover,.layout-header--logo>a.hover{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:.3rem dashed #949494}.layout-header--logo>a:active,.layout-header--logo>a.active{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);text-decoration:none;outline:.3rem dashed #4d4d4d}@media (min-width: 480px){.layout-header--logo>a{outline-offset:1.2rem}}.layout-header--logo svg{display:block;width:auto;max-height:5em;margin:0 auto}@media (min-width: 768px){.layout-header--logo svg{margin:0;min-height:5em}}@media (min-width: 992px){.layout-header--logo svg{min-height:4.5em}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.layout-header--logo a{position:relative;outline:none !important}.layout-header--logo a::after{content:'';display:block;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;left:-12px;top:-12px}.layout-header--logo a:focus-visible::after{border:3px dashed #949494}} diff --git a/css/3_components/content/card-contact.css b/css/3_components/content/card-contact.css index a7bdce3..3daa423 100644 --- a/css/3_components/content/card-contact.css +++ b/css/3_components/content/card-contact.css @@ -1 +1 @@ -.card--contact{position:relative;width:100%;height:100%;min-height:8em;padding:1em 1em 1em 20%;margin:1em 0 1.5em;background-color:#0a78cd;color:#fff}@media (min-width: 768px){.card--contact{padding:1em 1em 1em 17.5%}}.card--contact-black{background-color:#333}.card--contact-green{background-color:#048a05}.card--contact-orange{background-color:#bf5803}.card--contact-red{background-color:#d1431f}.card--contact::before{content:'';display:block;position:absolute;left:0;top:0;width:13%;margin:1em 3.5%;height:calc(85% - 2em);min-height:102px;background:transparent url('../../../images/phone.png?186c23fb285') top center no-repeat;background-size:contain}@media (min-width: 768px){.card--contact::before{width:10%;margin:1em 3.75%}}.card--contact>*{color:#fff}.card--contact>*:first-child{margin-top:0}.card--contact>*:last-child{margin-bottom:0}.card--contact .card__heading{font-size:2rem;line-height:2.8rem;margin:0;color:#fff}@media screen and (min-width: 992px){.card--contact .card__heading{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card--contact .card__heading{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card--contact .card__heading{font-size:2.2rem;line-height:3.5rem}}.card--contact .card__content{padding:0}.card--contact .card__content>*{color:#fff}.card--contact .card__content .tel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.card--contact .card__content .tel .title{font-size:2rem;line-height:2.8rem;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}@media screen and (min-width: 992px){.card--contact .card__content .tel .title{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card--contact .card__content .tel .title{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card--contact .card__content .tel .title{font-size:2.2rem;line-height:3.5rem}}.card--contact .card__content .tel .value{font-size:2em;line-height:1.5;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.card--contact .card__content .tel a.value{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel a.value:visited,.card--contact .card__content .tel a.value.visited{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel a.value:focus,.card--contact .card__content .tel a.value.focus{color:#0e6bb3;background-color:#fff;text-decoration:none;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #fff;outline-offset:0}.card--contact .card__content .tel a.value:hover,.card--contact .card__content .tel a.value.hover{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel a.value:active,.card--contact .card__content .tel a.value.active{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel .supplementary{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} +.card--contact{position:relative;width:100%;height:100%;min-height:8em;padding:1em 1em 1em 20%;margin:1em 0 1.5em;background-color:#0a78cd;color:#fff}@media (min-width: 768px){.card--contact{padding:1em 1em 1em 17.5%}}.card--contact-black{background-color:#333}.card--contact-green{background-color:#048a05}.card--contact-orange{background-color:#bf5803}.card--contact-red{background-color:#d1431f}.card--contact::before{content:'';display:block;position:absolute;left:0;top:0;width:13%;margin:1em 3.5%;height:calc(85% - 2em);min-height:102px;background:transparent url('../../../images/phone.png?1870a2f9f0a') top center no-repeat;background-size:contain}@media (min-width: 768px){.card--contact::before{width:10%;margin:1em 3.75%}}.card--contact>*{color:#fff}.card--contact>*:first-child{margin-top:0}.card--contact>*:last-child{margin-bottom:0}.card--contact .card__heading{font-size:2rem;line-height:2.8rem;margin:0;color:#fff}@media screen and (min-width: 992px){.card--contact .card__heading{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card--contact .card__heading{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card--contact .card__heading{font-size:2.2rem;line-height:3.5rem}}.card--contact .card__content{padding:0}.card--contact .card__content>*{color:#fff}.card--contact .card__content .tel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.card--contact .card__content .tel .title{font-size:2rem;line-height:2.8rem;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}@media screen and (min-width: 992px){.card--contact .card__content .tel .title{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card--contact .card__content .tel .title{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card--contact .card__content .tel .title{font-size:2.2rem;line-height:3.5rem}}.card--contact .card__content .tel .value{font-size:2em;line-height:1.5;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.card--contact .card__content .tel a.value{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel a.value:visited,.card--contact .card__content .tel a.value.visited{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel a.value:focus,.card--contact .card__content .tel a.value.focus{color:#0e6bb3;background-color:#fff;text-decoration:none;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #fff;outline-offset:0}.card--contact .card__content .tel a.value:hover,.card--contact .card__content .tel a.value.hover{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel a.value:active,.card--contact .card__content .tel a.value.active{color:#fff;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card--contact .card__content .tel .supplementary{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} diff --git a/css/3_components/content/cards.css b/css/3_components/content/cards.css index e8e2ac4..2c3f282 100644 --- a/css/3_components/content/cards.css +++ b/css/3_components/content/cards.css @@ -1 +1 @@ -.card{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;-webkit-box-shadow:0 1px 2px #cdcdcd;box-shadow:0 1px 2px #cdcdcd;margin:0}.card__image{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card__image .media-image{font-size:.1px;line-height:0}.card__image .media-image img{margin:0}.card__body{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;padding:1em}.card__body>p,.card__body>ul,.card__body>ol{margin:.9rem 0}.card__title{font-size:2.4rem;line-height:1.364;margin:0 0 .9rem}.card__meta{font-size:1.5rem;line-height:2.2rem;color:#4d4d4d;margin:.8rem 0}@media screen and (min-width: 992px){.card__meta{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.card__meta{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.card__meta{margin:.9rem 0}}@media (min-width: 1679px){.card__meta{margin:1rem 0}}.card__meta+p{margin-top:0}.card__content{margin:0}.card--no-shadow{-webkit-box-shadow:none;box-shadow:none}.card--no-border{border:0}.card--no-edges,.card--plain{-webkit-box-shadow:none;box-shadow:none;border:0}.card--no-padding{padding:0}.card--no-padding .card__body{padding:0}a.card{text-decoration:none;background-color:transparent;outline-color:transparent;-webkit-transition:background-color .3s, outline-color .3s, border-color .3s;transition:background-color .3s, outline-color .3s, border-color .3s;color:#222}a.card:hover,a.card:focus{background-color:#e4f0fa;outline:0.9rem solid #e4f0fa;outline-offset:0}a.card:hover .card__title::after,a.card:focus .card__title::after{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A")}a.card .card__title{position:relative;padding-right:36px;color:#0b1951}a.card .card__title::after{content:'';display:inline-block;position:absolute;top:.3rem;right:-.6rem;width:3rem;height:2.4rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e6bb3%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A");background-position:center center;background-size:2.2rem auto;background-repeat:no-repeat;-webkit-transform:rotate(90deg);transform:rotate(90deg)}a.card--plain,.card-deck--plain a.card{color:#222;text-decoration:none;text-underline-offset:3px}a.card--plain:hover,a.card--plain:focus,.card-deck--plain a.card:hover,.card-deck--plain a.card:focus{background-color:transparent;outline:none}a.card--plain .card__title,.card-deck--plain a.card .card__title{padding:0;color:#0e6bb3;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:#0e6bb3;text-decoration-color:#0e6bb3}a.card--plain .card__title::after,.card-deck--plain a.card .card__title::after{content:none}a.card--plain:focus .card__title,.card-deck--plain a.card:focus .card__title{color:#fff;background-color:#0e6bb3;-webkit-box-shadow:0 0 0 3px #0e6bb3;box-shadow:0 0 0 3px #0e6bb3}a.card--plain:hover .card__title,.card-deck--plain a.card:hover .card__title{color:#0e6bb3;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration-thickness:2px;-webkit-text-decoration-color:#0b1951;text-decoration-color:#0b1951}a.card--plain:active .card__title,.card-deck--plain a.card:active .card__title{color:#d1431f;background-color:transparent;text-underline-color:#d1431f}.card-deck{display:grid;grid-template-columns:1fr;grid-gap:1.5em 2rem;margin-top:0;margin-bottom:1.5em}.card-deck .card{width:100%;height:100%}.card-deck--no-row-gap{grid-row-gap:0}.card-deck--no-column-gap{grid-column-gap:0}@media (min-width: 768px){.card-deck--x2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.card-deck--x4{grid-template-columns:1fr 1fr}}@media (min-width: 992px){.card-deck--x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--list .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 0) and (max-width: 480px){.card-deck--list .card .card__body{padding-top:1.2rem}}@media (min-width: 480px){.card-deck--list .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list .card .card__image{-webkit-box-flex:150px;-ms-flex:150px 0 0px;flex:150px 0 0}.card-deck--list .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list .card .card__body{padding:1em;-ms-flex-item-align:center;align-self:center}}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 480px) and (max-width: 768px){.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list-to-x2 .card .card__image,.card-deck--list-to-x3 .card .card__image,.card-deck--list-to-x4 .card .card__image{-webkit-box-flex:33%;-ms-flex:33% 0 0px;flex:33% 0 0}.card-deck--list-to-x2 .card .card__image:empty,.card-deck--list-to-x3 .card .card__image:empty,.card-deck--list-to-x4 .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list-to-x2 .card .card__body,.card-deck--list-to-x3 .card .card__body,.card-deck--list-to-x4 .card .card__body{padding-left:1em;-ms-flex-item-align:center;align-self:center}}@media (min-width: 768px){.card-deck--list-to-x2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr}}@media (min-width: 992px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--search-results{grid-row-gap:.5em}.card-deck--search-results .card{padding:.5em 0 1em;-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;border:0}.card-deck--search-results .card__title{font-size:2rem;line-height:2.8rem;margin:0;padding:0}@media screen and (min-width: 992px){.card-deck--search-results .card__title{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card-deck--search-results .card__title{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card-deck--search-results .card__title{font-size:2.2rem;line-height:3.5rem}}.card-deck--search-results .card__summary{font-size:1.5rem;line-height:2.2rem;margin:.5em 0 0}@media screen and (min-width: 992px){.card-deck--search-results .card__summary{font-size:1.7rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.card-deck--search-results .card__summary{font-size:1.8rem;line-height:2.5rem}}.card-deck--search-results .card__meta{margin:.5em 0;padding:0}.card-deck--search-results .card__meta span{color:#666;margin:0 1em 0 0}.card-deck--search-results .card__meta span:last-child{margin:0}.card-deck--search-results .card__meta .department-name{display:block;margin:0.9rem 0 0 0}.card-deck--search-results .card__content{margin:0;padding:0}.card-deck--plain .card{-webkit-box-shadow:none;box-shadow:none;border:0}.card-deck--border-top .card{-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #19315a;padding:1.2rem}@media (min-width: 768px){.card-deck--topics{grid-gap:1.5em 3em}}.card-deck--topics .card{-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;padding:0;margin:0}.card-deck--topics .card:last-child{-webkit-box-shadow:none;box-shadow:none}@media (min-width: 768px){.card-deck--topics .card:nth-last-child(-n+2){-webkit-box-shadow:none;box-shadow:none}}.card-deck--topics .card__title{font-size:2rem;line-height:2.8rem;margin:0}@media screen and (min-width: 992px){.card-deck--topics .card__title{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card-deck--topics .card__title{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card-deck--topics .card__title{font-size:2.2rem;line-height:3.5rem}}.card-deck--topics .card__content{padding-bottom:1.5em}.card-deck--topics .card__content p,.card-deck--topics .card__content .page-summary{font-size:1.6rem;line-height:1.5;margin:1em 0 1.5em;margin:.5em 0 0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}@media screen and (min-width: 992px){.card-deck--topics .card__content p,.card-deck--topics .card__content .page-summary{font-size:1.8rem}}@media screen and (min-width: 1679px){.card-deck--topics .card__content p,.card-deck--topics .card__content .page-summary{font-size:2rem}}.card-deck--topics .card__content p+ul{margin-top:.5em}.card-deck--topics .card__content ul li a{text-decoration:none}.card-deck .layout-builder__region{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}.card-deck.layout-builder-block{padding:0}.card-deck .layout-builder-block{padding:0;width:100%;height:100%}.card-deck section .layout-builder-block+.layout-builder__add-block{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.card-deck{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;margin-bottom:0}.card-deck>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0;width:100%;height:auto;margin-bottom:1.5em}.card-deck .card{width:100%;height:auto}}@media all and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: active) and (min-width: 576px){.card-deck--x2,.card-deck--x3,.card-deck--x4{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck--x2>*,.card-deck--x3>*,.card-deck--x4>*{width:49.9999% !important}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:-webkit-min-content !important;height:-moz-min-content !important;height:min-content !important}}@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px){.card-deck--x3>*{width:33.3333% !important}.card-deck--x4>*{width:23.9999% !important}.card-deck--list-to-x2,.card-deck--list-to-x3,.card-deck--list-to-x4{display:grid}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100% !important;margin-bottom:0}.card-deck--list-to-x2{grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}} +.card{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;-webkit-box-shadow:0 1px 2px #cdcdcd;box-shadow:0 1px 2px #cdcdcd;margin:0}.card__image{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card__image .media-image{font-size:.1px;line-height:0}.card__image .media-image img{margin:0}.card__body{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;padding:1em}.card__body>p,.card__body>ul,.card__body>ol{margin:.9rem 0}.card__title{font-size:2.4rem;line-height:1.364;margin:0 0 .9rem}.card__meta{font-size:1.5rem;line-height:2.2rem;color:#4d4d4d;margin:.8rem 0}@media screen and (min-width: 992px){.card__meta{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.card__meta{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.card__meta{margin:.9rem 0}}@media (min-width: 1679px){.card__meta{margin:1rem 0}}.card__meta+p{margin-top:0}.card__content{margin:0}.card--no-shadow{-webkit-box-shadow:none;box-shadow:none}.card--no-border{border:0}.card--no-edges,.card--plain{-webkit-box-shadow:none;box-shadow:none;border:0}.card--no-padding{padding:0}.card--no-padding .card__body{padding:0}a.card{text-decoration:none;background-color:transparent;outline-color:transparent;-webkit-transition:background-color .3s, outline-color .3s, border-color .3s;transition:background-color .3s, outline-color .3s, border-color .3s;color:#222}a.card:hover,a.card:focus{background-color:#e4f0fa;outline:0.9rem solid #e4f0fa;outline-offset:0}a.card:hover .card__title::after,a.card:focus .card__title::after{background-color:#333;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ffffff%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A")}a.card .card__title{position:relative;padding-right:36px;color:#0b1951}a.card .card__title::after{content:'';display:inline-block;position:absolute;top:.3rem;right:-.6rem;width:3rem;height:2.4rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230e6bb3%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.5%200L0%2012l3%203%209.5-10L22%2015l3-3L12.5%200z%22%2F%3E%3C%2Fsvg%3E%0A");background-position:center center;background-size:2.2rem auto;background-repeat:no-repeat;-webkit-transform:rotate(90deg);transform:rotate(90deg)}a.card--plain,.card-deck--plain a.card{color:#222;text-decoration:none;text-underline-offset:3px}a.card--plain:hover,a.card--plain:focus,.card-deck--plain a.card:hover,.card-deck--plain a.card:focus{background-color:transparent;outline:none}a.card--plain .card__title,.card-deck--plain a.card .card__title{padding:0;color:#0e6bb3;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:#0e6bb3;text-decoration-color:#0e6bb3}a.card--plain .card__title::after,.card-deck--plain a.card .card__title::after{content:none}a.card--plain:focus .card__title,.card-deck--plain a.card:focus .card__title{color:#fff;background-color:#0e6bb3;-webkit-box-shadow:0 0 0 3px #0e6bb3;box-shadow:0 0 0 3px #0e6bb3}a.card--plain:hover .card__title,.card-deck--plain a.card:hover .card__title{color:#0e6bb3;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration-thickness:2px;-webkit-text-decoration-color:#0b1951;text-decoration-color:#0b1951}a.card--plain:active .card__title,.card-deck--plain a.card:active .card__title{color:#d1431f;background-color:transparent;text-underline-color:#d1431f}.card-deck{display:grid;grid-template-columns:1fr;grid-gap:1.5em 2rem;margin-top:0;margin-bottom:1.5em}.card-deck .card{width:100%;height:100%}.card-deck--no-row-gap{grid-row-gap:0}.card-deck--no-column-gap{grid-column-gap:0}@media (min-width: 768px){.card-deck--x2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.card-deck--x4{grid-template-columns:1fr 1fr}}@media (min-width: 992px){.card-deck--x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--list .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 0) and (max-width: 480px){.card-deck--list .card .card__body{padding-top:1.2rem}}@media (min-width: 480px){.card-deck--list .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list .card .card__image{-webkit-box-flex:150px;-ms-flex:150px 0 0px;flex:150px 0 0}.card-deck--list .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list .card .card__body{padding:1em;-ms-flex-item-align:center;align-self:center}}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}@media (min-width: 480px) and (max-width: 768px){.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.card-deck--list-to-x2 .card .card__image,.card-deck--list-to-x3 .card .card__image,.card-deck--list-to-x4 .card .card__image{-webkit-box-flex:33%;-ms-flex:33% 0 0px;flex:33% 0 0}.card-deck--list-to-x2 .card .card__image:empty,.card-deck--list-to-x3 .card .card__image:empty,.card-deck--list-to-x4 .card .card__image:empty{-webkit-box-flex:0;-ms-flex:0;flex:0}.card-deck--list-to-x2 .card .card__body,.card-deck--list-to-x3 .card .card__body,.card-deck--list-to-x4 .card .card__body{padding-left:1em;-ms-flex-item-align:center;align-self:center}}@media (min-width: 768px){.card-deck--list-to-x2{grid-template-columns:1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 768px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr}}@media (min-width: 992px){.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr}}.card-deck--search-results{grid-row-gap:.5em}.card-deck--search-results .card{padding:.5em 0 1em;-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;border:0}.card-deck--search-results .card__title{font-size:2rem;line-height:2.8rem;margin:0;padding:0}@media screen and (min-width: 992px){.card-deck--search-results .card__title{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card-deck--search-results .card__title{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card-deck--search-results .card__title{font-size:2.2rem;line-height:3.5rem}}.card-deck--search-results .card__summary{font-size:1.5rem;line-height:2.4rem;margin:.5em 0 0}@media screen and (min-width: 992px){.card-deck--search-results .card__summary{font-size:1.7rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.card-deck--search-results .card__summary{font-size:1.8rem;line-height:3rem}}.card-deck--search-results .card__meta{margin:.5em 0;padding:0}.card-deck--search-results .card__meta span{color:#666;margin:0 1em 0 0}.card-deck--search-results .card__meta span:last-child{margin:0}.card-deck--search-results .card__meta .department-name{display:block;margin:0.9rem 0 0 0}.card-deck--search-results .card__content{margin:0;padding:0}.card-deck--plain .card{-webkit-box-shadow:none;box-shadow:none;border:0}.card-deck--border-top .card{-webkit-box-shadow:none;box-shadow:none;border-top:1px solid #19315a;padding:1.2rem}@media (min-width: 768px){.card-deck--topics{grid-gap:1.5em 3em}}.card-deck--topics .card{-webkit-box-shadow:0 -1px 0 0 #cdcdcd;box-shadow:0 -1px 0 0 #cdcdcd;padding:1.5em 0 0 0;margin:0}.card-deck--topics .card:first-child{-webkit-box-shadow:none;box-shadow:none;padding-top:0}@media (min-width: 768px){.card-deck--topics .card:nth-child(-n+2){-webkit-box-shadow:none;box-shadow:none;padding-top:0}}.card-deck--topics .card__title{font-size:2rem;line-height:2.8rem;margin:0}@media screen and (min-width: 992px){.card-deck--topics .card__title{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.card-deck--topics .card__title{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.card-deck--topics .card__title{font-size:2.2rem;line-height:3.5rem}}.card-deck--topics .card__title a{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card-deck--topics .card__title a:visited,.card-deck--topics .card__title a.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card-deck--topics .card__title a:focus,.card-deck--topics .card__title a.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.card-deck--topics .card__title a:hover,.card-deck--topics .card__title a.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.card-deck--topics .card__title a:active,.card-deck--topics .card__title a.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.card-deck--topics .card__content{margin:.5em 0 0}.card-deck--topics .card__content *:not(ul){font-size:1.5rem;line-height:2.4rem}@media screen and (min-width: 992px){.card-deck--topics .card__content *:not(ul){font-size:1.7rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.card-deck--topics .card__content *:not(ul){font-size:1.8rem;line-height:3rem}}.card-deck--topics .card__content p,.card-deck--topics .card__content .page-summary{margin:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card-deck--topics .card__content ul{margin:0 0 1em}.card-deck--topics .card__content p+ul{margin-top:.5em}.card-deck--topics .card__content li a{text-decoration:none}.card-deck--topics .card__content li a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:1px;text-underline-offset:2px}.card-deck--topics .card__content .more-link{font-weight:bold}.card-deck .layout-builder__region{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}.card-deck.layout-builder-block{padding:0}.card-deck .layout-builder-block{padding:0;width:100%;height:100%}.card-deck section .layout-builder-block+.layout-builder__add-block{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.card-deck{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;margin-bottom:0}.card-deck>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0;width:100%;height:auto;margin-bottom:1.5em}.card-deck .card{width:100%;height:auto}}@media all and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: active) and (min-width: 576px){.card-deck--x2,.card-deck--x3,.card-deck--x4{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck--x2>*,.card-deck--x3>*,.card-deck--x4>*{width:49.9999% !important}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:-webkit-min-content !important;height:-moz-min-content !important;height:min-content !important}}@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px){.card-deck--x3>*{width:33.3333% !important}.card-deck--x4>*{width:23.9999% !important}.card-deck--list-to-x2,.card-deck--list-to-x3,.card-deck--list-to-x4{display:grid}.card-deck--list-to-x2 .card,.card-deck--list-to-x3 .card,.card-deck--list-to-x4 .card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100% !important;margin-bottom:0}.card-deck--list-to-x2{grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}.card-deck--list-to-x4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-gap:1.5em 2rem}} diff --git a/css/3_components/content/icons-messages.css b/css/3_components/content/icons-messages.css index b112356..61b219e 100644 --- a/css/3_components/content/icons-messages.css +++ b/css/3_components/content/icons-messages.css @@ -1 +1 @@ -.ico{display:inline-block;margin-left:.2em}.ico-elink{height:1.1rem;width:1.4rem;margin-bottom:.3rem}.ico-arrow-left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ico-arrow-up{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ico-arrow-down{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.info-notice,.form-item.info-notice,.messages,.form-item.messages{border:2px solid;margin:1.5em 0;padding:1.2rem 1em 1em 5rem;background:#fff url('../../../images/i.svg?186c23fb250') no-repeat 1.1rem 1.1rem/28px 28px}@media (min-width: 576px){.info-notice,.form-item.info-notice,.messages,.form-item.messages{padding:1.4rem 1em 1em 6rem;background-position:1.4rem 1.4rem;background-size:30px 30px}}.info-notice>*:first-child,.messages>*:first-child{margin-top:0}.info-notice>*:last-child,.messages>*:last-child{margin-bottom:0}.info-notice>h2:first-child,.messages>h2:first-child,.info-notice>h3:first-child,.messages>h3:first-child{font-size:2.1rem;line-height:2.7rem}@media (min-width: 576px){.info-notice>h2:first-child,.messages>h2:first-child,.info-notice>h3:first-child,.messages>h3:first-child{font-size:2.4rem;line-height:3rem}}.info-notice,.form-item.info-notice{border-color:#cee4f6}.no-svg .info-notice,.no-svg .form-item.info-notice{background-image:url('../../../images/i.png?186c23fb24e')}.info-notice--large,.form-item.info-notice--large{border-width:.25em;padding:.5em 5rem 1em;margin:1em 0 1.5em;background-size:3rem 3rem;background-position:1rem 1rem}@media (min-width: 576px){.info-notice--large,.form-item.info-notice--large{background-size:4rem 4rem;background-position:2rem 2rem;border-width:.3334em;padding:.5em 8rem 1.5em}}.info-notice--large>*:first-child,.form-item.info-notice--large>*:first-child{margin-top:.9rem}@media (min-width: 768px){.info-notice--large>*:first-child,.form-item.info-notice--large>*:first-child{margin-top:1.5rem}}.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2rem;line-height:2.8rem}@media screen and (min-width: 992px){.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2.2rem;line-height:3.5rem}}.info-notice--success,.form-item.info-notice--success{border-color:#048a05;background-image:url('../../../images/status.svg?186c23fb28a')}.no-svg .info-notice--success,.no-svg .form-item.info-notice--success{background-image:url('../../../images/status.png?186c23fb287')}.info-notice--error,.form-item.info-notice--error{border-color:#e34f4f;background-image:url('../../../images/wrong.svg?186c23fb299')}.no-svg .info-notice--error,.no-svg .form-item.info-notice--error{background-image:url('../../../images/wrong.png?186c23fb297')}.info-notice--warning,.form-item.info-notice--warning{border-color:#db6304;background-image:url('../../../images/warning.svg?186c23fb295')}.no-svg .info-notice--warning,.no-svg .form-item.info-notice--warning{background-image:url('../../../images/warning.png?186c23fb292')}.messages-list{margin:2.5rem 0;list-style:none}.field .messages-list,.form-wrapper .messages-list{margin-bottom:0}.messages--error,.form-item.messages--error{border-color:#e34f4f;background:#fff url('../../../images/wrong.svg?186c23fb299') no-repeat 0.9rem 0.9rem/24px 24px}@media (min-width: 576px){.messages--error,.form-item.messages--error{background:#fff url('../../../images/wrong.svg?186c23fb299') no-repeat 1.4rem 1.4rem/30px 30px}}.no-svg .messages--error,.no-svg .form-item.messages--error{background-image:url('../../../images/wrong.png?186c23fb297')}.messages--status,.form-item.messages--status{border-color:#048a05;background:#fff url('../../../images/status.svg?186c23fb28a') no-repeat 0.9rem 0.9rem/24px 24px}@media (min-width: 576px){.messages--status,.form-item.messages--status{background:#fff url('../../../images/status.svg?186c23fb28a') no-repeat 1.4rem 1.4rem/30px 30px}}.no-svg .messages--status,.no-svg .form-item.messages--status{background-image:url('../../../images/status.png?186c23fb287')}.messages--warning,.form-item.messages--warning{border-color:#db6304;background:#fff url('../../../images/warning.svg?186c23fb295') no-repeat 0.9rem 0.9rem/24px 24px}@media (min-width: 576px){.messages--warning,.form-item.messages--warning{background:#fff url('../../../images/warning.svg?186c23fb295') no-repeat 1.4rem 1.4rem/30px 30px}}.no-svg .messages--warning,.no-svg .form-item.messages--warning{background-image:url('../../../images/warning.png?186c23fb292')}.messages__list,.form-item.messages__list{margin:0}.messages__item,.form-item.messages__item{font-size:1.8rem}.messages__item:first-child,.form-item.messages__item:first-child{margin-top:0} +.ico{display:inline-block;margin-left:.2em}.ico-elink{height:1.1rem;width:1.4rem;margin-bottom:.3rem}.ico-arrow-left{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ico-arrow-up{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ico-arrow-down{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.info-notice,.form-item.info-notice,.messages,.form-item.messages{border:2px solid;margin:1.5em 0;padding:1.2rem 1em 1em 5rem;background:#fff url('../../../images/i.svg?18733213e57') no-repeat 1.1rem 1.1rem/28px 28px}@media (min-width: 576px){.info-notice,.form-item.info-notice,.messages,.form-item.messages{padding:1.4rem 1em 1em 6rem;background-position:1.4rem 1.4rem;background-size:30px 30px}}.info-notice>*:first-child,.messages>*:first-child{margin-top:0}.info-notice>*:last-child,.messages>*:last-child{margin-bottom:0}.info-notice>h2:first-child,.messages>h2:first-child,.info-notice>h3:first-child,.messages>h3:first-child{font-size:2.1rem;line-height:2.7rem}@media (min-width: 576px){.info-notice>h2:first-child,.messages>h2:first-child,.info-notice>h3:first-child,.messages>h3:first-child{font-size:2.4rem;line-height:3rem}}.info-notice,.form-item.info-notice{border-color:#cee4f6}.no-svg .info-notice,.no-svg .form-item.info-notice{background-image:url('../../../images/i.png?1870a2f9f05')}.info-notice--large,.form-item.info-notice--large{border-width:.25em;padding:.5em 5rem 1em;margin:1em 0 1.5em;background-size:3rem 3rem;background-position:1rem 1rem}@media (min-width: 576px){.info-notice--large,.form-item.info-notice--large{background-size:4rem 4rem;background-position:2rem 2rem;border-width:.3334em;padding:.5em 8rem 1.5em}}.info-notice--large>*:first-child,.form-item.info-notice--large>*:first-child{margin-top:.9rem}@media (min-width: 768px){.info-notice--large>*:first-child,.form-item.info-notice--large>*:first-child{margin-top:1.5rem}}.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2rem;line-height:2.8rem}@media screen and (min-width: 992px){.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.info-notice--large p,.info-notice--large li,.form-item.info-notice--large p,.form-item.info-notice--large li{font-size:2.2rem;line-height:3.5rem}}.info-notice--success,.form-item.info-notice--success{border-color:#048a05;background-image:url('../../../images/status.svg?18733213e57')}.no-svg .info-notice--success,.no-svg .form-item.info-notice--success{background-image:url('../../../images/status.png?1870a2f9f0a')}.info-notice--error,.form-item.info-notice--error{border-color:#e34f4f;background-image:url('../../../images/wrong.svg?18733213e57')}.no-svg .info-notice--error,.no-svg .form-item.info-notice--error{background-image:url('../../../images/wrong.png?1870a2f9f0c')}.info-notice--warning,.form-item.info-notice--warning{border-color:#db6304;background-image:url('../../../images/warning.svg?18733213e57')}.no-svg .info-notice--warning,.no-svg .form-item.info-notice--warning{background-image:url('../../../images/warning.png?1870a2f9f0b')}.messages-list{margin:2.5rem 0;list-style:none}.field .messages-list,.form-wrapper .messages-list{margin-bottom:0}.messages--error,.form-item.messages--error{border-color:#e34f4f;background:#fff url('../../../images/wrong.svg?18733213e57') no-repeat 0.9rem 0.9rem/24px 24px}@media (min-width: 576px){.messages--error,.form-item.messages--error{background:#fff url('../../../images/wrong.svg?18733213e57') no-repeat 1.4rem 1.4rem/30px 30px}}.no-svg .messages--error,.no-svg .form-item.messages--error{background-image:url('../../../images/wrong.png?1870a2f9f0c')}.messages--status,.form-item.messages--status{border-color:#048a05;background:#fff url('../../../images/status.svg?18733213e57') no-repeat 0.9rem 0.9rem/24px 24px}@media (min-width: 576px){.messages--status,.form-item.messages--status{background:#fff url('../../../images/status.svg?18733213e57') no-repeat 1.4rem 1.4rem/30px 30px}}.no-svg .messages--status,.no-svg .form-item.messages--status{background-image:url('../../../images/status.png?1870a2f9f0a')}.messages--warning,.form-item.messages--warning{border-color:#db6304;background:#fff url('../../../images/warning.svg?18733213e57') no-repeat 0.9rem 0.9rem/24px 24px}@media (min-width: 576px){.messages--warning,.form-item.messages--warning{background:#fff url('../../../images/warning.svg?18733213e57') no-repeat 1.4rem 1.4rem/30px 30px}}.no-svg .messages--warning,.no-svg .form-item.messages--warning{background-image:url('../../../images/warning.png?1870a2f9f0b')}.messages__list,.form-item.messages__list{margin:0}.messages__item,.form-item.messages__item{font-size:1.8rem}.messages__item:first-child,.form-item.messages__item:first-child{margin-top:0} diff --git a/css/3_components/content/lists.css b/css/3_components/content/lists.css index 2832b7e..8ec24f8 100644 --- a/css/3_components/content/lists.css +++ b/css/3_components/content/lists.css @@ -1 +1 @@ -.list--no-bullet{list-style:none;padding:0}.list--hyphen-bullet{list-style:none;padding:0}.list--hyphen-bullet li{position:relative;padding-left:1em}.list--hyphen-bullet li::before{content:'-';position:absolute;left:0}.list--inline li{display:inline-block;padding-right:.334em;white-space:nowrap}.list--checklist li{color:#4d4d4d;background:transparent url('../../../images/status.svg?186c23fb28a') no-repeat left/16px 16px;margin-bottom:0;margin-right:4px;padding-left:21px}@media (min-width: 480px){.list--checklist li{background-size:18px 18px;margin-right:7px;padding-left:24px}}@media (min-width: 576px){.list--checklist li{background-size:19px 19px;margin-right:9px}}.list--split-list{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em}@media (min-width: 576px){.split-list{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em}} +.list--no-bullet{list-style:none;padding:0}.list--hyphen-bullet{list-style:none;padding:0}.list--hyphen-bullet li{position:relative;padding-left:1em}.list--hyphen-bullet li::before{content:'-';position:absolute;left:0}.list--inline li{display:inline-block;padding-right:.334em;white-space:nowrap}.list--checklist li{color:#4d4d4d;background:transparent url('../../../images/status.svg?18733213e57') no-repeat left/16px 16px;margin-bottom:0;margin-right:4px;padding-left:21px}@media (min-width: 480px){.list--checklist li{background-size:18px 18px;margin-right:7px;padding-left:24px}}@media (min-width: 576px){.list--checklist li{background-size:19px 19px;margin-right:9px}}.list--split-list{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em}@media (min-width: 576px){.split-list{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em}} diff --git a/css/3_components/content/responsive-images-ckeditor.css b/css/3_components/content/responsive-images-ckeditor.css index 0544e35..77c5ff6 100644 --- a/css/3_components/content/responsive-images-ckeditor.css +++ b/css/3_components/content/responsive-images-ckeditor.css @@ -1 +1 @@ -.media-image{width:100%;position:relative;margin:1em 0 1.5em}.media-image.thwooped-modal{position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;margin:0;background-color:rgba(0,0,0,0.9);text-align:center}.media-image.thwooped-modal a.thwooper{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.media-image.thwooped-modal a.thwooper img,.media-image.thwooped-modal a.thwooper figure{width:auto;height:auto;max-width:100%;max-height:100%}.media-image img,.media-image figure{width:100%;height:auto;margin:0}.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{width:100%;height:auto}@media (min-width: 480px){.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}.media-image[data-picture-mapping='inline_expandable'],.media-image[data-picture-mapping='portrait_float_expandable']{margin:0}.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{margin:0 0 1.5em}.media-image[data-picture-mapping='inline_expandable']>.thwooper:link,.media-image[data-picture-mapping='inline_expandable']>.thwooper:focus,.media-image[data-picture-mapping='inline_expandable']>.thwooper:hover,.media-image[data-picture-mapping='inline_expandable']>.thwooper:active,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:link,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:focus,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:hover,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:active{text-decoration:none;background:transparent;-webkit-box-shadow:none;box-shadow:none}.media-image[data-picture-mapping='inline_expandable']>.thwooper>img,.media-image[data-picture-mapping='inline_expandable']>.thwooper>figure,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>img,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>figure{margin:0}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{width:100%;height:auto;-webkit-animation:thwoop-shrink .3s;animation:thwoop-shrink .3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}}@media (min-width: 480px) and (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper.thwooped,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper.thwooped{margin:0 0 1.5em;width:100%;max-width:100%;-webkit-animation:thwoop-expand .3s;animation:thwoop-expand .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.media-image [data-picture-mapping='inline_xl_expandable'] img,.media-image [data-picture-mapping='portrait_full_expandable'] img{max-width:960px;max-height:640px;-webkit-transition:max-width 1s, max-height 1s;transition:max-width 1s, max-height 1s}.media-image figure img{display:block;margin:0}.media-image figure figcaption{display:block;font-style:italic;text-align:center;padding:.5em;background-color:#f0f0f0;color:#222}a.thwooper{display:block;position:relative}a.thwooper:link,a.thwooper:hover,a.thwooper:active,a.thwooper:visited{background-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:none}a.thwooper::before{content:'';display:block;position:absolute;margin:0;font-size:.1px;line-height:0;width:44px;height:44px;padding:4px;right:5px;top:5px;z-index:10;background:rgba(0,0,0,0.75) url('../../../images/img-expand-icon-x2.png?186c23fb255') 50% 50% no-repeat;background-size:24px 24px;-webkit-transition:top .5s, -webkit-filter .5s;transition:top .5s, -webkit-filter .5s;transition:top .5s, filter .5s;transition:top .5s, filter .5s, -webkit-filter .5s}a.thwooper:focus::before,a.thwooper:hover::before{outline:2px solid rgba(255,255,255,0.9);border:0}a.thwooper.thwooped::before{background-image:url('../../../images/img-shrink-icon-x2.png?186c23fb257');background-color:#ff4da9}@-webkit-keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@-webkit-keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}}@keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}}drupal-media{clear:both;margin:1em 0 1.5em}drupal-media .media-image{margin:0}drupal-media img,drupal-media figure{width:100% !important;float:none !important;margin:0 !important}drupal-media[data-view-mode^='article_float'],drupal-media[data-view-mode^='landscape_float'],drupal-media[data-view-mode^='portrait_float']{width:100%;height:auto;margin:0 0 1.5em 1em}@media (min-width: 480px){drupal-media[data-view-mode^='article_float'],drupal-media[data-view-mode^='landscape_float'],drupal-media[data-view-mode^='portrait_float']{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}drupal-media[data-view-mode^='article_full'],drupal-media[data-view-mode^='landscape_full'],drupal-media[data-view-mode^='portrait_full']{float:none;width:100%;max-width:none;margin:1em 0 1.5em} +.media-image{width:100%;position:relative;margin:1em 0 1.5em}.media-image.thwooped-modal{position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;margin:0;background-color:rgba(0,0,0,0.9);text-align:center}.media-image.thwooped-modal a.thwooper{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.media-image.thwooped-modal a.thwooper img,.media-image.thwooped-modal a.thwooper figure{width:auto;height:auto;max-width:100%;max-height:100%}.media-image img,.media-image figure{width:100%;height:auto;margin:0}.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{width:100%;height:auto}@media (min-width: 480px){.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}.media-image[data-picture-mapping='inline_expandable'],.media-image[data-picture-mapping='portrait_float_expandable']{margin:0}.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{margin:0 0 1.5em}.media-image[data-picture-mapping='inline_expandable']>.thwooper:link,.media-image[data-picture-mapping='inline_expandable']>.thwooper:focus,.media-image[data-picture-mapping='inline_expandable']>.thwooper:hover,.media-image[data-picture-mapping='inline_expandable']>.thwooper:active,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:link,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:focus,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:hover,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:active{text-decoration:none;background:transparent;-webkit-box-shadow:none;box-shadow:none}.media-image[data-picture-mapping='inline_expandable']>.thwooper>img,.media-image[data-picture-mapping='inline_expandable']>.thwooper>figure,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>img,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>figure{margin:0}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{width:100%;height:auto;-webkit-animation:thwoop-shrink .3s;animation:thwoop-shrink .3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}}@media (min-width: 480px) and (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper.thwooped,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper.thwooped{margin:0 0 1.5em;width:100%;max-width:100%;-webkit-animation:thwoop-expand .3s;animation:thwoop-expand .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.media-image [data-picture-mapping='inline_xl_expandable'] img,.media-image [data-picture-mapping='portrait_full_expandable'] img{max-width:960px;max-height:640px;-webkit-transition:max-width 1s, max-height 1s;transition:max-width 1s, max-height 1s}.media-image figure img{display:block;margin:0}.media-image figure figcaption{display:block;font-style:italic;text-align:center;padding:.5em;background-color:#f0f0f0;color:#222}a.thwooper{display:block;position:relative}a.thwooper:link,a.thwooper:hover,a.thwooper:active,a.thwooper:visited{background-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:none}a.thwooper::before{content:'';display:block;position:absolute;margin:0;font-size:.1px;line-height:0;width:44px;height:44px;padding:4px;right:5px;top:5px;z-index:10;background:rgba(0,0,0,0.75) url('../../../images/img-expand-icon-x2.png?1870a2f9f05') 50% 50% no-repeat;background-size:24px 24px;-webkit-transition:top .5s, -webkit-filter .5s;transition:top .5s, -webkit-filter .5s;transition:top .5s, filter .5s;transition:top .5s, filter .5s, -webkit-filter .5s}a.thwooper:focus::before,a.thwooper:hover::before{outline:2px solid rgba(255,255,255,0.9);border:0}a.thwooper.thwooped::before{background-image:url('../../../images/img-shrink-icon-x2.png?1870a2f9f06');background-color:#ff4da9}@-webkit-keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@-webkit-keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}}@keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}}drupal-media{clear:both;margin:1em 0 1.5em}drupal-media .media-image{margin:0}drupal-media img,drupal-media figure{width:100% !important;float:none !important;margin:0 !important}drupal-media[data-view-mode^='article_float'],drupal-media[data-view-mode^='landscape_float'],drupal-media[data-view-mode^='portrait_float']{width:100%;height:auto;margin:0 0 1.5em 1em}@media (min-width: 480px){drupal-media[data-view-mode^='article_float'],drupal-media[data-view-mode^='landscape_float'],drupal-media[data-view-mode^='portrait_float']{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}drupal-media[data-view-mode^='article_full'],drupal-media[data-view-mode^='landscape_full'],drupal-media[data-view-mode^='portrait_full']{float:none;width:100%;max-width:none;margin:1em 0 1.5em} diff --git a/css/3_components/content/responsive-images.css b/css/3_components/content/responsive-images.css index 6ae9409..7b2d821 100644 --- a/css/3_components/content/responsive-images.css +++ b/css/3_components/content/responsive-images.css @@ -1 +1 @@ -.media-image{width:100%;position:relative;margin:1em 0 1.5em}.media-image.thwooped-modal{position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;margin:0;background-color:rgba(0,0,0,0.9);text-align:center}.media-image.thwooped-modal a.thwooper{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.media-image.thwooped-modal a.thwooper img,.media-image.thwooped-modal a.thwooper figure{width:auto;height:auto;max-width:100%;max-height:100%}.media-image img,.media-image figure{width:100%;height:auto;margin:0}.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{width:100%;height:auto}@media (min-width: 480px){.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}.media-image[data-picture-mapping='inline_expandable'],.media-image[data-picture-mapping='portrait_float_expandable']{margin:0}.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{margin:0 0 1.5em}.media-image[data-picture-mapping='inline_expandable']>.thwooper:link,.media-image[data-picture-mapping='inline_expandable']>.thwooper:focus,.media-image[data-picture-mapping='inline_expandable']>.thwooper:hover,.media-image[data-picture-mapping='inline_expandable']>.thwooper:active,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:link,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:focus,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:hover,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:active{text-decoration:none;background:transparent;-webkit-box-shadow:none;box-shadow:none}.media-image[data-picture-mapping='inline_expandable']>.thwooper>img,.media-image[data-picture-mapping='inline_expandable']>.thwooper>figure,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>img,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>figure{margin:0}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{width:100%;height:auto;-webkit-animation:thwoop-shrink .3s;animation:thwoop-shrink .3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}}@media (min-width: 480px) and (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper.thwooped,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper.thwooped{margin:0 0 1.5em;width:100%;max-width:100%;-webkit-animation:thwoop-expand .3s;animation:thwoop-expand .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.media-image [data-picture-mapping='inline_xl_expandable'] img,.media-image [data-picture-mapping='portrait_full_expandable'] img{max-width:960px;max-height:640px;-webkit-transition:max-width 1s, max-height 1s;transition:max-width 1s, max-height 1s}.media-image figure img{display:block;margin:0}.media-image figure figcaption{display:block;font-style:italic;text-align:center;padding:.5em;background-color:#f0f0f0;color:#222}a.thwooper{display:block;position:relative}a.thwooper:link,a.thwooper:hover,a.thwooper:active,a.thwooper:visited{background-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:none}a.thwooper::before{content:'';display:block;position:absolute;margin:0;font-size:.1px;line-height:0;width:44px;height:44px;padding:4px;right:5px;top:5px;z-index:10;background:rgba(0,0,0,0.75) url('../../../images/img-expand-icon-x2.png?186c23fb255') 50% 50% no-repeat;background-size:24px 24px;-webkit-transition:top .5s, -webkit-filter .5s;transition:top .5s, -webkit-filter .5s;transition:top .5s, filter .5s;transition:top .5s, filter .5s, -webkit-filter .5s}a.thwooper:focus::before,a.thwooper:hover::before{outline:2px solid rgba(255,255,255,0.9);border:0}a.thwooper.thwooped::before{background-image:url('../../../images/img-shrink-icon-x2.png?186c23fb257');background-color:#ff4da9}@-webkit-keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@-webkit-keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}}@keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}} +.media-image{width:100%;position:relative;margin:1em 0 1.5em}.media-image.thwooped-modal{position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;margin:0;background-color:rgba(0,0,0,0.9);text-align:center}.media-image.thwooped-modal a.thwooper{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.media-image.thwooped-modal a.thwooper img,.media-image.thwooped-modal a.thwooper figure{width:auto;height:auto;max-width:100%;max-height:100%}.media-image img,.media-image figure{width:100%;height:auto;margin:0}.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{width:100%;height:auto}@media (min-width: 480px){.media-image[data-picture-mapping='inline']>figure,.media-image[data-picture-mapping='inline']>img,.media-image[data-picture-mapping='portrait_float']>figure,.media-image[data-picture-mapping='portrait_float']>img{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}.media-image[data-picture-mapping='inline_expandable'],.media-image[data-picture-mapping='portrait_float_expandable']{margin:0}.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{margin:0 0 1.5em}.media-image[data-picture-mapping='inline_expandable']>.thwooper:link,.media-image[data-picture-mapping='inline_expandable']>.thwooper:focus,.media-image[data-picture-mapping='inline_expandable']>.thwooper:hover,.media-image[data-picture-mapping='inline_expandable']>.thwooper:active,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:link,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:focus,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:hover,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper:active{text-decoration:none;background:transparent;-webkit-box-shadow:none;box-shadow:none}.media-image[data-picture-mapping='inline_expandable']>.thwooper>img,.media-image[data-picture-mapping='inline_expandable']>.thwooper>figure,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>img,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper>figure{margin:0}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{width:100%;height:auto;-webkit-animation:thwoop-shrink .3s;animation:thwoop-shrink .3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}}@media (min-width: 480px) and (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper{clear:right;float:right;width:48.3871%;max-width:300px;margin-left:1em}}@media (min-width: 480px){.media-image[data-picture-mapping='inline_expandable']>.thwooper.thwooped,.media-image[data-picture-mapping='portrait_float_expandable']>.thwooper.thwooped{margin:0 0 1.5em;width:100%;max-width:100%;-webkit-animation:thwoop-expand .3s;animation:thwoop-expand .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}.media-image [data-picture-mapping='inline_xl_expandable'] img,.media-image [data-picture-mapping='portrait_full_expandable'] img{max-width:960px;max-height:640px;-webkit-transition:max-width 1s, max-height 1s;transition:max-width 1s, max-height 1s}.media-image figure img{display:block;margin:0}.media-image figure figcaption{display:block;font-style:italic;text-align:center;padding:.5em;background-color:#f0f0f0;color:#222}a.thwooper{display:block;position:relative}a.thwooper:link,a.thwooper:hover,a.thwooper:active,a.thwooper:visited{background-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:none}a.thwooper::before{content:'';display:block;position:absolute;margin:0;font-size:.1px;line-height:0;width:44px;height:44px;padding:4px;right:5px;top:5px;z-index:10;background:rgba(0,0,0,0.75) url('../../../images/img-expand-icon-x2.png?1870a2f9f05') 50% 50% no-repeat;background-size:24px 24px;-webkit-transition:top .5s, -webkit-filter .5s;transition:top .5s, -webkit-filter .5s;transition:top .5s, filter .5s;transition:top .5s, filter .5s, -webkit-filter .5s}a.thwooper:focus::before,a.thwooper:hover::before{outline:2px solid rgba(255,255,255,0.9);border:0}a.thwooper.thwooped::before{background-image:url('../../../images/img-shrink-icon-x2.png?1870a2f9f06');background-color:#ff4da9}@-webkit-keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@keyframes thwoop-expand{0%{width:48.3871%;max-width:300px;margin-left:1em}100%{width:100%;max-width:100%;margin-left:0}}@-webkit-keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}}@keyframes thwoop-shrink{0%{width:100%;max-width:100%;margin-left:0}100%{width:48.3871%;max-width:300px;margin-left:1em}} diff --git a/css/3_components/content/text.css b/css/3_components/content/text.css index eca312f..14ef34a 100644 --- a/css/3_components/content/text.css +++ b/css/3_components/content/text.css @@ -1 +1 @@ -.small-text,.small-text *{font-size:1.5rem;line-height:2.2rem}@media screen and (min-width: 992px){.small-text,.small-text *{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.small-text,.small-text *{font-size:1.7rem;line-height:2.5rem}}.smallish-text,.smallish-text *{font-size:1.5rem;line-height:2.2rem}@media screen and (min-width: 992px){.smallish-text,.smallish-text *{font-size:1.7rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.smallish-text,.smallish-text *{font-size:1.8rem;line-height:2.5rem}}.large-text,.large-text *{font-size:2rem;line-height:2.8rem}@media screen and (min-width: 992px){.large-text,.large-text *{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.large-text,.large-text *{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.large-text,.large-text *{font-size:2.2rem;line-height:3.5rem}}.xl-text,.xl-text *{font-size:2.2rem;line-height:32px}@media screen and (min-width: 992px){.xl-text,.xl-text *{font-size:2.3rem;line-height:33px}}@media screen and (min-width: 1200px){.xl-text,.xl-text *{font-size:2.5rem;line-height:36px}}@media screen and (min-width: 1679px){.xl-text,.xl-text *{font-size:2.7rem;line-height:40px}}.xxl-text,.xxl-text *{font-size:2.4rem;line-height:36px}@media screen and (min-width: 992px){.xxl-text,.xxl-text *{font-size:2.7rem;line-height:39px}}@media screen and (min-width: 1679px){.xxl-text,.xxl-text *{font-size:3rem;line-height:45px}}.text-block{margin:0;padding:0}.text-block.layout-builder-block{padding:0}.page-node-type-link h2{margin-bottom:.6rem} +.small-text,.small-text *{font-size:1.5rem;line-height:2.2rem}@media screen and (min-width: 992px){.small-text,.small-text *{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.small-text,.small-text *{font-size:1.7rem;line-height:2.5rem}}.smallish-text,.smallish-text *{font-size:1.5rem;line-height:2.4rem}@media screen and (min-width: 992px){.smallish-text,.smallish-text *{font-size:1.7rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.smallish-text,.smallish-text *{font-size:1.8rem;line-height:3rem}}.large-text,.large-text *{font-size:2rem;line-height:2.8rem}@media screen and (min-width: 992px){.large-text,.large-text *{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.large-text,.large-text *{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.large-text,.large-text *{font-size:2.2rem;line-height:3.5rem}}.xl-text,.xl-text *{font-size:2.2rem;line-height:32px}@media screen and (min-width: 992px){.xl-text,.xl-text *{font-size:2.3rem;line-height:33px}}@media screen and (min-width: 1200px){.xl-text,.xl-text *{font-size:2.5rem;line-height:36px}}@media screen and (min-width: 1679px){.xl-text,.xl-text *{font-size:2.7rem;line-height:40px}}.xxl-text,.xxl-text *{font-size:2.4rem;line-height:36px}@media screen and (min-width: 992px){.xxl-text,.xxl-text *{font-size:2.7rem;line-height:39px}}@media screen and (min-width: 1679px){.xxl-text,.xxl-text *{font-size:3rem;line-height:45px}}.text-block{margin:0;padding:0}.text-block.layout-builder-block{padding:0}.page-node-type-link h2{margin-bottom:.6rem} diff --git a/css/3_components/content/utilities.css b/css/3_components/content/utilities.css index 2072769..126e32d 100644 --- a/css/3_components/content/utilities.css +++ b/css/3_components/content/utilities.css @@ -1 +1 @@ -.meta{color:#4d4d4d;margin-bottom:0} +.meta{color:#4d4d4d;margin-bottom:0}.max-content-width{width:100%;max-width:76rem}.more-link a,a.more{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.more-link a:visited,.more-link a.visited,a.more:visited,a.more.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.more-link a:focus,.more-link a.focus,a.more:focus,a.more.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.more-link a:hover,.more-link a.hover,a.more:hover,a.more.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.more-link a:active,.more-link a.active,a.more:active,a.more.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0} diff --git a/css/3_components/field/file-link.css b/css/3_components/field/file-link.css index e14d389..745c138 100644 --- a/css/3_components/field/file-link.css +++ b/css/3_components/field/file-link.css @@ -1 +1 @@ -.file-link.file--ico{font-size:2.1rem;line-height:2.7rem;font-weight:500;display:block;min-height:5rem;padding-left:6.5rem;position:relative}.file-link.file--ico:focus{background-color:#0e6bb3;color:#fff;outline:5px solid #0e6bb3;text-decoration:none}.file-link.file--ico:focus::before{background-position-y:bottom}.file-link.file--ico:focus .meta{color:#fff}.file-link.file--ico::before{background:url('../../../images/nigov-file-icons.svg?186c23fb281') -750px 0/auto no-repeat;content:'';position:absolute;left:0;top:0;height:5rem;width:5rem}.file-link.file--ico__word::before,.file-link.file--ico__doc::before,.file-link.file--ico__docx::before,.file-link.file--ico__dot::before{background-position-x:0}.file-link.file--ico__pdf::before{background-position-x:-75px}.file-link.file--ico__excel::before,.file-link.file--ico__xls::before,.file-link.file--ico__xlsx::before,.file-link.file--ico__xlsm::before{background-position-x:-150px}.file-link.file--ico__powerpoint::before,.file-link.file--ico__ppt::before,.file-link.file--ico__pptx::before,.file-link.file--ico__pptm::before{background-position-x:-225px}.file-link.file--ico__opendocument-text::before,.file-link.file--ico__odt::before{background-position-x:-300px}.file-link.file--ico__opendocument-spreadsheet::before,.file-link.file--ico__ods::before{background-position-x:-375px}.file-link.file--ico__opendocument-presentation::before,.file-link.file--ico__odp::before{background-position-x:-450px}.file-link.file--ico__csv::before{background-position-x:-525px}.file-link.file--ico__zip::before{background-position-x:-600px}.file-link.file--ico__html::before{background-position-x:-675px}.file-link.file--ico .meta{font-size:1.4rem;line-height:2.1rem;display:block}.file-link--simple{font-size:1.6rem;line-height:1.5;margin:1em 0 1.5em}@media screen and (min-width: 992px){.file-link--simple{font-size:1.8rem}}@media screen and (min-width: 1679px){.file-link--simple{font-size:2rem}} +.file-link.file--ico{font-size:2.1rem;line-height:2.7rem;font-weight:500;display:block;min-height:5rem;padding-left:6.5rem;position:relative}.file-link.file--ico:focus{background-color:#0e6bb3;color:#fff;outline:5px solid #0e6bb3;text-decoration:none}.file-link.file--ico:focus::before{background-position-y:bottom}.file-link.file--ico:focus .meta{color:#fff}.file-link.file--ico::before{background:url('../../../images/nigov-file-icons.svg?1870a2f9f0a') -750px 0/auto no-repeat;content:'';position:absolute;left:0;top:0;height:5rem;width:5rem}.file-link.file--ico__word::before,.file-link.file--ico__doc::before,.file-link.file--ico__docx::before,.file-link.file--ico__dot::before{background-position-x:0}.file-link.file--ico__pdf::before{background-position-x:-75px}.file-link.file--ico__excel::before,.file-link.file--ico__xls::before,.file-link.file--ico__xlsx::before,.file-link.file--ico__xlsm::before{background-position-x:-150px}.file-link.file--ico__powerpoint::before,.file-link.file--ico__ppt::before,.file-link.file--ico__pptx::before,.file-link.file--ico__pptm::before{background-position-x:-225px}.file-link.file--ico__opendocument-text::before,.file-link.file--ico__odt::before{background-position-x:-300px}.file-link.file--ico__opendocument-spreadsheet::before,.file-link.file--ico__ods::before{background-position-x:-375px}.file-link.file--ico__opendocument-presentation::before,.file-link.file--ico__odp::before{background-position-x:-450px}.file-link.file--ico__csv::before{background-position-x:-525px}.file-link.file--ico__zip::before{background-position-x:-600px}.file-link.file--ico__html::before{background-position-x:-675px}.file-link.file--ico .meta{font-size:1.4rem;line-height:2.1rem;display:block}.file-link--simple{font-size:1.6rem;line-height:1.5;margin:1em 0 1.5em}@media screen and (min-width: 992px){.file-link--simple{font-size:1.8rem}}@media screen and (min-width: 1679px){.file-link--simple{font-size:2rem}} diff --git a/css/3_components/form/buttons.css b/css/3_components/form/buttons.css index ba31113..a95d490 100644 --- a/css/3_components/form/buttons.css +++ b/css/3_components/form/buttons.css @@ -1 +1 @@ -.btn,.button,#drupal-off-canvas .button{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.6rem;line-height:2.4rem;min-width:4.4rem;min-height:4.4rem;padding:0.8rem 1.2rem;background-size:1.60008rem auto}.btn:hover,.button:hover,#drupal-off-canvas .button:hover{background-color:#595959;border-color:#595959;color:#fff}.btn:active,.button:active,#drupal-off-canvas .button:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn:focus,.button:focus,#drupal-off-canvas .button:focus{background-color:#525252;border-color:#595959;color:#fff}.btn:link,.btn:visited,.button:link,.button:visited,#drupal-off-canvas .button:link,#drupal-off-canvas .button:visited{color:#fff}.btn:focus,.button:focus,#drupal-off-canvas .button:focus{outline:3px solid #000}.btn:hover,.button:hover,#drupal-off-canvas .button:hover{text-decoration:none}.btn:active,.button:active,#drupal-off-canvas .button:active{outline:0}@media screen and (min-width: 992px){.btn,.button,#drupal-off-canvas .button{font-size:1.8rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.btn,.button,#drupal-off-canvas .button{font-size:2rem;line-height:3rem}}@media (min-width: 768px){.btn,.button,#drupal-off-canvas .button{min-width:4.5rem;min-height:4.5rem;padding:0.8rem 1.3rem;background-size:1.73342rem auto}}@media (min-width: 1679px){.btn,.button,#drupal-off-canvas .button{min-width:5rem;min-height:5rem;padding:0.9rem 1.5rem;background-size:2.0001rem auto}}.btn-right,.button-right,#drupal-off-canvas .button-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?186c23fb238');font-size:1.6rem;line-height:2.4rem;min-width:4.4rem;min-height:4.4rem;padding:0.8rem 1.2rem;background-size:1.60008rem auto;padding-right:2.4rem;background-position:right .39996rem top 50%}.btn-right:hover,.button-right:hover,#drupal-off-canvas .button-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-right:active,.button-right:active,#drupal-off-canvas .button-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-right:focus,.button-right:focus,#drupal-off-canvas .button-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-right:link,.btn-right:visited,.button-right:link,.button-right:visited,#drupal-off-canvas .button-right:link,#drupal-off-canvas .button-right:visited{color:#fff}.btn-right:focus,.button-right:focus,#drupal-off-canvas .button-right:focus{outline:3px solid #000}.btn-right:hover,.button-right:hover,#drupal-off-canvas .button-right:hover{text-decoration:none}.btn-right:active,.button-right:active,#drupal-off-canvas .button-right:active{outline:0}@media screen and (min-width: 992px){.btn-right,.button-right,#drupal-off-canvas .button-right{font-size:1.8rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.btn-right,.button-right,#drupal-off-canvas .button-right{font-size:2rem;line-height:3rem}}@media (min-width: 768px){.btn-right,.button-right,#drupal-off-canvas .button-right{min-width:4.5rem;min-height:4.5rem;padding:0.8rem 1.3rem;background-size:1.73342rem auto;padding-right:2.6rem;background-position:right .43329rem top 50%}}@media (min-width: 1679px){.btn-right,.button-right,#drupal-off-canvas .button-right{min-width:5rem;min-height:5rem;padding:0.9rem 1.5rem;background-size:2.0001rem auto;padding-right:3rem;background-position:right .49995rem top 50%}}.btn-left,.button-left,#drupal-off-canvas .button-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?186c23fb230');font-size:1.6rem;line-height:2.4rem;min-width:4.4rem;min-height:4.4rem;padding:0.8rem 1.2rem;background-size:1.60008rem auto;padding-left:2.4rem;background-position:left .39996rem top 50%}.btn-left:hover,.button-left:hover,#drupal-off-canvas .button-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-left:active,.button-left:active,#drupal-off-canvas .button-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-left:focus,.button-left:focus,#drupal-off-canvas .button-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-left:link,.btn-left:visited,.button-left:link,.button-left:visited,#drupal-off-canvas .button-left:link,#drupal-off-canvas .button-left:visited{color:#fff}.btn-left:focus,.button-left:focus,#drupal-off-canvas .button-left:focus{outline:3px solid #000}.btn-left:hover,.button-left:hover,#drupal-off-canvas .button-left:hover{text-decoration:none}.btn-left:active,.button-left:active,#drupal-off-canvas .button-left:active{outline:0}@media screen and (min-width: 992px){.btn-left,.button-left,#drupal-off-canvas .button-left{font-size:1.8rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.btn-left,.button-left,#drupal-off-canvas .button-left{font-size:2rem;line-height:3rem}}@media (min-width: 768px){.btn-left,.button-left,#drupal-off-canvas .button-left{min-width:4.5rem;min-height:4.5rem;padding:0.8rem 1.3rem;background-size:1.73342rem auto;padding-left:2.6rem;background-position:left .43329rem top 50%}}@media (min-width: 1679px){.btn-left,.button-left,#drupal-off-canvas .button-left{min-width:5rem;min-height:5rem;padding:0.9rem 1.5rem;background-size:2.0001rem auto;padding-left:3rem;background-position:left .49995rem top 50%}}.btn-small,.button-small,#drupal-off-canvas .button-small{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto}.btn-small:hover,.button-small:hover,#drupal-off-canvas .button-small:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-small:active,.button-small:active,#drupal-off-canvas .button-small:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-small:focus,.button-small:focus,#drupal-off-canvas .button-small:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-small:link,.btn-small:visited,.button-small:link,.button-small:visited,#drupal-off-canvas .button-small:link,#drupal-off-canvas .button-small:visited{color:#fff}.btn-small:focus,.button-small:focus,#drupal-off-canvas .button-small:focus{outline:3px solid #000}.btn-small:hover,.button-small:hover,#drupal-off-canvas .button-small:hover{text-decoration:none}.btn-small:active,.button-small:active,#drupal-off-canvas .button-small:active{outline:0}@media screen and (min-width: 992px){.btn-small,.button-small,#drupal-off-canvas .button-small{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.btn-small,.button-small,#drupal-off-canvas .button-small{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.btn-small,.button-small,#drupal-off-canvas .button-small{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto}}@media (min-width: 1679px){.btn-small,.button-small,#drupal-off-canvas .button-small{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto}}.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?186c23fb238');font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto;padding-right:.8rem;background-position:right .13332rem top 50%}.btn-small-right:hover,.button-small-right:hover,#drupal-off-canvas .button-small-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-small-right:active,.button-small-right:active,#drupal-off-canvas .button-small-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-small-right:focus,.button-small-right:focus,#drupal-off-canvas .button-small-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-small-right:link,.btn-small-right:visited,.button-small-right:link,.button-small-right:visited,#drupal-off-canvas .button-small-right:link,#drupal-off-canvas .button-small-right:visited{color:#fff}.btn-small-right:focus,.button-small-right:focus,#drupal-off-canvas .button-small-right:focus{outline:3px solid #000}.btn-small-right:hover,.button-small-right:hover,#drupal-off-canvas .button-small-right:hover{text-decoration:none}.btn-small-right:active,.button-small-right:active,#drupal-off-canvas .button-small-right:active{outline:0}@media screen and (min-width: 992px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto;padding-right:1.2rem;background-position:right .19998rem top 50%}}@media (min-width: 1679px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto;padding-right:1.4rem;background-position:right .23331rem top 50%}}.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?186c23fb230');font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto;padding-left:.8rem;background-position:left .13332rem top 50%}.btn-small-left:hover,.button-small-left:hover,#drupal-off-canvas .button-small-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-small-left:active,.button-small-left:active,#drupal-off-canvas .button-small-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-small-left:focus,.button-small-left:focus,#drupal-off-canvas .button-small-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-small-left:link,.btn-small-left:visited,.button-small-left:link,.button-small-left:visited,#drupal-off-canvas .button-small-left:link,#drupal-off-canvas .button-small-left:visited{color:#fff}.btn-small-left:focus,.button-small-left:focus,#drupal-off-canvas .button-small-left:focus{outline:3px solid #000}.btn-small-left:hover,.button-small-left:hover,#drupal-off-canvas .button-small-left:hover{text-decoration:none}.btn-small-left:active,.button-small-left:active,#drupal-off-canvas .button-small-left:active{outline:0}@media screen and (min-width: 992px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto;padding-left:1.2rem;background-position:left .19998rem top 50%}}@media (min-width: 1679px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto;padding-left:1.4rem;background-position:left .23331rem top 50%}}.btn-medium,.button-medium,#drupal-off-canvas .button-medium{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.8rem;line-height:2.4rem;min-width:6rem;min-height:4.8rem;padding:0.7rem 1.4rem;background-size:1.86676rem auto}.btn-medium:hover,.button-medium:hover,#drupal-off-canvas .button-medium:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-medium:active,.button-medium:active,#drupal-off-canvas .button-medium:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-medium:focus,.button-medium:focus,#drupal-off-canvas .button-medium:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-medium:link,.btn-medium:visited,.button-medium:link,.button-medium:visited,#drupal-off-canvas .button-medium:link,#drupal-off-canvas .button-medium:visited{color:#fff}.btn-medium:focus,.button-medium:focus,#drupal-off-canvas .button-medium:focus{outline:3px solid #000}.btn-medium:hover,.button-medium:hover,#drupal-off-canvas .button-medium:hover{text-decoration:none}.btn-medium:active,.button-medium:active,#drupal-off-canvas .button-medium:active{outline:0}@media screen and (min-width: 992px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1679px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{font-size:2.2rem;line-height:3.5rem}}@media (min-width: 768px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{min-width:9rem;min-height:5.1rem;padding:0.6rem 1.7rem;background-size:2.26678rem auto}}@media (min-width: 1679px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{min-width:10rem;min-height:5.5rem;padding:0.5rem 2rem;background-size:2.6668rem auto}}.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?186c23fb238');font-size:1.8rem;line-height:2.4rem;min-width:6rem;min-height:4.8rem;padding:0.7rem 1.4rem;background-size:1.86676rem auto;padding-right:2.8rem;background-position:right .46662rem top 50%}.btn-medium-right:hover,.button-medium-right:hover,#drupal-off-canvas .button-medium-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-medium-right:active,.button-medium-right:active,#drupal-off-canvas .button-medium-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-medium-right:focus,.button-medium-right:focus,#drupal-off-canvas .button-medium-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-medium-right:link,.btn-medium-right:visited,.button-medium-right:link,.button-medium-right:visited,#drupal-off-canvas .button-medium-right:link,#drupal-off-canvas .button-medium-right:visited{color:#fff}.btn-medium-right:focus,.button-medium-right:focus,#drupal-off-canvas .button-medium-right:focus{outline:3px solid #000}.btn-medium-right:hover,.button-medium-right:hover,#drupal-off-canvas .button-medium-right:hover{text-decoration:none}.btn-medium-right:active,.button-medium-right:active,#drupal-off-canvas .button-medium-right:active{outline:0}@media screen and (min-width: 992px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1679px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{font-size:2.2rem;line-height:3.5rem}}@media (min-width: 768px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{min-width:9rem;min-height:5.1rem;padding:0.6rem 1.7rem;background-size:2.26678rem auto;padding-right:3.4rem;background-position:right .56661rem top 50%}}@media (min-width: 1679px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{min-width:10rem;min-height:5.5rem;padding:0.5rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?186c23fb230');font-size:1.8rem;line-height:2.4rem;min-width:6rem;min-height:4.8rem;padding:0.7rem 1.4rem;background-size:1.86676rem auto;padding-left:2.8rem;background-position:left .46662rem top 50%}.btn-medium-left:hover,.button-medium-left:hover,#drupal-off-canvas .button-medium-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-medium-left:active,.button-medium-left:active,#drupal-off-canvas .button-medium-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-medium-left:focus,.button-medium-left:focus,#drupal-off-canvas .button-medium-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-medium-left:link,.btn-medium-left:visited,.button-medium-left:link,.button-medium-left:visited,#drupal-off-canvas .button-medium-left:link,#drupal-off-canvas .button-medium-left:visited{color:#fff}.btn-medium-left:focus,.button-medium-left:focus,#drupal-off-canvas .button-medium-left:focus{outline:3px solid #000}.btn-medium-left:hover,.button-medium-left:hover,#drupal-off-canvas .button-medium-left:hover{text-decoration:none}.btn-medium-left:active,.button-medium-left:active,#drupal-off-canvas .button-medium-left:active{outline:0}@media screen and (min-width: 992px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1679px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{font-size:2.2rem;line-height:3.5rem}}@media (min-width: 768px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{min-width:9rem;min-height:5.1rem;padding:0.6rem 1.7rem;background-size:2.26678rem auto;padding-left:3.4rem;background-position:left .56661rem top 50%}}@media (min-width: 1679px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{min-width:10rem;min-height:5.5rem;padding:0.5rem 2rem;background-size:2.6668rem auto;padding-left:4rem;background-position:left .6666rem top 50%}}.btn-large,.button-large,#drupal-off-canvas .button-large{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto}.btn-large:hover,.button-large:hover,#drupal-off-canvas .button-large:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-large:active,.button-large:active,#drupal-off-canvas .button-large:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-large:focus,.button-large:focus,#drupal-off-canvas .button-large:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-large:link,.btn-large:visited,.button-large:link,.button-large:visited,#drupal-off-canvas .button-large:link,#drupal-off-canvas .button-large:visited{color:#fff}.btn-large:focus,.button-large:focus,#drupal-off-canvas .button-large:focus{outline:3px solid #000}.btn-large:hover,.button-large:hover,#drupal-off-canvas .button-large:hover{text-decoration:none}.btn-large:active,.button-large:active,#drupal-off-canvas .button-large:active{outline:0}@media screen and (min-width: 992px){.btn-large,.button-large,#drupal-off-canvas .button-large{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn-large,.button-large,#drupal-off-canvas .button-large{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn-large,.button-large,#drupal-off-canvas .button-large{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto}}@media (min-width: 1679px){.btn-large,.button-large,#drupal-off-canvas .button-large{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto}}.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?186c23fb238');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-right:3.2rem;background-position:right .53328rem top 50%}.btn-large-right:hover,.button-large-right:hover,#drupal-off-canvas .button-large-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-large-right:active,.button-large-right:active,#drupal-off-canvas .button-large-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-large-right:focus,.button-large-right:focus,#drupal-off-canvas .button-large-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-large-right:link,.btn-large-right:visited,.button-large-right:link,.button-large-right:visited,#drupal-off-canvas .button-large-right:link,#drupal-off-canvas .button-large-right:visited{color:#fff}.btn-large-right:focus,.button-large-right:focus,#drupal-off-canvas .button-large-right:focus{outline:3px solid #000}.btn-large-right:hover,.button-large-right:hover,#drupal-off-canvas .button-large-right:hover{text-decoration:none}.btn-large-right:active,.button-large-right:active,#drupal-off-canvas .button-large-right:active{outline:0}@media screen and (min-width: 992px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-right:3.8rem;background-position:right .63327rem top 50%}}@media (min-width: 1679px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?186c23fb230');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-left:3.2rem;background-position:left .53328rem top 50%}.btn-large-left:hover,.button-large-left:hover,#drupal-off-canvas .button-large-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-large-left:active,.button-large-left:active,#drupal-off-canvas .button-large-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-large-left:focus,.button-large-left:focus,#drupal-off-canvas .button-large-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-large-left:link,.btn-large-left:visited,.button-large-left:link,.button-large-left:visited,#drupal-off-canvas .button-large-left:link,#drupal-off-canvas .button-large-left:visited{color:#fff}.btn-large-left:focus,.button-large-left:focus,#drupal-off-canvas .button-large-left:focus{outline:3px solid #000}.btn-large-left:hover,.button-large-left:hover,#drupal-off-canvas .button-large-left:hover{text-decoration:none}.btn-large-left:active,.button-large-left:active,#drupal-off-canvas .button-large-left:active{outline:0}@media screen and (min-width: 992px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-left:3.8rem;background-position:left .63327rem top 50%}}@media (min-width: 1679px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-left:4rem;background-position:left .6666rem top 50%}}.btn--block,.button--block,#drupal-off-canvas .button--block{display:block !important;width:100%}.btn--link,.btn.link,.button--link,.button.link,#drupal-off-canvas .button--link,#drupal-off-canvas .button.link{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;background:none !important;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.btn--link:visited,.btn--link.visited,.btn.link:visited,.btn.link.visited,.button--link:visited,.button--link.visited,.button.link:visited,.button.link.visited,#drupal-off-canvas .button--link:visited,#drupal-off-canvas .button--link.visited,#drupal-off-canvas .button.link:visited,#drupal-off-canvas .button.link.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link:focus,.btn--link.focus,.btn.link:focus,.btn.link.focus,.button--link:focus,.button--link.focus,.button.link:focus,.button.link.focus,#drupal-off-canvas .button--link:focus,#drupal-off-canvas .button--link.focus,#drupal-off-canvas .button.link:focus,#drupal-off-canvas .button.link.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.btn--link:hover,.btn--link.hover,.btn.link:hover,.btn.link.hover,.button--link:hover,.button--link.hover,.button.link:hover,.button.link.hover,#drupal-off-canvas .button--link:hover,#drupal-off-canvas .button--link.hover,#drupal-off-canvas .button.link:hover,#drupal-off-canvas .button.link.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link:active,.btn--link.active,.btn.link:active,.btn.link.active,.button--link:active,.button--link.active,.button.link:active,.button.link.active,#drupal-off-canvas .button--link:active,#drupal-off-canvas .button--link.active,#drupal-off-canvas .button.link:active,#drupal-off-canvas .button.link.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link-inline,.btn.link-inline,.button--link-inline,.button.link-inline,#drupal-off-canvas .button--link-inline,#drupal-off-canvas .button.link-inline{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;background:none !important;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;display:inline !important;width:auto !important;height:auto !important;min-width:auto !important;min-height:auto !important;padding:0 !important;margin:0 !important}.btn--link-inline:visited,.btn--link-inline.visited,.btn.link-inline:visited,.btn.link-inline.visited,.button--link-inline:visited,.button--link-inline.visited,.button.link-inline:visited,.button.link-inline.visited,#drupal-off-canvas .button--link-inline:visited,#drupal-off-canvas .button--link-inline.visited,#drupal-off-canvas .button.link-inline:visited,#drupal-off-canvas .button.link-inline.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link-inline:focus,.btn--link-inline.focus,.btn.link-inline:focus,.btn.link-inline.focus,.button--link-inline:focus,.button--link-inline.focus,.button.link-inline:focus,.button.link-inline.focus,#drupal-off-canvas .button--link-inline:focus,#drupal-off-canvas .button--link-inline.focus,#drupal-off-canvas .button.link-inline:focus,#drupal-off-canvas .button.link-inline.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.btn--link-inline:hover,.btn--link-inline.hover,.btn.link-inline:hover,.btn.link-inline.hover,.button--link-inline:hover,.button--link-inline.hover,.button.link-inline:hover,.button.link-inline.hover,#drupal-off-canvas .button--link-inline:hover,#drupal-off-canvas .button--link-inline.hover,#drupal-off-canvas .button.link-inline:hover,#drupal-off-canvas .button.link-inline.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link-inline:active,.btn--link-inline.active,.btn.link-inline:active,.btn.link-inline.active,.button--link-inline:active,.button--link-inline.active,.button.link-inline:active,.button.link-inline.active,#drupal-off-canvas .button--link-inline:active,#drupal-off-canvas .button--link-inline.active,#drupal-off-canvas .button.link-inline:active,#drupal-off-canvas .button.link-inline.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--primary,.button--primary,#drupal-off-canvas .button--primary{background-color:#0a78cd;border-color:#0a78cd;color:#fff}.btn--primary:hover,.button--primary:hover,#drupal-off-canvas .button--primary:hover{background-color:#096ab5;border-color:#096ab5;color:#fff}.btn--primary:active,.button--primary:active,#drupal-off-canvas .button--primary:active{background-color:#0861a6;border-color:#085c9c;color:#fff}.btn--primary:focus,.button--primary:focus,#drupal-off-canvas .button--primary:focus{background-color:#0861a6;border-color:#096ab5;color:#fff}.btn--secondary,.button--secondary,#drupal-off-canvas .button--secondary{background-color:#154365;border-color:#154365;color:#fff}.btn--secondary:hover,.button--secondary:hover,#drupal-off-canvas .button--secondary:hover{background-color:#113550;border-color:#113550;color:#fff}.btn--secondary:active,.button--secondary:active,#drupal-off-canvas .button--secondary:active{background-color:#0e2d43;border-color:#0c273b;color:#fff}.btn--secondary:focus,.button--secondary:focus,#drupal-off-canvas .button--secondary:focus{background-color:#0e2d43;border-color:#113550;color:#fff}.btn--action,.button--action,#drupal-off-canvas .button--action{background-color:#048a05;border-color:#048a05;color:#fff}.btn--action:hover,.button--action:hover,#drupal-off-canvas .button--action:hover{background-color:#037104;border-color:#037104;color:#fff}.btn--action:active,.button--action:active,#drupal-off-canvas .button--action:active{background-color:#036204;border-color:#035803;color:#fff}.btn--action:focus,.button--action:focus,#drupal-off-canvas .button--action:focus{background-color:#036204;border-color:#037104;color:#fff}.btn--danger,.button--danger,#drupal-off-canvas .button--danger{background-color:#d1431f;border-color:#d1431f;color:#fff}.btn--danger:hover,.button--danger:hover,#drupal-off-canvas .button--danger:hover{background-color:#bb3c1c;border-color:#bb3c1c;color:#fff}.btn--danger:active,.button--danger:active,#drupal-off-canvas .button--danger:active{background-color:#ad381a;border-color:#a53518;color:#fff}.btn--danger:focus,.button--danger:focus,#drupal-off-canvas .button--danger:focus{background-color:#ad381a;border-color:#bb3c1c;color:#fff}.btn--warning,.button--warning,#drupal-off-canvas .button--warning{background-color:#bf5803;border-color:#bf5803;color:#fff}.btn--warning:hover,.button--warning:hover,#drupal-off-canvas .button--warning:hover{background-color:#a64c03;border-color:#a64c03;color:#fff}.btn--warning:active,.button--warning:active,#drupal-off-canvas .button--warning:active{background-color:#974502;border-color:#8d4102;color:#fff}.btn--warning:focus,.button--warning:focus,#drupal-off-canvas .button--warning:focus{background-color:#974502;border-color:#a64c03;color:#fff}.dropbutton-widget .btn,.dropbutton-widget .button,.dropbutton-widget #drupal-off-canvas .button{color:#333}.call-to-action{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;background-color:#048a05;border-color:#048a05;color:#fff;position:relative;padding-right:3.9rem !important}.call-to-action:hover{background-color:#595959;border-color:#595959;color:#fff}.call-to-action:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.call-to-action:focus{background-color:#525252;border-color:#595959;color:#fff}.call-to-action:link,.call-to-action:visited{color:#fff}.call-to-action:focus{outline:3px solid #000}.call-to-action:hover{text-decoration:none}.call-to-action:active{outline:0}@media screen and (min-width: 992px){.call-to-action{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.call-to-action{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.call-to-action{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto}}@media (min-width: 1679px){.call-to-action{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto}}.call-to-action:hover{background-color:#037104;border-color:#037104;color:#fff}.call-to-action:active{background-color:#036204;border-color:#035803;color:#fff}.call-to-action:focus{background-color:#036204;border-color:#037104;color:#fff}a.call-to-action{text-align:left;color:#fff}.call-to-action .ico-arrow-right{height:2.5rem;margin-right:1.2rem;position:absolute;right:0;top:calc(50% - 1.25rem);width:1.5rem}.btn--call-to-action{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?186c23fb238');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-right:3.2rem;background-position:right .53328rem top 50%;background-color:#048a05;border-color:#048a05;color:#fff}.btn--call-to-action:hover{background-color:#595959;border-color:#595959;color:#fff}.btn--call-to-action:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn--call-to-action:focus{background-color:#525252;border-color:#595959;color:#fff}.btn--call-to-action:link,.btn--call-to-action:visited{color:#fff}.btn--call-to-action:focus{outline:3px solid #000}.btn--call-to-action:hover{text-decoration:none}.btn--call-to-action:active{outline:0}@media screen and (min-width: 992px){.btn--call-to-action{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn--call-to-action{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn--call-to-action{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-right:3.8rem;background-position:right .63327rem top 50%}}@media (min-width: 1679px){.btn--call-to-action{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}.btn--call-to-action:hover{background-color:#037104;border-color:#037104;color:#fff}.btn--call-to-action:active{background-color:#036204;border-color:#035803;color:#fff}.btn--call-to-action:focus{background-color:#036204;border-color:#037104;color:#fff}#drupal-off-canvas .button{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto}#drupal-off-canvas .button:hover{background-color:#595959;border-color:#595959;color:#fff}#drupal-off-canvas .button:active{background-color:#525252;border-color:#4d4d4d;color:#fff}#drupal-off-canvas .button:focus{background-color:#525252;border-color:#595959;color:#fff}#drupal-off-canvas .button:link,#drupal-off-canvas .button:visited{color:#fff}#drupal-off-canvas .button:focus{outline:3px solid #000}#drupal-off-canvas .button:hover{text-decoration:none}#drupal-off-canvas .button:active{outline:0}@media screen and (min-width: 992px){#drupal-off-canvas .button{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){#drupal-off-canvas .button{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){#drupal-off-canvas .button{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto}}@media (min-width: 1679px){#drupal-off-canvas .button{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto}}.facet--btn{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:visited,.facet--btn.visited{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:focus,.facet--btn.focus{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:hover,.facet--btn.hover{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:active,.facet--btn.active{border-top:2px solid #fff;border-bottom:2px solid #fff} +.btn,.button,#drupal-off-canvas .button{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.6rem;line-height:2.4rem;min-width:4.4rem;min-height:4.4rem;padding:0.8rem 1.2rem;background-size:1.60008rem auto}.btn:hover,.button:hover,#drupal-off-canvas .button:hover{background-color:#595959;border-color:#595959;color:#fff}.btn:active,.button:active,#drupal-off-canvas .button:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn:focus,.button:focus,#drupal-off-canvas .button:focus{background-color:#525252;border-color:#595959;color:#fff}.btn:link,.btn:visited,.button:link,.button:visited,#drupal-off-canvas .button:link,#drupal-off-canvas .button:visited{color:#fff}.btn:focus,.button:focus,#drupal-off-canvas .button:focus{outline:3px solid #000}.btn:hover,.button:hover,#drupal-off-canvas .button:hover{text-decoration:none}.btn:active,.button:active,#drupal-off-canvas .button:active{outline:0}@media screen and (min-width: 992px){.btn,.button,#drupal-off-canvas .button{font-size:1.8rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.btn,.button,#drupal-off-canvas .button{font-size:2rem;line-height:3rem}}@media (min-width: 768px){.btn,.button,#drupal-off-canvas .button{min-width:4.5rem;min-height:4.5rem;padding:0.8rem 1.3rem;background-size:1.73342rem auto}}@media (min-width: 1679px){.btn,.button,#drupal-off-canvas .button{min-width:5rem;min-height:5rem;padding:0.9rem 1.5rem;background-size:2.0001rem auto}}.btn-right,.button-right,#drupal-off-canvas .button-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?1870a2f9f04');font-size:1.6rem;line-height:2.4rem;min-width:4.4rem;min-height:4.4rem;padding:0.8rem 1.2rem;background-size:1.60008rem auto;padding-right:2.4rem;background-position:right .39996rem top 50%}.btn-right:hover,.button-right:hover,#drupal-off-canvas .button-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-right:active,.button-right:active,#drupal-off-canvas .button-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-right:focus,.button-right:focus,#drupal-off-canvas .button-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-right:link,.btn-right:visited,.button-right:link,.button-right:visited,#drupal-off-canvas .button-right:link,#drupal-off-canvas .button-right:visited{color:#fff}.btn-right:focus,.button-right:focus,#drupal-off-canvas .button-right:focus{outline:3px solid #000}.btn-right:hover,.button-right:hover,#drupal-off-canvas .button-right:hover{text-decoration:none}.btn-right:active,.button-right:active,#drupal-off-canvas .button-right:active{outline:0}@media screen and (min-width: 992px){.btn-right,.button-right,#drupal-off-canvas .button-right{font-size:1.8rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.btn-right,.button-right,#drupal-off-canvas .button-right{font-size:2rem;line-height:3rem}}@media (min-width: 768px){.btn-right,.button-right,#drupal-off-canvas .button-right{min-width:4.5rem;min-height:4.5rem;padding:0.8rem 1.3rem;background-size:1.73342rem auto;padding-right:2.6rem;background-position:right .43329rem top 50%}}@media (min-width: 1679px){.btn-right,.button-right,#drupal-off-canvas .button-right{min-width:5rem;min-height:5rem;padding:0.9rem 1.5rem;background-size:2.0001rem auto;padding-right:3rem;background-position:right .49995rem top 50%}}.btn-left,.button-left,#drupal-off-canvas .button-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?1870a2f9f03');font-size:1.6rem;line-height:2.4rem;min-width:4.4rem;min-height:4.4rem;padding:0.8rem 1.2rem;background-size:1.60008rem auto;padding-left:2.4rem;background-position:left .39996rem top 50%}.btn-left:hover,.button-left:hover,#drupal-off-canvas .button-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-left:active,.button-left:active,#drupal-off-canvas .button-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-left:focus,.button-left:focus,#drupal-off-canvas .button-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-left:link,.btn-left:visited,.button-left:link,.button-left:visited,#drupal-off-canvas .button-left:link,#drupal-off-canvas .button-left:visited{color:#fff}.btn-left:focus,.button-left:focus,#drupal-off-canvas .button-left:focus{outline:3px solid #000}.btn-left:hover,.button-left:hover,#drupal-off-canvas .button-left:hover{text-decoration:none}.btn-left:active,.button-left:active,#drupal-off-canvas .button-left:active{outline:0}@media screen and (min-width: 992px){.btn-left,.button-left,#drupal-off-canvas .button-left{font-size:1.8rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.btn-left,.button-left,#drupal-off-canvas .button-left{font-size:2rem;line-height:3rem}}@media (min-width: 768px){.btn-left,.button-left,#drupal-off-canvas .button-left{min-width:4.5rem;min-height:4.5rem;padding:0.8rem 1.3rem;background-size:1.73342rem auto;padding-left:2.6rem;background-position:left .43329rem top 50%}}@media (min-width: 1679px){.btn-left,.button-left,#drupal-off-canvas .button-left{min-width:5rem;min-height:5rem;padding:0.9rem 1.5rem;background-size:2.0001rem auto;padding-left:3rem;background-position:left .49995rem top 50%}}.btn-small,.button-small,#drupal-off-canvas .button-small{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto}.btn-small:hover,.button-small:hover,#drupal-off-canvas .button-small:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-small:active,.button-small:active,#drupal-off-canvas .button-small:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-small:focus,.button-small:focus,#drupal-off-canvas .button-small:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-small:link,.btn-small:visited,.button-small:link,.button-small:visited,#drupal-off-canvas .button-small:link,#drupal-off-canvas .button-small:visited{color:#fff}.btn-small:focus,.button-small:focus,#drupal-off-canvas .button-small:focus{outline:3px solid #000}.btn-small:hover,.button-small:hover,#drupal-off-canvas .button-small:hover{text-decoration:none}.btn-small:active,.button-small:active,#drupal-off-canvas .button-small:active{outline:0}@media screen and (min-width: 992px){.btn-small,.button-small,#drupal-off-canvas .button-small{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.btn-small,.button-small,#drupal-off-canvas .button-small{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.btn-small,.button-small,#drupal-off-canvas .button-small{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto}}@media (min-width: 1679px){.btn-small,.button-small,#drupal-off-canvas .button-small{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto}}.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?1870a2f9f04');font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto;padding-right:.8rem;background-position:right .13332rem top 50%}.btn-small-right:hover,.button-small-right:hover,#drupal-off-canvas .button-small-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-small-right:active,.button-small-right:active,#drupal-off-canvas .button-small-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-small-right:focus,.button-small-right:focus,#drupal-off-canvas .button-small-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-small-right:link,.btn-small-right:visited,.button-small-right:link,.button-small-right:visited,#drupal-off-canvas .button-small-right:link,#drupal-off-canvas .button-small-right:visited{color:#fff}.btn-small-right:focus,.button-small-right:focus,#drupal-off-canvas .button-small-right:focus{outline:3px solid #000}.btn-small-right:hover,.button-small-right:hover,#drupal-off-canvas .button-small-right:hover{text-decoration:none}.btn-small-right:active,.button-small-right:active,#drupal-off-canvas .button-small-right:active{outline:0}@media screen and (min-width: 992px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto;padding-right:1.2rem;background-position:right .19998rem top 50%}}@media (min-width: 1679px){.btn-small-right,.button-small-right,#drupal-off-canvas .button-small-right{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto;padding-right:1.4rem;background-position:right .23331rem top 50%}}.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?1870a2f9f03');font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto;padding-left:.8rem;background-position:left .13332rem top 50%}.btn-small-left:hover,.button-small-left:hover,#drupal-off-canvas .button-small-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-small-left:active,.button-small-left:active,#drupal-off-canvas .button-small-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-small-left:focus,.button-small-left:focus,#drupal-off-canvas .button-small-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-small-left:link,.btn-small-left:visited,.button-small-left:link,.button-small-left:visited,#drupal-off-canvas .button-small-left:link,#drupal-off-canvas .button-small-left:visited{color:#fff}.btn-small-left:focus,.button-small-left:focus,#drupal-off-canvas .button-small-left:focus{outline:3px solid #000}.btn-small-left:hover,.button-small-left:hover,#drupal-off-canvas .button-small-left:hover{text-decoration:none}.btn-small-left:active,.button-small-left:active,#drupal-off-canvas .button-small-left:active{outline:0}@media screen and (min-width: 992px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto;padding-left:1.2rem;background-position:left .19998rem top 50%}}@media (min-width: 1679px){.btn-small-left,.button-small-left,#drupal-off-canvas .button-small-left{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto;padding-left:1.4rem;background-position:left .23331rem top 50%}}.btn-medium,.button-medium,#drupal-off-canvas .button-medium{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.8rem;line-height:2.4rem;min-width:6rem;min-height:4.8rem;padding:0.7rem 1.4rem;background-size:1.86676rem auto}.btn-medium:hover,.button-medium:hover,#drupal-off-canvas .button-medium:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-medium:active,.button-medium:active,#drupal-off-canvas .button-medium:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-medium:focus,.button-medium:focus,#drupal-off-canvas .button-medium:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-medium:link,.btn-medium:visited,.button-medium:link,.button-medium:visited,#drupal-off-canvas .button-medium:link,#drupal-off-canvas .button-medium:visited{color:#fff}.btn-medium:focus,.button-medium:focus,#drupal-off-canvas .button-medium:focus{outline:3px solid #000}.btn-medium:hover,.button-medium:hover,#drupal-off-canvas .button-medium:hover{text-decoration:none}.btn-medium:active,.button-medium:active,#drupal-off-canvas .button-medium:active{outline:0}@media screen and (min-width: 992px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1679px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{font-size:2.2rem;line-height:3.5rem}}@media (min-width: 768px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{min-width:9rem;min-height:5.1rem;padding:0.6rem 1.7rem;background-size:2.26678rem auto}}@media (min-width: 1679px){.btn-medium,.button-medium,#drupal-off-canvas .button-medium{min-width:10rem;min-height:5.5rem;padding:0.5rem 2rem;background-size:2.6668rem auto}}.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?1870a2f9f04');font-size:1.8rem;line-height:2.4rem;min-width:6rem;min-height:4.8rem;padding:0.7rem 1.4rem;background-size:1.86676rem auto;padding-right:2.8rem;background-position:right .46662rem top 50%}.btn-medium-right:hover,.button-medium-right:hover,#drupal-off-canvas .button-medium-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-medium-right:active,.button-medium-right:active,#drupal-off-canvas .button-medium-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-medium-right:focus,.button-medium-right:focus,#drupal-off-canvas .button-medium-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-medium-right:link,.btn-medium-right:visited,.button-medium-right:link,.button-medium-right:visited,#drupal-off-canvas .button-medium-right:link,#drupal-off-canvas .button-medium-right:visited{color:#fff}.btn-medium-right:focus,.button-medium-right:focus,#drupal-off-canvas .button-medium-right:focus{outline:3px solid #000}.btn-medium-right:hover,.button-medium-right:hover,#drupal-off-canvas .button-medium-right:hover{text-decoration:none}.btn-medium-right:active,.button-medium-right:active,#drupal-off-canvas .button-medium-right:active{outline:0}@media screen and (min-width: 992px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1679px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{font-size:2.2rem;line-height:3.5rem}}@media (min-width: 768px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{min-width:9rem;min-height:5.1rem;padding:0.6rem 1.7rem;background-size:2.26678rem auto;padding-right:3.4rem;background-position:right .56661rem top 50%}}@media (min-width: 1679px){.btn-medium-right,.button-medium-right,#drupal-off-canvas .button-medium-right{min-width:10rem;min-height:5.5rem;padding:0.5rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?1870a2f9f03');font-size:1.8rem;line-height:2.4rem;min-width:6rem;min-height:4.8rem;padding:0.7rem 1.4rem;background-size:1.86676rem auto;padding-left:2.8rem;background-position:left .46662rem top 50%}.btn-medium-left:hover,.button-medium-left:hover,#drupal-off-canvas .button-medium-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-medium-left:active,.button-medium-left:active,#drupal-off-canvas .button-medium-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-medium-left:focus,.button-medium-left:focus,#drupal-off-canvas .button-medium-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-medium-left:link,.btn-medium-left:visited,.button-medium-left:link,.button-medium-left:visited,#drupal-off-canvas .button-medium-left:link,#drupal-off-canvas .button-medium-left:visited{color:#fff}.btn-medium-left:focus,.button-medium-left:focus,#drupal-off-canvas .button-medium-left:focus{outline:3px solid #000}.btn-medium-left:hover,.button-medium-left:hover,#drupal-off-canvas .button-medium-left:hover{text-decoration:none}.btn-medium-left:active,.button-medium-left:active,#drupal-off-canvas .button-medium-left:active{outline:0}@media screen and (min-width: 992px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1679px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{font-size:2.2rem;line-height:3.5rem}}@media (min-width: 768px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{min-width:9rem;min-height:5.1rem;padding:0.6rem 1.7rem;background-size:2.26678rem auto;padding-left:3.4rem;background-position:left .56661rem top 50%}}@media (min-width: 1679px){.btn-medium-left,.button-medium-left,#drupal-off-canvas .button-medium-left{min-width:10rem;min-height:5.5rem;padding:0.5rem 2rem;background-size:2.6668rem auto;padding-left:4rem;background-position:left .6666rem top 50%}}.btn-large,.button-large,#drupal-off-canvas .button-large{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto}.btn-large:hover,.button-large:hover,#drupal-off-canvas .button-large:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-large:active,.button-large:active,#drupal-off-canvas .button-large:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-large:focus,.button-large:focus,#drupal-off-canvas .button-large:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-large:link,.btn-large:visited,.button-large:link,.button-large:visited,#drupal-off-canvas .button-large:link,#drupal-off-canvas .button-large:visited{color:#fff}.btn-large:focus,.button-large:focus,#drupal-off-canvas .button-large:focus{outline:3px solid #000}.btn-large:hover,.button-large:hover,#drupal-off-canvas .button-large:hover{text-decoration:none}.btn-large:active,.button-large:active,#drupal-off-canvas .button-large:active{outline:0}@media screen and (min-width: 992px){.btn-large,.button-large,#drupal-off-canvas .button-large{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn-large,.button-large,#drupal-off-canvas .button-large{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn-large,.button-large,#drupal-off-canvas .button-large{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto}}@media (min-width: 1679px){.btn-large,.button-large,#drupal-off-canvas .button-large{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto}}.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?1870a2f9f04');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-right:3.2rem;background-position:right .53328rem top 50%}.btn-large-right:hover,.button-large-right:hover,#drupal-off-canvas .button-large-right:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-large-right:active,.button-large-right:active,#drupal-off-canvas .button-large-right:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-large-right:focus,.button-large-right:focus,#drupal-off-canvas .button-large-right:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-large-right:link,.btn-large-right:visited,.button-large-right:link,.button-large-right:visited,#drupal-off-canvas .button-large-right:link,#drupal-off-canvas .button-large-right:visited{color:#fff}.btn-large-right:focus,.button-large-right:focus,#drupal-off-canvas .button-large-right:focus{outline:3px solid #000}.btn-large-right:hover,.button-large-right:hover,#drupal-off-canvas .button-large-right:hover{text-decoration:none}.btn-large-right:active,.button-large-right:active,#drupal-off-canvas .button-large-right:active{outline:0}@media screen and (min-width: 992px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-right:3.8rem;background-position:right .63327rem top 50%}}@media (min-width: 1679px){.btn-large-right,.button-large-right,#drupal-off-canvas .button-large-right{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?1870a2f9f03');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-left:3.2rem;background-position:left .53328rem top 50%}.btn-large-left:hover,.button-large-left:hover,#drupal-off-canvas .button-large-left:hover{background-color:#595959;border-color:#595959;color:#fff}.btn-large-left:active,.button-large-left:active,#drupal-off-canvas .button-large-left:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn-large-left:focus,.button-large-left:focus,#drupal-off-canvas .button-large-left:focus{background-color:#525252;border-color:#595959;color:#fff}.btn-large-left:link,.btn-large-left:visited,.button-large-left:link,.button-large-left:visited,#drupal-off-canvas .button-large-left:link,#drupal-off-canvas .button-large-left:visited{color:#fff}.btn-large-left:focus,.button-large-left:focus,#drupal-off-canvas .button-large-left:focus{outline:3px solid #000}.btn-large-left:hover,.button-large-left:hover,#drupal-off-canvas .button-large-left:hover{text-decoration:none}.btn-large-left:active,.button-large-left:active,#drupal-off-canvas .button-large-left:active{outline:0}@media screen and (min-width: 992px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-left:3.8rem;background-position:left .63327rem top 50%}}@media (min-width: 1679px){.btn-large-left,.button-large-left,#drupal-off-canvas .button-large-left{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-left:4rem;background-position:left .6666rem top 50%}}.btn--block,.button--block,#drupal-off-canvas .button--block{display:block !important;width:100%}.btn--link,.btn.link,.button--link,.button.link,#drupal-off-canvas .button--link,#drupal-off-canvas .button.link{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;background:none !important;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.btn--link:visited,.btn--link.visited,.btn.link:visited,.btn.link.visited,.button--link:visited,.button--link.visited,.button.link:visited,.button.link.visited,#drupal-off-canvas .button--link:visited,#drupal-off-canvas .button--link.visited,#drupal-off-canvas .button.link:visited,#drupal-off-canvas .button.link.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link:focus,.btn--link.focus,.btn.link:focus,.btn.link.focus,.button--link:focus,.button--link.focus,.button.link:focus,.button.link.focus,#drupal-off-canvas .button--link:focus,#drupal-off-canvas .button--link.focus,#drupal-off-canvas .button.link:focus,#drupal-off-canvas .button.link.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.btn--link:hover,.btn--link.hover,.btn.link:hover,.btn.link.hover,.button--link:hover,.button--link.hover,.button.link:hover,.button.link.hover,#drupal-off-canvas .button--link:hover,#drupal-off-canvas .button--link.hover,#drupal-off-canvas .button.link:hover,#drupal-off-canvas .button.link.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link:active,.btn--link.active,.btn.link:active,.btn.link.active,.button--link:active,.button--link.active,.button.link:active,.button.link.active,#drupal-off-canvas .button--link:active,#drupal-off-canvas .button--link.active,#drupal-off-canvas .button.link:active,#drupal-off-canvas .button.link.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link-inline,.btn.link-inline,.button--link-inline,.button.link-inline,#drupal-off-canvas .button--link-inline,#drupal-off-canvas .button.link-inline{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;background:none !important;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;display:inline !important;width:auto !important;height:auto !important;min-width:auto !important;min-height:auto !important;padding:0 !important;margin:0 !important}.btn--link-inline:visited,.btn--link-inline.visited,.btn.link-inline:visited,.btn.link-inline.visited,.button--link-inline:visited,.button--link-inline.visited,.button.link-inline:visited,.button.link-inline.visited,#drupal-off-canvas .button--link-inline:visited,#drupal-off-canvas .button--link-inline.visited,#drupal-off-canvas .button.link-inline:visited,#drupal-off-canvas .button.link-inline.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link-inline:focus,.btn--link-inline.focus,.btn.link-inline:focus,.btn.link-inline.focus,.button--link-inline:focus,.button--link-inline.focus,.button.link-inline:focus,.button.link-inline.focus,#drupal-off-canvas .button--link-inline:focus,#drupal-off-canvas .button--link-inline.focus,#drupal-off-canvas .button.link-inline:focus,#drupal-off-canvas .button.link-inline.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.btn--link-inline:hover,.btn--link-inline.hover,.btn.link-inline:hover,.btn.link-inline.hover,.button--link-inline:hover,.button--link-inline.hover,.button.link-inline:hover,.button.link-inline.hover,#drupal-off-canvas .button--link-inline:hover,#drupal-off-canvas .button--link-inline.hover,#drupal-off-canvas .button.link-inline:hover,#drupal-off-canvas .button.link-inline.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--link-inline:active,.btn--link-inline.active,.btn.link-inline:active,.btn.link-inline.active,.button--link-inline:active,.button--link-inline.active,.button.link-inline:active,.button.link-inline.active,#drupal-off-canvas .button--link-inline:active,#drupal-off-canvas .button--link-inline.active,#drupal-off-canvas .button.link-inline:active,#drupal-off-canvas .button.link-inline.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.btn--primary,.button--primary,#drupal-off-canvas .button--primary{background-color:#0a78cd;border-color:#0a78cd;color:#fff}.btn--primary:hover,.button--primary:hover,#drupal-off-canvas .button--primary:hover{background-color:#096ab5;border-color:#096ab5;color:#fff}.btn--primary:active,.button--primary:active,#drupal-off-canvas .button--primary:active{background-color:#0861a6;border-color:#085c9c;color:#fff}.btn--primary:focus,.button--primary:focus,#drupal-off-canvas .button--primary:focus{background-color:#0861a6;border-color:#096ab5;color:#fff}.btn--secondary,.button--secondary,#drupal-off-canvas .button--secondary{background-color:#154365;border-color:#154365;color:#fff}.btn--secondary:hover,.button--secondary:hover,#drupal-off-canvas .button--secondary:hover{background-color:#113550;border-color:#113550;color:#fff}.btn--secondary:active,.button--secondary:active,#drupal-off-canvas .button--secondary:active{background-color:#0e2d43;border-color:#0c273b;color:#fff}.btn--secondary:focus,.button--secondary:focus,#drupal-off-canvas .button--secondary:focus{background-color:#0e2d43;border-color:#113550;color:#fff}.btn--action,.button--action,#drupal-off-canvas .button--action{background-color:#048a05;border-color:#048a05;color:#fff}.btn--action:hover,.button--action:hover,#drupal-off-canvas .button--action:hover{background-color:#037104;border-color:#037104;color:#fff}.btn--action:active,.button--action:active,#drupal-off-canvas .button--action:active{background-color:#036204;border-color:#035803;color:#fff}.btn--action:focus,.button--action:focus,#drupal-off-canvas .button--action:focus{background-color:#036204;border-color:#037104;color:#fff}.btn--danger,.button--danger,#drupal-off-canvas .button--danger{background-color:#d1431f;border-color:#d1431f;color:#fff}.btn--danger:hover,.button--danger:hover,#drupal-off-canvas .button--danger:hover{background-color:#bb3c1c;border-color:#bb3c1c;color:#fff}.btn--danger:active,.button--danger:active,#drupal-off-canvas .button--danger:active{background-color:#ad381a;border-color:#a53518;color:#fff}.btn--danger:focus,.button--danger:focus,#drupal-off-canvas .button--danger:focus{background-color:#ad381a;border-color:#bb3c1c;color:#fff}.btn--warning,.button--warning,#drupal-off-canvas .button--warning{background-color:#bf5803;border-color:#bf5803;color:#fff}.btn--warning:hover,.button--warning:hover,#drupal-off-canvas .button--warning:hover{background-color:#a64c03;border-color:#a64c03;color:#fff}.btn--warning:active,.button--warning:active,#drupal-off-canvas .button--warning:active{background-color:#974502;border-color:#8d4102;color:#fff}.btn--warning:focus,.button--warning:focus,#drupal-off-canvas .button--warning:focus{background-color:#974502;border-color:#a64c03;color:#fff}.dropbutton-widget .btn,.dropbutton-widget .button,.dropbutton-widget #drupal-off-canvas .button{color:#333}.call-to-action{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;background-color:#048a05;border-color:#048a05;color:#fff;position:relative;padding-right:3.9rem !important}.call-to-action:hover{background-color:#595959;border-color:#595959;color:#fff}.call-to-action:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.call-to-action:focus{background-color:#525252;border-color:#595959;color:#fff}.call-to-action:link,.call-to-action:visited{color:#fff}.call-to-action:focus{outline:3px solid #000}.call-to-action:hover{text-decoration:none}.call-to-action:active{outline:0}@media screen and (min-width: 992px){.call-to-action{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.call-to-action{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.call-to-action{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto}}@media (min-width: 1679px){.call-to-action{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto}}.call-to-action:hover{background-color:#037104;border-color:#037104;color:#fff}.call-to-action:active{background-color:#036204;border-color:#035803;color:#fff}.call-to-action:focus{background-color:#036204;border-color:#037104;color:#fff}a.call-to-action{text-align:left;color:#fff}.call-to-action .ico-arrow-right{height:2.5rem;margin-right:1.2rem;position:absolute;right:0;top:calc(50% - 1.25rem);width:1.5rem}.btn--call-to-action{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?1870a2f9f04');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-right:3.2rem;background-position:right .53328rem top 50%;background-color:#048a05;border-color:#048a05;color:#fff}.btn--call-to-action:hover{background-color:#595959;border-color:#595959;color:#fff}.btn--call-to-action:active{background-color:#525252;border-color:#4d4d4d;color:#fff}.btn--call-to-action:focus{background-color:#525252;border-color:#595959;color:#fff}.btn--call-to-action:link,.btn--call-to-action:visited{color:#fff}.btn--call-to-action:focus{outline:3px solid #000}.btn--call-to-action:hover{text-decoration:none}.btn--call-to-action:active{outline:0}@media screen and (min-width: 992px){.btn--call-to-action{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){.btn--call-to-action{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){.btn--call-to-action{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-right:3.8rem;background-position:right .63327rem top 50%}}@media (min-width: 1679px){.btn--call-to-action{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}.btn--call-to-action:hover{background-color:#037104;border-color:#037104;color:#fff}.btn--call-to-action:active{background-color:#036204;border-color:#035803;color:#fff}.btn--call-to-action:focus{background-color:#036204;border-color:#037104;color:#fff}#drupal-off-canvas .button{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;line-height:2.2rem;min-width:3.6rem;min-height:3.6rem;padding:0.4rem 0.4rem;background-size:.53336rem auto}#drupal-off-canvas .button:hover{background-color:#595959;border-color:#595959;color:#fff}#drupal-off-canvas .button:active{background-color:#525252;border-color:#4d4d4d;color:#fff}#drupal-off-canvas .button:focus{background-color:#525252;border-color:#595959;color:#fff}#drupal-off-canvas .button:link,#drupal-off-canvas .button:visited{color:#fff}#drupal-off-canvas .button:focus{outline:3px solid #000}#drupal-off-canvas .button:hover{text-decoration:none}#drupal-off-canvas .button:active{outline:0}@media screen and (min-width: 992px){#drupal-off-canvas .button{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){#drupal-off-canvas .button{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){#drupal-off-canvas .button{min-width:3.9rem;min-height:3.9rem;padding:0.5rem 0.6rem;background-size:.80004rem auto}}@media (min-width: 1679px){#drupal-off-canvas .button{min-width:4rem;min-height:4rem;padding:0.6rem 0.7rem;background-size:.93338rem auto}}.facet--btn{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:visited,.facet--btn.visited{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:focus,.facet--btn.focus{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:hover,.facet--btn.hover{border-top:2px solid #fff;border-bottom:2px solid #fff}.facet--btn:active,.facet--btn.active{border-top:2px solid #fff;border-bottom:2px solid #fff} diff --git a/css/3_components/form/search-form.css b/css/3_components/form/search-form.css index 73cde4b..2d60fec 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 form,.search-form{position:relative;max-width:76rem}.ga-aside .view-search-container form,.ga-aside .search-api-form form,.ga-aside .search-form{margin-bottom:1em}.view-search-container form>.form-item,.search-api-form form>.form-item,.search-form>.form-item{margin:.5em 0}.view-search-container form>.form-item:first-child,.search-api-form form>.form-item:first-child,.search-form>.form-item:first-child{margin-top:0}.view-search-container form>.form-wrapper,.search-api-form form>.form-wrapper,.search-form>.form-wrapper{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}.view-search-container form label,.search-api-form form label,.search-form label{font-size:1.5rem;line-height:2.2rem;margin:0 0 .5em}@media screen and (min-width: 992px){.view-search-container form label,.search-api-form form label,.search-form label{font-size:1.7rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.view-search-container form label,.search-api-form form label,.search-form label{font-size:1.8rem;line-height:2.5rem}}@media (min-width: 768px){.view-search-container form label,.search-api-form form label,.search-form label{margin:0 0 .9rem}}@media (min-width: 1679px){.view-search-container form label,.search-api-form form label,.search-form label{margin:0 0 1rem}}.view-search-container form input,.search-api-form form input,.search-form input{font-size:1.6rem;line-height:1.5}@media screen and (min-width: 992px){.view-search-container form input,.search-api-form form input,.search-form input{font-size:1.8rem}}@media screen and (min-width: 1679px){.view-search-container form input,.search-api-form form input,.search-form input{font-size:2rem}}.ga-aside .view-search-container form input,.ga-aside .search-api-form form input,.ga-aside .search-form input{font-size:1.6rem}.view-search-container form input[type='search'],.view-search-container form input[type='text'],.search-api-form form input[type='search'],.search-api-form form input[type='text'],.search-form input[type='search'],.search-form input[type='text']{width:calc(100% - 6rem);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 form input[type='search']:focus,.search-api-form form input[type='text']:focus,.search-form input[type='search']:focus,.search-form input[type='text']:focus{outline:none}.view-search-container form input[type='search']:focus-visible,.view-search-container form input[type='text']:focus-visible,.search-api-form form input[type='search']:focus-visible,.search-api-form form input[type='text']:focus-visible,.search-form input[type='search']:focus-visible,.search-form input[type='text']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;position:relative;z-index:101}.view-search-container form input[type='submit'],.search-api-form form input[type='submit'],.search-form input[type='submit']{width:6rem;min-width:auto;height:4.5rem;min-height:4.5rem;padding:0;margin:0;border-color:var(--default-brand-primary-color);background:var(--default-brand-primary-color) 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 form input[type='submit']:focus,.search-form input[type='submit']:focus{outline:none}.view-search-container form input[type='submit']:focus-visible,.search-api-form form input[type='submit']:focus-visible,.search-form input[type='submit']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;position:relative;z-index:101}.view-search-container form .form-actions,.search-api-form form .form-actions,.search-form .form-actions{position:absolute;bottom:0;right:0;margin:0}.view-search-container form--page input[type='submit'],.search-api-form form--page input[type='submit'],.search-form--page input[type='submit']{background-color:var(--default-brand-primary-color);border-color:var(--default-brand-primary-color)}.ga-aside .view-search-container form--page input,.ga-aside .search-api-form form--page input,.ga-aside .search-form--page input{font-size:1.6rem}header .search-api-form{padding:1rem 1.5rem 1rem 0;margin-bottom:0;max-width:100%;background-color:var(--default-brand-secondary-color)}@media (min-width: 768px){header .search-api-form{background-color:inherit;padding:0}}header .search-api-form .form-item,header .search-api-form .form-actions{margin:0;padding: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='search']:focus{outline:none}header .search-api-form input[type='search']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;position:relative;z-index:101}header .search-api-form input[type='submit']{border-color:var(--default-brand-primary-color);background-color:var(--default-brand-primary-color);color:#fff}header .search-api-form input[type='submit']:focus{outline:none}header .search-api-form input[type='submit']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4}.search-form--site[type='submit']{border-color:var(--default-brand-primary-color);background-color:var(--default-brand-primary-color)}.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 form,.search-form{position:relative;max-width:76rem}.ga-aside .view-search-container form,.ga-aside .search-api-form form,.ga-aside .search-form{margin-bottom:1em}.view-search-container form>.form-item,.search-api-form form>.form-item,.search-form>.form-item{margin:.5em 0}.view-search-container form>.form-item:first-child,.search-api-form form>.form-item:first-child,.search-form>.form-item:first-child{margin-top:0}.view-search-container form>.form-wrapper,.search-api-form form>.form-wrapper,.search-form>.form-wrapper{-webkit-box-flex:100%;-ms-flex:100% 0 0px;flex:100% 0 0}.view-search-container form label,.search-api-form form label,.search-form label{font-size:1.5rem;line-height:2.4rem;margin:0 0 .5em}@media screen and (min-width: 992px){.view-search-container form label,.search-api-form form label,.search-form label{font-size:1.7rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.view-search-container form label,.search-api-form form label,.search-form label{font-size:1.8rem;line-height:3rem}}@media (min-width: 768px){.view-search-container form label,.search-api-form form label,.search-form label{margin:0 0 .9rem}}@media (min-width: 1679px){.view-search-container form label,.search-api-form form label,.search-form label{margin:0 0 1rem}}.view-search-container form input,.search-api-form form input,.search-form input{font-size:1.6rem;line-height:1.5}@media screen and (min-width: 992px){.view-search-container form input,.search-api-form form input,.search-form input{font-size:1.8rem}}@media screen and (min-width: 1679px){.view-search-container form input,.search-api-form form input,.search-form input{font-size:2rem}}.ga-aside .view-search-container form input,.ga-aside .search-api-form form input,.ga-aside .search-form input{font-size:1.6rem}.view-search-container form input[type='search'],.view-search-container form input[type='text'],.search-api-form form input[type='search'],.search-api-form form input[type='text'],.search-form input[type='search'],.search-form input[type='text']{width:calc(100% - 6rem);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 form input[type='search']:focus,.search-api-form form input[type='text']:focus,.search-form input[type='search']:focus,.search-form input[type='text']:focus{outline:none}.view-search-container form input[type='search']:focus-visible,.view-search-container form input[type='text']:focus-visible,.search-api-form form input[type='search']:focus-visible,.search-api-form form input[type='text']:focus-visible,.search-form input[type='search']:focus-visible,.search-form input[type='text']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;position:relative;z-index:101}.view-search-container form input[type='submit'],.search-api-form form input[type='submit'],.search-form input[type='submit']{width:6rem;min-width:auto;height:4.5rem;min-height:4.5rem;padding:0;margin:0;border-color:var(--default-brand-primary-color);background:var(--default-brand-primary-color) 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 form input[type='submit']:focus,.search-form input[type='submit']:focus{outline:none}.view-search-container form input[type='submit']:focus-visible,.search-api-form form input[type='submit']:focus-visible,.search-form input[type='submit']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;position:relative;z-index:101}.view-search-container form .form-actions,.search-api-form form .form-actions,.search-form .form-actions{position:absolute;bottom:0;right:0;margin:0}.view-search-container form--page input[type='submit'],.search-api-form form--page input[type='submit'],.search-form--page input[type='submit']{background-color:var(--default-brand-primary-color);border-color:var(--default-brand-primary-color)}.ga-aside .view-search-container form--page input,.ga-aside .search-api-form form--page input,.ga-aside .search-form--page input{font-size:1.6rem}header .search-api-form{padding:1rem 1.5rem 1rem 0;margin-bottom:0;max-width:100%;background-color:var(--default-brand-secondary-color)}@media (min-width: 768px){header .search-api-form{background-color:inherit;padding:0}}header .search-api-form .form-item,header .search-api-form .form-actions{margin:0;padding: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='search']:focus{outline:none}header .search-api-form input[type='search']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;position:relative;z-index:101}header .search-api-form input[type='submit']{border-color:var(--default-brand-primary-color);background-color:var(--default-brand-primary-color);color:#fff}header .search-api-form input[type='submit']:focus{outline:none}header .search-api-form input[type='submit']:focus-visible{outline:3px solid #000;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4}.search-form--site[type='submit']{border-color:var(--default-brand-primary-color);background-color:var(--default-brand-primary-color)}.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/form/webform.css b/css/3_components/form/webform.css index a8f6f07..b5f07e1 100644 --- a/css/3_components/form/webform.css +++ b/css/3_components/form/webform.css @@ -1 +1 @@ -.webform-options-display-side-by-side .form-item--error-message{position:absolute;top:calc(100% + .9rem);right:auto;bottom:auto;left:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:16rem}.webform-options-display-side-by-side .form-item--error-message::before{content:'';border:.9rem solid transparent;border-bottom-color:#d1431f;position:absolute;top:-1.7rem;left:1.4rem}.form-textarea-wrapper{line-height:0}.webform-counter{margin-bottom:0}.webform-counter+.form-item--error-message{position:absolute;margin-top:.9rem}.text-count-wrapper{font-size:1.6rem;line-height:1.5;color:#fff;background-color:#333;padding:.3334em .6rem;margin:0}@media screen and (min-width: 992px){.text-count-wrapper{font-size:1.8rem}}@media screen and (min-width: 1679px){.text-count-wrapper{font-size:2rem}}.text-count-wrapper.webform-counter-warning .text-count{color:#fb7c17;font-weight:bold}input+.text-count-wrapper{max-width:560px}.webform-options-display-side-by-side label{margin:0}.webform-options-display-side-by-side .form-item{display:inline-block;width:auto;padding:0}.webform-submission-form .form-submit:not(:first-child){margin-left:1.5em}@media (min-width: 768px){.webform-submission-form .banner{width:940px;max-width:calc(100vw - 40px)}}.webform-preview .webform-submission-data>.webform-container{margin:2.5em 0 2em}.webform-preview .webform-submission-data>.form-item{margin:2em 0}.webform-preview .webform-submission-data .webform-element{background-color:#f0f0f0;padding:.5em}.webform-preview .webform-submission-data .webform-element label{position:relative;background-color:#fff;top:-.5em;left:-.5em;width:calc(100% + 1em);padding-bottom:.5em}.webform-preview .webform-submission-data details summary{font-size:2.4rem;line-height:3.2rem;margin:3.2rem 0 1.6rem;color:#0b1951}@media screen and (min-width: 992px){.webform-preview .webform-submission-data details summary{font-size:2.5rem;line-height:3.3rem;margin:3.3rem 0 1.8rem}}@media screen and (min-width: 1679px){.webform-preview .webform-submission-data details summary{font-size:2.6rem;line-height:3.5rem;margin:3.5rem 0 2rem}}input[type='submit'].webform-button--submit{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;background-color:#0a78cd;border-color:#0a78cd;color:#fff}input[type='submit'].webform-button--submit:hover{background-color:#595959;border-color:#595959;color:#fff}input[type='submit'].webform-button--submit:active{background-color:#525252;border-color:#4d4d4d;color:#fff}input[type='submit'].webform-button--submit:focus{background-color:#525252;border-color:#595959;color:#fff}input[type='submit'].webform-button--submit:link,input[type='submit'].webform-button--submit:visited{color:#fff}input[type='submit'].webform-button--submit:focus{outline:3px solid #000}input[type='submit'].webform-button--submit:hover{text-decoration:none}input[type='submit'].webform-button--submit:active{outline:0}@media screen and (min-width: 992px){input[type='submit'].webform-button--submit{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){input[type='submit'].webform-button--submit{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){input[type='submit'].webform-button--submit{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto}}@media (min-width: 1679px){input[type='submit'].webform-button--submit{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto}}input[type='submit'].webform-button--submit:hover{background-color:#096ab5;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--submit:active{background-color:#0861a6;border-color:#085c9c;color:#fff}input[type='submit'].webform-button--submit:focus{background-color:#0861a6;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?186c23fb238');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-right:3.2rem;background-position:right .53328rem top 50%;background-color:#0a78cd;border-color:#0a78cd;color:#fff}input[type='submit'].webform-button--next:hover,input[type='submit'].webform-button--preview:hover{background-color:#595959;border-color:#595959;color:#fff}input[type='submit'].webform-button--next:active,input[type='submit'].webform-button--preview:active{background-color:#525252;border-color:#4d4d4d;color:#fff}input[type='submit'].webform-button--next:focus,input[type='submit'].webform-button--preview:focus{background-color:#525252;border-color:#595959;color:#fff}input[type='submit'].webform-button--next:link,input[type='submit'].webform-button--next:visited,input[type='submit'].webform-button--preview:link,input[type='submit'].webform-button--preview:visited{color:#fff}input[type='submit'].webform-button--next:focus,input[type='submit'].webform-button--preview:focus{outline:3px solid #000}input[type='submit'].webform-button--next:hover,input[type='submit'].webform-button--preview:hover{text-decoration:none}input[type='submit'].webform-button--next:active,input[type='submit'].webform-button--preview:active{outline:0}@media screen and (min-width: 992px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-right:3.8rem;background-position:right .63327rem top 50%}}@media (min-width: 1679px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}input[type='submit'].webform-button--next:hover,input[type='submit'].webform-button--preview:hover{background-color:#096ab5;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--next:active,input[type='submit'].webform-button--preview:active{background-color:#0861a6;border-color:#085c9c;color:#fff}input[type='submit'].webform-button--next:focus,input[type='submit'].webform-button--preview:focus{background-color:#0861a6;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--previous{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?186c23fb230');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-left:3.2rem;background-position:left .53328rem top 50%}input[type='submit'].webform-button--previous:hover{background-color:#595959;border-color:#595959;color:#fff}input[type='submit'].webform-button--previous:active{background-color:#525252;border-color:#4d4d4d;color:#fff}input[type='submit'].webform-button--previous:focus{background-color:#525252;border-color:#595959;color:#fff}input[type='submit'].webform-button--previous:link,input[type='submit'].webform-button--previous:visited{color:#fff}input[type='submit'].webform-button--previous:focus{outline:3px solid #000}input[type='submit'].webform-button--previous:hover{text-decoration:none}input[type='submit'].webform-button--previous:active{outline:0}@media screen and (min-width: 992px){input[type='submit'].webform-button--previous{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){input[type='submit'].webform-button--previous{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){input[type='submit'].webform-button--previous{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-left:3.8rem;background-position:left .63327rem top 50%}}@media (min-width: 1679px){input[type='submit'].webform-button--previous{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-left:4rem;background-position:left .6666rem top 50%}}.js-webform-states-hidden[style*='display: none']{-webkit-animation:fade-out 1s;animation:fade-out 1s}.js-webform-states-hidden[style*='display: block']{-webkit-animation:fade-in 1s;animation:fade-in 1s}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}} +.webform-options-display-side-by-side .form-item--error-message{position:absolute;top:calc(100% + .9rem);right:auto;bottom:auto;left:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:16rem}.webform-options-display-side-by-side .form-item--error-message::before{content:'';border:.9rem solid transparent;border-bottom-color:#d1431f;position:absolute;top:-1.7rem;left:1.4rem}.form-textarea-wrapper{line-height:0}.webform-counter{margin-bottom:0}.webform-counter+.form-item--error-message{position:absolute;margin-top:.9rem}.text-count-wrapper{font-size:1.6rem;line-height:1.5;color:#fff;background-color:#333;padding:.3334em .6rem;margin:0}@media screen and (min-width: 992px){.text-count-wrapper{font-size:1.8rem}}@media screen and (min-width: 1679px){.text-count-wrapper{font-size:2rem}}.text-count-wrapper.webform-counter-warning .text-count{color:#fb7c17;font-weight:bold}input+.text-count-wrapper{max-width:560px}.webform-options-display-side-by-side label{margin:0}.webform-options-display-side-by-side .form-item{display:inline-block;width:auto;padding:0}.webform-submission-form .form-submit:not(:first-child){margin-left:1.5em}@media (min-width: 768px){.webform-submission-form .banner{width:940px;max-width:calc(100vw - 40px)}}.webform-preview .webform-submission-data>.webform-container{margin:2.5em 0 2em}.webform-preview .webform-submission-data>.form-item{margin:2em 0}.webform-preview .webform-submission-data .webform-element{background-color:#f0f0f0;padding:.5em}.webform-preview .webform-submission-data .webform-element label{position:relative;background-color:#fff;top:-.5em;left:-.5em;width:calc(100% + 1em);padding-bottom:.5em}.webform-preview .webform-submission-data details summary{font-size:2.4rem;line-height:3.2rem;margin:3.2rem 0 1.6rem;color:#0b1951}@media screen and (min-width: 992px){.webform-preview .webform-submission-data details summary{font-size:2.5rem;line-height:3.3rem;margin:3.3rem 0 1.8rem}}@media screen and (min-width: 1679px){.webform-preview .webform-submission-data details summary{font-size:2.6rem;line-height:3.5rem;margin:3.5rem 0 2rem}}input[type='submit'].webform-button--submit{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;background-color:#0a78cd;border-color:#0a78cd;color:#fff}input[type='submit'].webform-button--submit:hover{background-color:#595959;border-color:#595959;color:#fff}input[type='submit'].webform-button--submit:active{background-color:#525252;border-color:#4d4d4d;color:#fff}input[type='submit'].webform-button--submit:focus{background-color:#525252;border-color:#595959;color:#fff}input[type='submit'].webform-button--submit:link,input[type='submit'].webform-button--submit:visited{color:#fff}input[type='submit'].webform-button--submit:focus{outline:3px solid #000}input[type='submit'].webform-button--submit:hover{text-decoration:none}input[type='submit'].webform-button--submit:active{outline:0}@media screen and (min-width: 992px){input[type='submit'].webform-button--submit{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){input[type='submit'].webform-button--submit{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){input[type='submit'].webform-button--submit{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto}}@media (min-width: 1679px){input[type='submit'].webform-button--submit{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto}}input[type='submit'].webform-button--submit:hover{background-color:#096ab5;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--submit:active{background-color:#0861a6;border-color:#085c9c;color:#fff}input[type='submit'].webform-button--submit:focus{background-color:#0861a6;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_forward_white.svg?1870a2f9f04');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-right:3.2rem;background-position:right .53328rem top 50%;background-color:#0a78cd;border-color:#0a78cd;color:#fff}input[type='submit'].webform-button--next:hover,input[type='submit'].webform-button--preview:hover{background-color:#595959;border-color:#595959;color:#fff}input[type='submit'].webform-button--next:active,input[type='submit'].webform-button--preview:active{background-color:#525252;border-color:#4d4d4d;color:#fff}input[type='submit'].webform-button--next:focus,input[type='submit'].webform-button--preview:focus{background-color:#525252;border-color:#595959;color:#fff}input[type='submit'].webform-button--next:link,input[type='submit'].webform-button--next:visited,input[type='submit'].webform-button--preview:link,input[type='submit'].webform-button--preview:visited{color:#fff}input[type='submit'].webform-button--next:focus,input[type='submit'].webform-button--preview:focus{outline:3px solid #000}input[type='submit'].webform-button--next:hover,input[type='submit'].webform-button--preview:hover{text-decoration:none}input[type='submit'].webform-button--next:active,input[type='submit'].webform-button--preview:active{outline:0}@media screen and (min-width: 992px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-right:3.8rem;background-position:right .63327rem top 50%}}@media (min-width: 1679px){input[type='submit'].webform-button--next,input[type='submit'].webform-button--preview{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-right:4rem;background-position:right .6666rem top 50%}}input[type='submit'].webform-button--next:hover,input[type='submit'].webform-button--preview:hover{background-color:#096ab5;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--next:active,input[type='submit'].webform-button--preview:active{background-color:#0861a6;border-color:#085c9c;color:#fff}input[type='submit'].webform-button--next:focus,input[type='submit'].webform-button--preview:focus{background-color:#0861a6;border-color:#096ab5;color:#fff}input[type='submit'].webform-button--previous{background-color:#666;border-color:#666;color:#fff;display:inline-block;border:1px solid transparent;border-radius:0;text-align:center;text-decoration:none;background-repeat:no-repeat;background-position-y:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('../../../images/arrow_back_white.svg?1870a2f9f03');font-size:2.1rem;line-height:3.2rem;min-width:8rem;min-height:5.2rem;padding:0.7rem 1.6rem;background-size:2.13344rem auto;padding-left:3.2rem;background-position:left .53328rem top 50%}input[type='submit'].webform-button--previous:hover{background-color:#595959;border-color:#595959;color:#fff}input[type='submit'].webform-button--previous:active{background-color:#525252;border-color:#4d4d4d;color:#fff}input[type='submit'].webform-button--previous:focus{background-color:#525252;border-color:#595959;color:#fff}input[type='submit'].webform-button--previous:link,input[type='submit'].webform-button--previous:visited{color:#fff}input[type='submit'].webform-button--previous:focus{outline:3px solid #000}input[type='submit'].webform-button--previous:hover{text-decoration:none}input[type='submit'].webform-button--previous:active{outline:0}@media screen and (min-width: 992px){input[type='submit'].webform-button--previous{font-size:2.4rem;line-height:3.6rem}}@media screen and (min-width: 1679px){input[type='submit'].webform-button--previous{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){input[type='submit'].webform-button--previous{min-width:15rem;min-height:5.4rem;padding:0.8rem 1.9rem;background-size:2.53346rem auto;padding-left:3.8rem;background-position:left .63327rem top 50%}}@media (min-width: 1679px){input[type='submit'].webform-button--previous{min-width:17rem;min-height:6rem;padding:0.9rem 2rem;background-size:2.6668rem auto;padding-left:4rem;background-position:left .6666rem top 50%}}.js-webform-states-hidden[style*='display: none']{-webkit-animation:fade-out 1s;animation:fade-out 1s}.js-webform-states-hidden[style*='display: block']{-webkit-animation:fade-in 1s;animation:fade-in 1s}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}} diff --git a/css/3_components/layout/main-menu.css b/css/3_components/layout/main-menu.css index b9939f3..e9442f7 100644 --- a/css/3_components/layout/main-menu.css +++ b/css/3_components/layout/main-menu.css @@ -1 +1 @@ -.main-menu{background-color:var(--default-brand-secondary-color);position:static;padding:1rem .5rem}@media (min-width: 768px){.main-menu{background-color:transparent;padding:0}}.main-menu .nav-main{position:absolute;z-index:1;left:0;margin-top:1rem;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;width:100%;padding:1em 0 .5em;background:inherit}@media (min-width: 768px){.main-menu .nav-main{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1140px;margin:0 auto;padding:0}}.main-menu .nav-menu{position:relative;width:100%;margin:0;padding:0}@media (min-width: 768px){.main-menu .nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;left:-.4rem}}@media (min-width: 992px){.main-menu .nav-menu{left:-.6rem}}.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:-.5em;display:block;padding:1em 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:-.5em}.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;outline-offset:-.5em}.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;outline-offset:-.5em}.main-menu .nav-link:active,.main-menu .nav-link.active{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-.5em}@media (min-width: 768px){.main-menu .nav-link{color:#0e6bb3;background:rgba(0,0,0,0);outline:none;font-size:1.6rem;line-height:2.7rem;padding:.9rem 1.2rem}.main-menu .nav-link:visited,.main-menu .nav-link.visited{color:#0e6bb3;background:rgba(0,0,0,0);outline:none}.main-menu .nav-link:focus,.main-menu .nav-link.focus{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-link:hover,.main-menu .nav-link.hover{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-link:active,.main-menu .nav-link.active{color:#0e6bb3;background:rgba(0,0,0,0);outline:none}}@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}}@media (min-width: 992px){.main-menu .nav-link{font-size:1.8rem;line-height:2.7rem;padding:.5em 1.5rem}}.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:5.5rem;height:4.5rem;padding:1rem;margin:0;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:transparent;color:#fff}.main-menu .hamburger:focus{outline:none}.main-menu .hamburger:focus-visible{outline:3px solid #fff;outline-offset:-3px}.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']{position:relative}.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{width:0;height:0;overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media (min-width: 768px){.main-menu .hamburger:not([hidden]) ~ .nav-main{width:100%;height:auto;overflow:visible;visibility:visible;opacity:1}}.main-menu .hamburger[aria-expanded='true'] ~ .nav-main,.main-menu .hamburger .main-nav:focus-within{width:100%;height:auto;overflow:visible;visibility:visible;opacity:1}@media (min-width: 480px){.main-menu .hamburger[aria-expanded='true'] ~ .nav-main,.main-menu .hamburger .main-nav:focus-within{width:calc(100% - 96px);max-width:504px;left:48px}} +.main-menu{background-color:var(--default-brand-secondary-color);position:static;padding:1rem .5rem}@media (min-width: 768px){.main-menu{background-color:transparent;padding:0}}.main-menu .nav-main{position:absolute;z-index:1;left:0;margin-top:1rem;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;width:100%;padding:1em 0 .5em;background:inherit}@media (min-width: 768px){.main-menu .nav-main{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1140px;margin:0 auto;padding:0}}.main-menu .nav-menu{position:relative;width:100%;margin:0;padding:0}@media (min-width: 768px){.main-menu .nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;left:-.1rem}}@media (min-width: 992px){.main-menu .nav-menu{left:-.4rem}}.main-menu .nav-link,.main-menu .nav-item .active{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-.5em;display:block;padding:1em 1.6rem}.main-menu .nav-link:visited,.main-menu .nav-link.visited,.main-menu .nav-item .active:visited,.main-menu .nav-item .active.visited{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-.5em}.main-menu .nav-link:focus,.main-menu .nav-link.focus,.main-menu .nav-item .active:focus,.main-menu .nav-item .active.focus{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:3px solid;outline-offset:-.5em}.main-menu .nav-link:hover,.main-menu .nav-link.hover,.main-menu .nav-item .active:hover,.main-menu .nav-item .active.hover{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:3px solid;outline-offset:-.5em}.main-menu .nav-link:active,.main-menu .nav-link.active,.main-menu .nav-item .active:active,.main-menu .nav-item .active.active{color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;-webkit-box-shadow:none;box-shadow:none;outline:0;outline-offset:-.5em}@media (min-width: 768px){.main-menu .nav-link,.main-menu .nav-item .active{color:#0e6bb3;background:rgba(0,0,0,0);outline:none;font-size:1.6rem;line-height:2.7rem;padding:.9rem 1.2rem;margin-right:3px}.main-menu .nav-link:visited,.main-menu .nav-link.visited,.main-menu .nav-item .active:visited,.main-menu .nav-item .active.visited{color:#0e6bb3;background:rgba(0,0,0,0);outline:none}.main-menu .nav-link:focus,.main-menu .nav-link.focus,.main-menu .nav-item .active:focus,.main-menu .nav-item .active.focus{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-link:hover,.main-menu .nav-link.hover,.main-menu .nav-item .active:hover,.main-menu .nav-item .active.hover{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-link:active,.main-menu .nav-link.active,.main-menu .nav-item .active:active,.main-menu .nav-item .active.active{color:#0e6bb3;background:rgba(0,0,0,0);outline:none}}@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active){.main-menu .nav-link,.main-menu .nav-item .active{position:relative;outline:none !important}.main-menu .nav-link::after,.main-menu .nav-item .active::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,.main-menu .nav-item .active:hover::after,.main-menu .nav-item .active:focus::after{border:3px solid #fff}}@media (min-width: 992px){.main-menu .nav-link,.main-menu .nav-item .active{font-size:1.8rem;line-height:2.7rem;padding:.5em 1.5rem}}.main-menu .nav-item .active{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-item .active:visited,.main-menu .nav-item .active.visited{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-item .active:focus,.main-menu .nav-item .active.focus{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-item .active:hover,.main-menu .nav-item .active.hover{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.main-menu .nav-item .active:active,.main-menu .nav-item .active.active{color:#fff;background:var(--brand-primary-color-high-contrast-white);outline:none}.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:5.5rem;height:4.5rem;padding:1rem;margin:0;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:transparent;color:#fff}.main-menu .hamburger:focus{outline:none}.main-menu .hamburger:focus-visible{outline:3px solid #fff;outline-offset:-3px}.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']{position:relative}.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{width:0;height:0;overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media (min-width: 768px){.main-menu .hamburger:not([hidden]) ~ .nav-main{width:100%;height:auto;overflow:visible;visibility:visible;opacity:1}}.main-menu .hamburger[aria-expanded='true'] ~ .nav-main,.main-menu .hamburger .main-nav:focus-within{width:100%;height:auto;overflow:visible;visibility:visible;opacity:1}@media (min-width: 480px){.main-menu .hamburger[aria-expanded='true'] ~ .nav-main,.main-menu .hamburger .main-nav:focus-within{width:calc(100% - 96px);max-width:504px;left:48px}} diff --git a/css/5_theme/entities.css b/css/5_theme/entities.css index fce8cbf..9ff413a 100644 --- a/css/5_theme/entities.css +++ b/css/5_theme/entities.css @@ -1 +1 @@ -.launch-service{margin:1.2rem 0}.page-node-type-gp-practice .launch-service{display:inline-block;margin:2.7rem 1.2rem 0 0}.page-node-type-gp-practice .call-to-action{font-size:1.8rem}.list--gp-practice-members .list-item{color:#666;margin:0}.list--gp-practice-members .list-item::after{content:','}.list--gp-practice-members .list-item:last-child::after{content:''}.review-info{font-size:1.6rem;line-height:2.4rem;margin:0}.page-node-type-health-condition p.meta{font-size:1.5rem;line-height:2.4rem;letter-spacing:-.25px;margin:0;padding-bottom:.9rem}.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{font-size:1.5rem;line-height:2.2rem;margin:1.8rem 0 .7rem}@media screen and (min-width: 992px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{margin:2.1rem 0 .7rem}}@media (min-width: 1679px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{margin:2.5rem 0 1rem}}.page-node-type-publication .file-link,.page-node-type-news .file-link,.page-node-type-consultation .file-link{margin-bottom:1.5em}.page-node-type-publication .last-updated{font-size:1.5rem;line-height:2.2rem;margin:.7rem 0}@media screen and (min-width: 992px){.page-node-type-publication .last-updated{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.page-node-type-publication .last-updated{font-size:1.7rem;line-height:2.5rem}}.path-taxonomy .social-sharing{margin:3em 0}@media (min-width: 576px){.page-node-type-publication .narrow-title,.page-node-type-embargoed-publication .narrow-title,.page-node-type-consultation .narrow-title,.page-node-type-subtopic .narrow-title{width:83.33%}}@media (min-width: 992px){.page-node-type-publication .narrow-title,.page-node-type-embargoed-publication .narrow-title,.page-node-type-consultation .narrow-title,.page-node-type-subtopic .narrow-title{width:75%}}@media (min-width: 576px){.path-publications h1,.path-consultations h1,.path-news h1{width:83.33%}}@media (min-width: 992px){.path-publications h1,.path-consultations h1,.path-news h1{width:75%}} +.launch-service{margin:1.2rem 0}.page-node-type-gp-practice .launch-service{display:inline-block;margin:2.7rem 1.2rem 0 0}.page-node-type-gp-practice .call-to-action{font-size:1.8rem}.list--gp-practice-members .list-item{color:#666;margin:0}.list--gp-practice-members .list-item::after{content:','}.list--gp-practice-members .list-item:last-child::after{content:''}.review-info{font-size:1.6rem;line-height:2.4rem;margin:0}.page-node-type-health-condition p.meta{font-size:1.5rem;line-height:2.4rem;letter-spacing:-.25px;margin:0;padding-bottom:.9rem}.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{font-size:1.5rem;line-height:2.2rem;margin:1.8rem 0 .7rem}@media screen and (min-width: 992px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{margin:2.1rem 0 .7rem}}@media (min-width: 1679px){.page-node-type-publication .published-date,.page-node-type-news .published-date,.page-node-type-consultation .published-date{margin:2.5rem 0 1rem}}.page-node-type-publication .file-link,.page-node-type-news .file-link,.page-node-type-consultation .file-link{margin-bottom:1.5em}.page-node-type-publication .last-updated{font-size:1.5rem;line-height:2.2rem;margin:.7rem 0}@media screen and (min-width: 992px){.page-node-type-publication .last-updated{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.page-node-type-publication .last-updated{font-size:1.7rem;line-height:2.5rem}}.path-taxonomy .social-sharing{margin:3em 0}@media (min-width: 576px){.page-node-type-publication .narrow-title,.page-node-type-embargoed-publication .narrow-title,.page-node-type-consultation .narrow-title,.page-node-type-subtopic .narrow-title{width:83.33%}}@media (min-width: 992px){.page-node-type-publication .narrow-title,.page-node-type-embargoed-publication .narrow-title,.page-node-type-consultation .narrow-title,.page-node-type-subtopic .narrow-title{width:75%}}@media (min-width: 576px){.path-publications h1,.path-consultations h1,.path-news h1{width:83.33%}}@media (min-width: 992px){.path-publications h1,.path-consultations h1,.path-news h1{width:75%}}.page-node-type-topic .topic-header{-webkit-box-shadow:0 1.5px 0 0 var(--brand-primary-color);box-shadow:0 1.5px 0 0 var(--brand-primary-color);padding-bottom:2em}.page-node-type-topic .topic-header:last-child{-webkit-box-shadow:none;box-shadow:none;padding-bottom:1em}.page-node-type-topic .topic-header:has(.field-photo){padding-bottom:1em}@media (min-width: 768px){.page-node-type-topic .topic-header:has(.field-photo){display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:1.5rem}.page-node-type-topic .topic-header:has(.field-photo) .page-summary{grid-column:1 / span 6}.page-node-type-topic .topic-header:has(.field-photo) .field-photo{grid-column:8 / span 5}}@media (min-width: 1200px){.page-node-type-topic .topic-header:has(.field-photo) .page-summary{grid-column:1 / span 7}.page-node-type-topic .topic-header:has(.field-photo) .field-photo{grid-column:9 / span 4}}.page-node-type-topic .topic-header:has(.field-photo) .page-summary p{font-size:2.2rem;line-height:32px}@media screen and (min-width: 992px){.page-node-type-topic .topic-header:has(.field-photo) .page-summary p{font-size:2.3rem;line-height:33px}}@media screen and (min-width: 1200px){.page-node-type-topic .topic-header:has(.field-photo) .page-summary p{font-size:2.5rem;line-height:36px}}@media screen and (min-width: 1679px){.page-node-type-topic .topic-header:has(.field-photo) .page-summary p{font-size:2.7rem;line-height:40px}}@media (min-width: 768px){.page-node-type-topic .topic-header:has(.field-photo) .page-summary p{margin-top:.5em}}.page-node-type-topic .topic-header:has(.field-photo) .media-image{margin:0}.page-node-type-topic .topic-header:has(.field-photo) .media-image img{max-height:200px;-o-object-fit:cover;object-fit:cover;margin:0}.page-node-type-topic .page-summary:only-child,.page-node-type-topic .page-summary p:last-child{margin-bottom:0}.page-node-type-topic .article-content{margin-top:2.5em}.page-node-type-topic .article-content::after{content:'';display:block;width:100%;clear:both}@media (min-width: 768px){.page-node-type-topic .article-content .field-photo .media-image{float:right;max-width:300px;margin:0 0 1.5em 1.5em}}.page-node-type-topic .subtopics{width:100%;clear:both;margin-top:.5em}.page-node-type-topic .subtopics .card__title a{color:#0b1951}.page-node-type-topic .subtopics .card__title a:focus{color:#fff}.page-node-type-topic .article-content+.subtopics{-webkit-box-shadow:0 -1.5px 0 0 var(--brand-primary-color);box-shadow:0 -1.5px 0 0 var(--brand-primary-color);margin-top:2.5em;padding-top:.5em}.page-node-type-topic .topic-header:has(.page-summary:only-child)+.subtopics,.page-node-type-topic .topic-header:has(.page-summary:only-child)+.section-related{margin-top:1.5em}.page-node-type-topic .topic-header:has(.page-summary:only-child)+.subtopics .subtopics__title,.page-node-type-topic .topic-header:has(.page-summary:only-child)+.section-related .subtopics__title{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);word-wrap:normal}.page-node-type-topic .card-deck--topics{padding-top:.5em}.site-book{margin-top:0}.site-topics:has(+.site-book){margin-bottom:0} diff --git a/css/5_theme/front.css b/css/5_theme/front.css index 1651717..c5a70b7 100644 --- a/css/5_theme/front.css +++ b/css/5_theme/front.css @@ -1 +1 @@ -.section-front{padding:0 0 1.5em;margin:0 0 1em;-webkit-box-shadow:0 -5px 0 0 var(--brand-primary-color);box-shadow:0 -5px 0 0 var(--brand-primary-color)}.section-front:first-child{-webkit-box-shadow:none;box-shadow:none}.section-front__sub-section:not(:last-child){margin-bottom:2.5em}@media (min-width: 768px){.section-front__sub-section:not(:last-child){margin-bottom:0}}.section-front h2{font-size:2.4rem;line-height:3.2rem;margin:3.2rem 0 1.6rem}@media screen and (min-width: 768px){.section-front h2{font-size:2.6rem;line-height:3.6rem;margin:3.2rem 0 1.6rem}}@media screen and (min-width: 992px){.section-front h2{font-size:2.8rem;line-height:3.9rem;margin:3.6rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front h2{font-size:2.8rem;line-height:4rem;margin:3.5rem 0 2rem}}.section-front p{max-width:76rem}.section-front p:last-child,.section-front ul:last-child,.section-front li:last-child{margin-bottom:0}.section-front .meta{font-size:1.5rem;line-height:2.2rem;display:block;margin-top:4px;color:#666}@media screen and (min-width: 992px){.section-front .meta{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.section-front .meta{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.section-front .meta{margin-top:3px}}@media (min-width: 1679px){.section-front .meta{margin-top:5px}}.section-front .meta>*{display:inline-block;margin-right:1.5em}.section-front .meta>*:last-child{margin-right:0}.section-front .more-link a,.section-front a.more{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;font-weight:bold}.section-front .more-link a:visited,.section-front .more-link a.visited,.section-front a.more:visited,.section-front a.more.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front .more-link a:focus,.section-front .more-link a.focus,.section-front a.more:focus,.section-front a.more.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.section-front .more-link a:hover,.section-front .more-link a.hover,.section-front a.more:hover,.section-front a.more.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front .more-link a:active,.section-front .more-link a.active,.section-front a.more:active,.section-front a.more.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front--minor h2{font-size:2.4rem;line-height:3.2rem;margin:3.2rem 0 1.6rem}@media screen and (min-width: 992px){.section-front--minor h2{font-size:2.5rem;line-height:3.3rem;margin:3.3rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front--minor h2{font-size:2.6rem;line-height:3.5rem;margin:3.5rem 0 2rem}}@media (min-width: 768px){.section-front--quick-links,.section-front--latest-news,.section-front--corporate-links{padding:0 .5em 1.5em;-webkit-box-shadow:none;box-shadow:none}}.section-front--quick-links li,.section-front--latest-news li,.section-front--corporate-links li{margin-bottom:.5em}.section-front--quick-links a,.section-front--latest-news a,.section-front--corporate-links a{font-size:1.5rem;line-height:2.2rem;display:block}@media screen and (min-width: 992px){.section-front--quick-links a,.section-front--latest-news a,.section-front--corporate-links a{font-size:1.7rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.section-front--quick-links a,.section-front--latest-news a,.section-front--corporate-links a{font-size:1.8rem;line-height:2.5rem}}.section-front--quick-links a:has(.title),.section-front--latest-news a:has(.title),.section-front--corporate-links a:has(.title){text-decoration:none}.section-front--quick-links a .title,.section-front--latest-news a .title,.section-front--corporate-links a .title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.section-front--quick-links a:hover .title,.section-front--latest-news a:hover .title,.section-front--corporate-links a:hover .title{text-decoration-thickness:2px}.section-front--social-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-shadow:none;box-shadow:none;padding:0 .5em 1.5em}.section-front--social-links h2{font-size:2.2rem;line-height:3.2rem;margin:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0 7px 0 0;font-weight:bold;color:#4d4d4d}@media screen and (min-width: 992px){.section-front--social-links h2{font-size:2.4rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.section-front--social-links h2{font-size:2.6rem;line-height:3.5rem}}.section-front--social-links ul,.section-front--social-links li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0;padding:0}.section-front--social-links li{margin:.25em}.section-front--social-links li:first-child{margin-left:0}.section-front--social-links li:last-child{margin-right:0}@media (min-width: 768px) and (max-width: 1679px){.section-front--social-links li{margin:.1667em}}.section-front--social-links a{display:inline-block;width:2.5em;height:2.5em;min-width:44px;min-height:44px;margin:0;background:#4d4d4d center center / 1.75em auto no-repeat;-webkit-transition:background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:background-color .2s ease-in-out, transform .2s ease-in-out;transition:background-color .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.section-front--social-links a:focus,.section-front--social-links a:hover{background-color:var(--brand-primary-color-high-contrast-white)}.section-front--social-links a:focus{outline:3px solid #fff;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;-webkit-transform:scale(1.1);transform:scale(1.1)}.section-front--social-links a[href*='twitter.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/twitter.svg");background-size:1.5em auto}.section-front--social-links a[href*='facebook.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/facebook.svg");background-size:1.6667em auto}.section-front--social-links a[href*='flickr.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/flickr.svg");background-size:2em auto}.section-front--social-links a[href*='youtube.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/youtube.svg");background-size:2em auto}.section-front--social-links a[href*='linkedin.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/linkedin.svg")}.section-front.section--featured .card-deck{margin-bottom:0}.section-front.section--featured article{-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;padding-bottom:1.8rem}.section-front.section--featured article .card{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}.section-front.section--featured article .card__image{-webkit-box-flex:0;-ms-flex:0 0 13rem;flex:0 0 13rem;padding-right:1rem;max-width:50%}@media (min-width: 576px){.section-front.section--featured article .card__image{-ms-flex-preferred-size:16.5rem;flex-basis:16.5rem;padding-right:1.5rem}}.section-front.section--featured article .card__body{padding:0 0 0 .5rem}.section-front.section--featured article .card__body .card__title{font-size:1.8rem;line-height:2.4rem;margin:0 0 .3em}@media screen and (min-width: 992px){.section-front.section--featured article .card__body .card__title{font-size:2rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.section-front.section--featured article .card__body .card__title{font-size:2.2rem;line-height:3rem}}.section-front.section--featured article .card__body p{margin:.3em 0 0}.section-front.section--featured article .card__body .card__meta{margin:.4em 0}.section-front.section--featured article .card__body .card__meta>*{margin:0 1.5em .15em 0}.section-front.section--featured article .card__body .card__meta>*:last-child{margin:.15em 0 0}.section-front.section--featured article:first-of-type{border-top:0;padding-top:0}.section-front.section--featured article:first-of-type a{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 576px){.section-front.section--featured article:first-of-type a{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.section-front.section--featured article:first-of-type .card__image{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;max-width:100%}@media (min-width: 576px){.section-front.section--featured article:first-of-type .card__image{-ms-flex-preferred-size:41%;flex-basis:41%;min-width:16.5rem}}.section-front.section--featured article:first-of-type h3{font-size:2.1rem;line-height:2.4rem;margin:3.2rem 0 1.2rem;margin:.5em 0}@media screen and (min-width: 992px){.section-front.section--featured article:first-of-type h3{font-size:2.2rem;line-height:3rem;margin:3.6rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front.section--featured article:first-of-type h3{font-size:2.4rem;line-height:3rem;margin:4rem 0 2rem}}@media (min-width: 576px){.section-front.section--featured article:first-of-type h3{margin:0 0 .3em}}.section-front.section--featured article:first-of-type .card__body{-ms-flex-item-align:auto;align-self:auto;padding-left:0}@media (min-width: 576px){.section-front.section--featured article:first-of-type .card__body{padding-left:1.8rem}}.section-front.section--featured article:last-of-type{-webkit-box-shadow:none;box-shadow:none}.section-front.section--featured footer{line-height:3em}.section-front.section--featured footer a{font-size:2.1rem;line-height:2.4rem;margin:3.2rem 0 1.2rem;color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;font-weight:bold;margin:0}@media screen and (min-width: 992px){.section-front.section--featured footer a{font-size:2.2rem;line-height:3rem;margin:3.6rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front.section--featured footer a{font-size:2.4rem;line-height:3rem;margin:4rem 0 2rem}}.section-front.section--featured footer a:visited,.section-front.section--featured footer a.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front.section--featured footer a:focus,.section-front.section--featured footer a.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.section-front.section--featured footer a:hover,.section-front.section--featured footer a.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front.section--featured footer a:active,.section-front.section--featured footer a.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front--topics .card-deck--topics{margin-bottom:0}.section-front .niexec-budget .card,.section-front .niexec-pfg .card{-webkit-box-shadow:none;box-shadow:none;display:grid;grid-template-columns:1fr 2fr;grid-column-gap:1em}.section-front .niexec-budget .card__title,.section-front .niexec-pfg .card__title{grid-column:1 / span 2}.section-front .niexec-budget .card__image,.section-front .niexec-pfg .card__image{grid-column:1}.section-front .niexec-budget .card__body,.section-front .niexec-pfg .card__body{grid-column:2}.section-front .niexec-budget .card__body>*:first-child,.section-front .niexec-pfg .card__body>*:first-child{margin-top:0}.section-front .niexec-budget .card__body>*,.section-front .niexec-pfg .card__body>*{font-size:1.5rem;line-height:2.2rem}@media screen and (min-width: 992px){.section-front .niexec-budget .card__body>*,.section-front .niexec-pfg .card__body>*{font-size:1.7rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.section-front .niexec-budget .card__body>*,.section-front .niexec-pfg .card__body>*{font-size:1.8rem;line-height:2.5rem}}@media (min-width: 768px){.section-front--agency-links ul{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:3em;-moz-column-gap:3em;column-gap:3em;margin:0}}.section-front--our-documents h3{margin-top:0}.section-front--our-documents li{padding:0;margin:0}.section-front--our-documents .card{-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;padding:0 0 1em;margin:0 0 1em}.section-front--our-documents .card__title:not(h3){font-size:1.6rem;line-height:1.5}@media screen and (min-width: 992px){.section-front--our-documents .card__title:not(h3){font-size:1.8rem}}@media screen and (min-width: 1679px){.section-front--our-documents .card__title:not(h3){font-size:2rem}}.section-front--access-to-information{-webkit-box-shadow:0 5px 0 0 var(--brand-primary-color);box-shadow:0 5px 0 0 var(--brand-primary-color)}.section-front--access-to-information h2{margin-top:0}.section-front--about-us,.section-front--corporate-links{-webkit-box-shadow:none;box-shadow:none}.dept-nigov .section-front--about-us,.dept-nigov .section-front--corporate-links{margin-top:1.5em;-webkit-box-shadow:0 -5px 0 0 var(--brand-primary-color);box-shadow:0 -5px 0 0 var(--brand-primary-color)}.section-front--contact-us{-webkit-box-shadow:0 -1px 0 0 #cdcdcd;box-shadow:0 -1px 0 0 #cdcdcd}.section-front--contact-us a.more{font-size:2rem;line-height:2.8rem}@media screen and (min-width: 992px){.section-front--contact-us a.more{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.section-front--contact-us a.more{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.section-front--contact-us a.more{font-size:2.2rem;line-height:3.5rem}} +.section-front{padding:0 0 1.5em;margin:0 0 1em;-webkit-box-shadow:0 -5px 0 0 var(--brand-primary-color);box-shadow:0 -5px 0 0 var(--brand-primary-color)}.section-front:first-child{-webkit-box-shadow:none;box-shadow:none}.section-front__sub-section:not(:last-child){margin-bottom:2.5em}@media (min-width: 768px){.section-front__sub-section:not(:last-child){margin-bottom:0}}.section-front h2{font-size:2.4rem;line-height:3.2rem;margin:3.2rem 0 1.6rem}@media screen and (min-width: 768px){.section-front h2{font-size:2.6rem;line-height:3.6rem;margin:3.2rem 0 1.6rem}}@media screen and (min-width: 992px){.section-front h2{font-size:2.8rem;line-height:3.9rem;margin:3.6rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front h2{font-size:2.8rem;line-height:4rem;margin:3.5rem 0 2rem}}.section-front p{max-width:76rem}.section-front p:last-child,.section-front ul:last-child,.section-front li:last-child{margin-bottom:0}.section-front .meta{font-size:1.5rem;line-height:2.2rem;display:block;margin-top:4px;color:#666}@media screen and (min-width: 992px){.section-front .meta{font-size:1.6rem;line-height:2.4rem}}@media screen and (min-width: 1679px){.section-front .meta{font-size:1.7rem;line-height:2.5rem}}@media (min-width: 768px){.section-front .meta{margin-top:3px}}@media (min-width: 1679px){.section-front .meta{margin-top:5px}}.section-front .meta>*{display:inline-block;margin-right:1.5em}.section-front .meta>*:last-child{margin-right:0}.section-front .more-link a,.section-front a.more{font-weight:bold}.section-front--minor h2{font-size:2.4rem;line-height:3.2rem;margin:3.2rem 0 1.6rem}@media screen and (min-width: 992px){.section-front--minor h2{font-size:2.5rem;line-height:3.3rem;margin:3.3rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front--minor h2{font-size:2.6rem;line-height:3.5rem;margin:3.5rem 0 2rem}}@media (min-width: 768px){.section-front--quick-links,.section-front--latest-news,.section-front--corporate-links{padding:0 .5em 1.5em;-webkit-box-shadow:none;box-shadow:none}}.section-front--quick-links li,.section-front--latest-news li,.section-front--corporate-links li{margin-bottom:.5em}.section-front--quick-links a,.section-front--latest-news a,.section-front--corporate-links a{font-size:1.5rem;line-height:2.4rem;display:block}@media screen and (min-width: 992px){.section-front--quick-links a,.section-front--latest-news a,.section-front--corporate-links a{font-size:1.7rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.section-front--quick-links a,.section-front--latest-news a,.section-front--corporate-links a{font-size:1.8rem;line-height:3rem}}.section-front--quick-links a:has(.title),.section-front--latest-news a:has(.title),.section-front--corporate-links a:has(.title){text-decoration:none}.section-front--quick-links a .title,.section-front--latest-news a .title,.section-front--corporate-links a .title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.section-front--quick-links a:hover .title,.section-front--latest-news a:hover .title,.section-front--corporate-links a:hover .title{text-decoration-thickness:2px}.section-front--latest-news a:focus .meta{color:#e8e7e7}.section-front--social-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-shadow:none;box-shadow:none;padding:0 .5em 1.5em}.section-front--social-links h2{font-size:2.2rem;line-height:3.2rem;margin:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0 7px 0 0;font-weight:bold;color:#4d4d4d}@media screen and (min-width: 992px){.section-front--social-links h2{font-size:2.4rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.section-front--social-links h2{font-size:2.6rem;line-height:3.5rem}}.section-front--social-links ul,.section-front--social-links li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0;padding:0}.section-front--social-links li{margin:.25em}.section-front--social-links li:first-child{margin-left:0}.section-front--social-links li:last-child{margin-right:0}@media (min-width: 768px) and (max-width: 1679px){.section-front--social-links li{margin:.1667em}}.section-front--social-links a{display:inline-block;width:2.5em;height:2.5em;min-width:44px;min-height:44px;margin:0;background:#4d4d4d center center / 1.75em auto no-repeat;-webkit-transition:background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:background-color .2s ease-in-out, transform .2s ease-in-out;transition:background-color .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out}.section-front--social-links a:focus,.section-front--social-links a:hover{background-color:var(--brand-primary-color-high-contrast-white)}.section-front--social-links a:focus{outline:3px solid #fff;outline-offset:-3px;-webkit-box-shadow:0 0 0 3px #ff4da4;box-shadow:0 0 0 3px #ff4da4;-webkit-transform:scale(1.1);transform:scale(1.1)}.section-front--social-links a[href*='twitter.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/twitter.svg");background-size:1.5em auto}.section-front--social-links a[href*='facebook.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/facebook.svg");background-size:1.6667em auto}.section-front--social-links a[href*='flickr.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/flickr.svg");background-size:2em auto}.section-front--social-links a[href*='youtube.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/youtube.svg");background-size:2em auto}.section-front--social-links a[href*='instagram.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/instagram.svg");background-size:1.3em auto}.section-front--social-links a[href*='linkedin.com/']{background-image:url("/themes/custom/nicsdru_dept_theme/images/linkedin.svg")}.section-front.section--featured .card-deck{margin-bottom:0}.section-front.section--featured article{-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;padding-bottom:1.8rem}.section-front.section--featured article .card{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}.section-front.section--featured article .card__image{-webkit-box-flex:0;-ms-flex:0 0 13rem;flex:0 0 13rem;padding-right:1rem;max-width:50%}@media (min-width: 576px){.section-front.section--featured article .card__image{-ms-flex-preferred-size:16.5rem;flex-basis:16.5rem;padding-right:1.5rem}}.section-front.section--featured article .card__body{padding:0 0 0 .5rem}.section-front.section--featured article .card__body .card__title{font-size:1.8rem;line-height:2.4rem;margin:0 0 .3em}@media screen and (min-width: 992px){.section-front.section--featured article .card__body .card__title{font-size:2rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.section-front.section--featured article .card__body .card__title{font-size:2.2rem;line-height:3rem}}.section-front.section--featured article .card__body p{margin:.3em 0 0}.section-front.section--featured article .card__body .card__meta{margin:.4em 0}.section-front.section--featured article .card__body .card__meta>*{margin:0 1.5em .15em 0}.section-front.section--featured article .card__body .card__meta>*:last-child{margin:.15em 0 0}.section-front.section--featured article:first-of-type{border-top:0;padding-top:0}.section-front.section--featured article:first-of-type a{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 576px){.section-front.section--featured article:first-of-type a{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.section-front.section--featured article:first-of-type .card__image{-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;max-width:100%}@media (min-width: 576px){.section-front.section--featured article:first-of-type .card__image{-ms-flex-preferred-size:41%;flex-basis:41%;min-width:16.5rem}}.section-front.section--featured article:first-of-type h3{font-size:2.1rem;line-height:2.4rem;margin:3.2rem 0 1.2rem;margin:.5em 0}@media screen and (min-width: 992px){.section-front.section--featured article:first-of-type h3{font-size:2.2rem;line-height:3rem;margin:3.6rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front.section--featured article:first-of-type h3{font-size:2.4rem;line-height:3rem;margin:4rem 0 2rem}}@media (min-width: 576px){.section-front.section--featured article:first-of-type h3{margin:0 0 .3em}}.section-front.section--featured article:first-of-type .card__body{-ms-flex-item-align:auto;align-self:auto;padding-left:0}@media (min-width: 576px){.section-front.section--featured article:first-of-type .card__body{padding-left:1.8rem}}.section-front.section--featured article:last-of-type{-webkit-box-shadow:none;box-shadow:none}.section-front.section--featured footer{line-height:3em}.section-front.section--featured footer a{font-size:2.1rem;line-height:2.4rem;margin:3.2rem 0 1.2rem;color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0;font-weight:bold;margin:0}@media screen and (min-width: 992px){.section-front.section--featured footer a{font-size:2.2rem;line-height:3rem;margin:3.6rem 0 1.8rem}}@media screen and (min-width: 1679px){.section-front.section--featured footer a{font-size:2.4rem;line-height:3rem;margin:4rem 0 2rem}}.section-front.section--featured footer a:visited,.section-front.section--featured footer a.visited{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front.section--featured footer a:focus,.section-front.section--featured footer a.focus{color:#fff;background-color:#0e6bb3;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px;outline:2px solid #0e6bb3;outline-offset:0}.section-front.section--featured footer a:hover,.section-front.section--featured footer a.hover{color:#0e6bb3;background-color:rgba(0,0,0,0);text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333;text-decoration-thickness:2px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front.section--featured footer a:active,.section-front.section--featured footer a.active{color:#d1431f;background-color:rgba(0,0,0,0);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;outline:0;outline-offset:0}.section-front--topics .card-deck--topics{margin-bottom:0}.section-front .niexec-budget .card,.section-front .niexec-pfg .card{-webkit-box-shadow:none;box-shadow:none;display:grid;grid-template-columns:1fr 2fr;grid-column-gap:1em}.section-front .niexec-budget .card__title,.section-front .niexec-pfg .card__title{grid-column:1 / span 2}.section-front .niexec-budget .card__image,.section-front .niexec-pfg .card__image{grid-column:1}.section-front .niexec-budget .card__body,.section-front .niexec-pfg .card__body{grid-column:2}.section-front .niexec-budget .card__body>*:first-child,.section-front .niexec-pfg .card__body>*:first-child{margin-top:0}.section-front .niexec-budget .card__body>*,.section-front .niexec-pfg .card__body>*{font-size:1.5rem;line-height:2.4rem}@media screen and (min-width: 992px){.section-front .niexec-budget .card__body>*,.section-front .niexec-pfg .card__body>*{font-size:1.7rem;line-height:2.7rem}}@media screen and (min-width: 1679px){.section-front .niexec-budget .card__body>*,.section-front .niexec-pfg .card__body>*{font-size:1.8rem;line-height:3rem}}@media (min-width: 768px){.section-front--agency-links ul{-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:3em;-moz-column-gap:3em;column-gap:3em;margin:0}}.section-front--our-documents h3{margin-top:0}.section-front--our-documents li{padding:0;margin:0}.section-front--our-documents .card{-webkit-box-shadow:0 1px 0 0 #cdcdcd;box-shadow:0 1px 0 0 #cdcdcd;padding:0 0 1em;margin:0 0 1em}.section-front--our-documents .card__title:not(h3){font-size:1.6rem;line-height:1.5}@media screen and (min-width: 992px){.section-front--our-documents .card__title:not(h3){font-size:1.8rem}}@media screen and (min-width: 1679px){.section-front--our-documents .card__title:not(h3){font-size:2rem}}.section-front--access-to-information{-webkit-box-shadow:0 5px 0 0 var(--brand-primary-color);box-shadow:0 5px 0 0 var(--brand-primary-color)}.section-front--access-to-information h2{margin-top:0}.section-front--about-us,.section-front--corporate-links{-webkit-box-shadow:none;box-shadow:none}.dept-nigov .section-front--about-us,.dept-nigov .section-front--corporate-links{margin-top:1.5em;-webkit-box-shadow:0 -5px 0 0 var(--brand-primary-color);box-shadow:0 -5px 0 0 var(--brand-primary-color)}.section-front--contact-us{-webkit-box-shadow:0 -1px 0 0 #cdcdcd;box-shadow:0 -1px 0 0 #cdcdcd}.section-front--contact-us a.more{font-size:2rem;line-height:2.8rem}@media screen and (min-width: 992px){.section-front--contact-us a.more{font-size:2.1rem;line-height:3rem}}@media screen and (min-width: 1200px){.section-front--contact-us a.more{font-size:2.2rem;line-height:3.3rem}}@media screen and (min-width: 1679px){.section-front--contact-us a.more{font-size:2.2rem;line-height:3.5rem}} diff --git a/css/5_theme/heritage-sites.css b/css/5_theme/heritage-sites.css new file mode 100644 index 0000000..85e960e --- /dev/null +++ b/css/5_theme/heritage-sites.css @@ -0,0 +1 @@ +.page-node-type-heritage-site h1{margin-top:2.4rem}.page-node-type-heritage-site .layout--main-n-side .ga-aside{padding-top:0} diff --git a/images/icons.svg b/images/icons.svg deleted file mode 100644 index 9fb53e3..0000000 --- a/images/icons.svg +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/images/instagram.svg b/images/instagram.svg new file mode 100644 index 0000000..3ced7a1 --- /dev/null +++ b/images/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/inc/preprocess.inc b/inc/preprocess.inc index bfa9fba..b4d7761 100644 --- a/inc/preprocess.inc +++ b/inc/preprocess.inc @@ -7,8 +7,10 @@ use Drupal\block\Entity\Block; use Drupal\Core\Datetime\DrupalDateTime; +use Drupal\Core\Entity\EntityBase; use Drupal\Core\Template\Attribute; use Drupal\Core\Render\Markup; +use Drupal\Core\Url; use Drupal\Component\Utility\Html; use Drupal\dept_core\Department; use Drupal\media\MediaInterface; @@ -359,6 +361,18 @@ function nicsdru_dept_theme_preprocess_node(array &$variables) { $output = t('Closed'); } } + + if (!empty($node->book)) { + $book = $node->book; + $pid = $book['pid']; + + if ($pid) { + $parent_node = Node::load($pid); + $parent_title = $parent_node->getTitle(); + $variables['book_parent_title'] = $parent_title; + $variables['book_parent_url'] = '/node/' . strval($pid); + } + } } /** @@ -581,7 +595,9 @@ function nicsdru_dept_theme_preprocess_views_view_rss(&$variables) { // Based on https://jungleran.com/node/44 for preprocess // code to refine the output of the news RSS feed. $view = $variables['view']; - if ($view->current_display === 'news_feed' && $view->id() === 'news') { + + if (in_array($view->id(), ['news', 'press_releases']) + && in_array($view->current_display, ['news_feed', 'press_releases_feed'])) { // The 'link' in the preprocess variables doesn't give us the full path so // we can create a new one here to give us what we need. $display = $view->getDisplay(); @@ -622,8 +638,8 @@ function nicsdru_dept_theme_preprocess_region(&$variables) { // Make the title field text available in the related region. if ($variables['region'] == 'related') { if ($node = \Drupal::routeMatch()->getParameter('node')) { - if ($node->getType() == 'subtopic') { - $variables['subtopic_field_title'] = $node->get('title')->view(); + if ($node->getType() == 'topic' || $node->getType() == 'subtopic') { + $variables['topic_title'] = $node->get('title')->view(); } } } diff --git a/nicsdru_dept_theme.libraries.yml b/nicsdru_dept_theme.libraries.yml index ba5f533..56aee2c 100644 --- a/nicsdru_dept_theme.libraries.yml +++ b/nicsdru_dept_theme.libraries.yml @@ -89,6 +89,7 @@ nidirect-specific-styles: theme: css/5_theme/entities.css: { minified: true } css/5_theme/front.css: { minified: true } + css/5_theme/heritage-sites.css: { minified: true } css/5_theme/searches.css: { minified: true } css/5_theme/views.css: { minified: true } css/5_theme/landing.css: { minified: true } diff --git a/src/images/icons/facebook.svg b/src/images/icons/facebook.svg index d9bbb5c..414e3bb 100644 --- a/src/images/icons/facebook.svg +++ b/src/images/icons/facebook.svg @@ -1,7 +1 @@ - - - - - facebook - - + \ No newline at end of file diff --git a/src/images/icons/flickr.svg b/src/images/icons/flickr.svg index c678db2..611895b 100644 --- a/src/images/icons/flickr.svg +++ b/src/images/icons/flickr.svg @@ -1,13 +1 @@ - - - - - - - - - - - - - + \ No newline at end of file diff --git a/src/images/icons/instagram.svg b/src/images/icons/instagram.svg new file mode 100644 index 0000000..3ced7a1 --- /dev/null +++ b/src/images/icons/instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/icons/linkedin.svg b/src/images/icons/linkedin.svg index aeebf93..bd4aa7c 100644 --- a/src/images/icons/linkedin.svg +++ b/src/images/icons/linkedin.svg @@ -1,7 +1 @@ - - - LinkedIn - - - - + \ No newline at end of file diff --git a/src/images/icons/twitter.svg b/src/images/icons/twitter.svg index c1f6f6d..cca3928 100644 --- a/src/images/icons/twitter.svg +++ b/src/images/icons/twitter.svg @@ -1,4 +1 @@ - - - - + \ No newline at end of file diff --git a/src/images/icons/youtube.svg b/src/images/icons/youtube.svg index dd266cd..0b55263 100644 --- a/src/images/icons/youtube.svg +++ b/src/images/icons/youtube.svg @@ -1,12 +1 @@ - - - YouTube - - - - - + \ No newline at end of file diff --git a/src/scss/3_components/block/section-related.scss b/src/scss/3_components/block/section-related.scss index bd2cb4b..9ae0cfc 100644 --- a/src/scss/3_components/block/section-related.scss +++ b/src/scss/3_components/block/section-related.scss @@ -1,35 +1,62 @@ @import '../../init'; .section-related { - grid-column: 1/3; + display: grid; + grid-gap: 1.5em 3em; + margin-top: 1.5em; + box-shadow: 0 -1.5px 0 0 var(--brand-primary-color); @include breakpoint($tab) { - display: flex; - flex-wrap: wrap; - gap: 10px 20px; - justify-content: space-between; + grid-template-columns: 1fr 1fr; } - .section-hr { + h2:first-child { + @include breakpoint($tab) { + grid-column: 1 / span 2; + } + margin-bottom: 0; + } + + &__sub-section { + grid-column: auto; + padding-bottom: 1em; + } + + h3 { + margin-top: 0; + } + + ul, + li { + padding: 0; margin: 0; } - h2 { - width: 100%; - margin: 2.4rem 0 0; + .card { + box-shadow: 0 1px 0 0 $grey-medium; + padding: 0 0 1em; + margin: 0 0 1em; } - > div { - @include breakpoint($tab) { - flex-basis: 48%; - } + .card__title { + @include responsive-typo-map($normal-text-no-margins); + margin-bottom: 0; } - h3 { - margin: 2.4rem 0 1.2rem; + .card__meta { + margin: .5em 0 0; + + > * { + margin: 0 1.5em 0 0; + + &:last-child { + margin: 0; + } + } } - ul { - margin: 0; + .more-link a, + a.more { + font-weight: bold; } } diff --git a/src/scss/3_components/block/site-logo.scss b/src/scss/3_components/block/site-logo.scss index df753aa..4305575 100644 --- a/src/scss/3_components/block/site-logo.scss +++ b/src/scss/3_components/block/site-logo.scss @@ -5,12 +5,12 @@ padding: 0 15px; @include breakpoint($tab) { - margin: 2.25em 0 1em; + margin: 2.25em 0 1.5em; padding: 0; } @include breakpoint($lap) { - margin: 2.5em 0 1em; + margin: 2.5em 0 1.5em; } > a { diff --git a/src/scss/3_components/content/cards.scss b/src/scss/3_components/content/cards.scss index ee104d7..d37a126 100644 --- a/src/scss/3_components/content/cards.scss +++ b/src/scss/3_components/content/cards.scss @@ -441,32 +441,41 @@ a.card { } .card { - box-shadow: 0 1px 0 0 $grey-medium; - padding: 0; + box-shadow: 0 -1px 0 0 $grey-medium; + padding: 1.5em 0 0 0; margin: 0; - &:last-child { + &:first-child { box-shadow: none; + padding-top: 0; } - &:nth-last-child(-n + 2) { + &:nth-child(-n + 2) { @include breakpoint($tab) { box-shadow: none; + padding-top: 0; } } &__title { @include responsive-typo-map($large-text); margin: 0; + + a { + @include link-state-style($link-body-no-visited); + } } &__content { - padding-bottom: 1.5em; + margin: .5em 0 0; + + *:not(ul) { + @include responsive-typo-map($smallish-text); + } p, .page-summary { - @include responsive-typo-map($normal-text); - margin: .5em 0 0; + margin: 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; @@ -474,12 +483,27 @@ a.card { -webkit-box-orient: vertical; } + ul { + margin: 0 0 1em; + } + p + ul { margin-top: .5em; } - ul li a { + li a { text-decoration: none; + + &:hover { + text-decoration: underline; + text-decoration-color: #333; + text-decoration-thickness: 1px; + text-underline-offset: 2px; + } + } + + .more-link { + font-weight: bold; } } } diff --git a/src/scss/3_components/content/utilities.scss b/src/scss/3_components/content/utilities.scss index c53e485..6453ab1 100644 --- a/src/scss/3_components/content/utilities.scss +++ b/src/scss/3_components/content/utilities.scss @@ -16,3 +16,12 @@ margin-bottom: 0; } +.max-content-width { + width: 100%; + max-width: $max-content-width; +} + +.more-link a, +a.more { + @include link-state-style($link-body-no-visited); +} diff --git a/src/scss/3_components/layout/main-menu.scss b/src/scss/3_components/layout/main-menu.scss index a547d34..28b9bb1 100644 --- a/src/scss/3_components/layout/main-menu.scss +++ b/src/scss/3_components/layout/main-menu.scss @@ -46,15 +46,15 @@ @include breakpoint($tab) { display: flex; width: auto; - left: -.4rem; // Center align Home with logo's hexagon. + left: -.1rem; // Center align Home with logo's hexagon. } @include breakpoint($lap) { - left: -.6rem; // Center align Home with logo's hexagon. + left: -.4rem; // Center align Home with logo's hexagon. } } - &-link { + &-link, &-item .active { @include link-state-style($link-main-menu); display: block; padding: 1em 1.6rem; @@ -63,6 +63,7 @@ @include link-state-style($link-main-menu-horizontal); @include adjust-font-size-to(16px, 4.5); padding: .9rem 1.2rem; + margin-right: 3px; // IE fix. // IE does not support outline-offset. So just remove the outline. @@ -93,6 +94,10 @@ } } + &-item .active { + @include link-state-style($link-main-menu-active); + } + &-social { width: 100%; list-style: none; diff --git a/src/scss/5_theme/entities.scss b/src/scss/5_theme/entities.scss index 2e565e8..f9fee11 100644 --- a/src/scss/5_theme/entities.scss +++ b/src/scss/5_theme/entities.scss @@ -124,3 +124,134 @@ } } +.page-node-type-topic { + + .topic-header { + box-shadow: 0 1.5px 0 0 var(--brand-primary-color); + padding-bottom: 2em; + + &:last-child { + box-shadow: none; + padding-bottom: 1em; + } + + &:has(.field-photo) { + padding-bottom: 1em; + + // Larger screens: photo to right of large text summary. + @include breakpoint($tab) { + display: grid; + grid-template-columns: repeat(12, 1fr); + grid-column-gap: 1.5rem; + + .page-summary { + grid-column: 1 / span 6; + } + + .field-photo { + grid-column: 8 / span 5; + } + } + + @include breakpoint($desk) { + + .page-summary { + grid-column: 1 / span 7; + } + + .field-photo { + grid-column: 9 / span 4; + } + } + + .page-summary { + p { + @include responsive-typo-map($xl-text); + + @include breakpoint($tab) { + margin-top: .5em; + } + } + } + + .media-image { + margin: 0; + + img { + max-height: 200px; + object-fit: cover; + margin: 0; + } + } + } + } + + .page-summary:only-child, + .page-summary p:last-child { + margin-bottom: 0; + } + + .article-content { + margin-top: 2.5em; + + // clearfix. + &::after { + content: ''; + display: block; + width: 100%; + clear: both; + } + + .field-photo .media-image { + + @include breakpoint($tab) { + float: right; + max-width: 300px; + margin: 0 0 1.5em 1.5em; + } + } + } + + .subtopics { + width: 100%; + clear: both; + margin-top: .5em; + + .card__title a { + color: $brand-secondary; + + &:focus { + color: #fff; + } + } + } + + .article-content + .subtopics { + box-shadow: 0 -1.5px 0 0 var(--brand-primary-color); + margin-top: 2.5em; + padding-top: .5em; + } + + .topic-header:has(.page-summary:only-child) { + + .subtopics, + + .section-related { + margin-top: 1.5em; + + .subtopics__title { + @include visually-hidden(); + } + } + } + + .card-deck--topics { + padding-top: .5em; + } +} + +.site-book { + margin-top: 0; +} + +.site-topics:has(+ .site-book) { + margin-bottom: 0; +} diff --git a/src/scss/5_theme/front.scss b/src/scss/5_theme/front.scss index 0e53745..432a2ed 100644 --- a/src/scss/5_theme/front.scss +++ b/src/scss/5_theme/front.scss @@ -63,7 +63,6 @@ .more-link a, a.more { - @include link-state-style($link-body-no-visited); font-weight: bold; } @@ -110,6 +109,14 @@ } } + &--latest-news { + a:focus { + .meta { + color: $grey-light; + } + } + } + &--social-links { display: flex; flex-flow: row wrap; @@ -190,6 +197,11 @@ background-size: 2em auto; } + &[href*='instagram.com/'] { + background-image: url('/themes/custom/nicsdru_dept_theme/images/instagram.svg'); + background-size: 1.3em auto; + } + &[href*='linkedin.com/'] { background-image: url('/themes/custom/nicsdru_dept_theme/images/linkedin.svg'); } diff --git a/src/scss/5_theme/heritage-sites.scss b/src/scss/5_theme/heritage-sites.scss new file mode 100644 index 0000000..c9d8540 --- /dev/null +++ b/src/scss/5_theme/heritage-sites.scss @@ -0,0 +1,13 @@ +@import '../init'; + +.page-node-type-heritage-site { + h1 { + margin-top: 2.4rem; + } + + .layout--main-n-side { + .ga-aside { + padding-top: 0; + } + } +} diff --git a/src/scss/5_theme/searches.scss b/src/scss/5_theme/searches.scss index fffc03b..9f4da9c 100644 --- a/src/scss/5_theme/searches.scss +++ b/src/scss/5_theme/searches.scss @@ -153,7 +153,6 @@ a.facet--btn { } // News and press releases search pages. - .path-news, .path-press-releases { diff --git a/src/scss/init/_typography.scss b/src/scss/init/_typography.scss index 9a81e12..7dfb0bb 100644 --- a/src/scss/init/_typography.scss +++ b/src/scss/init/_typography.scss @@ -113,9 +113,9 @@ $small-text: ( ); $smallish-text: ( - null: (1.5rem, 2.2rem), - xl: (1.7rem, 2.4rem), - xxxl: (1.8rem, 2.5rem), + null: (1.5rem, 2.4rem), + xl: (1.7rem, 2.7rem), + xxxl: (1.8rem, 3rem), ); $medium-text: $normal-text-no-margins; diff --git a/src/scss/init/_variables.scss b/src/scss/init/_variables.scss index 66f4f82..08d854b 100644 --- a/src/scss/init/_variables.scss +++ b/src/scss/init/_variables.scss @@ -169,6 +169,12 @@ $link-main-menu: ( outline-offset: -.5em, ); +$link-main-menu-active: ( + color: '#fff', + background: var(--brand-primary-color-high-contrast-white), + outline: none, +); + $link-main-menu-horizontal: ( color: ( default: color(link), diff --git a/templates/block/block--views-block--content-by-site-subtopic-related-consultations.html.twig b/templates/block/block--views-block--content-by-site-subtopic-related-consultations.html.twig index 085bd05..25b3288 100644 --- a/templates/block/block--views-block--content-by-site-subtopic-related-consultations.html.twig +++ b/templates/block/block--views-block--content-by-site-subtopic-related-consultations.html.twig @@ -25,7 +25,7 @@ * @see template_preprocess_block() */ #} - + {{ title_prefix }} {% if label %} {{ label }} diff --git a/templates/block/block--views-block--content-by-site-subtopic-related-news.html.twig b/templates/block/block--views-block--content-by-site-subtopic-related-news.html.twig index 085bd05..25b3288 100644 --- a/templates/block/block--views-block--content-by-site-subtopic-related-news.html.twig +++ b/templates/block/block--views-block--content-by-site-subtopic-related-news.html.twig @@ -25,7 +25,7 @@ * @see template_preprocess_block() */ #} - + {{ title_prefix }} {% if label %} {{ label }} diff --git a/templates/block/block--views-block--content-by-site-subtopic-related-publications.html.twig b/templates/block/block--views-block--content-by-site-subtopic-related-publications.html.twig index 085bd05..25b3288 100644 --- a/templates/block/block--views-block--content-by-site-subtopic-related-publications.html.twig +++ b/templates/block/block--views-block--content-by-site-subtopic-related-publications.html.twig @@ -25,7 +25,7 @@ * @see template_preprocess_block() */ #} - + {{ title_prefix }} {% if label %} {{ label }} diff --git a/templates/content/node--article--full.html.twig b/templates/content/node--article--full.html.twig new file mode 100644 index 0000000..81529a7 --- /dev/null +++ b/templates/content/node--article--full.html.twig @@ -0,0 +1,101 @@ +{# +/** + * @file + * Theme override to display a node. + * + * Available variables: + * - node: The node entity with limited access to object properties and methods. + * Only method names starting with "get", "has", or "is" and a few common + * methods such as "id", "label", and "bundle" are available. For example: + * - node.getCreatedTime() will return the node creation timestamp. + * - node.hasField('field_example') returns TRUE if the node bundle includes + * field_example. (This does not indicate the presence of a value in this + * field.) + * - node.isPublished() will return whether the node is published or not. + * Calling other methods, such as node.delete(), will result in an exception. + * See \Drupal\node\Entity\Node for a full list of public properties and + * methods for the node object. + * - label: The title of the node. + * - content: All node items. Use {{ content }} to print them all, + * or print a subset such as {{ content.field_example }}. Use + * {{ content|without('field_example') }} to temporarily suppress the printing + * of a given child element. + * - author_picture: The node author user entity, rendered using the "compact" + * view mode. + * - metadata: Metadata for this node. + * - date: Themed creation date field. + * - author_name: Themed author name field. + * - url: Direct URL of the current node. + * - display_submitted: Whether submission information should be displayed. + * - attributes: HTML attributes for the containing element. + * The attributes.class element may contain one or more of the following + * classes: + * - node: The current template type (also known as a "theming hook"). + * - node--type-[type]: The current node type. For example, if the node is an + * "Article" it would result in "node--type-article". Note that the machine + * name will often be in a short form of the human readable label. + * - node--view-mode-[view_mode]: The View Mode of the node; for example, a + * teaser would result in: "node--view-mode-teaser", and + * full: "node--view-mode-full". + * The following are controlled through the node publishing options. + * - node--promoted: Appears on nodes promoted to the front page. + * - node--sticky: Appears on nodes ordered above other non-sticky nodes in + * teaser listings. + * - node--unpublished: Appears on unpublished nodes visible only to site + * admins. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - content_attributes: Same as attributes, except applied to the main + * content tag that appears in the template. + * - author_attributes: Same as attributes, except applied to the author of + * the node tag that appears in the template. + * - 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. + * - view_mode: View mode; for example, "teaser" or "full". + * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. + * - page: Flag for the full page state. Will be true if view_mode is 'full'. + * - readmore: Flag for more state. Will be true if the teaser content of the + * node cannot hold the main body content. + * - logged_in: Flag for authenticated user status. Will be true when the + * current user is a logged-in member. + * - is_admin: Flag for admin user status. Will be true when the current user + * is an administrator. + * + * @see template_preprocess_node() + * + * @todo Remove the id attribute (or make it a class), because if that gets + * rendered twice on a page this is invalid CSS for example: two lists + * in different view modes. + */ +#} + + {% if banner_image %} + {{ banner_image }} + {% endif %} + {% if show_title %} + {{ drupal_block('page_title_block', wrapper=false) }} + {% endif %} + {% if show_topics and topics_subtopics_list is not empty %} + {{ topics_subtopics_list }} + {% endif %} + {% if book_parent_title %} + + {% endif %} + {% if content_attributes is not empty %} + + {% endif %} + {{ content }} + {% if content_attributes is not empty %} + + {% endif %} + {% if display_social_links %} + {{ drupal_entity('block', 'originssocialsharing', check_access=false) }} + {% endif %} + diff --git a/templates/content/node--consultation--search-metadata.html.twig b/templates/content/node--consultation--search-metadata.html.twig index e0f1d07..8f1e100 100644 --- a/templates/content/node--consultation--search-metadata.html.twig +++ b/templates/content/node--consultation--search-metadata.html.twig @@ -78,17 +78,7 @@ {% endif %} {{ title_suffix }} -{% if display_submitted %} -
- {{ author_picture }} - - {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %} - {{ metadata }} - -
-{% endif %} - -{#{{ content }}#} +{{ content | without('field_published_date', 'consultation_status') }}
{{ content.field_published_date }} {{ content.consultation_status }} diff --git a/templates/content/node--consultation--search-result.html.twig b/templates/content/node--consultation--search-result.html.twig new file mode 100644 index 0000000..6c2b0ba --- /dev/null +++ b/templates/content/node--consultation--search-result.html.twig @@ -0,0 +1,86 @@ +{# +/** + * @file + * Theme override to display a node. + * + * Available variables: + * - node: The node entity with limited access to object properties and methods. + * Only method names starting with "get", "has", or "is" and a few common + * methods such as "id", "label", and "bundle" are available. For example: + * - node.getCreatedTime() will return the node creation timestamp. + * - node.hasField('field_example') returns TRUE if the node bundle includes + * field_example. (This does not indicate the presence of a value in this + * field.) + * - node.isPublished() will return whether the node is published or not. + * Calling other methods, such as node.delete(), will result in an exception. + * See \Drupal\node\Entity\Node for a full list of public properties and + * methods for the node object. + * - label: The title of the node. + * - content: All node items. Use {{ content }} to print them all, + * or print a subset such as {{ content.field_example }}. Use + * {{ content|without('field_example') }} to temporarily suppress the printing + * of a given child element. + * - author_picture: The node author user entity, rendered using the "compact" + * view mode. + * - metadata: Metadata for this node. + * - date: Themed creation date field. + * - author_name: Themed author name field. + * - url: Direct URL of the current node. + * - display_submitted: Whether submission information should be displayed. + * - attributes: HTML attributes for the containing element. + * The attributes.class element may contain one or more of the following + * classes: + * - node: The current template type (also known as a "theming hook"). + * - node--type-[type]: The current node type. For example, if the node is an + * "Article" it would result in "node--type-article". Note that the machine + * name will often be in a short form of the human readable label. + * - node--view-mode-[view_mode]: The View Mode of the node; for example, a + * teaser would result in: "node--view-mode-teaser", and + * full: "node--view-mode-full". + * The following are controlled through the node publishing options. + * - node--promoted: Appears on nodes promoted to the front page. + * - node--sticky: Appears on nodes ordered above other non-sticky nodes in + * teaser listings. + * - node--unpublished: Appears on unpublished nodes visible only to site + * admins. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - content_attributes: Same as attributes, except applied to the main + * content tag that appears in the template. + * - author_attributes: Same as attributes, except applied to the author of + * the node tag that appears in the template. + * - 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. + * - view_mode: View mode; for example, "teaser" or "full". + * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. + * - page: Flag for the full page state. Will be true if view_mode is 'full'. + * - readmore: Flag for more state. Will be true if the teaser content of the + * node cannot hold the main body content. + * - logged_in: Flag for authenticated user status. Will be true when the + * current user is a logged-in member. + * - is_admin: Flag for admin user status. Will be true when the current user + * is an administrator. + * + * @see template_preprocess_node() + * + * @todo Remove the id attribute (or make it a class), because if that gets + * rendered twice on a page this is invalid CSS for example: two lists + * in different view modes. + */ +#} +{{ title_prefix }} +{% if not page %} + + {{ label }} + +{% endif %} +{{ title_suffix }} + +{#{{ content }}#} +
+ {{ content.field_published_date }} + {{ content.consultation_status }} +
+ diff --git a/templates/content/node--heritage_site--full.html.twig b/templates/content/node--heritage_site--full.html.twig index 358d243..ad5d8bc 100644 --- a/templates/content/node--heritage_site--full.html.twig +++ b/templates/content/node--heritage_site--full.html.twig @@ -80,13 +80,26 @@ {% if show_title %} {{ drupal_block('page_title_block', wrapper=false) }} {% endif %} - {% if content_attributes is not empty %} - - {% endif %} - {{ content }} - {% if content_attributes is not empty %} +
+
+ {% if content_attributes is not empty %} + + {% endif %} + {{ content|without('field_photo') }} + {% if content_attributes is not empty %} +
+ {% endif %}
- {% endif %} +
+ {% if content_attributes is not empty %} + + {% endif %} + {{ content.field_photo }} + {% if content_attributes is not empty %} +
+ {% endif %} +
+ {% if display_social_links %} {{ drupal_entity('block', 'originssocialsharing', check_access=false) }} {% endif %} diff --git a/templates/content/node--news--search-result.html.twig b/templates/content/node--news--search-result.html.twig index 2b111b6..26269a6 100644 --- a/templates/content/node--news--search-result.html.twig +++ b/templates/content/node--news--search-result.html.twig @@ -78,18 +78,15 @@ {% endif %} {{ title_suffix }} -{% if display_submitted %} -
- {{ author_picture }} - - {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %} - {{ metadata }} - -
-{% endif %} - -{#{{ content }}#} +{{ content | without('field_published_date', 'departments') }}
{{ content.field_published_date }} + {% if content.departments %} + + {% for department in content.departments %} + {{ department }}{% if not loop.last %} ,{% endif %} + {% endfor %} + + {% endif %}
diff --git a/templates/content/node--publication--search-result.html.twig b/templates/content/node--publication--search-result.html.twig new file mode 100644 index 0000000..180e9d1 --- /dev/null +++ b/templates/content/node--publication--search-result.html.twig @@ -0,0 +1,14 @@ +{# +/** + * @file + * Theme override to display a publication node in search result view mode. +#} +

{{ label }}

+

{{ content.field_summary | field_value }}

+

+ {{ "Published" | t}} + {{ content.field_published_date | field_value }} + {{ content.field_publication_type | field_value }} +

+ +{{ content | without('field_published_date', 'field_publication_type', 'field_summary') }} diff --git a/templates/content/node--topic--full.html.twig b/templates/content/node--topic--full.html.twig index 483e6e8..36cf43e 100644 --- a/templates/content/node--topic--full.html.twig +++ b/templates/content/node--topic--full.html.twig @@ -74,27 +74,28 @@ {{ banner_image }} {% endif %} -
- {% if show_title %} - {{ drupal_block('page_title_block', wrapper=false) }} - {% endif %} -
- {% if content_attributes is not empty %} - + + {% if show_title %} + {{ drupal_block('page_title_block', wrapper=false) }} {% endif %} - {{ content|without('subtopics_list') }} - {% - set classes = [ - 'card-deck', - 'card-deck--x2', - 'card-deck--plain', - 'card-deck--topics', - ] - %} - - {{ content.subtopics_list }} + +
+ {{ content.field_summary }} + {{ content.field_photo }} +
+ + {% if content.body.0 %} +
+ {{ content.body }}
- {% if content_attributes is not empty %} + {% endif %} + + {% if content.subtopics_list is not empty %} +
+

{{ label }} contents

+
+ {{ content.subtopics_list }} +
{% endif %} diff --git a/templates/content/subtopic-content-list.html.twig b/templates/content/subtopic-content-list.html.twig new file mode 100644 index 0000000..70600b6 --- /dev/null +++ b/templates/content/subtopic-content-list.html.twig @@ -0,0 +1,32 @@ +{# +/** + * @file + * Theme template for a subtopic content list. + * + * Available variables: + * - title: the title of the subtopic list + * - content_links: an array of link render elements. + * - show_more_link: a link back to the subtopic page. +#} +
+ {% if title_link %} +

{{ title_link }}

+ {% endif %} +
+ {% if content_summary and content_links|length < 3 %} + {{ content_summary }} + {% endif %} + {% if content_links %} +
    + {% for link in content_links|slice(0, 3) %} +
  • {{ link }}
  • + {% endfor %} +
+ {% endif %} + {% if read_more_link and content_links|length >= 3 %} + + {% endif %} +
+
diff --git a/templates/field/field--node--field-photo--topic.html.twig b/templates/field/field--node--field-photo--topic.html.twig new file mode 100644 index 0000000..7eb7674 --- /dev/null +++ b/templates/field/field--node--field-photo--topic.html.twig @@ -0,0 +1,43 @@ +{# +/** + * @file + * Theme override for a field. + * + * To override output, copy the "field.html.twig" from the templates directory + * to your theme's directory and customize it, just like customizing other + * Drupal templates such as page.html.twig or node.html.twig. + * + * Instead of overriding the theming for all fields, you can also just override + * theming for a subset of fields using + * @link themeable Theme hook suggestions. @endlink For example, + * here are some theme hook suggestions that can be used for a field_foo field + * on an article node type: + * - field--node--field-foo--article.html.twig + * - field--node--field-foo.html.twig + * - field--node--article.html.twig + * - field--field-foo.html.twig + * - field--text-with-summary.html.twig + * - field.html.twig + * + * Available variables: + * - attributes: HTML attributes for the containing element. + * - label_hidden: Whether to show the field label or not. + * - title_attributes: HTML attributes for the title. + * - label: The label for the field. + * - multiple: TRUE if a field can contain multiple items. + * - items: List of all the field items. Each item contains: + * - attributes: List of HTML attributes for each item. + * - content: The field item's content. + * - entity_type: The entity type to which the field belongs. + * - field_name: The name of the field. + * - field_type: The type of the field. + * - label_display: The display settings for the label. + * + * @see template_preprocess_field() + */ +#} +
+{% for item in items %} + {{ item.content }} +{% endfor %} +
diff --git a/templates/field/field--node--heritage-site.html.twig b/templates/field/field--node--heritage-site.html.twig new file mode 100644 index 0000000..02fba71 --- /dev/null +++ b/templates/field/field--node--heritage-site.html.twig @@ -0,0 +1,80 @@ +{# +/** + * @file + * Theme override for a field. + * + * To override output, copy the "field.html.twig" from the templates directory + * to your theme's directory and customize it, just like customizing other + * Drupal templates such as page.html.twig or node.html.twig. + * + * Instead of overriding the theming for all fields, you can also just override + * theming for a subset of fields using + * @link themeable Theme hook suggestions. @endlink For example, + * here are some theme hook suggestions that can be used for a field_foo field + * on an article node type: + * - field--node--field-foo--article.html.twig + * - field--node--field-foo.html.twig + * - field--node--article.html.twig + * - field--field-foo.html.twig + * - field--text-with-summary.html.twig + * - field.html.twig + * + * Available variables: + * - attributes: HTML attributes for the containing element. + * - label_hidden: Whether to show the field label or not. + * - title_attributes: HTML attributes for the title. + * - label: The label for the field. + * - multiple: TRUE if a field can contain multiple items. + * - items: List of all the field items. Each item contains: + * - attributes: List of HTML attributes for each item. + * - content: The field item's content. + * - entity_type: The entity type to which the field belongs. + * - field_name: The name of the field. + * - field_type: The type of the field. + * - label_display: The display settings for the label. + * + * + * @see template_preprocess_field() + */ +#} +{% + set classes = [ + 'field', + 'field--name-' ~ field_name|clean_class, + 'field--type-' ~ field_type|clean_class, + 'field--label-' ~ label_display, +] +%} +{% + set title_classes = [ + 'field__label', + label_display == 'visually_hidden' ? 'visually-hidden', +] +%} + +{% if label_hidden %} + {% if multiple %} + + {% for item in items %} + {{ item.content }} + {% endfor %} + + {% else %} + {% for item in items %} + {{ item.content }} + {% endfor %} + {% endif %} +{% else %} + + {{ label }}: + {% if multiple %} +
+ {% endif %} + {% for item in items %} + {{ item.content }} + {% endfor %} + {% if multiple %} +
+ {% endif %} + +{% endif %} diff --git a/templates/form/container.html.twig b/templates/form/container.html.twig index eefdc15..aa47b6a 100644 --- a/templates/form/container.html.twig +++ b/templates/form/container.html.twig @@ -25,5 +25,10 @@ has_parent ? 'form-wrapper', ] %} -{{- children -}} - +{% if attributes|render %} + +{% endif %} +{{- children -}} +{% if attributes|render %} + +{% endif %} diff --git a/templates/layout/region--related.html.twig b/templates/layout/region--related.html.twig index c022270..24ec428 100644 --- a/templates/layout/region--related.html.twig +++ b/templates/layout/region--related.html.twig @@ -14,9 +14,10 @@ #} {% if content %} diff --git a/templates/views/views-view--content-by-site-subtopic.html.twig b/templates/views/views-view--content-by-site-subtopic.html.twig new file mode 100644 index 0000000..ca4ae86 --- /dev/null +++ b/templates/views/views-view--content-by-site-subtopic.html.twig @@ -0,0 +1,69 @@ +{# +/** + * @file + * Theme override for main view template. + * + * Available variables: + * - attributes: Remaining HTML attributes for the element. + * - css_name: A CSS-safe version of the view name. + * - css_class: The user-specified classes names, if any. + * - header: The optional header. + * - footer: The optional footer. + * - rows: The results of the view query, if any. + * - empty: The content to display if there are no rows. + * - pager: The optional pager next/prev links to display. + * - exposed: Exposed widget form/info to display. + * - feed_icons: Optional feed icons to display. + * - more: An optional link to the next page of results. + * - title: Title of the view, only used when displaying in the admin preview. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the view title. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the view title. + * - attachment_before: An optional attachment view to be displayed before the + * view content. + * - attachment_after: An optional attachment view to be displayed after the + * view content. + * - dom_id: Unique id for every view being printed to give unique class for + * Javascript. + * + * @see template_preprocess_views_view() + */ +#} +{% + set classes = [ + dom_id ? 'js-view-dom-id-' ~ dom_id, + ] +%} +{%- if title or rows or empty or exposed or header or footer -%} + + {{ title }} + + {% if header %} +
+ {{ header }} +
+ {% endif %} + + {{ exposed }} + {{ attachment_before }} + + {% if rows -%} + {{ rows }} + {% elseif empty -%} + {{ empty }} + {% endif %} + {{ pager }} + + {{ attachment_after }} + {{ more }} + + {% if footer %} +
+ {{ footer }} +
+ {% endif %} + + {{ feed_icons }} + +{% endif %} diff --git a/templates/views/views-view-fields--content-by-site-subtopic.html.twig b/templates/views/views-view-fields--content-by-site-subtopic.html.twig new file mode 100644 index 0000000..2e151c6 --- /dev/null +++ b/templates/views/views-view-fields--content-by-site-subtopic.html.twig @@ -0,0 +1,56 @@ +{# +/** + * @file + * Theme override to display all the fields in a row. + * + * Available variables: + * - view: The view in use. + * - fields: A list of fields, each one contains: + * - content: The output of the field. + * - raw: The raw data for the field, if it exists. This is NOT output safe. + * - class: The safe class ID to use. + * - handler: The Views field handler controlling this field. + * - inline: Whether or not the field should be inline. + * - wrapper_element: An HTML element for a wrapper. + * - wrapper_attributes: List of attributes for wrapper element. + * - separator: An optional separator that may appear before a field. + * - label: The field's label text. + * - label_element: An HTML element for a label wrapper. + * - label_attributes: List of attributes for label wrapper. + * - label_suffix: Colon after the label. + * - element_type: An HTML element for the field content. + * - element_attributes: List of attributes for HTML element for field content. + * - has_label_colon: A boolean indicating whether to display a colon after + * the label. + * - element_type: An HTML element for the field content. + * - element_attributes: List of attributes for HTML element for field content. + * - row: The raw result from the query, with all data it fetched. + * + * @see template_preprocess_views_view_fields() + */ +#} + +

+ {{ fields.title.content }} +

+
+ {% if fields.field_domain_source %} + {{ fields.field_domain_source.content }} + {% endif %} + {% if fields.field_published_date %} + Published {{ fields.field_published_date.content }} + {% endif %} + {% if fields.field_consultation_dates %} + {% set consultation_date_end = fields.field_consultation_dates.content | render | striptags %} + {% set now = date() %} + + {% if date(consultation_date_end) >= now %} + Closes {{ consultation_date_end|date("d F Y") }} + {% elseif date(consultation_date_end) < now %} + Consultation closed + {% endif %} + + {% endif %} +
+
+ diff --git a/templates/views/views-view-fields--frontpage-our-documents.html.twig b/templates/views/views-view-fields--frontpage-our-documents.html.twig index d345e5a..537c993 100644 --- a/templates/views/views-view-fields--frontpage-our-documents.html.twig +++ b/templates/views/views-view-fields--frontpage-our-documents.html.twig @@ -43,11 +43,10 @@ {% endif %} {% if fields.field_consultation_dates %} {% set consultation_date_end = fields.field_consultation_dates.content | render | striptags %} - {% set consultation_date_end_pretty = consulation_date_end | date('d F Y') %} {% set now = date() %} {% if date(consultation_date_end) >= now %} - Closes {{ consultation_date_end_pretty }} + Closes {{ consultation_date_end|date("d F Y") }} {% elseif date(consultation_date_end) < now %} Consultation closed {% endif %} @@ -56,3 +55,4 @@ + diff --git a/templates/views/views-view-list--latest-news.html.twig b/templates/views/views-view-list--latest-news.html.twig new file mode 100644 index 0000000..d359aa8 --- /dev/null +++ b/templates/views/views-view-list--latest-news.html.twig @@ -0,0 +1,25 @@ +{# +/** + * @file + * Theme override for a view template to display a list of rows. + * + * Available variables: + * - attributes: HTML attributes for the container. + * - rows: A list of rows for this list. + * - attributes: The row's HTML attributes. + * - content: The row's contents. + * - title: The title of this group of rows. May be empty. + * - list: @todo. + * - type: Starting tag will be either a ul or ol. + * - attributes: HTML attributes for the list element. + * + * @see template_preprocess_views_view_list() + */ +#} +
    + {% for row in rows %} + + {{- row.content -}} + + {% endfor %} +
diff --git a/templates/views/views-view-unformatted--content-by-site-subtopic.html.twig b/templates/views/views-view-unformatted--content-by-site-subtopic.html.twig new file mode 100644 index 0000000..f0050d3 --- /dev/null +++ b/templates/views/views-view-unformatted--content-by-site-subtopic.html.twig @@ -0,0 +1,24 @@ +{# +/** + * @file + * Theme override to display a view of unformatted rows. + * + * Available variables: + * - title: The title of this group of rows. May be empty. + * - rows: A list of the view's row items. + * - attributes: The row's HTML attributes. + * - content: The row's content. + * - view: The view object. + * - default_row_class: A flag indicating whether default classes should be + * used on rows. + * + * @see template_preprocess_views_view_unformatted() + */ +#} +
    + {% for row in rows %} + + {{- row.content -}} + + {% endfor %} +