/* 
Theme Name: AllTeams Flex Theme
Theme URI: https://allteams.co.nz
Description: AllTeams Flex Theme is a child theme of Hello Elementor, created by Elementor team
Author: AllTeams
Author URI: https://allteams.co.nz/
Template: hello-elementor
Version: 1.0.2
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
*/

/*
    Add your custom styles here
*/

:root,
:before,
:after,
body {
  --adbar: 0px;
  --adbar: var(--wp-admin--admin-bar--height, 0px);
  --100vh: 100vh;
  --100vh-minus-adbar: calc(100svh - var(--adbar));
  /* Colors: */
  --primary-colour: #1C2A32;
  --secondary-colour: #457494;
	--red: #E30719;
	--dark-red: #B90413;
	--sky-blue: #79B0C4;
  --white: #ffffff;
  --text: #000000;
	--link-colour:var(--red);
  --primary-pale-colour: #E4EFF3;
  --itemThin: 1600px;
  --outsideWidth: 4vw;
  --dblOutsideWidth: calc(var(--outsideWidth) * 2);
  --tripleOutsideWidth: calc(var(--outsideWidth) * 3);
  --pageWidth-woContent: calc(var(--dblOutsideWidth) + 30vw);
  --contentWidth: calc(100vw - var(--pageWidth-woContent));
  --halfOutsideWidth: calc(var(--outsideWidth) / 2);
  --quarterOutsideWidth: calc(var(--outsideWidth) / 4);
  --headingFont: "Libre Baskerville", Sans-serif;
  --body-font: "Avenir Light", sans-serif;
  --headingFontNoClamp: calc(2.5rem + calc(calc(1vw - 7.5px) * 3.5));
  --headingFontClamp: clamp(
    40px,
    calc(2.5rem + calc(calc(1vw - 7.5px) * 3.5)),
    80px
  );
  --subheadingFontNoClamp: calc(0.625rem + calc(calc(1vw - 7.5px) * 1.65));
  --subheadingFontClamp: clamp(
    32px,
    calc(1.625rem + calc(calc(1vw - 7.68px) * 1.6493)),
    45px
  );
	
	#flex-content-container a{
color:var(--link-colour);
} 
	
.pale-blue {
	background-color: #E4EFF3;
}

.mid-blue {
	background-color: #457494;
	--primary-colour:#fff;
	--link-colour:var(--primary-pale-colour);
	color:#fff!important;
}
	
.dark-blue {
	background-color: #1C2A32;
	--primary-colour:#fff;
	--link-colour:var(--primary-pale-colour);
	color:#fff!important;
}

.white {
	background-color: #ffffff;
}

.red {
	background-color: #E30719;
}	

  /* Fonts - Clamp */
  --h1FontClamp: clamp(2.625rem, 2.1726rem + 2.2619vw, 5rem);
  --h2FontClamp: clamp(2.125rem, 2.006rem + 0.5952vw, 2.75rem);
  --h2HomeClamp: clamp(2.75rem, 2.4405rem + 1.5476vw, 4.375rem);
  --h3FontClamp: clamp(1.375rem, 1.2045rem + 0.4545vw, 1.5rem);
  --h4FontClamp: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem);
  --h5FontClamp: clamp(0.9375rem, 0.9091rem + 0.0758vw, 1rem);
  --h6FontClamp: clamp(1rem, 1.5227rem + 0vw, 1.125rem);
  --pFontClamp: clamp(1rem, 0.9432rem + 0.1515vw, 1.125rem);

  /* spacing */
  --verticalPad: clamp(0.625rem, 6.475vw - 2.475rem, 4rem);
	 --dblVerticalPad: calc(2 * var(--verticalPad));
  --outsidePad: clamp(0.625rem, 6.475vw - 2.475rem, 4rem);
  --dblOutsidePad: calc(2 * var(--outsidePad));
  --tripleOutsidePad: calc(3 * var(--outsidePad));
  --fullWidth: calc(100vw - var(--dblOutsidePad));
  --singlePad: clamp(0.5rem, 2.374vw - 0.636rem, 1.5rem);
  --gridGap: clamp(0.625rem, 3.264vw - 0.938rem, 2rem);
  --sidebarPad: 16px;
  --totalGap: calc(23 * var(--gridGap));
  --borderRad: 10px;
  --boxShadow: 0px 3px 6px #00000029;
  --zeroInset: 0px 0px 0px 0px;
}

@media (max-width: 768px) {
body {
    --outsidePad: 20px;
    --verticalPad: 40px;
  }
}



.lbc-lay-buttons .lbc-button-item a {
	background-color: var(--red)!important;
	color: white!important;
	font-size: 16px!important;
	text-transform: uppercase!important;
}

.lbc-lay-buttons .lbc-button-item a:hover {
	background-color: #B90413;
}

h2 {
	text-transform: uppercase;
}

.at-flex .underline-title h2:after {
	border:none;
}