/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 17 2026 | 18:09:32 */
/* ==========================================================================
   0. Design Tokens (CSS Variables)
   ========================================================================== */
:root {
  /* Brand & Theme Colors */
  --brand-primary: #fe113d;
  --brand-primary-weak: #fd123e;
  --brand-primary-dark: #750116;
  --brand-bg-deep-1: #2B0B0E;
  --brand-bg-deep-2: #56061a;
  --brand-accent-shadow: #2c0b0e88;

  /* Effects */
  --blur-amount: 8px;
  --elevation-sm: 0px 4px 8px 2px var(--brand-accent-shadow);
  --elevation-md: 2px 2px 16px #2B0B0Eaa;

  /* Typography */
  --font-accent: "Comfortaa", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-shadow-soft: 0px 2px 2px #fe113d44;

  /* Radii */
  --radius-pill: 50em;
  --radius-lg: 25px;
  --radius-md: 2rem;
  --radius-sm: 0.5rem;

  /* Breakpoints */
  --bp-md: 1024px;
}

/* ==========================================================================
   1. Global Resets & Base Elements
   ========================================================================== */
h1, h2, h3, h4, h5, h6 { margin: 0; }

article {
  background: #2b0b0e99;
  padding: 2rem;
  border: 2px solid #fe113d44;
  border-radius: var(--radius-lg);
	backdrop-filter:blur(8px);
}

.entry-item-content {
  background: #fe113d25;
  padding: 2rem;
  border-radius: var(--radius-lg);
  margin: 1rem 0;
}

.main { padding: 3rem 0; }

.page-title-wrap {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 4px solid #fd123d25;
}

/* ==========================================================================
   2. Header & Navigation
   ========================================================================== */
.site-branding {
  max-width: 5.2rem;
  margin-left: 0;
  margin-right: 2vw;
  flex: none;
}

.head-mast-inner {
  padding: 2rem 0;
}

.header-normal,
.head-mast.sticky-fixed::before {
  background-color: #6b011421;
	border-bottom: 1px solid #fe113d44;
	backdrop-filter: blur(var(--blur-amount));
}

.head-mast.sticky-fixed.sticky-active {
  backdrop-filter: blur(var(--blur-amount));
  box-shadow: var(--elevation-md);
}

header nav li a {
  /*color: #fff !important;*/
  text-shadow: var(--text-shadow-soft);
}
.head-content-slot-item {
    background: #fd123d;
    border-radius: 50em;
}


/* Back-to-top button */
.btn-to-top {
  box-shadow: none;
  background: #fe113d55;
  border-radius: 50px;
  backdrop-filter: blur(var(--blur-amount));
}

/* ==========================================================================
   3. Footer
   ========================================================================== */
.footer-widgets {
  background: var(--brand-bg-deep-1);
  /* Alternative gradient:
  background: linear-gradient(180deg, rgba(43, 11, 14, 1) 0%, rgba(86, 6, 26, 1) 100%);
  */
  background-image: url("https://fotisp.gr/wp-content/uploads/2026/01/planets-footer-pastrakis-fotisp.jpg");
  background-position: center center;
  background-size: cover;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.home .footer { display: none; }

/* ==========================================================================
   4. Widgets & Blocks
   ========================================================================== */
.widget {
  margin: 0;
  border-bottom: 0;
  padding-bottom: 0.2rem;
}

.widget > h5 > a {
  color: var(--brand-primary);
  border-bottom: 1px solid var(--brand-primary);
		transition: 200ms;
}

.widget > h5 > a:hover {
  color: #FFA9B8;
  transform: scale(1.15);
	transition: 200ms;
}

.wp-block-social-link { background: var(--brand-primary); }
.wp-block-social-link:hover { background: var(--brand-primary-dark); }

/* Theme buttons */
.btn, .button, .gutenbee-block-button-link, .wp-block-button__link,
.comment-reply-link, .ci-item-filter, .maxslider-slide .maxslider-btn,
.added_to_cart, input[type="submit"], input[type="reset"], button[type="submit"] {
  font-family: var(--font-accent);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 3em;
  padding: 1rem 2rem;
}

a.wp-block-button__link.wp-element-button {
  border-radius: var(--radius-pill);
  transition: transform 0.15s ease-in-out;
}

a.wp-block-button__link.wp-element-button:hover {
  background: var(--brand-primary-dark);
  animation: 2s ease-in-out 3ms;
  border: 2px solid var(--brand-primary-dark);
  box-shadow: var(--elevation-sm);
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}

/* ==========================================================================
   5. Elementor Overrides (scoped to reduce perf costs)
   ========================================================================== */

/* Blur on targeted elements */
img.attachment-large.size-large.wp-image-214,
.elementor-element.elementor-element-dd900aa.e-con-full.e-flex.e-con.e-child.animated.slideInLeft,
.elementor-element.elementor-element-28c7584.e-con-full.e-flex.e-con.e-child.animated.slideInRight,
section.elementor-section.elementor-inner-section.elementor-element.elementor-element-5a3ba78d.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default,
.bx-shadow.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list,
.elementor-element.elementor-element-e577b18.elementor-widget.elementor-widget-text-editor,
.elementor-element.elementor-element-2c15ad2.elementor-widget.elementor-widget-image,
.elementor-element.elementor-element-4676c76.bx-shadow.theblur.elementor-widget.elementor-widget-text-editor,
.elementor-element.elementor-element-584eb24.elementor-widget.elementor-widget-text-editor, .elementor-element.elementor-element-45a5b7b.e-con-full.e-flex.e-con.e-child, .elementor-element.elementor-element-ac14e06.e-con-full.e-flex.e-con.e-child, .elementor-element.elementor-element-93a522c.e-con-full.e-flex.e-con.e-child {
  backdrop-filter: blur(var(--blur-amount));
}

/* Inline link color inside elementor block */
.elementor-element-3fe8b12 a.int-link { color: var(--brand-primary); }

/* Social media list item */
li.social-media-url {
  background: var(--brand-primary-weak);
  padding: 0.4rem !important;
}

/* Misc text sizing in Elementor areas */
p#cookieadmin_notice { font-size: 13.3px; }

/* ==========================================================================
   6. Cookie Consent Styles
   ========================================================================== */

/* Shared consent container (deduped) */
.cookieadmin_consent_inside {
  background-color: #fc123d25 !important; /* chosen the more recent value */
  border-color: #000000cc !important;
  backdrop-filter: blur(var(--blur-amount)) !important;
  font-size: 11px !important;
  border-radius: var(--radius-sm); /* fixed invalid 'q' */
}

/* Modal */
.cookieadmin_cookie_modal.cookieadmin_center {
  background: #7e0d2025 !important;
  backdrop-filter: blur(var(--blur-amount)) !important;
  border-radius: 1em; /* fixed invalid negative radius */
}

.cookieadmin_re_consent {
  bottom: 1rem !important;
  left: 1rem !important;
  background: linear-gradient(to left, rgb(43, 11, 14) 0%, rgb(107, 1, 20) 50%) !important;
}

button.cookieadmin_re_consent {
  transform: scale(0.8);
  opacity: 0.75;
  backdrop-filter: blur(var(--blur-amount));
}

button#cookieadmin_law_container {
  filter: brightness(6);
  border: 1px solid white;
  padding: 0.45rem;
  border-radius: var(--radius-md);
}
img.attachment-ignition_article_media.size-ignition_article_media.wp-post-image {
    border: 0.2rem solid #fe113d;
    border-radius: 1rem;
}
.page-title-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-title {
    padding: 1rem;
}
.elementor-element.elementor-element-4a70c8b.elementor-widget.elementor-widget-heading:hover {
Transform: scale(1.15);
}
.elementor-element.elementor-element-0b331d6.elementor-widget.elementor-widget-heading:hover {
    transform: scale(1.15);
}
.footer h5.wp-block-heading:hover {
    transform: scale(1.15);
    transition: 400ms ease-in-out;
}
header .head-content-slot-item:hover {
    background: #721d2f;
    transition: 400ms;
    transform: scale(1.1);
	box-shadow: var(--elevation-sm);
}
.head-content-slot-item {
    padding: 0 0.6rem;
}

/* ==========================================================================
   7. Utilities
   ========================================================================== */
.bx-shadow { box-shadow: var(--elevation-sm); }

/* ==========================================================================
   8. Responsive (≤ 1024px)
   ========================================================================== */
@media screen and (max-width: 1024px) {
  /* Navigation items */
  li.menu-item {
    padding: 2rem 1.6rem;
    border: none;
  }

  /* Mobile nav drawer */
  .navigation-mobile-wrap {
    background: #750116ee;
    backdrop-filter: blur(var(--blur-amount));
    border: 0;
    font-size: 1.6rem;
    text-align: right;
  }

  /* Brand/logo */
  .site-branding {
    max-width: 4rem;
    margin-left: 0;
    margin-right: 2rem;
    flex: none;
  }

  .mobile-nav-trigger {
    border-radius: var(--ignition-convert-border-radius-base);
    font-size: 24px;
    font-family: var(--font-accent);
    border: none;
  }

  a.navigation-mobile-dismiss { padding: 1em; }

  /* Alternative gradient mobile navigation */
  .navigation-mobile-wrap {
    background: var(--brand-bg-deep-1);
    background: linear-gradient(
      180deg,
      rgba(43, 11, 14, 1) 0%,
      rgba(86, 6, 26, 1) 85%,
      rgba(254, 17, 61, 1) 100%
    );
  }
}