html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code, kbd, pre, samp {
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button, input, select, textarea {
max-width: 100%;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
} body .wp-edit-button {
position: absolute;
font-size: 16px;
right: 0;
top: 0;
opacity: 0;
color: #f8f5f2;
background: #F0641E;
padding: 10px 20px;
text-decoration: none;
margin-bottom: 0;
z-index: 1;
border-bottom: none;
-webkit-transition: opacity .25s, background-color .25s, color .25s;
-moz-transition: opacity .25s, background-color .25s, color .25s;
-o-transition: opacity .25s, background-color .25s, color .25s;
-ms-transition: opacity .25s, background-color .25s, color .25s;
transition: opacity .25s, background-color .25s, color .25s;
}
body .wp-edit-button-set {
font-size: 0;
position: absolute;
right: 0;
}
body .wp-edit-button-set .wp-edit-button {
position: static;
display: inline-block;
} main,
.front-page-category {
position: relative;
}
article:hover .wp-edit-button,
header:hover .wp-edit-button,
section:hover .wp-edit-button,
#main:hover .wp-edit-button,
footer:hover .wp-edit-button {
opacity: 1;
}
.wp-edit-button:hover {
background-color: #f8f5f2;
color: #023874;
}
.wp-edit-button.top-200 {
top: 200px;
} * > p:first-child {
margin-top: 0;
}
* > p:last-child {
margin-bottom: 0;
} #site-header {
position: relative;
background: #F3F3F3;
padding-top: 53px;
padding-bottom: 9px;
} .content-block {
width: 1064px;
margin: 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px; } #site-logo img {
display: block;
max-width: 100%;
height: 50px;
width: auto;
float: left;
}
#site-logo:after {
content: '';
display: block;
clear: both;
}
.logo-text {
float: right;
}
.logo-text p:first-child {
margin-top: 0;
}
.logo-text p:last-child {
margin-bottom: 0;
} #main-navigation-container {
text-align: left
}
#menu-main-menu {
padding: 0;
margin: 15px 0;
}
.primary-menu input[type="checkbox"],
.primary-menu label {
display: none;
}
.primary-menu,
.primary-menu ul {
list-style-type: none;
padding-left: 0;
}
.primary-menu > li {
display: inline-block;
vertical-align: middle;
margin: 0 8px;
position: relative;
}
.primary-menu > li:first-child {
margin-left: 0;
}
.primary-menu .menu-item a {
font-size: 12px;
color: #333333;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color .7s;
-moz-transition: color .7s;
transition: color .7s;
}
.primary-menu .menu-item.current-menu-item > a,
.primary-menu .menu-item.current-post-ancestor > a,
.primary-menu .menu-item.current-post-parent > a,
.primary-menu .menu-item.current-category-parent > a,
.primary-menu .menu-item > a:hover {
color: #d7362c;
} .primary-menu .sub-menu {
position: absolute;
z-index: 2;
top: 100%;
left: -8px;
width: 200px;
overflow: hidden;
max-height: 0;
transition: max-height 0s linear .5s, opacity .5s;
opacity: 0;
}
.primary-menu:not(.menu-hide-hover) li:hover > .sub-menu {
overflow: visible;
max-height: 10000px;
opacity: 1;
transition: max-height 0s, opacity .5s;
}
.primary-menu .sub-menu li {
padding: 5px 8px;
position: relative;
}
.primary-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.primary-menu li:hover > .sub-menu {
background-color: #ff5800;
}
.logo-text,
.primary-menu .menu-item a {
color: black;
}
.logo-text a,
footer#footer .footer-article a {
color: #FF5800;
text-decoration: none;
font-weight: bold;
} .side-menu {
margin-top: 0;
padding-left: 0;
}
.side-menu,
.side-menu ul {
list-style-type: none;
}
.side-menu > li {
}
.side-menu .menu-item a {
font-size: 12px;
color: #333333;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color .7s;
-moz-transition: color .7s;
transition: color .7s;
}
.side-menu .menu-item.current-menu-item > a,
.side-menu .menu-item.current-post-ancestor > a,
.side-menu .menu-item.current-post-parent > a,
.side-menu .menu-item.current-category-parent > a,
.side-menu .menu-item > a:hover {
color: #d7362c;
} .side-menu .sub-menu {
display: none;
padding-left: 20px;
}
.side-menu > li > .sub-menu {
padding-left: 0;
}
.side-menu > li > a,
.side-menu li {
display: none;
} .side-menu li.expanded,
.side-menu li.expanded > .sub-menu,
.side-menu li.expanded > .sub-menu > li {
display: block;
}
.side-menu .sub-menu li {
} #main {
width: 1064px;
max-width: 100%;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
vertical-align: top;
font-size: 18px;
} #main article {
margin-bottom: 65px;
position: relative;
display: flex;
}
#main article h1,
#main article h2 {
font-size: 35px;
color: #333333;
margin: 0 0 30px 0;
}
#main article h2 a {
color: #333333;
} #main article .article-picture {
margin-bottom: 25px;
font-style: italic;
}
#main article .article-picture img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 20px auto;
}
.article-picture.right {
float: right;
max-width: 300px;
margin-left: 20px;
}
#main article .article-text .article-picture.right img {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.article-picture.right {
float: none;
max-width: none;
margin-left: auto;
margin-right: auto;
width: 300px;
}
#main article .article-picture.right img {
margin-left: auto;
margin-right: auto;
}
} .article-ingress,
#main article .article-ingress {
font-size: 24px;
margin-bottom: 25px;
font-family: Arial, sans-serif;
color: black;
}
#main article .article-ingress p {
margin: 0;
}
#main article .article-ingress img {
display: block;
max-width: 100%;
margin: 15px auto;
}
#main article .article-text {
font-size: 18px; }
#main article .article-text p:first-child {
margin-top: 0;
} #main article .article-text img {
display: block;
max-width: 100%;
height: auto;
margin: 15px auto 15px 0;
}
#main article .article_text a {
color: #668bf0;
text-decoration: underline;
} .article-content {
width: 66.66%;
}
.article-sidebar {
width: 33.33%;
padding-left: 20px;
box-sizing: border-box;
}
.article-sidebar h3 {
margin-top: 0;
color: #333333;
}
.article-content:after {
content: '';
display: block;
clear: both;
}
.article-archive-item {
display: block;
margin-bottom: 5px;
color: black;
} .single-attachments {
margin-top: 20px;
margin-bottom: 27px;
}
.single-attachments > div {
font-size: 15px;
padding-left: 22px;
background: left center url(//www.dystoni.no/wp-content/themes/dystoni/images/attachment.svg) no-repeat;
background-size: 15px;
margin-bottom: 10px;
}
.single-attachments a {
color: black;
}
.single-attachments a:hover {
text-decoration: underline;
} .single-article-gallery {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.single-article-gallery .row-item {
width: calc(33.33% - 20px);
min-width: calc(33.33% - 20px);
margin-left: 10px;
margin-right: 10px;
}
.gallery-image-container {
padding-bottom: 75%;
position: relative;
margin-bottom: 20px;
}
#main article .single-article-gallery .gallery-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
cursor: pointer;
} .article-sharebar {
margin-top: 32px;
border-top: 1px solid #A3A3A3;
padding-top: 32px;
}
.article-sharebar a {
text-decoration: none;
margin-right: 5px;
}
.article-sharebar svg {
height: 30px;
width: auto;
} .category-sidebar,
.category-content {
float: left;
box-sizing: border-box;
}
.category-content {
width: 66.66%;
padding-right: 10px;
}
.category-sidebar {
width: 33.33%;
padding-left: 10px;
}
body.category main:after {
content: '';
display: block;
clear: both;
} .front-page-section {
position: relative;
} #frontpage-picture {
display: -webkit-flex;
display: -moz-flex;
display: flex;
background-color: #fff;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 40px 0;
height: 470px;
}
#frontpage-picture .content-block {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.frontpage-picture-heading,
.frontpage-picture-heading a {
font-size: 50px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin: 0 0 10px 0;
}
.frontpage-picture-text {
width: 70%;
font-size: 18px;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.frontpage-picture-text p {
margin: 0;
}
.frontpage-picture-text a {
text-decoration: none;
color: #fff;
}
.frontpage-picture-text a.button-link {
display: inline-block;
font-size: 12px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
background: #d7362c;
padding: 20px 30px;
margin: 10px 0;
}
.button-link {
display: inline-block;
font-size: 13px;
color: #FF5800;
text-transform: uppercase;
text-shadow: none;
background: #D7D7D7;
padding: 20px 30px;
margin: 10px 0;
} .map-container .google-map {
height: 800px;
} .parallax {
width: 100%;
max-width: 1240px;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:  0 auto;
}
.parallax-container {
height: 565px;
padding: 200px 0 143px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.parallax h3 {
color: white;
text-align: center;
font-size: 48px;
font-weight: 400;
margin: 0 0 100px 0;
} .big-image {
height: 565px;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
overflow-x: hidden;
}
.big-image-content {
width: 1064px;
max-width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.big-image h2 {
color: white; font-size: 48px;
font-weight: 400;
margin: 0 0 50px 0;
}
.big-image:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
.big-image .button-link {
margin-top: 50px;
} .news-widget-button-container {
text-align: center;
} .feed-item-picture {
display: block;
padding-top: 65%;
background-size: cover;
background-position: center; display: block;
margin: 0 auto; margin: -25px -25px 0 -25px;
}
.feed-item-picture.no-picture {
background-repeat: no-repeat;
background-size: 80% auto;
background-position: center;
background-image: url(//www.dystoni.no/wp-content/uploads/2019/02/logo_dystoni_clear-1.png);
}
.section-heading-left {
width: 50%;
display: inline-block;
vertical-align: middle;
font-size: 30px;
color: #fff;
text-transform: uppercase;
}
.section-heading-right {
width: 50%;
display: inline-block;
vertical-align: middle;
text-align: right;
}
.section-heading-right button {
margin-left: 14px;
color: #fff;
background-color: #668bf0;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: background-color .7s, background-image .7s, color .7s;
-moz-transition: background-color .7s, background-image .7s, color .7s;
transition: background-color .7s, background-image .7s, color .7s;
}
.section-heading-right button.active,
.section-heading-right button:hover {
background-color: #fff;
color: #668bf0;
}
#facebook-button {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/facebook-icon.png);
}
#facebook-button.active,
#facebook-button:hover {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/facebook-icon-blue.png);
}
#instagram-button {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/instagram-icon.png);
}
#instagram-button.active,
#instagram-button:hover {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/instagram-icon-blue.png);
}
#mixed-rss-items {
font-size: 0;
margin-top: 25px;
margin-left: -20px;
text-align: left;
}
#mixed-rss-items .feed-item {
display: inline-block;
vertical-align: top;
width: 320px;
background: #5b7bd4;
margin-left: 20px;
margin-bottom: 20px;
opacity: 1;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
transition: opacity .5s;
}
#mixed-rss-items .feed-item.facebook {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/facebook-icon.png);
background-position: calc(100% - 22px) calc(100% - 17px);
background-repeat: no-repeat;
}
#mixed-rss-items .feed-item.instagram {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/instagram-icon.png);
background-position: calc(100% - 19px) calc(100% - 14px);
background-repeat: no-repeat;
}
#mixed-rss-items.loading {
background: url(//www.dystoni.no/wp-content/themes/dystoni/images/spinner.gif) no-repeat center center;
}
#mixed-rss-items.loading .feed-item {
opacity: 0;
}
#mixed-rss-items .feed-item-picture img {
display: block;
width: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#mixed-rss-items .feed-item-heading {
padding: 0 20px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
margin-top: 15px;
overflow: hidden;
height: 15px;
text-align: left;
}
#mixed-rss-items .feed-item-text {
padding: 0 20px;
font-size: 14px;
color: #fff;
line-height: 1.5;    
margin-top: 15px;
overflow: hidden;
height: 42px;
text-align: left;
}
#mixed-rss-items .feed-item-text p {
margin: 0;
}
#mixed-rss-items .feed-item-link {
padding: 0 20px;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}
#mixed-rss-items .feed-item-link a {
font-size: 10px;
color: #a8bfff;
text-transform: uppercase;
text-decoration: underline;
}
.mixed-rss-see-more-container {
text-align: center;
position: relative;
}
.mixed-rss-see-more-links {
position: absolute;
right: 0;
top: 50%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mixed-rss-see-more-links a {
display: block;
margin-top: 8px;
font-size: 10px;
color: #fff;
text-transform: uppercase;
text-decoration: underline;
}
.mixed-rss-see-more-links a:first-child {
margin-top: 0;
} #frontpage-bli-medlem {
background: #fff;
font-size: 0;
position: relative;
}
.frontpage-bli-medlem-article {
width: 100%;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.frontpage-bli-medlem-article > tbody > tr > td {
vertical-align: middle;
width: 50%;
}
.frontpage-bli-medlem-article .last-td {
background: #d7362c;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAABCAQAAACr1TyxAAAADklEQVR42mP8/58BDwAAOwMCAMBnGFYAAAAASUVORK5CYII=);
background-repeat: repeat-y;
background-position: left top;
}
.frontpage-bli-medlem-picture {
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.frontpage-bli-medlem-picture img {
display: block;
margin: 0 0 0 auto;
max-width: 100%;
height: auto;
}
.frontpage-bli-medlem-texts {
max-width: 570px;
margin: 0 auto;
text-align: center;
padding: 30px 30px 30px 45px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.frontpage-bli-medlem-heading {
font-size: 30px;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px;
}
.frontpage-bli-medlem-text {
font-size: 18px;
color: #fff;
margin-bottom: 40px;
}
.frontpage-bli-medlem-text p {
margin: 0 0 20px 0;
}
.frontpage-bli-medlem-text a {
color: #fff;
}
.frontpage-bli-medlem-link p {
margin: 0;
}
.frontpage-bli-medlem-link a {
font-size: 12px;
color: #fff;
text-align: center;
text-decoration: none;
border: 2px solid #fff;
padding: 0 20px;
line-height: 40px;
height: 40px;
display: inline-block;
background: none;    
} .news {
background: white;
padding-top: 35px;
padding-bottom: 50px;
}
.news .section-sub-heading {
font-size: 13px;
color: #668bf0;
text-transform: uppercase;
text-align: center;
}
.news-feed {
font-size: 0;
margin-left: -20px;
text-align: left;
}
.section-heading + .news-feed {
margin-top: 50px;
}
.news-feed:empty {
margin-top: 0;
}
.news-feed .feed-item {
display: inline-block;
vertical-align: top;
width: 100%; padding-left: 20px;
padding-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.news-feed.news-columns-2 .feed-item {
width: 50%;
}
.news-feed.news-columns-3 .feed-item {
width: 33.33%;
}
.news-feed.news-columns-4 .feed-item {
width: 25%;
}
.news-feed.news-columns-5 .feed-item {
width: 20%;
}
.news-feed.news-columns-6 .feed-item {
width: 16.66%;
}
.feed-item-picture:after {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: 100%;
width: 30px;
height: 30px;
top: 10px;
right: 10px;
}
.feed-type-facebook .feed-item-picture:after {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/facebook-icon.svg);
}
.feed-type-instagram .feed-item-picture:after {
background-image: url(//www.dystoni.no/wp-content/themes/dystoni/images/instagram-icon.svg);
}
.feed-item-content {
padding: 25px;
background: white;
}
.news-feed .feed-item-picture img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 55%;
display: block;
margin: 0 auto;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.news-feed .feed-item-heading {
font-size: 14px;
color: #666;
text-transform: uppercase;
text-align: left;
margin-top: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-feed .feed-item-heading:empty {
display: none;
}
.news-feed .feed-item-text {
font-size: 14px;
color: #666;
text-align: left;
margin-top: 10px;
overflow: hidden;
height: 35px;    
}
.news-feed .feed-item-link {
text-align: left;
margin-top: 15px;    
}
.news-feed .feed-item-link a {
font-size: 10px;
color: #668bf0;
text-decoration: underline;
text-transform: uppercase; 
}
.news-feed-load-button-container {
margin-top: 20px;
text-align: center;
}
.news-feed-load-button-container a {
display: inline-block;
text-transform: uppercase;
color: #668bf0;
border: 2px solid #668bf0;
} .text-widget-content {
width: 1064px;
margin: 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 20px;
}
.text-widget p:first-child {
margin-top: 0;
}
.text-widget p:last-child {
margin-bottom: 0;
}
.text-widget-content iframe {
max-width: 100%;
}
h1.section-heading {
font-size: 40px;
color: #668bf0;
text-transform: uppercase;
margin: 0 0 15px 0;
}
h2.section-heading {
font-size: 30px;
color: black;
font-weight: normal;
margin: 0 0 10px 0;
}
.section-heading .social-icon {
float: right;
width: 30px;
margin-left: 10px;
} .frontpage-button {
font-size: 12px;
color: #fff;
text-align: center;
text-decoration: none;
border: 2px solid #fff;
padding: 0 20px;
line-height: 40px;
height: 40px;
display: inline-block;
vertical-align: middle; 
background: none;  
} #footer {
padding-top: 50px;
padding-bottom: 60px;
position: relative;
}
#footer .content-block {
font-size: 0;
}
#footer .footer-article {
display: inline-block;
vertical-align: top;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer-article-heading {
font-size: 30px;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px;
}
.footer-article-text {
font-size: 14px;
color: #fff;
}
.footer-article-text p:first-child {
margin-top: 0;
}
.footer-article-text p:last-child {
margin-bottom: 0;
} .footer-logo img {
max-width: 100%;
}
.footer-logo,
.footer-logo + .footer-article {
float: left;
width: 50%;
box-sizing: border-box;
}
.footer-logo {
padding-right: 10px;
}
.footer-logo + .footer-article {
padding-left: 10px;
}
#footer .content-block:after {
content: '';
display: block;
clear: both;
} #mobile-menu-button,
#mobile-menu-checkbox {
display: none;
} .err-404-article h1 {
text-align: center;
}
.err-404-article .article-text img {
display: block;
margin: 0 auto;
} .wpcf7 {
font-size: 18px;
}
span.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item + .wpcf7-list-item {
margin-left: 20px;
}
.wpcf7-form-control-wrap {
margin-bottom: 10px;
display: block;
}
.wpcf7-text,
.wpcf7-quiz,
.wpcf7-textarea {
font-size: 18px;
width: 100%;
box-sizing: border-box;
padding: 5px 10px;
}
.wpcf7-textarea {
resize: vertical;
}
.wpcf7-date,
.wpcf7-number,
.wpcf7-select {
font-size: 18px;
box-sizing: border-box;
padding: 5px 10px;
}  .wpcf7-list-item label {
cursor: pointer;
}
.wpcf7-submit {
box-sizing: border-box;
width: 100%;
border: none;
padding: 5px 10px;
background: #528CF2;
color: white;
} @media screen and (max-width:1024px) { html {
-webkit-text-size-adjust: 100%;
} a[href^="tel:"]{
color:inherit !important;
text-decoration:none;
} #site-header {
padding-top: 0;
padding-bottom: 0;
}
#site-logo {
padding-top: 20px;
padding-bottom: 20px;
max-width: 70%;
display: inline-block;
vertical-align: middle;
}
#site-logo img {
float: none;
}
.logo-text {
float: none;
margin-top: 10px;
}
#main-navigation-container {
max-width: 30%;
display: inline-block;
vertical-align: middle;
} #mobile-menu-button-text {
display: inline-block;
vertical-align: middle;
font-size: 12px;
text-transform: uppercase;
color: #1d1d1b;
padding-right: 15px;
-webkit-transition: color .7s;
-moz-transition: color .7s;
transition: color .7s;        
}
#mobile-menu-checkbox:checked + #mobile-menu-button-text {
color: #fff;
} #mobile-menu-button {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;               
height: 100%;
padding: 0 20px;
position: absolute;
z-index: 100;
top: 0;
right: 0;
cursor: pointer;
background: #fff;
-webkit-transition: background .7s;
-moz-transition: background .7s;
transition: background .7s;
}
#mobile-menu-checkbox:checked + #mobile-menu-button {
background: #668aef;
}
.hamburger-menu-button {
display: inline-block;
vertical-align: middle;
width: 25px;
margin: 0 auto 0 auto;
cursor: pointer;
}
.hamburger-menu-button > div > div {
height: 3px;
margin-top: 5px;
background: #1d1d1b;
-webkit-transition: -webkit-transform .7s, background .7s;
-moz-transition: -moz-transform .7s, background .7s;
-ms-transition: -ms-transform .7s, background .7s;
-o-transition: -o-transform .7s, background .7s;
transition: transform .7s, background .7s;
}
.hamburger-menu-button > div > div:first-child {
margin-top: 0;
}
#mobile-menu-checkbox:checked + .hamburger-menu-button > div > div {
background: #fff;
}
#mobile-menu-checkbox:checked + .hamburger-menu-button > div > div:first-child {
-moz-transform: translateX(0px) translateY(6px) rotate(45deg);
-webkit-transform: translateX(0px) translateY(6px) rotate(45deg);
-o-transform: translateX(0px) translateY(6px) rotate(45deg);
-ms-transform: translateX(0px) translateY(6px) rotate(45deg);
transform: translate(0,6px) rotate(45deg);
}
#mobile-menu-checkbox:checked + .hamburger-menu-button > div > div:nth-child(2) {
-moz-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
}
#mobile-menu-checkbox:checked + .hamburger-menu-button > div > div:last-child {
-moz-transform: translateX(0px) translateY(-6px) rotate(-45deg);
-webkit-transform: translateX(0px) translateY(-6px) rotate(-45deg);
-o-transform: translateX(0px) translateY(-6px) rotate(-45deg);
-ms-transform: translateX(0px) translateY(-6px) rotate(-45deg);
transform: translate(0,-6px) rotate(-45deg);
} #site-navigation {
width: 100%;
position: absolute;
top: 100%;
right: 0;
z-index: 100;
max-height: 0;
overflow: hidden;
background: rgba(102, 138, 239, .9);
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
-moz-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
transition: max-height .7s cubic-bezier(0, 0, 0, 1);
}
#mobile-menu-checkbox:checked + #site-navigation {
max-height: 1000px;
-webkit-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
-moz-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
transition: max-height .7s cubic-bezier(1, 0, 1, 1);
}
#site-navigation ul {
margin: 0;
padding: 0;
}
#site-navigation > ul {
padding: 30px 0 20px 0;
text-align: left;
}
#site-navigation li {
display: block;
margin: 0;
} .primary-menu .menu-item a {
color: #000;
display: inline-block;
margin-left: 20px;
margin-bottom: 10px;
}
.primary-menu .menu-item.current-menu-item > a, 
.primary-menu .menu-item.current-post-ancestor > a, 
.primary-menu .menu-item.current-post-parent > a, 
.primary-menu .menu-item.current-category-parent > a, 
.primary-menu .menu-item > a:hover {
color: #354a83;
} .primary-menu label {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 15px;
opacity: 0;
}
.primary-menu .menu-item-has-children > label {
opacity: 1;
cursor: pointer;
}
.primary-menu label > span {
display: block;
-webkit-transition: -webkit-transform .5s .2s;
-moz-transition: -moz-transform .5s .2s;
-ms-transition: -ms-transform .5s .2s;
-o-transition: -o-transform .5s .2s;
transition: transform .5s .2s;
height: 2px;
background: #000;
}    
.primary-menu label > span:first-child {
margin-top: 4px;
-moz-transform: translateX(0px) translateY(2px) rotate(90deg);
-webkit-transform: translateX(0px) translateY(2px) rotate(90deg);
-o-transform: translateX(0px) translateY(2px) rotate(90deg);
-ms-transform: translateX(0px) translateY(2px) rotate(90deg);
transform: translate(0, 2px) rotate(90deg);
}
.primary-menu input[type="checkbox"] {
display: inline-block;
width: 15px;
height: 15px;
opacity: 0;
margin-right: -15px;
z-index: 2;
position: relative;
}
.primary-menu input[type="checkbox"]:checked + label > span:first-child {
-moz-transform: translateX(0px) translateY(2px) rotate(0);
-webkit-transform: translateX(0px) translateY(2px) rotate(0);
-o-transform: translateX(0px) translateY(2px) rotate(0);
-ms-transform: translateX(0px) translateY(2px) rotate(0);
transform: translate(0, 2px) rotate(0);
} #site-navigation ul.sub-menu {
position: static;
background: transparent;
display: block;
padding-left: 15px;
overflow: hidden;
max-height: 0;
-webkit-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
-moz-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
transition: max-height .7s cubic-bezier(0, 0, 0, 1);
}
#site-navigation input[type="checkbox"]:checked ~ .sub-menu {
max-height: 1000px;
-webkit-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
-moz-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
transition: max-height .7s cubic-bezier(1, 0, 1, 1);
opacity: 1;
} #facebook-6-rss {
text-align: center;
} #mixed-rss-items {
margin-top: 35px;
text-align: center;
}
#mixed-rss-items.loading {
background-position: calc(50% + 16px) 50px;
} .frontpage-bli-medlem-article {
padding: 20px;
}
.frontpage-bli-medlem-article > tbody > tr > td {
width: 100%;
display: block;
}
.frontpage-bli-medlem-picture {
padding: 0;
margin-bottom: 20px;
}
.frontpage-bli-medlem-picture img {
margin-left: auto;
margin-right: auto;
}
.frontpage-bli-medlem-article .last-td {
background-image: none;
}
.frontpage-bli-medlem-texts {
padding-left: 20px;
padding-right: 20px;
} .news-feed {
text-align: center;
} #site-navigation-secondary {
display: none;
}  #main article {
margin-bottom: 40px;
display: block;
}
.article-content,
.article-sidebar {
width: 100%;
padding-left: 0;
box-sizing: border-box;
}
.article-sidebar {
margin-top: 20px
} body #googleMap {
height: 320px;
}
} @media screen and (max-width:600px) { #facebook-6-rss {
margin-left: 0;
}
#facebook-6-rss .feed-item {
max-width: 100%;
margin-left: auto;
margin-right: auto;
} .section-heading-left {
display: block;
width: 100%;
text-align: center;
margin-bottom: 35px;
}
.section-heading-right {
display: block;
width: 100%;
text-align: center;
}
.section-heading-right button:first-child {
margin-left: 0;
}
#mixed-rss-items {
margin-left: 0;
}
#mixed-rss-items.loading {
background-position: center 50px;
}    
#mixed-rss-items .feed-item {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.mixed-rss-see-more-container {
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
.mixed-rss-see-more-container > a {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
display: block;
width: auto;
max-width: 100px;
margin: 0 auto;        
}
.mixed-rss-see-more-links {
position: static;
text-align: right;
margin-bottom: 30px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
} .news-feed {
margin-left: 0;
}
.news-feed .feed-item,
.news-feed.news-columns-2 .feed-item,
.news-feed.news-columns-3 .feed-item {
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
float: none;
padding-left: 0;
} .map-container .google-map {
height: 300px;
} .article-content,
.article-content > .article-sidebar, .category-sidebar,
.category-content {
float: none;
width: 100%;
padding-right: 0;
padding-left: 0;
}
} @media screen and (max-width:700px) {
#footer .footer-article {
width: 100%;
text-align: center;
margin-top: 50px;
}
#footer .footer-article:first-child {
margin-top: 0;
}
} @media screen and (max-width:413px) { #frontpage-picture {
padding: 20px 0;
height: auto;
min-height: 320px;
}
.frontpage-picture-heading,
.frontpage-picture-heading a {
font-size: 24px;
}
.frontpage-picture-text {
font-size: 14px;
width: 100%;
}
} .page-width {
width: 1064px;
margin: 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
.cookies-warning {
position: fixed;
bottom: 0;
width: 100%;
padding-top: 20px;
padding-bottom: 30px;
text-align: right;
font-weight: 100;
font-size: 16px;
line-height: 19px;
color: #F0641E;
background-color: #FFFFFF;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
z-index: 101;
}
.cookies-warning:after {
content: "";
display: table;
clear: both;
}
.cookies-warning p {
float: left;
width: calc(100% - 300px);
text-align: left;
}
@media (max-width: 753px) {
.cookies-warning p {
width: 100%;
float: none;
}
}
.cookies-button {
display: inline-block;
padding: 11px 20px 8px 20px;
box-sizing: border-box;
text-align: center;
background: #F0641E;
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
}
.cookies-button.inverted {
background: #FFFFFF;
color: #F0641E;
box-shadow: inset 0 0 1px 1px #F0641E;
}
.cookies-warning .cookies-button {
margin-right: 0;
margin-left: 20px;
margin-top: 10px;
} body {
font-family: 'PT Sans', Helvetica, Arial, sans-serif;
} main#main.site-main {
background-color: white;
}
article, aside, details, figcaption, figure, footer, header, main, menu, section, summary {
background-color: white;
} #site-logo img {
height: 60px;
} .primary-menu .menu-item.current-menu-item > a,
.primary-menu .menu-item.current-post-ancestor > a,
.primary-menu .menu-item.current-post-parent > a,
.primary-menu .menu-item.current-category-parent > a,
.primary-menu .menu-item > a:hover {
color: #000;
text-decoration: underline;
} div#main-navigation-container { 
margin-top: 9px;
} div.logo-text {
padding-top: 35px;
font-weight: lighter;
font-size: 12px;
padding-right: 27px;
} .big-image h2 {
text-align: center;
font-weight: normal;
margin-bottom: 16px; font-family: "PT Sans", Helvetica, Arial, sans-serif;
}
.big-image-content {
text-align: center;
} .big-image-text {
color: white;
font-size: 24px;
font-weight: lighter;
}
#big-image-1 {
height: 0 !important; padding-top: 25%;
background-position: center bottom; } .news-feed .feed-item-heading {
color: #3A3094;
}
.news-feed .feed-item-link a {
color: #3A3094;
}
#news-1.front-page-section {
background-color: #edebec;
}
#news-4.front-page-section {
background-color: #edebec;
}
.news-feed .feed-item-text {
height: 50px;
} #text-widget-4 {
background-color: #E3E3E3;
}  #text-widget-4 p a {
color: black;
text-decoration: none;
}
body.category {
background-color: white;
}
.feed-item-content {
background: #D7D7D7;
}
.news-feed .feed-item-heading,
.news-feed .feed-item-text {
color: #000;
}
.news-feed .feed-item-heading {
font-size: 20px;
}
.news-feed .feed-item-text {
font-size: 16px;
height: 43px;
}
.news-feed .feed-item-link a {
color: #FF5800;
font-weight: bold;
font-size: 12px;
} #text-widget-5 {
background-color: #edebec;
} #text-widget-8 {
background-color: #F3F3F3;
color: black;
}
#text-widget-8 h2 {
text-align: center; 
font-weight: normal;
text-transform: capitalize;
font-size: 36px
}
.article-sidebar h3 {
background-color: #f1f1f1;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 12px;
font-size: 20px;
margin-bottom: 0px;
}
div.article-archive {
background-color: #f1f1f1;
padding-top: 0px;
padding-bottom: 16px;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
}
.article-archive-item {
color: black;
} #main article h1, #main article h2 {
font-size: 42px;
font-weight: 400;
} .side-navigation {
margin-bottom: 10px;
}
.article-sidebar h3 {
background-color: #e5e5e5;
text-transform: uppercase;
padding-top: 15px;
}
.side-menu > li.expanded > ul.sub-menu {
background-color: #e5e5e5;
padding-top: 12px;
padding-bottom: 16px;
padding-left: 12px;
padding-right: 12px;
font-size: 16px;
margin-bottom: 10px;
}
.side-menu .menu-item.current-menu-item > a, .side-menu .menu-item.current-post-ancestor > a, .side-menu .menu-item.current-post-parent > a, .side-menu .menu-item.current-category-parent > a, .side-menu .menu-item > a:hover {
color: #1eb0fc;
text-decoration: underline;
}
.side-menu .menu-item a {
color: black;
} .side-menu > li.expanded > ul:before {
content: 'Meny';
display: block;
background-color: #e5e5e5;
text-transform: uppercase;
padding: 5px 0 15px 0;
font-size: 20px;
color: #333333;
font-weight: 600;
} .footer-logo + .footer-article {
padding-left: 35px;
}
div.footer-article-heading {
text-transform: capitalize;
font-size: 15px;
margin-bottom: 2px; } #news-3 .feed-item-content:after {
content: '';
display: block;
clear: both;
}
#news-3 .feed-item-picture,
#news-3 .feed-item-text {
display: none;
}
#news-3 .feed-item-heading {
margin-top: 0;
float: left;
margin-right: 10px;
font-size: 15px;
}
#news-3 .feed-item-content {
padding: 20px;
}
#news-3 .feed-item-link {
float: left;
margin-top: 0;
}
#news-3 .feed-item-link a {
font-size: 14px;
} .footer-logo {
width: 30%;
margin-top: 20px;
} #text-widget-5 a.button-link {
margin: 25px auto 0 auto;
display: block;
width: 120px;
text-align: center;
} #text-widget-4 a.button-link {
margin: 20px auto 0 auto;
display: block;
width: 70px;
text-align: center;
} #text-widget-4 h2{
text-align: center;
}
.primary-menu, .primary-menu ul {
margin: 0;
}
.primary-menu > li {
margin: 15px 6px 0 6px;
} @media screen and (max-width:1024px) { #big-image-1 {
padding-top: 75%;
} #site-navigation {
background-color: #F3F3F3;
}
.big-image h2 {
font-size: 30px;
max-width: 100%;
}
div.logo-text {
padding-top: 0px;
}
header#site-header {
padding-top: 0px;
}
.news-feed .feed-item-heading {
white-space: normal;
}
} @media screen and (max-width: 600px) {
.footer-logo {
width: 100%;
margin-top: 0;
padding-right: 0;
}
#footer .footer-article {
width: 100%;
text-align: center;
margin-top: 50px;
padding-left: 0;
}
} .wpmf-pdfemb-viewer,
.pdfemb-inner-div,
canvas {
max-width: 100%;
height: auto !important;
}  h2.woocommerce-loop-product__title,
h1.product_title.entry-title,
.related.products h2,
body .woocommerce-products-header__title.page-title {
color: black;
font-weight: normal;
text-transform: uppercase;
hyphens: auto;
margin-top: 0;
}
body.woocommerce #respond input#submit.alt,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body .checkout-button,
body .woocommerce-checkout-payment .button {
background-color: #FF5800 !important;
}
body.woocommerce div.product div.summary,
body.woocommerce-page div.product div.summary {
float: none;
width: 100%;
}
body.woocommerce-checkout .button[name="update_cart"],
body .woocommerce .button[name="update_cart"] {
display:none;
} body {
counter-reset: checkoutheaders;
}
.woocommerce-checkout:not(.woocommerce-order-received) h1:before,
.woocommerce-billing-fields h3:before,
.checkout.woocommerce-checkout h3:before {
counter-increment: checkoutheaders;
content: counter(checkoutheaders) ". ";
}
.woocommerce-checkout:not(.woocommerce-order-received) #main article h1,
.woocommerce-checkout #main article h2,
.woocommerce-billing-fields h3,
.checkout.woocommerce-checkout h3 {
font-size: 36px;
font-weight: 400;
}
.woocommerce-checkout #main article .cross-sells h2 {
font-size: 30px;
}
.woocommerce-cart #main article .article-text table.cart .button.vipps-express-checkout img {
width: auto;
margin: 0;
}
.woocommerce a.remove {
color: #f0641e !important;
}
.woocommerce a.remove:hover {
background-color: #f0641e;
} .related-product {
display: flex;
justify-content: space-between;
padding: 20px;
background-color: #f3f3f3;
align-items: center;
margin-bottom: 20px;
}
.related-product-image img {
height: 100px !important;
width: auto;
margin: 0 !important;
margin-right: 20px !important;
object-fit: cover;
}
.related-product > div:first-child {
display: flex;
}
.related-product-title {
display: flex;
align-items: center;
}
.related-product-title h3 {
margin-right: 10px;
font-weight: 500;
font-size: 20px;
}
.related-product-title .woocommerce-Price-amount {
font-weight: bold;
}
.related-product-button {
background-color: #f0641e;
padding: 10px 20px;
color: black;
text-decoration: none;
font-size: 20px;
} .product-content {
display: flex;
flex-flow: row wrap;
}
.product-content > * {
flex: 1 100%;
}
.product-content .product {
flex: 2 0 0;
}
.product-content .images {
flex: 1 0 0;
}
body.woocommerce .product-content .product > ul.products {
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.product-content .product,
.product-content .images {
flex: unset;
}
}
.woocommerce-product-gallery__image--placeholder {
display: none;
} body.woocommerce .products ul,
body.woocommerce ul.products {
margin: 0;
}
body.woocommerce ul.products li.product,
div.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
div.woocommerce-page ul.products li.product {
background: #f3f3f3;
box-sizing: border-box;
padding: 30px 20px;
display: flex;
justify-content: space-between;
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
margin: 0 0 20px 0;
}
body.woocommerce ul.products[class*=columns-] li.product,
body.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
float: none;
margin: 0 0 20px 0;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
#main div.woocommerce ul.products li.product .woocommerce-loop-product__title {
margin: 0 20px 0 0;
font-weight: 500;
font-size: 20px;
color: black;
}
body.woocommerce ul.products li.product a,
#main div.woocommerce ul.products li.product a {
display: flex;
align-items: center; }
@media screen and (max-width: 575px) {
body.woocommerce ul.products li.product a,
#main div.woocommerce ul.products li.product a {
flex-wrap: wrap;
}
}
body.woocommerce ul.products li.product a img,
#main div.woocommerce ul.products li.product a img {
width: 100px;
margin: 0 20px 0 0px;
}
body.woocommerce ul.products li.product .price,
#main div.woocommerce ul.products li.product .price {
color: black;
font-weight: bold;
font-size: 18px;
margin-bottom: 0;
}
body.woocommerce ul.products li.product .button,
#main div.woocommerce ul.products li.product .button {
display: block;
align-self: flex-start;
margin: 0 0 0 20px;
background-color: #f0641e;
padding: 10px 20px;
color: black;
text-decoration: none;
font-size: 18px;
font-weight: normal;
border-radius: 0;
align-self: center;
} .woocommerce form .form-row {
position: relative;
margin-bottom: 20px;
text-align: left;
}
.woocommerce form .form-row label {
position: absolute;
font-size: 16px;
color: rgba(2, 2, 2, 0.5);
top: 15px;
left: 24px;
line-height: 1;
margin: 0;
}
.woocommerce form .form-row label.screen-reader-text {
clip: initial;
-webkit-clip-path: none;
clip-path: none;
height: auto;
margin: 0;
overflow: initial;
padding: 0;
position: absolute!important;
width: auto;
word-wrap: normal!important;
}
.woocommerce form .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
#billing_country_field,
#shipping_country_field {
border: 1px solid #CCCCCC;
border-radius: 10px;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
color: #020202;
-webkit-transition: border-color .5s;
-moz-transition: border-color .5s;
transition: border-color .5s;
} body .woocommerce table.shop_table td {
border-top: none;
}
.woocommerce table.shop_table {
margin: 0 -1px 30px 0;
border-radius: 0;
} .woocommerce-cart-form__contents .product-quantity,
.woocommerce-cart-form__contents .product-subtotal,
.woocommerce-cart-form__contents .actions {
display: none;
}
@media screen and (max-width: 768px) {
.woocommerce table.shop_table_responsive tr td:is(.product-quantity,.product-subtotal,.actions),
.woocommerce-page table.shop_table_responsive tr td:is(.product-quantity,.product-subtotal,.actions) {
display: none;
}
:is(.woocommerce, .woocommerce-page) table.shop_table_responsive tr.order-total > td:first-child {
display: none;
}
}
.woocommerce table.shop_table th.product-remove {
width: 20px;
}
.woocommerce table.shop_table th.product-thumbnail {
width: 40px;
}
.woocommerce table.shop_table th.product-price {
width: 100px;
} .woocommerce-checkout #payment {
background: white;
border-radius: 10px;
border: 1px solid #CCCCCC; margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: none;
padding: 42px 36px;
}
.payment_box.payment_method_vipps {
display: none !important;
}
.woocommerce-checkout #payment div.form-row.place-order {
padding: 0 36px 42px 36px;
}
.place-order .form-row.validate-required {
margin-top: 10px;
margin-bottom: 80px;
}
.woocommerce-terms-and-conditions-wrapper {
width: 100%;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
display: none;
}
#continue-shopping {
margin-left: auto;
margin-right: 40px;
margin-top: 10px;
height: 30px;
} .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
margin-right: auto;
background-color: #F0641E;
font-size: 21px;
padding: 18px 110px;
text-transform: none;
float: none;
border-radius: 1000px !important;
}
@media screen and (max-width: 768px) {
.woocommerce-checkout #payment ul.payment_methods {
padding: 20px;
}
.woocommerce-checkout #payment div.form-row.place-order {
padding: 0 20px 20px 20px;
}
#continue-shopping {
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
#place_order {
margin-right: auto;
padding: 18px;
}
} #ship-to-different-address {
margin-bottom: 20px;
}
#ship-to-different-address label,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox,
li.wc_payment_method {
position: relative;
left: 0;
padding: 19px 0 5px 70px;
font-weight: normal;
text-align: left; }
#ship-to-different-address label:before,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:before,
li.wc_payment_method:before {
content: '';
border: 1px solid rgba(38, 38, 38, 0.24);
background: white;
border-radius: 10px;
}
li.wc_payment_method:before {
border-radius: 100px;
}
.woocommerce-checkout #payment ul.payment_methods li img { display: inline-block;
}
#ship-to-different-address input,
#ship-to-different-address label:before,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:before,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input,
li.wc_payment_method:before,
li.wc_payment_method input {
position: absolute;
left: 0;
top: 10px;
width: 52px;
height: 52px;
margin: 0;
box-sizing: border-box;
-webkit-appearance: none;
}
#ship-to-different-address input:after,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input:after,
li.wc_payment_method input:after {
content: '';
width: 15px;
height: 30px;
border-right: 5px solid #F0641E;
border-bottom: 5px solid #F0641E;
transform: rotate(45deg);
position: absolute;
left: 19px;
top: 7px;
opacity: 0;
transition: opacity .5s;
}
#ship-to-different-address input:checked:after,
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input:checked:after,
li.wc_payment_method input:checked:after {
opacity: 1;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
font-size: 20px;
padding-top: 25px;
}
.woocommerce-invalid #terms {
outline: none;
}
.woocommerce-invalid .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox:before {
border-color: #a00;
}
.woocommerce-terms-and-conditions-checkbox-text {
color: #1c1f2a;
font-weight: 300;
}.wc-block-components-tabs .wc-block-components-tabs__list > .wc-block-components-tabs__item .wc-block-components-tabs__item-content > img.vipps-payment-logo {
height: 2em;
margin-bottom: -0.7em;
} .wc-block-grid__product .vippsbuynow {
}
.wc-block-grid__product .single-product.button.vipps-buy-now .inline.vipps-logo.negative {
display: inline-block;
margin: 0 .2em;
height: 2ex;
max-width: 100%;
width: auto;
vertical-align: text-bottom;
} .vipps-badge-wrapper.aligncenter {
text-align: center;
} div.wp-block-button.wc-block-components-product-button.wc-block-button-vipps {
text-align: center;
margin-bottom:0;
}
div.wp-block-button.wc-block-components-product-button.wc-block-button-vipps a.single-product.button.vipps-buy-now{
margin-left: auto;
margin-right: auto;
display: inline-block;
padding-top:0;
}
div.wp-block-button.wc-block-components-product-button.wc-block-button-vipps a.single-product.button.vipps-buy-now img{
max-width: 10rem;
margin-bottom:0;
}
div.vipps_buy_now_wrapper.loop {
text-align:center;
}
div.vipps_buy_now_wrapper.loop  a.single-product.button.vipps-buy-now img{
max-width: 10rem;
} form#vippsdata {
margin:0;
}
h2.confirmVippsExpressCheckoutHeader {
margin-top: 0;
}
a.button.vipps-express-checkout img {
max-width: 100%;
width: 13.5rem;
max-height: 100%;
filter: drop-shadow( 0px 1px 2px #d7d7d7);
}
a.button.vipps-express-checkout:hover img {
opacity: 0.9;
}
a.button.vipps-express-checkout.disabled img {
opacity: 0.7;
}
li.wc_payment_method.payment_method_vipps img {
max-width: 145px;
}
a.button.vipps-buy-now:focus {
outline: none;
}
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.vipps-buy-now, .woocommerce ul.products li.product .button.vipps-buy-now, a.button.vipps-buy-now {
color: #fff;
background-color:transparent;
}
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.vipps-buy-now:hover, .woocommerce ul.products li.product .button.vipps-buy-now:hover, a.button.vipps-buy-now:hover {
opacity: 0.9;
}
ul.products li.product a.button.vipps-buy-now img {
margin:0px;
display:inline;
}
a.button.vipps-express-checkout {
background-color: #fff;
color: transparent;
vertical-align: bottom;
padding: 0;
margin-left:.5em;
}
a.button.vipps-express-checkout:active, a.button.vipps-buy-now:active {
border: 0;
}
a.button.vipps-express-checkout:hover, a.button.vipps-buy-now:hover {
border: 0;
} a.single-product.button.vipps-buy-now  {
padding-left:0;
padding-right:0;
padding-bottom:0;
}
.widget_shopping_cart a.button.vipps-express-checkout {
color:transparent;
background-color: #fff;
float: none;
margin-top: .5em;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
clear: both;
} .woocommerce-cart-tab-container .widget_shopping_cart a.button.vipps-express-checkout {
min-width: 190px;
}
.vippslogincontainer {
width: 100%;
text-align: center;
}
a.button.vipps-login {
vertical-align: bottom;
max-width: 250px;
color:transparent;
background-color: #fff;
margin: 1em auto;
min-width: 190px;
clear: both;
padding:0;
} .woocommerce-info.vipps-info {
background-color: #fe5b24;
}
img.inline {
height: 2ex;
display:inline;
vertical-align: text-bottom;
}
.vippsorange {
background-color: #fe5b24;
}
.vippsorange-light {
background-color: #fff4ec;
}
.vippspurple {
background-color: #551488;
}
.vippsdarkgray {
background-color: #161225;
}
.vipps_checkout_button_wrapper {
margin-top: 1rem;
margin-bottom: 1rem;
}
.vippsspinner {
width:125px;
height:125px;
display: none;
position:absolute;
top:50%;
left:50%;
margin-left: -62px;
margin-top: -62px;
transform:scale(0.6);
-o-transform:scale(0.6);
-ms-transform:scale(0.6);
-webkit-transform:scale(0.6);
-moz-transform:scale(0.6);
}
.vippsoverlay {
background: #e9e9e9;
position:fixed;
display: none;
top: 0;           
right: 0;        
bottom: 0;
left: 0;
opacity: 0.5;
z-index: 1000;
}
body.processing {
cursor: progress;
}
.processing .vippsoverlay {
display:block;
}
.processing .vippsspinner  {
display:block;
}
.vippsspinner {
--oncolor: rgba(254,90,36,0.97);
}
.vippsspinner.mobilepay {
--oncolor: rgba(90, 120, 255, 0.97);
}
.f_circleG{
position:absolute;
background-color:rgb(255,255,255);
height:22px;
width:22px;
border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
animation-name:f_fadeG;
-o-animation-name:f_fadeG;
-ms-animation-name:f_fadeG;
-webkit-animation-name:f_fadeG;
-moz-animation-name:f_fadeG;
animation-duration:1.2s;
-o-animation-duration:1.2s;
-ms-animation-duration:1.2s;
-webkit-animation-duration:1.2s;
-moz-animation-duration:1.2s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#frotateG_01{
left:0;
top:51px;
animation-delay:0.45s;
-o-animation-delay:0.45s;
-ms-animation-delay:0.45s;
-webkit-animation-delay:0.45s;
-moz-animation-delay:0.45s;
}
#frotateG_02{
left:15px;
top:15px;
animation-delay:0.6s;
-o-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-moz-animation-delay:0.6s;
}
#frotateG_03{
left:51px;
top:0;
animation-delay:0.75s;
-o-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
}
#frotateG_04{
right:15px;
top:15px;
animation-delay:0.9s;
-o-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-moz-animation-delay:0.9s;
}
#frotateG_05{
right:0;
top:51px;
animation-delay:1.05s;
-o-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-moz-animation-delay:1.05s;
}
#frotateG_06{
right:15px;
bottom:15px;
animation-delay:1.2s;
-o-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
}
#frotateG_07{
left:51px;
bottom:0;
animation-delay:1.35s;
-o-animation-delay:1.35s;
-ms-animation-delay:1.35s;
-webkit-animation-delay:1.35s;
-moz-animation-delay:1.35s;
}
#frotateG_08{
left:15px;
bottom:15px;
animation-delay:1.5s;
-o-animation-delay:1.5s;
-ms-animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
}
@keyframes f_fadeG{
0%{
background-color:rgba(254,90,36,0.97);
background-color: var(--oncolor);
}
100%{
background-color:rgb(255,255,255);
}
}
@-o-keyframes f_fadeG{
0%{
background-color:rgba(254,90,36,0.97);
background-color: var(--oncolor);
}
100%{
background-color:rgb(255,255,255);
}
}
@-ms-keyframes f_fadeG{
0%{
background-color:rgba(254,90,36,0.97);
background-color: var(--oncolor);
}
100%{
background-color:rgb(255,255,255);
}
}
@-webkit-keyframes f_fadeG{
0%{
background-color:rgba(254,90,36,0.97);
background-color: var(--oncolor);
}
100%{
background-color:rgb(255,255,255);
}
}
@-moz-keyframes f_fadeG{
0%{
background-color:rgba(254,90,36,0.97);
background-color: var(--oncolor);
}
100%{
background-color:rgb(255,255,255);
}
}