/* ========================================================================== */
/*                                 GRID SKINS                                 */
/* ========================================================================== */
/* ------------------------------- grid skin 1 ------------------------------ */
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-skin-thumbnail {
  position: relative;
  width: 41.93%;
  overflow: hidden !important;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-skin-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper {
  width: 51.61%;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper .wso-h6 {
  color: var(--color-text) !important;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper .wso-category {
  color: var(--color-text) !important;
  margin-bottom: 0.48rem !important;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper .wso-category:not(:first-child) {
  margin-top: 1.92rem !important;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper .wso-h5 {
  color: var(--color-text) !important;
  margin-bottom: 0.48rem !important;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper .wso-text:not(:last-child) {
  margin-bottom: 1.92rem !important;
}
#Wrapper .wpgb-card-1 .wso-news-skin-media-holder .wso-news-content-wrapper .button {
  color: var(--color-1) !important;
}

.wpgb-card-1 .wpgb-block-6 picture,
.wpgb-card-1 .wpgb-block-6 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wpgb-card-1 .wpgb-block-6 img {
  scale: 1;
  transition: var(--transition-normal);
}

.wpgb-card-1:hover .wpgb-block-6 img {
  scale: 1.1;
}

.wpgb-card-1 .wso-news-skin-alternative-hover img,
.wpgb-card-1 .wso-news-skin-alternative-hover video,
.wpgb-card-3 .wso-news-skin-alternative-hover img,
.wpgb-card-3 .wso-news-skin-alternative-hover video {
  opacity: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  transition: var(--transition-normal) ease-in-out;
}

.wpgb-card-1:hover .wso-news-skin-alternative-hover img,
.wpgb-card-1:hover .wso-news-skin-alternative-hover video,
.wpgb-card-3:hover .wso-news-skin-alternative-hover img,
.wpgb-card-3:hover .wso-news-skin-alternative-hover video {
  opacity: 1;
  transition: var(--transition-normal) ease-in-out;
}

/* ------------------------------- grid skin 2 ------------------------------ */
/* var */
.wpgb-card-3 .wso-h4 {
  --h4-color-default: var(--color-white);
}

/* style */
.wpgb-card-3 .wpgb-card-media-content {
  z-index: 1;
}

.wpgb-card-3 .wpgb-card-media-content-bottom {
  padding: 0 7% 1.5rem !important;
}

.wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 {
  height: fit-content;
  overflow: hidden;
}

.wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) {
  transition: all 0.8s ease-in-out !important;
}

.wpgb-card-3:not(:hover) .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) {
  max-height: 0;
  margin-bottom: 0 !important;
}

.wpgb-card-3:hover .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) {
  max-height: 7rem;
  margin-bottom: 0 !important;
}

.wpgb-card-3 .wpgb-card-media-content-center::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
  z-index: 1;
  pointer-events: none;
  transition: all var(--transition-normal) ease-in-out !important;
}

.wpgb-card-3:hover .wpgb-card-media-content-center::before {
  background-color: var(--overlay-dark);
}

.wpgb-card-3 .wpgb-card-media-content-top .wpgb-block-1 {
  height: fit-content;
}

.wpgb-card-3 .wpgb-card-media-content-top .wso-news-skin-event-date-highlight {
  padding-top: 1rem !important;
  height: fit-content;
  background: linear-gradient(360deg, transparent, rgba(0, 0, 0, 0.5));
}

.wpgb-card-3 [style*=background-image] {
  display: none !important;
}

.wpgb-card-3 .wpgb-card-media-content-center {
  z-index: -1;
}

.wpgb-card-3 .wpgb-card-media-content-center,
.wpgb-card-3 .wpgb-card-media-content-center .wso-news-cobbles-skin-image,
.wpgb-card-3 .wpgb-card-media-content-center .wso-news-cobbles-skin-image picture,
.wpgb-card-3 .wpgb-card-media-content-center .wso-news-cobbles-skin-image img {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.wpgb-card-3 .wpgb-card-media-content-center .wso-news-cobbles-skin-image picture,
.wpgb-card-3 .wpgb-card-media-content-center .wso-news-cobbles-skin-image img {
  -o-object-fit: cover;
  object-fit: cover;
}

body:not([data-browser-name=IE]) .wpgb-card-3 .wpgb-card-media-content-center .wso-news-cobbles-skin-image {
  transform: scale(1) !important;
  transition: all var(--transition-normal) ease-in-out !important;
}

body:not([data-browser-name=IE]) .wpgb-card-3:hover .wpgb-card-media-content-center .wso-news-cobbles-skin-image {
  transform: scale(1.1) !important;
}

@media only screen and (max-width: 1023px) {
  .wpgb-card-1 .wpgb-card-body :where(h3):not([class*=wso-h])::after,
  #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after {
    bottom: 0 !important;
    margin: 0 !important;
  }
  .wpgb-card-1 .wpgb-card-body :where(h3):not([class*=wso-h])::after,
  #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3::after {
    --h3-color-default-margin-bottom: 0rem;
  }
  #Wrapper .wpgb-card-1 .wpgb-card-body :where(h3):not([class*=wso-h]),
  #Wrapper .wpgb-card-1 .wpgb-card-body .wso-h3 {
    hyphens: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .wpgb-card-3 .wpgb-card-media-content-bottom {
    padding: 0 4% 1rem !important;
  }
}
@media only screen and (max-width: 767px) and (min-width: 600px) {
  .wpgb-card-3 .wpgb-card-media-content-bottom .wso-news-skin-event-date {
    display: none !important;
  }
}
/* ========================================================================== */
/*                               DETAIL - INTRO                               */
/* ========================================================================== */
/* ---------------------------------- intro --------------------------------- */
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr {
  padding-top: var(--intro-text-pt);
  padding-bottom: 2.86rem !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-category {
  color: var(--color-text) !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-category:not(:last-child) {
  margin-bottom: 0.48rem !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-booking-period-wrapper {
  color: var(--color-text) !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-booking-period-wrapper:not(:last-child) {
  margin-bottom: 1.92rem !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .wso-text:not(:last-child) {
  margin-bottom: 0.96rem !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wso-float-right .column_attr .button:not(:only-child) {
  margin-top: 2.4rem !important;
}
.post-template-default #Wrapper .entry-content .wso-section-text-img:first-child .section_wrapper .wrap:not(.wso-float-right) {
  padding-bottom: 0 !important;
}

/* ========================================================================== */
/*                                   SLIDER                                   */
/* ========================================================================== */
.post-template-default .wso-grid-21 .wso-button-wrapper {
  justify-self: center;
  margin-top: 3rem;
}

.grid-1 .wpgb-area-right {
  right: -2rem !important;
}

.grid-1 .wpgb-area-left {
  left: -2rem !important;
}

/* ========================================================================== */
/*                                GRID COBBLES                                */
/* ========================================================================== */
@media only screen and (min-width: 768px) {
  div[class*=wso-cobbles-layout] .wpgb-viewport {
    height: auto !important;
  }
  div[class*=wso-cobbles-layout] .wpgb-card {
    top: auto !important;
    left: auto !important;
    position: relative !important;
    transform: none !important;
    overflow: hidden !important;
    float: left;
    border: 5px solid transparent !important;
  }
}
/* ----------------------------- grid cobbles 1 ----------------------------- */
@media only screen and (min-width: 768px) {
  .wso-cobbles-layout-1 .wpgb-card {
    width: 33.33% !important;
  }
  .wso-cobbles-layout-1 .wpgb-card:nth-child(6n+1) {
    height: auto !important;
  }
  .wso-cobbles-layout-1 .wpgb-card:nth-child(6n+1) .wpgb-card-inner {
    padding-top: calc(180% - 8px) !important;
    vertical-align: bottom;
  }
  .wso-cobbles-layout-1 .wpgb-card:nth-child(6n+4),
  .wso-cobbles-layout-1 .wpgb-card:nth-child(6n+5) {
    width: 66.66% !important;
  }
}
/* ----------------------------- grid cobbles 2 ----------------------------- */
@media only screen and (min-width: 1240px) {
  .wso-cobbles-layout-2 .wpgb-card {
    width: 25% !important;
  }
  .wso-cobbles-layout-2 .wpgb-card:nth-child(9n+4) {
    height: auto !important;
  }
  .wso-cobbles-layout-2 .wpgb-card:nth-child(9n+4) .wpgb-card-inner {
    padding-top: calc(180% - 10px) !important;
    vertical-align: bottom;
  }
  .wso-cobbles-layout-2 .wpgb-card:nth-child(9n+1),
  .wso-cobbles-layout-2 .wpgb-card:nth-child(9n+9) {
    width: 50% !important;
  }
}
/* ----------------------------- grid cobbles 3 ----------------------------- */
@media only screen and (min-width: 768px) {
  .wso-cobbles-layout-3 .wpgb-card {
    width: 33.33% !important;
  }
  .wso-cobbles-layout-3 .wpgb-card:nth-child(4n+1),
  .wso-cobbles-layout-3 .wpgb-card:nth-child(4n+4) {
    width: 66.66% !important;
  }
}
/* ----------------------------- grid cobbles 4 ----------------------------- */
@media only screen and (min-width: 1240px) {
  .wso-cobbles-layout-4 .wpgb-card {
    width: 25% !important;
  }
  .wso-cobbles-layout-4 .wpgb-card:nth-child(4n+1) {
    height: auto !important;
  }
  .wso-cobbles-layout-4 .wpgb-card:nth-child(8n+5) {
    float: right;
  }
  .wso-cobbles-layout-4 .wpgb-card:nth-child(4n+1) .wpgb-card-inner {
    padding-top: calc(90% - 19px) !important;
    vertical-align: bottom;
  }
  .wso-cobbles-layout-4 .wpgb-card:nth-child(4n+4),
  .wso-cobbles-layout-4 .wpgb-card:nth-child(4n+1) {
    width: 50% !important;
  }
  .wso-cobbles-layout-4 .wpgb-card:nth-child(4n+5) {
    clear: both;
  }
}