.non-visible-focus *:focus:not([type="text"]):not([type="search"]):not(.icon-button) {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:0 !important;
}
.non-visible-focus *:focus:not([type="text"]):not([type="search"]):not(.icon-button)::-moz-focus-inner {
border:0;
}
.non-visible-focus *:focus:not([type="text"]):not([type="search"]):not(.icon-button):before {
-webkit-box-shadow:none !important;
box-shadow:none !important;
outline:0 !important;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body {
font-size: 1rem;
font-family: 'metropolis', sans-serif;
color: #333;
background:#fff;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
letter-spacing:0.03125rem;
}
input, select, textarea, button {
letter-spacing: 0.03125rem;
}
nav,
main,
section,
aside {
display: block;
}
img[src^="//tag.vizzit.se"] {
position: absolute;
left:-9999px;
}
a {
color: #0a4c83;
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-color: #99bbd9;
text-decoration-color: #99bbd9;
font-weight: 500;
-webkit-transition:color 100ms ease-in-out;
transition:color 100ms ease-in-out
}
a:focus,
a:active {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
}
a:hover {
color:#387AB4;
/* text-decoration-color: var(--color-anchor); */
}
a[href^='http']:after {
content:'';
width:13px;
height:13px;
background-repeat:no-repeat;
background-image:url(/frontend/assets/icons/svg/external.svg);
background-size:contain;
display: inline-block;
/* filter:invert(1); */
margin-left:10px;
margin-right: -23px;
opacity:0;
-webkit-transition:opacity 100ms ease-in-out;
transition:opacity 100ms ease-in-out;
}
a:hover[href^='http']:after,
a:focus[href^='http']:after,
a:active[href^='http']:after {
opacity:.75;
}
a[href^="mailto:"] {
text-transform: lowercase;
word-break: break-word;
}
.text > p a[href^='http']:after, .text > li a[href^='http']:after {
margin-left:6px;
margin-right: 4px;
opacity:.75;
}
strong {
font-weight:500;
}
em {
font-style: italic;
}
iframe {
/* width: 100%; */
border: 0;
}
table:not('.speakit_table') {
border:none;
border-collapse: collapse;
width:100%
}
table:not('.speakit_table'):last-child {
margin-bottom:0;
}
table:not('.speakit_table') th,
table:not('.speakit_table') td {
font-size:1rem;
line-height: 1.5rem;
color:#333;
border:none;
padding:10px 14px;
text-align: left;
vertical-align: top;
}
table:not('.speakit_table') thead th {
font-weight: 700;
}
table:not('.speakit_table') th {
font-weight: 700;
}
table:not('.speakit_table') tr:nth-child(odd) {
background:#f5f5f5;
}
table:not('.speakit_table') {
thead tr:first-child {
background: none;
}
}
.table-container {
overflow-y: auto;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important
}
.table-container table {
margin:0;
}
h2 > .epi-editContainer {
min-width:350px;
margin-bottom:8px
}
#epi-quickNavigator {
right: -19px !important;
top: 163px !important;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
height:26px
}
#epi-quickNavigator li:last-child {
display: none;
}
#epi-quickNavigator span {
width:42px !important;
}
/* .fb-page,
.fb-page span,
.fb-page span iframe[style] {
width: 100% !important;
} */
@media (max-width: 990px) {
}
@media (max-width: 767px) {
th,
td {
font-size:0.9375rem;
line-height: 1.375rem;
}
#epi-quickNavigator {
display: none !important;
}
}
@media (max-width: 480px) {
th,
td {
font-size:0.875rem;
line-height: 1.3125rem;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.visually-hidden {
position:absolute !important;
left:-9999px !important;
right:auto !important;
bottom:auto !important;
top:auto !important;
}
.hidden {
display: none !important;
}
p.introduction {
@apply --text-larger-media-large;
}
.fullscreen-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 1px solid #fff;
}
.meta {
@apply --text-meta-media-large;
margin-bottom:52px;
}
.block-preview__inner {
margin:60px 0;
}
.darker-bg {
background:#f5f5f5;
}
.disable-scroll {
overflow: hidden;
}
.download {
font-size:120%
}
.download svg {
fill:var(--color-anchors);
}
.calendar-add {
font-size: 150%;
top: 2px;
position: relative
}
.calendar-add svg {
fill:var(--color-anchors);
}
.align-right {
text-align:right;
}
.nowrap {
white-spance:nowrap;
}
.width-100 {
width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.width-150 {
width: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.normal {
font-weight: 400;
}
.fine {
font-size:0.75rem !important;
line-height: 1.125rem !important;
color:#767676;
letter-spacing: normal;
font-weight: 500
}
.fine p {
margin-top:0;
}
.center {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height:100%;
}
.stronger {
font-weight: 700;
}
ul.reset {
list-style: none;
margin:0;
padding:0
}
ul.reset + .button {
margin-top:10px;
}
.no-js .js-only {
display:none;
}
.inline-tag {
background:#b4d8f1;
border-radius:3px;
font-size:0.9375rem;
font-weight: 700;
color:#444;
color:#0a4c83;
padding:2px 5px;
text-decoration:none;
}
img.right {
margin-top: 7px;
margin-left: 30px;
margin-bottom: 30px;
float:right;
margin-right:-100px;
width:360px;
height:auto;
/* border-radius:6px; */
}
img.left {
margin-top: 7px;
margin-right: 30px;
margin-bottom: 30px;
float:left;
margin-left:-100px;
width:360px;
height:auto;
/* border-radius:6px; */
}
@media (max-width: 990px) {
img.right {
margin-right:-15px;
width:360px;
}
img.left {
margin-left:-15px;
width:360px;
}
}
@media (max-width: 767px) {
p.introduction {
font-size: 1.25rem;
line-height: 1.5625rem;
margin-bottom:13px;
}
img.right {
width:300px;
}
img.left {
width:300px;
}
}
@media (max-width: 480px) {
p.introduction {
font-size: 1.125rem;
line-height: 1.5rem;
}
img.right,
img.left {
width:calc(100% + 30px);
margin-left:-15px;
margin-right:-15px;
margin-top:7px;
margin-bottom:25px;
}
}
body {
}
body {
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*
Icons
Icons available in project.
a11y
alert
arrow
atm
ball
book
building
bus
car
chevron
chevron-nav
child
cinema
comment
cone
cross
external
facebook
fire
game
gavel
globe
heart
hiking
hospital
house
info
instagram
library
map
minus-circle
nav
note
old
park
parking
pencil
pharmacy
plus-circle
police
receipt
recycle
search
settings
student
sun
swim
swing
thumbpin
toilet
trash
twitter
user
volume
weapon
youtube
zap
Markup:
Style guide: components.icons
*/
.icon__a11y-dims {
height:1em;
width:0.85714em;
}
.icon__alert-dims {
height:1em;
width:1.09677em;
}
.icon__arrow-dims {
height:1em;
width:1em;
}
.icon__atm-dims {
height:1em;
width:1.33333em;
}
.icon__ball-dims {
height:1em;
width:1em;
}
.icon__book-dims {
height:1em;
width:0.84615em;
}
.icon__building-dims {
height:1em;
width:1em;
}
.icon__bus-dims {
height:1em;
width:1em;
}
.icon__car-dims {
height:1em;
width:1.25em;
}
.icon__chevron-dims {
height:1em;
width:1.6em;
}
.icon__chevron-nav-dims {
height:1em;
width:1.66129em;
}
.icon__child-dims {
height:1em;
width:1em;
}
.icon__cinema-dims {
height:1em;
width:1em;
}
.icon__comment-dims {
height:1em;
width:1em;
}
.icon__cone-dims {
height:1em;
width:1em;
}
.icon__cross-dims {
height:1em;
width:1em;
}
.icon__external-dims {
height:1em;
width:1em;
}
.icon__facebook-dims {
height:1em;
width:1em;
}
.icon__fire-dims {
height:1em;
width:0.875em;
}
.icon__game-dims {
height:1em;
width:1.25em;
}
.icon__gavel-dims {
height:1em;
width:1em;
}
.icon__globe-dims {
height:1em;
width:1em;
}
.icon__heart-dims {
height:1em;
width:1.13333em;
}
.icon__hiking-dims {
height:1em;
width:0.75em;
}
.icon__hospital-dims {
height:1em;
width:1.125em;
}
.icon__house-dims {
height:1em;
width:0.89286em;
}
.icon__info-dims {
height:1em;
width:1em;
}
.icon__instagram-dims {
height:1em;
width:1em;
}
.icon__library-dims {
height:1em;
width:0.875em;
}
.icon__map-dims {
height:1em;
width:0.84848em;
}
.icon__minus-circle-dims {
height:1em;
width:1em;
}
.icon__nav-dims {
height:1em;
width:1.42857em;
}
.icon__note-dims {
height:1em;
width:1em;
}
.icon__old-dims {
height:1em;
width:1.125em;
}
.icon__park-dims {
height:1em;
width:0.75em;
}
.icon__parking-dims {
height:1em;
width:0.875em;
}
.icon__pencil-dims {
height:1em;
width:0.88235em;
}
.icon__pharmacy-dims {
height:1em;
width:0.75em;
}
.icon__plus-circle-dims {
height:1em;
width:1em;
}
.icon__police-dims {
height:1em;
width:1em;
}
.icon__receipt-dims {
height:1em;
width:1em;
}
.icon__recycle-dims {
height:1em;
width:1em;
}
.icon__search-dims {
height:1em;
width:1em;
}
.icon__settings-dims {
height:1em;
width:1em;
}
.icon__student-dims {
height:1em;
width:1.25em;
}
.icon__sun-dims {
height:1em;
width:1em;
}
.icon__swim-dims {
height:1em;
width:1.25em;
}
.icon__swing-dims {
height:1em;
width:0.75em;
}
.icon__thumbpin-dims {
height:1em;
width:0.97872em;
}
.icon__toilet-dims {
height:1em;
width:1.25em;
}
.icon__trash-dims {
height:1em;
width:0.875em;
}
.icon__twitter-dims {
height:1em;
width:1em;
}
.icon__user-dims {
height:1em;
width:1em;
}
.icon__volume-dims {
height:1em;
width:1.2em;
}
.icon__weapon-dims {
height:1em;
width:0.8619em;
}
.icon__youtube-dims {
height:1em;
width:1em;
}
.icon__zap-dims {
height:1em;
width:1em;
}
.icon {
display:inline-block;
}
.icon--fixed {
width:40px;
}
.icon__svg {
display:block;
position:relative;
font-size:75%;
padding:0;
/* padding-right:1px; */
fill:#333;
}
.icon--larger {
.icon__svg {
font-size:100%;
position:relative;
bottom:-0.125em;
}
}
.icon--larger.icon--fixed {
width:1.5em;
}
.icon--2x {
.icon__svg {
font-size:125%;
position:relative;
bottom:-0.125em;
}
}
/*
Icons
Icons available in project.
a11y
alert
arrow
atm
ball
book
building
bus
car
chevron
chevron-nav
child
cinema
comment
cone
cross
external
facebook
fire
game
gavel
globe
heart
hiking
hospital
house
info
instagram
library
map
minus-circle
nav
note
old
park
parking
pencil
pharmacy
plus-circle
police
receipt
recycle
search
settings
student
sun
swim
swing
thumbpin
toilet
trash
twitter
user
volume
weapon
youtube
zap
Markup:
Style guide: components.icons
*/
.icon__a11y-dims {
height:1em;
width:0.85714em;
}
.icon__alert-dims {
height:1em;
width:1.09677em;
}
.icon__arrow-dims {
height:1em;
width:1em;
}
.icon__atm-dims {
height:1em;
width:1.33333em;
}
.icon__ball-dims {
height:1em;
width:1em;
}
.icon__book-dims {
height:1em;
width:0.84615em;
}
.icon__building-dims {
height:1em;
width:1em;
}
.icon__bus-dims {
height:1em;
width:1em;
}
.icon__car-dims {
height:1em;
width:1.25em;
}
.icon__chevron-dims {
height:1em;
width:1.6em;
}
.icon__chevron-nav-dims {
height:1em;
width:1.66129em;
}
.icon__child-dims {
height:1em;
width:1em;
}
.icon__cinema-dims {
height:1em;
width:1em;
}
.icon__comment-dims {
height:1em;
width:1em;
}
.icon__cone-dims {
height:1em;
width:1em;
}
.icon__cross-dims {
height:1em;
width:1em;
}
.icon__external-dims {
height:1em;
width:1em;
}
.icon__facebook-dims {
height:1em;
width:1em;
}
.icon__fire-dims {
height:1em;
width:0.875em;
}
.icon__game-dims {
height:1em;
width:1.25em;
}
.icon__gavel-dims {
height:1em;
width:1em;
}
.icon__globe-dims {
height:1em;
width:1em;
}
.icon__heart-dims {
height:1em;
width:1.13333em;
}
.icon__hiking-dims {
height:1em;
width:0.75em;
}
.icon__hospital-dims {
height:1em;
width:1.125em;
}
.icon__house-dims {
height:1em;
width:0.89286em;
}
.icon__info-dims {
height:1em;
width:1em;
}
.icon__instagram-dims {
height:1em;
width:1em;
}
.icon__library-dims {
height:1em;
width:0.875em;
}
.icon__map-dims {
height:1em;
width:0.84848em;
}
.icon__minus-circle-dims {
height:1em;
width:1em;
}
.icon__nav-dims {
height:1em;
width:1.42857em;
}
.icon__note-dims {
height:1em;
width:1em;
}
.icon__old-dims {
height:1em;
width:1.125em;
}
.icon__park-dims {
height:1em;
width:0.75em;
}
.icon__parking-dims {
height:1em;
width:0.875em;
}
.icon__pencil-dims {
height:1em;
width:0.88235em;
}
.icon__pharmacy-dims {
height:1em;
width:0.75em;
}
.icon__plus-circle-dims {
height:1em;
width:1em;
}
.icon__police-dims {
height:1em;
width:1em;
}
.icon__receipt-dims {
height:1em;
width:1em;
}
.icon__recycle-dims {
height:1em;
width:1em;
}
.icon__search-dims {
height:1em;
width:1em;
}
.icon__settings-dims {
height:1em;
width:1em;
}
.icon__student-dims {
height:1em;
width:1.25em;
}
.icon__sun-dims {
height:1em;
width:1em;
}
.icon__swim-dims {
height:1em;
width:1.25em;
}
.icon__swing-dims {
height:1em;
width:0.75em;
}
.icon__thumbpin-dims {
height:1em;
width:0.97872em;
}
.icon__toilet-dims {
height:1em;
width:1.25em;
}
.icon__trash-dims {
height:1em;
width:0.875em;
}
.icon__twitter-dims {
height:1em;
width:1em;
}
.icon__user-dims {
height:1em;
width:1em;
}
.icon__volume-dims {
height:1em;
width:1.2em;
}
.icon__weapon-dims {
height:1em;
width:0.8619em;
}
.icon__youtube-dims {
height:1em;
width:1em;
}
.icon__zap-dims {
height:1em;
width:1em;
}
.basicLightbox{position:fixed;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0, 0, 0, .8);opacity:.01;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;z-index:9999;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox__placeholder>[data-basicLightbox]{display:block!important}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}[data-basicLightbox]{display:none!important}/* .basicLightbox__placeholder img {
height:80vh;
width:100%;
object-fit: contain;
} */.basicLightbox__placeholder .video {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}.basiclightbox__close {
z-index:9999;
}
.ss-wrapper {
overflow : hidden;
height : 100%;
position : relative;
z-index : 1;
float: left;
width:100%;
}
.ss-content {
height : 100%;
padding : 0;
position : relative;
overflow : auto;
-webkit-box-sizing : border-box;
box-sizing : border-box;
width: calc(100% + 32px);
}
.ss-scroll {
position : relative;
background : rgba(0, 0, 0, .3);
width : 6px;
border-radius : 3px;
top : 0;
z-index : 2;
cursor : pointer;
opacity: 0;
-webkit-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ss-container:hover .ss-scroll {
opacity: 1;
}
.ss-grabbed {
-ms-user-select: none;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.accordion.container__body {
margin-bottom:30px;
padding:0;
}
.accordion__items {
list-style: none;
padding:0;
margin:0;
}
.accordion__item {
scroll-margin-top: 150px;
}
.accordion__item:not(:last-child) {
border-bottom:1px solid #d1d1d1;
}
.accordion__item:last-child {
padding-bottom:30px;
}
.accordion__item__title {
display: block;
font-size:1.24994rem
}
.accordion__item__title a {
font-size:1.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
font-weight: 700 !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top:18px;
padding-bottom:20px;
position: relative;
text-decoration:none !important;
}
.accordion__item__title__text {
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
color:#0a4c83;
margin-right:15px;
max-width: 510px;
}
.accordion__item[data-toggle-expanded=true] .accordion__item__title__text {
-webkit-transform:scale(1.3) translateY(10px);
transform:scale(1.3) translateY(10px);
font-weight: 600;
color:#333;
border-color:transparent;
}
.accordion__item__title__icon {
min-width:36px;
height:36px;
border-radius: 50%;
border:2px solid #915276;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
position: relative;
top:1px;
-webkit-transition: -webkit-transform 200ms ease;
transition: -webkit-transform 200ms ease;
transition: transform 200ms ease;
transition: transform 200ms ease, -webkit-transform 200ms ease
}
.accordion__item__title__icon .icon {
font-size:0.75rem;
}
.accordion__item__title__icon .icon svg {
fill:#915276;
}
.accordion__item[data-toggle-expanded=true] .accordion__item__title__icon .icon {
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.accordion__item[data-toggle-expanded=true] .accordion__item__title__icon:after {
content:none;
}
.accordion__item__body {
padding-bottom:60px;
padding-top:20px;
opacity:0
}
.accordion__item[data-toggle-expanded=true] .accordion__item__body {
opacity:1;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
.accordion__item__body .text {
width:90%;
}
.accordion__item__body .text p:last-child {
margin-bottom:0;
}
.article__main .accordion__item__body .text {
width:auto;
}
.container__body .accordion__item__body .textbody h2 {
text-transform: none;
font-size: 1.5rem;
}
.container__body .accordion__item__body .textbody h3 {
font-size: 1.25rem;
}
.accordion__link {
font-weight: 700;
font-size:1.1875rem;
display: inline-block;
margin-top:22px;
text-decoration: none;
}
.no-js .accordion__item__body {
opacity: 1;
}
.no-js .accordion__item__title__icon {
display: none;
}
@media (max-width: 767px) {
.accordion__item__body {
padding-top: 0;
padding-bottom: 36px;
}
.accordion__item {
scroll-margin-top: 130px;
}
.accordion__item__title {
padding-top: 14px;
padding-bottom: 14px
}
.accordion__item__title a
{
font-size:1.25rem;
}
.accordion__item__title__text {
max-width: 450px;
}
.accordion__item__title__icon {
min-width: 30px;
height: 30px;
}
.accordion__item[data-toggle-expanded=true] .accordion__item__title__text {
-webkit-transform: scale(1.1) translateY(46px);
transform: scale(1.1) translateY(46px);
-webkit-transform: none;
transform: none;
}
.container__body .accordion__item__body .textbody h2 {
text-transform: none;
font-size: 1.375rem;
}
.container__body .accordion__item__body .textbody h3 {
font-size: 1.125rem;
}
.accordion.container__body {
margin-bottom:0;
}
}
@media (max-width: 480px) {
.container__body .accordion__item__body .textbody h2 {
text-transform: none;
font-size: 1.25rem;
}
.container__body .accordion__item__body .textbody h3 {
font-size: 1rem;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.alert-open .header__bg {
display: none;
}
.alert-open .header__overlay {
background: #fff;
}
.alert-open .cover__body__inner {
padding-top:0 !important;
}
.alert {
background:#000;
z-index:9999;
margin-top:145px;
color:#fff;
padding:54px 0 60px
}
.alert p:last-child {
margin-bottom:0;
}
.alert__heading {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
color:#fff;
display:block;
position:relative
}
.alert__heading .icon {
position: absolute;
left:-48px;
top:2px;
}
.alert__heading .icon .icon__svg {
fill:#ff0000;
font-size: 110%;
}
.alert__body {
margin-bottom:33px !important
}
.alert__body a,
.alert__body p,
.alert__body li {
color:#fff !important;
font-weight: 500 !important;
}
@media (max-width: 990px) {
.alert {
margin-top:120px;
padding:34px 0 40px;
}
}
@media (max-width: 767px) {
.alert .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.alert__heading {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px;
color:#fff;
text-align: center
}
.alert__heading .icon {
top:0;
}
.alert__body {
margin-bottom:26px !important;
text-align: center
}
.alert__body p:last-child {
margin-bottom:0 !important;
}
}
@media (max-width: 480px) {
body.alert-open .cover__body {
padding-top:0;
height:128px;
}
.alert {
margin-top:0 !important;
}
.alert__heading {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px;
color:#fff
}
.alert__heading .icon {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom:16px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.balloon {
border-radius:130px 130px 130px 0;
width:282px;
height:160px;
background:rgba(135, 181, 45, 1);
-webkit-box-shadow:0 20px 60px -20px rgba(0, 0, 0, .5);
box-shadow:0 20px 60px -20px rgba(0, 0, 0, .5);
position: absolute;
bottom:50px;
right:-60px;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
font-family: 'Pacifico', sans-serif;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:0 40px
}
.balloon svg {
position: absolute;
bottom:-59.5px;
left:0;
width:93px;
height:60px;
}
.balloon__text {
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
font-size:1.4375rem;
line-height: 1.9375rem;
color:#000;
}
@media (max-width: 990px) {
.balloon {
display: none;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:0;
height:50px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background:#915276;
border-radius: 28px;
color:#fff;
text-decoration: none;
padding:0 30px;
-webkit-transition:background 100ms ease-in-out;
transition:background 100ms ease-in-out;
white-space: nowrap;
font-size:1rem;
font-weight: 500;
cursor:pointer;
font-family: 'metropolis', sans-serif
}
.button:focus,
.button:active {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
border-radius: 28px;
}
.button:hover {
background:#6A3A56;
color:#fff;
}
.button[href^='http']:after {
content:'';
width:16px;
height:16px;
background-repeat:no-repeat;
background-image:url(/frontend/assets/icons/svg/external.svg);
background-size:contain;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:invert(1);
filter:invert(1);
margin-left:10px;
margin-right: 0;
opacity: 1;
}
.button--center {
position: relative;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.button--invert {
background:#fff;
color:#333
}
.button--invert:hover {
background:#b4d8f1;
color:#333;
}
.button--invert[href^='http']:after {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:invert(0);
filter:invert(0);
}
.button--outlined {
background:transparent;
color:#915276;
border:2px solid #915276;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.button--outlined:hover {
border-color:#6A3A56;
color:#6A3A56;
background:#f4edf1;
}
.button--outlined .icon svg {
fill: #915276;
margin-right:7px;
font-size:0.9375rem;
}
.button--outlined .icon svg.icon__plus-circle-dims,
.button--outlined .icon svg.icon__minus-circle-dims {
font-size:1.1875rem;
margin:0 -20px 0 12px;
}
.button--smaller {
height:37px;
padding-left:15px;
padding-right:15px;
}
.button--tiny {
font-size:0.875rem;
height:30px;
padding-left:15px;
padding-right:15px;
}
.button--wider.button--smaller {
padding-left:40px;
padding-right:40px;
}
.button--wider {
padding-left:90px;
padding-right:90px;
}
.button--no-external-icon:after {
content:none !important;
}
.button--sticky {
z-index: 1001;
font-size: 0.875rem;
height: 37px;
padding-left: 15px;
padding-right: 15px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
@media (max-width: 480px) {
.button {
font-size:0.9375rem;
}
.button--wider {
width: 100%;
}
.button--sticky {
font-size: 0.75rem;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.checkbox input {
position: absolute;
left:-9999px;
}
.checkbox__label {
font-weight: 600;
font-size:0.875rem;
color:#333;
min-width:120px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.checkbox__label:hover .checkbox__label__fake {
background:#fafafa;
border-color:#979797;
}
.form__row--inline .checkbox {
display: inline-block;
margin-right: 20px;
}
.form__row--inline .checkbox:last-child {
margin-right:0;
}
.form__row--inline .checkbox:last-child .checkbox__label {
min-width: 0;
}
.checkbox__label__fake {
width: 19px;
height: 19px;
min-width: 19px;
border: solid 1px #999;
display: block;
border-radius:6px;
margin-right:8px;
background:#fff;
position: relative;
-webkit-transition:all 100ms ease;
transition:all 100ms ease;
}
.checkbox input[type="checkbox"]:checked + label .checkbox__label__fake {
background-color:#0a4c83;
border-color:#0a4c83
}
.checkbox input[type="checkbox"]:checked + label .checkbox__label__fake:before {
content:'';
width:10px;
height:4px;
-webkit-transform:rotate(315deg);
transform:rotate(315deg);
display: block;
top:5px;
left:4px;
position: absolute;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
}
.checkbox input[type="checkbox"]:focus + label .checkbox__label__fake {
-webkit-box-shadow: 0 0 0 2px #19f;
box-shadow: 0 0 0 2px #19f;
border-color:#19f;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.columns > * {
width:calc(50% - 60px);
}
.columns__col {
}
.columns__col--2 {
width:calc(66.6667% - 15px);
}
.columns--3 > * {
width:calc(33.3333% - 20px);
}
@media (max-width: 990px) {
.columns > * {
width:calc(50% - 60px);
margin-bottom:60px;
}
.columns > *:last-child {
width:100%;
}
}
@media (max-width: 767px) {
.columns > * {
/* margin-bottom:0px; */
}
}
@media (max-width: 480px) {
.columns {
display: block
}
.columns > * {
width:auto;
margin-bottom:30px;
}
.columns > *:last-child {
margin-bottom:0;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.container {
background:#fff;
border-radius:10px;
position: relative
/* border:1px solid var(--color-border--lighter); */
}
.container .button--bottom {
position: absolute;
bottom:32px;
}
.container.related li:not(:last-child) {
margin-bottom: 1rem;
}
.text + .container {
margin-top:45px;
}
.container--solid {
background:#f2f2f2;
border-color:#fff
}
.container--solid .container__body {
border-color:#d1d1d1;
}
.container--wide {
margin-left:-100px;
margin-right:-100px;
padding-left:70px;
padding-right:70px;
margin-bottom:40px
}
.container--wide:last-child {
/* margin-bottom:90px; */
}
.container__heading {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
margin:0;
margin:0 32px 27px;
padding-top:30px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.container__heading .icon__svg {
/* fill:var(--color-branding-1); */
font-size:1.875rem;
margin-right:15px;
}
.container__body {
border-top:1px solid #E9E9E9;
margin:0 32px;
padding:30px 0 32px;
position: relative
}
.container__body:first-child {
border-top:none;
padding-top:27px;
}
.container__body--padding-bottom {
padding-bottom: 111px !important;
}
.container__heading.visually-hidden + .container__body {
margin-top:32px;
padding-top:0;
border-top:none;
}
.container__facebook {
margin:-10px;
/* display: none; */
overflow:hidden;
/* margin-top:-31px; */
/* background:#f5f6f7; */
position: relative
/* height:370px; */
/* height:100%; */
}
.container__facebook .fb_iframe_widget {
/* margin-top:-69px; */
/* margin-right:-30px; */
/* margin-right:-1px; */
/* position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0; */
}
.container__facebook .fb_iframe_widget iframe {
/* height:100%; */
/* width:auto !important; */
/* max-width:498px; */
}
@media (max-width: 990px) {
.container--wide {
margin-left:-15px;
margin-right:-15px;
padding-left:15px;
padding-right:15px;
margin-bottom:15px
}
.container--wide .container__body,
.container--wide .container__heading {
margin-left:0;
margin-right:0;
}
}
@media (max-width: 767px) {
.container__body:first-child {
padding-top:0;
}
}
@media (max-width: 480px) {
.container:not(:last-child) {
margin-bottom:15px;
}
.container__heading {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px;
margin:0 22px 17px;
padding-top:20px
}
.container__heading .icon__svg {
font-size:1.4375rem;
margin-right:10px;
}
.container__body {
padding:20px 0 22px;
margin:0 22px;
}
.container__body:first-child {
padding-top:0;
}
.container--wide {
margin-left:-15px;
margin-right:-15px;
padding-left:15px;
padding-right:15px;
margin-bottom:15px
}
.container--wide .container__body,
.container--wide .container__heading {
margin-left:0;
margin-right:0;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.cover {
overflow: hidden;
}
.cover--mid-page .cover__body {
background-position: center center;
}
.cover--mid-page .cover__body__inner {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 0 !important;
}
.cover__body {
padding-top:58.382%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color:#0a4c83;
background-position: top;
background-size: cover
}
.cover__body:before {
content:'';
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
background: rgba(0, 0, 0, .1);
z-index: 1;
}
.cover__body--clear:before {
content:none;
}
.cover__body__inner {
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index: 2;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top:145px !important
}
.cover__body__inner .search-form input[type="search"] {
/* margin-bottom:230px; */
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .15), 0 5px 40px rgba(0, 0, 0, .2);
box-shadow:0 1px 4px rgba(0, 0, 0, .15), 0 5px 40px rgba(0, 0, 0, .2);
}
.cover__body__inner .search-form input[type="search"]:active,
.cover__body__inner .search-form input[type="search"]:focus {
-webkit-box-shadow:0 0 0 3px #19f, 0 1px 4px rgba(0, 0, 0, .15), 0 5px 40px rgba(0, 0, 0, .2);
box-shadow:0 0 0 3px #19f, 0 1px 4px rgba(0, 0, 0, .15), 0 5px 40px rgba(0, 0, 0, .2);
}
.cover__footer {
background-color:#0a4c83;
/* height:420px; */
position: relative;
overflow: hidden;
}
.cover__footer__bg {
/* position: absolute;
top: -25px;
left: -25px;
right: -25px;
bottom: 0;
background-size: cover;
background-position: 50% -700px;
background-repeat: no-repeat;
filter: blur(10px); */
}
.cover__footer__overlay {
position: absolute;
top: -25px;
left: -25px;
right: -25px;
bottom: 0;
opacity: 1;
/* background: linear-gradient(
to top,
rgba(10, 76, 131, 1) 0%,
rgba(10, 76, 131, 1) 60%,
rgba(10, 76, 131, 0.7) 100%
); */
background-color: rgba(10, 76, 131, 1);
}
.cover__footer__inner {
/* position: absolute; */
/* top:0;
left:0;
right:0;
bottom:0; */
/* padding-bottom:25px; */
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cover__body__balloon {
background:rgba(135, 181, 45, .9);
border-radius:130px 130px 130px 0;
height: calc(100% - 200px);
width:45%;
position: relative;
top:-40px;
right:5%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.cover__body__balloon svg {
position: absolute;
bottom:-96px;
left:0;
}
.cover__body__balloon__text {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.cover__body__balloon__text strong {
font-size:2.75rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.15;
color:#333;
margin:0 0 28px;
color:#000;
width:100%;
margin:0;
margin-bottom:4px;
}
.cover__body__balloon__text p {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
color:#000;
width:100%;
margin:0;
margin-bottom:36px;
}
.cover__body__balloon__text strong + a {
margin-top:36px;
}
.alert-open .cover__body,
.alert-open .cover__footer__bg {
background-image:none !important;
}
.alert-open .balloon {
display: none !important;
}
.alert-open .cover__body {
height:240px;
padding-top:0;
}
@media (min-width: 1201px) {
.cover__body {
height:700px;
padding-top:0;
}
}
@media (min-width: 951px) {
.cover--mid-page .cover__body {
height: 550px;
padding-top:0;
}
}
@media (max-width: 990px) {
.cover__body__inner {
padding-top:120px !important
}
.cover__body__inner .search-form {
width:100%;
}
.cover__body__inner .search-form .search-form__inner {
width:100%;
}
.cover__body__balloon {
width:calc(66.6667% - 10px);
border-radius:60px 60px 60px 0;
top:-20px;
right:0
}
.cover__body__balloon svg {
width:80px;
bottom:-74px;
}
.cover__body__balloon__text strong {
font-size:2.375rem;
}
.cover__body__balloon__text p {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px;
}
}
@media (max-width: 767px) {
.cover__body__balloon {
width:auto;
height: calc(100% - 120px);
/* min-height: 250px; */
/* margin-top:10px; */
}
.cover__body__balloon__text strong {
font-size:2.375rem;
}
.cover__body__balloon__text p {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px;
}
.cover--mid-page .cover__body {
min-height: 410px;
}
}
@media (max-width: 480px) {
.cover__footer {
height:auto;
padding-bottom:5px;
padding-top:5px;
}
.cover__footer__inner {
position: static;
}
.cover__body {
/* min-height:270px; */
}
.cover__body:before {
/* bottom:0; */
}
.cover__body:before {
bottom:0;
}
.cover__body__inner {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.cover__body__inner .search-form {
margin-bottom:40px;
}
.cover__body__balloon {
width:auto;
min-height: 250px;
border-radius:60px 60px 60px 0
/* margin-top:10px; */
}
.cover__body__balloon svg {
width:80px;
bottom:-74px;
}
.cover__body__balloon__text strong {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px;
}
.cover__body__balloon__text p {
font-size:1.125rem;
}
.cover--mid-page .cover__body {
/* min-height: 130px; */
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.dialog {
background:#fafafa;
padding:39px 65px;
-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .16);
box-shadow:0 3px 6px rgba(0, 0, 0, .16);
max-width:480px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position: relative;
opacity:0;
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.overlay--complete .dialog {
opacity: 1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
.dialog__close {
cursor:pointer;
position:absolute;
right:52px;
top:39px;
text-indent:30px;
overflow: hidden;
@apply --close;
}
@media (max-width: 480px) {
.dialog {
padding: 39px 26px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.dropdown-button {
position: relative;
font-size:0.75rem;
font-family: 'metropolis', sans-serif;
border:1px solid #E9E9E9;
padding-left:15px;
padding-right:15px;
height:40px;
min-width: 200px;
white-space: nowrap;
background:#fff;
font-weight: 500;
color:#444;
border-radius: 5px;
letter-spacing: 0.0625rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.dropdown-button .icon {
font-size:1.25rem;
margin-left:15px;
}
.dropdown-button .icon svg {
fill:#444;
}
.dropdown__alternatives {
position: absolute;
display: none;
white-space: nowrap;
font-weight: 500;
letter-spacing: 0.0625rem;
background-color: #fff;
color:#444;
border-radius: 5px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border:1px solid #E9E9E9;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.dropdown__alternative {
position: relative;
height:40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 200px;
font-size:0.75rem;
font-family: 'metropolis', sans-serif;
padding-left:15px;
padding-right:15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.dropdown__alternative .icon {
font-size:1.25rem;
margin-left:15px;
}
.dropdown__alternative .icon svg {
fill:#444;
}
.dropdown__alternative.active {
background-color: #eee;
}
.dropdown[aria-expanded="true"] > .dropdown__alternatives {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.dropdown {
position: relative;
}
.dropdown--icon .dropdown__area label {
padding-left:40px;
}
.dropdown__control {
border: 1px solid #E9E9E9;
background-color: #fff;
border-radius:4px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-family: 'metropolis', sans-serif;
font-weight: 600;
font-size:0.875rem;
color:#333;
margin:0;
height:46px;
width:100%;
text-align: left;
padding-left: 13px;
padding-right:32px;
cursor:pointer;
position: relative;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
/* letter-spacing: 1px; */
}
.dropdown__control .icon {
position:absolute;
right:16px;
top:50%;
margin-top:-4px;
font-size:0.6875rem;
}
.dropdown__control .icon svg {
fill:#333;
}
.dropdown__control .icon.dropdown__control__icon {
position:relative;
font-size:1.3125rem;
top:2px;
right:auto;
-webkit-transform:none !important;
transform:none !important;
width:22px;
}
.dropdown__control[aria-expanded="true"] .icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.dropdown__control--selected:not([aria-expanded="true"]) {
background:#0a4c83;
border-color:#0a4c83;
color:#fff
}
.dropdown__control--selected:not([aria-expanded="true"]) .icon svg {
fill:#fff;
}
.dropdown__area {
background:#fff;
border:1px solid #E9E9E9;
border-top: none;
position: absolute;
padding-top:6px;
top:40px;
right:0px;
left:0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
z-index: 10;
height: 300px
}
.dropdown__area:before {
content:'';
position: absolute;
top:6px;
right:0;
left:0;
border-top:1px solid #E9E9E9;
}
.dropdown__area input[type="radio"] {
display: none;
}
.dropdown__area label {
display: block;
padding:11px 16px 11px 16px;
font-family: 'metropolis', sans-serif;
font-weight: 600;
font-size:0.875rem;
color:#333;
cursor: pointer;
-webkit-transition:all 100ms ease-in-out;
transition:all 100ms ease-in-out;
letter-spacing: normal;
}
.dropdown__area label:hover {
background:#0a4c83;
color:#fff;
}
.dropdown__area__item {
margin:0
}
.dropdown__area__item:last-child label {
border-radius:0 0 4px 4px;
}
.dropdown__area__item:not(:last-child) {
border-bottom:1px solid #E9E9E9;
}
.dropdown--wide .dropdown__control[aria-expanded="true"] {
z-index:9999;
width:calc(100% + 60px);
}
.dropdown--wide .dropdown__area {
right:-60px;
}
.dropdown__area__scrollable {
height: 318px;
overflow-y: auto;
margin-bottom:-15px;
margin-right:-15px;
margin-left:-4px;
padding-left:2px;
margin-top:-15px;
padding-top:15px;
padding-bottom:15px;
}
@media(max-width: 480px) {
.dropdown__control .icon {
font-size:0.625rem;
}
.dropdown--wide .dropdown__control[aria-expanded="true"] {
width:calc(100% + 22px);
}
.dropdown--wide .dropdown__area {
right:-22px;
}
}
.filter {
margin-bottom:30px;
}
.filter__group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
margin-bottom:30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.filter__group:last-child {
margin-bottom:45px;
}
.filter__group--center {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.filter__checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
margin-bottom:15px
}
.filter__checkbox input {
margin-right:10px;
}
.filter__checkbox label {
font-weight: 500;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.form p {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
}
.form {
margin-bottom:30px;
}
.container .form {
margin-top:-18px
}
.container .form .form__field {
background:#fff;
}
.form__row {
margin-bottom:26px;
}
.form__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.form__row > *:not('.button') {
width:100%;
}
.form__row fieldset {
border:none;
padding:0;
margin:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form__heading {
font-size:1.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
margin:0 0 20px 0;
}
.form__row__col {
width:calc(50% - 15px);
}
.form__row--actions {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top:32px
}
.form__row--actions > * {
margin-left:7.5px;
margin-right:7.5px;
}
.form__label {
font-size:0.9375rem;
font-weight: 700;
color:#444;
color:#444;
display:block;
font-weight: 500;
margin-bottom:10px;
}
.form__field {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
background:#f9f9f9;
color:#333;
font-family: 'metropolis', sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:2px solid #949494;
border-radius:6px;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:12px 15px
}
.form__field:focus,
.form__field:active {
/* box-shadow:0 0 0 1px var(--color-outline); */
border-color:#19f;
outline:0;
background:#fff;
}
.form__select {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
font-family: 'metropolis', sans-serif;
display: block;
width:100%;
background:#f9f9f9;
color:#333;
padding:12px 15px;
}
.form__checkbox {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:5px
}
.form__checkbox input {
margin-right:10px;
}
.form__validation {
@apply --text-smaller-media-large;
color:red;
font-weight:600;
height: 24px;
margin-top:-24px;
display: block;
}
@media (max-width: 767px) {
.form p {
font-size:1.0625rem;
line-height:1.625rem;
}
}
@media (max-width: 480px) {
.form p {
font-size:1rem;
line-height:1.5rem;
}
.form__field {
font-size:1rem;
padding-top:8px;
padding-bottom:8px;
}
.form__row {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:15px;
}
.form__row--action {
margin-bottom: 15px;
}
.form__heading {
font-size:1.125rem;
margin:0 0 20px 0;
}
.form__row__col {
width:100%
}
.form__row__col:not(:last-child) {
margin-bottom:15px;
}
margin-bottom: 20px;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.gallery {
margin-top:55px;
margin-bottom:90px;
}
.gallery__actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin:0 0 55px 0
}
.gallery__actions .button {
margin:0 3px;
}
.gallery + .paging {
border-top:none;
}
.gallery--narrow .gallery__items .gallery__item {
background:none;
width:33.33333%;
border:0;
margin:0;
}
.gallery__items {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* overflow: hidden; */
padding-bottom: 1px;
position:relative;
margin-top:-1px;
min-height: 308px
}
.gallery__items .gallery__item {
width:calc(20% - 8px);
}
.gallery__items[data-loading='true']:before {
content:'';
display: block;
border-radius: 50%;
width: 3em;
height: 3em;
font-size: 0.625rem;
position: relative;
text-indent: -9999em;
border-top: .3em solid #E9E9E9;
border-right: .3em solid #E9E9E9;
border-bottom: .3em solid #E9E9E9;
border-left: .3em solid #0a4c83;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loader 1.1s infinite linear;
animation: loader 1.1s infinite linear;
position: absolute;
left:50%;
top:131px;
margin-left:-18px;
z-index: 999;
}
.gallery__items[data-loading='true'] .gallery__item {
opacity: 0;
}
.gallery__item {
background:#fff;
height: 340px;
/* border:1px solid var(--color-border--lighter); */
border-radius:6px;
margin:0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: background 100ms ease;
transition: background 100ms ease;
background:#f2f2f2;
margin-bottom:10px;
}
.gallery__item--placeholder {
visibility: hidden;
height:1px !important;
}
.gallery__title {
background:#fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-top:1px solid #E9E9E9;
border-bottom:1px solid #E9E9E9;
font-size:1rem;
font-weight: 600;
padding-top:20px;
padding-bottom:20px;
}
.gallery__item__image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding:15px;
height: 100%
}
.gallery__item__image img {
display: block;
max-width:100%;
max-height: 100%;
height:207px;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
}
.gallery__item__image:active,
.gallery__item__image:focus {
outline:none;
-webkit-box-shadow: 0 0 0 3px #19f inset;
box-shadow: 0 0 0 3px #19f inset;
border-radius: 6px;
}
.gallery__item__footer {
height: 90px;
min-height: 90px;
padding:0 15px 15px 15px;
text-align: center
}
.gallery__item__footer .button {
margin:0;
}
.gallery__item__footer__title {
font-weight: normal;
/* font-style: italic; */
font-size:0.875rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
margin-bottom:18px;
height:40px;
word-break: break-all;
}
/* @media (--xxxlarge) {
.gallery__items {
& .gallery__item {
width:calc(12.5% - 1px);
}
}
} */
/* @media (--xxlarge) {
.gallery__items {
& .gallery__item {
width:calc(14.2857142857% - 1px);
}
}
} */
/* @media (--xlarge) {
.gallery__items {
& .gallery__item {
width:calc(20% - 1px);
}
}
} */
@media (max-width: 990px) {
.gallery__items .gallery__item {
width:calc(25% - 8px);
}
}
@media (max-width: 767px) {
.gallery__items .gallery__item {
width:calc(33.33333% - 7px);
}
}
@media (max-width:578px) {
.gallery__item__footer__title {
font-size:0.75rem;
}
.gallery__items .gallery__item {
width:calc(50% - 5px);
}
.gallery--narrow .gallery__items .gallery__item {
width:50%;
}
}
@media (max-width: 480px) {
.gallery__item {
height:250px;
}
.gallery__item__image {
padding:13px
}
.gallery__item__image img {
height:137px;
}
.gallery__item__footer {
padding:0 15px 15px 15px;
}
.gallery__title {
padding-top:16px;
padding-bottom:16px;
}
}
@media (max-width:370px) {
.gallery__item__footer .button .icon,
.lightbox .button .icon {
display:none;
}
}
@media (max-width:370px) {
.gallery__item__footer .button,
.lightbox .button .icon {
padding-left:8px;
padding-right:8px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon__action {
width:50px;
height:60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top:12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
appeareance:none;
border:0;
background: none
}
.icon__action:focus,
.icon__action:active {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
}
.icon__action__inner {
display: block;
height:30px;
width:30px;
position: relative;
}
.icon__action__icon--nav {
display: block;
height:3px;
width:30px;
background:var(--color-anchors);
position: relative
}
.icon__action__icon--nav:after {
content:'';
display: block;
height:3px;
width:30px;
background:var(--color-anchors);
position: absolute;
top:8px;
}
.icon__action__icon--nav:before {
content:'';
display: block;
height:3px;
width:30px;
background:var(--color-anchors);
position: absolute;
top:16px;
}
.icon__action__icon--search:before {
display: block;
width:14px;
height:14px;
border-radius: 50%;
content:'';
border:3px solid var(--color-anchors);
position: absolute;
top:-3px;
left:3px;
}
.icon__action__icon--search:after {
display: block;
width:3px;
height:10px;
content:'';
position: absolute;
bottom:9px;
right:7px;
border-radius:1.5px;
background:var(--color-anchors);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.header--search-open .icon__action__icon--search:before,
.header--search-open .icon__action__icon--search:after {
content: "";
width: 25px;
height: 3px;
position: absolute;
background: var(--color-anchors);
top: 10px;
margin-top: -1px;
left: 50%;
margin-left: -12px;
border-radius: 0;
border:none;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.header--search-open .icon__action__icon--search:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon__action__icon--map {
font-size:2rem;
position: relative;
top: -12px;
left: 1px
}
.icon__action__icon--map svg {
fill:var(--color-anchors);
}
.icon__action__icon--lang {
font-size:2rem;
position: relative;
top: -12px;
left: 2px
}
.icon__action__icon--lang svg {
fill:var(--color-anchors);
}
.icon__action__text {
position: absolute;
bottom:-11px;
font-size:0.75rem;
left:50%;
font-weight: 600;
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
opacity: 1;
-webkit-transition: all 150ms ease;
transition: all 150ms ease;
line-height:1;
letter-spacing: 0.03125rem;
}
@media (max-width: 480px) {
.icon__action {
padding-top:14px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
background:none;
border:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border-radius: 3px;
-webkit-transition:all 100ms ease-in-out;
transition:all 100ms ease-in-out;
min-width: 64px
}
.icon-button:after {
content:none !important;
}
.icon-button:hover {
background:rgba(0, 0, 0, .05);
-webkit-box-shadow:0 0 0 5px rgba(0, 0, 0, .05) !important;
box-shadow:0 0 0 5px rgba(0, 0, 0, .05) !important;
}
.icon-button:focus,
.icon-button:active {
-webkit-box-shadow:0 0 0 3px #19f !important;
box-shadow:0 0 0 3px #19f !important;
outline:none;
}
.non-visible-focus .icon-button {
-webkit-box-shadow:none !important;
box-shadow:none !important;
}
.non-visible-focus .icon-button:hover {
-webkit-box-shadow:0 0 0 5px rgba(0, 0, 0, .05) !important;
box-shadow:0 0 0 5px rgba(0, 0, 0, .05) !important;
}
.icon-button .icon {
height:30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom:16px;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.icon-button svg {
font-size:1.625rem;
position: relative;
fill:#0a4c83;
}
.icon-button .icon__nav-dims {
}
.icon-button .icon__search-dims {
font-size:1.875rem;
}
.icon-button .icon__map-dims {
font-size:2rem;
top:-1px;
}
.icon-button .icon__a11y-dims {
font-size:2.0625rem;
}
.icon-button .icon__globe-dims {
font-size:2rem;
}
.icon-button .icon__user-dims {
font-size:1.875rem;
}
.icon-button .icon__cross-dims {
top:-1px;
font-size:1.625rem;
}
.icon-button .icon__weapon-dims {
top:0px;
font-size:1.875rem;
}
.icon-button__text {
font-size:0.9375rem;
font-weight: 700;
color:#444;
color:#333;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.icon-button--no-text .icon {
margin-bottom:0;
}
.icon--button--smaller svg.icon__svg {
font-size:0.875rem;
}
@media (max-width: 480px) {
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icon-circle {
background:#915276;
width:36px;
height:36px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
border-radius:50%
}
.icon-circle .icon .icon__svg {
fill:#fff;
}
.icon-circle--inactive {
background:#f4edf1
}
.icon-circle--inactive .icon .icon__svg {
fill:#915276;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.image {
position: relative;
/* margin-bottom:50px; */
display: block;
}
.image__img-wrapper {
overflow: hidden
}
.image__img-wrapper img {
width:100%;
height:auto;
display: block;
}
.image--square .image__img-wrapper {
position: relative;
padding-top:100%
}
.image--square .image__img-wrapper img {
position: absolute;
top:0;
left:0;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
width:100%;
height:100%;
}
.image--text-on-image .image__img-wrapper:before {
content:'';
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
background: rgba(0, 0, 0, .2);
z-index:1;
}
.image--text-on-image .image__text {
position: absolute;
bottom:2px;
left:0;
right:0;
color:#fff;
z-index:2;
font-size:var(--font-size-h3-media-large);
font-weight: 600;
line-height: 1.1176470588;
font-style: normal;
/* text-shadow: 0 0 100px #000; */
text-shadow: 0 0 20px rgba(0, 0, 0, .4);
-webkit-transition: text-shadow ease-in 150ms;
transition: text-shadow ease-in 150ms;
padding:26px;
min-height: 279px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.image--text-on-image .image__text strong {
font-weight: 600;
font-size:var(--font-size-h2-media-large);
/* display: block; */
margin-bottom:17px;
}
.image--text-on-image .image__text--align-center {
text-align: center;
}
.image--text-on-image .image__text--align-right {
text-align: right;
}
a.image--text-on-image .image__text strong {
white-space: nowrap;
}
a.image--text-on-image .image__text strong,
a.image--text-on-image .image__text span {
/* background:rgba(110,30,130,.9); */
/* backdrop-filter: blur(10px); */
/* line-height:1.4; */
display: inline;
}
a.image--text-on-image .image__text span {
/* line-height:1.5; */
}
a.image--text-on-image:hover .image__text {
text-shadow: 0 0 100px rgba(0, 0, 0, .9);
}
.image .fullscreen-button {
position: absolute;
right:10px;
top:10px;
z-index: 999;
}
.image__text {
@apply --text-smaller-media-large;
font-style: italic;
margin-top:13px;
margin-bottom:0;
}
.image__text--center {
text-align: center;
}
.image__img-wrapper__logo {
position: absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width:470px;
width:100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:0 30px;
}
@media (max-width: 1200px) {
.image--text-on-image .image__text {
min-height:0;
}
.image--text-on-image .image__text strong {
font-size:var(--font-size-h2-media-medium);
}
.image--text-on-image .image__text {
font-size:var(--font-size-h3-media-medium);
}
}
@media (max-width: 990px) {
.image--text-on-image {
/* bottom:0; */
}
.image--text-on-image .image__text {
min-height:0;
}
.image--text-on-image .image__text strong {
/* display: inline;
margin:0; */
font-size:var(--font-size-h3-media-large);
/* font-weight: 700; */
}
.image--text-on-image .image__text {
/* min-height: 0; */
font-size:var(--font-size-h4-media-large);
/* padding:16px;
display: flex;
align-content: center;
height:100%;
flex-wrap: wrap;
padding-right:36px; */
}
/* a.image--text-on-image:after {
top:50%;
bottom:auto;
margint-top:-8px;
width:14px;
height:14px;
right:16px;
border-width:2px;
} */
}
@media (max-width: 767px) {
.image__text {
font-size:0.9375rem;
line-height: 1.375rem;
}
.image--text-on-image .image__text strong {
font-size:var(--font-size-h5-media-medium);
}
.image--text-on-image .image__text {
font-size:var(--font-size-h5-media-medium);
}
a.image--text-on-image:after {
}
}
@media (max-width: 480px) {
.image__text {
font-size:0.875rem;
line-height: 1.3125rem;
}
.image {
margin-bottom:39px;
}
.image--text-on-image .image__text strong {
font-size:var(--font-size-h2-media-small);
}
.image--text-on-image .image__text {
font-size:var(--font-size-h3-media-small);
}
a.image--text-on-image:after {
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.infobox {
background:#fff;
border-radius:10px;
-webkit-box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18);
box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18);
padding:20px 24px 24px 24px
}
.infobox:before {
content:'';
display: block;
width:10px;
height:10px;
position: absolute;
border-bottom-right-radius: 1px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background: #fff;
position: absolute;
bottom:-5px;
left:50%;
margin-left:-5px;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.0.05);
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.0.05);
}
.infobox__title {
font-size:1.125rem;
font-weight: 600;
font-family: 'metropolis', futura-pt, sans-serif;
margin-bottom:10px;
letter-spacing: normal;
display: block;
padding-right:15px
}
.infobox__title a {
text-decoration: none;
}
.infobox__title:last-child {
margin-bottom:-2px;
}
.infobox__title--small {
font-size: 1.375rem;
}
.infobox__body {
font-size:0.875rem;
font-family: 'metropolis', sans-serif;
font-weight: 400;
font-size:14px;
line-height: 1.3125rem
}
.infobox__body p {
margin-top:0;
margin-bottom:0;
}
.infobox__body p:not(:last-child) {
margin-bottom: 7px;
}
/* Google maps close button */
.infoBox > img {
width: 12px;
height: 12px;
position: absolute;
right: 10px;
top: 10px;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.basicLightbox {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.lightbox__slider {
height:100vh;
width:100vw
}
.lightbox__slider .lightbox {
margin-right:20px;
margin-left:20px;
}
.lightbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100vw;
height:100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.lightbox .button {
border-color:transparent;
font-weight: 600;
margin:0;
}
.lightbox__video {
max-width:1000px;
padding-top:62.5%;
width:100vw;
position:relative
}
.lightbox__video iframe {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
}
/* Hack to account for iOS Safari bottom toolbar. */
@supports (-webkit-overflow-scrolling: touch) {
.lightbox__video {
margin-bottom:135px;
}
}
.lightbox__main {
width:100%;
height:calc(100% - 170px);
margin-top:20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.lightbox__main img {
width:auto;
height:auto;
max-width: 100%;
max-height: 100%;
-webkit-box-shadow:0 5px 50px rgba(0, 0, 0, .8);
box-shadow:0 5px 50px rgba(0, 0, 0, .8);
}
.lightbox__meta {
min-height: 150px;
color:#fff;
width:690px;
padding-top:10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lightbox__meta__title {
font-size:0.875rem;
line-height: 1.3125rem;
height:60px;
text-align: center;
}
.lightbox__meta__details span {
font-size:0.875rem;
}
.lightbox__meta__details {
margin:0 auto;
max-width: 450px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.basiclightbox__close:focus,
.basiclightbox__close:active {
-webkit-box-shadow: 0 0 0 3px #19f;
box-shadow: 0 0 0 3px #19f;
border-radius: 3px;
outline:none;
}
@media (max-width: 480px) {
.basicLightbox__placeholder {
margin-top:0 !important;
}
.lightbox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width:100vw;
position: relative;
}
.lightbox__slider .flickity-button {
display: none !important;
}
.lightbox__slider {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.lightbox__main {
height:auto;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.lightbox__main img {
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
}
.lightbox__meta {
height:auto;
}
.lightbox__next,
.lightbox__prev { display:none; }
.lightbox__meta {
padding-left:20px;
padding-right:20px;
padding-bottom:30px;
padding-top:0;
width:100%;
min-height: 200px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lightbox__meta__title {
height:auto;
word-break: break-all;
width:100%;
}
.lightbox__meta__details {
width:100%;
}
.lightbox__meta__details__label {
display: none;
}
.basiclightbox__close {
right:10px !important;
top:10px !important;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.link-grid {
display: block;
width:100%
}
.link-grid ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
padding:0;
margin:0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.link-grid li {
padding:0;
margin:0;
width:22%;
margin-bottom:40px;
}
.link-grid li[aria-hidden="true"] {
margin-bottom:0;
}
.link-grid__link {
display: block;
position: relative;
padding:18px 15px 10px 55px;
margin:-18px -15px 0 -15px;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
height: 100%;
text-decoration: none;
font-weight: 400
}
.link-grid__link:focus,
.link-grid__link:active {
-webkit-box-shadow:0 0 0 3px #b4d8f1;
box-shadow:0 0 0 3px #b4d8f1;
border-radius: 3px;
outline:none;
background: rgba(0, 0, 0, .1);
/* & * { text-decoration:none !important; } */
}
.link-grid__link:hover {
background: rgba(0, 0, 0, .1);
border-radius:6px;
}
.link-grid__link .icon {
position:absolute;
left:15px;
top:18px;
/* font-size:35px; */
}
.link-grid__link .icon__svg {
font-size:1.5625rem;
position: relative;
}
.link-grid__link .icon__house-dims {
font-size:1.625rem;
top:-1px;
}
.link-grid__link .icon__cone-dims {
font-size:1.375rem;
top:2px;
}
.link-grid__link .icon__heart-dims {
font-size:1.375rem;
top:1px;
}
.link-grid__link .icon__note-dims {
font-size:1.5rem;
top:2px;
}
.link-grid__link .icon__sun-dims {
font-size:1.6875rem;
top:0px;
}
.link-grid__link .icon__receipt-dims {
font-size:1.4375rem;
top:1px;
}
.link-grid__title {
font-size:1.24994rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
.link-grid__title a {
font-weight:700;
}
.link-grid__title {
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
font-weight:600;
}
.link-grid__description {
font-size:1rem;
line-height: 1.5rem;
color:#333;
margin-bottom:0px;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
}
.cover .link-grid ul {
margin-top:40px;
}
.cover .link-grid .link-grid__title {
color:#fff;
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-color: #b4d8f1;
text-decoration-color: #b4d8f1;
/* font-size:19.999px; Makes underline thinner */
}
.cover .link-grid .link-grid__description {
color:#b4d8f1;
}
.cover .link-grid .link-grid__link:after {
content:none !important;
}
.cover .link-grid .link-grid__link .icon__svg {
fill:#fff;
}
.cover .link-grid .link-grid__link:hover .link-grid__title {
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff;
}
.cover .link-grid .link-grid__link:hover .link-grid__description {
color:#fff;
}
@media (max-width: 990px) {
.link-grid ul {}
.link-grid li {
width:calc(33.333% - 20px);
}
}
@media (max-width: 767px) {
.link-grid li {
margin-bottom:20px;
width:calc(50% - 20px);
}
.link-grid__title {
font-size:1.125rem;
}
.link-grid__description {
font-size:0.9375rem;
line-height: 1.375rem;
}
.link-grid__link .icon {
left:18px
}
.link-grid__link .icon .icon__svg {
-webkit-transform: scale(.9) translateY(1px);
transform: scale(.9) translateY(1px);
}
}
@media (max-width: 480px) {
.link-grid li {
width:100%;
margin-bottom:0;
}
.cover .link-grid ul {
margin-top:0;
padding-top:0px
}
.cover .link-grid ul:after {
content:'';
border-top:1px solid #0a4c83;
width:100%;
position: relative;
top:-1px;
z-index: 1;
}
.link-grid__description {
display: none;
}
.link-grid__link {
margin:0;
height:auto;
padding:16px 15px 16px 56px;
border-bottom:1px solid #0465a8;
}
.cover .link-grid__title {
font-size:1rem !important;
}
.cover .link-grid strong.link-grid__title {
text-decoration: none;
}
.link-grid__link .icon {
left:18px
}
.link-grid__link .icon .icon__svg {
-webkit-transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.link-list {
padding:0;
list-style: none;
margin:0;
margin-bottom:30px
}
.link-list li {
margin-bottom:10px;
}
.link-list + .button {
margin-top:30px;
}
.link-list--nowrap li {
white-space: nowrap;
}
.link-list--columned {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap:30px;
column-gap:30px;
}
@media (max-width: 360px) {
.link-list--columned {
-webkit-column-count:1;
column-count:1;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.list {
list-style: none;
padding:0;
margin:0
}
.list:last-child {
margin-bottom:90px;
}
.list__item {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #E9E9E9;
}
.button + .list {
margin-top:30px;
}
.nav-list__heading + .list {
margin-top:26px;
}
.text + .nav-list {
margin-top:60px;
}
.nav-list {
margin-bottom:60px
}
.nav-list .nav-list__items {
padding:0;
margin:0;
list-style:none;
}
.nav-list .nav-list__items + .button {
margin-top:26px;
}
.nav-list .nav-list__item {
padding:0;
margin:0;
border-bottom:1px solid #E9E9E9;
font-size: 1.3125rem;
line-height: 1.625rem;
color:#333;
}
.nav-list .nav-list__item a {
display: block;
padding: 22px 0;
font-weight: 700;
text-decoration: none;
}
.nav-list .nav-list__item a span {
text-decoration: none;
-webkit-box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #99bbd9;
box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #99bbd9;
display:inline;
}
.nav-list .nav-list__item a span:active,
.nav-list .nav-list__item a span:focus {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
}
.nav-list .list {
margin-bottom:0;
}
.nav-list__meta {
font-size:1rem;
line-height: 1.5rem;
color:#333;
}
.nav-list__heading {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
padding-bottom:15px;
margin:0;
position:relative
}
.nav-list__heading:after {
content:'';
display: block;
width:100%;
height:4px;
background: #915276;
opacity:.5;
position: absolute;
bottom:0;
}
.nav-list__heading .icon {
position:absolute;
left:-55px;
top:2px;
font-size:2.375rem;
}
.nav-list__heading .icon svg {
fill:#0a4c83;
}
.nav-list__heading .icon__nav-dims {
font-size:1.375rem;
top:4px;
}
.nav-list__heading--smaller {
font-size:1.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
.nav-list__heading--alt:after {
background: #87b52d;
opacity: .75;
}
.link-list {
list-style:none;
padding:0;
margin:0
}
.link-list li {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
margin-bottom:15px;
}
.link-list li a {
text-decoration: none;
}
.link-list li a .icon svg {
fill:#0a4c83;
}
.link-list li a .icon {
font-size: 1.375rem;
position: relative;
top:1px;
margin-right:4px;
}
.link-list--smaller li {
font-size:1rem;
line-height: 1.5rem;
color:#333;
}
.link-list__anchor-text {
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-color: #99bbd9;
text-decoration-color: #99bbd9;
word-break: break-word;
}
@media (max-width: 767px) {
.nav-list__heading {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px;
margin-bottom:0
}
.nav-list__heading .icon {
display: none;
}
.nav-list {
.nav-list__item li {
font-size: 1.25rem;
line-height: 1.5625rem
}
.nav-list__item li a {
padding-top:18px;
padding-bottom:18px;
}
}
}
@media (max-width: 480px) {
.text + .nav-list {
margin-top:40px;
}
.nav-list__heading {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px;
margin-bottom:0;
}
.nav-list {
margin-bottom:40px;
.nav-list__item {
font-size: 1.125rem;
line-height: 1.5rem
}
.nav-list__item a {
padding-top:16px;
padding-bottom:16px;
}
}
.list__item {
margin-bottom:20px;
padding-bottom:20px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.pagination {
list-style: none;
padding:0;
margin:0;
text-align: center;
margin-top:0px;
margin-bottom:90px
}
.pagination li {
display: inline-block;
margin:0 2px;
}
.pagination li.active a {
background:#915276;
color:#fff;
}
.pagination li.PagedList-skipToNext,
.pagination li.next {
margin-left:10px;
margin-left:10px;
}
.pagination li.PagedList-skipToNext a, .pagination li.next a {
width:auto;
padding-left:10px;
padding-right:10px;
}
.pagination li.PagedList-skipToPrevious,
.pagination li.prev {
margin-right:10px;
margin-left:10px;
}
.pagination li.PagedList-skipToPrevious a, .pagination li.prev a {
width:auto;
padding-left:10px;
padding-right:10px;
}
.pagination a {
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width:30px;
height:30px;
border:2px solid #915276;
border-radius:17px;
color:#915276;
}
.pagination a:hover {
background:#f4edf1;
}
.pagination a {
a:action,
a:focus {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
}
}
.block .paging:last-child {
margin-bottom:0;
}
@media (max-width: 767px) {
.paging {
border:none;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media (max-width: 767px) {
.path {
overflow:hidden;
margin-right:-20px;
margin-left:-20px;
margin-top:15px;
margin-bottom:-16px;
}
.path__inner {
overflow:auto;
-webkit-overflow-scrolling: touch;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
padding-top:1px;
}
.path__inner__scrollable {
text-align:center;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.push {
background:#0a4c83;
border-radius:6px;
position: relative;
display: block;
padding-top:20%;
color:#fff;
font-size:1.8125rem;
margin-bottom:17px;
margin-top:25px
}
.push strong {
font-weight: 700;
}
.push:hover {
color:#fff;
}
.push__inner {
position: absolute;
top:0;
left:0;
right:0;
bottom:10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.push--1 {
background: #915276;
}
.push--2 {
background: #D8E3C0;
color:#111
}
.push--2:hover {
color:#111;
}
.push--3 {
background: #00A09D;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.search-form {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
z-index: 1
}
.search-form label {
position:absolute;
left:-9999px;
}
.search-form button {
position: absolute;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:44px;
height:44px;
border-radius: 22px;
text-indent: 44px;
background: #915276;
border:none;
top:10px;
right:10px;
overflow: hidden;
cursor:pointer;
-webkit-transition:background 100ms ease-in-out;
transition:background 100ms ease-in-out;
}
.search-form button:hover {
background-color:#6A3A56;
}
.search-form button:focus,
.search-form button:active {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
border-radius:22px;
}
.search-form button .icon {
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.search-form button .icon svg {
fill:#fff;
font-size:1.375rem;
}
.search-form input {
height:64px;
border-radius:32px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none;
padding:0 30px;
font-size:1.1875rem;
font-family:'metropolis', sans-serif;
width:100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.search-form input:focus,
.search-form input:active {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
border-radius:32px;
}
.search-form__inner {
max-width: 762px;
width:100%;
position: relative;
-webkit-transform: scale(1) perspective(1px);
transform: scale(1) perspective(1px);
-webkit-transition: -webkit-transform 100ms ease-in-out;
transition: -webkit-transform 100ms ease-in-out;
transition: transform 100ms ease-in-out;
transition: transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.search-form--nudge .search-form__inner {
-webkit-transform:scale(1.02);
transform:scale(1.02);
}
.search-form__tags {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width:100%;
margin-top:30px
}
.search-form__tags strong {
line-height: 1.875rem;
margin-right:10px;
white-space: nowrap;
}
.cover .search-form__tags strong {
color:#fff;
}
@media (max-width: 990px) {
.search-form__tags li:nth-child(n+6) {
display: none;
}
}
@media (max-width: 767px) {
.search-form input {
font-size:1.0625rem;
height:56px;
}
.search-form button {
top:6px;
right:6px;
}
.search-form__inner {
width:100%;
max-width:500px;
}
.search-form__tags {
display:none;
}
}
@media (max-width: 480px) {
.search-form input {
font-size:1rem;
height:50px;
padding-left:20px;
padding-right:65px;
}
.search-form button {
top:3px;
right:3px;
}
.search-form__inner{
width:auto;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.section {
padding:65px 0 65px;
min-height: 300px
}
.section .columns__col {
position: relative;
padding-bottom:75px;
}
.section:not(.section--color):not(.section--bg):not(.section--color-dark) + .section:not(.section--color):not(.section--bg):not(.section--color-dark) {
margin-top:-75px;
}
.section--color + .section--color {
margin-top:-105px;
}
.section__inner--cols {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.section__inner--cols > div,
.section__inner--cols > section {
width:calc(50% - 15px);
}
.section__inner--cols-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.section__inner--cols-3 > div,
.section__inner--cols-3 > section {
width:calc(33.33333% - 20px);
}
.section__inner--cols-2-1 > div:first-child,
.section__inner--cols-2-1 > section:first-child {
width:calc(66.6667% - 15px);
}
.section__inner--cols-2-1 > div:last-child,
.section__inner--cols-2-1 > section:last-child {
width:calc(33.3333% - 15px);
}
.section--bg {
background:#f2f2f2;
}
.section--color {
background:#ECF5FB;
}
.section--color-dark {
background:#0a4c83;
color:#fff
}
.section--color-dark a {
color:#fff;
}
.section__heading {
font-size:2.75rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.15;
color:#333;
margin:0 0 28px;
margin:0;
margin-top:-14px;
margin-bottom:48px;
}
.section__heading--center {
text-align: center;
}
.section__heading--smaller {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
margin:0;
margin-bottom:31px;
}
.section__heading--border {
border-bottom:1px solid #E9E9E9;
padding-bottom:26px;
}
.section__heading--events {
margin-bottom:38px;
border-color:#daebf7;
}
.section__text {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
font-weight:500;
text-align:center;
margin-bottom:60px;
max-width:65%;
margin-left:auto;
margin-right:auto
}
.section__text p {
margin:0;
/* letter-spacing: -.1x; */
}
.section__actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom:0;
left:0;
right:0
}
.section__actions .button {
margin:0 10px;
}
@media (max-width: 1400px) {
.section__actions {
position: static;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top:16px
}
.section__actions .button {
margin-bottom:16px;
margin-left:0;
margin-right:0;
}
}
@media (max-width: 990px) {
.section {
padding:50px 0;
}
}
@media (max-width: 767px) {
.section {
padding:40px 0;
}
.section__heading {
font-size:2.375rem;
margin-bottom:28px;
}
.section__heading--smaller {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px;
}
.section__heading--border {
padding-bottom:23px;
}
.section__inner--cols-2-1 > div:first-child,
.section__inner--cols-2-1 > section:first-child {
width:calc(50% - 10px);
}
.section__inner--cols-2-1 > div:last-child,
.section__inner--cols-2-1 > section:last-child {
width:calc(50% - 10px);
}
.section__inner--cols-3 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section__inner--cols-3 > div,
.section__inner--cols-3 > section {
width:100%;
}
}
@media (max-width: 480px) {
.section {
padding:30px 0
}
.section .columns__col {
padding-bottom:0;
}
.section__inner--cols {
display: block
}
.section__inner--cols > div,
.section__inner--cols > section {
width:auto !important;
}
.section__heading {
font-size:1.875rem;
line-height:2.375rem;
margin-bottom:12px;
margin-bottom:22px;
margin-top:5px;
}
.section__heading--smaller {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px;
margin-bottom:22px;
margin-top:5px;
}
.section__heading--border {
padding-bottom:16px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.skip a {
position: absolute;
left:20px;
z-index: 9999;
border-radius: 4px;
background:#0a4c83;
top:-100px;
color:#fff;
padding:5px;
text-decoration: none;
}
.skip a:active,
.skip a:focus {
display: inline-block;
top:20px;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tags {
list-style:none;
padding:0;
margin:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.tags li {
margin:0;
padding:0;
}
.tags li:not(:last-child) {
margin-right:10px;
}
.tags .tag {
display:block;
}
.tag {
height:30px;
line-height:1.875rem;
padding:0 15px;
border-radius:15px;
background:#915276;
display:inline-block;
color:#fff;
font-size:0.9375rem;
font-weight:500;
white-space: nowrap;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
}
.tag + .tag {
margin-left:6px;
}
a.tag {
text-decoration: none
}
a.tag:hover {
background:#6A3A56;
color:#fff;
}
a.tag:active,
a.tag:focus {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
border-radius:15px;
background:#6A3A56;
}
.tag--color-1 {
color:#000;
background:#DBE9C0;
}
.tag--color-2 {
color:#000;
background:#FFF3B2;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.teasers {
list-style:none;
padding:0;
margin:0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom:24px
}
.teasers .teaser {
width:calc(33.333% - 20px);
}
.teasers + .section__heading {
/* margin-top:35px; */
margin-top:0;
}
.teasers--4 .teaser {
width:calc(25% - 20px);
}
.wrap--narrow .teasers .teaser {
width:calc(50% - 20px);
}
.teaser {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:0;
padding:0;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
margin-bottom:21px;
position: relative
}
.teaser[aria-hidden="true"] {
margin:0 !important;
}
.teaser-wrapper {
margin-bottom: 1em;
overflow: hidden;
p,
ul > li,
ol > li {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
}
a.readmore {
font-size: 1.125rem;
}
}
@media (max-width: 767px) {
.teaser-wrapper {
p,
ul > li,
ol > li {
font-size:1.0625rem;
line-height:1.625rem;
}
}
}
@media (max-width: 480px) {
.teaser-wrapper {
p,
ul > li,
ol > li {
font-size:1rem;
line-height:1.5rem;
}
a.readmore {
font-size: 1rem;
}
}
}
.teaser-wrapper img.teaser {
float: left;
margin-right: 1.25em;
margin-bottom: 10px;
aspect-ratio: 16 / 9;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
}
.teaser-wrapper img.teaser--block {
margin-top: 6px;
}
.teaser-wrapper a.readmore {
display: block;
}
.teaser--top-border {
border-top: solid 1px #915276;
padding-top: 10px;
}
.teaser--bottom-border {
border-bottom: solid 1px #915276;
padding-bottom: 30px;
}
.teaser > a:not(.button) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
text-decoration: none
}
.teaser > a:not(.button) .teaser__body__text {
font-weight: 400;
}
.teaser > a:not(.button) .teaser__heading {
color: #0a4c83;
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-color: #99bbd9;
text-decoration-color: #99bbd9;
}
.teaser > a:not(.button)[href^='http']:after {
content:none;
}
.teaser > a:not(.button) {
/* &:hover {
background:rgba(255,255,255,0.5);
border-radius:6px;
} */
}
.teaser__tag {
font-size:0.9375rem;
border-radius:14px;
height:28px;
/* border:2px solid #915276; */
color:#0a4c83;
background:#B4D8F1;
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5;
padding:0 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
position: absolute;
bottom:0;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.teaser--center,
.teaser--center > a {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom:30px
}
.teaser--center .teaser__heading, .teaser--center > a .teaser__heading {
text-align: center;
min-height:78px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-right:0;
}
.teaser--center .teaser__date, .teaser--center > a .teaser__date {
margin-bottom:24px;
}
.teaser--center .teaser__body, .teaser--center > a .teaser__body {
text-align: center;
}
.list__item > .teaser {
margin-bottom:-5px
}
.list__item > .teaser .teaser__heading {
font-size:1.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
.list__item > .teaser .teaser__heading a {
text-decoration: none;
-webkit-box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #99bbd9;
box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #99bbd9;
display:inline;
}
.list__item > .teaser .teaser__heading a:active,
.list__item > .teaser .teaser__heading a:focus {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
}
.list__item > .teaser .teaser__heading--smaller {
font-size:1.24994rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
.list__item > .teaser .teaser__heading--smaller a {
font-weight:700;
}
.list__item > .teaser .teaser__body__text {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
}
.teaser--less-margin {
margin-bottom:26px;
}
.teaser--more-margin {
margin-bottom:41px;
}
.teaser--smaller .teaser__heading {
font-size:1.125rem;
line-height: 1.625rem;
margin-bottom:0;
}
.teaser--smaller .teaser__meta {
margin-bottom:3px;
line-height: 1.4375rem;
}
.teaser__heading {
font-size:1.24994rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333
}
.teaser__heading a {
font-weight:700;
}
.teaser__heading {
width:100%;
-webkit-box-ordinal-group:4;
-webkit-order:3;
-ms-flex-order:3;
order:3;
margin:0 0 16px;
padding-right:23px;
/* Compensate for external link icon. See base.css */
}
.teaser__heading a {
display: inline-block;
}
.teaser__heading:first-child {
margin-top:-4px;
}
.teaser__heading .inline-tag {
position: relative;
top:-3px;
}
.teaser__heading--larger {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
margin-bottom:24px
}
.teaser__heading--larger a {
text-decoration: none;
-webkit-box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #99bbd9;
box-shadow: inset 0 0px 0 white, inset 0 -1px 0 #99bbd9;
display:inline;
}
.teaser__heading--larger a:active,
.teaser__heading--larger a:focus {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
}
.teaser__heading--larger a {
display:inline;
}
.teaser__heading--larger a:active,
.teaser__heading--larger a:focus {
border-bottom:0;
display:inline-block;
}
.teaser__body {
width:100%;
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4
}
.teaser__body ul {
list-style: none;
padding:0;
margin:0;
}
.teaser__body li {
font-size:1rem;
line-height: 1.5rem;
color:#333;
margin-bottom:10px;
}
.teaser__body p {
margin-top:0;
margin-bottom:20px;
}
.teaser__body__text {
font-size:1rem;
line-height: 1.5rem;
color:#333;
margin:0;
padding:0;
-webkit-box-ordinal-group:5;
-webkit-order:4;
-ms-flex-order:4;
order:4;
}
.teaser__body__tags {
margin-bottom:9px;
margin-top:0;
padding:0;
}
.teaser__meta {
font-size:0.9375rem;
font-weight: 700;
color:#444;
-webkit-box-ordinal-group:3;
-webkit-order:2;
-ms-flex-order:2;
order:2;
padding:0;
margin:0;
margin-bottom:11px;
}
.teaser__image {
display: block;
width:100%;
height:auto;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
margin-bottom:25px;
border-radius:10px
}
.teaser__image img {
display: block;
width:100%;
border-radius:10px;
}
.teaser__footer {
font-size:0.9375rem;
font-weight: 700;
color:#444;
margin-bottom:4px;
-webkit-box-ordinal-group:6;
-webkit-order:5;
-ms-flex-order:5;
order:5;
}
.teaser--date {
padding-left:87px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
height:82px;
margin-top: 5px;
margin-bottom: 25px
}
.teaser--date .teaser__heading {
margin:-4px 0 0 0;
}
.teaser__date {
/* position: absolute; */
/* left:0; */
/* top:0; */
background:#B4D8F1;
border-radius:6px;
width:72px;
height:82px;
margin:0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
/* color:var(--color-branding-1); */
color:#333;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.teaser__date strong {
font-size:1.8125rem;
font-weight: 600;
margin-top:-3px;
}
.teaser__date span {
font-weight: 500;
}
.teaser--with-button {
padding-bottom:67px;
}
.teaser--post {
position:relative;
padding-left:30px;
padding-right:30px;
padding-top:90px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:10px;
-webkit-box-shadow: 0 5px 40px -8px rgba(0, 0, 0, .15);
box-shadow: 0 5px 40px -8px rgba(0, 0, 0, .15);
margin-top:10px
}
.teaser--post .teaser__body__icon {
top:30px;
}
.teaser--post .teaser__button {
bottom:30px;
}
.teaser--post.teaser--with-button {
padding-bottom:97px;
}
.teaser__button {
position: absolute;
bottom:0;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.teaser__body__icon {
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left:50%;
top:0px
}
.teaser__body__icon svg {
font-size:2rem;
fill:#0A4C83;
}
.teaser__body__text--center {
text-align: center !important;
}
.post {
width:100%;
}
@media (max-width: 990px) {
.teaser__heading--larger {
font-size:1.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
}
@media (max-width: 767px) {
.teasers .teaser {
width:calc(50% - 10px);
}
.teasers + .section__heading {
margin-top:-25px;
}
.teaser__heading--larger {
font-size:1.125rem;
margin-bottom:12px;
}
.teaser {
margin-bottom:40px;
}
.list__item > .teaser .teaser__heading {
font-size:1.25rem;
}
.list__item > .teaser .teaser__body__text {
font-size:1.0625rem;
line-height:1.625rem;
}
}
@media (max-width: 480px) {
.teasers {
display: block
}
.teasers .teaser {
width:auto;
}
.teasers + .section__heading {
margin-top:30px;
}
.teasers li:nth-child(n+4) {
/* display: none; */
}
.teaser__body {
margin-bottom:10px;
}
.teaser__body__tags {
margin-bottom:0
}
.teaser__body__tags .tag:not(:last-child) {
margin-bottom:7px;
margin-right:20%;
}
.teaser__body__tags .tag + .tag {
margin-left:0;
}
.teaser__heading {
margin-bottom:10px;
}
.teaser__image {
margin-bottom:10px;
}
.teaser__meta {
margin-bottom:3px;
}
.teaser--less-margin {
margin-bottom:16px;
}
.teaser--more-margin {
margin-bottom:32px;
}
.teaser__heading--larger {
font-size:1.125rem;
margin-bottom:12px;
margin-top:8px;
}
.list__item > .teaser .teaser__heading {
font-size:1.125rem;
}
.list__item > .teaser .teaser__body__text {
font-size:1rem;
line-height:1.5rem;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
p + .text {
margin-top:18px;
}
p + .content__image {
margin-top:10px;
}
.text--main:last-child {
margin-bottom:90px;
}
.text.text--more-margin {
margin-bottom: 38px;
}
.text,
.text__editor {
clear:both
}
.text:not(:last-child), .text__editor:not(:last-child) {
margin-bottom:26px;
}
.text > p.introduction, .text__editor > p.introduction {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
margin-bottom:32px;
font-size:1.25rem;
font-weight: 500;
}
.text > p:not(.introduction),
.text > ul > li,
.text > ol > li,
.text__editor > p:not(.introduction),
.text__editor > ul > li,
.text__editor > ol > li {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
margin-bottom:18px;
margin-top:0;
}
.text > p:not(.introduction) + h2,
.text > p:not(.introduction) + h3,
.text > p:not(.introduction) + h4,
.text > ul > li + h2,
.text > ul > li + h3,
.text > ul > li + h4,
.text > ol > li + h2,
.text > ol > li + h3,
.text > ol > li + h4,
.text__editor > p:not(.introduction) + h2,
.text__editor > p:not(.introduction) + h3,
.text__editor > p:not(.introduction) + h4,
.text__editor > ul > li + h2,
.text__editor > ul > li + h3,
.text__editor > ul > li + h4,
.text__editor > ol > li + h2,
.text__editor > ol > li + h3,
.text__editor > ol > li + h4 {
margin-top:36px;
}
.text > p.introduction__border, .text__editor > p.introduction__border {
border-left: 3px solid #915276;
padding-left: 1rem;
max-width: 780px;
}
.text > ul > li, .text > ol > li, .text__editor > ul > li, .text__editor > ol > li {
margin-bottom:18px;
}
.text > ul,
.text > ol,
.text__editor > ul,
.text__editor > ol {
margin:27px 0;
padding:0;
list-style: none;
}
.text > ol > li, .text__editor > ol > li {
counter-increment: step-counter;
position: relative;
padding-left: 24px;
}
.text > ol > li::before, .text__editor > ol > li::before {
font-weight: bold;
content: counter(step-counter) '.';
position: absolute;
left:0;
font-weight: 500;
}
.text > ul > li, .text__editor > ul > li {
position: relative;
padding-left: 24px;
}
.text > ul > li::before, .text__editor > ul > li::before {
content: '';
position: absolute;
left:0;
top:8px;
background: #915276;
width:8px;
height:8px;
border-radius: 4px;
}
.text > h1, .text__editor > h1 {
font-size:2.75rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.15;
color:#333;
margin:0 0 28px;
}
.text > h2, .text__editor > h2 {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
}
.text > h3, .text__editor > h3 {
font-size:1.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
.text > h4, .text__editor > h4 {
font-size:1.24994rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.625rem;
color:#333;
}
.text > h4 a, .text__editor > h4 a {
font-weight:700;
}
.text > h4, .text__editor > h4 {
margin-bottom:18px;
}
.text > blockquote, .text__editor > blockquote {
font-size: 1.3125rem;
line-height: 1.625rem;
color:#333;
font-style: italic;
line-height: 1.25;
padding:0 0 0 78px;
margin:26px 0 26px 0;
quotes: "\201D""\201D""\2019""\2019";
}
.text > blockquote p, .text__editor > blockquote p {
margin-top:0;
margin-bottom:13px;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
.text > blockquote p:first-child:before, .text__editor > blockquote p:first-child:before {
content:open-quote;
}
.text > blockquote p:last-of-type:after, .text__editor > blockquote p:last-of-type:after {
content:close-quote;
}
html[lang="en"] .text > blockquote, html[lang="en"] .text__editor > blockquote {
quotes: "\201C""\201D""\2018""\2019" !important;
}
.text > blockquote > div, .text__editor > blockquote > div {
font-weight: 600;
font-size: 0.75rem;
color:#4D4D4D;
font-style: normal;
}
.text a, .text__editor a {
text-decoration: underline;
text-underline-position: under;
-webkit-text-decoration-color: #0a4c83;
text-decoration-color: #0a4c83;
-webkit-transition:all 200ms ease;
transition:all 200ms ease;
font-weight: 500;
}
.text a:hover, .text__editor a:hover {
-webkit-text-decoration-color:#0a4c83;
text-decoration-color:#0a4c83;
}
.text p:last-child, .text__editor p:last-child {
margin-bottom:0;
}
.text p + div, .text__editor p + div {
margin-top:45px;
}
.text .table-container,
.text table:not(.speakit_table),
.text__editor .table-container,
.text__editor table:not(.speakit_table) {
margin-top:39px;
margin-bottom:39px;
margin-left:-100px;
margin-right:100px;
width:calc(100% + 200px);
border:0;
}
.text .table-container td,
.text .table-container th,
.text table:not(.speakit_table) td,
.text table:not(.speakit_table) th,
.text__editor .table-container td,
.text__editor .table-container th,
.text__editor table:not(.speakit_table) td,
.text__editor table:not(.speakit_table) th {
border:1px solid #915276;
text-align: left;
padding:15px;
font-size:1rem;
line-height: 1.5rem;
color:#333;
}
.text .table-container th, .text table:not(.speakit_table) th, .text__editor .table-container th, .text__editor table:not(.speakit_table) th {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
}
.text .table-container table, .text table:not(.speakit_table) table, .text__editor .table-container table, .text__editor table:not(.speakit_table) table {
margin:0;
}
.text .table-container:first-child,
.text table:first-child,
.text__editor .table-container:first-child,
.text__editor table:first-child {
margin-top:0;
}
.text .table-container:last-child,
.text table:last-child,
.text__editor .table-container:last-child,
.text__editor table:last-child {
margin-bottom:0;
}
.text.center > p, .text__editor.center > p {
text-align: center;
width:100%;
}
.text .button, .text__editor .button {
margin-bottom:32px;
}
.text__image--left {
width:210px;
height:auto;
float:left;
margin-right:30px;
margin-top:5px;
margin-bottom:30px;
}
.text__image--right {
width:210px;
height:auto;
float:right;
margin-left:30px;
margin-top:5px;
margin-bottom:30px;
}
@media (max-width: 767px) {
.text:not(:last-child), .text__editor:not(:last-child) {
margin-bottom:26px;
}
.text > p.introduction, .text__editor > p.introduction {
font-size:1.0625rem;
line-height:1.625rem;
margin-bottom:24px;
font-size:1.1875rem;
font-weight: 500;
}
.text > p:not(.introduction),
.text > ul > li,
.text > ol > li,
.text__editor > p:not(.introduction),
.text__editor > ul > li,
.text__editor > ol > li {
font-size:1.0625rem;
line-height:1.625rem;
margin-bottom:18px;
margin-top:0;
}
.text > p:not(.introduction) + h2,
.text > p:not(.introduction) + h3,
.text > p:not(.introduction) + h4,
.text > ul > li + h2,
.text > ul > li + h3,
.text > ul > li + h4,
.text > ol > li + h2,
.text > ol > li + h3,
.text > ol > li + h4,
.text__editor > p:not(.introduction) + h2,
.text__editor > p:not(.introduction) + h3,
.text__editor > p:not(.introduction) + h4,
.text__editor > ul > li + h2,
.text__editor > ul > li + h3,
.text__editor > ul > li + h4,
.text__editor > ol > li + h2,
.text__editor > ol > li + h3,
.text__editor > ol > li + h4 {
margin-top:26px;
}
.text > p.introduction__border, .text__editor > p.introduction__border {
padding-left: 0.7rem;
}
.text > ul > li,
.text > ol > li,
.text__editor > ul > li,
.text__editor > ol > li {
margin-bottom:18px;
}
.text > ul,
.text > ol,
.text__editor > ul,
.text__editor > ol {
margin:26px 0;
padding:0;
}
.text > ol, .text__editor > ol {
list-style: none;
}
.text > ol > li, .text__editor > ol > li {
counter-increment: step-counter;
position: relative;
padding-left:20px;
}
.text > ol > li::before, .text__editor > ol > li::before {
font-weight: bold;
content: counter(step-counter) '.';
position: absolute;
left:0px;
font-weight: 600;
}
.text > ul > li, .text__editor > ul > li {
padding-left:20px;
}
.text > ul > li::before, .text__editor > ul > li::before {
left:0px;
top:10px;
}
.text > h1, .text__editor > h1 {
font-size:2.375rem;
}
.text > h2, .text__editor > h2 {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px;
}
.text > h3, .text__editor > h3 {
font-size:1.25rem;
}
.text > h4, .text__editor > h4 {
font-size:1.125rem;
}
.text .button, .text__editor .button {
margin-bottom:21px;
}
.text p + div, .text__editor p + div {
margin-top:32px;
}
}
@media (max-width: 480px) {
.text:not(:last-child), .text__editor:not(:last-child) {
margin-bottom:26px;
}
.text > p.introduction, .text__editor > p.introduction {
font-size:1rem;
line-height:1.5rem;
margin-bottom:20px;
font-size:1.0625rem;
font-weight: 500;
}
.text > p:not(.introduction),
.text > ul > li,
.text > ol > li,
.text__editor > p:not(.introduction),
.text__editor > ul > li,
.text__editor > ol > li {
font-size:1rem;
line-height:1.5rem;
margin-bottom:18px;
margin-top:0;
}
.text > p:not(.introduction) + h2,
.text > p:not(.introduction) + h3,
.text > p:not(.introduction) + h4,
.text > ul > li + h2,
.text > ul > li + h3,
.text > ul > li + h4,
.text > ol > li + h2,
.text > ol > li + h3,
.text > ol > li + h4,
.text__editor > p:not(.introduction) + h2,
.text__editor > p:not(.introduction) + h3,
.text__editor > p:not(.introduction) + h4,
.text__editor > ul > li + h2,
.text__editor > ul > li + h3,
.text__editor > ul > li + h4,
.text__editor > ol > li + h2,
.text__editor > ol > li + h3,
.text__editor > ol > li + h4 {
margin-top:20px;
}
.text > ul > li,
.text > ol > li,
.text__editor > ul > li,
.text__editor > ol > li {
margin-bottom:18px;
}
.text > ul,
.text > ol,
.text__editor > ul,
.text__editor > ol {
margin:26px 0;
padding:0;
}
.text > ul > li, .text__editor > ul > li {
padding-left:20px;
}
.text > ul > li::before, .text__editor > ul > li::before {
top:8px;
}
.text > ol > li, .text__editor > ol > li {
padding-left:20px;
}
.text > ol > li::before, .text__editor > ol > li::before {}
.text > h1, .text__editor > h1 {
font-size:1.875rem;
line-height:2.375rem;
margin-bottom:12px;
}
.text > h2, .text__editor > h2 {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px;
}
.text > h3, .text__editor > h3 {
font-size:1.125rem;
}
.text > h4, .text__editor > h4 {
font-size:1.0625rem;
}
.text .button, .text__editor .button {
margin-bottom:21px;
}
.text p + div, .text__editor p + div {
margin-top:26px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.video {
position: relative;
/*padding-bottom: 62.5%; /* 16:10 */
padding-bottom: 69.5%;
padding-top: 25px;
height: 0;
margin-bottom:45px;
margin-left:-100px;
margin-right:-100px;
width:calc(100% + 200px);
}
.video.square-video {
padding-bottom: 97%;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__cover-image {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
}
.video__play {
position: absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.video__play:hover {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.basicLightbox__placeholder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height:100vh;
}
.basicLightbox {
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
/* background:rgba(0,0,0,1); */
/* transition-delay: 1000ms; */
}
.basicLightbox__placeholder .video {
opacity: 0;
-webkit-transform:scale(.9);
transform:scale(.9);
max-width: 1200px;
width: calc(100vw - 150px);
-webkit-transition:all 600ms 400ms;
transition:all 600ms 400ms;
}
.basicLightbox__placeholder .video--visible {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1);
}
.basiclightbox__close {
position: fixed;
top:20px;
right:40px;
width:34px;
height:34px;
border-radius: 50%;
background:rgba(0, 0, 0, .4);
border:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.basiclightbox__close:after,
.basiclightbox__close:before {
content:'';
width:24px;
height:3px;
position: absolute;
background:#fff;
top:50%;
margin-top:-1px;
left:50%;
margin-left:-12px;
}
.basiclightbox__close:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.basiclightbox__close:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media(max-width: 990px) {
.video {
margin-right:-15px;
margin-left:-15px;
max-width: calc(100% + 30px);
padding-bottom: 56.4%;
}
.video.square-video {
padding-bottom: 67%;
width: calc(100% - 200px);
margin-left: 100px;
}
}
@media(max-width: 480px) {
.video {
margin-bottom:25px;
}
.video.square-video {
padding-bottom: 94%;
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.wrap {
padding: 0 45px;
margin-left:auto;
margin-right:auto;
max-width: 1280px;
width:100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrap--wide {
max-width: 1289px;
}
.wrap--mid {
max-width: 1010px;
}
.wrap--narrow {
max-width: 780px;
}
@media (max-width: 767px) {
.wrap {
padding: 0 30px;
}
}
@media (max-width: 480px) {
.wrap {
padding: 0 20px;
}
}
html:not(.no-js) .dropdown__area {
display: none;
}
html:not(.no-js) .dropdown[data-dropdown-expanded="true"] .dropdown__area {
display: block;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.map-overlay {
position: fixed;
top:0;
bottom:0;
left:0;
right:0;
background:#fff;
z-index:200
}
.map-overlay[data-loading="true"]:before {
content:'';
display: block;
border-radius: 50%;
width: 3em;
height: 3em;
font-size: 0.625rem;
position: relative;
text-indent: -9999em;
border-top: .3em solid #E9E9E9;
border-right: .3em solid #E9E9E9;
border-bottom: .3em solid #E9E9E9;
border-left: .3em solid #0a4c83;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loader 1.1s infinite linear;
animation: loader 1.1s infinite linear;
position: absolute;
top: calc(50% - 1.5em);
left: calc(50% - 1.5em);
}
.map-overlay__map {
height:100%;
width:100%;
}
.map-filter {
position: absolute;
bottom:55px;
left:55px;
max-height:calc(90% - 265px);
height:100%;
width:285px;
}
.map-filter__filters__inner {
background:#fff;
border-radius:10px;
-webkit-box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18);
box-shadow:0 1px 10px 0 rgba(0, 0, 0, .18);
padding:20px 24px 90px 24px;
overflow:auto;
-webkit-overflow-scrolling: touch;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.map-filter__close .button {
/* width:calc(100% - 48px); */
}
.map-filter__close {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
height:90px;
position: absolute;
bottom:0;
left:0;
right:0;
border-radius:0 0 10px 10px;
background:rgba(255, 255, 255, .95);
background: -webkit-gradient(linear, left bottom, left top, color-stop(45%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 100%);
/* backdrop-filter: blur(1px); */
}
.map-filter__open {
position: absolute;
bottom:20px;
left:50%;
/* width:calc(100% - 48px); */
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.map-filter__checkbox {
margin-bottom:15px
}
.map-filter__checkbox .icon-circle {
min-width: 36px;
margin-right:10px;
}
.map-filter__checkbox .icon-circle .icon {
font-size:1.125rem;
}
.map-filter__checkbox label {
font-size:0.9375rem;
line-height: 1.375rem;
font-weight: 400;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
/* justify-content: space-between; */
}
.map-filter__checkbox .checkbox__label__fake {
margin-left: auto;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.nav-tree {
list-style: none;
padding: 0;
margin: 0;
/* margin-bottom:60px;
& .nav-tree {
margin-bottom:0;
} */
}
.nav-tree--icons {
/* border-top:1px solid #e5e5e5; */
}
.nav-tree--icons .nav-tree__child {
border-top:1px solid #e5e5e5;
}
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a {
padding:22px 75px 22px 78px;
display: block;
font-size: 1.125rem;
font-weight: 500;
color:#333;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background 300ms ease, -webkit-text-decoration-color 300ms ease;
transition: background 300ms ease, -webkit-text-decoration-color 300ms ease;
transition: text-decoration-color 300ms ease, background 300ms ease;
transition: text-decoration-color 300ms ease, background 300ms ease, -webkit-text-decoration-color 300ms ease;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a:hover {
text-decoration: underline;
-webkit-text-decoration-color: #666;
text-decoration-color: #666;
text-underline-position: under;
background:#ECF5FB;
}
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a .icon {
position: absolute;
left:40px;
}
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a .icon svg {
font-size:1.5rem;
fill:#0a4c83;
}
.nav-tree--icons > .nav-tree__child:first-child {
border-top:none;
}
.nav-tree--icons > .nav-tree__child:last-child {
border-bottom:1px solid #e5e5e5;
}
.nav-tree--icons .icon__cone-dims {
font-size:1.3125rem !important;
left:1px;
}
.nav-tree--icons .icon__book-dims {
font-size:1.4375rem !important;
left:1px;
}
.nav-tree--icons .icon__heart-dims {
font-size:1.25rem !important;
}
.nav-tree--icons .icon__note-dims {
font-size:1.375rem !important;
left:-1px;
}
.nav-tree--icons .icon__arrow-dims {
font-size:0.625rem !important;
top:0px;
}
.nav-tree--icons .icon__sun-dims {
font-size:1.625rem !important;
top:1px;
left:-1px;
}
.nav-tree--icons .icon__receipt-dims {
font-size:1.25rem !important;
top:0px;
left:3px;
}
.nav-tree__child__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.nav-tree__child__row a {
font-size: 0.875rem;
padding:12px 0;
display: block;
width:100%;
padding-left:34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition:-webkit-transform 200ms ease;
transition:-webkit-transform 200ms ease;
transition:transform 200ms ease;
transition:transform 200ms ease, -webkit-transform 200ms ease;
}
.nav-tree__child__row a:hover {}
.nav-tree__child__row a:active,
.nav-tree__child__row a:focus {
-webkit-box-shadow:0 0 0 3px #19f inset;
box-shadow:0 0 0 3px #19f inset;
border-radius: 6px;
outline:none;
z-index:110;
}
.nav-tree__child__row a:active + button, .nav-tree__child__row a:focus + button {
border-color:transparent;
}
.nav-tree__child__row a:active + button:hover, .nav-tree__child__row a:focus + button:hover {
background:none;
}
.nav-tree .nav-tree {
border-left:20px solid #ddd;
}
.nav-tree .nav-tree .nav-tree__child__row a {
background:#f5f5f5;
padding-left:60px;
font-weight: 500;
position: relative;
}
.nav-tree .nav-tree .nav-tree__child__row a:hover {
background:#ECF5FB;
}
.nav-tree .nav-tree .nav-tree .nav-tree__child__row a {
font-size:1rem;
font-weight: 500;
}
.nav-tree__child__row__toggle {
border:0;
border-left: 1px solid #e5e5e5;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:transparent;
padding: 0;
margin: 0;
position:relative;
cursor:pointer;
-webkit-transition: all 100ms ease;
transition: all 100ms ease;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height:100%;
min-width:69px;
position:absolute;
right:0;
bottom:0;
top:0;
z-index: 120
}
.nav-tree__child__row__toggle:hover {
background:#ECF5FB;
}
.nav-tree__child__row__toggle:active {
-webkit-animation: pulse 300ms 1;
animation: pulse 300ms 1;
}
.nav-tree__child__row__toggle .icon__svg {
font-size:0.5625rem;
fill:#915276;
}
.nav-tree__child__row__toggle:active,
.nav-tree__child__row__toggle:focus {
outline:0;
z-index:110;
}
.nav-tree__child__row__toggle:active:before, .nav-tree__child__row__toggle:focus:before {
content:'';
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
-webkit-box-shadow:0 0 0 3px #19f inset;
box-shadow:0 0 0 3px #19f inset;
border-radius: 6px;
outline:none;
}
.nav-tree__child__row__toggle--expanded .icon {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.nav-tree__child:not(.nav-tree__child--expanded) .nav-tree {
display: none;
}
.nav-tree__child--expanded {
background:#f5f5f5;
}
@media (max-width: 767px) {
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a {
padding-left:68px;
}
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a .icon {
left:30px;
}
.nav-tree .nav-tree .nav-tree__child__row a {
padding-left:50px;
}
}
@media (max-width: 480px) {
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a {
padding-left:58px;
padding-top:18px;
padding-bottom:18px;
padding-right:60px;
font-size:1rem;
}
.nav-tree--icons .nav-tree__child > .nav-tree__child__row a .icon {
left:20px;
}
.nav-tree .nav-tree .nav-tree__child__row a {
padding-left:40px;
}
.nav-tree__child__row__toggle {
min-width:57px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.notification {
background:#333;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position:fixed;
right:0;
top:0;
left:0;
z-index:99999;
padding:24px 0 24px 0
}
.notification a {
color:#fff;
text-decoration: underline;
}
.notification .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.notification--bottom {
left:0;
bottom:0;
right:0;
top:auto;
}
.notification__text {
font-size:1rem;
line-height: 1.5rem;
color:#333;
color:#fff;
width:100%;
padding-right:18%;
}
@media (max-width: 767px) {
.notification {
left:0;
right:0;
bottom:0;
width:auto;
}
.notification__text {
max-width:390px;
}
}
@media (max-width: 480px) {
.notification .wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.notification__text {
width:auto;
margin-top:0;
margin-bottom:26px;
padding-right:0;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.panic__button {
text-decoration: none !important;
width: 100%;
padding-left: 0;
padding-right: 0;
background: #000;
font-size: 1.125rem;
height: 70px;
margin: 0 !important;
border-radius: 0
}
.panic__button:after {
content: none !important;
}
.panic__button__wrapper {
height: 70px;
margin-bottom: 16px !important;
margin-top: 10px;
}
.panic__button--fixed {
position: fixed;
top: 74px;
left: 0;
right: 0;
z-index: 999;
}
@media (max-width: 767px) {
.panic__button--fixed {
top: 68px;
}
.panic__button {
font-size: 1rem;
}
}
.no-js .reveal__items > * {
display:block !important;
}
.no-js .reveal__trigger {
display: none;
}
.reveal__items > *:nth-child(n+4) {
display: none;
}
.reveal__items--revealed > * {
display: block !important;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.slider {
height:100%;
/* overflow: hidden; */
position: relative;
padding-top:57%;
margin-bottom:36px;
border-radius: 6px;
}
.wrap--narrow .slider {
margin-left:-100px;
margin-right:-100px;
}
.slider .epi-editContainer {
height:100%;
}
.slider:not(.flickity-enabled) .slider__cell:not(:first-child) {
display:none;
}
.slider__cell {
width:100%;
height:100%;
}
.slider__cell img {
width:100%;
height:100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
border-radius: 6px;
}
/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
/* background: hsla(0, 0%, 100%, 0.75); */
background: transparent;
border: none;
color: #fff;
}
.flickity-button:hover {
/* background: white; */
cursor: pointer;
}
.flickity-button:focus {
outline: none;
-webkit-box-shadow: 0 0 0 3px #19F;
box-shadow: 0 0 0 3px #19F;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: #fff;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: drop-shadow( 0 0 10px rgba(0, 0, 0, 1));
filter: drop-shadow( 0 0 10px rgba(0, 0, 0, 1));
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: 38px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 10px;
background: #fff;
border-radius: 50%;
cursor: pointer;
border:1px solid #fff;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.flickity-page-dots .dot.is-selected {
background: #915276;
}
@media (max-width: 480px) {
.flickity-page-dots .dot {
width: 6px;
height: 6px;
margin: 0 4px;
}
.slider {
margin-bottom:20px;
}
.wrap--narrow .slider {
margin-left:-15px;
margin-right:-15px;
}
}
html:not(.no-js) .toggle__area {
display: none;
}
html:not(.no-js) .toggle[data-toggle-expanded="true"] .toggle__area {
display: block;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.footer {
padding:70px 0 0;
}
.footer__body {
font-size:1.125rem;
line-height:1.6875rem;
color:#333;
color:#fff
}
.footer__body ul {
list-style: none;
padding:0;
margin:0;
}
.footer__body p {
margin-top:0;
}
.footer__body strong {
font-weight: 700;
}
.footer__body a {
font-weight: 400;
}
.footer__body a:focus,
.footer__body a:active {
-webkit-box-shadow:0 0 0 3px #b4d8f1;
box-shadow:0 0 0 3px #b4d8f1;
border-radius: 3px;
outline:none;
}
.footer__body a[href^='http']:after {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:invert(1);
filter:invert(1);
}
.footer__logotype {
margin-bottom:45px;
}
@media (max-width: 480px) {
.footer__logotype {
width:240px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.contact-button {
position: fixed;
bottom: 60px;
right: 60px;
}
.header {
background-color: rgba(255, 255, 255, .5);
/* background-color: rgba(255,255,255,1); */
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
height: 145px;
overflow: hidden;
-webkit-transition: height 200ms ease-in-out,
-webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: height 200ms ease-in-out,
-webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: height 200ms ease-in-out,
transform 250ms cubic-bezier(1, 0, 0, 1);
transition: height 200ms ease-in-out,
transform 250ms cubic-bezier(1, 0, 0, 1),
-webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
box-shadow: 0 0 4px rgba(0, 0, 0, .15);
}
.search-visible .header {
-webkit-transform: translateY(96px);
transform: translateY(96px);
}
/* .header-minimized.search-visible {
& .header {
transform:translateY(74px);
}
& .search {
& .search-form {
& button {
transform:scale(.7954545455);
transform-origin: top right;
top:7px;
right:7px;
}
& input {
height:48px;
}
}
}
} */
.header--solid .header__overlay {
background: rgba(255, 255, 255, 1);
}
.header--minimized {
height: 74px;
/* border-bottom:1px solid var(--color-border--lighter); */
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
box-shadow: 0 0 4px rgba(0, 0, 0, .15)
/* opacity: .95; */
}
.header--minimized .header__logotype {
/* transform: translateY(58px); */
}
.header--minimized .header__logotype img:first-child {
/* transform: translateY(30px); */
-webkit-transform: scale(0.7) translateY(17px);
transform: scale(0.7) translateY(17px);
}
.header--minimized .header__logotype img:last-child {
/* transform: translateX(24px); */
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.header--minimized .icon-button .icon {
-webkit-transform: scale(0.7) translateY(2px);
transform: scale(0.7) translateY(2px);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.header--minimized .icon-button .icon-button__text {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.header--minimized .header__logotype__shield--small {
display: block;
left: 0;
opacity: 1;
left: -53px;
top: 68px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.header--minimized .header__overlay {
background: rgba(255, 255, 255, 1);
}
body:has(.button--sticky) .toggle__contact {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
body:has(.button--sticky) .toggle__contact .toggle__area {
position: fixed;
top: 130px;
right: 0;
left: 0;
z-index: 1000;
overflow-y: auto;
max-height: 600px;
padding-bottom: 2rem;
}
body:has(.button--sticky).search-visible .toggle__contact .toggle__area {
top: 240px;
}
body:has(.button--sticky).search-visible .toggle__contact .content__tools {
top: 170px;
}
body:has(.button--sticky) .toggle__contact .content__tools {
background-color: white;
padding-top: 1rem;
padding-bottom: 1.2rem;
position: fixed;
top: 68px;
z-index: 1000;
height: auto;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out
}
body:has(.button--sticky) .toggle__contact .content__tools:after,
body:has(.button--sticky) .toggle__contact .content__tools:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: white;
}
body:has(.button--sticky) .toggle__contact .content__tools:after {
right: -250px;
}
body:has(.button--sticky) .toggle__contact .content__tools:before {
left: -250px;
}
body:has(.button--sticky) .toggle__contact .content__tools .path__inner__overflow {
display: none;
}
.header__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
}
.header__bg {
background-size: cover;
background-position-y: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -20px;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.header__bg {
display: none;
}
.header__overlay {
background: rgba(255, 255, 255, .1) !important;
}
.header--minimized .header__overlay {
background: rgba(255, 255, 255, .5) !important;
}
.header {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
.map-overlay-open .header__bg {
opacity: 0;
}
.header__overlay {
background-color: rgba(255, 255, 255, .7);
position: absolute;
top: -50px;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.header__logotype {
margin: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.header__logotype a {
display: block;
width: 150px;
}
.header__logotype a:focus,
.header__logotype a:active {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
}
.header__logotype img {
display: block;
margin: 0 auto;
}
.header__logotype img:first-child {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.header__logotype img:last-child {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
opacity: 1;
margin-top: 9px;
/* transition-delay: 200ms; */
}
.header__logotype__shield--small {
/* display: none !important; */
opacity: 0;
position: absolute;
left: -9999px;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
-webkit-transition: opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
transition: opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
transition: transform 100ms ease-in-out, opacity 100ms ease-in-out;
transition: transform 100ms ease-in-out, opacity 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.header__group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.header__group:first-child {
min-width: 230px;
padding-right: 50px;
}
.header__group:last-child {
min-width: 280px;
}
@media (max-width: 767px) {
body:has(.button--sticky) .toggle__area {
top: 102px;
}
}
@media (max-width: 990px) {
.header {
height: 120px;
}
.header--minimized {
height: 68px;
-webkit-transition: height 200ms ease-in-out;
transition: height 200ms ease-in-out;
}
.header
.icon-button:not(.header__group__nav-button):not(.header__group__search-button) {
display: none;
}
.header__group {
min-width: 64px !important;
padding: 0 !important;
}
.header__group__search-button {
position: absolute;
right: 30px;
}
.header__bg {
display: none;
}
.header__overlay {
background: #fff;
}
.header__logotype {
-webkit-transform: translate(-50%, -50%) scale(0.8);
transform: translate(-50%, -50%) scale(0.8);
}
body:has(.button--sticky) .content__tools {
padding-top: 0.5rem;
padding-bottom: 0.7rem
}
body:has(.button--sticky) .content__tools div.path {
height: auto;
margin-top: 0;
}
body:has(.button--sticky) .content__tools .button--sticky {
margin-bottom: 0;
}
body:has(.button--sticky) .content__tools:after,
body:has(.button--sticky) .content__tools:before {
content: none !important;
}
body:has(.button--sticky).search-visible .toggle__contact .content__tools {
top: 163px;
}
body:has(.button--sticky).search-visible .toggle__contact .toggle__area {
top: 205px;
}
body:has(.button--sticky) .toggle__contact .toggle__area {
top: 116px;
}
}
@media (max-width: 480px) {
.header__group__search-button {
position: absolute;
right: 15px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@font-face {
font-family: 'Pacifico';
src: url('/frontend/assets/fonts/pacifico-v17-latin-regular.woff2') format('woff2'),
url('/frontend/assets/fonts/pacifico-v17-latin-regular.woff') format("woff");
}
@font-face {
font-family: 'metropolis';
src: url('/frontend/assets/fonts/Metropolis-Regular.woff2') format('woff2'),
url('/frontend/assets/fonts/Metropolis-Regular.woff') format("woff");
font-weight: 400;
}
@font-face {
font-family: 'metropolis';
src: url('/frontend/assets/fonts/Metropolis-Medium.woff2') format('woff2'), url('/frontend/assets/fonts/Metropolis-Medium.woff') format("woff");
font-weight: 500;
}
/*@font-face {
font-family: 'metropolis';
src: url('/frontend/assets/fonts/Metropolis-SemiBold.woff2') format('woff2'), url('/frontend/assets/fonts/Metropolis-SemiBold.woff') format("woff");
font-weight: 600;
}*/
@font-face {
font-family: 'metropolis';
src: url('/frontend/assets/fonts/Metropolis-Bold.woff2') format('woff2'), url('/frontend/assets/fonts/Metropolis-Bold.woff') format("woff");
font-weight: 700;
}
main {
margin-top:25px;
/* min-height: 600px; */
}
.iframe-wrapper {
margin-bottom:100px;
margin-top:-30px
}
.iframe-wrapper iframe {
width:100%;
}
#path span {
margin:0 4px;
}
.content {
margin-top:145px;
margin-bottom:85px;
}
.content__header {
margin-top:-145px;
padding-top:30%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-size:cover;
background-position: top center;
position: relative;
background-color:#333
}
.content__header .wrap {
height:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top:135px;
}
.content__header .wrap .search-form {
width:100%;
}
.content__header--nobg {
margin-top:145px;
padding-top:0
}
.content__header--nobg .wrap {
padding-top:0;
}
.content__header__inner {
position: absolute;
top:0px;
left:0;
right:0;
bottom:0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
/* background:rgba(0,0,0,0.15); */
}
.content__header__title {
font-size:4.375rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:1.1;
color:#333;
margin:0 0 30px;
color:#fff;
text-shadow:0 -2px 100px rgba(0, 0, 0, .8), 0 2px 20px rgba(0, 0, 0, .25);
margin:125px 0 0;
letter-spacing:-0.0625rem;
padding: 0 30px;
text-align: center;
}
.content__tools {
height:108px;
/* margin-bottom:25px; */
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.button + .content__info {
margin-top:30px;
}
.content__info {
background:#f2f2f2;
/* margin-top:-25px; */
padding:50px 0 3px;
margin-bottom:25px;
margin-bottom:60px
}
.content__info .heading-4--border {
border-color:#d9d9d9;
}
.content__info .teaser {
margin-bottom:45px;
}
.content__info .teasers {
margin-bottom:0;
}
.content__image {
margin:0 -100px;
border-radius:6px;
margin-bottom:36px;
margin-top:12px;
max-width:calc(100% + 200px);
height: auto;
}
.content__map {
height:400px;
margin:0 -150px;
max-width:calc(100% + 300px);
border-radius:6px;
margin-bottom:36px;
margin-top:12px;
padding-top:25%;
position: relative
}
.content__map .map-overlay__map {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.content__footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom:70px;
margin-top:60px
}
.content__footer > * {
margin-right:20px;
}
.content__footer__pubdate {
color:#666;
font-weight: 500;
}
.content__footer__form {
background:#fff;
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .2);
box-shadow:0 0 20px rgba(0, 0, 0, .2);
position: fixed;
bottom:0;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:970px;
margin-left:auto;
margin-right:auto;
z-index: 9999;
padding:40px 60px 20px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
}
.content__footer__form__close {
position: absolute;
right:10px;
top:10px
}
.content__footer__form__close svg {
fill:#767676;
}
.heading-4 {
font-size:1.6875rem;
font-family:'metropolis', futura-pt, sans-serif;
font-weight:700;
line-height:2.125rem;
color:#333;
margin:0 0 24px;
margin:-7px 0 0;
}
.heading-4--border {
border-bottom:1px solid #E9E9E9;
padding-bottom:20px;
margin-bottom:24px;
}
@media (min-width: 1400px) {
.content__header {
height:420px;
padding-top:0;
}
.content__header--nobg {
height: 275px;
}
}
@media (max-width: 990px) {
.content {
margin-top:115px;
}
.content__header__title {
margin-top:116px;
font-size:3.375rem;
}
.content__header {
margin-top:-115px;
height:297px;
padding-top:0
}
.content__header .wrap {
padding-top:115px;
}
.content__image {
margin-right:-15px;
margin-left:-15px;
max-width: calc(100% + 30px);
}
}
@media (max-width: 767px) {
main {
min-height: 0;
}
.content {
margin-top:145px;
}
.content__header {
margin-top:-145px;
}
.content__header__title {
font-size:3.375rem;
}
.heading-4 {
font-size:1.5625rem;
line-height:1.625rem;
margin:0 0 16px}
.content__info {
/* margin-bottom:60px; */
margin-bottom:32px;
margin-top:26px;
}
.content__image {
margin-bottom:20px;
}
.content__tools {
display: block;
height:auto;
/* flex-wrap: wrap; */
/* justify-content: center; */
/* margin-bottom:52px; */
margin-bottom:32px
}
.content__tools > span {
display: none;
}
.content__tools > div {
font-size:0.875rem;
line-height: 1.3125rem;
/*width:100%;*/
/*justify-content: center;*/
height:54px;
white-space: nowrap;
/*display: flex;*/
/*align-items: center;*/
}
.content__tools > .button {
margin-left:auto;
margin-right:auto;
display: block;
margin-bottom:36px;
}
.content__footer {
margin-top:36px;
margin-bottom:46px;
}
}
@media (max-width: 480px) {
.home main {
margin-top:0;
}
.content__header {
height:240px;
padding-top:0;
}
.content__header__title {
font-size:2.25rem;
}
.heading-4 {
font-size:1.4375rem;
line-height:1.5625rem;
margin:0 0 12px}
.content__tools {
height:auto;
margin-bottom:20px
}
.content__tools > .button {
width:100%;
margin-bottom:40px;
margin-top:3px;
}
.content__info {
padding-top:30px
}
.content__info .teaser {
margin-bottom:12px;
width:auto !important;
}
.content__image {
margin-right:-15px;
margin-left:-15px;
border-radius:6px;
margin-bottom:20px;
margin-top:5px;
width:calc(100% + 30px);
}
.content__footer {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:30px;
margin-bottom:40px
}
.content__footer .button {
margin-bottom:20px;
}
.content__footer__form {
width:calc(100% - 10px);
padding:25px 15px;
-webkit-box-shadow:0 0 30px rgba(0, 0, 0, .3);
box-shadow:0 0 30px rgba(0, 0, 0, .3);
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.navigation {
background: #fff;
position: fixed;
top: 0;
left: 0;
bottom: 0;
-webkit-transform: translateX(-460px);
transform: translateX(-460px);
-webkit-transition: width 0ms 250ms, -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: width 0ms 250ms, -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: transform 250ms cubic-bezier(1, 0, 0, 1), width 0ms 250ms;
transition: transform 250ms cubic-bezier(1, 0, 0, 1), width 0ms 250ms, -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
padding: 80px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index:9999;
width:0;
overflow: hidden;
opacity: 1;
}
.navigation--open {
width:460px;
overflow: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: transform 250ms cubic-bezier(1, 0, 0, 1);
transition: transform 250ms cubic-bezier(1, 0, 0, 1), -webkit-transform 250ms cubic-bezier(1, 0, 0, 1)
}
.navigation--open .navigation__inner,
.navigation--open .navigation__header {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity: 1;
}
.navigation__inner {
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
opacity: 0;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
-webkit-transform-origin: right;
transform-origin: right;
position: absolute;
top:145px;
left:0;
right:0;
bottom:0;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
padding-top:0;
border-top:1px solid #e5e5e5;
}
.navigation__header {
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
opacity: 0;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
-webkit-transform-origin: right;
transform-origin: right;
position: absolute;
top:0;
left:0;
right:0;
height:146px;
z-index: 1
}
.navigation__header:after {
/* content:''; */
bottom:0;
left:0;
right:0;
position: absolute;
display: block;
height:1px;
background:#e5e5e5;
-webkit-transition:all 150ms ease;
transition:all 150ms ease;
}
.navigation__close {
position: absolute;
left:40px;
top:42px;
}
.navigation__map {
display:none;
}
.navigation__pin {
border:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:none;
font-size:1rem;
font-family: 'metropolis', sans-serif;
cursor: pointer;
position: absolute;
right:14px;
top:14px;
border-radius:15px;
width:30px;
height:30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background:#ecf5fb
}
.navigation__pin .icon {
font-size:1.3125rem;
}
.navigation__pin .icon svg {
fill: #0a4c83;
}
.navigation__pin:active,
.navigation__pin:focus {
-webkit-box-shadow:0 0 0 3px #19f;
box-shadow:0 0 0 3px #19f;
border-radius: 3px;
outline:none;
test-decoration:none;
border-radius:15px;
}
.navigation-pinned .navigation__pin {
background:#915276;
}
.navigation-pinned .navigation__pin .icon svg {
fill:#fff;
}
.navigation__additional {
padding:30px 40px 20px;
}
.navigation__footer {
border-top:1px solid #e5e5e5;
padding:16px 40px 30px
}
.navigation__footer p {
font-size:1rem;
line-height: 1.5rem;
color:#333;
}
@media (max-width: 990px) {
.navigation__map {
position: absolute;
/* right: 40px; */
top: 42px;
left: 140px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
}
@media (max-width: 767px) {
.navigation--open {
width:420px;
}
.navigation__close {
left:30px;
top:30px;
}
.navigation__map {
/* right: 30px; */
left: 120px;
top: 30px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.navigation__header {
height:121px;
}
.navigation__inner {
top:120px;
padding-top:0;
}
}
@media (max-width: 480px) {
.navigation--open {
width:360px;
}
.navigation__close {
left:20px;
}
.navigation__map {
/* right:20px; */
}
}
@media (max-width: 360px) {
.navigation--open {
width:320px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.search {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 96px;
background: #333;
z-index: 9999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: visibility 0ms, -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: visibility 0ms, -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
transition: transform 250ms cubic-bezier(1, 0, 0, 1), visibility 0ms;
transition: transform 250ms cubic-bezier(1, 0, 0, 1), visibility 0ms, -webkit-transform 250ms cubic-bezier(1, 0, 0, 1);
-webkit-transition-delay: 0ms, 300ms;
transition-delay: 0ms, 300ms;
visibility: hidden;
-webkit-transform: translateY(-96px);
transform: translateY(-96px)
}
.search .search-form {
width: 100%;
}
.search-visible .search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
-webkit-transition-delay: 0ms, 0ms;
transition-delay: 0ms, 0ms;
}
@media (max-width: 480px) {
.search .search-form__inner {
width: calc(100% - 40px);
}
}
/* Cludo sök */
#cludo-search-results {
.cludo-r {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.cludo-c-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: static !important;
max-width: 100% !important;
.search-filters {
ul {
margin-top: 0.5rem !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5rem;
li.facet-list-item {
a {
border: 2px solid #915276;
border-radius: 17px;
color: #915276;
padding: 0.3rem 0.6rem;
text-decoration: none
}
a:hover {
background-color: #f4edf1;
}
a.active {
background: #915276;
color: #fff;
}
}
}
}
}
.cludo-c-9 {
max-width: 100% !important;
margin-top: 4rem;
position: static !important;
ul > li:first-child {
margin-top: 4rem;
}
ul {
li.search-results-item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e9e9e9;
a {
display: block;
text-decoration: none !important
}
a:hover {
h2 {
text-decoration-thickness: 2px !important;
}
}
a {
h2 {
line-height: 1.4 !important;
}
h2,
span.path {
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
}
span.path,
p {
line-height: 1.6875rem;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
}
span.file-type {
font-size: 0.875rem;
font-weight: 700 !important;
}
}
a[href^="https"]:after {
content: none !important;
}
}
}
}
}
.search_autocomplete {
margin: 2px 0 0 !important;
position: absolute !important;
border-radius: 32px !important;
li {
padding: 15px 30px !important
}
li:hover {
background-color: #f4edf1;
border-radius: 34px;
}
}
.powered-by-cludo {
display: none !important;
}
.cludo-error-message {
/* enough contrast between text and background ? */
}
ul.search_page_list {
text-align: center !important;
li {
border: 1px solid #915276;
text-decoration: none;
border-radius: 50%;
width: 30px !important;
height: 30px;
padding: 0 !important;
text-align: center !important;
a {
text-decoration: none;
color: #915276;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
height: 30px;
line-height: 1.875rem;
border-radius: 50%
}
a:hover {
background-color: #f4edf1;
}
}
li.previous,
li.next {
border: none !important;
a {
font-weight: 700 !important;
}
}
li.active {
background: #915276 !important;
color: #fff;
line-height: 1.875rem;
}
}
.school {
#cludo-search-results {
.cludo-c-3 {
.search-filters {
ul {
li.facet-list-item {
a {
border: 2px solid #659201 !important;
color: #659201 !important
}
a:hover {
outline: 1px solid #659201 !important;
background-color: #fff !important;
}
a.active {
background: #659201 !important;
color: #fff !important;
}
}
}
}
}
ul.search_page_list {
li {
border: 1px solid #659201 !important;
a {
color: #659201 !important
}
a:hover {
background-color: white;
outline: 2px solid #659201;
}
}
li.active {
background: #659201 !important;
color: #fff !important;
}
}
.search-results {
li.search-results-item {
a {
span.path {
display: none;
}
}
a::after {
content: none !important;
}
}
}
}
}
@media only screen and (max-width: 480px) {
#cludo-search-results {
.cludo-c-3 {
.search-filters {
ul {
margin-top: 1rem !important;
}
}
}
.cludo-c-9 {
margin-top: 3rem;
ul > li:first-child {
margin-top: 3rem;
}
ul {
li.search-results-item {
a {
span.path,
p {
line-height: 1.5rem;
}
}
}
}
}
}
.search_autocomplete {
li {
padding: 10px 20px;
}
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media (max-width: 480px) {
body.home {
padding-top: 120px;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.social-block .section__text {
margin-bottom:53px;
}
.social-block .section__heading {
margin-top:10px;
margin-bottom:30px;
}
.social-block {
padding-bottom:90px;
}
.social-block__instagram {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.social-block__instagram__item {
width:25%;
padding-top:23%;
position: relative;
display: block;
}
.social-block__instagram__item__img-wrapper {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
overflow: hidden
}
.social-block__instagram__item__img-wrapper img,
.social-block__instagram__item__img-wrapper video {
position: absolute;
top:-1px;
left:-1px;
width:calc(100% + 2px);
height:calc(100% + 2px);
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:blur(0);
filter:blur(0);
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
font-family: "object-fit:cover", 'object-fit: cover;';
-webkit-perspective: 1px;
perspective: 1px;
}
.social-block__instagram__item__caption {
background:rgba(162, 210, 68, .75);
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding:40px
}
.social-block__instagram__item__caption p {
font-size:1rem;
line-height: 1.5rem;
color:#333;
text-align: center;
-webkit-transform:translateY(30px);
transform:translateY(30px);
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
font-weight: 600;
width:100%;
color:#333;
}
.social-block__instagram__item__caption .icon {
font-size:2.5rem;
margin-bottom:0px;
-webkit-transform:translateY(30px);
transform:translateY(30px);
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.social-block__instagram__item__caption .icon svg {
fill:#333;
}
.social-block__instagram__item:hover img,
.social-block__instagram__item:hover video,
.social-block__instagram__item:active img,
.social-block__instagram__item:active video {
-webkit-transform:scale(1.075);
transform:scale(1.075);
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter:blur(10px);
filter:blur(10px);
}
.social-block__instagram__item:hover .social-block__instagram__item__caption, .social-block__instagram__item:active .social-block__instagram__item__caption {
opacity: 1;
}
.social-block__instagram__item:hover .social-block__instagram__item__caption p, .social-block__instagram__item:active .social-block__instagram__item__caption p {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1;
}
.social-block__instagram__item:hover .social-block__instagram__item__caption .icon, .social-block__instagram__item:active .social-block__instagram__item__caption .icon {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity: 1;
}
.social-block__instagram__item:hover:after, .social-block__instagram__item:active:after {
content:none;
}
.social-block__instagram__item__caption__url {
color:#333;
font-size:0.875rem;
line-height:1.0625rem;
margin-top:16px;
font-weight:500;
display: block;
text-overflow: ellipsis;
overflow: hidden;
widows: 100%;
}
.social-block__twitter {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.social-block__twitter__item {
width:30%;
text-align: center;
margin-top:70px;
text-decoration: none;
display: block
}
.social-block__twitter__item p {
text-align: center;
font-size:1.25rem;
line-height: 1.625rem;
font-weight: 600;
width:100%;
color:#002D31;
}
.social-block__twitter__item p.social-block__twitter__item__footer {
font-size:1rem;
margin-top:22px;
}
.social-block__twitter__item .icon {
font-size:2.375rem;
margin-bottom:13px;
}
.social-block__twitter__item .icon svg {
fill:#002D31;
}
p.social-block__twitter__item__footer {
font-size:1rem;
}
.social-block__twitter__item__url {
color:#FF6E60;
font-size:1rem;
margin-top:8px;
display: block;
}
@media (max-width: 767px) {
.social-block__instagram__item {
width:50%;
padding-top:50%;
}
.social-block__twitter {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.social-block__twitter__item {
width:100%;
max-width:440px;
}
}
@media (max-width: 480px) {
.social-block__instagram__item {
width:100%;
padding-top:100%;
}
}
@media (min-width: 481px) and (max-width: 600px) {
.social-block__instagram__item__caption {
padding:15px
}
.social-block__instagram__item__caption p {
font-size:1rem;
line-height: 1.25rem;
}
}
@media (min-width: 771px) and (max-width: 890px) {
.social-block__instagram__item__caption {
padding:15px
}
.social-block__instagram__item__caption p {
font-size:1rem;
line-height: 1.25rem;
}
}
@media (max-width: 320px) {
.social-block__instagram__item__caption {
padding:15px
}
.social-block__instagram__item__caption p {
font-size:1rem;
line-height: 1.25rem;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.school.alert-open .cover__body {
background: hsla(79, 98%, 29%, 1.00);
}
.school .cover__footer {
background: hsla(79, 98%, 29%, 1.00);
}
.school .search-form button,
.school .button {
background: hsla(79, 98%, 29%, 1.00);
}
.school .search-form button svg, .school .button svg {
fill: #fff;
}
.school .search-form button:hover, .school .button:hover {
background: hsla(79, 98%, 27%, 1.00);
color: #fff;
}
.school .footer a {
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff;
}
.school .cover .link-grid .link-grid__title {
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff;
}
.school .tag {
background: hsla(79, 98%, 29%, 1.00);
color: #fff;
}
.school .tag:hover,
.school .tag:active,
.school .tag:focus {
background: hsla(79, 98%, 27%, 1.00);
color: #fff;
}
.school .link-grid li {
width: calc(18% - 10px);
}
.school .link-grid__link {
padding-left: 18px;
}
.school .section--color {
background: #e6f0d3;
}
.school .header__logotype a {
width:270px;
}
.school .header__logotype img:last-child {
margin-top: 0;
}
.school .icon-button svg {
fill: #000;
}
.school .icon-button__text {
color: #000;
}
.school .cover__footer .icon {
display: none;
}
.school {
.cover_logo_wrapper {
position: absolute;
right: 41px;
bottom: -8px;
}
.cover_logo {
max-width: 280px;
}
}
.school .cover__footer__overlay {
/* background: linear-gradient(
to top,
hsla(79, 98%, 29%, 1.00) 0%,
hsla(79, 98%, 29%, 1.00) 60%,
hsla(79, 98%, 29%, 0.7) 100%
); */
background-color: hsla(79, 98%, 29%, 1.00);
}
.school .cover .link-grid .link-grid__description {
color: #fff;
}
.school .section--color-dark {
background: hsla(79, 98%, 29%, 1.00);
}
.school .nav-tree--icons .nav-tree__child > .nav-tree__child__row a {
padding-left: 40px;
}
.school .header__group:last-child {
min-width: 230px;
}
.school .button--outlined {
background: transparent;
border-color: hsla(79, 98%, 29%, 1.00);
color: hsla(79, 98%, 29%, 1.00);
}
.school .button--outlined .icon svg {
fill: hsla(79, 98%, 29%, 1.00);
}
.school .button--outlined:hover .icon svg {
fill: #fff;
}
@media (max-width: 990px) {
.school {
.cover_logo_wrapper {
display: none;
}
}
}
@media (max-width: 767px) {
.school .header__logotype a {
width:200px;
}
.school .header__logotype a img {
width:100%;
}
.school .cover .search-form {
top: auto;
bottom: 0;
-webkit-transform: none;
transform: none;
background: none;
width: 450px;
max-width: calc(100% - 170px);
}
.school .link-grid li {
width: 100%;
}
.school .cover__footer {
background:hsla(79, 98%, 29%, 1.00));
}
.school .link-grid__link {
border-color:hsla(79, 98%, 29%, 1.00);
}
.school .cover .link-grid ul:after {
border-color:hsla(79, 98%, 29%, 1.00);
}
.school .cover .search-form {
max-width:none;
}
}
/*# sourceMappingURL=main.css.map*/