#search-page-top{
    position: fixed;
    top: 0;
    z-index: 31;
    right: 0;
    left: 0;
    padding: 0;
}
#search-page-top, #search-container{
    background-color: #fff;
}
#search-page-top #related-teaching-fields,
#search-page-top #related-cities,
#search-page-top h1{
    display: none;
}
#search-page-top.show #related-teaching-fields,
#search-page-top.show #related-cities,
#search-page-top.show h1{
    display: block;
}
#search-page-main .breadcrumb.is-small {
    margin-bottom: 1rem;
}
#search-overlay{
    opacity: 0;
    transform: scale(1,0);
    max-height: 0;
    transition: .3s cubic-bezier(.4,.2,.5,1.4);
    transform-origin:center top;
}
.show #search-overlay{
    display: block;
    transform: scale(1,1);
    max-height: 100%;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0,0%,6.7%,.8);
    z-index: 1000;
}
.show #search-container{
    width: 100%;
    max-width: none;
}
.sticky #search-container, .show #search-container{
    border-bottom: 2px solid #ff9001;
    padding: 10px;
}
.sticky .columns, .show .columns{
    margin-top: -.75rem!important;
    margin-bottom: -.75rem!important;
}
#search-page-top.show #related-teaching-fields, #search-page-top.show #related-cities{
    display: block;
}
#search-mobile-bar{
    display: none;
}
.search-title {
    margin-bottom: 0.6rem!important;
}
.comments-headline{
    margin-top: 15px
}
.related {
    margin: 5px 0;
    font-size: 0.9rem;
}
.related a{
    display: inline-block;
}
#search-page-main {
    padding: 1.5rem;
}
/*.page-teacher-search .breadcrumb {*/
/*    margin: 15px 2px 0;*/
/*}*/
.search-description {
    color: #888;
}
.search-side .search-side-section {
    margin-bottom: 3rem;
}

.search-recent-articles .views-row{
    border-bottom: 1px solid #d4d4d4;
    padding: 15px 0;
}
.search-comments .columns {
    display: block!important;
}
.comment-bottom{
    padding-top: 15px;
    margin: 15px 10px 0;
    border-top: 1px solid #e1e1e1;
}
.search-recent-articles .views-field-title a{
    font-size: 18px;
}
@media (min-width: 768px) {
    .sticky #search-overlay{
        display: block;
        transform: scale(1,1);
        max-height: 100%;
        opacity: 1;
    }
}
@media (max-width: 769px) {
    #search-page-main {
        padding: 10px;
    }
    #search-page-main h1.page-title {
        font-size: 20px;
    }
    .search-title {
        font-size: 14px;
    }
    .search-description {
        font-size: 12px;
    }
    #search-mobile-bar{
        display: block;
        max-height: 0;
        padding: 0;
        transition: 0.5s;
        background-color: #ff9001;
        overflow: hidden;
    }
    #search-mobile-bar .search-teaser{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        font-weight: normal;
        font-size: 18px;
        padding: 5px;
        box-sizing: border-box;
        background-color: #ffffff;
        border: 1px solid #cfcfcf;
        border-radius: 5px;
        color: #39393a;
    }
    #search-mobile-bar .search-teaser .icon-search{
        vertical-align: middle;
    }
    .sticky #search-mobile-bar{
        max-height: 60px;
        padding: 10px;
    }
    .sticky .columns, .show .columns {
        margin: 0!important;
    }
}