/****** STORE SKRÆME ******/
@media only screen and (min-width: 1920px) {
.page-slider-section .slick-slide img {
display: block;
width: 100%;
}
}
@media only screen and (max-width: 1400px) {
header .main-navigation .menu-container:last-child>ul>li:last-child:hover>.sub-menu {
right: 0;
}
}
/****** BÆRBAR / MINDRE SKÆRME ******/
@media only screen and (max-width: 1240px) {
/* .header-wrapper, */
#content,
/* .section, */
.section-wrap,
footer.site-footer .site-info {
width: auto;
max-width: 100%;
margin-inline: var(--gap-m);
;
}
.section-wrap.section-fullpage:not(.has-background) {
padding-left: 0;
padding-right: 0;
}
header .section-wrap .section {
padding: 5px var(--gap-m);
}
.maps-optimize .google-maps-canvas {
max-width: 100%;
}
.maps-optimize .section,
.small-maps .section {
padding: 0;
}
.stom-billede-sektion .section {
padding: 0;
}
.stom-billede-sektion .stom-cols-6 {
width: 50%;
padding: 0 calc(var(--gap-m) - var(--content-margin));
}
.archive #content.no-blog-images>header {
width: 25%;
margin-right: 20px;
}
.archive:not(.woocommerce) #content.no-blog-images #primary {
width: calc(100% - 20px - 260px - 25% - 20px);
}
.woocommerce-button-setup-1 ul.products li .button {
font-size: .9em;
padding: .5em;
}
.sidebar-new #secondary:before {
width: calc(var(--sidebar-width) + var(--sidebar-offset) + var(--gap-m));
}
.widget-area .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
padding: var(--gap-m);
}
}
/****** IPADS - VERTIKALT ******/
@media only screen and (max-width: 959px) {
/* Sticky CTA overtager header CTA's */
header .top-bar .stom-button a {
display: none;
}
.style-header-02 .top-bar .top-bar-right>*:not(:last-child) {
display: none;
}
/*END Sticky CTA overtager header CTA's */
#content {
position: relative;
}
body:not(.no-sidebar).sidebar-new #content {
flex-wrap: wrap;
}
body:not(.no-sidebar) #primary,
body.sidebar-new:not(.no-sidebar) #primary,
.single #single-post-content-sidebar+.entry-content,
.main-navigation {
width: 100%;
float: none;
}
#secondary .widget_search .search-field {
width: 72%;
}
.archive #content.no-blog-images>header {
width: 35%;
}
.archive:not(.woocommerce) #content.no-blog-images #primary {
width: calc(100% - 20px - 260px - 35% - 20px);
}
.grid-columns-wrapper {
text-align: center;
}
.grid-columns-wrapper .grid-column {
text-align: left;
}
.grid-columns-wrapper .columns-6 {
width: calc((100% - (2.01% * 2)) / 3);
}
.grid-columns-wrapper .columns-6:first-of-type {
margin-bottom: 2%;
}
.grid-columns-wrapper.no-margin .columns-6 {
width: calc(100% / 3);
margin-bottom: 0;
}
.grid-columns-wrapper .columns-6:nth-of-type(3n) {
margin-right: 0;
}
.grid-columns-wrapper .columns-6:nth-of-type(4n) {
clear: left;
}
.close-grid-wrapper {
text-align: center;
}
.close-grid-wrapper .columns-6 {
width: calc(99.99% / 3);
}
#secondary.sidebar-setup-after-content {
width: 100%;
margin-top: var(--gap-l);
margin-left: 0;
float: none;
}
#secondary:not(.sidebar-setup-after-content) {
position: fixed;
width: 300px;
top: 0;
right: -500px;
bottom: 0;
margin: 0;
padding-top: 35px;
float: none;
background-color: #fff;
transition: right .3s, box-shadow .5s;
transition-timing-function: ease-in;
z-index: 1150;
}
#secondary.active {
right: 0;
box-shadow: 0 0 7px 0px rgba(0, 0, 0, .3);
transition-timing-function: ease-out;
}
.admin-bar #secondary.active {
top: 32px;
}
#page .open-button {
position: fixed;
top: 135px;
right: 0;
display: block;
padding: 8px;
color: #fff;
background-color: var(--color-1);
font-weight: 500;
border-width: 0 1px 1px 1px;
line-height: 1;
-webkit-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
cursor: pointer;
z-index: 20;
}
#page .open-button .button-icon {
margin-right: 5px;
}
#secondary .close-button {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 7px;
font-size: 2em;
line-height: 0;
cursor: pointer;
}
#secondary:not(.sidebar-setup-after-content) .custom-overflow-wrapper {
height: 100%;
padding: var(--gap-m);
overflow-y: auto;
}
#secondary:not(.sidebar-setup-after-content) .widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
background: transparent;
padding: 0;
}
.woocommerce-info #infoByEmail #stom_wc_search p {
width: 100%;
margin: 5px 0 10px;
}
#number-three-sticky-mobile-cta {
display: block;
}
.sidebar-new #secondary:before {
content: none;
}
.footer-widget-area .stom-cols-3 {
width: 48%;
margin-right: 4%;
}
.footer-widget-area .stom-cols-3:nth-child(2n+2) {
margin-right: 0;
}
.error404 h1.page-title {
font-size: 4rem;
}
/* Sliders */
.page-slider-section .slider-text {
padding: var(--gap-l) var(--gap-m);
}
.page-slider-section.main-slider-section {
font-size: 1rem;
}
}
@media only screen and (max-width: 810px) {
article.type-kalender .post-featured_img {
flex-basis: 0%;
}
article.type-kalender .date-tag {
flex-basis: 15%;
}
.page-template-page-kalender article.type-kalender .post-content-wrapper,
.tax-kalender_cat article.type-kalender .post-content-wrapper {
flex-basis: 80%;
}
form.activities-sorting-form button,
.activities-sorting-form .field,
.activities-sorting-form .field.field-date {
width: 100%;
margin: 0 0 1px;
padding: 10px 0 9px;
}
.posts-archive-layout-2.posts-archive .post-thumbnail img {
height: 150px;
}
}
/****** MINDRE END IPADS VERTIKALT ******/
@media only screen and (max-width: 782px) {
.admin-bar #secondary.active,
body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout) .header-absolute #masthead,
body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active #masthead {
top: 46px;
}
.admin-bar header .number-three-burger-menu-content {
padding-top: 46px;
}
}
@media only screen and (max-width: 767px) {
#woo-icons .woo-search>a {
display: none;
}
.site-branding #logo,
.style-header-02 .site-branding #logo {
padding: 10px 0;
}
header .shop-top-bar .top-bar-right {
display: none;
}
header .shop-top-bar .top-bar-left {
float: none;
text-align: center;
}
.hover-style-spaced ul.menu a:before,
.hover-active.hover-style-spaced ul.menu a:before {
content: none;
}
.hover-entry-slide-up.hover-style-center ul.menu a:before {
margin: 0;
}
.header-wrapper,
#content,
.section,
.section-wrap .section,
.section-wrap.section-fullpage .section,
footer.site-footer .site-info {
width: auto;
}
#colophon .copyright,
footer.site-footer .site-info,
footer.site-footer .site-info .copyright {
text-align: center;
}
.stom-cols-elm:not(.stom-cols-12),
.stom-cols-11,
.stom-cols-10,
.stom-cols-9,
.stom-cols-8,
.stom-cols-7,
.stom-cols-6,
.stom-cols-5,
.stom-cols-4,
.stom-cols-3,
.stom-cols-2,
.stom-cols-1,
.section-map .stom-cols-6:not(.map-container),
.section-map .stom-cols-6,
.section-map.maps-optimize.optimize-left .stom-cols-6:not(.last),
.section-map.maps-optimize.optimize-right .stom-cols-6.last {
width: 100%;
margin: 0 0 20px;
}
.section-map .stom_maps_free {
min-height: 350px;
}
.small-maps .section {
flex-wrap: wrap;
}
.stom-billede-sektion {
padding: 20px 0;
}
.overlap-image.stom-billede-sektion .stom-picture,
.stom-billede-sektion .stom-picture {
position: static;
width: 100%;
transform: none;
}
.overlap-image.stom-billede-sektion .stom-cols-6,
.overlap-image.stom-billede-sektion.picture-left .stom-cols-6,
.overlap-image.stom-billede-sektion.picture-right .stom-cols-6,
.stom-billede-sektion .stom-cols-6,
.stom-billede-sektion.picture-left .stom-cols-6,
.stom-billede-sektion.picture-right .stom-cols-6 {
width: 100%;
min-height: 0;
margin: 0;
padding: 0 var(--gap-m) var(--gap-m);
}
.grid-columns-wrapper .columns-5 {
width: calc((100% - (2.01% * 2)) / 3);
}
.grid-columns-wrapper .columns-5:first-of-type {
margin-bottom: 2%;
}
.grid-columns-wrapper.no-margin .columns-5 {
width: calc(100% / 3);
margin-bottom: 0;
}
.grid-columns-wrapper .columns-5:nth-of-type(3n) {
margin-right: 0;
}
.grid-columns-wrapper .columns-5:nth-of-type(4n) {
clear: left;
}
.close-grid-wrapper .columns-5 {
width: calc(99.99% / 3);
}
article.type-kalender .post-featured_img,
article.type-kalender .post-content-wrapper {
width: 100%;
margin-bottom: 10px;
float: none;
}
.archive #content.no-blog-images>header {
width: 100%;
margin-right: 0;
float: none;
}
.archive #content.no-blog-images .header-divider {
display: block;
margin-top: 30px;
}
.archive:not(.woocommerce) #content.no-blog-images #primary {
width: 100%;
float: none;
}
.archive #content.no-blog-images article.post {
padding-left: 0;
border-left: none;
}
.archive #content.no-blog-images article.post:first-of-type {
padding-top: 40px;
}
.single #single-post-content-sidebar+.entry-content,
.single-post .entry-content {
width: 100%;
float: none;
}
.single-post #single-post-content-sidebar {
display: none;
}
#colophon,
footer.site-footer,
.push {
height: auto;
}
footer.site-footer .site-info div>span>span:after {
content: " ";
}
footer.site-footer .site-info div>span>span {
display: block;
}
.section-map.maps-optimize.optimize-left .stom-cols-6,
.section-map.maps-optimize.optimize-left .stom-cols-6:not(.last),
.section-map.maps-optimize.optimize-right .stom-cols-6.last {
position: static;
}
.woocommerce ul.products[class*=columns-]:not(.slick-slider),
.woocommerce-page ul.products[class*=columns-]:not(.slick-slider) {
margin-right: -15px;
}
html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide),
html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide),
html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n),
html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n) {
width: calc((100% - (15px * 2)) / 2);
margin: 0 15px 30px 0;
float: none;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 100%;
margin: 0 0 40px;
padding: 0;
float: none;
border: none;
}
.section-map .stom-cols-6,
.section-map .stom-cols-6:not(.map-container) {
padding: 0;
}
}
@media only screen and (max-width: 639px) {
/* Blog layout */
.posts-archive-layout-2.posts-archive #primary {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.posts-archive-layout-1.posts-archive .post-thumbnail,
.posts-archive-layout-1.posts-archive .post-thumbnail+.post-content-wrapper {
width: 100%;
}
.posts-archive-layout-1.posts-archive .post-thumbnail img {
height: 150px;
}
.posts-archive-layout-1.posts-archive .post-thumbnail+.post-content-wrapper {
padding-top: var(--gap-m);
}
.pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
width: 30px;
height: 30px;
}
.posts-archive-layout-1.posts-archive #primary .navigation.pagination {
padding-top: var(--gap-m);
}
/* Blog layout end */
#page .gform_wrapper .top_label li.gfield.gf_left_half,
#page .gform_wrapper .top_label li.gfield.gf_right_half {
padding: 0;
}
#page .gform_wrapper div.validation_error {
padding: 20px 30px;
font-size: 1.3em;
}
#page .gform_wrapper div.validation_error .fa {
margin-right: 5px;
font-size: 1.1em;
}
.grid-columns-wrapper .columns-4 {
width: calc((100% - (2.01% * 1)) / 2);
}
.grid-columns-wrapper .columns-4:first-of-type {
margin-bottom: 2%;
}
.grid-columns-wrapper.no-margin .columns-4 {
width: calc(100% / 2);
margin-bottom: 0;
}
.grid-columns-wrapper .columns-4:nth-of-type(2) {
margin-right: 0;
}
.grid-columns-wrapper .columns-4:nth-of-type(3) {
clear: left;
}
.close-grid-wrapper .columns-4 {
width: calc(99.99% / 2);
}
.section-wrap.stom-grid-section.section-fullpage .section.columns-3 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-4 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-5 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-6 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-7 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-8 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-9 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-10 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-11 .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section.columns-12 .grid-elements {
grid-template-columns: minmax(0, 1fr);
}
/* grid-slides */
.stom-grid-section .grid-element-slider-wrap .slick-track {
gap: 0;
margin-left: 0px;
}
}
/****** MOBILER ******/
@media only screen and (max-width: 479px) {
.site-branding #logo img {
max-width: 110px;
max-height: 50px;
}
body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
max-height: 25px;
}
.main-navigation ul {
width: 100%;
}
#secondary:not(.sidebar-setup-after-content) .custom-overflow-wrapper {
width: 260px;
margin: 0 auto;
}
#site-navigation .menu-navigation img {
max-width: 100px;
}
.grid-columns-wrapper {
margin: 0;
text-align: center;
}
.grid-columns-wrapper .grid-column {
display: block;
width: 100%;
margin: 0 0 6%;
}
.grid-columns-wrapper.no-margin .grid-column {
display: block;
width: 100%;
margin: 0;
}
.close-grid-wrapper .close-grid {
width: 100%;
}
.section-wrap.stom-grid-section .section .grid-elements,
.section-wrap.stom-grid-section.section-fullpage .section .grid-elements {
grid-template-columns: minmax(0, 1fr);
}
/* Woo icons */
#woo-icons .stom-custom-svg,
header .stomWF-favourites-list-link a {
font-size: 19px;
}
#woo-icons .site-header-cart .cart-contents span.count,
header .stomWF-favourites-list-link .count {
font-size: 9px;
padding: 4px;
}
/* Style header 03 CTA's*/
.style-header-03 .section-wrap {
display: none;
}
}
@media only screen and (max-width: 400px) {
header .burger-menu-content-inner {
width: 100%;
max-width: 340px;
}
.woocommerce ul.products[class*=columns-],
.woocommerce-page ul.products[class*=columns-] {
margin: 0;
}
html .woocommerce ul.products[class*=columns-] li.product,
html .woocommerce-page ul.products[class*=columns-] li.product,
html .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
html .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
width: 100%;
margin: 0 0 30px;
float: none;
}
}