/*
* Theme Name: Artware Child
* Theme URI: https://www.artware.gr/
* Description: Artware Child is a child theme of Artware
* Author: Artware Development Team
* Author URI: https://www.artware.gr/
* Template: artware
* Version: 1.7
* Text Domain: xlate
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html {scrollbar-color: #aaa transparent;}
body {color:var(--main-color);}
main#main-container {margin-top:12px;}

/* Globals */
.main-tit {font-size:clamp(48px,4vw,64px);font-weight:300;line-height:1;}
.main-tit-2 {font-size:clamp(40px,4vw,80px);font-weight:300;line-height:1;}
.main-txt {font-size:clamp(16px,1vw,18px);font-weight:300;line-height:1.3;}
.main-txt-2 {font-size:24px;line-height:1.3;font-weight:400;color:var(--main-color);}
.main-txt-2 p {padding:0;}
.main-but {font-size: clamp(16px,1vw,18px);font-weight: 400;line-height: 1;padding: 0px 30px 0px 50px;border: 1px solid var(--main-color);max-width: fit-content;position: relative;height: 52px;display: flex;justify-content: center;align-items: center;}
.main-but::before {content:'';transition:background-color .3s ease-in-out;width:10px;height:10px;top:50%;transform:translateY(-5px);position:absolute;left:30px;background-color:var(--main-color);}
.main-but::after {content:'';transform-origin: left center;left:0;top:0;width:100%;position:absolute;height:100%;background-color:var(--main-color);transform:scaleX(0);transition:transform .3s ease-in-out;z-index: -1;}
.main-but:hover {color:#fff;}
.main-but:hover::after {transform:scaleX(1);}
.main-but:hover::before {background-color:#fff;}
.make-wide2 {position:relative;width: calc(100vw - 26px);margin-left: calc(-50vw + 14px);margin-right: calc(-50vw - 14px);left:50%;right:50%;}
.make-wide3 {position:relative;width: calc(100vw - 8px);margin-left: calc(-50vw + 4px);margin-right: calc(-50vw - 4px);left:50%;right:50%;}

/* Header */
body > header {--header-color:var(--main-color); --header-color-inv:#fff;z-index:999;transition:top .3s;position:fixed;width: calc(100vw - 20px);left:10px;margin:0 auto;top:24px;}
body > header * {transition: color .3s, background-color .3s;}
body > header .header-wrapper {padding:0;gap:20px;justify-content:space-between;}
body > header .menu-main-container > ul.menu {gap:50px;}
body > header .menu-main-container > ul.menu > li > a {font-size:18px;line-height:1;font-weight:400;color:var(--header-color);padding: 0;}
body > header .menu-main-container > ul.menu li.current_page_item a {text-decoration:underline;}
body > header .menu-main-container > ul.menu > li:hover > a {color:var(--header-color);text-decoration:underline;}
body > header .menu-main-container {width:var(--x-4);}
.header-mid a {background-color:var(--header-color);mask-image: url(https://natassakokkaliari.com/wp-content/uploads/2026/03/logo.svg);mask-size:contain;width: 345px;height: 55px;mask-position: center;mask-repeat: no-repeat;}
.header-rig {padding: 0 var(--gutter);gap:50px;}
.header-rig-lang a {position:relative;color:var(--header-color);font-size:18px;font-weight:400;}
.header-rig-lang a.active a {color:var(--header-color);}
.header-rig-lang a.active::before{content:'';position:absolute;width:10px;height:10px;background-color:var(--header-color);left:-15px;top:calc(50% - 5px);}
.header-rig-insta a {color:var(--header-color);font-size:18px;font-weight:400;}
.header-rig-cont a {color:var(--header-color);border-color:var(--header-color);font-size:18px;font-weight:400;}
.header-rig-cont a::before {background-color:var(--header-color);}
body.page-id-2 > header {--header-color: #fff;--header-color-inv: #151515;}
.header-rig-cont a.main-but {color: var(--header-color);border-color: var(--header-color);font-size: 18px;font-weight: 400;}
.header-rig-cont a.main-but::before { background-color: var(--header-color); }
.header-rig-cont a.main-but::after  { background-color: var(--header-color); }
.header-rig-cont a.main-but:hover   { color: var(--header-color-inv); }
.header-rig-cont a.main-but:hover::before { background-color: var(--header-color-inv); }
label.mobile-menu {display:none;cursor:pointer;mask-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/menu.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:center;width:40px;height:16px;background-color:var(--header-color);position: absolute;right: 0;}
input#mobile-menu:checked + header {--header-color:var(--main-color)!important;}
input#mobile-menu:checked + header label.mobile-menu {mask-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/x.svg);width:32px;height:32px;}
.menu-main-container.mobile-menu {width: calc(100vw - 20px);z-index:99;box-shadow: inset 0 10px 0 0 #fff;background-color: #EDEDED;position: fixed;top: 2px;left:10px;height:0vh;overflow:hidden;pointer-events:none;transition: height 1s ease-in-out;}
input#mobile-menu:checked ~ .menu-main-container.mobile-menu {height:80vh;pointer-events:all;}
.menu-main-container.mobile-menu ul {width:calc(100% - 30px);margin:0 auto;padding-top:120px;list-style:none;}
.menu-main-container.mobile-menu a {font-size:24px;line-height:1;font-weight:400;color:#aaa;}
.menu-main-container.mobile-menu li.current_page_item a {color:var(--main-color);}
.menu-main-container.mobile-menu li {padding:20px;width:100%;border-top:1px solid #aaa;}
.menu-main-container.mobile-menu li:last-child {border-bottom:1px solid #aaa;}
body.page-id-2 > header {background-color:transparent;}

/* Footer */
footer {padding:20px 0;border-top:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA;}
footer a, .ft-copy, .ft-copy a, .footer-mob a {font-size:18px;line-height:1;font-weight:400;color:var(--main-color);}
.ft-copy {position:relative;}
.footer-mob {padding: 40px 10px;border-bottom: 1px solid #AAAAAA;}
.footer-mid img {max-width: 100%;height: auto;}
.ft-copy::after {content:'';width:12px;height:12px;position:absolute;left:50%;top:3px;background-color:var(--main-color);}
.ft-copy a {text-decoration:underline;}
footer .footer-lef ul {list-style:none;display:flex;gap:50px;}
.ft-img {width:100vw;height: 15vw;background-image: url(https://natassakokkaliari.com/wp-content/uploads/2026/03/footer-logo.svg);background-repeat: no-repeat;background-position: center bottom;background-size: contain;margin-top: 60px;}

#instagram-slider {height:480px;}
#instagram-slider img {object-fit:cover;}
#instagram-slider .artware-instagram-overlay {position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;}
#instagram-slider .artware-instagram-link {position:relative;display:flex;}
#instagram-slider .artware-instagram-date {position: absolute;top: 10px;right: 10px;background-color: var(--main-color);color: #fff;padding: 5px 10px;}
#instagram-slider .artware-instagram-caption {position:absolute;bottom:0;left:0;padding:20px;color:#fff;background:linear-gradient(0deg,rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%, rgba(97, 95, 59, 0) 100%);}

.row-01 img {object-fit: cover;height: calc(100vh - 24px);}
.row-01 .splide__list {transition-duration:2s!important;}
.row-01-sin-inf {position:absolute;z-index:9;width:63vw;height:100%;left:20px;top:50%;transform:translateY(-50%);}
.row-01-sin-inf-tit {font-size:clamp(40px,6vw,120px);line-height:1;font-weight:300;color:#fff;text-transform:uppercase;margin-top: auto;}
.row-01-sin-inf-txt {font-size:22px;line-height:1.3;font-weight:300;color:#fff;margin-top: auto;position: relative;top: -40px;max-width: 900px;}
.row-01-sin-inf-but {display:none;}
.row-01-sin-img {position:relative;}
.row-01-sin-img::before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.35);pointer-events:none;}
#row-01 .splide__arrows {position: absolute;bottom: 0;width: 100%;height: 133px;}
#row-01 .splide__arrows svg {display:none;}
#row-01 .splide__arrow--prev {bottom: 20px;opacity:1;background-color: #fff !important;position: absolute;left:auto;right:240px;background-image: url(https://natassakokkaliari.com/wp-content/uploads/2026/03/arrow-l.svg);width: 200px;height: 133px;border-radius: 0;background-position: center;background-repeat: no-repeat;top: auto;transform: translate(0);}
#row-01 .splide__arrow--next {bottom: 20px;opacity:1;background-color: #fff !important;position: absolute;left:auto;right:20px;background-image: url(https://natassakokkaliari.com/wp-content/uploads/2026/03/arrow-r.svg);width: 200px;height: 133px;border-radius: 0;background-position: center;background-repeat: no-repeat;top: auto;transform: translate(0);}
#row-01 .splide__arrow:disabled {opacity:.4;}
#row-01 .splide__pagination {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;justify-content: center;align-items: flex-end;flex-direction: column;}
#row-01 button.splide__pagination__page {background-color: transparent;border-radius: 0;height: auto;width: 40px;display: flex;justify-content: flex-end;letter-spacing: -2px;}
#row-01 .splide__pagination li {margin-right: 40px;}
#row-01 .splide__pagination__page.is-active {background-color: transparent;}
#row-01 .splide__pagination {counter-reset: pagination-num;}
#row-01 .splide__pagination__page::before {counter-increment: pagination-num;content: '0 ' counter( pagination-num );color:#aaa;font-size:16px;}
#row-01 .splide__pagination__page.is-active::before {font-size:20px;color:#fff;}

.row-02-lef {position:relative;padding-top:40px;}
.row-02-lef::before {content: '';position: absolute;width: 100%;height: 1px;background-color: #aaa;top: 50%;}
.row-02-lef-bot-txt p {padding:0;margin:0;}
.row-02-rig-lef, .row-02-rig-rig {overflow:hidden;}
.row-02-rig img {transform:scale(1);transition: transform .6s ease-in-out;will-change:transform;object-fit: cover;}
.row-02-rig-lef:hover img, .row-02-rig-rig:hover img {transform:scale(1.05);transition: transform 1.2s ease-in-out;}

.row-03 {align-items:flex-end;border-bottom:1px solid #AAA;padding-bottom:20px;}

.row-04 .fetcher-wrapper {gap:50px 20px;}
.row-04 .fetcher-sin {position:relative;transition:all .3s;overflow:hidden;}
.row-04 .fetcher-sin-tit a {font-size:clamp(18px,2vw,26px);line-height:1;font-weight:300;}
.row-04 .fetcher-sin-img {position:relative;overflow: hidden;}
.row-04 .fetcher-sin img {will-change:transform;transform:scale(1);transition:transform .6s ease-in-out;}
.row-04 .fetcher-sin:hover img {transform:scale(1.05);transition:transform 1.2s ease-in-out;}
.row-04 .fetcher-sin-img::before {content:'';position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;transition:all .3s;pointer-events:none;z-index:2;}
.row-04 .fetcher-sin:hover .fetcher-sin-img::before {opacity:1;}
.row-04 .fetcher-sin-img a {display:flex;}
.row-04 .fetcher-sin-img a img {width:100%;height:100%;object-fit:cover;}
.row-04-txt {position: absolute;pointer-events: none;width: 100%;max-width:710px;height: 100%;bottom:0px;left:0px;padding:40px;transform:translateY(60px);transition:all .3s;opacity:0;z-index:3;color:#FFF;font-size:clamp(16px,3vw,22px);font-weight:300;display: flex;align-items: flex-end;}
.row-04 .fetcher-sin:hover .row-04-txt {transform:translateY(0px);opacity:1;}
.row-04 .fetcher-filter {margin-bottom:40px;}
.row-04 .fetcher-filter-lef {gap:30px;}
.row-04 .fetcher-filter-rig {gap:30px;font-size:16px;line-height:1;font-weight:400;color:#aaa;}
.row-04 .fetcher-filter-item {position:relative;padding-left: 20px;font-size:18px;line-height:1;font-weight:400;color:#aaa;text-transform:uppercase;cursor:pointer;transition:all .3s;}
.row-04 .fetcher-filter-item.active {color:var(--main-color);}
.row-04 .fetcher-filter-item.active::before {content:'';position:absolute;width:12px;height:12px;background-color:var(--main-color);left:0;top:5px;}
.row-04 .fetcher-filter-rig-two, .row-04 .fetcher-filter-rig-tre {gap:6px;cursor:pointer;}
.row-04 .fetcher-filter-rig-two span, .row-04 .fetcher-filter-rig-tre span {width:12px;height:12px;display:flex;background-color:#aaa;transition:background-color .3s;}
.row-04 .fetcher-filter-rig-two.active span, .row-04 .fetcher-filter-rig-tre.active span {background-color:var(--main-color);}

.row-05 {border-top:1px solid #AAA;border-bottom:1px solid #AAA;padding:20px 0;}
.row-05 .splide__slide img {aspect-ratio:1/1;filter:saturate(0);}
.row-05 .row-emp {display:none;}

.row-06 {height:30vh;min-height: 340px;background-color:#EDEDED;padding:0 40px 50px;align-items:flex-end;position:relative;}
.row-06::after {content:'';position:absolute;width:12px;height:12px;background-color:var(--main-color);right:15px;bottom:15px;}
.row-06 h1 {text-transform:uppercase;}

.row-07 {height:30vh;min-height: 340px;background-color:#EDEDED;padding:0 40px 50px;align-items:flex-end;position:relative;}
.row-07 h1 {text-transform:uppercase;}
.row-07-img {position: relative;right: -20px;bottom: -30px;}
.row-07-img img {max-width: 220px;height: auto;object-fit: cover;}

.row-08-ren {scroll-margin-top: 200px;}
.row-08-gal-sin {overflow:hidden;}
.row-08-gal-sin img {transform:scale(1);transition: transform .6s ease-in-out;will-change:transform;}
.row-08-gal-sin:hover img {transform:scale(1.05);transition: transform 1.2s ease-in-out;}

.row-09 {position:sticky;top:50%;left:0px;height:0;padding: 0 0 0 20px;z-index: 9;}
.row-09-sin {position:relative;font-size:16px;line-height:1;font-weight:400;color:#aaa;transition:all .3s;}
.row-09-sin.active {color:var(--main-color);}
.row-09-sin.active::before {content:'';position:absolute;left:-20px;top:4px;width:10px;height:10px;background-color:var(--main-color);}

.row-10 {padding:clamp(100px,10vw,160px) 0;background-color:#EDEDED;}
.row-10-inn {position:relative;width: 100%;padding: 0 20px;}
.row-10-inn::after {content:'';position:absolute;width:calc(100% - 40px);height:1px;background-color:#AAAAAA;top:50%;z-index:0;}
.row-10-mid {max-width: 320px;position: relative;z-index: 2;overflow:hidden;}
.row-10-mid img {transform:scale(1);transition: transform .6s ease-in-out;will-change:transform;object-fit:cover;}
.row-10-mid:hover img {transform:scale(1.05);transition: transform 1.2s ease-in-out;}
.row-10 p {margin:0;}
.row-10 p:last-child {padding:0;}
.row-10-rig .row-10-rig-bot:last-child {text-align:right;}

.row-11 {overflow:hidden;}
.row-11 img {transform:scale(1);transition: transform .6s ease-in-out;will-change:transform;}
.row-11:hover img {transform:scale(1.05);transition: transform 1.2s ease-in-out;}

.row-12 {position:relative;padding:clamp(100px,10vw,160px) 0;background-color:#EDEDED;}
.row-12::after {content:'';position:absolute;width:12px;height:12px;background-color:var(--main-color);bottom:15px;right:15px;}
.row-12-inn {padding: 0 20px;}
.row-12-lef-txt {padding-right:calc(var(--gird) / 2);font-size:22px;line-height:1.3;font-weight:300;}
.row-12-lef-sin {font-size:22px;line-height:1.3;font-weight:300;position:relative;}
.row-12-lef-sin::before {content:'';width: 24px;height: 24px;position: relative;display: flex;background-position: center;background-repeat: no-repeat;top: 5px;margin-right: 10px;}
.row-12-lef-sin-phone::before {background-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/phone.svg);}
.row-12-lef-sin-address::before {background-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/map-pin.svg);}
.row-12-lef-sin-mail::before {;background-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/mail.svg);}
.row-12-rig-lef img {width:100%;height:100%;object-fit:cover;}
.row-12-rig-rig-lis {gap:15px 0;}
.row-12-rig-rig-lis-sin input, .row-12-rig-rig-lis-sin textarea {background-color:transparent;border:1px solid #AAAAAA;color:var(--main-color);font-size:18px;line-height:1.3;font-weight:300;height:68px;font-family:var(--global-font);padding:0 40px;width:100%;}
.row-12-rig-rig-lis-sin input::placeholder, .row-12-rig-rig-lis-sin textarea::placeholder {color:var(--main-color);font-size:18px;line-height:1.3;font-weight:300;}
.row-12-rig-rig-lis-sin textarea {height:117px;padding:20px 40px;}
.row-12-rig-rig-lis-sin input[type="submit"] {width:100%;text-align:center;border-color:var(--main-color);color:var(--main-color);}
.row-12 .wpcf7-spinner {display:none;}

.row-13 {position:fixed;bottom:40px;z-index: 9;}
.row-13-arr {position:relative;font-size:16px;line-height:1;font-weight:400;}
.row-13-arr.inactive {color:#aaa;cursor:not-allowed;opacity:.5;}
.row-13-arr a {font-size:16px;line-height:1;font-weight:400;}
.row-13-arr::before {content:'';width:25px;height:20px;position:absolute;top:0px;background-position:center;background-repeat:no-repeat;background-size:25px 20px;}
.row-13-lef::before {background-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/arrow-l.svg);left:0;}
.row-13-rig::before {background-image:url(https://natassakokkaliari.com/wp-content/uploads/2026/03/arrow-r.svg);right:0;}
.row-13-lef {padding-left:30px;}
.row-13-rig {padding-right:30px;}

/* Responsive */
@media (max-width:1300px){
    .row-01-sin-inf-txt {max-width:70%;}
}

@media (max-width:1100px){
    body > header .menu-main-container > ul.menu {gap:30px;}
    .header-rig {gap:30px;}
    .row-10-mid {max-width: 500px;align-self: center;}
    .row-02-lef::before {display:none;}
    h1.row-02-lef-top {position:relative;margin-bottom:30px;}
    h1.row-02-lef-top::after {content:'';position:absolute;width:100%;height:1px;background-color:#aaa;bottom:-15px;left:0;}
    .row-02-lef-bot {margin-bottom:60px;}
}

@media (max-width:960px){
    body > header {background-color:#fff;top:12px;}
    body.scrolled > header {top:0px;}
    body > header .header-wrapper {align-items:center;}
    .header-mid {width: 100%;}
    .header-rig {display:none;}
    label.mobile-menu {display:flex;margin-right:20px;}
    .row-10-rig .row-10-rig-bot:last-child {text-align:left;}
    .row-06, .row-07 {height:40vh;padding: 0 10px 10px;}
    .row-07-img {right: 0;bottom: 0;}
    .row-01-sin-inf {width: 100%;left:0;padding:0 40px;justify-content: center;align-items: center;text-align: center;}
    .row-01-sin-inf-tit {margin-top: 0;}
    .row-01-sin-inf-txt {margin-top: 20px;top: 0;max-width: 80%;}
    .row-01-sin-inf-but {display:flex;margin-top:20px;}
    .row-01-sin-inf-but.main-but {color:#fff;border-color:#fff;}
    .row-01-sin-inf-but.main-but::before {background-color:#fff;}
    .fetcher-filter-rig {display:none;}
    #row-01 .splide__arrows {display: flex;justify-content: space-between;}
    #row-01 .splide__arrow--prev {bottom: 10px;left: 10px;right: auto;width: 126px;height: 84px;background-size: 47px 36px;}
    #row-01 .splide__arrow--next {bottom: 10px;right: 10px;width: 126px;height: 84px;background-size: 47px 36px;}
    #row-01 .splide__pagination {justify-content: center;align-items: flex-end;flex-direction: row;}
    #row-01 .splide__pagination li {margin-right: 0;margin-bottom: 40px;}
}

@media (max-width:768px){
    .header-mid {width: auto;padding-left:20px;}
    .header-mid a {width: 212px;height: 34px;}
    .row-04 .fetcher-filter {align-items: flex-start;}
    .row-07 {align-items: flex-start;position: relative;justify-content: flex-start;gap: 20px;}
    .row-12-lef-txt p {padding:0;}
    .row-04-txt {padding:20px;}
    .row-03 {align-items: flex-start;gap:30px;}
    .ft-copy {gap:40px;}
    .ft-copy::after {top:auto;left:auto;bottom:0;right:0;}
}

@media (max-width:480px){
    .row-12-rig-lef {display:none;}
    .row-12-rig-rig {width: 90%;}
    #row-01 .splide__arrow--prev {width: 96px;}
    #row-01 .splide__arrow--next {width: 96px;}
    #row-01 button.splide__pagination__page {width:25px;}
    .row-01-sin-inf {padding: 0 15px;}
}

@media (max-width:420px){
    .row-04 .fetcher-filter-lef {gap:0;}
}