/*
Theme Name: Eunoia
Description: Eunoia Theme
Author: Giannis K.
Template: hello-elementor
Version: 0.0.3
Text Domain: eunoia
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 */
:root {
    --html-background: #F8F6F4;
    --html-padding: 10px;
    --btn-bg-color: transparent;
    --btn-bg-color--hover: #000;
    --btn-txt-color: #000;
    --btn-txt-color--hover: #fff;
    --btn-border-width: 1px;
    --btn-border-style: solid;
    --btn-border-color: #000;
    --btn-border-color--hover: #000;
    --btn-border-radius: 0;
    --btn-font-size: 14px;
    --btn-font-weight: 400;
    --btn-padding: .5rem 1rem;
    --btn-text-align: center;
    --btn-user-select: none;
    --btn-white-space: nowrap;
}

::selection {
  background: #ddd;
  color: #978175;
}

/*
html {
  height: 100%;
}

body {
	display: flex;
	flex-direction: column;
  height: 100%;
	min-height: 100vh;
}

footer {
	margin-top: 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;
	}
}


/* Reset */
[type=button], [type=submit], button {
  background-color: var(--btn-bg-color);
  color: var(--btn-txt-color);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-color: var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  display: inline-block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-padding);
  text-align: var(--btn-text-align);
  transition: all .3s;
  -webkit-user-select: var(--btn-user-select);
  -moz-user-select: var(--btn-user-select);
  user-select: var(--btn-user-select);
  white-space: var(--btn-white-space);
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    background-color: var(--btn-bg-color--hover);
    color: var(--btn-txt-color--hover);
    border-color: var(--btn-border-color--hover);
    text-decoration: none;
}


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

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

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

.eunoia-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(--html-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-9cfcbc0: #000; /* text inverted: #fff initial */
  --e-global-color-392d396: #000;	/* gray to black */
  --e-global-color-09a1e31: #373737; /* Border color */
  /*   --e-global-color-accent: #3cdbd5; */
  /* --e-global-color-accent: #4edb99; */
  --html-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(--html-background);
  color: var(--e-global-color-text);
  --e-global-color-e178130: #262627; /* shade-1 */
  border-color: #000;
}

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(--html-background);
  color: var(--e-global-color-text);
}


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





/* PSWP */
.pswp div.pswp__bg {
  background-color: #fff;
}

.pswp__top-bar button.pswp__button {
  background: url('https://ns4u.ondsl.gr/pages/carepin/wp-content/themes/hello-theme-child-master/assets/images/ps-purple-skin.png') !important;
  background-size: 264px 88px;
}

.pswp button.pswp__button--arrow--left:before,
.pswp button.pswp__button--arrow--right:before {
  background: url('https://ns4u.ondsl.gr/pages/carepin/wp-content/themes/hello-theme-child-master/assets/images/ps-purple-skin.png');
}

.pswp button.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px !important;
}

.pswp button.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px !important;
}

.pswp button.pswp__button--zoom {
  display: none;
  background-position: -88px 0 !important;
}

.pswp button.pswp__button--share {
  background-position: -44px -44px !important;
}

.pswp button.pswp__button--close {
  background-position: 0 -44px !important;
}

div.pswp__counter {
  color: #000;
}

div.pswp__ui--fit .pswp__caption,
div.pswp__ui--fit .pswp__top-bar {
  background-color: #fff;
}

div.pswp__caption__center {
  color: #444;
}

/* // PSWP */



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

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

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

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

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


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;
}

/* 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 */




.logos img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.dark-theme .logos img {
	filter: invert(1) opacity(0.5);
}

div.elementor-slideshow--ui-hidden .elementor-slideshow__footer,
div.elementor-slideshow--ui-hidden .elementor-slideshow__header {
   opacity: 1;
}

div.elementor-lightbox .dialog-lightbox-close-button svg,
div.elementor-lightbox .elementor-swiper-button svg,
div.elementor-lightbox .elementor-slideshow__header>svg {
  fill: #000;
  color: #000;
  opacity: .6;
}

div.elementor-lightbox .dialog-lightbox-close-button:hover svg,
div.elementor-lightbox .elementor-swiper-button:hover svg {
  fill: #000;
  opacity: 1;
}

div.elementor-element .swiper .elementor-swiper-button svg,
div.elementor-element .swiper~.elementor-swiper-button svg,
div.elementor-lightbox .swiper .elementor-swiper-button svg,
div.elementor-lightbox .swiper~.elementor-swiper-button svg {
  fill: #000;
}
div.elementor-lightbox .elementor-slideshow__footer {
  color: #000;
}

div.elementor-element .swiper .elementor-swiper-button,
div.elementor-element .swiper~.elementor-swiper-button,
div.elementor-lightbox .swiper .elementor-swiper-button,
div.elementor-lightbox .swiper~.elementor-swiper-button {
  opacity: .4;
}

div.elementor-lightbox .swiper .swiper-pagination-fraction {
    color: #000000;
    width: -moz-max-content;
    width: max-content;
}


.elementor-lightbox img.elementor-lightbox-image {
    border-radius: 10px;
    box-shadow: none;
}


@media (min-width: 1024px) {
  .translate-down--80 {
    transform: translateY(80px);
  }
}

.dark-theme .hero-img-secondary img {
  filter: brightness(0.6) !important;
}


.main-content h2 {
  margin-top: 2.5rem;
  margin-bottom: 1.2rem;
}

.main-content h3 {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}

.main-content h4 {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}

.stroke {
  -webkit-text-stroke-color: #FFFFFF;
  -webkit-text-fill-color: #00000000;
  -webkit-text-stroke-width: 1px;
}






/* TMP */

@media (min-width: 1024px) {
  .translate-down--80 {
    transform: translateY(80px);
  }
}

.dark-theme .hero-img-secondary img {
  filter: brightness(0.6) !important;
}


.top-btn {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.scrolled-50vh .top-btn {
  opacity: 1;
  transition: opacity 0.3s ease;
}


span.post-navigation__next--label,
span.post-navigation__prev--label {
  font-size: 14px !important;
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 500 !important;
}


svg text {
  animation-name: rotate;
  animation-duration: 15s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



div.dialog-type-lightbox {
  background-color: #fff;
}

body.dark-theme div.dialog-type-lightbox {
  background-color: #000;
}

body.dark-theme div.elementor-lightbox .dialog-lightbox-close-button svg,
body.dark-theme div.elementor-lightbox .elementor-swiper-button svg,
body.dark-theme div.elementor-lightbox .elementor-slideshow__header>svg,
body.dark-theme div.elementor-lightbox .elementor-slideshow__footer,
body.dark-theme div.elementor-lightbox .swiper .swiper-pagination-fraction {
  color: #fff;
  fill: #fff;
}