/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

	.popup__logo{display:none !important;}

.elementor-widget-shortcode{margin-bottom:-10px !important;}

.woocommerce-page .woocommerce-message .button, .woocommerce-page .woocommerce-error .button{display:none !important;}

#addressInputResult {
	max-height:500px;
	overflow-y:auto;
  scrollbar-color: #bb2649 lightgray;
}

/* Sökruta */

#addressInput button{display:none !important;}
#addressInputBrokerCount .elementor-widget-container{margin-top:0px; display:flex; align-items:center;}

/* Beställning */
.woocommerce-additional-fields{font-size:22px;background-color:#bb2649 !important; padding-bottom:50px !important;}
.woocommerce-additional-fields #order_comments_field label{color:white !important;}
.woocommerce-additional-fields #order_comments_field textarea{font-size:20px;}
.woocommerce-additional-fields #order_comments_field .bestallningAnteckningar{font-size:12px; text-transform:uppercase; color:white !important;}

.woocommerce-variation-price .woocommerce-Price-amount{
color: #0d4d33;
font-family: "neue-haas-grotesk-display", Sans-serif;
font-size: 35px;
font-weight: 600;
display:block;
	margin-bottom:25px;
}

/* Swatches */
.rtwpvs-product .variations tr{display:flex; flex-direction:column;}
.rtwpvs-image-term{position:relative;}
.reset_variations{display:none !important;}
.variations .label label{content:"Val av rapport";}
.image-variable-term-standard::after{content: "Standard"; position:absolute; bottom:-30px; font-size:14px; color:black; font-weight:bolder;}
.image-variable-term-enkel::after{content: "Enkel"; position:absolute; bottom:-30px; font-size:14px; color:black; font-weight:bolder;}
.reset_variations{margin-top:50px; display:block;}
.woocommerce div.product form.cart .variations th{padding-bottom:0px; font-size:17px; text-align:left;}
.rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected, .rtwpvs .rtwpvs-terms-wrapper .rtwpvs-term:not(.rtwpvs-radio-term).selected:hover{box-shadow: 0 0 0 4px #bb2649;}

/* OWL */
.owl-container{}

.owl-carousel{margin-top:70px;}
.owl-carousel .active{display:flex; justify-content:center; }
.owl-carousel .active .item{color:white;}
.owl-carousel .item{background-color:black; color:gray; border-radius:20px; padding:30px; max-width:700px;}
.owl-carousel .item h3{font-size:55px;}
.owl-carousel .item img{width:auto !important; padding:15px; max-width:40%;}
.owl-carousel .item .itemContent{display:flex;}
.owl-carousel .item .itemContent img{flex-basis:40%; align-self:flex-start;}

.owl-nave{background-color:whitesmoke;}
.owl-nav{}


.owl-prev, .owl-next {
        width: 15px;
        height: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        border:0px solid black;
    }
    .owl-prev { left: 20px; padding:5px;}
    .owl-next { right: 20px; padding:5px;}
	.owl-prev span, .owl-next span{display:none;}
	.owl-prev, .owl-next{height:120px; width:35px; background-size:cover;}
    .owl-prev {background:url('https://clarhem.effectdev.cloud/wp-content/uploads/2023/01/owl_arrow_left_b.png') !important; background-position: center center !important; background-repeat: no-repeat !important;}
    .owl-next {background:url('https://clarhem.effectdev.cloud/wp-content/uploads/2023/01/owl_arrow_right_w.png') !important; background-position: center center !important; background-repeat: no-repeat !important;}
	.owl-prev:hover, .owl-next:hover{background-color:#ddd !important;}

@media screen and (max-width: 968px) {
	.owl-carousel .item h3{font-size:35px;}
}

@media screen and (max-width: 768px) {
	.owl-carousel .item h3{font-size:25px;}
}

/* Tabell */
#tablepress-1{}
#tablepress-1{}
.tablepress > :where(thead, tfoot) > * > th{background:rgba(0,0,0,0.2);}
.tablepress > :where(tbody) > .even > *{background:rgba(0,0,0,0.0);}
.tablepress > :where(tbody) > .odd > *{background:rgba(0,0,0,0.1);}
.tablepress > * + tbody > * > *, .tablepress > tbody > * ~ * > *, .tablepress > tfoot > * > *{border-top:0px solid white;}
#tablepress-1 td, #tablepress-1 th{text-align:center;}
.column-2{color:green;}
.column-3{color:green;}
.row-4 .column-2, .row-5 .column-2, .row-6 .column-2{color:red;}


/* Extra kod till mindbite: 
function showBrokerCount(count) {
  const brokerCount = document.querySelector('#addressInputBrokerCount p');
  const selection = document.querySelector('#addressInputBrokerCount span') !== null;
  if (selection) {selection.parentElement.removeChild(selection);	} 
  brokerCount.innerHTML += `<span style="font-size: 24px; margin-left: 2rem;">${count}</span>`;
  brokerCount.style.display = "block";
}
 * /