/*Prayer Layout*/

#p1-layout-results {
    position: relative;
    width: 100%;
}

#p1-layout-results>*:last-child {
    margin-bottom: 0;
}

#p1-layout-results:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(/_assets/img/loaders/preloader.svg);
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: 64px 64px;
}

#p1-layout-results.preloader {
    min-height: 16rem;
}

#p1-layout-results.preloader:after {
    display: block;
}

.p1-layout-list article {
    border-width: 2px;
    border-style: solid;
    margin: 1.5rem 0;
}

.p1-layout-list article .info {
    padding: 2rem 1.5rem 1.5rem;
}

.p1-layout-list article .info p {
    margin-bottom: 0 !important;
}

.p1-layout-list article .p1-meta {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.p1-layout-list article .p1-meta-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    height: 3.5rem;
    line-height: 1;
}

@media (max-width: 991.9px) {
    .p1-layout-list article .p1-meta-col:empty {
        display: none;
    }
}

.p1-layout-list article .p1-meta-col {
    border-bottom-width: 1px;
}

.p1-layout-list article .p1-meta-col {
    border-bottom-style: solid;
}

.p1-layout-list article .p1-meta-col:last-of-type {
    border: 0;
}

@media (min-width: 992px) {
    .p1-layout-list article .p1-meta-col {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
        height: auto;
        border: 0;
    }
    .p1-layout-list article .p1-meta-col.p1-button {
        width: 210px;
        max-width: 210px;
    }
}

.p1-layout-list article .p1-meta-col h6 {
    text-align: center;
    padding: 1.125rem 0.5rem;
    margin: 0;
    line-height: 1;
}

.p1-layout-list article .p1-meta-col h6 i.fa {
    padding-right: 0.5rem;
    vertical-align: 0px;
    transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
    .p1-layout-list article .p1-meta-col h6 {
        text-align: left;
        padding: 0 0 0 1.5rem;
        /*let the p1-acknowledgment y padding set the tone with align items center */
    }
}

.p1-layout-list article .p1-acknowledgment-link {
    display: block;
    padding: 1.125rem 0.5rem;
    text-align: center;
    height: 3.5rem;
    line-height: 1;
    font-weight: 700;
}

@media (min-width: 992px) {
    .p1-layout-list article .p1-acknowledgment-link {
        height: auto;
    }
}

.p1-layout-list article .p1-acknowledgment-link .fa {
    display: inline-block;
    vertical-align: 0px;
    padding-right: 0.5rem;
}

.p1-layout-list article .p1-acknowledgment-link.disabled:hover {
    cursor: default;
}

/*Full Width Sections*/

.p1-section .p1-section-inner {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 4rem 0;
}

@media (min-width: 992px) {
    .p1-section .p1-section-inner.parallax {
        background-attachment: fixed;
    }
}

.p1-section .container {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
}

.p1-section .content-text p:last-of-type {
    margin-bottom: 0 !important;
}

/*Sermon Monklet*/

.p1-monklet-sermon article {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.p1-monklet-sermon article .image,
.p1-monklet-sermon article .info,
.p1-monklet-sermon article .media {
    position: relative;
    width: 100%;
    min-height: 1px;
    margin-bottom: 1em;
}

.p1-monklet-sermon article .media {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .p1-monklet-sermon article .image,
    .p1-monklet-sermon article .info,
    .p1-monklet-sermon article .media {
        margin-bottom: 0;
    }
}

.p1-monklet-sermon article .image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.p1-monklet-sermon article .info h6 {
    margin: 0 0 0.5em;
}

.p1-monklet-sermon article .info h6:last-child {
    margin-bottom: 0;
}

.p1-monklet-sermon article .info h6 span {
    display: block;
    margin-bottom: 0.5rem;
}

.p1-monklet-sermon article .media {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.p1-monklet-sermon article .media li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 1rem;
}

.p1-monklet-sermon article .media li a {
    display: block;
    font-size: 1.25rem;
    text-decoration: none !important;
}

.p1-monklet-sermon article .media li a:hover {
    opacity: 0.6;
}

@media (min-width: 992px) {
    .p1-monklet-sermon article {
        -webkit-box-align: center;
        align-items: center;
    }
    .p1-monklet-sermon article .image,
    .p1-monklet-sermon article .info,
    .p1-monklet-sermon article .media {
        flex: 1 0 0;
    }
    .p1-monklet-sermon article .image {
        max-width: 25%;
        margin-right: 2.5%;
    }
    .p1-monklet-sermon article .info {
        margin-right: 2.5%;
    }
    .p1-monklet-sermon article .info h6 span {
        display: inline-block;
        margin-right: 0.5rem;
        margin-bottom: 0;
    }
    .p1-monklet-sermon article .media {
        max-width: 25%;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .p1-monklet-sermon article .media li a {
        font-size: 1.75rem;
    }
}

/*Blog Monklet*/

.p1-monklet-blog {
    margin: 2rem 0 0;
}

/* .p1-monklet-blog article { display: -webkit-box; display: flex; flex-wrap: wrap; } */

/* .p1-monklet-blog article .image, .p1-monklet-blog article .info { position: relative; width: 100%; min-height: 1px; margin-bottom: 0; }

.p1-monklet-blog article .image { margin-bottom: 1em; } */

/* @media (min-width:992px) { .p1-monklet-blog article .image { margin-bottom: 0;} } */

.p1-monklet-blog article .image img {
    display: block;
    width: 100%;
    height: auto;
}

.p1-monklet-blog article .info p:last-of-type {
    margin-bottom: 0;
}

/* @media (min-width: 992px) { .p1-monklet-blog article { -webkit-box-pack: justify; justify-content: space-between; } .p1-monklet-blog article .image, .p1-monklet-blog article .info { flex: 1 0 0; max-width: 47.5%; } } */

/*Events Monklet uses slick*/

.p1-monklet-events {
    margin: 2rem 0;
}

.p1-monklet-events article {
    text-align: center;
    padding: 0 1rem;
}

.p1-monklet-events article .info h6 {
    margin-bottom: 0.75rem;
}

/*Smallgroup Monklet uses slick*/

.p1-monklet-smallgroup {
    margin: 2rem 0;
}

.p1-monklet-smallgroup article {
    padding: 0;
}

@media (min-width: 992px) {
    .p1-monklet-smallgroup article {
        padding: 0 1rem;
    }
}

.p1-monklet-smallgroup .article-inner {
    border-radius: .65rem;
    overflow: hidden;
}

.p1-monklet-smallgroup article .image {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.p1-monklet-smallgroup article .image p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin: 0;
    text-align: center;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.3s;
}

.p1-monklet-smallgroup article .image:hover p {
    opacity: 1;
}

.p1-monklet-smallgroup article .info {
    padding: 1.5rem;
}

.p1-monklet-smallgroup article .info h3 {
    margin-bottom: 0;
}

/*Staff Monklet uses slick*/

/* .p1-monklet-staff { margin: 2rem 0 0; } */

.p1-monklet-staff .article-inner {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.p1-monklet-staff article .image,
.p1-monklet-staff article .info {
    position: relative;
    width: 100%;
    min-height: 1px;
    margin-bottom: 0;
}

.p1-monklet-staff article .image {
    margin-bottom: 1em;
}

@media (min-width: 992px) {
    .p1-monklet-staff article .image {
        margin-bottom: 0;
    }
}

.p1-monklet-staff article .image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .65rem;
    box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.15);
}

.p1-monklet-staff article .info p:last-of-type {
    margin-bottom: 0;
}

.p1-monklet-staff article .info {
    text-align: left;
}

.p1-monklet-staff article h6 {
    margin: 0;
}

.p1-monklet-staff article ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0.65rem 0;
    padding: 0;
    list-style: none;
}

.p1-monklet-staff article ul li {
    margin: 0;
    padding: 0 0.25rem !important;
    list-style: none;
    margin-right: 0.5rem;
}

.p1-monklet-staff article[data-displayemail] ul li.email {
    display: none !important;
}

.p1-monklet-staff article[data-hideemail] ul li.email,
.p1-monklet-staff article[data-hideemail] ul li.displayemail {
    display: none !important;
}

.p1-monklet-staff article ul li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    text-decoration: none !important;
}

.p1-monklet-staff article ul li a .fa {
    display: block;
    line-height: 32px;
    font-size: 16px;
}

/* Hiding the staff description text here, inside of the slick rotator */

.p1-monklet-staff article .preview {
    display: none;
}

@media (min-width: 992px) {
    .p1-monklet-staff .article-inner {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    .p1-monklet-staff article .image {
        flex: 1 0 0;
        max-width: 30%;
    }
    .p1-monklet-staff article .info {
        flex: 1 0 0;
        max-width: 65%;
    }
}

/* Colors
================================================== */

.p1-layout-list article .p1-meta-col h6 a {
    color: var(--bs-teal);
}

.p1-layout-list article .p1-acknowledgment-link {
    background-color: var(--bs-gray-900);
}

@media (hover: hover) {
    .p1-layout-list article .p1-meta-col h6 a:hover {
        color: var(--bs-yellow);
    }
}

@media (hover: hover) {
    .p1-layout-list article .p1-acknowledgment-link:hover {
        background-color: var(--bs-yellow);
    }
    .p1-layout-list article .p1-acknowledgment-link:hover {
        color: var(--bs-white);
    }
}

.p1-layout-list article .p1-meta {
    background-color: var(--bs-gray-100);
}

.p1-layout-list article .p1-acknowledgment-link.disabled {
    background-color: var(--bs-gray-300);
}

.p1-layout-list article .p1-acknowledgment-link.disabled {
    color: var(--bs-white);
}

.p1-layout-list article .p1-meta-col {
    border-color: var(--bs-gray-100);
}

.p1-layout-list article {
    border-color: var(--bs-gray-100);
}

.p1-layout-list article .p1-acknowledgment-link {
    color: var(--bs-darkcolor);
}