/* 
Theme Name: One Seven Six Seven
Description: 1767beverages Theme
Author: Giannis K.
Template: hello-elementor
Version: 0.0.35
Text Domain: onesevensixseven
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

::selection {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-secondary);
}

:root {
  --drink-color-dark: #f3363d;
  --drink-color-light: #0000ff;
  --drink-bg-color-black: #1b2024;
  --drink-bg-color-pink: #f95e86;
  --drink-bg-color-red: #f3363d;
  --drink-bg-color-yellow: #ffeb2c;
  --drink-bg-color-green: #1fb470;
}

.drinks-archive-wrapper {
  --wrapper-color: inherit;
    --wrapper-bg-color: transparent;
    
    /* Εφαρμογή */
    color: var(--wrapper-color);
    background-color: var(--wrapper-bg-color);
    
    /* Smooth transition */
    transition: color 0.2s ease, background-color 0.2s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
}




body, body * {
/*     cursor: url('https://1767beverages.com/wp-content/themes/onesevensixseven/images/1767STAR.png'), auto; */
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.inline {
	display: inline;
	text-indent: none;
}

@media (min-width: 768px) {
	.inline-m {
		display: inline;
		text-indent: none;
	}
}

@media (max-width: 1024px) {
	.inline-m-t {
		display: inline;
		text-indent: none;
	}
}

@media (min-width: 768px) {
	.inline-t-d {
		display: inline;
		text-indent: none;
	}
}
@media (min-width: 1024px) {
	.inline-d {
		display: inline;
		text-indent: none;
	}
}

.block {
	display: block;
	text-indent: none;
}

@media (min-width: 768px) {
	.block-m {
		display: block;
		text-indent: none;
	}
}

@media (max-width: 1024px) {
	.block-m-t {
		display: block;
		text-indent: none;
	}
}

@media (min-width: 768px) {
	.block-t-d {
		display: block;
		text-indent: none;
	}
}
@media (min-width: 1024px) {
	.block-d {
		display: block;
		text-indent: none;
	}
}


/* Header */
.osss-menu-toggle-btn .burger-icon-line {
  transition: all 0.3s ease;
  transform-origin: center;
}

.osss-menu-toggle-btn.is-active .burger-icon-line-1:nth-of-type(1) {
  transform: translate(-15px, 15px) rotate(45deg);
}

.osss-menu-toggle-btn.is-active .burger-icon-line-1:nth-of-type(2) {
  opacity: 0;
}

.osss-menu-toggle-btn.is-active .burger-icon-line-1:nth-of-type(3) {
  transform: translate(-15px, -15px) rotate(-45deg);
}
/* /Header */


/* Theme mode */
body.light-theme {
  background-color: var(--body-background);
  color: var(--e-global-color-text);
  --e-global-color-9507562: #000;
}

body.dark-theme {
  --e-global-color-50460a6: #000;
  --e-global-color-c1d890e: #181818;
  --e-global-color-8711022: #54595F;	
  --e-global-color-text: #ffffff;
  --e-global-color-392d396: #000;	/* gray to black */
  /*   --e-global-color-accent: #3cdbd5; */
  /* --e-global-color-accent: #4edb99; */
  --body-background: #181818; /* #212121 */ /*0d0d0d*/
  --e-global-color-cc33249: #212121; /* text-difference */
  --e-global-color-85f0ab9: #101010; /* footer shade 1 060606 */
  --e-global-color-b02fc98: #000000; /* footer shade 2 */
  --e-global-color-cb950d9: #ffffff; /* button background */
  --e-global-color-2201960: #999999; /* button background hover */
  --e-global-color-13a736a: #f09; /* Link hover */	
  background-color: var(--body-background);
  color: var(--e-global-color-text);
}

body.light-theme .cursor-3 .cursor-el1,
body.dark-theme .cursor-3 .cursor-el1 {
    border: calc(var(--fe-width) / 25) solid var(--e-global-color-text);
}

body.light-theme .cursor-3 .cursor-el2 {
    background-color: #000000;
}

body.dark-theme .cursor-3 .cursor-el2 {
    background-color: #ffffff;
}

.theme-switch-btn {
  margin-left: auto;
}

.theme-switch-btn a {
  width: 52px !important;
  height: 52px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}



.dark-theme input[type=date],
.dark-theme input[type=email],
.dark-theme input[type=number],
.dark-theme input[type=password],
.dark-theme input[type=search],
.dark-theme input[type=tel],
.dark-theme input[type=text],
.dark-theme input[type=url],
.dark-theme select,
.dark-theme textarea {
  border: 1px solid var(--e-global-color-text);
  background-color: var(--body-background);
  color: var(--e-global-color-text);
}


body.dark-theme .client_brand_logo {
  filter: invert(1);
}
/* /Theme mode */

/* Drink colors */
.drink-color-black .drink-color > * { color: var(--e-global-color-968ac00) !important; /* black */ }
.drink-color-white .drink-color > * { color: var(--e-global-color-9507562) !important; /* white */ }
.drink-color-gray .drink-color > * { color: var(--e-global-color-ebacd14) !important; /* gray */ }
.drink-color-red .drink-color > * { color: var(--e-global-color-686356d) !important; /* red */ }
.drink-color-blue .drink-color > * { color: var(--e-global-color-253b0fb) !important; /* blue */ }
.drink-color-green .drink-color > * { color: var(--e-global-color-6cb41e4) !important; /* green */ }
.drink-color-yellow .drink-color > * { color: var(--e-global-color-f615ed7) !important; /* yellow */ }
.drink-color-pink .drink-color > * { color: var(--e-global-color-bbfa2e4) !important; /* pink */ }
.drink-color-purple .drink-color > * { color: var(--e-global-color-7ad2dde) !important; /* purple */ }
.drink-color-magenta .drink-color > * { color: var(--e-global-color-f6a299d) !important; /* magenta */ }
.drink-color-orange .drink-color > * { color: var(--e-global-color-ee979ec) !important; /* orange */ }
.drink-color-lime .drink-color > * { color: var(--e-global-color-001f8c3) !important; /* lime */ }
.drink-color-azure .drink-color > * { color: var(--e-global-color-ba71130) !important; /* azure */ }

.drink-color-black .drink-color-bg { background-color: var(--e-global-color-968ac00) !important; /* black */ }
.drink-color-white .drink-color-bg { background-color: var(--e-global-color-9507562) !important; /* white */ }
.drink-color-gray .drink-color-bg { background-color: var(--e-global-color-ebacd14) !important; /* gray */ }
.drink-color-red .drink-color-bg { background-color: var(--e-global-color-686356d) !important; /* red */ }
.drink-color-blue .drink-color-bg { background-color: var(--e-global-color-253b0fb) !important; /* blue */ }
.drink-color-green .drink-color-bg { background-color: var(--e-global-color-6cb41e4) !important; /* green */ }
.drink-color-yellow .drink-color-bg { background-color: var(--e-global-color-f615ed7) !important; /* yellow */ }
.drink-color-pink .drink-color-bg { background-color: var(--e-global-color-bbfa2e4) !important; /* pink */ }
.drink-color-purple .drink-color-bg { background-color: var(--e-global-color-7ad2dde) !important; /* purple */ }
.drink-color-magenta .drink-color-bg { background-color: var(--e-global-color-f6a299d) !important; /* magenta */ }
.drink-color-orange .drink-color-bg { background-color: var(--e-global-color-ee979ec) !important; /* orange */ }
.drink-color-lime .drink-color-bg { background-color: var(--e-global-color-001f8c3) !important; /* lime */ }
.drink-color-azure .drink-color-bg { background-color: var(--e-global-color-ba71130) !important; /* azure */ }

.drink-color-black .drink-color-bg * { border-color: inherit !important; /* black */ }
.drink-color-white .drink-color-bg * { border-color: inherit !important; /* white */ }
.drink-color-gray .drink-color-bg * { border-color: inherit !important; /* gray */ }
.drink-color-red .drink-color-bg * { border-color: inherit !important; /* red */ }
.drink-color-blue .drink-color-bg * { border-color: inherit !important; /* blue */ }
.drink-color-green .drink-color-bg * { border-color: inherit !important; /* green */ }
.drink-color-yellow .drink-color-bg * { border-color: inherit !important; /* yellow */ }
.drink-color-pink .drink-color-bg * { border-color: inherit !important; /* pink */ }
.drink-color-purple .drink-color-bg * { border-color: inherit !important; /* purple */ }
.drink-color-magenta .drink-color-bg * { border-color: inherit !important; /* magenta */ }
.drink-color-orange .drink-color-bg * { border-color: inherit !important; /* orange */ }
.drink-color-lime .drink-color-bg * { border-color: inherit !important; /* lime */ }
.drink-color-azure .drink-color-bg * { border-color: inherit !important; /* azure */ }

.drink-color-black .drink-color-border { border-color: var(--e-global-color-968ac00) !important; /* black */ }
.drink-color-white .drink-color-border { border-color: var(--e-global-color-9507562) !important; /* white */ }
.drink-color-gray .drink-color-border { border-color: var(--e-global-color-ebacd14) !important; /* gray */ }
.drink-color-red .drink-color-border { border-color: var(--e-global-color-686356d) !important; /* red */ }
.drink-color-blue .drink-color-border { border-color: var(--e-global-color-253b0fb) !important; /* blue */ }
.drink-color-green .drink-color-border { border-color: var(--e-global-color-6cb41e4) !important; /* green */ }
.drink-color-yellow .drink-color-border { border-color: var(--e-global-color-f615ed7) !important; /* yellow */ }
.drink-color-pink .drink-color-border { border-color: var(--e-global-color-bbfa2e4) !important; /* pink */ }
.drink-color-purple .drink-color-border { border-color: var(--e-global-color-7ad2dde) !important; /* purple */ }
.drink-color-magenta .drink-color-border { border-color: var(--e-global-color-f6a299d) !important; /* magenta */ }
.drink-color-orange .drink-color-border { border-color: var(--e-global-color-ee979ec) !important; /* orange */ }
.drink-color-lime .drink-color-border { border-color: var(--e-global-color-001f8c3) !important; /* lime */ }
.drink-color-azure .drink-color-border { border-color: var(--e-global-color-ba71130) !important; /* azure */ }

.drink-color-black .drink-color-border * { border-color: inherit !important; /* black */ }
.drink-color-white .drink-color-border * { border-color: inherit !important; /* white */ }
.drink-color-gray .drink-color-border * { border-color: inherit !important; /* gray */ }
.drink-color-red .drink-color-border * { border-color: inherit !important; /* red */ }
.drink-color-blue .drink-color-border * { border-color: inherit !important; /* blue */ }
.drink-color-green .drink-color-border * { border-color: inherit !important; /* green */ }
.drink-color-yellow .drink-color-border * { border-color: inherit !important; /* yellow */ }
.drink-color-pink .drink-color-border * { border-color: inherit !important; /* pink */ }
.drink-color-purple .drink-color-border * { border-color: inherit !important; /* purple */ }
.drink-color-magenta .drink-color-border * { border-color: inherit !important; /* magenta */ }
.drink-color-orange .drink-color-border * { border-color: inherit !important; /* orange */ }
.drink-color-lime .drink-color-border * { border-color: inherit !important; /* lime */ }
.drink-color-azure .drink-color-border * { border-color: inherit !important; /* azure */ }



.drink-color-dark .drink-content-wrapper div,
.drink-color-dark .drink-content-wrapper p,
.drink-color-dark .drink-content-wrapper a,
.drink-color-dark .drink-content-wrapper ul:not(.drink-features-list) li,
.drink-color-dark .drink-content-wrapper ol li,
.drink-color-dark .drink-content-wrapper table th,
.drink-color-dark .drink-content-wrapper table td,
.drink-color-dark .drink-content-wrapper h1,
.drink-color-dark .drink-content-wrapper h2,
.drink-color-dark .drink-content-wrapper h3,
.drink-color-dark .drink-content-wrapper h4,
.drink-color-dark .drink-content-wrapper h5,
.drink-color-dark .drink-content-wrapper h6,
.drink-color-dark .drink-li-content-wrapper div,
.drink-color-dark .drink-li-content-wrapper p,
.drink-color-dark .drink-li-content-wrapper a,
.drink-color-dark .drink-li-content-wrapper ul:not(.drink-features-list) li,
.drink-color-dark .drink-li-content-wrapper ol li,
.drink-color-dark .drink-li-content-wrapper table th,
.drink-color-dark .drink-li-content-wrapper table td,
.drink-color-dark .drink-li-content-wrapper h1,
.drink-color-dark .drink-li-content-wrapper h2,
.drink-color-dark .drink-li-content-wrapper h3,
.drink-color-dark .drink-li-content-wrapper h4,
.drink-color-dark .drink-li-content-wrapper h5,
.drink-color-dark .drink-li-content-wrapper h6 {
  color: #000 !important; /* dark */
}
.drink-color-light .drink-content-wrapper div,
.drink-color-light .drink-content-wrapper p,
.drink-color-light .drink-content-wrapper a,
.drink-color-light .drink-content-wrapper ul:not(.drink-features-list) li,
.drink-color-light .drink-content-wrapper ol li,
.drink-color-light .drink-content-wrapper table th,
.drink-color-light .drink-content-wrapper table td,
.drink-color-light .drink-content-wrapper h1,
.drink-color-light .drink-content-wrapper h2,
.drink-color-light .drink-content-wrapper h3,
.drink-color-light .drink-content-wrapper h4,
.drink-color-light .drink-content-wrapper h5,
.drink-color-light .drink-content-wrapper h6,
.drink-color-light .drink-li-content-wrapper div,
.drink-color-light .drink-li-content-wrapper p,
.drink-color-light .drink-li-content-wrapper a,
.drink-color-light .drink-li-content-wrapper ul:not(.drink-features-list) li,
.drink-color-light .drink-li-content-wrapper ol li,
.drink-color-light .drink-li-content-wrapper table th,
.drink-color-light .drink-li-content-wrapper table td,
.drink-color-light .drink-li-content-wrapper h1,
.drink-color-light .drink-li-content-wrapper h2,
.drink-color-light .drink-li-content-wrapper h3,
.drink-color-light .drink-li-content-wrapper h4,
.drink-color-light .drink-li-content-wrapper h5,
.drink-color-light .drink-li-content-wrapper h6 {
  color: #fffae2 !important; /* light */
}



.drink-bg-color-black .drink-content-wrapper { background-color: var(--e-global-color-968ac00) ; /* black */ }
.drink-bg-color-white .drink-content-wrapper { background-color: var(--e-global-color-9507562) ; /* white */ }
.drink-bg-color-gray .drink-content-wrapper { background-color: var(--e-global-color-ebacd14) ; /* gray */ }
.drink-bg-color-red .drink-content-wrapper { background-color: var(--e-global-color-686356d) ; /* red */ }
.drink-bg-color-blue .drink-content-wrapper { background-color: var(--e-global-color-253b0fb) ; /* blue */ }
.drink-bg-color-green .drink-content-wrapper { background-color: var(--e-global-color-6cb41e4) ; /* green */ }
.drink-bg-color-yellow .drink-content-wrapper { background-color: var(--e-global-color-f615ed7) ; /* yellow */ }
.drink-bg-color-pink .drink-content-wrapper { background-color: var(--e-global-color-bbfa2e4) ; /* pink */ }
.drink-bg-color-purple .drink-content-wrapper { background-color: var(--e-global-color-7ad2dde) ; /* purple */ }
.drink-bg-color-magenta .drink-content-wrapper { background-color: var(--e-global-color-f6a299d) ; /* magenta */ }
.drink-bg-color-orange .drink-content-wrapper { background-color: var(--e-global-color-ee979ec) ; /* orange */ }
.drink-bg-color-lime .drink-content-wrapper { background-color: var(--e-global-color-001f8c3) ; /* lime */ }
.drink-bg-color-azure .drink-content-wrapper { background-color: var(--e-global-color-ba71130) ; /* azure */ }
/* /Drink colors */




body.elementor-kit-6 a {
	color: inherit;
}


body.gutenberg-page .page-header .entry-title,
body.gutenberg-page .page-content {
  width: 100%;
  max-width: 100%;
}

body.gutenberg-page main {
  width: 100%;
  max-width: 96vw;
  margin-left: auto;
  margin-right: auto;
}


/* Horizontal scroller container */
.horizontal-drinks-scroller {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    margin-left: calc(-50vw + 50%);
    left: 0;
}

body.home .drinks-container {
    display: flex;
    width: fit-content;
    height: 100%;
    will-change: transform;
}

/* Each drink item */
body.home .drink-item {
    flex: 0 0 100vw;
    width: 100vw;
    height: 100%;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
	body.home .drink-item {
		flex-direction: row;
	}
}

/* Left column */
.drink-item-col-left {
    flex: 0 0 50%;
    max-width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.home .drink-background {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
    z-index: 1;
    opacity: 1;
}

body.home .drink-background img {
    width: 600px;
    height: 600px;
    object-fit: contain;
}

/* Bottle image styles */
body.home .drink-bottle {
    position: relative;
    z-index: 2;
    width: 100%;
	transform: translate(-72%, 0);
    max-width: 279px;
    margin: 0 auto;
}

@media (min-width: 1024px) {
	body.home .drink-bottle {
		transform: translate(-32%, 0);
	}
}

body.home .drink-bottle img {
    width: 100%;
    height: auto;
    max-height: 50vh;
    object-fit: contain;
    transition: transform 0.3s ease;
}

@media (min-width: 1024px) {
	body.home .drink-bottle img {
		max-height: 76vh;
	}
}

/* Featured image styles */
body.home .drink-image {
    position: absolute;
	right: -15%;
    z-index: 1;
    width: 28vw;
    height: 57vh;
    overflow: hidden;
    border-radius: 8px; /* Προαιρετικό */
}

body.home .drink-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.3s ease;
}

/* Hover effects (προαιρετικά) */
body.home .drink-item:hover .drink-bottle img {
    transform: scale(1.05);
}

body.home .drink-item:hover .drink-image img {
    transform: scale(1.03);
}

/* Responsive */
@media (max-width: 768px) {
    body.home .drink-bottle {
        max-width: 200px;
    }
    
    body.home .drink-image {
        position: relative;
        right: 0;
        width: 80vw;
        height: 40vh;
        margin-top: 20px;
    }
}


body.home .drink-image {
    position: absolute;
    right: -85%;
    z-index: 1;
    width: 64vw;
    height: 30vh;
    overflow: hidden;
}
@media (min-width: 1024px) {
	body.home .drink-image {
		position: absolute;
		right: -3%;
		z-index: 1;
		width: 28vw;
		height: 57vh;
		overflow: hidden;
	}	
}

body.home .drink-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Right column */
.drink-item-col-right {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media (min-width: 1024px) {
	.drink-item-col-right {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 40px;
	}
}

body.home .drink-title {
    margin-bottom: 40px;
}

body.home .drink-title h3 {
    font-size: 6vw;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

@media (min-width: 1024px) {
	body.home .drink-title h3 {
		font-size: 4rem;
	}	
}

.drink-content {
    max-width: 500px;
    margin-bottom: 40px;
}

.drink-content p {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

@media (min-width: 1024px) {
	.drink-content p {
		font-size: 1.2rem;
	}
}

.drink-divider {
    width: 12%;
    height: 2px;
    background-color: currentColor;
}


.romvos-in,
.romvos-out {
  fill: var( --e-global-color-9507562 );
}

.drink-desc-bigger {
  font-size: 1.2em;
}

.drink-features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
}

.drink-features-list li {
  padding: 3px 10px;
  background-color: #fffae2;
  border-radius: 20px;
  text-transform: uppercase;
  color: #000;
}

@media (min-width: 1024px) {
	.drink-li-alt-title-wrapper {
	  overflow: hidden;
	}

	.drink-li-alt-title {
	  transform: translateY(150%);
	}
}

.drink-li-alt:hover {
  transform: translateY(-10px) scale(1.1);
}
.drink-li-alt:hover .drink-li-alt-img {
  transform: translateY(-10px) scale(1.1);
}

.drink-li-alt:hover .drink-li-alt-title {
  transform: translateY(0);
}


/* arrow indicator */
.arrow-indicator svg {
  animation-name: upanddown;
  animation-duration: 0.8s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.arrow-indicator svg path {
  stroke: black;
  fill: transparent;
}

.arrow-indicator svg path:nth-child(2) {
  animation-name: upanddownarrow;
  animation-duration: 0.8s;
  animation-delay: 0.2s;
  animation-fill-mode: normal;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.arrow-indicator svg path:nth-child(3) {
  animation-name: upanddownarrowend;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  animation-fill-mode: normal;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes upanddown {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(10%);
  }
}

@keyframes upanddownarrow {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(10%);
  }
}

@keyframes upanddownarrowend {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(12%);
  }
}
/* /arrow indicator */