/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*@media (max-width: 900px) {
    .elementor .extra-flate-tool-tip a:before {
        left: auto;
        right: -50px;
        line-height: normal;
    }
}*/




/******************/
/***** HEADER *****/
/******************/

.xoo-wsc-sc-subt {
	display:none !important;
}
.xoo-wsc-icon-cart1:before {
	color:white !important;
}
.xoo-wsc-sc-count {
	background-color:red;
}


/***** FRONT PAGE *****/
.elementor-section-wrap {
	height:100% !important;
}
.e-con-boxed {
	height:100% !important;
}
.slider-cat-img {
	height:95% !important;
}
.elementor-widget-loop-carousel.elementor-pagination-position-outside .swiper-container {
    /* padding-bottom: var(--swiper-padding-bottom); */
    padding-bottom: 0px !important;
}

/***** PRODUCT SLIDER GALLERY *****/
.slick-slide {
	margin-right:3px;
	margin-top:3px;
}
.wpgs-nav {
	margin-bottom:2em;
}
.wpgs-lightbox-icon::before {
	content:none !important;
}

/* SIDEBAR MENU FIX FOR FIREFOX */
.custom-menu-widget .oceanwp-custom-menu > ul.click-menu .open-this {

  line-height: 4 !important;

}


/***** WAITING LIST *****/

.wcwl_elements {
	border-top: 1px solid #eaeaea;
    margin-top: 1em;
    padding-top: 1em;
}

.wcwl_email {
	padding:5px 10px;
	border: 1px solid lightgray;
	width: 100%;
}

.woocommerce_waitlist.button {
	font-size: 16px;
    min-height: 50px;
    width: 100%;
    margin-top: 15px;
	background-color:#ff9e21;
}
.woocommerce_waitlist.button:hover {
	background-color:#ff9000;	
}

.wcwl_intro p {
	margin-bottom:0.5em !important;
}

.wcwl_elements .wcwl_notice {
	display:none !important;
}


/*******************************/
/***** BUNDLES PRODUCT TAB *****/
/*******************************/

#tab-title-bundled_tab {
	background-color:#53bc76;
	
}
#tab-title-bundled_tab:hover {
	background-color:#28872d;
}

#tab-title-bundled_tab a{
	color:white !important;
}

.bundled_tab_tab.active a{
	border-color: #53bc76 !important;
}

.bundle-heading {
	margin-bottom:2em;
}

.bundle {
	width:100%;
	display: table;
}
.bundle-img-wrapper {
	float:left;
	display: table-cell;
	width:100px;
	margin-right: 2em;
}
.bundle-label-wrapper {
	display: table-cell;
    vertical-align: middle;
	width:85%;
}

.toggle-bundle {
	display:none;
}
.toggle-bundle.active {
	display:table !important;
}

.bundle-btn-wrapper {
	margin-top: 2em;
}




/***********************/
/***** TRUST PILOT *****/
/***********************/
.woocommerce ul.products .product {
    overflow: visible !important;
}
.trust-wrapper {
	 position: relative;
}
.hide-trust-txt	{
	background-color: #fff;
	position:absolute;
    display: block;
    height: 100%;
    right: -1px;
    top: 0;
    width: 5.4%;
}

/***** END TRUSTPILOT *****/




/**************************************/
/***** PREMMERCE FILTER & SIDEBAR *****/
/**************************************/

/* ACTIVE FILTERS ON PAGE */

/* Put the last element first (clear filter button) */
/*.active-filter-col .pc-active-filter__list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
	-webkit-flex-flow:
	flex-direction: row;
}
.active-filter-col .pc-active-filter__list > div:last-of-type {
    order: -1;
}*/



/* Needed to have filter on right side of ordering */
.oceanwp-toolbar {
	float:left;
}

.filter-wrapper {
	float:left;
	padding: 10px 2em;
}

.filter-btn-col {
	float: left;
}

/* Filter button */
.filter-toggle-btn {
	padding: 5px 10px 5px 10px !important;
	line-height: 1.7em;
	border: 1px solid #53BC84;
}

.filter-toggle-btn:before {
	font-family: "Font Awesome 5 Free";
  	content: "\f1de";
  	display: inline-block;
  	padding-right: 5px;
  	vertical-align: middle;
  	font-weight: 900;
	font-size:12px;
	
}

.active-filter-col {
	float: left;
	margin-left:.5em;
}

.active-filter-col .pc-active-filter__list-item {
	float:left;
	margin-right:.5em;
	border: 1px solid #53bc76;
    padding: 5px 3px 5px 8px;
}

.wpc-filters-widget-wrapper {
	padding:5%;
}

.filter__checkgroup-title {
	padding-left:1em;
}

/* ACTIVE FILTERS SIDEBAR*/

.ocs-slidebar {
	border-right:1px solid lightgray;
	/*background-color:#fff !important;*/
}

.ocs-slidebar>.premmerce-active-filters-widget-wrapper {
	padding-left:10%;
	padding-right:10%;
	padding-top:0em;
}

.widget_premmerce_filter_filter_widget {
    padding-top:10%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 0em;
}

.active-filter-col>.premmerce-active-filters-widget-wrapper {
	padding-top:0px;
	padding-bottom:1em;
	margin-bottom:1em;
}

.filter__slider-control {
	background-color:#fff !important;
}

.sidebar-box {
    padding-bottom: 40px;
    border-bottom: 1px solid lightgray;
}


/* Plus and minus signs in sidebar */
.filter__handle {
	vertical-align:top;
}
.filter__icon-minus, .filter__icon-plus {
    width: 10px;
    height: 10px;
}

.wpc-term-count {
	color:black;
}

.filter__title>.widget-title {
	font-size:16px;
	text-transform:uppercase;
}
.active-filter-title {
	margin-left:10%;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.pc-active-filter__item-text-el {
	float:left;
	line-height:1.7em;
	text-transform:uppercase;
	font-size:12px;
}

.pc-active-filter__item-delete {
	float:right;
	border:none !important;
	color:black !important;
	line-height: 1.5em !important;
	text-transform:uppercase;	
}

#block-3 {
	padding-bottom:10%;
	margin-bottom:10%;
	text-align:center;
}
.ocs-close-filter {
    padding: 12px 20% !important;
}


/***** END PREMMERCE FILTER & SIDEBAR */


/* MOBILE */
@media only screen and (max-width: 850px) {
	
	/*********************************************/
	/***** PREMMERCE FILTER & SIDEBAR MOBILE *****/
	/*********************************************/
	
	/* FILTER ON PAGE */
	
	.woocommerce .oceanwp-toolbar {
		display: block;
		padding: 0px 0px 0.5em 0px !important;
		border-top: none !important;
		border-bottom: none !important;
		margin-bottom: 0px !important;
		width:100%;
	}
	
	.filter-wrapper {
		padding: 0.5em 0px;
		width:100%;
    	clear: both;
	}
	.active-filter-col {
		width: 100%; 
		float: left;
		margin-left:0px;
		margin-bottom:1em;
	}
	.active-filter-col>.premmerce-active-filters-widget-wrapper {
		padding-top: 0px;
		padding-bottom: 0em;
		margin-bottom: 0em;
	}

	.active-filter-col .pc-active-filter__list-item {
		float:left;	
		padding: 5px 3px 5px 8px;
	}
	
	.active-filter-col .pc-active-filter__list-item .pc-active-filter__item-text-el {
		float:left;	
	}

	.filter-btn-col {
		width:100%;
		float: left;
    	margin-bottom: 1em;
	}

	/* Filter button */
	.filter-toggle-btn {
		width:100%;
	}
	.dashicons-image-filter {
		vertical-align:middle !important;
		margin-right: 0.5em !important;
	}
	
	/* FILTER SIDEBAR */
	.ocs-slidebar {
		width:80% !important;
		border-right:1px solid lightgray;
	}
	
	/***** END PREMMERCE FILTER & SIDEBAR MOBILE */
	
	.bundle-prod-link {
		font-size: 12px !important;
	}
	
}


@media only screen and (max-width: 600px) {
    .elementor .extra-flate-tool-tip a:before {
        right: auto;
        left: 50%;
        width: 100%;
        min-width: 320px;
    }
	
	
}
@media (max-width: 400px) {
    .elementor .extra-flate-tool-tip a:before {
        right: auto;
        left: 50%;
        width: 100%;
        min-width: 240px;
    }
	
}
.woocommerce-checkout .elementor .extra-flate-tool-tip a:before {
    left: auto;
    right: 0;
}

.elementor .extra-flate-tool-tip a{
    text-transform: initial;
}
.woocommerce div.product .product_title{
		border-bottom:0;
		padding-bottom: 0.95rem;
	}

/*************************************************/
/***** ADD KLARNA USP ON SINGLE PRODUCT PAGE *****/
/***** Added 2022-12-06, Kristoffer Pihlfelt *****/
.klara-usp-wrapper {
	margin-top: 1em;
    height: 2em;
}
.klara-usp-logo {
	max-width: 15%;
    float: left;
	margin-right:1em;
}
.klara-usp-txt {
	max-width:85%;
	float:left;
	display: -webkit-box;
    display: -ms-flexbox;
    height: 100%;
    -webkit-box-align: center;
}

@media only screen and (max-width: 1330px) { 
	/*** TRUSTPILOT ***/
	.hide-trust-txt	{
		position: absolute;
		width: 52%;
    	height: 105%;
	}
}


@media only screen and (max-width: 1284px) {
    .klara-usp-wrapper {
		margin-bottom:1em;
	}
	.klara-usp-logo {
		margin-right:0px;
	}
	.klara-usp-txt {
		max-width: 90%;
    	float: right;
	}	
}
@media only screen and (max-width: 1260px) {
    .klara-usp-wrapper {
		margin-bottom:1em;
	}
	.klara-usp-logo {
		max-width: 25%;
	}
	.klara-usp-txt {
		max-width: 70%;
    	float: right;
	}	
}
/***** END KLARNA USP ON SINGLE PRODUCT PAGE *****/


/* -----------------
  Bundles and KCO
----------------- */	
nav.woocommerce-pagination {
    margin-bottom: 20px;
}

.bundle_form> hr {
	margin: 2em 0px 10px 0px !important;
}
.bundle_form> h4 {
	font-size:14px !important;
}
.bundled_product_summary> .details {
	width:80% !important;
	
}
@media only screen and (min-width: 960px) { 
	
	.bundled_product_summary> .details {
		margin-left: 4em;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	
}

.bundled_product.bundled_product_summary {
	
}
.bundled_product_title {
	
}
.bundled_product_title_inner {
	display: inline-block;
    margin-left: 1em;
}

.bundled_product_excerpt.product_excerpt {
    display: none;
}

.bundled_item_cart_details {
    display: none;
}

h4.bundled_product_title.product_title {
    font-size: 14px !important;
    font-weight: normal !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.bundled_product_images.images {
    max-width: 60px !important;
	max-height: 60px !important;
}

.bundled_product.bundled_product_summary.product {
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
h4.bundled_product_attributes_title {
    margin-bottom: 1rem;
}

.bundle_wrap {
	margin-top:1em;
}
a.bundled_product_permalink {
    display: none;
}

.bundle-prod-link {
	font-size: 14px !important;
}

div#kco-order-review {
    display: none;
}
#kco-iframe {
  width:100% !important;
}
