.entry-content h2 {
    scroll-margin-top: 160px;
}

.ssrs-block-bar {
    background-color: #e5e5e5;
    padding: 20px;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.ssrs-block-type {
    width: 25%;
    display: flex;
    max-width: 140px;
    align-items: center;
}

.ssrs-block-type svg {
    margin-right: 10px;
}

.ssrs-block-type div {
    padding-right: 10px;
}

.ssrs-block-title {
    width: 75%;
}

.ssrs-block-title a {
    color: #00a1b0;
    text-decoration: underline;
}

/* Modal */
.ssrs-modal-content {
    padding: 20px;
    max-height: 80vh;
    overflow-y: scroll;
}

.ssrs-overlay:target {
    display: flex;
}

.ssrs-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .25);
    z-index: 999;
    height: 100%;
}

.ssrs-modal {
    border: 1px solid #666;
    position: relative;
    width: 760px;
    max-width: 80%;
    background: white;
    padding: 20px;
}

.ssrs-modal .ssrs-close {
    color: #00a1b0;
    text-transform: uppercase;
    text-decoration: underline;
}

.ssrs-overlay .ssrs-cancel {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Leerruimte Sidebar */
.leerruimte-sidebar .menu {
    list-style: none;
}

.leerruimte-sidebar .menu a {
    font-size: 20px;
    padding: 18px 15px;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leerruimte-sidebar .menu li.current-menu-item a {
    color: #00a1b0;
    font-weight: bold;
}

.leerruimte-sidebar .menu li a:after {
    flex-shrink: 0;
    content: '';
    width: 22.793px;
    height: 14.639px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.793' height='14.639' viewBox='0 0 22.793 14.639'%3E%3Cpath id='long-arrow-right' d='M15.042,112.38l-1,1a.611.611,0,0,0,.009.872L18.16,118.2H.611a.611.611,0,0,0-.611.611v1.425a.611.611,0,0,0,.611.611H18.16l-4.109,3.946a.611.611,0,0,0-.009.872l1,1a.611.611,0,0,0,.864,0l6.709-6.709a.611.611,0,0,0,0-.864l-6.709-6.709a.611.611,0,0,0-.864,0Z' transform='translate(0 -112.202)'/%3E%3C/svg%3E%0A");
}

.page-template-template-leerruimte-digitaal .leerruimte-sidebar .menu li.current-menu-item a {
    color: #72a94e;
}

.ssrs-green {
    background-color: #72a94e;
    margin-top: 25px;
}

.ssrs-green a,
.ssrs-green a:hover {
    color: #fff;
    border-bottom: none !important;
}

.ssrs-green a:after {
    content: '';
    width: 22.793px;
    height: 14.639px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.793' height='14.639' viewBox='0 0 22.793 14.639'%3E%3Cpath id='long-arrow-right' d='M15.042,112.38l-1,1a.611.611,0,0,0,.009.872L18.16,118.2H.611a.611.611,0,0,0-.611.611v1.425a.611.611,0,0,0,.611.611H18.16l-4.109,3.946a.611.611,0,0,0-.009.872l1,1a.611.611,0,0,0,.864,0l6.709-6.709a.611.611,0,0,0,0-.864l-6.709-6.709a.611.611,0,0,0-.864,0Z' transform='translate(0 -112.202)' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
}

.ssrs-back {
    margin-top: 25px;
}

.ssrs-back a,
.ssrs-back a:hover {
    color: #000;
    justify-content: start !important;
    border: 1px solid black !important;
}

.ssrs-back a:after {
    display: none;
}

.ssrs-back a:before {
    content: '';
    width: 22.793px;
    height: 14.639px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.793' height='14.639' viewBox='0 0 22.793 14.639'%3E%3Cpath id='long-arrow-right' d='M15.042,112.38l-1,1a.611.611,0,0,0,.009.872L18.16,118.2H.611a.611.611,0,0,0-.611.611v1.425a.611.611,0,0,0,.611.611H18.16l-4.109,3.946a.611.611,0,0,0-.009.872l1,1a.611.611,0,0,0,.864,0l6.709-6.709a.611.611,0,0,0,0-.864l-6.709-6.709a.611.611,0,0,0-.864,0Z' transform='translate(22.793 126.84) rotate(180)'/%3E%3C/svg%3E%0A");}

/* Specific Leerruimte classes */
.ssrs-page-header-title {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.ssrs-page-header-subtitle {
    font-size: 28px;
    color: #00a1b0;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.page-template-template-leerruimte-digitaal .ssrs-page-header-subtitle {
    color: #72a94e;
}

.ssrs-page-header-description {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.ssrs-page-content .has-arrow a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 200px;
}

.ssrs-page-content .has-arrow a:after {
    content: '';
    width: 20px;
    height: 11.429px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='11.429' viewBox='0 0 20 11.429'%3E%3Cpath id='long-arrow-right' d='M13.885,128.157l-.316.316a.536.536,0,0,0,0,.758l3.747,3.725H.536a.536.536,0,0,0-.536.536v.446a.536.536,0,0,0,.536.536H17.316L13.57,138.2a.536.536,0,0,0,0,.758l.316.316a.536.536,0,0,0,.758,0l5.2-5.179a.536.536,0,0,0,0-.758l-5.2-5.179A.536.536,0,0,0,13.885,128.157Z' transform='translate(0 -128)' fill='%2300a1b0'/%3E%3C/svg%3E%0A");}

.ssrs-page-content a {
    color: #00a1b0;
    text-decoration: underline;
}

.ssrs-page-content h1 {
    font-size: 20px;
    font-weight: bold;
}

.ssrs-page-content h2 {
    font-size: 16px;
    margin-bottom: 2px;
    text-transform: none;
    font-weight: bold;
}

.ssrs-page-content h3 {
    font-size: 13px;
    margin-bottom: 2px;
    text-transform: none;
    font-weight: bold;
}

.ssrs-page-content h4 {
    font-size: 12px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: bold;
}

.ssrs-page-content-footer {
    border-top: 1px solid #333;
    padding-top: 50px;
    margin-top: 50px;
}


.ssrs-page-content-footer h3 {
    font-weight: bold;
    font-size: 20px;
}

a.ssrs-next-page,
a.ssrs-next-page:visited {
    text-decoration: none !important;
    color: black !important;
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
}

.ssrs-next-page > div > div > div {
    font-weight: bold;
}

.ssrs-next-page > div {
    font-size: 20px;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid black;
    padding: 10px 20px;
    width: 360px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ssrs-next-page > div:after {
    content: '';
    width: 22.793px;
    height: 14.639px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.793' height='14.639' viewBox='0 0 22.793 14.639'%3E%3Cpath id='long-arrow-right' d='M15.042,112.38l-1,1a.611.611,0,0,0,.009.872L18.16,118.2H.611a.611.611,0,0,0-.611.611v1.425a.611.611,0,0,0,.611.611H18.16l-4.109,3.946a.611.611,0,0,0-.009.872l1,1a.611.611,0,0,0,.864,0l6.709-6.709a.611.611,0,0,0,0-.864l-6.709-6.709a.611.611,0,0,0-.864,0Z' transform='translate(0 -112.202)'/%3E%3C/svg%3E%0A");
}

/** Lightbox */
.hidden {
    display: none;
}

.ssrs-image-lightbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.ssrs-image-lightbox-alignment {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.ssrs-image-lightbox-content {
    padding-top: 5px;
}

.ssrs-image-lightbox-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
}

.ssrs-image-lightbox-close {
    color: #fff;
    font-weight: bold;
}

.ssrs-image-lightbox-close-wrapper {
    display: flex;
    justify-content: flex-end;
}

.wp-block-image {
    position: relative;
}

.wp-block-image:hover a:after {
    content: '';
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7' /%3E%3C/svg%3E");
}