/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html {font-size: 100%}
html, body { line-height: 1.5; }
select, textarea, input, button { font: inherit; }

:root { 
  --vc-base-color: #BE2A34;
  --vc-base-color-hover: #8D0710;
  --vc-base-secondary-color: #061E36;
  --vc-base-secondary-color-hover: #083A66;
}

a {
  color: var(--vc-base-color);
}
a:hover {
  color: var(--vc-base-color-hover);
}

.link-underline a {
  color: var(--vc-base-color) !important;
}

.link-underline a:hover {
  color: var(--vc-base-color-hover) !important;
}

/* Button Styles */

.elementor-button {
  fill: var(--vc-base-color);
}

.btn-s a.elementor-button:link,
.btn-s a.elementor-button:visited {
  border: none;
  padding: 0 !important;
  margin: 1rem 0;
  line-height: 1.5;
}

.btn-s a.elementor-button:hover,
.btn-s a.elementor-button:active,
.btn-s a.elementor-button:focus {
  border: none;
  padding: 0 !important;
  fill: var(--vc-base-color);
}

.btn-b a.elementor-button {
  color: white;
  border: 1px solid var(--vc-base-secondary-color);
  background-color: var(--vc-base-secondary-color);
  fill: var(--vc-base-color);
}

.btn-b a.elementor-button:hover,
.btn-b a.elementor-button:active,
.btn-b a.elementor-button:focus {
  color: white;
  border: 1px solid var(--vc-base-secondary-color-hover);
  background-color: var(--vc-base-secondary-color-hover);
  fill: var(--vc-base-color);
}

.btn-ghost a.elementor-button {
  background-color: white;
  border: 1px solid var(--vc-base-color);
  color: var(--vc-base-color);
  fill: var(--vc-base-color);
}

.btn-ghost a.elementor-button:hover,
.btn-ghost a.elementor-button:active,
.btn-ghost a.elementor-button:focus {
  background-color: var(--vc-base-color-hover);
  border: 1px solid  var(--vc-base-color-hover);
  color: white;
  fill:  white;
}

.btn-faux:hover span {
  color: white !important;
  background-color: transparent;
}

/* Fix search Close Button */

body.dialog-body a.dialog-close-button {
  font-size: 35px !important;
}

.e-search-input-wrapper >svg.e-font-icon-svg {
  width: 16px !important;
  margin-right: 8px;
}

span.relevanssi-query-term {
    background-color: khaki;
    padding: auto 8px;
}

/* Homepage counter numbers */

div.count-up > div.elementor-heading-title {
  color: var(--vc-base-color);
  line-height: 0.5 !important;
  padding: 0rem 0 1rem 0;
}


/* Mobile Menu */

.mobile-menu .sub-menu {
  margin-left: 1rem;
}

/* Maori Menu Labels */

.maori-label {
  font-size: 0.85em;
  color: var(--vc-base-color);
  text-transform: uppercase;
  /* margin: 4px 0 0 0; */
  margin: 0;
  display: block;
}

.menu-maori-text nav ul li a.elementor-item {
  align-items: start;
  flex-direction: column;
}

.menu-maori-text nav ul li ul li a.elementor-sub-item {
  align-items: start;
  flex-direction: column;
}


.mobile-menu a {
  flex-direction: column;
  align-items: flex-start;
}

.top-menu .maori-label {
    font-size: 1rem;
    color: white;
    text-transform: none;
    margin: 0 0 0 0.5rem;
    display: inline;
    border-left: 1px solid white;
    padding-left: 0.5rem;
}

.mobile-menu .maori-label {
  order: 2; /* pushes it below the main text */
  width: 100%; /* ensures it goes full width underneath */
  font-size: 0.85em;
  line-height: 1.2;
  margin-top: 0.15em;
}

/* Red Margin on dropdown  */

.elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
  margin-top: 51px !important;
  padding-right: 12px;
  padding-bottom: 6px;
}

/* Right aligning the arrows in the Elementor Icons list */

.icon-right ul li.elementor-icon-list-item {
  display: flex;              /* enable flex layout */
  justify-content: space-between; /* push text left, icon right */
  align-items: center;        /* vertical alignment */
}

.icon-right ul li.elementor-icon-list-item span.elementor-icon-list-icon {
  order: 2;                   /* move icon after the text */
  margin-left: 8px;           /* add some space between text and icon */
}

.icon-right ul li.elementor-icon-list-item span.elementor-icon-list-text {
  order: 1;                   /* keep text before the icon */
}

/* Sidebar Panel */

.sidebar-panel {
  padding: 1.5rem 2rem 2rem;
  background-color: #F4F1F1;
  border-radius: 1rem;
  /* width: 65%; */
  max-width: 433px;
  align-self: end;
}

@media (max-width: 1024px) {
  .sidebar-panel {
    width: 100%;
    align-self: start;
  }
}

@media (max-width: 768px) {
  .sidebar-panel {
    width: 100%;
    padding: 1.5rem;
  }
}

.elementor-heading-title {
  line-height: 1.5 !important;
}

/* Margin bottoms by class  */

.mb-xxl h1,.mb-xxl h2,.mb-xxl h3,.mb-xxl h4,.mb-xxl h5,.mb-xxl h6,.mb-xxl p {margin: 3rem 0 4rem;}
.mb-xl h1,.mb-xl h2,.mb-xl h3,.mb-xl h4,.mb-xl h5,.mb-xl h6,.mb-xl p {margin: 2rem 0 3rem;}
.mb-l h1,.mb-l h2,.mb-l h3,.mb-l h4,.mb-l h5,.mb-l h6,.mb-l p {margin: 1rem 0 2rem;} 
.mb-m h1,.mb-m h2,.mb-m h3,.mb-m h4,.mb-m h5,.mb-m h6,.mb-m p {margin: 0.75rem 0 1rem;}
.mb-s h1,.mb-s h2,.mb-s h3,.mb-s h4,.mb-s h5,.mb-s h6,.mb-s p {margin: 0.5rem 0;}
.mb-0 h1,.mb-0 h2,.mb-0 h3,.mb-0 h4,.mb-0 h5,.mb-0 h6,.mb-0 p {margin: 0 0;}

/* Line Heights by heading tag */

.mb-xxl h1,.mb-xl h1,.mb-l h1,.mb-m h1,.mb-s h1,.mb-0 h1 {line-height: 1 !important;}
.mb-xxl h2,.mb-xl h2,.mb-l h2,.mb-m h2,.mb-s h2,.mb-0 h2 {line-height: 1.1 !important;}
.mb-xxl h3,.mb-xl h3,.mb-l h3,.mb-m h3,.mb-s h3,.mb-0 h3 {line-height: 1.2 !important;}
.mb-xxl h4,.mb-xl h4,.mb-l h4,.mb-m h4,.mb-s h4,.mb-0 h4 {line-height: 1.25 !important;}
.mb-xxl h5,.mb-xl h5,.mb-l h5,.mb-m h5,.mb-s h5,.mb-0 h5 {line-height: 1.27 !important;}
.mb-xxl h6,.mb-xl h6,.mb-l h6,.mb-m h6,.mb-s h6,.mb-0 h6 {line-height: 1.3 !important;}

h1,h2,h3,h4,h5,h6 {
  letter-spacing: 0.015rem;
}

.text-normal { text-transform: capitalize; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }

/* Container variables - https://lytboxacademy.com/fluid-containers-for-elementor-with-clamp/ */

:root {
	/* Left and Right Padding All /Sections/Containers*/
	--fluid-side-padding-min: 1.25rem; /* 20px */
	--fluid-side-padding-max: 5rem;   /* 80px */

	/* Top and Bottom Padding All Containers*/
	--section-xxl-padding-min: 9.375rem; /* 150px */
	--section-xxl-padding-max: 10rem; /* 160px */ 
  
	--section-xl-padding-min: 6.875rem; /* 110px */
	--section-xl-padding-max: 7.5rem; /* 120px */
  
	--section-l-padding-min: 5.625rem; /* 90px */
	--section-l-padding-max: 6.25rem; /* 100px */
  
	--section-m-padding-min: 5rem; /* 80px */
	--section-m-padding-max: 5rem; /* 80px */
  
	--section-s-padding-min: 3.75rem; /* 60px */
	--section-s-padding-max: 3.75rem; /* 60px */
  
	--section-xs-padding-min: 2.5rem; /* 40px */
	--section-xs-padding-max: 2.5rem; /* 40px */
  
	--section-xxs-padding-min: 1.5rem; /* 24px */
	--section-xxs-padding-max: 1.5rem; /* 24px */
	
	--section-header-padding-min: 1rem;
	--section-header-padding-max: 1.25rem;

	--section-zero-padding-min: 0rem; /* 20px */
	--section-zero-padding-max: 0rem; /* 20px */
  
	/* Hero Sections Height Variable */
	--section-hero-height: 33vh; /* 100% the screen height */
  
	/* Offset Padding for Overlay Headers */
	--section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

	/* Width For Narrow Sections*/
	--section-narrow: 75rem; /* 1200px */
	--section-narrow-s: 62.5rem; /* 1000px */
	--section-narrow-xs: 45rem; /* 720px */
  }

  /* Section/Container Padding - Fluid Variants */
  .section-custom {
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxl {
	padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
	padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xl {
	padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
	padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-l {
	padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
	padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-m {
	padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
	padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-s {
	padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
	padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xs {
	padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
	padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxs {
	padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
	padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-header {
	padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max))!important;
	padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max))!important;
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }

  .section-0 {
	padding-top: clamp(var(--section-zero-padding-min), 0vw, var(--section-zero-padding-max))!important;
	padding-bottom: clamp(var(--section-zero-padding-min), 0vw, var(--section-zero-padding-max))!important;
	padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
	padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
	
  .section-header .e-con-inner,
  .section-0 .e-con-inner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
  }
  
  /* Tablets and below (≤ 768px) */
  @media (max-width: 768px) {
  .section-header {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
  }

  /* Hero Container/Sections Height */
  .section-hero {
	min-height: var(--section-hero-height)!important;
  }

  .section-hero .e-con-inner {
	justify-content: center!important;
}
  
  /* Full Width Sections - No Side Padding */

  .section-full div {
	max-width: 100%!important;
  }
  
  /* Narrow Sections */
  .section-narrow .e-con-inner {
	max-width: var(--section-narrow)!important;
  
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }


  .section-narrow-s .e-con-inner {
  max-width: var(--section-narrow-s)!important;
  
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-narrow-xs .e-con-inner {
	max-width: var(--section-narrow-xs)!important;
  
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }

  /* Offset Padding for Overlay Headers */
  .section-offset {
	padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
  }

:root {
	  /* Global Gap Variables - Editable */
	  --gap-xxs: clamp(0.25rem, calc(0.45vw + 0.14rem), 0.5rem); /* 4px mobile, 8px desktop*/
	  --gap-xs: clamp(0.5rem, calc(0.45vw + 0.39rem), 0.75rem); /* 8px mobile, 12px desktop*/
	  --gap-s: clamp(0.75rem, calc(0.45vw + 0.64rem), 1rem); /* 12px mobile, 16px desktop*/
	  --gap-m: clamp(1.25rem, calc(0vw + 1.25rem), 1.25rem); /* 20px mobile, 20px desktop*/
	  --gap-l: clamp(1.25rem, calc(2.27vw + 0.68rem), 2.5rem); /* 20px mobile, 40px desktop*/
	  --gap-xl: clamp(1.25rem, calc(4.55vw + 0.11rem), 3.75rem); /* 20px mobile, 60px desktop*/
	  --gap-xxl: clamp(1.25rem, calc(11.36vw + -1.59rem), 7.5rem); /* 20px mobile, 120px desktop*/
  }
  
  /* gap classes */
  .gap-xxs {
	  gap: var(--gap-xxs);
  }
  
  .gap-xxs .e-con-inner {
	  gap: var(--gap-xxs);
  }
  
  .gap-xs {
	  gap: var(--gap-xs);
  }
  
  .gap-xs .e-con-inner {
	  gap: var(--gap-xs);
  }
  
  .gap-s {
	  gap: var(--gap-s);
  }
  
  .gap-s .e-con-inner {
	  gap: var(--gap-s);
  }
  
  .gap-m {
	  gap: var(--gap-m);
  }
  
  .gap-m .e-con-inner {
	  gap: var(--gap-m);
  }
  
  .gap-l {
	  gap: var(--gap-l);
  }
  
  .gap-l .e-con-inner {
	  gap: var(--gap-l);
  }
  
  .gap-xl {
	  gap: var(--gap-xl);
  }
  
  .gap-xl .e-con-inner {
	  gap: var(--gap-xl);
  }
  
  .gap-xxl {
	  gap: var(--gap-xxl);
  }
  
  .gap-xxl .e-con-inner {
	  gap: var(--gap-xxl);
  }
    
/* Image sizing based on ratio */

/* Square */
.ratio-1-1 img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  max-width: 100%;
  }
  
/* Landscape Orientation */
.ratio-2-1 img {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  max-width: 100%;
  }
.ratio-3-2 img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  max-width: 100%;
}
.ratio-4-3 img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  max-width: 100%;
}
.ratio-5-4 img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  max-width: 100%;
}
.ratio-16-9 img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  max-width: 100%;
}
.ratio-21-9 img {
  aspect-ratio: 21 / 9;
  object-fit: cover;
  max-width: 100%;
}
.ratio-191-1 img {
  aspect-ratio: 1.91 / 1; /* FB social share */
  object-fit: cover;
  max-width: 100%;
}

/* Portrait Orientations */

/* Portrait Orientation */
.ratio-1-2 img {
aspect-ratio: 1 / 2;
object-fit: cover;
max-width: 100%;
}
.ratio-2-3 img {
aspect-ratio: 2 / 3;
object-fit: cover;
max-width: 100%;
}
.ratio-3-4 img {
aspect-ratio: 3 / 4;
object-fit: cover;
max-width: 100%;
}
.ratio-9-16 img {
  aspect-ratio: 9 / 16;
  object-fit: cover;
  max-width: 100%;
}
.ratio-9-21 img {
aspect-ratio: 9 / 21;
object-fit: cover;
max-width: 100%;
}

.e-gallery-masonry .e-gallery-image {
    border-radius: 1rem;
}









/* Post Content in Elementor */

:root {
  /* Edit Link Colors */
  --color-link: var(--vc-base-color);
  --color-link-hover: var(--vc-base-color-hover);
  
  /* Edit Quote */
  --color-quote-border: var(--vc-base-color);
  --width-quote-border: 3px;
  --bg-quote: transparent;

  /* Edit Spacing */
  --space-s: 0.25rem;
  --space-m: 1rem;
  --space-l: 1.5rem;
  --space-xl: 2.25rem;
  --space-xxl: 2.5rem;
  
  /* Edit Image Border Radius */
  --radius-m: 1rem;
  
  /* Edit Link Transition */
  --transition-default: 0.2s ease-in-out;

  /* Edit Typography */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-xs: .85rem;
  --font-size-p: 1rem;
  --mobile-font-size-p: 1.15rem;
  --font-size-m: 1.5rem;
  --mobile-font-size-m: 1.5rem;
  --font-size-l: 2rem;
  --mobile-font-size-l: 2rem;
  --line-height-body: 1.5em;
  --line-height-heading: 1.25em;
  --line-height-list: 1.3rem;
}

/*----------------------------------------------------------------
End of template style editing, do not edit below
----------------------------------------------------------------*/


/* Headings */
.post-content h2, 
.post-content h3, 
.post-content h4 {
  padding-top: var(--space-l);
  padding-bottom: var(--space-s);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
}

.post-content h5, 
.post-content h6 {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-s);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
}

.post-content h2 {
  font-size: var(--font-size-l);
}

.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
  font-size: var(--font-size-m);
}

/* Paragraphs */
.post-content p {
  padding-bottom: var(--space-l);
  margin-bottom: 0;
  line-height: var(--line-height-body);
}

/* Links */
.post-content p a {
  color: var(--color-link);
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
  transition: color var(--transition-default);
}

.post-content p a:hover {
  color: var(--color-link-hover);
}

/* Lists */
.post-content ul,
.post-content ol {
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-regular);
  padding-bottom: var(--space-s);
  padding-left: var(--space-m);
}

.post-content ul li {
  line-height: var(--line-height-list);
  margin-bottom: var(--space-l);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-p);
}

.c-post-meta ul li:nth-child(2) {
  font-weight: var(--font-weight-regular)!important;
}

/* Images */
.post-content .wp-block-image img {
  margin: var(--space-xxl) 0;
  border-radius: var(--radius-m);
}

/* Blockquotes */-bottom
.postontent blockquote {
  border-left: var(--width-quote-border) solid var(--color-quote-border);
  margin: 0;
  padding: var(--space-m) var(--space-l);
  background: var(--bg-quote);
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-regular);
}

.post-content blockquote cite {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
}

.post-content blockquote p {
  padding-bottom: 0;
}

/* Mobile responsiveness */
@media screen and (max-width: 767px) {
  .post-content p {
    font-size: var(--mobile-font-size-p);
  }

  .post-content h2 {
    font-size: var(--mobile-font-size-l);
  }

  .post-content h3, 
  .post-content h4, 
  .post-content h5, 
  .post-content h6 {
    font-size: var(--mobile-font-size-m);
  }
}

/* WP Blog Buttons  */

.wp-element-button, .wp-block-button__link {
  background-color: var(--color-link);
}

.wp-element-button:hover, .wp-block-button__link:hover {
  background-color: var(--color-link-hover);
}

a.wp-block-button__link {
  color: white !important;
}














/* Custom Keyframes */

/* Slide In Up (fade in from bottom) */
@keyframes cdSlideInUp {
  from {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
}

/* Slide In Down (fade in from top) */
@keyframes cdSlideInDown {
  from {
  opacity: 0;
  transform: translate3d(0, -24px, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
}

/* Slide In Left (fade in from left) */
@keyframes cdSlideInLeft {
  from {
  opacity: 0;
  transform: translate3d(-24px, 0, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
}

/* Slide In Right (fade in from right) */
@keyframes cdSlideInRight {
  from {
  opacity: 0;
  transform: translate3d(24px, 0, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
}

/* =======================
   Animation Classes
   ======================= */

.cd-SlideInUp {
  animation-name: cdSlideInUp;
  animation-duration: 1.8s;
  animation-timing-function: ease-out;
}

.cd-SlideInDown {
  animation-name: cdSlideInDown;
  animation-duration: 1.8s;
  animation-timing-function: ease-out;
}

.cd-SlideInLeft {
  animation-name: cdSlideInLeft;
  animation-duration: 1.8s;
  animation-timing-function: ease-out;
}

.cd-SlideInRight {
  animation-name: cdSlideInRight;
  animation-duration: 1.8s;
  animation-timing-function: ease-out;
}

/* Google Op Shop Map Responsive Embed */

.responsive-embed {
  width: 100%;
  aspect-ratio: 16 / 9; /* Adjust as needed, e.g., 4 / 3 or 1 / 1 */
}

.responsive-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}



/* Laptops and below (≤ 1024px) */
@media (max-width: 1024px) {
  .responsive-embed {
    aspect-ratio: 1 / 1; /* Adjust as needed, e.g., 4 / 3 or 1 / 1 */
  }
}

/* Tablets and below (≤ 768px) */
@media (max-width: 768px) {

}

/* Phones and below (≤ 480px) */
@media (max-width: 480px) {
  .responsive-embed {
    aspect-ratio: 1 / 2; /* Adjust as needed, e.g., 4 / 3 or 1 / 1 */
  }
}

#embed-form-fae4fee7-c0e9-491e-8a4a-3d04e724b678 {
  width: 800px !important;
}

/* Mobile responsiveness */
@media screen and (max-width: 767px) {
  #embed-form-fae4fee7-c0e9-491e-8a4a-3d04e724b678 {
    width: 100% !important;
  }
}

/* Infoodle Application Form */

#embed-form-fae4fee7-c0e9-491e-8a4a-3d04e724b678 {
    width: 800px;
    display: block;
}

/* Infoodle Application Form */

.vol-rec-application-form {
  height: 3350px;
}



  
  
/* Mailchimp Archive Code Style */

.display_archive {
  font-family: "Inter",helvetica,arial,verdana;
}
.campaign {
  line-height: 1.5rem;
  margin: 0 0 1rem 0;
}

/* Seek Powered by tag in logo */
small.KQRE1zEMLv5ACbqAl5IK {
    margin-bottom: 6px;
}

/* Seek Show More Button */
button.RUUl9ZOHlgwC2Q11Z9d8 {
  background-color: white;
  padding: 0;
  border: none;
  color: var(--vc-base-color) !important;
}
    button.RUUl9ZOHlgwC2Q11Z9d8:hover {
      background-color: white;
      padding: 0;
      border: none;
      color: var(--vc-base-color) !important;
    }

/* Make Seek Combo Boxes have proper styles instead of looking like big red buttons */

div.jGT0QMyCDuff4qbFbiHl button {
  background-color: white !important;
  color: #222222;
  text-transform: none;
  border-radius: .125rem;
  padding: .6875rem 1.0625rem;
  border: 1px solid #222222
}

    div.jGT0QMyCDuff4qbFbiHl button:hover {
      border-width: 1px;
      border-color: #222222;
    }
    
    div.jGT0QMyCDuff4qbFbiHl button:hover span {
      color: #222222;
    }
    
    div.jGT0QMyCDuff4qbFbiHl button:focus span {
      color: #222222;
    }

/* Seek : Form : Commitment Label */
label.BiGvKGK9Y6DqtK7yynzj,
div.BiGvKGK9Y6DqtK7yynzj {
    display: block;
    margin: 0 0 0.25rem 0;
    line-height: 16px;
}

/* Seek : Form : Where */
input.zJzQfiew8EUdQYwfayRj {
  padding: .6875rem 1.0625rem;
}

/* Seek : Form : Seek Search Button  */
div.XVlbYRK5mcGLqzdlFSHY {
    padding: 20px 0 0;
}

/* Seek Detail Page heading */
h1.Du8xfrXSGpXVzc0FPma7 {
    color: var(--vc-base-color);
}

/* Seek details page sidebar sub headings */
div.EDAJ2dkQyDHt6FNAPtZW h6 {
  color: var(--vc-base-color);
}

/* Detail Page, Make Voluneetring Canterbury red */
p.rFpFt7v8w529HxctBDzg span {
  color: var(--vc-base-color);
}

/* Details page, Make the icons red */
.EDAJ2dkQyDHt6FNAPtZW svg {
    fill: var(--vc-base-color);
    color: var(--vc-base-color);
}

/* Seek Primary Card Title */
h2.Du8xfrXSGpXVzc0FPma7 a {
   color: var(--vc-base-color) !important;
}

/* Found x volunteer opportunities title */
h3.Du8xfrXSGpXVzc0FPma7 {
    font-size: 1.2rem !important;
    color: var(--vc-base-color);
    margin-top: 1rem !important;
}

/* Seek pagination span  */
span.SNrowo4DFyjFknt0kgSl {
  color: var(--vc-base-color);
  border-bottom-color: var(--vc-base-color);
  background-color: white;
}



/* Gravity Form Messages  */

input#gform_submit_button_1,
input#gform_submit_button_2 {
    background-color: var(--vc-base-color);
    border-radius: 100px;
    padding: 14px 22px 15px;
    font-family: "Inter",helvetica,arial,san-serif;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    color: white;
}