/* color scheme */

:root {
  --black: #000000;
  --white: #ffffff;
  --gray: #808080;
  --light-gray-1: #efefef;
  --light-gray-2: #f6f6f6;
  --light-gray-3: #f8f8f8;
  --light-gray-4: #ebebeb;
  --light-gray-5: #757575;
  --light-gray-6: #acacac;
  --turquoise: #32e9f7;
  --light-blue: #3281f6;
  --blue: #2741e6;
  --purple: #460079;
  --cherry: #d3053b;
  --transparent: rgba(0, 0, 0, 0);
  --semitransparent-modal-bg: rgba(9, 9, 9, 0.45);
  --semitransparent-black-10: rgba(0, 0, 0, 0.1);
  --semitransparent-black-35: rgba(0, 0, 0, 0.35);
  --semitransparent-gray: #79797980;
  --semitransparent-blue: #2741e81c;
  --semitransparent-turquoise: #32e9f700;
  --semitransparent-white: rgba(255, 255, 255, 0.12);
  --gradient-light-blue: linear-gradient(
    247deg,
    var(--semitransparent-blue) 0.53%,
    var(--semitransparent-turquoise) 96.42%
  );
  --gradient-deep-blue: linear-gradient(
    288deg,
    var(--blue) 61.73%,
    var(--black) 100%
  );
  --gradient-purple: linear-gradient(
    287deg,
    var(--purple) 33%,
    var(--black) 82.49%
  );
  --gradient-turquoise: linear-gradient(287deg, #32a5f9 31.18%, #32ebf9 82.49%);


  --category-events: #2741E8;
  --category-getting-work: #b01131;
  --category-lifestyle-wellbeing: #861c9b;
  --category-spotlight: #064bac;
  --category-self-employment: #065c84;
  --category-making-work: #013850;
  --category-the-essentials: #983601;
  --category-the-spotlight-podcast: #000000;
  --category-the-industry: #460079;
  --category-training: #870d38;
  --category-young-performers: #0b6046;
  --category-the-small-print: #000;
  --category-help-and-faqs:#000;

  --card-tags-gray: #4f4f4f;

  --max-cont-w: 1160px;
  --page-padding: 160px;
  --half-page-padding: calc(var(--page-padding) / 2);
  --full-height: 100vh;

  --font-montserrat: "Wix Madefor Text", sans-serif;
  --font-jost: "Jost", sans-serif;
  --font-work-sans: "Work Sans", sans-serif;
}

@media (max-width: 1400px) {
  :root {
    --page-padding: 80px;
  }
}

@media (max-width: 1100px) {
  :root {
    --page-padding: 40px;
  }
}

@media (max-width: 800px) {
  :root {
    --page-padding: 32px;
    --full-height: 100dvh;
  }
}

/* reset defaults */

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

a:active {
  color: inherit !important;
}

button,
input {
  padding: 0;
  border: none;
  outline: none;
  background-color: var(--transparent);
}

input[type="radio" i] {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
}

:focus-visible {
  outline: 3px solid var(--black);
  outline-offset: 2px;
  text-decoration: none !important;
}

/* typography */

.header-1,
#subpage-body h1,
#article-body h1 {
  font-family: var(--font-work-sans);
  font-weight: 700;
  font-size: 68px;
  line-height: 74px;
}

.header-2,
#article-body h2 {
  font-family: var(--font-work-sans);
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
}

.page-template-posts-as-pages #article-body h2 {
  font-family: var(--font-work-sans);
  font-weight: 700;
  font-size: 68px;
  line-height: 74px;
  text-align: center;
  max-width: 960px;
  margin: 4rem auto; 
}

.header-3,
#subpage-body h2,
#article-body h3 {
  font-family: var(--font-work-sans);
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
}

.header-4,
#article-body h4 {
  font-family: var(--font-montserrat);
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
}

.subheader-1,
#article-body h5 {
  font-family: var(--font-jost);
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
}

.subheader-2,
#subpage-body h3,
#subpage-body h4,
#subpage-body h5,
#subpage-body h6,
#article-body h6 {
  font-family: var(--font-jost);
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
}

.body-copy-1 {
  font-family: var(--font-work-sans);
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.body-copy-2,
#subpage-body p,
#subpage-body ol,
#subpage-body ul,
#article-body p,
#article-body ol,
#article-body ul,
.forminator-ui#forminator-module-26.forminator-design--default
  .forminator-input,
#request-space
  .forminator-ui#forminator-module-243.forminator-design--default
  .forminator-input,
#request-space
  .forminator-ui#forminator-module-244.forminator-design--default
  .forminator-input,
.forminator-radio-label {
  font-family: var(--font-work-sans) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 22px !important;
}

.body-copy-3,
.forminator-ui#forminator-module-26.forminator-design--default
  .forminator-error-message,
.forminator-ui#forminator-module-243.forminator-design--default
  .forminator-error-message,
.forminator-ui#forminator-module-244.forminator-design--default
  .forminator-error-message,
#name-search-validation {
  font-family: var(--font-montserrat) !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  line-height: 18px !important;
}

.caption-1 {
  font-family: var(--font-work-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

.caption-2 {
  font-family: var(--font-montserrat);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.caption-3 {
  font-family: var(--font-montserrat);
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

.plan-header {
  font-family: var(--font-work-sans);
  font-weight: 500;
  font-size: 48px;
  line-height: 74px;
}

@media (max-width: 800px) {
  .header-1,
  #subpage-body h1,
  #article-body h1 {
    font-size: 38px;
    line-height: 50px;
  }

  .header-2,
  #article-body h2 {
    font-size: 28px;
    line-height: 48px;
  }

  .header-3,
  #subpage-body h2,
  #article-body h3 {
    font-size: 22px;
    line-height: 30px;
  }

  .header-4,
  #article-body h4 {
    font-size: 16px;
    line-height: 21px;
  }

  .subheader-1,
  #article-body h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .subheader-2,
  #subpage-body h3,
  #subpage-body h4,
  #subpage-body h5,
  #subpage-body h6,
  #article-body h6 {
    font-size: 20px;
    line-height: 26px;
  }

  .body-copy-1 {
    font-size: 16px;
    line-height: 21px;
  }

  .body-copy-2,
  #subpage-body p,
  #subpage-body ol,
  #subpage-body ul,
  #article-body p,
  #article-body ol,
  #article-body ul,
  .forminator-ui#forminator-module-26.forminator-design--default
    .forminator-input,
  #request-space
    .forminator-ui#forminator-module-243.forminator-design--default
    .forminator-input,
  #request-space
    .forminator-ui#forminator-module-244.forminator-design--default
    .forminator-input,
  .forminator-radio-label {
    font-size: 13px;
    line-height: 19px;
  }

  .body-copy-3,
  .forminator-ui#forminator-module-26.forminator-design--default
    .forminator-error-message,
  .forminator-ui#forminator-module-243.forminator-design--default
    .forminator-error-message,
  .forminator-ui#forminator-module-244.forminator-design--default
    .forminator-error-message,
  #name-search-validation {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .caption-1 {
    font-size: 14px;
    line-height: 20px;
  }

  .caption-2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
  }

  .caption-3 {
    font-size: 16px;
    line-height: 21px;
  }

  .plan-header {
    font-size: 32px;
    line-height: 50px;
  }
}

/* global */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: var(--black);
}

body.frozen {
  overflow: hidden;
}

section, .section {
  width: 100%;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(var(--half-page-padding), 1fr)) minmax(
      auto,
      var(--max-cont-w)
    )
    repeat(2, minmax(var(--half-page-padding), 1fr));
  overflow: hidden;
  position: relative;
  justify-content: center;
}

section.full-height {
  /*height: var(--full-height);*/
  min-height: 600px;
}

.content {
  grid-column-start: 3;
  grid-column-end: -3;
}

.content.wide {
  grid-column-start: 2;
  grid-column-end: -2;
}

.content.wide-right {
  grid-column-end: -2;
}

.content.wide-left {
  grid-column-start: 2;
}

.content.break-right {
  grid-column-end: -1;
}

.content.break-left {
  grid-column-start: 1;
}

@media (max-width: 1100px) {
  .content.wide {
    grid-column-start: 3;
    grid-column-end: -3;
  }

  .content.wide-right {
    grid-column-end: -3;
  }

  .content.wide-left {
    grid-column-start: 3;
  }
}

a.skip-link.screen-reader-text {
  color: var(--white) !important;
}
