/*
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 ===== */

.d-flex-container {
    display: flex;
    gap: var(--gap-m);
    flex-wrap: wrap;
}

:root {
    /* Font sizes */
    --h1: 65px;
    --h2: 40px;
    --h3: 30px;
    --h4: 25px;
    --h5: 18px;
    --h6: 14px;
    --p-l: 25px;
    --p-m: 20px;
    --p: 18px;
    --p-s: 14px;
    --fs-s: 16px;

    --widget-title: 22px;

    --icon-s: 12px;
    --icon-xs: 10px;
    --icon-l: 30px;

    /* Gaps */
    --gap-xl: 145px;
    --gap-l: 90px;
    --gap-m: 40px;
    --gap-s: 20px;
    --gap-xs: 12px;
    --gap-padding: 60px;

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

    /* colors */
    /* --color-1: #f96132; */
    --color-1: #C5271C;
    /* --color-2: hsl(14, 94%, 74%); */
    --color-2: #6C8668;
    --color-3: #3B3B3B;
    --color-4: #ffffff;
    --color-5: hsl(0, 0%, 88%);
    --color-bg: var(--color-4);
    --color-text: var(--color-3);
    --color-dark: var(--color-3);
    --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: 900px;
    --slider-paragraph-width: 740px;
    --min-header-height: 112px;

    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */

    --h2-underline-width: 52px;
    --h2-underline-height: 5px;
}


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


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

.hidden {
    display: none;
}

#colophon .stom-grid-section .section .grid-elements {
    gap: calc(var(--gap-m) + 10px);
}

body main#main-content section.section-wrap.mindre-afstand-top {
	    margin-top: var(--gap-l);
}
body.no-main-content-top main#main-content {
	margin-top:0;
}

#service {
    padding-block: 90px;
}

#service.section-wrap.has-background .section {
    padding-block: 0;
    padding-bottom: 100px;
}

#service.stom-billede-sektion .stom-cols-6 {
    padding-top: 0;
}

#kerneomraader.stom-grid-section .grid-elements .overlay p:first-of-type {
    margin-bottom: 10px;
}

.stom-button a,
input[type="submit"],
.gform_wrapper .gform_footer input[type=submit],
#gform_submit_button_2 {
    line-height: 1;
    font-weight: 300;
    border-radius: 6px;
    /* padding: 0.4em 2.3em; */
    padding: .8em 1em;
    /* margin-top: 0.7em; */
    font-weight: 500;
    font-size: var(--p);
    line-height: 1;
}

.stom-button a .stom-fa-arrow-right svg,
#gform_submit_button_2 .stom-fa-arrow-right svg {
    font-size: var(--icon-s);
    margin-left: 4px;
}

.main-slider-section .slider-text-inner-wrapper p {
    font-size: var(--p-l);
    max-width: var(--slider-paragraph-width);
}

.main-slider-section .slider-text-inner-wrapper h1 {
    margin-bottom: 6px;
}

.main-slider-section .slider-text-inner-wrapper .stom-button a {
    font-size: var(--p-m);
    font-weight: 600;
}

.main-slider-section .slider-text-inner-wrapper .stom-button a .stom-fa-arrow-right svg {
    font-size: var(--p-s);
}

#kerneomraader h2 {
    position: relative;
    font-size: calc(var(--h2) + 10px);
}

#kerneomraader h2::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: var(--h2-underline-width);
    height: var(--h2-underline-height);
    background-color: var(--color-2);
}

#kerneomraader h3 {
    margin-bottom: 0;
}

#kerneomraader .stom-button a {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-1);
    padding: 0;
    font-weight: 600;
}

#kerneomraader .stom-button a .stom-fa-arrow-right svg {
    font-size: var(--icon-xs);
}

#kerneomraader.overlap-image.stom-billede-sektion .stom-cols-6 {
    background-color: #F5F5F5;
}

#groen.stom-grid-section .grid-element.has-background .overlay {
    padding: var(--gap-l) calc(var(--gap-m) + 20px);
}

#kontakt-tilbud {
    padding-top: var(--gap-l);
}

#kontakt-tilbud.stom-billede-sektion.picture-left .stom-cols-6 {
    padding-top: 0;
}

#kontakt-tilbud.section-wrap.has-background .section {
    padding-block: 0;
    padding-bottom: var(--gap-l);
}

#stole-paa {
    margin-right: var(--gap-l);
    margin-left: var(--gap-m);
}

#tilfredse-kunder .stom-button a {
    margin-top: var(--gap-s);
}

#footer-social .section {
    text-align: center;
}

#footer-social.section-wrap.has-background .section {
    /* padding-block: var(--gap-m); */
    padding-block: 0;
    padding: var(--gap-m) 0 25px 0 !important;
}

#footer-social.section-wrap.has-background .section .stom-custom-svg svg {
    color: #ffffff;
    font-size: var(--icon-l);
}

#footer-social .socials-wrapper .stom-social-shortcode:first-of-type {
    margin-right: var(--gap-s);
}

.home main+#footer-social.section-wrap {
    margin-top: 0;
}

.top-bar-right {
    margin-top: var(--gap-xs);
}

.top-bar-right .stom-button a {
    font-weight: 600;
    font-size: 18px;
    padding: .5em 1.2em;
}

.top-bar-right .stom-button a .stom-fa-phone-alt svg {
    font-size: var(--p-s);
    margin-right: 4px;
}

.top-bar-right #menu-menu-sekundaer {
    text-transform: uppercase;
}

header .top-bar ul li:not(:last-child) a:after {
    color: var(--color-1);
}

#primary-menu {
    align-items: center;
}

#primary-menu .socials-wrapper {
    display: flex;
    flex-direction: row-reverse;
}

#primary-menu .socials-wrapper .stom-social-shortcode {
    padding: 2px
}

#primary-menu .socials-wrapper .stom-social-shortcode:first-of-type {
    padding: 2px 2px 0 2px;
    min-height: 18px;
    margin-left: 10px;
}

#primary-menu .socials-wrapper .stom-social-shortcode:last-of-type {
    /* margin-left: 1.5em; */
	margin-left: inherit;
}

#primary-menu .socials-wrapper .stom-social-shortcode {
    color: #ffffff;
    background-color: #C5271C;
    border-radius: 3px;
	margin-left: 10px;
}

/* Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin-bottom: 0.375em;
}

h1 {
    font-weight: 600;
}

h5 {
    text-transform: uppercase;
}

p {
    line-height: 1.2;
}

p,
ul {
    margin-bottom: 1.2em;
    font-weight: 300;
}

hr {
    background-color: var(--color-text);
    opacity: 0.5;
}

/* General */

.home .page-slider-section .slider-text {
    align-items: flex-end;
    padding-bottom: var(--gap-l);
}

section.has-background {
    background-size: cover;
}

.stom-button+.stom-button a {
    margin-left: 1.1em;
}

.btn-no-bg.stom-button a {
    background-color: transparent;
    border-color: inherit;
}

.white-text .btn-no-bg.stom-button a:hover,
.white-text .btn-no-bg.stom-button a:active,
.white-text .btn-no-bg.stom-button a:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--color-3);
}

.white-text .underline-form .gform_wrapper.gravity-theme .gfield:after {
    background-color: #ffffff;
}

.btn-small.stom-button a {
    padding: 0.4em 1.6em;
}

main .section-wrap~.section-wrap,
main+#colophon {
    margin-top: var(--gap-xl);
}

.grid-element.has-background .full-element-link+img {
    transition: transform 0.5s;
}

.grid-element.has-background .full-element-link:hover+img,
.grid-element.has-background .full-element-link:active+img,
.grid-element.has-background .full-element-link:focus+img {
    transform: scale(1.1);
}

.grid-element.has-background {
    overflow: hidden;
}

.grid-element.has-background .full-element-link~.overlay {
    z-index: 1;
}

body:not(.home) #content h2,
body:not(.home) #content h3,
body:not(.home) #content h3 strong,
body:not(.home) .content-style h2,
body:not(.home) .content-style h3,
body:not(.home) .content-style h3 strong {
    font-weight: 500;
}

#content h2,
.content-style h2 {
    font-size: var(--h4);
    font-weight: 700;
}

#content h3,
.content-style h3 {
    font-size: var(--h4);
    color: var(--color-1);
}

#content h4,
.content-style h4 {
    font-size: var(--h5);
    font-weight: 700;
}

#content a .content-style a {
    font-weight: 700;
    color: var(--color-1);
}

#content .stom-button a:hover,
#content .stom-button a:active,
#content .stom-button a:focus,
.content-style .stom-button a:hover,
.content-stylet .stom-button a:active,
.content-style .stom-button a:focus {
    color: #ffffff;
}


#content a:hover,
#content a:active,
#content a:focus,
.content-style a:hover,
.content-stylet a:active,
.content-style a:focus {
    color: var(--color-2);
}

#content+.stomFEE-edit-cta+.section-wrap {
    margin-top: var(--gap-xl);
}

img.alignright {
    max-width: 50%;
}



/* Header */
.site-branding #logo img {
    /* max-width: 150px; */
}

#black-studio-tinymce-190 .textwidget p strong {
    font-weight: 600;
}

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

.main-navigation #primary-menu {
    font-weight: 400;
    --color-text: #000000
}

.main-navigation #primary-menu a {
    padding-inline: 1.33em;
}

#masthead .stom-button a {
    margin-inline: 0px;
    margin-top: 0px;
}

#site-navigation {
    min-height: var(--min-header-height);
}

#masthead .site-branding {
    display: flex;
    align-items: center;
}

.header-sticky-active.scrolled #site-navigation {
    min-height: initial
}

#primary-menu {
    /* margin-right: calc(var(--gap-l) - 1.33em); */
}

#primary-menu .menu-item-has-children>a {
    padding-right: 1em;
}

/* Footer */

#colophon.site-footer {
    background-color: #ffffff;
    color: #3B3B3B;
    font-size: var(--p);
}

#colophon.site-footer .widget-title {
    font-size: var(--widget-title);
    font-weight: 600;
}

.footer-setting-02 .footer-widget-area-site-info .section {
    border-top: 1px solid var(--color-1);
}

.footer-setting-02 .footer-widget-area-site-info .section p {
    color: var(--color-1);
    font-size: var(--p-s);
}

#colophon .contact-form .gfield input::placeholder,
#colophon .contact-form .gfield textarea::placeholder,
#kontakt-tilbud .gfield input::placeholder,
#kontakt-tilbud .gfield textarea::placeholder {
    /* font-weight: 300; */
    color: #000000;
    /* color: red; */
}

.footer-setting-02 .website-designed-by {
    font-weight: 600;
}

#primary-menu .socials-wrapper .stom-custom-svg svg {
    font-size: 14px;
}


#colophon .textwidget ul {
    line-height: 1.2;
}

#number-three-sticky-mobile-cta .cta-container .stom-button a {
    font-weight: 300;
}

.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: none;
    border-radius: 0;
    box-shadow: none;
}

#tilfredse-kunder.stom-grid-section .grid-element-slider-wrap .grid-element.slick-slide {
    justify-content: center;
}

#tilfredse-kunder.stom-grid-section .grid-element-slider-wrap .slick-track {
    margin-left: 0;
}

main .section-wrap~#groen.section-wrap,
main .section-wrap~#stole-paa.section-wrap {
    margin-top: 180px;
}

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

/* #colophon.site-footer {
    background-color: var(--color-3);
    color: var(--color-4);
    --color-dark: var(--color-4);
}

#colophon.site-footer .footer-widgets .stom_theme_logo img {
    max-width: min(200px, 100%);
}

#colophon.site-footer .grid-elements {
    grid-template-columns: 4fr 2fr 5fr;
}

#colophon .contact-form .gform-body,
#colophon .contact-form .gform_body {
    padding-top: 0px;
}

#colophon .contact-form .textwidget>p:first-child {
    display: none;
}

#colophon .contact-form .gform_footer.top_label {
    justify-content: end;
    margin-top: var(--gap-s);
}

#colophon .contact-form .gform_wrapper .gform_footer input[type=submit] {
    line-height: 1;
    font-weight: 300;
    padding: 0.4em 2.3em;
    background-color: transparent;
    border-color: inherit;
}

#colophon .contact-form .gform_wrapper .gform_footer input[type=submit]:hover,
#colophon .contact-form .gform_wrapper .gform_footer input[type=submit]:active,
#colophon .contact-form .gform_wrapper .gform_footer input[type=submit]:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--color-3);
}

#colophon .contact-form .gfield input::placeholder,
#colophon .contact-form .gfield textarea::placeholder {
    font-weight: 300;
    color: #000000;
}

#colophon .contact-form .gfield input,
#colophon .contact-form .gfield textarea {
    padding-block: 0px;
}

#colophon .contact-form .gform_fields {
    grid-gap: var(--gap-s) var(--gap-xs);
}

#colophon .website-designed-by {
    font-weight: 500;
}

#colophon .footer-widget-area .section {
    padding-bottom: var(--gap-m);
} */

/* Main Slider */
.home .main-slider-section.page-slider-section .slider-text {
    /* background: radial-gradient(circle at left, rgb(45 45 45 / 60%), transparent 56%) */
}

.page-slider-section.main-slider-section {
    /* font-size: 1.1rem; */
}

.main-slider-section .stom-button a {
    /* font-size: 1rem; */
}


/* Sections */
#about-us {
    background-color: var(--color-overlay);
    background-blend-mode: color;
}

#about-us .section {
    max-width: var(--slider-text-width);
}

#contact-us .section {
    padding-block: var(--gap-padding);
}

#contact-us .last.stom-cols-elm {
    text-align: right;
}

#contact-us .last.stom-cols-elm .stom-button a {
    margin-top: 0px;
    margin-inline: 0.5em 0px;
}

main a {
    text-decoration: none;
}

#products .section .grid-elements {
    gap: var(--gap-m) var(--gap-s);
}

#products .product p {
    margin-bottom: 0px;
    font-size: var(--fs-s);
}

#products .product img {
    margin-bottom: 0.6em;
}

#products .section .grid-element:not(.fullwidth) {
    margin-inline: auto;
}

#products .grid-element.product .full-element-link~.overlay img {
    transition: transform 0.5s;
}

#products .grid-element.product .full-element-link:hover~.overlay img,
#products .grid-element.product .full-element-link:active~.overlay img,
#products .grid-element.product .full-element-link:focus~.overlay img {
    transform: scale(1.1);
}

#products .product p:first-child {
    overflow: hidden;
}

#areas .grid-element.has-background .overlay {
    background: linear-gradient(to top, rgb(45 45 45 / 90%), transparent 55%);
}

#areas .grid-element.has-background p {
    font-size: 1.1rem;
}

#values .grid-elements {
    gap: var(--gap-padding);
}

#values .grid-element:not(.fullwidth) .overlay {
    min-width: 250px;
}

#values .grid-element:not(.fullwidth) {
    justify-content: initial;
}

#values .grid-element:not(.fullwidth):nth-of-type(3n -4) {
    justify-content: start;
}

#values .grid-element:not(.fullwidth):nth-of-type(3n -2) {
    justify-content: end;
}

.stom-medarbejder-thumb img {
    aspect-ratio: 16 / 12;
}

.stom_medarbejder-detaljer {
    text-align: center;
    margin-inline: auto;
}

.stom-medarbejder-title {
    text-transform: uppercase;
}

.stom-medarbejder-stilling {
    font-style: italic;
}

/* Classes */
.align-top {
    align-self: flex-start;
}

.skewed-bg-section.section-wrap {
    --section-bg-color: var(--color-5);

    position: relative;
    background-color: var(--section-bg-color);
    margin-inline: var(--content-margin);
    padding-inline: var(--gap-m);
}

.skewed-bg-section.section-wrap>.section {
    padding-block: var(--gap-l);
}

.skewed-bg-section.section-wrap>.section::before {
    content: "";
    display: block;
    width: 100vw;
    height: calc(var(--gap-xl) / 2);
    position: absolute;
    left: 0;
    top: calc((var(--gap-xl) / 2) * -1);
    background: linear-gradient(to bottom right, transparent 0%, transparent 50%, var(--section-bg-color) calc(50% + 1px), var(--section-bg-color) 100%);
}

.skewed-bg-section.section-wrap>.section::after {
    content: "";
    display: block;
    width: 100vw;
    height: calc(var(--gap-xl) / 2);
    position: absolute;
    left: 0;
    bottom: calc((var(--gap-xl) / 2) * -1);
    background: linear-gradient(to top left, transparent 0%, transparent 50%, var(--section-bg-color) calc(50% + 1px), var(--section-bg-color) 100%);
}

.no-footer-margin-top main .section-wrap.skewed-bg-section:last-child>.section::after {
    display: none;
}

.no-footer-margin-top main+#colophon {
    margin-top: 0px;
}

#tilfredse-kunder .slick-track {
    display: flex;
    align-items: center;
}

#tilfredse-kunder .slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
}

#tilfredse-kunder h2 {
    margin-bottom: var(--gap-m);
}

#tilfredse-kunder .stom-button a {
    margin-top: 60px;
}

#tilfredse-kunder .stom-custom-svg svg {
    width: 14px;
    height: 14px;
}

.style-header-02 .top-bar .top-bar-right>*:not(:last-child) {
    margin: 0 8px 0 0;
}

.top-bar-right .stom-button a {
    padding: 0.6em 1.3em;
}

header .top-bar ul li:not(:last-child) a:after {
    margin: 1px 0 0 8px;
}

header .top-bar ul li a {
    padding: 0 8px;
}

#groen .stom-button a,
#stole-paa .stom-button a {
    margin-top: calc(var(--gap-s) - 4px);
}

main .section-wrap~#tilfredse-kunder.section-wrap,
main .section-wrap~#kontakt-tilbud.section-wrap {
    margin-top: 180px;
}

.footer-setting-02 .footer-widget-area .section {
    padding: 60px 0;
}

.home .page-slider-section .slick-list {
    position: relative;
}

.home .page-slider-section .slides .slick-dots {
    /* bottom: calc(var(--gap-m) + var(--gap-m)); */
    bottom: var(--gap-l);
    right: var(--gap-l);
    z-index: 9999;
    width: fit-content;
    height: fit-content;
}

.home .page-slider-section .slides .slick-dots li button:before {
    background-color: transparent;
    border: 1px solid white;
}

.home .page-slider-section .slides .slick-dots li.slick-active button:before {
    background-color: white !important;
}

.home .page-slider-section .slides .slick-dots {
    top: unset;
}

.home .page-slider-section .slides.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.home .page-slider-section .slides .slick-dots li button {
    width: 16px;
    height: 16px;
}

.home .page-slider-section .slides .slick-dots li.slick-active button:before {
    opacity: 1;
}

.home .page-slider-section .slides .slick-dots li button:before {
    opacity: 1;
}

.hover-entry-fade-in.hover-style-full ul.menu a:before {
    width: 30%;
}

.hover-active:not(.hover-style-bold) ul.menu a:before {
    left: 50%;
    transform: translateX(-50%);
}

header .main-navigation ul.menu a {
    font-size: 16px;
}

header .main-navigation ul.menu ul.sub-menu a {
    justify-content: flex-start;
    width: 100%;
}

.hover-entry-fade-in.hover-style-full ul.menu ul.sub-menu a:before {
    width: 100%;
}

#kerneomraader .grid-element .overlay p {
    overflow: hidden;
}

#kerneomraader .grid-element .overlay img {
    display: block;
    transition: var(--transition);
}

#kerneomraader .grid-element:hover .overlay img {
    transform: scale(1.1);
}

#kerneomraader .grid-element .overlay .stom-fa-arrow-right svg {
    transition: var(--transition);
}

#kerneomraader .grid-element:hover .overlay .stom-fa-arrow-right svg {
    transform: translateX(10px);
}

header .top-bar ul li a {
    transition: var(--transition);
}

header .top-bar ul li a:hover {
    color: var(--color-1);
}


#footer-slider .slick-slide img {
    max-height: 80px;
    object-fit: contain;
}

#footer-slider {
    margin-bottom: var(--gap-l);
}

#footer-slider h2 {
    margin-bottom: var(--gap-m);
}

#colophon {
    border-top: 1px solid var(--color-1);
}
/* ny kode */
.display-none {
	display: none !important;
}
.section-wrap.clear.stom-grid-section.has-background#groen {
	margin-top: var(--gap-l)
}
.section-wrap.clear.stom-grid-section.linkedin-section {
    margin-top: var(--gap-l)
}
.stom-grid-section.linkedin-section .grid-element .overlay {
    justify-content: center;
}

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


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


/* woocommerce style goes here */


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