/*
Theme Name: Vogue Child
Theme URI: https://kairaweb.com/wordpress-theme/vogue/
Template: vogue
Author: Kaira
Author URI: https://kairaweb.com/
Description: Vogue is a very loved and easy to use WordPress theme that is ready for your next project. Build with SEO (Search Engine Optimization) settings, fully responsive and fast loading, Vogue offers multiple header layouts, custom WooCommerce design, multiple footer layouts, multiple blog layouts and a bunch of extra layout customization and full color settings, all built neatly into the WordPress Customizer. This makes Vogue very extensible for developers to customize and very easy for non-developers/designers to build a professional website. With Vogue you can easily build any type of website such as a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Works with the most popular page builders such as Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin and other top free plugins. Look no further... Give Vogue a go :) View the Vogue Demo – https://demo.kairaweb.com/#vogue
Tags: two-columns,three-columns,four-columns,left-sidebar,right-sidebar,grid-layout,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-image-header,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce,news
Version: 1.4.77.15
Updated: 2026-02-21 22:10:03

*/
.cfvsw-swatches-container{
	justify-content:center;
}
.main-navigation.stick-header.stuck{
	z-index:5!important;
}
.product_meta {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{
	box-shadow:none!important;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2)!important;
}
.header-cart-checkout i{
	font-size:24px;
}
.header-cart-amount{
	font-size:15px;
}
section{
padding-bottom:50px;
padding-top:50px;	
}
.about {
  padding-bottom: 0;
}
a.site-logo-img img{
	width:212px;
}
.header-social-icon{
	padding:5px 0 0!important;
}
.text-center{
	text-align:center;
}
.button.button-slider {
  font-size: 20px;
  color: #fff;
  background-color: #000;
  padding: 10px 10px;
}
/*category section*/
/* Το Grid Container */
.category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 ίσες στήλες */
    gap: 20px; /* Απόσταση μεταξύ των αντικειμένων */
    margin: 40px 0;
}

/* Το κάθε αντικείμενο κατηγορίας */
.category-item {
    text-align: center;
    transition: transform 0.3s ease;
}

.category-item:hover {
    transform: translateY(-5px); /* Μικρό εφέ ανύψωσης στο hover */
}

/* Στυλ για τις εικόνες */
.category-item img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* Στρογγυλεμένες γωνίες */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Ελαφριά σκιά */
    display: block;
    margin-bottom: 15px;
    object-fit: cover;
    aspect-ratio: 1/1; /* Τετραγωνισμένες εικόνες για ομοιομορφία */
}

/* Στυλ για τους τίτλους */
.category-item h3 {
    font-size: 18px;
    color: #333;
    margin: 0;
    text-decoration: none;
	text-transform:uppercase;
}

.category-item a {
    text-decoration: none; /* Αφαίρεση υπογράμμισης από το link */
}

/* Responsive σχεδιασμός για κινητά */
@media (max-width: 768px) {
    .category-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 στήλες σε tablet */
    }
}

@media (max-width: 480px) {
    .category-grid {
        grid-template-columns: 1fr; /* 1 στήλη σε κινητά */
    }
}

/* Στυλ για το κοντέινερ των tabs */
.acf-tabs {
    margin: 20px 0;
}

/* Τα κουμπιά των Tabs */
.tab-link {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    transition: 0.3s;
    font-weight: bold;
    margin-right: 5px;
	text-transform:uppercase;
}

.tab-link:hover {
    background-color: #ddd;
}

.tab-link.active {
    background-color: #000; /* Χρώμα WooCommerce */
    color: white;
    border-bottom: none;
}

/* Το περιεχόμενο (τα προϊόντα) */
.tab-content {
    border: 1px solid #ccc;
    padding: 20px;
    border-top: none;
    animation: fadeEffect 0.6s; /* Εφέ εμφάνισης */
}
/* Container για τα κουμπιά */
.tab-header {
    display: flex; /* Ενεργοποιεί το Flexbox */
    flex-wrap: wrap; /* Επιτρέπει την αλλαγή γραμμής σε μικρές οθόνες */
    width: 100%;
    gap: 0px; /* Μικρό κενό ανάμεσα στα κουμπιά */
}

/* Τα κουμπιά σε Full Width */
.tab-link {
    flex: 1; 
    min-width: 150px; 
    background-color: #f1f1f1; /* Ανοιχτό γκρι για τα ανενεργά */
    color: #000; /* ΜΑΥΡΟ κείμενο για τα ανενεργά */
    border: 1px solid #ccc;
    padding: 15px 10px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: bold;
    text-align: center;
    outline: none;
}

/* Hover και Active καταστάσεις */
.tab-link:hover {
    background-color: #e0e0e0;
}

.tab-link.active {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #000 /* Προαιρετική γραμμή έμφασης */
}
/* Το περιεχόμενο (τα προϊόντα) χωρίς περίγραμμα */
.tab-content {
    border: none; /* Αφαίρεση περιγράμματος */
    padding: 30px 0; /* Διατηρούμε λίγο κενό πάνω-κάτω για αναπνοή */
    animation: fadeEffect 0.6s;
}

/* Προαιρετικά: Αν θες τα κουμπιά να μην έχουν κενό από κάτω */
.tab-header {
    margin-bottom: 0;
}
.view-all-wrapper {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px;
}

.view-all-link {
    display: inline-block;
    padding: 12px 25px;
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.view-all-link:hover {
    background-color: #000;
    color: #fff;
}
/*parallax*/
.parallax-section {
    min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
	
}
.parallax-section h3{
	color:#fff;
	font-size:35px;
	text-transform:uppercase;
}
.parallax-overlay {
    background: rgba(0, 0, 0, 0.4); /* Σκοτεινιάζει την εικόνα για να φαίνονται τα γράμματα */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	
}

.parallax-content {
    text-align: center;
    color: white;
    z-index: 1;
    max-width: 800px;
    padding: 20px;
}

.parallax-link {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 30px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    transition: 0.3s;
}

.parallax-link:hover {
    background: #777;
	color:#fff;
	text-decoration:none;
}
/*end parallax*/
/* Προσαρμογή για κινητά */
@media screen and (max-width: 600px) {
    .tab-link {
        flex: 1 1 100%; /* Σε κινητά κάθε κουμπί πιάνει το 100% της γραμμής */
        margin-bottom: 5px;
    }
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@media (min-width: 1024px) {
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
	a.site-logo-img img{
	width:122px;
}
}
@media (max-width: 600px) {
  .category-grid {
    grid-template-columns: 1fr;
  }
}
.button.add_to_cart_button{
	margin-top:40px!important;
}
.button.product_type_simple.add_to_cart_button {
  margin-top:94px !important;
}
.cfvsw-shop-variations .cfvsw-more-link{
left: unset;
  position: absolute;
  bottom: -30px;	
}
.knitology-page { font-family: inherit; color: #333; line-height: 1.7; max-width: unset; margin: 0 auto; padding: 40px 20px; }
.knitology-page section:not(.knit-philosophy){
	padding:0;
}
.knit-header { text-align: center; margin-bottom: 50px; }
.knit-header h1 { font-size: 2.5rem; margin-bottom: 20px; font-weight: normal; color: #1a1a1a; }
.intro-text { font-size: 1.2rem; font-style: italic; color: #555; max-width: 700px; margin: 0 auto; }
.divider { border: 0; border-top: 1px solid #ddd; margin: 40px 0; }

.knit-row { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; }
.knit-row.reverse { flex-direction: row-reverse; }
.knit-col { flex: 1; min-width: 300px; }
.text-box h2 { font-size: 1.8rem; margin-bottom: 20px; font-weight: normal; }
.knit-img { width: 100%; height: auto; border-radius: 2px; }

.knit-philosophy { background: #f9f9f9; padding: 50px 30px; text-align: center; margin-bottom: 60px;margin-top: 60px;padding-top:60px;padding-bottom:60px; }
.philosophy-box h2 { letter-spacing: 2px; text-transform: uppercase; font-size: 1.4rem; margin-bottom: 20px; max-width: 700px; margin-left:auto;margin-right:auto;}
.philosophy-box{max-width: 700px; margin-left:auto;margin-right:auto;}
.knit-footer { text-align: center; padding: 40px 0; border-top: 1px solid #eee; }
.signatures { margin-top: 30px; font-size: 1.1rem; color: #666; }
.site-footer-social {
  background-color: #f9f9f9;
}
@media (max-width: 991px){
	.knit-row{
		flex-direction:column;
	}
	.knit-row.reverse{
		flex-direction:column;
	}
	.knit-col{
		min-width:100%;
	}
	.header-social-icon{
		padding: 4px 0 0 !important;
	}
}
@media (max-width: 767px){
	.caroufredsel_wrapper,.vogue-slider,.vogue-slide.box-default {
  height: 33vh !important;
}
	.vogue-slide.box-default h4.vogue-title{
		font-size:1.5em!important;
	}
	.header-cart{
		position:absolute!important;
		right:0!important;
	}
	.knit-philosophy{
		padding:40px 20px;
	}
	.knitology-page{
		padding: 20px 0;
	}
	
}
.site-header-compact .main-navigation li.button a {
  padding: 0;
  color: #fff;
  background: #000;
  border-radius: 6px;
  padding: 8px 20px;
  margin-top: 7px;
	border:1px solid #000;
	letter-spacing: 1px;
  line-height: 1.2;
  transition: 0.2s linear all;
}
.site-header-compact .main-navigation li.button a:hover{
	color:#000;
	background:#fff;
}
.site-header-compact .main-navigation li a{
	position:relative;
	 transition: 0.2s linear all;
}

.site-header-compact .main-navigation li:not(.button) a:after{
	content:'';
	width:0%;
	height:1px;
	opacity:0;
	display:block;
	position:absolute;
	bottom:0px;
	background-color:#000;
	color:#000;
	left: unset;
  transform: translateY(-15px);
  transition: 0.25s linear all;
}
.site-header-compact .main-navigation li:not(.button) a:hover:after{
	opacity:1;
	width:60%;
}
/* Ensure the image container hides the overflow when the image scales up */
ul.products li.product a img {
    transition: transform 0.5s ease;
}

/* Apply the zoom scale effect when hovering over the product card */
ul.products li.product:hover a img {
    transform: scale(1.1); /* Adjust 1.1 to your preferred zoom level */
}

/* Prevents the scaled image from bursting out of its block container */
ul.products li.product .woocommerce-loop-product__link {
    overflow: hidden;
    display: block;
}
.cfvsw_variations_form.variations_form.cfvsw_shop_align_center.variation-function-added {
  padding-bottom: 23px;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  color: #fff;
}
/*contact*/
/* Container & Base Layout Structuring */
.minimal-contact-wrapper {
    background-color: #ffffff;
    color: #111111;
    padding: 80px 20px;
    box-sizing: border-box;
}

.contact-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

/* Typography & Info Styling */
.contact-title {
    font-size: 2.3rem;
    font-weight: 300;
    letter-spacing: -0.03em;
    margin: 0 0 35px 0;
    color: #000000;
}

.contact-description {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #666666;
    margin-bottom: 40px;
}

.contact-meta-details {
    margin-bottom: 40px;
}

.meta-item {
    margin-bottom: 24px;
}

.meta-label {
    display: block;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #999999;
    margin-bottom: 4px;
}

.meta-link {
    font-size: 1.25rem;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #111111;
    transition: color 0.2s ease;
}

.meta-link:hover {
    color: #666666;
    border-color: #666666;
}

/* Social Media Array */
.social-links a {
    font-size: 1rem;
    color: #111111;
    text-decoration: none;
    margin-right: 20px;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.social-links a:hover {
    opacity: 0.6;
}

/* Dummy Image Styling */
.contact-dummy-image img {
    width: 100%;
    height: 300px;
    display: block;
    border-radius: 4px;
    filter: contrast(1.1);
	object-fit:cover;
	
}

/* Form Layout Framework */
.contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-form-group {
    margin-bottom: 24px;
}

.contact-form-group label {
    display: block;
    font-size: 0.85rem;
    font-weight: 400;
    margin-bottom: 8px;
    color: #111111;
}

/* Input Fields Styling (CF7 Structure overrides) */
.contact-form-column input[type="text"],
.contact-form-column input[type="email"],
.contact-form-column input[type="tel"],
.contact-form-column textarea {
    width: 100%;
    padding: 14px 16px;
    font-size: 1rem;
    background-color: #f7f7f7;
    color: #111111;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.contact-form-column input:focus,
.contact-form-column textarea:focus {
    outline: none;
    background-color: #ffffff;
    border-color: #000000;
}

.contact-form-column textarea {
    height: 160px;
    resize: vertical;
}

/* CF7 Submit Button Adjustments */
.contact-form-column input[type="submit"] {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    padding: 16px;
    border: 1px solid #000000;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.contact-form-column input[type="submit"]:hover {
    background-color: #ffffff;
    color: #000000;
}

/* Error/Success Status Message Styling */
.wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    padding: 12px !important;
    font-size: 0.9rem;
    border-radius: 4px;
    border: 1px solid #111111 !important;
    background: #f7f7f7;
}
.contact-container section{
	padding-bottom:0px;
	padding-top:0px;
}
.contact-info-column,.contact-form-column {
	height:100%;
}
.contact-form-column p{
	margin-bottom:0px;
}
/* Responsive UI Tuning */
@media (max-width: 900px) {
    .contact-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .contact-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 600px) {
    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* Δύο στήλες και ίδιο ύψος στα κινητά για το WooCommerce */
@media (max-width: 980px) {
    .woocommerce ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .woocommerce ul.products li.product {
        width: 48% !important; /* Δύο στήλες με μικρό κενό ενδιάμεσα */
        margin-right: 4% !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important; /* Σπρώχνει το κουμπί αγοράς στο κάτω μέρος */
    }

    /* Αφαίρεση του δεξιού περιθωρίου για κάθε δεύτερο προϊόν */
    .woocommerce ul.products li.product:nth-child(2n) {
        margin-right: 0 !important;
    }
	.site-header-compact .main-navigation li.button a{
	text-align: center;
    border: 1px solid;
    color: #000 !important;
    background: #fff!important;
	}
}