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

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

    /* font families */
    --h-fam: merriweather, sans-serif;
    --p-fam: "inter-variable", sans-serif;
    --btn-fam: var(--p-fam);

    /* colors */
    --color-1: #2344B6;
    --color-2: #556eca;
    --color-bg: #f6f6f6;
    --color-text: #222;
    --color-dark: #222;
    --color-white: #ffffff;
    --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: 550px;
    
    /* Theme defined variables from PHP */
    --content-width: initial;
    --sidebar-width: initial;
    /* END Theme defined variables from PHP */
}


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


/*======================================================================//
// Generic classes                                                      //
//======================================================================*/
header .main-navigation ul.menu#primary-menu .sub-menu a {
    background-color: var(--color-white);
    justify-content: space-between;
    width: 300px;
    color: var(--color-dark)
}
.hover-active:not(.hover-style-bold) ul.menu .sub-menu a:before {
    background-color: var(--color-1);
}
header .main-navigation ul.menu .sub-menu a {
    justify-content: start;
}
body {
    line-height: 1.2;
}
h2, h3 {
    font-weight: 400;
}
.section-wrap.clear.header-btn-wrapper .section {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    justify-content: end;
}
.section-wrap.clear.header-btn-wrapper .section::after {
    display: none;
}
.page-slider-section .slider-text-inner .slider-text-inner-wrapper p {
    font-size: 26px;
    font-weight: 200;
}
.stom-button a {
    background-color: var(--color-1);
    border-radius: 9px;
    padding: 6px 60px;
}
.stom-button.white-btn a {
    color: var(--color-1);
    background-color: var(--color-white);
    font-weight: 600;
}
.slider-btn-wrapper {
    margin-top: calc(var(--gap-s) + 10px);
    display: flex;
    flex-direction: row;
    gap: calc(var(--gap-s) + 10px);
}
/* zoom */
.zoom p {
    overflow: hidden
}
.zoom.grid-element {
    transition: transform .5s ease
}
.zoom.grid-element:hover {
    transform: scale(1.050)
}
/*======================================================================//
// END Generic classes                                                  //
//======================================================================*/

/*======================================================================//
// box-section                                                          //
//======================================================================*/
.stom-grid-section.box-section .grid-element .overlay {
    justify-content: start;
}
.stom-grid-section.box-section .section .grid-elements {
    gap: calc(var(--gap-s) + 10px);
}
.stom-grid-section.box-section .grid-element .overlay h3 {
    margin-bottom: 10px;
}
.stom-grid-section.box-section .grid-element .overlay p:first-of-type {
    margin-bottom: 0;
}
.stom-grid-section.box-section .grid-element .overlay img {
    width: 100%;
    height: 100%;
}
.stom-grid-section.box-section .grid-element .overlay .box-text-wrapper {
    height: 325px;
    padding: var(--gap-m) calc(var(--gap-s) + 10px);
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
}
.stom-grid-section.box-section .grid-element .overlay .box-text-wrapper p {
    margin-bottom: var(--gap-s);
}
.stom-grid-section.box-section .grid-element .overlay .box-text-wrapper .stom-button {
    margin-top: auto;
}
/*======================================================================//
// END box-section                                                      //
//======================================================================*/

/*======================================================================//
// lokala-section                                                       //
//======================================================================*/
.section-wrap.clear.stom-billede-sektion.lokala-section.has-background {
    margin-top: calc(var(--gap-l) + 40px);
    padding-block: calc(var(--gap-l) + 40px);
}
.section-wrap.clear.stom-billede-sektion.lokala-section.has-background .section {
    padding-block: 0;
}
.section-wrap.clear.stom-billede-sektion.lokala-section.has-background .section .stom-picture img {
    border-radius: 10px;
}
.checkmark-wrapper {
    display: flex;
    gap: calc(var(--gap-m) + 10px);
}
.checkmark-wrapper .stom-checkmark-list ul {
    padding-left: 0;
}
.stom-checkmark-list ul li {
    margin-bottom: 14px;
}
.stom-checkmark-list ul li:before {
    content: url(images/checkmark-list.svg);
}
/*======================================================================//
// END lokala-section                                                   //
//======================================================================*/

/*======================================================================//
// anmeldelser-forside                                                  //
//======================================================================*/
/* anmeldelser-forside */
.section-wrap.clear.anmeldelser-forside {
    margin-top: calc(var(--gap-l) + 40px);
}
.section-wrap.clear.anmeldelser-forside .section h2 {
    margin-bottom: var(--gap-m);
}
.stom-anmeldelse-heading {
    color: var(--color-1);
    font-weight: 400;
}
/*======================================================================//
// END anmeldelser-forside                                              //
//======================================================================*/

/*======================================================================//
// kontakta-section                                                     //
//======================================================================*/
.section-wrap.clear.stom-billede-sektion.kontakta-section.has-background {
    margin-top: calc(var(--gap-l) + 40px);
    padding-block: calc(var(--gap-l) + 40px);
}
.section-wrap.clear.stom-billede-sektion.kontakta-section.has-background .section .stom-picture img {
    border-radius: 10px;
}
/* company-section */
.stom-grid-section.company-section .grid-element .overlay {
    justify-content: center;
    align-items: center;
}
.stom-grid-section.company-section .grid-element .overlay img {
    height: 130px;
    width: auto;
}
.section-wrap.clear.stom-grid-section.company-section {
    margin-top: calc(var(--gap-l) + 40px);
}
/*======================================================================//
// END kontakta-section                                                 //
//======================================================================*/

/*======================================================================//
// footer                                                               //
//======================================================================*/
#colophon .widget-title {
    font-family: var(--h-fam);
    font-size: 19px;
    font-weight: 400;
}
#colophon.footer-setting-03 {
    margin-top: calc(var(--gap-l) + 40px);
    padding: 0;
    color: var(--color-dark);
    background-color: #F3F3F3;
    border-top: 0;
}
body:not(.home) #colophon.footer-setting-03 {
    margin-top: 0;

}
#colophon.footer-setting-03 .stom-grid-section .section {
    padding-top: calc(var(--gap-l) + 40px);
}
#colophon .footer-widget-area.stom-grid-section .grid-element .overlay .textwidget p {
    margin-bottom: 10px;
}
.section-wrap.footer-widget-area-site-info.copyright {
    border-top: 1px solid black;
}
/* widgets */
#colophon .widget-title {
    font-size: 17px;
    margin-bottom: 24px;
}
#colophon.footer-setting-03 svg {
    font-size: 22px;
}
#colophon.footer-setting-03 svg path {
    fill: unset;
    stroke: var(--color-dark);
}
.footer-columns {
    margin-top: 0;
}
/* 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-light);
}
#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;
}
/* extra widget */
.footer-setting-03 .footer-widget-area-extra .textwidget {
    justify-content: start;
}
.footer-setting-03 .footer-widget-area-extra .textwidget a {
    text-decoration: underline !important;
}
.footer-setting-03 .footer-widget-area-extra .textwidget a:hover {
    text-decoration: none !important;
}
/*======================================================================//
// END footer                                                           //
//======================================================================*/

/*======================================================================//
// undersider                                                           //
//======================================================================*/
.number-three-default-widget.open-hours.widget.widget_black_studio_tinymce .textwidget .stom-button {
    margin-top: var(--gap-s);
}
.open-hours-widget {
    display: flex;
    flex-direction: column;   
}
.open-hours-widget span {
    display: flex;
    justify-content: space-between;
    
}
/* undersider */
.section-wrap.clear.stom-grid-section.kontakt-section.stom-lazyload-excluded .section {
    padding-block: 90px;
}
.section-wrap.clear.stom-grid-section.kontakt-section.stom-lazyload-excluded .section .grid-elements {
    gap: 0;
}
.section-wrap.clear.stom-grid-section.kontakt-section.stom-lazyload-excluded .section .grid-elements .grid-element .overlay {
    justify-content: center;
}
.section-wrap.clear.stom-grid-section.kontakt-section.stom-lazyload-excluded .section .grid-elements .grid-element .stom-custom-svg svg path {
    fill: unset;
}

.widget-area #black-studio-tinymce-6.widget:not(.widget_search):not(.widget_instagram-feed-widget):not(.widget-no-border) {
    margin-bottom: 0;
}

/* anmeldelser */
body.home .section-wrap.clear.anmeldelser-underside {
    display: none;
}
body:not(.home) .section-wrap.clear.anmeldelser-underside {
    margin-top: var(--gap-l);
}
body:not(.home) .section-wrap.clear.anmeldelser-underside h2 {
    color: var(--color-white);
}

/* top-slider undersider */
body:not(.home) .page-slider-section .image-aligner img {
    width: 100%;
    height: auto;
    max-height: calc(50vh - var(--header-height));
    min-height: 100%;
    object-fit: cover; 
}

/* sidebar */
/* sidebar sticky and styling */
body:not(.home), body:not(.home) #page {
    overflow: visible;
}
aside#secondary {
    position: sticky;
    top: 140px;
}
.sidebar-new #secondary .custom-overflow-wrapper {
    padding-bottom: var(--gap-l);
}
body:not(.no-sidebar).sidebar-new .main-slider-section+#main-content #content {
    padding-top: var(--gap-m);
}
.sidebar-new #secondary:before {
    background-color: #F3F3F3;   
}

/* udnerside container */
body:not(.home) .entry-header .entry-title {
    color: var(--color-1);
    margin-bottom: 5px;
}
body:not(.home) .entry-header {
    border-bottom: 1px solid var(--color-1);
}
body:not(.home) .entry-header h1 {
    font-size: var(--h2);
}

body.service-page .entry-content .container {
    background-color: #F3F3F3;   
    /* border: 1px solid var(--color-1); */
    border-radius: var(--border-radius);
    padding: var(--gap-m);
}
body.service-page .entry-content .container:not(:last-of-type) {
    margin-bottom: var(--gap-m);
}
body.service-page .entry-content .container > h2,
body.service-page .entry-content .container > h3 {
    color: var(--color-1);
}
body.service-page .entry-content .container > h2 {
    font-size: var(--h3);
}
body.sidebar-new:not(.no-sidebar) #primary {
    padding-bottom: var(--gap-l);
}
/*======================================================================//
// END undersider                                                       //
//======================================================================*/

.anmeldelse-updated-design .stom-anmeldelse-tekst-content, .anmeldelse-updated-design .stom-anmeldelse-popup .stom-anmeldelse-popup-inner {
    background-color: #F5F5F5;
    border: none;
    border-radius: 20px 20px 0px 0px; 
    padding-bottom: 10px;
    padding-top: 50px;
}
body .anmeldelse-updated-design .stom-anmeldelse-reviewer {
    color: var(--color-1);
    background-color: #F5F5F5;
    padding: 26px;
    padding-top: 0;
    padding-bottom: 43px;
    border-radius: 0px 0px 20px 20px;
}
body .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-title {
    color: var(--color-dark);
}
body .anmeldelse-updated-design .stom-anmeldelse-reviewer .stom-anmeldelse-reviewer-verified {
    display: none;
}
.anmeldelse-updated-design .stom-anmeldelse-reviewer:before {
    display: none;
}
/*======================================================================//
// woocommerce.css                                                      //
//======================================================================*/


/* woocommerce style goes here */


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