.single-event .back-box .back {
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: .07em;
    padding: 0 0 7rem;
}
.single-event .content-box { 
    position: relative; 
    padding: 5rem 0 10rem;
}
.single-event .content-box { 
    position: sticky; 
    top: 12rem;
}
.single-event .content-box .header-box { 
    display: flex; 
    align-items: center; 
    margin: 0 0 2rem; 
}
.single-event .content-box .header-box h3 { 
    font-weight: var(--font-weight-bold);
    font-size: 2.2rem;
    line-height: 2em;
    letter-spacing: .07em; 
    text-transform: uppercase; 
    text-align: center; 
    flex: 0 1 16%; 
    padding-right: 5rem; 
    color: var(--orange);
}
.single-event .content-box .header-box h3 span { 
    display: block; 
    font-size: 5.5rem;
    line-height: .8em;
}
.single-event .content-box .header-box h2 { 
    flex: 0 1 calc(84% - 5rem); 
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 1.8em;
    letter-spacing: .07em;
}
.single-event .content-box .image-box {
    position: relative;
}
.single-event .content-box .image-box figure { 
    height: 45vh; 
}
.single-event .content-box .image-box figure .category {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    position: absolute;
    left: .2rem;
    top: 1.5rem;
}
.single-event .content-box .image-box figure .category span {
    background-color: var(--orange);
    color: var(--ivory);
    text-transform: uppercase;
    font-size: 1.2rem; 
    line-height: 1.25em; 
    letter-spacing: .07em; 
    display: inline-block; 
    width: fit-content;
    padding: 1rem 1.5rem .9rem;
    border-radius: 10rem;
}
.single-event .content-box .image-box .bttn-calendar { 
    color: var(--ivory);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 2em;
    letter-spacing: .07em;
    position: absolute;
    top: 1.8rem;
    right: 1rem;    
}
.single-event .content-box .image-box .bttn-calendar i { 
    font-size: 2.2rem;
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    background-color: var(--orange);
    order: -1;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin: 0 0 1rem;
}
.single-event .content-box .image-box .bttn-calendar:hover { 
    opacity: .8; 
}
.single-event .content-box .data-box {
    margin: 4rem 0; 
    display: flex; 
    justify-content: space-between; 
}
.single-event .content-box .data-box h4 { 
    font-weight: var(--font-weight-medium);
    font-size: 2rem; 
    line-height: 1.25em; 
    letter-spacing: .07em; 
    position: relative; 
    padding-left: 4.2rem; 
    flex: 0 1 50%; 
    text-transform: uppercase; 
}
.single-event .content-box .data-box h4 i { 
    font-size: 2.4rem; 
    position: absolute; 
    top: 0; 
    left: 0; 
}
.single-event .content-box .data-box h4 a:hover {
    color: var(--orange);
}
.single-event .content-box .text-box { 
    position: relative; 
    min-height: 5rem;
}
.single-event .content-box .text-box a:not(.bttn) { 
    color: var(--orange); 
}
.single-event .content-box .text-box .bttn {
    position: absolute;
    right: 0;
    bottom: 1rem;
}
.single-event .content-box .text-box .txt {
    max-width: 60%;
}
.single-event .content-box .text-box .txt p:not(:first-of-type) {
    margin: 1rem 0 0;
}
@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .single-event .back-box .back {
        font-size: 1.8rem;
    }
    .single-event .content-box {
        position: static;
    }
    .single-event .content-box .header-box h3 {
        padding-right: 2.5rem;
    }
    .single-event .content-box .header-box h2 {
        line-height: 1.35em;
    }
    .single-event .content-box .data-box {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 1.5rem;
    }
    .single-event .content-box .text-box .txt {
        max-width: 100%;
    }
    .single-event .content-box .text-box .bttn {
        position: static;
        width: 100%;
        margin: 4rem auto 0;
    }

    .single-events .site-footer {
        margin-top: 0;
    }
}

/* @end */