/*!
Theme Name:    Zoe Starter Site
Author:        Faithmade
Author URI:    https://thereach.company
Description:   Theme developed for the Zoe starter site
Version:       1.0.3
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

/* Your custom code goes here! */

/* Announcement Bar Styling */

.fm-announcement-bar-container .uk-alert, .uk-alert, *+.uk-alert {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.fm-announcement-bar-container .uk-alert {
	background: none !important;
}

/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Eyebrow Heading **/
.eyebrow h3 {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 0;
}

.eyebrow .fl-module-content {
    margin-bottom: 0;
}

/** General >> Eyebrow P **/
p.eyebrow {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 0;
}

p.eyebrow .fl-module-content {
    margin-bottom: 0;
    font-size: 12px;
}

/** General >> page Overflow **/
#content {
    overflow: hidden;
}


/*= Home Page Ministry Grid === */

/** Home Page Ministry Grid >> Grid Post Border **/
.fl-post-grid-post {
    border-style: none;
    position: relative;
}

/** Home Page Ministry Grid >> Grid Post Image **/
.ministry-grid-post {
    width: 100%;
    border-radius: 15px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
}

/** Home Page Ministry Grid >> Grid Post Absolute Link + Hover **/
.ministry-grid-url {
    width: 100%;
    height: auto;
    border-radius: 15px;
    position: absolute;
    aspect-ratio: 1 / 1;
}

.ministry-grid-url:hover,
.ministry-grid-post-content:hover .ministry-grid-url {
    opacity: .5;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

/** Home Page Ministry Grid >> Grid Post Text **/
.ministry-grid-post-content {
    position: relative;
    z-index: 9;
    pointer-events: none;
}


/*= Sermon Player Changes ===== */

/** Sermon Player Changes >> Toggle Btn Position **/
.toggle-btn {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 99;
}

/** Sermon Player Changes >> Relative Sermon Layout **/
.sermon-layout {
    position: relative;
}

/** Sermon Player Changes >> Relative Sermon Layout Copy 1 **/
.video-radius .plyr--video {
    border-radius: 25px;
}

.sermon-image-radius .sermon-cover-image {
    border-radius: 25px;
}


/*= Staff Grid ================ */

/** Staff Grid >> Staff Post Grid **/
.staff-post-grid {
    background: var(--fm-dark-color);
    padding: 20px;
    border-radius: 25px;
}

/** Staff Grid >> Staff Grid Image **/
.staff-post-image img {
    object-fit: cover;
    object-position: center 5%;
    border-radius: 15px 15px 0 0;
    aspect-ratio: 16 / 9;
}

/** Staff Grid >> Staff Grid Text Color **/
.staff-post-position,
.staff-post-name {
    color: var(--fm-light-color);
}

/** Staff Grid >> Staff Grid Text Color Copy 1 **/
.staff-post-position {
    padding-top: 25px;
}

.staff-post-name {
    padding-bottom: 15px;
}

/** Staff Grid >> Staff Grid Btn **/
.staff-post-more-link .fl-button {
    padding: 10px 20px 10px 20px !important;
}

/** Staff Grid >> Staff Modal Padding **/
.staff-modal {
    padding: 30px;
}

/** Staff Grid >> Staff Modal Colors **/
.staff-modal .staff-modal-name {
    color: var(--fm-accent-color);
    margin-bottom: 0;
}

.staff-modal .staff-modal-position {
    color: var(--fm-dark-color);
    font-size: 12px;
}

/** Staff Grid >> Staff Modal Btn **/
.staff-modal-btn .fl-button {
    background: black;
}

/** Staff Grid >> Fl button text **/
.staff-modal a.uk-button-primary {
    padding: 12px 35px 12px 35px;
}


/*= Facets ==================== */

/** Facets >> Tbg checkbox **/
#container .tbg-checkbox {
    padding: 0;
    border-width: medium;
    border-style: none;
}

/** Facets >> Fieldset **/
.tbg-facet fieldset {
    padding: 0;
    border-width: medium;
    border-style: none;
}


/*= Dashboard ================= */

/** Dashboard >> Title Wrapper **/
.rwmb-group-clone {
    border-color: #000000 !important;
}


/*( < 480 )*/
@media (max-width: 479.98px) {

    /** Home Page Ministry Grid >> Grid Post Text **/
    .ministry-grid-post-content {
        font-size: 15px;
    }

    .ministry-grid-post-content h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    /** Home Page Ministry Grid >> Grid Post Border Copy 1 **/
    .fl-post-column {
        padding: 0 8px 16px 8px;
    }

    /** Sermon Player Changes >> Toggle Btn Position **/
    .toggle-btn {
        top: 15px;
        right: 5px;
    }

    /** General >> fl-col-bg-color **/
    .fl-col-bg-color {
        margin: 0 15px 15px 15px;
    }

}