/*
Theme Name: Riode Arozzi
Theme URI: https://riode.org/
Author: D-THEMES
Author URI: https://riode.org/about-me/
Description: Riode Responsive WordPress + eCommerce Theme.
Version: 1.7
Template: riode
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/


/*Hides the customized embroidery badge*/
.custom_embroidery_badge {
	display: none; 
}

/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/**FIX for Ementor Anchors covering other elements**/
body.elementor-page .elementor-widget-menu-anchor {
	z-index: -10;
}


/**************SCROLL TO TOP - RIGHT CORNER*****************/
.scroll-top.show {
	color: #f8f8f8; 
}
.scroll-top {
	background-color: #ff5659;
}

/*************** Product Quickview ***************/

/*Adjust the margin for the Stamped review box.*/
.product-quickview  .stamped-badge   {
	margin-bottom: 1em;
	margin-top: -1em;	
}

/*ICONBOXES Responsive font-size*/
/* @media (min-width: 796px) {
	.elementor-icon-box-description {
		font-size: 1.2em; 
	}
} */

 @media (max-width: 1400px) {
	.elementor-icon-box-description {
		font-size: 1em !important; 
	}
	.elementor-icon-box-title {
		font-size: 1.7em !important;	
	}
}

/*************** Tablepress ***************/
.tablepress thead th {
	background-color: #333;
	color: #fff;
	text-align: center;
}
.tablepress td {
	text-align: center; 
}
.dataTables_wrapper .dataTables_filter input {
	background: #fff;
	border: 1px solid #eee; 
	padding: 0.5em;
	padding-left: 1em;
	margin-bottom: 10px; 
}
.tablepress .odd td{
	background: #eee; 
}

@media (max-width: 796px) {
	.tablepress {
		font-size: 0.9em;
	}
	.dataTables_paginate{
		margin-right: 2em; 
	}
}

/*Hides the search text and adds an icon instead*/
.dataTables_filter label {
	color: transparent; 
}
.dataTables_filter:before { 
    content: "\e941";
	font-family: riode; 
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 1.2em;
	font-size: 18px;	
    overflow: visible;
    display: inline-block;
    line-height: 35px;
    z-index: 1;
}

/*Cleans up the pagination*/
.dataTables_paginate{
	margin-right: 1em; 
}
.paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before {
	text-shadow: none;
	color: #333;	
	top: 2px;
}
.paginate_button.disabled:after,
.paginate_button.disabled:before {
	color: #ddd !important;
}



/*************** Custom Category Menu (slider)  ***************/
/*Header Serach function - remove the margin between the box and results*/
.live-search-list {
	margin-top: 0px; 
}

/*Changes the border color*/
.custom-header .search-wrapper form {
border: 2px solid #ff5659 !important; 
}

/*************** Custom Category Menu (slider)  ***************/
@supports(display: grid) {

  .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto 1fr auto;
    
    //Let the craziness begin!!!
    grid-template-areas:      
      "header header header"
      "title title footer"
      "main main main";
    @media screen and (max-width: 500px) {
      grid-template-columns: 1fr;
      grid-template-rows: 0.3fr 1fr auto 1fr;
      grid-template-areas:        
        "header"
        "title"
        "main"
        "footer";
    }
  }

  .grid-item {
    color: #fff;    
    padding: 3.5em 1em;
    font-size: 1.3rem;
    font-weight: 500;
  }

  .grid-container .main{    
    grid-area: main;
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    background: #1b1f23; 
  }

  .items{
    position: relative;
    font-size: 1.2rem;
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
    white-space: nowrap;
    transition: all 0.2s;
    /*transform: scale(0.98);*/
    will-change: transform;
    user-select: none;
    cursor: pointer;

  }
.items i {
margin-right: 8px;
vertical-align: middle;
font-size: 32px;

}

.main{
scrollbar-width: none;
}
.items{
scrollbar-width: none;
}

.main::-webkit-scrollbar {
  display: none;
}
.items::-webkit-scrollbar {
  display: none;
}


  .items.active {
    
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
  }

  .item {
    display: inline-block;
    
    min-height: 25px;
    min-width: 80px;
    margin: 0.5em 0.5em;
    @media screen and (max-width: 500px) {
      min-height: 30px;
      min-width: 150px;
    }
  }
}

.menu_left_arrow, .menu_right_arrow {
	display: none;
}
@media (max-width: 1600px) {
	.menu_left_arrow, .menu_right_arrow {
		display: block;
	}
	.grid-container {
		width: 92%;
		margin: 0 atuo;
		float: left;
	}
}

.menu_left_arrow:before { 
    content: "\e951";
	font-family: riode; 
	position: relative;
	font-size: 18px;
	line-height: 40px;
	float: left;
	text-align: center;
	width: 4%;

}
.menu_right_arrow:before { 
    content: "\e950";
	font-family: riode; 
	position: relative;
	font-size: 18px;
	line-height: 40px;
	float:right;
	width: 4%;
	text-align: center;
}


.custom-header-main a {
	color: #999 !important;
}
.custom-header-main a:hover {
	color: #fff !important;
}

/*Changes the background color on all pages*/
.main {
	background: #f8f8f8; 	
}

/*Background of filter button on category pages*/
.sidebar-toggle-remain .toggle-remain::before{
	background: #f8f8f8; 	
}

/*Fixes so the arrow lines up in the toggle button*/

.left-sidebar-toggle .d-icon-arrow-right{
   top: 0px;
}
/*Remove clean all text*/
.filter-clean {
    display: none;
}

/*Adjust the padding for the Toggle filter button*/
.sidebar.shop-sidebar .filter-actions {
	/*padding: 0px 6px 5.6rem 2px;*/
	padding: 1rem 6px 1.6rem 2px;
}


/*Change the background of the filter to the body bg color*/
.yith-wcan-filters {
	background-color: #f9f9f9;	
}

.woocommerce .widget_layered_nav ul.yith-wcan-color li a {
	border: none;
	border-radius: 70px;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
}
ul.yith-wcan-color li > [title~="White"]{
	border: 1px solid #ccc !important;
}
ul.yith-wcan-color li > [title~="Bianco"]{
	border: 1px solid #ccc !important;
}
ul.yith-wcan-color li > [title~="Weiß"]{
	border: 1px solid #ccc !important;
}
ul.yith-wcan-color li > [title~="Blanc"]{
	border: 1px solid #ccc !important;
}
ul.yith-wcan-color li > [title~="Blanco"]{
	border: 1px solid #ccc !important;
}
ul.yith-wcan-color li > [title~="Branco"]{
	border: 1px solid #ccc !important;
}


.woocommerce .widget_layered_nav ul.yith-wcan-color li a:hover{
	border-radius: 70px; 
	box-shadow: inset 0 0 0 2px #f9f9f9;
}

ul.yith-wcan-color li > [title~="White"]:hover{
	
	box-shadow: inset 0 0 0 2px #ddd !important;
}
ul.yith-wcan-color li > [title~="Bianco"]:hover{
	
	box-shadow: inset 0 0 0 2px #ddd !important;
}
ul.yith-wcan-color li > [title~="Weiß"]:hover{
	
	box-shadow: inset 0 0 0 2px #ddd !important;
}
ul.yith-wcan-color li > [title~="Blanc"]:hover{
	
	box-shadow: inset 0 0 0 2px #ddd !important;
}
ul.yith-wcan-color li > [title~="Blanco"]:hover{
	
	box-shadow: inset 0 0 0 2px #ddd !important;
}
ul.yith-wcan-color li > [title~="Branco"]:hover{
	
	box-shadow: inset 0 0 0 2px #ddd !important;
}

.woocommerce .widget_layered_nav ul.yith-wcan-color li.chosen a{
border-radius: 70px;
box-shadow: inset 0 0 0 2px #f9f9f9;
}




/*Fixes bug that loads two produt descriptions on the list page*/
.product-loop .short-desc {display: none;}


/*Fixes the anchor links on the product page. Takes the sticky menu into account when positioning*/
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "" !important;
  display:block !important;
  height: 147px !important; /* fixed header height, 88px tidigare*/
  margin: -147px 0 0 !important; /* negative fixed header height */
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 796px) {
	body:not(.elementor-editor-active) .elementor-menu-anchor:before {
	  height: 0px !important; /* fixed header height*/
	  margin: -0px 0 0 !important; /* negative fixed header height */	
	}
}

.product-quickview .rtwpvg-images:not(:first-child) {
display: none; 
}


/*Remove the bottom margin underneath the colors*/
.product-loop .product-variation-wrapper {
	margin-bottom: 0;
}

/*Shop/category pages - Makes the color buttons round*/
.product-variations.list-type .image, .product-variations.list-type .color {
	border-radius: 70px;
	border: 0;
}

/*Except the Arena Pad Swap Colors*/
.pa_arena-pad-color.list-type .image, .pa_arena-base-color.list-type .image, .pa_arena-tabletop-color.list-type .image {
	border-radius: 0px !important;
	border: 0; 
}
.pa_arena-pad-color.list-type > *{ 
	min-width: 60px !important;
	height: 31px !important;
	background-size: contain;
	background-repeat: no-repeat; 	
}
.pa_arena-pad-color.list-type > .active::before, .pa_arena-base-color.list-type > .active::before, .pa_arena-tabletop-color.list-type > .active::before  {
	
	transform: none;
	content: '\f00c';
	font-size: 16px;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	display: block;
	line-height: 24px;
	outline: none;
	color: white;
	text-shadow: 0px 0px 2px rgb(0, 0, 0);
	position: initial !important; 
}

.pa_arena-pad-color.list-type > .active, .pa_arena-base-color.list-type > .active, .pa_arena-tabletop-color.list-type > .active {
	box-shadow: none; 
}

/*Product archive - custom desks. Remove the text "available in..", the colors + the quickview*/
.product_cat-custom-desks .available_colors, .product_cat-custom-desks .product-variation-wrapper, .product_cat-custom-desks .btn-quickview {
	display: none; 
}
/*Changes the background for the quickview popup*/
.product-quickview {
	background: #f8f8f8 !important; 
}


.mfp-content #product-226853 .posted_in, .mfp-content #product-226853 .social-icons, .mfp-content #product-226853 .yith-wcwl-add-to-wishlist{
	display: none; 
}




/*Shop/category pages - adds a border for the white color. Helps visibility.*/
.product-variations.list-type > [title~="White"] {
			border: 1px solid #ccc;
}
.product-variations.list-type > [title~="Bianco"] {
			border: 1px solid #ccc;
}
.product-variations.list-type > [title~="Weiß"] {
			border: 1px solid #ccc;
}
.product-variations.list-type > [title~="Blanc"] {
			border: 1px solid #ccc;
}
.product-variations.list-type > [title~="Blanco"] {
			border: 1px solid #ccc;
}
.product-variations.list-type > [title~="Branco"] {
			border: 1px solid #ccc;
}

.product-list .product-action .btn-product {
	margin-top: 10px;
	margin-bottom: 10px; 
}

.product-list .product-details {
    padding: 0;
    flex: 1;
    max-width: 52%;
}

.product-list .product-media {
    max-width: calc(45%);
    width: 31rem;
    margin: 0 2rem 0 0;
}

/*Product archive - card style*/
.product_excerpt {
	margin-top: 10px;
	margin-bottom: 8px;	
}


/*Text text over the color swatches*/
.available_colors {
	margin-bottom: -15px;
	margin-top: 2px;
	font-size: calc(1rem * var(--rio-typo-ratio,1));
	line-height: 1;
	text-transform: uppercase;
	color: #999;
	padding: 9px;
	padding: 0px 9px 0px 9px;
}
.available_designs {
	margin-bottom: -5px;
	margin-top: 15px;
	font-size: calc(1.5rem * var(--rio-typo-ratio,1));
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color: #666;
}
.product-quickview .woocommerce-product-details__short-description {
font-size: 1em;
font-weight: 400;
margin-top: 15px;
}

/*Product page - fixes theme issue with the variation swatches*/
.variations_form label {
	display: inline !important; 
}

.variations td, .product-quickview .variations td {
border-bottom: none !important;
margin-top: -10px;
}


@media (min-width: 796px) {
	.toolbox .orderby {
		width: fit-content; 
	}	
}


/*********SINGLE PRODUCT PAGE***********/

/*Removes the gap*/
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0px;
}

/*Product Excerpt*/
.woocommerce-product-details__short-description {
	font-size: 1.2em;
	font-weight: 500;

}


/*Disables the float elements on mobiles*/

@media (max-width: 796px) {
	.float-svg {display: none;}
}


/*YITH PRODUCT ADDONS*/

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label{
	display: grid; 
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option img {
	height: auto; 
	margin-right: 0px; 
	margin-bottom: 10px; 
	width: 250px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option {
	min-width: 260px; 	
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected label::after {
	background-color: #ff5659; 
}

.yith-wapo-block .yith-wapo-addon {
	padding: 0 !important; 
}

/*Product Bundle*/

/*Changes the size of the product title (too big before)*/
.bundled_product_title  {
	font-size: calc(2.5rem * var(--rio-typo-ratio,1)) !important;
}
/*Moves the link icon to line up with the title*/
.bundled_product_summary .bundled_product_title a.bundled_product_permalink::before {
    top: 42% !important;   
}
/*Fixes the checkbox, was not visible before*/
.bundled_product_checkbox {
	width: 18px !important;
	vertical-align: text-bottom !important;
}

/*Fixes the add to cart button. Looked out of place before.*/
.single_add_to_cart_button:last-child {   
    margin-left: 10px;
}
.bundle_form button {
    vertical-align: top !important;   
}

/*Changes thumbnail size*/
.bundled_product_images {
	width: 40% !important; 	
}
div.bundled_product_summary:not(.thumbnail_hidden) .details {
	width: 60% !important;
}
/*Changes the layout on mobile devices*/

@media (max-width: 796px) {
	.bundled_product_images {
		width: 95% !important; 
		margin: 0 auto !important; 
		float: none !important; 
		margin-bottom: 1em !important;
	}
	div.bundled_product_summary:not(.thumbnail_hidden) .details {

		float: none !important; 
		width: 95% !important;
		padding: 0 !important;
		margin: 0 auto !important; 

	}
	.bundle_form .cart .variations select {
		width: fit-content;
	}
}
/*Bundles - Cart behavior - The subtotal was divides on two lines (confusing)*/
.bundled_table_item_subtotal .woocommerce-Price-amount {
	float: left; 
}



/*Makes the add to cart button smaller on mobile devices*/
@media (max-width: 796px) {
	.single_add_to_cart_button {
		padding: 0 1.5em;
	}
	/*The animated headline*/
	.elementor-headline-text-wrapper{
		font-size: 0.7em !important; 
	}	
}

/*Removes the bullets from the features in the hero*/
.elementor-icon-list-items {
	list-style-type: none;
}
/*Makes the features all be on one line*/
.elementor-icon-list-text {
	display: inline !important;
}




.custom_embroidery_badge {max-width: 600px;}

/*Removes the "reset varation" button. Not really needed.*/
.reset-variation-cont {display: none !important;}

/*Removes the divider between colors and "in stock" button*/
.single_variation_wrap .product-divider {
	display: none; 
}

.product_title {
    font-size: calc(3.5rem * var(--rio-typo-ratio,1));
}

/*Removes the wishlist button from the WooThumbs gallery*/
.iconic-woothumbs-wishlist-buttons  {
	display: none; 
}
.yith-wcwl-add-to-wishlist {
	background: #f8f8f8; 
}

/*Related Products - The label, popular etc.*/
@media (min-width: 1600px) {
	.single-product .product-label-group.pg-vertical-label {
		left: 20px !important;
	}
}
/*********SINGLE PRODUCT PAGE FEATURES**********/

@media (max-width: 1800px) {
	.product_features_section{
		padding: 60px 20px 100px 20px !important;
	}
}
@media (max-width: 992px) {
	.product_features_section{
		padding: 1em !important;
		padding-bottom: 3em !important; 
	}
}


@media (max-width: 1800px) {
	.microphone_features_section{
		padding: 0px 0px 10px 0px !important;
	}
}




/*********SINGLE PRODUCT PAGE FUNCTIONALITY**********/

/*Image boxen*/
.functionality_main {
	max-width: 600px !important; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
}
@media (max-width: 1980px) {
	.functionality_main {	
		max-width: 500px !important; 
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 50px;
	}
}
@media (max-width: 1700px) {
	.functionality_main {	
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 25px;
	}
}

@media (max-width: 768px) {
	
	.functionality_main {
		margin-top: 0px; 
	}
	.functionality_main .elementor-widget-container {	
		padding: 0px !important; 
	}
}
.functionality_box {
	background: #fff;
	max-width: 100%;
	margin: 0 auto; 
}

.product_function_desc {
	background: #333; 
	color: #f8f8f8; 
	padding: 1em;
	padding-bottom: 0.3em;
	border-radius: 0px;
	margin-top: -5em;
	position: relative;
	width: 95%;
	margin: 0 auto;
	margin-top: -6em;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	-moz-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	
	
}
.product_function_desc h2 {color: #f8f8f8; font-size: 1.8em; text-align: center;}

.product_function_desc p {font-size: 1em; text-align: center;}

@media (max-width: 1200px) {
    .product_function_desc h2 {font-size: 1.5em; }
    .product_function_desc p {font-size: 0.9em;}
}
@media (max-width: 796px) {
    .product_function_desc h2 {font-size: 1.3em; }
    .product_function_desc p {font-size: 0.8em;}
    
}

.functionality_box figure img {
    background: #fff; 
    padding: 1em;
    padding-bottom: 6em;
    border-radius: 10px 10px 0px 0px;    
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px;
}

/*********SINGLE PRODUCT LARGE FEATURES**********/

.feature_large {
	
    padding: 2em; 
    margin-top:1em;
	text-align: center;
}

@media (max-width: 1200px) {
    .feature_large {
		width: 45% !important;
		max-width: 45% !important;
		margin-top: 1em;
	}
 
}
@media (max-width: 992px) {
    .feature_large {
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 2em;
		padding: 0px !important		
	}
  
}


/***********MOBILE MENU****************/
/*changes icon size and position*/
.mobile-menu-container .mobile-menu .menu-item>a>i { 
	font-size: 32px;
	vertical-align: middle; 
}

@font-face {
  font-family: 'arozzi_icons';
  src:  url('fonts/arozzi_icons.eot?uzpj7l');
  src:  url('fonts/arozzi_icons.eot?uzpj7l#iefix') format('embedded-opentype'),
    url('fonts/arozzi_icons.ttf?uzpj7l') format('truetype'),
    url('fonts/arozzi_icons.woff?uzpj7l') format('woff'),
    url('fonts/arozzi_icons.svg?uzpj7l#arozzi_icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-icomoon-"], [class*=" icon-icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'arozzi_icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icomoon-no-sweat:before {
  content: "\260a";
}
.icon-icomoon-webcam:before {
  content: "\e901";
}
.icon-icomoon-gamingchair12:before {
  content: "\e902";
}
.icon-icomoon-gamingchair2:before {
  content: "\e903";
}
.icon-icomoon-headset:before {
  content: "\e904";
}
.icon-icomoon-gamingchair1:before {
  content: "\e905";
}
.icon-icomoon-table:before {
  content: "\e906";
}
.icon-icomoon-microphone:before {
  content: "\e907";
}
.icon-icomoon-eyewear:before {
  content: "\e908";
}
.icon-icomoon-Green-screen:before {
  content: "\e909";
}
.icon-icomoon-caps:before {
  content: "\e90a";
}
.icon-icomoon-Accessories:before {
  content: "\e90b";
}
.icon-icomoon-Velocita:before {
  content: "\e90c";
}
.icon-icomoon-mouse2:before {
  content: "\e90d";
}
.icon-icomoon-email2:before {
  content: "\e90e";
}
.icon-icomoon-email:before {
  content: "\e90f";
}
.icon-icomoon-customer-support:before {
  content: "\e910";
}
.icon-icomoon-technical-support:before {
  content: "\e911";
}
.icon-icomoon-question:before {
  content: "\e912";
}
.icon-icomoon-tools:before {
  content: "\e913";
}
.icon-icomoon-Floormat:before {
  content: "\e914";
}
.icon-icomoon-Spare-parts:before {
  content: "\e915";
}
.icon-icomoon-retailer:before {
  content: "\e916";
}
.icon-icomoon-embroidery:before {
  content: "\e917";
}
.icon-icomoon-software:before {
  content: "\e918";
}
.icon-icomoon-assembly:before {
  content: "\e919";
}
.icon-icomoon-up-arrow:before {
  content: "\e91a";
}
.icon-icomoon-no-sun:before {
  content: "\e91b";
}
.icon-icomoon-no-sharp-object:before {
  content: "\e91c";
}
.icon-icomoon-quick:before {
  content: "\e91d";
}
.icon-icomoon-clean:before {
  content: "\e91ea";
}
.icon-icomoon-overview:before {
  content: "\e91f";
}
.icon-icomoon-no-nude:before {
  content: "\1f576";
}
.icon-icomoon-desk-pad:before {
  content: "\e900";
}





/***********Berocket flter************/

/*Header*/
.arozzi_filter_group h3 {
	font-weight: 600;
	padding: 2.8rem 0px 1.4rem;
	margin: 0 0 5px;
	border: none;
	font-size: 1.8rem;
	text-transform: none;
	line-height: 1;
	letter-spacing: -0.03em;
}
.arozzi_filter_group {
	/*white-space: nowrap;  DETTA SKA LÄGGAS TILL PÅ DOM ELEMENT DÄR DET BEHÖVS: SPARE PARTS FILTRET T.EX.*/
}

/*Resets the padding for the options*/
.arozzi_filter_group ul {
	padding-inline-start: 2px;
}

/*Resets the margin for the different filters*/
.bapf_sfilter {
	margin-bottom: 0px;
}

/*Sets a border under each option except the last*/
.bapf_sfilter ul li:not(:last-child) {
	border-bottom: 1px solid #eee;
}

/*Sets a max width for the attributes so the word breaks properly*/
.bapf_sfilter ul li label{
	max-width: 210px; 
}

.bapf_sfilter .bapf_clr_span {
	margin: 2px;
}

.arozzi_filter_colors ul li {
	border-bottom: 0px !important; 
	
}
.arozzi_filter_colors ul li label{
padding-left: 0px !important;
padding-right: 1rem !important;
}

/*Ajax Loading Icon*/
.bapf_lcontainer {
    width: 352px;
    height: 198px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 40%;
	left: 0px;
	right: 0px;
	bottom: 0px;
}


/*Option text*/
.bapf_sfilter ul li label {
	color: #222; 
	font-size: calc(13px * var(--rio-typo-ratio,1));
	padding: 1rem 0 1rem 1rem;
}
.bapf_sfilter ul li label:hover {
	color: var(--rio-primary-color,#27c);
}


/*Centers the clear button*/
.arozzi_filter_clear .bapf_body {
	text-align: center; 
}

/*Clear button*/
.arozzi_filter_clear .bapf_body .bapf_button {
margin-top: 30px;
font-size: calc(14px * var(--rio-typo-ratio,1));
padding: .4em .6em;
min-width: 87px;
width: 80%;
border-radius: 2px;
color: var(--rio-primary-color,#27c);
border: 2px solid var(--rio-primary-color,#27c);
background-color: transparent;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.085em;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
cursor: pointer;
transition: color 0.3s,border-color 0.3s,background-color 0.3s;	
}
.arozzi_filter_clear .bapf_body .bapf_button:hover {
	background-color: var(--rio-primary-color,#27c);
	color: #fff;	
}


/*Tooltip box*/
.tippy-content {
	padding: 10px 15px;
}
.tippy-box {
max-width: 450px !important;
padding: 5px; 
line-height: 1.6;
}

@media (max-width: 796px) {
	.tippy-box {
		margin-left: -80%;		
		max-width: 320px !important;
		width: 320px !important;
		
	}
	.tippy-arrow {
		display: none; 
	}
}

/*Checkbox on the color swatches. First we remove the original "check" which was rotation.*/
.bapf_sfilter.brchecked_rotate input:checked + label .bapf_clr_span {
	transform: none; 
}
.bapf_sfilter.brchecked_rotate input:checked + label .bapf_clr_span::before {
transform: none; 
content: '\f00c';
font-size: 16px;
font-weight: 900;
font-family: 'Font Awesome 5 Free';
display: block;
line-height: 24px;
outline: none;
color: white;
text-shadow: 0px 0px 2px rgb(0, 0, 0);
}

/*Selected filters - margin between X and Attribute*/
.braapf_unselect i {
	margin-right: 4px;
}
.berocket_aapf_widget_selected_filter .bapf_sfa_taxonomy {
	line-height: 1;
	margin-top: 1rem;
	border-bottom: 1px solid #eee;
}
.berocket_aapf_widget_selected_filter .bapf_sfa_taxonomy ul {
	margin-bottom: 1rem;
}

/*Price filter*/
.irs--round .irs-bar{
	background-color: #ff5659;
}
.irs--round .irs-from, .irs--round .irs-to {
	background-color: #ff5659;
}
.irs--round .irs-from::before, .irs--round .irs-to::before {
	border-top-color: #ff5659;
}

.irs--round .irs-handle {
	border-color: #ff5659;
}

/**************Custom Products Page********************/
/*Removes the normal header*/
.page-id-81419 .ptb-block, .page-id-262534 .ptb-block, .page-id-317583 .ptb-block, .page-id-317597 .ptb-block, .page-id-317643 .ptb-block, .page-id-349269 .ptb-block, .page-id-351664 .ptb-block, .page-id-353308 .ptb-block, .page-id-435695 .ptb-block, .page-id-438291 .ptb-block, .page-id-443093 .ptb-block, .page-id-483955 .ptb-block, .page-id-485488 .ptb-block, .page-id-485795 .ptb-block, .page-id-532291 .ptb-block, .page-id-532714 .ptb-block, .page-id-532825 .ptb-block {
	display: none; 	
}

.term-custom-products .ptb-block {
	display: none; 
}

.term-custom-products #main {
	margin-top: -2.5em; 
}

/**************Support page********************/


.support_contact_text {
	font-size: 1.2em;
	line-height: 30px;
}
@media (max-width: 1400px) {
	.support_contact_text {
			font-size: 1rem; 
	}
}

/*Removes the normal header*/
.page-id-221223 .ptb-block, .page-id-262529 .ptb-block {
	display: none; 	
}


 
/*360 test*/
.page-id-144267 .page-header {
	display: none; 	
}

/*Ger H3 elementen i klickboxen en hovereffect*/
.elementor-icon-box-title a:hover {
	color: #FF5659;
}

/*Accordion Tab - Removes the border between the question and answer*/
.elementor-accordion .elementor-tab-content {
	padding: 0em 1em 0em 1em !important;
	border-top: 0 !important;
}

/**************Contact page********************/
.page-id-4407 .ptb-block, .page-id-242794 .ptb-block {
	display: none; 	
}



/*Category Menu (large screens)*/
.arozzi_category_menu li a i {
	font-size: 40px; 
}
.arozzi_main_menu li a i {
	font-size: 25px;
	line-height: inherit;
}


/*Contact form 7 Styling*/


.wpcf7-form input.arozzi_cn7_input, .wpcf7-form input.arozzi_cn7_input_read_only, .wpcf7-form span textarea.arozzi_cn7_textarea {
	border-bottom: 1px solid #c5c5c5;
	background: transparent;
	font-weight: 500; 
	color: #1b1f23 !important; 
	padding: 1rem 0.5rem;
	transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
    transition-timing-function: ease, ease, ease, ease;
    transition-delay: 0s, 0s, 0s, 0s;
	margin-bottom: 10px;
	padding-bottom: 0;
}



.wpcf7-form span textarea.arozzi_cn7_textarea  {
	min-height: 25rem;	
}


.wpcf7-form input.arozzi_cn7_input:focus::placeholder, .wpcf7-form span textarea.arozzi_cn7_textarea:focus::placeholder {
	color: #1b1f23 !important;
	font-weight: 500;
}

.wpcf7-form input.arozzi_cn7_input::placeholder{
	color: #999; 
}

.wpcf7-form input.arozzi_cn7_input_read_only:focus::placeholder{
	color: #1b1f23 !important;
	font-weight: 500;
}

.wpcf7-form input.::placeholder{
	color: #1b1f23; 
}



.wpcf7-form .wpcf7-form-control-wrap span {
	margin-top: 0; 
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
	background: #333; 
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
	background: #FF5659; 
	color: #fff;
}
.file_upload_text1{
	width: 100%;	
	color: #666;
	margin-top: 15px;
}
.file_upload_text2{
	width: 100%;	
	margin-bottom: 7px;
	color: #666;
}

.arozzi_cn7_button {
	margin-top: 25px;
	background-color: var( --e-global-color-secondary );
	color: #ffffff;
	min-height: 47px;
	cursor: pointer; 
	font-size: 16px;
	padding: 15px 30px;
	border: 0;
	line-height: 1;
	transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
    transition-timing-function: ease, ease, ease, ease;
    transition-delay: 0s, 0s, 0s, 0s;				
}

.arozzi_cn7_button::after {
	content: "\e97f";
    font-family: 'riode';
    margin-left: 6px;
    font-size: 16px;
    font-weight: 400;
}
.arozzi_cn7_button:hover {
	background-color: var( --e-global-color-f334633 );	
}
/*Acceptance GDPR*/
.arozzi_gdpr_text {
	font-size: 0.9em; 	
	margin-bottom: 5px;	
}
.arozzi_form_acceptance{
	margin-left: -15px; 
}
.wpcf7-form-control-wrap .wpcf7-list-item {
	margin-left: 0; 
}
.arozzi_cn7_header {
	font-weight: 500;
	font-size: 1.2em;
	margin-top: 1em;	
}

.arozzi_cn7_select {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin-bottom: 0.5em;
	padding-left: 0 !important;
	padding-bottom: 0 !important;
	max-width: 100%;
	font-weight: 500;
	background-color: transparent;
}

@media (max-width: 796px) {
	.file_upload_text1, .file_upload_text2, .wpcf7-list-item-label {
		font-size: 0.9em; 
	}
}


/***********AFFILIATE WP FORM**********/

.affwp-form input[type=text], .affwp-form input[type=password] {
	padding: 6px;
	padding-left: 8px; 
}



/***************Custom Product Page*********/

.customized_ingress {
	line-height: initial; 
}

.fpd-catalog-customize {
	background-color: #333;
	border-color: #000;
}


/*****************THREAD COLORS***********/
.thread_colors_box {
	width: 100%;
	height: 100%;
	margin-top: 15px;
	display: inline-block; 

}

.thread_box {
	width: 16.66%;
	height: 60px;
	float: left;
	margin-top: 20px;
}

@media all and (max-width: 980px) {	
	.thread_box {
		width: 20%; 
	}
}

@media all and (max-width: 820px) {	
	.thread_box {
		width: 25%; 
	}
}
@media all and (max-width: 640px) {	
	.thread_box {
		width: 33.333%; 
	}
}

@media all and (max-width: 540px) {	
	.thread_box {
		width: 50%; 
	}
}

.thread_color {
	height: 35px;
	width: 35px;
	margin-top: 10px;
	float: left;
	border-radius: 70px;
}

.thread_color_name {
	margin-left: 43px;
	line-height: 20px;
	text-align: left;
	margin-top: 7px;
}

/*****************THREAD COLORS END***********/


/*****************FOOTER***********/

@media all and (max-width: 768px) {	
	.footer_trustpilot{
		margin-top: 2em;
	}

}


/*Newsletter text*/
#footer h6 {
	font-weight: 400;
	line-height: 18px; 
}

/*Newsletter*/
.arozzi_newsletter_form_input{
	width: 65%;
	background: #2c2c2c;
	padding: 0 1.8rem;
	font-size: 12px !important;
	border-radius: 3px 0 0 3px;	
	height: 50px;
	color: #999;
}

.arozzi_newsletter_form_btn {
	font-family: 'Poppins';
	margin-left: -4px;
	border-radius: 0 3px 3px 0;
	font-size: 13px;
	width: 35%;
	padding: 1.17em 0em;
}
@media all and (min-width: 1400px) {	
	.arozzi_newsletter_form_btn:after{
		content: "\e97f";
		font-family: 'riode';
		margin-left: 6px;
		font-size: 16px;
		font-weight: 400;
		line-height: 0.7;
	}

}


/***************PRODUCT PAGE********************/

/*Size of the color swatches*/
.variations_form .product-variations.list-type > * {
	min-width: 32px;
	height: 32px;
}

/*Product Specifications Table*/
@media(max-width: 1480px) {
	.dwspecs-product-table {
		padding-left: 1em;
		padding-right: 1em;
	}	
}

@media(max-width: 768px) {
	.dwspecs-product-table {
		padding-left: 0em;
		padding-right: 0em;
	}		
	
	.dwspecs-product-table td {
		width: 100%;
		padding: 0px 0px;
		display: block;
	}	
	.dwspecs-product-table-group table td:first-child, table th:first-child {
		padding-left: 0;	
		font-weight: 600;
		color: #fff;
		border-bottom: 0;
	}
	.dwspecs-product-table > .dwspecs-product-table-group:not(:first-child) {
		margin-top: 2.5rem;	
	}
	.dwspecs-product-table-group table{
		border-collapse: separate;
		border-spacing: 0px 1rem;
	}
}


.product-menu {
	
}

.product-title{
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    text-align: center;
    grid-gap: 30px;
    width: 100%;
	padding-right: 20px
}

.product-title:before,
.product-title:after {
    content: '';
    border-top: 2px solid;
	border-color: #EDEEF0;
}

@media(max-width: 768px) {
	
	.product-title {
		padding: 0; 
		display: inline-block;
		
	}
	.product-title h2 {
		font-size: 1.7em;
	}
	.elementor-icon .fa-arrow-up {
		font-size: 28px;
	}

	.product-title:before,
	.product-title:after{
		border: 0;

	}
}
.product_testimonial {
  background: #fff;
  border: 1px solid #ccc
}

.product_testimonial .testimonial-boxed .comment {
font-style: italic;
}

 .product_testimonial {
    width: 25% !important;
    margin-left: 15px;
    margin-right: 15px
 }
@media(max-width: 1600px) {
 .product_testimonial {
    width: 45% !important;
margin-bottom: 20px !important;
 }
}
@media(max-width: 700px) {
 .product_testimonial {
    width: 100% !important;
margin-bottom: 20px !important;
   
 }
}
.product_testimonial:hover {
box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05);
}
.product_testimonial img {
width: 100% !important;
border-radius: 0% !important;
}

/*Function Badges*/
.function_badges img, .function_badges_small_screen img {
	outline: 2px dashed #000;
	image-rendering: -webkit-optimize-contrast; /*Better picture on Chrome and IE*/
	image-rendering: optimizequality; /*Firefox*/
	outline: 2px dotted #ddd;
	background: #f2f3f5;	
}

/*function_badges_small_screen*/

@media(max-width: 1800px) {
	.function_badges {
		width: 25% !important;
		max-width: 25% !important;
	}
}
@media(max-width: 1500px) {
	.function_badges {
		width: 33% !important;
		max-width: 33% !important;
	}
}
@media(max-width: 1100px) {
	.function_badges {
		width: 50% !important;
		max-width: 50% !important;
	}
}
@media(max-width: 768px) {
	.function_badges {
		width: 33% !important;
		max-width: 33% !important;
	}
}
@media(max-width: 1280px) {
	.function_section_large_screen {display: none;}	
	.trust_badges_large_screen {display: none;}	
	.function_section_small_screen {display: block !important;}
	.trust_badges_small_screen {display: block !important;}
}

/***************CART & CHECKOUT***********************/

/*Stripe payment styling*/
.payment_method_stripe .form-row label:not(.checkbox) {
	margin-bottom: 0px !important; 
	margin-top: 1rem !important;
}

#wc-stripe-new-payment-method {
	width: 18px !important; 
}
.woocommerce-SavedPaymentMethods-saveNew {
	padding-top: 5px; 
}

/*The shipping calc had wrong margins*/
.shipping-calculator-form {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

/*Stripe Payment form*/
.wc-credit-card-form  {
	border: 0 !important;
	padding-left: 0 !important;
	margin-top: 10px !important;
}



/*Changes the color of the Total text. */
.cart-information th {
color: var(--rio-heading-color,var(--rio-body-color)) !important;
}

/*Paymeny type radio button margin fix*/
#payment input[type="radio"]:checked::before {
	margin-bottom: 3px; 
}

.woocommerce-cart .woo-page-header, .woocommerce-checkout .woo-page-header {
	background: #fff !important;
}
.woocommerce-cart .main, .woocommerce-checkout .main {
	background: #fff !important;
}

.form-row [type="text"], .form-row [type="tel"], .form-row [type="password"], .form-row [type="email"], .form-row textarea {
	background-color: #fff;
}
.woocommerce-checkout-review-order {
	background: #fff; 
}

/*Styles the info text that is shown for countries that pay custom surcharges*/
.custom_switzerland th {
	line-height: 1.2 !important;
	font-size: 1.1em !important;
}
/*Places the surcharge to the right*/
.fee td {
	text-align: right; 
}

/*The info text about shipping costs*/
.shipping_method_info {
	margin-top: 1em;	
	font-size: 0.9em;
}


.shipping-notice{ 
	margin-bottom: 2.617924em;
	background-color: #3d9cd2;
	margin-left: 0;
	border-radius: 2px;
	color: #fff;
	clear: both;
	border-left: .6180469716em solid rgba(0,0,0,.15);
	padding: 1em 2em 1em 4.5em;
	position: relative;
	list-style: none outside;
}
.shipping-notice::before {
	content: '\f0d1' !important;
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	top: 0.2em;
	left: 1.5em;
	color: #fff;
	font-size: 1.7em;
	margin-left: -20px;
	margin-right: 20px;
}

.brexit_notice{
	background-color: #d90505;
	margin-bottom: 2.617924em;
	margin-left: 0;
	border-radius: 2px;
	color: #fff;
	clear: both;
	border-left: .6180469716em solid rgba(0,0,0,.15);
	padding: 1em 2em 1em 3.5em;
	position: relative;
	list-style: none outside;
}

.brexit_notice::before {
	content: '\f06a' !important;
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0.5em;
	color: #fff;
	font-size: 2em;
}
.brexit_notice_header {
color: #fff;
border-bottom: 1px solid white;
text-align: center;
padding-bottom: 0.5em;
}

/*WISHLIST*/
/*Fixes the button issues on longer text - remove if needed!!*/
.shop_table .product-add-to-cart .button {
	display: inline;
}