@charset "UTF-8";

.header {
position: relative;
}
.drop-search {
display: none !important;
}
@media (min-width: 744px) {
.drop-search {
display: flex !important;
position: absolute;
top: -93.5px;
left: 0;
right: 0;
z-index: 45;
visibility: hidden;
opacity: 0;
transition: 0.4s;
}
}
.s-active .drop-search {
visibility: visible;
top: 0;
opacity: 1;
}
.menu {
position: fixed;
top: 0;
background-color: #ffffff;
width: 100%;
z-index: 50;
}
.menu .menu-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 16px;
}
@media (min-width: 744px) {
.menu .menu-wrapper {
padding: 12px 16px;
}
}
@media (min-width: 1100px) {
.menu .menu-wrapper {
padding: 22px 32px;
}
}
.menu-btn {
text-align: center;
}
.menu-name {
margin-right: 12px;
}
.wcag-name {
color: black;
text-align: center;
font-family: lato, sans-serif;
font-size: 8px;
font-weight: 400;
text-transform: uppercase;
}
.hamburgemeny {
cursor: pointer;
position: relative;
width: 40px;
height: 38px;
top: 0;
right: 0;
z-index: 60;
margin-right: 12px;
}
.hamburgemeny span {
display: block;
width: 30px;
height: 2px;
border-radius: 5px;
background-color: #000000;
position: absolute;
transition: 0.4s;
}
.hamburgemeny span:first-child {
top: 9px;
left: 5px;
}
.hamburgemeny span:nth-child(2) {
top: 19px;
left: 5px;
}
.hamburgemeny span:last-child {
top: 29px;
left: 5px;
}
.hamburgemeny.exit span:first-child {
transform: rotate(45deg);
top: 24px;
background-color: #000000;
}
.hamburgemeny.exit span:nth-child(2) {
opacity: 0;
}
.hamburgemeny.exit span:last-child {
transform: rotate(-45deg);
top: 24px;
background-color: #000000;
}
.mobile-switchbtn {
position: relative;
}
.mobile-switchbtn .darkmode-popup {
position: absolute;
top: 120px;
left: 50%;
transform: translate(-50%, -50%);
background-color: black;
padding: 14px 16px;
min-width: 170px;
font-size: 15px;
line-height: 1.4;
text-align: center;
color: white;
}
.mobile-switchbtn .darkmode-popup::before {
content: "";
position: absolute;
top: -7px;
left: 75px;
width: 20px;
height: 20px;
background-color: black;
transform: rotate(-45deg);
}
.menu-extra {
background-color: #ffffff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: -100%;
z-index: 50;
transition: 0.5s;
opacity: 0;
visibility: hidden;
overflow: scroll;
}
@media (min-width: 1024px) {
.menu-extra {
left: -40%;
top: 0;
width: 40%;
height: 100%;
}
}
.menu-extra .search {
position: fixed;
width: 100%;
padding: 13px 20px;
background-color: #ffffff;
display: flex;
justify-content: center;
z-index: 30;
}
@media (min-width: 1024px) {
.menu-extra .search {
width: 40%;
}
}
@media (min-width: 1100px) {
.menu-extra .search {
padding: 26px 32px 22px 32px;
}
}
.menu-extra .search form {
display: flex;
align-items: center;
flex: 0 0 250px;
}
@media (min-width: 744px) {
.menu-extra .search form {
flex: 0 0 400px;
}
}
@media (min-width: 1024px) {
.menu-extra .search form {
flex: 0 0 70%;
max-width: 450px;
}
}
.menu-extra .search .input-wrap {
width: calc(100% - 50px);
}
.menu-extra .search input {
padding: 12px 16px;
width: 100%;
background-color: #EEEAE6;
color: #333333;
border-radius: 100px 0 0 100px;
font-family: argent-cf, serif;
font-weight: 300;
border: none;
font-size: 16px;
}
.menu-extra .search .btn-wrap {
height: 42px;
}
.menu-extra .search .search-btn {
background-color: #F2A900;
border: none;
border-radius: 0 100px 100px 0;
height: 100%;
width: 50px;
}
.menu-extra .search .search-btn svg {
width: 16px;
margin-right: 4px;
}
.menu-extra .accordion-menu {
padding: 24px;
margin-top: 72px;
}
@media (min-width: 1024px) {
.menu-extra .accordion-menu {
padding: 48px;
}
}
.menu-extra .accordion-menu hr {
border: 1px solid #EEEAE6;
}
.menu-extra .menu-acc {
padding: 8px 0;
width: 100%;
}
.menu-extra .menu-acc .label {
position: relative;
display: flex;
align-items: center;
}
.menu-extra .menu-acc .label .menu-icon {
margin-right: 16px;
}
.menu-extra .menu-acc .label .main-menu {
flex: 0 0 60%;
font-family: argent-cf, serif;
font-size: 18px;
font-weight: 300;
color: #000000;
}
.menu-extra .menu-acc .label .menu-arrow {
position: absolute;
right: 0;
top: 0px;
display: flex;
justify-content: flex-end;
align-items: center;
width: 100px;
height: 100%;
}
.menu-extra .menu-acc .label .menu-arrow svg {
transition: 0.5s;
}
.menu-extra .menu-acc .content {
margin: 0px 0 16px 56px;
display: none;
}
.menu-extra .menu-acc .content .under-menu {
font-family: lato, sans-serif;
font-size: 16px;
font-weight: 400;
color: #000000;
display: inline-block;
width: 85%;
}
.menu-extra .menu-acc .first-content {
margin-top: 8px;
}
.menu-extra .menu-acc.active .content {
display: block;
}
.menu-extra .menu-acc.active .menu-arrow svg {
transform: rotate(180deg);
}
.menu-extra .menu-acc.active .menu-arrow svg path {
opacity: 1;
}
.menu-extra .secondary-menu-wrapper {
padding: 8px 24px 24px 24px;
}
@media (min-width: 1024px) {
.menu-extra .secondary-menu-wrapper {
padding: 8px 48px 48px 48px;
}
}
.menu-extra .secondary-menu li {
margin-bottom: 10px;
}
.menu-extra .secondary-menu li a {
display: inline-block;
width: 50%;
font-family: lato, sans-serif;
font-weight: 400;
font-size: 14px;
color: #000000;
}
.menu-extra .social-media {
padding: 8px 24px 24px 24px;
}
@media (min-width: 1024px) {
.menu-extra .social-media {
padding: 8px 48px 48px 48px;
}
}
.menu-extra .social-media span {
margin-right: 24px;
}
.darken {
background-color: black;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 40;
transition: 0.5s;
display: none;
opacity: 0;
}
.show .darken {
display: block;
opacity: 0.6;
}
.show .menu-extra {
visibility: visible;
left: 0;
opacity: 1;
}
li {
list-style: none;
}
.mobile-logo {
display: flex;
flex-grow: 2;
justify-content: center;
}
@media (min-width: 744px) {
.mobile-logo {
display: none;
}
}
.box-icon {
height: 38px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
}
@media (min-width: 1100px) {
.box-icon {
padding: 0 14px;
}
}
.switch .box-icon {
padding: 0 12px !important;
}
@media (min-width: 1100px) {
.switch .box-icon {
padding: 0 8px !important;
}
}
.desktop-search {
display: none;
}
@media (min-width: 744px) {
.desktop-search {
display: block;
}
}
@media (min-width: 744px) {
.mobile-icons {
display: none !important;
}
}
@media (min-width: 744px) {
.mobile-switch {
display: none !important;
}
}
.logo-wrapper {
display: none;
}
@media (min-width: 744px) {
.logo-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
flex-grow: 2;
padding-top: 4px;
}
}
@media (min-width: 1330px) {
.logo-wrapper {
flex: 0 0 calc(27% - 52px);
}
}
.logo-wrapper .desktop-logo svg {
display: flex;
align-items: center;
width: 180px;
}
@media (min-width: 1330px) {
.logo-wrapper .desktop-logo svg {
width: 220px;
}
}
.icons-wrapper {
display: none;
}
@media (min-width: 744px) {
.icons-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
flex: 0 0 25%;
}
}
@media (min-width: 1330px) {
.icons-wrapper {
flex: 0 0 27%;
}
}
.icons-wrapper .icons {
margin: 0 4px;
}
@media (min-width: 1330px) {
.icons-wrapper .icons {
margin: 0 8px;
}
}
.icons-wrapper .switch {
position: relative;
}
.icons-wrapper .switch .darkmode-popup {
position: absolute;
top: 120px;
left: 50%;
transform: translate(-50%, -50%);
background-color: black;
padding: 14px 16px;
min-width: 208px;
font-size: 15px;
line-height: 1.4;
text-align: center;
color: white;
}
.icons-wrapper .switch .darkmode-popup::before {
content: "";
position: absolute;
top: -7px;
left: 94px;
width: 20px;
height: 20px;
background-color: black;
transform: rotate(-45deg);
}
.search {
display: flex;
align-items: center;
}
.desktop-menu {
display: none;
}
@media (min-width: 1100px) {
.desktop-menu {
display: flex;
justify-content: space-between;
align-items: center;
flex: 0 0 50%;
max-width: 850px;
margin: 0 auto;
}
}
@media (min-width: 1330px) {
.desktop-menu {
flex: 0 0 46%;
}
}
.desktop-menu li {
display: flex;
justify-content: center;
align-items: center;
flex: auto;
}
.desktop-menu a {
font-family: argent-cf, serif;
font-weight: 300;
font-size: 18px;
color: #000000;
transition: 0.4s;
}
.desktop-menu a:hover {
background-color: #F2A900;
padding: 13px 24px;
border-radius: 50px;
}
.desktop-menu a.active {
background-color: #F2A900;
padding: 13px 24px;
border-radius: 50px;
}
@media (min-width: 744px) {
.profile {
margin-left: 12px;
}
}
@media (min-width: 1100px) {
.profile {
margin-left: 1rem;
}
}
@media (min-width: 1366px) {
.profile {
display: flex;
align-items: center;
margin: 0 0 0 1rem;
padding: 13px 24px;
background-color: #000000;
color: #ffffff;
font-family: argent-cf, serif;
font-weight: 300;
font-size: 18px;
border-radius: 50px;
}
}
@media (min-width: 1366px) {
.profile svg {
display: none;
}
}
.profile svg path {
fill: #000000;
}
.profile span {
display: none;
}
@media (min-width: 1366px) {
.profile span {
display: block;
}
}
@media (min-width: 1366px) {
.profile .box-icon {
display: none;
}
}
@media (min-width: 1366px) {
.profile .wcag-name {
display: none;
}
}
.switchBtn {
position: relative;
display: inline-block;
width: 42px;
height: 24px;
}
.switchBtn input {
opacity: 0;
width: 0;
height: 0;
}
.switchBtn input:checked + .slider {
border: 2px solid #ffffff;
}
.switchBtn input:checked + .slider:before {
transform: translateX(17px);
background-color: #ffffff;
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/sun_black.svg);
}
.switchBtn input:focus + .slider {
box-shadow: 0 0 2px #ffffff;
}
.switchBtn .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #000;
border-radius: 50px;
transition: 0.4s;
}
.switchBtn .slider::before {
position: absolute;
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/sun.svg);
height: 18px;
width: 18px;
left: 1px;
top: 1px;
bottom: 1px;
background-color: #000000;
color: #ffffff;
border-radius: 50%;
transition: 0.4s;
}
.contact-info .logo {
margin-bottom: 1rem;
}
.contact-info .info-wrap p, .contact-info .info-wrap a {
color: #ffffff;
font-size: 15px;
font-family: lato, sans-serif;
font-weight: 400;
}
.contact-info .info-wrap a {
text-decoration: underline;
}
.contact-info .i-1 {
margin-bottom: 1rem;
}
.mobile-footer {
background-color: black;
}
@media (min-width: 1100px) {
.mobile-footer {
display: none;
}
}
.mobile-footer .contact-info {
padding: 48px 24px 24px 24px;
}
.mobile-footer .i-1 {
margin-bottom: 1rem;
}
.mobile-footer li {
list-style: none;
}
.mobile-footer .accordion-menu {
padding: 24px;
}
.mobile-footer .accordion-menu hr {
border: 1px solid #EEEAE6;
}
.mobile-footer .menu-acc {
padding: 8px 0;
width: 100%;
}
.mobile-footer .menu-acc .label {
position: relative;
display: flex;
align-items: center;
}
.mobile-footer .menu-acc .label .main-menu {
flex: 0 0 60%;
font-family: argent-cf, serif;
font-size: 18px;
font-weight: 300;
color: #ffffff;
}
.mobile-footer .menu-acc .label .menu-arrow {
position: absolute;
right: 0;
top: 0px;
display: flex;
justify-content: flex-end;
align-items: center;
width: 40px;
height: 100%;
}
.mobile-footer .menu-acc .label .menu-arrow svg {
transition: 0.5s;
}
.mobile-footer .menu-acc .label .menu-arrow svg path {
fill: #F2A900;
opacity: 1;
}
.mobile-footer .menu-acc .content {
margin: 1rem 0;
display: none;
}
.mobile-footer .menu-acc .content .under-menu {
font-family: argent-cf, serif;
font-size: 16px;
font-weight: 300;
color: #ffffff;
display: inline-block;
width: 50%;
}
.mobile-footer .menu-acc.active .content {
display: block;
}
.mobile-footer .menu-acc.active .menu-arrow svg {
transform: rotate(180deg);
}
.mobile-footer .secondary-menu-wrapper {
padding: 8px 24px 24px 24px;
}
.mobile-footer .secondary-menu {
display: flex;
flex-wrap: wrap;
}
.mobile-footer .secondary-menu li {
display: flex;
margin-right: 2rem;
margin-bottom: 10px;
}
.mobile-footer .secondary-menu li a {
flex: 0 0 100%;
display: inline-block;
width: 50%;
font-family: lato, sans-serif;
font-weight: 400;
font-size: 12px;
color: #ffffff;
}
.mobile-footer .social-media {
position: absolute;
padding: 0px 24px 24px 24px;
z-index: 10;
}
.mobile-footer .social-media span {
margin-right: 24px;
}
.mobile-footer .pattern {
display: flex;
justify-content: flex-end;
}
.mobile-footer .pattern img {
display: block;
max-width: 390px;
}
.desktop-footer {
min-height: 900px;
display: none;
background-color: black;
position: relative;
}
@media (min-width: 1100px) {
.desktop-footer {
display: block;
}
}
.desktop-footer .footer-wrapper {
max-width: 1300px;
margin: auto;
padding: 64px 24px;
}
.desktop-footer hr {
margin: 32px 0;
border: 1px solid #F2A900;
}
.desktop-footer .footer-menu-desktop {
display: flex;
flex: 0 0 100%;
justify-content: space-between;
}
.desktop-footer .d-menu {
flex: 0 0 16.66%;
}
.desktop-footer .label-menu a, .desktop-footer .d-under-menu a {
color: #ffffff;
}
.desktop-footer .label-menu {
font-family: argent-cf, serif;
font-weight: 300;
font-style: normal;
font-size: 19px;
margin-bottom: 8px;
}
.desktop-footer .d-under-menu {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 15px;
margin-bottom: 5px;
}
.desktop-footer .secondary-menu-wrapper {
margin-bottom: 48px;
}
.desktop-footer .secondary-menu {
display: flex;
flex-wrap: wrap;
}
.desktop-footer .secondary-menu li {
display: flex;
margin-right: 2rem;
}
.desktop-footer .secondary-menu li a {
flex: 0 0 100%;
display: inline-block;
width: 50%;
font-family: lato, sans-serif;
font-weight: 400;
font-size: 14px;
color: #ffffff;
}
.desktop-footer .social-media span {
margin-right: 24px;
}
.desktop-footer .pattern {
position: absolute;
bottom: 0;
right: 0;
}
.desktop-footer .pattern img {
display: block;
}
*, html {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.m16 {
margin-bottom: 1rem;
}
.m10 {
margin-bottom: 10px;
}
.mb-64 {
margin-bottom: -48px;
}
@media (min-width: 744px) {
.mb-64 {
margin-bottom: -56px;
}
}
@media (min-width: 1024px) {
.mb-64 {
margin-bottom: -64px;
}
}
.mt-nav {
margin-top: 64px;
}
@media (min-width: 1100px) {
.mt-nav {
margin-top: 91.5px;
}
}
a {
text-decoration: none;
}
p {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
}
.site-font {
font-family: argent-cf, serif;
font-weight: 300;
font-style: normal;
}
.secondary-font {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
}
.size-h1 {
font-size: 40px;
}
@media (min-width: 1200px) {
.size-h1 {
font-size: 60px;
}
}
.size-h2 {
font-size: 30px;
}
@media (min-width: 1200px) {
.size-h2 {
font-size: 36px;
}
}
.size-h3 {
font-size: 20px;
}
@media (min-width: 1200px) {
.size-h3 {
font-size: 24px;
}
}
.size-h4 {
font-size: 18px;
}
@media (min-width: 1200px) {
.size-h4 {
font-size: 20px;
}
}
.container {
padding: 16px 16px;
}
@media (min-width: 744px) {
.container {
padding: 24px 24px;
}
}
@media (min-width: 1024px) {
.container {
padding: 32px 40px;
}
}
@media (min-width: 1400px) {
.container {
padding: 32px 0;
}
}
.section-padding {
padding: 16px 0;
}
@media (min-width: 744px) {
.section-padding {
padding: 24px 0;
}
}
@media (min-width: 1024px) {
.section-padding {
padding: 32px 0;
}
}
.aspect-ratio {
overflow: hidden;
display: block;
}
.aspect-ratio img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.section-divider {
border: 1px solid #EEEAE6;
}
.cta {
display: inline-block;
border-radius: 50px;
padding: 14px 31px;
text-align: center;
font-family: argent-cf, serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
margin-top: 1rem;
transition: 0.4s;
}
.cta-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.m-l-5 {
margin-left: 5px;
}
.mb-8 {
margin-bottom: 8px;
}
.mb-16 {
margin-bottom: 16px;
}
.m-t-b {
margin: 24px 0;
}
@media (min-width: 744px) {
.m-t-b {
margin: 32px 0;
}
}
.yellow-cta {
background-color: #F2A900;
color: #000000;
}
.yellow-cta:hover {
background-color: #FFCD00;
}
.white-cta {
background-color: #ffffff;
color: #000000;
}
.white-cta:hover {
background-color: #DCD7D3;
}
.black-cta {
background-color: #000000;
color: #ffffff;
}
.black-cta:hover {
background-color: #333333;
}
.grey-cta {
background-color: #EEEAE6;
color: black;
}
.grey-cta:hover {
background-color: #DEDAD7;
}
.outline-cta {
border-radius: 50px;
border: 1px solid #F2A900;
color: #000000;
}
.outline-cta:hover {
background-color: #DCD7D3;
}
.site-width-bg {
background-color: #FFF3BF;
}
.btn-wrapper {
margin-top: 16px;
text-align: center;
}
.no-scroll-bar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.no-scroll-bar::-webkit-scrollbar {
display: none;
}
.hideLabel {
font-family: lato, sans-serif;
display: block;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
img {
max-width: 100%;
height: auto;
}
.extern-link {
color: black;
text-decoration: underline;
position: relative;
display: inline-flex;
align-items: flex-end;
font-family: lato, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.extern-link {
font-size: 18px;
}
}
.extern-link.cta {
text-decoration: none;
}
.extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24.svg);
margin-right: 3px;
padding-bottom: 1px;
display: inline-block;
width: 22px;
height: 22px;
}
.embed {
position: relative;
padding-bottom: 52.5%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 2em;
}
.embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.front-hero {
position: relative;
height: 75vh;
min-height: 600px;
width: 100%;
margin-top: 64px;
}
@media (min-width: 1100px) {
.front-hero {
margin-top: 91.5px;
}
}
.gradient {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
position: absolute;
bottom: 0;
z-index: 20;
width: 100%;
height: 540px;
}
.media-section {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin: auto;
}
.media-section video {
position: absolute;
top: 0;
left: 0;
max-width: none;
object-fit: cover;
width: 100%;
height: 100%;
}
.message-header {
position: absolute;
z-index: 30;
top: 40px;
left: 0;
right: 0;
}
.media-content {
text-align: center;
position: absolute;
bottom: 0;
z-index: 30;
}
@media (min-width: 744px) {
.media-content {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: 1100px;
}
}
.media-content .media-heading {
padding: 0 24px;
}
.media-content .media-heading h1, .media-content .media-heading p {
color: white;
text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
}
.media-content .media-heading h1, .media-content .media-heading p {
margin-bottom: 16px;
}
.media-content .media-heading p {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 21px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.media-content .media-heading p {
font-size: 24px;
}
}
.media-content .cta-container {
margin-bottom: 64px;
}
.vid-cta {
position: absolute;
z-index: 30;
bottom: 0;
width: 100%;
text-align: center;
display: inline-block;
padding: 1rem;
font-family: lato, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
color: #ffffff;
}
@media (min-width: 744px) {
.vid-cta {
width: auto;
padding: 16px 32px;
}
}
.mobile-vid-cta {
text-decoration: underline;
}
@media (min-width: 744px) {
.mobile-vid-cta {
display: none;
}
}
.desktop-vid-cta {
display: none;
}
@media (min-width: 744px) {
.desktop-vid-cta {
display: block;
}
}
.desktop-vid-cta a {
color: #ffffff;
text-decoration: underline;
}
.desktop-vid-cta a:hover {
color: #F2A900;
}
.play-pause-buttons {
position: absolute;
z-index: 30;
bottom: 16px;
left: 16px;
}
@media (min-width: 1100px) {
.play-pause-buttons {
bottom: 32px;
left: 32px;
}
}
.play-pause-buttons .p-btn {
display: flex;
align-items: center;
color: white;
font-family: lato, sans-serif;
font-size: 14px;
}
@media (min-width: 1100px) {
.play-pause-buttons .p-btn {
font-size: 16px;
}
}
.play-pause-buttons .p-btn img {
margin-right: 10px;
width: 32px;
}
@media (min-width: 1100px) {
.play-pause-buttons .p-btn img {
width: 48px;
}
}
.play-pause-buttons .play {
display: none;
}
.hero {
position: relative;
height: 85vh;
min-height: 600px;
width: 100%;
margin-top: 64px;
}
@media (min-width: 1100px) {
.hero {
margin-top: 91.5px;
height: 75vh;
}
}
.hero .hero-content {
padding: 2rem 1rem;
text-align: center;
position: absolute;
bottom: 0;
z-index: 30;
}
@media (min-width: 744px) {
.hero .hero-content {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: 1100px;
}
}
.hero .hero-content h1 {
margin-bottom: 1rem;
color: white;
font-family: argent-cf, serif;
font-weight: 300;
font-style: normal;
}
.hero .hero-content p {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 21px;
line-height: 1.5;
margin-bottom: 1rem;
color: white;
}
@media (min-width: 1200px) {
.hero .hero-content p {
font-size: 24px;
}
}
.hero .hero-content-centered {
position: absolute;
z-index: 30;
padding: 80px 24px 50px 24px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
}
@media (min-width: 744px) {
.hero .hero-content-centered {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: 1100px;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 50px;
}
}
.hero .hero-content-centered .text-content {
max-width: 509px;
}
.hero .hero-content-centered h1, .hero .hero-content-centered p {
color: black;
}
.hero .hero-content-centered p {
line-height: 1.5;
}
@media (min-width: 744px) {
.hero .hero-content-centered p {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.hero .hero-content-centered p {
font-size: 21px;
}
}
.hero .hero-content-centered h1 {
margin-bottom: 10px;
font-size: 32px;
}
@media (min-width: 744px) {
.hero .hero-content-centered h1 {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.hero .hero-content-centered h1 {
font-size: 64px;
}
}
.hero .elpris {
background-color: white;
border-radius: 16px;
max-width: 424px;
margin-top: 64px;
padding: 32px;
display: flex;
flex-direction: column;
align-items: flex-end;
flex: 0 0 100%;
}
@media (min-width: 744px) {
.hero .elpris {
margin-top: 0;
}
}
.hero .elpris img {
margin-top: -80px;
max-width: 243px;
margin-left: auto;
margin-right: auto;
}
.hero .elpris hr {
border: 1px solid black;
margin: 10px 0;
}
.hero .elpris p {
margin-top: 16px;
font-family: lato, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
.hero .size-14 {
font-size: 14px;
}
.hero .size-24 {
font-size: 24px;
}
.hero .elpris-info {
flex: 0 0 100%;
}
.hero .avtal-pris {
display: flex;
}
.hero .avtal-wrap {
flex: 0 0 50%;
}
.hero .kwh-wrap {
margin-top: 5px;
}
.hero .cta-full a {
width: 100%;
margin-top: 16px;
}
@media (min-width: 744px) {
.hero .cta-full a {
margin-top: 42px;
}
}
.hero .gradient {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
position: absolute;
bottom: 0;
z-index: 20;
width: 100%;
height: 540px;
}
.hero .main-img {
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin-top: 51px;
}
@media (min-width: 744px) {
.hero .main-img {
margin-top: 0;
}
}
.hero .main-img img {
position: absolute;
top: 0;
left: 0;
max-width: none;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.hero .bp-center-center {
background-position: center center;
}
.hero .bp-top-center {
background-position: top center;
}
.avtal-hero {
min-height: 700px;
}
.no-hero {
position: relative;
margin-top: 64px;
}
@media (min-width: 1100px) {
.no-hero {
margin-top: 91.5px;
}
}
.page-hero {
position: relative;
min-height: 600px;
width: 100%;
margin-top: 64px;
}
@media (min-width: 1100px) {
.page-hero {
margin-top: 91.5px;
}
}
.page-hero .page-hero-wrapper {
width: 100%;
height: 100%;
padding-top: 51px;
}
@media (min-width: 744px) {
.page-hero .page-hero-wrapper {
display: flex;
padding-top: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.page-hero .page-img {
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
aspect-ratio: 1/1;
}
@media (min-width: 744px) {
.page-hero .page-img {
flex: 0 0 50%;
height: 100%;
aspect-ratio: unset;
}
}
.page-hero .page-img img {
max-width: none;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.page-hero .page-content {
background-color: #FFCD00;
padding: 24px;
display: flex;
align-items: center;
}
@media (min-width: 744px) {
.page-hero .page-content {
flex: 0 0 50%;
}
}
@media (min-width: 1100px) {
.page-hero .page-content {
padding: 50px;
}
}
@media (min-width: 744px) {
.page-hero .text-wrap {
max-width: 620px;
}
}
.page-hero .text-wrap h1 {
margin-bottom: 1rem;
}
.page-hero .text-wrap p {
font-size: 20px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.page-hero .text-wrap p {
font-size: 24px;
}
}
.page-hero .cta-wrap {
margin-top: 24px;
display: flex;
flex-direction: column;
}
.news-hero {
position: relative;
width: 100%;
margin-top: 64px;
background-color: #FFCD00;
}
@media (min-width: 1100px) {
.news-hero {
margin-top: 91.5px;
}
}
.news-hero .news-hero-wrapper {
padding: 75px 16px 24px 16px;
height: 100%;
}
@media (min-width: 744px) {
.news-hero .news-hero-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 24px 80px 24px;
}
}
@media (min-width: 1200px) {
.news-hero .news-hero-wrapper {
max-width: 1300px;
margin: auto;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 744px) {
.news-hero .news-img {
flex: 0 0 48%;
}
}
.news-hero .news-img img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
}
.news-hero .news-img .img-name {
display: inline-block;
font-size: 14px;
margin-top: 8px;
}
.news-hero .news-content {
margin-top: 32px;
}
@media (min-width: 744px) {
.news-hero .news-content {
margin-top: 0;
flex: 0 0 48%;
}
}
.news-hero .text-wrap .category {
text-transform: uppercase;
background-color: black;
color: white;
padding: 7px 10px;
border-radius: 4px;
display: inline-block;
font-size: 14px;
}
.news-hero .text-wrap h1 {
margin-top: 24px;
margin-bottom: 16px;
}
.news-hero .text-wrap p {
font-size: 21px;
line-height: 1.5;
margin-bottom: 24px;
}
@media (min-width: 1200px) {
.news-hero .text-wrap p {
font-size: 24px;
}
}
.news-hero .text-wrap .publish {
display: inline-block;
margin-bottom: 24px;
font-size: 14px;
}
.news-hero .text-wrap .some-icons {
display: flex;
gap: 8px;
}
.news-hero .text-wrap .some-icons img {
display: block;
}
.form-heading {
margin: auto;
}
@media (min-width: 744px) {
.form-heading {
text-align: center;
}
}
.form-heading h2 {
font-size: 36px;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.form-heading h2 {
font-size: 48px;
margin-bottom: 16px;
}
}
#simpliform {
padding: 24px 16px;
}
@media (min-width: 744px) {
#simpliform {
max-width: 874px;
margin: auto;
padding: 24px 0px;
}
}
#simpliform .simpliform-content-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#simpliform .section-wrapper {
padding: 24px;
background-color: #EEEAE6;
border-radius: 16px;
margin-bottom: 24px;
}
#simpliform .section-wrapper:last-child {
margin-bottom: 0;
}
@media (min-width: 744px) {
#simpliform .section-wrapper {
padding: 32px 48px;
}
}
#simpliform .form-field h2 {
font-family: argent-cf, serif;
font-weight: 300;
font-size: 30px;
padding-bottom: 10px;
}
@media (min-width: 1200px) {
#simpliform .form-field h2 {
font-size: 36px;
}
}
#simpliform .form-field h3 {
font-family: argent-cf, serif;
font-weight: 300;
font-size: 24px;
}
@media (min-width: 1200px) {
#simpliform .form-field h3 {
font-size: 30px;
}
}
#simpliform .form-field p {
font-size: 14px;
width: 100%;
}
#simpliform .form-field a {
color: black;
text-decoration: underline;
}
#simpliform .form-field div {
flex: 0 0 100%;
}
#simpliform .form-group {
width: 100%;
margin-bottom: 24px;
}
#simpliform .label-wrap {
margin-bottom: 8px;
}
#simpliform .control-label {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 16px;
}
@media (min-width: 744px) {
#simpliform .control-label {
font-size: 18px;
}
}
#simpliform .form-control, #simpliform .date-picker-input {
width: 100% !important;
padding: 10px 12px !important;
border: 1px solid #979797 !important;
border-radius: 5px !important;
font-family: lato, sans-serif !important;
color: #808080 !important;
font-size: 16px !important;
}
@media (min-width: 744px) {
#simpliform .form-control, #simpliform .date-picker-input {
padding: 24px 20px !important;
font-size: 18px !important;
}
}
#simpliform .col-sm-12 {
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
}
#simpliform .col-sm-6 {
display: flex;
flex: 0 0 100%;
}
@media (min-width: 744px) {
#simpliform .col-sm-6 {
flex: 0 0 48.5%;
}
}
#simpliform .checkbox, #simpliform .radio {
font-family: lato, sans-serif;
margin-bottom: 16px !important;
}
#simpliform .checkbox label, #simpliform .radio label {
display: flex;
align-items: flex-start;
}
#simpliform .checkbox input, #simpliform .radio input {
margin-top: 6px;
margin-right: 6px;
}
#simpliform .pagination-wrapper {
display: flex;
justify-content: flex-start;
}
#simpliform .pagination-wrapper .prev-btn-wrapper {
margin-right: 16px;
}
#simpliform .pagination-wrapper .btn {
display: inline-block;
border-radius: 50px;
padding: 14px 31px;
text-align: center;
font-family: argent-cf, serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
border: none;
}
#simpliform .pagination-wrapper .btn svg {
display: none;
}
#simpliform .pagination-wrapper .btn-primary {
color: black;
}
#simpliform .pagination-wrapper .submit-btn {
background-color: #F2A900;
color: #000000;
}
#simpliform .help-block {
font-family: lato, sans-serif;
font-weight: 700;
font-size: 14px;
}
#simpliform .has-error .form-control {
border: 1px solid #D22630;
}
#simpliform .has-error .control-label {
color: #D22630;
}
#simpliform .has-error .help-block {
color: #D22630;
}
@media (min-width: 1100px) {
.table-wrapper {
padding: 16px 0;
}
}
.dataTables_wrapper {
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.dataTables_wrapper::-webkit-scrollbar {
display: none;
}
.tablepress {
border-spacing: 0;
margin: auto;
min-width: 700px;
width: 100%;
}
.tablepress thead {
background-color: #FFCD00;
font-family: lato, sans-serif;
text-align: left;
}
.tablepress thead th {
padding: 16px;
}
.tablepress thead th:first-child {
border-radius: 10px 0px 0px 0px;
}
.tablepress thead th:last-child {
border-radius: 0px 10px 0px 0px;
}
.tablepress tbody {
font-family: lato, sans-serif;
}
.tablepress tbody tr:last-child td:first-child {
border-radius: 0px 0px 0px 10px;
}
.tablepress tbody tr:last-child td:last-child {
border-radius: 0px 0px 10px 0px;
}
.tablepress tbody td {
padding: 16px;
border-bottom: 1px solid #EEEAE6;
}
.tablepress tbody td:first-child {
border-left: 1px solid #EEEAE6;
}
.tablepress tbody td:last-child {
border-right: 1px solid #EEEAE6;
}
.table-30 .column-1, .table-30 .column-2, .table-30 .column-3 {
width: 30%;
}
.table-30 .column-4 {
width: 10%;
}
.breadcrumbs {
width: 100%;
padding: 16px 20px;
background-color: white;
border-top: 1px solid #EEEAE6;
position: absolute;
top: 0;
left: 0;
z-index: 40;
}
@media (min-width: 744px) {
.breadcrumbs {
width: auto;
border: none;
border-radius: 50px;
top: 16px;
left: 16px;
background-color: rgba(255, 255, 255, 0.9);
}
}
.breadcrumbs .crumbs {
display: flex;
}
.breadcrumbs .crumb {
color: black;
font-size: 16px;
display: flex;
align-items: flex-end;
font-family: argent-cf, serif;
font-weight: 300;
}
.breadcrumbs .crumb::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/slash.svg);
position: relative;
top: 2px;
margin: 0 8px 0 8px;
}
@media (min-width: 744px) {
.breadcrumbs .crumb:last-child {
margin-right: 0px;
}
}
.breadcrumbs .first-crumb {
display: flex;
align-items: flex-end;
margin-right: 8px;
}
.operating-info-container {
width: 100%;
}
@media (min-width: 1200px) {
.operating-info-container {
max-width: 1300px;
margin: auto;
}
}
.operating-info-container h2 {
margin-bottom: 16px;
}
@media (min-width: 744px) {
.operating-info-container h2 {
margin-bottom: 24px;
text-align: center;
}
}
.operating-info-container .operating-info {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 24px;
position: relative;
margin-left: -16px;
margin-right: -16px;
}
@media (min-width: 744px) {
.operating-info-container .operating-info {
border-radius: 50px;
padding: 20px 24px;
margin: auto;
}
}
.operating-info-container .grey-bg {
background-color: #EEEAE6;
transition: 0.4s;
}
.operating-info-container .grey-bg:hover {
background-color: #DCD7D3;
}
.operating-info-container .yellow-bg {
background-color: #F2A900;
}
.operating-info-container .op-content-wrapper {
display: flex;
align-items: center;
}
.operating-info-container .warning-symbol {
margin-right: 16px;
display: flex;
align-items: center;
}
@media (min-width: 744px) {
.operating-info-container .operating-content {
display: flex;
align-items: center;
}
}
.operating-info-container .operating-content .op-message {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #000000;
margin-right: 8px;
}
@media (min-width: 744px) {
.operating-info-container .operating-content .op-message {
font-size: 15px;
}
}
.operating-info-container .operating-content .op-heading {
font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;
color: #000000;
}
@media (min-width: 744px) {
.operating-info-container .operating-content .op-heading::after {
position: absolute;
content: "•";
margin-left: 10px;
}
}
.operating-info-container .operating-content .op-time {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #000000;
}
@media (min-width: 744px) {
.operating-info-container .operating-content .op-time {
margin-left: 30px;
}
}
.operating-info-container .operating-icon .icon-text {
display: none;
color: #000000;
margin-right: 10px;
margin-bottom: 4px;
transition: 0.4s;
}
@media (min-width: 744px) {
.operating-info-container .operating-icon .icon-text {
display: block;
}
}
@media (min-width: 744px) {
.operating-info-container .operating-icon {
display: flex;
align-items: center;
}
}
.news-container {
max-width: 1300px;
margin: auto;
}
@media (min-width: 1200px) {
.news-container {
max-width: 1300px;
margin: auto;
}
}
.news-container h1 {
padding-top: 48px;
padding-bottom: 24px;
}
@media (min-width: 744px) {
.news-container h1 {
text-align: center;
padding-bottom: 32px;
}
}
@media (min-width: 1100px) {
.news-container h1 {
text-align: center;
padding-top: 68px;
padding-bottom: 40px;
}
}
.news-container h2 {
margin-bottom: 16px;
}
@media (min-width: 744px) {
.news-container h2 {
text-align: center;
margin-bottom: 24px;
}
}
@media (min-width: 744px) {
.news-container .news {
display: flex;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
}
.news-container .news-article {
display: flex;
flex-direction: column;
background-color: rgba(238, 234, 230, 0.5);
border-radius: 8px;
margin-bottom: 24px;
}
.news-container .news-article:last-child {
margin-bottom: 0;
}
@media (min-width: 744px) {
.news-container .news-article {
flex: 0 0 48%;
margin-bottom: 0;
}
}
@media (min-width: 1100px) {
.news-container .news-article {
flex: 0 0 31.5%;
}
}
@media (min-width: 1280px) {
.news-container .news-article {
flex: 0 0 32%;
}
}
.news-container .ar-news {
min-height: 239px;
max-height: 239px;
border-radius: 8px 8px 0 0;
}
.news-container .news-content {
padding: 16px 24px 24px 24px;
}
.news-container .news-content h4 {
color: #000000;
margin-bottom: 10px;
font-size: 24px;
}
.news-container .news-content h4:hover {
text-decoration: underline;
}
.news-container .news-content p {
font-family: lato, sans-serif;
font-weight: 400;
line-height: 1.5;
}
.news-container .news-content .news-date {
font-size: 14px;
margin-bottom: 16px;
}
.news-container .news-content .news-excerpt {
font-size: 16px;
}
@media (min-width: 1200px) {
.news-container .news-content .news-excerpt {
font-size: 18px;
}
}
.news-container .news-cta-container {
margin-top: auto;
padding: 0 24px 24px 24px;
}
.news-container .news-cta-container .news-cta {
display: inline-block;
padding: 8px 24px;
color: #000000;
background-color: #F2A900;
font-size: 14px;
border-radius: 50px;
transition: 0.4s;
}
.news-container .news-cta-container .news-cta:hover {
background-color: #DE7C00;
}
.news-container .news-container-cta {
width: 100%;
display: flex;
justify-content: center;
}
.news-container .news-container-cta .cta {
flex: 0 0 100%;
margin-top: 24px;
}
@media (min-width: 744px) {
.news-container .news-container-cta .cta {
flex: 0 0 48%;
margin-top: 32px;
}
}
@media (min-width: 1100px) {
.news-container .news-container-cta .cta {
flex: 0 0 31.5%;
}
}
@media (min-width: 1280px) {
.news-container .news-container-cta .cta {
flex: 0 0 32%;
}
}
@media (min-width: 744px) {
.cards-wrapper {
display: flex;
gap: 16px;
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.cards-wrapper {
max-width: 1300px;
margin: auto;
gap: 20px;
}
}
.cards-wrapper .card {
position: relative;
margin: 24px 0;
}
@media (min-width: 744px) {
.cards-wrapper .card {
margin: 0;
flex-grow: 1;
}
}
.cards-wrapper .ar-3, .cards-wrapper .ar-2 {
border-radius: 8px;
}
.cards-wrapper .ar-3 {
aspect-ratio: 3/4;
}
.cards-wrapper .ar-3 img {
max-width: 420px;
}
.cards-wrapper .ar-2 {
aspect-ratio: 1/1;
}
.cards-wrapper .ar-2 img {
max-width: 640px;
}
.cards-wrapper .card-content {
position: absolute;
left: 24px;
right: 24px;
bottom: 32px;
z-index: 20;
}
.cards-wrapper .card-content h2 {
color: #ffffff;
}
.cards-wrapper .card-content p {
font-size: 16px;
line-height: 1.5;
margin-top: 10px;
color: #ffffff;
font-family: lato, sans-serif;
}
@media (min-width: 1200px) {
.cards-wrapper .card-content p {
font-size: 18px;
}
}
@media (min-width: 744px) {
.cards-wrapper .c-3 {
left: 16px;
}
}
@media (min-width: 1024px) {
.cards-wrapper .c-3 {
left: 24px;
}
}
@media (min-width: 1024px) {
.cards-wrapper .c-2 {
left: 48px;
right: 48px;
text-align: center;
}
}
.cards-wrapper .gradient-card {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
position: absolute;
bottom: 0;
width: 100%;
height: 200px;
border-radius: 0 0 8px 8px;
}
@media (min-width: 1200px) {
.cards-wrapper .gradient-card {
height: 400px;
}
}
.full-width {
margin-left: -16px;
margin-right: -16px;
}
@media (min-width: 744px) {
.full-width {
margin-left: -24px;
margin-right: -24px;
}
}
@media (min-width: 880px) {
.full-width {
position: relative;
}
}
@media (min-width: 1024px) {
.full-width {
margin-left: -40px;
margin-right: -40px;
}
}
@media (min-width: 1400px) {
.full-width {
margin-left: 0px;
margin-right: 0px;
}
}
.full-width .full-ar {
aspect-ratio: 1/1;
}
@media (min-width: 600px) {
.full-width .full-ar {
aspect-ratio: 2.35/1;
}
}
@media (min-width: 880px) {
.full-width .content-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 0 24px;
display: flex;
justify-content: flex-end;
align-items: center;
}
}
@media (min-width: 1024px) {
.full-width .content-wrapper {
max-width: 1300px;
left: 50%;
transform: translateX(-50%);
}
}
.full-width .full-width-content {
background-color: #F2A900;
padding: 24px;
}
@media (min-width: 880px) {
.full-width .full-width-content {
max-width: 350px;
border-radius: 8px;
}
}
@media (min-width: 1100px) {
.full-width .full-width-content {
max-width: 423px;
padding: 32px;
}
}
@media (min-width: 1100px) {
.full-width .full-width-content .cta {
margin-top: 24px;
}
}
.full-width h2 {
margin-bottom: 10px;
}
@media (min-width: 744px) {
.full-width h2 {
margin-bottom: 16px;
}
}
.full-width p {
font-size: 16px;
line-height: 1.5;
font-family: lato, sans-serif;
font-weight: 400;
}
@media (min-width: 1100px) {
.full-width p {
font-size: 18px;
}
}
.full-width .full-pattern {
display: none;
position: absolute;
bottom: 24px;
left: 0;
}
@media (min-width: 1100px) {
.full-width .full-pattern {
display: block;
}
}
@media (min-width: 1200px) {
.full-width .full-pattern {
bottom: 32px;
}
}
.full-width .full-pattern img {
display: block;
height: 300px;
}
@media (min-width: 1300px) {
.full-width .full-pattern img {
height: 473px;
}
}
@media (min-width: 744px) {
.media-banner-wrap {
max-width: 1300px;
margin: auto;
}
}
@media (min-width: 744px) {
.media-banner-wrap .media-banner {
position: relative;
}
}
.media-banner-wrap .ar-media {
border-radius: 8px;
aspect-ratio: 1/1;
}
@media (min-width: 744px) {
.media-banner-wrap .ar-media {
aspect-ratio: 16/9;
}
}
@media (min-width: 744px) {
.media-banner-wrap .banner-content-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 24px;
display: flex;
align-items: center;
}
}
@media (min-width: 1024px) {
.media-banner-wrap .banner-content-wrap {
max-width: 1300px;
left: 50%;
transform: translateX(-50%);
padding: 48px;
}
}
@media (min-width: 744px) {
.media-banner-wrap .content-left {
justify-content: flex-start;
}
}
@media (min-width: 744px) {
.media-banner-wrap .content-right {
justify-content: flex-end;
}
}
.media-banner-wrap .banner-content {
margin-top: 10px;
border-radius: 8px;
background-color: #F2A900;
padding: 24px;
}
@media (min-width: 744px) {
.media-banner-wrap .banner-content {
max-width: 350px;
border-radius: 8px;
}
}
@media (min-width: 1100px) {
.media-banner-wrap .banner-content {
max-width: 423px;
padding: 32px;
}
}
@media (min-width: 1100px) {
.media-banner-wrap .banner-content .cta {
margin-top: 24px;
}
}
.media-banner-wrap p {
margin-top: 10px;
font-size: 16px;
line-height: 1.5;
font-family: lato, sans-serif;
font-weight: 400;
}
@media (min-width: 744px) {
.media-banner-wrap p {
margin-top: 16px;
}
}
@media (min-width: 1100px) {
.media-banner-wrap p {
font-size: 18px;
}
}
.media-banner-wrap a {
color: black;
text-decoration: underline;
}
.media-banner-wrap .cta {
color: white !important;
text-decoration: none;
}
.grid-wrapper {
border-bottom: 1px solid #EEEAE6;
padding: 16px 0 24px 0;
margin-bottom: 16px;
}
@media (min-width: 744px) {
.grid-wrapper {
padding: 8px 0 32px 0;
margin-bottom: 24px;
}
}
@media (min-width: 1024px) {
.grid-wrapper {
padding-top: 0;
}
}
.grid-wrapper h2 {
padding-bottom: 16px;
}
@media (min-width: 744px) {
.grid-wrapper h2 {
text-align: center;
padding-bottom: 24px;
}
}
.grid-wrapper .grid-column {
overflow: scroll;
display: flex;
margin-left: -30px;
}
@media (min-width: 1024px) {
.grid-wrapper .gc-under-6 {
margin: auto;
justify-content: center;
}
}
@media (min-width: 1200px) {
.grid-wrapper .gc-over-6 {
margin: auto;
justify-content: center;
}
}
.grid-wrapper .grid-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 155px;
cursor: pointer;
}
.grid-wrapper .grid-cta {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
display: inline-block;
color: white;
background-color: #333333;
padding: 6px 16px;
border: none;
border-radius: 50px;
margin-top: 8px;
}
@media (min-width: 744px) {
.elavtal-options {
max-width: 1300px;
margin: auto;
}
}
.elavtal-options .elavtal-content {
margin-bottom: 24px;
}
.elavtal-options .elavtal-content h2 {
margin-bottom: 16px;
}
.elavtal-options .elavtal-content p {
line-height: 1.5;
}
@media (min-width: 1100px) {
.elavtal-options .elavtal-content p {
font-size: 18px;
}
}
.elavtal-options .elavtal-content p a {
color: black;
text-decoration: underline;
}
.elavtal-options .mobile-options-form {
margin-top: 24px;
padding: 13px 18px;
background-color: white;
border: 2px solid #EEEAE6;
border-radius: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 744px) {
.elavtal-options .mobile-options-form {
display: none;
}
}
.elavtal-options .mobile-options-form label {
font-family: argent-cf, serif;
font-size: 18px;
}
.elavtal-options .mobile-options-form select {
border: none;
font-family: argent-cf, serif;
font-size: 18px;
width: 80px;
}
.elavtal-options .desktop-options-form {
display: none;
margin-top: 16px;
}
@media (min-width: 744px) {
.elavtal-options .desktop-options-form {
display: flex;
align-items: center;
}
}
.elavtal-options .desktop-options-form h4 {
font-size: 18px;
margin-right: 20px;
}
.elavtal-options .desktop-options-form button {
background-color: white;
border: 2px solid #EEEAE6;
padding: 13px 21px;
border-radius: 50px;
font-family: argent-cf, serif;
font-size: 18px;
margin-right: 8px;
}
.elavtal-options .desktop-options-form .chosen {
border: 2px solid black;
}
.elavtal-options .elavtal {
display: flex;
overflow: hidden;
}
@media (min-width: 744px) {
.elavtal-options .elavtal {
justify-content: space-between;
}
}
.elavtal-options .contact-box {
width: 100%;
background-color: #EEEAE6;
border-radius: 8px;
min-height: 400px;
padding: 16px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 12px;
}
@media (min-width: 744px) {
.elavtal-options .contact-box {
margin: 0;
}
}
.elavtal-options .contact-box h2 {
margin-bottom: 10px;
}
@media (min-width: 744px) {
.elavtal-options .contact-box h2 {
margin-bottom: 16px;
}
}
.elavtal-options .contact-box p {
max-width: 872px;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 744px) {
.elavtal-options .contact-box p {
font-size: 18px;
}
}
.elavtal-options .contact-box .cta-column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (min-width: 1100px) {
.elavtal-options .contact-box .cta-column {
margin-top: 8px;
}
}
.elavtal-options .elavtal-box {
display: flex;
flex-direction: column;
flex: 0 0 80%;
margin: 0 12px;
padding: 16px 16px 0 16px;
border-radius: 10px;
border: 2px solid #EEEAE6;
}
@media (min-width: 744px) {
.elavtal-options .elavtal-box {
flex: 0 0 32%;
margin: 0;
}
}
.elavtal-options .elavtal-box img {
display: block;
width: 100%;
}
.elavtal-options .out-of-stock, .elavtal-options .splash {
position: relative;
}
.elavtal-options .oos-mark {
position: absolute;
top: -2px;
left: -2px;
}
.elavtal-options .splash-wrap {
position: absolute;
top: 16px;
right: 16px;
}
.elavtal-options .elavtal-img {
margin-bottom: 16px;
}
.elavtal-options .elavtal-type {
padding-bottom: 16px;
}
.elavtal-options .elavtal-type h4 {
font-size: 24px;
margin-bottom: 10px;
color: black;
}
.elavtal-options .elavtal-type p {
font-size: 14px;
font-family: lato, sans-serif;
font-weight: 400;
color: black;
}
.elavtal-options .elavtal-price {
margin-bottom: 16px;
margin-top: auto !important;
padding-top: 10px;
width: 100%;
border-top: 1px solid #000000;
}
.elavtal-options .elavtal-price p {
font-family: argent-cf, serif;
color: black;
}
.elavtal-options .price {
display: flex;
align-items: flex-end;
}
.elavtal-options .price h4 {
font-size: 24px;
margin-right: 4px;
color: black;
}
.elavtal-options .price p {
margin-bottom: 2px;
color: black;
}
.elavtal-options .price-wrap {
margin-top: 8px;
}
.elavtal-options .elavtal-cta {
margin-top: 16px;
}
.elavtal-options .elavtal-cta a {
margin-top: 8px;
width: 100%;
}
@media (min-width: 1216px) {
.elavtal-options .elavtal-cta a {
width: calc(50% - 8px);
}
.elavtal-options .elavtal-cta a:first-child {
margin-right: 10px;
}
}
@media (min-width: 744px) {
.outage-map {
max-width: 1300px;
margin: auto;
}
}
.outage-map .outage-text {
margin-bottom: 16px;
}
@media (min-width: 744px) {
.outage-map .outage-text {
margin-bottom: 24px;
}
}
.outage-map .outage-text h2 {
margin-bottom: 10px;
}
@media (min-width: 744px) {
.outage-map .outage-text h2 {
margin-bottom: 16px;
}
}
.outage-map .outage-text p {
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.outage-map .outage-text p {
font-size: 18px;
}
}
.historic-prices .hp-text {
padding-bottom: 16px;
}
@media (min-width: 744px) {
.historic-prices .hp-text {
padding-bottom: 24px;
}
}
.historic-prices .hp-text h2 {
margin-bottom: 10px;
}
@media (min-width: 744px) {
.historic-prices .hp-text h2 {
margin-bottom: 16px;
}
}
.historic-prices .hp-text p {
font-family: lato, sans-serif;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.historic-prices .hp-text p {
font-size: 18px;
}
}
@media (min-width: 744px) {
.historic-prices .hp-text {
max-width: 650px;
margin: auto;
}
}
@media (min-width: 1024px) {
.historic-prices .hp-text {
max-width: 873px;
}
}
.historic-prices h3 {
font-weight: 700;
margin-bottom: 16px;
}
@media (min-width: 744px) {
.historic-prices h3 {
margin-bottom: 24px;
}
}
.historic-prices .hp-scroll {
overflow: scroll;
margin-bottom: 16px;
}
@media (min-width: 744px) {
.historic-prices .hp-scroll {
overflow: hidden;
margin-bottom: 24px;
}
}
.historic-prices .hp-scroll .hp-img {
width: 1000px;
}
@media (min-width: 744px) {
.historic-prices .hp-scroll .hp-img {
width: 100%;
}
}
.historic-prices .hp-scroll .hp-img img {
display: block;
width: 100%;
}
.historic-prices .hp-wrap {
padding: 16px;
border: 2px solid #EEEAE6;
border-radius: 8px;
}
@media (min-width: 744px) {
.historic-prices .hp-wrap {
max-width: 1300px;
margin: auto;
}
}
@media (min-width: 744px) {
.historic-prices form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
@media (min-width: 1024px) {
.historic-prices form {
justify-content: flex-start;
}
}
.historic-prices #type, .historic-prices #year {
background-color: transparent;
padding: 12px;
font-family: lato, sans-serif;
font-size: 16px;
border: none;
border: 1px solid black;
border-radius: 8px;
width: 100%;
margin-bottom: 8px;
appearance: none;
background-image: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/select.svg);
background-repeat: no-repeat;
background-position: calc(100% - 16px);
}
@media (min-width: 744px) {
.historic-prices #type, .historic-prices #year {
flex: 0 0 49%;
}
}
@media (min-width: 1024px) {
.historic-prices #type, .historic-prices #year {
flex: 0 0 40%;
max-width: 364px;
margin-bottom: 0;
margin-right: 16px;
}
}
@media (min-width: 1024px) {
.historic-prices .submit-container {
display: flex;
align-items: center;
flex: 0 0 auto;
}
}
.historic-prices .submit-container .submit-btn {
border: none;
}
@media (min-width: 1024px) {
.historic-prices .submit-container .submit-btn {
margin-top: 0;
}
}
.swiper {
padding: 30px 0 24px 0 !important;
}
.swiper-container {
position: relative !important;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 0 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #F2A900;
}
.swiper-button-next {
right: -16px !important;
filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}
.swiper-button-next::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/pag-next.svg) !important;
}
.swiper-button-prev {
left: -16px !important;
filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
}
.swiper-button-prev::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/pag-prev.svg) !important;
}
.swiper-button-prev, .swiper-button-next {
position: absolute !important;
top: 190px !important;
z-index: 10 !important;
}
.swiper-button-prev {
left: -50px;
}
.swiper-button-next {
right: -50px;
}
.swiper-slide {
height: auto !important;
}
@media (min-width: 1024px) {
.price-slider {
max-width: 1300px;
margin: auto;
}
}
.price-slider h2 {
margin-bottom: 10px;
}
@media (min-width: 744px) {
.price-slider h2 {
text-align: center;
max-width: 650px;
margin: 0 auto 16px auto;
}
}
@media (min-width: 1024px) {
.price-slider h2 {
max-width: 873px;
}
}
.price-slider p {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
margin-bottom: 24px;
}
@media (min-width: 744px) {
.price-slider p {
text-align: center;
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px) {
.price-slider p {
max-width: 873px;
}
}
@media (min-width: 1100px) {
.price-slider p {
font-size: 18px;
}
}
.price-slider .price-cards-wrapper {
margin-top: 24px;
display: flex;
overflow: scroll;
}
@media (min-width: 744px) {
.price-slider .price-cards-wrapper {
margin-top: 32px;
}
}
.price-slider .flex-wrapper {
display: flex;
}
.price-slider .swiper-slide {
border-radius: 10px;
background-color: #FFCD00;
padding: 16px;
margin-right: 16px !important;
}
.price-slider .swiper-slide:first-child::before {
content: "Lägenhet";
position: absolute;
z-index: 20;
top: -28px;
left: 0;
font-size: 18px;
font-family: argent-cf, serif;
font-weight: 300;
padding: 2px 6px;
background-color: white;
}
.price-slider .swiper-slide:first-child::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px solid black;
left: 0;
right: 0;
top: -16px;
}
.price-slider .swiper-slide:nth-child(2)::before {
content: "Normal villa";
position: absolute;
z-index: 20;
top: -28px;
left: 0;
font-size: 18px;
font-family: argent-cf, serif;
font-weight: 300;
padding: 2px 6px;
background-color: white;
}
.price-slider .swiper-slide:nth-child(2)::after {
content: "";
position: absolute;
width: calc(200% + 16px);
height: 1px;
border-bottom: 1px solid black;
left: 0;
right: 0;
top: -16px;
}
@media (min-width: 744px) {
.price-slider .swiper-slide:nth-child(2)::after {
width: calc(200% + 24px);
}
}
.price-slider .swiper-slide:nth-child(4)::before {
content: "Behov av mycket el";
position: absolute;
z-index: 20;
top: -28px;
left: 0;
font-size: 18px;
font-family: argent-cf, serif;
font-weight: 300;
padding: 2px 6px;
background-color: white;
}
.price-slider .swiper-slide:nth-child(4)::after {
content: "";
position: absolute;
width: calc(400% + 48px);
height: 1px;
border-bottom: 1px solid black;
left: 0;
right: 0;
top: -16px;
}
@media (min-width: 744px) {
.price-slider .swiper-slide:nth-child(4)::after {
width: calc(400% + 60px);
}
}
.price-slider .swiper-slide:last-child {
margin-right: 0 !important;
}
@media (min-width: 744px) {
.price-slider .swiper-slide {
margin-right: 20px !important;
}
.price-slider .swiper-slide:last-child {
margin-right: 0 !important;
}
}
.price-slider .swiper-slide hr {
border: 0.5px solid black;
margin: 10px 0;
}
.price-slider .swiper-slide .fuse {
font-size: 60px;
display: flex;
align-items: center;
}
.price-slider .swiper-slide .fuse svg {
margin-right: 16px;
}
.price-slider .swiper-slide .kwh-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.price-slider .size-14 {
font-size: 14px;
}
.price-slider .size-18 {
font-size: 18px;
}
.price-slider .price-category {
margin-right: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.price-slider .swiper-button-next, .price-slider .swiper-button-prev {
visibility: hidden !important;
}
@media (min-width: 1024px) {
.price-slider .swiper-button-next, .price-slider .swiper-button-prev {
visibility: visible !important;
}
}
@media (min-width: 744px) {
.districtheating-calc {
max-width: 650px;
margin: auto;
}
}
@media (min-width: 1024px) {
.districtheating-calc {
max-width: 873px;
}
}
.districtheating-calc .calc-text h3 {
font-weight: 700;
margin-bottom: 10px;
}
@media (min-width: 744px) {
.districtheating-calc .calc-text h3 {
margin-bottom: 16px;
}
}
.districtheating-calc .calc-text p {
font-family: lato, sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 16px;
}
@media (min-width: 1024px) {
.districtheating-calc .calc-text p {
margin-bottom: 24px;
}
}
@media (min-width: 1200px) {
.districtheating-calc .calc-text p {
font-size: 18px;
}
}
.districtheating-calc .calc-form {
background-color: #FFCD00;
border-radius: 10px;
padding: 24px;
margin-top: 24px;
width: 100%;
}
@media (min-width: 744px) {
.districtheating-calc .calc-form {
margin-top: 0;
}
}
@media (min-width: 1100px) {
.districtheating-calc .calc-form {
padding: 32px;
}
}
.districtheating-calc .calc-form h3 {
font-size: 26px;
display: block;
margin-bottom: 32px;
}
@media (min-width: 1100px) {
.districtheating-calc .calc-form h3 {
font-size: 30px;
}
}
.districtheating-calc .label-input-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 24px;
}
.districtheating-calc .label-input-wrap:first-child {
margin-top: 0;
}
.districtheating-calc .label-input-wrap label {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 16px;
margin-right: 10px;
}
@media (min-width: 744px) {
.districtheating-calc .label-input-wrap label {
display: flex;
flex: 0 0 48%;
margin-right: 0;
}
}
@media (min-width: 1100px) {
.districtheating-calc .label-input-wrap label {
font-size: 18px;
}
}
.districtheating-calc .label-input-wrap input {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 16px;
background-color: #FFCD00;
border: none;
border: 1px solid #EEEAE6;
background-color: white;
border-radius: 5px;
padding: 8px;
}
@media (min-width: 744px) {
.districtheating-calc .label-input-wrap input {
display: flex;
flex: 0 0 50%;
}
}
@media (min-width: 1100px) {
.districtheating-calc .label-input-wrap input {
font-size: 18px;
}
}
.districtheating-calc button {
margin-top: 24px !important;
border: none;
}
@media (min-width: 744px) {
.districtheating-calc button {
margin-top: 32px !important;
}
}
.districtheating-calc .result {
margin-top: 48px;
display: none;
}
@media (min-width: 830px) {
.media-row {
display: flex;
}
}
@media (min-width: 1024px) {
.media-row {
max-width: 1300px;
margin: auto;
}
}
.media-row .row-box {
margin-bottom: 16px;
}
@media (min-width: 744px) {
.media-row .row-box {
flex: 0 0 60%;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.media-row .row-box {
flex: 0 0 50%;
}
}
.media-row .row-box img {
display: block;
width: 100%;
height: auto;
border-radius: 8px;
}
@media (min-width: 744px) {
.media-row .box-right {
order: 2;
}
}
@media (min-width: 1024px) {
.media-row .row-content {
padding: 16px 64px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.media-row .row-content .row-text h2 {
margin-bottom: 10px;
}
@media (min-width: 1100px) {
.media-row .row-content .row-text h2 {
margin-bottom: 16px;
}
}
.media-row .row-content .row-text a {
color: black;
text-decoration: underline;
}
.media-row .row-content .row-text p {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1100px) {
.media-row .row-content .row-text p {
font-size: 18px;
}
}
.media-row .row-content .cta-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media (min-width: 1100px) {
.media-row .row-content .cta-column {
margin-top: 8px;
}
}
@media (min-width: 1024px) {
.faq, .forms, .operating {
max-width: 1300px;
margin: auto;
}
}
.faq-text, .form-text, .op-text {
margin-bottom: 24px;
}
@media (min-width: 744px) {
.faq-text, .form-text, .op-text {
margin-bottom: 32px;
}
}
.faq-text h2, .form-text h2, .op-text h2 {
margin-bottom: 10px;
}
@media (min-width: 744px) {
.faq-text h2, .form-text h2, .op-text h2 {
max-width: 650px;
margin: 0 auto 16px auto;
text-align: center;
}
}
@media (min-width: 1024px) {
.faq-text h2, .form-text h2, .op-text h2 {
max-width: 873px;
}
}
.faq-text p, .form-text p, .op-text p {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
@media (min-width: 744px) {
.faq-text p, .form-text p, .op-text p {
max-width: 650px;
margin: auto;
text-align: center;
}
}
@media (min-width: 1024px) {
.faq-text p, .form-text p, .op-text p {
max-width: 873px;
}
}
@media (min-width: 1100px) {
.faq-text p, .form-text p, .op-text p {
font-size: 18px;
}
}
@media (min-width: 1024px) {
.form-links {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
}
.form-links hr {
border: 1px solid #EEEAE6;
}
.form-links .f-link-wrap {
color: black;
}
.form-links .f-link {
cursor: pointer;
width: 100%;
padding: 8px 0;
display: flex;
justify-content: space-between;
align-items: center;
color: black;
}
.form-links .f-link:hover {
color: #F2A900;
}
.form-links .f-link p {
font-family: argent-cf, serif;
font-weight: 300;
flex: 0 0 95%;
font-size: 18px;
color: black;
}
.form-links .icon-link-wrap {
display: flex;
align-items: center;
}
.form-links .icon-link-wrap img {
margin-right: 16px;
}
.form-content {
background-color: #ffffff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: -100%;
z-index: 60;
transition: 0.5s;
opacity: 0;
visibility: hidden;
overflow: scroll;
}
@media (min-width: 1024px) {
.form-content {
right: -50%;
top: 0;
width: 50%;
height: 100%;
}
}
.form-content.show {
visibility: visible;
right: 0;
opacity: 1;
}
.form-content .form-nav {
position: fixed;
width: 100%;
background-color: #ffffff;
z-index: 30;
}
@media (min-width: 1024px) {
.form-content .form-nav {
width: 50%;
}
}
.form-content .form-nav .nav-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 0;
margin: 0 20px;
border-bottom: 2px solid #EEEAE6;
}
@media (min-width: 1024px) {
.form-content .form-nav .nav-wrap {
padding: 30px 0;
margin: 0 32px;
}
}
.form-content .form-nav .close {
cursor: pointer;
display: flex;
align-items: center;
}
.form-content .form-nav .close svg {
margin-left: 8px;
}
.form-content .lime-form-wrap {
margin-top: 60px;
padding: 16px 24px;
}
@media (min-width: 1024px) {
.form-content .lime-form-wrap {
padding: 32px 40px;
margin-top: 94px;
}
}
@media (min-width: 1200px) {
.form-content .lime-form-wrap {
padding: 53px 74px;
}
}
@media (min-width: 744px) {
.form-content .lime-form-wrap .form-description {
max-width: 874px;
margin: auto;
}
}
@media (min-width: 1024px) {
.form-content .lime-form-wrap .form-description {
margin-bottom: 18px;
}
}
.form-content .lime-form-wrap .form-description h2 {
margin-bottom: 16px;
font-size: 36px;
}
@media (min-width: 1200px) {
.form-content .lime-form-wrap .form-description h2 {
font-size: 48px;
}
}
@media (min-width: 1200px) {
.form-content .lime-form-wrap .form-description p {
font-size: 18px;
}
}
.form-content .lime-form-wrap .form-description a {
color: black;
text-decoration: underline;
}
.dark-bg {
background-color: black;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 55;
transition: 0.5s;
display: none;
opacity: 0;
transition: 0.5s;
}
.dark-bg.show {
display: block;
opacity: 0.6;
}
@media (min-width: 1024px) {
.accordion {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
}
.accordion .content-acc {
width: 100%;
padding: 15px 21px;
margin-bottom: 8px;
position: relative;
}
.accordion .content-acc {
background-color: #EEEAE6;
border-radius: 10px;
}
.accordion .faq-label, .accordion .op-label {
display: flex;
justify-content: space-between;
}
.accordion .faq-label p, .accordion .op-label p {
font-family: argent-cf, serif;
font-weight: 300;
flex: 0 0 95%;
}
.accordion .faq-label svg, .accordion .op-label svg {
margin-top: 8px;
}
.accordion .faq-label p {
font-size: 18px;
}
.accordion .op-label {
align-items: center;
}
.accordion .op-label p {
font-size: 18px;
}
@media (min-width: 744px) {
.accordion .op-label p {
font-size: 21px;
}
}
.accordion .op-label svg {
min-width: 24px;
}
.accordion .status {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.accordion .status .status-type {
margin-right: 12px;
padding: 8px;
border-radius: 4px;
font-weight: 700;
}
.accordion .status .ongoing {
background-color: #D22630;
color: white;
}
.accordion .status .planned {
background-color: #F2A900;
color: black;
}
.accordion .status .finished {
background-color: #74aa50;
color: white;
}
.accordion .status .status-tag {
text-transform: uppercase;
}
.accordion .time {
display: flex;
align-items: center;
margin-top: 16px;
}
.accordion .time span {
display: flex;
align-items: center;
margin-right: 20px;
}
.accordion .time img {
display: block;
margin-right: 8px;
}
.accordion .content {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5;
margin-top: 12px;
margin-right: 10px;
}
.accordion .content p {
margin-bottom: 16px;
}
.accordion .content p:last-child {
margin-bottom: 0;
}
.accordion .op-c {
margin-top: 24px;
}
.js-accordion {
cursor: pointer;
}
.js-accordion .js-label svg {
transition: 0.4s;
}
.js-accordion .js-content {
display: none;
}
.js-accordion.active .js-content {
display: block;
}
.js-accordion.active svg {
transform: rotate(180deg);
}
.js-forms-acc.active .forms-label {
color: black;
}
.js-forms-acc.active .forms-label svg path {
fill: black;
}
.column-2-4 {
max-width: 1300px;
margin: auto;
}
.column-2-4 .title-f-grid {
max-width: 870px;
margin: auto;
}
.column-2-4 .title-f-grid h1, .column-2-4 .title-f-grid h2 {
padding-bottom: 10px;
}
@media (min-width: 744px) {
.column-2-4 .title-f-grid h1, .column-2-4 .title-f-grid h2 {
text-align: center;
padding-bottom: 16px;
}
}
.column-2-4 .title-f-grid .h2-large {
font-size: 38px;
}
@media (min-width: 1200px) {
.column-2-4 .title-f-grid .h2-large {
font-size: 48px;
}
}
.column-2-4 .title-f-grid p {
font-size: 21px;
line-height: 1.5;
}
@media (min-width: 744px) {
.column-2-4 .title-f-grid p {
text-align: center;
}
}
@media (min-width: 1100px) {
.column-2-4 .title-f-grid p {
font-size: 24px;
}
}
.column-2-4 .grids {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
}
@media (min-width: 744px) {
.column-2-4 .grids {
gap: 32px;
padding: 24px 0;
}
}
@media (min-width: 744px) {
.column-2-4 .column-2 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 744px) {
.column-2-4 .column-3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 744px) {
.column-2-4 .column-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.column-2-4 .column-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.column-2-4 .c-grid {
display: flex;
flex-direction: column;
}
.column-2-4 .c-grid .icon-fig {
display: flex;
justify-content: center;
}
.column-2-4 .c-grid .icon-fig img {
width: 128px;
height: auto;
}
.column-2-4 .c-grid .img-fig-ar {
border-radius: 8px;
overflow: hidden;
display: block;
aspect-ratio: 16/9;
}
.column-2-4 .c-grid .img-fig-ar img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.column-2-4 .grid-text {
margin-top: 24px;
}
.column-2-4 .grid-text h2, .column-2-4 .grid-text h3 {
color: #000000;
margin-bottom: 10px;
}
.column-2-4 .grid-text h3 {
font-weight: 700;
}
.column-2-4 .grid-text p {
font-family: lato, sans-serif;
font-weight: 400;
line-height: 1.5;
margin-bottom: 10px;
font-size: 16px;
}
.column-2-4 .grid-text p:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.column-2-4 .grid-text p {
font-size: 18px;
}
}
.column-2-4 .grid-text a {
color: black;
}
.column-2-4 .grid-text a:hover {
text-decoration: underline;
}
.column-2-4 .grid-text ul li {
display: flex;
font-size: 16px;
line-height: 1.5;
margin-bottom: 16px;
font-family: lato, sans-serif;
font-weight: 400;
}
.column-2-4 .grid-text ul li::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/bullet-point.svg);
position: relative;
top: 0;
margin-right: 8px;
width: 10px;
}
@media (min-width: 1200px) {
.column-2-4 .grid-text ul li::before {
width: 12px;
}
}
.column-2-4 .grid-text ul li:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.column-2-4 .grid-text ul li {
font-size: 18px;
}
}
.column-2-4 .grid-text .title-center {
text-align: center;
}
.column-2-4 .c-grid-cta {
margin-top: auto;
padding-top: 16px;
}
.column-2-4 .extra-title {
margin-top: 24px;
}
@media (min-width: 744px) {
.column-2-4 .extra-title {
text-align: center;
}
}
.align-left h2 {
text-align: left;
}
.align-left p {
text-align: left;
}
@media (min-width: 744px) {
.page-wrapper {
max-width: 650px;
margin: auto;
}
}
@media (min-width: 1024px) {
.page-wrapper {
max-width: 873px;
}
}
.page-wrapper h1, .page-wrapper h2 {
font-family: argent-cf, serif;
font-weight: 300;
}
.page-wrapper h3 {
font-family: lato, sans-serif;
font-weight: 700;
}
.page-wrapper h1 {
font-size: 40px;
}
@media (min-width: 1200px) {
.page-wrapper h1 {
font-size: 60px;
}
}
.page-wrapper h2 {
font-size: 30px;
}
@media (min-width: 1200px) {
.page-wrapper h2 {
font-size: 36px;
}
}
.page-wrapper h3 {
font-size: 20px;
}
@media (min-width: 1200px) {
.page-wrapper h3 {
font-size: 24px;
}
}
.page-wrapper h4 {
font-size: 18px;
}
@media (min-width: 1200px) {
.page-wrapper h4 {
font-size: 20px;
}
}
.page-wrapper p {
font-family: lato, sans-serif;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.page-wrapper p {
font-size: 18px;
}
}
.page-wrapper h2, .page-wrapper h3 {
margin: 24px 0 16px 0;
}
@media (min-width: 1024px) {
.page-wrapper h2, .page-wrapper h3 {
margin-top: 32px;
}
}
.page-wrapper h4 {
margin-bottom: 10px;
}
.page-wrapper p {
margin-bottom: 16px;
}
.page-ingress {
margin-top: 24px;
margin-bottom: 24px;
}
@media (min-width: 1200px) {
.page-ingress {
font-size: 32px;
margin-top: 32px;
margin-bottom: 32px;
}
}
.page-ingress p {
font-size: 21px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.page-ingress p {
font-size: 24px;
}
}
.page-ingress a {
color: black;
text-decoration: underline;
}
.page-paragraph {
margin-bottom: 24px;
}
.page-paragraph img {
display: block;
width: 100%;
}
.page-paragraph .img-border {
border: 2px solid #EEEAE6;
border-radius: 10px;
overflow: hidden;
}
.page-paragraph .img-full {
margin-bottom: 32px;
}
.page-paragraph .img-half {
margin-bottom: 16px;
}
.page-paragraph img {
border-radius: 8px;
}
.page-paragraph a {
color: black;
text-decoration: underline;
}
.page-paragraph .cta {
text-decoration: none !important;
}
.page-paragraph ul {
background-color: #EEEAE6;
padding: 24px;
margin-bottom: 24px;
border-radius: 8px;
}
@media (min-width: 1024px) {
.page-paragraph ul {
margin-bottom: 32px;
}
}
@media (min-width: 1200px) {
.page-paragraph ul {
padding: 32px;
}
}
.page-paragraph ul li {
display: flex;
font-size: 16px;
line-height: 1.5;
margin-bottom: 16px;
font-family: lato, sans-serif;
font-weight: 400;
}
.page-paragraph ul li::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/bullet-point.svg);
position: relative;
top: 0;
margin-right: 8px;
width: 10px;
}
@media (min-width: 1200px) {
.page-paragraph ul li::before {
width: 12px;
}
}
.page-paragraph ul li:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.page-paragraph ul li {
font-size: 18px;
line-height: 25.5px;
}
}
@media (min-width: 744px) {
.page-paragraph .half-column {
display: flex;
justify-content: space-between;
}
}
.page-paragraph .img-with-text {
margin-bottom: 32px;
}
@media (min-width: 744px) {
.page-paragraph .img-with-text {
flex: 0 0 49%;
margin-bottom: 16px;
}
}
.price-tables-wrapper {
max-width: 1100px;
margin: auto;
}
@media (min-width: 744px) {
.price-tables-wrapper .price-tables {
display: flex;
justify-content: space-between;
}
}
.price-tables-wrapper .price-counter {
background-color: #FFCD00;
border-radius: 10px;
padding: 24px;
margin-bottom: 24px;
}
@media (min-width: 744px) {
.price-tables-wrapper .price-counter {
flex: 0 0 48.5%;
margin-bottom: 0;
}
}
.price-tables-wrapper .counter-headline {
font-size: 30px;
display: block;
margin-bottom: 42px;
}
.price-tables-wrapper .select-wrap {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
}
.price-tables-wrapper .select-wrap select {
appearance: none;
border: none;
flex: 0 0 60%;
font-size: 18px;
background-color: #FFCD00;
border-bottom: 1px solid black;
padding-bottom: 8px;
background-image: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/select.svg);
background-repeat: no-repeat;
background-position: right;
}
.price-tables-wrapper .counter-answer {
display: flex;
flex-direction: column;
margin-top: 24px;
}
.price-tables-wrapper .counter-answer span {
display: flex;
}
.price-tables-wrapper .counter-answer .counter-answer-text {
font-size: 14px;
margin-bottom: 4px;
}
.price-tables-wrapper .counter-answer .counter-answer-number {
font-size: 36px;
}
.price-tables-wrapper .table-prices {
border-radius: 10px;
}
@media (min-width: 744px) {
.price-tables-wrapper .table-prices {
flex: 0 0 48.5%;
}
}
.price-tables-wrapper .price-head {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #FFCD00;
padding: 8px 16px;
border-radius: 10px 10px 0 0;
}
.price-tables-wrapper .price-name {
font-size: 30px;
}
.price-tables-wrapper .price-img img {
height: 48px;
}
.price-tables-wrapper .price-body {
border-radius: 0 0 10px 10px;
padding: 24px 16px;
border-bottom: 2px solid #EEEAE6;
border-left: 2px solid #EEEAE6;
border-right: 2px solid #EEEAE6;
height: calc(100% - 68px);
}
.price-tables-wrapper .price-type {
display: flex;
justify-content: space-between;
}
.price-tables-wrapper hr {
margin: 14px 0;
border: 1px solid #EEEAE6;
}
.price-tables-wrapper .size-18 {
font-size: 18px;
}
.price-tables-wrapper .policy-text {
margin-top: 24px;
}
@media (min-width: 744px) {
.price-tables-wrapper .policy-text {
margin-top: 32px;
}
}
@media (min-width: 1200px) {
.price-tables-wrapper .policy-text {
margin-top: 48px;
}
}
.news-article-wrapper {
max-width: 1300px;
margin: auto;
}
@media (min-width: 1100px) {
.news-article-wrapper {
display: flex;
justify-content: space-between;
gap: 24px;
padding-top: 64px;
}
}
@media (min-width: 744px) {
.news-article-content {
max-width: 873px;
}
}
.news-article-content .news-excerpt {
font-size: 21px;
line-height: 1.5;
margin-bottom: 32px;
}
@media (min-width: 1200px) {
.news-article-content .news-excerpt {
font-size: 24px;
margin-bottom: 48px;
}
}
.news-article-content h1, .news-article-content h2 {
font-family: argent-cf, serif;
font-weight: 300;
margin-top: 32px;
margin-bottom: 16px;
}
@media (min-width: 1200px) {
.news-article-content h1, .news-article-content h2 {
margin-bottom: 24px;
margin-top: 48px;
}
}
.news-article-content h3 {
font-family: lato, sans-serif;
font-weight: 700;
margin-top: 24px;
margin-bottom: 16px;
}
@media (min-width: 1200px) {
.news-article-content h3 {
margin-top: 32px;
}
}
.news-article-content h1 {
font-size: 40px;
}
@media (min-width: 1200px) {
.news-article-content h1 {
font-size: 60px;
}
}
.news-article-content h2 {
font-size: 30px;
}
@media (min-width: 1200px) {
.news-article-content h2 {
font-size: 36px;
}
}
.news-article-content h3 {
font-size: 20px;
}
@media (min-width: 1200px) {
.news-article-content h3 {
font-size: 24px;
}
}
.news-article-content h4 {
font-size: 18px;
}
@media (min-width: 1200px) {
.news-article-content h4 {
font-size: 20px;
}
}
.news-article-content p, .news-article-content a {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.news-article-content p, .news-article-content a {
font-size: 18px;
}
}
.news-article-content p {
margin-bottom: 16px;
}
.news-article-content a {
text-decoration: underline;
}
.news-article-content figcaption {
font-family: lato, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.news-article-content figcaption {
font-size: 16px;
}
}
.news-article-content ul {
background-color: #EEEAE6;
padding: 24px;
border-radius: 8px;
margin-bottom: 24px;
}
@media (min-width: 1024px) {
.news-article-content ul {
margin-bottom: 32px;
}
}
@media (min-width: 1200px) {
.news-article-content ul {
padding: 32px;
}
}
.news-article-content ul li {
display: flex;
font-size: 15px;
line-height: 1.5;
margin-bottom: 16px;
font-family: lato, sans-serif;
font-weight: 400;
}
.news-article-content ul li::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/bullet-point.svg);
position: relative;
top: 0;
margin-right: 8px;
width: 10px;
}
@media (min-width: 1200px) {
.news-article-content ul li::before {
width: 12px;
}
}
.news-article-content ul li:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.news-article-content ul li {
font-size: 17px;
line-height: 25.5px;
}
}
.news-article-content ul li svg {
flex: 0 0 10px;
margin-top: 5px;
margin-right: 8px;
}
@media (min-width: 1200px) {
.news-article-content ul li svg {
flex: 0 0 12px;
margin-top: 7px;
}
}
.news-aside {
margin-top: 32px;
}
@media (min-width: 744px) {
.news-aside {
max-width: 760px;
}
}
@media (min-width: 1100px) {
.news-aside {
min-width: 424px;
margin-top: 0;
}
}
.news-aside .aside-head {
background-color: #FFCD00;
padding: 16px;
border-radius: 10px 10px 0 0;
font-size: 24px;
font-family: argent-cf, serif;
}
.news-aside .aside-body {
background-color: #EEEAE6;
border-radius: 0 0 10px 10px;
padding: 24px 16px;
}
.news-aside .aside-content {
display: flex;
flex-direction: column;
}
.news-aside .aside-content a {
color: black;
font-family: lato, sans-serif;
text-decoration: underline;
margin-bottom: 16px;
}
.news-aside .aside-content a:last-child {
margin-bottom: 0;
}
@media (min-width: 1100px) {
.more-news {
margin-bottom: 32px;
}
}
.more-news h2 {
text-align: left;
}
.search-bar {
background-color: #F2A900;
padding: 24px 16px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 744px) {
.search-bar {
padding: 24px;
}
}
.search-bar .search-bar-wrap {
flex: 0 0 100%;
}
.search-bar form {
display: flex;
flex: 0 0 100%;
}
@media (min-width: 744px) {
.search-bar form {
max-width: 650px;
margin: auto;
}
}
.search-bar label {
font-family: lato, sans-serif;
display: block;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.search-bar input {
padding: 12px 24px 12px 38px;
border-radius: 24px;
border: none;
border: 1px solid black;
font-size: 16px;
font-family: lato, sans-serif;
color: black;
flex: 0 1 100%;
background-image: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-search-50p.svg);
background-repeat: no-repeat;
background-position: 10px;
}
.search-bar button {
font-family: argent-cf, serif;
font-weight: 300;
font-size: 16px;
background-color: black;
border: none;
padding: 13px 30px;
color: white;
border-radius: 24px;
margin-left: 8px;
}
@media (min-width: 744px) {
.search-results {
max-width: 873px;
margin: auto;
}
}
.search-results .s-result-amount {
margin-bottom: 24px;
}
.search-results .s-result-amount p {
font-size: 16px;
}
@media (min-width: 1200px) {
.search-results .s-result-amount p {
font-size: 18px;
}
}
.search-results .s-result {
padding: 24px 0;
}
.search-results .s-result h3 {
font-weight: 700;
margin-bottom: 10px;
color: black;
}
.search-results .s-result p {
font-size: 16px;
color: black;
}
@media (min-width: 1200px) {
.search-results .s-result p {
font-size: 18px;
}
}
.search-results .s-text:hover h3 {
text-decoration: underline;
}
.search-results .no-img {
margin-top: 16px;
}
.search-results .s-c-img {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 8px;
row-gap: 16px;
}
.search-results .s-c-img .s-text {
grid-column: 1/3;
grid-row: 1/3;
}
@media (min-width: 744px) {
.search-results .s-c-img .s-text {
grid-row: 1/1;
}
}
.search-results .s-c-img .s-img {
grid-column: 3/4;
grid-row: 1/4;
}
@media (min-width: 744px) {
.search-results .s-c-img .s-img {
justify-self: end;
}
}
.search-results .s-c-img .breadcrumbs-container {
grid-column: 1/4;
grid-row: 3/4;
}
@media (min-width: 744px) {
.search-results .s-c-img .breadcrumbs-container {
grid-column: 1/3;
grid-row: 2/3;
}
}
.search-results .s-img {
aspect-ratio: 1/1;
overflow: hidden;
display: block;
max-width: 100px;
}
@media (min-width: 744px) {
.search-results .s-img {
max-width: 220px;
}
}
.search-results .s-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.search-results .s-breadcrumbs {
display: inline-block;
background-color: #EEEAE6;
border-radius: 24px;
padding: 9px 13px;
}
.search-results .s-breadcrumbs .s-crumbs {
display: flex;
align-items: center;
}
.search-results .s-breadcrumbs .s-crumbs a {
color: black;
font-family: argent-cf, serif;
font-weight: 300;
}
.search-results .s-breadcrumbs .s-crumbs a:last-child {
text-decoration: underline;
}
.search-results .s-breadcrumbs .s-crumbs .home-crumb {
width: 14px;
height: 14px;
}
.search-results .s-breadcrumbs .s-crumbs svg {
width: 14px;
height: 14px;
}
.search-results .s-breadcrumbs .s-crumbs .page-crumb {
display: flex;
align-items: flex-end;
font-size: 16px;
}
.search-results .s-breadcrumbs .s-crumbs .page-crumb::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/slash.svg);
position: relative;
top: 2px;
margin: 2px 8px 0 8px;
}
.search-results hr {
border: 1px solid #EEEAE6;
}
.pagination {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 24px;
}
.pagination .pagination-btn {
display: flex;
align-items: center;
font-family: lato, sans-serif;
font-size: 16px;
color: black;
flex: 0 0 38%;
}
@media (min-width: 744px) {
.pagination .pagination-btn {
flex: 0 0 20%;
}
}
.pagination .pages {
font-family: lato, sans-serif;
font-size: 16px;
}
.pagination .prev-btn img {
margin-right: 8px;
}
.pagination .next-btn {
justify-content: flex-end;
}
.pagination .next-btn img {
margin-left: 8px;
}
.pagination .disabled {
opacity: 0.5;
}
.news-pagi {
max-width: 1300px;
margin: auto;
padding: 24px 16px 16px 16px;
}
@media (min-width: 744px) {
.news-pagi {
padding: 32px 24px 24px 24px;
}
}
@media (min-width: 1024px) {
.news-pagi {
padding: 48px 40px 24px 40px;
}
}
@media (min-width: 1400px) {
.news-pagi {
padding: 48px 0 24px 0;
}
}
.dark {
background-color: black;
}
.dark .menu {
background-color: #000000;
}
.dark .menu-wrapper .mobile-logo svg path {
fill: #F2A900;
}
.dark .menu-wrapper .icon-box svg path {
fill: #ffffff;
}
.dark .menu-wrapper .search-icon svg g path {
fill: #ffffff;
}
.dark .menu-wrapper .profile svg g path {
fill: #ffffff;
stroke: #ffffff;
}
.dark .menu-wrapper .wcag-name {
color: white;
}
.dark .menu-wrapper .hamburgemeny span {
background-color: #ffffff;
}
.dark .menu-wrapper .hamburgemeny.exit span:first-child {
background-color: #ffffff;
}
.dark .menu-wrapper .hamburgemeny.exit span:last-child {
background-color: #ffffff;
}
.dark .menu-wrapper .desktop-menu a {
color: #ffffff;
transition: 0.4s;
}
.dark .menu-wrapper .desktop-menu a:hover {
color: #000000;
}
.dark .menu-wrapper .desktop-menu .active {
color: black;
}
.dark .menu-wrapper .desktop-logo svg path {
fill: #F2A900;
}
.dark .menu-wrapper .offline svg path, .dark .menu-wrapper .search svg path {
fill: #ffffff;
}
@media (min-width: 1330px) {
.dark .menu-wrapper .profile {
background-color: #ffffff;
color: #000000;
}
}
.dark .menu-wrapper .profile svg path {
fill: #ffffff;
}
@media (min-width: 1330px) {
.dark .menu-wrapper .profile svg path {
fill: #000000;
}
}
.dark .menu-wrapper .menu-extra {
background-color: #000000;
}
.dark .menu-wrapper .accordion-menu hr {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.dark .menu-wrapper .search-mobile {
background-color: #000000;
}
.dark .menu-wrapper .search-mobile input {
background-color: #333333;
color: #EEEAE6;
background-image: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/search_icon_white.svg);
}
.dark .menu-wrapper .search {
background-color: black;
}
.dark .menu-wrapper .accordion-menu hr {
border-color: #333333;
}
.dark .menu-wrapper .menu-acc .label .main-menu {
color: #ffffff;
}
.dark .menu-wrapper .menu-acc .label .menu-arrow svg path {
fill: #ffffff;
opacity: 0.7;
}
.dark .menu-wrapper .menu-acc .content .under-menu {
color: #ffffff;
}
.dark .menu-wrapper .menu-acc.active .menu-arrow svg path {
opacity: 1;
}
.dark .menu-wrapper .secondary-menu li a {
color: #ffffff;
}
.dark .no-hero .breadcrumbs {
background-color: black;
}
.dark .no-hero .breadcrumbs .crumbs .crumb {
color: white;
}
.dark .no-hero .breadcrumbs .crumbs .crumb::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/slash_white.svg);
}
.dark .no-hero .breadcrumbs .crumbs svg path {
fill: white;
}
.dark .grid-wrapper h1, .dark .grid-wrapper h2, .dark .grid-wrapper p, .dark .news-container h1, .dark .news-container h2, .dark .news-container p, .dark .price-slider h1, .dark .price-slider h2, .dark .price-slider p, .dark .faq h1, .dark .faq h2, .dark .faq p {
color: white;
}
.dark .grid-wrapper .extern-link, .dark .news-container .extern-link, .dark .price-slider .extern-link, .dark .faq .extern-link {
color: white;
}
.dark .grid-wrapper .extern-link::after, .dark .news-container .extern-link::after, .dark .price-slider .extern-link::after, .dark .faq .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .grid-wrapper {
border-color: #333333;
}
.dark .news-article {
background-color: #333333;
}
.dark .news-article .news-content h4, .dark .news-article .news-content p {
color: #ffffff;
}
.dark .news-article .extern-link {
color: white;
}
.dark .news-article .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .news-container-cta .grey-cta {
background-color: #333333;
color: white;
}
.dark .news-article-content h1, .dark .news-article-content h2, .dark .news-article-content h3, .dark .news-article-content p, .dark .news-article-content a, .dark .news-article-content #text, .dark .news-article-content em, .dark .page-paragraph h1, .dark .page-paragraph h2, .dark .page-paragraph h3, .dark .page-paragraph p, .dark .page-paragraph a, .dark .page-paragraph #text, .dark .page-paragraph em, .dark .page-ingress h1, .dark .page-ingress h2, .dark .page-ingress h3, .dark .page-ingress p, .dark .page-ingress a, .dark .page-ingress #text, .dark .page-ingress em, .dark .page-wrapper h1, .dark .page-wrapper h2, .dark .page-wrapper h3, .dark .page-wrapper p, .dark .page-wrapper a, .dark .page-wrapper #text, .dark .page-wrapper em {
color: white;
}
.dark .news-article-content ul, .dark .page-paragraph ul, .dark .page-ingress ul, .dark .page-wrapper ul {
background-color: #333333;
}
.dark .news-article-content ul li, .dark .page-paragraph ul li, .dark .page-ingress ul li, .dark .page-wrapper ul li {
color: white;
}
.dark .news-article-content .extern-link, .dark .page-paragraph .extern-link, .dark .page-ingress .extern-link, .dark .page-wrapper .extern-link {
color: white;
}
.dark .news-article-content .extern-link::after, .dark .page-paragraph .extern-link::after, .dark .page-ingress .extern-link::after, .dark .page-wrapper .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .aside-body {
background-color: #333333;
}
.dark .aside-body a {
color: white;
}
.dark .aside-body .extern-link {
color: white;
}
.dark .aside-body .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .search-results-wrap hr {
border-color: #333333;
}
.dark .s-result-amount {
color: white;
}
.dark .pagination .pages {
color: white;
}
.dark .s-content a h3, .dark .s-content a p {
color: white;
}
.dark .s-breadcrumbs {
background-color: #333333;
}
.dark .s-breadcrumbs .s-crumbs .page-crumb {
color: white;
}
.dark .s-breadcrumbs .s-crumbs .page-crumb::before {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/slash_white.svg);
}
.dark .s-breadcrumbs .s-crumbs svg path {
fill: white;
}
.dark .forms h2, .dark .forms p {
color: white;
}
.dark .forms svg path {
fill: white;
}
.dark .forms hr {
border-color: #333333;
}
.dark .elavtal-options .elavtal-content h2, .dark .elavtal-options .elavtal-content p, .dark .elavtal-options .elavtal-content a {
color: white;
}
.dark .elavtal-options .desktop-options-form h4 {
color: white;
}
.dark .elavtal-options .desktop-options-form button {
background-color: black;
border-color: #333333;
color: white;
}
.dark .elavtal-options .desktop-options-form .chosen {
border-color: white;
}
.dark .elavtal-options .elavtal-box {
border-color: #333333;
}
.dark .elavtal-options .elavtal-box h4, .dark .elavtal-options .elavtal-box p {
color: white;
}
.dark .elavtal-options .elavtal-box .elavtal-price {
border-top: 1px solid white;
}
.dark .column-2-4 h1, .dark .column-2-4 h2, .dark .column-2-4 h3, .dark .column-2-4 p, .dark .column-2-4 li {
color: white;
}
.dark .column-2-4 .extern-link {
color: white;
}
.dark .column-2-4 .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .media-row h2, .dark .media-row p {
color: white;
}
.dark .media-row .black-cta {
background-color: white;
color: black;
}
.dark .media-row .extern-link {
color: white;
}
.dark .media-row .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .price-slider .swiper-slide::before {
background-color: black;
color: white;
}
.dark .price-slider .swiper-slide::after {
border-color: white;
}
.dark .price-slider .swiper-pagination .swiper-pagination-bullet {
background-color: white !important;
}
.dark .price-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #F2A900 !important;
}
.dark .faq .content-acc {
background-color: #333333;
}
.dark .faq .content-acc svg {
opacity: 0.7;
}
.dark .faq .content-acc svg path {
fill: white;
}
.dark .faq .extern-link {
color: white;
}
.dark .faq .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .darkmode-clr-white {
color: #ffffff;
}
.dark .grey-bg {
background-color: #333333;
}
.dark .grey-bg:hover {
background-color: #232323;
}
.dark .grey-bg p {
color: #ffffff;
}
.dark .grey-bg svg path {
fill: #ffffff;
}
.dark .section-divider {
border-color: #333333;
}
.dark .tablepress .extern-link {
color: white;
}
.dark .tablepress .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .tablepress tbody td {
color: white;
border-bottom: 1px solid #333333;
}
.dark .tablepress tbody td:first-child {
border-left: 1px solid #333333;
}
.dark .tablepress tbody td:last-child {
border-right: 1px solid #333333;
}
.dark .tablepress tbody td a {
color: white;
}
.dark .outage-text h2, .dark .outage-text p {
color: white;
}
.dark .outage-text .extern-link {
color: white;
}
.dark .outage-text .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .operating h2, .dark .operating p {
color: white;
}
.dark .operating .extern-link {
color: white;
}
.dark .operating .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}
.dark .historic-prices h2, .dark .historic-prices h3, .dark .historic-prices p {
color: white;
}
.dark .historic-prices #type, .dark .historic-prices #year {
color: white;
border-color: white;
background-image: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/select_white.svg);
}
.dark .historic-prices .extern-link {
color: white;
}
.dark .historic-prices .extern-link::after {
content: url(//www.norrtaljeenergi.se/wp-content/themes/norrtalje-energi/assets/img/icon-extern-24x24_white.svg);
}