/*
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
*/




.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: currentColor !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: currentColor !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: #fff;
}

.featured-sales ul.products li.product .button.add_to_cart_button svg {
    color: #000;
}



/* 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: #000;
}
.theme-color,
.header-section-contact a {
    transition: color .2s;
}


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, .handelsbetingelser-links a:hover {
    background-color: #e30514;
}

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, .handelsbetingelser-links a:hover {
    border-color: #e30514;
}

#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: #e30514;
}

.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: #e30514 !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: #e30514 !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: #e30514 !important;
}
.single-product .product-accordions.featured-accordions .accordion-warranty .accordion-title svg rect {
    fill: #e30514 !important;
}


/* Primary color lighter */
.theme-color:hover,
.header-section-contact a:hover {
    color: #353535;
}

.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: #353535;
}

.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: #353535;
}



/* 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: #e30514;
}
.st-button.white:hover,
.single-product .stom-add-to-favourites.st-button.white.border.current-favourite,
.stomWF-message p {
    border-color: #353535;
}
.single-product .stomWF-message:after,
#stomWF-favourites-list .stomWF-message:after {
    border-top-color: #e30514;
}
ul.products:not(#stomWF-favourites-list) .stomWF-message:after {
    border-left-color: #e30514;
}
ul.products li.product .stom-add-to-favourites.current-favourite svg path,
ul.products li.product .stom-add-to-favourites:hover svg path {
    fill: #e30514 !important;
    stroke: #e30514 !important;
}



/* Custom styling */
body.archive.woocommerce-page header.woocommerce-products-header {
    background-image: url(../number-three-hof-child/images/baggrund-m-ikoner-scaled.jpg);
}
.header-section-contact {
    color: white;
    background-color: #000;
    border-bottom: 3px solid #e30514;
}
.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;
    color: white;
}
.header-section-contact svg.brev {
    width: 1.2em;
}
header .main-navigation ul li.mega-menu > ul li a .menu-item-icon {
    transition: all 0.5s;
}
header .main-navigation ul li.mega-menu > ul li:hover a .menu-item-icon {
    background-color: #353535;
}

.site-branding #logo img {
    max-width: 350px;
    max-height: 90px;
}



header#masthead,
{
    background-color: #fff;
}
.header-usps {
    background-color: #000;
    color: white;
    border-bottom: solid 3px #e30514;
}
.header-usps .section .stom-cols-4 svg{
    color: white;
}


.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;
}



.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: #fff !important;
}
.single-product .stom-add-to-favourites.st-button.white.border.current-favourite:hover svg {
    color: #fff;
}

#footer-grid {
    background-color: #000;
}
#footer-grid .section .grid-elements .grid-element .overlay, #footer-grid .section .grid-elements .grid-element .overlay a {
    color: white;

}


.customer-service .grid-element {
    background-color: #e30514;
}
.customer-service .grid-element .overlay svg {
    filter: brightness(0) invert(1);
}
.customer-service .grid-element h3, .customer-service .grid-element p {
    color: white;
}
.customer-service .grid-element:hover {
    background-color: #000;
}
.customer-service .grid-element:hover h3, .customer-service .grid-element:hover p {
    color: white;
}
.kontakt-os-form .section {
    background-color: #000;
    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;
}
.page-slider-section .slider-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
body.archive.woocommerce-page .products li.product-category {
    background-color: #e30514;
    box-shadow: 1px 1px 5px #707070;
    transition: all 0.5s;
}
body.archive.woocommerce-page .products li.product-category:hover {
    box-shadow: 3px 3px 15px #707070;
    background-color: #353535;

}
body.archive.woocommerce-page .products li.product-category a .woocommerce-loop-category__title{
    color: white;
}
/* Custom end */


/* personale styleing */
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element {
    background-color: #353535;
    box-shadow: 3px 3px 10px #afafaf;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element {
    align-items: flex-start;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element img{
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element .overlay{
    color: white;
    position: relative;
    font-size: 14px;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element .overlay svg{
    filter: invert(1);
    height: 20px;
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element .overlay p{
    display: block;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element .overlay p:{
    display: block;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element .overlay h3{
    font-size: 18px;
    margin-bottom: 10px;
}
.section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element .overlay a{
    text-decoration: none;
}

/* personale end */


/* brand slider style */

.brand-slider {
    max-width: 1140px;
    margin: auto;
    padding-bottom: 160px;
}
.brand-slider .slider-inner .slides .slick-list{
    height: auto !important;
}
.page-slider-section .slider-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page-slider-section.brand-slider .slick-dots {
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) !important;
    margin-left: unset;
}
.page-slider-section .slick-dots button {
    background-color: #353535;
}
.page-slider-section .slick-dots .slick-active button, .page-slider-section .slick-dots li:hover button {
    background-color: #e30514;
}

/* brand slider end */

/* hphvidevare style */
.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;
}
.page-id-2 .h1-class {
    display: block;
}
.h1-class {
    display: none;
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

#local-service-weekly-sale .section .grid-elements .grid-element.local-service, #local-service-weekly-sale .section .grid-elements .grid-element.weekly-sale {
    background-color: #353535;
}
.info-slider .info-slider-container{
    position: relative;
}
.info-slider .info-slider-container .slick-dots{
    position: relative;
    width: 100%;
    padding-top: 14px;
}
.info-slider .info-slider-slide.slick-slide{
    background-color: #353535;
    max-height: 500px;
    height: 500px;
    color: white;
    padding: 10px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}
.info-slider .info-slider-slide.slick-slide img{
    width: 35%;
    margin: auto;
    padding-bottom: 20px;
    filter: brightness(0) invert(1);
}
.info-slider .info-slider-slide.slick-slide .st-button {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.theme-color:hover, .header-section-contact a:hover {
    color: #e30514;
}
#footer-grid .gfield_html span + p {
    background-color: #353535;
}
.page-id-2 .page-slider-section{
    max-width: 100%;
    /*margin: 20px auto 0;*/

}
.page-id-2 .page-slider-section .slick-slider  .slide-element{
    max-height: 85vh;
    min-height: 450px;
    height: 100%;

}
.page-slider-section .slick-slider .slide-element{ 
    max-height: 250px;
    min-height: 150px;
}

.page-slider-section .slider-text {
    text-align: center;
    color: white;
}
.page-id-2 .page-slider-section .slick-dots {
    display: block;
}
.page-slider-section .slick-dots {
    display: none;
    top: unset;
    right: unset;
    bottom: -30px;
    left: unset;
    width: 100%;
    margin-left: unset;
    transform: unset !important;
}
.page-slider-section .slider-text {
    pointer-events: none;
}
.page-slider-section .slider-text .st-button {
    pointer-events: all !important;
}
.page-slider-section.brand-slider .slick-slider .slide-element{
    max-height: unset;
    min-height: unset;
    height: 100%;
}
/* hphvidevare end */

/* mobile menu arrow color */ 
body.burger-menu #site-navigation #menu-back-one-level i {
    color:black;
} 
/* new fix for menu adding img instead of svg */

.mega-menu .sub-menu a .menu-item-icon {
        position: relative !important;
}
.mega-menu .sub-menu a .menu-item-icon img {
        object-fit: cover;
    max-width: initial;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    transform: translate(-50%, -50%);
}
/* new fix for menu adding img instead of svg */

section.up-sells.upsells.products {
    padding: 20px 40px;
}
section.up-sells.upsells.products h2{
    font-size: 25px;
    text-align: center;
}

.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;
}
@media only screen and (max-width: 560px) {
   width: 100%;
}

.slick-list {
	height: auto!important;
}


#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;
}
