/* Theme Name: Curly Brackets Theme URI: http://www.curlybrackets.gr Description: Custom Template για εταιρική ιστοσελίδα. Fully Responsive. Version: 1.0 Author: Panagiotis Taramigos Author URI: https://www.linkedin.com/in/taramigos/ License: - License URI: - Text Domain: curlybrackets */ :root{ --main : #597fb0; --accent : #4a6a94; --light : #abbed7; --grey:#d9d9d9; --black: #000000; --white:#ffffff; --yellow : #ffa200; } *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Sora", sans-serif; } a{text-decoration:none !important;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: "Sora", sans-serif; font-weight:300; } strong{font-weight:bold;} .featured_products_cat{display:none !important;} h1,h2,h3,h4,h5,h6{font-family: "Sora", sans-serif !important; font-weight:bold !important;} .wpcf7-form p{margin-bottom:1rem;} .wpcf7-form select{width:100%;} .wpcf7-form input[type="text"]{width:100%;} .wpcf7-form input[type="email"]{width:100%;} .wpcf7-form input[type="tel"]{width:100%;} .vc_row{width:100%;} .filter_main_cont .wpb_wrapper{width:100%; display:flex; justify-content:center;} .wrapper .container{min-height:70dvh;} .woocommerce{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .related{margin-bottom:4rem;} .custom_gallery{border:solid thin #e5e5e5; border-radius:5px;} .custom_thumbnails{display:none !important;} .gallery_thumb{border:solid thin #e5e5e5; border-radius:5px;} .relative_item{position:relative;} .relative_item:before{content:"\2022"; margin-right:4px; color:var(--main);} .scroll_top{position:fixed; bottom:11px; right:5rem; display:none;} .scroll_top img{width:66px; height:66px; object-fit:cover; } .cart_tab_products_sum{display:flex; justify-content:flex-start; align-items:center; gap:4px;} .woocommerce-Address-title{position:relative !important;} @media screen and (min-width: 1280px) { .woocommerce-form-login{width:500px;} .woocommerce-form-login input{background:var(--light) !important; color:#fff !important; border:none !important;} .lost_password a{font-size:12px; color:var(--main);} .wc-block-components-sidebar-layout{margin-bottom:4rem !important;} .wc-block-components-radio-control-accordion-content div{font-size:14px;} .wc-block-components-radio-control__label-group span{font-weight:bold;} .wc-block-components-radio-control-accordion-option{background:var(--light); box-shadow:none !important;} .wc-block-components-order-summary-item__quantity{background: vaR(--main) !important; color: #fff !important; border: none !important; } .wc-block-components-order-summary-item__quantity span{font-size:12px !important;} .wc-block-components-order-summary-item__image{width:66px !important;} .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img{border:solid thin #e5e5e5; border-radius:5px;} .top_bar .custom-html-widget{color:#fff !important; font-weight:bold !important;} .top_bar .custom-html-widget a{color:#fff !important; font-weight:bold !important;} .top_bar_actions{display:flex; justify-content:flex-end; align-items:center; gap:11px; color:#fff !important; font-weight:bold !important;} .top_bar_actions a{color:#fff !important; font-weight:bold !important; letter-spacing:1px;} .fix_stretch_row{padding:0px !important;} form.cart .quantity input{width:66px !important; text-align:center; border-radius:100px; display:flex; justify-content:center; align-items:center;} .product_banner{padding:2rem 0px; background:url('https://elkoso.gr/wp-content/uploads/2025/07/Elkoso-Web_BG-image-scaled.jpg') no-repeat; background-position:center !important; background-size:cover !important; width:100vw; transform:translateX(-50%); margin-left:50%; display:flex; justify-content:center; align-items:center;} .product_banner #primary{width:90vw !important; max-width:1920px !important;} .footer_social_icons{display:flex; justify-content:center; align-items:center; gap:11px;} .footer_social_item img{width:24px; height:24px; object-fit:cover;} .footer_bar_newsletter{display:flex; justify-content:center; align-items:center; gap:2rem;} .socials .vc_column-inner{padding:0px !important;} .hp_socials{margin:8rem 0px !important; width:100%; display:flex; justify-content:center; align-items:center; gap:16px;} .hp_social_cont{width:1200px; overflow:hidden;} .hp_social_inner{transition: all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:16px;} .hp_social_item{width:calc((1200px / 4) - 16px); height:300px; border:solid 4px var(--main); overflow:hidden; border-radius:15px;} .hp_social_item img{width:300px; height:300px; object-fit:cover;} .social_arrow_right img{transform: rotate(-180deg);} .social_arrow_right{margin-left:-16px;} .social_arrow img{width:44px; height:44px; object-fit:cover; cursor:pointer;} .banner_2{display:flex; justify-content:center; align-items:Center;} .banner_2 .vc_col-sm-6{width:45vw !important; max-width:calc(1920px / 2) !important;} .banner_2_text1{margin-bottom:1rem !important;} .banner_2_text1 p{color:#fff; font-size:30px; line-height:32px; font-weight:200;} .banner_2_text2{ margin-bottom:1rem !important;} .banner_2_text2 p{color:#fff; font-size:48px; line-height:56px; font-weight:bold;} .banner_2_text3{margin-bottom:2rem !important; display:flex; justify-content:flex-end;} .banner_2_text3 .wpb_wrapper{width:600px;} .banner_2_text3 p{color:#fff; font-size:20px; line-height:26px; font-weight:200;} .banner_2_button{width:100%; display:flex; justify-content:flex-end;} .products_list_tabs{margin-top:4rem; display:flex; justify-content:center; align-items:center; gap:2rem; width:100%; height:80px; position:relative; margin-bottom:44px !important;} .products_list_tabs_inner{display:flex; justify-content:center; align-items:center; gap:2rem; width:max-content; height:80px; position:relative;} .products_list_tabs_inner:after{content:""; width:100%; height:2px; background:#737373; position:absolute; bottom:11px; display:flex;} .products_list_tab{cursor:pointer; color:#a6a6a6; font-weight:bold; font-size:28px; width:max-content; height:80px; position:relative;} .product_list_tab_selected{color:#6684aa !important;} .product_list_tab_selected:before{content:""; z-index:9999; width:100%; height:22px; background:#8897be; position:absolute; bottom:0px; left:0px;} .product_list_tab_cont{margin-bottom:66px; width:100%; display:none; justify-content:center; align-items:center; gap:1rem;} .product_list_tab_cont_open{display:flex !important;} .product_list_tab_cont ul{transition:all .6s; list-style:none; width:max-content; display:flex; justify-content:flex-start; align-items:flex-start;} .product_list_tab_cont_inner{width:calc(1200px + 2rem); overflow:hidden;} .product_list_tab_cont .products.columns-4{width:max-content; flex-wrap:unset !important;} .product_list_tab_cont .products.columns-4 li{width:400px !important;} .product_list_tab_arrow_left{cursor:pointer; } .product_list_tab_arrow_right{cursor:pointer; } .product_list_tab_arrow_left img{width:44px;} .product_list_tab_arrow_right img{transform:rotate(-180deg); width:44px;} .category_quick{display:flex; justify-content:center; align-items:center; gap:1rem; width:100%; height:250px; margin-top:-95px; margin-bottom:110px; z-index:9999999999;} .category-quick-wrapper{display:flex; justify-content:center; align-items:center; gap:1rem; width:100%;} .category-quick-wrapper .category-item{width:200px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .category-quick-wrapper .category-item p{font-weight:bold; color:#000;} .category-quick-wrapper .category-item img{width:200px !important; height:200px !important; object-fit:cover;} .product_col_2{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:4rem;} .product_col_2 h5{margin-bottom:1rem;} .woocommerce-MyAccount-navigation{width:100%; display:flex; margin-bottom:4rem; justify-content:center; align-items:center; background:var(--main);} .woocommerce-MyAccount-navigation ul{display:flex; justify-content:center; align-items:center; gap:1rem;} .woocommerce-MyAccount-navigation ul li a{color:#fff; height:33px; display:flex; justify-content:center; align-items:center;} .contact_cont .vc_col-sm-6:last-child .wpb_wrapper{display:flex; justify-content:flex-end;} .contact_cont form{width:500px;} .portable_search .container{width:100% !important; max-width:unset !important;} .portable_search{display:flex; background:var(--main); width:30vw; justify-content:center; border-radius:100px;} .portable_search form{height:44px; padding:0px 1rem; display:flex; justify-content:space-between; align-items:center; width:100%; gap:1rem;} .portable_search form input[type="text"]{width:100%; padding: 0px !important; background:transparent !important; height:33px !important; } .portable_search form button{border:none; background:transparent; outline:none;} .portable_search form button ion-icon{color:#fff !important; font-size:28px;} .portable_search input::placeholder { color: white !important; opacity: 1; /* Ensure full visibility in Firefox */ } .menu_search{cursor:pointer; margin-right:11px; border-radius:100px; width:44px; height:44px; background:var(--main); display:flex; justify-content:center; align-items:center;} .menu_search ion-icon{font-size:18px; color:#fff;} form .col2{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;} form .col2 p{width:50%;} form .col3{width:100%; display:flex; justify-content:flex-start; align-items:center; gap:1rem;} form .col3 p{width:calc(100% / 3);} .max-width-900{max-width:900px !important;} .new_title{font-size:3rem; font-weight:400 !important;} .new_title span{font-weight:bold; color:#000 !important;} .about_tile_title{display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .about_tile_title_image{width:44px; height:44px; display:flex; justify-content:center; align-items:center;} .about_tile_title_image img{width:100%; height:100%; object-fit:contain;} .about_tile_title_text{font-size:26px; font-weight:400;} .about_tile_title_text span{font-size:26px; font-weight:bold;} .about_tile_text{width:100%; aspect-ratio:1; min-height:400px; position:relative;} .about_tile_text img{width:100%; height:100%; object-fit:cover;} .about_tile_text:before{content:""; background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1;} .about_tile_text_cont{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; padding:3rem 1.5rem;} .about_tile_text p{color:#fff; font-size:14px; line-height:22px; margin-bottom:1rem;} iframe{width:100%; aspect-ratio:16/9; height:unset;} .contact_tile{width:100%; position:relative; min-height:300px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;} .contact_tile:after{content:""; width:5px; background:var(--main); height:100%; position:absolute; top:0px; right:0px;} .contact_title_inner{font-size:18px; line-height:24px; font-weight:500;} .contact_title_inner a{color:#000; font-size:18px; line-height:24px; font-weight:500;} .contact_form{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .contact_form_2{width:100%; display:flex; justify-content:center; align-items:center; gap:1rem;} .contact_form p{width:100%;} .contact_form_button p{width:100%; display:flex; justify-content:center; align-items:center;} .contact_form_button .button{min-width:180px;} .footer_bar{width:100%; height:55px; position:relative; display:flex; justify-content:center; align-items:center; background:#000;} .footer_bar .container{justify-content:center; align-items:center; height:55px;} .footer_bar_flag{position:absolute; top:0px; right:0rem; height:55px;} .footer_bar_flag img{width:auto; height:auto; max-width:100%; max-height:50px;} .newsletter_cont{height:55px; width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .newsletter_line p{font-size:12px; font-weight:bold; color:var(--grey); margin-bottom:0px;} .newsletter_form{position:relative;} .newsletter_form input[type="email"]{background:#282828 !important; height:33px !important;} .newsletter_form input[type="submit"]{display:none;} .newsletter_form p{margin-bottom:0px !important;} .newsletter_dummy_button{position:absolute; top:50%; right:1rem; transform:translateY(-50%);} .newsletter_dummy_button ion-icon{color:#fff; font-size:14px;} .newsletter_cont .wpcf7-spinner{display:none !important;} html,body{overflow-x:hidden;} /* GENERAL */ li{list-style:none;} .wpb-content-wrapper{width:100%; display:flex !important; justify-content:center; align-items:flex-start; flex-direction:column;} select{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="text"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="email"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="tel"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} textarea{width:100%; color:#fff; padding:1rem 1rem; height:110px; border-radius:5px; border:none; outline:none; background:var(--light);} .button_revert{width:max-content; height:44px; border-radius:5px; background:#fff; color:var(--accent); display:flex; justify-content:center; align-items:Center;} .button{outline:none; border:none; width:max-content; padding:0px 1rem; height:44px; border-radius:100px; background:var(--accent) !important; color:#fff !important; display:flex; justify-content:center; align-items:Center; gap:2rem;} .button ion-icon{font-size:28px;} .single_button{font-weight:500;} h1{font-weight:bold; font-size:32px;} h1 span,h2 span,h3 span{font-weight:bold; color:var(--accent);} h2{font-weight:bold !important; font-size:5rem;} h3{font-weight:bold; font-size:3rem;} h4{font-weight:bold; font-size:2rem;} h5{font-weight:500 !important; font-size:1.5rem;} h6{font-weight:bold; font-size:1rem;} /* END OF GENERAL */ /* BANNER */ .banner_group{width:90vw !important; max-width:1920px; display:flex !important; justify-content:center; align-items:flex-start; flex-direction:column; position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; z-index:1 !important;} .banner_text1{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:200 !important; text-align:left !important; font-size:30px !important; line-height:32px !important; top:unset !important; left:unset !important; width:100% !important;} .banner_text2{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:bold !important; text-align:left !important; font-size:48px !important; line-height:56px !important; top:unset !important; left:unset !important; width:100% !important; margin:1rem 0px !important;} .banner_text3{width:900px !important; position:relative !important; font-family: "Sora", sans-serif !important; font-weight:200 !important; text-align:left !important; font-size:20px !important; line-height:26px !important; top:unset !important; left:unset !important; white-space:unset !important;} .banner_filter{display:none !important; background:rgba(0, 0, 0, 0.6) !important; width:100% !important; height:100% !important; left:0px !important; top:0px !important; z-index:0 !important;} /* END OF BANNER */ header{z-index:999; background:#fff; position:fixed; top:0px; lefT:0px; width:100%;} header .top_bar{background:var(--main); height:33px; display:flex; justify-content:center; align-items:center;} header .top_bar_col{width:50%; display:flex; align-items:center;} header .top_bar_col1{justify-content:flex-start;} header .top_bar_col1 a{color:var(--light); font-size:12px; font-weight:600;} header .top_bar_col1{color:var(--light); font-size:12px; font-weight:600;} header .top_bar_col2{justify-content:flex-end; font-weight:600; } header .top_bar_col2 a{color:var(--light); font-size:12px; font-weight:600;} header .main{box-shadow:0px 1px 4px #999; display:flex; justify-content:center; align-items:center; height:88px;} .logo{width:400px; display:flex; justify-content:flex-start; align-items:Center;} .menu_cont{width:max-content; } .menu-main-container{width:100%; display:flex; justify-content:center; align-items:center;} .menu-main-container > ul{list-style:none; width:100%; height:88px; display:flex; justify-content:center; align-items:center; gap:1rem;} .menu-main-container ul > li{position:relative; height:88px; display:flex; justify-content:center; align-items:center;} .menu-main-container ul > li a{height:88px; font-size:14px; color:#000; padding:0rem 1rem; transition:all .6s; font-weight:bold; display:flex; justify-content:center; align-items:center;} .menu-main-container ul > li:hover > a{color:#fff; background:var(--main);} .menu-main-container ul > li:hover > .sub-menu{display:flex !important;} .sub-menu{box-shadow:0px 1px 4px #999; z-index:999; height:auto !important; background:#fff; display:none; position:absolute; top:88px; left:50%; transform:translateX(-50%); width:400px !important; flex-direction:column; gap:0px !important;} .sub-menu li{height:44px !important; width:100% !important;} .sub-menu li a{height:44px !important; width:100% !important;} .toolbox{min-width:400px; gap:1rem; height:88px; display:flex; justify-content:flex-end; align-items:center;} .menu_icon{display:none;} .user{width:44px; border-radius:100px; height:44px; background:var(--main); display:flex; justify-content:center; align-items:Center;} .user ion-icon{font-size:18px; color:#fff;} /* CART */ .cart_toolbox{transition:all .6s; background:var(--fourth); position:relative; flex-direction:column; cursor:pointer; padding:0px; min-width:66px; border-radius:44px; display:flex; justify-content:center; align-items:center;} .shake_cart { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; box-shadow:0px 0px 4px #e9e9e9; } .shake_color{box-shadow:0px 0px 15px var(--light) !important; background:var(--light) !important; border:solid thin var(--light) !important;} .shake_color ion-icon{color:#fff !important;} .shake_color .cart_tab_products_sum{color:#fff !important;} .shake_color .cart_tab_products_sum span{color:#fff !important;} .shake_color .cart_tab_cart_analysis{color:#fff !important;} @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .cart_analysis .cb_button{margin-left:1rem; margin-bottom:1rem;} .cart_tab{display:flex; justify-content:center; align-items:center; min-width:44px; border-radius:100px; height:44px; background:var(--main); padding:0px 13px;} .cart_tab ion-icon{font-size:18px; color:#fff; transition:all .6s;} .cart_tab_text *{color:#fff !important;} .show_cart_tab{display:flex !important; min-width:74px; margin-right:11px;} .cart_tab_text{display:none; justify-content:center; align-items:flex-end; flex-direction:column;} .cart_tab_products_sum{font-size:14px; color:#444; transition:all .6s;} .cart_tab_products_sum span{font-weight:bold; color:var(--blue); transition:all .6s;} .cart_tab_cart_analysis{width:100%; text-align:right; font-size:12px; color:#444; font-weight:bold; transition:all .6s;} .cart_expand{align-items:flex-end;} .cart_analysis{display:none; box-shadow:0px 2px 4px #b2b2b2; width:500px; padding:1rem; margin:2rem 0px; max-height:20vw; overflow-y:auto; position:absolute; top:22px; background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .cart_expand .cart_analysis{display:inline !important;} .cart_analysis_line{padding:1rem; display:grid; grid-template-columns:66px 1fr 66px; grid-gap:1rem; min-height:66px; margin-bottom:1rem; width:100%; border-bottom:solid thin #bbb;} .cart_analysis_line_col1{display:flex; justify-content:center; align-items:flex-start;} .cart_analysis_line_col1 img{width:auto; height:auto; max-width:100%; max-height:100%;} .cart_analysis_line_col2{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .cart_analysis_product_title{color:var(--blue); font-weight:bold; font-size:14px; margin-bottom:1rem;} .cart_analysis_product_attributes{margin-bottom:1rem;} .cart_analysis_product_qnt{font-size:12px; text-align:right; color:#444;} .cart_analysis_product_qnt span{font-weight:bold; color:var(--blue);} .cart_analysis_product_attibute_line_price{font-size:16px; color:#444;} .cart_analysis_line_col3{display:flex; justify-content:center; align-items:center;} .cart_analysis_line_col3 ion-icon{font-size:22px; color:#000;} .cart_button{display:none;} .close_cart{display:none; position:absolute; top:-11px; left:-11px; width:55px; box-shadow:0px 0px 8px #e9e9e9; height:55px; border-radius:100px; background:#fff; justify-content:center; align-items:center;} .close_cart_inner{background:var(--blue); display:flex; justify-content:center; align-items:center; width:44px; box-shadow:0px 0px 8px #e9e9e9; aspect-ratio:1; border-radius:100px;} .close_cart ion-icon{color:#fff; font-size:28px;} .cart_expand .cart_button{display:flex !important; margin-right:1rem;} .cart_expand .cart_tab{margin-right:1rem;} .cart_expand .close_cart{display:flex !important;} /* END OF CART */ .hp_banner{margin-top:0rem !important;} .wrapper{width:100%; display:flex; justify-content:center; align-items:center; margin-top:121px;} footer{width:100%; display:flex; justify-content:center; align-items:center;} .container{ width:90vw; max-width:1920px; display:flex; } .main .container{justify-content:space-between;} .wrapper .container{justify-content:flex-start; align-items:flex-start; flex-direction:column;} /* FILTER */ #primary .filter_cont{margin-top:0px !important; width:100% !important;} #primary .filter_inner{border-bottom-left-radius:15px !important; border-bottom-right-radius:15px !important;} .filter_cont{width:1100px; margin-top:-44px; position:relative; z-index:100; } .filter_header{height:44px; color:#fff; font-size:16px; font-weight:bold; border-top-left-radius:15px; border-top-right-radius:15px; background:vaR(--accent); display:flex; justify-content:flex-start; align-items:center; width:100%; padding:0px 1rem; } .filter_inner{display:flex; justify-content:center; align-items:center; } .filter_item{width:calc((100% - 200px) - 1rem); } .filter_item select{width:100% !important;} .filter_item input{width:100%;} .filter_item .button_revert{width:100% !important;} .filter_item_search{width:200px;} .filter_item_search input{width:100%;} .filter_cont form{width:100%;} .filter_cont input::placeholder { color: white !important; opacity: 1; /* Ensure full visibility in Firefox */ } /* END OF FILTER */ /* SMALL BANNERS */ .small_banners{width:100%;} .small_banner{aspect-ratio: 1.77; min-height:400px !important; position:relative;} .small_banner > .vc_column-inner:before{content:""; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1;} .small_banner > .vc_column-inner{padding:2rem clamp(2rem,4vw,8rem) !important; position:relative;} .small_banner_inner{} .small_banner_title{min-height:85px; font-family: "Sora", sans-serif !important; color:#fff!important; font-size:32px; font-weight:bold !important;} .small_banner_text{color:#999; font-size:16px; width:60%;} .small_banner1 .wpb_wrapper{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .small_banner2 .wpb_wrapper{display:flex; justify-content:flex-start; align-items:Center; flex-direction:column;} .small_banner3 .wpb_wrapper{display:flex; justify-content:flex-start; align-items:flex-end; flex-direction:column;} /* END OF SMALL BANNERS */ /* HP CATEGORIES */ .hp_categories{width:100%; margin:4rem 0px !important; display:flex; justify-content:center; align-items:center;} .hp_categories_inner{width:100%; display:flex; justify-content:center; gap:2rem; align-items:center;} .category_item{width:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;} .category_item_image{position:relative; display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:1; border:solid thin #999; padding:11px; border-radius:500px;} .category_item_image:before{z-index:-1; border-radius:500px; content:""; position:absolute; top:50%; left:50%; width:190px; height:190px; transform:translate(-50%, -50%); background: #A7A7A7; background: linear-gradient(126deg,rgba(167, 167, 167, 1) 0%, rgba(255, 255, 255, 0) 100%);} .category_item_image img{width:auto; height:auto; max-width:150px; max-height:150px;} .category_item_name{font-size:14px; font-weight:bold; margin-top:1rem; color:#000;} /* END OF HP CATEGORIES */ /* FEATURED PRODUCTS */ .featured_products{margin:4rem 0px; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .featured_products_cats{margin:4rem 0px; width:100%; display:flex; justify-content:center; align-items:center; gap:2rem;} .featured_products_cat{cursor:pointer; transition:all .6s; height:44px; display:flex; justify-content:center; align-items:center; min-width:200px; padding:0px 1rem; border-radius:5px; background:var(--grey); color:#000;} .featured_products_cat.featured_active{background:var(--main); color:#fff;} .featured_products_cat:hover{background:var(--main); color:#fff;} .featured_products_inner .products{width:90vw !important; display:grid !important; grid-template-columns:repeat(auto-fit, minmax(400px, 1fr)) !important; gap:4rem 2rem !important;} .featured_products_inner .products.columns-4 li{width:100% !important;} .featured_products_inner .ft_container{display:none;} .featured_products_inner .ft_container.featured_active{display:flex !important; justify-content:center; align-items:center; flex-direction:column;} .ft_all_products{width:100%; margin:3rem 0px 1rem !important; display:flex; justify-content:center; align-items:center;} /* END OF FEATURED PRODUCTS */ /* list_3col */ .list_3col{width:100%; margin:4rem 0px;} .hp_list_products h3{width:100%; font-size:28px !important; position:relative; margin-bottom:2rem; padding-bottom:1rem;} .hp_list_products h3:before{content:""; position:absolute; bottom:-1px; left:0px; width:40%; height:2px; background:#000; z-index:2;} .hp_list_products h3:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#999; z-index:1;} .list_product{margin-bottom:1rem; width:100%; gap:1rem; display:flex; justify-content:flex-start; align-items:Center;} .list_product_image{width:110px; height:110px; display:flex; justify-content:center; align-items:Center;} .list_product_image img{width:110px; height:110px; object-fit:contain;} .list_product_info{display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem; flex-direction:column;} .list_product_title{font-weight:bold;} .list_product_price .amount bdi{font-weight:bold; color:var(--main);} .list_product_price .amount span{font-weight:bold; color:var(--main);} .list_product_price span{font-weight:bold; color:var(--main);} .list_product_info .button{height:33px !important; font-size:14px !important;} .list_product_buttons{display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .list_product_buttons a{opacity:0; border-radius:100px; transition:all .6s; width:33px; height:33px; background:var(--main); display:flex; justify-content:center; align-items:center;} .list_product_buttons a ion-icon{color:#fff; font-size:18px;} .list_product:hover .list_product_buttons a{opacity:1 !important;} .list_product:hover .list_product_image img{border:solid thin black;} /* END OF list_3col */ /* WOOCOMMERCE */ .wp-block-woocommerce-cart{width:100%;} #primary{width:100%;} #main{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;} .product{width:100%; display:flex;gap:66px; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;} .summary{width:calc(100% - 666px); border:solid 4px var(--main); border-radius:15px; background:#fff; padding:2rem; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem; flex-direction:column;} .relative_table{margin:0px; height:300px; overflow:auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;} .relative_item{font-size:14px;} #sidebar{width:300px;} .sidebar_content .widget_title{margin-bottom:22px;} .sidebar_content ul{margin-bottom:44px;} .sidebar_content ul li {margin-left:22px; line-height:33px;} .sidebar_content ul li a{color:#000; font-size:14px;} .sidebar_content ul li:hover a{color:var(--main);} ul.brand-thumbnails li{margin:0px 0px 0px 22px !important;} .brand-thumbnails li img{width:150px; height:150px; object-fit:cover;} .products.columns-4{margin-bottom:4rem; width:calc(100% - 300px - 22px); flex-wrap:wrap; list-style:none; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;} .products.columns-4 li{background:#fff; min-width:300px; position:relative; padding:1rem 0px; border:solid 4px var(--accent); width:calc((100% / 4) - 2rem); display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:15px;} .archive_product{aspect-ratio:1; position:relative;} .archive_product:hover .archive_product_filter{display:flex !important;} .archive_product_line{margin:11px 0px 22px; width:90%; height:1px; background:#737373;} .archive_product_filter{border-radius:10px; cursor:pointer; display:none; justify-content:center; align-items:center; gap:1rem; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px;} .archive_product_filter a{width:55px; height:55px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:100px;} .archive_product_filter a ion-icon{font-size:26px; color:var(--main);} .archive_product .archive_product_image{ width:100%; display:flex; justify-content:center; align-items:center;} .archive_product .archive_product_image a{width:100%; display:flex; justify-content:center; align-items:center;} .archive_product .archive_product_image img{width:100%; height:100%; object-fit:contain;} .archive_product .archive_product_title{font-size:18px !important; text-align:left; width:90%;} .archive_product .product_meta{font-size:12px; width:90%; text-align:left;} .archive_product .price{margin:44px 0px 22px; height:33px; width:90%; display:flex; justify-content:space-between; align-items:center;} .price_tag{color:#597fb0 !important;} .archive_product .price .add_to_cart_button{border-radius:100px; height:33px !important; width:200px; display:flex; justify-content:space-between; align-items:center; padding:0px 11px;} .add_to_cart_icon{width:22px; height:22px; background:#fff; border-radius: 100px; display:flex; justify-content:center; align-items:center;} .add_to_cart_icon ion-icon{font-size:16px !important; color:vaR(--main);} .archive_product .price bdi{font-weight:500; color:var(--main);} .archive_product .price span{font-weight:500; color:var(--main);} ins{text-decoration:none !important;} del{font-size:14px;} .onsale{position:absolute; color:#fff; font-size:12px; display:flex; justify-content:center; align-items:center; top:0px; left:22px; background:var(--main); width:40px; height:50px;} .onsale:before{content:""; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 11px 20px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); bottom:0px; left:0px; position:absolute;} .woocommerce-pagination{width:100%; display:flex; justify-content:center; align-items:center; margin:0rem 0px 4rem;} .woocommerce-pagination ul{width:100%; display:flex; justify-content:center; align-items:center;} .woocommerce-pagination ul li{} .woocommerce-pagination ul li a{width:22px; height:22px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#000;} .woocommerce-pagination ul li span{width:22px; height:22px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#000;} .woocommerce-pagination .current{background:var(--main); color:#fff !important;} .woocommerce-breadcrumb{margin:1rem 0px; font-size:12px; width:100%;} .woocommerce-breadcrumb a{font-size:12px; color:var(--main);} .result_line{margin:1rem 0px 1rem calc(300px); width:calc(100% - 300px - 52px); display:flex; justify-content:space-between; align-items:center;} form.cart{display:flex; justify-content:flex-start; align-items:Center; gap:1rem;} form.cart .quantity input{height:44px; width:44px; outline:none;} .product .product_meta{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .sku_wrapper{font-weight:bold; font-size:14px;} .sku_wrapper span{color:var(--main); font-size:14px;} .posted_in{font-weight:bold; font-size:14px;} .posted_in a{color:var(--main); font-size:14px;} .product .amount bdi{color:var(--main); font-weight:bold;} .product .amount bdi span{color:var(--main); font-weight:bold;} .product ins{font-size:22px !important;} .related h2{margin-bottom:1rem; font-size:3rem !important;} .related{width:100%; margin-top:4rem;} .wc-block-components-checkout-place-order-button__text{font-size:16px;} .wp-element-button{outline:none; border:none; width:max-content; padding:0px 1rem; height:44px; border-radius:5px; background:var(--accent); color:#fff; display:flex; justify-content:center; align-items:Center; gap:2rem;} .wp-element-button:focus{outline:none !important; box-shadow:none !important;} /* END OF WOOCOMMERCE */ /* SIDEBAR */ .sidebar_icon{display:none;} /* END OF SIDEBAR */ /* GALLERY */ .custom_gallery_cont{position:Relative; width:600px; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .custom_gallery{background:#fff; border-radius:15px; border:solid 4px var(--main); width:100%; overflow:hidden; display:flex; justify-content:flex-start; align-items:center;} .custom_gallery img{width:100%; height:100%; object-fit:cover;} .custom_gallery_inner{transition:all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:center;} .custom_thumbnails{width:100%; overflow:hidden; margin-top:1rem;} .active_thumb{filter:none !important;} .gallery_img_cont{width:100%; display:flex; justify-content:center; align-items:Center;} .custom_thumbnails_inner{transition:all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:flex-start;} .custom_thumbnails_inner img{border-radius:5px; cursor:pointer; transition:all .6s; filter:saturate(0.2); margin-right:11px;} /* END OF GALLERY */ /* FOOTER */ footer{flex-direction:column; position:relative; margin-top:0rem; background:url('https://curlybrackets.gr/clients/elkoso/wp-content/uploads/2025/05/elkoso-footer-image.png') no-repeat; background-size:cover !important; background-position:center !important; width:100%;} footer .container{padding:4rem 0px;} .footer_col{width:calc(100% / 3);} .footer_col1{display:flex; justify-content:flex-start; align-items:center; flex-direction:column;} .footer_col1 .widget_media_image:first-child img{width:88px; height:88px; object-fit:cover;} .footer_col1 .widget_media_image:last-child img{width:100%; height:100px; object-fit:contain;} .footer_col2 ul{display:flex; justify-content:flex-end; align-items:flex-end; flex-direction:column;} .footer_col2 ul li{width:100%; display:flex; justify-content:flex-end; height:32px; align-items:center;} .footer_col2 ul li a{color:#fff; font-size:18px;} .footer_col3 p{color:#fff; text-align:right; line-height:32px; margin-bottom:1rem; font-size:18px;} .footer_col3 a{color:#fff; text-align:right; line-height:32px; font-size:18px;} .widget_text{width:100%; display:flex; justify-content: flex-end; } footer h2:before{content:""; position:absolute; bottom:0px; left:0px; width:40%; height:1px; background:var(--yellow); z-index:2;} footer h2:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#999; z-index:1;} footer h2{position:relative; font-size:24px !important; margin-bottom:2rem; padding-bottom:1rem;color:#fff !important; text-align:right; width:max-content;} .footer_label{background:var(--main); border:solid thin #fff; width:1100px; display:flex; justify-content:center; align-items:center;} .footer_label_col{width:calc(100% / 3); padding:66px 0px 44px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;} .footer_label_col2{border-left:solid thin #fff; border-right:solid thin #fff;} .footer_label_img{position:absolute; top:-38.5px; left:50%; transform:translateX(-50%); width:77px; aspect-ratio:1; display:flex; justify-content:center; align-items:center;} .footer_label_img img{width:100%; height:100%; object-fit:contain; } .footer_label_title{margin-bottom:1rem; font-size:24px; font-weight:bold; color:#fff;} .footer_label_text{font-size:14px; color:var(--grey); text-align:center; padding:0px 1rem;} #custom_html-4{width:100%; justify-content:center; margin-top:10rem;} /* END OF FOOTER */ } @media screen and (max-width: 1279px) and (min-width: 768px) { .woocommerce-form-login{width:500px;} .woocommerce-form-login input{background:var(--light) !important; color:#fff !important; border:none !important;} .lost_password a{font-size:12px; color:var(--main);} .wc-block-components-sidebar-layout{margin-bottom:4rem !important;} .wc-block-components-radio-control-accordion-content div{font-size:14px;} .wc-block-components-radio-control__label-group span{font-weight:bold;} .wc-block-components-radio-control-accordion-option{background:var(--light); box-shadow:none !important;} .wc-block-components-order-summary-item__quantity{background: vaR(--main) !important; color: #fff !important; border: none !important; } .wc-block-components-order-summary-item__quantity span{font-size:12px !important;} .wc-block-components-order-summary-item__image{width:66px !important;} .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img{border:solid thin #e5e5e5; border-radius:5px;} .top_bar .custom-html-widget{color:#fff !important; font-weight:bold !important;} .top_bar .custom-html-widget a{color:#fff !important; font-weight:bold !important;} .top_bar_actions{display:flex; justify-content:flex-end; align-items:center; gap:11px; color:#fff !important; font-weight:bold !important;} .top_bar_actions a{color:#fff !important; font-weight:bold !important; letter-spacing:1px;} .related .products.columns-4 li{width:calc((100% / 2) - 2rem) !important;} form.cart .quantity input{width:66px !important; text-align:center; border-radius:100px; display:flex; justify-content:center; align-items:center;} .product_banner{padding:4rem 0px; margin-bottom:4rem; background:url('https://elkoso.gr/wp-content/uploads/2025/07/Elkoso-Web_BG-image-scaled.jpg') no-repeat; background-position:center !important; background-size:cover !important; width:100vw; transform:translateX(-50%); margin-left:50%; display:flex; justify-content:center; align-items:center;} .product_banner #primary{width:90vw !important; max-width:1920px !important;} .footer_social_icons{display:flex; justify-content:center; align-items:center; gap:11px;} .footer_social_item img{width:24px; height:24px; object-fit:cover;} .footer_bar_newsletter{flex-direction:column; display:flex; justify-content:center; align-items:center; gap:2rem;} .socials .vc_column-inner{padding:0px !important;} .hp_socials{margin:8rem 0px !important; width:100%; display:flex; justify-content:center; align-items:center; gap:16px;} .hp_social_cont{width:650px; overflow:hidden;} .hp_social_inner{transition: all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:16px;} .hp_social_item{width:calc((654px / 2) - 16px); height:300px; border:solid 4px var(--main); overflow:hidden; border-radius:15px;} .hp_social_item img{width:100%; height:100%; object-fit:cover;} .social_arrow_right img{transform: rotate(-180deg);} .social_arrow_right{margin-left:-16px;} .social_arrow img{width:44px; height:44px; object-fit:cover; cursor:pointer;} .banner_2{min-height:600px !important; display:flex; justify-content:center; align-items:Center;} .banner_2 .vc_col-sm-6{width:45vw !important; max-width:calc(1920px / 2) !important;} .banner_2_text1{margin-bottom:1rem !important;} .banner_2_text1 p{color:#fff; font-size:30px; line-height:32px; font-weight:200;} .banner_2_text2{ margin-bottom:1rem !important;} .banner_2_text2 p{color:#fff; font-size:48px; line-height:56px; font-weight:bold;} .banner_2_text3{margin-bottom:2rem !important; display:flex; justify-content:flex-end;} .banner_2_text3 .wpb_wrapper{width:600px;} .banner_2_text3 p{color:#fff; font-size:20px; line-height:26px; font-weight:200;} .banner_2_button{width:100%; display:flex; justify-content:flex-end;} .products_list_tabs{margin-top:4rem; display:flex; justify-content:center; align-items:center; gap:2rem; width:100%; height:80px; position:relative; margin-bottom:44px !important;} .products_list_tabs_inner{display:flex; justify-content:center; align-items:center; gap:2rem; width:max-content; height:80px; position:relative;} .products_list_tabs_inner:after{content:""; width:100%; height:2px; background:#737373; position:absolute; bottom:7.5px; display:flex;} .products_list_tab{cursor:pointer; color:#a6a6a6; font-weight:bold; font-size:24px; width:max-content; height:80px; position:relative;} .product_list_tab_selected{color:#6684aa !important;} .product_list_tab_selected:before{content:""; z-index:99; width:100%; height:15px; background:#8897be; position:absolute; bottom:0px; left:0px;} .product_list_tab_cont{margin-bottom:66px; width:100%; display:none; justify-content:center; align-items:center; gap:1rem;} .product_list_tab_cont_open{display:flex !important;} .product_list_tab_cont ul{transition:all .6s; list-style:none; width:max-content; display:flex; justify-content:flex-start; align-items:flex-start;} .product_list_tab_cont_inner{width:calc(600px + 2rem); overflow:hidden;} .product_list_tab_cont .products.columns-4{width:max-content; flex-wrap:unset !important;} .product_list_tab_cont .products.columns-4 li{width:300px !important;} .product_list_tab_arrow_left{cursor:pointer; } .product_list_tab_arrow_right{cursor:pointer; } .product_list_tab_arrow_left img{width:44px;} .product_list_tab_arrow_right img{transform:rotate(-180deg); width:44px;} .fix_stretch_row{padding:0px !important; left:0px !important;} .category_quick{display:flex; justify-content:center; align-items:center; gap:1rem; width:100%; height:250px; margin-top:-95px; margin-bottom:110px; z-index:9;} .category-quick-wrapper{display:flex; justify-content:center; align-items:center; gap:1rem; width:100%;} .category-quick-wrapper .category-item{width:200px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .category-quick-wrapper .category-item p{font-weight:bold; color:#000;} .category-quick-wrapper .category-item img{width:200px !important; height:200px !important; object-fit:cover;} .product_col_2{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:4rem;} .product_col_2 h5{margin-bottom:1rem;} .portable_search .container{width:100% !important; max-width:unset !important;} .portable_search{display:flex; background:var(--main); width:30vw; justify-content:center; border-radius:100px;} .portable_search form{height:44px; padding:0px 1rem; display:flex; justify-content:space-between; align-items:center; width:100%; gap:1rem;} .portable_search form input[type="text"]{width:100%; padding: 0px !important; background:transparent !important; height:33px !important; } .portable_search form button{border:none; background:transparent; outline:none;} .portable_search form button ion-icon{color:#fff !important; font-size:28px;} .portable_search input::placeholder { color: white !important; opacity: 1; /* Ensure full visibility in Firefox */ } .menu_search{cursor:pointer; margin-right:11px; border-radius:100px; width:44px; height:44px; background:var(--main); display:flex; justify-content:center; align-items:center;} .menu_search ion-icon{font-size:18px; color:#fff;} .about_tiles .vc_col-sm-4{width:100% !important;} .list_product_buttons{display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .list_product_buttons a{opacity:0; border-radius:100px; transition:all .6s; width:33px; height:33px; background:var(--main); display:flex; justify-content:center; align-items:center;} .list_product_buttons a ion-icon{color:#fff; font-size:18px;} .list_product:hover .list_product_buttons a{opacity:1 !important;} .list_product:hover .list_product_image img{border:solid thin black;} .archive_product:hover .archive_product_filter{display:flex !important;} .archive_product_filter{cursor:pointer; display:none; justify-content:center; align-items:center; gap:1rem; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px;} .archive_product_filter a{width:55px; height:55px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:100px;} .archive_product_filter a ion-icon{font-size:26px; color:var(--main);} .map_cont{left:unset !important; margin-bottom:-6rem;} .video_cont{left:unset !important;} textarea{width:100%; color:#fff; padding:1rem 1rem; height:110px; border-radius:5px; border:none; outline:none; background:var(--light);} .hp_banner{margin-top:-5rem !important;} .max-width-900{max-width:900px !important;} .new_title{font-size:3rem; font-weight:400 !important;} .new_title span{font-weight:bold; color:#000 !important;} .about_tile_title{display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .about_tile_title_image{width:44px; height:44px; display:flex; justify-content:center; align-items:center;} .about_tile_title_image img{width:100%; height:100%; object-fit:contain;} .about_tile_title_text{font-size:26px; font-weight:400;} .about_tile_title_text span{font-size:26px; font-weight:bold;} .about_tile_text{width:100%; aspect-ratio:1.77; position:relative;} .about_tile_text img{width:100%; height:100%; object-fit:cover;} .about_tile_text:before{content:""; background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1;} .about_tile_text_cont{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; padding:3rem 1.5rem;} .about_tile_text p{color:#fff; font-size:14px; line-height:22px; margin-bottom:1rem;} iframe{width:100%; aspect-ratio:16/9; height:unset;} .contact_tile{width:100%; position:relative; min-height:300px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; } .contact_tile:after{content:""; width:5px; background:var(--main); height:100%; position:absolute; top:0px; right:0px;} .contact_title_inner{font-size:18px; line-height:24px; font-weight:500;} .contact_title_inner a{color:#000; font-size:18px; line-height:24px; font-weight:500;} .contact_form{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .contact_form_2{width:100%; display:flex; justify-content:center; align-items:center; gap:1rem;} .contact_form p{width:100%;} .contact_form_button p{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .contact_form_button .button{min-width:180px;} .footer_bar{width:100%; position:relative; display:flex; justify-content:center; align-items:center; background:#000;} .footer_bar .container{justify-content:center; align-items:center; padding:1rem 0px;} .footer_bar_flag{position:absolute; top:0px; right:0rem;} .footer_bar_flag img{width:auto; height:auto; max-width:100%; max-height:50px;} .newsletter_cont{width:max-content; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; gap:1rem;} .newsletter_line p{font-size:12px; font-weight:bold; color:var(--grey); margin-bottom:0px;} .newsletter_form{position:relative;} .newsletter_form input[type="email"]{background:#282828 !important; height:33px !important;} .newsletter_form input[type="submit"]{display:none;} .newsletter_form p{margin-bottom:0px !important;} .newsletter_dummy_button{position:absolute; top:50%; right:1rem; transform:translateY(-50%);} .newsletter_dummy_button ion-icon{color:#fff; font-size:14px;} .newsletter_cont .wpcf7-spinner{display:none !important;} html,body{overflow-x:hidden;} /* GENERAL */ li{list-style:none;} .wpb-content-wrapper{width:100%; display:flex !important; justify-content:center; align-items:center; flex-direction:column;} select{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="text"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="email"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="tel"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} .button_revert{width:max-content; height:44px; border-radius:5px; background:#fff; color:var(--accent); display:flex; justify-content:center; align-items:Center;} .button{outline:none; border:none; width:max-content; padding:0px 1rem; height:44px; border-radius:100px; background:var(--accent); color:#fff; display:flex; justify-content:center; align-items:Center; gap:2rem;} .button ion-icon{font-size:28px;} .single_button{font-weight:500;} h1{font-weight:bold; font-size:32px;} h1 span,h2 span,h3 span{font-weight:bold; color:var(--accent)} h2{font-weight:bold; font-size:2.2rem;} h3{font-weight:bold; font-size:1.8rem;} h4{font-weight:bold; font-size:1.6rem;} h5{font-weight:bold; font-size:1.5rem;} h6{font-weight:bold; font-size:1rem;} /* END OF GENERAL */ /* BANNER */ .banner_group{width:90vw !important; max-width:1920px; display:flex !important; justify-content:center; align-items:flex-start; flex-direction:column; position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; z-index:1 !important;} .banner_text1{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:200 !important; text-align:left !important; font-size:30px !important; line-height:32px !important; top:unset !important; left:unset !important; width:100% !important;} .banner_text2{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:bold !important; text-align:left !important; font-size:48px !important; line-height:56px !important; top:unset !important; left:unset !important; width:100% !important; margin:1rem 0px !important;} .banner_text3{width:600px !important; position:relative !important; font-family: "Sora", sans-serif !important; font-weight:200 !important; text-align:left !important; font-size:20px !important; line-height:26px !important; top:unset !important; left:unset !important; white-space:unset !important;} .banner_filter{display:none !important; background:rgba(0, 0, 0, 0.6) !important; width:100% !important; height:100% !important; left:0px !important; top:0px !important; z-index:0 !important;} /* END OF BANNER */ header{z-index:999; background:#fff; position:fixed; top:0px; lefT:0px; width:100%;} header .top_bar{background:var(--main); height:33px; display:flex; justify-content:center; align-items:center;} header .top_bar_col{width:50%; display:flex; align-items:center;} header .top_bar_col1{justify-content:flex-start;} header .top_bar_col1 a{color:var(--light); font-size:12px;} header .top_bar_col1{color:var(--light); font-size:12px;} header .top_bar_col2{justify-content:flex-end; } header .top_bar_col2 a{color:var(--light); font-size:12px;} header .main{box-shadow:0px 1px 4px #999; display:flex; justify-content:center; align-items:center; height:88px;} .logo{width:40%; display:flex; justify-content:flex-start; align-items:Center;} .menu_cont{transition:all .6s; width:100%; height:100dvh; position:fixed; top:121px; right:-100%; background:#fff; z-index:99999; } .menu_cont_open{right:0px !important;} .menu-main-container{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .menu-main-container > ul{list-style:none; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .menu-main-container ul > li{position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;} .menu-main-container ul > li a{height:44px; font-size:14px; color:#000; padding:0rem 1rem; transition:all .6s; font-weight:bold; display:flex; justify-content:center; align-items:center;} .menu-main-container ul > li:hover > a{} .menu-main-container ul > li:hover > .sub-menu{display:flex !important;} .sub-menu{height:auto !important; background:#fff; display:none; width:100% !important; flex-direction:column; gap:0px !important;} .sub-menu li{height:44px !important; width:100% !important;} .sub-menu li a{height:44px !important; width:100% !important;} .toolbox{min-width:50%; gap:1rem; height:88px; display:flex; justify-content:flex-end; align-items:center;} .menu_icon{display:flex; justify-content:center; align-items:center; width:44px; height:44px; background:var(--accent); border-radius:100px;} .menu_icon ion-icon{font-size:18px; color:#fff;} .user{width:44px; border-radius:100px; height:44px; background:var(--main); display:flex; justify-content:center; align-items:Center;} .user ion-icon{font-size:18px; color:#fff;} /* CART */ .cart_toolbox{transition:all .6s; background:var(--fourth); position:relative; flex-direction:column; cursor:pointer; padding:0px; min-width:66px; border-radius:44px; display:flex; justify-content:center; align-items:center;} .shake_cart { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; box-shadow:0px 0px 4px #e9e9e9; } .shake_color{box-shadow:0px 0px 15px var(--light) !important; background:var(--light) !important; border:solid thin var(--light) !important;} .shake_color ion-icon{color:#fff !important;} .shake_color .cart_tab_products_sum{color:#fff !important;} .shake_color .cart_tab_products_sum span{color:#fff !important;} .shake_color .cart_tab_cart_analysis{color:#fff !important;} @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .cart_analysis .cb_button{margin-left:1rem; margin-bottom:1rem;} .cart_tab{display:flex; justify-content:center; align-items:center; min-width:44px; border-radius:100px; height:44px; background:var(--main); padding:0px 13px;} .cart_tab ion-icon{font-size:18px; color:#fff; transition:all .6s;} .cart_tab_text *{color:#fff !important;} .show_cart_tab{display:flex !important; min-width:74px;} .cart_tab_text{display:none; justify-content:center; align-items:flex-end; flex-direction:column;} .cart_tab_products_sum{font-size:14px; color:#444; transition:all .6s;} .cart_tab_products_sum span{font-weight:bold; color:var(--blue); transition:all .6s;} .cart_tab_cart_analysis{width:100%; text-align:right; font-size:12px; color:#444; font-weight:bold; transition:all .6s;} .cart_expand{align-items:flex-end;} .cart_analysis{display:none; width:500px; padding:1rem; margin:2rem 0px; max-height:20vw; overflow-y:auto; position:absolute; top:22px; background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .cart_expand .cart_analysis{display:inline !important;} .cart_analysis_line{padding:1rem; display:grid; grid-template-columns:66px 1fr 66px; grid-gap:1rem; min-height:66px; margin-bottom:1rem; width:100%; border-bottom:solid thin #bbb;} .cart_analysis_line_col1{display:flex; justify-content:center; align-items:flex-start;} .cart_analysis_line_col1 img{width:auto; height:auto; max-width:100%; max-height:100%;} .cart_analysis_line_col2{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .cart_analysis_product_title{color:var(--blue); font-weight:bold; font-size:14px; margin-bottom:1rem;} .cart_analysis_product_attributes{margin-bottom:1rem;} .cart_analysis_product_qnt{font-size:12px; text-align:right; color:#444;} .cart_analysis_product_qnt span{font-weight:bold; color:var(--blue);} .cart_analysis_product_attibute_line_price{font-size:16px; color:#444;} .cart_analysis_line_col3{display:flex; justify-content:center; align-items:center;} .cart_analysis_line_col3 ion-icon{font-size:22px; color:#000;} .cart_button{display:none;} .close_cart{display:none; position:absolute; top:-11px; left:-11px; width:55px; box-shadow:0px 0px 8px #e9e9e9; height:55px; border-radius:100px; background:#fff; justify-content:center; align-items:center;} .close_cart_inner{background:var(--blue); display:flex; justify-content:center; align-items:center; width:44px; box-shadow:0px 0px 8px #e9e9e9; aspect-ratio:1; border-radius:100px;} .close_cart ion-icon{color:#fff; font-size:28px;} .cart_expand .cart_button{display:flex !important; margin-right:1rem;} .cart_expand .cart_tab{margin-right:1rem;} .cart_expand .close_cart{display:flex !important;} /* END OF CART */ .wrapper{width:100%; display:flex; justify-content:center; align-items:center; margin-top:121px;} footer{width:100%; display:flex; justify-content:center; align-items:center;} .container{ width:90vw; max-width:1920px; display:flex; } .wrapper .container{justify-content:flex-start; align-items:flex-start; flex-direction:column;} /* FILTER */ #primary .filter_cont{margin-top:0px !important; width:100% !important;} #primary .filter_inner{border-bottom-left-radius:15px !important; border-bottom-right-radius:15px !important;} .filter_cont{width:768px; margin-top:-44px; position:relative; z-index:100; } .filter_header{height:44px; color:#fff; font-size:16px; font-weight:bold; border-top-left-radius:15px; border-top-right-radius:15px; background:vaR(--accent); display:flex; justify-content:flex-start; align-items:center; width:100%; padding:0px 1rem; } .filter_inner{padding:2rem 2rem; background:var(--main); gap:1rem;display:flex; justify-content:center; align-items:center; } .filter_item{width:calc((100% - 200px) - 1rem); } .filter_item select{width:100% !important;} .filter_item input{width:100%;} .filter_item .button_revert{width:100% !important;} .filter_item_search{width:200px;} .filter_item_search input{width:100%;} .filter_cont form{width:100%;} .filter_cont input::placeholder { color: white !important; opacity: 1; /* Ensure full visibility in Firefox */ } /* END OF FILTER */ /* SMALL BANNERS */ .small_banners{width:100%; flex-direction:column; justify-content:center; align-items:center; left:0px !important; } .small_banner{aspect-ratio: 1.77; position:relative; width:100% !important;} .small_banner > .vc_column-inner:before{content:""; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1;} .small_banner > .vc_column-inner{padding:1.5rem !important; position:relative;} .small_banner_inner{} .small_banner_title{font-family: "Sora", sans-serif !important; color:#fff!important; font-size:32px; font-weight:bold !important;} .small_banner_text{color:#999; font-size:16px; width:60%; text-align:center;} .small_banner1 .wpb_wrapper{display:flex; justify-content:center; align-items:Center; flex-direction:column;} .small_banner2 .wpb_wrapper{display:flex; justify-content:center; align-items:Center; flex-direction:column;} .small_banner3 .wpb_wrapper{display:flex; justify-content:center; align-items:Center; flex-direction:column;} /* END OF SMALL BANNERS */ /* HP CATEGORIES */ .hp_categories{width:100%; margin:4rem 0px !important; display:flex; justify-content:center; align-items:center;} .hp_categories_inner{width:100%; display:flex; justify-content:center; gap:2rem; align-items:center;} .category_item{width:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;} .category_item_image{position:relative; display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:1; border:solid thin #999; padding:11px; border-radius:500px;} .category_item_image:before{z-index:-1; border-radius:500px; content:""; position:absolute; top:50%; left:50%; width:190px; height:190px; transform:translate(-50%, -50%); background: #A7A7A7; background: linear-gradient(126deg,rgba(167, 167, 167, 1) 0%, rgba(255, 255, 255, 0) 100%);} .category_item_image img{width:auto; height:auto; max-width:150px; max-height:150px;} .category_item_name{font-size:14px; font-weight:bold; margin-top:1rem; color:#000;} /* END OF HP CATEGORIES */ /* FEATURED PRODUCTS */ .featured_products{margin:4rem 0px; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .featured_products_cats{margin:4rem 0px; width:100%; display:flex; justify-content:center; align-items:center; gap:2rem;} .featured_products_cat{cursor:pointer; transition:all .6s; height:44px; display:flex; justify-content:center; align-items:center; min-width:200px; padding:0px 1rem; border-radius:5px; background:var(--grey); color:#000;} .featured_products_cat.featured_active{background:var(--main); color:#fff;} .featured_products_cat:hover{background:var(--main); color:#fff;} .featured_products_inner .products{width:90vw !important; display:grid !important; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important; gap:4rem 2rem !important;} .featured_products_inner .products.columns-4 li{width:100% !important;} .featured_products_inner .ft_container{display:none;} .featured_products_inner .ft_container.featured_active{display:flex !important; justify-content:center; align-items:center; flex-direction:column;} .ft_all_products{width:100%; margin:3rem 0px 1rem !important; display:flex; justify-content:center; align-items:center;} /* END OF FEATURED PRODUCTS */ /* list_3col */ .list_3col{width:100%; margin:4rem 0px;} .list_3col .vc_col-sm-4{width:clamp(300px,33%,500px) !important} .hp_list_products h3{width:100%; font-size:22px !important; position:relative; margin-bottom:2rem; padding-bottom:1rem;} .hp_list_products h3:before{content:""; position:absolute; bottom:0px; left:0px; width:40%; height:1px; background:#000; z-index:2;} .hp_list_products h3:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#999; z-index:1;} .list_product{margin-bottom:1rem; width:100%; gap:1rem; display:flex; justify-content:flex-start; align-items:Center;} .list_product_image{width:110px; height:110px; display:flex; justify-content:center; align-items:Center;} .list_product_image img{width:110px; height:110px; object-fit:contain;} .list_product_info{display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem; flex-direction:column;} .list_product_title{font-weight:bold;} .list_product_price .amount bdi{font-weight:bold; color:var(--main);} .list_product_price .amount span{font-weight:bold; color:var(--main);} .list_product_info .button{height:33px !important; font-size:14px !important;} /* END OF list_3col */ /* WOOCOMMERCE */ .wp-block-woocommerce-cart{width:100%;} #primary{width:100%;} #main{width:100%;} .product{width:100%; display:flex;gap:66px; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;} .summary{width:calc(100% ); border:solid 4px var(--main); border-radius:15px; background:#fff; padding:2rem; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem; flex-direction:column;} .relative_table{margin:0px; height: 300px; overflow:auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .relative_item{font-size:14px;} .products.columns-4{flex-wrap:wrap; list-style:none; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;} .products.columns-4 li{background:#fff; min-width:300px; position:relative; padding:1rem 0px; border:solid 4px var(--accent); width:calc((100% / 4) - 2rem); display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:15px;} .archive_product{aspect-ratio:1; position:relative;} .archive_product:hover .archive_product_filter{display:flex !important;} .archive_product_line{margin:11px 0px 22px; width:90%; height:1px; background:#737373;} .archive_product_filter{border-radius:10px; cursor:pointer; display:none; justify-content:center; align-items:center; gap:1rem; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px;} .archive_product_filter a{width:55px; height:55px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:100px;} .archive_product_filter a ion-icon{font-size:26px; color:var(--main);} .archive_product .archive_product_image{ width:100%; display:flex; justify-content:center; align-items:center;} .archive_product .archive_product_image a{width:100%; display:flex; justify-content:center; align-items:center;} .archive_product .archive_product_image img{width:100%; height:100%; object-fit:contain;} .archive_product .archive_product_title{font-size:18px !important; text-align:left; width:90%;} .archive_product .product_meta{font-size:12px; width:90%; text-align:left;} .archive_product .price{margin:44px 0px 22px; height:33px; width:90%; display:flex; justify-content:space-between; align-items:center;} .price_tag{color:#597fb0 !important;} .archive_product .price .add_to_cart_button{border-radius:100px; height:33px !important; width:160px; display:flex; justify-content:space-between; align-items:center; padding:0px 11px; font-size:14px;} .add_to_cart_icon{width:22px; height:22px; background:#fff; border-radius: 100px; display:flex; justify-content:center; align-items:center;} .add_to_cart_icon ion-icon{font-size:16px !important; color:vaR(--main);} .archive_product .price bdi{font-weight:500; color:var(--main);} .archive_product .price span{font-weight:500; color:var(--main);} ins{text-decoration:none !important;} del{font-size:14px;} .onsale{position:absolute; color:#fff; font-size:12px; display:flex; justify-content:center; align-items:center; top:0px; left:22px; background:var(--main); width:40px; height:50px;} .onsale:before{content:""; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 11px 20px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); bottom:0px; left:0px; position:absolute;} .woocommerce-pagination{width:100%; display:flex; justify-content:center; align-items:center; margin:4rem 0px;} .woocommerce-pagination ul{width:100%; display:flex; justify-content:center; align-items:center;} .woocommerce-pagination ul li{} .woocommerce-pagination ul li a{width:22px; height:22px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#000;} .woocommerce-pagination ul li span{width:22px; height:22px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#000;} .woocommerce-pagination .current{background:var(--main); color:#fff !important;} .woocommerce-breadcrumb{margin:1rem 0px; font-size:12px;} .woocommerce-breadcrumb a{font-size:12px; color:var(--main);} .result_line{margin:1rem 0px; width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;} .woocommerce-result-count{margin-bottom:1rem;} form.cart{display:flex; justify-content:flex-start; align-items:Center; gap:1rem;} form.cart .quantity input{height:44px; width:44px; outline:none;} .product .product_meta{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .sku_wrapper{font-weight:bold; font-size:14px;} .sku_wrapper span{color:var(--main); font-size:14px;} .posted_in{font-weight:bold; font-size:14px;} .posted_in a{color:var(--main); font-size:14px;} .product .amount bdi{color:var(--main); font-weight:bold;} .product .amount bdi span{color:var(--main); font-weight:bold;} .product ins{font-size:22px !important;} .related h2{margin-bottom:1rem; } .related{width:100%;} .wc-block-components-checkout-place-order-button__text{font-size:16px;} .wp-element-button{outline:none; border:none; width:max-content; padding:0px 1rem; height:44px; border-radius:5px; background:var(--accent); color:#fff; display:flex; justify-content:center; align-items:Center; gap:2rem;} .wp-element-button:focus{outline:none !important; box-shadow:none !important;} /* END OF WOOCOMMERCE */ /* SIDEBAR */ .sidebar_icon{display:none;} /* END OF SIDEBAR */ /* GALLERY */ .custom_gallery_cont{position:Relative; width:50%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .custom_gallery{background:#fff; border-radius:15px; border:solid 4px var(--main); width:100%; overflow:hidden; display:flex; justify-content:flex-start; align-items:center;} .custom_gallery img{width:100%; height:100%; object-fit:cover;} .custom_gallery_inner{transition:all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:center;} .custom_thumbnails{width:100%; overflow:hidden; margin-top:1rem;} .active_thumb{filter:none !important;} .gallery_img_cont{width:100%; display:flex; justify-content:center; align-items:Center;} .custom_thumbnails_inner{transition:all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:flex-start;} .custom_thumbnails_inner img{border-radius:5px; cursor:pointer; transition:all .6s; filter:saturate(0.2); margin-right:11px;} /* END OF GALLERY */ /* FOOTER */ footer{flex-direction:column; position:relative; margin-top:0rem; padding-top:0px; background:url('https://curlybrackets.gr/clients/elkoso/wp-content/uploads/2025/05/elkoso-footer-image.png') no-repeat; background-size:cover !important; background-position:center !important; width:100%;} footer .container{padding:4rem 0px; gap:4rem; flex-direction:column; align-items:center;} .footer_col{width:100%;} .footer_col1{display:flex; justify-content:flex-start; align-items:center; flex-direction:column;} .footer_col1 .widget_media_image:first-child img{width:88px; height:88px; object-fit:cover;} .footer_col1 .widget_media_image:last-child img{width:100%; height:100px; object-fit:contain;} .footer_col2 ul{display:flex; justify-content:center; align-items:center; flex-direction:column;} .footer_col2 ul li{width:100%; display:flex; justify-content:center; height:32px; align-items:center;} .footer_col2 ul li a{color:#fff; font-size:18px;} .footer_col3 p{color:#fff; text-align:right; line-height:32px; margin-bottom:1rem; font-size:18px; text-align:center;} .footer_col3 a{color:#fff; text-align:right; line-height:32px; font-size:18px;} .widget_text{width:100%; display:flex; justify-content: center; } footer h2:before{content:""; position:absolute; bottom:0px; left:0px; width:40%; height:1px; background:var(--yellow); z-index:2;} footer h2:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#999; z-index:1;} footer h2{position:relative; font-size:24px !important; margin-bottom:2rem; padding-bottom:1rem;color:#fff !important; text-align:right; width:max-content;} .footer_label{background:var(--main); border:solid thin #fff; margin-top:10rem; width:90vw; flex-direction:column; display:flex; justify-content:center; align-items:center;} .footer_label_col{width:100%; padding:66px 0px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; border-bottom:solid thin #fff;} .footer_label_col2{} .footer_label_img{position:absolute; top:-38.5px; left:50%; transform:translateX(-50%); width:77px; aspect-ratio:1; display:flex; justify-content:center; align-items:center;} .footer_label_img img{width:100%; height:100%; object-fit:contain; } .footer_label_title{margin-bottom:1rem; font-size:24px; font-weight:bold; color:#fff;} .footer_label_text{font-size:14px; color:var(--grey); text-align:center; padding:0px 1rem;} /* END OF FOOTER */ } @media screen and (max-width: 767px){ .woocommerce-MyAccount-navigation{width:100%; display:flex; justify-content:flex-start; align-items:center; margin-bottom:1rem;} .woocommerce-MyAccount-navigation ul{width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; } .woocommerce-MyAccount-navigation ul li{background:var(--accent); height:33px; padding:0px 1rem; width:100%; display:flex; justify-content:flex-start; align-items:center; } .woocommerce-MyAccount-navigation a{color:#fff;} .woocommerce-MyAccount-content form{margin-bottom:4rem;} .woocommerce-MyAccount-content .u-columns{margin-top:1rem;} .woocommerce-Address-title a{margin-bottom:1rem; background:var(--accent); color:#fff; font-size:14px; padding:0px 1rem; height:33px; margin-top:1rem; border-radius:100px; display:flex; justify-content:flex-start; align-items:center;} .woocommerce-MyAccount-content address{margin:1rem 0px; } .woocommerce-form-login{width:100%;} .woocommerce-form-login input{background:var(--light) !important; color:#fff !important; border:none !important;} .lost_password a{font-size:12px; color:var(--main);} .wc-block-components-sidebar-layout{margin-bottom:4rem !important;} .wc-block-components-radio-control-accordion-content div{font-size:14px;} .wc-block-components-radio-control__label-group span{font-weight:bold;} .wc-block-components-radio-control-accordion-option{background:var(--light); box-shadow:none !important;} .wc-block-components-order-summary-item__quantity{background: vaR(--main) !important; color: #fff !important; border: none !important; } .wc-block-components-order-summary-item__quantity span{font-size:12px !important;} .wc-block-components-order-summary-item__image{width:66px !important;} .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img{border:solid thin #e5e5e5; border-radius:5px;} .product_col_2 .product_col1{width:100%;} .product_col_2 .product_col2{width:100%;} header .main .container{align-items:flex-start; flex-wrap:wrap;} .cart_tab_text{align-items:center !important;} .cart_tab_products_sum{justify-content:center !important;} .cart_tab_products_sum div{display:none;} .top_bar .custom-html-widget{color:#fff !important; font-weight:500 !important; font-size:10px !important;} .top_bar .custom-html-widget a{color:#fff !important; font-weight:500 !important; font-size:10px !important;} .top_bar_actions{display:flex; justify-content:flex-end; align-items:center; gap:5px; color:#fff !important; font-size:10px !important; font-weight:500 !important;} .top_bar_actions a{color:#fff !important; font-weight:500 !important; font-size:10px !important;} form.cart .quantity input{width:66px !important; text-align:center; border-radius:100px; display:flex; justify-content:center; align-items:center;} .product_banner{padding:4rem 0px; margin-bottom:4rem; background:url('https://elkoso.gr/wp-content/uploads/2025/07/Elkoso-Web_BG-image-scaled.jpg') no-repeat; background-position:center !important; background-size:cover !important; width:100vw; transform:translateX(-50%); margin-left:50%; display:flex; justify-content:center; align-items:center;} .product_banner #primary{width:90vw !important; max-width:1920px !important;} .footer_social_icons{display:flex; justify-content:center; align-items:center; gap:11px;} .footer_social_item img{width:24px; height:24px; object-fit:cover;} .footer_bar_newsletter{flex-direction:column; display:flex; justify-content:center; align-items:center; gap:2rem;} .socials .vc_column-inner{padding:0px !important;} .hp_socials{margin:8rem 0px !important; width:100%; display:flex; justify-content:center; align-items:center; gap:16px;} .hp_social_cont{width:650px; overflow:hidden;} .hp_social_inner{transition: all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:center; gap:16px;} .hp_social_item{width:calc((654px / 2) - 16px); height:300px; border:solid 4px var(--main); overflow:hidden; border-radius:15px;} .hp_social_item img{width:100%; height:100%; object-fit:cover;} .social_arrow_right img{transform: rotate(-180deg);} .social_arrow_right{margin-left:-16px;} .social_arrow img{width:44px; height:44px; object-fit:cover; cursor:pointer;} .banner_2{min-height:450px !important; display:flex; justify-content:center; align-items:Center;} .banner_2 .vc_col-sm-6:first-child{display:none !important;} .banner_2 .vc_col-sm-6:last-child{width:90% !important; max-width:calc(1920px / 2) !important;} .banner_2_text1{margin-bottom:1rem !important;} .banner_2_text1 p{color:#fff; font-size:24px; line-height:32px; font-weight:200;} .banner_2_text2{ margin-bottom:1rem !important;} .banner_2_text2 p{color:#fff; font-size:32px; line-height:56px; font-weight:bold;} .banner_2_text3{margin-bottom:2rem !important; display:flex; justify-content:flex-end;} .banner_2_text3 .wpb_wrapper{width:100%;} .banner_2_text3 p{color:#fff; font-size:16px; line-height:26px; font-weight:200;} .banner_2_button{width:100%; display:flex; justify-content:flex-end;} .products_list_tabs{margin-top:4rem; display:flex; justify-content:center; align-items:center; gap:2rem; width:100%; position:relative; margin-bottom:44px !important;} .products_list_tabs_inner{flex-direction:column; display:flex; justify-content:center; align-items:center; gap:2rem; width:max-content; position:relative;} .products_list_tab{cursor:pointer; color:#a6a6a6; font-weight:bold; font-size:18px; width:max-content; position:relative;} .product_list_tab_selected{color:#6684aa !important;} .product_list_tab_selected:before{content:""; z-index:99; width:100%; height:2px; background:#8897be; position:absolute; bottom:0px; left:0px;} .product_list_tab_cont{margin-bottom:66px; width:100%; display:none; justify-content:center; align-items:center; gap:1rem;} .product_list_tab_cont_open{display:flex !important;} .product_list_tab_cont ul{transition:all .6s; list-style:none; width:max-content; display:flex; justify-content:flex-start; align-items:flex-start;} .product_list_tab_cont_inner{width:calc(600px + 2rem); overflow:hidden;} .product_list_tab_cont .products.columns-4{width:max-content; flex-wrap:unset !important;} .product_list_tab_cont .products.columns-4 li{width:275px !important;} .product_list_tab_arrow_left{cursor:pointer; } .product_list_tab_arrow_right{cursor:pointer; } .product_list_tab_arrow_left img{width:44px;} .product_list_tab_arrow_right img{transform:rotate(-180deg); width:44px;} .fix_stretch_row{padding:0px !important; left:0px !important;} .category_quick{display:flex; justify-content:center; align-items:center; gap:1rem; width:100%; z-index:9;} .category-quick-wrapper{display:flex; justify-content:center; align-items:center; gap:1rem; width:100%;} .category-quick-wrapper .category-item{width:200px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .category-quick-wrapper .category-item p{font-weight:bold; color:#000;} .category-quick-wrapper .category-item img{width:200px !important; height:200px !important; object-fit:cover;} .product_col_2{width:100%; flex-direction:column; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;} .product_col_2 h5{margin-bottom:1rem;} .portable_search .container{width:100% !important; max-width:unset !important;} .portable_search{display:flex; background:var(--main); width:calc(100% - 66px); justify-content:center; border-radius:100px;} .portable_search form{height:33px; padding:0px 1rem; display:flex; justify-content:space-between; align-items:center; width:100%; gap:1rem;} .portable_search form input[type="text"]{width:100%; padding: 0px !important; background:transparent !important; height:33px !important; } .portable_search form button{border:none; background:transparent; outline:none;} .portable_search form button ion-icon{color:#fff !important; font-size:22px;} .portable_search input::placeholder { color: white !important; opacity: 1; /* Ensure full visibility in Firefox */ } .menu_search{cursor:pointer; margin-right:11px; border-radius:100px; width:33px; height:33px; background:var(--main); display:flex; justify-content:center; align-items:center;} .menu_search ion-icon{font-size:18px; color:#fff;} .map_cont{left:unset !important; margin-bottom:-6rem;} .video_cont{left:unset !important;} textarea{width:100%; color:#fff; padding:1rem 1rem; height:110px; border-radius:5px; border:none; outline:none; background:var(--light);} .hp_banner{margin-top:0rem !important;} .max-width-900{max-width:900px !important;} .new_title{font-size:3rem; font-weight:400 !important;} .new_title span{font-weight:bold; color:#000 !important;} .about_tile_title{display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .about_tile_title_image{width:44px; height:44px; display:flex; justify-content:center; align-items:center;} .about_tile_title_image img{width:100%; height:100%; object-fit:contain;} .about_tile_title_text{font-size:26px; font-weight:400;} .about_tile_title_text span{font-size:26px; font-weight:bold;} .about_tile_text{width:100%; aspect-ratio:1; min-height:400px; position:relative;} .about_tile_text img{width:100%; height:100%; object-fit:cover;} .about_tile_text:before{content:""; background:rgba(0,0,0,.7); width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1;} .about_tile_text_cont{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; padding:3rem 1.5rem;} .about_tile_text p{color:#fff; font-size:14px; line-height:22px; margin-bottom:1rem;} iframe{width:100%; aspect-ratio:16/9; height:unset;} .contact_tile{width:100%; position:relative; min-height:300px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; } .contact_tile:after{content:""; width:100%; background:var(--main); height:5px; margin-top:4rem;} .contact_title_inner{font-size:18px; line-height:24px; font-weight:500;} .contact_title_inner a{color:#000; font-size:18px; line-height:24px; font-weight:500;} .contact_form{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .contact_form_2{width:100%; display:flex; justify-content:center; align-items:center; gap:1rem;} .contact_form p{width:100%;} .contact_form_button p{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .contact_form_button .button{min-width:180px;} .footer_bar{width:100%; position:relative; display:flex; justify-content:center; align-items:center; background:#000;} .footer_bar .container{justify-content:center; align-items:center; padding:1rem 0px;} .footer_bar_flag{position:absolute; top:0px; right:0rem;} .footer_bar_flag img{width:auto; height:auto; max-width:100%; max-height:50px;} .newsletter_cont{width:max-content; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; gap:1rem;} .newsletter_line p{font-size:12px; font-weight:bold; color:var(--grey); margin-bottom:0px;} .newsletter_form{position:relative;} .newsletter_form input[type="email"]{background:#282828 !important; height:33px !important;} .newsletter_form input[type="submit"]{display:none;} .newsletter_form p{margin-bottom:0px !important;} .newsletter_dummy_button{position:absolute; top:50%; right:1rem; transform:translateY(-50%);} .newsletter_dummy_button ion-icon{color:#fff; font-size:14px;} .newsletter_cont .wpcf7-spinner{display:none !important;} html,body{overflow-x:hidden;} /* GENERAL */ li{list-style:none;} .wpb-content-wrapper{width:100%; display:flex !important; justify-content:center; align-items:center; flex-direction:column;} select{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="text"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="email"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} input[type="tel"]{color:#fff; padding:0px 1rem; height:44px; border-radius:5px; border:none; outline:none; background:var(--light);} .button_revert{width:max-content; height:44px; border-radius:5px; background:#fff; color:var(--accent); display:flex; justify-content:center; align-items:Center;} .button{outline:none; border:none !important; width:max-content; padding:0px 1rem; height:44px; border-radius:100px !important; background:var(--accent) !important; color:#fff !important; display:flex !important; justify-content:center; align-items:Center; gap:2rem;} .button ion-icon{font-size:28px;} .single_button{font-weight:500;} h1{font-weight:bold; font-size:32px;} h1 span,h2 span,h3 span{font-weight:bold; color:var(--accent)} h2{font-weight:bold; font-size:2.2rem;} h3{font-weight:bold; font-size:1.8rem;} h4{font-weight:bold; font-size:1.6rem;} h5{font-weight:bold; font-size:1.2rem;} h6{font-weight:bold; font-size:1rem;} /* END OF GENERAL */ /* BANNER */ .banner_group{display:flex !important; justify-content:center; align-items:Center; flex-direction:column; position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; z-index:1 !important;} .banner_text1{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:200 !important; text-align:center !important; font-size:20px !important; line-height:22px !important; top:unset !important; left:unset !important; width:100% !important;} .banner_text2{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:bold !important; text-align:center !important; font-size:28px !important; line-height:36px !important; top:unset !important; left:unset !important; width:100% !important; margin:1rem 0px !important;} .banner_text3{position:relative !important; font-family: "Sora", sans-serif !important; font-weight:200 !important; text-align:center !important; font-size:16px !important; line-height:22px !important; top:unset !important; left:unset !important; width:100% !important; white-space:unset !important;} .banner_filter{display:none !important; background:rgba(0, 0, 0, 0.6) !important; width:100% !important; height:100% !important; left:0px !important; top:0px !important; z-index:0 !important;} /* END OF BANNER */ header{z-index:999; background:#fff; position:fixed; top:0px; lefT:0px; width:100%;} header .top_bar{background:var(--main); height:33px; display:flex; justify-content:center; align-items:center;} header .top_bar_col{width:50%; display:flex; align-items:center;} header .top_bar_col1{justify-content:flex-start;} header .top_bar_col1 a{color:var(--light); font-size:12px;} header .top_bar_col1{color:var(--light); font-size:12px;} header .top_bar_col2{justify-content:flex-end; } header .top_bar_col2 a{color:var(--light); font-size:12px;} header .main{box-shadow:0px 1px 4px #999; display:flex; justify-content:center; align-items:center; height:140px;} .logo{width:100%; margin-bottom:11px; display:flex; justify-content:center; align-items:Center;} .logo img{height:55px !important;} .menu_cont{transition:all .6s; width:100%; height:100dvh; position:fixed; top:173px; right:-100%; background:#fff; z-index:99999; } .menu_cont_open{right:0px !important;} .menu-main-container{width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .menu-main-container > ul{list-style:none; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1rem;} .menu-main-container ul > li{position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column;} .menu-main-container ul > li a{height:44px; font-size:14px; color:#000; padding:0rem 1rem; transition:all .6s; font-weight:bold; display:flex; justify-content:center; align-items:center;} .menu-main-container ul > li:hover > a{} .menu-main-container ul > li:hover > .sub-menu{display:flex !important;} .sub-menu{height:auto !important; background:#fff; display:none; width:100% !important; flex-direction:column; gap:0px !important;} .sub-menu li{height:44px !important; width:100% !important;} .sub-menu li a{height:44px !important; width:100% !important;} .toolbox{width:100%; display:flex; justify-content:flex-end; align-items:center;} .menu_icon{display:flex; justify-content:center; align-items:center; width:33px; height:33px; background:var(--accent); border-radius:100px;} .menu_icon ion-icon{font-size:18px; color:#fff;} .user{width:33px; border-radius:100px; height:33px; background:var(--main); display:flex; justify-content:center; align-items:Center;} .user ion-icon{font-size:18px; color:#fff;} /* CART */ .cart_toolbox{transition:all .6s; background:var(--fourth); position:relative; flex-direction:column; cursor:pointer; padding:0px; min-width:55px; border-radius:44px; display:flex; justify-content:center; align-items:center;} .shake_cart { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; box-shadow:0px 0px 4px #e9e9e9; } .shake_color{box-shadow:0px 0px 15px var(--light) !important; background:var(--light) !important; border:solid thin var(--light) !important;} .shake_color ion-icon{color:#fff !important;} .shake_color .cart_tab_products_sum{color:#fff !important;} .shake_color .cart_tab_products_sum span{color:#fff !important;} .shake_color .cart_tab_cart_analysis{color:#fff !important;} @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .hp_banner{margin-top:-3rem !important;} .cart_analysis .cb_button{margin-left:1rem; margin-bottom:1rem;} .cart_tab{display:flex; justify-content:center; align-items:center; border-radius:100px; height:33px;width:33px; background:var(--main); } .cart_tab ion-icon{font-size:18px; color:#fff; transition:all .6s;} .cart_tab_text *{color:#fff !important;} .show_cart_tab{display:flex !important; min-width:74px;} .cart_tab_text{display:none; justify-content:center; align-items:flex-end; flex-direction:column;} .cart_tab_products_sum{font-size:14px; color:#444; transition:all .6s;} .cart_tab_products_sum span{font-weight:bold; color:var(--blue); transition:all .6s;} .cart_tab_cart_analysis{display:none; width:100%; text-align:right; font-size:12px; color:#444; font-weight:bold; transition:all .6s;} .cart_expand{align-items:flex-end;} .cart_analysis{display:none; width:100dvw; padding:1rem; height:100dvh; overflow-y:auto; position:absolute; top:60px; right:-12vw; background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .cart_expand .cart_analysis{display:inline !important;} .cart_analysis_line{padding:1rem; display:grid; grid-template-columns:66px 1fr 66px; grid-gap:1rem; min-height:66px; margin-bottom:1rem; width:100%; border-bottom:solid thin #bbb;} .cart_analysis_line_col1{display:flex; justify-content:center; align-items:flex-start;} .cart_analysis_line_col1 img{width:auto; height:auto; max-width:100%; max-height:100%;} .cart_analysis_line_col2{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .cart_analysis_product_title{color:var(--accent); font-weight:bold; font-size:14px; margin-bottom:1rem;} .cart_analysis_product_attributes{margin-bottom:1rem;} .cart_analysis_product_qnt{font-size:12px; text-align:right; color:#444;} .cart_analysis_product_qnt span{font-weight:bold; color:var(--blue);} .cart_analysis_product_attibute_line_price{font-size:16px; color:#444;} .cart_analysis_line_col3{display:flex; justify-content:center; align-items:center;} .cart_analysis_line_col3 ion-icon{font-size:22px; color:#000;} .cart_button{display:none;} .close_cart{display:none; position:absolute; top:-11px; left:-11px; width:55px; box-shadow:0px 0px 8px #e9e9e9; height:55px; border-radius:100px; background:#fff; justify-content:center; align-items:center;} .close_cart_inner{background:var(--blue); display:flex; justify-content:center; align-items:center; width:44px; box-shadow:0px 0px 8px #e9e9e9; aspect-ratio:1; border-radius:100px;} .close_cart ion-icon{color:#fff; font-size:28px;} .cart_expand .cart_button{display:flex !important; margin-right:1rem;} .cart_expand .cart_tab{margin-right:1rem;} .cart_expand .close_cart{display:flex !important;} /* END OF CART */ .wrapper{width:100%; display:flex; justify-content:center; align-items:center; margin-top:173px; padding-top:3rem;} footer{width:100%; display:flex; justify-content:center; align-items:center;} .container{ width:90vw; max-width:1920px; display:flex; } .wrapper .container{justify-content:flex-start; align-items:flex-start; flex-direction:column;} /* FILTER */ #primary .filter_cont{margin-top:0px !important; width:100% !important;} #primary .filter_inner{border-bottom-left-radius:15px !important; border-bottom-right-radius:15px !important;} .filter_cont{width:100%; max-width:1400px; margin-top:-44px; position:relative; z-index:100; } .filter_header{height:44px; color:#fff; font-size:16px; font-weight:bold; border-top-left-radius:15px; border-top-right-radius:15px; background:vaR(--accent); display:flex; justify-content:flex-start; align-items:center; width:100%; padding:0px 1rem; } .filter_inner{padding:2rem 2rem; background:var(--main); gap:1rem;display:flex; justify-content:center; align-items:center; flex-direction:column;} .filter_item{width:100%; } .filter_item select{width:100% !important;} .filter_item input{width:100%;} .filter_item .button_revert{width:100% !important;} .filter_item_search{width:100%;} .filter_item_search input{width:100%;} .filter_cont form{width:100%;} .filter_cont input::placeholder { color: white !important; opacity: 1; /* Ensure full visibility in Firefox */ } /* END OF FILTER */ /* SMALL BANNERS */ .small_banners{width:100%; flex-direction:column; justify-content:center; align-items:center; left:0px !important; } .small_banner{position:relative; width:100% !important;} .small_banner > .vc_column-inner:before{content:""; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1;} .small_banner > .vc_column-inner{padding:1.5rem !important; position:relative;} .small_banner_inner{} .small_banner_title{text-align:center !important; font-family: "Sora", sans-serif !important; color:#fff!important; font-size:32px; font-weight:bold !important;} .small_banner_text{color:#999; font-size:16px; width:60%; text-align:center;} .small_banner1 .wpb_wrapper{display:flex; justify-content:center; align-items:Center; flex-direction:column;} .small_banner2 .wpb_wrapper{display:flex; justify-content:center; align-items:Center; flex-direction:column;} .small_banner3 .wpb_wrapper{display:flex; justify-content:center; align-items:Center; flex-direction:column;} /* END OF SMALL BANNERS */ /* HP CATEGORIES */ .hp_categories{width:100%; margin:4rem 0px !important; display:flex; justify-content:center; align-items:center;} .hp_categories_inner{width:100%; display:flex; justify-content:center; gap:2rem; align-items:center; flex-direction:column;} .category_item{width:200px; display:flex; justify-content:center; align-items:center; flex-direction:column;} .category_item_image{position:relative; display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:1; border:solid thin #999; padding:11px; border-radius:500px;} .category_item_image:before{z-index:-1; border-radius:500px; content:""; position:absolute; top:50%; left:50%; width:190px; height:190px; transform:translate(-50%, -50%); background: #A7A7A7; background: linear-gradient(126deg,rgba(167, 167, 167, 1) 0%, rgba(255, 255, 255, 0) 100%);} .category_item_image img{width:auto; height:auto; max-width:150px; max-height:150px;} .category_item_name{font-size:14px; font-weight:bold; margin-top:1rem; color:#000;} /* END OF HP CATEGORIES */ /* FEATURED PRODUCTS */ .featured_products h2{text-align:center;} .featured_products h5{text-align:center;} .featured_products{margin:4rem 0px; width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;} .featured_products_cats{margin:2rem 0px; width:100%; display:flex; justify-content:center; align-items:center; gap:2rem;} .featured_products_cat{cursor:pointer; transition:all .6s; height:44px; display:flex; justify-content:center; align-items:center; min-width:200px; padding:0px 1rem; border-radius:5px; background:var(--grey); color:#000;} .featured_products_cat.featured_active{background:var(--main); color:#fff;} .featured_products_cat:hover{background:var(--main); color:#fff;} .featured_products_inner .products{width:90vw; } .featured_products_inner .ft_container{display:none;} .featured_products_inner .ft_container.featured_active{display:flex !important; justify-content:center; align-items:center; flex-direction:column;} .ft_all_products{width:100%; margin:3rem 0px 1rem !important; display:flex; justify-content:center; align-items:center;} /* END OF FEATURED PRODUCTS */ /* list_3col */ .list_3col{width:100%; margin:4rem 0px;} .hp_list_products h3{width:100%; font-size:28px !important; position:relative; margin-bottom:2rem; padding-bottom:1rem;} .hp_list_products h3:before{content:""; position:absolute; bottom:0px; left:0px; width:40%; height:1px; background:#000; z-index:2;} .hp_list_products h3:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#999; z-index:1;} .list_product{margin-bottom:1rem; width:100%; gap:1rem; display:flex; justify-content:flex-start; align-items:Center;} .list_product_image{width:110px; height:110px; display:flex; justify-content:center; align-items:Center;} .list_product_image img{width:110px; height:110px; object-fit:contain;} .list_product_info{display:flex; justify-content:flex-start; align-items:flex-end; width:100%; gap:1rem; flex-direction:column;} .list_product_title{font-weight:bold;} .list_product_price .amount bdi{font-weight:bold; color:var(--main);} .list_product_price .amount span{font-weight:bold; color:var(--main);} .list_product_info .button{height:33px !important; font-size:14px !important;} .list_product_buttons{display:flex; justify-content:flex-start; align-items:center; gap:1rem;} .list_product_buttons a{opacity:0; border-radius:100px; transition:all .6s; width:33px; height:33px; background:var(--main); display:flex; justify-content:center; align-items:center;} .list_product_buttons a ion-icon{color:#fff; font-size:18px;} .list_product:hover .list_product_buttons a{opacity:1 !important;} .list_product:hover .list_product_image img{border:solid thin black;} /* END OF list_3col */ /* WOOCOMMERCE */ .wp-block-woocommerce-cart{width:100%;} #primary{width:100%;} #main{width:100%;} .product{width:100%; display:flex;gap:66px; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;} .summary{padding:2rem; background:#fff; border-radius:15px; border:solid 4px var(--main); width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem; flex-direction:column;} .relative_table{margin:0px; height:200px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; overflow:auto; width:100%;} .relative_item{font-size:14px;} .products.columns-4{flex-wrap:wrap; list-style:none; display:flex; justify-content:flex-start; align-items:flex-start; gap:1rem;} .products.columns-4 li{background:#fff; position:relative; padding:1rem 0px; border:solid 4px var(--accent); width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:15px;} .archive_product{aspect-ratio:1; position:relative;} .archive_product:hover .archive_product_filter{display:flex !important;} .archive_product_line{margin:11px 0px 22px; width:90%; height:1px; background:#737373;} .archive_product_filter{border-radius:10px; cursor:pointer; display:none; justify-content:center; align-items:center; gap:1rem; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; top:0px; left:0px;} .archive_product_filter a{width:55px; height:55px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:100px;} .archive_product_filter a ion-icon{font-size:26px; color:var(--main);} .archive_product .archive_product_image{ width:100%; display:flex; justify-content:center; align-items:center;} .archive_product .archive_product_image a{width:100%; display:flex; justify-content:center; align-items:center;} .archive_product .archive_product_image img{width:100%; height:100%; object-fit:contain;} .archive_product .archive_product_title{font-size:18px !important; text-align:left; width:90%;} .archive_product .product_meta{font-size:12px; width:90%; text-align:left;} .archive_product .price{margin:44px 0px 22px; height:33px; width:90%; display:flex; justify-content:space-between; align-items:center;} .price_tag{color:#597fb0 !important;} .archive_product .price .add_to_cart_button{border-radius:100px; height:33px !important; width:160px; display:flex; justify-content:space-between; align-items:center; padding:0px 11px; font-size:14px;} .add_to_cart_icon{width:22px; height:22px; background:#fff; border-radius: 100px; display:flex; justify-content:center; align-items:center;} .add_to_cart_icon ion-icon{font-size:16px !important; color:vaR(--main);} .archive_product .price bdi{font-weight:500; color:var(--main);} .archive_product .price span{font-weight:500; color:var(--main);} ins{text-decoration:none !important;} del{font-size:14px;} .onsale{position:absolute; color:#fff; font-size:12px; display:flex; justify-content:center; align-items:center; top:0px; left:22px; background:var(--main); width:40px; height:50px;} .onsale:before{content:""; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 11px 20px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); bottom:0px; left:0px; position:absolute;} .woocommerce-pagination{width:100%; display:flex; justify-content:center; align-items:center; margin:3rem 0px;} .woocommerce-pagination ul{width:100%; display:flex; justify-content:center; align-items:center;} .woocommerce-pagination ul li{} .woocommerce-pagination ul li a{width:22px; height:22px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#000;} .woocommerce-pagination ul li span{width:22px; height:22px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#000;} .woocommerce-pagination .current{background:var(--main); color:#fff !important;} .woocommerce-breadcrumb{margin:1rem 0px; font-size:12px;} .woocommerce-breadcrumb a{font-size:12px; color:var(--main);} .result_line{margin:1rem 0px; width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column;} .woocommerce-result-count{margin-bottom:1rem;} form.cart{display:flex; justify-content:flex-start; align-items:Center; gap:1rem;} form.cart .quantity input{height:44px; width:44px; outline:none;} .product .product_meta{display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .sku_wrapper{font-weight:bold; font-size:14px;} .sku_wrapper span{color:var(--main); font-size:14px;} .posted_in{font-weight:bold; font-size:14px;} .posted_in a{color:var(--main); font-size:14px;} .product .amount bdi{color:var(--main); font-weight:bold;} .product .amount bdi span{color:var(--main); font-weight:bold;} .product ins{font-size:22px !important;} .related h2{margin-bottom:1rem; } .related{width:100%;} .wc-block-components-checkout-place-order-button__text{font-size:16px;} .wp-element-button{outline:none; border:none; width:max-content; padding:0px 1rem; height:44px; border-radius:5px; background:var(--accent); color:#fff; display:flex; justify-content:center; align-items:Center; gap:2rem;} .wp-element-button:focus{outline:none !important; box-shadow:none !important;} /* END OF WOOCOMMERCE */ /* SIDEBAR */ .sidebar_icon{position: fixed; z-index:9; display:flex; justify-content:center; border-top-left-radius:5px; border-bottom-left-radius:5px; align-items:center; top: 25vh; right: 0px; width: 44px; height: 44px; background: var(--accent); transition:all .6s;} .sidebar_icon img{width:33px; height:33px; object-fit:cover; filter:invert(1);} #sidebar{z-index:99; padding:1rem; display:flex; justify-content:flex-start; align-items:flex-start; width:calc(100vw - 44px); position:fixed; top:173px; background:#fff; height:calc(100dvh - 173px); right:-100vw; transition:all .6s;} #sidebar.sidebar_open{right:-44px;} .sidebar_icon.sidebar_open{right:calc(80vw - 2px);} #sidebar .widget_title{margin-bottom:11px;} #sidebar li a{color:#000; font-size:14px; line-height:22px;} #sidebar li .count{color:#000; font-size:14px; line-height:22px;} #sidebar ul{margin-bottom:44px;} /* END OF SIDEBAR */ /* GALLERY */ .custom_gallery_cont{position:Relative; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;} .custom_gallery{background:#fff; border-radius:15px; border:solid 4px var(--main); width:100%; overflow:hidden; display:flex; justify-content:flex-start; align-items:center;} .custom_gallery img{width:100%; height:100%; object-fit:cover;} .custom_gallery_inner{transition:all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:center;} .custom_thumbnails{width:100%; overflow:hidden; margin-top:1rem;} .active_thumb{filter:none !important;} .gallery_img_cont{width:100%; display:flex; justify-content:center; align-items:Center;} .custom_thumbnails_inner{transition:all .6s; width:max-content; display:flex; justify-content:flex-start; align-items:flex-start;} .custom_thumbnails_inner img{border-radius:5px; cursor:pointer; transition:all .6s; filter:saturate(0.2); margin-right:11px;} /* END OF GALLERY */ /* FOOTER */ footer{flex-direction:column; position:relative; margin-top:0rem; padding-top:0px; background:url('https://curlybrackets.gr/clients/elkoso/wp-content/uploads/2025/05/elkoso-footer-image.png') no-repeat; background-size:cover !important; background-position:center !important; width:100%;} footer .container{padding:4rem 0px; gap:4rem; flex-direction:column; align-items:center;} .footer_col{width:100%;} .footer_col1{display:flex; justify-content:flex-start; align-items:center; flex-direction:column;} .footer_col1 .widget_media_image:first-child img{width:88px; height:88px; object-fit:cover;} .footer_col1 .widget_media_image:last-child img{width:100%; height:100px; object-fit:contain;} .footer_col2 ul{display:flex; justify-content:center; align-items:center; flex-direction:column;} .footer_col2 ul li{width:100%; display:flex; justify-content:center; height:32px; align-items:center;} .footer_col2 ul li a{color:#fff; font-size:18px;} .footer_col3 p{color:#fff; text-align:right; line-height:32px; margin-bottom:1rem; font-size:18px; text-align:center;} .footer_col3 a{color:#fff; text-align:right; line-height:32px; font-size:18px;} .widget_text{width:100%; display:flex; justify-content: center; } footer h2:before{content:""; position:absolute; bottom:0px; left:0px; width:40%; height:1px; background:var(--yellow); z-index:2;} footer h2:after{content:""; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#999; z-index:1;} footer h2{position:relative; font-size:24px !important; margin-bottom:2rem; padding-bottom:1rem;color:#fff !important; text-align:right; width:max-content;} .footer_label{background:var(--main); border:solid thin #fff; margin-top:10rem; width:90vw; flex-direction:column; display:flex; justify-content:center; align-items:center;} .footer_label_col{width:100%; padding:66px 0px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; border-bottom:solid thin #fff;} .footer_label_col2{} .footer_label_img{position:absolute; top:-38.5px; left:50%; transform:translateX(-50%); width:77px; aspect-ratio:1; display:flex; justify-content:center; align-items:center;} .footer_label_img img{width:100%; height:100%; object-fit:contain; } .footer_label_title{margin-bottom:1rem; font-size:24px; font-weight:bold; color:#fff;} .footer_label_text{font-size:14px; color:var(--grey); text-align:center; padding:0px 1rem;} /* END OF FOOTER */ } @media print { }