/*
Theme Name: Kaktus
Template: orangedigital
Author: Orange Digital
Description: A child theme of Orange Digital Theme for Southport Sharks - Kaktus
Version: 1000
*/

/* Add your custom styles here */
:root {
  /* background colours */
  --bg-none: transparent;
  --bg-primary: #365A40;
  --bg-secondary: #FFFCF6;
  --bg-tertiary: #A45630;

  /* header colours */
  --header-primary: #365A40;
  --header-secondary: #FFFCF6;

  /* text colours */
  --text-primary: #365A40;
  --text-secondary: #FFFCF6;

  /* icon colour */
  --icon-colour: #365A40;

  /* button colours */
  --button-primary-bg: #F9C1CC;
  --button-primary-label: #A45630;
  --button-primary-border: #F9C1CC;
  --button-primary-hover: #f9a7b7;

  --button-secondary-bg: #FFFFFF;
  --button-secondary-label: #431F04;
  --button-secondary-border: #FFFFFF;
  --button-secondary-hover: #FFFCF6;

  --button-tertiary-bg: transparent;
  --button-tertiary-label: #FFFFFF;
  --button-tertiary-border: #FFFFFF;
  --button-tertiary-hover: #FFFCF6;

  --button-quaternary-bg: transparent;
  --button-quaternary-label: #365A40;
  --button-quaternary-border: #365A40;
  --button-quaternary-hover: #365A40;
}

@font-face {
  font-family: 'Quipo';
  src: url('assets/fonts/quipo/Quipo.otf') format('opentype'),
  url('assets/fonts/quipo/Quipo.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Dusty Orange';
  src: url('assets/fonts/dusty-orange/DustyOrange-Regular.otf') format('opentype'),
  url('assets/fonts/dusty-orange/DustyOrange-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

.mainContent, .blk_contact {
  font-family: "dunbar-text", sans-serif;
}

/* Fonts */
.mainContent h1, .mainContent h2, .mainContent h3, .blk_contact h3, .mainContent h4, .mainContent h5, .mainContent h6 {
  font-family: 'Quipo', sans-serif;
  font-weight: 400!important;
  font-style: normal!important;
  text-transform: lowercase !important;
}

.mainContent h1 span,
.mainContent h2 span,
.mainContent h3 span,
.blk_contact h3 span,
.mainContent h4 span,
.mainContent h5 span,
.mainContent h6 span {
  font-family: 'Dusty Orange', sans-serif;
  text-transform: none !important;
}

.blk_contact h3, .blk_contact h3 span {
  color: #612900;
}

.cta_button {
  text-align: center;
  font-family: 'Quipo', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 20px */
  text-transform: lowercase;
}

.blk_contact .btn_primary {
  font-family: 'Quipo', sans-serif;
  color: #FFFCF6;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 20px */
  text-transform: lowercase;
}
.blk_contact .cta_button.btn_primary {
  background-color: var(--button-quaternary-border);
  color: #FFFCF6;
  border-color: var(--button-quaternary-border);
}
.blk_contact h3 span {
  text-transform: capitalize !important;
}

.blk_testimonial.bg-primary {
  background-color: var(--bg-tertiary);
}

.blk_testimonial .helper::after {
  content: '';
  display: block;
  width: 64px;
  height: 44px;
  background: url('assets/images/quote-mark.svg') no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto 30px auto;
}

#helper-blk_testimonial {
  position: relative;
  width: 100%;
  height: 20px;
}

#helper-blk_testimonial::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(assets/images/circle-orange.svg) repeat-x;
  background-size: 37px auto;
  background-position: top;
  opacity: 1;
  opacity: 0.98;
}

#after-blk_testimonial {
  position: relative;
  width: 100%;
  height: 20px;
}

#after-blk_testimonial::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(assets/images/circle-orange.svg) repeat-x;
  background-size: 37px auto;
  background-position: bottom;
  opacity: 0.98;
}

.mainContent h2,
.mainContent h2 span {
  font-size: 65px !important;
  line-height: 60px !important;
}

@media (min-width: 1025px) {
  .mainContent h2,
  .mainContent h2 span {
    font-size: 104px!important;
    line-height: 96px!important; 
  }
}

/* blk_content */
.blk_content h1,
.blk_content h2,
.blk_content h3,
.blk_contact h3,
.blk_content h4,
.blk_content h5,
.blk_content h6 {
  text-transform: capitalize;
}
/* end of blk_content */


/* All swipper button */
.swiper_buttons .swiper-button-prev,
.swiper_buttons .swiper-button-next {
  background-color: transparent;
  width: 63px;
}

.swiper_buttons .swiper-button-next:hover,
.swiper_buttons .swiper-button-prev:hover {
  background-color: transparent;
  opacity: 0.5;
}


.swiper_buttons .swiper-button-next:after {
  content: url('assets/icons/icon_next_black.svg');
  height: 10px;
}

.swiper_buttons .swiper-button-prev:after {
  content: url('assets/icons/icon_prev.svg');
  height: 10px;
}

/* Dark mode */
.bg-primary .swiper_buttons .swiper-button-prev,
.bg-primary .swiper_buttons .swiper-button-next {
  background-color: transparent;
  width: 63px;
}

/* Special one for hero banner */
.bnr_hero .bnr_hero_slider {
  position: relative;
}

.bnr_hero .bnr_hero_slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('assets/images/noise.webp') center / cover no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 2;
  opacity: 0.4;
}

.bnr_hero .bnr_hero_slider > :first-child::after {
  content: '';
  position: absolute;
  top: 0;
  right: -19.5px;
  width: 20px;
  height: 100%;
  background: url('assets/images/border-green.svg') repeat-y;
  background-size: 17.14px auto;
  background-position: left;
  pointer-events: none;
  z-index: 0!important;
}

.bnr_hero .bnr_hero_slider > * {
  position: relative;
  z-index: 50;
}

.bnr_hero .bnr_hero_slider .bg-cover {
  z-index: 30;
}

@media (max-width: 1024px) {

  .blk_content .logo {
    margin-bottom: -84px;
  }


  .blk_content .logo {
    margin-left: auto;
    margin-right: auto;
  }

  #booking h2 {
    margin-top: 1.6em;  
  }
  
}

@media (max-width: 767px) {
    h2 br {
        display: block!important;
    }
}

@media (min-width: 1025px) {

  .blk_content .logo {
    margin-bottom: -130px;
  }

  .blk_content.vertical h2 {
    margin-top: 0;
  }

  #booking h2 {
    /* avoid auto break line */
    white-space: nowrap;
    font-size: 80px!important;
    line-height: 78px!important;
  }
}

#helper-booking {
  position: relative;
  width: 100%;
  height: 20px;
}

#helper-booking::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('assets/images/circle-green.svg') repeat-x;
  background-size: 37px auto;
  background-position: top;
  opacity: 1;
}

#booking > :first-child::before {
  /* repeating border */
  content: '';
  position: absolute;
  top: 0;
  right: -19.5px;
  width: 20px;
  height: 100%;
  background: url('assets/images/border-green.svg') repeat-y;
  background-size: 17.14px auto;
  background-position: left;
  pointer-events: none;
  z-index: 1!important;
}

#booking::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: max(80px, calc(10vw));
  width: 200px;
  height: 200px;
  background: url('assets/images/kaktus-flower.svg') no-repeat;
  background-size: contain;
  background-position: right top;
  pointer-events: none;
}

@media (max-width: 1024px) {
  #booking::after {
      display: none;
  }
}


.blk_content.vertical.bg-tertiary p,
.blk_content.vertical.bg-tertiary h2{
  color: #FDF1E9;
}


.blk_trading_hours::after {

}


/* Main content noise */
.mainContent > div {
  position: relative;
}

.mainContent > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('assets/images/noise.webp') center / cover no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;
  opacity: 0.2;
}

.blk_testimonial::before {
  background: url('assets/images/noise2.webp') center / cover no-repeat!important;
  mix-blend-mode: color-burn!important;
  opacity: 0.4;
}

.mainContent > div > * {
  position: relative;
  z-index: 2;
}

.bnr_hero h3 {
  color: #F26A52;
}

.bnr_hero h3, .blk_trading_hours h3, .blk_contact h3, .blk_event_card h3 {
  text-transform: capitalize;
  font-weight: 400;
}

.bg-primary .swiper_buttons .swiper-button-next:after {
  content: url('assets/icons/icon_next.svg');
  height: 10px;
}

.bg-primary .swiper_buttons .swiper-button-prev:after {
  content: url('assets/icons/icon_prev.svg');
  height: 10px;
}

.bg-primary .swiper_buttons .swiper-button-next:hover,
.bg-primary .swiper_buttons .swiper-button-prev:hover {
  background-color: transparent;
  opacity: 0.5;
}

.bnr_hero .swiper_buttons .swiper-button-next {
  background-color: var(--button-primary-bg);
  border-radius: 0%;
  width: 82px;
  height: 27px;
  align-items: center;
}

.bnr_hero .swiper_buttons .swiper-button-prev {
  background-color: var(--button-primary-label);
  border-radius: 0%;
  width: 82px;
  height: 27px;
  align-items: center;
}

.bnr_hero .swiper_buttons .swiper-button-next:hover {
  background-color: var(--button-primary-hover);
}

.bnr_hero .swiper_buttons .swiper-button-prev:hover {
  background-color: var(--button-secondary-hover);
}

.bnr_hero .swiper_buttons .swiper-button-next:after {
  content: url('assets/icons/icon_next.svg');
  height: 10px;
}

.bnr_hero .swiper_buttons .swiper-button-prev:after {
  content: url('assets/icons/icon_prev.svg');
  height: 10px;
}

.bnr_secondary .swiper_buttons .swiper-button-prev:after {
  content: url('assets/icons/icon_prev_white.svg');
}
/* End of All swipper button */

/* blk_trading_hours */
.blk_trading_hours .days {
  color: var(--bg-primary);
}
/* End of blk_trading_hours */

/* blk_event_card */
.blk_event_card .post-date {
  color: var(--bg-primary);
}

.blk_event_card .btn_quaternary {
  border-color: var(--button-primary-border);
  color: var(--button-primary-border);
}

.blk_event_card .event-card:hover .btn_quaternary {
  border-color: var(--button-primary-hover);
  color: var(--button-primary-hover);
}

.blk_event_card.bg-primary .btn_quaternary {
  border-color: var(--button-tertiary-border);
  color:  var(--button-tertiary-border);
}

.blk_event_card.bg-primary .event-card:hover .btn_quaternary {
  border-color: var(--button-tertiary-border);
  color: var(--button-tertiary-border);
}
/* End of blk_event_card */

/* blk_contact */
.blk_contact .contact_links a, .blk_contact .social_links p {
  font-weight: 400;
}

.blk_contact .social_links p {
  font-family: 'Quipo', sans-serif;
}

@media (max-width: 640px) {
  .blk_contact .section_2 {
      border: 0;
      padding-top: 0;
  }
}
/* End of blk_contact */

/* bnr_secondary */
.bnr_secondary .go_back {
  width: 110px;
}
/* End of bnr_secondary */

/* Event post */
.single-events h1, .single-events h4 {
  text-transform: capitalize;
} 
/* End of event post */


.wp-image-514 {
	max-width: 610px;
}