/* ---------------------------------------------------------------- */
/* General */
/* ---------------------------------------------------------------- */

:root {
  /* fonts */
  --font-family-biggest: 'League Gothic', sans-serif;
  --font-family-large: 'League Gothic', sans-serif;
  --font-family-normal: 'League Spartan', sans-serif;
  /* fonts weight */
  --font-biggest-weight-bold: 400;
  --font-large-weight-bold: 400;
  --font-normal-weight-normal: 300;
  --font-normal-weight-light: 200;
  /* colors */
  --color-primary: #111214;
  --color-secondary: #fff;
  --color-accent: #00597a;
  --font-primary-color: var(--color-secondary);
  --font-secondary-color: var(--color-primary);
  --font-accent-color: #32AAED;
  /* defaults */
  --padding-default: 16px;
  --margin-default: 16px;
  --padding-min: 4px;
  /* typing */
  --font-size-title-h1: 4.55rem; /* 72px */
  --font-size-title-h2: 3.0rem; /* 48px */
  --font-size-title-h3: 2.0rem; /* 32px */
  --font-size-subtitle: 1.5rem; /* 20px */
  --font-size-normal: 1.15rem; /* 14px */
  --font-size-small: 0.9rem; /* 11px */
  /* dimens */
  --top-bar-height: 5rem;
  --col-inner-width: 435.85px;
  --col-inner-height: 435.85px;
  --height-default: 48px;
  --height-fixed: 48px;
  /* others colors */
  --color-initial-gradient: #0a44aa;
  --color-final-gradient: #092e75;
  --card-color-background: #09192e;
  --text-title-h5-color: #ccc; /* #90a6b2; #b1b2b4; */
}


@media (max-width: 670px) {
  :root {
    /* defaults */
    --padding-default: 10px;
    --margin-default: 10px;
    --padding-min: 3.5px;
    /* typing */
    --font-size-title-h1: 3.585rem; /* 57px */
    --font-size-title-h2: 2.800rem; /* 44px */
    --font-size-title-h3: 1.500rem; /* 24px */
    --font-size-subtitle: 1.200rem; /* 19px */
    --font-size-normal: 1.05rem; /* 16px */
    --font-size-small: 0.8rem; /* 7px */
    /* dimens */
    --top-bar-height: 4.5rem;
    --col-inner-width: 320px;
    --col-inner-height: 380px;
    --height-default: 32px;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-primary);
  font-family: var(--font-family-normal);
  font-size: 16px;
  color: var(--font-primary-color);
  font-weight: var(--font-normal-weight-normal);
}

a {
  text-decoration: none;
}

a.isActive {
  color: var(--white);
}

/* unvisited link */
a:link {
  color: var(--white);
}

/* visited link */
a:visited {
  color: var(--white);
}

/* mouse over link */
a:hover {
  color: var(--white);
}

/* selected link */
a:active {
  color: var(--white);
}

button, input[type="submit"], input[type="reset"], .button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

p {
  font-size: var(--font-size-normal);
}

/* ---------------------------------------------------------------- */
/* Zone */
/* ---------------------------------------------------------------- */

.zone-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1427px;
}

@media (max-width: 1024px) {
  .zone-container {
    max-width: 1024px;
  }
}

@media (max-width: 670px) {
  .zone-container {
    max-width: 670px;
  }
}

/* ---------------------------------------------------------------- */
/* Icons */
/* ---------------------------------------------------------------- */

.icon .icon-close {
  cursor: pointer;
}

.icon .icon-close svg {
  height: 48px;
  width: 48px;
}

.icon .icon-close svg path {
  height: 48px;
  fill: var(--clPurple);
}