.abio-screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} body.post-type-archive-news .content .full_width.abio-news-page {
padding: 0;
} .abio-news-band {
background-color: #1E3C40;
padding: 120px 0;
text-align: center;
}
.abio-news-band__title {
color: #fff;
margin: 0 auto;
} .abio-news-band--single {
position: relative;
overflow: hidden;
}
.abio-news-band--single .grid_section {
position: relative;
z-index: 2;
}
.abio-news-band__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
z-index: 0;
}
.abio-news-band__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1;
} @media only screen and (min-width: 1001px) {
.abio-news-band {
padding-top: 200px;
}
} @media only screen and (min-width: 1111px) {
.abio-news-band h1.abio-news-band__title:not(.abio-news-band__title--single) {
font-size: 64px;
line-height: 72px;
}
}
@media only screen and (max-width: 1110px) {
.abio-news-band h1.abio-news-band__title:not(.abio-news-band__title--single) {
font-size: 38px;
line-height: 46px;
}
}
.abio-news-band__title--single {
font-size: 38px;
line-height: 46px;
max-width: 1000px;
margin: 0 auto;
}
.abio-news-band__date {
display: block;
color: #fff;
opacity: 0.8;
margin-top: 20px;
} .abio-news-grid {
display: grid;
gap: 40px;
grid-template-columns: 1fr;
padding: 80px 0;
}
@media only screen and (min-width: 600px) {
.abio-news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1000px) {
.abio-news-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} .abio-news-card {
position: relative;
display: flex;
flex-direction: column;
border: 2px solid #5F9E7D;
border-radius: 20px;
overflow: hidden;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.abio-news-card:hover,
.abio-news-card:focus-within {
transform: translateY(-4px);
box-shadow: rgba(0, 0, 0, 0.2) 0 5px 50px;
} .abio-news-media {
position: relative;
aspect-ratio: 3 / 2;
overflow: hidden;
background-color: #1E3C40;
}
.abio-news-media__img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
}
.abio-news-media__link {
display: block;
height: 100%;
} .abio-news-media--fallback {
display: block;
position: absolute;
inset: 0;
}
.abio-news-media--fallback::before {
content: "";
position: absolute;
inset: 0;
background: url(//abio.energy/wp-content/themes/stockholm-child/assets/img/abio-logo-white.svg) center / 40% auto no-repeat;
opacity: 0.2;
}
.abio-news-card__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
padding: 32px;
}
.abio-news-card__date {
display: block;
color: #75777a;
font-weight: 500;
font-size: 18px;
} .content .abio-news-page .abio-news-card .abio-news-card__title {
color: #2e2e2e;
font-size: 22px;
line-height: 28px;
font-weight: 600;
margin: 12px 0 0;
}
.abio-news-card__title .abio-news-card__link,
.abio-news-card__title .abio-news-card__link:hover,
.abio-news-card__title .abio-news-card__link:focus {
color: #2e2e2e;
font-size: inherit;
line-height: inherit;
text-decoration: none;
} .abio-news-card__link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: 20px;
}
.abio-news-card__link:focus {
outline: none;
}
.abio-news-card__link:focus-visible::after {
outline: 2px solid #5e9d7c;
outline-offset: -6px;
}
.abio-news-card__excerpt {
margin: 16px 0 30px;
} .abio-news-card__more,
.abio-news-back .abio-news-back__link,
.abio-latest-news .abio-latest-news__all-link {
display: inline-block;
box-sizing: border-box;
height: 37px;
padding: 0 50px;
line-height: 33px;
font-family: futura-pt, sans-serif;
font-size: 16px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
color: #fff;
background-color: #7e9751;
border: 2px solid #7e9751;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.abio-news-card__more {
margin-top: auto;
}
.abio-news-card:hover .abio-news-card__more,
.abio-news-card:focus-within .abio-news-card__more,
.abio-news-back .abio-news-back__link:hover,
.abio-news-back .abio-news-back__link:focus-visible,
.abio-latest-news .abio-latest-news__all-link:hover,
.abio-latest-news .abio-latest-news__all-link:focus-visible {
color: #7e9751;
background-color: transparent;
border-color: #5e9d7c;
} .abio-news-card__more--external {
max-width: 100%;
height: auto;
min-height: 37px;
padding: 7px 24px;
line-height: 1.3;
text-align: left;
}
.abio-news-link__domain {
white-space: nowrap;
}
.abio-news-link__domain .abio-news-link__icon {
display: inline-block;
margin-left: 8px;
vertical-align: -1px;
} .abio-news-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #5e9d7c;
font-weight: 600;
transition: color 0.3s ease-in-out;
}
.abio-news-link:hover,
.abio-news-link:focus {
color: #7e9751;
}
.abio-news-link:focus-visible {
outline: 2px solid #5e9d7c;
outline-offset: 3px;
}
.abio-news-link__icon {
width: 14px;
height: 14px;
flex: none;
} .abio-news-grid:has(> .abio-news-card:only-child) {
grid-template-columns: 1fr;
}
@media only screen and (min-width: 1000px) {
.abio-news-card:only-child {
flex-direction: row;
}
.abio-news-card:only-child .abio-news-card__media {
flex: 0 0 50%;
}
.abio-news-card:only-child .abio-news-card__body {
justify-content: center;
padding: 48px;
}
.abio-news-card:only-child .abio-news-card__more {
margin-top: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.abio-news-card,
.abio-news-card__more,
.abio-news-link,
.abio-news-back .abio-news-back__link,
.abio-latest-news .abio-latest-news__all-link {
transition: none;
}
.abio-news-card:hover,
.abio-news-card:focus-within {
transform: none;
}
} .abio-news-content {
padding: 80px 0 40px;
} .abio-news-content a:hover,
.abio-news-content a:focus {
color: #7e9751;
}
.abio-news-content a:focus-visible {
outline: 2px solid #5e9d7c;
outline-offset: 2px;
} .abio-news-content > * + * {
margin-top: 32px;
}
.abio-news-content ul {
list-style: disc outside;
padding-left: 1.25em;
}
.abio-news-content ul li {
list-style: inherit;
padding: 0 0 10px;
line-height: 32px;
}
.abio-news-back {
padding: 20px 0 80px;
}
.abio-news-back .abio-news-back__link {
text-decoration: none;
}
.abio-news-back .abio-news-back__link:focus-visible {
outline: 2px solid #5e9d7c;
outline-offset: 4px;
} .abio-news-pagination {
margin: 0 0 80px;
}
.abio-news-pagination ul {
margin: 0;
padding: 0;
display: inline-block;
}
.abio-news-pagination li {
padding: 0;
line-height: 33px;
list-style: none;
}
.abio-news-pagination ul li > a,
.abio-news-pagination ul li > span {
font-family: inherit;
font-style: normal;
font-size: 18px;
font-weight: 500;
color: #2e2e2e;
}
.abio-news-pagination ul li.prev > a,
.abio-news-pagination ul li.next > a {
font-size: 30px;
}
.abio-news-pagination ul li > a:hover,
.abio-news-pagination ul li > a:focus-visible {
color: #7e9751;
}
.abio-news-pagination ul li.active > span {
font-family: inherit;
font-style: normal;
font-size: 18px;
font-weight: 700;
color: #2e2e2e;
box-shadow: inset 0 -2px 0 #7e9751;
}
.abio-news-pagination ul li > a:focus-visible {
outline: 2px solid #5e9d7c;
outline-offset: 2px;
}
.abio-news-empty {
padding: 80px 0;
}
@media only screen and (min-width: 1000px) {
.abio-news-content,
.abio-news-back {
max-width: 66.666%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 767px) {
.abio-news-band {
padding: 80px 0;
}
.abio-news-band__title--single {
font-size: 30px;
line-height: 38px;
}
} .abio-latest-news {
margin-top: 100px;
padding: 0 0 20px;
}
.abio-latest-news .abio-latest-news__heading {
text-align: center;
margin: 0 0 60px;
}
.abio-latest-news .abio-latest-news__title {
color: #2e2e2e;
font-size: 30px;
line-height: 38px;
font-weight: 600;
margin: 12px 0 0;
}
.abio-latest-news__title .abio-news-card__link,
.abio-latest-news__title .abio-news-card__link:hover,
.abio-latest-news__title .abio-news-card__link:focus {
color: #2e2e2e;
font-size: inherit;
line-height: inherit;
text-decoration: none;
}
.abio-latest-news .abio-latest-news__all-link {
text-decoration: none;
}
.abio-latest-news .abio-latest-news__all-link:focus-visible {
outline: 2px solid #5e9d7c;
outline-offset: 4px;
}
.abio-latest-news__all {
text-align: center;
margin-top: 60px;
} @media only screen and (min-width: 1001px) {
.abio-latest-news__card {
flex-direction: row;
}
.abio-latest-news__card .abio-latest-news__media {
flex: 0 0 50%;
}
.abio-latest-news__card .abio-latest-news__body {
justify-content: center;
padding: 48px;
}
.abio-latest-news__card .abio-news-card__more {
margin-top: 0;
}
}
@media only screen and (max-width: 1110px) {
.abio-latest-news {
margin-top: 0;
padding: 60px 0 80px;
}
.abio-latest-news .abio-latest-news__heading {
margin-bottom: 40px;
}
.abio-latest-news__all {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.abio-latest-news .abio-latest-news__title {
font-size: 22px;
line-height: 28px;
}
} body.post-type-archive-news header.sticky.sticky_animate nav.main_menu > ul > li.active > a,
body.single-news header.sticky.sticky_animate nav.main_menu > ul > li.active > a {
color: #7e9751 !important;
}.wrapper_inner {
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
}
.wrapper_inner > .content {
flex: 1 0 auto;
} .wpcf7 input.wpcf7-submit[type="submit"],
#cookie-law-info-bar a.cli-plugin-button,
#cliSettingsPopup a.wt-cli-privacy-btn {
text-transform: uppercase;
}.abio-map {
position: relative;
max-width: 760px;
margin: 0 auto;
box-sizing: border-box;
} .abio-map .abio-screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
} .abio-map .abio-map__svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.abio-map .abio-map__art {
pointer-events: none;
} .abio-map .abio-map__land {
fill: #D9D9D9;
stroke: #fff;
stroke-width: 1;
vector-effect: non-scaling-stroke;
} .abio-map .abio-map__shape {
fill: #006780;
stroke: #fff;
stroke-width: 1;
vector-effect: non-scaling-stroke;
} .abio-map .abio-map__dot {
stroke: #fff;
stroke-width: 1;
vector-effect: non-scaling-stroke;
pointer-events: none;
} .abio-map .abio-map__country {
transition: transform 200ms ease-in-out;
}
.abio-map .abio-map__shape {
transition: fill 200ms ease-in-out;
} .abio-map .abio-map__seam {
fill: none;
stroke: #006780;
stroke-width: 4;
stroke-linejoin: round;
pointer-events: none;
transition: stroke 200ms ease-in-out;
}
.abio-map .abio-map__country.is-raised .abio-map__seam {
stroke: #00738F;
transition: stroke 280ms ease;
} .abio-map .abio-map__shadow {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
.abio-map .abio-map__country.is-raised {
transform: translateY(-8px);
transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
.abio-map .abio-map__country.is-raised .abio-map__shape {
fill: #00738F;
transition: fill 280ms ease;
}
.abio-map .abio-map__country.is-raised .abio-map__shadow {
opacity: 1;
transition: opacity 280ms ease;
} .abio-map .abio-map__country.is-pressed {
transform: translateY(-3px);
transition: transform 90ms ease-out;
} .abio-map .abio-map__link {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.abio-map .abio-map__link:focus:not(:focus-visible) {
outline: none;
}
.abio-map .abio-map__hit,
.abio-map .abio-map__hit-dot {
fill: transparent;
stroke: none;
pointer-events: all;
}
.abio-map .abio-map__hit {
transition: transform 200ms ease-in-out;
} .abio-map .abio-map__link:focus-visible .abio-map__hit {
stroke: #1E3C40;
stroke-width: 3;
vector-effect: non-scaling-stroke;
transform: translateY(-8px);
transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
.abio-map .abio-map__land {
cursor: default;
}  .abio-map .abio-map__legend {
display: grid;
grid-template-columns: repeat(2, max-content);
justify-content: center;
gap: 12px 40px;
margin: 32px 0 0;
padding: 0;
list-style: none;
}
.abio-map .abio-map__legend li.abio-map__legend-item {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
line-height: 24px;
font-size: 16px;
color: #2e2e2e;
list-style: none;
}
.abio-map .abio-map__swatch {
display: inline-block;
flex: 0 0 auto;
width: 16px;
height: 16px;
}
.abio-map .abio-map__swatch--market {
background-color: #006780;
border-radius: 3px;
}
.abio-map .abio-map__swatch--dot {
border-radius: 50%;
}
@media (prefers-reduced-motion: reduce) { .abio-map .abio-map__country,
.abio-map .abio-map__country.is-raised,
.abio-map .abio-map__country.is-pressed,
.abio-map .abio-map__link:focus-visible .abio-map__hit {
transition: none;
transform: none;
}
.abio-map .abio-map__shape,
.abio-map .abio-map__shadow,
.abio-map .abio-map__seam,
.abio-map .abio-map__country.is-raised .abio-map__shape,
.abio-map .abio-map__country.is-raised .abio-map__shadow,
.abio-map .abio-map__country.is-raised .abio-map__seam {
transition: none;
}
}
@media only screen and (max-width: 767px) {
.abio-map {
padding: 0 20px;
}
.abio-map .abio-map__legend {
gap: 8px 24px;
}
} @media only screen and (max-width: 480px) {
.abio-map .abio-map__legend {
grid-template-columns: max-content;
gap: 8px;
}
}