@charset "UTF-8";
/*
    Theme variables for teacher portal
    Created on : 24 сент. 2020 г., 14:18
    Author     : ninomt
*/
/* Page grid breakpoints */
/* Colors */
:root {
  --main-color: #18265C;
  --main-dark: #0D1A50;
  --main-light: #314DBC;
  --color1-light: #9BD76D;
  --color1-main: #89C05E;
  --color1-dark: #72A949;
  --color2-light: #61E6AE;
  --color2-main: #51CD99;
  --color2-dark: #3DBB86;
  --color3-light: #62CFE7;
  --color3-main: #51B7CD;
  --color3-dark: #3CA3BA;
  --color4-light: #7297F8;
  --color4-main: #6084E1;
  --color4-dark: #4C72D4;
  --color5-light: #A195ED;
  --color5-main: #9084D9;
  --color5-dark: #7B6EC7;
  --color6-light: #CC81CF;
  --color6-main: #B86FBC;
  --color6-dark: #AB5BAF;
  --color7-light: #EC7D90;
  --color7-main: #DE6D80;
  --color7-dark: #CE5A6E;
  --color8-light: #FFDC82;
  --color8-main: #FFCC59;
  --color8-dark: #FFC33D;
  --color-gray-1: #F3F3F8;
  --color-gray-2: #E2E2F0;
  --color-gray-3: #777777;
  --color-gray-4: #363644;
  --color-gray-5: #ACACB8;
  --color-gray-6: #E7E7EF;
  --color-gray-7: #868695; }

/* Icons */
/* Theme */
/* main menu */
/* footer */
/* buttons */
/* links */
/* text */
/* fonts */
/* images */
/* sizes */
/*
    0.75rem   // 12px
    0.8125rem // 13px
    0.875rem  // 14px
    1.125rem  // 18px
    1.25rem   // 20px
    1.5rem    // 24px
    1.625rem  // 26px
    2.125rem  // 34px
    2.625rem  // 42px
    3rem      // 48px
    3.125rem  // 50px
*/
.static-page {
  font-size: 1.5rem; }
  .static-page.content {
    margin-top: 2rem; }
  @media (max-width: 1699.98px) {
    .static-page {
      font-size: 20px; } }
  @media (max-width: 767.98px) {
    .static-page {
      font-size: 18px; } }
  .static-page .page-title {
    font-weight: 700;
    font-size: 54px;
    color: #363644; }
    @media (max-width: 1699.98px) {
      .static-page .page-title {
        font-size: 32px;
        margin-bottom: 16px; } }
    @media (max-width: 767.98px) {
      .static-page .page-title {
        font-size: 26px; } }
  .static-page h2, .static-page .h2-before:before {
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 36px;
    margin-top: 48px; }
    @media (max-width: 1699.98px) {
      .static-page h2, .static-page .h2-before:before {
        font-size: 26px;
        margin-bottom: 24px;
        margin-top: 32px; } }
    @media (max-width: 767.98px) {
      .static-page h2, .static-page .h2-before:before {
        font-size: 24px; } }
  .static-page h3 {
    font-weight: 450;
    font-size: 32px;
    margin-bottom: 24px; }
    @media (max-width: 1699.98px) {
      .static-page h3 {
        font-size: 24px;
        margin-bottom: 16px; } }
    @media (max-width: 767.98px) {
      .static-page h3 {
        font-size: 20px;
        margin-bottom: 8px; } }
  .static-page ol li, .static-page ul li {
    margin-bottom: 1rem; }
    @media (max-width: 1699.98px) {
      .static-page ol li, .static-page ul li {
        margin-bottom: 0.5rem; } }
  .static-page li ol li:first-child {
    margin-top: 1rem; }
    @media (max-width: 1699.98px) {
      .static-page li ol li:first-child {
        margin-top: 0.5rem; } }
  .static-page li ol li:last-child {
    margin-bottom: 0; }

/*# sourceMappingURL=../../../../pages/static-page.css.map */