/*
Theme Name: SKT Clover
Theme URI: https://www.sktthemes.org/shop/wordpress-flower-shop-theme-free
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: SKT Clover is a florist WordPress theme. It is meant for floral shop and boutique or bloom shop. It is ideal for floral designers, flower arrangers, and botanical stylists. It is WooCommerce and Elementor compatible. Whether you're a flower merchant, flower seller, or flower vendor you can use this flexible and scalable template to showcase your products like flowering plants, florets, blossom, buds and posies. Documentation : https://www.sktthemesdemo.net/documentation/skt-plants-doc
Template: skt-plants
Version: 1.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: skt-clover
Tags: two-columns,right-sidebar,full-width-template,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,featured-images,footer-widgets,translation-ready,rtl-language-support,custom-logo,editor-style,custom-header,blog,e-commerce,portfolio

SKT Clover is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

SKT Clover WordPress Theme has been created by SKT Themes(sktthemes.org), 2025.
SKT Clover WordPress Theme is released under the terms of GNU GPL
*/
a{color:#a4bf91;}
a:hover{color:#5e8642; text-decoration:underline;}
.logo{padding:32px 70px 0 0;}
#logo-main a:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus{outline: thin dotted #5e8642;}
.cols-3 ul li a{font-size:17px; color:#343434;}
#sidebar ul li a:hover, .blog_lists h4 a:hover, .recent-post h6 a:hover, .recent-post a:hover, .design-by a, .tagcloud a, .blocksbox:hover h3, .rdmore a, .header-phone-number, #sidebar li a:hover, .main-navigation ul li ul li a, .footer-row .cols-3 ul li a:hover, .footer-row .cols-3 ul li.current_page_item a, .footer-row .cols-3 ul li.current-menu-item a, #sidebar ul li a:hover, .main-navigation ul li:hover a, .main-navigation ul li a:focus, .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a{color:#5e8642;}
#sidebar .wp-block-group{padding-top:15px;}
#sidebar ol, #sidebar ul{margin-bottom:0px;}
#sidebar ul li{padding:4px 0;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar label{font-family: 'Playfair Display';}
#sidebar h2, #sidebar label{font-size: 24px;}
#sidebar .wp-block-latest-comments__comment{margin-bottom:0px;}
#navigation{width:70%; text-align:right; font-family:'Playfair Display'; font-size:20px; font-weight:600;padding-top: 60px;}
body.page-template-builder-fullwidth-std .header{border-bottom:none;}
.header-extras li{background-color:transparent;}
.custom-cart-count{background-color: #000;}
.main-navigation ul li a{font-size:18px; font-weight:500;}
.main-navigation ul ul{background-color:#FFF;}
.main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus{background: #5e8642;}
.header-extras{float:left;}
.logo h2{font-family:'Playfair Display'; font-size:34px; font-weight:500;}
body.wp-custom-logo .logo{padding: 20px 20px 20px 0;}
.sticky{border-right-color:#5e8642;}
.blog_lists h4 a{color:#0c1d00;}
#sidebar{background: #f6f4f4; padding: 25px 30px; border-radius: 6px;}
.wp-block-latest-comments__comment-date{padding-left:7px;}
.wp-block-search__inside-wrapper{display: flex; border: 2px solid #a4bf91; border-radius: 25px; overflow: hidden; background: #fff;}
.wp-block-search__input{flex-grow: 1; border: none; padding: 10px; font-size: 16px; outline: none;}
.wp-block-search__button{background: #a4bf91; color: #fff; border: none; padding: 10px 15px; cursor: pointer; transition: background 0.3s;}
.wp-block-search__button:hover{background: #5e8642;}
.wp-block-heading{font-size: 20px; color: #0c1d00; margin-top: 20px; padding-bottom: 5px;}
.wp-block-latest-posts__list{list-style: none; padding: 0;}
.wp-block-latest-posts__post-title{display: block; text-decoration: none; color: #007bff; padding: 0; transition: color 0.3s;}
.wp-block-latest-posts__post-title:hover{color: #0056b3;}
.wp-block-latest-comments{list-style: none; padding: 0;}
.wp-block-latest-comments__comment-meta{font-size: 14px; color: #555;}
.wp-block-latest-comments__comment-author{font-weight: bold; color: #007bff; text-decoration: none; transition: color 0.3s;}
.wp-block-latest-comments__comment-author:hover{color: #0056b3;}
.wp-block-latest-comments__comment-link{text-decoration: none; color: #333; transition: color 0.3s;}
.wp-block-latest-comments__comment-link:hover{color: #007bff;}
.pagination .nav-links span.current, .pagination .nav-links a:hover{background:#a4bf91;}
.black-title h1{top:40%;}
.inner-banner-thumb{min-height:300px;}
.inner-banner-thumb img{max-height:300px;} 
.inner-banner-thumb h1{color:#0c1d00;}
.copyright-wrapper{background-color:#8ca877;}
.footerarea{background-color: #a4bf91;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{font-family:'Playfair Display';}
.footer-row .cols-3:nth-child(1){width:37%;}
.footer-row .cols-3:nth-child(2){width:28%; margin:0 2%;}
.footer-row .cols-3:nth-child(3){width:28%; margin:0 0 0 2%;}
.ftr-widg{padding:60px 0 60px 0;}
.widget-column-1 h2{margin-top:0px;}
.widget-column-2{background: #ffffff; border-radius: 15px; min-height: 385px; padding: 20px 40px;}
.widget-column-3{background: #ffffff; border-radius: 15px; min-height: 385px; padding: 20px 40px;}
.widget-column-2 h1, .widget-column-2 h2, .widget-column-2 h3, .widget-column-2 h4, .widget-column-2 h5, .widget-column-2 h6{color:#0c1d00;}
.widget-column-3 h1, .widget-column-3 h2, .widget-column-3 h3, .widget-column-3 h4, .widget-column-3 h5, .widget-column-3 h6{color:#0c1d00;}
.copyright-txt{padding:25px 0;}
.copyright-txt a{color:#FFF; text-decoration:underline;}

.header .reservation-button{
  background-color: #000;
  color: #fff;
  font-size: 18px;
  padding: 12px;
}
.header .reservation-button:hover{
	color: #fff;
}
.header .reservation-link{
 width: auto;
 height: auto;
}
#footer-contact h4{
	font-size: 18px; 
	font-weight: 500;
}
#footer-contact p{
	font-size: 15px;
}
#footer-contact a{
	font-size: 15px;
	color: #000;
}
#footer-contact a:hover{
color: #000;
}
#footer-contact .e-grid{
	margin: 0px;
	padding: 0px;
}
#bottom-gallery a .e-gallery-image{
	height: 450px;
}
#elementor-footer .elementor-widget-container{
	background-color: #fff;
}

#inner-banner-curve{
	clip-path: ellipse(80% 100% at 50% 0%);
}
.elementor-button-white{
	background-color: #fff;
  width: 200px !important;
  font-size: 14px !important;
  display: block;
  text-align: center;
  color: #000 !important;
}

.elementor-button-black{
	background-color: #000;
  width: 200px !important;
  padding: 20px;
  font-size: 14px !important;
  display: block; 
  text-align: center;
  color: #fff !important;
}

#underline-heading h3{
	border-bottom: solid 1px;
	padding-bottom: 50px;
}
#legacy-footer h4{
	font-size: 22px;
  font-weight: 500;
}
#legacy-footer a{
	color: #000;
}
#legacy-footer a:hover{ 
	color: #000;
}
#menu-slides img.swiper-slide-image{
	height: 392px;
}
#menu-slides .elementor-swiper-button{
	top: 110%;
}
#menu-slides .elementor-swiper-button svg{
 font-size: 22px;
}
#menu-slides .elementor-swiper-button-next{
	left: 40px;
}
.gform_wrapper .gform-field-label{
	color: #000!important;
	font-family: popping;
}
.gform_wrapper .gfield_required{
	color: #949494 !important;
}
.gform_wrapper .gform-field-label--type-sub{
	font-weight: 500 !important;
}
.gform_wrapper .gform_heading,.gform_validation_errors{
	display: none !important;
	visibility: hidden !important;
}
.gform_wrapper .gf-field-custom input,.gform_wrapper .gf-textarea-custom textarea,.gform_wrapper .gf-select-custom select{
    border: none !important;
    border-bottom: solid 1px #737373 !important;
    background-color: transparent !important;
    box-shadow: none;
}
.gform_wrapper .gf-field-custom input:hover,.gform_wrapper .gf-textarea-custom textarea:hover,.gform_wrapper .gf-select-custom select:hover{
	outline: none!important;
	border-bottom: solid 2px #000 !important;
}	
.gform_wrapper .gform-footer .gform_button{
	background-color: #000 !important;
	color: #fff !important;
	padding: 20px !important;
  border: none !important;
  border-radius: 0px !important;
}
.gform_wrapper .gform-footer #gform_submit_button_2{
	text-align: center !important;
}
#gform_2 .gform_footer{
	display: block !important;
	text-align: center;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
  outline: none;
  box-shadow: none;
}

.gform_wrapper input:focus:not(:focus-visible),
.gform_wrapper textarea:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.elementor-swiper .twbb_slides-wrapper{
	padding: 0px;
	margin: 0px; 
}
.elementor-swiper .twbb_slides-wrapper .swiper-slide-bg{ 
	background-position: left;
	margin-bottom: 10px;
}
.elementor-swiper .twbb_slides-wrapper .elementor-slide-button {
	margin-top: 10px;
}
.anchor-border a{
	border-bottom: solid 1px #000;
	color: #000 !important;
}
.black-color a
{
	color: #000 !important;
}
a,a:hover,a:visited,a:focus{
	outline: none!important;
	color: #000;
}

.products .product .woocommerce-loop-product__title,ul.products li.product .price{
	margin: 0px !important;
	padding-left: 0px;
  margin-left: 0px !important;
}
ul.products li.product .price .amount,ul.products li.product a .price{ 
	color: #000 !important;
}
.main-navigation li a img{
	float: left;
	margin-right: 5px;
}
.main-navigation ul li ul li a{
	padding-top: 10px;
  padding-bottom: 10px;
  line-height: normal !important;
}
.woocommerce-page .container #content_navigator{
	width: 1258px;
  margin: 0 auto;
}
 .woocommerce div.product form.cart button{
	width: 100%;
 }
.woocommerce-page .container .input-text{
	background-color: transparent !important;
  width: 100%;
  display: block;
}
.woocommerce div.product form.cart div.quantity{
	width: 100%;
}
.woocommerce div.product .flex-direction-nav{
	display: none;
	visibility: hidden;
}
.woocommerce div.product div.images .flex-control-thumbs{
	float: left;
  width: 75px;
  margin-top: 0px !important;
}
.woocommerce-product-gallery .flex-viewport{
	float: right;
  width: 82%;
}
.woocommerce div.product div.images .flex-control-thumbs li{
	float: none !important;
	width: auto !important;
	margin-bottom: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
	height: 95px !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
	margin-top: 0px !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button,.cky-notice-btn-wrapper .cky-btn,#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
	background-color: #000 !important;
  color: #fff !important;
  font-weight: normal;
}
.cky-preference-content-wrapper .cky-show-desc-btn,.cky-accordion-header .cky-always-active,.variations .reset_variations,.woocommerce table .product-name a{
	color: #000 !important;
	text-decoration: underline !important;
  font-weight: 500;
}
.cky-preference-content-wrapper .cky-show-desc-btn:hover,#pwgc-purchase-container input.pwgc-input-text,#pwgc-purchase-container textarea{
	background-color: transparent !important;
}

#pwgc-purchase-container label,.variations label{
 	color: #000 !important;
}
.woocommerce div.product form.cart .variations select,{
	background-color: transparent;
  border: solid 1px #000;
  height: 50px;
  padding: 10px;
}
body.e-wc-message-notice .woocommerce-message{
	padding-left: 30px;
	display: inline-flex;
}
.woocommerce-notices-wrapper .woocommerce-message::before,.woocommerce a.remove{
	left: 0px;
	color: #000 !important;
}
.woocommerce table.shop_table th{
	font-weight: normal !important;
}
.woocommerce .cart_totals h2{
	font-size: 34px;
  font-weight: 500;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
	border: solid 1px #000;
}
.woocommerce a.remove:hover,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{
	background-color: #000 !important;
}

.wc-block-components-form  input, .wc-block-components-form  textarea, .wc-block-components-form  select,.wc-blocks-components-select .wc-blocks-components-select__select,.wc-blocks-components-select .wc-blocks-components-select__container{
	background-color: transparent !important; 
}
.woocommerce-cart table.cart img{
	width: auto !important;
}

.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button {
	position: absolute;
  top: 100%;
  left: 50px;
}
.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-next {
	left: 51%;
}
.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-prev {
	left: 45% !important;
}
.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button .elementor-screen-only{
  top: 100%;
  position: relative;
  overflow: visible;
  background-color: #4C4C4C;
  width: 56px;
  height: 56px;
  border-radius: 28px;
}
.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button .elementor-screen-only:hover{
	background-color: #000;
}

.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-next .elementor-screen-only::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 22px;
  height: 2px;
  background: white;
}
.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-next .elementor-screen-only,.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-prev .elementor-screen-only{
	font-size: 0px;
}

.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-next .elementor-screen-only::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(45deg);
  width: 13px;
  height: 13px;
  border-right: 2px solid white;
  border-top: 2px solid white;
}


.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-prev .elementor-screen-only::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 22px;
  height: 2px;
  background: white;
}

.elementor-5491 .elementor-element.elementor-element-831211c .elementor-swiper-button-prev .elementor-screen-only::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%) rotate(-135deg);
  width: 13px;
  height: 13px;
  border-right: 2px solid white;
  border-top: 2px solid white;
}
#philosophie-bottom-gallery .elementor-gallery-item .elementor-gallery-item__image{
	width: 197px;
	height: 255px;
}

/* Make sure the product images are stacked inside the anchor tag */
.product-hover-image-container {
    position: relative;
    display: block;
    height: 293px; /* Set the height to 293px */
    width: 293px;
    overflow: hidden; /* Ensure no overflow from images */
}

.product-hover-container {
    position: relative;
    display: block;
    height: 293px; /* Set the height to 293px */
     width: 293px;
    overflow: hidden; /* Ensure no overflow from images */
}

/* Main image (default) */
.product-image-container .main-image {
    width: 100%;  /* Ensure the image takes up the full width of the container */
    height: 100%; /* Ensure the image takes up the full height of the container */
    object-fit: cover; /* Maintain the aspect ratio and crop to fit the container */
    transition: opacity 0.3s ease-in-out;
}

/* Main image (default) */
.product-hover-image-container .main-image {
    width: 100%;  /* Ensure the image takes up the full width of the container */
    height: 100%; /* Ensure the image takes up the full height of the container */
    object-fit: cover; /* Maintain the aspect ratio and crop to fit the container */
    transition: opacity 0.3s ease-in-out;
}

/* Hover image (secondary gallery image) */
.product-hover-image-container .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain the aspect ratio and crop to fit the container */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;  /* Hide the hover image if it's not available */
}

/* When hover image is present, make it visible */
.product-hover-image-container img.hover-image {
    visibility: visible;
}

/* Switch images on hover */
.product-hover-image-container:hover .main-image {
    opacity: 0;
}

.product-hover-image-container:hover .hover-image {
    opacity: 1;
}
.woocommerce ul.products li.product a img{
	height: 100%;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link{
	display: none !important;
	visibility: hidden !important;
}
