/*
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: 41px;
    --h2: 37px;
    --h3: 25px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 16px;
    /* Gaps */
    --gap-l: 90px;
    --gap-m: 40px;
    --gap-s: 20px;
    /* font families */
    --h-fam:
    "playfair-display", serif;
    --p-fam:
    "proxima-nova", sans-serif;
    --btn-fam:
    var(--p-fam);
    /* colors */
    --color-1: #0b6851;
    --color-2: #074233;
    --color-3: #ffffff;
    --color-4: var(--color-2);
    --color-5: #0b685146;
    --color-bg: #f6f6f6;
    --color-text: #000000;
    --color-dark: #313131;
    --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: 800px;
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


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


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


/* style goes here */


/* generel styling */

.stom-button a {
    border-radius: 3px;
}

body:not(.stom-gform-legacy) .gform_wrapper .gform_footer button,
body:not(.stom-gform-legacy) .gform_wrapper .gform_footer input,
body:not(.stom-gform-legacy) .gform_wrapper .gform_page_footer button,
body:not(.stom-gform-legacy) .gform_wrapper .gform_page_footer input {
    background-color: var(--color-2);
    border-radius: 3px;
}

.section-2 h2,
.custom-overflow-wrapper h2,
.section-3 h2,
#colophon .widget-title,
h1 {
    position: relative;
}

.section-2 h2:after,
.section-3 h2:after,
.custom-overflow-wrapper h2:after,
#colophon .widget-title:after,
h1:after {
    content: '';
    display: block;
    height: 2px;
    width: 34px;
    background-color: var(--color-2);
}


/* sidebar */

.widget.number-three-default-widget p:first-child {
    font-weight: 600;
}


/* Header */

section.section-wrap.clear.top-bar.has-background {
    background-color: var(--color-1) !important;
}

header .top-bar .top-bar-right {
    color: var(--color-3);
}

.header-sticky-active header .site-branding #logo img,
.header-sticky-active header .site-branding #logo svg {
    padding-top: 18px;
    padding-bottom: 18px;
}

header .top-bar p a+a {
    margin-left: 20px;
}

header .top-bar ul li:hover {
    text-decoration: underline;
}

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


/* Splash */

.page-slider-section .slider-text {
    --color-overlay: none;
}

.slider-text-inner-wrapper .white-bg .stom-button a {
    margin-right: 25px;
}


/* Split sektioner */

.stom-billede-sektion .stom-cols-6 {
    padding: calc(var(--gap-l) * 1.5) 0;
}


/* Footer */
#colophon.footer-setting-01 div#gform_wrapper_2 {
    color: var(--color-2);
}

#colophon.footer-setting-01 {
    font-size: inherit;
}

.section-wrap.blomst.has-background {
    min-height: 550px;
    background-position: right bottom;
    background-size: contain;
    position: relative;
    margin-top: -109px;
}

#colophon .widget-title {
    font-family: var(--h-fam);
    font-weight: 500;
    font-size: 33px;
}

.footer-setting-01 .website-designed-by {
    font-weight: 400;
}

.footer-setting-01 .section-wrap .section:before {
    border-style: none;
}

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


/*======================================================================//
// kontakt side                                                         //
//======================================================================*/

input#gform_submit_button_1:hover {
    background-color: var(--color-1);
    border-color: var(--color-1);
}

.section-map.maps-optimize.optimize-right .stom-cols-6:not(.last) {
    padding-top: 150px;
    padding-bottom: 150px;
}

.page-content,
.entry-content,
.entry-summary {
    width: 600px;
}

td {
    padding: 10px;
    background-color: var(--color-bg);
}


/*======================================================================//
// produkt side                                                         //
//======================================================================*/

section.section-wrap.clear.stom-grid-section.teknisk.stom-lazyload-excluded {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--color-bg);
}

.stom-grid-section .grid-element {
    display: block;
}

.page-content,
.entry-content,
.entry-summary {
    width: auto;
    margin-bottom: 90px;
}

.white-bg {
    padding: var(--gap-m);
}
.page-slider-section.main-slider-section {
    font-size: 1.1rem;
}
/*======================================================================//
// END style.css                                                        //
//======================================================================*/


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


/* woocommerce style goes here */


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