/*
Theme Name: Razzi Child
Theme URI: https://demo4.drfuri.com/razzi/
Author: DrFuri
Author URI: http://drfuri.com
Description: Razzi Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: razzi
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: razzi
*/


/* RV-04072023 all products grey background */

.single-product .woocommerce-product-gallery__wrapper {
	background-color: #f5f5f5!important;
	border-radius: 5px;
}

.woocommerce-mini-cart-item__thumbnail img{
	background-color: #f5f5f5!important;
	border-radius: 5px;
}

.product-thumbnail{
	background-color: #f5f5f5!important;
	border-radius: 5px;
}

td.product-thumbnail{
	background-color: transparent!important;
}

.banner-image img{
	border-radius: 5px;
}

/* RV 20230704 Knoppen weer uitlijnen in het midden van de product tile */

.product-loop__buttons{
	left: 0px;
}

/* RV-04072023 all products same height no matter the size of the image */

	/* On archive page */

.product-thumbnail .woocommerce-LoopProduct-link {
    position: relative;
    height: 328px;
    overflow: hidden;
}

.product-thumbnail .woocommerce-LoopProduct-link img {
	padding: 20px;
    max-width: 100%;
    max-height: 328px;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

	/* On single product page */

.single-product .woocommerce-product-gallery__wrapper {
    position: relative;
    height: 686px;
    overflow: hidden;
	align-items: center;
}

.single-product .woocommerce-product-gallery__wrapper img {
	padding: 40px;
	height: 686px;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.single-product .woocommerce-product-gallery__wrapper .flex-viewport{
	min-height: 686px;
}

	/* On masonry grid */

ul.products.layout-masonry li.product .product-thumbnail img {
	object-fit: contain!important;
}

	/* On mobile (a little bit less height) */

@media (max-width: 767px){

	.product-thumbnail .woocommerce-LoopProduct-link {
    		height: 240px!important;
	}

	.single-product .woocommerce-product-gallery__wrapper {
   		height: 456px!important;
	}

	.single-product .woocommerce-product-gallery__wrapper img {
		height: 456px!important;
	}

	.single-product .woocommerce-product-gallery__wrapper .flex-viewport{
		min-height: 456px!important;
	}


}

/* RV-17072023 Make description gallery full width */

#description-gallery {
	width: 90vw; /* Set the nested div to 100% of the viewport width */
	position: relative; /* Required for negative margin */
	left: 45%; /* Position the nested div 50% from the left */
	right: 45%; /* Position the nested div 50% from the right */
	margin-left: -45vw; /* Compensate for half of the viewport width */
	margin-right: -45vw; /* Compensate for half of the viewport width */
}

/* RV-18072023 Make description gallery max height */

#description-gallery .ha-justified-grid__item{
	max-height: 600px;
}

#description-gallery .justified-gallery{
	max-height: 1030px;
}

/* RV-18072023 Make description carousel better on mobile */

@media only screen and (min-width: 481px) {
  #description-carousel{
    display: none!important;
  }
}

#description-carousel{
	margin-left: -25px;
	display: flex;
	align-items: stretch;
}

#description-carousel .elementor-widget-container{
	width: 100vw;
}

#description-carousel .swiper-slide{
	width: 90vw;
	object-fit: cover;
	height: 468px;
}

#description-carousel .swiper-slide-inner{
	display: flex;
	height: 100%;
}


#description-carousel img{
	object-fit: cover;
	height: 100%;
}


/* RV-20230718 make text links readable */

.woocommerce-product-details__short-description a, #tab-description a, p a, .elementor-widget-container ol a{
	color: var(--rz-color-primary);
	text-decoration: underline!important;
}


/* RV-20230719 make review section better */

	/* remove avatar and padding */

.comment_container .avatar{
	display: none;
}

.comment_container .comment-text{
	margin: 0px!important;
}

/* RV-20230719 jump top inline links with 100px */

#sizing, #setup-video {
	scroll-margin-top: 100px;
}

/* RV-20230728 Overwrite mansonry grid uneven columns on product archives */

ul.products.layout-masonry:not(.razzi-products-masonry__content) li.product:nth-child(14n+11),
ul.products.layout-masonry:not(.razzi-products-masonry__content) li.product:nth-child(14n+1) {
	grid-column: span 1!important;
	grid-row: span 1!important;
} 

ul.products.layout-masonry:not(.razzi-products-masonry__content) li.product:nth-child(1),
ul.products.layout-masonry:not(.razzi-products-masonry__content) li.product:nth-child(16n+1),
ul.products.layout-masonry:not(.razzi-products-masonry__content) li.product:nth-child(9n+1) {
	grid-column: span 2!important;
    grid-row: span 1!important;
}


/* RV-20230728 Remove catalog filters */


.catalog-toolbar-right {
	display: none!important;
}

/* RV-20230728 Brands component logo on homepage verticale align to middle */

#brands-row a{
	height: 100%;
}

/* RV-20230805 Checkbox width */

input[type=checkbox] {
	width: unset!important;
	margin-right: 10px;
}


/* RV-20230808 On cart and checkout: Make shipping costs in cart float right and remove estimation and some other small tweaks*/

.woocommerce-shipping-totals h3.shipping-title {
	float: left;
	margin-right: 5px;
	font-size: 16px!important;
    line-height: 24px!important;
    font-weight: normal!important;
}

.woocommerce-shipping-totals .woocommerce-shipping-methods, h3.shipping-title{
	font-size: 16px!important;
	line-height: 24px;
}

.woocommerce-shipping-totals .woocommerce-shipping-methods .woocommerce-Price-amount{
	float: right;
}

.woocommerce-shipping-totals .woocommerce-shipping-destination{
	display: none;
}

#order_review table.shop_table thead th:first-child{
	padding-left: 0px!important;
}

.order-total th{
	width: 100%;
}


/* RV-20230808 Make Mollie icons neater */

.mollie-gateway-icon{
	margin-left: 8px;
}

/* RV-20230808 Make space for product name in review cart bigger move VAT on next line */

.woocommerce-checkout-review-order-table .product-name{
	width:100%;
}

.order-total .includes_tax{
	white-space: nowrap;
	font-weight: normal;
	color: var(--rz-text-color);
}

.order-total th{
	vertical-align: top;
}

/* RV-20230808 Make space between payment method and terms bigger in cart */

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods{
	margin-bottom: 20px!important;
}

/* RV-20230815 Make asterix of price superscript and change position */

.woocommerce-price-suffix{
	vertical-align: super;
	margin-left: -4px;
}

.single-product .summary-price-box .woocommerce-price-suffix{
	display: none!important;
}

/* RV-20230815 Remove "in stock" because its added to delivery time */

.single_variation_wrap .single_variation, .woocommerce-variation-availability{
	display: none!important;
}

/* RV-20230815 Make delivery time green on PDP */

.single-product .summary .delivery-time-info{
	color: green;
}

/* RV-20230815 Make "shipping costs" next to price link less heavy */

.single-product .shipping-costs-info a{
	color: var(--rz-text-color)!important;
}


/* RV-20230815 Make space between delivery time and variation select smaller */

.single-product div.product.product-type-variable form.cart{
	margin-top: 20px!important;
}

/* RV-20230815 Remove reset variations cross */

.reset_variations{
	display: none!important;
}

/* RV-20230815 Change background of lightbox */

.delivery-time-shipping-option{
	clear: both;
	line-height: 0px;
	margin-bottom: 24px!important;
	font-size: 15px;
	color: var(--rz-text-color);
}

/* RV-20230815 Change footer text size and paddings */

.footer-extra .footer-container{
	padding: 0px 0px 0px 0px!important;
}

.footer-extra .footer-container .custom-text{
	font-size: 14px;
}

/* RV-20230818 Change footer text size and paddings */
.form-bottom-margin{
	margin-bottom: 20px!important;
}

/* RV-20231020 Remove in stock message */
.rz-stock{
	display:none;
}

/* RV-20231106 Contact form styling */

.nf-form-fields-required{
	display: none;
}

.nf-field-label label{
	font-weight: 400!important;
}

.label-above .nf-field-label{
	margin-bottom: 0!important;
}


.ninja-forms-req-symbol, .nf-req-symbol{
	color: #525252!important;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
	background: none!important;
}

#nf-label-field-15 a, #nf-label-field-10 a, #nf-label-field-22 a{
	color: var(--rz-color-primary);
	text-decoration: underline!important;
}

.nf-field-element input[type=submit] {
	font-weight: 500;
    font-size: 16px;
    line-height: 50px;
    display: inline-block;
    background-color: var(--rz-background-color-dark)!important;
    color: var(--rz-color-lighter);
    padding: 0 37px;
    text-align: center;
    transition: ease .3s;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.nf-field-description p{
	font-size: small;
}

/* RV-20231112 Change padding of shirt products */

.product-thumbnail img[src*="go_fast"], .product-thumbnail img[src*="Rhino_t-shirt"], img.wp-post-image[src*="go_fast"], img.wp-post-image[src*="Rhino_t-shirt"]{
    padding-bottom: 0px;
}


/* RV-20231115 Lightbox background and icons */

.dialog-type-lightbox{
	background-color: rgba(245, 245, 245, .9);
}

.elementor-lightbox .elementor-lightbox-image{
	box-shadow: none;
}

.elementor-lightbox {
	--lightbox-ui-color: grey;
	--lightbox-ui-color-hover: black;
}

.elementor-slideshow__header .eicon-share-arrow{
	display: none;
}

/* RV-20231122 Store notice black friday */

.demo_store {
	background-color: black!important;
	color: var(--rz-background-color-primary)!important;
	font-weight: 600!important;
	font-style: italic!important;
}

/* RV-20231122 Black friday countdown */


.razzi-banner .razzi-countdown .digits, .razzi-banner .razzi-countdown .text, .razzi-banner .razzi-countdown .divider{
	font-size: 32px!important;
}

/* RV-20231207 Label of variation swatch labels showing up bug */

.wcboost-variation-swatches--image .wcboost-variation-swatches__name{
	clip: rect(1px, 1px, 1px, 1px)!important;
	clip-path: inset(50%)!important;
}

/* RV-20231220 Scroll to top fix */

#anchor {
  scroll-margin-top: 100px;
}

/* RV-20240306 Product bundle PDP fixes */

.bundle_form {
	margin-top: 24px;

}

.bundle_form .variations td.label {
	margin-bottom: 20px;
	color: #111;
}

.bundle_form .variations td.value {
	margin-bottom: 30px!important;
}

.bundle_form .product.bundled_product_summary {
	padding-bottom: 0px!important;
}

.bundle_form .variations select {
	width: 100%;
    margin-right: 0;
    background-color: transparent;
    padding: 11px 15px 10px;
    text-transform: capitalize;
    cursor: pointer;
    border: 1px solid #d9d9d9;
}

.product-button-wrapper .bundle_button {
	display: flex;
}

.attribute_value_static {
    display: none;
}

/* RV-20240306 Product bundle Cart fixes */

.bundle_table_item td.product-content{
	margin-bottom: -24px;
}

.bundled_table_item, .bundled_table_item .product-content{
	min-height: unset!important;
	padding: 0!important;
}

.bundled_table_item .product-top{
	margin-top: 5px;
}

.bundled_table_item td.product-thumbnail{
	padding: 0!important;
}

.bundled_table_item .product-top a{
	color: var(--rz-text-color-gray);
	font-size: 15px;
	position: relative;
	float: left;
}

.bundled_table_item .product-top dl.variation{
	position: relative;
    float: left;
    margin-left: 20px!important;
    width: 70%;
}


.bundled_table_item .product-bottom{
	display: none!important;
}

.bundle_table_item .product-content{
	padding-bottom: 0px!important;
}

.wcboost-variation-swatches__item-rx-uncoated {
	display: none;
}

/* RV-20240418 - Custom local fonts */

@font-face {
	font-family: 'jost';
	src: url("fonts/Jost-Black.woff2") format("woff2"),
		 url("fonts/Jost-Black.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'jost';
	src: url("fonts/Jost-Bold.woff2") format("woff2"),
		 url("fonts/Jost-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'jost';
	src: url("fonts/Jost-SemiBold.woff2") format("woff2"),
		 url("fonts/Jost-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'jost';
	src: url("fonts/Jost-Medium.woff2") format("woff2"),
		 url("fonts/Jost-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: 'jost';
	src: url("fonts/Jost-Regular.woff2") format("woff2"),
		 url("fonts/Jost-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: 'jost';
	src: url("fonts/Jost-Regular.woff2") format("woff2"),
		 url("fonts/Jost-Regular.woff") format("woff");
	font-weight: regular;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: 'jost';
	src: url("fonts/Jost-Light.woff2") format("woff2"),
		 url("fonts/Jost-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: 'jost';
	src: url("fonts/Jost-ExtraLight.woff2") format("woff2"),
		 url("fonts/Jost-ExtraLight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: 'jost';
	src: url("fonts/Jost-Thin.woff2") format("woff2"),
		 url("fonts/Jost-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/* RV-20240610 Hide product meta without warranty info */

.product_meta span.sku_wrapper, .product_meta span.posted_in {
	display: none!important;
}

/* RV-20240705 Storage rack bundle */

#product-11997 .bundle_sells_title h3,
#product-31652 .bundle_sells_title h3,
#product-31624 .bundle_sells_title h3,
#product-31585 .bundle_sells_title h3,
#product-31610 .bundle_sells_title h3,
#product-31644 .bundle_sells_title h3 {
	font-size: 18px!important;
}

#product-11997 .bundled_product_excerpt,
#product-31652 .bundled_product_excerpt,
#product-31624 .bundled_product_excerpt,
#product-31585 .bundled_product_excerpt,
#product-31610 .bundled_product_excerpt,
#product-31644 .bundled_product_excerpt {
	display: none!important;
}

#product-11997 .bundle_form h4.product_title, 
#product-31652 .bundle_form h4.product_title, 
#product-31624 .bundle_form h4.product_title, 
#product-31585 .bundle_form h4.product_title, 
#product-31610 .bundle_form h4.product_title, 
#product-31644 .bundle_form h4.product_title {
	font-size: 18px!important;
	margin-bottom: 0px;
}


#product-11997 .bundle_form .price, 
#product-31652 .bundle_form .price, 
#product-31624 .bundle_form .price, 
#product-31585 .bundle_form .price, 
#product-31610 .bundle_form .price, 
#product-31644 .bundle_form .price {
	font-size: 18px!important;
}

#product-11997 .bundle_form .wc-gzd-legal-price-info, 
#product-31652 .bundle_form .wc-gzd-legal-price-info, 
#product-31624 .bundle_form .wc-gzd-legal-price-info, 
#product-31585 .bundle_form .wc-gzd-legal-price-info, 
#product-31610 .bundle_form .wc-gzd-legal-price-info, 
#product-31644 .bundle_form .wc-gzd-legal-price-info {
	font-weight: normal;
	color: var(--rz-text-color);
}

#product-11997 .bundled_item_wrap, 
#product-31652 .bundled_item_wrap, 
#product-31624 .bundled_item_wrap, 
#product-31585 .bundled_item_wrap, 
#product-31610 .bundled_item_wrap, 
#product-31644 .bundled_item_wrap {
	display: none;
}

#product-11997 .bundled_product_images, 
#product-31652 .bundled_product_images, 
#product-31624 .bundled_product_images, 
#product-31585 .bundled_product_images, 
#product-31610 .bundled_product_images, 
#product-31644 .bundled_product_images {
	width: 20%;
    background: #f5f5f5;
    padding: 20px 10px 20px 10px;
    border-radius: 3px;
    margin-bottom: 20px!important;
}

#product-11997 .details, 
#product-31652 .details, 
#product-31624 .details, 
#product-31585 .details, 
#product-31610 .details, 
#product-31644 .details {
	width: 77%;
    float: left;
    margin-left: 10px;
    margin-right: 0;
    padding: 0;
}