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

    /* Gaps */
    --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: #3DB2DA;
    --color-2: #55d2fc;
    --color-bg: #f6f6f6;
    --color-text: #4B4F4F;
    --color-dark: #4B4F4F;
    --color-white: #fff;
    --color-overlay: linear-gradient(100deg, rgba(0,0,0,0.7707457983193278) 30%, rgba(0,79,111,0) 100%);

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

.udfordringer-header.section-wrap .section {
    max-width: 800px;
}
/* ===== END CSS Variables ===== */

body.underside-max-width #main-content .section-wrap:not(.sanseudfordringer-box-section) .section {
    max-width: 800px;
    text-align: center;
}
/*======================================================================//
// style.css                                                            //
//======================================================================*/
h1, h2 {
    letter-spacing: 1px;
}

/* style goes here */
/* Generiske klasser */
/* header */
.top-bar-right .stom-custom-svg svg * {
    fill: unset !important;
}
header .top-bar-right a {
    color: #9FB000;
}
header .top-bar-right {
    padding-block: 10px;
}
.style-header-02 .site-branding #logo {
    padding: 30px 0;
}
.style-header-02 .site-branding #logo {
    padding: 30px 0;
}
.header-sticky-active.scrolled header .site-branding #logo {
    padding: 15px 0;
}
body .style-header-02 .top-bar .top-bar-right span.stom-custom-svg:last-of-type {
    margin-right: 8px;
}

.style-header-02 .top-bar .top-bar-right>*:not(:last-child) {
    margin: 0;
}
/* END header */
/* menu */
header .main-navigation ul.menu a {
    text-align: center;
}
/* zoom */
.zoom p {
    overflow: hidden
}
.zoom.grid-element {
    transition: transform .5s ease
}
.zoom.grid-element:hover {
    transform: scale(1.050)
}
.punkter {
    display: flex;
    gap: 20px;
}
/* END zoom */
/* btns */
.hover-active:not(.hover-style-bold) ul.menu a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #9FB000;
    transition: opacity .175s, width .175s, margin .175s, height .175s;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-286 {
    padding-block: 23px;
}
.header-sticky-active.scrolled header .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-286 {
    padding-block: 8px;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-286 a {
    background-color: var(--color-1);
    gap: 8px;
    color: var(--color-white);
    border: 1px solid var(--color-1)
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-286 a:hover {
    background-color: var(--color-white);
    gap: 8px;
    color: var(--color-1);
    border: 1px solid var(--color-1)
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-286 a .stom-custom-svg svg * {
    fill: var(--color-1);
}
.stom-button a {
    padding: 10px 30px;
}
.slider-btn-wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--gap-s);
    margin-top: var(--gap-m)
}
.slider-btn-wrapper .stom-button a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.stom-button a .stom-custom-svg svg {
    width: 20px;
    height: 28px;
}

.slider-btn-wrapper .stom-custom-svg svg * {
    fill: unset !important;
}
/* END btns */
/*======================================================================//
// speciale-section                                                     //
//======================================================================*/

body .page-slider-section .slider-inner {
	position:relative;
}

body .page-slider-section .slider-inner .slides {
	position:absolute;
	height:100%;
	width:100%;
}

body.home .page-slider-section .slider-inner .slider-text {
min-height:800px;
}
body .page-slider-section .slider-inner .slider-text {
min-height:350px;
}
body .page-slider-section .image-aligner img, .page-slider-section .slide-element video, body .page-slider-section .slide-element iframe {
	    max-height: unset;
	min-height:unset;
	    height: 100%;
    object-fit: cover;
	width:100%;
}

body.home .page-slider-section~main {
    margin-top: 0;
}
.section-wrap.stom-grid-section.speciale-section  {
    margin-top: 0;
    padding-block: calc( var(--gap-l) + 10px ) calc( var(--gap-l) + 60px );
}
.section-wrap.stom-grid-section.speciale-section .section {
    padding-block: 0;
}
.section-wrap.stom-grid-section.speciale-section .grid-element .overlay {
    justify-content: start;
}
/* ikon */
.section-wrap.stom-grid-section.speciale-section .section .grid-element .stom-custom-svg svg * {
    fill: none;
    width: 48px;
    height: 48px;
}
.section-wrap.stom-grid-section.speciale-section .section .grid-element .stom-custom-svg svg  {
    width: 48px;
    height: 48px;
}
/* btns */
.section-wrap.stom-grid-section.speciale-section .section .grid-element .overlay .stom-button .stom-custom-svg svg * {
    fill: currentColor;
}
.section-wrap.stom-grid-section.speciale-section .section .grid-element .overlay .stom-button .stom-custom-svg svg {
    width: 1em;
    height: 1em;
}
.section-wrap.stom-grid-section.speciale-section .section .grid-element .overlay .stom-button {
    display: flex;
    justify-content: center;
    margin-top: auto;
}
.section-wrap.stom-grid-section.speciale-section .section .grid-element .overlay .stom-button.transparent-btn a {
    background-color: transparent;
    color: var(--color-1);
    border: 1px solid var(--color-white)
}
.section-wrap.stom-grid-section.speciale-section .section .grid-element .overlay .stom-button.transparent-btn a:hover {
    background-color: transparent;
    color: var(--color-1);
    border: 1px solid var(--color-1)
}

/*======================================================================//
// END speciale-section                                                 //
//======================================================================*/
/*======================================================================//
// vi-hjælper-section                                                   //
//======================================================================*/
.section-wrap.stom-billede-sektion.vi-hjælper-section {
    margin-top: 0;
    padding-block: calc( var(--gap-l) + 60px );
    
}
.section-wrap.stom-billede-sektion.vi-hjælper-section .stom-cols-6 {
    padding-left: calc(var(--gap-l) - 20px);
}
.section-wrap.stom-billede-sektion.vi-hjælper-section .stom-cols-6 .stom-custom-svg svg * {
    fill: unset !important;
}
/*======================================================================//
// END vi-hjælper-section                                               //
//======================================================================*/
/*======================================================================//
// Anmeldelser-section                                                  //
//======================================================================*/
.stom-anmeldelse-heading {
    display: none;
}
.section-wrap.center-text.anmeldelser-section {
    margin-top: 0;
    padding-top: calc( var(--gap-l) + 60px );
    padding-bottom: calc( var(--gap-m) + 20px );
}
.section-wrap.center-text.anmeldelser-section .section {
    padding-block: 0;
}

.section-wrap.center-text.anmeldelser-section .section {
    max-width: 800px;
}
.section-wrap.center-text.anmeldelser-section .section .stom-anmeldelse .stom-anmeldelse-tekst .stom-anmeldelse-tekst-content p {
    font-size: 28px;
}
.section-wrap.center-text.anmeldelser-section .section .stom-anmeldelse .stom-anmeldelse-tekst .stom-anmeldelse-tekst-content .anmeldelser-img {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.section-wrap.center-text.anmeldelser-section .section .stom-anmeldelse .stom-anmeldelse-tekst .stom-anmeldelse-tekst-content .anmeldelser-img .anmeldelser-img-text {
    text-align: start;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.section-wrap.center-text.anmeldelser-section .section .stom-anmeldelse .stom-anmeldelse-tekst .stom-anmeldelse-tekst-content .anmeldelser-img .anmeldelser-img-text p {
    margin-bottom: 0px;
    font-size: var(--p);
}
.slick-next, .slick-prev {
    top: 33%;
}
/*======================================================================//
// END Anmeldelser-section                                              //
//======================================================================*/



/*======================================================================//
// forløb-section                                                       //
//======================================================================*/
.section-wrap.stom-billede-sektion.forløb-section {
    margin-top: 0;
    padding-block: calc( var(--gap-l) + 60px );
}
.section-wrap.stom-billede-sektion.forløb-section .stom-cols-6 {
    padding-right: calc(var(--gap-l) - 20px);
}
.section-wrap.stom-billede-sektion.forløb-section .stom-cols-6 .forløb-liste {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section-wrap.stom-billede-sektion.forløb-section .stom-cols-6 .forløb-liste span {
    display: flex;
    gap: 10px;
}
.section-wrap.stom-billede-sektion.forløb-section .stom-cols-6 .forløb-liste span .stom-custom-svg svg {
    fill: transparent;
    width: 32px;
    height: 32px;
}
.section-wrap.stom-billede-sektion.forløb-section .stom-cols-6 .forløb-liste span .stom-custom-svg svg circle {
    fill: unset;
}
.section-wrap.stom-billede-sektion.forløb-section .stom-cols-6 .forløb-liste span .stom-custom-svg svg path {
    fill: var(--color-1);
}
/*======================================================================//
// END forløb-section                                                   //
//======================================================================*/
/*======================================================================//
// sansebearbejdning-section                                            //
//======================================================================*/
.section-wrap.stom-billede-sektion.sansebearbejdning-section {
    margin-top: 0;
    padding-block: calc( var(--gap-l) + 60px );
    background-color: #ECF8FC;
}
.section-wrap.stom-billede-sektion.sansebearbejdning-section .stom-cols-6 {
    padding-left: calc(var(--gap-l) - 20px);
}
/*======================================================================//
// END sansebearbejdning-section                                        //
//======================================================================*/
.udfordringer-section.section-wrap .section{
    max-width: 800px;
}
/*======================================================================//
// sanseudfordringer-box-section                                        //
//======================================================================*/
/* Header */
body.home .section-wrap.sanseudfordringer-header {
    margin-top: 0;
    padding-top: calc( var(--gap-l) + 60px );
    padding-bottom: calc(var(--gap-m) + 10px );
}
body:not(.home) .section-wrap.sanseudfordringer-header {
    padding-bottom: calc(var(--gap-m) + 10px );
}
/* boxes */
body:not(.home) .section-wrap.stom-grid-section.sanseudfordringer-box-section {
    margin-top: 0;
}
body.home .section-wrap.stom-grid-section.sanseudfordringer-box-section {
    margin-top: 0;
    padding-bottom: calc( var(--gap-l) + 60px );
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element .overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: unset;
    column-gap: 50px;
}

.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element .overlay .svg-wrapper {
    display: flex;
    justify-content: center; 
    align-items: center;
    height: 100px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element .overlay .sanse-text-wrapper {
    text-align: center; 
}

/* ikon */
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element .stom-custom-svg svg * {
    fill: #3DB2DA;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.ikon .stom-custom-svg svg * {
    fill: none;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.beroering .stom-custom-svg svg {
    width: 59px;
    height: 73px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.synet .stom-custom-svg svg {
    width: 75px;
    height: 40px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.hoerelsen .stom-custom-svg svg {
    width: 47px;
    height: 66px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.lugte .stom-custom-svg svg {
    width: 75px;
    height: 72px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.smage .stom-custom-svg svg {
    width: 81px;
    height: 90px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.balance .stom-custom-svg svg {
    width: 81px;
    height: 90px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.balance .stom-custom-svg svg circle {
    fill: none;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.muskel .stom-custom-svg svg {
    width: 81px;
    height: 90px;
    
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.muskel .stom-custom-svg svg * {
    fill: none;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.interoceptive .stom-custom-svg svg {
    width: 81px;
    height: 90px;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element.interoceptive .stom-custom-svg svg * {
    fill: none;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element .mere-tekst-wrapper .stom-custom-svg svg {
    width: unset;
    height: unset;
}
.section-wrap.stom-grid-section.sanseudfordringer-box-section .section .grid-element .mere-tekst-wrapper .stom-custom-svg svg * {
    fill: #3DB2DA;
}
/*======================================================================//
// END sanseudfordringer-box-section                                    //
//======================================================================*/




/*======================================================================//
// sanseudfordringer-box-section                                        //
//======================================================================*/




/*======================================================================//
// END sanseudfordringer-box-section                                    //
//======================================================================*/

/* checkmarks */
#content .stom-checkmark-list {
    margin-top: 1em;
    margin-bottom: 1.2em;
}
.stom-checkmark-list ul {
    padding-left: 0px;
}
.stom-checkmark-list ul li {
    position: relative;
    padding-left: 35px;
    padding-bottom: 20px;
}
.checkmark-svg-list svg {
    padding: 0.2em;
    margin-right: 0.1em;
}
.stom-checkmark-list ul li:before {
    top: 0px;
    content: url(../number-three-one-child/images/checkmark.svg);
}
/*======================================================================//
// underside-dropdown                                                   //
//======================================================================*/
.section-wrap.dropdown-section .section {
    max-width: 800px;
}
body .section-wrap.dropdown-section {
    margin-top: 0;
    margin-inline: var(--gap-l);
}
body .section-wrap.dropdown-section .section {
    padding-block: calc( var(--gap-l) + 60px );
}
.mere-tekst-wrapper {
    padding: 0px 0;
}
body .mere-tekst-wrapper button {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--h-fam);
    padding: 25px 0px;
    border: 0;
    color: var(--color-text);
    background-color: transparent;
    border-top: 1px solid var(--color-text);
    display: flex;
    justify-content: space-between;
    
}
body .mere-tekst-wrapper button .stom-custom-svg {
    line-height: 2;
}
.mere-tekst-wrapper button:hover {
    
}
.mere-tekst-wrapper button span>svg {
    font-size: 15px;
    color: var(--color-text);
}
.mere-tekst-wrapper .mere-tekst p {
    padding: 10px;
    color: var(--color-text);
}

body .sanseudfordringer-box-section .mere-tekst-wrapper button {
    font-size: 20px;
    line-height: 30px;
    font-family: var(--h-fam);
    padding: 25px 0px;
    padding-top: 15px;
    border: 0;
    color: var(--color-1);
    background-color: transparent;
    border-top: none;
    display: flex;
    justify-content: center;
    gap: 20px;
}
body .sanseudfordringer-box-section .mere-tekst-wrapper button .stom-custom-svg {
    line-height: 1.7;
}
.mere-tekst-wrapper button:hover {
    
}
.sanseudfordringer-box-section .mere-tekst-wrapper button span>svg {
    font-size: 15px;
    color: var(--color-text);
}
.sanseudfordringer-box-section .mere-tekst-wrapper .mere-tekst p {
    padding: 10px;
    color: var(--color-text);
}
/*======================================================================//
// END underside-dropdown                                               //
//======================================================================*/


.page-slider-section .slide-element .image-aligner {
	line-height:0;
}

/* Undersider */
/* kontakt */
body.kontakt .page-slider-section~main {
    margin-top: 0 !important;
}
body.kontakt .section-wrap.stom-billede-sektion.footer-form {
    margin-top: 0 !important;
}
.hover-active:not(.hover-style-bold) ul.menu .menu-item-286 a:before {
    content: '';
    position: absolute;
    background-color: transparent;
}
/* om os */
.section-wrap.stom-grid-section.medarbejdere-section .section .grid-element .overlay{
    justify-content: start;
}
/* kontakt side */
.section-wrap.stom-grid-section.contact-us-box-section .section .grid-element .overlay {
    justify-content: start;
}


/* footer-form */
body.home .section-wrap.stom-billede-sektion.footer-form {
    margin-top: 0;
    padding-block: calc( var(--gap-l) + 60px );
    background-color: #ECF8FC;
    margin-inline: 0;
    padding-inline: var(--gap-m);
}
body:not(.home) .section-wrap.stom-billede-sektion.footer-form {
    margin-top: calc( var(--gap-l) + 60px );
    padding-block: calc( var(--gap-l) + 60px );
    background-color: #ECF8FC;
    margin-inline: 0;
    padding-inline: var(--gap-m);
}
.section-wrap.stom-billede-sektion.footer-form .stom-cols-6 h3 {
    font-size: var(--h2);
} 
.section-wrap.stom-billede-sektion.footer-form .stom-cols-6 {
    padding-right: calc(var(--gap-l) - 20px);
}
/* footer */
#colophon.footer-setting-03 {
    margin-top: 0;
    color: #fff;
    background-color: var(--color-dark);
    border-top: 0;
}
#colophon.footer-setting-03 .widget-title {
    font-weight: 300;
    margin-bottom: 30px;
    color: var(--color-white);
}
.footer-setting-03 .footer-widget-area .section {
    padding: 60px 0;
    padding-top: var(--gap-l);
}
body:not(.home) #colophon.footer-setting-03 {
    margin-top: 0;
}
#colophon.footer-setting-03 a, #colophon.footer-setting-03 p {
    color: var(--color-white);
    font-weight: 300;
    font-size: var(--p);
}
#colophon.footer-setting-03 p {
    margin-bottom: 10px;
}
#colophon.footer-setting-03 p:last-child {
    margin-bottom: 20px !important;
}
#colophon.footer-setting-03 p strong {
    font-weight: 600;
}

.footer-setting-03 .section-wrap.footer-widget-area {
    border-bottom: 1px solid #b8b8b8;
}

.section-wrap.footer-widget-area.stom-grid-section #black-studio-tinymce-170 .stom-custom-svg svg {
    filter: brightness(0) invert(1);
    width: 16px;
    height: 16px;
}
.section-wrap.footer-widget-area.stom-grid-section #black-studio-tinymce-170 .stom-custom-svg svg * {
    fill: transparent;
}
.footer-setting-03 .footer-widget-area-extra .textwidget {
    display: flex;
    align-items: center;
    justify-content: start;
}
/* CTA */
#number-three-sticky-mobile-cta .cta-container .stom-button a {
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    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);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:first-of-type a .stom-custom-svg {
    filter: brightness(0) invert(1);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a {
    background-color: #F1F5C9;
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a .stom-custom-svg {
    filter: brightness(0) invert(0);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p {
    font-weight: 400;
    font-size: 1rem;
    color: var(--color-white);
}
#number-three-sticky-mobile-cta .cta-container .stom-button:last-of-type a p {
    font-weight: 400;
    font-size: 1rem;
    color: var(--color-dark);
}
#number-three-sticky-mobile-cta .cta-container .stom-button a p:hover {
    border: none;
}

#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;
}
/*======================================================================//
// END style.css                                                        //
//======================================================================*/


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


/* woocommerce style goes here */


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