/* Variables */

blockquote {
    font-style: italic;
}
/*========================*/
/* BLOG POST FOLD 1 STYLE */
/*========================*/
.fold-1-image-container {
  position: relative;
  overflow: hidden;
}

.fold-1-image {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 400px;
}

.fold-1-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1);
	object-position: top;
}


.single-casestudies .fold-1-image, body.blog-template-default .fold-1-image {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-position: 100% 100%;
    max-width: 1380px;
    margin: 0 auto;
}

.single-casestudies .fold-1-image img,  body.blog-template-default .fold-1-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(1);
}

.image-title {
  position: relative;
  z-index: 3;
  margin: 0px 0 20px 0;
  padding: 0px;
}
.image-title.title.case-study {
    color: var(--light-red);
}
.fold-1-content .row-container {
  padding: 40px 20px;
}

h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

.fold-1-content ul {
  padding-left: 20px;
  list-style: none;
  text-align: left;
}

.fold-1-content ul li::before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  color: var(--light-red);
  display: inline-block;
  margin-right: 10px;
}

.fold-1-content p {
  text-align: left !important;
}

/*=========================================*/
/*== ==FOLD 2 - Fold Styling - Desktop== ==*/
/*=========================================*/
.fold-2 {
  position: relative;
  padding: 150px 0;
  background: #f8f8f8;
  overflow: hidden;
}

.fold-1-content .readmore {
    clear: both;
}

.fold-2::before {
  content: "";
  background: url(/wp-content/uploads/2023/03/curve-white.png);
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: -190px;
  width: 70%;
  overflow: hidden;
  height: 100%;
  z-index: 2;
}

/* Fold 2 -Image Caption */
.f2-content-outer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: #333;
  color: #fff;
  padding: 10px 10px 10px 50px;
}

.f2-content-outer p {
  padding: 0;
  margin: 0;
}

/* Fold-2 - Background Image */
.f2-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  z-index: 1;
}

.f2-bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Fold-2 - Content Styling */
.f2-content {
  display: flex;
  justify-content: flex-end;
  color: var(--text-dark);
}

.f2-content-inner {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 550px;
}

.f2-btns {
  display: flex;
  gap: 20px;
}

.f2-btns .readmore:nth-child(2) {
  background: var(--gray) !important;
  color: var(--text-red);
}

.f2-btns .readmore:nth-child(2):hover {
  color: var(--white);
  background: var(--text-red) !important;
}

/* Fold-2 - Content Text Styling */
.f2-content .subtitle {
  font-weight: 500;
  color: var(--text-red);
}

.f2-content span {
  color: var(--text-dark);
}

.fold-2 .row-container a {
  color: var(--text-red);
  transition: all 0.5s ease;
}

.readmore {
  color: white !important;
}

/*== NEW STYLING ===*/

.float-left {
    float: left;
    max-width: 400px;
    margin: 10px 40px 40px 0px;
}

.clear {
    clear: both;
}

.float-right {
    float: right;
    max-width: 400px;
    margin: 0px 0px 40px 40px;
}

:is(.float-left, .float-right) {
    box-shadow: 10px 10px 0px 0px #b10932;
}

.fold-1-content h3 {
    color: var(--light-red);
    margin-bottom:10px;
}

  /*== NEW STYLING END ===*/

/*== == SPLIDE == ==*/

.blog-slide img {
  width: 100%;
  flex: 1;
  max-height: 400px;
  object-fit: contain;
}
.blog-slider-fold {
  max-height: 400px;
}
.blog-slider-fold .splide__slide {
  display: flex;
}
.blog-slide {
  display: flex;
  flex: 1;
}
.blog-slider-fold .splide__arrows {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translatey(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.blog-slider-fold .splide__arrow--prev {
  transform: rotatey(-180deg);
}
div#blog-splide {
    max-height: 400px;
    margin-bottom: 30px;
}
.blog-slider-fold .splide__arrows .splide__arrow {
  pointer-events: all;
  background: none;
  border: none;
  background: var(--light-red);
  border-radius: 50%;
  padding: 10px 10px 6px 10px;
}
.blog-slider-fold .splide__arrows .splide__arrow svg {
  fill: white;
  width: 20px;
  height: 20px;
}
/*== == SPLIDE END == ==*/

.splide__arrows.splide__arrows--ltr {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 50%;
  left: 0;
  pointer-events: none;
  z-index: 999;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

button.splide__arrow.splide__arrow--prev {
  border: none;
  background: var(--light-red);
  color: white;
  border-radius: 32px;
  width: 25px;
  height: 25px;
  margin: 0;
  pointer-events: all;
  cursor: pointer;
}

button.splide__arrow.splide__arrow--next {
  border: none;
  background: var(--light-red);
  color: white;
  border-radius: 32px;
  width: 25px;
  height: 25px;
  margin: 0;
  pointer-events: all;
  cursor: pointer;
}

/*== == NEW SLIDER STYLE == ==*/

div#blog-splide .splide__list .blog-slide img {
    box-shadow: 10px 10px 0px -3px var(--dark-red);
    object-fit: cover;
}

#blog-splide .splide__track {
    overflow: visible;
}

.splide__slide .blog-slide {
    opacity: .3;
    transition: all 500ms ease;
}

.splide__slide.is-visible .blog-slide {
    opacity: 1;
}

div#blog-splide {
    padding: 40px 0px;
}

#blog-splide .splide__slide {
    display: flex;
}

.splide__arrows.splide__arrows--ltr {
    width: calc(100% - 40px);
    left: 20px;
}

.splide__slide .blog-slide a{
    display:flex;
    flex:1;
}

.splide__slide .blog-slide a img{
    transition:all 500ms ease;
}

.splide__slide .blog-slide a:hover img{
    filter:brightness(0.7);
}

	/*== == NEW SLIDER STYLE END == ==*/