/*
Theme Name:  TALI Virtual Midrash
Theme URL:   https://tvm.levana.org.il
Description: TALI Virtual Midrash custom theme.
Author:      Oded Talmon
Author URL:  https://odedta.com
Version:     1.0.0
Tested up to: 6.0
Requires PHP: 5.6
Text Domain: tvm
Domain Path: /languages
*/

@font-face {
    font-family: "Mikhmoret DL Bold AAA";
    font-weight: 700; /*(bold)*/
    font-style: normal;
    src: url("/wp-content/themes/tvm/assets/fonts/mikhmoret-bold-aaa.eot");
    src: url("/wp-content/themes/tvm/assets/fonts/mikhmoret-bold-aaa.eot?#iefix") format("embedded-opentype"),
    url("/wp-content/themes/tvm/assets/fonts/mikhmoret-bold-aaa.woff2") format("woff2"),
    url("/wp-content/themes/tvm/assets/fonts/mikhmoret-bold-aaa.woff") format("woff");
}

/*
 * General
 */
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
    direction: ltr;
    text-align: left;
    overflow: auto;
}

body {
    font-family: "Heebo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    font-family: "Mikhmoret DL Bold AAA", Heebo, sans-serif;
}

span,
p {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 30px;
}

a {
    color: inherit;
    font-family: "Heebo", sans-serif;
    font-size: 18px;
    text-decoration: none;
}

#wpadminbar span,
#wpadminbar p {
    color: inherit;
}

a:hover {
    color: inherit;
}

.px-5p {
    padding-right: 5%;
    padding-left: 5%;
}

.py-5p {
    padding-top: 5%;
    padding-bottom: 5%;
}

.px-3p {
    padding-right: 3%;
    padding-left: 3%;
}

.py-3p {
    padding-top: 3%;
    padding-bottom: 3%;
}

.px-10p {
    padding-right: 10%;
    padding-left: 10%;
}

.py-10p {
    padding-top: 10%;
    padding-bottom: 10%;
}

.px-15p {
    padding-right: 15%;
    padding-left: 15%;
}

.py-15p {
    padding-top: 15%;
    padding-bottom: 15%;
}

.px-100 {
    padding-right: 100px;
    padding-left: 100px;
}

.px-200 {
    padding-right: 200px;
    padding-left: 200px;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.search .page-header,
.post-type-archive-creations .page-header,
.page .page-header {
    background-color: #f1eeea;
}

.search .page-header .entry-title,
.post-type-archive-creations .page-header .entry-title,
.page .page-header .entry-title {
    color: #000000;
    font-family: "Mikhmoret DL Bold AAA";
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 105px;
}

.search .page-header .entry-title {
    margin-bottom: 55px;
}

.text-two-col {
    column-count: 2;
    /*column-gap: 124px;*/
    column-gap: 3rem;
}

.page-id-115577 section.entry-content a {
    color: #0d6efd;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .px-5p {
        padding-right: 2.5%;
        padding-left: 2.5%;
    }

    .py-5p {
        padding-top: 2.5%;
        padding-bottom: 2.5%;
    }

    .px-10p {
        padding-right: 5%;
        padding-left: 5%;
    }

    .py-10p {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .px-15p {
        padding-right: 5%;
        padding-left: 5%;
    }

    .py-15p {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .text-two-col {
        column-count: 1;
        column-gap: initial;
    }

    .page .page-header .entry-title {
        font-size: 50px;
        line-height: 55px;
    }
}

/*
 * Header
 */
#header {
    position: relative;
    z-index: 1000;
    background-color: #f1eeea;
}

#header .container-fluid .row {
    height: 100px;
}

.language-switcher,
#menu > .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu > .menu {
    margin-right: 65px;
}

#menu > .menu li {
    font-size: 20px;
}

#menu > .menu li:not(:last-child) {
    margin-right: 45px;
}

.language-switcher li {
    color: #2e2e2e;
    font-size: 20px;
}

.language-switcher li:not(:last-child) {
    margin-left: 5px;
}

.language-switcher li:not(:last-child)::before {
    content: "/";
}

#open-search {
    font-size: 20px;
    line-height: 1;
}

.social-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.social-icons a:not(:last-child) {
    margin-right: 20px;
}

.site-logo img {
    width: auto;
    max-height: 60px;
}

@media (max-width: 991px) {
    #header {
        background-color: white;
    }

    #header .container-fluid .row {
        height: auto;
    }

    .site-logo img {
        width: auto;
        max-height: 50px;
    }

    .navbar.navbar-dark {
        background-color: #2e2e2e !important;
    }

    .navbar-dark .navbar-brand {
        margin-left: 0;
        margin-right: 1rem;
    }

    #menu > .menu,
    #menu > .menu li:not(:last-child) {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    #menu > .menu li {
        margin-bottom: 10px;
    }

    .language-switcher {
        margin-left: 0;
        margin-right: 0;
    }
}

/*
 * Footer
 */
#footer {
    background-color: #2e2e2e;
}

#footer p {
    color: white;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

#footer p.credit {
    color: white;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

#footer-bottom {
    border-top: 1px solid #ececec;
}

#footer-bottom a,
#footer-bottom p,
#footer-bottom p span {
    color: white;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 27px;
}

@media (max-width: 991px) {
    #footer-top > .row > .col {
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
    }

    #footer-bottom p span {
        display: block;
    }

    #footer-bottom p span.separator {
        display: none;
    }

    #footer p.credit,
    #footer p {
        font-size: 18px;
        line-height: 27px;
    }
}

/*
 * Search
 */
.search-form {
    gap: 45px;
}

.search-tags-wrapper {
    gap: 40px;
}

.search-tags-wrapper .search-tags {
    gap: 15px;
}

.search-form .form-group {
    position: relative;
}

.home .search-form .form-group:not(:last-child) {
    margin-left: 0;
    margin-right: 0;
}

.search-form label {
    color: black;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

.search-form .form-check-input[type="checkbox"] {
    border: 2px solid black;
    border-radius: 0;
    background-color: transparent;
}

.search-form .form-check-input[type="checkbox"]:checked {
    background-color: black;
    color: white;
}

.search-form input[type="text"] {
    height: 37px;
    width: 100%;
    border: 0;
    border-bottom: 2px solid black;
    background-color: transparent;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

.search-form .dropdown-toggle {
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 2px solid black;
    background-color: transparent;
    text-align: initial;
    cursor: pointer;
}

.search-form .dropdown-toggle::after {
    float: right;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 10px;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0;
}

.search-form .dropdown-toggle.show::after {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0;
}

.search-form .dropdown-toggle i {
    margin-left: 8px;
    margin-right: 0;
}

.search-form .dropdown-menu {
    border: 0;
    background-color: #f1eeea;
}

.search-form .dropdown-menu.show {
    width: 555px;
    height: auto;
    max-height: 440px;
    overflow: hidden;
    background-color: #f1eeea;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.17);
}

.search-form.home-search-form .dropdown-menu.show {
    width: 250px;
}

.search-form .dropdown-menu.show .dropdown-container {
    width: 100%;
    height: 380px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.search-form .dropdown-menu label {
    width: 100%;
    min-height: 35px;
    height: 100%;
    padding: 7px 4px 2px 4px;
    background-color: white;
    color: black;
    font-size: 15px;
    letter-spacing: 0.54px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s all;
}

.search-form .dropdown-menu label.active {
    background-color: #2e2e2e;
    color: white;
}

.search-form .dropdown-menu label input[type="checkbox"] {
    display: none;
}

.search-form .dropdown-menu.show .dropdown-container::-webkit-scrollbar {
    position: relative;
    right: -3px;
    width: 8px;
    background-color: #f1eeea;
}

.search-form .dropdown-menu.show .dropdown-container::-webkit-scrollbar-thumb {
    position: relative;
    right: -3px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.56);
}

.searh-bar-wrapper > button,
.searh-bar-wrapper > button:hover,
.searh-bar-wrapper > button:focus,
.searh-bar-wrapper > button:active,
.search-form button[type="submit"] {
    height: 37px;
    padding: 3px 35px 5px 35px;
    border: 2px solid black;
    border-radius: 0;
    background-color: transparent;
    color: black;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

.searh-bar-wrapper > button i {
    position: relative;
    top: 2px;
    right: 5px;
}

.search-form button[type="submit"].btn-block {
    width: 100%;
}

.search-form .swiper ~ .swiper-button-prev,
.search-form .swiper .swiper-button-prev {
    right: auto;
    left: 10px;
    color: inherit;
}

.search-form .swiper ~ .swiper-button-next,
.search-form .swiper .swiper-button-next {
    right: 10px;
    left: auto;
    color: inherit;
}

.search-form .swiper ~ .swiper-button-prev.bi-chevron-right::before {
    content: "\f284";
}

.search-form .swiper ~ .swiper-button-next.bi-chevron-left::before {
    content: "\f285";
}

.search-form .swiper ~ .swiper-button-prev::after,
.search-form .swiper ~ .swiper-button-next::after,
.search-form .swiper .swiper-button-prev::after,
.search-form .swiper .swiper-button-next::after {
    content: "";
}

.abc-sort-wrapper {
    position: relative;
    border-color: #aaaaaa;
}

.search-form .abc-sort .swiper-slide {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 18px;
    letter-spacing: 9.44px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
}

.search-form .abc-sort .swiper-slide.active,
.search-form .abc-sort .swiper-slide:hover {
    font-weight: 700;
}

.search-form #years-range-slider {
    margin: 0 0 40px 0;
}

.search-form #years-range-slider .noUi-origin .noUi-tooltip {
    bottom: initial;
    top: 120%;
}

.search-form #year_max,
.search-form #year_min {
    border: 0;
}

.search-form #year_min {
    text-align: left;
}

.search-form .form-check-input[type="checkbox"] {
    float: left;
}

.search-tags-wrapper .tag {
    position: relative;
    padding: 5px 20px 5px 35px;
    background-color: #f1eeea;
}

.search-tags-wrapper .tag .tag-text {
    color: #000000;
    font-family: "Heebo";
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

.search-tags-wrapper .tag i {
    position: absolute;
    top: 10px;
    right: auto;
    left: 12px;
    font-size: 19px;
    cursor: pointer;
}

#popup-search .modal-dialog {
    max-width: 100%;
}

#popup-search .modal-content i {
    color: white;
    font-size: 22px
}

body:not(.logged-in) #popup-search .modal-dialog {
    margin: 0;
}

#popup-search .modal-content {
    border-radius: 0;
    background-color: #2e2e2e;
}

#popup-search .modal-content #_s {
    padding: 5px 0;
    border: 0;
    border-bottom: 1px solid #aeaeae;
    color: #aeaeae;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

#popup-search .modal-content #_s::-webkit-input-placeholder {
    color: #aeaeae;
}

#popup-search .modal-content #_s:-ms-input-placeholder {
    color: #aeaeae;
}

#popup-search .modal-content #_s::placeholder {
    color: #aeaeae;
}

#popup-search .modal-content #_s:hover,
#popup-search .modal-content #_s:focus {
    outline: none;
    box-shadow: none;
    border-color: white;
    background-color: transparent;
}

#popup-search .modal-content button[type="submit"] {
    width: 100%;
    height: 100%;
    border: 1px solid #aeaeae;
    border-radius: 0;
    background-color: transparent;
    color: #aeaeae;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

#popup-search .modal-content button[type="submit"]:hover {
    border-color: white;
    color: white;
}

.related-activity-wrapper img,
.related-article-wrapper img {
    width: 66px;
    height: 66px;
    margin-left: 0;
    margin-right: 23px;
}

.related-activity-wrapper p,
.related-article-wrapper p,
.related-activity-wrapper a,
.related-article-wrapper a {
    margin: 0;
    font-size: 25px;
    letter-spacing: 0.75px;
    line-height: 32px;
}

@media (max-width: 1550px) {
    .search-form label {
        font-size: 17px;
        letter-spacing: 0.54px;
        line-height: 27px;
    }

    .search-form .dropdown-toggle {
        font-size: 17px;
    }

    .search-form {
        gap: 35px;
    }
}

@media (max-width: 1450px) {
    .search-form {
        gap: 15px;
    }
}

@media (max-width: 1366px) {
    .search-form {
        gap: 25px;
    }

    .search-form .dropdown-toggle::after {
        display: none;
    }
}

@media (max-width: 1200px) {
    .search-form {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .search-form .form-group {
        flex: 0 0 auto;
        width: 100%;
    }

    .search-form .dropdown-menu.show {
        width: 100%;
        height: 440px;
        max-height: initial;
    }

    .search-form .dropdown-menu.show.year {
        height: auto;
    }

    .search-tags-wrapper {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 20px;
    }

    .search-tags-wrapper .tag .tag-text {
        font-size: 17px;
    }
}

@media (max-width: 1024px) {
    .search-form:not(.home-search-form) {
        display: none;
    }
}


/*
 * Content
 */
.home #main h1 {
    font-size: 138px;
    font-weight: bold;
    letter-spacing: -0.05px;
    line-height: 101px;
}

.home #main .row-1 {
    background-color: #f1eeea;
}

.home #main .row-1 figure {
    position: relative;
    width: 100%;
    height: 110%;
}

.home #main .row-1 figure img {
    position: absolute;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home #main .row-1 figure figcaption {
    position: absolute;
    bottom: -10%;
    z-index: 10;
    width: 100%;
    height: 75px;
    padding: 0;
    color: black;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
}

.home #main .row-1 .page-subtitle {
    font-family: "Mikhmoret DL Bold AAA", Heebo, sans-serif;
    font-size: 41px;
    letter-spacing: 5.6px;
    line-height: 49px;
}

::-webkit-input-placeholder {
    color: black;
}

:-ms-input-placeholder {
    color: black;
}

::placeholder {
    color: black;
}

.form-control {
    padding: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
}

.rotated-text .line {
    width: 2px;
    height: 132px;
    background-color: black;
}

.home #main .row-2 .rotated-text p,
.rotated-text p {
    display: block;
    width: 100%;
    height: auto;
    color: black;
    font-size: 25px !important;
    letter-spacing: 0.75px;
    line-height: 37px;
    white-space: nowrap;
    transform: rotate(90deg);
    transform-origin: left;
}

.home #main .row-2 h3 {
    color: black;
    font-family: "Mikhmoret DL Bold AAA", Heebo, sans-serif;
    font-size: 55px;
    font-weight: bold;
    letter-spacing: 1.65px;
    line-height: 60px;
}

.home #main .row-2 p {
    color: black;
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 30px;
}

.home #main .row-2 a {
    text-decoration: underline;
}

.page-content-blockquote {
    padding-right: 0;
    padding-left: 15px;
    border-left: 2px solid #2e2e2e;
    border-right: 0;
}

.page-content-blockquote p {
    margin: 0;
    color: #000000;
    font-family: "Heebo";
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 30px;
}

.creation-external-link {
    margin-top: 5px;
    color: #000000;
    font-family: "Heebo";
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 30px;
    text-decoration: underline;
}

@media (max-width: 1200px) {
    .home #main h1 {
        font-size: 98px;
        line-height: 90px;
    }

    .rotated-text {
        display: flex;
        align-items: center;
    }

    .rotated-text .line {
        width: 132px;
        height: 2px;
    }

    .home #main .row-2 .rotated-text p,
    .rotated-text p {
        display: block;
        width: 100%;
        height: auto;
        transform: rotate(0deg);
        margin-left: 10px;
        margin-right: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .home #main .row-1 {
        padding-bottom: 25px;
    }

    .home #main .row-1 figure {
        height: 95%;
    }

    .home #main .row-1 figure img {
        position: relative;
        height: 100%;
    }

    .home #main .row-1 figure figcaption {
        position: relative;
        bottom: -10px;
    }

    .home #main .row-2 h3 {
        font-size: 40px;
        letter-spacing: 1.2px;
        line-height: 45px;
    }

    .home #main h1 {
        font-size: 68px;
        line-height: 70px;
    }

    .home #main .row-1 .page-subtitle {
        font-size: 30px;
        letter-spacing: 4px;
        line-height: 35px;
    }
}

/*
 * Popups
 */
[data-bs-dismiss="modal"],
[data-bs-toggle="modal"] {
    cursor: pointer;
}

#popup-single-creation-thumbnail {
    background: rgba(255, 255, 255, 0.8);
}

body.single-creations #popup-single-creation-thumbnail.fade.show {
    backdrop-filter: blur(5px);
}

#popup-single-creation-thumbnail .fa-close {
    margin-right: 10px;
    margin-left: 0;
    color: #727272;
    font-size: 28px;
}

#popup-single-creation-thumbnail .single-creation-thumbnail {
    width: 100%;
}

#popup-single-creation-thumbnail .modal-content {
    background-color: transparent;
    border: 0;
}

#popup-single-creation-thumbnail .modal-content .modal-body {
    padding: 0;
}

#popup-single-creation-thumbnail figure {
    flex-grow: 1;
}

#popup-single-creation-thumbnail figure.figure.containerZoom {
    overflow-y: scroll;
}

/*
 * Pagination
 */
.pagination {
    justify-content: flex-end;
}

.pagination .page-numbers {
    min-width: 40px;
    margin: 0 2px;
    padding: 7px 5px 5px 5px;
    border: 2px solid black;
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 30px;
    text-align: center;
    letter-spacing: 0;
    line-height: 1;
}

.pagination .page-numbers.dots,
.pagination .page-numbers.next {
    border: 0;
}

.pagination .page-numbers.current {
    background-color: black;
    color: white;
}

/*
 * Swiper
 */

.related-swiper.swiper {
    position: relative;
    display: none;
}

.related-swiper.swiper ~ .swiper-button-prev {
    left: auto;
    right: 75px;
}

.related-swiper.swiper ~ .swiper-button-next {
    left: 75px;
    right: auto;
}

.related-swiper.swiper ~ .swiper-button-prev::after {
    content: url("/wp-content/themes/tvm/assets/img/next.png");
}

.related-swiper.swiper ~ .swiper-button-next::after {
    content: url("/wp-content/themes/tvm/assets/img/prev.png");
}

.related-swiper img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    object-fit: cover;
    transition: all 0.3s;
    backface-visibility: hidden;
}

.related-swiper .gallery-item.card {
    border: 0;
    border-radius: 0;
}

.related-swiper .gallery-item .card-img-overlay {
    transition: .5s ease;
    opacity: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.related-swiper .gallery-item:hover .card-img-overlay {
    opacity: 1;
}

.related-swiper .gallery-item .card-img-overlay blockquote {
    border-left: 2px solid white;
    padding-left: 20px;
}

.related-swiper .gallery-item .card-img-overlay .creation-title {
    font-family: "Mikhmoret DL Bold AAA";
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.54px;
    line-height: 32px;
}

.related-swiper .gallery-item .card-img-overlay .creation-artist {
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 20px;
}

/*.related-swiper figure {
    display: grid;
    grid-template-rows: 1fr auto;
    margin: 0 0 23px;
    break-inside: avoid;
}

.related-swiper figure {
    grid-template-columns: 1fr;
}

.related-swiper figure > img {
    grid-row: 1 / -1;
    grid-column: 1;
}

.related-swiper figure a {
    color: black;
    text-decoration: none;
}

.related-swiper figcaption {
    grid-row: 2;
    grid-column: 1;
    background-color: rgba(255, 255, 255, .5);
    padding: .2em .5em;
    justify-self: start;
}*/

@media (max-width: 991px) {
    .related-swiper.swiper ~ .swiper-button-next {
        top: 62px;
        left: auto;
        right: 85px;
    }

    .related-swiper.swiper ~ .swiper-button-prev {
        top: 62px;
        left: auto;
        right: 15px;
    }

    .results-grid img {
        max-height: 370px;
    }
}

/*
 * Gallery
 */
.results-grid-wrapper:not(.swiper) .results-grid {
    column-count: 3;
    column-gap: 23px;
}

.results-grid img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    object-fit: cover;
    transition: all 0.3s;
    backface-visibility: hidden;
}

.results-grid .gallery-item.card {
    border: 0;
    border-radius: 0;
}

.results-grid .gallery-item .card-img-overlay {
    transition: .5s ease;
    opacity: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.results-grid .gallery-item:hover .card-img-overlay {
    opacity: 1;
}

.results-grid .gallery-item .card-img-overlay blockquote {
    border-left: 2px solid white;
    padding-left: 20px;
}

.results-grid .gallery-item .card-img-overlay .creation-title {
    font-family: "Mikhmoret DL Bold AAA";
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 2.54px;
    line-height: 40px;
}

.results-grid .gallery-item .card-img-overlay .creation-artist {
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.54px;
    line-height: 20px;
}

.results-grid.single-creations img {
    height: auto;
}

.results-grid figure {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 23px;
    break-inside: avoid;
}

.results-grid.single-creations figure {
    grid-template-columns: 1fr;
}

.results-grid figure > img {
    grid-row: 1 / -1;
    grid-column: 1;
}

.results-grid figure a {
    color: black;
    text-decoration: none;
}

.results-grid figcaption {
    grid-row: 2;
    grid-column: 1;
    background-color: rgba(255, 255, 255, .5);
    padding: .2em .5em;
    justify-self: start;
}

@media (max-width: 1366px) {
    .results-grid-wrapper:not(.swiper) .results-grid {
        column-count: 2;
        column-gap: 23px;
    }
}

@media (max-width: 1024px) {
    .results-grid-wrapper:not(.swiper) .results-grid {
        column-count: 1;
    }

    .results-grid .gallery-item .card-img-overlay {
        position: relative;
        opacity: 1;
    }

    .results-grid .gallery-item .card-img-overlay .creation-title {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 1.8px;
    }

    .results-grid .gallery-item .card-img-overlay .creation-artist {
        font-size: 18px;
        line-height: 18px;
    }

    .results-grid .gallery-item .card-img-overlay blockquote {
        padding-right: 0;
        padding-left: 10px;
    }

    .results-grid-wrapper.swiper .swiper-button-prev {
        top: 30px;
        left: auto;
        right: -10px;
    }

    .results-grid-wrapper.swiper .swiper-button-next {
        top: 30px;
        left: -10px;
        right: auto;
    }

    .results-grid img {
        max-height: 370px;
    }
}

/*
 * Single Creation
 */
.single-creations h1 {
    color: #000000;
    font-family: "Mikhmoret DL Bold AAA";
    font-size: 74px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 82px;
}

.single-creations .artist-name {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 25px;
    letter-spacing: 0.75px;
    line-height: 37px;
}

.single-creations p {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.single-creations main h3 {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
}

.single-creations main li {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.single-creation-thumbnail {
    max-width: 100%;
}

.single-creations .thumbnail-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.single-creations .single-creation-thumbnail-zoom {
    position: absolute;
    right: auto;
    left: 5px;
    bottom: 5px;
    cursor: pointer;
    z-index: 10;
}

.single-creations #pedagogi-toggle {
    padding: 19px;
    border-radius: 0;
    background-color: #f1eeea;
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 18px;
    letter-spacing: 0.54px;
    line-height: 27px;
    text-align: right;
}

.single-creations #pedagogi-extension-wrapper > .row {
    padding: 30px 150px;
}

.single-creations .pedagogi-extension-item-content a {
    text-decoration: underline;
}

figure.containerZoom {
    background-position: 50% 50%;
    background-size: 100% !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in;
    margin: 0
}

figure.containerZoom img {
    transition: opacity .5s;
    display: block;
    width: 100%
}

figure.containerZoom.active img {
    opacity: 0
}

@media (max-width: 1200px) {
    .single-creations h1 {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 2px;
    }
}

@media (max-width: 991px) {
    .single-creations h1 {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 2px;
    }

    .single-creations .artist-name {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.6px;
    }

    .single-creations p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.54px;
    }

    .single-creation-thumbnail {
        max-width: 100%;
        width: 100%;
    }

    .single-creations .single-creation-thumbnail-zoom {
        max-width: 40px;
    }

    .single-creations #pedagogi-extension-wrapper > .row {
        margin: 0 auto;
        padding: 0;
    }
}

/*
 * Single Artists
 */
.single-artists h1 {
    color: #000000;
    font-family: "Mikhmoret DL Bold AAA";
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 70px;
}

.single-artists .artist-wiki-link > span,
.single-artists p {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 30px;
}

.single-artists #gallery h2 {
    color: #000000;
    font-family: "Mikhmoret DL Bold AAA";
    font-size: 55px;
    font-weight: bold;
    letter-spacing: 1.65px;
    line-height: 90px;
}

@media (max-width: 1800px) {
    .single-artists h1 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 1500px) {
    .single-artists h1 {
        font-size: 45px;
        line-height: 45px;
    }
}

@media (max-width: 1366px) {
    .single-artists h1 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 991px) {
    .single-artists h1 {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 2px;
    }

    .single-artists .artist-wiki-link > span, .single-artists p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.54px;
    }

    .single-artists #gallery h2 {
        font-size: 28px;
        line-height: 28px;
        letter-spacing: 1.2px;
    }
}

/*
 * Single Activity
 */
.blue-content > div {
    padding: 20px;
    border: 4px double #ccc;
    background-color: #1e507b;
}

.blue-content > div p {
    color: white;
}

.blue-content > div p:last-child {
    margin: 0;
}

@media (max-width: 1024px) {
    .blue-content {
        margin: 0 20px;
    }
}

/*
 * Single Articles
 */
.single-activities main div.row > div > h2[id],
.single-articles main div.row > div > h2[id] {
    margin: 1rem 0;
}

.single-activities h1.entry-title,
.single-articles h1.entry-title {
    font-size: 100px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 105px;
}

.single-activities .article-nav,
.single-articles .article-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.single-activities .article-nav ul li a:hover,
.single-articles .article-nav ul li a:hover {
    color: inherit;
    text-decoration: underline;
}

.single-activities p,
.single-articles p,
.single-activities li,
.single-articles li {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 30px;
}

.single-activities p span,
.single-articles p span {
    font-size: 21px;
    font-style: italic;
}

.single-activities p a,
.single-articles p a {
    color: #0d6efd;
    font-size: 20px;
    text-decoration: underline;
}

.single-activities li a,
.single-articles li a {
    word-break: break-word;
}

.single-activities .d-flex figure,
.single-articles .d-flex figure {
    margin: 0 5px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

.single-activities blockquote p,
.single-articles blockquote p {
    font-family: "Assistant", sans-serif;
    font-size: 21px;
    font-style: italic;
}

.single-activities blockquote,
.single-articles blockquote {
    position: relative;
    display: inline-block;
    padding: 45px 65px;
    border-right: 6px solid #d2d2d2;
    background-color: #f1eeea;
}

.single-activities blockquote::before,
.single-articles blockquote::before {
    position: absolute;
    top: 5px;
    right: 10px;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    font-weight: 900;
}

.single-activities blockquote::after,
.single-articles blockquote::after {
    position: absolute;
    left: 10px;
    bottom: 5px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    font-weight: 900;
}

.single-activities p.authors,
.single-articles p.authors {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 25px;
    letter-spacing: 0.75px;
    line-height: 37px;
}

.single-activities .figure img,
.single-articles .figure img {
    width: auto;
    max-width: 100%;
}

.single-activities .figure img {
    width: auto;
    max-width: 100%;
    height: 200px;
    object-fit: cover;
}

.single-activities .figure .figure-caption,
.single-articles .figure .figure-caption {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.54px;
    line-height: 25px;
    text-align: center;
}

.single-activities .figure .figure-caption p,
.single-articles .figure .figure-caption p {
    font-size: 17px;
    font-weight: normal;
    font-style: italic;
}

.single-activities #sources-toggle,
.single-articles #sources-toggle {
    padding: 19px;
    border-radius: 0;
    background-color: #f1eeea;
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 29px;
}

.single-activities #sources-extension-wrapper,
.single-articles #sources-extension-wrapper {
    background-color: #f1eeea;
}

.single-activities #sources-extension-wrapper > div,
.single-articles #sources-extension-wrapper > div {
    column-count: 2;
    column-gap: 40px;
    margin: 0;
}

.single-activities #sources-extension-wrapper p,
.single-articles #sources-extension-wrapper p {
    font-family: "Assistant", sans-serif;
}

.single-activities .sources-extension-item,
.single-articles .sources-extension-item {
    padding-right: 20px;
    border-right: 2px solid #000000;
}

.single-activities .sources-extension-item h3.sources-extension-item-title,
.single-articles .sources-extension-item h3.sources-extension-item-title {
    margin-bottom: 0;
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 29px;
}

.single-activities .sources-extension-item .sources-extension-item-content,
.single-articles .sources-extension-item .sources-extension-item-content {
    color: #000000;
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.6px;
    line-height: 29px;
}

@media (max-width: 991px) {
    .single-activities h1.entry-title,
    .single-articles h1.entry-title {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 2px;
    }

    .single-activities p.authors,
    .single-articles p.authors {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.6px;
    }

    .single-activities p,
    .single-articles p,
    .single-activities li,
    .single-articles li {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.54px;
    }

    .single-activities #sources-extension-wrapper > div,
    .single-articles #sources-extension-wrapper > div {
        column-count: 1;
        column-gap: 0;
        padding: 5px;
    }

    .pedagogi-extension-wrapper {
        margin-top: 30px;
    }
}

/*
 * 404
 */
.error404 .row-404 {
    position: relative;
    min-height: 600px;
    background-size: cover;
    text-align: center;
}

.error404 .row-404 .background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.error404 .row-404 * {
    color: white;
    line-height: 1;
    direction: ltr;
}

.error404 .row-404 a {
    text-decoration: underline;
}

.error404 .row-404 h1 > span {
    font-size: 135px;
}

.error404 .row-404 .col-md-12 {
    z-index: 10;
}

.error404 #footer {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .error404 .row-404 h1 > span {
        font-size: 95px;
    }

    .error404 .row-404 {
        min-height: 520px;
    }
}