/*
Theme Name: Number Three One - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-one
Text Domain: number-three-child
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ===== CSS Variables ===== */

:root {
    /* Font sizes */
    --h1: 40px;
    --h2: 40px;
    --h3: 28px;
    --h4: 20px;
    --h5: 16px;
    --h6: 16px;
    --p: 16px;

    /* Gaps */
    --gap-l: 100px;
    --gap-m: 40px;
    --gap-s: 20px;

    /* font families */
    --h-fam: "Oswald", sans-serif;
    --p-fam: "Open Sans", sans-serif;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #3aada8;
    --color-2: #447e5e;
    --button-hover-color: #2d8783;
    --color-bg: #f6f6f6;
    --color-text: #fff;
    --color-dark: #1a1a1a;
    --color-sort: #000;
    --color-dark-bagground: #232222;
    --color-overlay: rgb(0 0 0 / 45%);

    /* transitions */
    --transition: .175s ease-out;

    /* Margin on the right and left of the main content sections (change 0 to 1 to match template distances)*/
    --content-margin: calc(0 * var(--gap-m));
    --slider-text-width: 1250px;

    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
    --top-bar-height: 30px;


    --background-default-color: #69446d;
    --background-moz-linear-gradient: -moz-linear-gradient(107deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);
    --background-webkit-linear-gradient: -webkit-linear-gradient(107deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);
    --background-linear-gradient: linear-gradient(107deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);

    --background-default-color-style2: #69446d;
    --background-moz-linear-gradient-style2: -moz-linear-gradient(254deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);
    --background-webkit-linear-gradient-style2: -webkit-linear-gradient(254deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);
    --background-linear-gradient-style2: linear-gradient(254deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);

    --background-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69446d", endColorstr="#2c4681", GradientType=1);
}





/* ===== END CSS Variables ===== */


/*======================================================================//
// style.css                                                            //
//======================================================================*/

/*======================================================================//
// standard styles                                                      //
//======================================================================*/

html {
	scroll-behavior: smooth;
}

#kontakformular_julefrokost {
	scroll-margin-top: 100px;
}


section.smaller_width {
    max-width: 800px;
    margin: auto;
}

body {
    background-color: #1a1a1a;
}

body .baggrund-gradient {
    background: var(--background-default-color);
    background: var(--background-moz-linear-gradient);
    background: var(--background-webkit-linear-gradient);
    background: var(--background-linear-gradient);
    margin-inline: 0;
    padding: var(--gap-l) var(--gap-m);
}

body .baggrund-gradient-styling2 {
    background: var(--background-default-color-style2);
    background: var(--background-moz-linear-gradient-style2);
    background: var(--background-webkit-linear-gradient-style2);
    background: var(--background-linear-gradient-style2);
    margin-inline: 0;
    padding: var(--gap-l) var(--gap-m);
    filter: var(--background-filter);
}

p>em {
    padding-left: 15px;
    position: relative;
    display: block;
}

p>em:before {
    content: '';
    background: var(--background-default-color-style2);
    background: var(--background-moz-linear-gradient-style2);
    background: var(--background-webkit-linear-gradient-style2);
    background: var(--background-linear-gradient-style2);
    filter: var(--background-filter);
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

body a {
    text-decoration: none;
    transition: var(--transition);
}

body a:hover {
    color: var(--color-1);
}

.section-wrap.content-top .grid-element .overlay {
    justify-content: flex-start;
}

.section-wrap.content-center .grid-element .overlay {
    justify-content: center;
}

.section-wrap.content-bottom .grid-element .overlay {
    justify-content: flex-end;
}


body .page-slider-section~main {
    margin-top: calc(var(--gap-m) + 10px);
}

.blackWhite img {
    filter: saturate(0);
}

.section h4>a {
    margin-top: 10px;
    display: inline-block;
}

section.baggrundsbilleder.section-wrap img {
    max-height: 365px;
}

.grid-element.box-infomation {
    padding-top: var(--gap-s);
    padding-bottom: var(--gap-s);
}

.grid-element.stor-skrift {
    --p: var(--h4);
}

.grid-element.stor-skrift {
    font-size: var(--p);
}

.less_headline_margin h2,
.less_headline_margin h3,
.less_headline_margin h4 {
    margin-bottom: var(--gap-s);
}

body.error404 h1:after,
body.error404 h2:after {
    display: none !important;
}

body.error404 form.search-form {
    margin-bottom: var(--gap-m);
    margin-top: var(--gap-s);
}

/* Weply chat style */

body iframe[title="Weply chat"] {}

/* Weply chat style */


/*======================================================================//
// END standard styles                                                  //
//======================================================================*/

/*======================================================================//
// Fonts                                                                //
//======================================================================*/

body.home {
    --h1: 100px;
}

body.home h1 {
    font-weight: 900;
    margin-bottom: 18px;
}

body.home .page-slider-section .slider-text p {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.widget-title,
#colophon .copyright {
    color: var(--color-text);
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: var(--gap-m);
}

h4,
h5,
h6,
.widget-title,
#colophon .copyright {
    margin-bottom: var(--gap-s);
}

body p {
    margin-bottom: 1rem;
}

body p .stom-button.primary_button {
    margin-top: 30px;
}

/* underline for headline */


body:not(.home) h1:after,
h2:not(:has(+ h4)):after,
h3:after,
h2+h4:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background-color: var(--color-text);
    margin-top: var(--gap-s);
}

body h2:has(+ h5),
body h2:has(+ h4),
body h2:has(+ h5),
body h3:has(+ h4),
body h3:has(+ h5) {
    margin-bottom: 5px;
}


h1[style*="text-align: center"]:after,
h2[style*="text-align: center"]:after,
h3[style*="text-align: center"]:after,
h4[style*="text-align: center"]:after {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

h2+h3:after,
.no_underline_headline h2:after,
.no_underline_headline h3:after,
.no_underline_headline h4:after,
.indgangsvinkler_opsaetning h2:after,
.indgangsvinkler_opsaetning h3:after,
.price_element .price_element_headline h3:after,
.price_element .price_element_headline h2:after,
.price_element .price_element_headline h4:after,
.indgangsvinkler_opsaetning h3:after,
.indgangsvinkler_opsaetning h4:after,
.section-wrap .stom-center-box .faq_elementer_headline>:after,
.billed_layout_dj .dj_under_image_text h4:after {
    display: none;
}


/* underline for headline */


/*======================================================================//
// END Fonts                                                            //
//======================================================================*/

/*======================================================================//
// Buttons styles                                                       //
//======================================================================*/

.primary_button a,
.stom-form-section .gform_wrapper.gravity-theme .gform_footer button {
    transition: var(--transition);
    font-size: var(--p);
    text-transform: uppercase;
    font-family: var(--h-fam);
    line-height: 1.2;
    padding: 11px calc(var(--gap-s) + 5px) 11px calc(var(--gap-s) + 10px);
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
}

.primary_button a span.stom-custom-svg,
.stom-form-section .gform_wrapper.gravity-theme .gform_footer button .stom-custom-svg {
    font-size: calc(var(--p) - 2px);
    margin-left: var(--gap-s);
}

.primary_button a span.stom-custom-svg svg,
.stom-form-section .gform_wrapper.gravity-theme .gform_footer button .stom-custom-svg svg {
    transition: var(--transition);
    top: -2px;
    position: relative;
}

.primary_button a:hover span.stom-custom-svg svg,
.stom-form-section .gform_wrapper.gravity-theme .gform_footer button:hover .stom-custom-svg svg {
    transform: translateX(5px);
}

.primary_button a {
    background-color: var(--color-1);
    color: var(--color-text);
    border: 1px solid var(--color-1);
    margin-top: var(--gap-s);
}

.primary_button a:hover {
    background-color: var(--button-hover-color);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.stom-button a:hover,
.stom-button a:active,
.stom-button a:focus,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_footer input[type=submit]:focus {
    background-color: var(--button-hover-color);
}

.stom-button:has(+ .stom-button) {
    margin-right: var(--gap-s);
}

/*======================================================================//
// END Buttons styles                                                   //
//======================================================================*/

/*======================================================================//
// galleri-sektion                                                      //
//======================================================================*/

.galleri-sektion.stom-grid-section .grid-element {
    min-height: 300px;
}

/*======================================================================//
// galleri-sektion END                                                  //
//======================================================================*/


/*======================================================================//
// Gravity form ting                                                    //
//======================================================================*/


/* Gravity form robot knap */

body .stomGFAS-container-field .stomGFAS-icon {
    font-size: 26px;
}

body .stomGFAS-container-field .stomGFAS-label {
    font-size: 14px;
}

body .stomGFAS-container-field .stomGFAS-inner {
    gap: 10px;
    max-width: unset;
    padding: 10px 10px 10px 10px;
}

body .stomGFAS-container-field .stomGFAS-complete {
    font-size: 16px;
}

body div.gform-body.gform_body .stomGFAS-container-field {
    text-align: right;
}

/* END Gravity form robot knap */


/*======================================================================//
// END Gravity form ting                                                //
//======================================================================*/

/*======================================================================//
// Header menu                                                          //
//======================================================================*/

body header#masthead {
    background: var(--color-dark);
    transition: var(--transition);
}

body #page.scrolled header#masthead {
    background: rgba(26, 26, 26, .95);
}

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: 150px;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled #masthead {
    box-shadow: unset;
}

body.home header#masthead {
    background: transparent;
}

body header .top-bar {
    background-color: var(--color-sort);
    margin-inline: 0;
    padding: 0;
    color: var(--color-text);
    transition: var(--transition);
}

body header .top-bar .top-bar-left {
    position: relative;
}

body header .top-bar .trustpilot-widget {
    display: inline-block;
    position: absolute !important;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

body.home header .top-bar {
    margin-bottom: 13px;
}

body.home #page.scrolled header .top-bar {
    margin-bottom: 0;
}

body header .main-navigation ul.menu a {
    color: var(--color-text);
    padding: 10px calc(var(--gap-s) + 5px);
    font-size: 14px;
    text-transform: uppercase;
}

body header .top-bar .top-bar-right p {
    display: flex;
    gap: var(--gap-s);
}

body header .top-bar a {
    font-weight: 600;
}

body header .top-bar .top-bar-right p .stom-custom-svg.custom-svg {
    margin-right: 10px;
}

.hover-active:not(.hover-style-bold) ul.menu>li>a:before {
    content: '';
    position: absolute;
    bottom: 30px;
    left: calc((var(--gap-s) + 5px));
    width: 0;
    opacity: 1;
    height: 2px;
    background: linear-gradient(107deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);
    transition: width 0.4s ease;
}

body .hover-active:not(.hover-style-bold) ul.menu a:hover:before,
body.tax-artist-kategori .hover-active:not(.hover-style-bold) ul.menu li#menu-item-2165>a:before,
body .hover-active:not(.hover-style-bold) ul.menu li.current-menu-item a:before,
body .hover-active:not(.hover-style-bold) ul.menu li.current_page_ancestor a:before {
    width: calc(100% - ((var(--gap-s) + 5px) * 2));
}

body .hover-active:not(.hover-style-bold) ul#primary-menu.menu>li:last-of-type a:hover:before {
    width: calc(100% - ((var(--gap-s) + 5px) * 1));

}

body header .top-bar .top-bar-right p a:hover {
    color: var(--color-1);
}

.hover-active:not(.hover-style-bold) ul.menu a:hover:before {
    width: 100%;
}
body.home .header-placeholder {
    display: none !important;
}
body.home header#masthead {
    position: fixed;
    right: 0;
    left: 0;
    width: auto;
    z-index: 50;
}

body.home:not(.woocommerce-cart):not(.woocommerce-checkout) .header-placeholder {
    height: var(--top-bar-height) !important;
}

body .site-branding #logo img,
body .site-branding #logo svg {
    max-width: 230px;
    width: 230px;
    max-height: unset;
}

.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    max-height: unset;
}

/* Gamle størrelse på logoet.
body .site-branding #logo img, body .site-branding #logo svg {
    max-width: 150px;
    width: 150px;
    max-height: 80px;
}
*/
header .site-branding #logo {
    transition: var(--transition);
}

.header-sticky-active.scrolled header .site-branding #logo {
    padding: calc(var(--gap-s) + 0px) 0 calc(var(--gap-s) + 0px);
}

header.style-header-02 .site-branding #logo {
    padding: calc(var(--gap-s) + 0px) 0 calc(var(--gap-s) + 0px);
}

body header.site-header .section-wrap .section,
.header-sticky-active.scrolled .style-header-02 .section-wrap .section {
    padding-block: 14.5px;
}

body .main-navigation #primary-menu>li:last-of-type>a {
    padding-right: 0;
}

header#masthead .main-navigation ul.menu ul.sub-menu {
    background-color: var(--color-dark-bagground);
}

header#masthead .main-navigation ul.menu ul.sub-menu li {}

header#masthead .main-navigation ul.menu ul.sub-menu li a {
    justify-content: space-between;
    padding: 8px 20px;
    font-size: 13px;
}

header#masthead .main-navigation ul.menu ul a {
    width: 230px;
}

header#masthead .main-navigation ul.menu ul.sub-menu li a:before {
    background: var(--background-default-color-style2);
    background: var(--background-moz-linear-gradient-style2);
    background: var(--background-webkit-linear-gradient-style2);
    background: var(--background-linear-gradient-style2);
    filter: var(--background-filter);
    height: 100%;
    z-index: -1;
    width: 100%;
    transition: var(--transition);
}

/*======================================================================//
// END Header menu                                                      //
//======================================================================*/

/*======================================================================//
// Slider                                                               //
//======================================================================*/

.page-slider-section.main-slider-section {
    position: relative;
}

.page-slider-section:not(.different-text) .slide-element img {
    min-height: 300px;
}

.page-slider-section.main-slider-section .custom-breadcrumb-wrapper .custom-breadcrumb {
    font-size: 1rem;
}

div.custom-breadcrumb-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
}

.page-slider-section .slide-element .image-aligner {
    line-height: 0;
}

.custom-breadcrumb-wrapper .custom-breadcrumb {
    width: auto;
    padding: 0 10px;
    background-color: #000000;
    height: 42px;
    align-items: center;
    display: flex;
    position: relative;
    margin-left: 30px;
}

.custom-breadcrumb-wrapper .custom-breadcrumb:before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-bottom: 42px solid #000000;
    position: absolute;
    left: -30px;
    top: 0;
}

.custom-breadcrumb-wrapper .custom-breadcrumb:after {
    content: '';
    width: 0px;
    height: 0px;
    border-right: 30px solid transparent;
    border-top: 42px solid #000000;
    position: absolute;
    right: -30px;
    top: 0;
}

.custom-breadcrumb-wrapper .custom-breadcrumb a {
    text-decoration: none;
}

.custom-breadcrumb-wrapper .custom-breadcrumb>:not(.current_page):not(span) {
    color: rgba(255, 255, 255, 0.5);
}

.custom-breadcrumb-wrapper .custom-breadcrumb>a,
.custom-breadcrumb-wrapper .custom-breadcrumb>div {
    transition: var(--transition);
    font-size: 16px;
}

.custom-breadcrumb-wrapper .custom-breadcrumb>span {
    padding: 0 15px;
}

.custom-breadcrumb-wrapper .custom-breadcrumb .current_page {
    cursor: pointer;
}

.custom-breadcrumb-wrapper .custom-breadcrumb>a:hover,
.custom-breadcrumb-wrapper .custom-breadcrumb>div:hover {
    color: var(--color-1);
}

/*======================================================================//
// END Slider                                                           //
//======================================================================*/

/*======================================================================//
// Video slider                                                         //
//======================================================================*/

.page-slider-section .slide-element .service-aligner {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.page-slider-section .slide-element .service-aligner iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: calc(100% + 4px);
    max-width: none;
    height: auto;
    min-height: 100%;
    max-height: none;
    aspect-ratio: 16 / 9;
    transform: translateX(-50%) translateY(-50%);
}

body.home .page-slider-section .slider-text {
    height: calc(100vh - var(--top-bar-height));
    overflow: hidden;
}

body.home .page-slider-section .slider-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
}

body.home .page-slider-section .slider-text a {
    text-decoration: none;
    color: var(--color-1);
    font-size: 16px;
}

body.home .page-slider-section .slider-text-inner {
    padding-top: var(--gap-l);
}

body.home .page-slider-section .slider-text a>span.phone-number,
section.full-width-video.section-wrap .section a>span.phone-number {
    position: relative;
}

body.home .page-slider-section .slider-text a>span.phone-number:after,
section.full-width-video.section-wrap .section a>span.phone-number:after {
    content: '';
    display: block;
    opacity: 0;
    width: 0;
    height: 2px;
    transition: var(--transition);
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--color-1);
}

body.home .page-slider-section .slider-text a:hover>span.phone-number:after,
section.full-width-video.section-wrap .section a:hover>span.phone-number:after {
    opacity: 1;
    width: 100%;
}

body.home .page-slider-section .slider-text a span.custom-svg,
section.full-width-video.section-wrap .section a span.custom-svg {
    margin-right: 4px;
    margin-left: 2px;
}

body.home .page-slider-section .slider-text a span.custom-svg svg,
section.full-width-video.section-wrap .section a span.custom-svg svg {
    transition: var(--transition);
}

body.home .page-slider-section .slider-text a:hover span.custom-svg svg,
section.full-width-video.section-wrap .section a:hover span.custom-svg svg {
    transform: rotate(41deg);
}

body.home .page-slider-section.main-slider-section {
    font-size: 1.0rem;
}

body.home .page-slider-section .slider-text .primary_button,
section.full-width-video.section-wrap .section .primary_button {
    margin-top: var(--gap-l);
    --p: 20px;
}

body.home .page-slider-section .slider-text .primary_button a,
section.full-width-video.section-wrap .section .primary_button a {
    color: var(--color-text);
    padding: 17px calc(var(--gap-s) + 12px) 17px calc(var(--gap-s) + 12px);
    font-size: var(--p);
}

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 {
    content: '';
    background-color: #fff;
    opacity: .2;
    z-index: 2;
    height: 1960px;
    top: -490px;
    position: absolute;
    transform: rotate(29.7deg);
}

body .page-slider-section .slider-inner .slides:before,
section.full-width-video.section-wrap .section:before {
    right: 392px;
    width: 23px;
}

body .page-slider-section .slider-inner .slides:after,
section.full-width-video.section-wrap .section:after {
    right: 325px;
    width: 46px;
}

body .page-slider-section .slider-inner .slides,
section.full-width-video.section-wrap .section {
    position: relative;
    overflow: hidden;
}

body.home .slider-text .click-down,
section.full-width-video.section-wrap .section .click-down {
    display: inline-block;
    position: absolute;
    bottom: var(--gap-l);
    left: 50%;
    transform: translateX(-50%);
    animation: bounce infinite 2.5s;
    cursor: pointer;
    padding: var(--gap-s);
}

body.home .slider-text .click-down svg,
section.full-width-video.section-wrap .section .click-down svg {
    font-size: 26px;
    transition: var(--transition);
}

body.home .slider-text .click-down:hover svg,
section.full-width-video.section-wrap .section .click-down:hover svg {
    color: var(--color-1);
}


@keyframes bounce {
    0% {
        bottom: var(--gap-m);
    }

    25% {
        bottom: calc(var(--gap-m) - var(--gap-s));
    }

    100% {
        bottom: var(--gap-m);
    }
}

body main#main-content section.full-width-video.section-wrap {
    margin-top: 0;
}

section.full-width-video.section-wrap .section {
    height: 800px;
    overflow: hidden;
    align-content: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    padding-top: var(--gap-l);
}

section.full-width-video.section-wrap .section .full-width-video-tekst {
    padding-top: var(--gap-l);
}

section.full-width-video.section-wrap .section a {
    text-decoration: none;
    color: var(--color-1);
    font-size: 16px;
}



/*======================================================================//
// END Video slider                                                     //
//======================================================================*/

/*======================================================================//
// Indgangsvinkler                                                      //
//======================================================================*/

/*
.section-wrap.stom-grid-section.indgangsvinkler_opsaetning {
    margin-top: 0;
}
*/
.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .section {
    padding-inline: 0;
}

.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .section .grid-elements {
    gap: 0;
}

body section.section-wrap.stom-grid-section span.custom-svg {
    margin-bottom: 40px;
}

body section.section-wrap.stom-grid-section.bigger-svgs svg {
    width: 52px;
    height: auto;
}

body section.section-wrap.stom-grid-section img:has(+ img) {
    margin-right: var(--gap-m);
}

.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background .overlay {
    justify-content: center;
}

.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background .overlay h3 {
    margin: 0;
    font-size: 28px;
    z-index: 3;
}

.section-wrap.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background img {
    z-index: 1;
    min-height: 400px;
}

/*======================================================================//
// END Indgangsvinkler                                                  //
//======================================================================*/

/*======================================================================//
// Kolonner slider                                                      //
//======================================================================*/

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always {
    margin-top: var(--gap-l);
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element-slider-wrap .slick-track {
    gap: 0;
    margin-left: 0;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element {
    position: relative;
    overflow: hidden;
    transition: var(--transition);
    height: 407px;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
    object-fit: cover;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element:hover img {
    transform: scale(1.1);
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element .overlay {
    justify-content: center;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .overlay h3 {
    margin: 0;
    z-index: 3;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element img {
    z-index: 1;
}

/* arrows */
.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-prev,
.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-next {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-prev {
    left: var(--gap-s);
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-next {
    right: var(--gap-s);
}

.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: 19px;
    height: 31px;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-prev .stom-custom-svg svg path,
.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-elements.slick-slider .slick-arrow.slick-next .stom-custom-svg svg path {
    color: #fff;
    width: 13px;
    height: 26px;
}

.stom-grid-section.indgangsvinkler_opsaetning.grid-slider.grid-slider-always .grid-element .overlay:after,
.stom-grid-section.indgangsvinkler_opsaetning .grid-element.has-background .overlay:after {
    content: '';
    height: 100%;
    width: 100%;
    background: #1a1a1a;
    background: -moz-linear-gradient(128deg, #1a1a1a 0%, #404040 100%);
    background: -webkit-linear-gradient(128deg, #1a1a1a 0%, #404040 100%);
    background: linear-gradient(128deg, #1a1a1a 0%, #404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a", endColorstr="#404040", GradientType=1);
    position: absolute;
    z-index: 1;
    opacity: .4;
    top: 0;
    left: 0;
}


/*======================================================================//
// END Kolonner slider                                                  //
//======================================================================*/

/*======================================================================//
// Footer kolonner slider                                               //
//======================================================================*/

section.stom-grid-section.grid-slider.footer-slider-sektion .grid-elements.slick-slider .slick-slide {
    justify-content: space-around;
    padding: 0 var(--gap-m);
}

section.stom-grid-section.grid-slider.footer-slider-sektion {
    padding-top: var(--gap-l);
}

section.stom-grid-section.grid-slider.footer-slider-sektion .grid-elements.slick-slider .slick-slide img {
    object-fit: contain;
    max-height: 65px;
    object-position: center center;
}

section.stom-grid-section.grid-slider.footer-slider-sektion .grid-elements,
section.stom-grid-section.grid-slider.footer-slider-sektion .grid-element-slider-wrap .slick-track {
    gap: 0;
}

section.stom-grid-section.grid-slider.footer-slider-sektion .slick-arrow {
    background: transparent;
    box-shadow: none;
    color: white;
}

section.stom-grid-section.grid-slider.footer-slider-sektion .slick-arrow svg {
    width: 14px;
}

section.stom-grid-section.grid-slider.footer-slider-sektion .grid-element-slider-wrap .slick-track {
    margin-left: 0;
}

/*======================================================================//
// END Footer kolonner slider                                           //
//======================================================================*/

/*======================================================================//
// Layout for priser                                                    //
//======================================================================*/

.section-wrap.stom-grid-section .overlay.price_element_wrapper {
    display: grid;
    gap: calc(var(--gap-s) + 10px);
}

.section-wrap.stom-grid-section .grid-element.price_element_items {
    align-items: start;
}

.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(2, minmax(0px, 1fr));
}

.section-wrap.stom-grid-section .columns-3 .overlay.price_element_wrapper,
.section-wrap.stom-grid-section .columns-4 .overlay.price_element_wrapper {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
}

.section-wrap.stom-grid-section .overlay.price_element_wrapper.clearfix::after {
    display: none;
}

.overlay.price_element_wrapper .price_element .price_element_headline h3 {
    background: linear-gradient(107deg, #69446d 0%, #724c71 24%, #3269a2 76%, #2c4681 100%);
    text-align: center;
    margin-bottom: 0;
    padding: var(--gap-s) 10px;
}

.overlay.price_element_wrapper .price_element {
    background-color: #222222;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.overlay.price_element_wrapper .price_element .price_element_content {
    padding: var(--gap-m) var(--gap-s);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.overlay.price_element_wrapper .price_element .price_element_content .price_element_list .price_element_list_item {
    margin-bottom: 14px;
}

.overlay.price_element_wrapper .price_element .price_element_content .price_element_list .price_element_list_item .stom-custom-svg {
    margin-right: 10px;
    font-size: 14px;
}

.overlay.price_element_wrapper .price_element .price_element_content .price_element_price {
    font-size: var(--h3);
    text-transform: uppercase;
    font-family: var(--h-fam);
    text-align: end;
    margin-top: auto;
}

/*======================================================================//
// END Layout for priser                                                //
//======================================================================*/

/*======================================================================//
// END Kolonner & Kasser                                                //
//======================================================================*/


/*======================================================================//
// Tekst & Formular                                                     //
//======================================================================*/

/* tekst */
.stom-form-section .section {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    column-gap: calc(var(--gap-l) + 40px);
}

section.stom-form-section.section-wrap .section {
    margin-bottom: 0;
}

.stom-form-section .section .stom-form-section-content .stom-form-section-content-item.number-element-class {
    display: flex;
    gap: var(--gap-s);
    margin-bottom: var(--gap-m);
}

.stom-form-section .section .stom-form-section-content .stom-form-section-content-item.number-element-class:last-of-type {
    margin-bottom: 0;
}

.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: 495px;
}

.stom-form-section .section .stom-form-section-content .stom-form-section-content-item:not(.number-element-class).fuldbredde-class .stom-form-section-content-item-text {
    max-width: 100%;
}

.stom-form-section .section .stom-form-section-content .stom-form-section-content-item:not(.number-element-class) .stom-form-section-content-item-text {
    margin-bottom: var(--gap-s);
    max-width: calc(495px + 75px + var(--gap-s));
}

.stom-form-section .section .stom-form-section-content .stom-form-section-content-item:not(.number-element-class) h4 {
    margin-bottom: var(--gap-m);
}

.stom-form-section .section .stom-form-section-content .stom-form-section-content-item.number-element-class .stom-form-section-number-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    background-color: var(--color-dark-bagground);
    font-family: var(--h-fam);
    font-size: 40px;
}

/* form */
.stom-form-section .section .gfield_label.gform-field-label {
    position: relative;
    bottom: -20px;
    left: 0;
    display: flex;
    padding-left: 6px;
    white-space: nowrap;
}


body div.gform_confirmation_message .custom-gform-message {
    display: block;
    padding: var(--gap-s);
    background-color: var(--color-1);
    font-size: var(--h5);
    font-weight: bold;
    box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
}

body div.gform_confirmation_message .gravityform-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: var(--transition);
    animation: fadeOutNew 5s;
    opacity: 0;
}

body div.gform_confirmation_message .gravity-confirmation-message .stom-custom-svg {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

body div.gform_confirmation_message .gravity-confirmation-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-1);
    font-size: var(--h4);
    padding: 30px;
    max-width: 479px;
    font-weight: bold;
}

body div.gform_confirmation_message br {
    display: none;
}

@keyframes fadeOutNew {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.stom-form-section .section .underline-form .gform_wrapper.gravity-theme div:not(.gform_footer) input,
.stom-form-section .section .underline-form .gform_wrapper.gravity-theme textarea {
    padding: 14px 20px 14px !important;
    border-top: none;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    position: relative;
}

.stom-form-section .section .underline-form .gform_wrapper.gravity-theme div:not(.gform_footer) .gfield_label.gform-field-label::before {
    content: '';
    position: relative;
    left: -6px;
    bottom: -12px;
    width: 10px;
    min-width: 10px;
    height: 1px;
    background-color: #fff;
    display: block;
}

.stom-form-section .section .underline-form .gform_wrapper.gravity-theme div:not(.gform_footer) .gfield_label.gform-field-label::after {
    content: '';
    height: 1px;
    background-color: #fff;
    display: block;
    position: relative;
    bottom: -12px;
    width: 100%;
    margin-left: 6px;
}

.stom-form-section .gform_wrapper.gravity-theme .gfield_required {
    color: white;
    padding-inline-start: 0;
    font-size: 16px;
}

.stom-form-section .section .gfield_label.gform-field-label {
    font-weight: 400;
}

.stom-form-section .section .gform_wrapper.gravity-theme .gfield:not(#field_submit) input::placeholder,
.stom-form-section .section .gform_wrapper.gravity-theme .gfield select::placeholder,
.stom-form-section .section .gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: rgba(226, 226, 226, 0.5);
}

.stom-form-section .gform_wrapper.gravity-theme .gform_footer button {}

.stom-form-section .gform_wrapper .gform_body {
    padding-top: 0;
}

.gform_wrapper.gravity-theme .gfield .ginput_container textarea.large {
    min-height: 150px;
}

/*======================================================================//
// END Tekst & Formular                                                 //
//======================================================================*/

/*======================================================================//
// Billede & Tekst                                                      //
//======================================================================*/

.stom-billede-sektion .section {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.section-wrap.stom-billede-sektion .stom-center-box {
    width: 100%;
}

.stom-center-box ul {
    margin-left: var(--gap-s);
}

.stom-billede-sektion .section .stom-cols-6 {
    width: 100%;
    padding: 0;
}

.stom-billede-sektion .section .stom-picture {
    position: relative;
    width: 100%;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: grid;
}

.stom-billede-sektion.picture-right .section .stom-picture {
    left: unset;
    right: 0;
}

.stom-billede-sektion.picture-left .section .stom-cols-6 {
    grid-column: 2;
}

.stom-billede-sektion.picture-left .section .stom-picture {
    grid-column: 1;
    grid-row: 1;
}

.stom-billede-sektion .section .billed_layout_one.stom-picture,
.stom-billede-sektion .section .billed_layout_two.stom-picture {
    left: calc(0px - var(--gap-l));
}

.stom-billede-sektion.picture-right .section .billed_layout_one.stom-picture,
.stom-billede-sektion.picture-right .section .billed_layout_two.stom-picture {
    left: unset;
    right: calc(0px - var(--gap-l));
}

.stom-billede-sektion .section .stom-picture img {
    height: 360px;
}

.stom-billede-sektion.sektion_billed_layout_three .section .stom-cols-6,
.stom-billede-sektion.billed_layout_two .section .stom-cols-6 {
    min-height: 360px;
}

.stom-billede-sektion.not-fullwidth .section,
.stom-billede-sektion:not(.not-fullwidth) {
    overflow: unset;
}

.stom-billede-sektion.picture-right .stom-cols-6 {
    padding-right: 0;
}

.stom-billede-sektion.picture-left .stom-cols-6 {
    padding-left: 0;
}

.stom-billede-sektion .section .billed_layout_two.stom-picture {
    gap: calc(var(--gap-s) + 10px);
    grid-template-columns: 1fr 1fr;
}

.stom-billede-sektion .section .billed_layout_three.stom-picture {
    gap: calc(var(--gap-s) + 10px);
    grid-template-columns: 1fr 1fr 1fr;
    position: absolute;
    width: 50%;
}

section.section-wrap.stom-billede-sektion.sektion_billed_layout_dj .section {
    gap: 0 var(--gap-s);
}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj.stom-picture {
    padding-left: var(--gap-s);
}

.stom-billede-sektion.sektion_billed_layout_three.picture-left .section .stom-cols-6 {
    padding-left: var(--gap-s);
}

.stom-billede-sektion.sektion_billed_layout_three.picture-right .section .stom-cols-6 {
    padding-right: var(--gap-s);
}

.stom-billede-sektion.picture-right .section .billed_layout_three.stom-picture,
.stom-billede-sektion.picture-right .section .billed_layout_galleri.stom-picture {
    padding-left: calc(var(--gap-l) - var(--gap-s));
}

.stom-billede-sektion.picture-left .section .billed_layout_three.stom-picture,
.stom-billede-sektion.picture-left .section .billed_layout_galleri.stom-picture {
    padding-right: calc(var(--gap-l) - var(--gap-s));
}

.stom-billede-sektion .section .billed_layout_galleri.stom-picture {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

.stom-billede-sektion.stom-billede-sektion.picture-right .section .billed_layout_galleri.stom-picture {
    justify-content: flex-end;
}

.stom-billede-sektion .section .billed_layout_galleri.stom-picture img {
    max-width: calc(33.3333333% - (var(--gap-s) + 10px));
    margin-bottom: calc((var(--gap-s) + 10px));
}

.stom-billede-sektion.picture-right .section .billed_layout_galleri.stom-picture img {
    margin-left: calc((var(--gap-s) + 10px));
}

.stom-billede-sektion.picture-left .section .billed_layout_galleri.stom-picture img {
    margin-right: calc((var(--gap-s) + 10px));
}


.stom-billede-sektion.sektion_billed_layout_galleri .section {
    max-width: 100%;
}

.stom-billede-sektion.sektion_billed_layout_galleri.picture-right .section .stom-cols-6 {
    padding-left: calc((100vw / 2) - (var(--content-width) / 2) - 10px);
}

.stom-billede-sektion.sektion_billed_layout_galleri.picture-left .section .stom-cols-6 {
    padding-right: calc((100vw / 2) - (var(--content-width) / 2) - 10px);
}

.stom-billede-sektion.sektion_billed_layout_galleri .section .stom-picture img:nth-child(4),
.stom-billede-sektion.sektion_billed_layout_galleri .section .stom-picture img:nth-child(5) {
    height: 253px;
    max-width: calc(42% - 30px);
}

.stom-billede-sektion.bottom-row-big .section .billed_layout_galleri.stom-picture {
    flex-wrap: wrap-reverse;
    align-content: flex-end;
}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj.stom-picture {
    padding-top: calc(var(--gap-m) + var(--gap-s));
}

.stom-billede-sektion.sektion_billed_layout_dj.stom-picture {}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj.stom-picture {
    display: inline-block;
    text-align: center;
}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj.stom-picture img {
    height: 285px;
    object-fit: contain;
    object-position: bottom;
    width: auto;
    margin: auto;
}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj .dj_under_image_line {
    content: '';
    position: relative;
    min-width: 300px;
    display: block;
    margin: auto;
    height: 1px;
    background-color: var(--color-text);
    line-height: 0;
    width: 65%;
}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj .dj_under_image_text {
    text-align: center;
    margin-top: var(--gap-s);
}

.stom-billede-sektion.sektion_billed_layout_dj .billed_layout_dj .dj_under_image_text> {
    font-size: 20px;
    margin-bottom: 0;
}

.stom-billede-sektion.sektion_billed_layout_dj .section .stom-center-box p {
    margin-bottom: var(--gap-m);
}

.stom-billede-sektion.grey-images .stom-picture img {
    filter: saturate(0);
}


/*======================================================================//
// END Billede & Tekst                                                  //
//======================================================================*/



/*======================================================================//
// FAQ Elementer                                                        //
//======================================================================*/

.faq-section .section .faq_elementer_headline {
    padding-top: calc(var(--gap-m) + var(--gap-s));
}

.faq-section .section .stom-cols-6 {
    align-items: flex-start;
}

.faq-section .faq_elementer .mere-tekst-wrapper .mere-tekst {
    padding: 10px 10px 20px;
}

.faq-section .faq_elementer .mere-tekst-wrapper .button.fold-ud,
.faq-section .faq_elementer .mere-tekst-wrapper .button.fold-ind {
    background: transparent;
    border: none;
    border-top: solid #fff 1px;
    padding: 20px 20px 20px 10px;
    font-size: var(--p);
}

.faq-section .faq_elementer .mere-tekst-wrapper:last-of-type .button.fold-ud,
.faq-section .faq_elementer .mere-tekst-wrapper:last-of-type .mere-tekst {
    border-bottom: solid #fff 1px;
}

.faq-section .faq_elementer .mere-tekst-wrapper .button.fold-ud .stom-custom-svg,
.faq-section .faq_elementer .mere-tekst-wrapper .button.fold-ind .stom-custom-svg {
    font-size: calc(var(--p) - 2px);
}


/*======================================================================//
// END FAQ Elementer                                                    //
//======================================================================*/

/*======================================================================//
// END Billed & Tekst                                                   //
//======================================================================*/

/*======================================================================//
// Galleri opsætning                                                    //
//======================================================================*/

section.section-wrap.section-galleri {
    max-width: var(--content-width);
    margin-inline: auto;

}

.section-wrap.section-galleri .section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin-top: -30px;
    gap: 0;
}

.section-wrap.section-galleri .galleri-single-image:nth-child(6n+2),
.section-wrap.section-galleri .galleri-single-image:nth-child(6n+4),
.section-wrap.section-galleri .galleri-single-image:nth-child(6n+6) {
    max-width: 25%;
    height: 359px;
}

.section-wrap.section-galleri .galleri-single-image:nth-child(6n+1) {
    height: 253px;
    max-width: 41.6666666%;
    padding-left: 0;

}

.section-wrap.section-galleri .galleri-single-image:nth-child(6n+3) {
    height: 253px;
    max-width: 33.3333333%;
    padding-right: 0;
}

.section-wrap.section-galleri .galleri-single-image:nth-child(6n+5) {
    max-width: 33.333333%;
    height: 253px;
    margin-top: 106px;
    position: relative;
    top: -106px;
}

.section-wrap.section-galleri .galleri-single-image img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.section-wrap.section-galleri .galleri-single-image {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}


/*======================================================================//
// END Galleri opsætning                                                //
//======================================================================*/

/*======================================================================//
// Video & Tekst                                                        //
//======================================================================*/

.stom-video-tekst-sektion .section {
    display: grid;
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
}

.stom-video-tekst-sektion .stom-video-tekst-info {
    padding-right: var(--gap-m);
}

.stom-video-tekst-sektion .stom-video-wrapper {
    padding-inline: 0;
    margin: 0;
}

.stom-video-tekst-sektion .stom-video-tekst-info h2:after {
    display: none;
}

.stom-video-tekst-sektion .stom-video-tekst-info h2:before {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background-color: var(--color-text);
    margin-bottom: var(--gap-s);
}

.stom-video-tekst-sektion .stom-video-tekst-info h2,
.stom-video-tekst-sektion .stom-video-tekst-info h3 {
    max-width: 460px;
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-list {}

.stom-video-tekst-sektion .stom-video-wrapper .slick-list .slick-track {}

.stom-video-tekst-sektion .stom-video-wrapper .single-item-video-section {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.stom-video-tekst-sektion .stom-video-wrapper .single-item-video-section iframe {
    width: 100%;
    min-height: 335px;
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-arrow {
    bottom: -30px;
    top: unset;
    background: transparent;
    box-shadow: none;
    color: var(--color-text);

}

.stom-video-tekst-sektion .stom-video-wrapper .slick-prev {
    left: unset;
    right: calc(var(--gap-m) + var(--gap-s));
    transform: rotate(90deg);
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-next {
    transform: rotate(270deg);
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-dots {
    display: flex;
    position: absolute;
    bottom: -15px;
    left: 0;
    margin: 0;
    padding: 0;
    top: unset;
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-dots button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    transition-property: all;
    opacity: .4;
    border-radius: 100%;
    position: absolute;
    -moz-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: .4;
    border-radius: 100%;
    top: 0;
    left: 0;

}

.stom-video-tekst-sektion .stom-video-wrapper .slick-dots li {
    list-style: none;
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-right: 8px;
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-dots .slick-active button:before {
    width: 14px;
    height: 14px;
    top: -2px;
    left: -2px;
    content: '';
    background-color: #fff;
    transition-property: all;
    opacity: .4;
    border-radius: 100%;
    position: absolute;
}

.stom-video-tekst-sektion .stom-video-wrapper .slick-dots .slick-active button:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
}

.stom-video-tekst-sektion .video-name-on-video,
section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-content {
    position: absolute;
    background-color: var(--color-dark-bagground);
    height: 42px;
    bottom: 35px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 15px;
    white-space: nowrap;
}

.stom-video-tekst-sektion .video-name-on-video:after,
section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-content:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 17px solid transparent;
    border-top: 42px solid var(--color-dark-bagground);
    position: absolute;
    top: 0;
    right: -17px;
}

/*======================================================================//
// END Video & Tekst                                                    //
//======================================================================*/

/*======================================================================//
// Udtræk                                                               //
//======================================================================*/

/*======================================================================//
// Artister                                                             //
//======================================================================*/


/*======================================================================//
// END Artister                                                         //
//======================================================================*/

/*======================================================================//
// video-banner                                                         //
//======================================================================*/


main.site-main>.baggrund-gradient-styling2+.section-wrap.stom-video-banner,
main.site-main>.baggrund-gradient+.section-wrap.stom-video-banner {
    margin-top: 0;
}

section.section-wrap.stom-video-banner {
    margin-inline: 0;
}

section.section-wrap.stom-video-banner .stom-video-banner-holder {
    overflow: hidden;
    height: 685px;
    position: relative;
}

section.section-wrap.stom-video-banner .stom-video-banner-holder iframe {
    width: 200%;
    height: 200%;
    position: relative;
    left: -50%;
    top: -50%;
    max-width: unset;
}


/*======================================================================//
// END video-banner                                                     //
//======================================================================*/

/*======================================================================//
// Video referencer                                                     //
//======================================================================*/

section.section-wrap .referencer-wrapper {
    display: grid;
    gap: calc(var(--gap-m) - 10px);
    grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr));
}

section.section-wrap .referencer-wrapper .single-reference-item {
    line-height: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}

section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video {
    position: relative;
    width: 100%;
    overflow: hidden;
}

section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-video iframe {
    min-height: 217px;
    width: 100%;
}

section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-content {
    z-index: 1;
}

section.section-wrap .referencer-wrapper .single-reference-item-image {
    width: 100%;
    cursor: pointer;
    transition: var(--transition);
    z-index: 1;
    overflow: hidden;
    height: 100%;
}

section.section-wrap .referencer-wrapper .single-reference-item.custom-image-layout .single-reference-item-image {
    min-height: 417px;
}

section.section-wrap .referencer-wrapper .single-reference-item.custom-image-layout .single-reference-item-video iframe {
    min-height: 417px;
}

section.section-wrap .referencer-wrapper .single-reference-item-image img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

section.section-wrap .referencer-wrapper .single-reference-item-image.start_video {
    display: none;
}

section.section-wrap .referencer-wrapper .single-reference-item-image:after {
    content: "";
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

section.section-wrap .referencer-wrapper .single-reference-item .single-reference-item-content-playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    z-index: 1;
}




/*======================================================================//
// END Video referencer                                                 //
//======================================================================*/

/*======================================================================//
// END Udtræk                                                           //
//======================================================================*/

/*======================================================================//
// Medarbejder-sektion                                                  //
//======================================================================*/

section.section-wrap.medarbejder-sektion .grid-element>img,
section.section-wrap.medarbejder-sektion .grid-element>.overlay {
    grid-column: unset;
    grid-row: unset;
}

section.section-wrap.medarbejder-sektion .grid-element {
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
}

section.section-wrap.medarbejder-sektion .grid-element img {
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
    max-height: 300px;
    background: #ffffff;
    padding: var(--gap-s);
    border-radius: 1000px;
}

section.section-wrap.medarbejder-sektion .grid-element h3 {
    margin-bottom: var(--gap-s);
}

/*======================================================================//
// END Medarbejder-sektion                                              //
//======================================================================*/

/*======================================================================//
// sideBar                                                              //
//======================================================================*/

.sideBar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 60px;
    z-index: 99;
}

.sideBar--bg {
    width: 100%;
    height: 100%;
    background-color: #3aada8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: skewY(18deg);
}

.sideBar--bgOverlay {
    width: 100%;
    height: 50%;
    background-color: #dbdbdb;
    opacity: .2;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
    transform: skewY(-18deg);
}

.sideBar__btns {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.sideBar__btns a {
    position: relative;
}

.sideBar__btns a .linkBg {
    width: 61px;
    height: 40px;
    background-color: #3aada8;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.sideBar__btns a .textOnHover {
    position: absolute;
    white-space: nowrap;
    top: 0;
    right: 0;
    z-index: 1;
    margin-right: -300px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    height: 40px;
    display: inline-flex;
    align-items: center;
    opacity: 0;
}

.sideBar__btns a:hover {
    color: #000;
}

.sideBar__btns a:hover .textOnHover {
    margin-right: 0;
    padding-right: 85px;
    color: #fff;
    opacity: 1;
}

/*======================================================================//
// END sideBar                                                          //
//======================================================================*/

/*======================================================================//
// Footer                                                               //
//======================================================================*/


body footer#colophon.footer-setting-03 {
    margin-top: 0;
    border-top: none;
}

.footer-setting-03 .section-wrap {
    border-bottom: none;
}

footer#colophon .section-wrap.footer-widget-area-extra {
    background-color: #1a1a1a;
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body a.stom-social-shortcode:hover [class*="fa-facebook"] {
    color: var(--color-1);
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget div {
    color: #818181;
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget div a {
    transition: var(--transition);
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget div a:hover {
    color: var(--color-1);
    text-decoration: none;
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget div.middle-text {
    text-align: center;
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget div.last-text {
    text-align: right;
}

footer#colophon .footer-widget-area-extra .stom-footer-info .textwidget .stom-social-shortcode {
    color: #818181;
}

footer#colophon .footer-widget-area .section.columns-3 .grid-elements {
    grid-template-columns: 1fr 2fr 1fr;
}

footer#colophon .footer-widget-area .footer-widgets.widgets-2 .genveje_styling .textwidget ul {
    display: grid;
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
}

footer#colophon .widget-title {
    font-family: var(--h-fam);
    font-weight: 400;
    font-size: 20px;
}

footer#colophon .footer-widgets .widget-title {
    margin-bottom: var(--gap-s);
}

footer#colophon .footer-widget-area .textwidget {
    line-height: 2;
    font-size: var(--p);
}

footer#colophon .footer-widget-area .textwidget .trustpilot-widget {
    width: 300px;
}

footer#colophon .footer-widget-area .widgets-1 .textwidget a {
    font-weight: 600;
}

footer#colophon .footer-widget-area .textwidget a {
    transition: var(--transition);
}

footer#colophon .footer-widget-area .textwidget a:hover {
    text-decoration: none;
    color: var(--color-1);
}

footer#colophon .footer-widget-area .widgets-1 .textwidget p:first-of-type {
    margin-bottom: calc(var(--gap-s) * 2);
}

footer#colophon,
section.stom-grid-section.grid-slider.footer-slider-sektion {
    background: var(--color-dark-bagground);
    background: -moz-linear-gradient(111deg, var(--color-dark-bagground) 0%, #000 100%);
    background: -webkit-linear-gradient(111deg, var(--color-dark-bagground) 0%, #000 100%);
    background: linear-gradient(111deg, var(--color-dark-bagground) 0%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color-dark-bagground)", endColorstr="#000000", GradientType=1);
    margin-inline: 0;
    margin-top: var(--gap-m);
}

section.stom-grid-section.grid-slider.footer-slider-sektion .section {
    padding-bottom: calc(var(--gap-m) + 10px);
    border-bottom: 1px solid white;
}

body footer section.section-wrap.stom-grid-section svg {
    width: 15px;
    height: auto;
    margin-right: 5px;
}

/*======================================================================//
// END Footer                                                           //
//======================================================================*/

/*======================================================================//
// END style.css                                                        //
//======================================================================*/


/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/


/* woocommerce style goes here */


/*======================================================================//
// END woocommerce.css                                                  //
//======================================================================*/


/*======================================================================//
// Dj opsætning                                                         //
//======================================================================*/

body.dj-og-artister-template-default.single-dj-og-artister .page-slider-section~main {
    margin-top: var(--gap-l);
}

section.section-wrap .section.artister-wrapper {
    display: grid;
    gap: calc(var(--gap-m) + var(--gap-s));
    grid-template-columns: repeat(var(--grid-4-cols), minmax(0, 1fr));
}

section.section-wrap .section.artister-wrapper .single-artist-item {
    position: relative;
    line-height: 0;
}

section.section-wrap .section.artister-wrapper .single-artist-item.no-content-on-artist .single-artist-item-link,
section.section-wrap .section.artister-wrapper .single-artist-item.no-content-on-artist .single-artist-item-content-arrow {
    display: none;
}

section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-link {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-image {
    height: 208px;
    margin: auto;
    display: block;
    object-fit: cover;
    object-position: center;
    /*width: auto;*/
	width: 100%;
}

section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-content {
    position: relative;
    padding: 20px;
    font-weight: 400;
    line-height: 1.4;
    font-size: 20px;
    text-transform: uppercase;
    font-family: var(--h-fam);
    transition: var(--transition);
}

section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-content:after,
.stom-posts-blog .stom-post-wrapper a.stom-post-link:after {
    background: var(--background-default-color-style2);
    background: var(--background-moz-linear-gradient-style2);
    background: var(--background-webkit-linear-gradient-style2);
    background: var(--background-linear-gradient-style2);
    filter: var(--background-filter);
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-content .single-artist-item-content-arrow {
    position: absolute;
    top: 50%;
    right: var(--gap-m);
    transform: translateY(-50%);
    opacity: 0;
    font-size: 14px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

section.section-wrap .section.artister-wrapper .single-artist-item.there-is-content-on-artist:hover .single-artist-item-content:after {
    opacity: 1;
}

section.section-wrap .section.artister-wrapper .single-artist-item.there-is-content-on-artist:hover .single-artist-item-content .single-artist-item-content-arrow {
    opacity: 1;
    right: var(--gap-s);
    line-height: 0;
}

section.section-wrap .section.artister-wrapper .single-artist-item.there-is-content-on-artist:hover .single-artist-item-content:before {
    opacity: 0;
}

section.section-wrap .section.artister-wrapper .single-artist-item .single-artist-item-content:before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - var(--gap-m));
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    opacity: 1;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

/*======================================================================//
// END Dj opsætning                                                     //
//======================================================================*/


/*======================================================================//
// stom post                                                            //
//======================================================================*/

body .stom-posts-blog {
    display: grid;
    gap: var(--gap-m);
    grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr));
}

body .stom-posts-blog .stom-post-wrapper {
    padding: 30px 20px;
    height: 390px;
    position: relative;
}

body .stom-posts-blog .stom-post-wrapper .stom-post-thumb {
    position: absolute;
    height: 390px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

body .stom-posts-blog .stom-post-wrapper .stom-post-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

body .stom-posts-blog .stom-post-wrapper .stom-post-content-wrapper {
    z-index: 2;
    position: relative;
}

body .stom-posts-blog .stom-post-wrapper .stom-post-category {
    padding-bottom: 10px;
}

body .stom-posts-blog .stom-post-wrapper .stom-post-content-wrapper .stom-post-title * {
    font-size: var(--h3);
}

body .stom-posts-blog .stom-post-wrapper .stom-post-link-fuld-page {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

body .stom-posts-blog .stom-post-wrapper .stom-post-thumb img {
    transition: var(--transition);
}

body .stom-posts-blog .stom-post-wrapper:hover .stom-post-thumb img {
    transform: scale(1.1);
}

body .stom-posts-blog .stom-post-wrapper a.stom-post-link {
    transition: var(--transition);
    position: absolute;
    bottom: var(--gap-m);
    z-index: 4;
    left: var(--gap-s);
    opacity: 0;
    padding: 10px 10px 10px 25px;
    font-weight: 400;
    line-height: 1.4;
    font-size: var(--p);
    text-transform: uppercase;
    font-family: var(--h-fam);
}

body .stom-posts-blog .stom-post-wrapper a.stom-post-link:after {
    opacity: 1;
}

body .stom-posts-blog .stom-post-wrapper:hover a.stom-post-link {
    opacity: 1;

}

body .stom-posts-blog .stom-post-wrapper a.stom-post-link:hover {
    color: white;
}

body .stom-posts-blog .stom-post-wrapper a.stom-post-link .stom-custom-svg {
    transition: var(--transition);
    padding-left: 5px;
    padding-right: 15px;
    position: relative;
    top: -1px;
}

body .stom-posts-blog .stom-post-wrapper a.stom-post-link:hover .stom-custom-svg {
    padding-left: 15px;
    padding-right: 5px;
}


/*======================================================================//
// END stom post                                                        //
//======================================================================*/


/*======================================================================//
// sitemap                                                              //
//======================================================================*/

ul.sitemap>ul>li.page_item_has_children>a {
    font-weight: 600;
}

ul.sitemap>ul {
    padding: 0;
    list-style: none;
}

ul.sitemap>ul>li.page_item_has_children>a {
    margin-top: 15px;
}

ul.sitemap ul li a {
    padding-bottom: 5px;
    display: inline-block;
}


/*======================================================================//
// END sitemap                                                          //
//======================================================================*/


/*======================================================================//
// Andre sektioner                                                      //
//======================================================================*/

section.section-wrap.award_sektion .grid-element img {
    max-width: 220px;
}

section.section-wrap.award_sektion .grid-element:not(.fullwidth) {
    justify-content: space-around;
}


/*======================================================================//
// END Andre sektioner                                                  //
//======================================================================*/


/*======================================================================//
// RETTELSER                                                            //
//======================================================================*/

body.term-violinist .stom-billede-sektion .stom-center-box>ul>li:not(:first-of-type) {
    margin-top: var(--gap-s);
}

body.term-violinist .stom-center-box p:last-of-type:has(+ ul) {
    margin-bottom: 0;
    margin-top: calc(var(--gap-s) + 10px);
}

body.term-violinist .stom-center-box ul ul {
    list-style-type: circle;
}

body.term-violinist .section-wrap.stom-grid-section img {
    height: 300px;
    object-fit: cover;
}

/* https://systom.dk/kunder/musikdj.dk/kontakt/ */
.worker-cards .section {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 800px;
}

.worker-cards .section .grid-elements {
    display: flex !important;
    align-items: center;
    justify-content: center;
    ;
    flex-wrap: wrap;
    gap: 1px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}

.worker-cards .section .grid-elements .grid-element .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
}


/* https://systom.dk/kunder/musikdj.dk/arrangementer/dj-til-foedselsdag/ */
h4 {
    margin: 0 0 5px;
}


section.section-wrap.three-dj-reference .section.artister-wrapper {
    grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr)) !important;
    max-width: 1000px;
    gap: var(--gap-s);
}




/* CTA ændringer */
body #number-three-sticky-mobile-cta .cta-container .stom-button a {
    flex-direction: row;
    color: var(--color-text);
    background: var(--color-1);
    padding: var(--gap-m) 5px;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
    color: var(--color-text);
}

body #number-three-sticky-mobile-cta .cta-container .stom-button p {
    margin-bottom: 0;
}

body #number-three-sticky-mobile-cta .cta-container .stom-button a>span {
    margin: 0px 10px;
}

body #number-three-sticky-mobile-cta .cta-container .stom-button a>span:last-of-type {
    display: none;
}

body #number-three-sticky-mobile-cta .cta-container .stom-button {
    margin-right: 0;
}

/*======================================================================//
// END RETTELSER                                                        //
//======================================================================*/

/* Hotfix */
body.term-kvindelige-djs #main-content {
	margin-top: 0;
}

body.term-kvindelige-djs header#masthead + .page-slider-section {
	display: none;
}



.wpsm_counter_b_row .wpsm_counterbox .wpsm_count-title:after,
#wpsm_counter_b_row_3207 .wpsm_counterbox .wpsm_count-title:after,
#wpsm_counter_b_row_3191 .wpsm_counterbox .wpsm_count-title:after,
#wpsm_counter_b_row_3219 .wpsm_counterbox .wpsm_count-title:after {
	display: none;
}