/* ================================== */
/* Prayer requests - custom post type */
/* ================================== */

/* Prayer wall - top banner */

.prayer-wall-top-banner-container li {
	margin-bottom: 15px;
}

.prayer-wall-top-banner-container {
    position: relative;
}

.prayer-wall-top-banner-container .button-show-hide-form__outer-div {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.prayer-wall-top-banner-container  .prayer-wall-page-title {
    position: absolute;
    right: 30px;
    top: 30px;
}

.prayer-wall-top-banner-container  .prayer-wall-page-title h2 {
    text-align: right;
    font-weight: bold;
    font-size: 44px;
    color: #01B9E4;
}

/* Prayer wall page - page background */
/*
.page-id-29 .fl-page-content {
    background: #eee;
}
*/

/* Prayer wall template */

.prayer-wall-template__main {

}

.prayer-wall-template__content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px 30px 40px;
}

.prayer-wall-grid {
    /*
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    */
    /*
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    grid-auto-rows: 10px;
    gap: 20px;
    */
    /*
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: masonry;
    /*
    gap: 1em;
    align-tracks: stretch;
    */

    display: column;
    columns: 3;
    gap: 25px;
}
/*
@supports (grid-template-rows: masonry) {
    .prayer-wall-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: masonry;
    }
}
*/

@media(max-width:992px) {
    .prayer-wall-grid {
        columns: 2;
    }
}

@media(max-width:700px) {
    .prayer-wall-grid {
        columns: 1;
    }
}

.prayer-wall-grid__single {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 20px 30px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    position: relative;
    max-height: auto;

    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

.prayer-request-single__body_text-container {
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

/*
.prayer-request-single__body_text-container::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    pointer-events: none;

    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0) 0%,#ffffff 100%);
}
*/

span.pw-btn-show-more {
    padding: 5px 7px;
    border-radius: 30px;
    background: #01b9e4;
    color: #fff;
}

.prayer-request-single__body_text-container .pw-btn-show-more {
    display: none;
}

.prayer-request-single__body_text-container.content-extend .pw-btn-show-more {
    display: inline-block;
}

.prayer-request-single__body_text-container.show-full-text  {
    height: 100%;
}

.prayer-wall-grid__single h3.prayer-request-single__subject {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 5px;
    line-height: 1.2;
}

.prayer-wall-grid__single .prayer-request-single__by-text {
    font-weight: 100;
    font-size: 23px;
}

.prayer-wall-grid__single .prayer-request-single__body_text {
    font-size: 17px;
    font-weight: 100;
    color: #333333;
}

/* Prayer request form */

.prayer-wall-template__form-area {
    /*background: #eee;*/
    border-radius: 7px;
    padding: 0;
}

.prayer-wall-template__form-area-content {
    max-width: 800px;
    margin: 30px auto;
    padding: 0 0;
}

.prayer-wall-template__form-area-content h2 {
    margin-bottom: 30px;
    font-weight: bold;
}

.prayer-request-form-js {
    /*display: flex;*/
    width: 100%;
    margin-bottom: 10px;
}


.loading-spinner-small {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
    display: none;
    margin-left: 10px;
}

.loading-spinner-small::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
    100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}

.form__submit-button.loading .loading-spinner-small,
.load-more-button.loading .loading-spinner-small {
    display: block;
}

.form__submit-button.loading::after {

}

/* Prayer request form columns */

.form-columns-container {
    display: flex;
}

.form-col {
    flex: 1;
}

.form-col:not(:last-child) {
    margin-right: 10px;
}

.form-col-left {

}

.form-col-right {
    
}

@media (max-width: 800px) {
    .form-columns-container {
        flex-direction: column;
    }

    .form-col:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 700px) {
    .prayer-wall-template__content {
        padding: 10px 10px 40px;
    }
}

/* Prayer request form - success message */

.form-submit-message {
    margin-top: 15px;
    font-size: 18px;
}

/* I prayed for you -button */

.prayer-box {
    /*position: absolute;*/
    /* bottom: 15px; */
    /* right: 15px; */
    /*background: #d0d0d0;*/
    padding: 8px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .15s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; /* No highlighting */
    /* min-width: 90px; */

    pointer-events: none; /* Initially until loaded -class added by jquery */
}

.prayer-box:hover {
    background: #ffebeb;
}

.prayer-box i {
    font-size: 33px;
}

.prayer-box img {
    max-width: 50px;
    object-fit: contain;
}

.prayer-box .prayer-count {
    display: flex;
    align-items: center;
}

/* $(currentPrayerBox).siblings().removeClass('disable-while-sibling-loading'); */

.prayer-box.page-loaded {
    pointer-events: auto;
}

/* .prayer-box.page-loaded.active {
    pointer-events: none;
} */

.prayer-box.page-loaded.prayer-box.disable-while-sibling-loading {
    pointer-events: none;
}

.prayer-box.active {
    background: #ffebeb;;
}
.prayer-box.active .prayer-count {
    color: #d53b88;
    font-weight: 700;
}

.prayer-box.loading {
    pointer-events: none;
}

.prayer-box.loading .prayer-count {
    display: none;
}

.prayer-box.loading .loading-spinner-small {
    display: block;
}

.prayer-box.loading .loading-spinner-small::before {
    border: 5px solid #01b8e3;
}

/* #d53b88 */
/*
span.prayer-box[data-exists="yes"] .prayer-count {
    color: #d53b88;
}
*/

/* Prayer request form */

.form__name,
.form__email,
.form__subject {
    margin-bottom: 15px;
}

form.prayer-request-form input[type="submit"] {
    margin-top: 30px;
}

/* Show-hide prayer request form */

.button-show-hide-form__outer-div {
    display: flex;
    justify-content: flex-end;
}

.button-show-hide-form {
    background: #2B7BB9;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    transition: all .15s;
}

.button-show-hide-form:hover {
    background: #368bcc;
}

/* ======================= */
/* Share your story - form */
/* ======================= */

/* =========================== */
/* Prayers for Prayer Requests */
/* =========================== */

.prayer-count-buttons-container {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.prayer-count-buttons-container > span:not(:last-child) {
    margin-right: 8px;
}

/*span.prayer-box .fa.fa-heart,*/
img.pray-icon-active {
    display: none;
}

img.love-icon-active {
    display: none;
}

img.hug-icon-active {
    display: none;
}

span.prayer-box-pray.active img.pray-icon-inactive {
    display: none;
}

span.prayer-box-pray.active img.pray-icon-active {
    display: block;
}

span.prayer-box-love.active img.love-icon-inactive {
    display: none;
}

span.prayer-box-love.active img.love-icon-active {
    display: block;
}

span.prayer-box-hug.active img.hug-icon-inactive {
    display: none;
}

span.prayer-box-hug.active img.hug-icon-active {
    display: block;
}

/* Pagination */

.search-page-results-pagination-container {
    margin: 30px 0 30px;
    display: flex;
    justify-content: center;
}

.page-numbers {
    display: inline-block;
    padding: 12px 15px;
    margin: 0 2px 0 0;
    border: 1px solid #e5e5e5;
    line-height: 1;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
}

.page-numbers:not(:last-child) {
    margin-right: 5px;
}

.page-numbers,
.page-numbers:hover,
.page-numbers:active,
.page-numbers:focus {
    text-decoration: none;
    color: #01b9e4;
}

.page-numbers.current {
    background: #01b9e4;
    color: #fff;
    border: none;
}

a.page-numbers:hover {
    background: #F4F5F9;
}

/* Prayer Wall pagination */

.pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}