/*
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-landing-slider: 20px;
    --p: 18px;
    --p-nav: 16px;
    --btn-landing:25px;
    --btn: 18px;
    --btn-nav: 16px;
    --nav-font-size: 16px;
    --span-widget-font-size: 30px;
    --footer-font-size: 18px;
    /* line-heighst */
    --h1-line-height: 85px;
    --h2-line-height: 55px;
    --h3-line-height: #;
    --p-line-height: 23px;
    --p-landing-slider-line-height: 24px;
    /* font-weights */
    --h1-font-weight: 500;
    --p-landing-slider-font-weight: 400;
    --h2-font-weight: 500;
    --h3-font-weight: 700;
    --p-font-weight: 400;
    --footer-widget-title-font-weight: 400;
    --footer-font-weight: 300;
    --menuCard-font-weight: 300;
    
    
    /* Border radius */
    --btn-radius-nav: 20px;
    --btn-radius-landing: 29px;
    --btn-radius: 22px;
    --menuCard-border-radius: 20px;

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

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

    /* colors */
    --color-1: #899e9c;
    --color-2: #447e5e;
    --color-bg: #f6f6f6;
    --color-reviews: #f5f5f5;
    --color-footer: #133d3a;
    --color-white: #ffffff;
    --color-text: #757575;
    --color-dark: #222;
    --color-overlay: rgb(0 0 0 / 0%);
    --color-about-btn: #133d3a;
    
    --btn-border: #133d3a;
    --color-star-rating: invert(15%) sepia(33%) saturate(988%) hue-rotate(127deg) brightness(97%) contrast(88%);
    

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


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



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

/* style goes here */
.style-header-02 .header-wrapper {
    max-width:  var(--content-width));
	padding-inline: 0;
}
.section-wrap.clear.top-bar.sub-inherit-color.has-background .section {
	max-width: calc((2* var(--gap-m)) + var(--content-width));
}
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1137 {
	margin-block: 20px;
    background-color: var(--color-1);
    font-size: var(--btn-nav);
    font-weight: 200;
    border-radius: var(--btn-radius-nav);
    color: #fff;
}
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1137 a::before {
	display: none;
}
.header-sticky-active.scrolled header .site-branding #logo img.logo-landscape {
    max-height: 60px;
}
/* Lines styling */
body{
    position: relative;
}
body:after {
    content: '';
    position: absolute;
    inset: 0;
    max-width: calc((2 * var(--gap-l) ) + var(--content-width));
    
    margin-inline: auto;
    border-left: 1px solid var(--color-1);
    border-right: 1px solid var(--color-1);
    
    pointer-events: none;
    z-index: 99;
}
.section-wrap.testimonials-header .section {
    position: relative;
    max-width: calc((2 * var(--gap-l) ) + var(--content-width));
    inset: 0;
    margin: 0 auto;
    margin-top: -60px;
    border-bottom: 1px solid var(--color-1);
}
.section-wrap.testimonials-header .section > h2 {
    max-width: var(--content-width);
    inset: 0;
    margin: auto;
    margin-bottom: 20px;
}

.page-slider-section.image-pos-center-center.main-slider-section .slider-inner .slides{
    z-index: 101;
}
.page-slider-section.image-pos-center-center.main-slider-section .slider-inner .slider-text {
    z-index: 102;
}
.site.header-sticky.header-sticky-active #masthead.site-header.style-header-02{
    /*z-index: 103;*/
	z-index: 999;
}
#colophon.site-footer.footer-setting-02 {
    position: relative;
    z-index: 103;
}

/* generic classes */
h2 {
    font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
}
p{
    font-size: var(--p);
    color: var(--color-dark);
    line-height: var(--p-line-height);
    font-weight: var(--p-font-weight);
}
.nav-book-btn a {
    padding: 8px 14px;
    font-size: var(--btn-nav);
    font-weight: 200;
    border-radius: var(--btn-radius-nav);
    align-items: center;
}
.landing-btn a {
    background-color: transparent;
    border-radius: var(--btn-radius);
    border: 1px solid var(--color-white);
}
.grey-btn a {
    padding: 8px 25px;
    border: 1px solid var(--btn-border);
    font-size: var(--btn);
    border-radius: var(--btn-radius);
}
.transparent-btn a {
    padding: 8px 25px;
    font-size: var(--btn);
    color: var(--color-white);
    border: 1px solid var(--color-white);
    background-color: var(--color-overlay);
    border-radius: var(--btn-radius);
}
.about-btn a {
    padding: 8px 25px;
    border: 1px solid var(--btn-border);
    color: var(--color-about-btn);
    background-color: var(--color-overlay);
    border-radius: var(--btn-radius);
}

/* header */
/* z-indexes */
/* nav */
#primary-menu li a {
    /*padding: 10px 14px;
    font-size: var(--p-nav);*/
	padding: 10px 10px;
	font-size: 15px;
}

header .header-wrapper {
	max-width: 1190px;
}

/* Landing */
.landing-slider > h1 {
    font-size: var(--h1);
    font-weight: var(--h1-font-weight);
    line-height: var(--h1-line-height);
    margin-bottom: 12px;
    min-width: calc((2.1 * var(--gap-l) ) + var(--content-width));
}
.landing-slider > p {
    font-size: var(--p-landing-slider);
    font-weight: var(--p-landing-slider-font-weight);
    line-height: var(--p-landing-slider-line-height);
    max-width: 830px;
    margin-bottom: 50px;
}

.section-wrap.clear.stom-grid-section.testimonials-content .section.columns-3 .grid-elements .grid-element .overlay.clearfix > h3 {
    margin-bottom: 5px;
}
.section-wrap.clear.stom-grid-section.testimonials-content .section.columns-3 .grid-elements{
    justify-content: flex-start;
    gap: var(--gap-s)
}
.section-wrap.clear.stom-grid-section.testimonials-content .section.columns-3 .grid-elements .grid-element .overlay.clearfix{
    justify-content: flex-start;
}

/* picture left & picture right section  */
/* text widths */
.stom-billede-sektion .stom-cols-6 {
    width: 62%;
}
/* image widths */
.stom-billede-sektion .stom-picture {
    width: 43%;
}
/* image heights & align-center */
/* First image */
.section-wrap.clear.stom-billede-sektion.picture-left-first.stom-animation.slide-left.picture-left.is-visible {
    display: flex;
    min-height: 645px;
}
.section-wrap.clear.stom-billede-sektion.picture-left-first.stom-animation.slide-left.picture-left.is-visible .section {
    display: flex;
    align-content: center;
}

/* second image */
.section-wrap.clear.stom-billede-sektion.picture-right-first.stom-animation.slide-right.picture-right.is-visible {
    margin-top: 200px;
    display: flex;
    min-height: 690px;
}
.section-wrap.clear.stom-billede-sektion.picture-right-first.stom-animation.slide-right.picture-right.is-visible .section {
    display: flex;
    align-content: center;
}

/* third image */
.section-wrap.clear.stom-billede-sektion.picture-left-second.stom-animation.slide-left.picture-left.is-visible {
    display: flex;
    min-height: 690px;
}
.section-wrap.clear.stom-billede-sektion.picture-left-second.stom-animation.slide-left.picture-left.is-visible .section {  
    display: flex;
    align-content: center;
}

/* horizontal column section - About */

.about-section .section.columns-3 .grid-elements {
    gap: var(--gap-s)
}
.about-btns .overlay.clearfix > div {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.about-btns .overlay.clearfix > div > span:last-child {
    margin-left: 15px;
    
}



/* Ratings and reviews - Write a review */
.section-wrap.clear.review-section .section h2 {
    margin-top: 175px;
    margin-bottom: 0px;
}
.stom-anmeldelse-heading{
    display: none;
}
.stom-anmeldelse.slick-slide.slick-active {
    position: relative;
    min-height: 260px;
    background-color: var(--color-reviews);
    border-radius: var(--btn-radius);
}
.stom-anmeldelse-tekst-content {
    position: absolute;
    padding: 0px 30px 0px 30px;
    top: 50px;
}
.stom-anmeldelse-tekst-content > p > img {
    filter: var(--color-star-rating);
    padding-bottom: 20px;
}


.stom-button.grey-btn.reviews-btn {
    display: flex;
    justify-content: flex-end;
    margin-right: 40px;
}



/* dropdown section - Info, facts & contact */

/* dropdowns */
.section-wrap.clear.dropdown-section .section > h2 {
    margin: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid;
}
.section-wrap.clear.dropdown-section .section {
    max-width: var(--content-width);
}
.mere-tekst-wrapper .button.fold-ud,
.mere-tekst-wrapper .button.fold-ind{
    font-size: var(--h3);
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: end;
    gap: var(--gap-s);
    padding: 20px 0px 20px 0px;

    color: var(--color-dark);
    background-color: var(--color-white);
    border: 0;
    border-bottom: 1px solid var(--color-footer);
}
.mere-tekst-wrapper .button.fold-ud:last-child,
.mere-tekst-wrapper .button.fold-ind:last-child{
    border: 0;
    border-bottom: 1px solid var(--color-footer);
}
.mere-tekst-wrapper .mere-tekst {
    padding: 30px;
}
.stom-custom-svg.fa-svg.stom-fa-plus {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 8px;
}
.stom-custom-svg.fa-svg.stom-fa-minus {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 8px;
}


/* Footer */
/* form */
.section-wrap.clear.stom-billede-sektion.underline-form.footer-form.picture-left{
    margin-inline: 0px;
}
.section-wrap.clear.stom-billede-sektion.underline-form.picture-left .section .stom-cols-6 .stom-center-box > h2 {
    max-width: 376px;
}
.section-wrap.clear.stom-billede-sektion.underline-form.picture-left .section .stom-cols-6 .stom-center-box > p {
    margin-bottom: 0px;
    max-width: 497px;
}
.section-wrap.clear.stom-billede-sektion.underline-form.picture-left {
    margin-bottom: 90px;
}
.underline-form .gform_wrapper.gravity-theme .gform_footer {
    justify-content: flex-start;
}
.gform_footer.top_label input#gform_submit_button_1 {
    font-size: var(--btn);
    border-radius: var(--btn-radius);
    border: 1px solid var(--btn-border);
    margin-top: 20px;
    padding: 12px 26px;
}
/* footer headers */
.site-footer.footer-setting-02 .section-wrap.footer-widget-area.stom-grid-section .section.columns-4 {
    max-width: calc((2 * var(--gap-l) ) + var(--content-width));
}

#colophon .widget-title {
    font-size: var(--span-widget-font-size);
    font-weight: var(--footer-widget-title-font-weight);
}
.section-wrap.footer-widget-area.stom-grid-section {
    font-size: var(--footer-font-size);
    font-weight: var(--footer-font-weight);
    background-color: var(--color-footer);
}
/* Find os felt */
.textwidget ul li a {
    font-size: var(--footer-font-size);
    font-weight: var(--footer-font-weight);
}
/* vend tilbage her */
.textwidget > p > img {
    display: flex;
    flex-direction: column;
    margin-bottom:  20px;
}
.section-wrap.footer-widget-area-site-info.copyright {
    background-color: var(--color-footer);
    border-top: 1px solid #fff;
}
/* remove not-full border */
.footer-setting-02 .footer-widget-area-site-info .section {
    border-top: 0px;
}

/* Undersider ---------------------------------------*/
/* subpage-headers */
.section-wrap.clear.testimonials-header.second-header .section > h2 {
    margin-top: 100px;
}
/* undertext-headers */
.section-wrap.clear.undertext-for-headers {
    margin-top: 30px;
}
.section-wrap.clear.undertext-for-headers.undertext-second {
    margin-top: 0px;
}

/* menuCard - section */
.section-wrap.clear.stom-grid-section.menuCard-section {
    border-radius: var(--menuCard-border-radius);
    background-color: #133d3a;
    margin: 60px auto;
    max-width: var(--content-width);
    padding: 80px 70px;
}
/* menuCard - aligning */
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element {
    align-items: baseline;
}
.grid-element.fullwidth .overlay.clearfix .stom-button.transparent-btn {
    display: flex;
    justify-content: center;
}
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements {
    gap: var(--gap-s);
}
/* menuCard - colors and style */
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element.fullwidth .overlay.clearfix > h2,
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element .overlay.clearfix > h3,
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element.fullwidth .overlay.clearfix > p {
    color: var(--color-white);
}
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element .overlay.clearfix > h3{
    font-weight: var(--h2-font-weight);
}

.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element.fullwidth .overlay.clearfix > p {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-white);
}
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element .overlay.clearfix > ul {
    padding: 0px;
    color: var(--color-white);
    list-style-type: none;
}
.section-wrap.clear.stom-grid-section.menuCard-section .section.columns-3 .grid-elements .grid-element .overlay.clearfix > ul > li {
    font-weight: var(--menuCard-font-weight);
    line-height: var(--p-line-height);
    padding-bottom: 15px;
}
/* subpage-picture-section */
.section-wrap.clear.stom-billede-sektion.subpage-picture-section.stom-animation.slide-right.picture-right.is-visible{
    /*margin-top: 180px;*/
	margin-top: var(--gap-l);
}
.section-wrap.clear.stom-billede-sektion.subpage-picture-section.stom-animation.slide-right.picture-right.is-visible .section .stom-cols-6 .stom-center-box > h2 {
    max-width: 480px;
}
.section-wrap.clear.stom-billede-sektion.subpage-picture-section.stom-animation.slide-right.picture-right.is-visible .section .stom-cols-6 .stom-center-box > h3 {
    color: var(--color-1);
}
/* subpage-review-section */
.section-wrap.clear.review-section.review-subpage{
    margin-top: 190px;
}
/* info-section */
.section-wrap.clear.info-section {
    margin-top: 60px;
}
.categories-border-radius {
    border-radius: var(--menuCard-border-radius);
}
/* underside-sliders */
body:not(.home) .page-slider-section .image-aligner img {
    max-height: calc(100vh - var(--header-height));
}
body.arrangementer .page-slider-section .image-aligner img {
    max-height: calc(100vh - var(--header-height));
}
body:not(.home) .page-slider-section .slider-text-inner {
    z-index: 1;
}
body:not(.home) .page-slider-section .slider-text-inner .slider-text-inner-wrapper > h1 {
    color: var(--color-white);
}
body:not(.home) .page-slider-section.main-slider-section {
    position: relative;
}
body:not(.home) .page-slider-section.main-slider-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.footer-form h3 {
	font-size: var(--h2);
	font-weight: var(--h2-font-weight);
    line-height: var(--h2-line-height);
	max-width: 480px;
}







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


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


/* woocommerce style goes here */


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



/* .testimonials-header {
    position: relative;
}
.testimonials-header:after {
    content: '';
    position: absolute;
    max-width: var(--content-width);
    margin-inline: auto;

     border-bottom: 1px solid red;
} */