/* 
    Created on : Feb 24, 2018, 11:52:06 AM
    Author     : Radoslav Cholakov <rdch@mail.bg>
*/
/* 
    Created on : Feb 26, 2018, 1:14:13 PM
    Author     : Radoslav Cholakov <rdch@mail.bg>
*/
/*Colors*/
/* Header */
/* Pagination */
html {
  font-size: 16px; }

.heading-image-wrapper {
  display: flex;
  justify-content: center;
  background-color: rgba(230, 230, 230, 0.5); }
  .heading-image-wrapper img {
    max-height: 400px; }

.page-title-wrapper {
  padding: 1rem 0; }

.page-title {
  box-shadow: 0 0 10px 0 #c3ffc3;
  text-align: center;
  margin: 0;
  font-size: 1.75rem;
  color: #5C5C5C;
  text-transform: uppercase;
  padding: 1.5rem 0; }

.content-wrapper {
  padding-bottom: 1rem; }

.gallery-title {
  border-bottom: 1px solid #c3ffc3;
  padding-bottom: 0.5rem;
  font-size: 1.4rem;
  color: #767676; }

.error label,
.error label.error {
  color: #C3232D; }

.form .error-message {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  color: rgba(0, 0, 0, 0.54); }

.required > label {
  font-weight: bold; }

.required > label:after {
  content: ' *';
  color: #C3232D; }

div.message {
  text-align: center;
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: 0 1.5rem 0 1.5rem;
  transition: height 300ms ease-out 0s;
  background-color: #a0d3e8;
  color: #626262;
  top: 15px;
  right: 15px;
  z-index: 999;
  overflow: hidden;
  height: 50px;
  line-height: 2.5em;
  box-radius: 5px; }

div.message:before {
  line-height: 0px;
  font-size: 20px;
  height: 12px;
  width: 12px;
  border-radius: 15px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  left: -11px;
  background-color: #FFF;
  padding: 12px 14px 12px 10px;
  content: "i";
  color: #a0d3e8; }

div.message.error {
  background-color: #C3232D;
  color: #FFF; }

div.message.error:before {
  padding: 11px 16px 14px 7px;
  color: #C3232D;
  content: "x"; }

div.message.hidden {
  height: 0; }

/* 
    Created on : Mar 5, 2018, 12:05:44 PM
    Author     : Radoslav Cholakov <rdch@mail.bg>
*/
.logo {
  position: relative;
  width: 100%;
  max-width: 6rem; }
  .logo .logo-wrapper {
    position: absolute;
    top: 0.75rem;
    max-width: 6rem;
    padding: 0.5rem;
    background-color: #fefefe;
    border-radius: 1rem;
    box-shadow: 0 0 10px 5px rgba(29, 97, 161, 0.3);
    z-index: 500; }

.card-link {
  margin-bottom: 0; }
  .card-link .card-link-image {
    width: 100%; }
  .card-link .card-link-title {
    padding: 1rem 0.25rem;
    color: #fefefe;
    background-color: #ef3c39;
    text-align: center;
    text-transform: uppercase;
    font-size: 125%;
    font-weight: 700; }

.post-card {
  margin: 0 0 1.5rem 0;
  box-shadow: 0 0 10px 0 #cdcdcd; }
  .post-card.school {
    box-shadow: 0 0 10px 0 #ffb3b3; }
    .post-card.school .link-wrapper .button {
      background-color: #FF3333; }
  .post-card.kindergarten {
    box-shadow: 0 0 10px 0 #e69999; }
    .post-card.kindergarten .link-wrapper .button {
      background-color: #CC3333; }
  .post-card .event-title {
    line-height: 1; }
  .post-card .image-wrapper {
    position: relative;
    max-height: 250px;
    overflow: hidden; }
    .post-card .image-wrapper .image {
      width: 100%; }
    .post-card .image-wrapper .title {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      padding: 1rem;
      color: white;
      background-color: #ff3334; }
      @media screen and (max-width: 39.9375em) {
        .post-card .image-wrapper .title {
          display: none; } }
  .post-card .short-content {
    margin: 0.625rem; }
    @media print, screen and (min-width: 40em) {
      .post-card .short-content {
        margin-left: 0; } }
    .post-card .short-content .title {
      font-size: 1.25rem;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: underline; }
    .post-card .short-content .period {
      margin-bottom: 0.625rem;
      line-height: 1;
      font-style: italic; }
    .post-card .short-content .short-text {
      margin-bottom: 0.625rem; }
    .post-card .short-content .link-wrapper {
      display: flex;
      justify-content: right; }
      .post-card .short-content .link-wrapper .post-card-link {
        margin-bottom: 0; }

/* 
    Created on : Mar 5, 2018, 2:17:31 PM
    Author     : Radoslav Cholakov <rdch@mail.bg>
*/
.main-menu {
  padding: 0.5rem 0;
  background-color: #dcffdc; }
  .main-menu.school {
    background-color: #FF3333; }
  .main-menu.kindergarten {
    background-color: #CC3333; }
  @media print, screen and (min-width: 40em) {
    .main-menu .menu-wrapper > .menu > li > a {
      color: #0a0a0a; }
    .main-menu.school .menu-wrapper > .menu > li > a, .main-menu.kindergarten .menu-wrapper > .menu > li > a {
      color: #fefefe; } }
  .main-menu .menu a {
    padding: 0.7rem !important;
    font-size: 75%;
    font-weight: 700;
    text-transform: uppercase; }
  .main-menu .dropdown > .is-dropdown-submenu-parent > a::after {
    border-style: solid !important;
    border-color: currentColor transparent transparent transparent !important;
    border-width: 5px !important;
    right: -2px !important; }

.pagination {
  display: flex; }
  .pagination.align-center {
    justify-content: center; }
  .pagination.align-left {
    justify-content: left; }
  .pagination.align-right {
    justify-content: right; }

.pagination.circular li {
  margin: 0 0.065rem; }
  .pagination.circular li.disabled {
    padding: 0; }
    .pagination.circular li.disabled a {
      cursor: not-allowed; }
  .pagination.circular li.active a {
    color: #fefefe; }
  .pagination.circular li.active:hover a, .pagination.circular li.active a {
    background-color: #339966; }
  .pagination.circular li.prev {
    margin-right: 0.26rem; }
  .pagination.circular li.next {
    margin-left: 0.26rem; }
  .pagination.circular li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border-radius: 5000px;
    color: #339966;
    border: solid #339966 1px;
    min-width: 35px;
    min-height: 35px; }
@media screen and (max-width: 39.9375em) {
  .pagination.circular li.prev, .pagination.circular li.next {
    display: inline-block; } }

/*
    Created on : Feb 26, 2018, 1:09:23 PM
    Author     : Radoslav Cholakov <rdch@mail.bg>
*/
header .menu a {
  text-transform: uppercase;
  color: #fefefe;
  font-size: 75%;
  font-weight: bold;
  padding: 0.7rem !important; }
header .header-top-line {
  background-color: #339966; }
  header .header-top-line .top-menu .menu li:nth-of-type(2) {
    background-color: #FF3333; }
  header .header-top-line .top-menu .menu li:nth-of-type(3) {
    background-color: #CC3333; }
  header .header-top-line .header-search-form {
    position: relative; }
    header .header-top-line .header-search-form .header-search-field {
      padding: 0.7rem 2.5rem 0.7rem 0.7rem;
      height: auto;
      font-size: 75%;
      line-height: 1;
      border: none; }
    header .header-top-line .header-search-form .header-search-button {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      width: 2.5rem;
      height: 100%;
      background-color: transparent; }
      header .header-top-line .header-search-form .header-search-button .fi-magnifying-glass {
        display: inline-block;
        transform: rotate(-90deg);
        font-size: 101.25%;
        color: #339966; }
    header .header-top-line .header-search-form .header-search-field,
    header .header-top-line .header-search-form .header-search-button {
      margin-bottom: 0; }

/* 
    Created on : Feb 27, 2018, 11:54:43 AM
    Author     : Radoslav Cholakov <rdch@mail.bg>
*/
.footer {
  background-color: #339966;
  padding: 1rem 0; }
  .footer a {
    color: #fefefe !important; }
  .footer .footer-main-menu .main-item {
    margin-bottom: 1rem; }
    .footer .footer-main-menu .main-item .main-item-link {
      background-color: #ef3c39; }

.users.login {
  padding: 80px 0; }

.events.view .link-wrapper .button {
  margin-bottom: 0; }

.news.view .link-wrapper .back-button {
  margin-bottom: 0; }

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