/*
Theme Name: Number Three - Child
Theme URI: https://standoutmedia.dk/
Author: Standoutmedia A/S
Author URI: https://standoutmedia.dk/
Description: Et helt specielt Standoutmedia Tema
Template: number-three-hof
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
*/


:root {


    /* colors */
    --color-1: #0777A1;
    --color-2: #00a5e0;
    --color-3: #ffffff;
    --color-bg: #2c4a48;
    --color-text: var(--color-3);
    --color-text-white:#222;
    --color-dark: #000000;
    --color-overlay: rgb(0 0 0 / 45%);

    /* transitions */
    --transition: all 0.25s ease-out;

}
/* generiske klasser */
.home .section-wrap.stom-grid-section.grid-bg-images .section .grid-element p {
    font-size: 18px;
}
.page-id-2 .page-slider-section .slider-text .slider-text-inner p {
    font-size: 22px;
}
/* END */
body:not(.woocommerce-checkout) #page {
    padding-top: 253px;
}


.header-section-contact svg *:not([style*="fill:none"]),
.featured-sales .woocommerce ul.products li.product .button svg *:not([style*="fill:none"]),
.header-usps .section .stom-cols-4 svg *:not([style*="fill:none"]),
.single-product .product-accordions .accordion .accordion-title a svg svg *:not([style*="fill:none"]),
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg *:not([style*="fill:none"]) {
    fill: var(--color-dark) !important;
}
.header-section-contact svg *:not([style*="stroke:none"]),
.featured-sales .woocommerce ul.products li.product .button svg *:not([style*="stroke:none"]),
.header-usps .stom-cols-4 svg *:not([style*="stroke:none"]),
.single-product .product-accordions .accordion .accordion-title a svg *:not([style*="stroke:none"]),
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg *:not([style*="stroke:none"]) {
    stroke: var(--color-dark) !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce ul.products li.product .button svg,
.woocommerce ul#shipping_method li button#button-search-by-postal-code {
    color: var(--color-text-white);
}

.featured-sales ul.products li.product .button.add_to_cart_button svg {
    color: var(--color-dark);
}



/* Primary color */
.header-section-contact svg,
.header-usps .section .stom-cols-4 svg,
.slider-featured-product.woocommerce ul.products li.product .read_more,
#footer-grid a,
#footer-grid ul a:hover,
.theme-color,
.stom-archive-result-wrap .woocommerce-result-count .count,
.woocommerce-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
.single-product .product-featured-attributes tfoot a,
.single-product div.product p.price,
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg,
.single-product .product-accordions .accordion .accordion-title a,
.single-product .product-accordions .accordion .accordion-title a svg {
    color: var(--color-1);
}
.theme-color,
.header-section-contact a {
    transition: var(--transition);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#woo-icons .site-header-cart .cart-contents span.count,
header .stomWF-favourites-list-link .count,
.slider-featured-product.woocommerce ul.products li.product .button.ajax_add_to_cart,
.st-button,
.product .button.add_to_cart_button,
.single-product div.product form.cart .button.single_add_to_cart_button,
#footer-grid .gform_wrapper .gform_footer input.gform_button,
.slider-featured-product.woocommerce ul.products li.product .read_more:hover,
.stom-products-section .section-link:hover,
.stom-products-section.stom-slick .section-link:hover,
#footer-grid .footer-heading:after,
.weekly-sale,
header .main-navigation ul li.mega-menu:hover > a > .mega-hover:before,
.bapf_slidr_main.ui-widget-content .ui-slider-handle,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.cart_item .stomPO-item-headline,
.woocommerce ul#shipping_method li button#button-search-by-postal-code,
.woocommerce-info #infoByEmail #stom_wc_search button {
    background-color: var(--color-1);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.slider-featured-product .heading,
.slider-featured-product.woocommerce ul.products li.product .button,
.st-button,
.product .button.add_to_cart_button,
.single-product div.product form.cart .button.single_add_to_cart_button,
#footer-grid .gform_wrapper .gform_footer input.gform_button,
.slider-featured-product.woocommerce ul.products li.product .read_more:hover,
.stom-products-section .section-link:hover,
.stom-products-section.stom-slick .section-link:hover,
#footer-grid .gfield_html span + p,
.stom-archive-result-wrap,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.cart_item .stomPO-item-wrapper,
.woocommerce ul#shipping_method li button#button-search-by-postal-code,
.woocommerce-info #infoByEmail #stom_wc_search button {
    border-color: var(--color-1);
}

#footer-grid .gfield_html span + p:after,
header .main-navigation ul li.mega-menu:hover > a > .mega-hover:after,
#stom-order-review .stom-coupon a {
    border-top-color: var(--color-1);
}

.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg rect,
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg path,
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg line,
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg ellipse {
    stroke: var(--color-1) !important;
}
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg ellipse,
.single-product .product-accordions.featured-accordions .accordion-shipping .accordion-title svg rect:last-child {
    fill: var(--color-1) !important;
}

.single-product .product-accordions.featured-accordions .accordion-warranty .accordion-title svg path,
.single-product .product-accordions.featured-accordions .accordion-warranty .accordion-title svg line {
    stroke: var(--color-1) !important;
}
.single-product .product-accordions.featured-accordions .accordion-warranty .accordion-title svg rect {
    fill: var(--color-1) !important;
}


/* Primary color lighter */
.theme-color:hover,
.header-section-contact a:hover {
    color: var(--color-2);
}

.st-button:hover,
.product .button.add_to_cart_button:hover,
.single-product div.product form.cart .button.single_add_to_cart_button:hover,
#footer-grid .gform_wrapper .gform_footer input.gform_button:hover,
.slider-featured-product.woocommerce ul.products li.product .button.ajax_add_to_cart:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--color-2);
}

.st-button:hover,
.product .button.add_to_cart_button:hover,
.single-product div.product form.cart .button.single_add_to_cart_button:hover,
#footer-grid .gform_wrapper .gform_footer input.gform_button:hover,
.slider-featured-product.woocommerce ul.products li.product .button.ajax_add_to_cart:hover,
.woocommerce ul.products li.product .button:hover,
header .main-navigation ul li.mega-menu > ul {
    border-color: var(--color-2);
}



/* Secondary color */
.st-button.white:hover,
.local-service,
.mega-menu .sub-menu a .menu-item-icon,
.single-product .stom-add-to-favourites.st-button.white.border.current-favourite,
.stomWF-message p {
    background-color: var(--color-3);
}
.mega-menu .sub-menu a .menu-item-icon {
    padding-left: 0;
}
.st-button.white:hover,
.single-product .stom-add-to-favourites.st-button.white.border.current-favourite,
.stomWF-message p {
    border-color: var(--color-2);
}
.single-product .stomWF-message:after,
#stomWF-favourites-list .stomWF-message:after {
    border-top-color: var(--color-2);
}
ul.products:not(#stomWF-favourites-list) .stomWF-message:after {
    border-left-color: var(--color-2);
}
ul.products li.product .stom-add-to-favourites.current-favourite svg path,
ul.products li.product .stom-add-to-favourites:hover svg path {
    fill: var(--color-2) !important;
    stroke: var(--color-2) !important;
}

body #footer-grid {
    color: white;
    background-color: var(--color-text-white);
}

/* Custom styling */

.header-section-contact {
    color: white;
    background-color: var(--color-2);
    border-bottom: 2px solid var(--color-1);
}
.header-section-contact .header-section-left{
    display: inline-block;
}
.header-section-contact .header-section-right{
    display: inline-block;
    float: right;
}
.header-section-contact .header-section-right p:not(:first-child){
    margin-left: 5px;
}

.header-section-contact p {
    margin: 0;
    display: inline-block;
}
.header-section-contact p:not(:first-child) {
    margin-left: 30px;
}

.header-section-contact a {
    text-decoration: none;
}

.header-section-contact svg {
    width: 1em;
    height: auto;
}
.header-section-contact svg.brev {
    width: 1.2em;
}

#footer-grid .gform_body .gfield_html span + p {
    color: var(--color-2);
}
body.archive.woocommerce-page .products li.product-category {
    background-color: var(--color-1);
    transition: var(--transition);
}
body.archive.woocommerce-page .products li.product-category:hover {
    background-color: var(--color-2);

}
body.archive.woocommerce-page .products li.product-category h2.woocommerce-loop-category__title {
    color: white;
}
.site-branding #logo img {
    max-width: 350px;
    max-height: 90px;
}
header#masthead, .header-usps {
    background-color: var(--color-2);
}
body .header-usps {
    color: var(--color-text-white);
    background-color: var(--color-1);
}
header#masthead.site-header .header-section-contact {
    background-color: var(--color-3);
    color: var(--color-text-white);
    border-color: var(--color-1);
}
body .style-header-3 .nav-wrap:before {
    background-color: var(--color-1);
    height: 2px;
}

header .main-navigation #primary-menu.menu.nav-menu > li .sub-menu .menu-item-icon > svg {
    filter: invert(1);
}

header #woo-icons .stomWF-favourites-list-link svg, header #woo-icons .site-header-cart svg{
    

}
.stom-grid-section .local-service {
    padding-left: 40px;
}
.stom-grid-section .local-service h2 {
    margin-left: 0;
    margin-bottom: 0;
}
.stom-grid-section .local-service.small-heading h2 {
    font-size: 50px;
}
.stom-grid-section .local-service p {
    font-family: proxima-nova, sans-serif;
}
.sticky-header:not(.burger-menu) #woo-icons {
    top: 18px;
}
body #woo-icons {
    top: 50px;
}

.wlab-parcel-shop-selected-info {
    margin: 8px 0 5px;
}

.woocommerce ul#shipping_method li input#field-search-by-postal-code {
    margin-right: 0;
}
.woocommerce ul#shipping_method li select#field-search-by-country {
    margin-right: 0;
    margin-left: 0;
}
.woocommerce ul#shipping_method li button#button-search-by-postal-code {
    margin: 0 0 3px;
}

.parcel-shop-info-content button {
    font-size: 14px;
}

#button-close-window {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 100%;
}
.single-product .stom-add-to-favourites.st-button.white.border:hover svg *[style*="fill:none"],
.single-product .stom-add-to-favourites.st-button.white.border:hover svg *[style*="fill: none"] {
    stroke: var(--color-text-white) !important;
}
.single-product .stom-add-to-favourites.st-button.white.border.current-favourite:hover svg {
    color: var(--color-text-white);
}


.local-service .overlay h2 {
    border-bottom:  5px solid white;
    display: inline-block;
}
.local-service .overlay table {
    border: none;
}
.local-service .overlay table tbody tr td {
    border: none;
    padding: 10px 0 0 0;
}
.local-service .overlay table tbody tr td:first-child span, .local-service .overlay table tbody tr td:last-child span{
    border-bottom: 1px solid white;
}
.local-service .overlay table tbody tr td:first-child{ 
    text-align: right;
}
.local-service .overlay table tbody tr td:last-child{
    text-align: left;
}
.section-wrap.forhandler-information .section {
/*    background-image: url(../number-three-hof-child/images/forhandler-information-bg.png);*/
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
}
body:not(.woocommerce-checkout) header#masthead {
    border-bottom: 1px solid white;
}
.header-usps .section .stom-cols-4 svg{
    color: white;
}
.galleri-underside .gallery .gallery-item{
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}

.galleri-underside .gallery .gallery-item img {
    object-fit: cover;
    max-width: initial;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.page-slider-section .slider-text {
    text-align: start;
    color: var(--color-text-white);
}
.page-id-2 .page-slider-section .slick-dots {
    display: block;
    text-align: center;
    margin-left: 0;
    width: 100%;
}

/* Ødelægger slider. */
/* body .page-slider-section .slider-inner {
    position: relative;
    height: 100%;

body .page-slider-section .slick-slider.slides {
    width: 100%;
    position: absolute;
    right: 0;
    height: 100%;

body .page-slider-section .slider-inner .slick-slider .slick-list {
    width: 100%;
    float: unset;
    margin: auto;
    height: 100% !important;

body .page-slider-section .slider-inner .slick-slider .slick-list .slick-track {
    width: 100%;
}
body .page-slider-section .slider-inner .slick-slider .slide-element {
    max-height: unset;
    width: 100% !important;
    height: 100%;
}
body .page-slider-section .slide-element img {
    height: 100%;
    width: 100%;
    top: 0;
    right: unset;
    bottom: 0;
    left: unset;
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: auto;
}
body .page-slider-section .slide-element .image-aligner, body .page-slider-section .slide-element .element-spacer {
    padding: 0 !important;
}
body .page-slider-section .slider-text {
    max-width: 100%;
    width: 100%;
    padding: 50px 50px;
    margin: auto;
    position: relative;
    float: unset;
    right: unset;
    top: unset;
    left: unset;
    min-height: 200px;
}
body.home .page-slider-section .slider-text {
    min-height: 650px;
}
*/
body.home .page-slider-section .slider-text .slider-text-inner {
    max-width: 900px;
    padding: 30px;
    background-color: #ffffff99;
} 
body:not(.home) .page-slider-section .slider-text .slider-text-inner h1 {
    color: white;
} 
.customer-service .grid-element:hover h3, .customer-service .grid-element:hover p {
    color: var(--color-2);
}
body .customer-service .grid-element {
    background-color: var(--color-1);
}
body .customer-service .grid-element:hover {
    background-color: var(--color-2);
}
body .customer-service .grid-element h3 {
    color: white;
}
body .customer-service .grid-element:hover h3 {
    color: white;
}
body .customer-service.contact-page svg {
    filter: brightness(0) invert(1) !important;
}
body .customer-service.contact-page .section .grid-element p {
    color: white;
}
body .customer-service .grid-element:hover .section .grid-element h3, body .customer-service .grid-element:hover .section .grid-element p {
    color: white;
}
body .customer-service .grid-element:hover .section .grid-element svg {
    filter: invert(1);
}
body .kontakt-map-sektion {
    margin-bottom: 50px;
}
.kontakt-os-form .section {
    background-color: var(--color-2);
    padding: 20px;
    margin-bottom: 100px;
}
.kontakt-os-form .gform_wrapper .gform_footer.top_label input{
    width: 100%;
}
.kontakt-os-form .gform_wrapper ul.gform_fields li.gfield {
    padding: 0;
    padding-bottom: 10px;
}
.kontakt-os-form .gform_wrapper li.hidden_label input{
    margin: 0;
}
body .kontakt-os-form .gform_wrapper {
    padding: 0;
}
body .woocommerce-checkout h3:before {
    background-color: var(--color-1);
}
.woocommerce-checkout .site-branding #logo img {
    height: auto;
}




/* menu rettelser */



header#masthead.site-header .header-section-contact svg {
    color: white;
}
header#masthead.site-header .header-wrapper {
    background-color: var(--color-3);
}
header .main-navigation #primary-menu.menu.nav-menu > li > a {
   color: var(--color-dark);
}
.style-header-3 .header-wrapper .nav-wrap {
    background-color: white;
}
body .header-usps {
    margin-top: 60px;
    background-color: white;
}
body .header-usps {
    color: var(--color-dark);
}
.header-usps .section .stom-cols-4 svg {
    color:var(--color-2);
}
header .main-navigation #primary-menu.menu.nav-menu > li .menu-item-icon > svg {
/*    filter: invert(1);*/
transition: var(--transition);
}
body .customer-service .grid-element .overlay svg {
    filter: brightness(0) invert(1);
}
body .customer-service .grid-element:hover .overlay svg {
    filter: brightness(0) invert(1) !important;
}
.sticky-header header .main-navigation #primary-menu.menu.nav-menu > li > a {
    color: var(--color-dark);
}
.sticky-header .style-header-3 .header-wrapper .nav-wrap {
    background-color: var(--color-3);
}
.sticky-header:not(.burger-menu) header#masthead {
    border-bottom: 1px solid white;
}
.stom-woo-search .stom-woocommerce-product-search-placeholder {
    border: 1px solid var(--color-dark);
}
.stom-woo-search .stom-woocommerce-product-search-placeholder button .sogefunktion {
    color: var(--color-1);
}
.header-section-contact a:hover {
    color: var(--color-2);
}
#woo-icons .site-header-cart .cart-contents span.count, header .stomWF-favourites-list-link .count {
    background-color: var(--color-dark) !important;
    z-index: 10;
}

body .pswp__ui--idle .pswp__top-bar, .pswp__ui--fit .pswp__top-bar {
    opacity: 1;
    padding: 25px;
    height: auto;
}
body .pswp__ui--idle .pswp__button--arrow--left, body .pswp__ui--idle .pswp__button--arrow--right, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    opacity: 1;
    background-color: var(--color-2) !important;
    width: 50px;
    height: 50px;
    z-index: 1000;
    margin: -50px 50px 0;
}
body button.pswp__button {
    background-color: var(--color-2) !important;
    }
    body .pswp__button--arrow--left:before, body .pswp__button--arrow--right:before {
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }

    body .pswp__ui--idle .pswp__button--arrow--left:hover, body .pswp__ui--idle .pswp__button--arrow--right:hover, .pswp--has_mouse .pswp__button--arrow--left:hover, .pswp--has_mouse .pswp__button--arrow--right:hover {
        background-color: var(--color-2) !important;
    }


/* Gallery styles */
.gallery .gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}

.gallery .gallery-item .gallery-icon a img {
    object-fit: cover;
    max-width: initial;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Gallery end */

/*  */
.page-id-2 .page-slider-section {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0px;
}
body .page-slider-section .slider-inner {
    position: relative;
    height: unset;
}
.page-slider-section .slide-element {
    height: 100%;
}

/* zoom */
.zoom p {
    overflow: hidden
}
.zoom.grid-element {
    transition: transform .5s ease
}
.zoom.grid-element:hover {
    transform: scale(1.050)
}

/* ny kode - box-section */
.section-wrap.stom-grid-section.box-section.section-fullpage .section .grid-elements {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	max-width: 1200px;
    margin-inline: auto;
}
.section-wrap.stom-grid-section.box-section.section-fullpage .section.columns-4 .grid-element {
    width: unset;
    display: flex;
    flex-direction: column;
}
.section-wrap.stom-grid-section.box-section.section-fullpage .section.columns-4 .grid-element .overlay {
    padding: 0;
	display: flex;
    flex-direction: column;
}
.section-wrap.stom-grid-section.box-section.section-fullpage .section.columns-4 .grid-element .overlay .st-button {
    margin-top: auto;
	max-width: 180px;
}
.section-wrap.stom-grid-section.box-section.section-fullpage .section.columns-4 .grid-element .overlay .st-button a {
    font-size: 16px;
}
section.up-sells.upsells.products {
    padding: 20px 40px;
}
section.up-sells.upsells.products h2{
    font-size: 25px;
    text-align: center;
}

/* Ny kode h1 styling */
.header-styling p {
    font-weight: bold;
    font-size: 75px !important;
    line-height: normal;
}

.single-product.woocommerce .stom-custom-message ul.products li.product:not(.product-category), .single-product.woocommerce-page .stom-custom-message ul.products li.product:not(.product-category) {
    width: calc((100% - (20px* 1)) / 2);
    padding: 15px !important;
    margin: auto;
}


#footer-grid .newsletter-signup .stomGFAS-inner {
	padding: 5px 5px 5px 10px;
	gap: .8em;
}

#footer-grid .newsletter-signup .stomGFAS-container-field .stomGFAS-the-element {
	width: 20px;
	height: 20px;
}

#footer-grid .newsletter-signup .stomGFAS-inner .stomGFAS-label {
	font-size: .8em;
}

#footer-grid .newsletter-signup .stomGFAS-container-field .stomGFAS-icon {
	font-size: 30px;
}