/* 1. Add your custom Css styles below 2. Place the this code in your template: <link href="css/custom.css" rel="stylesheet"> */
 .slider-title h2{
     color: #e1525e !important;
     font-size: 40px;
     font-weight: 300 !important;
     background-color: rgba(255, 255, 255, .7);
     padding: 10px 5px;
     margin: auto;
     max-width: 70%;
}
 #footer.footer-dark a{
     color: #e1525e !important;
}
 .datepicker_event--holiday{
     background-color: green !important;
}
 .post-item-description h2 a{
     color: #444444;
     font-size: 20px;
     font-weight: 600;
}
 .post-item-wrap--white .post-item-description{
     color: #fff !important;
}
 .portfolio--album{
     background-color: #e1525e;
     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;
}
 .grid-item{
     text-align: center;
}
 .files li {
     margin: 0;
     padding: 3px 0 3px 30px;
     list-style: none !important;
     background-repeat: no-repeat !important;
     background-position: left center !important;
     background-size: 23px !important;
}
 .files{
     padding-left: 0;
}
 .header-image{
     width: 100%;
     height: auto;
     margin-bottom: 40px;
}
 @media(max-width: 500px) {
     #header #header-wrap #logo a > img{
         height: 50px;
         margin-top: 15px;
    }
     .fa.fa-angle-down{
         display: none;
    }
}
 .content table {
     width: 100%;
     margin-bottom: 30px;
     border: 1px solid #E2E6E7;
     border-collapse: collapse;
}
 .content table td,.content table th {
     padding: 14px;
}
 .content table td, .content table th {
     border-left: 1px solid #E2E6E7;
}
 .content table td:first-child, .content table th:first-child {
     text-align: left;
     border-left: none;
}
 .content table tr:nth-child(odd) {
     background: #F5F5F5;
}
 .post-item-description{
     border-bottom: 1px solid #eee;
}
 .contact_wrapper__orange{
     background-color: #f7f7f7;
     padding: 20px;
     margin: 15px 0;
}
 .contact_wrapper__orange a{
     font-weight: 600;
}
 .contact_wrapper__orange h4{
     color: #333;
}
 .food-wrapper{
     margin: 20px 0;
     padding: 30px;
     border: 1px solid #eee;
}
 .food-wrapper h3{
     margin-bottom: 10px !important;
     color: #e1525e;
}
 .text_orange{
     color: #e1525e !important;
}
 .text_blue{
     color: #26b8f3 !important;
}
 .text_green{
     color: #5aa025 !important;
}
 .breadcrumb li{
     color: #5aa025 !important;
     font-weight: 600;
     font-size: 13px;
}
 ol{
     list-style-position: outside;
}
 .color_blog.active a{
     color: #e1525e !important;
     border-color: #e1525e !important;
}
 .color_event.active a{
     color: #5aa025 !important;
     border-color: #5aa025 !important;
}
 .btn.btn-light.btn-light--primary:hover, .btn.btn-light.btn-light--primary:focus, .btn.btn-light.btn-light--primary:active, .btn.btn-light.btn-light--primary.active{
     background-color: #26b8f3;
     border-color: #26b8f3;
}
 .tags.tags--primary a:hover, .tags.tags--primary a:focus, .tags.tags--primary a:active, .tags.tags--primary a.active {
     background-color: #26b8f3;
     border-color: #26b8f3;
}
 .pagination.pagination-simple .active > a, .pagination.pagination-simple .active > span, .pagination.pagination-simple .active > a:hover, .pagination.pagination-simple .active > span:hover, .pagination.pagination-simple .active > a:focus, .pagination.pagination-simple .active > span:focus{
     color: #e1525e;
}
 .post-item-wrap__calendar{
     border: 1px solid #eee;
}
 .post-thumbnails .post-item:not(.quote) .post-item-description__calendar{
     width: 100% !important;
     border-bottom: none;
     padding-top: 20px;
}
 .post-thumbnails .post-item:not(.quote) .post-item-description__date{
     width: 100% !important;
     border-bottom: none;
     padding-top: 20px;
}
 .post-thumbnails .post-item:not(.quote) .post-image__calendar{
     width: 100% !important;
}
 .date__wrapper{
     max-width: 90%;
     margin: auto;
     text-align: center;
     transition: all .3s;
     color: #ffffff;
     font-weight: 700;
     padding: 10px;
}
 .date__day{
     font-size: 30px;
     font-weight: 300;
}
 .date__year{
     font-weight: 600;
}
 @media(min-width: 767px) {
     .post-item-wrap__calendar {
         display: flex;
    }
     .post-thumbnails .post-item:not(.quote) .post-item-description {
         width: 50% !important;
    }
     .post-thumbnails .post-item:not(.quote) .post-image__calendar {
         width: 30% !important;
    }
     .post-thumbnails .post-item:not(.quote) .post-item-description__date {
         width: 20% !important;
    }
}