/*
  Theme Name: Hope Counselling
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for Hope Counselling. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: hope
*/

:root {
  --font: "Atkinson Hyperlegible", sans-serif;
  --heading: "Figtree", sans-serif;

  --spacing: clamp(60px, 6.5104166666667vw, 125px);
  --radius: clamp(25px, 2.0833333333333vw, 40px);
  --transition: all 0.4s ease;

  --mainFontSize: clamp(15px, 1.1458333333333vw, 22px);
  --smallFontSize: clamp(15px, 0.88541666666667vw, 17px);
  --h1FontSize: clamp(33px, 3.3854166666667vw, 65px);
  --h2FontSize: clamp(24px, 2.8125vw, 54px);
  --h3FontSize: clamp(20px, 2.34375vw, 45px);
  --h4FontSize: clamp(18px, 1.9791666666667vw, 38px);
  --h5FontSize: clamp(20px, 1.6145833333333vw, 31px);
  --h6FontSize: clamp(18px, 1.3541666666667vw, 26px);

  --lineHeight: 1.5;
  --lineHeightSm: 1.1;
  --lineHeightLg: 2;
  --headingLineHeight: 1;

  --containerAbove1600: 1450px;
  --containerAbove1368: 1308px;

 
  --dark: #191e26;
  --text: #3a3a3a;
  --orange: #f06d22;
  --purple: #8f2686;
  --blue: #243f8D;
  --green: #288742;
  --light: #F3F7FB;
  --primary: var(--green);
  --secondary: var(--blue);

  --buttonPaddingTop: clamp(10px, 0.78125vw, 15px);
  --buttonPaddingBottom: var(--buttonPaddingTop);
  --buttonPaddingLeft: clamp(20px, 1.5625vw, 30px);
  --buttonPaddingRight: var(--buttonPaddingLeft);
  --buttonCasing: none;
  --buttonRadius: clamp(66.666666666667px, 5.2083333333333vw, 100px);
  --buttonFontSize: var(--mainFontSize);
  --buttonWeight: 400;
  --buttonLetterSpacing: 0;
  --buttonBorderWidth: 0;
  --buttonFont: var(--font);
  --buttonTextColour: #fff;
  --buttonBackgroundPrimary: var(--primary);
  --buttonBackgroundSecondary: var(--secondary);
  --buttonHoverBackgroundColour: var(--dark);
  --buttonHoverFontColour: #fff;

  --formFieldBorder: #ccc;
  --formFieldPaddingTop: clamp(8px, 0.625vw, 12px);
  --formFieldPaddingBottom: var(--formFieldPaddingTop);
  --formFieldPaddingLeft: clamp(12px, 0.9375vw, 18px);
  --formFieldPaddingRight: var(--formFieldPaddingLeft);
  --formFieldRadius: clamp(4.6666666666667px, 0.36458333333333vw, 7px);

}

main a:not(.elementor-button, .button, #header a, #footer a, .footer a, .header a, .women-violence a, #privacyLists ul li a, .services-subnav ul li a) {
  text-decoration: underline;
}

.header .navigation li:not(.link-button,.brand,:last-child).current-menu-item a, .header .navigation li:not(.link-button,.brand,:last-child).current-menu-parent>a {
  color: var(--green);
}

@media (max-width: 767px) {
  .header .navigation {
    transition: unset !important;
}
}