/*
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: 50px;
    --h2: 50px;
    --h3: 25px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 16px;

    /* Gaps */
    --gap-l: 146px;
    --gap-m: 40px;
    --gap-s: 10px;

    /* font families */
    --h-fam: "Oswald", system-ui;
    --p-fam: "Inter", system-ui;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #FFDD00;
    --color-2: #447e5e;
    --color-bg: #f6f6f6;
    --color-text: #757575;
    --color-dark: #222;
    --color-white: #fff;
    --color-overlay: rgb(0 0 0 / 0%);

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



/*======================================================================//
// style.css                                                            //
//======================================================================*/
h1,h2{
    font-weight: 500;
}


.section-wrap.clear.form-section.sub-inherit-color.has-background {
    position: relative;
}
#bg-overlay::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2E6635;
    z-index: 0;
    cursor: pointer;
    opacity: 0.9;
}
#bg-overlay .section {
    position: relative;
    z-index: 2;
}
.page-slider-section~main {
    margin-top: 60px;
}
/* knapper her */
#masthead .stom-button.header-btn a {
    color: #222;
}#masthead .stom-button.header-btn a:hover {
    color: white;
}
body .page-slider-section .slider-text-inner .slider-text-inner-wrapper .slider-custom-text-wrapper .stom-button a {
    color: #222;
    padding-inline: 80px;
    padding-block: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
body .page-slider-section .slider-text-inner .slider-text-inner-wrapper .slider-custom-text-wrapper .stom-button a:hover {
    color: #fff;
  
}


.stom-button a {
    font-weight: bold; /* Gør teksten fed */
    padding-inline: 80px;
    padding-block: 13px;
    text-transform: uppercase; /* Ændrer teksten til store bogstaver */
    color: #000; /* Ændrer skriften til sort */
}
.stom-button a:hover {
    
    color: #fff; /* Ændrer skriften til sort */
}
#masthead .stom-button.header-btn a{
    font-family: var(--h-fam);
    font-size: calc(var(--p) + 1px);
    padding-inline: 30px; 
    padding-block: 7px;
    font-weight: 500;
}

header#masthead {
    width: 100%;
    background-color: #1C1C1B;


}
header .main-navigation ul.menu a {
    color: var(--color-white);
}

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

.page-slider-section .slider-text-inner {
    width: unset; 
}


.section-wrap.clear.form-section.has-background .section {
    max-width: 600px;
    margin: 0 auto;
}body:not(.stom-gform-legacy) .gform_wrapper .gform_footer input,
body:not(.stom-gform-legacy) .gform_wrapper .gform_page_footer input {
    
    width: 100%; /* Makes the element 100% of its container's width */
    color: #222;
    padding: 15px 82px;
    font-size: 16px;
    font-family: var(--p-fam);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.32px;
}

input[type="button"], input[type="reset"], input[type="submit"], .gform_wrapper .gform_footer input[type=submit] {
    padding: 0.6em 1em;
    color: black; /* Changed the font color to black */
    background-color: var(--color-1);
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--color-1);
    transition: background-color, border, color;
    transition-duration: .175s;
    cursor: pointer;
    font-family: var(--btn-fam);
}
h1,  h3, h4, h5, h6, .widget-title, #colophon .copyright {
    color: black; /* Changed the font color to black */
    font-weight: 600;
}
#colophon.footer-setting-03 {
    padding: 0;
    background-color: #1C1C1B; /* Changed background color to black */
    border-top: 1px solid #1c1c1b;
    color: #fff;
}

#colophon.footer-setting-03 .widget-title {
    color: #fff;
}
body .page-slider-section .slider-text-inner .slider-text-inner-wrapper .slider-custom-text-wrapper {
    text-align: center;
    background-color: #ffffff;
    padding: 25px 90px;
}
.section-wrap.clear.stom-billede-sektion.feed-system-section.not-fullwidth 

 h3, h4, h5, h6, .widget-title, #colophon .copyright {
    color: var(--color-dark); /* Text color */
    font-weight: 600; /* Font weight */
}
html, body, input, select, optgroup, textarea {
    font-family: var(--p-fam);
    font-size: var(--p);
    color: #1C1C1B; /* Changed color */
}

header .main-navigation ul.menu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: .7em 1.5em;
    font-weight: 500;           /* Gør teksten fed */
    font-family: 'Oswald', sans-serif;  /* Bruger skrifttypen Oswald */
    text-transform: uppercase;   /* Gør alle bogstaver store */
}

body .page-slider-section .slider-text-inner .slider-text-inner-wrapper .slider-custom-text-wrapper {
    text-align: center;
    background-color: #ffffff;
    padding: 60px 70px;
}


.page-slider-section.main-slider-section {
    font-size: 20px;
    line-height: normal;
}

main.site-main section.section-wrap{
    margin-top: 130px;
}
.page-slider-section~main {
    margin-top: 70px;
}
section.form-section h2{
    line-height: 54px;
}
section.form-section p{
   margin-bottom: 0;
   font-weight: 500;
   font-size: 20px;
   font-family: var(--h-fam);
}
/* style goes here */

.footer-setting-03 .footer-widget-area-extra .textwidget {

    justify-content: start;
}

.footer-setting-03 .section-wrap.footer-widget-area-extra {
    border-top: 1px solid #fff;
}
.footer-setting-03 .section-wrap {
    border:0;
}

#colophon.footer-setting-03 {
    margin-top: 130px;
}

body .gform_wrapper.gravity-theme .gfield textarea.large {
    min-height: var(--gap-l);
    height: var(--gap-l);
    resize: vertical;
}

.footer-setting-03 .footer-widget-area .section {
    padding-top: 130px;
}


.footer-setting-03 .footer-widget-area-extra .section {
    padding: var(--gap-s) 0;
}

.footer-setting-03 .section-wrap.stom-grid-section .section .grid-elements {
    display: grid;
    gap: 90px;
}
.footer-setting-03 .section-wrap.stom-grid-section .section .grid-elements p,
.footer-setting-03 .section-wrap.stom-grid-section .section .grid-elements a {
    font-size: 14px;
}

#colophon .widget-title {
    font-size: 17px;
    font-weight: 400;
}

#colophon svg {
    color: white;
}
/*======================================================================//
// END style.css                                                        //
//======================================================================*/


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


/* woocommerce style goes here */


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