/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/pages/post.scss ***!
  \****************************************************************************************************************************************************************/
/*
Imports only in this file.
*/
/*
Colours should only contain colour variables of the base and global kind.

All colours for specific components or elements should go into their own local file.
*/
/*
This file should only be used for functions used across a project
*/
/*
Pixels to rems
*/
/*
Strip units from number
*/
/*
This file should contain only variables that will be shared across SCSS Files.

These do NOT include colours, z-indexes, media queries, etc.

Eg. $global-header-height: 250px;

Use a global prefix so that it is clear where the definition is when used in other files
*/
/*
This file is for the use of SCSS animations only.
*/
@keyframes nudgeRight {
  from {
    transform: translateX(0) scale(1);
  }
  to {
    transform: translateX(5px) scale(1.02);
  }
}
@keyframes fadeInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Jost";
  font-style: normal;
  font-weight: 300;
  src: url(.././fonts/Jost-Light.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: url(.././fonts/Jost-Medium.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Serif Display";
  font-style: normal;
  font-weight: 200;
  src: url(.././fonts/NotoSerifDisplay-ExtraLight.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Serif Display";
  font-style: normal;
  font-weight: 300;
  src: url(.././fonts/NotoSerifDisplay-Light.ttf) format("truetype");
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caveat";
  font-style: normal;
  font-weight: 400;
  src: url(.././fonts/Caveat-Regular.ttf) format("truetype");
}
/*
This file is to contain any and all font family declarations.
*/
/*
This file should only contain global mixins that can help organize your SCSS better.

If your project uses many mixins then it is suggested to split you mixins into many files.
*/
/*
*   == Media query mixin ==
*   These are the standard breakpoints set by foundation,
*   However add/change/remove if needed.
*
*   e.g
*
*    .site-header {
*    padding: 2rem;
*    font-size: 1.8rem;
*    @include mq('medium') {
*        padding-top: 4rem;
*        font-size: 2.4rem;
*       }
*    }
*
*   By default the mediaQuery is set to min-width
*/
/*
*   == Font sizes ==
*
*   Use for setting dynamic font sizes.
*   Add/change/remove as needed.
*   This mixin relies on the $breakpoint keys from above
*   
*   e.g 
*   h1 {
*       @include font-size($h--1);
*   }
*   
*   Full eg can be found in variables.scss
*/
/*
*   == Pseudo element ==
*
*   Use this for ::before and ::after elements
*
*   e.g 
*   a::after {
*        @include pseudo;
*   }
*/
/*
*   == Responsive ratios ==
*
*   Use for creating scalable elements e.g images that maintain a ratio
*
*   e.g 
*   div {
*       @include responsive-ratio(16,9);
*   }
*/
/*
*   == Image zoom on hover ==
*
*   Use for creating a zoom in effect when hovering on images.
*
*   Tweak as needed.   
*
*   e.g 
*   div {
*       @include hoverZoomImage(1.05);
*   }
*/
/*
*   == Create box ==
*
*   Use to create boxes.
*
*   e.g 
*   div {
*       @include box(200px, 300px);
*   }
*   div {
*       @include box(200px);
*   }
*/
/*
*   == Font faces ==
*
*  Use this to quickly add a custom font-face to a project.
*
*   e.g 
*   h1 {
*       @include fontFace(Roboto, "./assets/Roboto", normal, normal);
*   }
*/
/*
This file should only contain global mixins that can help organize your SCSS better.

If your project uses many mixins then it is suggested to split you mixins into many files.
*/
/*
This file should contain globally defined styles for the project.

That could mean setting global font size, adding global box sizing, etc.

This file should NOT contain any configurations, mixins, variables. ONLY styling and @includes
*/
* {
  box-sizing: border-box;
}

section {
  margin: 3em 0;
}
@media (min-width: 750px) {
  section {
    margin: 5em 0;
  }
}
@media (min-width: 1250px) {
  section {
    margin: 6em 0;
  }
}

section:last-child {
  margin-bottom: 0px !important;
}

section.contact {
  margin-bottom: 3em !important;
}
@media (min-width: 750px) {
  section.contact {
    margin-bottom: 5em !important;
  }
}
@media (min-width: 1250px) {
  section.contact {
    margin-bottom: 6em !important;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Serif Display", "sans-serif";
  color: hsl(0, 0%, 0%);
  font-weight: 300;
}

h1 {
  font-size: calc(2.25rem + (1vw - 3.5px) * 0.8485);
}
@media (min-width: 2000px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-size: calc(2rem + (1vw - 3.5px) * 0.7879);
}
@media (min-width: 2000px) {
  h2 {
    font-size: 45px;
  }
}

@media screen and (min-width: 350px) {
  h3 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 550px) {
  h3 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 750px) {
  h3 {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1050px) {
  h3 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1250px) {
  h3 {
    font-size: 2rem;
  }
}

@media screen and (min-width: 350px) {
  h4 {
    font-size: 1.5625rem;
  }
}
@media screen and (min-width: 550px) {
  h4 {
    font-size: 1.5625rem;
  }
}
@media screen and (min-width: 750px) {
  h4 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1050px) {
  h4 {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1250px) {
  h4 {
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 350px) {
  h5 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 550px) {
  h5 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 750px) {
  h5 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1050px) {
  h5 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 1250px) {
  h5 {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 350px) {
  h6 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 550px) {
  h6 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 750px) {
  h6 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1050px) {
  h6 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1250px) {
  h6 {
    font-size: 1.25rem;
  }
}

.home .banner h1 {
  font-size: calc(2.25rem + (1vw - 3.5px) * 0.8485);
}
@media (min-width: 2000px) {
  .home .banner h1 {
    font-size: 50px;
  }
}

label,
body,
p,
a {
  font-family: "Jost", "sans-serif";
  font-size: 16px;
  color: hsl(0, 0%, 0%);
}

p span {
  font-family: "Jost", "sans-serif" !important;
}

.p--small {
  font-size: 16px;
}

.p--medium {
  font-size: 18px;
}

.review-text {
  font-family: "Noto Serif Display", "sans-serif";
}
@media screen and (min-width: 350px) {
  .review-text {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 550px) {
  .review-text {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 750px) {
  .review-text {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1050px) {
  .review-text {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1250px) {
  .review-text {
    font-size: 2rem;
  }
}

a:visited,
a:hover,
a:focus {
  color: black;
}

img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: hsl(0, 0%, 0%);
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.grid-container {
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  padding: 0;
}
.grid-container.fluid {
  max-width: 100%;
}

.grid-x {
  width: 90%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.grid-x.full {
  width: 100%;
  max-width: 100%;
}

.content {
  padding: 8vh 0;
}

.content-home {
  padding: 0;
}

#content-block-1 {
  padding: 50px 0;
}

#testimonial-block {
  background: #380435;
  padding: 75px;
  text-align: center;
}
#testimonial-block p {
  color: hsl(0, 0%, 100%);
}

#wpadminbar {
  position: fixed;
  z-index: 10;
}

#full-width-image-section {
  display: block;
  min-height: 50vh;
  background-position: center;
  background-size: cover;
}

.img-zoom {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
.img-zoom img {
  max-width: 100%;
  display: block;
  width: 100%;
  transform: scale(1);
  transition: 0.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
}

.img-zoom:hover img {
  transform: scale(1.1);
}

body {
  overflow-x: hidden;
}

[data-aos=clip-reveal] {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: 1s cubic-bezier(0.66, -0.01, 0.21, 0.97) !important;
}
[data-aos=clip-reveal].aos-animate {
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
}

.error404 [data-aos^=fade][data-aos^=fade] {
  opacity: 1;
}
.error404 [data-aos=fade-down] {
  transform: translate3d(0, 0px, 0);
}
.error404 .header__logo img {
  filter: brightness(0) !important;
}
.error404 .header__navList li a {
  color: hsl(0, 0%, 0%) !important;
}
.error404 .header__hamburgerMenu span {
  background-color: hsl(0, 0%, 0%) !important;
}
.error404 .content-404 .grid-x {
  margin-top: 10em;
}
@media (min-width: 750px) {
  .error404 .content-404 .grid-x {
    margin-top: 10em;
  }
}
@media (min-width: 1050px) {
  .error404 .content-404 .grid-x {
    margin-top: 15em;
  }
}
@media (min-width: 1250px) {
  .error404 .content-404 .grid-x {
    margin-top: 15em;
  }
}
.error404 .content-404 a {
  padding: 15px 45px;
  background: transparent;
  color: #59c3c7;
  border: 1px solid #59c3c7;
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
.error404 .content-404 a:hover {
  color: #59c3c7;
}
@media (min-width: 750px) {
  .error404 .content-404 a {
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
  }
}
.error404 header .header__left ul li:hover .sub-menu {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.11);
}

body:has(.is-open) {
  height: 100vh;
  overflow-y: hidden;
}

.icon {
  width: 16px;
  height: 16px !important;
  -o-object-fit: contain;
     object-fit: contain;
}

.subtitle {
  text-transform: uppercase;
  font-size: 0.975rem;
}
@media (min-width: 750px) {
  .subtitle {
    font-size: 1.125rem;
  }
}

.mobile-position {
  text-align: center;
}
@media (min-width: 750px) {
  .mobile-position {
    text-align: left;
  }
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white p,
.white a {
  color: #fff;
}

.signature {
  font-family: "Caveat", "cursive";
  font-size: 2.8125rem;
}

.detail-scrolldown {
  height: 80px;
  bottom: 30px;
  width: 50px;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  margin: 10px auto;
}
.detail-scrolldown .scrolldown-line {
  display: inline-block;
  transition: all 1500ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 1px;
  height: 61px;
  background-color: #000000;
  transform: scale(1, 0);
  transform-origin: top;
}
.detail-scrolldown .scroll_loop {
  animation: scrollLoop 4000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
  animation-delay: 1s;
}

@keyframes scrollLoop {
  0% {
    transform: scale(1, 0);
    transform-origin: top;
  }
  40% {
    transform: scale(1, 1);
    transform-origin: top;
  }
  41% {
    transform-origin: bottom;
    transform: scale(1, 1);
  }
  81% {
    transform: scale(1, 0);
    transform-origin: bottom;
  }
  82% {
    transform-origin: top;
    transform: scale(1, 0);
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-button-prev {
  left: 100px;
}

.swiper-button-next {
  right: 100px;
}

.book-now {
  position: fixed;
  z-index: 9999;
  right: -61px;
  transform: rotate(90deg);
  top: 80%;
}
.book-now a {
  background-color: #380435;
  border: none;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 45px;
}
.book-now a:hover {
  background: darken #380435, 20%;
}

.img-size {
  padding-top: 56.6%;
  position: relative;
  overflow: hidden;
}
.img-size:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.img-size img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s ease;
  left: 0;
}

.iltr-full .grid-container.fluid {
  padding-right: 0;
  padding-left: 0;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .iltr-full .grid-container.fluid {
    padding-right: 0;
    padding-left: 0;
    max-width: 95%;
    margin-left: 0;
  }
}

.tlir-full .grid-container.fluid {
  padding-right: 0;
  padding-left: 0;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .tlir-full .grid-container.fluid {
    padding-right: 0;
    padding-left: 0;
    max-width: 90% !important;
    margin-right: 0;
  }
}

.iltr-full__text,
.tlir-full__text {
  margin-top: 1.5em;
}
.iltr-full__text p a,
.tlir-full__text p a {
  color: #380435;
  text-decoration: underline;
  font-weight: bold;
}
.iltr-full__text p a:hover,
.tlir-full__text p a:hover {
  color: #680762;
}
.iltr-full__image .img-size,
.tlir-full__image .img-size {
  padding-top: 56.6%;
}
@media (min-width: 1050px) {
  .iltr-full__image .img-size,
  .tlir-full__image .img-size {
    padding-top: 70%;
  }
}

@media (min-width: 1050px) {
  .iltr__image {
    padding-right: 1.5rem;
  }
}
@media (min-width: 1350px) {
  .iltr__image {
    padding-right: 5rem;
  }
}

@media (min-width: 1050px) {
  .tlir__image {
    padding-left: 1.5rem;
  }
}
@media (min-width: 1350px) {
  .tlir__image {
    padding-left: 5rem;
  }
}

.iltr__text,
.tlir__text {
  margin-top: 1.5em;
}
.iltr__text p a,
.tlir__text p a {
  color: #380435;
  text-decoration: underline;
  font-weight: bold;
}
.iltr__text p a:hover,
.tlir__text p a:hover {
  color: #680762;
}
.iltr__image .img-size,
.tlir__image .img-size {
  padding-top: 56%;
}
@media (min-width: 1050px) {
  .iltr__image .img-size,
  .tlir__image .img-size {
    padding-top: 65%;
  }
}

.single-post .content,
.page-template-simpleflex .content {
  padding: 0;
}

.collections__title {
  margin-bottom: 2em;
  margin-left: 1.5%;
}
.collections__container--right .collection-grid {
  padding: 1.5% 1.5%;
}
.collections__container--right .collection-grid .collection-img {
  padding-top: 94.5%;
}
.collections .collection-item {
  display: block;
  position: relative;
}
.collections .collection-item .collection-img {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.collections .collection-item .collection-img:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000 0.3%, rgba(0, 0, 0, 0) 42.57%);
}
@media (min-width: 750px) {
  .collections .collection-item .collection-img:before {
    background: linear-gradient(47.31deg, #000000 0.3%, rgba(0, 0, 0, 0) 33.57%);
  }
}
.collections .collection-item .collection-img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s ease;
  left: 0;
}
@media (min-width: 750px) {
  .collections .collection-item .collection-img img {
    left: auto;
  }
}
.collections .collection-item:hover .collection-img img {
  transform: scale(1.05);
}
.collections .collection-item .collection-title {
  position: absolute;
  font-weight: 300;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 40px 10px;
}
@media (min-width: 750px) {
  .collections .collection-item .collection-title {
    padding: 0 20px 10px;
  }
}
.collections .collection-item .collection-title h3 {
  color: #fff;
}

.deal {
  position: relative;
}
.deal .img-size {
  padding-top: 80%;
  position: relative;
}
@media (min-width: 750px) {
  .deal .img-size {
    padding-top: 50%;
  }
}
@media (min-width: 1050px) {
  .deal .img-size {
    padding-top: 35%;
  }
}
.deal .img-size:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.deal .img-size img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.5s ease;
  left: 0;
}
.deal__text {
  position: absolute;
  left: 0%;
  right: 0%;
  text-align: center;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  max-width: 85%;
}

@media (min-width: 1050px) {
  .winning .grid-container {
    max-width: 60%;
  }
}
.winning__left {
  padding-right: 6%;
}
.winning__left--image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  margin: auto;
  transform-origin: center;
}
.winning__left--image:before {
  content: "";
  display: block;
  padding-bottom: 50%;
  width: 100%;
}
@media (min-width: 1050px) {
  .winning__left--image:before {
    padding-bottom: 191%;
  }
}
@media (min-width: 1250px) {
  .winning__left--image:before {
    padding-bottom: 177%;
  }
}
@media (min-width: 1450px) {
  .winning__left--image:before {
    padding-bottom: 132%;
  }
}
.winning__right--text {
  margin-top: 5%;
}
@media (min-width: 1050px) {
  .winning__right--text {
    margin-top: 15%;
  }
}
.winning__right--text h3 {
  margin-bottom: 3%;
}
@media (min-width: 1050px) {
  .winning__right--text h3 {
    margin-bottom: 10%;
  }
}

.reviews {
  background: #f0ece3;
  margin: 0;
  position: relative;
  padding: 3em 0;
}
@media (min-width: 750px) {
  .reviews {
    padding: 5em 0;
  }
}
@media (min-width: 1050px) {
  .reviews {
    padding: 6em 0;
  }
}
.reviews__title--img img {
  max-width: 25px;
  margin-bottom: 2em;
}

.filters {
  background: #f0ece3;
  margin: 0;
  padding: 3em 0;
}
@media (min-width: 750px) {
  .filters {
    padding: 5em 0;
  }
}
@media (min-width: 1050px) {
  .filters {
    padding: 6em 0;
  }
}
.filters__right .map-btn p {
  text-transform: uppercase;
}
.filters__right select {
  background: transparent;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  text-transform: uppercase;
}

.featured__container {
  padding: 1em 0.5em;
}
@media (min-width: 1050px) {
  .featured__container {
    padding: 2.5em 1em;
  }
}
.featured__container h3 {
  margin-top: 1em;
}

.reviews__slider--container {
  padding: 0 35px;
}
.reviews .swiper-button-prev,
.reviews .swiper-button-next {
  top: 65% !important;
}
.reviews .swiper-button-prev {
  left: 25px !important;
}
@media (min-width: 1450px) {
  .reviews .swiper-button-prev {
    left: 100px !important;
  }
}
.reviews .swiper-button-next {
  right: 25px !important;
}
@media (min-width: 1450px) {
  .reviews .swiper-button-next {
    right: 100px !important;
  }
}

.logos__slider img {
  max-width: 55px;
}

@media (min-width: 1250px) {
  .icons .large-3 {
    width: 20%;
  }
}
.icons__wrapper img {
  max-width: 100px;
}
.icons__wrapper p {
  font-size: 18px;
}

.team__member {
  padding: 4.5vw;
  margin-top: 2.5rem;
  border-bottom: solid 0.5px #ededed;
}
@media (min-width: 750px) {
  .team__member {
    border-right: solid 0.5px #ededed;
    margin-top: 0;
  }
  .team__member:nth-child(2n) {
    border-right: none;
  }
}
@media (min-width: 1050px) {
  .team__member:nth-child(2n) {
    border-right: solid 0.5px #ededed;
  }
  .team__member:nth-child(3n) {
    border-right: none;
  }
}
.team__member .team-img {
  border-radius: 50%;
  width: 175px;
  height: 175px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  position: relative;
  display: inline-block;
}
.team__member .team-img:after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: -8px;
  bottom: -8px;
  border: solid 1px #ededed;
  border-radius: 50%;
}
.team__member .team-img img {
  border-radius: 50%;
  width: 175px;
  height: 175px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.team__member .team-text {
  margin-top: 1.5em;
}

table {
  margin: 2rem 0;
  border-spacing: 0;
}
table thead {
  border: none;
}
table tr {
  border: none;
}
table tr td {
  padding: 0.5rem;
  border: none;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
table tr td:last-of-type {
  border-right: 0;
}
table tr th {
  padding: 0.5rem;
  border: none;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}
table tr th:last-of-type {
  border-right: 0;
}
table tr:last-of-type td {
  border-bottom: 0;
}

.page-id-3469 .grid-padding-y > .cell.large-7 {
  overflow-x: auto;
}

.flex-accordian__wrapper ul {
  background: transparent;
}
.flex-accordian__wrapper ul li.is-active a {
  margin-bottom: 0;
  border-bottom: 0;
}
.flex-accordian__wrapper ul li.is-active .accordion-content {
  margin-bottom: 1rem;
}
.flex-accordian__wrapper ul li a {
  margin-bottom: 1.125rem;
  border: 1px solid rgb(226, 226, 226);
  background: #fff;
}
.flex-accordian__wrapper ul li a:before {
  font-size: 1.5rem;
  transform: translateY(-25%);
  background: #380435;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 28px;
  border-radius: 180px;
  text-align: center;
  font-weight: 100;
}
.flex-accordian__wrapper ul li a:hover {
  color: #59c3c7;
}
.flex-accordian__wrapper ul li a h4 {
  text-transform: capitalize;
  margin: 0;
  max-width: 90%;
}
.flex-accordian__wrapper ul li .accordion-content {
  border: 1px solid rgb(226, 226, 226);
}
.flex-accordian__wrapper ul li:last-child:not(.is-active) > .accordion-title {
  border: 1px solid rgb(226, 226, 226);
}
.flex-accordian .flex-accordian__text {
  margin-bottom: 1.5rem;
}

.blog .blog-article {
  position: relative;
  padding: 10px;
}
.blog .blog-article .img-zoom::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000000 0.3%, rgba(0, 0, 0, 0) 42.57%);
}
@media (min-width: 750px) {
  .blog .blog-article .img-zoom::before {
    background: linear-gradient(47.31deg, #000000 0.3%, rgba(0, 0, 0, 0) 33.57%);
  }
}
.blog .blog-article .img-zoom img {
  height: 40vh;
}
.blog .blog-article-details {
  margin-top: 1rem;
  position: absolute;
  z-index: 5;
  bottom: 5%;
  left: 5%;
}
.blog .blog-article-details .blog-article-date {
  display: block;
}
.blog .blog-article-details h3,
.blog .blog-article-details span {
  color: hsl(0, 0%, 100%);
}
.blog .blog-article-date {
  font-style: italic;
  font-size: 0.75rem;
}