/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * modules/mixins
 * ---
 */
/**
 * modules/fonts
 * ---
 * Declare fonts here
 */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap");
/**
 * partials/reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'Poppins', sans-serif;
  height: 100%; }

body {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #131111;
  background-color: #fff;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  display: table;
  width: 100%;
  min-height: 100vh; }

main {
  flex: 1;
  background-color: #eee; }

h1, h2, h3, h4, h5 {
  padding: 2rem 0;
  margin: 0;
  display: block; }

p {
  max-width: 100rem;
  margin: 0 0 2rem; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  color: #131111;
  text-decoration: none; }
  a:focus, a:hover {
    text-decoration: underline; }

label {
  font-size: 600;
  display: block;
  width: 100%;
  text-transform: uppercase; }

select {
  font-size: inherit;
  line-height: inherit;
  display: block;
  border: 1px solid #b1afaf;
  border-radius: 0.3rem;
  width: 100%;
  line-height: 2.5;
  padding: 0 1.6rem;
  font-family: 'Poppins', sans-serif; }

input {
  font-size: inherit;
  line-height: inherit;
  display: block;
  border: 1px solid #b1afaf;
  border-radius: 0.3rem;
  width: 100%;
  line-height: 2.5;
  padding: 0 1.6rem;
  font-family: 'Poppins', sans-serif; }
  input:focus {
    border-color: #960709;
    outline: none;
    transition: all 300ms ease-in-out; }
  input[type=submit] {
    text-transform: uppercase;
    background-color: #ED0A0F;
    color: #ffffff;
    border: none;
    padding: 1.2rem;
    display: block;
    text-align: center;
    border-radius: 0.3rem;
    cursor: pointer; }
  input[type=checkbox] {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0; }
  input[type=checkbox] + label {
    width: calc(100% - 5em);
    display: inline;
    text-transform: none;
    margin: 2rem 0 1rem 2rem; }

button, .btn {
  text-transform: uppercase;
  background-color: #ED0A0F;
  color: #ffffff;
  border: none;
  border-radius: 0.3rem;
  padding: 1.6rem 5rem;
  display: block;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  transition: all 300ms ease-in-out; }
  button:hover, .btn:hover {
    background-color: #960709;
    text-decoration: none; }
  button.inline, .btn.inline {
    display: inline-block; }

table {
  width: 100%;
  border-spacing: 0px;
  margin: 4rem 0; }
  table tr th {
    text-align: left;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 2px solid #960709;
    padding: 0rem 1rem; }
  table tr td {
    text-align: left;
    font-weight: 400;
    border-bottom: 1px solid #b1afaf;
    padding: 1rem; }

::selection {
  background-color: #f2474b;
  color: #fff;
  text-shadow: none; }

.whitebg {
  background-color: #ffffff; }

.roundborder {
  border-radius: 0.5rem; }

.mobile {
  display: none; }

@media only screen and (max-width: 800px) {
  h1, h2, h3, h4, h5 {
    padding: 2rem 0;
    margin: 0 1.5rem;
    display: block; }

  p {
    max-width: 100rem;
    margin: 0 1.5rem 2rem; }

  img {
    max-width: 100%;
    vertical-align: middle; }

  a {
    color: #131111;
    text-decoration: none; }
    a:focus, a:hover {
      text-decoration: underline; }

  label {
    font-size: 600;
    display: block;
    width: 100%;
    text-transform: uppercase; }

  select {
    font-size: inherit;
    line-height: inherit;
    display: block;
    border: 1px solid #b1afaf;
    border-radius: 0.3rem;
    width: 100%;
    line-height: 2.5;
    padding: 0 1.6rem;
    font-family: 'Poppins', sans-serif; }

  input {
    font-size: inherit;
    line-height: inherit;
    display: block;
    border: 1px solid #b1afaf;
    border-radius: 0.3rem;
    width: 100%;
    line-height: 2.5;
    padding: 0 1.6rem;
    font-family: 'Poppins', sans-serif; }
    input:focus {
      border-color: #960709;
      outline: none;
      transition: all 300ms ease-in-out; }
    input[type=submit] {
      text-transform: uppercase;
      background-color: #ED0A0F;
      color: #ffffff;
      border: none;
      padding: 1.2rem;
      display: block;
      text-align: center;
      border-radius: 0.3rem;
      cursor: pointer; }
    input[type=checkbox] {
      display: inline-block;
      width: auto;
      padding: 0;
      margin: 0.5rem 0 0 0;
      vertical-align: top; }
    input[type=checkbox] + label {
      width: calc(100% - 3rem);
      display: inline-block;
      text-transform: none;
      margin: 0 0 0 1rem; }

  button, .btn {
    text-transform: uppercase;
    background-color: #ED0A0F;
    color: #ffffff;
    border: none;
    border-radius: 0.3rem;
    padding: 1.6rem 3rem;
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    transition: all 300ms ease-in-out; }
    button:hover, .btn:hover {
      background-color: #960709;
      text-decoration: none; }
    button.inline, .btn.inline {
      display: inline-block; }

  table {
    width: 100%;
    border-spacing: 0px;
    margin: 4rem 0; }
    table tr th {
      text-align: left;
      font-weight: 400;
      text-transform: uppercase;
      border-bottom: 2px solid #960709;
      padding: 0rem 1rem; }
    table tr td {
      text-align: left;
      font-weight: 400;
      border-bottom: 1px solid #b1afaf;
      padding: 1rem; }

  ::selection {
    background-color: #f2474b;
    color: #fff;
    text-shadow: none; }

  .whitebg {
    background-color: #ffffff; }

  .roundborder {
    border-radius: 0.5rem; }

  .mobile {
    display: block; }

  .desktop {
    display: none; } }
/**
 * partials/wordpress
 * ---
 * Wordpess core classes
 */
/**
 * Alignment
 */
.alignnone {
  margin: 5px 15px 15px 0; }

.aligncenter {
  display: block;
  margin: 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 15px 15px; }

.alignleft {
  float: left;
  margin: 5px 15px 15px 0; }

/**
 * Gallery & images
 */
.wp-caption {
  background: #fff;
  border: thin solid #F0F0F0;
  max-width: 95%;
  padding: 5px 5px;
  text-align: center; }
  .wp-caption img {
    width: auto;
    max-width: 98.5%;
    height: auto;
    border: 0 none;
    padding: 0;
    margin: 0; }

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 0 5px 5px;
  font-size: 1.6rem;
  line-height: 1.5; }

/**
 * partials/utils
 * ---
 * Utils classes
 */
.clear:before, .clear:after {
  content: " ";
  display: table; }
.clear:after {
  clear: both; }

.reset-box {
  padding: 0;
  margin: 0; }

/**
 * partials/wrapper
 * ---
 */
.wrapper {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  color: #131111;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  .wrapper .wrapper-header {
    width: 100%;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    text-transform: uppercase;
    z-index: 9999; }
    .wrapper .wrapper-header .top-header-notification {
      background-color: #ffc222;
      width: 100%;
      padding: 1rem;
      text-transform: initial;
      text-align: center;
      z-index: 9999;
      display: block;
      position: fixed;
      top: 0; }
    .wrapper .wrapper-header .header-header {
      background-color: #131111;
      color: #ffffff; }
    .wrapper .wrapper-header .header-content {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      position: relative;
      font-size: 1.4rem; }
  .wrapper .wrapper-content {
    background-color: #eee;
    width: 100%;
    padding-bottom: 3rem; }
    .wrapper .wrapper-content .content-header {
      width: 100%;
      background-color: #960709;
      background-image: url("img/418227124.jpg");
      background-size: cover;
      background-position: center;
      color: #ffffff;
      padding: 4rem 0; }
      .wrapper .wrapper-content .content-header h1 {
        color: #ffffff;
        text-align: center;
        font-size: 4rem; }
    .wrapper .wrapper-content .content-content {
      width: 100%;
      max-width: 1280px;
      margin: 3rem auto 0;
      padding: 3rem 4rem;
      position: relative; }
      .wrapper .wrapper-content .content-content.wide {
        max-width: 100%; }
      .wrapper .wrapper-content .content-content.whitebg {
        background-color: #ffffff; }
      .wrapper .wrapper-content .content-content.flex {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 6rem; }
        .wrapper .wrapper-content .content-content.flex .item {
          min-width: 20rem; }
          .wrapper .wrapper-content .content-content.flex .item .flex-trio {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 4rem; }
            .wrapper .wrapper-content .content-content.flex .item .flex-trio .item {
              flex-grow: 1; }
      .wrapper .wrapper-content .content-content .school-wide {
        width: 100%; }
  .wrapper .wrapper-footer {
    background-color: #FFA240;
    width: 100%;
    color: #ffffff; }
    .wrapper .wrapper-footer .footer-content {
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding: 3rem 4rem;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-evenly;
      align-items: flex-start;
      gap: 3rem; }
      .wrapper .wrapper-footer .footer-content a {
        color: #ffffff; }
  .wrapper #front-page .wrapper-content .content-content {
    max-width: 100%;
    background-color: #eee;
    margin: 0 auto; }
  .wrapper #registration .wrapper-content .content-header {
    background-image: none;
    background-color: #b1afaf;
    background: linear-gradient(90deg, #d73535 50%, #b1afaf 50%);
    padding: 0; }
    .wrapper #registration .wrapper-content .content-header .wrap {
      width: 100%;
      max-width: 128rem;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center; }
      .wrapper #registration .wrapper-content .content-header .wrap .step {
        flex-basis: 33.33%;
        background-color: #b1afaf;
        padding: 4rem 2rem; }
        .wrapper #registration .wrapper-content .content-header .wrap .step span, .wrapper #registration .wrapper-content .content-header .wrap .step h1 {
          font-size: 2.7rem;
          line-height: 2.8rem;
          font-weight: 600;
          color: #8a8989;
          display: block;
          position: relative;
          margin-left: 10rem;
          padding: 0;
          text-align: left; }
          .wrapper #registration .wrapper-content .content-header .wrap .step span:before, .wrapper #registration .wrapper-content .content-header .wrap .step h1:before {
            content: '';
            display: block;
            position: absolute;
            left: -9rem;
            top: -1.4rem;
            width: 8rem;
            height: 8rem;
            border-radius: 50%;
            border: 1rem solid #8a8989; }
          .wrapper #registration .wrapper-content .content-header .wrap .step span:after, .wrapper #registration .wrapper-content .content-header .wrap .step h1:after {
            content: attr(data-step);
            display: block;
            position: absolute;
            left: -9rem;
            top: 0.3rem;
            width: 8rem;
            height: 5rem;
            color: #8a8989;
            font-size: 4.5rem;
            line-height: 5rem;
            text-align: center; }
        .wrapper #registration .wrapper-content .content-header .wrap .step.active {
          background: #d73535;
          background: linear-gradient(114deg, #d73535 27%, #b1afaf 84%); }
          .wrapper #registration .wrapper-content .content-header .wrap .step.active span, .wrapper #registration .wrapper-content .content-header .wrap .step.active h1 {
            color: #eee; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.active span:before, .wrapper #registration .wrapper-content .content-header .wrap .step.active h1:before {
              border-color: #eee; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.active span:after, .wrapper #registration .wrapper-content .content-header .wrap .step.active h1:after {
              color: #eee; }
        .wrapper #registration .wrapper-content .content-header .wrap .step.active.set span, .wrapper #registration .wrapper-content .content-header .wrap .step.active.set h1 {
          color: #eee; }
          .wrapper #registration .wrapper-content .content-header .wrap .step.active.set span:before, .wrapper #registration .wrapper-content .content-header .wrap .step.active.set h1:before {
            border-color: #eee; }
          .wrapper #registration .wrapper-content .content-header .wrap .step.active.set span:after, .wrapper #registration .wrapper-content .content-header .wrap .step.active.set h1:after {
            color: #eee; }
        .wrapper #registration .wrapper-content .content-header .wrap .step.set {
          background: #d73535; }
          .wrapper #registration .wrapper-content .content-header .wrap .step.set span, .wrapper #registration .wrapper-content .content-header .wrap .step.set h1 {
            color: #7c1d1d; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.set span:before, .wrapper #registration .wrapper-content .content-header .wrap .step.set h1:before {
              border-color: #7c1d1d; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.set span:after, .wrapper #registration .wrapper-content .content-header .wrap .step.set h1:after {
              color: #7c1d1d;
              font-family: 'dashicons';
              content: "\f147"; }

@media only screen and (max-width: 800px) {
  .wrapper {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    color: #131111;
    min-height: 100vh;
    display: flex;
    flex-direction: column; }
    .wrapper .wrapper-header {
      width: 100%;
      position: sticky;
      top: 0;
      background-color: #ffffff;
      text-transform: uppercase;
      z-index: 9999; }
      .wrapper .wrapper-header .header-header {
        background-color: #131111;
        color: #ffffff; }
      .wrapper .wrapper-header .header-content {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
        font-size: 1.4rem; }
    .wrapper .wrapper-content {
      background-color: #eee;
      width: 100%;
      padding-bottom: 3rem; }
      .wrapper .wrapper-content .content-header {
        width: 100%;
        background-color: #960709;
        background-image: url("img/3506626.jpg");
        background-size: cover;
        background-position: center;
        color: #ffffff;
        padding: 2.5rem 0; }
        .wrapper .wrapper-content .content-header h1 {
          color: #ffffff;
          text-align: center;
          font-size: 3rem; }
      .wrapper .wrapper-content .content-content {
        width: 100%;
        max-width: 1280px;
        margin: 2rem auto 0;
        padding: 2rem 1rem 0;
        position: relative; }
        .wrapper .wrapper-content .content-content.wide {
          max-width: 100%; }
        .wrapper .wrapper-content .content-content.whitebg {
          background-color: #ffffff; }
        .wrapper .wrapper-content .content-content.flex {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-content: flex-start;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 6rem; }
          .wrapper .wrapper-content .content-content.flex .item {
            min-width: 20rem; }
            .wrapper .wrapper-content .content-content.flex .item .flex-trio {
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap;
              align-content: flex-start;
              justify-content: flex-start;
              align-items: flex-start;
              gap: 4rem; }
              .wrapper .wrapper-content .content-content.flex .item .flex-trio .item {
                flex-grow: 1; }
        .wrapper .wrapper-content .content-content .school-wide {
          width: 100%; }
    .wrapper .wrapper-footer {
      background-color: #FFA240;
      width: 100%;
      color: #ffffff; }
      .wrapper .wrapper-footer .footer-content {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 3rem 4rem;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        gap: 3rem; }
        .wrapper .wrapper-footer .footer-content a {
          color: #ffffff; }
    .wrapper #front-page .wrapper-content .content-content {
      max-width: 100%;
      background-color: #eee;
      margin: 0 auto; }
    .wrapper #registration .wrapper-content .content-header {
      background-image: none;
      background-color: #b1afaf;
      background: linear-gradient(114deg, #d73535 27%, #b1afaf 84%);
      padding: 0; }
      .wrapper #registration .wrapper-content .content-header .wrap {
        width: 100%;
        max-width: 128rem;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center; }
        .wrapper #registration .wrapper-content .content-header .wrap .step {
          flex-basis: 33.33%;
          background-color: #b1afaf;
          padding: 4rem 2rem; }
          .wrapper #registration .wrapper-content .content-header .wrap .step span, .wrapper #registration .wrapper-content .content-header .wrap .step h1 {
            font-size: 2.7rem;
            line-height: 2.8rem;
            font-weight: 600;
            color: #8a8989;
            display: block;
            position: relative;
            margin-left: 10rem;
            padding: 0;
            text-align: left; }
            .wrapper #registration .wrapper-content .content-header .wrap .step span:before, .wrapper #registration .wrapper-content .content-header .wrap .step h1:before {
              content: '';
              display: block;
              position: absolute;
              left: -9rem;
              top: -1.4rem;
              width: 8rem;
              height: 8rem;
              border-radius: 50%;
              border: 1rem solid #8a8989; }
            .wrapper #registration .wrapper-content .content-header .wrap .step span:after, .wrapper #registration .wrapper-content .content-header .wrap .step h1:after {
              content: attr(data-step);
              display: block;
              position: absolute;
              left: -9rem;
              top: 0.3rem;
              width: 8rem;
              height: 5rem;
              color: #8a8989;
              font-size: 4.5rem;
              line-height: 5rem;
              text-align: center; }
          .wrapper #registration .wrapper-content .content-header .wrap .step:not(.active) {
            display: none; }
          .wrapper #registration .wrapper-content .content-header .wrap .step.active {
            background: #d73535;
            background: linear-gradient(114deg, #d73535 27%, #b1afaf 84%); }
            .wrapper #registration .wrapper-content .content-header .wrap .step.active span, .wrapper #registration .wrapper-content .content-header .wrap .step.active h1 {
              color: #eee; }
              .wrapper #registration .wrapper-content .content-header .wrap .step.active span:before, .wrapper #registration .wrapper-content .content-header .wrap .step.active h1:before {
                border-color: #eee; }
              .wrapper #registration .wrapper-content .content-header .wrap .step.active span:after, .wrapper #registration .wrapper-content .content-header .wrap .step.active h1:after {
                color: #eee; }
          .wrapper #registration .wrapper-content .content-header .wrap .step.active.set span, .wrapper #registration .wrapper-content .content-header .wrap .step.active.set h1 {
            color: #eee; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.active.set span:before, .wrapper #registration .wrapper-content .content-header .wrap .step.active.set h1:before {
              border-color: #eee; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.active.set span:after, .wrapper #registration .wrapper-content .content-header .wrap .step.active.set h1:after {
              color: #eee; }
          .wrapper #registration .wrapper-content .content-header .wrap .step.set {
            background: #d73535; }
            .wrapper #registration .wrapper-content .content-header .wrap .step.set span, .wrapper #registration .wrapper-content .content-header .wrap .step.set h1 {
              color: #7c1d1d; }
              .wrapper #registration .wrapper-content .content-header .wrap .step.set span:before, .wrapper #registration .wrapper-content .content-header .wrap .step.set h1:before {
                border-color: #7c1d1d; }
              .wrapper #registration .wrapper-content .content-header .wrap .step.set span:after, .wrapper #registration .wrapper-content .content-header .wrap .step.set h1:after {
                color: #7c1d1d;
                font-family: 'dashicons';
                content: "\f147"; } }
/**
 * partials/header
 * ---
 */
.header-header .nav {
  text-align: right;
  padding: 0;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }
  .header-header .nav .menu-header-top-container {
    display: inline-block; }
  .header-header .nav ul {
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none; }
    .header-header .nav ul li {
      display: inline-block; }
      .header-header .nav ul li a {
        padding: 1rem;
        display: inline-block;
        color: #ffffff;
        font-weight: 300;
        font-size: 1.4rem;
        line-height: 1;
        text-transform: none; }
        .header-header .nav ul li a:hover, .header-header .nav ul li a:focus {
          text-decoration: none; }
      .header-header .nav ul li.current-menu-item {
        font-weight: 600; }

.header-content .logo {
  position: absolute;
  top: 0;
  left: 0; }
.header-content .logo-img {
  max-height: 85px; }
.header-content .nav {
  text-align: right;
  padding: 0; }
  .header-content .nav ul {
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none; }
    .header-content .nav ul li {
      display: inline-block; }
      .header-content .nav ul li a {
        padding: 2rem 1rem;
        display: inline-block;
        line-height: 3; }
        .header-content .nav ul li a:after {
          content: '';
          display: block;
          width: 100%;
          height: 0.3rem;
          opacity: 0;
          background-color: #960709;
          transition: 300ms all ease; }
        .header-content .nav ul li a:hover, .header-content .nav ul li a:focus {
          text-decoration: none; }
          .header-content .nav ul li a:hover:after, .header-content .nav ul li a:focus:after {
            opacity: 1;
            transform: translate3d(0, 0.3rem, 0);
            background-color: #FFA240; }
      .header-content .nav ul li.current-menu-item {
        font-weight: 600; }
        .header-content .nav ul li.current-menu-item a:after {
          opacity: 1;
          transform: translate3d(0, 0.3rem, 0); }

@media only screen and (max-width: 800px) {
  .header-header {
    display: none; }

  .header-content .logo {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 65px); }
  .header-content .menuBtn {
    display: block;
    font-size: 3rem;
    padding: 2rem;
    text-align: right;
    float: right;
    cursor: pointer; }
    .header-content .menuBtn span {
      width: 25px;
      height: 25px;
      font-size: 25px;
      line-height: 45px; }
  .header-content .logo-img {
    max-width: 90%; }
  .header-content .nav {
    text-align: left;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    left: -800px;
    height: 100vh;
    width: 100%;
    background-color: #960709;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    transition: left 300ms ease-in-out; }
    .header-content .nav.show {
      left: 0; }
    .header-content .nav ul {
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none; }
      .header-content .nav ul li {
        display: block;
        width: 100%; }
        .header-content .nav ul li:after {
          content: none;
          display: block;
          height: 2px;
          width: 100%;
          background-color: #b1afaf; }
        .header-content .nav ul li a {
          padding: 1rem 2.5rem;
          display: block;
          line-height: 2;
          transition: 300ms all ease;
          font-size: 2.2rem;
          color: #ffffff; }
          .header-content .nav ul li a:after {
            content: none; }
          .header-content .nav ul li a:hover, .header-content .nav ul li a:focus {
            text-decoration: none;
            color: #131111; }
            .header-content .nav ul li a:hover:after, .header-content .nav ul li a:focus:after {
              content: none; }
        .header-content .nav ul li.current-menu-item {
          font-weight: 600;
          color: #131111; }
          .header-content .nav ul li.current-menu-item a:after {
            opacity: 1;
            transform: translate3d(0, 0.3rem, 0); }
    .header-content .nav .closeBtn {
      font-size: 3rem;
      padding: 2rem;
      text-align: right;
      cursor: pointer; }
      .header-content .nav .closeBtn span {
        width: 30px;
        height: 30px;
        font-size: 30px; }
    .header-content .nav .menu-header-top-container {
      padding-top: 3rem; }
      .header-content .nav .menu-header-top-container a {
        text-transform: none;
        font-size: 1.8rem;
        line-height: 1.5; } }
/**
 * partials/nav
 * ---
 * Menus
 */
.nav .menu-school ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block; }
  .nav .menu-school ul li {
    border-bottom: 1px solid #960709;
    padding: 0.5rem 1rem; }
    .nav .menu-school ul li a {
      transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
      .nav .menu-school ul li a:hover {
        text-decoration: none;
        color: #960709; }
    .nav .menu-school ul li.current-menu-item a {
      font-weight: 600;
      color: #960709; }
    .nav .menu-school ul li ul {
      display: block;
      padding-left: 2rem; }

/**
 * partials/registration

 */
#registration .content-content, #school-settings .content-content, #update .content-content {
  background-color: transparent; }
#registration .user-content, #school-settings .user-content, #update .user-content {
    /*.address{
      border: 1px solid $color-grey;
      background-color: $color-white;
      padding: 1.6rem;
      display: inline-block;
      margin: 1rem 1rem 1rem 0;
      transition: all 300ms ease-in-out;
      position: relative;
      text-transform: none;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: auto;

      &:hover{
        border:1px solid $color-two;
        text-decoration: none;
        cursor: pointer;
      }
      
      &.active{
        padding-left: 4rem;
        border:3px solid $color-two;

        &::before{
          content: "\f147";
          display: block;
          width: 3rem;
          height: 3rem;
          font-family: 'dashicons';
          font-size: 3rem;
          line-height: 3rem;
          position: absolute;
          top: 0;
          color: #41bb35;
          left: 0;
        }
      }
    }*/
  /* Customize the label (the container) */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Show the checkmark when checked */ }
  #registration .user-content #z1address, #registration .user-content #z1addressD, #registration .user-content #z1datovka, #registration .user-content #z2address, #registration .user-content #z2addressD, #registration .user-content #z2datovka, #registration .user-content .outZlin, #registration .user-content .outCRdiv, #registration .user-content .outCRDdiv, #school-settings .user-content #z1address, #school-settings .user-content #z1addressD, #school-settings .user-content #z1datovka, #school-settings .user-content #z2address, #school-settings .user-content #z2addressD, #school-settings .user-content #z2datovka, #school-settings .user-content .outZlin, #school-settings .user-content .outCRdiv, #school-settings .user-content .outCRDdiv, #update .user-content #z1address, #update .user-content #z1addressD, #update .user-content #z1datovka, #update .user-content #z2address, #update .user-content #z2addressD, #update .user-content #z2datovka, #update .user-content .outZlin, #update .user-content .outCRdiv, #update .user-content .outCRDdiv {
    display: none; }
  #registration .user-content #outCR, #registration .user-content #inCR, #registration .user-content #outCRD, #registration .user-content #inCRD, #registration .user-content #outCRz1, #registration .user-content #inCRz1, #registration .user-content #outCRz2, #registration .user-content #inCRz2, #school-settings .user-content #outCR, #school-settings .user-content #inCR, #school-settings .user-content #outCRD, #school-settings .user-content #inCRD, #school-settings .user-content #outCRz1, #school-settings .user-content #inCRz1, #school-settings .user-content #outCRz2, #school-settings .user-content #inCRz2, #update .user-content #outCR, #update .user-content #inCR, #update .user-content #outCRD, #update .user-content #inCRD, #update .user-content #outCRz1, #update .user-content #inCRz1, #update .user-content #outCRz2, #update .user-content #inCRz2 {
    font-size: 1.4rem;
    cursor: pointer;
    float: right;
    transform: translateY(-2.5rem); }
  #registration .user-content #inCR, #registration .user-content #inCRD, #registration .user-content #inCRz1, #registration .user-content #inCRz2, #school-settings .user-content #inCR, #school-settings .user-content #inCRD, #school-settings .user-content #inCRz1, #school-settings .user-content #inCRz2, #update .user-content #inCR, #update .user-content #inCRD, #update .user-content #inCRz1, #update .user-content #inCRz2 {
    display: none; }
  #registration .user-content ul, #school-settings .user-content ul, #update .user-content ul {
    list-style: none;
    width: 100%;
    margin: 0 0 2rem;
    padding: 3rem 2rem;
    border-radius: 0.5rem;
    background-color: #fff; }
    #registration .user-content ul li, #school-settings .user-content ul li, #update .user-content ul li {
      display: inline-block;
      width: 49.5%;
      margin: 1rem 0;
      padding: 0 1rem; }
      #registration .user-content ul li.fullwidth, #school-settings .user-content ul li.fullwidth, #update .user-content ul li.fullwidth {
        width: 100%; }
        #registration .user-content ul li.fullwidth ul, #school-settings .user-content ul li.fullwidth ul, #update .user-content ul li.fullwidth ul {
          padding: 0;
          margin: 0; }
      #registration .user-content ul li.toHide, #school-settings .user-content ul li.toHide, #update .user-content ul li.toHide {
        padding: 0;
        margin: 0; }
      #registration .user-content ul li.err input, #school-settings .user-content ul li.err input, #update .user-content ul li.err input {
        border-color: #f00; }
  #registration .user-content h2, #registration .user-content h3, #school-settings .user-content h2, #school-settings .user-content h3, #update .user-content h2, #update .user-content h3 {
    padding: 3rem 0 0 3rem;
    margin: 0;
    font-size: 2.3rem; }
  #registration .user-content h3, #school-settings .user-content h3, #update .user-content h3 {
    font-size: 1.6rem; }
  #registration .user-content p, #school-settings .user-content p, #update .user-content p {
    padding-left: 3rem; }
  #registration .user-content .detail, #school-settings .user-content .detail, #update .user-content .detail {
    display: none; }
  #registration .user-content .adpdetail, #school-settings .user-content .adpdetail, #update .user-content .adpdetail {
    display: none; }
  #registration .user-content .atpdetail, #school-settings .user-content .atpdetail, #update .user-content .atpdetail {
    display: none; }
  #registration .user-content .detailadr label, #registration .user-content .detailzmocnenec label, #school-settings .user-content .detailadr label, #school-settings .user-content .detailzmocnenec label, #update .user-content .detailadr label, #update .user-content .detailzmocnenec label {
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto; }
  #registration .user-content .detailadr input[type=radio], #registration .user-content .detailzmocnenec input[type=radio], #school-settings .user-content .detailadr input[type=radio], #school-settings .user-content .detailzmocnenec input[type=radio], #update .user-content .detailadr input[type=radio], #update .user-content .detailzmocnenec input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    #registration .user-content .detailadr input[type=radio][disabled=disabled] ~ .checkmark, #registration .user-content .detailzmocnenec input[type=radio][disabled=disabled] ~ .checkmark, #school-settings .user-content .detailadr input[type=radio][disabled=disabled] ~ .checkmark, #school-settings .user-content .detailzmocnenec input[type=radio][disabled=disabled] ~ .checkmark, #update .user-content .detailadr input[type=radio][disabled=disabled] ~ .checkmark, #update .user-content .detailzmocnenec input[type=radio][disabled=disabled] ~ .checkmark {
      background-color: #f00; }
  #registration .user-content .detailadr .address, #registration .user-content .detailzmocnenec .address, #school-settings .user-content .detailadr .address, #school-settings .user-content .detailzmocnenec .address, #update .user-content .detailadr .address, #update .user-content .detailzmocnenec .address {
    border: 1px solid #b1afaf;
    background-color: #ffffff;
    padding: 1.6rem;
    transition: all 300ms ease-in-out;
    position: relative;
    text-transform: none; }
    #registration .user-content .detailadr .address:hover, #registration .user-content .detailzmocnenec .address:hover, #school-settings .user-content .detailadr .address:hover, #school-settings .user-content .detailzmocnenec .address:hover, #update .user-content .detailadr .address:hover, #update .user-content .detailzmocnenec .address:hover {
      border: 1px solid #FFA240; }
  #registration .user-content .detailadr input[type=radio]:checked + div, #registration .user-content .detailzmocnenec input[type=radio]:checked + div, #school-settings .user-content .detailadr input[type=radio]:checked + div, #school-settings .user-content .detailzmocnenec input[type=radio]:checked + div, #update .user-content .detailadr input[type=radio]:checked + div, #update .user-content .detailzmocnenec input[type=radio]:checked + div {
    padding-left: 4rem;
    border: 3px solid #FFA240; }
    #registration .user-content .detailadr input[type=radio]:checked + div::before, #registration .user-content .detailzmocnenec input[type=radio]:checked + div::before, #school-settings .user-content .detailadr input[type=radio]:checked + div::before, #school-settings .user-content .detailzmocnenec input[type=radio]:checked + div::before, #update .user-content .detailadr input[type=radio]:checked + div::before, #update .user-content .detailzmocnenec input[type=radio]:checked + div::before {
      content: "\f147";
      display: block;
      width: 3rem;
      height: 3rem;
      font-family: 'dashicons';
      font-size: 3rem;
      line-height: 3rem;
      position: absolute;
      top: 0;
      color: #41bb35;
      left: 0; }
  #registration .user-content #school-rezervation .timetable, #registration .user-content #school-rezervation .classtable, #school-settings .user-content #school-rezervation .timetable, #school-settings .user-content #school-rezervation .classtable, #update .user-content #school-rezervation .timetable, #update .user-content #school-rezervation .classtable {
    padding: 0 3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8rem;
    row-gap: 5rem; }
    #registration .user-content #school-rezervation .timetable .timeitem, #registration .user-content #school-rezervation .classtable .timeitem, #school-settings .user-content #school-rezervation .timetable .timeitem, #school-settings .user-content #school-rezervation .classtable .timeitem, #update .user-content #school-rezervation .timetable .timeitem, #update .user-content #school-rezervation .classtable .timeitem {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: flex-start;
      gap: 1rem;
      align-items: flex-start;
      margin-bottom: 1.5rem; }
  #registration .user-content #school-rezervation .classtable label, #school-settings .user-content #school-rezervation .classtable label, #update .user-content #school-rezervation .classtable label {
    text-transform: initial;
    background-color: #ffffff; }
  #registration .user-content #school-contact div, #school-settings .user-content #school-contact div, #update .user-content #school-contact div {
    margin: 0; }
    #registration .user-content #school-contact div span, #school-settings .user-content #school-contact div span, #update .user-content #school-contact div span {
      display: inline-block;
      margin: 0 1.5rem 0 0;
      padding: 0 1.5rem 0 0;
      border-right: 1px solid #960709; }
      #registration .user-content #school-contact div span:last-child, #school-settings .user-content #school-contact div span:last-child, #update .user-content #school-contact div span:last-child {
        border-right: none; }
      #registration .user-content #school-contact div span a, #school-settings .user-content #school-contact div span a, #update .user-content #school-contact div span a {
        color: #960709; }
        #registration .user-content #school-contact div span a :hover, #school-settings .user-content #school-contact div span a :hover, #update .user-content #school-contact div span a :hover {
          text-decoration: underline; }
  #registration .user-content .infotext, #school-settings .user-content .infotext, #update .user-content .infotext {
    padding: 3rem;
    border-radius: 0.5rem;
    background-color: #ffffff; }
    #registration .user-content .infotext h2, #school-settings .user-content .infotext h2, #update .user-content .infotext h2 {
      padding: 0; }
    #registration .user-content .infotext p, #school-settings .user-content .infotext p, #update .user-content .infotext p {
      padding: 0; }
    #registration .user-content .infotext.err, #school-settings .user-content .infotext.err, #update .user-content .infotext.err {
      border: 2px solid #ED0A0F; }
  #registration .user-content .container, #school-settings .user-content .container, #update .user-content .container {
    display: inline-block;
    position: relative;
    margin: 0;
    cursor: pointer;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    border: 1px solid #960709; }
    #registration .user-content .container input[type=radio], #school-settings .user-content .container input[type=radio], #update .user-content .container input[type=radio] {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      #registration .user-content .container input[type=radio][disabled=disabled] ~ .checkmark, #school-settings .user-content .container input[type=radio][disabled=disabled] ~ .checkmark, #update .user-content .container input[type=radio][disabled=disabled] ~ .checkmark {
        background-color: #f00; }
  #registration .user-content .checkmark, #school-settings .user-content .checkmark, #update .user-content .checkmark {
    background-color: #fff;
    padding: 0.5rem 1rem;
    display: block;
    text-align: center;
    min-width: 6.5rem; }
    #registration .user-content .checkmark:after, #school-settings .user-content .checkmark:after, #update .user-content .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
  #registration .user-content .container:hover input ~ .checkmark, #school-settings .user-content .container:hover input ~ .checkmark, #update .user-content .container:hover input ~ .checkmark {
    background-color: #b1afaf; }
  #registration .user-content .container input:checked ~ .checkmark, #school-settings .user-content .container input:checked ~ .checkmark, #update .user-content .container input:checked ~ .checkmark {
    background-color: #960709;
    color: #ffffff;
    font-weight: 800; }
  #registration .user-content .container input:checked ~ .checkmark:after, #school-settings .user-content .container input:checked ~ .checkmark:after, #update .user-content .container input:checked ~ .checkmark:after {
    display: block; }
  #registration .user-content .plaindiv, #school-settings .user-content .plaindiv, #update .user-content .plaindiv {
    padding: 3rem;
    margin-bottom: 2rem;
    background-color: #ffffff;
    border-radius: 0.5rem; }

@media only screen and (max-width: 800px) {
  #registration .content-content, #school-settings .content-content, #update .content-content {
    background-color: transparent; }
  #registration .user-content, #school-settings .user-content, #update .user-content {
    /*.address{
      border: 1px solid $color-grey;
      background-color: $color-white;
      padding: 1.6rem;
      display: inline-block;
      margin: 1rem 1rem 1rem 0;
      transition: all 300ms ease-in-out;
      position: relative;
      text-transform: none;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: auto;

      &:hover{
        border:1px solid $color-two;
        text-decoration: none;
        cursor: pointer;
      }
      
      &.active{
        padding-left: 4rem;
        border:3px solid $color-two;

        &::before{
          content: "\f147";
          display: block;
          width: 3rem;
          height: 3rem;
          font-family: 'dashicons';
          font-size: 3rem;
          line-height: 3rem;
          position: absolute;
          top: 0;
          color: #41bb35;
          left: 0;
        }
      }
    }*/
    /* Customize the label (the container) */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Show the checkmark when checked */ }
    #registration .user-content #z1address, #registration .user-content #z1addressD, #registration .user-content #z1datovka, #registration .user-content #z2address, #registration .user-content #z2addressD, #registration .user-content #z2datovka, #registration .user-content .outZlin, #registration .user-content .outCRdiv, #school-settings .user-content #z1address, #school-settings .user-content #z1addressD, #school-settings .user-content #z1datovka, #school-settings .user-content #z2address, #school-settings .user-content #z2addressD, #school-settings .user-content #z2datovka, #school-settings .user-content .outZlin, #school-settings .user-content .outCRdiv, #update .user-content #z1address, #update .user-content #z1addressD, #update .user-content #z1datovka, #update .user-content #z2address, #update .user-content #z2addressD, #update .user-content #z2datovka, #update .user-content .outZlin, #update .user-content .outCRdiv {
      display: none; }
    #registration .user-content #outCR, #registration .user-content #inCR, #registration .user-content #outCRz1, #registration .user-content #inCRz1, #registration .user-content #outCRz2, #registration .user-content #inCRz2, #school-settings .user-content #outCR, #school-settings .user-content #inCR, #school-settings .user-content #outCRz1, #school-settings .user-content #inCRz1, #school-settings .user-content #outCRz2, #school-settings .user-content #inCRz2, #update .user-content #outCR, #update .user-content #inCR, #update .user-content #outCRz1, #update .user-content #inCRz1, #update .user-content #outCRz2, #update .user-content #inCRz2 {
      font-size: 1.4rem;
      cursor: pointer;
      float: right;
      transform: translate(-0.5rem, 0.5rem); }
    #registration .user-content #inCR, #registration .user-content #inCRz1, #registration .user-content #inCRz2, #school-settings .user-content #inCR, #school-settings .user-content #inCRz1, #school-settings .user-content #inCRz2, #update .user-content #inCR, #update .user-content #inCRz1, #update .user-content #inCRz2 {
      display: none; }
    #registration .user-content ul, #school-settings .user-content ul, #update .user-content ul {
      list-style: none;
      width: 100%;
      margin: 0 0 2rem;
      padding: 1.5rem;
      border-radius: 0.5rem;
      background-color: #fff; }
      #registration .user-content ul li, #school-settings .user-content ul li, #update .user-content ul li {
        display: inline-block;
        width: 100%;
        margin: 1rem 0;
        padding: 0; }
        #registration .user-content ul li.fullwidth, #school-settings .user-content ul li.fullwidth, #update .user-content ul li.fullwidth {
          width: 100%; }
          #registration .user-content ul li.fullwidth ul, #school-settings .user-content ul li.fullwidth ul, #update .user-content ul li.fullwidth ul {
            padding: 0;
            margin: 0; }
        #registration .user-content ul li.toHide, #school-settings .user-content ul li.toHide, #update .user-content ul li.toHide {
          padding: 0;
          margin: 0; }
    #registration .user-content h2, #registration .user-content h3, #school-settings .user-content h2, #school-settings .user-content h3, #update .user-content h2, #update .user-content h3 {
      padding: 2rem 0 0 1.5rem;
      margin: 0;
      font-size: 2.2rem; }
    #registration .user-content h3, #school-settings .user-content h3, #update .user-content h3 {
      font-size: 1.6rem; }
    #registration .user-content p, #school-settings .user-content p, #update .user-content p {
      padding-left: 0; }
    #registration .user-content .detail, #school-settings .user-content .detail, #update .user-content .detail {
      display: none; }
    #registration .user-content .adpdetail, #school-settings .user-content .adpdetail, #update .user-content .adpdetail {
      display: none; }
    #registration .user-content .atpdetail, #school-settings .user-content .atpdetail, #update .user-content .atpdetail {
      display: none; }
    #registration .user-content .detailadr label, #registration .user-content .detailzmocnenec label, #school-settings .user-content .detailadr label, #school-settings .user-content .detailzmocnenec label, #update .user-content .detailadr label, #update .user-content .detailzmocnenec label {
      display: inline-block;
      margin: 1rem 1rem 1rem 0;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: auto; }
    #registration .user-content .detailadr input[type=radio], #registration .user-content .detailzmocnenec input[type=radio], #school-settings .user-content .detailadr input[type=radio], #school-settings .user-content .detailzmocnenec input[type=radio], #update .user-content .detailadr input[type=radio], #update .user-content .detailzmocnenec input[type=radio] {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      #registration .user-content .detailadr input[type=radio][disabled=disabled] ~ .checkmark, #registration .user-content .detailzmocnenec input[type=radio][disabled=disabled] ~ .checkmark, #school-settings .user-content .detailadr input[type=radio][disabled=disabled] ~ .checkmark, #school-settings .user-content .detailzmocnenec input[type=radio][disabled=disabled] ~ .checkmark, #update .user-content .detailadr input[type=radio][disabled=disabled] ~ .checkmark, #update .user-content .detailzmocnenec input[type=radio][disabled=disabled] ~ .checkmark {
        background-color: #f00; }
    #registration .user-content .detailadr .address, #registration .user-content .detailzmocnenec .address, #school-settings .user-content .detailadr .address, #school-settings .user-content .detailzmocnenec .address, #update .user-content .detailadr .address, #update .user-content .detailzmocnenec .address {
      border: 1px solid #b1afaf;
      background-color: #ffffff;
      padding: 1.6rem;
      transition: all 300ms ease-in-out;
      position: relative;
      text-transform: none; }
      #registration .user-content .detailadr .address:hover, #registration .user-content .detailzmocnenec .address:hover, #school-settings .user-content .detailadr .address:hover, #school-settings .user-content .detailzmocnenec .address:hover, #update .user-content .detailadr .address:hover, #update .user-content .detailzmocnenec .address:hover {
        border: 1px solid #FFA240; }
    #registration .user-content .detailadr input[type=radio]:checked + div, #registration .user-content .detailzmocnenec input[type=radio]:checked + div, #school-settings .user-content .detailadr input[type=radio]:checked + div, #school-settings .user-content .detailzmocnenec input[type=radio]:checked + div, #update .user-content .detailadr input[type=radio]:checked + div, #update .user-content .detailzmocnenec input[type=radio]:checked + div {
      padding-left: 4rem;
      border: 3px solid #FFA240; }
      #registration .user-content .detailadr input[type=radio]:checked + div::before, #registration .user-content .detailzmocnenec input[type=radio]:checked + div::before, #school-settings .user-content .detailadr input[type=radio]:checked + div::before, #school-settings .user-content .detailzmocnenec input[type=radio]:checked + div::before, #update .user-content .detailadr input[type=radio]:checked + div::before, #update .user-content .detailzmocnenec input[type=radio]:checked + div::before {
        content: "\f147";
        display: block;
        width: 3rem;
        height: 3rem;
        font-family: 'dashicons';
        font-size: 3rem;
        line-height: 3rem;
        position: absolute;
        top: 0;
        color: #41bb35;
        left: 0; }
    #registration .user-content #school-rezervation .timetable, #registration .user-content #school-rezervation .classtable, #school-settings .user-content #school-rezervation .timetable, #school-settings .user-content #school-rezervation .classtable, #update .user-content #school-rezervation .timetable, #update .user-content #school-rezervation .classtable {
      padding: 0 3rem;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: flex-start;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 8rem;
      row-gap: 5rem; }
      #registration .user-content #school-rezervation .timetable .timeitem, #registration .user-content #school-rezervation .classtable .timeitem, #school-settings .user-content #school-rezervation .timetable .timeitem, #school-settings .user-content #school-rezervation .classtable .timeitem, #update .user-content #school-rezervation .timetable .timeitem, #update .user-content #school-rezervation .classtable .timeitem {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        gap: 1rem;
        align-items: flex-start;
        margin-bottom: 1.5rem; }
    #registration .user-content #school-rezervation .classtable label, #school-settings .user-content #school-rezervation .classtable label, #update .user-content #school-rezervation .classtable label {
      text-transform: initial;
      background-color: #ffffff; }
    #registration .user-content #school-contact div, #school-settings .user-content #school-contact div, #update .user-content #school-contact div {
      margin: 0; }
      #registration .user-content #school-contact div span, #school-settings .user-content #school-contact div span, #update .user-content #school-contact div span {
        display: inline-block;
        margin: 0 1.5rem 0 0;
        padding: 0 1.5rem 0 0;
        border-right: 1px solid #960709; }
        #registration .user-content #school-contact div span:last-child, #school-settings .user-content #school-contact div span:last-child, #update .user-content #school-contact div span:last-child {
          border-right: none; }
        #registration .user-content #school-contact div span a, #school-settings .user-content #school-contact div span a, #update .user-content #school-contact div span a {
          color: #960709; }
          #registration .user-content #school-contact div span a :hover, #school-settings .user-content #school-contact div span a :hover, #update .user-content #school-contact div span a :hover {
            text-decoration: underline; }
    #registration .user-content .infotext, #school-settings .user-content .infotext, #update .user-content .infotext {
      padding: 3rem;
      border-radius: 0.5rem;
      background-color: #ffffff; }
      #registration .user-content .infotext h2, #school-settings .user-content .infotext h2, #update .user-content .infotext h2 {
        padding: 0; }
      #registration .user-content .infotext p, #school-settings .user-content .infotext p, #update .user-content .infotext p {
        padding: 0; }
      #registration .user-content .infotext.err, #school-settings .user-content .infotext.err, #update .user-content .infotext.err {
        border: 2px solid #ED0A0F; }
    #registration .user-content .container, #school-settings .user-content .container, #update .user-content .container {
      display: inline-block;
      position: relative;
      margin: 0;
      cursor: pointer;
      font-size: 1.6rem;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: auto;
      border: 1px solid #960709; }
      #registration .user-content .container input[type=radio], #school-settings .user-content .container input[type=radio], #update .user-content .container input[type=radio] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
        #registration .user-content .container input[type=radio][disabled=disabled] ~ .checkmark, #school-settings .user-content .container input[type=radio][disabled=disabled] ~ .checkmark, #update .user-content .container input[type=radio][disabled=disabled] ~ .checkmark {
          background-color: #f00; }
    #registration .user-content .checkmark, #school-settings .user-content .checkmark, #update .user-content .checkmark {
      background-color: #fff;
      padding: 0.5rem 1rem;
      display: block;
      text-align: center;
      min-width: 6.5rem; }
      #registration .user-content .checkmark:after, #school-settings .user-content .checkmark:after, #update .user-content .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
    #registration .user-content .container:hover input ~ .checkmark, #school-settings .user-content .container:hover input ~ .checkmark, #update .user-content .container:hover input ~ .checkmark {
      background-color: #b1afaf; }
    #registration .user-content .container input:checked ~ .checkmark, #school-settings .user-content .container input:checked ~ .checkmark, #update .user-content .container input:checked ~ .checkmark {
      background-color: #960709;
      color: #ffffff;
      font-weight: 800; }
    #registration .user-content .container input:checked ~ .checkmark:after, #school-settings .user-content .container input:checked ~ .checkmark:after, #update .user-content .container input:checked ~ .checkmark:after {
      display: block; }
    #registration .user-content .plaindiv, #school-settings .user-content .plaindiv, #update .user-content .plaindiv {
      padding: 3rem;
      margin-bottom: 2rem;
      background-color: #ffffff;
      border-radius: 0.5rem; } }
.moje-deti .wrapper .wrapper-content .content-content {
  background-color: transparent;
  padding: 0; }

.child {
  background-color: transparent;
  margin-bottom: 7rem; }
  .child .child-header {
    background-color: transparent;
    color: #960709; }
    .child .child-header h2 {
      padding: 2rem 0 0 4rem;
      line-height: 1;
      font-size: 4rem;
      letter-spacing: -2px;
      display: inline-block; }
    .child .child-header span {
      padding: 0 1rem;
      display: inline-block;
      font-size: 1.4rem;
      line-height: 1; }
  .child .child-content {
    background-color: #ffffff;
    padding: 1rem 4rem;
    border-bottom: 2px solid #960709;
    border-top: 2px solid #960709; }
    .child .child-content h3 {
      padding-left: 0; }
    .child .child-content table {
      width: 100%;
      border-spacing: 0px;
      margin: 0 0 4rem; }
      .child .child-content table tr th {
        text-align: left;
        font-weight: 400;
        text-transform: uppercase;
        border-bottom: 2px solid #960709;
        padding: 0rem 1rem; }
        .child .child-content table tr th.rc {
          width: 17%;
          min-width: 20rem; }
        .child .child-content table tr th.sk {
          width: 30%;
          min-width: 36rem; }
        .child .child-content table tr th.rz {
          width: 20%;
          min-width: 20rem; }
      .child .child-content table tr td {
        text-align: left;
        font-weight: 400;
        border-bottom: 1px solid #b1afaf;
        padding: 1rem; }
    .child .child-content a.icon {
      cursor: pointer;
      text-decoration: none;
      color: #515151; }
      .child .child-content a.icon.visible {
        display: none; }
    .child .child-content span.dellinkdiv {
      display: none; }
      .child .child-content span.dellinkdiv.active {
        display: block;
        text-align: right; }
      .child .child-content span.dellinkdiv a {
        padding: 0 0 0 2rem;
        cursor: pointer; }
  .child .child-footer {
    text-align: right;
    text-transform: uppercase;
    padding: 0rem 4rem; }
    .child .child-footer ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .child .child-footer ul li {
        display: inline-block;
        padding: 0 2rem; }

@media only screen and (max-width: 800px) {
  .moje-deti .wrapper .wrapper-content .content-content {
    background-color: transparent;
    padding: 0; }

  .child {
    background-color: transparent;
    margin-bottom: 7rem; }
    .child .child-header {
      background-color: transparent;
      color: #960709; }
      .child .child-header h2 {
        padding: 2rem 0 0 0;
        line-height: 1;
        font-size: 2.8rem;
        letter-spacing: -2px;
        display: inline-block; }
      .child .child-header span {
        padding: 0 1rem;
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1; }
    .child .child-content {
      background-color: #ffffff;
      padding: 1rem;
      border-bottom: 2px solid #960709;
      border-top: 2px solid #960709; }
      .child .child-content h3 {
        padding-left: 0; }
      .child .child-content table {
        width: 100%;
        border-spacing: 0px;
        margin: 0 0 4rem; }
        .child .child-content table tr th {
          text-align: left;
          font-weight: 400;
          text-transform: uppercase;
          border-bottom: 2px solid #960709;
          padding: 0rem 1rem; }
          .child .child-content table tr th.rc {
            width: 17%;
            min-width: 20rem; }
          .child .child-content table tr th.sk {
            width: 30%;
            min-width: 36rem; }
          .child .child-content table tr th.rz {
            width: 20%;
            min-width: 20rem; }
        .child .child-content table tr td {
          text-align: left;
          font-weight: 400;
          border-bottom: 1px solid #b1afaf;
          padding: 1rem; }
      .child .child-content a.icon {
        cursor: pointer;
        text-decoration: none;
        color: #515151; }
        .child .child-content a.icon.visible {
          display: none; }
      .child .child-content span.dellinkdiv {
        display: none; }
        .child .child-content span.dellinkdiv.active {
          display: block;
          text-align: right; }
        .child .child-content span.dellinkdiv a {
          padding: 0 0 0 2rem;
          cursor: pointer; }
      .child .child-content dl {
        border-bottom: 3px solid #FFA240;
        padding: 0 1.5rem; }
        .child .child-content dl dt, .child .child-content dl dd {
          display: inline-block;
          width: 49.5%;
          padding: 1rem 0;
          margin: 0;
          border-bottom: 1px solid #960709; }
          .child .child-content dl dt.last, .child .child-content dl dd.last {
            border: none; }
        .child .child-content dl dt {
          font-weight: 500; }
    .child .child-footer {
      text-align: right;
      text-transform: uppercase;
      padding: 0rem 1rem; }
      .child .child-footer ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .child .child-footer ul li {
          display: inline-block;
          padding: 0 2rem; } }
/**
 * partials/login
 * ---
 */
#school .school-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  gap: 2rem;
  padding: 5vh 2rem;
  width: 100%;
  max-width: 164rem;
  margin: 0 auto; }
  #school .school-list .school-box {
    flex-basis: calc((100% - 2rem) / 2);
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 2rem 3rem;
    position: relative;
      /*&:nth-child(even):before{
        width: 2px;
        height: 100%;
        background-color: $color-white;
        content: '';
        display: block;
        position: absolute;
        left: -1rem;
        top: 0;
      }

     /* &:after{
        width: 100%;
        height: 2px;
        background-color: $color-white;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: -1rem;
      }*/ }
    #school .school-list .school-box a {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 3rem; }
      #school .school-list .school-box a:hover {
        text-decoration: none; }
      #school .school-list .school-box a .school-box-logo {
        flex-basis: 30%;
        height: 20rem;
        margin: 0 auto;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      #school .school-list .school-box a .school-box-head {
        flex-basis: 70%;
        line-height: 1.3; }
        #school .school-list .school-box a .school-box-head span {
          font-size: 1.8rem;
          font-weight: 600;
          display: block; }

#btn-documents-school h2 {
  padding: 0 0 0 3rem;
  margin: 3rem 0 0 0;
  font-size: 2.3rem; }
#btn-documents-school .links {
  width: 100%;
  margin: 0 0 2rem;
  padding: 3rem 6rem 3rem 3rem;
  border-radius: 0.5rem;
  background-color: #ffffff; }

@media only screen and (max-width: 800px) {
  #school .school-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    gap: 2rem;
    padding: 0 1rem;
    width: 100%;
    max-width: 164rem;
    margin: 0 auto; }
    #school .school-list .school-box {
      flex-basis: 100%;
      background-color: #ffffff;
      border-radius: 0.5rem;
      padding: 1.5rem;
      position: relative; }
      #school .school-list .school-box a {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 3rem; }
        #school .school-list .school-box a:hover {
          text-decoration: none; }
        #school .school-list .school-box a .school-box-logo {
          flex-basis: 30%;
          height: 10rem;
          margin: 0 auto;
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat; }
        #school .school-list .school-box a .school-box-head {
          flex-basis: 70%;
          line-height: 1.3; }
          #school .school-list .school-box a .school-box-head span {
            font-size: 1.8rem;
            font-weight: 600;
            display: block; }

  #btn-documents-school h2 {
    padding: 0 0 0 3rem;
    margin: 3rem 0 0 0;
    font-size: 2.3rem; }
  #btn-documents-school .links {
    width: 100%;
    margin: 0 0 2rem;
    padding: 3rem 6rem 3rem 3rem;
    border-radius: 0.5rem;
    background-color: #ffffff; } }
/* ------------------------------------ */
/*    FAQ    */
/*--------------------------------------*/
#faq-page .accordion {
  width: 100%;
  padding-bottom: 10vh; }
  #faq-page .accordion .accordion-wrap {
    border-bottom: 1px solid #b1afaf;
    padding: 0 2rem; }
    #faq-page .accordion .accordion-wrap:last-child {
      border-bottom: none; }
    #faq-page .accordion .accordion-wrap h2 {
      padding: 0;
      margin: 0;
      font-size: 1.3rem; }
      #faq-page .accordion .accordion-wrap h2 button {
        border: none;
        background: transparent;
        font-size: 1.4rem;
        line-height: 2rem;
        text-align: left;
        font-weight: 600;
        color: #515151;
        display: block;
        width: 100%;
        padding: 2.5rem 0;
        cursor: pointer;
        text-transform: uppercase; }
        #faq-page .accordion .accordion-wrap h2 button .accordion-title {
          pointer-events: none;
          display: block;
          width: 100%;
          padding-right: 5rem;
          position: relative; }
          #faq-page .accordion .accordion-wrap h2 button .accordion-title:after {
            content: "\f347";
            font-family: 'dashicons';
            font-size: 2rem;
            line-height: 2rem;
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            color: #FFA240;
            transition: 0.6s all ease-in-out; }
        #faq-page .accordion .accordion-wrap h2 button[aria-expanded=true] .accordion-title:after {
          transform: scaleY(-1); }
    #faq-page .accordion .accordion-wrap h3 {
      margin: 3rem 0 0;
      font-size: 1.8rem; }
      #faq-page .accordion .accordion-wrap h3:first-child {
        margin-top: 1rem; }
  #faq-page .accordion .accordion-panel {
    display: none;
    padding-bottom: 3rem;
    width: 100%;
    max-width: 100rem;
    color: #515151; }

/**
 * partials/login
 * ---
 */
#login {
  background: #FFA240;
  background: linear-gradient(45deg, #7c1d1d 27%, #d73535 84%);
  background-size: cover;
  background-position: center center;
  padding: 5vh 0; }
  #login .wrapper-content {
    width: 100%;
    max-width: 47rem;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 0.5rem; }
    #login .wrapper-content .content-header {
      background-image: none;
      padding: 0;
      background-color: #fff;
      color: #000;
      border-radius: 0.5rem; }
      #login .wrapper-content .content-header h1 {
        color: #000;
        text-transform: uppercase;
        font-size: 3rem;
        font-weight: 600;
        margin: 0;
        padding: 3rem 3rem 1.5rem; }
  #login .content-content {
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 3rem; }
    #login .content-content ul {
      padding: 0;
      margin: 2rem 0;
      display: block;
      width: 100%;
      list-style: none; }

@media only screen and (max-width: 800px) {
  #login {
    background: #FFA240;
    background: linear-gradient(45deg, #7c1d1d 27%, #d73535 84%);
    background-size: cover;
    background-position: center center;
    padding: 2rem; }
    #login .wrapper-content {
      width: 100%;
      max-width: 47rem;
      background-color: #ffffff;
      margin: 0 auto;
      border-radius: 0.5rem; }
      #login .wrapper-content .content-header {
        background-image: none;
        padding: 0;
        background-color: #fff;
        color: #000;
        border-radius: 0.5rem; }
        #login .wrapper-content .content-header h1 {
          color: #000;
          text-transform: uppercase;
          font-size: 3rem;
          font-weight: 600;
          margin: 0;
          padding: 3rem 3rem 1.5rem; }
    #login .content-content {
      width: 100%;
      margin: 0 auto;
      padding: 1.5rem; }
      #login .content-content ul {
        padding: 0;
        margin: 2rem 0;
        display: block;
        width: 100%;
        list-style: none; } }
/**
 * partials/sidebar
 * ---
 */
/**
 * partials/footer
 * ---
 */
.footer .widget_nav_menu ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .footer .widget_nav_menu ul li {
    display: block; }
    .footer .widget_nav_menu ul li a {
      font-size: 1.5rem;
      line-height: 1.4;
      padding: 0.3rem 0;
      display: block; }

@media only screen and (max-width: 800px) {
  .footer .widget_nav_menu ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .footer .widget_nav_menu ul li {
      display: block; }
      .footer .widget_nav_menu ul li a {
        font-size: 1.5rem;
        line-height: 1.4;
        padding: 0.3rem 0;
        display: block; } }
/**
 * partials/print
 * ---
 * Print version
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=style.css.map */