/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}


/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1500px) {
    body header .main-navigation ul.menu a {
        padding: 10px var(--gap-s);
    }
    body .site-header .header-wrapper, body header.site-header .top-bar .section, .header-sticky-active.scrolled .style-header-02 .section-wrap .section, div.custom-breadcrumb-wrapper {
        max-width: 100%;
        padding-inline: var(--gap-l);
    }
}

@media only screen and (max-width: 1450px) {

    .stom-billede-sektion.picture-right .section .billed_layout_three.stom-picture {
        padding-left: 0;
    }
    .stom-billede-sektion.picture-left .section .billed_layout_three.stom-picture {
        padding-right: 0;
    }
    .stom-billede-sektion.sektion_billed_layout_three.picture-right .section .stom-cols-6 {
        padding-right: var(--gap-m);
    }
    .stom-billede-sektion.sektion_billed_layout_three.picture-left .section .stom-cols-6 {
        padding-left: var(--gap-m);
    }
    .section-wrap.stom-grid-section.indgangsvinkler_opsaetning .section .grid-elements {
        grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr));
    }
}

@media only screen and (max-width: 1350px) {
    body header .main-navigation ul.menu a {
        padding: 10px;
    }
    .stom-billede-sektion.picture-right  .section .stom-cols-6, .stom-billede-sektion.sektion_billed_layout_galleri.picture-right .section .stom-cols-6 {
        padding-left: var(--gap-l);
    }
    .stom-billede-sektion.picture-left  .section .stom-cols-6, .stom-billede-sektion.sektion_billed_layout_galleri.picture-left .section .stom-cols-6 {
        padding-right: var(--gap-l);
    }
    section.section-wrap.stom-billede-sektion .section {
        max-width: 100%;
    }

}

@media only screen and (max-width: 1240px) {
   :root body {
    /* Font sizes */
    --h1: 43px;
    --h2: 28px;
    --h3: 22px;
    --h4: 19px;
    --h5: 15px;
    --h6: 13px;
    --p: 15px;
    /* Gaps */
    --gap-l: 60px;
    --gap-m: 25px;
    --gap-s: 20px;
    /* Sidebar */
    --sidebar-width: 280px;
}
.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background .overlay h3 {
    font-size: var(--h3);
}
section.section-wrap .section.artister-wrapper {
    gap: calc(var(--gap-m));
} 
section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-image {
    width: 100%;
}
#colophon .footer-widget-area.stom-grid-section .grid-element:last-of-type {
    grid-template-columns: max-content;
}
body section.section-wrap.stom-grid-section span.custom-svg {
    margin-bottom: var(--gap-s);
}
section.section-wrap.smaller_width .section {
    padding-inline: var(--gap-m);
}
.stom-billede-sektion.picture-right  .section .stom-cols-6 {
    padding-left: var(--gap-m) !important;
}
.stom-billede-sektion.picture-left  .section .stom-cols-6 {
    padding-right: var(--gap-m) !important;
}

body .site-header .header-wrapper, body header.site-header .top-bar .section, .header-sticky-active.scrolled .style-header-02 .section-wrap .section, div.custom-breadcrumb-wrapper {
    padding-inline: var(--gap-m);
}
body main#main-content section.full-width-video.section-wrap, section.full-width-video.section-wrap .section {
    max-height: calc(100vh - var(--top-bar-height));
    min-height: 500px;
}

body header .top-bar .trustpilot-widget {
    width: 300px;
}

body .page-slider-section .slider-inner .slides:after, body .page-slider-section .slider-inner .slides:before, section.full-width-video.section-wrap .section:before, section.full-width-video.section-wrap .section:after {
    z-index: -1;
}

section.section-wrap.stom-video-banner .stom-video-banner-holder {
    height: 500px;
}
body.home .slider-text .click-down, section.full-width-video.section-wrap .section .click-down {
    display: none;
}
section.full-width-video.section-wrap .section .full-width-video-tekst {
    padding-top: 0;
}
body.home .page-slider-section .slider-text .primary_button, section.full-width-video.section-wrap .section .primary_button {
    margin-top: var(--gap-m);
}
.stom-form-section .section {
    grid-template-columns: 1.8fr 1fr;
    column-gap: var(--gap-l);
}
.stom-form-section .section .stom-form-section-content .stom-form-section-content-item.number-element-class .stom-form-section-content-item-text, .stom-form-section .section .stom-form-section-content .stom-form-section-content-item:not(.fuldbredde-class) .stom-form-section-content-item-text {
    max-width: calc(100% - var(--gap-s) - 75px);
}
}

@media only screen and (max-width: 1100px) {
    footer#colophon .footer-widget-area .footer-widgets.widgets-2 .genveje_styling .textwidget ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    footer#colophon .footer-widget-area .section.columns-3 .grid-elements {
        grid-template-columns: 25% 35% 40%;
    }
    .section-wrap.stom-grid-section .columns-2 .overlay.price_element_wrapper {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .stom-video-tekst-sektion .video-name-on-video, section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-content {
        bottom: 10px;
    }
}

/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
   :root body {
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 2;
    --grid-4-cols: 2;
    --grid-5-cols: 3;
    --grid-6-cols: 3;
    --grid-7-cols: 4;
    --grid-8-cols: 4;
    --grid-9-cols: 5;
    --grid-10-cols: 5;
    --grid-11-cols: 6;
    --grid-12-cols: 6;
}

body iframe[title="Weply chat"] {
bottom:76px !important;
}
 body iframe[title="Weply chat"].weply-mobile-body {
bottom:0 !important;
}

body .stom-posts-blog .stom-post-wrapper a.stom-post-link {
    opacity: 1;
}
body .stom-posts-blog .stom-post-wrapper  {
    height: 340px;
}
body .stom-posts-blog .stom-post-wrapper .stom-post-thumb {
    height: 340px;
}
section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video iframe, section.section-wrap .referencer-wrapper .single-reference-item, section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video {
    height: 247px;
}

.section-wrap.stom-grid-section .columns-2 .overlay.price_element_wrapper {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
}
.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj.stom-picture {
    padding-top: 0;
}
.faq-section .section .faq_elementer_headline {
    padding-top: 0;
}
section.section-wrap .section.artister-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.page-slider-section:not(.different-text) .slide-element img{
    min-height: 250px;
}
.stom-video-tekst-sektion .stom-video-tekst-info {
    padding-bottom: var(--gap-m);
}
footer#colophon .footer-widget-area .section.columns-3 .grid-elements {
    grid-template-columns: 25% 30% 45%;
}
section.section-wrap.stom-video-banner .stom-video-banner-holder {
    height: 400px;
}
body.home .page-slider-section .slider-text .primary_button, section.full-width-video.section-wrap .section .primary_button {
    margin-top: 0;
}
/* Move this rule if you change the the grid columns */
.last-on-mobile {
    order: 66;
}
.stom-form-section.baggrund-gradient .section {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: calc(var(--gap-l) + 40px );
}

section.section-wrap.stom-billede-sektion .section {
    grid-template-columns: 1fr;
}
body main#main-content section.section-wrap.stom-billede-sektion div.section div.stom-picture {
    right: unset;
    padding-inline: var(--gap-m);
    left: unset;
}

.stom-billede-sektion.picture-right  .section .stom-cols-6, .stom-billede-sektion.picture-left  .section .stom-cols-6 {
    padding-left: var(--gap-m);
    padding-right: var(--gap-m);
    min-height: unset;
    padding-bottom: var(--gap-m);
}
.stom-billede-sektion.picture-left .section .stom-picture {
    grid-column: 2;
    grid-row: 2;
}
.stom-billede-sektion .section .billed_layout_three.stom-picture {
    position: relative;
    width: 100%;
}

.section-wrap.stom-billede-sektion.picture-right .section .billed_layout_galleri.stom-picture {
    position: unset;
    width: 100%;
    justify-content: center;
    padding-inline: var(--gap-m);
    flex-wrap: wrap;
}



body .section-wrap.stom-billede-sektion .section .billed_layout_galleri.stom-picture {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap:var(--gap-m);
}
body .section-wrap.stom-billede-sektion.top-row-big .section .billed_layout_galleri.stom-picture img:nth-child(1),
body .section-wrap.stom-billede-sektion.top-row-big .section .billed_layout_galleri.stom-picture img:nth-child(2),
body .section-wrap.stom-billede-sektion.top-row-big .section .billed_layout_galleri.stom-picture img:nth-child(3),
body .section-wrap.stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture img:nth-child(3),
body .section-wrap.stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture img:nth-child(4),
body .section-wrap.stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture img:nth-child(5)  {
    grid-column: span 2;
}
body .section-wrap.stom-billede-sektion.top-row-big .section .billed_layout_galleri.stom-picture img:nth-child(4),
body .section-wrap.stom-billede-sektion.top-row-big .section .billed_layout_galleri.stom-picture img:nth-child(5),
body .section-wrap.stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture img:nth-child(1),
body .section-wrap.stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture img:nth-child(2) {
    grid-column: span 3;
}

body .section-wrap.stom-billede-sektion .section .billed_layout_galleri.stom-picture img {
  max-width:100% !important;
  margin:0;
  height: 300px !important;
}

.stom-billede-sektion .section .billed_layout_galleri.stom-picture img:first-of-type, .section-wrap.stom-billede-sektion.top-row-big .section .billed_layout_galleri.stom-picture img:nth-child(4), .stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture img:nth-child(3) {
    margin-left: 0;
}


.section-wrap.stom-billede-sektion.picture-left .section .billed_layout_galleri.stom-picture.stom-picture {
    position: unset;
    width: 100%;
    justify-content: center;
    padding-inline: 0;
    flex-wrap: wrap;
}


/* https://systom.dk/kunder/musikdj.dk/kontakt/ */
.worker-cards .section .grid-elements .grid-element .overlay{
    width: 150px;
}
body header .top-bar .top-bar-right p {
    gap: 10px;
}
.sideBar {
    display: none;
}
body .page-slider-section~main {
    margin-top: calc(var(--gap-s));
} 
}

@media only screen and (max-width: 810px) {
}


/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 782px) {
    section.section-wrap.stom-video-banner .stom-video-banner-holder {
        height: 300px;
    }
    .stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element {
        height: 300px;
    }
    .section-wrap.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background img {
        min-height: 300px;
    }
}

@media only screen and (max-width: 767px) {
   :root body {
    /* Font sizes */
    --h1: 30px;
    --h2: 25px;
    --h3: 20px;
    --h4: 18px;
    --h5: 14px;
    --h6: 12px;
    --p: 14px;
    /* Gaps */
    --gap-l: 50px;
    --gap-m: 20px;
    --gap-s: 15px;
    /* Outer margin */
    --content-margin: 0;
}
body iframe[title="Weply chat"] {
bottom:67px !important;
}

body .page-slider-section~main {
    margin-top: calc(var(--gap-m));
}
section.section-wrap .section.artister-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.section-wrap.section-galleri .section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-m);
    padding: var(--gap-m);
}
.section-wrap.section-galleri .galleri-single-image {
    max-width: 100% !important;
    height: 300px !important;
    padding: 0 !important;
    top: unset !important;
    margin:0 !important;
}
.page-slider-section.main-slider-section .custom-breadcrumb-wrapper *, .page-slider-section.main-slider-section .custom-breadcrumb-wrapper .custom-breadcrumb {
    font-size: var(--p);
}

body .section-wrap.stom-billede-sektion .section .billed_layout_galleri.stom-picture img {
  height: 280px !important;
}


footer#colophon .footer-widget-area .section.columns-3 .grid-elements {
    grid-template-columns: 50% 50% 100%;
}
#colophon .footer-widget-area.stom-grid-section .grid-element:last-of-type {
    grid-row: 2;
}

}

@media only screen and (max-width: 639px) {
   :root body {
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 1;
    --grid-4-cols: 1;
    --grid-5-cols: 1;
    --grid-6-cols: 1;
    --grid-7-cols: 1;
    --grid-8-cols: 1;
    --grid-9-cols: 1;
    --grid-10-cols: 1;
    --grid-11-cols: 1;
    --grid-12-cols: 1;
}

body div.gform_confirmation_message .gravity-confirmation-message {
        max-width: calc(100% - 60px);
        width: 100%;
}

body .stom-posts-blog .stom-post-wrapper  {
    height: 300px;
}
body .stom-posts-blog .stom-post-wrapper .stom-post-thumb {
    height: 300px;
}
section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video iframe, section.section-wrap .referencer-wrapper .single-reference-item, section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video {
    height: 334px;
}
.section-wrap.stom-grid-section .columns-2 .overlay.price_element_wrapper, .section-wrap.stom-grid-section .columns-1 .overlay.price_element_wrapper {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
}
.custom-breadcrumb-wrapper .custom-breadcrumb {
    margin-left: 0;
}
.custom-breadcrumb-wrapper .custom-breadcrumb:before {
    display: none;
}
div.custom-breadcrumb-wrapper {
    padding-inline:0;
}

.page-slider-section:not(.different-text) .slide-element img{
    min-height: 200px;
}
body header .top-bar .top-bar-right {
    display: none;
}
body header .top-bar .top-bar-left {
    height: 24px;
}
body .page-slider-section .slider-inner .slides:after, body .page-slider-section .slider-inner .slides:before, section.full-width-video.section-wrap .section:before, section.full-width-video.section-wrap .section:after {
    display: none;
}
section.section-wrap.three-dj-reference .section.artister-wrapper .single-artist-item .single-artist-item-image {
    height: 350px;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-prev .stom-custom-svg svg, .stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-next .stom-custom-svg svg {
    width: 11px;
    height: 15px;
}
.stom-video-tekst-sektion .stom-video-wrapper .single-item-video-section iframe {
    min-height: 250px;
}
section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video iframe, section.section-wrap .referencer-wrapper .single-reference-item, section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video {
    height: 300px;
}
}
@media only screen and (max-width: 576px) {
    section.section-wrap.stom-video-banner .stom-video-banner-holder {
        height: 250px;
    }
    section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-content {
        font-size: 18px;
    }
    .stom-billede-sektion .section .billed_layout_three.stom-picture {
        grid-template-columns: 1fr 1fr;
    }
    .stom-billede-sektion .section .billed_layout_three.stom-picture img:last-of-type {
        grid-column: span 2;
    }
    .stom-billede-sektion .section .stom-picture img {
        height: 250px;
    }
    .section-wrap.section-galleri .galleri-single-image {
        height: 250px !important;
    }

    .custom-breadcrumb-wrapper .custom-breadcrumb > span {
        padding: 0 7px;
    }
    .page-slider-section.main-slider-section .custom-breadcrumb-wrapper * {
        white-space: nowrap;
    }
    body .section-wrap.stom-billede-sektion .section .billed_layout_galleri.stom-picture img {
      height: 250px !important;
  }
  body .site-branding #logo img, body .site-branding #logo svg {
    max-width: 200px;
    width: 200px;
    max-height: unset;
}

}

/****** MOBILER ******/



@media only screen and (max-width: 479px) {
    section.section-wrap.three-dj-reference .section.artister-wrapper .single-artist-item .single-artist-item-image {
        height: 320px;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-height: unset;
    }
    body main#main-content section.full-width-video.section-wrap, section.full-width-video.section-wrap .section {
        max-height: 500px;
        height: auto;
        align-content: flex-start;
        padding-top: 0;
    }
    section.full-width-video.section-wrap .section .full-width-video-tekst {
        padding-top: calc(var(--header-height) + var(--gap-l))
    }

    .section-wrap.section-galleri .galleri-single-image {
        height: 200px !important;
    }
    .page-slider-section.main-slider-section .custom-breadcrumb-wrapper *, .page-slider-section.main-slider-section .custom-breadcrumb-wrapper .custom-breadcrumb {
        font-size: calc(var(--p) - 2px);
    }
    section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video iframe, section.section-wrap .referencer-wrapper .single-reference-item, section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video {
        height: 250px;
    }
    .custom-breadcrumb-wrapper .custom-breadcrumb > span {
        padding: 0 5px;
    }
    footer#colophon .footer-widget-area .section.columns-3 .grid-elements {
        grid-template-columns: 1fr;
    }
    section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-content .single-artist-item-content-arrow {
        display: none;
    }
    #colophon .footer-widget-area.stom-grid-section .grid-element:last-of-type {
        grid-row:3;
    }
    .stom-form-section .section .stom-form-section-content .stom-form-section-content-item.number-element-class .stom-form-section-number-box {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    section.stom-grid-section.grid-slider.footer-slider-sektion .grid-elements.slick-slider .slick-slide img {
        max-height: 60px;
    }
    .stom-form-section .section .stom-form-section-content .stom-form-section-content-item.number-element-class .stom-form-section-content-item-text, .stom-form-section .section .stom-form-section-content .stom-form-section-content-item:not(.fuldbredde-class) .stom-form-section-content-item-text {
        max-width: calc(100% - var(--gap-s) - 50px);
    }
    .stom-video-tekst-sektion .stom-video-wrapper .single-item-video-section iframe {
        min-height: 200px;
    }
    body section.section-wrap.stom-grid-section.bigger-svgs svg {
        width: 40px;
    }
    footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget {
        display: flex;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 400px) {
    section.section-wrap .section.artister-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    section.section-wrap.three-dj-reference .section.artister-wrapper .single-artist-item .single-artist-item-image {
        height: 280px;
    }

    section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-image {
        height: 260px;
    }
    .custom-breadcrumb-wrapper .custom-breadcrumb > span {
        padding: 0 3px;
    }
}