/*
Theme Name: Žalgirio akademija
Version: 1.0
Author: Webrom
Author URI: https://webrom.lt
Text Domain: wbt
Domain Path: /languages
*/

:root {
  --background1: #1f1f1f;
  --white1: #ffffff;
  --grey1: #919191;
  --grey2: #383838;
  --grey3: #292929;
  --grey4: #4b4b4b;
  --grey5: #dfe1e6;
  /* Todo: pridejau pats nes nebuvo kintamojo */
  --grey6: #edeff2;
  --grey7: #242424;
  --green2: #009375;
  --green3: #006b55;
  --green4: #008368;
  --green5: #005342;
  --green6: #234941;
  --red1: #ff0000;
  --headerLinear1: linear-gradient(0deg, #292929, #1e1f1f);
  --zaliasLinear1: linear-gradient(180deg, #1e1f1f, #005342);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--background1);
  font-size: 16px;
  line-height: 24px;
  font-family: "Axiforma";
  font-weight: 400;
  color: var(--grey2);
}

.h1 {
  font-size: 60px;
  line-height: 72px;
  font-family: "Barlow";
  font-weight: 700;
}

.h2 {
  font-size: 36px;
  line-height: 44px;
  font-family: "Barlow";
  font-weight: 700;
}

.h3 {
  font-size: 24px;
  line-height: 27px;
  font-family: "Barlow";
  font-weight: 600;
}

.h4 {
  font-size: 22px;
  line-height: 27px;
  font-family: "Barlow";
  font-weight: 600;
}

.h5 {
  font-size: 20px;
  line-height: 24px;
  font-family: "Barlow";
  font-weight: 600;
}

.h6 {
  font-size: 18px;
  line-height: 22px;
  font-family: "Barlow";
  font-weight: 600;
}

.h7 {
  font-size: 16px;
  line-height: 20px;
  font-family: "Barlow";
  font-weight: 600;
}

.h8 {
  font-size: 14px;
  line-height: 17px;
  font-family: "Barlow";
  font-weight: 600;
}

.body1 {
  font-size: 18px;
  line-height: 26px;
  font-family: "Axiforma";
  font-weight: 600;
}

.body2 {
  font-size: 16px;
  line-height: 24px;
  font-family: "Axiforma";
  font-weight: 300;
}

.body3 {
  font-size: 14px;
  line-height: 20px;
  font-family: "Axiforma";
  font-weight: 400;
}

.body4 {
  font-size: 16px;
  line-height: 23px;
  font-family: "Axiforma";
  font-weight: 600;
}

.body5 {
  font-size: 14px;
  line-height: 20px;
  font-family: "Axiforma";
  font-weight: 600;
}

.body6 {
  font-size: 12px;
  line-height: 17px;
  font-family: "Axiforma";
  font-weight: 400;
}

.body7 {
  font-size: 10px;
  line-height: 14px;
  font-family: "Axiforma";
  font-weight: 400;
}

.body8 {
  font-size: 22px;
  line-height: 31px;
  font-family: "Axiforma";
  font-weight: 700;
}

.body9 {
  font-size: 20px;
  line-height: 29px;
  font-family: "Axiforma";
  font-weight: 700;
}

.btn1 {
  font-size: 16px;
  line-height: 20px;
  font-family: "Barlow";
  font-weight: 600;
}

.btn2 {
  font-size: 14px;
  line-height: 17px;
  font-family: "Barlow";
  font-weight: 600;
}

.btn3 {
  font-size: 13px;
  line-height: 16px;
  font-family: "Barlow";
  font-weight: 600;
}

.caption1 {
  font-size: 14px;
  line-height: 17px;
  font-family: "Barlow";
  font-weight: 300;
}

.caption2 {
  font-size: 14px;
  line-height: 17px;
  font-family: "Barlow";
  font-weight: 400;
}

.caption3 {
  font-size: 16px;
  line-height: 20px;
  font-family: "Barlow";
  font-weight: 400;
}

.caption4 {
  font-size: 12px;
  line-height: 15px;
  font-family: "Barlow";
  font-weight: 400;
}

.caption5 {
  font-size: 16px;
  line-height: 20px;
  font-family: "Barlow";
  font-weight: 400;
}

.caption6 {
  font-size: 12px;
  line-height: 15px;
  font-family: "Barlow";
  font-weight: 400;
}

.container {
  max-width: 1440px;
  margin: auto;
  width: 100%;
  padding: 0 100px;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .h1 {
    font-size: 36px;
    line-height: 44px;
  }

  .h2 {
    font-size: 24px;
    line-height: 29px;
  }

  .h3 {
    font-size: 16px;
    line-height: 20px;
  }

  .h4 {
    font-size: 20px;
    line-height: 24px;
  }

  .h5 {
    font-size: 20px;
    line-height: 24px;
  }

  .h6 {
    font-size: 18px;
    line-height: 22px;
  }

  .body1 {
    font-size: 14px;
    line-height: 23px;
  }

  .body2 {
    font-size: 14px;
    line-height: 22px;
  }

  .body3 {
    font-size: 12px;
    line-height: 19px;
  }

  .body4 {
    font-size: 14px;
    line-height: 22px;
  }

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

  .body6 {
    font-size: 12px;
    line-height: 17px;
  }

  .body7 {
    font-size: 10px;
    line-height: 14px;
  }

  .body8 {
    font-size: 22px;
    line-height: 31px;
  }

  .body9 {
    font-size: 20px;
    line-height: 29px;
  }

  .btn1 {
    font-size: 14px;
    line-height: 17px;
  }

  .btn2 {
    font-size: 14px;
    line-height: 17px;
  }

  .btn3 {
    font-size: 13px;
    line-height: 16px;
  }

  .caption1 {
    font-size: 14px;
    line-height: 17px;
  }

  .caption2 {
    font-size: 12px;
    line-height: 15px;
  }

  .caption3 {
    font-size: 14px;
    line-height: 17px;
  }

  .caption4 {
    font-size: 12px;
    line-height: 15px;
  }

  .caption5 {
    font-size: 16px;
    line-height: 20px;
  }

  .caption6 {
    font-size: 12px;
    line-height: 15px;
  }

}

@media screen and (max-width: 700px) {
  .container {
    padding: 0 50px;
  }
}

@media screen and (max-width: 500px) {
  .container {
    padding: 0 20px;
  }
}