/**
 * Theme Name: EASK
 * Description: EASK Child Theme
 * Author: EASK
 * Template: blocksy
 * Text Domain: blocksy
 */


/* Test if style.css loads */
/* body {
  background-color: #a55757;
} */




/* Roboto Slab για Gutenberg Editor */
/* .editor-styles-wrapper {
  font-family: 'Roboto Slab', serif !important;
} */

/* Roboto Slab για το frontend (site) */
/* body {
  font-family: 'Roboto Slab', serif !important;
} */



/* @font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-100-normal-1753565426.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-200-normal-1753565427.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-300-normal-1753565428.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-400-normal-1753565429.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-500-normal-1753565430.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-600-normal-1753565430.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-700-normal-1753565431.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-800-normal-1753565431.woff2') format("woff2");
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-roboto-slab-v35-latin-900-normal-1753565432.woff2') format("woff2");
}

:root {
  --ywf--family-roboto-slab: 'Roboto Slab';
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-400-normal-1753565312.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-500-normal-1753565314.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-600-normal-1753565314.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-700-normal-1753565315.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-800-normal-1753565316.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-400-italic-1753565317.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-500-italic-1753565318.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-600-italic-1753565319.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-700-italic-1753565319.woff2') format("woff2");
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('/olive/wp-content/uploads/yabe-webfont/fonts/google-fonts-eb-garamond-v31-latin-800-italic-1753565321.woff2') format("woff2");
}

:root {
  --ywf--family-eb-garamond: 'EB Garamond';
} */


/* Roboto Slab για Gutenberg Editor */
/* .editor-styles-wrapper {
  font-family: 'Roboto Slab', serif !important;
} */

/* .editor-styles-wrapper {
  font-family: 'EB Garamond', serif !important;
} */

/* Roboto Slab για το frontend (site) */
/* body {
  font-family: 'Roboto Slab', serif !important;
  font-size: 18px !important;
} */

/* h1,
h2,
h3 {
  font-family: 'Roboto Slab' !important;
} */

/* h2 {
  font-family: 'EB Garamond', serif !important;
  font-size: 18px !important;
} */



/* This is a gradient for a black transparent effect with left-right corners lighter */
.hero-sec-black {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 12%, rgba(0, 0, 0, 0.44) 16%, rgba(0, 0, 0, 0.59) 25%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 51%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 0.59) 75%, rgba(0, 0, 0, 0) 100%);
}

.test {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 12%, rgba(0, 0, 0, 0.44) 16%, rgba(0, 0, 0, 0.59) 25%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 51%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 0.59) 75%, rgba(0, 0, 0, 0) 100%);
}

/* Slide-up Animation */
@keyframes slideUp {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-up-hero {
  animation: slideUp 1s ease-out forwards;
}

/* Make only language items inline */
.ct-panel-content-inner .mobile-menu>ul>.lang-item {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

/* Highlight the active language */
.ct-panel-content-inner .mobile-menu>ul>.lang-item.current-lang a {
  color: #5D8048;
}

/* Highlight active/current language */
.lang-item.current-lang>a,
.lang-item.current-lang>.ct-menu-link {
  color: #5D8048;
}

/* Seperator line in the header menu for button */
/* .ct-header-cta::before {
  content: "";
  border-right: 1px solid #a0a0a1;
  height: 25px;
} */

/* Seperator line in the header menu */
#menu-item-37::after {
  content: "";
  border-right: 1px solid #a0a0a1;
  height: 25px;
}

#menu-item-136::after {
  content: "";
  border-right: 1px solid #a0a0a1;
  height: 25px;
}

/* Hide "Home" link for the header menu to not go to "more" */
@media (max-width: 1055px) {
  #menu-item-33 {
    display: none;
  }

  #menu-item-37::after {
    content: "";
    border-right: 1px solid #a0a0a1;
    height: 0px;
  }
}

#block-28 p {
  font-size: 20px !important;
  color: pink !important;
}

/* Center the logo in the mobile menu */
.ct-panel-content[data-device="mobile"] .site-logo-container {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}


/* wpforms */

footer .wpforms-form input,
footer .wpforms-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
  border-radius: 4px !important;
  border: 1px solid #ccc !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
  background-color: #fff !important;
  color: #000 !important;
}

/* Full-width on small screens */
footer .wpforms-form button[type="submit"] {
  width: 100% !important;
  background-color: #BCC997 !important;
  color: #000 !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  display: block !important;
  text-align: center !important;
}

/* Normal width on desktop and up */
@media (min-width: 768px) {
  footer .wpforms-form button[type="submit"] {
    width: 100% !important;
    display: inline-block !important;
  }
}

/* Clean container */
/* footer .widget_wpforms-widget,
footer .wpforms-container {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
} */

/* Make the email field full width */
#wpforms-435-field_2-container input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.wpforms-container .wpforms-field input[type="text"] {
  width: 100% !important;
  max-width: 100% !important;
}

.wpforms-field input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
}




/* Desktop: normal size */
/* #wpforms-submit-1153 {
  width: auto !important;
  display: inline-block !important;
  box-sizing: border-box;
} */

/* Mobile: full width */
/* @media (max-width: 600px) {
  #wpforms-submit-1153 {
    width: 100% !important;
    display: block !important;
  }
} */


/* Optional: Add spacing and styling */
/* #wpforms-435-field_2-container {
  margin-bottom: 1rem;
} */

/* Make WPForms submit button full width */
.wpforms-form button[type="submit"] {
  width: 100% !important;
  display: block;
  padding: 0.75rem 1rem;
  background-color: #5D8048;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover effect */
.wpforms-form button[type="submit"]:hover {
  background-color: #5D8048 !important;
}

/* WPForms submit button hover style */
.wpforms-form button[type="submit"]:hover {
  background-color: #5D8048 !important;
  color: #fff !important;
}

/* Default WPForms input style */
.wpforms-container .wpforms-field input[type="text"],
.wpforms-container .wpforms-field input[type="email"],
.wpforms-container .wpforms-field textarea {
  border: 2px solid #dce5d5 !important;
  transition: border 0.3s ease;
}

/* Focused (active) WPForms input */
.wpforms-container .wpforms-field input[type="text"]:focus,
.wpforms-container .wpforms-field input[type="email"]:focus,
.wpforms-container .wpforms-field textarea:focus {
  border: 3px solid #5D8048 !important;
  outline: none !important;
}





/* Target error fields specifically for form 986 */
#wpforms-1153 .wpforms-has-error input,
#wpforms-1153 .wpforms-has-error textarea {
  border: 2px solid #d63638 !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  outline: none !important;
}

/* Remove error background from field containers */
#wpforms-1153 .wpforms-has-error {
  background: none !important;
}

/* Keep error messages styled but clean */
#wpforms-1153 .wpforms-error {
  color: #d63638;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Ensure valid fields have normal borders */
#wpforms-1153 .wpforms-valid {
  border: 1px solid #ddd !important;
}

/* Optional: Focus state for error fields */
#wpforms-1153 .wpforms-has-error input:focus,
#wpforms-1153 .wpforms-has-error textarea:focus {
  border-color: #d63638 !important;
  box-shadow: 0 0 0 2px rgba(214, 54, 56, 0.2) !important;
}


/* Target error fields specifically for form 634 */
#wpforms-634 .wpforms-has-error input,
#wpforms-634 .wpforms-has-error textarea {
  border: 2px solid #d63638 !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  outline: none !important;
}

/* Remove error background from field containers */
#wpforms-634 .wpforms-has-error {
  background: none !important;
}

/* Keep error messages styled but clean */
#wpforms-634 .wpforms-error {
  color: #d63638;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Ensure valid fields have normal borders */
#wpforms-634 .wpforms-valid {
  border: 1px solid #ddd !important;
}

/* Optional: Focus state for error fields */
#wpforms-634 .wpforms-has-error input:focus,
#wpforms-634 .wpforms-has-error textarea:focus {
  border-color: #d63638 !important;
  box-shadow: 0 0 0 2px rgba(214, 54, 56, 0.2) !important;
}


/* Target error fields specifically for form 634 */
#wpforms-435 .wpforms-has-error input,
#wpforms-435 .wpforms-has-error textarea {
  border: 2px solid #d63638 !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  outline: none !important;
}

/* Remove error background from field containers */
#wpforms-435 .wpforms-has-error {
  background: none !important;
}

/* Keep error messages styled but clean */
#wpforms-435 .wpforms-error {
  color: #d63638;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Ensure valid fields have normal borders */
#wpforms-435 .wpforms-valid {
  border: 1px solid #ddd !important;
}

/* Optional: Focus state for error fields */
#wpforms-435 .wpforms-has-error input:focus,
#wpforms-435 .wpforms-has-error textarea:focus {
  border-color: #d63638 !important;
  box-shadow: 0 0 0 2px rgba(214, 54, 56, 0.2) !important;
}

#wpforms-submit-1153 {
  background-color: #111111;
}

#wpforms-submit-634 {
  background-color: #111111;
}

#wpforms-1153-field_3-container,
#wpforms-1153-field_6-container {
  display: inline-block !important;
  vertical-align: top !important;
  width: 47% !important; /* Reduced from 48% to account for whitespace */
  margin-right: 4% !important;
}

/* #wpforms-1153-field_3-container,
#wpforms-1153-field_6-container {
  display: inline-block !important;
  vertical-align: top !important;
  width: 48% !important;
  margin-right: 4% !important;
} */

#wpforms-1153-field_6-container {
  margin-right: 0 !important;
}

@media (max-width: 600px) {
  #wpforms-1153-field_3-container,
  #wpforms-1153-field_6-container {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}


/* end */

/* Remove padding from the article in the archive page */

.entries[data-layout="simple"]>article {
  overflow: hidden;
  padding-bottom: 0 !important;
}

.entries[data-layout="simple"]>article .ct-media-container img {
  display: block;
  max-width: 100%;
  /* height: auto; */
  object-fit: cover;
  /* aspect-ratio: unset !important; */
}

[data-prefix="blog"] [data-archive="default"] .card-content .entry-meta[data-id="meta_1"] {
  padding-bottom: 20px;
}

/* end */


/* Social links hover effect */
.wp-social-link:hover svg path {
  fill: #b0bd8e;
  transition: fill 0.3s ease;
}

html {
  scroll-behavior: smooth !important;
}

/* disable native smooth scroll to avoid conflicts */
/* html {
  scroll-behavior: auto; 
} */

/* end */

/* 680px and smaller screen sizes */
/* @media (max-width:680px) {
  #main .hentry .ct-featured-image {
    width: 100%;
  }
} */

@media (max-width:1000px) {
  #main .hentry .ct-featured-image {
    width: 100%;
  }

  [data-prefix="single_blog_post"] .entry-header .page-title {
    padding-top: 15px;
  }
}

/* @media (max-width:1000px) {
  .ct-featured-image:not(.alignwide):not(.alignfull) {
    max-width: none;
  }
} */

/* Container full */
/* #main .ct-container-full {
  padding-top: 41px;
} */

@media (max-width:1000px) {
  #main .ct-container-full {
    padding-top: 0;
  }
}

/* end */

/* How to hide alt text using CSS - Logo title problem - firefox lazy loading issue. - SOLVED */
.site-logo-container img,
.site-logo-container picture {
  color: transparent;
}

img:-moz-loading {
  color: transparent;
  /*visibility: hidden;*/
}

/*For IE*/
/* text-indent:100%;
white-space:nowrap;
overflow: hidden; */

.site-logo-container img,
.site-logo-container picture {
  font-size: 0;
  color: rgba(0, 0, 0, 0) !important;
}

/*<img src="src.com/src" onerror="this.style.color='black'"/>*/

/* end */

/* widget 4 padding top to the grey logo */
#block-47 {
  padding-top: 15px !important;
}


/* end */

/* Fade-in animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Apply fade-in animation to specific elements */

.fup {
  animation: fadeInUp 0.8s ease-out;
}

.fin {
  animation: fadeIn 1s ease-out;
}

/* end */

/* Make TablePress table font size smaller */
/* .tablepress td,
.tablepress th {
  font-size: 14px;
} */

/* .tablepress td,
.tablepress th {
  font-size: 0.875em;
} */

/* First column (titles) in all TablePress tables */
/* .tablepress td.column-1 {
  color: #1a753a;
  font-weight: bold;
} */

/* Color the EURO PALLET and US PALLET cells in all tables */
/* .tablepress .row-8 td.column-2,
.tablepress .row-8 td.column-3 {
  color: #1a753a;
  font-weight: bold;
} */

/* table.tablepress tbody tr:hover > td {
  background-color: #e0f0d9 !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
} */




/* latest posts custom - home page */


.latest-posts-section .wp-block-post-featured-image {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
  overflow: hidden;
  border-radius: 6px; /* keep the radius from your inline style */
}

.latest-posts-section .wp-block-post-featured-image img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 6px;
}



.latest-posts-section a.button-style-readmore {
  display: inline-block;
  padding: 0.6em 1.2em;
  background-color: #0073aa;
  color: #ffffff !important;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.latest-posts-section a.button-style-readmore:hover {
  background-color: #005177;
  color: #ffffff !important;
}

.latest-posts-section a.button-style-readmore {
  display: inline-block;
  padding: 0.6em 1.2em;
  background-color: #687461;
  color: #ffffff !important;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.latest-posts-section a.button-style-readmore:hover {
  background-color: #5D8048;
  color: #ffffff !important;
}

.latest-posts-section .wp-block-post .wp-block-post-title a {
  color: #f6ffc5;
  text-decoration: none;
  transition: color 0.3s ease;
}

.latest-posts-section .wp-block-post .wp-block-post-title a:hover {
  color: #5D8048;
}

/* Post Title */
.latest-posts-section .wp-block-post .wp-block-post-title a {
  color: #BCC997;
  text-decoration: none;
  transition: color 0.3s ease;
}

.latest-posts-section .wp-block-post .wp-block-post-title a:hover {
  color: #5D8048;
}

/* Excerpt Text */
.latest-posts-section .wp-block-post .wp-block-post-excerpt {
  color: #e5e5e5;
}

/* Read More Button */
.latest-posts-section a.button-style-readmore {
  display: inline-block;
  padding: 0.6em 1.2em;
  background-color: #161616;
  color: #ffffff !important;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.latest-posts-section a.button-style-readmore:hover {
  background-color: #5D8048;
  color: #ffffff !important;
}

/* Wrapper to apply effect smoothly */
.latest-posts-section .wp-block-post-featured-image {
  overflow: hidden;
  border-radius: 6px;
}

/* Image styling and zoom on hover */
.latest-posts-section .wp-block-post-featured-image img {
  transition: transform 0.4s ease, opacity 0.4s ease;
  display: block;
  width: 100%;
  height: auto;
}

.latest-posts-section .wp-block-post-featured-image:hover img {
  transform: scale(1.05);
  opacity: 0.9;
}


/* grid facilities - home page */
/* Make all grid images the same height */
.my-grid img {
  height: 140px !important; /* adjust as needed */
  /* width: 100%; */
  object-fit: cover; 
  /* display: block; */
}



/* Make each post a flex container */
.latest-posts-section .wp-block-post {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Title: limit to 2 lines and fix spacing */
.latest-posts-section .wp-block-post-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.8em; /* Adjust for line-height x 2 */
  margin-top: 1em;
}

/* Excerpt: limit to 3 lines */
.latest-posts-section .wp-block-post-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 4.2em;
  margin-top: 0.5em;
}

/* Read more button at the bottom */
.latest-posts-section .wp-block-read-more {
  margin-top: auto;
}


/* end latest posts custom - home page */



/* for the newsletter padding between the input field and the submit button */
.news-padding-no {
    padding: 0px !important;
}

/* for the search and tags label padding between the fields */
#block-48, #block-50 {
   margin-bottom: 0px !important;
   padding-bottom: 20px !important;
}

/* item accordions padding zero */
.pad-zero{
  padding: 0px !important;
}

/* For backgroung parallax-style to an image */
.fixed-bg {
  background-attachment: fixed !important;
  background-size: cover;
  background-position: center;
}


/* Privacy Policy */
.footer {
    font-size: 14px;
    margin: 0;
  }

  .footer .privacy-link {
    text-decoration: underline;
  }

  .footer .sep {
    margin: 0 5px;
  }

  /* On small screens: move Privacy Policy down & hide "|" */
  @media (max-width: 600px) {
    .footer .sep {
      display: none; /* hide the "|" */
    }
    .footer .privacy-link {
      display: block;   /* put on a new line */
      margin-top: 5px;  /* add spacing */
    }
  }



/* Default: allow fixed (Chrome, Firefox, Edge) */
/* .parallax-section {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
} */

/* Disable fixed for WebKit browsers (Safari, Opera) */
/* @supports (-webkit-overflow-scrolling: touch) {
  .parallax-section {
    background-attachment: scroll !important;
  }
} */