/*
Theme Name: NSCE WP Theme
Theme URI: https://www.nsce.alexseif.com/
Author: Alex Seif
Author URI: https://www.nsce.alexseif.com/
Description: NSCE WP Theme is a customized version of the Green Farm WordPress theme. It includes overrides and additional styles tailored for the NSCE website. The theme retains the core features of Green Farm while introducing unique customizations for enhanced functionality and design.
Version: 1.0.3
Requires PHP: 5.6
Tested up to: 6.7
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: nsce-wp-theme
Template: organic-farm
Tags: blog, food-and-drink, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready

NSCE WP Theme, Copyright 2025 Alex Seif
NSCE WP Theme is distributed under the terms of the GNU GPL

NSCE WP Theme is a child theme of Green Farm WordPress Theme, Copyright 2022 pewilliams
Green Farm WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
  --theme-primary-color: #48d475;
  --theme-topbar-bg-color: #14361f;
  --theme-heading-color: #14361f;
  --theme-footer-color: #131313;
}

body {
  font-family: "Avant Garde Medium BT" !important;
  font-weight: normal;
  overflow-x: hidden;
}

/*color change*/

button,
input[type="button"],
input[type="submit"],
.gb_nav_menu ul ul,
nav.woocommerce-MyAccount-navigation ul li,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.home-btn a,
.site-footer .search-form .search-submit,
button.search-submit,
.toggle-menu button,
.ico-border::after,
.ico-border::before {
  background: var(--theme-primary-color);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--theme-primary-color) !important;
}


#product-box h4 a,
#product-box h3 {
  color: var(--theme-heading-color);
}

.header-top,
.site-info {
  background: var(--theme-topbar-bg-color);
}

.ico-border::befor {
  background: var(--theme-heading-color);
}

.header-top p,
.header-top p a,
.links i {
  color: #fff !important;
}

#product-box .add_to_cart_button,
#product-box .added_to_cart.wc-forward {
  background-color: #fcf8ed;
  border-top: solid 1px #e6e6e7;
}

/* --------- Header Top --------- */
#header,
#slider {
  background: transparent;
}

.menu_header {
  border-radius: 0;
  position: static;
  margin-top: 0;
  box-shadow: none;
  border-bottom: solid 1px #e5e5e5;
  border-top: solid 1px #e5e5e5;
}

/* --------- Search --------- */
.product-search button {
  padding: 12px 20px;
  background: url(assets/images/search.png) no-repeat scroll 10px;
  text-indent: -9999px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.product-search input[type="search"] {
  padding: 15px;
  margin: 0;
  border-radius: 0;
}

.product-search {
  position: relative;
}

a.header-cart {
  color: var(--theme-primary-color);
  font-size: 20px;
}

a.header-cart span {
  background: var(--theme-primary-color);
  padding: 0 5px;
  border-radius: 50%;
  color: #212121;
  font-size: 12px;
  font-weight: 900;
  position: relative;
  left: -6px;
  top: -14px;
}

.cat-dropdown-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  color: #666c6e;
  z-index: 999;
  left: 0;
  right: 0;
  width: 100%;
}

.head_category {
  position: relative;
}

/* Style the dropdown button */
.cat-dropdown-toggle {
  text-decoration: none;
  color: #666c6e;
  display: inline-block;
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid #e5eaec;
  position: relative;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  padding: 10px 15px;
}

.cat-dropdown-toggle:hover {
  color: #666c6e;
}

.cat-dropdown-toggle:before {
  content: "\f078";
  position: absolute;
  font-size: 14px;
  right: 13px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #666c6e;
}

/* Style the bars icon inside the button */
.cat-dropdown-menu.show {
  display: block;
}

.cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

li.cat-inn a {
  color: #000;
}

.cat-inn {
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid #dddddd;
  text-transform: capitalize;
}

/* --------- Slider --------- */

#slider .carousel-caption {
  bottom: auto;
  background: rgb(13 33 45 / 52%);
  padding: 15px;
}

#slider .carousel-caption h2 {
  color: #fff;
  font-size: 45px;
}


.home-btn a:hover {
  background: #fff;
  color: var(--theme-primary-color);
}

.bypostauthor>.comment-body>.comment-meta>.comment-author .avatar,
.comment-author .avatar {
  border-color: var(--theme-heading-color);
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

@media screen and (max-width: 991px) {
  .gb_nav_menu ul ul {
    background: transparent;
  }

  .gb_nav_menu ul li a:active,
  .gb_nav_menu ul li a:hover {
    color: var(--theme-primary-color) !important;
  }

  .side_gb_nav {
    background: #222;
  }

  .toggle-menu button {
    border-radius: 0;
  }

  .toggle-menu i {
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .project-content {
    order: 2;
  }

  .project-details {
    order: 1;
    background-color: #F2F2F2;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

  .meta-list-item {
    margin: 0;
  }
}

@media screen and (max-width: 575px) {
  a.header-cart {
    font-size: 15px;
  }

  table#wp-calendar {
    margin: 0 auto;
  }

  footer#colophon {
    text-align: center;
  }

  #slider .carousel-caption h2 {
    font-size: 23px;
  }

  #slider .carousel-caption {
    left: 15% !important;
    right: 15% !important;
    text-align: center !important;
  }
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.select2-container .select2-selection--single {
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #7F7F7F;
  border: 1px solid #7F7F7F;
  border-radius: 0;
}

/* Show Submenu on Hover */
.gb_nav_menu ul li:hover>ul,
gb_nav_menu ul li:focus-within>ul {
  opacity: 1;
  visibility: visible;
}

/* NSCE Customizations by Alex */
/* Overrides */

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] body {
  font-family: 'Cairo', sans-serif !important;
  letter-spacing: initial !important;
}

* {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 6px;
}

h2 {
  margin-bottom: 1em;
}

.bg-gray {
  background-color: #f2f2f2;
}

.bg-theme-alt {
  background-color: yellow;
}

.full-width {
  position: relative;
  /* Ensures proper positioning */
  margin-left: calc(-50vw + 50%);
  /* Offsets the container's padding */
  margin-right: calc(-50vw + 50%);
  /* Stretches the full width */
  width: 100vw;
  /* Ensures the background spans the full viewport width */
}

.full-width-bg {
  position: relative;
  /* Ensures proper positioning */
  margin-left: calc(-50vw + 50%);
  /* Offsets the container's padding */
  margin-right: calc(-50vw + 50%);
  /* Stretches the full width */
  background-color: #f2f2f2;
  /* Background color for the section */
  width: 100vw;
  /* Ensures the background spans the full viewport width */
}

.full-width-bg-img {
  width: 100vw;
  /* Ensures the background spans the full viewport width */
  position: relative;
  /* Ensures proper positioning */
  margin-left: calc(-50vw + 50%);
  /* Offsets the container's padding */
  margin-right: calc(-50vw + 50%);
  /* Stretches the full width */
  background-color: #28b151;
  /* Fallback background color */
  background: url("/back-bg.jpg") no-repeat center center;
  /* Centers the background image */
  background-size: cover;
  /* Ensures the image covers the container proportionally */
}

.menu_header {
  border: 0;
  border-radius: 0 !important;
}

#slider .carousel-caption h2 {
  color: #fff !important;
  text-shadow: 1px 1px 2px #7f7f7f;
  font-family: "Bebas Neue" !important;
  font-size: 6em;
  max-width: 70%;
  margin: 0 auto;
  letter-spacing: 3px;
}

html[dir="rtl"] #slider .carousel-caption h2 {
  font-family: 'Cairo', sans-serif !important;
  letter-spacing: initial !important;
}

#slider img {
  height: calc(100vh - 87.75px);
  max-height: 900px;
}

#slider .carousel-caption {
  /* background-color: rgb(127 127 127 / 30%); */
  background-color: rgb(0 0 0 / 30%);
  width: 100%;
  height: 100%;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  display: flex;
  transform: none;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.scroll-hint {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.scroll-hint span {
  display: inline-block;
  animation: pulse 1.5s infinite;
}

.scroll-hint i {
  font-size: 24px;
  color: white;
}

@keyframes pulse {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  50% {
    transform: translateY(10px);
    opacity: 0.7;
  }

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

.grayscale-hover .wp-block-image img {
  filter: grayscale(100%);
  transition: all 0.3s ease;
}

.grayscale-hover .wp-block-image img:hover {
  filter: grayscale(0%);
}

.home-sectors .wp-block-column h2 a {
  border: 1px solid #fff;
  padding: 15px 30px;
  text-decoration: none;
  padding: 12px 40px;
  /* Slightly shorter and wider by default */
  transition: all 0.3s ease-in-out;
  /* Smooth transition */
  letter-spacing: 2px;
  font-weight: normal !important;
}

.post-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-next a {
  transition: all 0.3s ease-in-out;
}

.post-navigation .nav-previous a:hover,
.posts-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-next a:hover {
  background-color: #28b151;
  color: #fff;
}

.home-sectors figure.wp-block-image:hover .wp-element-caption a,
.home-sectors .wp-block-column h2 a:hover {
  padding: 10px 50px;
  /* Shorter and wider on hover */
  background-color: #28b151;
  /* Primary color on hover */
  color: #fff;
  /* Ensure text remains white */
  border-color: #28b151;
  /* Match border with background */
}

.home-sectors figure.wp-block-image {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Smooth hover animation */
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.06);
  margin: 0;
}

.home-sectors figure.wp-block-image {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
  /* Enhanced shadow on hover */
}

.home-sectors figure.wp-block-image img {
  filter: brightness(0.55);
}

.home-sectors figure.wp-block-image figcaption.wp-element-caption {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 10%;
}

.postbox.smallpostimage img,
.home-sectors .wp-block-column img,
.resources li img,
.top-stories li img {
  /* Smooth hover animation */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

nav#top_gb_menu ul li a {
  text-transform: uppercase;
}

.home-sectors .wp-block-column,
.resources li,
.top-stories li {
  border: 1px solid #e0e0e0;
  /* Soft border */
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  /* Keeps content within boundaries */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Smooth hover animation */
  background-color: #fff;
  /* Clean background */
  padding: 0;
  /* Remove extra padding to align content */
  display: flex;
  /* Enable layout adjustments */
  flex-direction: column;
  /* Content flows vertically */
  min-height: 400px;
}

.box-shadow {
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.06);
}

.home-sectors .wp-block-column:hover,
.resources li:hover,
.top-stories li:hover {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
  /* Enhanced shadow on hover */
}

.postbox.smallpostimage:hover img,
.home-sectors .wp-block-column:hover img,
.resources li:hover img,
.top-stories li:hover img {
  transform: scale(1.09);
  /* Slight scale-up effect */
}

.top-stories .wp-block-latest-posts__featured-image {
  height: 200px;
  overflow: hidden;
  margin-bottom: 1em;
}

.top-stories img {
  min-width: 100%;
  min-height: 100%;
  display: block;
  /* Eliminates gaps below images */
}

.nsce-title {
  position: relative;
}

.nsce-title::before,
.top-stories .wp-block-latest-posts__post-subtitle::before {
  position: absolute;
  left: 1.5rem;
  /* Adjust based on vertical alignment */
  color: var(--theme-primary-color);
  content: "⮞";
}

html[dir="rtl"] .nsce-title {
  padding-right: 1.5em !important;
}

html[dir="rtl"] .nsce-title::before {
  right: 0.5em;
  left: auto;
  content: '⮜';
}

a,
.wp-embed .wp-embed-more {
  text-decoration: none !important;
}

.top-stories .wp-block-latest-posts__post-subtitle,
.top-stories .wp-block-latest-posts__post-title {
  text-align: start;
  /* Aligns title to the start */
  font-size: 1rem;
  /* Adjust as needed for professionalism */
  margin: 1em 2em;
  /* Adds spacing */
  color: var(--theme-heading-color);
  /* Color for the title */
  text-decoration: none;
  /* Removes underline */
}

.top-stories .wp-block-latest-posts__post-title {
  margin-top: 0.5em;
  flex-grow: 1;
}

.top-stories .wp-block-latest-posts__post-subtitle {
  position: relative;
  margin: 1em 2.5em 0;
  /* Adds spacing */
  /* margin-bottom: 0; */
  font-weight: normal;
}

.top-stories .wp-block-latest-posts__post-title {
  font-size: 1.2rem;
}

.top-stories li:hover .wp-block-latest-posts__post-title,
.top-stories .wp-block-latest-posts__post-title:hover {
  color: var(--theme-primary-color);
  /* Highlight link on hover */
}

.resources .wp-block-latest-posts__post-date,
.top-stories .wp-block-latest-posts__post-date {
  text-align: end;
  /* Aligns date to the end */
  font-size: 0.9rem;
  /* Slightly smaller font for subtlety */
  margin: 10px;
  /* Adds spacing */
  color: #666;
  /* Soft gray for the date */
}

/* Map  */
.leaflet-map {
  position: relative;
  z-index: 1;
}

.leaflet-map #map {
  z-index: 2;
}

.leaflet-map h2 a {
  color: #fff;
  border: 1px solid white;
  padding: 15px 30px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  /* Smooth transition for hover effect */
}

.leaflet-map h2 a:hover {
  padding: 15px 50px;
  /* Increases the horizontal padding to make the button wider */
  background-color: rgba(255,
      255,
      255,
      0.2);
  /* Optional: Add a subtle background effect */
  border-color: #57bb73;
  /* Optional: Change border color on hover */
}

.leaflet-map p {
  display: none;
}

.leaflet-map .map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  /* Above the map */
}

#navicon {
  display: none;
}

.fixed #navicon {
  display: block;
  width: 46px;
}

.fixed #gb_responsive {
  margin-top: 8px;
  margin-bottom: 8px;
}

.btn-nsce {
  color: #fff;
  background-color: #28b151;
}

.btn-nsce:hover {
  color: #fff;
  background-color: #316f4a;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: var(--theme-heading-color);
  text-decoration: none;
}


h5 a {
  font-size: 20px;
  font-family: "Avant Garde Medium BT" !important;
  text-decoration: none;
  color: #404040 !important;
  letter-spacing: 1px;
  line-height: unset;
  text-transform: capitalize;
  line-height: 1.3;
}

/* Read more on black  */
/* Read more on black with hover animation */
.home-sectors figure.wp-block-image figcaption.wp-element-caption a,
#slider .home-btn a {
  color: #fff;
  background: transparent;
  border: 1px solid white;
  padding: 15px 30px;
  /* Slightly shorter and wider by default */
  border-radius: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 2px;
  transition: all 0.3s ease-in-out;
  /* Smooth transition */
  font-style: normal;
  font-size: 1rem;
  /* Adjust as needed for professionalism */
  display: block;
}

html[dir="rtl"] .home-sectors figure.wp-block-image figcaption.wp-element-caption a,
html[dir="rtl"] #slider .home-btn a {
  letter-spacing: initial;

}

.home-sectors figure.wp-block-image:hover figcaption.wp-element-caption a:hover,
.home-sectors figure.wp-block-image figcaption.wp-element-caption a:hover,
.read-more a:hover,
a.read-more:hover,
.wp-block-button .wp-block-button__link:hover,
#slider .home-btn a:hover {
  padding: 10px 50px !important;
  /* Shorter and wider on hover */
  background-color: #28b151 !important;
  /* Primary color on hover */
  color: #fff !important;
  /* Ensure text remains white */
  border-color: #28b151 !important;
  /* Match border with background */
}

/* Read more on white  */
.wp-block-button .wp-block-button__link,
.read-more a,
a.read-more {
  background-color: transparent;
  color: var(--theme-heading-color);
  border: 1px solid var(--theme-heading-color) !important;
  border-radius: 0;
  padding: 15px 30px !important;
  letter-spacing: 2px !important;
  transition: all 0.3s ease-in-out !important;
  font-weight: normal !important;
  font-size: var(--bs-body-font-size) !important;
  /* Smooth transition */
}

html[dir="rtl"] .wp-block-button .wp-block-button__link,
html[dir="rtl"] .read-more a,
html[dir="rtl"] a.read-more {
  letter-spacing: initial !important;
}

.home-sectors figure.wp-block-image figcaption.wp-element-caption a {
  font-size: 2rem;
}

.slick-dots li button:before {
  opacity: 1 !important;
  color: #7f7f7f !important;
}

.slick-dots li.slick-active button:before {
  color: #28b151 !important;
}

.height-60 {
  height: 60px;
}

footer {
  padding-top: 3em;
}

footer .copyright {
  background-color: transparent;
}

.site-footer .widget-area li a,
.site-footer .widget-area ul li a,
.site-footer .textwidget,
.site-footer {
  color: #333;
}

footer {
  background-color: #f2f2f2;
}

footer .site-info {
  background-color: transparent;
}

.site-footer h3.widget-title,
.site-footer h1.wp-block-heading,
.site-footer h2.wp-block-heading,
.site-footer h3.wp-block-heading,
.site-footer h4.wp-block-heading,
.site-footer h5.wp-block-heading,
.site-footer h6.wp-block-heading {
  border: 0;
}

.site-footer h2.wp-block-heading,
.site-footer h2 {
  font-size: 1.5em;
  color: var(--theme-primary-color);
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  font-weight: normal;
  margin-bottom: 1em;
}

#menu-footer-menu-en a {
  text-decoration: none;
}

.site-info a {
  color: var(--theme-heading-color);
  text-decoration: none;
}

.site-info .footer-copyright {
  color: var(--theme-heading-color);
  opacity: 0.8;
}

footer .menu {
  column-count: 2;
}

footer .menu li {
  break-inside: avoid;
}


.site-footer .widget ul li,
.site-footer .widget ol li {
  font-size: 1em;
}

.site-footer .wp-block-social-link {
  filter: grayscale(1);
  transition: all 0.3s ease;
}

.site-footer .wp-block-social-link:hover {
  filter: grayscale(0);
}

.single h4,
.single h3 {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 2rem;
}

.single h3 {
  color: var(--theme-primary-color);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.single h4,
.single h4 {
  font-weight: bold;
  font-size: var(--bs-body-font-size) !important;
}

p {
  margin-bottom: 2rem !important;
}

.meta-list-item ul,
ul.wp-block-list {
  padding-bottom: 0.6rem;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

[dir="rtl"] .list-unstyled,
[dir="rtl"] .meta-list-item ul,
[dir="rtl"] ul.wp-block-list {
  padding-right: 0;
}

.taxonomy-grid h1,
.terms .term-box h2 a,
.meta-list-item ul li,
ul.wp-block-list li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 1rem;
}

.meta-list-item ul li a {
  color: var(--theme-heading-color);
  text-decoration: none;
}

[dir="rtl"] .taxonomy-grid h1,
[dir="rtl"] .terms .term-box h2 a,
[dir="rtl"] .meta-list-item ul li,
[dir="rtl"] ul.wp-block-list li {
  padding-right: 1rem;
  padding-left: 0;
}

.taxonomy-grid h1::before,
.terms .term-box h2 a::before,
.meta-list-item li::before,
ul.wp-block-list li::before {
  content: '';
  position: absolute;
  left: 0px;
  background-color: var(--theme-primary-color);
  width: 4px;
  height: 1rem;
}

[dir="rtl"] .taxonomy-grid h1::before,
[dir="rtl"] .terms .term-box h2 a::before,
[dir="rtl"] .meta-list-item li::before,
[dir="rtl"] ul.wp-block-list li::before {
  right: 0;
}

.taxonomy-grid h1::before {
  height: 2.5rem;
}

.terms .term-box h2 a::before {
  height: calc(1.325rem + 0.9vw);
}

.meta-list-item li::before {
  height: 1.5rem;
}

.single h2 {
  letter-spacing: 2px;
}

.woocommerce-page .single-post-image,
.single:not(.single-resource) .single-post-image img {
  height: calc(100vh - 87.75px);
}

.bread_crumb {
  display: none;
}

.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-quote,
blockquote {
  position: relative;
  border: 0 !important;
  margin-right: 3rem;
  font-style: normal;
  font-weight: normal;
  font-size: large;
}

.wp-block-quote:not(.is-large):not(.is-style-large)::after,
.wp-block-quote::after,
blockquote::after {
  content: "“";
  font-size: 5em;
  color: var(--theme-primary-color);
  opacity: 0.81;
  position: absolute;
  left: -0.2rem;
  top: -2rem;
  line-height: 1;
  font-family: serif;
  pointer-events: none;
  z-index: 0;
}

.wp-block-code code {
  margin: 0;
  margin-bottom: 20px;
  padding: 1rem;
  border-top: 1px solid rgba(127, 127, 127, 0.65);
  border-bottom: 1px solid rgba(127, 127, 127, 0.65);
  border-radius: 0;

}

.woocommerce-page .single-post-image,
.single-post-image img {
  opacity: 1;
}

.archive .page-header img,
.page-header,
.outer-div:has(.header-image),
.header-image,
.single .resource .outer-div {
  height: 300px !important;
}

.single-post .outer-div:has(.single-post-image),
.single-work .outer-div:has(.single-post-image) {
  height: calc(100vh - 87.75px);
  background-color: none;
}

.single:not(.single-work):not(.single-post) .outer-div:has(.single-post-image) {
  height: 400px;
}

.single .resource .header-image {
  height: 300px;
}

.single .inner-div {
  background-color: #fff;
  bottom: 0;
  color: #000;
}


.shift-up {
  position: relative;
  top: -80px;
  z-index: 10;
  margin-bottom: -60px;
}

.single .shift-up {
  top: -180px;
}

.single .single-post-image {
  position: relative;
  z-index: 1;
}

.shift-up::before {
  content: '';
  position: absolute;
  top: -3rem;
  height: calc(80px + 3rem);
  left: -3rem;
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.5);
  z-index: -1;
  right: -3rem;
  background-color: #fff;
}

.single .shift-up::before {
  height: calc(180px + 3rem);
}

.entry-content>p:first-of-type:first-letter {
  font-size: inherit;
  float: none;
  line-height: inherit;
  padding: 0;
}

.meta-list-item label::after {
  content: ':';
}

.meta-list-item {
  margin-bottom: 2rem;
}

.meta-list-item label {
  text-transform: uppercase;
  font-weight: normal;
}

code a,
p a {
  position: relative;
  text-decoration: none;
  color: var(--bs-body-color);
}

code a,
p a:hover {
  color: var(--bs-body-color);
}

code a:hover::after,
p a:hover::after {
  height: 60%;
}

code a::after,
p a::after {
  content: '';
  width: 100%;
  height: 3px;
  background-color: var(--theme-primary-color);
  position: absolute;
  bottom: 0px;
  right: -2px;
  border-radius: 30px;
  opacity: 0.65;
  transition: all 0.3s ease;
}

.header-image {
  opacity: 1;
}

.page-header {
  background-color: transparent;
}

/* postbox */
.entry-content .post,
.entry-content {
  height: 100%;
}

.entry-content a {
  text-decoration: none;
  color: inherit;
}

.entry-content .more-link {
  color: var(--theme-primary-color);
}

.entry-content .more-link:hover {
  text-decoration: underline;
}

.entry-content .type-work,
.entry-content .type-resource {
  height: 100%;
}

.entry-content .postbox.smallpostimage {
  border-radius: 0;
  border: 0;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
  text-align: initial;
  height: calc(100% - 2em);
  margin-top: 0;
  margin-bottom: 1em;
}

.entry-content .resource .box-content-post {
  height: auto;
  padding: 1rem;
}

.entry-content .resource .box-content-post img {}

.entry-content .postbox {
  height: calc(100% - 2em);
}

.entry-content .box-content-post {
  margin-top: 0;
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-bottom: 0.5em;
}

.entry-content img,
.entry-content .entry-audio {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.postbox h3,
.entry-content .postbox h1,
.entry-content .postbox h2,
.entry-content .postbox h3,
.entry-content .postbox h4,
.entry-content .postbox h5,
.entry-content .postbox h6 {
  letter-spacing: normal;
  text-transform: capitalize;
}

.date-box,
.entry-content .date-box {
  font-weight: normal;
  color: #7F7F7F;
  text-transform: uppercase;
}

.box-content-post {
  margin: 0;
}

.postbox.smallpostimage {
  transition: all 0.3s ease;
}


.postbox.smallpostimage .clearfix {
  margin-top: auto;
  /* Push the "Read More" link to the bottom */
}

.entry-content .postbox.smallpostimage:hover {
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
}


/* Filter Form */

.select2-container .select2-selection--single:focus {
  border-color: var(--theme-primary-color);
  /* Match Bootstrap's focus border color */
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 177, 81, 0.25);
  /* Match Bootstrap's focus shadow */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--theme-primary-color) transparent transparent transparent;
  /* Match Bootstrap's arrow color */
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--theme-heading-color);
  line-height: 1.5;
  /* Match Bootstrap's text color */
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--theme-primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.25rem + 2px);
}

.select2-container--default .select2-results__option--selected {
  background-color: #F2F2F2;
}


/* Resources */
/* .resource .postbox {
  flex-direction: row;
}

.entry-content .resource .box-content-post {
  text-align: center;
}

.entry-content .resource img {
  margin: 10px;
  width: auto;
}
 */
.counter,
.counter .counterIcon i,
.counter .counterLabel,
.counter .prefix,
.counter .number,
.counter .suffix {
  text-shadow: 1px 1px 2px rgba(33, 37, 41, 0.7);
}

/* Search  */
/* Search Bar Styling */
.header-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.search-form {
  width: 100%;
  max-width: 300px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.search-form .input-group {
  display: flex;
  align-items: center;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
}

.search-form .input-group.active,
.search-form .input-group:focus-within {
  opacity: 1;
  /* Highlight on focus */
  /* border-color: #B6E5A3; */
  border-bottom: 2px solid var(--bs-body-color);
}

.search-form .input-group.active .search-input,
.search-form .input-group:focus-within .search-input,
.search-form .input-group:hover .search-input {
  flex-grow: 1;
}

.search-form .input-group-text {
  background: none;
  border: none;
  color: var(--bs-body-color);
  font-size: 1.2rem;
  padding: 0 10px;
}

.search-form .input-group-text i {
  transition: color 0.3s ease-in-out;
}

.search-form .input-group.active .input-group-text i,
.search-form .input-group:focus-within .input-group-text i {
  color: #B6E5A3;

}

.search-form .search-input {
  border-radius: 0;
  border: none;
  outline: none;
  padding: 10px;
  /* font-size: 1rem; */
  background: none;
  transition: all 0.3s ease-in-out;
  flex-grow: 0;
  overflow: hidden;
}

.search-form .input-group.active .search-input,
.search-form .search-input:focus {
  font-size: 150%;
  color: var(--bs-body-color);

}

.search-form .search-input::placeholder {
  color: var(--bs-body-color);
  font-style: italic;
}

.search-form .search-input:focus::placeholder {
  opacity: 0.6;
}

.form-control:focus {
  box-shadow: none;
  /* box-shadow: 0 0 0 0.25rem #B6E5A3; */
}

.select2-results__option {
  /* border-left: 1px solid var(--theme-primary-color); */
  margin-bottom: 5px;
}

#year_range_start,
#year_range_end {
  width: 45%;
  appearance: none;
  height: 5px;
  background: #7F7F7F;
  border-radius: 5px;
  outline: none;
  transition: background 0.3s ease-in-out;
  margin: 0 5px;
  border: none;
}

#year_range_start::-webkit-slider-thumb,
#year_range_end::-webkit-slider-thumb {
  appearance: none;
  width: 15px;
  height: 15px;
  background: #7F7F7F;
  /* Bootstrap primary color */
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

#year_range_start::-webkit-slider-thumb:hover,
#year_range_end::-webkit-slider-thumb:hover {
  background: #316F4A;
  /* Darker shade of primary color */
}

#year_range_start::-moz-range-thumb,
#year_range_end::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #316F4A;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

#year_range_start::-moz-range-thumb:hover,
#year_range_end::-moz-range-thumb:hover {
  background: #316F4A;
}

footer p {
  margin-bottom: auto !important;
}

/* Hide all blocks by default */
.en-block,
.ar-block,
.fr-block {
  display: none;
}

/* Show blocks based on Polylang's language classes */
body.lang-en .en-block {
  display: block;
}

body.lang-ar .ar-block {
  display: block;
}

body.lang-fr .fr-block {
  display: block;
}

.footer-widget-3 {
  text-align: right;
}

[dir="rtl"] .footer-widget-3 {
  text-align: left;
}

.footer-widget-3 .is-layout-flex {
  justify-content: flex-end;
}

@media screen and (max-width: 991px) {
  .toggle-menu {
    order: 2;
    text-align: end;
  }

  #slider .carousel-caption h2 {
    font-size: xxx-large;
  }

  .widget-column,
  .wp-block-query {
    margin-bottom: 5rem;
  }

  .widget-column .is-layout-flex {
    justify-content: center;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    letter-spacing: 4px;
  }
}

.entry-content .resource h3,
.entry-content .resources h2 {
  font-size: 1.325rem;
  letter-spacing: 2px;
}

.single.single-resource .single-post-image img {
  height: auto;
  position: inherit;
}

[dir="rtl"] .post-navigation .nav-links,
[dir="rtl"] .posts-navigation .nav-links {
  flex-direction: row-reverse;
}

.margin-end-3 {
  margin-right: 1rem;
}

[dir="rtl"] .margin-end-3 {
  margin-left: 1rem;
  margin-right: auto;
}

ul.wp-block-list ul.wp-block-list {
  margin-top: 1rem;
  padding-bottom: 0;
}