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


/* Add your custom styles here */
:root {
  /* background colours */
  --bg-none: transparent;
  --bg-primary: #1D1D1D;
  --bg-secondary: #ffede0;
  --bg-tertiary: #ffffff;
  --bg-quaternary: #C1862A;

  /* header colours */
  --header-primary: #C1862A;
  --header-secondary: #E5F9FF;

  /* text colours */
  --text-primary: #1D1D1D;
  --text-secondary: #FFFFFF;

  /* icon colour */
  --icon-colour: #C1862A;

  /* button colours */
  --button-primary-bg: #C1862A;
  --button-primary-label: #FFFFFF;
  --button-primary-border: #C1862A;
  --button-primary-hover: #a17022;

  --button-secondary-bg: #FFFFFF;
  --button-secondary-label: #C1862A;
  --button-secondary-border: #FFFFFF;
  --button-secondary-hover: #ffede0;

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

  --button-quaternary-bg: transparent;
  --button-quaternary-label: #074A64;
  --button-quaternary-border: #074A64;
  --button-quaternary-hover: #ffede0;
}

/* Font Face Declarations */
@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('assets/fonts/RidleyGrotesk-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Ridley Grotesk', sans-serif;
  color: var(--header-primary);
}
h2.font-primary {
  color:var(--header-primary)
}
h2.font-secondary {
  color:var(--header-primary)
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 30px;
}
h4, .blk_image_content_grid .text-white {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}

@media(max-width: 991px){
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 28px;
  }
}

@media(max-width: 767px){
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 22px;
  }
}

.blk_trading_hours .line.bg-primary {
  background-color: var(--bg-quaternary);
} 

html {
  font-family: 'metropolis', sans-serif;
  color: var(--text-primary);
}

/* images with round corners */
img, .media, .blk_media iframe, .media:before {
  border-radius: 24px;
}

.cta_button {
  border-radius: 27px;
  font-weight: 700;
}

.blk_testimonial .author {
  color: var(--icon-colour);
}

/* All swipper button */
.swiper_buttons .swiper-button-next {
  background-color: transparent;
  border: 1px solid var(--bg-primary)
}

.swiper_buttons .swiper-button-prev {
  background-color: transparent;
  border: 1px solid var(--bg-primary)
}

.swiper_buttons .swiper-button-next:hover {
  background-color: transparent;
  border-color: var(--bg-primary);
  opacity: 0.8;
}

.swiper_buttons .swiper-button-prev:hover {
  background-color: transparent;
  border-color: var(--bg-primary);
  opacity: 0.8;
}

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

.swiper_buttons .swiper-button-prev:after {
  content: url(assets/icons/icon_prev_black.svg);
}

.bg-primary .swiper_buttons .swiper-button-next {
  background-color: transparent;
  border: 1px solid var(--bg-primary)
}

.swiper_buttons .swiper-button-prev {
  background-color: transparent;
  border: 1px solid var(--bg-primary);
}

.swiper_buttons .swiper-button-prev:hover {
  background-color: transparent;
  border: 1px solid var(--bg-primary);
  opacity: 0.8;
}

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

.bg-primary .swiper_buttons .swiper-button-prev,
.bnr_hero .swiper_buttons .swiper-button-prev {
  background-color: transparent;
  border-color: var(--bg-tertiary);
}

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

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

.bg-primary .swiper_buttons .swiper-button-next,
.bnr_hero .swiper_buttons .swiper-button-next {
  background-color: transparent;
  border-color: var(--bg-tertiary);
}

.bg-primary .swiper_buttons .swiper-button-next:hover,
.bnr_hero .swiper_buttons .swiper-button-next:hover {
  background-color: transparent;
  border-color: var(--bg-tertiary);
}

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


.blk_people_list .people-image {
  border-radius: 24px;
  overflow: hidden;
}

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

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

.blk_trading_hours h4{
  font-weight: 600;
}

.blk_event_card h3 {
  letter-spacing: -0.64px;
}

.blk_event_card .post-date {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.38px;
}

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

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

.blk_testimonial .author {
  color: var(--icon-colour);
}

/* bnr_secondary */
.bnr_secondary.bg-primary {
  background-color: var(--bg-quaternary);
}
/* End of bnr_secondary */

.blk_form .gform_wrapper form input, 
.blk_form .gform_wrapper form .ginput_container_select, 
.blk_form .gform_wrapper form textarea{
  border-radius: 50px;
}

.blk_form .gform_wrapper form textarea {
  border-radius: 24px; 
}

.blk_form .gform_wrapper form .ginput_container_select {
  overflow: hidden;
}

.blk_membership_cards .card {
  background-color: var(--bg-quaternary);
  color: var(--text-secondary);
}
.blk_membership_cards .card .cta_button.btn_primary {
  background-color: var(--button-primary-label);
  border-color: var(--button-primary-bg);
  color: var(--button-primary-bg);
}

.blk_membership_cards .card .title {
  color: var(--text-secondary);
}

.blk_membership_cards ul li div.checkbox {
  background-color: var(--button-primary-label);
}
.blk_membership_cards ul li div.checkbox svg path {
  stroke: var(--button-primary-bg) !important;
}