/* 



1. Add your custom Css styles below

2. Place the this code in your template: 


 



*/



@font-face {
    font-family: 'skolacek';
    src: url("../fonts/skolacek-ce.eot"); /* EOT file for IE */
    font-weight: normal;
    font-style: normal;
}

@font-face {

    font-family: 'skolacek';
    src: url('../fonts/skolacek-ce-webfont.woff2') format('woff2'),
    url('../fonts/skolacek-ce-webfont.woff') format('woff');
url('../fonts/skolacek-ce.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



.datepicker_event--holiday{

    background-color: orange !important;

}



a.current-menu-item{

 color: #f96a27 !important;

}

.partners{

 margin-top: 30px;

}

.partners_cell{

 position: relative;

}

.partners__logo{

 max-width: 100%;

 margin: auto;

}

.header-picture{

 max-width: 100%;

 display: none;

}

.header-title{

  font-family: 'skolacek',"Montserrat", "Helvetica", "Arial", sans-serif;;

  font-size: 60px;

  font-weight: normal;

  text-align: center;

  margin-bottom: 0 !important;

  line-height: 70px;


}

.header-subtitle{

    font-family: 'skolacek',"Montserrat", "Helvetica", "Arial", sans-serif;;

    font-size: 50px;

    font-weight: normal;

    text-align: center;

    margin-bottom: 5px !important;

    line-height: 50px;

}

.hp-section-heading{

    padding: 10px 0;

    margin: 0 0 10px;

}

.portfolio--album{

    background-color: #f96a27;

    opacity: .7;

}

.portfolio--album:hover{

    opacity: 1;

}

.portfolio--album a{

    text-decoration: none;

}

a .album-name{

    line-height: 200px;

    text-align: center;

    font-size: 40px;

    color: #fff;

}
ol{
    list-style-position: outside;
}

.header-button{

 font-family: 'skolacek',"Montserrat", "Helvetica", "Arial", sans-serif;;

 font-size: 35px;

 border: none;

 text-align: center;

 color: #000;

 padding: 7px 15px;

 display: block;

 margin: 5px auto;

text-decoration: none;

}

@media(min-width: 1200px){

    .header-title{

        font-size: 75px;

        line-height: 80px;

    }

    .header-button{

        font-size: 40px;

        padding: 11px 15px;

    }

}

.header-button--green{

  background-color: #D8EDAD;

}

.header-button--orange{

  background-color: #F9E8A3;

}

.header-button--blue{
    background-color: #c3f0f8;
}


@media(min-width: 1200px)  {

    .header-button--green{
        background-color: #D8EDAD;
        float: left;
    }

    .header-button--blue{
        background-color: #c3f0f8;
        float: right;
    }

 .header-button--orange{

  background-color: #F9E8A3;

  float: left;

 }

}

@media(min-width: 900px) {

  .header-picture{

   display: block;

  }

}

.quote{

    float: none;

}

.header-border{

    border-bottom: 10px solid #F9E8A3 !important;

}

.files li {

    margin: 0;

    padding: 10px 0 10px 50px;

    list-style: none !important;

    background-repeat: no-repeat !important;

    background-position: left center !important;

    background-size: 25px !important;

}

#mainMenu nav > ul > li > .rozcestnik-link{

    padding: 5px 30px;

    margin: 11px 14px;

}

.rozcestnik-link{

    font-family: "Raleway", "Helvetica", "Arial", sans-serif;

    text-align: center;

    text-decoration: none;

    color: #444;

    font-weight: 700;

    display: block;

    font-size: 14px;

    text-transform: uppercase;

}

@media (min-width: 768px) {

    .rozcestnik-link {

        font-size: 60px !important;

        font-family: 'skolacek', "Montserrat", "Helvetica", "Arial", sans-serif !important;

        text-transform: none !important;

        font-weight: 300 !important;

    }

    .rozcestnik-link--skola{

        background-color: #c3f0f8;

    }

    .rozcestnik-link--skolka{

        background-color: #F9E8A3;

    }

    .rozcestnik-link--druzina{

        background-color: #D8EDAD;

    }

}

.action-list{

    padding: 0;

    margin-bottom: 10px;

}

.action-list li{

    margin-bottom: 5px;

}

.action-list li  h5{

    color: #f96a27;

    font-size: 10px;

}

.action-list li a h5{

    color: #f96a27;

    text-decoration: underline;

    font-size: 12px;

}

.action-list li span{

    font-size: 14px !important;

    color: #0a001f !important;

    font-weight: 600 !important;

}

.rozcestnik-nadpis{

    font-size: 1.7em;

    font-weight: 600;

}

.post-item-wrap--white{

    color: #ffffff !important;

}

.sidebar-img{

    margin: 25px auto;

}

@media(max-width: 500px){

    .fa.fa-angle-down{

        display: none;

    }

}



.post-item.border {

    border-bottom: 2px solid #f2f2f2;

    margin-bottom: 24px;

}



.action-list li a h5:hover {

    text-decoration: none;

}



input.email {

    display: none;

}


.post-item.border {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 24px;
}
.post-item img {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}
.description {
    padding: 0px 24px 24px 24px !important;
    width: 100% !important;
}

.post-thumbnails .post-item:not(.quote) {
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}
.post-item-wrap--white p {
    margin-top: 1em;
}