/* Custom CLASS to have underlined links – ^PVDB */

.textlinkbody {
    text-decoration: underline !important;
}


/* Custom CSS to override add to cart amount plus + minus default colour – ^PVDB */

.woocommerce .quantity .minus, .woocommerce .quantity .plus {
color: #aaa !important;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {	 
  display: flex;	 
  flex-wrap: nowrap; /* Prevent wrapping to the next line */	 
  overflow-x: auto; /* Allow scrolling if thumbnails extend beyond the viewport */	 
  justify-content: flex-start; /* Align thumbnails to the start */	 
  list-style: none; /* Remove bullet points */	 
  padding-left: 0; /* Remove default padding */	 
}	 

 /* Custom CSS to fix lightbox / iframe width for videos on Community page – ^PVDB  */

.elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video {
 width: auto !important ; 
}

@media (max-width: 767px) { /* This targets mobile devices */

    /* Full width for quantity input */
    .woocommerce .input-text.qty.text {
        width: 100% !important;
			margin: 0px 0px 0px 0px !important;
    }

    /* Full width for the add to cart button */
    .woocommerce button.button {
        width: 100% !important;
    }
	

}

.woocommerce .quantity {
    position: relative;
    display: inline-block;
    margin: 0 0px 0 0!important;
}




 /* Custom CSS to fix quantity and plus / minus alignment in cart page – ^PVDB */

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
text-align: center !important;
border-radius: 32px !important;
padding: 5px 5px 5px 5px !important;
max-height: 48px !important;
}

table.shop_table .quantity .minus, .woocommerce table.shop_table .quantity .plus {
margin-top: 0px !important;
}



/* 
** Contact Form 7 Styles 
*/

/* Updated radius and text color for input fields and textarea */
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="select"], 
.wpcf7-form textarea {
    border-radius: 6px;
    text-align: left;
    margin-top: 10px; /* Space between the label and the input field */
    color: black; /* Color of the text */
}

/* Ensuring the form content takes full width, but with text aligned to the left */
.wpcf7-form p {
    width: 100%; 
    text-align: left;
    margin-bottom: 15px; /* Space to the next field title */
}

/* Centering the button on the page */
.wpcf7-form .wpcf7-submit {
    border-radius: 32px;
    display: block;
    margin: 0 auto; /* This centers the button horizontally */
    width: fit-content; /* This ensures the button takes only as much width as it needs */
}



.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {	 
  margin: 0 5px; /* Add some spacing between the thumbnails */	 
}	 
.woocommerce-product-gallery .woocommerce-product-gallery__image img {	 
  object-fit: cover; /* Crop to fill the container, cutting off parts if necessary */	 
  width: 100%; /* Take up full width of its container */	 
  height: 100%; /* Take up full height of its container */	 
  display: block; /* Removes any space below the image */	 
}	 
/* 

#whr_embed_hook {
  max-width: 768px;
  margin: auto;
  text-align: center;
  padding: 0 1em;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Three columns */
  grid-gap: 24px; /* Margin between panels */
}

#whr_embed_hook .whr-item {
  background-color: #001732;
  border-radius: 32px;
  padding: 60px;
  color: white; /* Text color */
  text-align: center;
}

#whr_embed_hook .whr-title a:hover {
  color: #6cc616;
}

#whr_embed_hook .whr-location,
#whr_embed_hook .whr-date {
  font-size: 1em;
  color: #65696d;
}


/* Override border for code blocks */
.elementor-1169 .elementor-element.elementor-element-6ac93e5 pre[class*=language-],
.elementor-1169 .elementor-element.elementor-element-6ac93e5 :not(pre)>code[class*=language-],
.prismjs-solarizedlight :not(pre)>code[class*=language-],
.prismjs-solarizedlight pre[class*=language-],
pre[class*=language-] {
    border: none !important;
}


.woocommerce-product-gallery .flex-viewport {
    pointer-events: none;
}

.woocommerce-cart .woocommerce {	 
  display: flex !important;	 
}	


.uicore-extra .uicore-custom-area:not(:last-child):after {
    width: 0px;
}

.tax-total td {
    text-align: right !important;
}

.cart-discount td {
	    text-align: right !important;
}

#add_payment_method table.cart td.actions .coupon .input-text, .select2-container.select2-container--default .select2-selection--single, .variations select, .woocommerce #reviews textarea, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce-page .woocommerce form .form-row input.input-text, .woocommerce-page .woocommerce form .form-row textarea, .woocommerce-page input {
		color: black !important	
}

.woocommerce button.button, .woocommerce input.button {
    font-size: inherit;
    font-weight: 600;
    padding: 7px 35px;
    line-height: 30px!important;
    height: 44px;
    border: none;
    font-size: 15px!important;
    color: #fff !important;
    transition: all .25s cubic-bezier(.42,0,.29,1.16);
}

.woocommerce-account .woocommerce form {
    border: none;
}

.woocommerce-message {
    border-top-color: #e6309d !important
}

.woocommerce-message::before {
    content: "\e015";
    color: #e6309d !important;
}

#fkcart-modal .fkcart-coupon-applied .fkcart-coupon-code, #fkcart-modal .fkcart-coupon-applied .fkcart-summary-amount {
    color: #E6309D !important;
}

.payment_box {
    	background-color: #001732 !important;
}

#fkcart-modal .fkcart-quantity-selector .fkcart-quantity-button svg {
    color: #000000 !important;
}

.fkcart-quantity-selector {
	background-color:white;
	border-radius: 32px
}

#fkcart-modal .fkcart-coupon-area .fkcart-coupon-input-wrap #fkcart-coupon__input {
	color: white !important
}

/* Custom CSS to fix alignment / grid issue on Checkout and Cart page – ^PVDB */	 
.woocommerce form.woocommerce-checkout {	 
  display: flex !important;	 
}	 
.woocommerce-cart .woocommerce {	 
  display: flex !important;	 
}

.woocommerce .quantity {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0!important;
}

/* Remove meta data */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }

#fkcart-modal .fkcart-quantity-selector .fkcart-quantity__input {
	color: black !important
}