/*
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: 70px;
    --h2: 50px;
    --h3: 32px;
    --h4: 25px;
    --h5: 20px;
    --h6: 20px;
    --p: 20px;
    --forside-h1:90px;
    --forside-h2:70px;
    --forside-h3:40px;
    --forside-slider-p:30px;
    --slider-p: 24px;
    /* Gaps */
    --gap-xl: 180px;
    --gap-l: 90px;
    --gap-m: 60px;
    --gap-s: 25px;

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

    /* colors */
    --color-1: #A0906D;
    --color-2: #c1a976;
    --color-bg: #f6f6f6;
    --color-text: #222;
    --color-dark: #222;
    --color-grey: #C8C8C8;
    --color-overlay: rgb(0 0 0 / 40%);

    /* transitions */
    --transition: .175s ease-out;
    --border-radius-large: 25rem;
    --button-padding: 1.5em;
    --space-for-arrow: 4.5em;

    /* 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: 870px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}

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


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

body.home, body.forsyningsselskaber-styling{
    --h1: var(--forside-h1);
    --h2: var(--forside-h2);
    --h3: var(--forside-h3);
    --slider-p:var(--forside-slider-p);
}


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

html {
    scroll-behavior: smooth;
    scroll-padding: calc(var(--gap-s) + var(--header-height) );
}

/* */
.home .page-slider-section.different-text .slide-element.slick-cloned {
    display: none;
} 


section.section-wrap.stom-grid-section.self-start .grid-elements {
   align-items: self-start;   
}

main .section-wrap~.section-wrap, main+.section-wrap, main+#colophon, .section-wrap~.page-slider-section, .page-slider-section~.page-slider-section, .page-slider-section~.section-wrap, .page-slider-section~main, #content+.page-slider-section, #content+.stomFEE-edit-cta+.page-slider-section, #content+.section-wrap, #content+.stomFEE-edit-cta+.section-wrap {
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.has-background {
    background-size: cover;
    border-radius: 10px;
}
#number-three-sticky-mobile-cta .cta-container {
    background: var(--color-bg);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a .custom-svg.arrow{
    display: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    padding-block: 10px;
    border-radius: 0;
    font-size: var(--p);
    transition: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button{
    border: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p{
    margin: 0;
}
.gallery.gallery-columns-5 {
    grid-template-columns: repeat(var(--grid-5-cols), minmax(0, 1fr));
}
.gallery.gallery-columns-4 {
    grid-template-columns: repeat(var(--grid-4-cols), minmax(0, 1fr));
}
.gallery.gallery-columns-3 {
    grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr));
}
.gallery.gallery-columns-2 {
    grid-template-columns: repeat(var(--grid-2-cols), minmax(0, 1fr));
}
.gallery .gallery-item {
    margin: 0;
}
.gallery .gallery-item .gallery-icon {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
}

.gallery .gallery-item .gallery-icon img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    object-position: center;
    top: 0;
}
.middle-width, .smaller-width {
    margin-inline:auto !important ;
}
.middle-width {
    max-width: 1240px;
}
.smaller-width{
    max-width: 860px;
}
body:not(.home):not(.forsyningsselskaber-styling) h1, body:not(.home):not(.forsyningsselskaber-styling) h2, body:not(.home):not(.forsyningsselskaber-styling) h3 {
    margin-bottom: var(--gap-s);
}


.haandvaerker {
    margin-bottom: var(--gap-s);
}
.subpage .hvdkwidget .hvdk-container {
    border: 1px solid #333;
    box-shadow: 0px 1px 1px #333!important;
    padding: 22px 12px;
}

.hvdkwidget .hvdkslideshow > div {
    padding: 11px var(--gap-s);
}



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


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

header .main-navigation ul.menu > li {
    margin: 0 10px;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-absolute #masthead {
    position: fixed;
}
header .main-navigation ul.menu a {
    color: white;
	font-size: 18px;
    font-weight: 400;
    transition: var(--transition);
    padding: .7em 1em;
}
header .main-navigation ul.menu a .stom-menu-item-arrow {
    opacity: 1;
    font-size: 12px;
    margin-left: .75em;
}
#masthead .stom-button a {
    color: var(--color-dark);
}
body #page:not(.scrolled) .site-branding img{
    filter: brightness(0) invert(1);
}
body .site-branding img{
    transition: var(--transition);
}
body #page header#masthead {
    transition: var(--transition);
}
body #page.scrolled header#masthead {
    background-color: white;
}
body #page.scrolled header#masthead .main-navigation ul.menu a {
    color: var(--color-text);
}
body #page.scrolled header#masthead .stom-button a{
    border:var(--color-dark) 1px solid;
    color: var(--color-dark);
}
body #page.scrolled header#masthead .stom-button a:hover{
    border-color: var(--color-1);
    color: white;
}
body header#masthead ul.menu a:before { 
    height: 4px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    transition: var(--transition);
}
body header#masthead ul.menu li:hover a:before {
    width: 90px;
}
header .main-navigation ul.menu ul.sub-menu li a {
    color: var(--color-text);
}
header .main-navigation ul.menu ul.sub-menu li a:before {
    display: none;
}
header .main-navigation ul.menu ul.sub-menu li a:hover, body #page.scrolled header#masthead .main-navigation ul.menu ul.sub-menu li a:hover {
    background-color: var(--color-1);
    color: white;
}

body.forsyningsselskaber-styling header .main-navigation ul.menu ul.sub-menu li a:hover, 
body.forsyningsselskaber-styling #page.scrolled header#masthead .main-navigation ul.menu ul.sub-menu li a:hover {
    color: #222;
}
header .main-navigation ul.menu ul.sub-menu a {
    width: 250px;
    justify-content: flex-start;
    padding: .7em 1em;
}
body #page:not(.scrolled) .hover-active:not(.hover-style-bold) ul.menu a:before {
    background-color: white;
}

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

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

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
h1 > strong, h2 > strong, h3 > strong, h4 > strong, h5 > strong, h6 > strong {
    font-weight: 400;
    color: var(--color-1);
}
p {
    /* line-height: 1.2; */
}

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

/*======================================================================//
// page-slider-section                                                  //
//======================================================================*/

.page-slider-section .slider-text-inner .slider-text-inner-wrapper {
    color: white;
    --color-text:white;
    --color-dark:white;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button {
    margin-right: 20px;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button:last-of-type{
    margin-right: 0;
}

body:not(.home) .page-slider-section .slider-text {
    min-height: 700px;
    padding-top: calc(var(--header-height) + var(--gap-m));
    padding-bottom: calc(var(--header-height) + var(--gap-s) );
}
body:not(.home):not(.forsyningsselskaber-styling) .page-slider-section .slider-text h1 {
    margin-bottom: var(--gap-s);
}
/* body:not(.home):not(.forsyningsselskaber-styling) .page-slider-section .image-aligner img {
    max-height: 100%;
} */


.page-slider-section .slider-text-inner .slider-text-inner-wrapper h1, .page-slider-section .slider-text-inner .slider-text-inner-wrapper h2, .page-slider-section .slider-text-inner .slider-text-inner-wrapper h3 {
    font-size: var(--h1);
    line-height: 1.1;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper p {
    line-height: 1.2;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper p, .page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button a {
    font-size: var(--slider-p);
}

.page-slider-section .video-aligner{
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    padding-top: 0 !important;
    width: 100%;
}

.page-slider-section .image-aligner img, .page-slider-section .slide-element video, .page-slider-section .slide-element iframe {
    width: 100%;
    height: auto;
    max-height: calc(100vh - var(--header-height));
    min-height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
}

.page-slider-section .slider-text {
    min-height: 100vh;
}

body.admin-bar .page-slider-section .slider-text {
    min-height: calc(100vh - 32px);
}

.page-slider-section .slide-element {
    position: relative;
}
.page-slider-section .slider-text {
    color: var(--color-1);
}
.page-slider-section .slider-text h1, .page-slider-section .slider-text h2, .page-slider-section .slider-text h3, .page-slider-section .slider-text h4 {
    color: inherit;
}
.page-slider-section.main-slider-section {
    font-size: 1rem;
}
button.slick-arrow{
    background-color: transparent;
    border: 1px solid white;
    box-shadow: unset;
    width: 60px;
    height: 60px;
    transition: var(--transition);
    font-size: 30px;
}
button.slick-arrow:focus .stom-custom-svg.custom-svg svg {
    color: black;
}
button.slick-arrow:focus {
    font-size: 30px;
}
button.slick-arrow:hover {
    background-color:white;
    box-shadow: unset;
    font-size: 30px;
}
button.slick-arrow:hover .stom-custom-svg.custom-svg svg{
    color: white;
}
.page-slider-section .slick-prev {
    left: 40px;
}
.page-slider-section .slick-next {
    right: 40px;
}

button.slick-arrow .stom-custom-svg.custom-svg svg {
    color: white;
    transition: var(--transition);
}
button.slick-arrow:hover .stom-custom-svg.custom-svg svg {
    color: black;
}
.slick-prev .stom-custom-svg.custom-svg svg {
    transform: rotate(180deg);
}
.page-slider-section .slick-dots {
    top: unset;
    bottom: var(--gap-m);
    width: auto;
    right: 40px
}
.slick-dots li button{
    border: 1px solid white;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
.slick-dots li button:before{
    background-color: transparent;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    margin: 3px;
    transition: var(--transition);
}
.slick-dots li button:hover:before {
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: white;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: white;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/*======================================================================//
// END page-slider-section                                              //
//======================================================================*/

/*======================================================================//
// Button                                                               //
//======================================================================*/

.stom-button {
}
header#masthead .stom-button {
}
header#masthead  .stom-button a {
    height: 51px;
}
header#masthead .stom-button a:after {
    width: 51px;
}
header#masthead .stom-button a:hover:after {
    width: 100%;
}
header#masthead .stom-button a:hover {
    color: white;
}


.page-slider-section .stom-button a {
    min-width: 310px;
}

.page-slider-section .stom-button a {
    height:81px;
    border: none;
}
.page-slider-section .stom-button a:after {
    width: 81px;
}
.stom-button a {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: var(--p);
    font-weight: 400;
    border: none;
    height: 76px;
    padding: 0 0 0 28px;
    justify-content: space-between;
    text-decoration: none;
    background-color: white;
    z-index: 1;
    color: #222;
    box-sizing: border-box;
    transition: background-color 1.2s cubic-bezier(.42,0,.58,1), color 0.7s cubic-bezier(.42,0,.58,1), border-radius 0.7s cubic-bezier(.42,0,.58,1);
    will-change: background-color, color, border-radius;
    border-radius: 100px;
    border: 1px solid var(--color-dark);
}

.stom-button a .arrow {
    flex-shrink: 0;
    margin-left: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    color: white;
}
.stom-button a:hover:after {
    width: 100%;
    right: 0;
    left: auto;
    background-position: left center;
    border-color: var(--color-1);
}
.stom-button a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    aspect-ratio: 1 / 1;
    width: 74px;
    height: 100%;
    border: 5px solid white;
    border-radius: 100px;
    background: linear-gradient(to left, var(--color-1) 100%, transparent 0%);
    background-size: 200% 100%;
    background-position: right center;
    background-repeat: no-repeat;
    transition: width 0.7s cubic-bezier(.42,0,.58,1), background-position 0.7s cubic-bezier(.42,0,.58,1), left 0.7s cubic-bezier(.42,0,.58,1), right 0.7s cubic-bezier(.42,0,.58,1), border-radius 0.7s cubic-bezier(.42,0,.58,1), border-color 0.7s cubic-bezier(.42,0,.58,1);
    will-change: width, background-position, left, right, border-radius, border-color;
    z-index: -1;
    pointer-events: none;
}

.stom-button a .arrow svg {
}

body .stom-button a:hover,
body .stom-button a:focus,
#masthead .stom-button a:hover {
    background-color: white;
    color: #222;
}

.stom-button a:hover .arrow,
.stom-button a:focus .arrow {
}

.arrow_button a {
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.arrow_button a:after {
    content: '';
    width: 0px;
    height: 1px;
    background-color: var(--color-text);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: var(--transition);
}
.arrow_button a:hover:after {
    width: 100%;
}

.arrow_button a .stom-custom-svg.custom-svg{
    color: var(--color-1);
    font-size: 14px;
    padding-left: 3px;
    transition: var(--transition);
}
.arrow_button a:hover .stom-custom-svg.custom-svg {
    padding-left: 15px;
}

/*======================================================================//
// END Button                                                           //
//======================================================================*/

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

section.indgangsvinkler.stom-grid-section .section .grid-elements{
    gap: 70px var(--gap-l);
}

section.indgangsvinkler.stom-grid-section .section .grid-element.has-background img, section.indgangsvinkler.stom-grid-section .section .grid-element.has-background .overlay {
    /* grid-column: unset;
    grid-row: unset; */
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background .overlay {
    padding: 20px 0 0 0;
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background .overlay h3 {
    margin-bottom: 0;
}

section.indgangsvinkler.stom-grid-section .section .grid-elements .grid-element {
    display: flex;
    flex-direction: column;
}

section.indgangsvinkler.stom-grid-section .section .grid-elements .grid-element:not(.fullwith) .overlay {
    grid-column: auto;
    grid-row: auto;
}

section.indgangsvinkler.section-wrap.stom-grid-section .section .grid-elements .grid-element .overlay {
    /* height: 100%; */
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background .overlay p {
    margin-top: 5px;
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background > img {
    border-radius: 10px;
    aspect-ratio: 1/1;
    height: auto;
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background .overlay p{
    margin-bottom: calc(var(--gap-s) - 5px);
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background:hover .arrow_button a .stom-custom-svg.custom-svg {
    padding-left: 15px;
}
section.indgangsvinkler.stom-grid-section .section .grid-element.has-background:hover .arrow_button a:after {
    width: 100%;
}

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

/*======================================================================//
// stom-grid-section                                                    //
//======================================================================*/

section.section-wrap.stom-grid-section .section .grid-elements {
    gap: var(--gap-l);
}
section.section-wrap.stom-grid-section .section .grid-elements .grid-element .overlay{
    justify-content: flex-start;
}
section.section-wrap.stom-grid-section img{
    border-radius: 10px;
}
body section.section-wrap.custom-link-ul.stom-grid-section .section .grid-elements .grid-element .overlay ul {
    padding-left: 0;
    list-style: none;
}

section.section-wrap.custom-link-ul.stom-grid-section:not(.footer-widget-area) .section .grid-elements .grid-element .overlay ul li:has(> a):first-of-type a {
    padding-top: 0;
}
section.section-wrap.custom-link-ul.stom-grid-section:not(.footer-widget-area) .section .grid-elements .grid-element .overlay ul li:has(> a){
    text-decoration: none;
    border-bottom: 1px solid var(--color-dark);
}

section.section-wrap.custom-link-ul.stom-grid-section:not(.footer-widget-area) .section .grid-elements .grid-element .overlay ul li > a{
    text-decoration: none;
    font-size: var(--h4);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: calc(var(--gap-s) - 7px);
    position: relative;
}
section.section-wrap.custom-link-ul.stom-grid-section:not(.footer-widget-area) .section .grid-elements .grid-element .overlay ul li > a:after {
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: black;
    transition: var(--transition);
}
section.section-wrap.custom-link-ul.stom-grid-section:not(.footer-widget-area) .section .grid-elements .grid-element .overlay ul li > a:hover:after {
    width: 100%;
}
section.section-wrap.stom-grid-section.custom-link-ul .section .grid-elements .grid-element .overlay ul li > a > .stom-custom-svg {
    color: var(--color-1);
    font-size: 18px;
}

/*======================================================================//
// END stom-grid-section                                                //
//======================================================================*/

/*======================================================================//
// stom-billede-sektion                                                 //
//======================================================================*/

body section.section-wrap.stom-billede-sektion {

}
body section.section-wrap.stom-billede-sektion .stom-picture img{
    border-radius: 10px;
}

body section.section-wrap.stom-billede-sektion .stom-cols-6 {
    /* padding-block: 0; */
}
body section.section-wrap.stom-billede-sektion .stom-cols-6 .stom-center-box {
    /* display: flex; */
    /* flex-flow: column; */
}
body section.section-wrap.stom-billede-sektion.stom-billede-sektion-custom-height .stom-cols-6 .stom-center-box h1, body section.section-wrap.stom-billede-sektion.stom-billede-sektion-custom-height .stom-cols-6 .stom-center-box h2, body section.section-wrap.stom-billede-sektion.stom-billede-sektion-custom-height .stom-cols-6 .stom-center-box h3{
    margin-bottom: auto;
}
body section.section-wrap.stom-billede-sektion .stom-cols-6 .stom-center-box p:has(~ .stom-button):last-of-type {
    margin-bottom: var(--gap-m);
}


/*======================================================================//
// END stom-billede-sektion                                             //
//======================================================================*/

/*======================================================================//
// ikon-sektion                                                         //
//======================================================================*/
section.section-wrap.ikon-sektion.stom-grid-section .section .grid-elements{
    gap: var(--gap-m);
}
section.section-wrap.ikon-sektion .grid-element:not(.fullwidth) .stom-custom-svg.custom-svg{
    font-size: 60px;
    color: var(--color-1);
    border-bottom: 1px solid var(--color-grey);
    padding-bottom: 8px;
    margin-bottom: calc(var(--gap-s) + 10px);
}
body #page section.section-wrap.ikon-sektion .grid-element:not(.fullwidth) .overlay p strong{
    margin-bottom: 8px;
    display: block;
}

/*======================================================================//
// END ikon-sektion                                                     //
//======================================================================*/

/*======================================================================//
// sponsor-sektion                                                      //
//======================================================================*/

section.section-wrap.sponsor-sektion .section .grid-elements {
    grid-template-columns: 600px 1fr;
    gap: 72px 0;
}
section.section-wrap.stom-grid-section.sponsor-sektion .section .grid-elements .grid-element .overlay{
    justify-content: flex-end;
}
section.section-wrap.sponsor-sektion .section{
    border-bottom: 1px solid var(--color-grey);
}
.sponsor-sektion .grid-element:not(.fullwidth, .sponsor-images) {
    border: 1px solid var(--color-grey);
    padding: var(--gap-m) var(--gap-l) var(--gap-l);
    border-bottom: none;
}
.sponsor-sektion .grid-element:not(.fullwidth, .sponsor-images) .overlay p strong {
    margin-bottom: 10px;
    display:block;
}
.sponsor-sektion .sponsor-images {
}
.sponsor-sektion .sponsor-images .sponsor-grid {
    grid-template-columns: repeat(var(--grid-4-cols), minmax(0, 1fr));
    display: grid;
}
.sponsor-images .sponsor-grid .sponsor-image {
    border-right: 1px solid var(--color-grey);
    border-top: 1px solid var(--color-grey);
    padding: 40px 30px;
    display: flex;
    height: 200px;
    position: relative;
}
.sponsor-images .sponsor-grid .sponsor-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: var(--transition);
}
.sponsor-images .sponsor-grid .sponsor-image img:hover {
    filter: brightness(0);
}

/*======================================================================//
// END sponsor-sektion                                                  //
//======================================================================*/

/*======================================================================//
// anmeldelser-sektion                                                  //
//======================================================================*/


section.section-wrap.anmeldelser-sektion {
    padding: var(--gap-l);
}

section.section-wrap.anmeldelser-sektion .section {
    border-radius: 10px;
    background-color: #fff;
    padding: 70px var(--gap-l);
}

section.section-wrap.anmeldelser-sektion .section h2{
    margin-bottom: 40px;
}

section.section-wrap.anmeldelser-sektion .stom-anmeldelse-wrapper {
    padding-inline: 0;
    padding-bottom: var(--gap-m);
}

section.section-wrap.anmeldelser-sektion .stom-anmeldelse-wrapper .slick-list{
    margin-left: -20px;
    margin-right: -20px;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse.slick-slide {
    margin: 0 20px;
    background-color: #F3F6F6;
    border-radius: 10px;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-tekst-content {
    background-color: transparent;
    padding: 40px;
    border-radius: 10px;
    border: none;
    display: flex;
    flex-flow: column;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-tekst-content p{
    margin-top: 15px;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer:before {
    display: none;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-stars{
    display: flex;
    margin-bottom: 10px;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer-stars svg {
    width: auto;
    height: 25px;
    color: var(--color-1);
}
section.section-wrap.anmeldelser-sektion  .anmeldelse-updated-design .stom-anmeldelse-reviewer-stars {
    margin-right: 10px;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-heading {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: auto;
    line-height: 1.2;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer {
    background-color: white;
    margin-right: 40px;
    border-radius: 0 10px 0 0;
    padding: 20px 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-image {
    margin: 0;
    width: 60px;
    height: auto;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-image img, section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-image svg {
    font-size: 60px;
    width: 100%;
    color: un;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-info {
    margin: 0;
    align-content: center;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-info .stom-anmeldelse-reviewer-name {
    font-weight: 500;
    font-size: var(--p);
    display: block;
    line-height: 1;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-info .stom-anmeldelse-reviewer-title {
    font-weight: 400;
    font-size: calc(var(--p) - 4px);
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-image svg *:not(path) {
    fill: #f3f3f3;
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-image svg path {
    fill: var(--color-grey);
}
section.section-wrap.anmeldelser-sektion .anmeldelse-updated-design .slick-dots {
    bottom: 0;
    right: 0;
    top: unset;
    left: unset;
    width: auto;
}
section.section-wrap.anmeldelser-sektion .slick-dots li button{
    border: 1px solid var(--color-1);
}
section.section-wrap.anmeldelser-sektion .slick-dots li button:hover:before {
    background-color: var(--color-1);
}
section.section-wrap.anmeldelser-sektion .slick-dots li.slick-active button:before {
    background-color: var(--color-1);
}

/*======================================================================//
// END anmeldelser-sektion                                              //
//======================================================================*/


/*======================================================================//
// gravityform                                                          //
//======================================================================*/

.gform_wrapper.gravity-theme form .gform-body.gform_body .gfield_label {
    font-size: var(--p);
    font-weight: 400;
}
.gform_wrapper.gravity-theme form .gform-body.gform_body .gfield_label .gfield_required{
    color: var(--color-1);
    font-size: var(--p);
}
.gform_wrapper.gravity-theme form .gform-body.gform_body input, .gform_wrapper.gravity-theme form .gform-body.gform_body textarea, .gform_wrapper.gravity-theme form .gform-body.gform_body select, .gform_wrapper.gravity-theme form .gform-body.gform_body .gform_drop_area{
    border-radius: 10px;
    border:1px solid var(--color-grey);
    padding:calc(var(--gap-s) - 3px) var(--gap-s);
}
.gform_wrapper.gravity-theme form .gform-body.gform_body .gform_fields {
    gap:30px;
}
.gform_wrapper.gravity-theme form .gform-body.gform_body .gform_fields .gfield_description.gform_fileupload_rules {
    display: none;
}
.gform_wrapper.gravity-theme form .button.gform_button_select_files {
    border-radius:10px;
}
.gform_wrapper.gravity-theme form .gform_drop_area.gform-theme-field-control {
    background-color: white;
}
.gform_wrapper.gravity-theme form .gform-footer button {
    padding: 0;
    background: none;
    border: none;
}
.gform_wrapper.gravity-theme form .gform-footer {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*======================================================================//
// END gravityform                                                      //
//======================================================================*/

/*======================================================================//
// medarbejder-sektion                                                  //
//======================================================================*/

section.medarbejder-sektion.section-wrap.stom-grid-section .section .grid-elements {
    gap: var(--gap-m);
}

section.medarbejder-sektion .medarbejder-img {
    position: relative;
    width: 100%;
    height: 360px;
    margin-bottom: 20px;
}
section.medarbejder-sektion .overlay p {
    margin-bottom: 10px;
}
section.medarbejder-sektion .overlay a {
        margin-bottom: 5px;
    display: inline-block;
}
section.medarbejder-sektion .medarbejder-img img:first-of-type{
    opacity: 1;
    z-index: 1;
}
section.medarbejder-sektion .medarbejder-img img:last-of-type{
    z-index: 2;
}
section.medarbejder-sektion .medarbejder-img img{
    opacity: 0;
    transition: 0.5s;
    top: 0;
    position: absolute;
    left: 0;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
section.medarbejder-sektion .grid-element:hover .medarbejder-img img:last-of-type{
    opacity: 1;
}

/*======================================================================//
// END medarbejder-sektion                                              //
//======================================================================*/

/*======================================================================//
// footer-contact-form                                                  //
//======================================================================*/

body.page-id-29 .footer-contact-form.footer-contact-form-kontakt-side .gform_wrapper .gform_body {
    padding-top: 0;
}

body.page-id-29 .footer-contact-form.footer-contact-form-kontakt-side {
    margin-top: 0 !important;
    padding-top: calc(var(--header-height) + 40px);
}

body.page-id-29 .footer-contact-form:not(.footer-contact-form-kontakt-side) {
    display: none;
}

section.section-wrap.footer-contact-form {
    padding: var(--gap-l);
}
section.section-wrap.footer-contact-form .section{
    padding: var(--gap-l);
    background-color: white;
    border-radius: 10px;
}
section.section-wrap.footer-contact-form .section .overlay h3{
    font-size: var(--forside-h2);
}


section.section-wrap.logo-contact-sektion {
    margin-top: var(--gap-l);
    margin-bottom: var(--gap-l);
}
section.section-wrap.logo-contact-sektion h3{
    font-weight: 300;
    font-size: var(--forside-h3);
}
section.section-wrap.logo-contact-sektion a {
    position: relative;
}
section.section-wrap.logo-contact-sektion a:after {
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: black;
    transition: var(--transition);
}
section.section-wrap.logo-contact-sektion a:hover:after {
    width: 100%;
}
section.section-wrap.logo-contact-sektion.stom-grid-section .section .grid-elements .grid-element img{
    border-radius: 0;
}

/*======================================================================//
// END footer-contact-form                                              //
//======================================================================*/

/*======================================================================//
// footer                                                               //
//======================================================================*/

footer#colophon.footer-setting-03 {
    border-top: none;
}
footer.footer-setting-03 .section-wrap {
    border-bottom: none;
}
footer.footer-setting-03 .section-wrap.footer-widget-area .section{
    border-top: 1px solid var(--color-grey);
    border-bottom: 1px solid var(--color-grey);
}
footer.footer-setting-03 .section-wrap.footer-widget-area-extra .section {
    padding-block: 10px;
}
footer.footer-setting-03 .section-wrap.footer-widget-area-extra .textwidget {
    align-items: center;
    justify-content: space-between;
    color: var(--color-grey);
}
footer.footer-setting-03 .section-wrap.footer-widget-area-extra .textwidget td{
    margin-right: 10px;
    display: inline-block;
}

section.section-wrap.stom-grid-section.footer-widget-area .section .grid-elements {
    grid-template-columns:1fr 285px 285px auto;
    gap: 0;
}
section.section-wrap.stom-grid-section.footer-widget-area .section .grid-element:first-of-type .overlay{
    max-width: 510px;
}

footer.footer-setting-03 .section-wrap.footer-widget-area-extra .textwidget .stom-info table {
    margin: 0;
}

/*======================================================================//
// END footer                                                           //
//======================================================================*/


/*======================================================================//
// archive-projekter                                                    //
//======================================================================*/



body.archive.post-type-archive-projekter .page-slider-section .slider-text{
    min-height: 480px;
}
body.archive.post-type-archive-projekter .page-slider-section .slide-element.slide-image {
    overflow: hidden;
}

body.archive.post-type-archive-projekter main#main-content.site-main {
    margin-top: var(--gap-l);
}

/*======================================================================//
// END archive-projekter                                                //
//======================================================================*/


/*======================================================================//
// single-projekter                                                    //
//======================================================================*/

body.single.single-projekter .page-slider-section .slider-text{
    min-height: 500px;
}
body.single.single-projekter .page-slider-section .slide-element.slide-image {
    overflow: hidden;
}
body.single.single-projekter .page-slider-section .slider-text-inner .slider-text-inner-wrapper {
    margin: auto;
    text-align: center;
}

body.single.single-projekter main#main-content.site-main {
    margin-top: var(--gap-l);
}

/*======================================================================//
// END archive-projekter                                                //
//======================================================================*/


/*======================================================================//
// forsyningsselskaber                                                  //
//======================================================================*/

:root body.forsyningsselskaber-styling {
    /* colors */
    --color-1: #DFF400;
    --color-2: #d4e808;
}

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

body.forsyningsselskaber-styling main#main-content.site-main {
    margin-top: var(--gap-l);
}

body.forsyningsselskaber-styling section.section-wrap.indgangsvinkler {
    margin-inline: var(--gap-l);
}

body.forsyningsselskaber-styling section.section-wrap.footer-contact-form {
    background-image: none !important;
    background-color: var(--color-1);
}

#number-three-sticky-mobile-cta .cta-container .stom-button a:after{
display: none;
}

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

/*======================================================================//
// Button                                                               //
//======================================================================*/
body.forsyningsselskaber-styling .arrow_button a .stom-custom-svg.custom-svg svg{
}
body.forsyningsselskaber-styling .stom-button {
    border: none;
}

body.forsyningsselskaber-styling section.section-wrap.has-background .stom-button a{
    background-color: var(--color-1);
}
body.forsyningsselskaber-styling section.section-wrap.has-background .stom-button a:hover {
    border-color: var(--color-text);
    color: var(--color-1);
}

body.forsyningsselskaber-styling section.section-wrap.has-background .gform-footer .stom-button a {
    border: none;
}

body.forsyningsselskaber-styling section.section-wrap.has-background .stom-button a span.arrow svg{
    color: var(--color-1);
}
body.forsyningsselskaber-styling section.section-wrap.has-background .stom-button a:after {
    border: 5px solid var(--color-1);
    background: linear-gradient(to left, var(--color-text) 100%, transparent 0%);
}
body.forsyningsselskaber-styling #page.scrolled header#masthead .stom-button a {
    border-color: var(--color-1);
    color: var(--color-text);
}

body.forsyningsselskaber-styling section.section-wrap.has-background .stom-button a:hover:after {
    border-color: var(--color-text);
}

body.forsyningsselskaber-styling .stom-button a:hover {
    color: var(--color-text);
}
body.forsyningsselskaber-styling .page-slider-section .stom-button a .arrow svg {
    color: #222;
}
body.forsyningsselskaber-styling .stom-button a .arrow svg {
    color: var(--color-text);
}
body.forsyningsselskaber-styling .page-slider-section .stom-button a:hover {
    color: #222;
}
body.forsyningsselskaber-styling #masthead .stom-button a:hover {
    color: var(--color-text);
}
body.forsyningsselskaber-styling .arrow_button a .stom-custom-svg.custom-svg {
    color: var(--color-text);
}


/*======================================================================//
// END Button                                                           //
//======================================================================*/


/*======================================================================//
// icon-indgangsvinkler                                                 //
//======================================================================*/

main#main-content.site-main section.section-wrap.icon-indgangsvinkler {
    margin-inline: var(--gap-l);
}
section.section-wrap.stom-grid-section.icon-indgangsvinkler .section .grid-elements {
    gap: var(--gap-m);
}
section.section-wrap.icon-indgangsvinkler .grid-elements .grid-element span.custom-svg:not(.arrow){
    width: var(--gap-m);
    height: var(--gap-m);
    background-color: var(--color-text);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: var(--gap-s);
}

section.section-wrap.icon-indgangsvinkler .grid-elements .grid-element span.custom-svg:not(.arrow) svg{
    height: 40px;
    color: var(--color-1);
    width: auto;
    aspect-ratio: 1 / 1;
}
section.section-wrap.icon-indgangsvinkler .grid-elements .grid-element h4 {
    padding-top: var(--gap-s);
    border-top: 1px solid var(--color-text);
    margin-bottom: 5px;
    letter-spacing: -1.25px; 
}


/*======================================================================//
// END icon-indgangsvinkler                                             //
//======================================================================*/

/*======================================================================//
// video-sektion                                                        //
//======================================================================*/

body .site-main section.section-wrap.video-sektion {
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 var(--gap-l);
    border-radius: 10px;
    overflow: hidden;
}

section.section-wrap.video-sektion .section{
    padding: var(--gap-xl) var(--gap-l);
    background-color: var(--color-1);
    border-radius: 0 10px 10px 0;
    position: relative;
}

section.section-wrap.video-sektion .section-video{
   overflow: hidden;
   border-radius: 10px 0 0 10px;
   position: relative;
}
section.section-wrap.video-sektion .section-video .start-button, section.section-wrap.video-sektion .section-video .stop-button{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-1);
    font-size: var(--gap-xl);
    padding: var(--gap-s);
}
section.section-wrap.video-sektion .section-video .stop-button {
    display: none;
}


/*======================================================================//
// END video-sektion                                                    //
//======================================================================*/

/*======================================================================//
// forsyningsprojekter                                                  //
//======================================================================*/

section.forsyningsprojekter.section-wrap .section .stom-button {
    margin-right: calc((100vw - var(--content-width)) / 2 - 0px);
    float: right;
}

section.forsyningsprojekter.section-wrap .section {
    margin-left: calc((100vw - var(--content-width)) / 2 - 0px);
    width: calc(var(--content-width) + ((100vw - var(--content-width)) / 2));
    padding: 0;
}
.projekter-slider-wrapper.slick-slider{
    padding:var(--gap-m) 0 var(--gap-m);
}
.projekter-slider-wrapper.slick-slider .slick-list{
    padding: 0 300px 0 0 !important;
}
.projekter-slider-wrapper.slick-slider .slick-list .slick-track{
    margin-left: calc(0px - (var(--gap-l) / 2));
    margin-right:calc(0px - (var(--gap-l) / 2));
}
.projekter-slider-wrapper.slick-slider .slick-list .projekt-slide.slick-slide{
    margin: 0 calc(var(--gap-l) / 2);
    position: relative;
}
.projekter-slider-wrapper .projekt-slide-content{

}
.projekter-slider-wrapper .projekt-slide-content .projekt-slide-content-headline{
    font-size: 35px;
    margin-bottom: 0px;
}
.projekter-slider-wrapper .projekt-slide-content .projekt-slide-content-excerpt{
    --p:18px;
}
.projekter-slider-wrapper .projekt-slide-city {
    position: absolute;
    padding: 10px 15px;
    top: 20px;
    right: 20px;
    background-color: white;
    border-radius: 10px;
}
.projekter-slider-wrapper .projekt-slide-image{
    position: relative;
    width: 100%;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.projekter-slider-wrapper .projekt-slide-image img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
.projekter-slider-wrapper .projekt-slide {
    position: relative;
}
.projekter-slider-wrapper .slick-dots {
    position: absolute;
    top: 0;
    right: calc((100vw - var(--content-width)) / 2 - 7px);
    width: auto;
    bottom: unset;

}
.projekter-slider-wrapper .slick-dots li button {
    border: 1px solid var(--color-text);
}
.projekter-slider-wrapper  .slick-dots li.slick-active button:before {
    background-color: var(--color-text);
}
.projekter-slider-wrapper  .slick-dots li button:hover:before {
    background-color: var(--color-text);
}
.projekter-slider-wrapper .projekt-slide .projekt-slide-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.projekter-slider-wrapper:not(.active-slider) {
    display: grid;
    grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr));
    gap: var(--gap-m);
}

/*======================================================================//
// END forsyningsprojekter                                              //
//======================================================================*/


/*======================================================================//
// citat-sektion                                                        //
//======================================================================*/

section.section-wrap.citat-sektion {
    position: relative;
    padding: var(--gap-l);
}
section.section-wrap.citat-sektion .section {
    background-color: white;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: var(--gap-l);
    border-radius: 10px;
}
section.section-wrap.citat-sektion .section .stom-picture {
    text-align: right;
}
section.section-wrap.citat-sektion .section .stom-picture img {
    aspect-ratio: 1 / 1;
    width: auto;
}
section.section-wrap.citat-sektion .section .stom-cols-6 {
    padding-right: 0;
}
section.section-wrap.citat-sektion .section .stom-cols-6 .stom-center-box{
    font-size: 40px;
}
section.section-wrap.citat-sektion .section .stom-cols-6 .stom-center-box p {
    margin: 0;
}
section.section-wrap.citat-sektion .section .stom-cols-6 .stom-center-box strong{
    font-size: 25px;
}
section.section-wrap.citat-sektion .section .stom-cols-6 .stom-center-box .stom-custom-svg.custom-svg{
    color: var(--color-1);
    font-size: 60px;
    line-height: 0;
}
section.section-wrap.citat-sektion .section .stom-cols-6 .stom-center-box .stom-custom-svg.custom-svg:last-of-type{
    text-align: right;
}

section.section-wrap.citat-sektion .section .stom-picture {
    padding: var(--gap-l) var(--gap-l) var(--gap-l) var(--gap-xl);
}

/*======================================================================//
// END citat-sektion                                                    //
//======================================================================*/


/*======================================================================//
// END forsyningsselskaber                                              //
//======================================================================*/

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



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


/* woocommerce style goes here */


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

/* Redesign - underside skabelon */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.25;
}

html, body, input, select, optgroup, textarea {
    line-height: 1.3;
    font-weight: 400;
}

p {
    margin: 0 0 1.25em;
}

b, strong {
    font-weight: 600;
}

/* Header */
body #page.scrolled header#masthead {
    border-bottom: 1px solid #ccc;
}

/* Hotfix */
.home .section-wrap.clear.sponsor-sektion.footer,
.home .section-wrap.clear.anmeldelser-sektion.footer {
    display: none;
}

/* END Hotfix */

.style-header-03 #site-navigation {
    justify-content: center;
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item a {
    font-size: 15px;
    width: 260px;
    justify-content: space-between;
}

#primary-menu li.menu-item-has-children ul.sub-menu > li.seo-menu ul.sub-menu li.menu-item a {
    font-size: 14px;
}

.section-wrap.clear .section p a {
    position: relative;
    color: #000;
    text-decoration: none;
    padding: 2px 0;
}

.section-wrap.clear.has-background:not(.footer-contact-form) .section p a {
    color: #fff;
}
  
.section-wrap.clear .section p a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transition: var(--transition);
}

.section-wrap.clear.has-background:not(.footer-contact-form) .section p a::after {
    background: #fff;
}

.section-wrap.clear .section p a:hover::after,
.section-wrap.clear.has-background .section p a:hover::after {
    background-color: var(--color-1);
}

  
  

.section-wrap.clear.narrow-section {
    overflow: hidden;
    margin-left: var(--gap-l);
    margin-right: var(--gap-l);
    border-radius: 10px;
    margin-top: calc(var(--gap-l) * 2);
}

.section-wrap.clear.narrow-section .section {
    max-width: 870px;
}

.section-wrap.clear.narrow-section .section > p,
.section-wrap.clear.narrow-section .section > ul li,
.section-wrap.clear.narrow-section .section > ol li {
    font-weight: 300;
}

.section-wrap.clear.narrow-section .section > h3 {
    margin-bottom: 5px;
}

.section-wrap.clear.narrow-section.has-background .section > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.narrow-section.has-background .section > ul li a {
    text-decoration: none;
    color: var(--color-2);
    transition: var(--transition);
}

.section-wrap.clear.narrow-section.has-background .section > ul li a:hover {
    text-decoration: underline;
}

.section-wrap.clear.stom-grid-section.split-section .section .grid-elements {
    column-gap: var(--gap-m);
}

.section-wrap.clear.stom-grid-section.split-section .section .grid-elements .grid-element .overlay > h2 {
    font-size: var(--h3);
}

.section-wrap.clear.stom-grid-section.split-section.has-background .section .grid-elements .grid-element .overlay > ul li a {
    color: var(--color-2);
    text-decoration: none;
}

.section-wrap.clear.stom-grid-section.split-section.has-background .section .grid-elements .grid-element .overlay > ul li a:hover {
    text-decoration: underline;
}

.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > p,
.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > ul li,
.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > ol li {
    font-weight: 300;
}

.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > ul li:not(:last-of-type),
.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > ol li:not(:last-of-type) {
    margin-bottom: 5px;
}

.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > ul li::marker,
.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element .overlay > ol li::marker {
    color: var(--color-1);
}

.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element.border {
    overflow: hidden;
    border: 1px solid var(--color-1);
    border-radius: 10px;
}

.section-wrap.clear.stom-grid-section.has-background .section .grid-elements .grid-element.border .overlay {
    padding: var(--gap-m);
}

body:not(.home) #main-content {
    margin-top: calc(var(--gap-l) * 1);
}

body:not(.home) #main-content .section-wrap.clear:first-child,
body:not(.home) #main-content .stomFEE-edit-cta:first-child + .section-wrap.clear {
    margin-top: calc(var(--gap-l) * 1);
}

body:not(.home) .stom-billede-sektion .section .stom-cols-6 {
    min-height: 600px;
}

body:not(.home) .stom-billede-sektion .section .stom-cols-6 .stom-center-box > ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

/* body:not(.home) .stom-billede-sektion .section .stom-cols-6 .stom-center-box > p + ul {
    margin-top: -.75em;
} */

body:not(.home) .stom-billede-sektion .section .stom-cols-6 .stom-center-box > h2,
body:not(.home) .stom-billede-sektion .section .stom-cols-6 .stom-center-box > h3 {
    margin-bottom: 20px;
}

body:not(.home) .stom-billede-sektion .section .stom-cols-6 .stom-center-box > p + h3,
body:not(.home) .stom-billede-sektion .section .stom-cols-6 .stom-center-box > ul + h3 {
    margin-top: 40px;
}

/* Home Page Slider */
.home .page-slider-section .slider-text-inner .slider-text-inner-wrapper p {
    font-weight: 300;
    line-height: 1.3;
}

body:not(.home) .page-slider-section img {
    position: static;
    transform: none;
    max-height: 100vh;
}

body:not(.home) .page-slider-section .slider-text {
    align-items: flex-end;
}

body:not(.home) .page-slider-section .slider-text-inner .slider-text-inner-wrapper h1 {
    font-size: 70px;
    margin-bottom: 30px;
}

body:not(.home) .page-slider-section .slider-text-inner .slider-text-inner-wrapper p {
    /* font-size: 30px; */
    /* font-size: 24px; */
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
}

body:not(.home) .page-slider-section .slider-text-inner .slider-text-inner-wrapper .stom-button a {
    /* font-size: 24px; */
    font-size: 20px;
}

body:not(.home) .page-slider-section .slider-text-inner .slider-text-inner-wrapper p + .stom-button {
    margin-top: 10px;
}

.section-wrap.clear.usp-section {
    overflow: hidden;
    margin-inline: 0;
    background-color: #222;
    border-radius: 0 0 10px 10px;
}

.section-wrap.clear.usp-section .section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px;
    padding-block: var(--gap-m);
    padding-inline: var(--gap-m);
    max-width: calc(var(--content-width) + 120px);
}

.section-wrap.clear.usp-section .section:after {
    display: none;
}

.section-wrap.clear.usp-section .section .element {
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
}

.section-wrap.clear.usp-section .section .element > p:first-of-type {
    margin: 0;
}

.section-wrap.clear.usp-section .section .element > p:first-of-type img {
    min-width: 53px;
}

.section-wrap.clear.usp-section .section .element .content > h3 {
    font-size: 25px;
    margin-bottom: 5px;
}

.section-wrap.clear.usp-section .section .element .content > p {
    font-size: 20px;
    font-weight: 300;
}

.section-wrap.clear.anmeldelser-sektion.footer {
    margin-top: calc(var(--gap-l) * 1);
}

.section-wrap.clear.sponsor-sektion.footer .section .grid-elements .grid-element .overlay > h2, 
.section-wrap.clear.anmeldelser-sektion.footer .section > h2 {
    font-size: var(--h1);
}

.section-wrap.clear.footer-contact-form .section .grid-elements {
    /* gap: 0; */
}

.section-wrap.clear.footer-contact-form .section .grid-elements .grid-element.content .overlay {
    padding-right: var(--gap-l);
}

.section-wrap.clear.footer-contact-form .section .grid-elements .grid-element.content .overlay > p a {
    text-decoration: none;
    transition: var(--transition);
    color: #222;
}

.section-wrap.clear.footer-contact-form .section .grid-elements .grid-element.content .overlay > p a:after {
    background-color: #222;
}

.section-wrap.clear.footer-contact-form .section .grid-elements .grid-element.content .overlay > p a:hover {
    color: var(--color-1);
}

body:not(.home) section.section-wrap.footer-contact-form {
    margin-top: calc(var(--gap-l) * 1);
}

body.stom-terms-page #main-content #content {
    max-width: 870px;
}

body.stom-terms-page .entry-content,
body.stom-terms-page .entry-content > p {
    font-size: 16px;
}

body.stom-terms-page .entry-content > h2 {
    font-size: var(--h3);
    margin-top: 40px;
}

body.stom-terms-page .entry-content > h2:first-child {
    margin-top: 0;
}

/* Extra */
.section-wrap.clear.custom-link-ul .section .grid-elements .grid-element .overlay > p + ul {
    margin-top: 40px;
}

.section-wrap.clear.stom-grid-section .section .grid-elements .grid-element.button {
    justify-content: flex-end;
}


body.contact-page .section-wrap.clear.footer-contact-form {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: var(--gap-l);
}

body.contact-page header#masthead {
    /* border-bottom: 1px solid #ccc !important; */
}

body.contact-page header#masthead .header-wrapper .header-inner .site-branding #logo > a img {
    filter: none;
}

body.contact-page header .main-navigation ul.menu a {
    color: inherit;
}

body.contact-page #main-content {
    margin-top: var(--header-height);
}

/* Footer CTA */
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    background-color: #222;
    color: #fff;
    flex-direction: row;
    gap: 8px;
    height: auto;
    font-size: 14px;
    padding-block: 15px;
}

#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
    border-right-color: #fff;
}


div.stom-table table tbody tr th {
	background-color: var(--color-1);
	color: #fff;
}

div.stom-table table tbody tr th,
div.stom-table table tbody tr td {
	font-size: 16px;
	padding: 20px 10px;
}

div.stom-table table tbody tr th:not(:last-of-type) {
	border-right-color: #fff;
}

.section-wrap.clear.fuse-section .section .grid-elements .grid-element.form {
	overflow: hidden;
	border-radius: 10px;
}

.section-wrap.clear.fuse-section .section .grid-elements .grid-element.form .overlay > .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container > * {
	color: #222;
}

.gform_wrapper form .gform_body .gform_fields .custom-consent .ginput_container .gform-field-label {
	font-size: 14px;
	color: #fff !important;
}


/* Sikring - landingsside */
body.custom-landing-page .section-wrap.clear.sponsor-sektion,
body.custom-landing-page .section-wrap.clear.anmeldelser-sektion,
body.custom-landing-page .section-wrap.clear.footer-contact-form {
	display: none;
}

body.custom-landing-page #main-content{
	margin-top: calc(var(--gap-l) * 2.5);
}

body.custom-landing-page #page header#masthead {
	border-bottom: 1px solid #ccc;
}

body.custom-landing-page #page .site-branding img {
	filter: none;
}

body.custom-landing-page header .main-navigation ul.menu a {
	color: var(--color-text);
}

body.custom-landing-page header#masthead .stom-button.sikring {
	display: none;
}

header#masthead .stom-button a {
	font-size: 18px;
}


/* */

body.redesign-page .page-slider-section .slider-text-inner .slider-text-inner-wrapper h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

body.redesign-page .page-slider-section .slider-text-inner .slider-text-inner-wrapper .sub-heading {
    display: block;
    font-size: 70px;
    line-height: 1.1;
    margin-bottom: 30px;
}

body.redesign-page .section-wrap.clear.stom-billede-sektion .section .stom-cols-6 .stom-center-box > h2 {
    font-size: 40px;
}

body.redesign-page .section-wrap.clear.split-section .section .grid-elements {
    row-gap: 20px;
}

body.redesign-page .section-wrap.clear.split-section .section .grid-elements .grid-element.heading .overlay {
    max-width: 50%;
    margin-bottom: 40px;
}

body.redesign-page .section-wrap.clear.split-section .section .grid-elements .grid-element:not(.heading) .overlay {
    padding: 40px !important;
}

body.redesign-page .section-wrap.clear.stom-grid-section.split-section .section .grid-elements .grid-element .overlay > h2 {
    font-size: var(--h2);
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.content {
    grid-column: span 2;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box {
    border: 1px solid #A0906D;
    border-radius: 10px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay {
    padding: 40px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay .header {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #A0906D;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay .header > p:first-of-type {
    margin: 0;
    line-height: 0;

    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #A0906D;
    border-radius: 5px;

    display: flex;
    align-items: center;
    justify-content: center;

}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay .header > p:first-of-type img {
    width: 25px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay ul {
    padding-left: 0;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay ul li {
    font-size: 18px;
    font-weight: 600;
    color: #acacac;
    letter-spacing: 1px;
    list-style-type: none;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay ul li strong {
    display: block;
    margin-top: 5px;
    color: #000;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay ul li:not(:last-of-type) {
    margin-bottom: 25px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay > .stom-button a {
    font-size: 18px;
    height: 55px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay > .stom-button a:after {
    width: 55px;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay > .stom-button a:hover {
    color: #fff;
}

.section-wrap.clear.info-box-section .section .grid-elements .grid-element.box .overlay > .stom-button a:hover:after {
    width: 100%;
}

body.redesign-page #main-content {
    margin-top: 0;
}

body.redesign-page .page-slider-section .section-wrap.clear.usp-section {
    display: none;
}

.section-wrap.clear.usp-alt-section {
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    margin-top: 0 !important;
}

.section-wrap.clear.usp-alt-section .section .grid-elements .grid-element .overlay > p:first-of-type {
    margin-bottom: 20px;
}

.section-wrap.clear.usp-alt-section .section .grid-elements .grid-element .overlay > p:first-of-type img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(6%) saturate(1469%) hue-rotate(3deg) brightness(89%) contrast(94%);
    width: 40px;
}

.section-wrap.clear.usp-alt-section .section .grid-elements .grid-element .overlay > h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.content {
    grid-column: span 2;
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.list .overlay > ul {
    padding-left: 0;
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.list .overlay > ul li {
    list-style-type: none;
    background-color: #f5f4f0;
    border: 1px solid #A0906D;
    border-radius: 10px;
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.list .overlay > ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.list .overlay > ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    column-gap: 20px;
    text-decoration: none;
    padding: 20px;
    transition: var(--transition);
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.list .overlay > ul li a:hover {
    color: #A0906D;
}

.section-wrap.clear.task-section .section .grid-elements .grid-element.list .overlay > ul li a .stom-custom-svg {
    margin: 0;
    line-height: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #A0906D;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-wrap.clear.faq-section {
    overflow: hidden;
    border-radius: 10px;
}

.section-wrap.clear.faq-section .section {
    padding-block: calc(var(--gap-l) * 2);
}

.section-wrap.clear.faq-section .section .grid-elements {
    column-gap: 60px;
    row-gap: var(--gap-s);
}

.section-wrap.clear.faq-section .section .grid-elements .grid-element.heading {
    margin-bottom: var(--gap-s);
}

.section-wrap.clear.faq-section .section .grid-elements .grid-element.heading .overlay > p {
    max-width: 75%;
    font-weight: 400;
}

.section-wrap.clear.faq-section .section .grid-elements .grid-element:not(.heading) .overlay > .mere-tekst-wrapper button {
    font-size: 18px;
    font-weight: 500;
    border-radius: 0;
    border-bottom: 1px solid var(--color-1);
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: transparent;
    color: var(--color-text);
    padding: 10px 0;
    transition: var(--transition);
}

.section-wrap.clear.faq-section .section .grid-elements .grid-element:not(.heading) .overlay > .mere-tekst-wrapper button:hover {
    color: var(--color-1);
}

.section-wrap.clear.faq-section .section .grid-elements .grid-element:not(.heading) .overlay > .mere-tekst-wrapper .mere-tekst {
    margin-block: 20px 10px;
}

.section-wrap.clear.faq-section .section .grid-elements .grid-element:not(.heading) .overlay > .mere-tekst-wrapper .mere-tekst > p {
    font-size: 16px;
}