/*
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: 60px;
    --h2: 32px;
    --h3: 20px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 18px;

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

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

    /* colors */
    --color-1: #436251;
    --color-2: #447e5e;
    --color-3: #318C49;
    --color-4: #EBF5F0;
    --color-5: #1F2330;
    --color-bg: #f6f6f6;
    --color-text: #232426;
    --color-dark: #232426;
    --color-overlay: rgb(0 0 0 / 25%);


    /* border radius */
    --border-m: 32px;
    --border-s: 16px;
    --border-s-top: 16px 16px 0px 0px;
    --border-s-bottom: 0px 0px 16px 16px;


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


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


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

/* GLOBAL */

h2{
    font-weight: 400;
}

.button-green a{
    background-color: var(--color-3);
    border: var(--color-3);
    color: white;
    font-size: calc(var(--p) - 2px);
    font-weight: 600;
    line-height: 150%;
    padding: 10px calc(var(--gap-m) - 10px);
    border-radius: 100px;
}
.button-green a:hover,
.button-green a:active{
    background-color: #246b37;
    border: #246b37;
}
.button-white a{
    background-color: white;
    color: var(--color-3);
    border: white;
    font-weight: 600;
    line-height: 150%;
    padding: 10px calc(var(--gap-m) - 10px);
    border-radius: 100px;
    font-size: calc(var(--p) - 2px);
}
.button-white a:hover,
.button-white a:active{
    font-weight: 700;   
    background-color: white;
    color: var(--color-3);
    border: white;
}


.buttons-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-s);
}

/* TOPBAR */
.style-header-02 .top-bar .top-bar-right>*:not(:last-child){
    margin: 0;
}
header.site-header .section-wrap .section{
    padding: 13px 0;
}
header .top-bar .top-bar-right{
    gap: var(--gap-m);
    font-weight: 600;
}
header .top-bar .top-bar-right span svg,
header .top-bar .top-bar-right span.custom-social svg
{
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
header .top-bar .top-bar-right span svg path,
header .top-bar .top-bar-right span.custom-social svg circle
{
    fill: none;
}
header .top-bar .top-bar-right span.custom-social{
    display: flex;
    align-items: center;
}
header .top-bar .top-bar-right span.custom-social{
    display: flex;
    align-items: center;
}
.header-sticky-active.scrolled .style-header-02 .section-wrap .section{
    padding: 13px 0;
}
/* MASTHEAD */
header#masthead{
    background-color: var(--color-3);
    border-radius: 0px 0px 32px 32px;
}
header .main-navigation ul.menu a{
    color: white;
    font-size: var(--p);
    font-weight: 600;
    justify-content: flex-start;
}
header .main-navigation ul.menu li ul.sub-menu{
    background-color: var(--color-3);
    width: 250px;
}
header .main-navigation div.burger-menu-content-inner ul.menu a{
    color: var(--color-text);
}
header .main-navigation ul.menu li ul.sub-menu li a{
    width: 100%;
}
.hover-active:not(.hover-style-bold) ul.menu a:before{
    background-color: var(--color-4);
}
body div#page header#masthead nav#site-navigation{
    padding: 29px 0;
}
.site-branding #logo a img {
    position: absolute;
    bottom: -50px;
    max-height: 120px;
}
.header-sticky-active.scrolled header .site-branding #logo img:not(.logo-landscape){
    max-height: 120px;
}

/* MAIN PAGE */
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-s) + 10px);
}
body section.page-slider-section{
    padding-top: calc(var(--gap-l) - var(--gap-s));
}
body section.page-slider-section .slides img{
    border-radius: var(--border-m);
}
div#page section{
    padding-inline: var(--gap-l);
}
.page-slider-section .slider-text{
    border-radius: var(--border-m);
}
.page-slider-section .slider-text-inner{
    margin-top: calc(var(--gap-l) * 2.5);
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper h1{
    color: white;
    font-weight: 400;
    margin-bottom: var(--gap-s);
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper p{
    color: white;
    font-size: calc(var(--p) + 2px);
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 2em;
}
section.box-idraetsgrene-section .section .grid-elements .grid-element:not(:first-of-type){
    transition: transform .5s ease;
}
section.box-idraetsgrene-section .section .grid-elements .grid-element:not(:first-of-type):hover{
    transform: scale(1.02);
}
section.box-idraetsgrene-section .section .grid-elements .grid-element .overlay p{
    margin-bottom: 0;
    font-weight: 500;
    
}
section.box-idraetsgrene-section .section .grid-elements .grid-element .overlay p img{
    border-radius: var(--border-s-top);
    object-fit: cover;
    width: 100%;
}
section.box-idraetsgrene-section .section .grid-elements .grid-element .overlay span{
    margin-top: -8px;
}
section.box-idraetsgrene-section .section .grid-elements .grid-element .overlay span a{
    width: 100%;
    background-color: var(--color-4);
    border: var(--color-4);
    border-radius: var(--border-s-bottom);
    color: var(--color-text);
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
section.box-idraetsgrene-section .section .grid-elements .grid-element .overlay span a span.custom-svg{
    margin-top: 0;
}
section.box-idraetsgrene-section .section .grid-elements .grid-element.text-center .overlay{
    background-color: var(--color-4);
    border-radius: var(--border-s);
    justify-content: center;
    padding-left: calc(var(--gap-m) + var(--gap-s));
}

section.box-idraetsgrene-section .section .grid-elements .grid-element.text-center .overlay p{
    max-width: 145px;
}



/* NYHEDER FORSIDE */
section.basis-nyheder-section.section-wrap,
section.box-sponsorer-section.section-wrap{
    margin-top: calc(var(--gap-l) + var(--gap-s) + 50px);
}
section.basis-nyheder-section{
    background-color: var(--color-3);
    margin-inline: 0;
    margin: var(--gap-l) var(--gap-m);
    border-radius: var(--border-m);
    padding-block: calc(var(--gap-l) + var(--gap-s) + 10px);
}
section.basis-nyheder-section .section h2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}
section.basis-nyheder-section .section h2 span.se-flere-nyheder{
    font-size: var(--p);
    line-height: 24px;
    font-weight: 600;
    font-family: var(--p-fam);
    color: white;
}
section.basis-nyheder-section span.custom-svg{
    margin-left: var(--gap-s);
}
section.basis-nyheder-section span.custom-svg svg{
    width: 14px;
    height: auto;
}
section.basis-nyheder-section span svg path{
    stroke: white;
}
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: 370px;
    width: 100%;
    max-width: 370px; 
    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: calc(var(--p) - 2px);
    font-weight: 600;
    color: white;
    font-family: var(--p-fam);
    margin-top: calc(var(--gap-s) + 2px);
}
section.basis-nyheder-section .section .stom-posts .stom-post-wrapper .stom-post-link{
    width: 100%;
    text-decoration: none;
    color: white;
    font-weight: 600;
}
section.box-sponsorer-section.section-wrap .section .grid-elements{
    gap: calc(var(--gap-l) - 10px);
    
}
section.box-sponsorer-section.section-wrap .section .grid-elements .grid-element .overlay{
    justify-content: center;
}
section.box-sponsorer-section.section-wrap .section .grid-elements .grid-element .overlay p img{
    max-height: 95px;
}
section.section-wrap.box-aktiviteter-section{
    margin-top: calc(var(--gap-l) * 2 - 10px);
}
section.section-wrap.box-aktiviteter-section .grid-element.image .overlay{
    justify-content: flex-start;
}
section.box-aktiviteter-section{
    background-color: var(--color-4);
    margin-inline: 0;
    margin: var(--gap-l) calc(var(--gap-m) + var(--gap-s));
    border-radius: var(--border-m);
    padding: calc(var(--gap-l) + var(--gap-s) + 10px) 0;
}
section.box-aktiviteter-section .section .grid-elements{
    gap: calc(var(--gap-l) - var(--gap-s));
}
section.box-aktiviteter-section .section .grid-element.text .overlay{
    justify-content: center;
}
section.box-aktiviteter-section .section .grid-element.text .overlay h2{
    margin-bottom: var(--gap-s);
}
section.box-aktiviteter-section .section .grid-element.text .overlay p{
    margin-bottom: calc(var(--gap-m) + 10px);
}
section.box-aktiviteter-section .section .overlay p img{
    border-radius: var(--border-s);
}
section.section-wrap.box-icons-section{
    margin-top: calc(var(--gap-m) + var(--gap-s));
}
section.box-icons-section{
    margin-inline: 0;
    background-color: var(--color-text);
    padding: calc(var(--gap-l) + var(--gap-m)) 0;
}
section.box-icons-section .section .grid-elements .grid-element .overlay{
    justify-content: center;
    align-items: center;
}
section.box-icons-section .section .grid-elements .grid-element .overlay h3{
    color: white;
    font-weight: 400;
}

section.section-wrap.box-facebook-section{
    margin-top: calc(var(--gap-l) + var(--gap-m) + 25px);
}
section.box-facebook-section .section .grid-elements .grid-element .overlay{
    justify-content: center;
}
section.box-facebook-section .section .grid-elements .grid-element .overlay .small-heading{
    color: var(--color-3);
    font-weight: 600;
    margin-bottom: 10px;
}
section.box-facebook-section .section .grid-elements .grid-element .overlay h2{
    font-weight: 600;
    margin-bottom: calc(var(--gap-s) + 10px);
}
section.box-facebook-section .section .grid-elements .grid-element .overlay p{
    margin-bottom: calc(var(--gap-s) + 10px);
}


section.section-wrap.basis-om-os-footer-section{
    margin-bottom: 0 !important;
    background-color: var(--color-3);
    margin: var(--gap-l) calc(var(--gap-m) + var(--gap-s));
    border-radius: var(--border-m);
    padding: calc(var(--gap-l) + var(--gap-s) + 10px) 0;
}
section.basis-om-os-footer-section .section h2{
    color: white;
    margin-bottom: var(--gap-m);
}
section.basis-om-os-footer-section .section p{
    color: white;
    margin-bottom: var(--gap-m);
    max-width: 600px;
    margin-inline: auto;
}
/* mere-tekst  */
body .mere-tekst-wrapper button.fold-ud{
    display: flex;
    justify-content: space-between;
}
body .mere-tekst-wrapper button {
    font-size: calc(var(--p) -2px);
    font-weight: 600;
    padding: var(--gap-s) 0;
    border: 0;
    color: var(--color-text);
    background-color: transparent;
    border-top: 1px solid rgba(35, 36, 38, .15);;
}


.mere-tekst-wrapper button span>svg {
    font-size: 14px;
    margin-left: var(--gap-xs);
    color: var(--color-text);
    width: 20px;
    height: 20px;
}
.mere-tekst-wrapper .mere-tekst p {
    padding: 10px;
    color: var(--color-text);
}

/* mere-tekst end */



/* FOOTER */
#colophon.footer-setting-03{
    background-color: var(--color-dark);
    margin-top: var(--gap-m);
}
.footer-setting-03 .footer-widget-area .section{
    padding: calc(var(--gap-l) + var(--gap-s) + 10px) 0;
}
#colophon .widget-title{
    color: white;
    font-size: var(--p);
    font-weight: 600;
    margin-bottom: calc(var(--gap-s) + 5px);
}

#colophon section .section .grid-elements .grid-element .overlay .footer-widgets .widget .textwidget p,
#colophon section .section .grid-elements .grid-element .overlay .footer-widgets .widget .textwidget ul > li a{
    color: white;
    font-weight: 500;
}
#colophon section .section .grid-elements .grid-element .overlay .footer-widgets div#black-studio-tinymce-170 .textwidget p{
    margin-bottom: 5px;
}
#colophon section .section .grid-elements .grid-element .overlay .footer-widgets div#black-studio-tinymce-170 .textwidget p:last-of-type{
    margin-top: var(--gap-s);
}
#colophon section .section .grid-elements .grid-element .overlay .footer-widgets .widget .textwidget p:not(:has(strong)),
#colophon section .section .grid-elements .grid-element .overlay .footer-widgets .widget .textwidget ul > li a{
    opacity: .8;
}
#colophon .textwidget strong{
    font-weight: 600;
}
#colophon .textwidget .stom-cols-12{
    display: grid;
    grid-template-columns: .25fr 2fr;
    margin-bottom: var(--gap-m);
}
#colophon .textwidget .stom-cols-12 div.contact-info p{
    margin-bottom: 0;
}
#colophon .textwidget .stom-cols-12 p span svg{
    width: 20px;
    height: 20px;
}
#colophon .textwidget .stom-cols-12 p span svg path{
    fill: none;
}
#colophon div#black-studio-tinymce-171 .textwidget div.facebook{
    display: flex;
    color: white;
}
#colophon div#black-studio-tinymce-171 .textwidget div.facebook span.stom-custom-svg.custom-svg svg{
    color: black;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#colophon div#black-studio-tinymce-171 .textwidget div.facebook p span.stom-custom-svg.custom-svg svg circle{
    fill: none !important;
}
.footer-setting-03 .section-wrap{
    border: none;
}
#colophon div.footer-widget-area-extra{
    border-top: 2px solid rgba(235, 245, 240, 0.30);
}
#colophon div.footer-widget-area-extra .section .stom-info{
    color: white;
    font-size: 14px;
    font-weight: 500;
    opacity: .7;
}

section.box-aeresmedlemmer-section .section .grid-elements .grid-element .overlay{
justify-content: flex-start;
}
section.box-kontakt-section .section .grid-elements .grid-element .overlay{
    justify-content: flex-start;
}
/*======================================================================//
// END style.css                                                        //
//======================================================================*/


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


/* woocommerce style goes here */


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