@import url(../css/normalize.css);
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900");
.crvena-linija {
  border-color: #D31721 !important; }

.tirkiz-linija {
  border-color: #c0eefe !important; }

.siva-linija {
  border-color: #8b8b8b !important; }

body {
  font-family: "Raleway", sans-serif; }

a {
  text-decoration: none;
  display: inline-block;
  color: #212121; }

*:focus {
  outline: none; }

.povecajme {
  text-transform: uppercase; }

.m-t-15 {
  margin-top: 15px; }

.lijevo {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 2rem !important; }

ul {
  list-style: none; }

.page main .container {
  display: grid;
  grid-template-columns: 1fr 1rem 850px 1rem 1fr; }

.news__image {
  width: 100%;
  height: 100%; }
  .news__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }

#menuToggle {
  display: none; }

.divider {
  display: table;
  white-space: nowrap;
  margin: 3rem 0 2rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  width: 100%; }
  .divider span {
    padding: 0 2rem; }
    .divider span a {
      background-color: #EEEEEE;
      padding: 6px 18px;
      border-radius: 41px;
      font-size: 1.3rem;
      font-weight: 400;
      letter-spacing: 5px;
      color: #b3b3b3; }
      .divider span a:hover {
        background-color: #0b94e0;
        color: #ffffff; }
  .divider:before, .divider:after {
    border-top: 1px solid #ddd;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%; }

.archive .divider span {
  background-color: #EEEEEE;
  padding: 6px 18px;
  border-radius: 41px;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 5px;
  color: #b3b3b3; }
.archive .divider:before, .archive .divider:after {
  border-top: 1px solid #ddd;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.7em;
  width: 38%; }

.subdivider {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 400; }

.tag-item a {
  font-weight: 500;
  text-transform: uppercase;
  font-size: .8rem;
  background-color: #929eaa;
  color: white;
  padding: 5px 8px;
  display: inline-block;
  margin-bottom: 7px;
  margin-right: 4px;
  transition: .25s all;
  border-radius: 2px; }
  .tag-item a:hover {
    background-color: #00305F; }

.content-tag {
  font-weight: 500;
  text-transform: uppercase;
  font-size: .65rem;
  background-color: #00305F;
  color: white;
  padding: 3px 5px;
  display: inline-block;
  margin-bottom: 6px; }
  .content-tag a {
    color: #ffffff; }

.title, .title--md, .title--sm {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem; }
  .title span, .title--md span, .title--sm span {
    color: #ffffff;
    padding: 3px 0;
    display: inline;
    transition: all .2s; }
  .title:hover span, .title--md:hover span, .title--sm:hover span {
    color: #c0eefe; }
  .title--md {
    text-transform: inherit;
    font-size: 1.1rem;
    padding-left: 0; }
  .title--sm {
    text-transform: initial;
    padding-left: 0;
    font-size: 1.25rem;
    line-height: 1.7rem;
    font-weight: 700; }

.subtitle {
  text-transform: uppercase;
  font-size: .85rem;
  font-weight: 500;
  color: #b3b3b3; }

.lead {
  background-color: #fff;
  color: #212121;
  font-size: .9rem;
  line-height: 1.4rem; }

.container {
  display: grid;
  grid-template-columns: 1fr 1rem 1200px 1rem 1fr; }
  .container > * {
    grid-column: 3; }

.login {
  color: #ffffff;
  display: inline-block;
  padding: 5px 13px;
  background-color: #00305F;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  justify-self: flex-end;
  border-radius: 100px;
  margin: .5rem 1rem;
  transition: .15s all;
  position: relative;
  z-index: 2; }
  .login:hover {
    background-color: #212121; }

.topnav {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 100px 70px;
  align-items: center;
  margin: 2.2rem 0 2.2rem; }
  .topnav .topnav__menu {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-row: 2/3;
    grid-column: 1/3;
    z-index: 2;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: .3rem 0; }
  .topnav .menu-top-menu-container {
    line-height: 30px;
    display: flex;
    align-items: center; }
  .topnav ul {
    margin: 0;
    padding: 0;
    display: flex; }
    .topnav ul li {
      list-style: none;
      margin-right: 1rem; }
      .topnav ul li.current-menu-item a {
        font-weight: 700;
        color: #0b94e0; }
      .topnav ul li a {
        color: #666666;
        transition: .2s;
        font-size: 1.2rem;
        font-weight: 500; }
        .topnav ul li a:hover {
          color: #0b94e0;
          transition: .2s; }

.news__top {
  display: grid;
  grid-template-columns: 460px 400px 300px;
  grid-template-rows: 1fr 1fr;
  height: 500px;
  grid-gap: 20px; }
  .news__top .news-item {
    position: relative;
    overflow: hidden; }
    .news__top .news-item:after {
      content: "";
      display: inline-block;
      position: absolute;
      background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
      width: 100%;
      height: 150px;
      bottom: 0;
      left: 0; }
    .news__top .news-item:hover .title--sm span {
      color: white; }
    .news__top .news-item .lead {
      margin-top: .5rem; }
      .news__top .news-item .lead p {
        padding: .5rem;
        margin: 0; }
    .news__top .news-item .article__content {
      position: absolute;
      bottom: 0;
      padding: 1rem;
      z-index: 1; }
    .news__top .news-item:nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/3; }
      .news__top .news-item:nth-child(1) .title, .news__top .news-item:nth-child(1) .title--md, .news__top .news-item:nth-child(1) .title--sm {
        font-size: 2.3rem;
        line-height: 2.7rem; }
    .news__top .news-item:nth-child(2) {
      grid-column: 2/3;
      grid-row: 1/2; }
    .news__top .news-item:nth-child(3) {
      grid-column: 2/3;
      grid-row: 2/3; }
    .news__top .news-item:nth-child(4) {
      grid-column: 3/4;
      grid-row: 1/3; }
  .news__top .news-list {
    grid-column: 3/4;
    grid-row: 1/3;
    overflow: hidden;
    position: relative;
    padding-left: .75rem; }
    .news__top .news-list:after {
      content: "";
      display: inline-block;
      position: absolute;
      background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
      width: 100%;
      height: 70px;
      bottom: 0;
      left: 0; }
  .news__top .news-list__item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
    padding-bottom: .5rem; }
    .news__top .news-list__item .subtitle {
      margin: 7px 0 2px; }
    .news__top .news-list__item:last-child {
      border-bottom: none; }

.actual {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 2fr)) minmax(150px, 4fr);
  grid-gap: 1rem; }
  .actual .news-item {
    position: relative; }
    .actual .news-item .article__content {
      padding-right: 1.2rem; }
    .actual .news-item .news__image {
      height: 300px; }
  .actual .title, .actual .title--md, .actual .title--sm {
    text-transform: initial;
    padding-left: 0;
    font-size: 1.25rem;
    line-height: 1.7rem;
    font-weight: 700; }
    .actual .title span, .actual .title--md span, .actual .title--sm span {
      background: none;
      box-shadow: none; }
  .actual .subtitle {
    margin: 12px 0 4px 0; }
  .actual .content-tag {
    position: absolute;
    top: 0; }

.column {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-rows: min-content;
  border-left: 3px solid #282b2d;
  margin-left: -16px; }
  .column .column__name {
    grid-column: 1/2;
    grid-row: 1/3;
    font-size: 2.3rem;
    font-weight: 700;
    writing-mode: vertical-rl; }
  .column .article__content {
    background-color: #ffffff;
    text-align: right;
    margin: -140px 0 30px 20%;
    display: inline-block;
    padding: 5px 0 0 1rem; }
  .column .title, .column .title--md, .column .title--sm {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.5rem; }
  .column .lead {
    margin-top: .5rem; }
  .column .content-tag {
    left: 0; }
  .column .subtitle a {
    color: #b3b3b3; }
    .column .subtitle a:hover {
      color: #00305F; }
  .column .column-list .news__image {
    height: auto; }
  .column .column-list img {
    width: 70px;
    height: 70px;
    border-radius: 100px; }
  .column .column-list .title, .column .column-list .title--md, .column .column-list .title--sm {
    font-weight: 700;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.2rem; }
  .column .column-list .column__list__item {
    display: grid;
    grid-template-columns: 90px 1fr;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
    padding-bottom: .5rem; }
    .column .column-list .column__list__item:last-child {
      border-bottom: none; }
    .column .column-list .column__list__item .column__list__content {
      align-self: center; }

.longread {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  grid-gap: 1rem; }
  .longread .news__image {
    position: relative;
    overflow: hidden; }
  .longread .news-item .lead {
    margin-top: .5rem; }
    .longread .news-item .lead p {
      padding: .5rem;
      margin: 0; }
  .longread .news-item .article__content {
    position: absolute;
    bottom: 0;
    padding: 1rem; }

.news__tag {
  display: grid;
  background-color: #EEEEEE;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem;
  padding: 2rem 2rem;
  margin-top: -10px; }
  .news__tag .news-item .article__content {
    margin-top: -54px; }
  .news__tag .news-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3; }
    .news__tag .news-item:nth-child(1) a {
      position: relative; }
    .news__tag .news-item:nth-child(1) .article__content {
      position: absolute;
      bottom: -140px; }
    .news__tag .news-item:nth-child(1) .title, .news__tag .news-item:nth-child(1) .title--md, .news__tag .news-item:nth-child(1) .title--sm {
      font-size: 1.8rem;
      line-height: 2.2rem; }
    .news__tag .news-item:nth-child(1) .lead {
      display: block; }
      .news__tag .news-item:nth-child(1) .lead p {
        padding: .5rem; }
  .news__tag .news-item:nth-child(2) {
    grid-column: 2/3;
    grid-row: 1/2; }
  .news__tag .news-item:nth-child(3) {
    grid-column: 3/4;
    grid-row: 1/2; }
  .news__tag .news-item:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3; }
  .news__tag .news-item:nth-child(5) {
    grid-column: 3/4;
    grid-row: 2/3; }
  .news__tag .lead {
    display: none; }

.school {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3rem;
  margin-bottom: 3rem; }
  .school .title--sm {
    font-size: 1.05rem;
    line-height: 1.4rem; }
  .school .subdivider {
    margin: .5rem 0 .25rem; }
  .school .school__item {
    grid-column: 1/2;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .school .school__item .news__image {
      width: 170px;
      height: 110px; }
    .school .school__item .title--sm span {
      color: #00305F; }
  .school .news-item {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #ececec;
    padding-bottom: 1rem; }
  .school .news-item a {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 1.5rem;
    row-gap: 0.5rem; }
  .school .content-tag {
    position: absolute;
    left: 0; }
  .school .mudra {
    display: grid;
    align-content: flex-start;
    justify-content: center; }
  .school .intro {
    display: grid;
    gap: 1rem;
    justify-items: self-start;
    grid-auto-rows: min-content; }
  .school .intro-item {
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-bottom: 11px; }
    .school .intro-item a {
      display: grid;
      grid-template-columns: 1fr; }
    .school .intro-item .title--md {
      font-weight: 700; }
      .school .intro-item .title--md span {
        background: transparent;
        box-shadow: none;
        color: #00305F; }
    .school .intro-item .content-tag {
      position: static; }
    .school .intro-item .lead {
      background-color: transparent; }
      .school .intro-item .lead p {
        margin: 0; }
    .school .intro-item .subtitle {
      margin: 0.4rem 0 0.1rem 0; }
    .school .intro-item .news__image {
      clip-path: polygon(0% 0%, 0% 100%, 80% 100%, 100% 0%); }

.support {
  background-color: #EEEEEE;
  display: grid;
  grid-template-columns: 2fr 2fr 5fr;
  grid-template-rows: auto auto;
  gap: 1rem;
  padding: 1rem; }
  .support .support-item img {
    box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13);
    border-radius: 100px;
    margin-top: 1rem; }
  .support .platforms {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
  .support .support-highlight {
    grid-column: 1/4; }
    .support .support-highlight ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 1rem;
      padding-left: 0; }
    .support .support-highlight li {
      background-color: #ffffff;
      border-radius: 100px;
      box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13); }
      .support .support-highlight li::before {
        content: none; }
    .support .support-highlight img {
      border-radius: 100px; }
    .support .support-highlight a {
      display: flex;
      align-items: center; }
    .support .support-highlight .menu-image-title {
      font-size: 1rem;
      font-weight: 600; }
  .support .title, .support .title--md, .support .title--sm {
    border-bottom: 2px solid #fff;
    padding-bottom: 10px; }
  .support ul {
    padding-left: 20px; }
  .support li::before {
    position: absolute;
    content: "\25BA";
    color: white;
    display: inline-block;
    margin-left: -1.3rem;
    font-size: 0.8rem;
    margin-top: 0.3rem; }
  .support a {
    font-size: .85rem;
    color: #212121;
    line-height: 1.5rem;
    transition: .2s all; }
    .support a:hover {
      color: white; }

.d-flex {
  display: flex; }

.footer {
  background-color: #00305F;
  margin-top: 40px;
  color: #fff; }
  .footer .footer__box {
    padding: 2rem 0 2rem;
    justify-content: space-between; }
  .footer .footer__bckg__box {
    font-size: .8rem;
    padding: 9px 0 7px;
    text-align: center; }
  .footer .footer__bckg {
    background-color: #ffffff;
    color: #00305F;
    grid-column: 1/6; }
  .footer .footer__heading {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 10px; }
  .footer .footer__icon {
    width: 45px;
    height: 45px; }
  .footer .footer__link {
    color: #a1a1a1;
    font-size: 14px;
    margin-bottom: 5px; }
    .footer .footer__link:hover {
      text-decoration: none;
      color: #c0eefe;
      transition: .2s ease-in-out; }
    .footer .footer__link img {
      margin-right: 10px;
      filter: brightness(2); }
  .footer .footer__contact p {
    font-size: .8rem; }
  .footer .footer__logo {
    background: url(../img/logo_white.svg) no-repeat left;
    align-self: center;
    background-size: contain;
    width: 150px;
    height: 100px;
    flex-shrink: 0;
    margin-right: auto; }
  .footer .footer__social,
  .footer .footer__menu,
  .footer .footer__contact {
    margin-left: 60px; }
  .footer p {
    color: #fff; }
  .footer .footer__menu ul {
    margin: 0;
    padding: 0; }
    .footer .footer__menu ul li {
      list-style: none; }
      .footer .footer__menu ul li a {
        color: #fff;
        transition: .2s;
        font-size: 0.8rem; }
        .footer .footer__menu ul li a:hover {
          color: #c0eefe;
          transition: .2s; }

.search {
  align-self: center; }
  .search input {
    background: none;
    border: none;
    outline: none;
    width: 28px;
    min-width: 0;
    padding: 0;
    z-index: 1;
    position: relative;
    line-height: 18px;
    margin: 5px 0;
    font-size: 1rem;
    -webkit-appearance: none;
    transition: all .6s ease;
    cursor: pointer;
    color: #444; }
    .search input::placeholder {
      color: transparent; }
    .search input + div {
      position: relative;
      height: 28px;
      width: 100%;
      margin: -28px 0 0 0; }
      .search input + div svg {
        display: block;
        position: absolute;
        height: 28px;
        width: 160px;
        right: 0;
        top: 0;
        fill: none;
        stroke: #444;
        stroke-width: 2.5px;
        stroke-dashoffset: 271.908;
        stroke-dasharray: 59 212.908;
        transition: all .6s ease; }
    .search input:not(:placeholder-shown), .search input:focus {
      width: 160px;
      padding: 0 4px;
      cursor: text; }
      .search input:not(:placeholder-shown)::placeholder, .search input:focus::placeholder {
        color: #b3b3b3; }
      .search input:not(:placeholder-shown) + div svg, .search input:focus + div svg {
        stroke-dasharray: 150 212.908;
        stroke-dashoffset: 300;
        stroke-width: 1.5px; }

main .divider {
  margin-top: 0; }
main .article__header {
  display: grid;
  column-gap: 2rem;
  grid-template-columns: 1fr 3fr;
  margin-bottom: 60px; }
main .article__content {
  grid-column: 1/2;
  display: flex;
  flex-direction: column; }
main .article__image {
  position: relative;
  grid-column: 2/3; }
  main .article__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
main .subheader {
  color: #0b94e0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .85rem;
  border-bottom: 2px solid #DDDDDD;
  padding-bottom: 4px;
  margin-bottom: 6px;
  display: inline-block; }
main .date {
  margin-top: auto;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #b3b3b3; }
main .caption {
  font-size: .85rem;
  color: #1b1b1b;
  font-weight: 600;
  position: absolute;
  bottom: -20px;
  right: 0;
  max-width: 300px; }
main .title, main .title--md, main .title--sm {
  font-weight: 700;
  text-transform: initial;
  color: #0b94e0;
  font-size: 3rem;
  line-height: 3.5rem;
  margin-top: 6px;
  padding: 0; }

article .wp-block-image {
  margin: 0; }
  article .wp-block-image.size-medium {
    margin: 3rem 25%; }
  article .wp-block-image.size-large {
    margin: 3rem 15%; }
article .wp-block-embed {
  text-align: center; }
article figcaption {
  margin-top: .5em;
  margin-bottom: 1em;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px; }
article p, article li {
  font-size: 1.15rem;
  line-height: 1.9rem;
  font-weight: 500; }
  article p a, article li a {
    color: #00305F;
    font-weight: 600;
    transition: .25s all; }
    article p a:hover, article li a:hover {
      color: #212121; }
article ul {
  list-style: inherit; }
article h1 {
  font-size: 3rem;
  margin: 1rem 0; }
article h2 {
  font-size: 2.5rem;
  margin: 2rem 0 1rem; }
article h3 {
  font-size: 2rem;
  font-weight: 500;
  margin: 1rem 0;
  line-height: 2.6rem; }
article h4 {
  font-size: 1.5rem;
  line-height: 2.1rem;
  font-weight: 500;
  margin: 1rem 0; }
article h5 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 1rem 0;
  text-transform: uppercase;
  background-color: #ddd;
  padding: 10px; }
article h6 {
  font-size: 1rem;
  font-weight: 500;
  margin: 1rem 0;
  text-transform: uppercase; }
article ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  margin: 0;
  padding: 0; }
  article ol li {
    counter-increment: my-awesome-counter;
    display: flex;
    width: 50%;
    line-height: 1.9rem;
    margin-bottom: 0.5rem; }
    article ol li:before {
      content: "0" counter(my-awesome-counter);
      font-weight: bold;
      font-size: 1.2rem;
      margin-right: 0.5rem;
      line-height: 1;
      background-color: #dedede;
      padding: 4px; }
article .article__body {
  display: grid;
  column-gap: 6rem;
  grid-template-columns: 1fr 350px; }
  article .article__body aside .code-block {
    text-align: center;
    margin: 8px 0 30px !important; }
  article .article__body aside .divider {
    font-size: 1.5rem; }
    article .article__body aside .divider span {
      padding: 0 0.7rem; }
article .wp-block-pullquote {
  display: flex;
  justify-content: center;
  border: 4px solid #c0eefe;
  border-radius: 30px;
  padding: 10px 30px 10px 30px;
  max-width: 65%;
  margin: 64px auto;
  position: relative; }
  article .wp-block-pullquote p {
    font-size: 1.4rem;
    line-height: 1.5rem;
    font-weight: 800; }
  article .wp-block-pullquote cite {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    float: right; }
article .wp-block-quote {
  float: right;
  max-width: 30%;
  border: 4px solid #c0eefe;
  padding: 20px;
  border-radius: 30px;
  border-right-width: 0px;
  margin-right: 0;
  margin-left: 2rem; }
  article .wp-block-quote p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 800;
    text-align: right; }
  article .wp-block-quote cite {
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    float: right; }
  article .wp-block-quote.is-style-large {
    margin: 16px 40px;
    padding: 20px;
    max-width: 30%;
    border-radius: 30px;
    border: 4px solid #c0eefe;
    border-right-width: 0; }
    article .wp-block-quote.is-style-large p {
      font-size: 2.05rem;
      line-height: 2.4rem;
      font-style: normal; }
    article .wp-block-quote.is-style-large cite {
      font-size: .95rem; }
article .wp-block-cover p {
  text-transform: uppercase;
  font-weight: 700; }
article .wp-block-file a:first-child {
  color: #212121; }
article .wp-block-gallery .blocks-gallery-item__caption {
  bottom: -14px;
  padding: 0; }

.wp-block-file {
  margin-top: 1.5rem; }

.archive__list .divider {
  margin-top: 0;
  font-size: 3rem; }
.archive__list .news-item {
  position: relative; }
  .archive__list .news-item:hover .title span, .archive__list .news-item:hover .title--md span, .archive__list .news-item:hover .title--sm span {
    color: #aee6ff; }
.archive__list .article__content {
  position: absolute;
  bottom: 0;
  padding: 1rem; }
.archive__list .news-list {
  margin-top: .5rem;
  display: grid;
  gap: 1rem;
  grid-column: 1/3;
  position: relative; }
  .archive__list .news-list .archive-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem; }
    .archive__list .news-list .archive-item .lead {
      display: block; }
    .archive__list .news-list .archive-item .content-tag {
      position: absolute;
      top: 0;
      left: 0; }
  .archive__list .news-list a {
    display: grid;
    grid-template-columns: 2fr 5fr; }
  .archive__list .news-list .article__content {
    position: initial;
    align-self: center; }
  .archive__list .news-list .subtitle {
    margin-top: 7px; }
.archive__list .archive__list__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 350px 230px 230px;
  grid-gap: .5rem; }
  .archive__list .archive__list__items .test {
    grid-column: 1/3;
    grid-row: 1/4;
    background-color: #555; }
  .archive__list .archive__list__items .news-item .lead {
    display: none; }
    .archive__list .archive__list__items .news-item .lead p {
      padding: .5rem .8rem;
      margin-bottom: 0; }
  .archive__list .archive__list__items .news-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2; }
    .archive__list .archive__list__items .news-item:nth-child(1) .lead {
      display: block; }
    .archive__list .archive__list__items .news-item:nth-child(1) .title, .archive__list .archive__list__items .news-item:nth-child(1) .title--md, .archive__list .archive__list__items .news-item:nth-child(1) .title--sm {
      font-size: 1.8rem;
      line-height: 2.2rem; }
  .archive__list .archive__list__items .news-item:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/4; }
    .archive__list .archive__list__items .news-item:nth-child(2) .lead {
      display: block; }
  .archive__list .archive__list__items .news-item:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3; }
  .archive__list .archive__list__items .news-item:nth-child(4) {
    grid-column: 2/3;
    grid-row: 3/4; }

.page .article__content {
  align-items: center; }
.page .article__header {
  display: block; }
.page .article__image {
  grid-column: 1/6; }
  .page .article__image img {
    object-fit: cover;
    object-position: center;
    height: 40vh;
    width: 100%; }
.page .title, .page .title--md, .page .title--sm {
  box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13);
  font-size: 3.3rem;
  line-height: 3.4rem;
  margin-top: -44px;
  padding: 23px 56px;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
  background-color: white;
  border-radius: 60px; }

.single .divider a {
  transition: .2s all; }

.single-kolumne .news__image, aside .news__image {
  box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13); }

.columnist__header {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 1.4rem 0 0;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column; }

.columnist__bio {
  text-align: center;
  color: #212121;
  padding: 0 3rem 1rem;
  margin-bottom: 0.6rem;
  line-height: 1.6rem;
  transition: .2s all; }

.columnist__title a {
  padding: 0 2rem; }

.columnist__info {
  height: 100px;
  background-color: #EEEEEE;
  border-radius: 300px;
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  text-align: center;
  margin: 0px auto 20px; }
  .columnist__info img {
    width: 100px;
    height: 100px;
    border-radius: 100px; }
  .columnist__info .columnist__title {
    text-transform: uppercase; }
    .columnist__info .columnist__title span {
      font-size: 1.3rem;
      font-weight: 400;
      display: block; }
    .columnist__info .columnist__title a {
      font-size: 2.5rem;
      font-weight: 700;
      color: #212121;
      transition: .2s all; }
      .columnist__info .columnist__title a:hover {
        color: #00305F; }

.aside__column-list .news-item {
  margin-bottom: 3rem; }
.aside__column-list .article__content {
  padding: 0 1rem; }
  .aside__column-list .article__content .content-tag {
    align-self: start;
    margin-top: 12px; }
  .aside__column-list .article__content .title, .aside__column-list .article__content .title--md, .aside__column-list .article__content .title--sm {
    line-height: 1.5rem;
    font-size: 1.3rem;
    text-transform: uppercase;
    padding: 10px 0; }
  .aside__column-list .article__content .lead p {
    font-size: 0.95rem;
    line-height: 1.4rem;
    margin-top: 5px; }

.author.archive .title span, .author.archive .title--md span, .author.archive .title--sm span {
  color: #00305F; }
.author.archive .title:hover span, .author.archive .title--md:hover span, .author.archive .title--sm:hover span {
  color: #0b94e0; }

.archive .news__top {
  grid-template-rows: 250px 250px;
  height: inherit; }
.archive .news-list {
  grid-column: 1/4;
  grid-row: auto;
  padding-left: 0; }
  .archive .news-list a {
    grid-template-columns: auto 1fr; }
  .archive .news-list:after {
    content: none; }
  .archive .news-list .news__image {
    height: 200px;
    width: 200px; }
.archive .title--sm span {
  color: #00305F; }

body.author, .post-type-archive-kolumne {
  background: linear-gradient(0deg, #eeeeee 64%, white 87%, white 100%); }
  body.author .archive__list__items--kolumne, .post-type-archive-kolumne .archive__list__items--kolumne {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    gap: 3rem; }
    body.author .archive__list__items--kolumne .article__content, .post-type-archive-kolumne .archive__list__items--kolumne .article__content {
      position: static;
      padding: 1rem; }
    body.author .archive__list__items--kolumne .news__image, .post-type-archive-kolumne .archive__list__items--kolumne .news__image {
      height: 200px; }
    body.author .archive__list__items--kolumne .category__author, .post-type-archive-kolumne .archive__list__items--kolumne .category__author {
      text-align: right;
      margin-bottom: -20px; }
      body.author .archive__list__items--kolumne .category__author img, .post-type-archive-kolumne .archive__list__items--kolumne .category__author img {
        width: 70px;
        height: 70px;
        border-radius: 100px;
        margin-top: -55px;
        border: 4px solid #ffffff;
        box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13); }
  body.author .news-item, .post-type-archive-kolumne .news-item {
    box-shadow: 0 1px 1px rgba(97, 108, 121, 0.1), 0 7px 18px 0 rgba(97, 108, 121, 0.13);
    background-color: #ffffff; }
    body.author .news-item .lead, .post-type-archive-kolumne .news-item .lead {
      display: block; }
    body.author .news-item .title, body.author .news-item .title--md, body.author .news-item .title--sm, .post-type-archive-kolumne .news-item .title, .post-type-archive-kolumne .news-item .title--md, .post-type-archive-kolumne .news-item .title--sm {
      padding: 2px 0px;
      font-size: 1.4rem;
      margin-top: 11px; }
    body.author .news-item .article__content, .post-type-archive-kolumne .news-item .article__content {
      align-self: center; }
    body.author .news-item:nth-child(5n+1), .post-type-archive-kolumne .news-item:nth-child(5n+1) {
      grid-column: 1/3;
      display: flex; }
      body.author .news-item:nth-child(5n+1) .category__author, .post-type-archive-kolumne .news-item:nth-child(5n+1) .category__author {
        text-align: left; }
      body.author .news-item:nth-child(5n+1) .news__image, .post-type-archive-kolumne .news-item:nth-child(5n+1) .news__image {
        height: auto; }
      body.author .news-item:nth-child(5n+1) .lead, .post-type-archive-kolumne .news-item:nth-child(5n+1) .lead {
        display: block; }
      body.author .news-item:nth-child(5n+1) .title, body.author .news-item:nth-child(5n+1) .title--md, body.author .news-item:nth-child(5n+1) .title--sm, .post-type-archive-kolumne .news-item:nth-child(5n+1) .title, .post-type-archive-kolumne .news-item:nth-child(5n+1) .title--md, .post-type-archive-kolumne .news-item:nth-child(5n+1) .title--sm {
        font-size: 2rem;
        line-height: 2.4rem; }

.post-type-archive-mudra_misao .archive__list__items--kolumne {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 1rem;
  justify-content: center; }

.mudra-item {
  position: relative;
  overflow: hidden; }
  .mudra-item img {
    width: 300px;
    height: 300px; }
  .mudra-item:after {
    transition: .3s all;
    opacity: 0;
    content: "";
    display: block;
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 4px;
    left: 0; }
  .mudra-item .social {
    padding: 4px 8px;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: .8rem;
    transition: .2 all; }
    .mudra-item .social:hover {
      background-color: #ffffff;
      color: #212121; }
  .mudra-item .twitter {
    background-color: #1DA1F2; }
  .mudra-item .fb {
    background-color: #3b5998; }
  .mudra-item .subtitle {
    color: white;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px; }
  .mudra-item .share__meme {
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    text-align: center;
    overflow: hidden;
    transition: .5s all;
    transform: translateY(50px);
    padding: 50px 0 25px;
    margin-bottom: 4px;
    z-index: 1; }
  .mudra-item:hover .share__meme {
    opacity: 1;
    height: auto;
    transform: translateY(0); }
  .mudra-item:hover:after {
    opacity: 1; }

.screen-reader-text {
  display: none !important; }

.pagination {
  clear: both;
  padding: 20px 0 80px;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  display: flex;
  justify-content: center; }

.pagination span, .pagination a {
  display: block !important;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 16px 20px 16px 19px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #666666; }

.pagination a:hover {
  color: #fff;
  background: #00305F; }

.pagination .current {
  padding: 16px 20px 16px 19px;
  background: #00305F;
  color: #fff; }

.img404 {
  width: 100%; }

.bad404 .container {
  text-align: center; }

h3 a {
  color: #00305F; }
  h3 a:hover {
    color: #212121; }

.custom-logo {
  width: 150px;
  height: 100%; }

.wp-block-advgb-images-slider {
  max-width: 754px; }

.wp-block-media-text {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  float: left;
  margin: 25px 2rem 10px 0;
  width: 100px; }
  .wp-block-media-text figure {
    grid-column: 1;
    grid-row: 1;
    height: 100px;
    width: 100px; }
    .wp-block-media-text figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    padding: 0;
    border-bottom: 1px solid #ddd; }
    .wp-block-media-text .wp-block-media-text__content p {
      font-size: .9rem;
      line-height: 1.2rem; }

.wp-block-table {
  margin: 0;
  font-weight: 500; }
  .wp-block-table table {
    line-height: 30px; }
  .wp-block-table tr:nth-child(odd) {
    background-color: #EEEEEE; }
  .wp-block-table td {
    padding-left: 8px; }

button {
  border: none;
  outline: none;
  background-color: #00305F;
  color: white;
  font-weight: 600;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  transition: .2s all; }

button:hover {
  background-color: #b3b3b3; }

div.wpforms-container {
  background-color: #EEEEEE;
  padding: 2rem;
  border-radius: 20px; }
  div.wpforms-container .wpforms-field.wpforms-field-hp {
    display: none; }
  div.wpforms-container .wpforms-field {
    display: flex;
    margin-bottom: 1rem; }
  div.wpforms-container label {
    font-weight: 600;
    flex-shrink: 0;
    align-self: center;
    margin-right: 20px; }
  div.wpforms-container input {
    text-indent: 1rem;
    border: none;
    background-color: #ffffff;
    height: 2.5rem;
    border-radius: 100px;
    flex-basis: 100%; }
  div.wpforms-container .wpforms-field-radio li {
    display: flex; }
  div.wpforms-container .wpforms-field-radio input {
    flex-basis: auto;
    margin-right: 10px; }

.code-block img {
  border: 1px solid #eaeaea; }

.code-block-1,
.code-block-6 {
  margin: 0 0 40px !important; }

.code-block-2 {
  margin: 40px 0 0 !important; }

@media (max-width: 885px) {
  .page main .container > * {
    grid-column: 2; }

  .container {
    display: grid;
    grid-template-columns: 1rem 1fr 1rem; }
    .container > * {
      grid-column: 2; }

  .d-flex {
    flex-direction: column; }

  .search {
    display: none; }

  .topnav {
    grid-template-rows: auto; }

  .topnav .topnav__menu {
    display: none; }

  .actual,
  .school,
  .news__top,
  .news__tag,
  .longread,
  .support,
  .support .platforms,
  #menu-support-izdvojeno,
  .school .news-item a {
    grid-template-columns: 1fr; }

  main .article__content,
  main .article__header {
    grid-template-columns: 1fr; }
  main .article__content {
    order: 2; }
  main .article__image {
    grid-column: 1/2;
    order: 1; }
  main .caption {
    position: static;
    margin: 10px 0 2rem; }
  main .title, main .title--md, main .title--sm {
    margin: 10px 0 20px; }

  article h3 {
    font-size: 1.7rem;
    line-height: 2.2rem; }
  article .article__body {
    grid-template-columns: 1fr; }
  article .wp-block-quote {
    float: none;
    max-width: 100%;
    margin-left: 1rem; }
  article .wp-block-quote.is-style-large {
    margin: 16px 0;
    padding: 20px;
    max-width: 100%; }
  article .article__body__content {
    max-width: 100vw;
    overflow: hidden; }
  article .advgb-tab-body-wrapper {
    border: 1px solid #ccc0; }
  article .is-type-video {
    margin: 2rem 0;
    padding: 0; }
    article .is-type-video iframe {
      width: 100%;
      height: 100%;
      position: absolute; }
    article .is-type-video .wp-block-embed__wrapper {
      height: 0;
      padding-top: 0;
      padding-bottom: 56.2%;
      position: relative;
      width: 90%;
      border-radius: 24px;
      overflow: hidden;
      text-align: center;
      display: grid;
      transform: translateX(-50%);
      left: 50%; }

  .news__top {
    grid-template-rows: auto;
    height: auto;
    display: block; }
    .news__top > a {
      margin-bottom: .7rem; }
    .news__top .news-item:nth-child(1) {
      grid-column: 1;
      grid-row: auto; }
    .news__top .news-item:nth-child(2) {
      grid-column: 1;
      grid-row: auto; }
    .news__top .news-item:nth-child(3) {
      grid-column: 1;
      grid-row: auto; }
    .news__top .news-list {
      grid-column: 1;
      grid-row: auto; }
      .news__top .news-list:after {
        content: none; }

  .support > * {
    grid-column: 1/2; }

  .footer .footer__social, .footer .footer__menu, .footer .footer__contact {
    margin-left: 0; }

  .news__tag .news-item:nth-child(1) {
    grid-column: 1/2;
    grid-row: auto; }
  .news__tag .news-item:nth-child(2) {
    grid-column: 1/2;
    grid-row: auto; }
  .news__tag .news-item:nth-child(3) {
    grid-column: 1/2;
    grid-row: auto; }
  .news__tag .news-item:nth-child(4) {
    grid-column: 1/2;
    grid-row: auto; }
  .news__tag .news-item:nth-child(5) {
    grid-column: 1/2;
    grid-row: auto; }

  .news__top .news-item .lead,
  .news__tag .news-item:nth-child(1) .lead {
    display: none; }

  .archive__list .divider, .archive__list .divider--size-s {
    font-size: 1.2rem;
    margin-bottom: 1rem; }

  .archive .divider:before, .archive .divider:after {
    width: 38%; }

  .divider span, .divider--size-s span {
    padding: 0 0.5rem;
    font-size: 2rem;
    line-height: 1.6rem; }

  .single .divider a, .single .divider--size-s a,
  .archive .divider span {
    white-space: nowrap;
    font-size: 0.9rem;
    letter-spacing: 0; }

  .divider {
    margin: 3rem 0 0rem; }

  .topnav {
    margin: 1.2rem 0 0.9rem; }

  .divider:before, .divider:after {
    top: 0.7em; }

  .archive__list .archive__list__items .news-item:nth-child(1) .lead,
  .archive__list .archive__list__items .news-item:nth-child(2) .lead {
    display: none; }

  .archive__list .archive__list__items {
    grid-template-columns: 100%;
    grid-template-rows: auto; }

  .news__top .news-item:nth-child(1) .title, .news__top .news-item:nth-child(1) .title--md, .news__top .news-item:nth-child(1) .title--sm,
  .news__tag .news-item:nth-child(1) .title,
  .news__tag .news-item:nth-child(1) .title--md,
  .news__tag .news-item:nth-child(1) .title--sm {
    font-size: 1.2rem;
    line-height: 1.5rem; }

  .footer .footer__menu ul li {
    margin: 10px 0; }

  .archive__list__items .news-item {
    grid-column: 1/2 !important;
    grid-row: auto !important; }

  .news__tag .news-item:nth-child(1) .article__content {
    position: static; }

  .news__tag {
    display: grid;
    padding: 1rem; }

  .school .content-tag {
    position: static;
    margin: 0px 0 10px; }

  .school .school__item .news__image {
    margin: 0 auto; }

  .school .news-item a {
    text-align: center;
    margin-bottom: 40px; }

  .school .intro {
    margin-top: 40px; }

  .support .support-highlight li {
    margin-bottom: 1rem; }

  .container, .footer {
    display: grid;
    grid-template-columns: 1rem 1fr 1rem !important; }

  .footer > * {
    grid-column: 2; }

  .footer .footer__bckg {
    grid-column: 1/4; }

  .d-flex.footer__box > * {
    margin-top: 1rem; }

  .footer .footer__box {
    text-align: center; }

  .footer .footer__link img {
    margin: 0 auto; }

  .footer .footer__logo {
    margin-right: initial; }

  .footer .footer__icon {
    width: 50px;
    height: 50px; }

  .actual .lead p {
    margin-top: 0; }

  .column {
    border-left: 10px solid #282b2d; }

  .custom-logo-link {
    grid-column: 1/3;
    text-align: center;
    width: 100%; }

  .page .container {
    grid-template-columns: 1rem 1fr 1rem; }
  .page .article__image {
    order: 0; }
  .page .article__header {
    order: 0; }
  .page .title, .page .title--md, .page .title--sm, .page .page .title--md, .page .page .title--sm {
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin-top: -28px;
    padding: 10px 30px; }
  .page main .article__header {
    margin-bottom: 15px; }

  .article__image {
    margin-bottom: 1rem; }

  nav #menu-top-menu {
    padding-left: 0;
    font-weight: 500; }
  nav .menu-top-menu-container {
    margin-top: 20px;
    border: none;
    padding: 0 2rem; }
  nav .search {
    display: block; }
  nav form {
    text-align: center; }
  nav .search__mobile-menu {
    border-radius: 100px;
    border: none;
    padding: 0.8rem 1.5rem;
    margin-top: 1.5rem; }

  .top {
    grid-template-columns: 1rem 1fr 1rem;
    position: relative;
    z-index: 2; }

  nav, .top .login {
    grid-column: 2;
    grid-row: 1; }

  .top .login {
    align-self: center; }

  .logo__mobile-menu {
    padding-left: 2rem; }

  .post-type-archive-mudra_misao .archive__list__items--kolumne, .mudra_misao-template-default .archive__list__items--kolumne {
    grid-template-columns: auto; }

  #menuToggle {
    display: block;
    position: relative;
    top: 12px;
    left: 16px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none; }

  #menuToggle a {
    text-decoration: none;
    color: #232323;
    transition: color 0.3s ease; }

  #menuToggle a:hover {
    color: tomato; }

  #menuToggle input:not([type='search']) {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none; }

  /*
   * Just a quick hamburger
   */
  #menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }

  #menuToggle span:first-child {
    transform-origin: 0% 0%; }

  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%; }

  /*
   * Transform all the slices of hamburger
   * into a crossmark.
   */
  #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323; }

  /*
   * But let's hide the middle one.
   */
  #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2); }

  /*
   * Ohyeah and the last one should go the other direction
   */
  #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px); }

  /*
   * Make this absolute positioned
   * at the top left of the screen
   */
  #menu {
    position: absolute;
    width: 100vw;
    height: 100vh;
    margin: -100px 0 0 -16px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 50px;
    padding-top: 125px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }

  #menu li {
    padding: 10px 0;
    font-size: 22px; }

  /*
   * And let's slide it in from the left
   */
  #menuToggle input:checked ~ ul {
    transform: none; } }
.top .login {
  display: none; }

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