/*
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: 68px;
    --h2: 48px;
    --h3: 21px;
    --h4: 22px;
    --h5: 16px;
    --h6: 14px;
    --p: 18px;
    --btn: 16px;

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

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

    /* colors */
    --color-1: #FB8A00;
    --color-2: #ca6f00;
    --color-bg: #f6f6f6;
    --color-white: #fff;
    --color-text: #333333;
    --color-dark: #333333;
    --color-darkblue: #0C1C58;
    --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                                                            //
//======================================================================*/
p {
    line-height: 1.3;
}
header .main-navigation ul.menu a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    
}
header .main-navigation ul.menu#primary-menu .sub-menu a {
    justify-content: space-between;
    width: 330px;
    color: var(--color-dark)
}
header .main-navigation ul.menu .sub-menu a {
    justify-content: start;
}
/*======================================================================//
// Generic classes                                                      //
//======================================================================*/
.header-sticky-active.scrolled header .site-branding #logo {
    padding: var(--gap-s) 0;
}
/* zoom */
.zoom p {
    overflow: hidden
}
.zoom.grid-element {
    transition: transform .5s ease
}
.zoom.grid-element:hover {
    transform: scale(1.050)
}

.stom-button:not(.btn-blue) a {
    padding: calc(var(--gap-s) - 8px) calc(var(--gap-m) - 5px);
    font-size: var(--btn);
}
.stom-button a .stom-custom-svg svg {
    width: 12px;
    height: 11px;
}
.page-slider-section .slider-text-inner {
    display: flex;
    justify-content: center;
    text-align: center;
}
/* btns */
.stom-button.btn-blue {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-right: var(--gap-m);
}
.stom-button.btn-blue a {
    display: flex;
    background-color: var(--color-darkblue);
    border: var(--color-darkblue);
    width: 100%;
    justify-content: space-between;
    padding: calc(var(--gap-s) - 8px) var(--gap-s);
    font-size: var(--btn);
}
.stom-button.btn-blue a:hover {
    background-color: #112c8f;
    border: #112c8f;
}
.stom-button.btn-blue a .stom-custom-svg {
    align-items: center;
    display: flex;
}
.stom-button.btn-blue a .stom-custom-svg svg {
    width: 12px;
    height: 11px;
}
.slider-btn-wrapper {
    display: flex;
    justify-content: center;
    gap: calc(var(--gap-s) + 10px);
    margin-top: var(--gap-s);
}
.slider-btn-wrapper .stom-button a {
    padding: 10px 45px;
}
.stom-button.slider-btn a {
    font-size: var(--btn);
}

.slider-text-inner a {
	color:red;
	background-color: white;
}
.stom-button a {
    background-color: white;
}
/* pre-text */
.pre-text {
    color: white;
    margin-bottom: var(--gap-s);
}
body .page-slider-section~main {
    margin-top: calc(var(--gap-l) + 10px);
}
body:not(.home) .page-slider-section~main {
    margin-top: 0;
}
body:not(.home) .section-wrap.clear.stom-grid-section.services-section.subpage-margin {
    margin-block: calc(var(--gap-l) + 10px);
}
/*======================================================================//
// END Generic classes                                                  //
//======================================================================*/
/*======================================================================//
// services-section                                                     //
//======================================================================*/
.section-wrap.clear.stom-grid-section.services-section .grid-elements {
    gap: calc(var(--gap-m) - 10px);
}
.section-wrap.clear.stom-grid-section.services-section .grid-element.service-header {
    max-width: 650px;
    margin-bottom: calc(var(--gap-m) - 14px);
}
.section-wrap.clear.stom-grid-section.services-section .grid-element .overlay {
    justify-content: start;
}
.section-wrap.clear.stom-grid-section.services-section .grid-element:not(.fullwidth) .overlay p:first-of-type {
    margin-bottom: 0;
}
.section-wrap.clear.stom-grid-section.services-section .grid-element .overlay p img {
    height: 100%;
    width: 100%;
}
.section-wrap.clear.stom-grid-section.services-section .grid-element .overlay .box-text-wrapper {
    padding: var(--gap-m);
    padding-right: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.section-wrap.clear.stom-grid-section.services-section .grid-element .overlay .box-text-wrapper h3 {
    font-weight: 500;
    padding-right: 10px;
}
/*======================================================================//
// END services-section                                                 //
//======================================================================*/
/* form-section */
.section-wrap.clear.stom-grid-section.form-section.has-background .grid-element .overlay {
    justify-content: center;
}
.section-wrap.clear.stom-grid-section.form-section.has-background .grid-element .overlay p {
    font-weight: 300;
}
.gform_wrapper.gravity-theme .gform_footer {
    justify-content: end;
}
.gform_wrapper .gform_footer .stom-button.gform_button {
    padding: calc(var(--gap-s) - 8px) calc(var(--gap-m) + 17px);
    font-size: var(--btn);
}
.gform_wrapper .gform_footer .stom-button.gform_button .stom-custom-svg.custom-svg svg{
    width: 12px;
    height: 11px;
}
/* footer */
#colophon .widget-title {
    font-size: 23px;
    font-weight: 600;
}
#colophon.footer-setting-03 {
    padding: 0;
    background-color: #F0F0F0;
    border-top: none;
    margin-top: 0;
}
.footer-setting-03 .footer-widget-area .section {
    padding: 60px 0;
    padding-top: 80px;
}
.footer-setting-03 .footer-widget-area .section .grid-elements .grid-element {
    font-size: 15px;
}
.footer-setting-03 .footer-widget-area-extra .textwidget {
    justify-content: start;
    font-size: 13px;
}
/* undersider */
.section-wrap.clear.stom-grid-section.subpage-box-section.has-background .section {
    padding-block: var(--gap-xl);
    padding-top: calc(var(--gap-l) + 10px);
}
.section-wrap.clear.stom-grid-section.subpage-box-section.has-background .section .grid-elements {
    gap: var(--gap-l);
}
.section-wrap.clear.stom-grid-section.subpage-box-section .section .grid-elements .grid-element .overlay {
    justify-content: center;
}
/* gallery-section */
.section-wrap.clear.gallery-section {
    margin-top: 0;
}
.section-wrap.clear.gallery-section .section  {
    padding-block: var(--gap-xl);
}
.section-wrap.clear.gallery-section .section .gallery  {
    margin-bottom: 0;
}
.section-wrap.clear.gallery-section .section .gallery .gallery-item {
    margin: 0;
}

.section-wrap.clear.gallery-section .section .gallery .gallery-item .gallery-icon {
    line-height: 0;
}
.section-wrap.clear.gallery-section .section .gallery .gallery-item .gallery-icon img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


/* CTA */
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    display: flex;
    flex-direction: row;
    font-weight: 400;
    gap: 14px;
    border-radius: 0;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:first-of-type a {
    background-color: var(--color-1);
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:first-of-type a .stom-custom-svg {
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a .stom-custom-svg {
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container {
    background-color: var(--color-1);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a {
    background-color: var(--color-dark);
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p:hover {
    border: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a:hover {
    border: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:not(:last-child) a {
    border-right: none;
}
#number-three-sticky-mobile-cta .cta-container .stom-button a .stom-custom-svg {
    display: unset;
    background-color: unset;
    padding: unset; 
    margin-left: unset;
    line-height: 0 !important;
}
/* form-wrapper */
.form-wrapper {
    padding: var(--gap-l);
    background-color: #efefef;
    margin-block: var(--gap-l);
}
/* undersider - information */
.section-wrap.clear.stom-grid-section.information-section {
    padding-block: var(--gap-l);
}
.section-wrap.clear.stom-grid-section.information-section .section .grid-elements .grid-element .overlay {
    justify-content: start;
}
.section-wrap.clear.stom-grid-section.information-section .section .grid-elements .grid-element .overlay h1 {
    font-size: var(--h2);
}
.section-wrap.clear.stom-grid-section.subpage-box-section .section {
    padding-block: var(--gap-l);
}

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


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


/* woocommerce style goes here */


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