/*
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: 42px;
    --h2: 35px;
    --h3: 24px;
    --h4: 20px;
    --h5: 16px;
    --h6: 14px;
    --p: 18px;

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

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

    /* colors */
    --color-1: #436251;
    --color-2: #447e5e;
    --color-3: #68B900;
    --color-bg: #f6f6f6;
    --color-text: #172633;
    --color-dark: #172633;
    --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: 600px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


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


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

/* GLOBAL */

html{
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--gap-l) * 2.5);
}

h1,h2,h3,h4{
    font-weight: 700;
    font-style: italic;
}


.button-green a{
    font-style: italic;
    border-radius: 110px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: var(--color-3);
    padding: 10px 24px;
    line-height: 22px;
    border: var(--color-3);
}
.button-green a:hover,
.button-green a:active{
    background-color: #46750a;
    border: #46750a;
}
.green-divider-top::after{
    content: '';
    height: 10px;
    background-color: var(--color-3);
    width: 100%;
    position: absolute;
    top: 0;
}
.text-green{
    color: var(--color-3);
}

/* TOP BAR */
header .top-bar{
    max-height: 50px;
}
header.site-header .section-wrap .section{
    padding: calc(var(--gap-s) - 8px) 0;
}
.header-sticky-active.scrolled .style-header-02 .section-wrap .section{
    padding: calc(var(--gap-s) - 8px) 0;
}
header .top-bar .top-bar-right{
    font-size: 14px;
    color: white;
    font-weight: 700;
    line-height: 22px;
}
.style-header-02 .top-bar .top-bar-right>*:not(:last-child){
    margin-right: calc(var(--gap-s) / 2);
}
header .top-bar .top-bar-right span svg{
    width: 24px;
    height: 24px;
}
header .top-bar .top-bar-right span svg path{
    fill: none;
}

/* MAIN NAVIGATION */
.style-header-02 .site-branding #logo{
    padding: 23px 0;
}
.header-sticky-active.scrolled header .site-branding #logo{
    padding: 23px 0;
}
.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape{
    max-height: 80px;
}
header .main-navigation ul.menu a{
    padding: .7em 1em;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--color-text);
}
header .main-navigation ul.menu a{
    padding: .7em 1em;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--color-text);
    justify-content: flex-start;
}
header .main-navigation ul.menu a:hover,
header .main-navigation ul.menu a:active{
    color: var(--color-3);
}
header .main-navigation ul.menu li.menu-item-887{
    margin-left: calc(var(--gap-s) * 2);
    margin-right: calc(var(--gap-s) / 2);
}
header .main-navigation ul.menu li.menu-item-887,
header .main-navigation ul.menu li.menu-item-886{
    height: fit-content;
    margin-block: auto;
}
header .main-navigation ul.menu li.menu-item-887 a:hover,
header .main-navigation ul.menu li.menu-item-887 a:active,
header .main-navigation ul.menu li.menu-item-886 a:hover,
header .main-navigation ul.menu li.menu-item-886 a:active{
    background-color: #46750a;
    border: #46750a;
}
header .main-navigation ul.menu li.menu-item-887 a::before,
header .main-navigation ul.menu li.menu-item-886 a::before{
    display: none;
}

header .main-navigation ul.menu li.menu-item-887 a,
header .main-navigation ul.menu li.menu-item-886 a{
    color: white;
    background-color: var(--color-3);
    font-style: italic;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 110px;
}
header .main-navigation ul.menu a .stom-menu-item-arrow{
    margin-left: 1em;
}


/* PAGE SLIDER  */
section.page-slider-section .slider-text .slider-text-inner-wrapper span.stom-button:first-of-type{
    margin-right: 2px;
}

section.page-slider-section .slider-text .slider-text-inner-wrapper h1{
    color: white;
    font-weight: 700;
    line-height: 120%;
}

section.page-slider-section .slider-text .slider-text-inner-wrapper p{
    color: white;
    opacity: 0.9;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: var(--gap-m);
}
.page-slider-section.image-pos-center-center .image-aligner img{
    max-height: calc(35vh - var(--header-height));
}
/* BOX #1 FORSIDE */


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) + var(--gap-m));
}



section.box-som-det-passer-section .section .grid-elements{
    gap: calc(var(--gap-m) - 10px );
}
section.box-som-det-passer-section .section .grid-elements .box-som-det-passer-item .overlay p{
    margin: 0 0 -8px;
}
section.box-som-det-passer-section .section .grid-elements .box-som-det-passer-item .overlay img{
    border-radius: 16px 16px 0px 0px;
    height: 280px;
    width: 100%;
    object-fit: cover;
}
section.box-som-det-passer-section .section .grid-elements .box-som-det-passer-item .overlay {
    padding: 0;
    position: relative;
}
section.box-som-det-passer-section .section .grid-elements .box-som-det-passer-item .overlay h4{
    background-color: var(--color-3);
    color:  white;
    text-align: center;
    width: 100%;
    padding-block: var(--gap-s);
    border-radius: 0px 0px 16px 16px;
    pointer-events: none;
}


/* BASIS OM KLG */
section.section-wrap.basis-om-klg-section{
    margin-inline:0;
    background-color: var(--color-dark);
    position: relative;
}
section.section-wrap.basis-om-klg-section .section{
    padding-block: calc(var(--gap-l) + var(--gap-m));
    max-width: 788px;
}

section.section-wrap.basis-om-klg-section .section p,
section.section-wrap.basis-om-klg-section .section h2{
    color: white;
}
section.section-wrap.basis-om-klg-section .section p{
    font-weight: 500;
    line-height: 140%;
    opacity: .8;
}
section.section-wrap.basis-om-klg-section .section span.buttons-wrapper{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: calc(var(--gap-m) + 10px);
}
section.section-wrap.basis-om-klg-section .section span.buttons-wrapper p{
    opacity: unset;
}

/* BASIS NYHEDER SECTION */
section.section-wrap.basis-nyheder-section{
    background-color: #F3F4F5;
    margin-inline: 0;
    margin-top: 0;
    padding-block: calc(var(--gap-l) + var(--gap-m));
}
section.basis-nyheder-section .section .stom-posts{
    display: grid;
    grid-template-columns: repeat(var(--grid-3-cols), minmax(0, 1fr));
    gap: calc(var(--gap-m) - 10px);
}
section.basis-nyheder-section .section h2{
    margin-bottom: calc(var(--gap-m) - 8px);
}
section.basis-nyheder-section .section .stom-posts .stom-post-wrapper .stom-post-thumb img{
    max-height: 280px;
    width: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 16px;
}
section.basis-nyheder-section .section .stom-posts .stom-post-wrapper .stom-post-title h5{
    font-size: var(--h3);
    font-weight: 600;
    font-style: italic;  
    color: var(--color-dark);
    margin-top: calc(var(--gap-s) - 4px);
}
section.basis-nyheder-section .section .stom-posts .stom-post-wrapper .stom-post-content{
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    opacity: .7;
    margin-bottom: calc(var(--gap-s) + 4px);
}

/* BASIS FOOTER SECTION */
section.section-wrap.basis-footer-section{
    margin-top: 0;
}
section.basis-footer-section .section{
    padding-block: calc(var(--gap-l) - 10px);
}
section.basis-footer-section .section p{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    opacity: .7;
}
/* FOOTER  */
#colophon.footer-setting-03::after{
    content: '';
    height: 10px;
    background-color: var(--color-3);
    width: 100%;
    position: absolute;
    bottom: 0;
}
#colophon.footer-setting-03{
    background-color: var(--color-dark);
    border: 0;
    position: relative;
}
.footer-setting-03 .section-wrap{
    border: 0;
}
.footer-setting-03 .section-wrap .section .grid-element:last-of-type .overlay .textwidget ul > li{
    margin-bottom: 4px;
}
#colophon .widget-title{
    color: white;
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    font-family: var(--h-fam);
    margin-bottom: calc(var(--gap-s) + 4px);
}
#colophon .textwidget ul > li,
#colophon .textwidget a,
#colophon .textwidget p 
{
    color: white;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
}

#black-studio-tinymce-170 .textwidget ul > li:not(:first-of-type,:last-of-type),
#black-studio-tinymce-171 ul > li:not(:first-of-type),
#black-studio-tinymce-171 p{
    opacity: .7;
}
#black-studio-tinymce-170 .textwidget ul > li{
    margin-bottom: 8px;
}
#black-studio-tinymce-170 .textwidget ul li .stom-custom-socials {
    display: flex;
    margin-top: var(--gap-s);
    gap: 5px;
}
#black-studio-tinymce-170 .textwidget ul li .stom-custom-socials div.stom-cols-6{
    width: fit-content;
}
#black-studio-tinymce-170 .textwidget ul li .stom-custom-socials a span svg{
    width: 24px;
    height: 24px;
}


#black-studio-tinymce-171 .textwidget p{
    margin-top: calc(var(--gap-m) - 10px);
}
#colophon table,#colophon table > tbody, #colophon table tbody > tr > td {
    border: 0;
    padding-bottom: 6px;
}
#colophon table tbody tr td{
    color: white;
}
#colophon table tbody tr td:last-of-type{
    opacity: .7;
    font-weight: 500;

}
.footer-setting-03 .footer-widget-area-extra{
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.footer-setting-03 .footer-widget-area-extra .section{
    /* padding-block: var(--gap-s) calc(var(--gap-s) / 2); */
    padding: var(--gap-s) 0;
}
.footer-setting-03 .footer-widget-area-extra .section .footer-widgets .widget .textwidget{
    justify-content: flex-start;
    align-items: center;
}
.footer-setting-03 .footer-widget-area-extra .section .footer-widgets .widget .textwidget .stom-info{
    color: white;
    font-weight: 500;
    font-size: 14px;
}
.footer-setting-03 .footer-widget-area-extra .section .footer-widgets .widget .textwidget .stom-info ul{
    display: flex;
    gap: var(--gap-m);
    align-items: center;
}
.footer-setting-03 .footer-widget-area-extra .section .footer-widgets .widget .textwidget .stom-info ul > li:last-of-type{
    opacity: .7;
}


/* UNDERSIDE PAGE SLIDER */

body:not(.home) .page-slider-section .slider-text .slider-text-inner-wrapper .buttons-wrapper{
    margin-top: var(--gap-m);
    display: block;
}
body:not(.home) main section .section{
    padding-bottom: calc(var(--gap-l) - 10px);
}

main.site-main div.section div.booking-navigation ul{
    display: flex;
    list-style: none;
    margin-bottom: var(--gap-m);
    padding: var(--gap-s);
    background-color: var(--color-bg);
}
main.site-main div.section div.booking-navigation ul > li:not(:first-of-type){
    padding-left: var(--gap-s);
}
main.site-main div.section div.booking-navigation ul > li:not(:last-of-type){
    border-right: 1px solid black;
    padding-right: var(--gap-s);
}
main.site-main div.section div.booking-navigation ul > li a{
    font-size: var(--h3);
    font-weight: 700;
    color: var(--color-dark);
    text-decoration: none;
}
main.site-main div.section div.booking-navigation ul > li a:hover,
main.site-main div.section div.booking-navigation ul > li a:active{
    color: var(--color-3);
}


/* GRAVITY FORM BUTTON */
div.gform_wrapper div.gform_footer input[type="submit"]{
    font-style: italic;
    border-radius: 110px;
    font-size: 16px;
    font-weight: 700;
    color: white;
    background-color: var(--color-3);
    padding: 10px 24px;
    line-height: 22px;
    border: var(--color-3);
}
div.gform_wrapper div.gform_footer input[type="submit"]:active,
div.gform_wrapper div.gform_footer input[type="submit"]:hover{
    background-color: #46750a;
    border: #46750a;
}
/*  */

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


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


/* woocommerce style goes here */


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