@charset "UTF-8";
/*##################################################*/
/*#  COLOUR SCHEME # COLOUR SCHEME # COLOUR SCHEME #*/
/*#  DARK FONT:            #########################*/
/*#  LIGHT FONT:          ##########################*/
/*#  MIDDLE EAST "NEUTRAL": darkolivegreen  ########*/
/*#  MIDDLE EAST "NEUTRAL" SHADOW: #445a1f  ########*/
/*#  ISRAELI: #005eb8  #############################*/
/*#  ISRAELI:HOVER: indigo  ########################*/
/*#  ISRAELI SHADOW: #004b93  ######################*/
/*#  JEWISH: #454545  ##############################*/
/*#  PALESTINIAN: #149954  #########################*/
/*#  PALESTINIAN:HOVER: red  #######################*/
/*#  PALESTINIAN SHADOW: #107a43  ##################*/
/*#  ARAB: #165d31  ################################*/
/*#  ARAB:HOVER: black  ############################*/
/*#  ARAB SHADOW: #124a27  #########################*/
/*#  IRANIAN: #239f40  #############################*/
/*#  IRANIAN:HOVER: #1C39BB (Persian Blue)  ########*/
/*#  IRANIAN SHADOW: #1c7f33  ######################*/
/*##################################################*/
/* MEFF COLOURS FROM OUTSIDE */
/* MEFF COLOURS */
/* BLOG COLOURS */
/* DESIGN COLOURS */
/* PODCAST COLOURS */
/* PROOFREADING COLOURS */
/* TEACHING COLOURS */
/* MISC NATIONAL COLOURS */
/*#############################################################*/
/* FONT SIZES AND SPACES - trying to stick to the Golden Ratio */
/*######### 8 13 21 34 55 87 142 229 371 600 971 ##############*/
/*################### IN BETWEEN SIZES ########################*/
/*######### 6 10 16 26 42 68 108 176 284 458 742 1200 #########*/
/*##################### EXTRA EXTRA SIZES #####################*/
/*########## 7 11 18 29 47 76 121 197 316 513 829 1113 ########*/
/*#############################################################*/
/* DIMENSIONS */
/*###########*/
/*** RESET ***/
/*###########*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  font-size: 62.5%; }

/*#####################*/
/*** PAGE FORMATTING ***/
/*#####################*/
body {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 1.6rem;
  color: #232323; }
  @media (min-width: 530px) {
    body {
      font-size: 1.8rem; } }
.post-subheading .down-arrow,
.post-subheading .up-arrow {
  display: none; }
  @media (min-width: 768px) {
    .post-subheading .down-arrow,
    .post-subheading .up-arrow {
      display: inline;
      height: 4.2rem;
      width: 2.1rem; } }
/*##########*/
/*** TIME ***/
/*##########*/
time {
  font-family: "Source Code Pro", monospace; }

time.single-post,
time.addendum {
  font-size: 1.3rem;
  float: right;
  margin-right: 3.4rem; }

/*#############################*/
/*** HEBREW AND ARABIC FONTS ***/
/*#############################*/
.hebrew-script {
  font-family: "Noto Serif Hebrew", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal; }

.arab-script {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }

.hebrew-script,
.arab-script {
  text-align: right; }

/*##############*/
/*** HEADINGS ***/
/*##############*/
h1 {
  font-size: 2.4rem;
  margin-bottom: 1.3rem; }
  @media (min-width: 530px) {
    h1 {
      font-size: 3.4rem;
      margin-bottom: 2.1rem; } }
h1.hebrew-script,
h1.arab-script {
  font-size: 3.4rem;
  margin-right: 0.8rem; }
  @media (min-width: 530px) {
    h1.hebrew-script,
    h1.arab-script {
      font-size: 4.2rem;
      margin-right: 0.8rem; } }
h2 {
  font-size: 2.1rem;
  margin-bottom: 1.3rem; }
  @media (min-width: 530px) {
    h2 {
      font-size: 2.6rem;
      margin-bottom: 1.6rem; } }
h1, h2 {
  text-transform: uppercase; }

h3 {
  margin-top: 0.8rem;
  margin-bottom: 2.1rem;
  font-size: 2.1rem; }

h3.hebrew-script,
h3.arab-script {
  font-size: 2.1rem; }

/*##########################*/
/*** PARAGRAPHS AND LISTS ***/
/*##########################*/
p, ul, ol {
  margin-bottom: 2.1rem; }
  @media (min-width: 530px) {
    p, ul, ol {
      margin-bottom: 2.6rem; } }
p {
  line-height: 3.4rem; }

ul {
  padding-left: 2.1rem; }

ol {
  padding-left: 3.4rem; }

li {
  margin-bottom: 0.8rem;
  line-height: 2.6rem; }

p.floated-media {
  text-align: justify; }

/*###########*/
/*** LISTS ***/
/*###########*/
.catalogue-list {
  width: 70%; }

ul.israeli-jewish-list {
  list-style-type: square; }

ul.arab-iranian-list {
  list-style-type: circle; }

li.israeli::marker {
  color: #005eb8; }

li.jewish::marker {
  color: #454545; }

li.arab::marker {
  color: #165d31; }

li.palestinian::marker {
  color: #149954; }

li.iranian::marker {
  color: #239f40; }

/* For the big list pages */
ul.jewish-films,
ul.arab-iranian-films {
  list-style: none;
  /* Remove default bullets */
  padding-left: 0; }

/* Circles for Arab and Iranian films */
ul.arab-iranian-films li.palestinian::before,
ul.jewish-films li.palestinian::before,
ul.arab-iranian-films li.arab::before,
ul.jewish-films li.arab::before,
ul.arab-iranian-films li.iranian::before,
ul.jewish-films li.iranian::before {
  display: inline-block;
  width: 0.5em;
  /* Adjust width for the hollow disc */
  height: 0.5em;
  /* Adjust height for the hollow disc */
  margin-right: 1rem;
  /* Spacing between marker and text */
  content: "";
  border: 2px solid;
  /* Border for hollow disc */
  border-radius: 50%;
  /* Make it a circle */
  box-sizing: border-box;
  /* Include border in size calculation */ }

ul.arab-iranian-films li.palestinian::before,
ul.jewish-films li.palestinian::before {
  background-color: transparent;
  border-color: #149954; }

ul.arab-iranian-films li.arab::before,
ul.jewish-films li.arab::before {
  background-color: transparent;
  border-color: #165d31; }

ul.arab-iranian-films li.iranian::before,
ul.jewish-films li.iranian::before {
  background-color: transparent;
  border-color: #239f40; }

/* Filled circles for films with article links */
ul.arab-iranian-films li.palestinian-link::before,
ul.jewish-films li.palestinian-link::before,
ul.arab-iranian-films li.arab-link::before,
ul.jewish-films li.arab-link::before,
ul.arab-iranian-films li.iranian-link::before,
ul.jewish-films li.iranian-link::before {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 1rem;
  content: "";
  border-radius: 50%;
  border: none; }

ul.arab-iranian-films li.palestinian-link::before,
ul.jewish-films li.palestinian-link::before {
  background-color: #149954; }

ul.arab-iranian-films li.arab-link::before,
ul.jewish-films li.arab-link::before {
  background-color: #165d31; }

ul.arab-iranian-films li.iranian-link::before,
ul.jewish-films li.iranian-link::before {
  background-color: #239f40; }

/* Squares for Israeli and Jewish films */
ul.jewish-films li::before,
ul.arab-iranian-films li.israeli-link::before,
ul.arab-iranian-films li.israeli::before,
ul.arab-iranian-films li.jewish-link::before,
ul.arab-iranian-films li.jewish::before {
  display: inline-block;
  width: 0.4em;
  /* Smaller square */
  height: 0.4em;
  /* Keep height same as width for square */
  margin-right: 1rem;
  /* Spacing between marker and text */
  content: ""; }

ul.arab-iranian-films li.israeli-link::before,
ul.jewish-films li.israeli-link::before,
ul.arab-iranian-films li.israeli::before,
ul.jewish-films li.israeli::before {
  background-color: #005eb8; }

ul.arab-iranian-films li.jewish-link::before,
ul.jewish-films li.jewish-link::before,
ul.arab-iranian-films li.jewish::before,
ul.jewish-films li.jewish::before {
  background-color: #454545; }

/*################*/
/*** QUOTATIONS ***/
/*################*/
blockquote {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-family: "Georgia" , serif;
  font-style: italic;
  border-left: 0.2em double grey;
  text-align: justify;
  padding-left: 0.75em;
  margin-bottom: 1.6rem; }

blockquote.arab {
  border-color: #165d31; }

blockquote.israeli {
  border-color: #005eb8; }

blockquote.palestinian {
  border-color: #149954; }

blockquote.iranian {
  border-color: #239f40; }

/*##################*/
/* HORIZONTAL RULES */
/*##################*/
hr {
  margin: 2.1rem 0; }

hr.palestinian {
  border: 3px solid #149954;
  border-radius: 3px; }

hr.arab {
  border: 3px solid #165d31;
  border-radius: 3px; }

hr.iranian {
  border: 3px solid #239f40;
  border-radius: 3px; }

hr.israeli {
  border: 3px solid #005eb8;
  border-radius: 3px; }

hr.green {
  border: 3px solid #165d31;
  border-radius: 3px; }

hr.blue {
  border: 3px solid #005eb8;
  border-radius: 3px; }

hr.blog {
  border: 3px solid #56aaaa;
  border-radius: 3px; }

body {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 1.6rem;
  color: #232323; }
  @media (min-width: 530px) {
    body {
      font-size: 1.8rem; } }
.flag {
  font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", serif !important; }

.hebrew-script {
  font-family: "Noto Serif Hebrew", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal; }

.arab-script {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }

.chinese-script {
  font-family: "Ma Shan Zheng", cursive;
  font-weight: 400;
  font-style: normal; }

.hebrew-script,
.arab-script {
  text-align: right; }

time {
  font-family: "Source Code Pro", monospace; }
  time.single-post, time.addendum {
    font-size: 13px; }

/*###############*/
/*** TOP LEVEL ***/
/*###############*/
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  opacity: 0.3;
  /* Only dims the background */
  z-index: -5; }

html,
body {
  overflow: visible;
  /* Ensures sticky works globally */ }

body {
  width: 90vw;
  margin: 0 5vw;
  border-width: 0 6px;
  border-style: ridge;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative; }
  @media (min-width: 1024px) {
    body {
      width: 97.1rem;
      margin: 0 calc((100vw - 97.1rem) / 2); } }
  body .background-stack {
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 5vw;
    height: 100vh;
    width: 89vw; }
    @media (min-width: 1024px) {
      body .background-stack {
        width: 97.1rem;
        left: calc((100vw - 97.1rem) / 2); } }
    body .background-stack .background-colour,
    body .background-stack .background-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      opacity: 0.15; }
    body .background-stack .background-colour {
      background-color: white;
      opacity: 0.88; }

header {
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  position: relative; }

main {
  width: 100%;
  max-width: 90vw;
  padding: 2.1rem 0;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  transition: margin-right 0.3s ease;
  /* Add a transition for smoother content movement */
  overflow: visible;
  /* Ensure it doesn't clip sticky elements */ }

article.feature {
  flex-grow: 1;
  /* Allows the feature section to take the remaining space */ }
  @media (min-width: 1024px) {
    article.feature {
      max-width: calc( 100% - 22.9rem - 2vw);
      /* Leaves room for the sidebar and gap */ } }
footer {
  width: 100%;
  max-width: 90vw;
  margin: 0 auto; }

/*####################################################*/
/*** THE SIDEBAR, IN DESKTOP AND MOBILE/TABLET MODE ***/
/****** LOTS MORE SIDEBAR STUFF IN sidebar.scss *******/
/*####################################################*/
#sidebar {
  width: 31.6rem;
  right: -31.6rem;
  /* Hide the sidebar initially */
  height: 100vh;
  background-color: #f9f9f9;
  padding: 1.6rem;
  position: fixed;
  top: 0;
  transition: right 0.5s ease;
  opacity: 0.93;
  overflow: auto;
  /* Enables scrolling when content exceeds the viewport height */ }
  @media (min-width: 1024px) {
    #sidebar {
      right: 0;
      /* Show the sidebar */
      position: relative;
      width: 229px;
      display: flex;
      flex-direction: column;
      padding: 0 3px;
      overflow: visible;
      /* No scrolling required on large screens */
      height: auto;
      /* Sidebar adapts to content height on large screens */
      background-color: transparent;
      /* Remove background color on large screens */ } }
/*#########################################*/
/*** EFFECTS WHEN SIDEBAR SLIDES ON TOP, ***/
/*#########################################*/
.sidebar-overlay {
  position: absolute;
  /* Ensure it's fixed behind all elements */
  top: 0;
  left: -5vw;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease; }
  .sidebar-overlay.active {
    background-color: rgba(255, 255, 255, 0.5);
    /* Semi-transparent */
    -webkit-backdrop-filter: blur(2px);
    /* Safari/old WebKit browsers */
    backdrop-filter: blur(2px); }
    @media (min-width: 1024px) {
      .sidebar-overlay.active {
        -webkit-backdrop-filter: none;
        /* Safari/old WebKit browsers */
        backdrop-filter: none;
        background-color: transparent;
        /* Optional: Reset background to transparent */ } }
/*###########################################*/
/*** COMMON LAYOUT RULES FOR INDEX, POSTS, ***/
/***     PAGES, TAXONOMIES AND TERMS       ***/
/*###########################################*/
.page-previews-container,
.taxonomies-container,
.post-previews-container,
.terms-container {
  width: 74.2rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center; }

.taxonomies-container,
.page-previews-container {
  gap: 4.2rem; }

/*#####################################*/
/*** THE STARTING AND STICKY HEADERS ***/
/*#####################################*/
#starting-header,
#sticky-header {
  align-items: center;
  justify-content: space-between;
  margin: 0 auto; }

#starting-header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 2.1rem 0; }
  @media (min-width: 700px) {
    #starting-header {
      align-items: center;
      padding: 3.4rem 0; } }
  @media (max-width: 399px) {
    #starting-header {
      flex-direction: column;
      align-items: center;
      gap: 1rem;
      padding-bottom: 7rem; } }
  @media (min-width: 700px) and (max-width: 1023px) {
    #starting-header {
      padding-bottom: 8rem; } }
#starting-header.hidden * {
  color: #fff;
  background-color: #fff;
  background: none;
  border-color: transparent;
  opacity: 0; }

#sticky-header {
  width: 100vw;
  position: relative;
  height: 7.6rem;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease, visibility 200ms ease; }
  #sticky-header .banner {
    position: absolute;
    display: flex;
    gap: 1rem;
    align-items: center;
    left: 5vw; }
    @media (min-width: 360px) {
      #sticky-header .banner {
        left: calc(5vw + 2rem); } }
    @media (min-width: 1024px) {
      #sticky-header .banner {
        left: calc(((100vw - 97.1rem) / 2) + 2rem); } }
  #sticky-header.sticky {
    position: fixed !important;
    display: flex;
    opacity: 1;
    visibility: visible;
    top: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    width: 100vw;
    /* Make sure the banner takes full screen width */ }

#sticky-header.sidebar-on-top #sidebar-toggle-on-2 {
  color: transparent;
  background-color: transparent;
  background: none;
  border-color: transparent;
  opacity: 0; }

/*##########################*/
/*** THE QUICK NAVIGATION ***/
/*##########################*/
@media (min-width: 700px) {
  .navigation {
    display: flex;
    flex-direction: column;
    gap: 2.3rem;
    align-items: flex-end; } }

@media (max-width: 359px) {
  .navigation {
    align-self: flex-end; } }

.quick-links {
  display: none; }
  @media (min-width: 700px) {
    .quick-links {
      width: 31.6rem;
      border-radius: 0.5rem;
      display: flex;
      font-size: 1.3rem;
      padding: 2.1rem;
      /*	font-weight:bold;*/
      /*	text-transform:uppercase;*/
      /*	align-items:center;*/
      /*	justify-items:center;*/ } }
  .quick-links ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    justify-content: center;
    align-content: center;
    gap: 1.3rem;
    list-style: none;
    margin: 0;
    padding: 0;
    /*	font-weight:bold;*/
    /*	text-transform:uppercase;*/
    /*	align-items:center;*/
    /*	justify-items:center;*/ }
  .quick-links li {
    line-height: 1.05rem;
    margin-bottom: 0; }
    .quick-links li a {
      display: flex;
      /* Use flexbox */
      align-items: center;
      /* Vertically center the text */
      justify-content: center;
      /* Horizontally center the text */
      height: 5.5rem;
      /* Take up the full height of the parent <li> */
      width: 100%;
      /* Take up the full width of the parent <li> */
      text-align: center;
      /* Ensure text is centered */
      padding: 0.8rem;
      background-color: #fff;
      border-radius: 0.5rem; }
      .quick-links li a:hover {
        color: #fff; }

/*################*/
/*** THE FOOTER ***/
/*################*/
footer {
  display: flex;
  flex-direction: column; }

/* Bottom of footer */
.footer-banner {
  padding: 3.4rem 1.3rem;
  margin: 3.4rem 0 1rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center; }
  @media (max-width: 469px) {
    .footer-banner {
      gap: 1rem;
      padding: 2.1rem 1.3rem; } }
  @media (max-width: 469px) {
    .footer-banner {
      gap: 1rem;
      padding: 2.1rem 1.3rem; } }
  .footer-banner p,
  .footer-banner a {
    color: white; }
  .footer-banner p {
    font-size: 2.6rem;
    line-height: 3.2rem;
    margin: 0;
    text-align: center; }
    @media (max-width: 399px) {
      .footer-banner p {
        font-size: 2.3rem;
        line-height: 2.9rem; } }
    @media (max-width: 359px) {
      .footer-banner p {
        font-size: 1.8rem;
        line-height: 2.4rem; } }
  .footer-banner img {
    height: 4rem;
    width: 4rem; }

/*####################*/
/*** SIDEBAR STYLES ***/
/*####################*/
.main-sidebar-container {
  margin-top: 2.3rem; }
  @media (min-width: 1024px) {
    .main-sidebar-container {
      position: relative;
      display: flex;
      margin-top: 0;
      flex-direction: column;
      gap: 2.1rem; } }
#sidebar h3, #sidebar ul {
  margin-bottom: 0; }

#sidebar h3:hover {
  cursor: default; }

#sidebar ul {
  list-style: none; }
  @media (min-width: 1024px) {
    #sidebar ul {
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 1.3rem; } }
@media (min-width: 1024px) {
  #sidebar li, #sidebar h3 {
    margin: 0; } }

@media (min-width: 1024px) {
  #sidebar a, #sidebar h3 {
    display: flex;
    justify-content: center;
    font-weight: 400;
    align-items: center;
    text-align: center;
    height: 8.7rem;
    padding: 0 0.8rem;
    margin-bottom: 0;
    box-shadow: 0 2px 0.5rem 0 #a5a5a5; } }

@media (min-width: 1024px) {
  #sidebar a:hover, #sidebar h3 {
    color: white; } }

#sidebar a {
  padding-bottom: 2px; }
  @media (min-width: 1024px) {
    #sidebar a {
      padding-bottom: 0; } }
  #sidebar a:hover {
    padding-bottom: 1px;
    border-bottom: 1px solid currentColor; }
    @media (min-width: 1024px) {
      #sidebar a:hover {
        padding-bottom: 0;
        border-bottom: 0; } }
@media (min-width: 1024px) {
  .pinned-posts,
  .latest-posts,
  .pages-list,
  .categories-and-tags,
  .personal-links {
    display: flex;
    flex-direction: column;
    gap: 1.3rem; } }

#sidebar h4 > a {
  width: 100%; }

/*#####################*/
/*** SIDEBAR BUTTONS ***/
/*#####################*/
#sidebar-toggle-off,
#sidebar-home-link {
  font-size: 2.1rem;
  padding: 0.8rem;
  color: white; }
  @media (min-width: 1024px) {
    #sidebar-toggle-off,
    #sidebar-home-link {
      display: none !important; } }
#nav-buttons {
  padding: 0 1.3rem;
  display: flex;
  justify-content: space-around; }

/*########################*/
/*** THE STICKY SIDEBAR ***/
/*########################*/
#sidebar.sticky {
  /* For Firefox */
  scrollbar-width: none;
  scrollbar-color: #888 #f5f5f5; }
  @media (min-width: 1024px) {
    #sidebar.sticky {
      position: sticky;
      top: var(--sticky-header-height);
      /* Start sticking below the sticky header */
      height: calc( 100vh - var(--sticky-header-height) - var(--bottom-margin));
      /* Adjust height dynamically based on footer visibility */
      overflow-y: scroll;
      /* Enable scrolling within the sidebar */
      overflow-x: hidden;
      /* Prevent horizontal scrolling */
      /* Add fade-in at top and fade-out at bottom */
      -webkit-mask-image: linear-gradient(transparent 0%, black 15%, blur(5rem) black 85%, transparent 100%);
      mask-image: linear-gradient(transparent 0%, black 15%, black 85%, transparent 100%); } }
  @media (min-width: 1024px) {
    #sidebar.sticky.at-bottom {
      -webkit-mask-image: linear-gradient(transparent 0%, black 15%, black 85%, black 100%);
      mask-image: linear-gradient(transparent 0%, black 15%, black 85%, black 100%); } }
  @media (min-width: 1024px) {
    #sidebar.sticky.at-top {
      -webkit-mask-image: linear-gradient(black 0%, black 15%, black 85%, transparent 100%);
      mask-image: linear-gradient(black 0%, black 15%, black 85%, transparent 100%); } }
  #sidebar.sticky.at-top.at-bottom {
    /* Fully visible, no fade */
    -webkit-mask-image: none;
    mask-image: none; }
  #sidebar.sticky::-webkit-scrollbar {
    width: 3px; }
  #sidebar.sticky::-webkit-scrollbar-thumb {
    background-color: #005eb8;
    border-radius: 1px; }
  #sidebar.sticky::-webkit-scrollbar-track {
    background-color: #f5f5f5; }

#sidebar.active {
  right: 0;
  /* Show the sidebar */ }

/*###########################*/
/*** STICKY SIDEBAR ARROWS ***/
/*###########################*/
.sidebar-up-arrows,
.sidebar-down-arrows {
  display: none;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease-in-out; }
  .sidebar-up-arrows.hidden,
  .sidebar-down-arrows.hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out; }

#sidebar.sticky .sidebar-up-arrows {
  top: 0.8rem; }

#sidebar.sticky .sidebar-down-arrows {
  bottom: 0.8rem; }

#sidebar.sticky.at-top .sidebar-up-arrows, #sidebar.sticky.at-bottom .sidebar-down-arrows {
  display: none; }

@media (min-width: 1024px) {
  #sidebar.sticky .sidebar-up-arrows, #sidebar.sticky .sidebar-down-arrows {
    position: sticky;
    width: calc( $desktop-sidebar-width - ($desktop-sidebar-padding * 2));
    /* Adjust width to padding */
    display: flex;
    font-size: 4.2rem;
    align-items: center;
    justify-content: space-around; } }

.sidebar-flashing-up-arrows {
  top: 68px; }

.sidebar-flashing-down-arrows {
  bottom: 68px; }

#sidebar.at-top .sidebar-flashing-up-arrows,
#sidebar.at-bottom .sidebar-flashing-down-arrows {
  transition: all 0ms; }

.sidebar-flashing-up-arrows,
.sidebar-flashing-down-arrows {
  display: none; }
  .sidebar-flashing-up-arrows svg,
  .sidebar-flashing-down-arrows svg {
    height: 42px;
    width: 42px;
    stroke-width: 1.4px; }
  @media (min-width: 1024px) {
    .sidebar-flashing-up-arrows.active,
    .sidebar-flashing-down-arrows.active {
      opacity: 1;
      visibility: visible;
      /* Make the element visible during fade-in */ } }
  @media (min-width: 1024px) {
    .sidebar-flashing-up-arrows,
    .sidebar-flashing-down-arrows {
      position: sticky;
      width: calc( $desktop-sidebar-width - ($desktop-sidebar-padding * 2));
      /* Adjust width to padding */
      display: flex;
      opacity: 0;
      visibility: hidden;
      /* Ensures the element isn't interactive when invisible */
      transition: opacity 600ms ease-in-out, visibility 600ms ease-in-out;
      background-color: transparent;
      align-items: center;
      justify-content: space-around; } }
body .background-stack {
  z-index: -3; }

.sidebar-overlay {
  z-index: -1; }
  @media (min-width: 1024px) {
    .sidebar-overlay.active {
      z-index: -1; } }
.linked-image img {
  z-index: 0; }

.linked-image:hover .image-wrapper::after {
  z-index: 1;
  /* Ensure it overlays the image */ }

.image-display-overlay.active {
  z-index: 50; }

.close-image-overlay {
  z-index: 60; }
  .close-image-overlay::after {
    z-index: 65; }
  .close-image-overlay span,
  .close-image-overlay a {
    z-index: 70; }

#sticky-header.sticky.sidebar-on-top {
  z-index: 99; }

.sidebar-overlay.active {
  z-index: 99; }

#sidebar.active {
  z-index: 100; }

#sticky-header.sticky {
  z-index: 999; }

@media (min-width: 1024px) {
  #sidebar.sticky .sidebar-up-arrows, #sidebar.sticky .sidebar-down-arrows {
    z-index: 9999; } }

@media (min-width: 1024px) {
  .sidebar-flashing-up-arrows,
  .sidebar-flashing-down-arrows {
    z-index: 9999; } }

a:link, a:visited {
  text-decoration: none;
  transition: all 0.2s; }
  a:link.film, a:visited.film {
    text-shadow: 2px 2px 1rem  #d5d5d5; }
  a:link.israeli, a:visited.israeli {
    color: #005eb8; }
    a:link.israeli:hover, a:visited.israeli:hover {
      color: indigo; }
  a:link.arab, a:visited.arab {
    color: #165d31; }
    a:link.arab:hover, a:visited.arab:hover {
      color: #111111; }
  a:link.palestinian, a:visited.palestinian {
    color: #149954; }
    a:link.palestinian:hover, a:visited.palestinian:hover {
      color: #d22; }
  a:link.iranian, a:visited.iranian {
    color: #239f40; }
    a:link.iranian:hover, a:visited.iranian:hover {
      color: #1c39bb; }

@media (min-width: 700px) {
  .post-taxonomies a:hover {
    border-bottom: 0; } }

img.framed {
  border: 0.5rem ridge grey;
  border-radius: 1.3rem;
  padding: 3px;
  transition: border-color 400ms ease-in-out; }

img.no-float {
  display: block;
  margin: 0 auto 2.1rem auto;
  width: 75%; }

img.no-float-60 {
  display: block;
  margin: 0 auto;
  width: 60%; }

img.no-float-40 {
  display: block;
  margin: 0 auto;
  width: 40%; }

.floating {
  margin-top: 1rem;
  float: right;
  margin-left: 1rem;
  width: 40%; }
  @media (min-width: 530px) {
    .floating {
      width: 35%; } }
  @media (min-width: 768px) {
    .floating {
      width: 28%; } }
.poster {
  width: 35%; }
  @media (min-width: 530px) {
    .poster {
      width: 30%; } }
  @media (min-width: 768px) {
    .poster {
      width: 20%; } }
/*#########################*/
/*** THE IMAGE CONTAINER ***/
/*#########################*/
.image-container {
  /*	padding:  2.1rem 0 ;*/
  margin: 2.1rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem; }
  .image-container img {
    display: block; }
  .image-container a {
    display: block;
    margin: 0;
    /* Reset any margins that could be affecting alignment */ }
    .image-container a a > img {
      display: block;
      /* Ensures images inside links are block-level elements */ }
  @media (min-width: 530px) {
    .image-container {
      gap: 1.3rem; } }
.non-stretch-image-container {
  display: block;
  text-align: center;
  padding: 2.1rem auto; }
  .non-stretch-image-container a {
    display: inline-block;
    margin: 0 .5em;
    padding: 0; }

.image-display-overlay {
  position: fixed;
  /* Ensure it's fixed behind all elements */
  pointer-events: auto;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  transition: all 0.5s ease; }
  .image-display-overlay #display-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80vw;
    max-height: 80vh;
    opacity: 0;
    transition: opacity 0.5s ease; }
    @media (min-width: 900px) {
      .image-display-overlay #display-image {
        max-width: 70vw;
        max-height: 70vh; } }
  .image-display-overlay .close-image-overlay {
    display: none;
    position: absolute;
    transform: translate(-50%, -50%); }
  .image-display-overlay.active .close-image-overlay {
    display: block; }
  .image-display-overlay.active #display-image {
    opacity: 1; }

.linked-image.floating {
  width: 40%; }
  @media (min-width: 530px) {
    .linked-image.floating {
      width: 35%; } }
  @media (min-width: 768px) {
    .linked-image.floating {
      width: 28%; } }
.linked-image.no-float {
  display: block;
  margin: 0 auto 2.1rem auto;
  width: 75%; }

.linked-image.no-float-60 {
  display: block;
  margin: 0 auto;
  width: 60%; }

.linked-image.no-float-40 {
  display: block;
  margin: 0 auto;
  width: 40%; }

.linked-image .poster {
  width: 35%; }
  @media (min-width: 530px) {
    .linked-image .poster {
      width: 30%; } }
  @media (min-width: 768px) {
    .linked-image .poster {
      width: 20%; } }
.linked-image img {
  display: block;
  width: 100%;
  /* Ensure the image fits the container */
  transition: transform 400ms ease-in-out;
  /* Smooth scaling transition */ }

.linked-image:hover, .linked-image:active {
  border-color: #56aaaa;
  /* Hover color transition works */ }
  .linked-image:hover img, .linked-image:active img {
    transform: scale(1.2);
    /* Scaling effect on hover */ }

.linked-image:link, .linked-image:visited {
  border: 0.5rem ridge grey;
  border-radius: 0.5rem;
  transition: border-color 400ms ease-in-out; }

.linked-image:hover .image-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: color;
  /* Or 'multiply' for a different effect */
  opacity: 1;
  /* Adjust intensity as needed */
  pointer-events: none;
  /* Prevent interaction with overlay */ }

.linked-image .image-wrapper {
  margin: 3px;
  /* Move padding here */
  overflow: hidden;
  /* Prevent overflow */
  position: relative;
  /* Required for clipping */
  border-radius: 3px;
  /* Ensures border radius applies to inner content */ }

/*******************************/
/* ANIMATE THE IMAGES ON HOVER */
/*******************************/
.image-container.poster-parade a,
.image-container.poster-parade a.linked-image {
  transition: transform 400ms;
  border: none; }
  .image-container.poster-parade a:hover,
  .image-container.poster-parade a.linked-image:hover {
    transform: translateY(-0.8rem); }
    .image-container.poster-parade a:hover img,
    .image-container.poster-parade a.linked-image:hover img {
      transform: scale(1); }

/***********************************/
/* REGULATE THE SIZE OF THE IMAGES */
/***********************************/
.image-container.poster-parade.pp-smallest img {
  height: 10.5vw; }
  @media (min-width: 1024px) {
    .image-container.poster-parade.pp-smallest img {
      height: 9rem; } }
.image-container.poster-parade.pp-smaller img {
  height: 12vw; }
  @media (min-width: 1024px) {
    .image-container.poster-parade.pp-smaller img {
      height: 11rem; } }
.image-container.poster-parade img {
  height: 13.5vw; }
  @media (min-width: 1024px) {
    .image-container.poster-parade img {
      height: 12.7rem; } }
.image-container.poster-parade.pp-large img {
  height: 15vw; }
  @media (min-width: 1024px) {
    .image-container.poster-parade.pp-large img {
      height: 14.1rem; } }
.image-container.poster-parade.pp-larger img {
  height: 16.5vw; }
  @media (min-width: 1024px) {
    .image-container.poster-parade.pp-larger img {
      height: 15.5rem; } }
.image-container.poster-parade.pp-largest img {
  height: 19vw; }
  @media (min-width: 1024px) {
    .image-container.poster-parade.pp-largest img {
      height: 16.7rem; } }
/*########*/
/* VIDEOS */
/*########*/
iframe {
  border: 0.5rem ridge grey;
  border-radius: 0.5rem;
  padding: 3px;
  transition: border-color 400ms ease-in-out; }
  iframe.no-float {
    display: block;
    margin: 2.1rem auto;
    width: 75%;
    aspect-ratio: 16 / 9;
    height: auto; }
    @media (max-width: 654px) {
      iframe.no-float {
        width: 90%; } }
  iframe.floating {
    display: block;
    float: right;
    margin-left: 1em;
    width: 40%;
    aspect-ratio: 16 / 9; }
    @media (max-width: 767px) {
      iframe.floating {
        width: 50%; } }
    @media (max-width: 654px) {
      iframe.floating {
        float: none;
        margin: 0 auto 1rem;
        width: 90%; } }
  iframe.film:hover, iframe.film:active {
    border-color: forestgreen; }
  iframe.israeli {
    border-color: #005eb8; }
    iframe.israeli:hover, iframe.israeli:active {
      border-color: indigo; }
  iframe.palestinian {
    border-color: #149954; }
    iframe.palestinian.palestinian:hover, iframe.palestinian.palestinian:active {
      border-color: #d22; }
  iframe.arab {
    border-color: #165d31; }
    iframe.arab:hover, iframe.arab:active {
      border-color: #111111; }
  iframe.iranian {
    border-color: #239f40; }
    iframe.iranian:hover, iframe.iranian:active {
      border-color: #1c39bb; }
  iframe.song-video {
    border-color: gold; }
    iframe.song-video:hover, iframe.song-video:active {
      border-color: #ffae00; }
  iframe.news-clip {
    border-color: saddlebrown; }
    iframe.news-clip:hover, iframe.news-clip:active {
      border-color: #8b1913; }

/*############################*/
/*** SIDEBAR TOGGLE BUTTONS ***/
/*############################*/
#sidebar-toggle-on-1,
#sidebar-toggle-on-2 {
  font-size: 2.1rem;
  padding: 0.8rem;
  text-transform: uppercase;
  color: white;
  transition: all 500ms ease-in-out; }
  @media (min-width: 1024px) {
    #sidebar-toggle-on-1,
    #sidebar-toggle-on-2 {
      display: none; } }
#sidebar-toggle-on-1 {
  position: absolute;
  right: 2rem;
  bottom: 2.3rem; }
  @media (min-width: 400px) and (max-width: 589px) {
    #sidebar-toggle-on-1 {
      right: 1rem; } }
  @media (min-width: 700px) {
    #sidebar-toggle-on-1 {
      text-transform: none; } }
#sidebar-toggle-on-2 {
  position: absolute;
  right: calc(5vw + 2rem + 2rem + 6px);
  bottom: 2.3rem; }
  @media (min-width: 400px) and (max-width: 589px) {
    #sidebar-toggle-on-2 {
      right: calc(5vw + 1rem + 2rem + 6px); } }
#starting-header.sidebar-on-top #sidebar-toggle-on-1,
#sticky-header.sidebar-on-top #sidebar-toggle-on-2 {
  border: 2px solid transparent;
  background: none;
  background-color: transparent;
  color: transparent; }

@media (min-width: 700px) {
  #phone-sidebar-toggle {
    display: none; } }

#tablet-sidebar-toggle {
  display: none; }
  @media (min-width: 700px) {
    #tablet-sidebar-toggle {
      display: inline; } }
.close-image-overlay {
  pointer-events: visible;
  position: relative;
  align-self: center;
  font-size: 2.4rem;
  letter-spacing: 0.05rem;
  padding: 1rem 2.5rem;
  border: none;
  border-radius: 2.5rem;
  transition: all 0.2s;
  cursor: pointer; }
  .close-image-overlay span,
  .close-image-overlay a {
    position: relative; }
  .close-image-overlay:hover {
    transform: translate(-50%, -50% -3px); }
    .close-image-overlay:hover::after {
      transform: scaleX(1.3) scaleY(1.5);
      border-radius: 3rem;
      opacity: 0; }
  .close-image-overlay:active {
    transform: translate(-50%, -50% -1px); }
  .close-image-overlay::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 2.5rem;
    transition: all 0.4s; }

/* Commento styling */
/* Increase font size for the comment section */
.commento-root {
  font-size: 2.1rem;
  /* Adjust this size to your preference */
  line-height: 1.5;
  box-shadow: 0 0.5rem 0.5rem 0 #445a1f;
  border-radius: 0.5rem;
  padding: 1.3rem !important; }

/* Style the textarea where users add comments */
.commento-root textarea,
#commento-textarea-root {
  font-size: 2.1rem;
  /* Make the comment box text larger */
  background-color: darkolivegreen;
  color: white;
  border: 1px dotted white;
  border-radius: 1.3rem; }

.commento-textarea-container {
  color: white; }

.commento-root textarea::placeholder,
#commento-textarea-root::placeholder {
  color: white; }

/* Style for the login text */
.commento-login-text {
  font-size: 2.1rem; }

.commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #445a1f;
  border: 1px solid white;
  border-top: 1px solid white !important;
  border-left: 1px solid white !important;
  margin-bottom: 0.5rem;
  border-radius: 0.8rem;
  background-color: darkolivegreen;
  color: white; }

.israeli-jewish .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #004b93;
  background-color: #005eb8; }

.palestinian .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #107a43;
  background-color: #149954; }

.iranian .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #138F30;
  background-color: #239f40; }

.arab .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #124a27;
  background-color: #165d31; }

.commento-header {
  background-color: #dcdcdc;
  margin-right: 0.8rem;
  border-radius: 0.5rem;
  /*	border-bottom-left-radius:0;*/
  /*	border-bottom-right-radius:0;*/ }

.commento-body {
  background-color: darkolivegreen;
  margin-right: 0.8rem;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.commento-body p {
  color: white; }

.israeli-jewish .commento-body {
  background-color: #005eb8; }

.palestinian .commento-body {
  background-color: #149954; }

.iranian .commento-body {
  background-color: #239f40; }

.arab .commento-body {
  background-color: #165d31; }

.commento-option-button {
  color: darkolivegreen; }

/* Customize markdown button */
#commento-markdown-button-root,
.commento-markdown-button {
  font-size: 2.1rem; }

/* Style the buttons */
.commento-root .commento-submit-button,
#commento-submit-button-root {
  font-size: 1.6rem !important;
  padding: 1.3rem 2.1rem !important;
  background-color: darkolivegreen !important; }

.israeli-jewish #commento-submit-button-root,
.israeli-jewish #commento-textarea-root {
  background-color: #005eb8; }

.iranian #commento-submit-button-root,
.iranian #commento-textarea-root {
  background-color: #239f40; }

.arab #commento-submit-button-root,
.arab #commento-textarea-root {
  background-color: #165d31; }

.palestinian #commento-submit-button-root,
.palestinian #commento-textarea-root {
  background-color: #149954; }

.israeli-palestinian #commento-submit-button-root,
.israeli-palestinian #commento-textarea-root {
  background-color: linear-gradient(0deg, #005eb8, #00000000 70.71%), linear-gradient(90deg, #149954, #00000000 70.71%), linear-gradient(180deg, #005eb8, #00000000 70.71%), linear-gradient(270deg, #149954, #00000000 70.71%); }

/* Remark styling */
#remark42 {
  box-shadow: 0 2px 0.5rem 0 #a5a5a5;
  padding: 0.8rem;
  background-color: darkolivegreen; }

.israeli-jewish #remark42 {
  background-color: #005eb8; }

.iranian #remark42 {
  background-color: #239f40; }

.arab #remark42 {
  background-color: #165d31; }

.palestinian #remark42 {
  background-color: #149954; }

.root__main {
  background-color: darkolivegreen; }

.comments > form {
  border-radius: 3.4rem;
  background-color: #005eb8; }

div.comment-form {
  border-radius: 3.4rem;
  background-color: #005eb8; }

div.comment-form__field-wrapper {
  background-color: #149954;
  border-radius: 3.4rem; }

span.sort-picker {
  color: white; }

/*########################*/
/*** THE **PAGES** PAGE ***/
/*########################*/
.page-previews {
  display: flex;
  flex-direction: column;
  gap: 2.6rem; }

.page-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.3rem;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  box-shadow: 0 2px 0.5rem 0 #a5a5a5;
  max-width: 95vw; }
  .page-preview h3 {
    margin-bottom: 0.8rem; }
  .page-preview .read-more {
    margin: 0 2.1rem 1.3rem 3.4rem; }
  @media (min-width: 590px) {
    .page-preview {
      max-width: 82.9rem; } }
.page-sections {
  display: flex;
  gap: 1.3rem;
  flex-direction: column; }
  @media (min-width: 590px) {
    .page-sections {
      flex-direction: row; } }
  .page-sections img {
    width: 10rem; }
    @media (min-width: 360px) {
      .page-sections img {
        width: 12rem; } }
    @media (min-width: 590px) {
      .page-sections img {
        float: none;
        margin: 0; } }
    @media (min-width: 700px) {
      .page-sections img {
        width: 13rem; } }
[class^="page-section--"] {
  display: flex;
  align-items: center;
  gap: 2.3rem; }
  @media (min-width: 590px) {
    [class^="page-section--"] {
      width: 14.3rem; } }
  @media (min-width: 700px) {
    [class^="page-section--"] {
      width: 17.3rem; } }
  @media (min-width: 768px) {
    [class^="page-section--"] {
      width: 19.5rem; } }
  @media (min-width: 840px) {
    [class^="page-section--"] {
      width: 21.5rem; } }
  @media (min-width: 900px) {
    [class^="page-section--"] {
      width: 24rem; } }
  @media (min-width: 1024px) {
    [class^="page-section--"] {
      width: 22.4rem; } }
.page-section--1, .page-section--3 {
  flex-direction: row-reverse; }
  @media (min-width: 590px) {
    .page-section--1, .page-section--3 {
      flex-direction: column; } }
@media (min-width: 590px) {
  .page-section--2 {
    flex-direction: column-reverse; } }

p.page-preview-text {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.1rem; }
  @media (min-width: 530px) {
    p.page-preview-text {
      font-size: 1.8rem; } }
  @media (min-width: 768px) {
    p.page-preview-text {
      font-size: 1.6rem; } }
.linked-image.director:hover .image-wrapper::after,
.linked-image.actor:hover .image-wrapper::after {
  background-color: transparent; }

/*###################################*/
/*** THE **POSTS** AND TERMS PAGES ***/
/*###################################*/
.post-previews-container h1 {
  margin-bottom: 3.4rem; }

.pagination {
  margin-bottom: 3.4rem;
  display: flex;
  justify-content: center;
  gap: 1.3rem;
  font-size: 1.6rem; }
  .pagination .word-link,
  .pagination .current-page,
  .pagination .adjacent-page-number,
  .pagination a.distant-page-number,
  .pagination .arrow-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.1rem; }
    @media (min-width: 360px) {
      .pagination .word-link,
      .pagination .current-page,
      .pagination .adjacent-page-number,
      .pagination a.distant-page-number,
      .pagination .arrow-icon {
        height: 2.6rem; } }
    @media (min-width: 768px) {
      .pagination .word-link,
      .pagination .current-page,
      .pagination .adjacent-page-number,
      .pagination a.distant-page-number,
      .pagination .arrow-icon {
        height: 3.4rem; } }
  .pagination-icon {
    height: 1.3rem;
    width: 1.3rem;
    stroke-width: 1.8px; }
    @media (min-width: 360px) {
      .pagination-icon {
        height: 1.8rem;
        width: 1.8rem;
        stroke-width: 1.8px; } }
    @media (min-width: 768px) {
      .pagination-icon {
        height: 2.4rem;
        width: 2.4rem;
        stroke-width: 1.8px; } }
  .pagination .current-page,
  .pagination .adjacent-page-number,
  .pagination a.distant-page-number,
  .pagination .arrow-icon {
    width: 2.1rem;
    border-radius: 50%; }
    @media (min-width: 360px) {
      .pagination .current-page,
      .pagination .adjacent-page-number,
      .pagination a.distant-page-number,
      .pagination .arrow-icon {
        width: 2.6rem; } }
    @media (min-width: 768px) {
      .pagination .current-page,
      .pagination .adjacent-page-number,
      .pagination a.distant-page-number,
      .pagination .arrow-icon {
        width: 3.4rem; } }
  .pagination .current-page {
    cursor: default; }
  .pagination .word-link {
    box-shadow: 0 2px 0.5rem 0 #a5a5a5;
    padding: 0 0.5rem; }
  .pagination a.distant-page-number {
    display: none; }
    @media (min-width: 470px) {
      .pagination a.distant-page-number {
        display: flex; } }
  @media (min-width: 360px) {
    .pagination {
      gap: 1.6rem;
      font-size: 1.8rem; } }
  @media (min-width: 768px) {
    .pagination {
      gap: 2.1rem;
      font-size: 2.1rem; } }
  .pagination span.distant-page-number,
  .pagination span.distant-dots {
    align-self: self-end; }

@media (min-width: 470px) {
  span.distant-page-number {
    display: none; } }

span.distant-dots {
  display: none; }
  @media (min-width: 470px) {
    span.distant-dots {
      display: flex; } }
@media (min-width: 590px) {
  .last-page.arrow-icon,
  .first-page.arrow-icon {
    display: none; } }

.last-page.word-link,
.first-page.word-link {
  display: none; }
  @media (min-width: 590px) {
    .last-page.word-link,
    .first-page.word-link {
      display: flex; } }
/*############################*/
/* Flex container for Masonry */
/*############################*/
.post-previews.masonry {
  width: calc( 90vw - 2 * (2rem + 6px));
  /* Full width on small screens */ }
  @media (min-width: 700px) {
    .post-previews.masonry {
      display: flex;
      /* Changed from block to flex */
      flex-wrap: wrap;
      /* Allow items to wrap into new lines */ } }
  @media (min-width: 1024px) {
    .post-previews.masonry {
      width: calc( 97.1rem - 229px - (2 * (2rem + 6px))); } }
/* Individual post preview (grid item) */
.post-preview {
  margin-bottom: 3.4rem;
  display: flex;
  /* Ensure the post-preview is a flex container */
  flex-direction: column;
  /* Stack child elements vertically */
  align-items: center;
  gap: 1.3rem;
  padding: 1.3rem;
  /* Maintain padding */
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  box-shadow: 0 2px 0.5rem 0 #a5a5a5;
  /* THE HEBREW/ARABIC HEADING */ }
  .post-preview time {
    align-self: flex-end; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .post-preview {
      width: calc( (90vw - (2 * (2rem + 6px)) - 3.4rem) / 2); } }
  @media (min-width: 1024px) {
    .post-preview {
      width: calc( ( 97.1rem - 229px - 3.4rem - 2 * (2rem + 6px) ) / 2); } }
  .post-preview h3 {
    margin-bottom: 0;
    padding: 0 3.4rem;
    font-size: 2.1rem; }
    .post-preview h3.hebrew-script, .post-preview h3.arab-script {
      font-size: 2.8rem;
      align-self: flex-end;
      margin-right: 0; }
  .post-preview.israeli-jewish ul a {
    color: #005eb8; }
    .post-preview.israeli-jewish ul a:hover {
      background-color: #004b93;
      color: white; }
  .post-preview.israeli-jewish h3 a {
    color: #005eb8; }
    .post-preview.israeli-jewish h3 a:hover {
      color: indigo; }
  .post-preview.palestinian ul a {
    color: #149954; }
    .post-preview.palestinian ul a:hover {
      background-color: #107a43;
      color: white; }
  .post-preview.palestinian h3 a {
    color: #149954; }
    .post-preview.palestinian h3 a:hover {
      color: #d22; }
  .post-preview.iranian ul a {
    color: #239f40; }
    .post-preview.iranian ul a:hover {
      background-color: #1c7f33;
      color: white; }
  .post-preview.iranian h3 a {
    color: #239f40; }
    .post-preview.iranian h3 a:hover {
      color: #1c39bb; }
  .post-preview.arab ul a {
    color: #165d31; }
    .post-preview.arab ul a:hover {
      background-color: #124a27;
      color: white; }
  .post-preview.arab h3 a {
    color: #165d31; }
    .post-preview.arab h3 a:hover {
      color: #111111; }
  .post-preview ul {
    display: grid;
    list-style: none;
    padding: 0;
    font-size: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 12.1rem); }
    @media (max-width: 359px) {
      .post-preview ul {
        grid-template-columns: repeat(2, 9.5rem);
        font-size: 1.4rem; } }
    @media (min-width: 530px) {
      .post-preview ul {
        grid-template-columns: repeat(3, 12.1rem); } }
    @media (min-width: 700px) {
      .post-preview ul {
        grid-template-columns: repeat(2, 12.1rem); } }
    .post-preview ul a {
      display: flex;
      justify-content: center;
      font-weight: 400;
      align-items: center;
      text-align: center;
      height: 2.6rem;
      padding: 0.5rem;
      box-shadow: 0 2px 0.5rem 0 #a5a5a5;
      transition: all 300ms;
      /* Tooooooo complicated, but anyway...... */
      /* Setting the colours for individual links */
      /* within each section */ }
      .post-preview ul a:hover {
        box-shadow: 0 7px 0.5rem 0 #a5a5a5; }
      .post-preview ul a:active {
        box-shadow: 0 2px 0.5rem 0 #a5a5a5; }
      .post-preview ul a.israeli {
        color: #005eb8; }
        .post-preview ul a.israeli:hover, .post-preview ul a.israeli:active {
          background-color: #004b93;
          color: white; }
      .post-preview ul a.arab {
        color: #165d31; }
        .post-preview ul a.arab:hover, .post-preview ul a.arab:active {
          background-color: #124a27;
          color: white; }
      .post-preview ul a.palestinian {
        color: #149954; }
        .post-preview ul a.palestinian:hover, .post-preview ul a.palestinian:active {
          background-color: #107a43;
          color: white; }
      .post-preview ul a.iranian {
        color: #239f40; }
        .post-preview ul a.iranian:hover, .post-preview ul a.iranian:active {
          background-color: #1c7f33;
          color: white; }
      .post-preview ul a.jewish {
        color: #454545; }
        .post-preview ul a.jewish:hover, .post-preview ul a.jewish:active {
          background-color: #454545;
          color: white; }
      .post-preview ul a.nazis {
        color: #5b3700; }
        .post-preview ul a.nazis:hover, .post-preview ul a.nazis:active {
          background-color: #5b3700;
          color: white; }
  .post-preview li {
    margin-bottom: 0; }

/*##########################*/
/* THE PREVIEW TEXT & IMAGE */
/*##########################*/
.post-preview-text {
  hyphens: auto; }
  .post-preview-text .linked-image {
    width: 13.7rem;
    margin-top: 1rem;
    float: right;
    display: block;
    margin-left: 1rem; }
    @media (max-width: 359px) {
      .post-preview-text .linked-image {
        width: 12.1rem; } }
  .post-preview-text p {
    font-size: 1.6rem;
    line-height: 2.1rem; }
    @media (max-width: 359px) {
      .post-preview-text p {
        font-size: 1.4rem;
        line-height: 1.9rem; } }
/*###########*/
/* READ MORE */
/*###########*/
.read-more:link,
.read-more:visited {
  align-self: flex-end;
  box-shadow: 0 2px 0.5rem 0 #a5a5a5;
  padding: 0.5rem;
  margin: 1rem 2.1rem 1.3rem 0; }
  .read-more:link:hover,
  .read-more:visited:hover {
    color: white; }

.cc-window {
  position: fixed;
  width: 70vw;
  left: 15vw;
  z-index: 20000;
  bottom: 25vh;
  transform: translateY(50%);
  opacity: 0.93;
  padding: 1rem 2rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2.3rem;
  align-items: center; }
  @media (max-width: 469px) {
    .cc-window {
      width: 80vw;
      left: 10vw;
      font-size: 1.5rem; } }
  @media (max-width: 359px) {
    .cc-window {
      font-size: 1.3rem; } }
  @media (min-width: 470px) and (max-width: 654px) {
    .cc-window {
      width: 70vw;
      left: 15vw;
      font-size: 1.8rem; } }
  @media (min-width: 655px) and (max-width: 899px) {
    .cc-window {
      width: 60vw;
      left: 20vw;
      font-size: 2.2rem; } }
  @media (min-width: 900px) {
    .cc-window {
      width: 60vw;
      left: 20vw;
      font-size: 2.2rem; } }
  @media (min-width: 1024px) {
    .cc-window {
      width: 50vw;
      left: 25vw; } }
  @media (min-width: 1400px) {
    .cc-window {
      width: 40vw;
      left: 30vw;
      font-size: 2.5rem; } }
  .cc-window .cc-link {
    border-bottom: 2px solid transparent; }
  .cc-window .cc-compliance {
    opacity: 1;
    padding: 1rem 2rem;
    border-radius: 1rem;
    cursor: pointer; }
    .cc-window .cc-compliance a:hover {
      color: inherit; }

/*####################*/
/*** TAXONOMY PAGES ***/
/*####################*/
.taxonomies-grid {
  display: grid;
  grid-template-columns: repeat(2, 12.1rem);
  gap: 2.1rem; }
  @media (min-width: 360px) {
    .taxonomies-grid {
      grid-template-columns: repeat(2, 14.2rem); } }
  @media (min-width: 400px) {
    .taxonomies-grid {
      grid-template-columns: repeat(2, 17.6rem); } }
  @media (min-width: 590px) {
    .taxonomies-grid {
      grid-template-columns: repeat(3, 14.2rem); } }
  @media (min-width: 700px) {
    .taxonomies-grid {
      grid-template-columns: repeat(3, 17.6rem); } }
  .taxonomies-grid a {
    display: flex;
    justify-content: center;
    font-weight: 400;
    align-items: center;
    text-align: center;
    height: 6rem;
    box-shadow: 0 2px 0.5rem 0 #a5a5a5;
    font-size: 1.6rem; }
    .taxonomies-grid a:hover {
      box-shadow: 0 7px 0.5rem 0 #a5a5a5; }
    .taxonomies-grid a:active {
      box-shadow: 0 2px 0.5rem 0 #a5a5a5; }
    @media (min-width: 360px) {
      .taxonomies-grid a {
        font-size: 1.8rem; } }
/*###################*/
/*** ARTICLE POSTS ***/
/*###################*/
.single article {
  margin: 0;
  hyphens: none; }
  @media (max-width: 529px) {
    .single article {
      hyphens: auto; } }
  .single article .page-divider {
    text-align: center;
    margin: 3rem auto;
    height: 0.2rem;
    width: 90%; }
  .single article p a:not(:has(img)),
  .single article li a:not(:has(img)),
  .single article span a:not(:has(img)) {
    padding-bottom: 2px; }
    @media (min-width: 840px) {
      .single article p a:not(:has(img)),
      .single article li a:not(:has(img)),
      .single article span a:not(:has(img)) {
        padding-bottom: 3px; } }
    .single article p a:not(:has(img)):hover,
    .single article li a:not(:has(img)):hover,
    .single article span a:not(:has(img)):hover {
      padding-bottom: 1px;
      border-bottom: 1px solid currentColor; }
      @media (min-width: 840px) {
        .single article p a:not(:has(img)):hover,
        .single article li a:not(:has(img)):hover,
        .single article span a:not(:has(img)):hover {
          border-bottom: 2px solid currentColor; } }
  .single article .wordsandtime {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .single article .wordsandtime .word-count {
      color: inherit; }
      @media (max-width: 359px) {
        .single article .wordsandtime .word-count {
          max-width: 3ch; } }
      @media (max-width: 529px) {
        .single article .wordsandtime .word-count .extra {
          display: none; } }
  .single article .post-taxonomies {
    margin: 2.1rem 2.1rem; }
    @media (min-width: 700px) {
      .single article .post-taxonomies {
        display: flex;
        margin: 0;
        padding: 1.3rem;
        gap: 3.4rem;
        justify-content: space-between;
        align-items: top; } }
    .single article .post-taxonomies h4 {
      display: inline; }
      @media (min-width: 700px) {
        .single article .post-taxonomies h4 {
          display: flex;
          justify-content: center;
          font-size: 2.1rem;
          text-align: center;
          padding: 2.1rem; } }
      .single article .post-taxonomies h4::after {
        display: inline;
        content: ":"; }
        @media (min-width: 700px) {
          .single article .post-taxonomies h4::after {
            content: ""; } }
    .single article .post-taxonomies ul {
      list-style: none;
      text-align: left;
      padding: 0;
      display: inline; }
      @media (min-width: 700px) {
        .single article .post-taxonomies ul {
          display: grid;
          grid-template-columns: repeat(2, minmax(12.1rem, 1fr));
          gap: 2.1rem; } }
      @media (min-width: 700px) {
        .single article .post-taxonomies ul.single-item {
          grid-template-columns: 12.1rem;
          /* One column for single item */ } }
    .single article .post-taxonomies li {
      display: inline; }
      @media (min-width: 700px) {
        .single article .post-taxonomies li {
          display: block; } }
      .single article .post-taxonomies li::after {
        content: ", ";
        /* Add comma and space after each item */ }
        @media (min-width: 700px) {
          .single article .post-taxonomies li::after {
            content: ""; } }
      .single article .post-taxonomies li:last-child::after {
        content: "";
        /* Remove comma after the last item */ }
    @media (min-width: 700px) {
      .single article .post-taxonomies a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.6rem;
        font-weight: 400;
        text-align: center;
        height: 4.2rem;
        padding: 0.5rem;
        box-shadow: 0 2px 0.5rem 0 #a5a5a5; } }
    @media (min-width: 700px) {
      .single article .post-taxonomies a:hover {
        box-shadow: 0 7px .5rem 0 #a5a5a5; } }
    @media (min-width: 700px) {
      .single article .post-taxonomies a:active {
        box-shadow: 0 2px 0.5rem 0 #a5a5a5; } }
    @media (min-width: 700px) {
      .single article .post-taxonomies .footer {
        flex-direction: column-reverse;
        justify-content: space-between; } }
    .single article .post-taxonomies .footer ul {
      margin: 0; }
  .single article .post-subheading .down-arrow,
  .single article .post-subheading .up-arrow {
    display: none; }
    @media (min-width: 768px) {
      .single article .post-subheading .down-arrow,
      .single article .post-subheading .up-arrow {
        display: inline;
        height: 4.2rem;
        width: 2.1rem; } }
  @media (min-width: 700px) {
    .single article .post-categories,
    .single article .post-tags {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.3rem; } }
  @media (min-width: 700px) {
    .single article .post-categories li a,
    .single article .post-tags li a {
      border-bottom: 0; } }
  .single article .post-subheading {
    clear: both;
    margin-top: 2.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .single article .post-subheading.down-arrow, .single article .post-subheading.up-arrow {
      display: none; }
      @media (min-width: 700px) {
        .single article .post-subheading.down-arrow, .single article .post-subheading.up-arrow {
          display: inline;
          height: 4.2rem;
          width: 2.1rem; } }
.social-media-crap {
  position: relative;
  margin-top: 2rem;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .social-media-crap::before {
    content: "";
    position: absolute;
    top: -2rem;
    display: inline-block;
    width: 55rem;
    height: 0.3rem; }
    @media (max-width: 654px) {
      .social-media-crap::before {
        display: none; } }
    @media (min-width: 700px) {
      .social-media-crap::before {
        width: 59rem; } }
    @media (min-width: 768px) {
      .social-media-crap::before {
        width: 62rem; } }
    @media (min-width: 840px) {
      .social-media-crap::before {
        width: 65rem; } }
  @media (min-width: 655px) {
    .social-media-crap {
      margin-top: 5rem; } }
  @media (max-width: 654px) {
    .social-media-crap {
      flex-direction: column;
      gap: 1rem; } }
  .social-media-crap .share-links,
  .social-media-crap .follow-links {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
    position: relative; }
    @media (max-width: 654px) {
      .social-media-crap .share-links,
      .social-media-crap .follow-links {
        gap: 0.75rem; } }
  .social-media-crap .share-links::before,
  .social-media-crap .follow-links::before,
  .social-media-crap .divider {
    display: none; }
    @media (max-width: 654px) {
      .social-media-crap .share-links::before,
      .social-media-crap .follow-links::before,
      .social-media-crap .divider {
        display: inline-block;
        width: 12rem;
        height: 0.2rem; } }
  @media (max-width: 654px) {
    .social-media-crap .share-links::before {
      content: "";
      position: absolute;
      top: -0.75rem; } }
  @media (max-width: 654px) {
    .social-media-crap .follow-links::before {
      content: "";
      position: absolute;
      bottom: -0.75rem; } }
  .social-media-crap .share-buttons,
  .social-media-crap .follow-buttons {
    display: flex;
    gap: 0.7rem; }
    .social-media-crap .share-buttons img,
    .social-media-crap .share-buttons svg,
    .social-media-crap .follow-buttons img,
    .social-media-crap .follow-buttons svg {
      height: 3rem;
      width: 3rem; }
    .social-media-crap .share-buttons svg.bluesky,
    .social-media-crap .follow-buttons svg.bluesky {
      fill: #1183fe; }
    .social-media-crap .share-buttons svg.facebook,
    .social-media-crap .follow-buttons svg.facebook {
      fill: #1877f2; }
    .social-media-crap .share-buttons svg.linkedin,
    .social-media-crap .follow-buttons svg.linkedin {
      fill: #0a66c2; }
    .social-media-crap .share-buttons svg.mastodon,
    .social-media-crap .follow-buttons svg.mastodon {
      fill: #6364ff; }
    .social-media-crap .share-buttons svg.pinterest,
    .social-media-crap .follow-buttons svg.pinterest {
      fill: #e60023; }
    .social-media-crap .share-buttons svg.reddit,
    .social-media-crap .follow-buttons svg.reddit {
      fill: #ff4500; }
    .social-media-crap .share-buttons svg.telegram,
    .social-media-crap .follow-buttons svg.telegram {
      fill: #0088cc; }
    .social-media-crap .share-buttons svg.twitter,
    .social-media-crap .follow-buttons svg.twitter {
      fill: #1da1f2; }
    .social-media-crap .share-buttons svg.whatsapp,
    .social-media-crap .follow-buttons svg.whatsapp {
      fill: #25d366; }

/*####################*/
/*** THE INDEX PAGE ***/
/*####################*/
.homepage-container {
  width: 74.2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5rem; }

.homepage-page-previews,
.homepage-post-previews {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.1rem; }

.homepage-page-previews h1,
.homepage-post-previews h1 {
  margin: 0; }

.small-grid {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 31.6rem);
  gap: 2.1rem; }

/* the rest of the rules for post previews are in the posts\terms section */
/* Likewise, the page preview in the relevant section */
/* SPECIFIC TO THIS SITE */
body {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 1.6rem;
  color: #232323; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal; }

a,
button {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal; }

/*###############*/
/*** TOP LEVEL ***/
/*###############*/
body {
  border-color: #7b35ad; }
  body::before {
    background-image: url(/images/wallhaven/1000px/wallhaven-49lql8.webp);
    opacity: 0.7;
    /* Only dims the background */ }
  body .background-colour {
    background-color: white; }

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  overflow: hidden;
  z-index: -4; }
  .bg-video.ducks {
    position: fixed;
    opacity: 0.18; }
  .bg-video__content {
    height: 100%;
    width: 100%;
    object-fit: cover; }
    .bg-video__content.cyclist {
      object-position: top; }
    .bg-video__content.ducks {
      object-position: bottom;
      height: 100vh;
      width: 100%; }

/*############################*/
/*** SIDEBAR TOGGLE BUTTONS ***/
/*############################*/
#sidebar-toggle-on-1,
#sidebar-toggle-on-2 {
  border: 2px ridge #512372;
  background: linear-gradient(45deg, rgba(167, 118, 3, 0.7), #ff000000 70.71%), linear-gradient(135deg, rgba(39, 17, 55, 0.5), #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, rgba(81, 35, 114, 0.5), #0000ff00 70.71%); }

.close-image-overlay {
  background-color: #512372;
  color: white;
  box-shadow: 0 0.5rem 0.75rem rgba(167, 118, 3, 0.85); }
  .close-image-overlay a {
    color: white; }
  .close-image-overlay:hover {
    box-shadow: 0 1rem 1.5rem rgba(81, 35, 114, 0.85); }
    .close-image-overlay:hover::after {
      background-color: #f2ab04; }
  .close-image-overlay:active {
    box-shadow: 0 0.7rem 1rem rgba(81, 35, 114, 0.85); }
  .close-image-overlay::after {
    background-color: #a77603; }

/* Commento styling */
/* Increase font size for the comment section */
.commento-root {
  font-size: 2.1rem;
  /* Adjust this size to your preference */
  line-height: 1.5;
  box-shadow: 0 0.5rem 0.5rem 0 #445a1f;
  border-radius: 0.5rem;
  padding: 1.3rem !important; }

/* Style the textarea where users add comments */
.commento-root textarea,
#commento-textarea-root {
  font-size: 2.1rem;
  /* Make the comment box text larger */
  background-color: darkolivegreen;
  color: white;
  border: 1px dotted white;
  border-radius: 1.3rem; }

.commento-textarea-container {
  color: white; }

.commento-root textarea::placeholder,
#commento-textarea-root::placeholder {
  color: white; }

/* Style for the login text */
.commento-login-text {
  font-size: 2.1rem; }

.commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #445a1f;
  border: 1px solid white;
  border-top: 1px solid white !important;
  border-left: 1px solid white !important;
  margin-bottom: 0.5rem;
  border-radius: 0.8rem;
  background-color: darkolivegreen;
  color: white; }

.israeli-jewish .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #004b93;
  background-color: #005eb8; }

.palestinian .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #107a43;
  background-color: #149954; }

.iranian .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #138F30;
  background-color: #239f40; }

.arab .commento-card {
  box-shadow: 0 0.5rem 0.5rem 0 #124a27;
  background-color: #165d31; }

.commento-header {
  background-color: #dcdcdc;
  margin-right: 0.8rem;
  border-radius: 0.5rem;
  /*	border-bottom-left-radius:0;*/
  /*	border-bottom-right-radius:0;*/ }

.commento-body {
  background-color: darkolivegreen;
  margin-right: 0.8rem;
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.commento-body p {
  color: white; }

.israeli-jewish .commento-body {
  background-color: #005eb8; }

.palestinian .commento-body {
  background-color: #149954; }

.iranian .commento-body {
  background-color: #239f40; }

.arab .commento-body {
  background-color: #165d31; }

.commento-option-button {
  color: darkolivegreen; }

/* Customize markdown button */
#commento-markdown-button-root,
.commento-markdown-button {
  font-size: 2.1rem; }

/* Style the buttons */
.commento-root .commento-submit-button,
#commento-submit-button-root {
  font-size: 1.6rem !important;
  padding: 1.3rem 2.1rem !important;
  background-color: darkolivegreen !important; }

.israeli-jewish #commento-submit-button-root,
.israeli-jewish #commento-textarea-root {
  background-color: #005eb8; }

.iranian #commento-submit-button-root,
.iranian #commento-textarea-root {
  background-color: #239f40; }

.arab #commento-submit-button-root,
.arab #commento-textarea-root {
  background-color: #165d31; }

.palestinian #commento-submit-button-root,
.palestinian #commento-textarea-root {
  background-color: #149954; }

.israeli-palestinian #commento-submit-button-root,
.israeli-palestinian #commento-textarea-root {
  background-color: linear-gradient(0deg, #005eb8, #00000000 70.71%), linear-gradient(90deg, #149954, #00000000 70.71%), linear-gradient(180deg, #005eb8, #00000000 70.71%), linear-gradient(270deg, #149954, #00000000 70.71%); }

/* Remark styling */
#remark42 {
  box-shadow: 0 2px 0.5rem 0 #a5a5a5;
  padding: 0.8rem;
  background-color: darkolivegreen; }

.israeli-jewish #remark42 {
  background-color: #005eb8; }

.iranian #remark42 {
  background-color: #239f40; }

.arab #remark42 {
  background-color: #165d31; }

.palestinian #remark42 {
  background-color: #149954; }

.root__main {
  background-color: darkolivegreen; }

.comments > form {
  border-radius: 3.4rem;
  background-color: #005eb8; }

div.comment-form {
  border-radius: 3.4rem;
  background-color: #005eb8; }

div.comment-form__field-wrapper {
  background-color: #149954;
  border-radius: 3.4rem; }

span.sort-picker {
  color: white; }

a:link, a:visited {
  color: #7b35ad; }
  a:link:hover, a:visited:hover {
    color: #512372; }
  a:link:active, a:visited:active {
    color: #a77603;
    font-style: italic; }

img {
  border-color: #7b35ad;
  /******************************/
  /* GROUP/NATIONALITY SPECIFIC */
  /******************************/ }
  img:hover, img:active {
    border-color: #f2ab04; }
  img.design {
    border-color: #1b2c28 #008080; }
    img.design:hover, img.design:active {
      border-color: #008080 #1b2c28; }
  img.meff {
    border-color: #445a1f #004b93; }
    img.meff:hover, img.meff:active {
      border-color: #004b93 #445a1f; }
  img.podcasts {
    border-color: #512372 #a77603; }
    img.podcasts:hover, img.podcasts:active {
      border-color: #a77603 #512372; }
  img.proofreading {
    border-color: #0b7116 #bdb065; }
    img.proofreading:hover, img.proofreading:active {
      border-color: #bdb065 #0b7116; }
  img.teaching {
    border-color: #222f8f #fff651; }
    img.teaching:hover, img.teaching:active {
      border-color: #fff651 #222f8f; }
  img.ukrainian, img.ukraine {
    border-color: #0057b7; }
    img.ukrainian:hover, img.ukrainian:active, img.ukraine:hover, img.ukraine:active {
      border-color: #00336b; }

.image-display-overlay #display-image {
  border: 10px ridge #7b35ad;
  padding: 12px;
  background-color: white;
  background-image: linear-gradient(225deg, rgba(167, 118, 3, 0.7), #00000000 70.71%), linear-gradient(315deg, rgba(39, 17, 55, 0.5), #00000000 70.71%), linear-gradient(45deg, rgba(123, 53, 173, 0.5), #00000000 70.71%), linear-gradient(135deg, rgba(81, 35, 114, 0.5), #00000000 70.71%);
  box-shadow: 0 3rem 7rem #512372;
  /******************/
  /* IDENTITY LINKS */
  /******************/ }
  .image-display-overlay #display-image.design {
    border-color: #00cdcd #1b2c28;
    /* Hover color for Israeli class */
    background: linear-gradient(to bottom right, #fcfdfd, #9affff); }
  .image-display-overlay #display-image.meff {
    border-color: #0072e0 #6f9333;
    /* Hover color for Israeli class */
    background: linear-gradient(to bottom right, white, #add7ff); }
  .image-display-overlay #display-image.podcasts {
    border-color: #512372 #f2ab04;
    background: linear-gradient(to bottom right, #0057b7, #ffd700); }
  .image-display-overlay #display-image.proofreading {
    border-color: #d4cb9b #0b7116;
    /* Hover color for Israeli class */
    background: linear-gradient(to bottom right, #0057b7, #ffd700); }
  .image-display-overlay #display-image.teaching {
    border-color: #fffa9e #222f8f;
    /* Hover color for Israeli class */
    background: linear-gradient(to bottom right, #0057b7, #ffd700); }
  .image-display-overlay #display-image.ukrainian, .image-display-overlay #display-image.ukraine {
    border-color: #ffd700 #0057b7;
    /* Hover color for Israeli class */
    background: linear-gradient(to bottom right, #0057b7, #ffd700); }

.image-display-overlay.active {
  background-image: linear-gradient(225deg, rgba(167, 118, 3, 0.7), #00000000 70.71%), linear-gradient(315deg, rgba(39, 17, 55, 0.5), #00000000 70.71%), linear-gradient(45deg, rgba(123, 53, 173, 0.5), #00000000 70.71%), linear-gradient(135deg, rgba(81, 35, 114, 0.5), #00000000 70.71%);
  -webkit-backdrop-filter: blur(3px) invert(0.7);
  /* Safari/old WebKit browsers */
  backdrop-filter: blur(3px) invert(0.7); }

.linked-image {
  border-color: #7b35ad;
  /****************/
  /* THEMED LINKS */
  /****************/
  /******************/
  /* IDENTITY LINKS */
  /******************/ }
  .linked-image:hover, .linked-image:active {
    border-color: #f2ab04;
    /* Hover color transition works */ }
  .linked-image.design:link, .linked-image.design:visited {
    border-color: #1b2c28 #00cdcd; }
  .linked-image.design:hover, .linked-image.design:active {
    border-color: #00cdcd #1b2c28;
    /* Hover color for Israeli class */
    /* Uncomment to apply filters if needed */
    /* filter: invert(1) sepia(1) saturate(10) hue-rotate(200deg); */ }
  .linked-image.meff:link, .linked-image.meff:visited {
    border-color: #6f9333 #0072e0; }
  .linked-image.meff:hover, .linked-image.meff:active {
    border-color: #0072e0 #6f9333;
    /* Hover color for Israeli class */
    /* Uncomment to apply filters if needed */
    /* filter: invert(1) sepia(1) saturate(10) hue-rotate(200deg); */ }
  .linked-image.podcasts:link, .linked-image.podcasts:visited {
    border-color: #512372 #f2ab04; }
  .linked-image.podcasts:hover, .linked-image.podcasts:active {
    border-color: #f2ab04 #512372;
    /* Hover color for Israeli class */
    /* Uncomment to apply filters if needed */
    /* filter: invert(1) sepia(1) saturate(10) hue-rotate(200deg); */ }
  .linked-image.proofreading:link, .linked-image.proofreading:visited {
    border-color: #0b7116 #d4cb9b; }
  .linked-image.proofreading:hover, .linked-image.proofreading:active {
    border-color: #d4cb9b #0b7116;
    /* Hover color for Israeli class */
    /* Uncomment to apply filters if needed */
    /* filter: invert(1) sepia(1) saturate(10) hue-rotate(200deg); */ }
  .linked-image.teaching:link, .linked-image.teaching:visited {
    border-color: #222f8f #fffa9e; }
  .linked-image.teaching:hover, .linked-image.teaching:active {
    border-color: #fffa9e #222f8f;
    /* Hover color for Israeli class */
    /* Uncomment to apply filters if needed */
    /* filter: invert(1) sepia(1) saturate(10) hue-rotate(200deg); */ }
  .linked-image.ukrainian:link, .linked-image.ukrainian:visited, .linked-image.ukraine:link, .linked-image.ukraine:visited {
    border-color: #0057b7 #ffd700; }
  .linked-image.ukrainian:hover, .linked-image.ukrainian:active, .linked-image.ukraine:hover, .linked-image.ukraine:active {
    border-color: #ffd700 #0057b7;
    /* Hover color for Israeli class */
    /* Uncomment to apply filters if needed */
    /* filter: invert(1) sepia(1) saturate(10) hue-rotate(200deg); */ }

/*###################################*/
/*** THE **POSTS** AND TERMS PAGES ***/
/*###################################*/
.pagination {
  color: #7b35ad; }
  .pagination .word-link,
  .pagination .current-page,
  .pagination .adjacent-page-number,
  .pagination a.distant-page-number,
  .pagination .arrow-icon {
    border: 1px solid #7b35ad; }
  .pagination .current-page,
  .pagination a:hover,
  .pagination a:active {
    background-color: #7b35ad;
    color: white; }

/* Individual post preview (grid item) */
.post-preview ul a:hover {
  background-color: #7b35ad;
  color: white; }

/*###########*/
/* READ MORE */
/*###########*/
.read-more:hover {
  background-color: #7b35ad; }

.cc-window {
  background-color: #dac1ec;
  background-image: linear-gradient(45deg, rgba(167, 118, 3, 0.7), #ff000000 70.71%), linear-gradient(135deg, rgba(39, 17, 55, 0.5), #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, rgba(81, 35, 114, 0.5), #0000ff00 70.71%);
  color: white;
  border: 0.5rem ridge #f2ab04; }
  @media (max-width: 469px) {
    .cc-window {
      font-size: 1.5rem; } }
  @media (max-width: 359px) {
    .cc-window {
      font-size: 1.3rem; } }
  @media (min-width: 470px) and (max-width: 654px) {
    .cc-window {
      font-size: 1.8rem; } }
  @media (min-width: 655px) and (max-width: 899px) {
    .cc-window {
      font-size: 2.2rem; } }
  @media (min-width: 900px) {
    .cc-window {
      font-size: 2.2rem; } }
  @media (min-width: 1400px) {
    .cc-window {
      font-size: 2.5rem; } }
  .cc-window .cc-link {
    color: #5c4102; }
    .cc-window .cc-link:hover {
      color: #271137;
      border-bottom-color: #271137; }
  .cc-window .cc-compliance {
    background-color: #a77603;
    color: white; }
    .cc-window .cc-compliance:hover {
      background-color: #5c4102; }

/*################*/
/*** THE FOOTER ***/
/*################*/
/* Bottom of footer */
.footer-banner {
  background: linear-gradient(225deg, rgba(167, 118, 3, 0.7), #00000000 70.71%), linear-gradient(315deg, rgba(39, 17, 55, 0.5), #00000000 70.71%), linear-gradient(45deg, rgba(123, 53, 173, 0.5), #00000000 70.71%), linear-gradient(135deg, rgba(81, 35, 114, 0.5), #00000000 70.71%); }
  .footer-banner p {
    font-size: 1.25rem; }
    @media (min-width: 360px) {
      .footer-banner p {
        font-size: 1.5rem; } }
    @media (min-width: 400px) {
      .footer-banner p {
        font-size: 1.65rem; } }
    @media (min-width: 470px) {
      .footer-banner p {
        font-size: 1.85rem; } }
    @media (min-width: 530px) {
      .footer-banner p {
        font-size: 2.1rem; } }
    @media (min-width: 590px) {
      .footer-banner p {
        font-size: 2.3rem; } }
    @media (min-width: 655px) {
      .footer-banner p {
        font-size: 2.45rem; } }
    @media (min-width: 700px) {
      .footer-banner p {
        font-size: 2.6rem; } }
    @media (min-width: 768px) {
      .footer-banner p {
        font-size: 2.7rem; } }
/*#####################################*/
/*** THE STARTING AND STICKY HEADERS ***/
/*#####################################*/
#sticky-header .banner {
  bottom: 2.6rem; }
  #sticky-header .banner .logo-text {
    font-size: 1.8rem;
    color: #fff;
    font-family: "Roboto", sans-serif; }
    @media (max-width: 529px) {
      #sticky-header .banner .logo-text {
        max-width: 10ch;
        font-size: 1.8rem; } }
    @media (max-width: 469px) {
      #sticky-header .banner .logo-text {
        max-width: 10ch;
        font-size: 1.6rem; } }
    @media (max-width: 399px) {
      #sticky-header .banner .logo-text {
        max-width: 10ch;
        font-size: 1.4rem; } }
    @media (max-width: 359px) {
      #sticky-header .banner .logo-text {
        max-width: 10ch;
        font-size: 1.2rem; } }
    @media (min-width: 530px) {
      #sticky-header .banner .logo-text {
        font-size: 2.3rem; } }
    @media (min-width: 1024px) {
      #sticky-header .banner .logo-text {
        font-size: 2.9rem; } }
#sticky-header.sticky {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, white 100%), linear-gradient(45deg, #a77603, rgba(123, 53, 173, 0.8)), linear-gradient(135deg, #7b35ad, rgba(167, 118, 3, 0.8));
  -webkit-mask-image: linear-gradient(to bottom, black 80%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, black 80%, rgba(0, 0, 0, 0) 100%); }
  @media (min-width: 1024px) {
    #sticky-header.sticky {
      background: linear-gradient(to bottom, #fff 80%, transparent 100%); }
      #sticky-header.sticky .logo-text {
        background-image: linear-gradient(to right, rgba(123, 53, 173, 0.6), rgba(167, 118, 3, 0.8));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent; } }
/*##########################*/
/*** THE LOGO IMAGE PART ***/
/*########################*/
#starting-header {
  justify-content: space-around; }
  #starting-header .blogo {
    padding-left: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 2rem;
    width: 25rem; }
    #starting-header .blogo h1 {
      font-size: 2.1rem;
      text-transform: none;
      background-image: linear-gradient(to right, rgba(81, 35, 114, 0.6), rgba(167, 118, 3, 0.8));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent; }
      @media (min-width: 400px) {
        #starting-header .blogo h1 {
          font-size: 2.3rem; } }
      @media (min-width: 470px) {
        #starting-header .blogo h1 {
          font-size: 2.6rem; } }
      @media (min-width: 530px) {
        #starting-header .blogo h1 {
          font-size: 2.7rem; } }
      @media (min-width: 590px) {
        #starting-header .blogo h1 {
          font-size: 2.8rem; } }
      @media (min-width: 700px) {
        #starting-header .blogo h1 {
          font-size: 2.9rem; } }
      @media (min-width: 768px) {
        #starting-header .blogo h1 {
          font-size: 3.4rem; } }
      @media (min-width: 840px) {
        #starting-header .blogo h1 {
          font-size: 3.8rem; } }
      @media (min-width: 1024px) {
        #starting-header .blogo h1 {
          font-size: 3.7rem; } }
    #starting-header .blogo img.featured-blog-image {
      width: 20rem;
      clip-path: polygon(4% 65%, 16% 79%, 16% 79%, 42% 82%, 42% 82%, 79% 76%, 79% 76%, 92% 61%, 92% 61%, 94% 40%, 94% 40%, 93% 19%, 93% 19%, 76% 14%, 76% 14%, 50% 14%, 50% 14%, 26% 19%, 26% 19%, 4% 33%, 4% 33%);
      float: right; }
      @media (min-width: 400px) {
        #starting-header .blogo img.featured-blog-image {
          width: 22rem; } }
      @media (min-width: 470px) {
        #starting-header .blogo img.featured-blog-image {
          width: 26rem; } }
      @media (min-width: 530px) {
        #starting-header .blogo img.featured-blog-image {
          width: 30rem; } }
      @media (min-width: 590px) {
        #starting-header .blogo img.featured-blog-image {
          width: 31.5rem; } }
      @media (min-width: 700px) {
        #starting-header .blogo img.featured-blog-image {
          width: 28rem; } }
      @media (min-width: 768px) {
        #starting-header .blogo img.featured-blog-image {
          width: 34rem; } }
      @media (min-width: 840px) {
        #starting-header .blogo img.featured-blog-image {
          width: 40rem; } }
      @media (min-width: 1024px) {
        #starting-header .blogo img.featured-blog-image {
          width: 42rem; } }
      #starting-header .blogo img.featured-blog-image.landscape {
        clip-path: polygon(42% 1%, 23% 9%, 5% 21%, 3% 36%, 2% 53%, 4% 67%, 12% 79%, 23% 95%, 44% 97%, 64% 99%, 81% 95%, 95% 78%, 96% 53%, 98% 30%, 80% 2%); }
      #starting-header .blogo img.featured-blog-image.square, #starting-header .blogo img.featured-blog-image.portrait {
        margin-top: -2rem;
        margin-bottom: -4rem; }
        @media (max-width: 469px) {
          #starting-header .blogo img.featured-blog-image.square, #starting-header .blogo img.featured-blog-image.portrait {
            margin-bottom: -3rem; } }
    @media (min-width: 360px) {
      #starting-header .blogo {
        width: 23rem; } }
    @media (min-width: 400px) {
      #starting-header .blogo {
        width: 27rem; } }
    @media (min-width: 470px) {
      #starting-header .blogo {
        width: 33rem; } }
    @media (min-width: 530px) {
      #starting-header .blogo {
        width: 35rem; } }
    @media (min-width: 590px) {
      #starting-header .blogo {
        width: 36.5rem; } }
    @media (min-width: 700px) {
      #starting-header .blogo {
        width: 28rem; } }
    @media (min-width: 768px) {
      #starting-header .blogo {
        width: 34rem; } }
    @media (min-width: 840px) {
      #starting-header .blogo {
        width: 36rem; } }
    @media (min-width: 1024px) {
      #starting-header .blogo {
        width: 45.8rem;
        font-size: 2.6rem;
        line-height: 4.2rem; } }
/*##########################*/
/*** THE QUICK NAVIGATION ***/
/*##########################*/
@media (min-width: 700px) {
  .quick-links {
    background: linear-gradient(45deg, rgba(167, 118, 3, 0.7), #ff000000 70.71%), linear-gradient(135deg, rgba(39, 17, 55, 0.5), #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, rgba(81, 35, 114, 0.5), #0000ff00 70.71%); } }

/*###############*/
/*** THE LINKS ***/
/*###############*/
.teaching-link,
.proofreading-link,
.design-link,
.podcasts-link,
.meff-link,
.blog-home-link {
  align-self: stretch;
  justify-self: stretch; }

.teaching-link {
  grid-row: 2/3;
  grid-column: 2/3; }
  .teaching-link a {
    font-size: 1.8rem;
    color: #131b51;
    border: 1px solid #131b51; }
    .teaching-link a:hover {
      background-color: #131b51; }

.proofreading-link {
  grid-row: 2/3;
  grid-column: 1/2; }
  .proofreading-link a {
    font-size: 1.8rem;
    color: #958940;
    border: 1px solid #958940; }
    .proofreading-link a:hover {
      background-color: #958940; }

.design-link {
  grid-row: 1/2;
  grid-column: 2/3; }
  .design-link a {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #008080;
    border: 1px solid #008080; }
    .design-link a:hover {
      background-color: #008080; }

.podcasts-link {
  grid-row: 3/4;
  grid-column: 1/2; }
  .podcasts-link a {
    font-size: 1.8rem;
    line-height: 1.9rem;
    color: #7b35ad;
    border: 1px solid #7b35ad; }
    .podcasts-link a:hover {
      background-color: #7b35ad; }

.meff-link {
  grid-row: 1/2;
  grid-column: 1/2; }
  .meff-link a {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #445a1f;
    border: 1px solid #004b93; }
    .meff-link a:hover {
      background: linear-gradient(45deg, #005eb888, #ff000000 70.71%), linear-gradient(135deg, #14995488, #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, #239f4088, #0000ff00 70.71%); }

.blog-home-link {
  grid-row: 3/4;
  grid-column: 2/3; }
  .blog-home-link a {
    font-size: 1.8rem;
    line-height: 1.9rem;
    color: #3c7777;
    border: 1px solid #3c7777; }
    .blog-home-link a:hover {
      background: linear-gradient(45deg, rgba(157, 103, 103, 0.7), #ff000000 70.71%), linear-gradient(135deg, rgba(34, 68, 68, 0.5), #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, rgba(60, 119, 119, 0.5), #0000ff00 70.71%); }

.heatopher-landing {
  grid-row: 4/-1;
  grid-column: 1/-1; }
  .heatopher-landing a {
    font-size: 1.8rem;
    color: #454545;
    border: 1px solid #454545; }
    .heatopher-landing a:hover {
      background-color: #454545; }

/*####################*/
/*** SIDEBAR STYLES ***/
/*####################*/
@media (min-width: 1024px) {
  #sidebar a:hover, #sidebar h3 {
    background: linear-gradient(45deg, rgba(167, 118, 3, 0.7), #ff000000 70.71%), linear-gradient(135deg, rgba(39, 17, 55, 0.5), #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, rgba(81, 35, 114, 0.5), #0000ff00 70.71%);
    color: white; } }

#sidebar h3 {
  text-transform: uppercase; }
  @media (max-width: 1023px) {
    #sidebar h3 {
      font-family: "Bebas Neue", sans-serif;
      font-weight: 700;
      font-style: normal;
      text-transform: none; } }
/*#####################*/
/*** SIDEBAR BUTTONS ***/
/*#####################*/
#sidebar-toggle-off,
#sidebar-home-link {
  border: 2px ridge #271137;
  background: linear-gradient(45deg, rgba(167, 118, 3, 0.7), #ff000000 70.71%), linear-gradient(135deg, rgba(39, 17, 55, 0.5), #00ff0000 70.71%), linear-gradient(225deg, #45454588, #0000ff00 70.71%), linear-gradient(315deg, rgba(81, 35, 114, 0.5), #0000ff00 70.71%);
  color: white; }

/*###########################*/
/*** STICKY SIDEBAR ARROWS ***/
/*###########################*/
@media (min-width: 1024px) {
  #sidebar.sticky .sidebar-up-arrows, #sidebar.sticky .sidebar-down-arrows {
    background: linear-gradient(225deg, rgba(167, 118, 3, 0.7), #00000000 70.71%), linear-gradient(315deg, rgba(39, 17, 55, 0.5), #00000000 70.71%), linear-gradient(45deg, rgba(123, 53, 173, 0.5), #00000000 70.71%), linear-gradient(135deg, rgba(81, 35, 114, 0.5), #00000000 70.71%);
    color: #5c4102; } }

@media (min-width: 1024px) {
  .sidebar-flashing-up-arrows,
  .sidebar-flashing-down-arrows {
    color: #5c4102; } }

/*####################*/
/*** TAXONOMY PAGES ***/
/*####################*/
.taxonomies-grid a:hover {
  background-color: #7b35ad;
  color: white; }

/*###################*/
/*** ARTICLE POSTS ***/
/*###################*/
.single article h1 {
  text-transform: none; }

@media (min-width: 700px) {
  .single article .post-taxonomies a:hover {
    background-color: #7b35ad;
    color: white;
    border-bottom: 0; } }

.single article .post-categories a:hover svg,
.single article .post-tags a:hover svg {
  color: #7b35ad; }

.social-media-crap::before,
.social-media-crap .share-links::before,
.social-media-crap .follow-links::before,
.social-media-crap .divider {
  background-color: #7b35ad; }

.page-divider {
  background-color: #512372; }

[class^="dialogue__"] {
  border-radius: 1.5rem;
  padding: 1.5rem 2rem;
  margin-bottom: 2.5rem;
  min-height: 8.5rem; }
  @media (max-width: 469px) {
    [class^="dialogue__"] {
      min-height: 0; } }
  [class^="dialogue__"] p, [class^="dialogue__"] li {
    margin-top: .8rem; }
  [class^="dialogue__"] p:first-child {
    margin-top: 0; }
  [class^="dialogue__"] p:last-child {
    margin-bottom: 0; }

.dialogue__kizza::before, .dialogue__deepseek::before {
  float: left;
  font-size: 4.7rem;
  padding-right: 1.6rem; }
  @media (max-width: 469px) {
    .dialogue__kizza::before, .dialogue__deepseek::before {
      font-size: 2.3rem;
      padding-right: 1rem; } }
.dialogue__kizza {
  margin-left: 8%;
  background-color: #dac1ec; }
  .dialogue__kizza::before {
    content: "👱🏽‍♂️"; }
  @media (min-width: 590px) {
    .dialogue__kizza {
      margin-left: 11%; } }
.dialogue__deepseek {
  margin-right: 8%;
  background-color: #fcce60;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; }
  .dialogue__deepseek::before {
    content: "🤖"; }
  @media (min-width: 590px) {
    .dialogue__deepseek {
      margin-right: 11%; } }
.dialogue__comment {
  margin-left: 8%;
  margin-right: 5%; }
  @media (min-width: 590px) {
    .dialogue__comment {
      margin-left: 11%; } }