/**
 * @file
 * CSS for custom_school_region block.
 */

.page-term-school.not-front #main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* flex-direction: column-reverse; */
}

.page-term-school.not-front #main-wrapper #sidebar-first {
    padding: 0;
    flex: 0 0 22%;
    width: 22%;
    float: none;
    margin-left: 1%;
    display: inline-block !important;
}

.page-term-school.not-front #main-wrapper #content {
    padding: 0;
    flex: 1 0 77%;
    width: 77%;
}

.page-term-school.not-front .sidebar .block .content {
    padding: 0;
}

@media screen and (max-width: 1240px) {
    .page-term-school.not-front #main {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1000px) {
    .page-term-school.not-front #main-wrapper #sidebar-first {
        padding: 0;
        flex: 0 0 27%;
        width: 27%;
    }

    .page-term-school.not-front #main-wrapper #content {
        padding: 0;
        flex: 1 0 71%;
        width: 71%;
    }

    .school-region-list .region-item>a {
        font-size: 13px;
    }
}

@media screen and (max-width: 900px) {
    .page-term-school.not-front #main {
        flex-direction: column-reverse;
    }

    .page-term-school.not-front #sidebar-first,
    .page-term-school.not-front #main-wrapper #content {
        flex: 1 0 100%;
        width: 100%;
    }
}

.school-region-list {
    background: #fff;
    padding: 6px;
}

.region_list .school-region-list ul {
    padding: 0;
    list-style: none;
    padding: 0;
}

.school-region-list>ul>li {
    list-style: none;
    position: relative;
    /* border-bottom: 1px solid #e5e5e5; */
    /* border-top: 1px solid #fff; */
    background: #f5f5f5;
}

.school-region-list span.arrow {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    cursor: pointer;
}

.school-region-list span.arrow .icon-up-open {
    display: none;
}

.school-region-list span.arrow .icon-down-open {
    position: absolute;
    left: 12px;
    top: 12px;
}

.school-region-list .region-item>a {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 8px;
    color: #333;
    border-bottom: 1px solid #ddd;
    background: #eeee;
}

.school-region-list>ul>li>strong:hover {
    background: #f5f5f5;

}

.school-region-list ul ul {
    padding: 0;
    background: #f5f5f5;
    list-style: none;
    display: none;
}

.school-region-list ul ul>li:first-child>a {
    /* border-top: 0px solid #fff; */
}

.school-region-list ul ul>li:last-child>a {
    border-bottom: 0px solid #fff;
}

.school-region-list ul ul a {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 6px 16px 5px;
    color: #333;
}

.school-region-list ul ul a,
.school-region-list ul ul a span {
    color: #333;
    font-size: 13px;
}

.school-region-list span.hidden {
    display: none;
}

.school-region-list ul ul a:hover {
    background: #ededed;
}