/*--------------------------------------------------------------------------
  Basement Actors Academy - colour theme

  Loaded after eston.css and overrides colour only; no layout is
  touched. Adjust the palette below and the whole site follows.
--------------------------------------------------------------------------*/

:root {
  /* Brand */
  --baa-green:       #1C5632;  /* logo green   */
  --baa-green-dark:  #123A21;  /* hover, deep  */
  --baa-green-light: #2E7A4A;  /* secondary    */
  --baa-green-pale:  #A9D3B6;  /* on-green text*/
  --baa-cream:       #F7E5C8;  /* logo cream   */
  --baa-cream-soft:  #FCF5E9;
  --baa-border:      #E6D8BE;
  --baa-ink:         #132A1C;

  /* Remap the template's own variables onto the brand palette. */
  --eston-base:        var(--baa-green);
  --eston-base-rgb:    28, 86, 50;
  --eston-black:       var(--baa-ink);
  --eston-black-rgb:   19, 42, 28;
  --eston-primary:     var(--baa-cream);
  --eston-primary-rgb: 247, 229, 200;
  --eston-gray:        #6E6558;
  --eston-gray-rgb:    110, 101, 88;
}

/*--------------------------------------------------------------------------
  Hard-coded template colours, repainted.
  (SoundCloud orange #ff5500 is a brand colour and is left as is.)
--------------------------------------------------------------------------*/

.thm-btn {
  border: 2px solid #E6D8BE;
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  border: 1px solid #F7E5C8;
}

.awards-one {
  background-color: #F7E5C8;
}

.services-one__single {
  border: 2px solid #E6D8BE;
}

.project-one {
  background-color: #1C5632;
}

.project-one__btn {
  border: 2px solid #2E7A4A;
}

.project-one__director p {
  color: #A9D3B6;
}

.project-one__budget p {
  color: #A9D3B6;
}

.sliding-text-two .sliding-text__list li::before {
  background-color: #2E7A4A;
}

.brand-one__list li {
  border-right: 1px solid #E6D8BE;
  border-top: 1px solid #E6D8BE;
}

.brand-one__list-one li:first-child {
  border-left: 1px solid #E6D8BE;
}

.brand-one__list--two li {
  border-bottom: 1px solid #E6D8BE;
}

.brand-one__list--two li:last-child {
  border-right: 1px solid #E6D8BE;
}

.counter-one__count-shape {
  background-color: #E6D8BE;
}

.services-two {
  background-color: #F7E5C8;
}

.sliding-text-three .sliding-text__list li::before {
  background-color: #2E7A4A;
}

.team-two__carousel.owl-theme .owl-nav .owl-next {
  border: 2px solid #E6D8BE;
}

.team-two__carousel.owl-theme .owl-nav .owl-prev {
  border: 2px solid #E6D8BE;
}

.news-two {
  background-color: #F7E5C8;
}

.services-three {
  background-color: #F7E5C8;
}

.faq-one {
  background-color: #F7E5C8;
}

.testimonial-two__single {
  border: 2px solid #E6D8BE;
}

.testimonial-two__carousel.owl-theme .owl-nav .owl-next {
  border: 2px solid #E6D8BE;
}

.testimonial-two__carousel.owl-theme .owl-nav .owl-prev {
  border: 2px solid #E6D8BE;
}

.testimonial-one__thumb-outer-box {
  border-top: 2px solid #E6D8BE;
}

.contact-one__icon::before {
  background-color: #E6D8BE;
}

.news-page__content-box {
  border: 1px solid #E6D8BE;
}

.news-page__content {
  border-bottom: 1px solid #E6D8BE;
}

.news-page__meta-box {
  border-top: 1px solid #E6D8BE;
}

.news-page__date-icon {
  border: 1px solid #E6D8BE;
}

.news-page__dislike a {
  border: 1px solid #E6D8BE;
}

.news-page__like-and-share-single a span {
  border: 1px solid #E6D8BE;
}

.news-page__content-box-border {
  border-top: 1px solid #E6D8BE;
}

.news-page__sound-cloud {
  border: 1px solid #E6D8BE;
}

.news-page__sound-cloud-meta li a {
  border: 1px solid #E6D8BE;
}

.news-page__pagination .pg-pagination li a {
  border: 1px solid #E6D8BE;
}

.news-page__sidebar-title {
  border-bottom: 1px solid #E6D8BE;
}

.news-page__sidebar-search-form input[type="search"] {
  background-color: #F7E5C8;
}

.news-page__sidebar-popular-keywords-list li a:before {
  background-color: #FCF5E9;
}

.news-page__sidebar-banner-shpae {
  background: #1C5632;
}

.news-details__meta-box {
  border: 1px solid #E6D8BE;
}

.news-details__date-icon {
  border: 1px solid #E6D8BE;
}

.news-details__dislike a {
  border: 1px solid #E6D8BE;
}

.news-details__like-and-share-single a span {
  border: 1px solid #E6D8BE;
}

.news-details__pagination li.next i {
  border: 1px solid #E6D8BE;
}

.news-details__pagination li.previous i {
  border: 1px solid #E6D8BE;
}

.comment-one__single {
  border-top: 1px solid #E6D8BE;
}

.comment-one__btn span {
  border: 1px solid #E6D8BE;
}

.comment-form__title-box {
  border-bottom: 1px solid #E6D8BE;
}

.team-details__creative {
  border-top: 1px solid #E6D8BE;
}

.testimonial-three__carousel.owl-theme .owl-nav .owl-next {
  border: 2px solid #E6D8BE;
}

.testimonial-three__carousel.owl-theme .owl-nav .owl-prev {
  border: 2px solid #E6D8BE;
}

.project-four__carousel.owl-theme .owl-nav .owl-next {
  border: 2px solid #E6D8BE;
}

.project-four__carousel.owl-theme .owl-nav .owl-prev {
  border: 2px solid #E6D8BE;
}

.contact-page__count:before {
  background: linear-gradient(303.2deg, #E6D8BE 9.69%, rgba(217, 217, 217, 0) 90.91%);
}

.history-one__nav .swiper-button-next,
.history-one__nav .swiper-button-prev {
  border: 2px solid #E6D8BE;
}

/* Topbar contact links: the template hovers to --eston-black, which is now
   dark ink and disappears against the green bar - hover to cream instead. */
.main-header-three__contact-info li a:hover {
  color: var(--baa-cream);
}

/*--------------------------------------------------------------------------
  Page header banner - readability scrim

  The template only fades the banner from the bottom, so a heading over a
  busy or brightly lit photo loses contrast. This adds a left-weighted
  brand-ink scrim: heaviest where the heading and breadcrumb sit, clearing
  towards the right so the photograph still shows.
--------------------------------------------------------------------------*/
.page-header__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(11, 26, 17, .88) 0%,
      rgba(11, 26, 17, .62) 45%,
      rgba(11, 26, 17, .28) 100%);
}

/*--------------------------------------------------------------------------
  Full-width CTA band - readability scrim

  .video-three__bg ships with no overlay at all, so the headline sat
  straight on the photograph and vanished over anything light. A brand-ink
  scrim, darkest in the middle where the text sits, keeps the type legible
  whatever photo the band is given.
--------------------------------------------------------------------------*/
.video-three__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(11, 26, 17, .58) 0%,
      rgba(11, 26, 17, .72) 50%,
      rgba(11, 26, 17, .58) 100%);
}

/*--------------------------------------------------------------------------
  Home hero slider - brand colour grade

  The three hero photos are lit warm (red/orange stage wash), which fought
  the green-and-cream logo. Rather than reshoot, the slide backdrop is
  graded: `luminosity` keeps each photo's own light and shadow but takes
  hue and saturation from --baa-green, so all three slides read as one
  palette. Swap the blend colour here and every slide follows.
--------------------------------------------------------------------------*/
.main-slider__bg {
  background-color: var(--baa-green);
  background-blend-mode: luminosity;
}

/* Flat scrim over the photo. Was neutral black, which greyed the grade -
   deep brand ink keeps the shadows green. */
.main-slider__bg:before {
  background-color: rgba(19, 42, 28, .5);
}

/* Was a 260px top fade only. Now full height: darkens behind the
   transparent header at the top and behind the social row at the bottom,
   leaving the middle clear for the headline. */
.main-slider__bg::after {
  height: 100%;
  background: linear-gradient(180deg,
      rgba(11, 26, 17, .72) 0%,
      rgba(11, 26, 17, 0) 34%,
      rgba(11, 26, 17, 0) 60%,
      rgba(11, 26, 17, .8) 100%);
}