/*
Theme Name: St Leonard's Catholic School Theme
Description: A Wordpress theme made for St Leonard's Catholic School
Version:: 1.0
Author: Mr S Errington
*/

/* ------------------------------------------------------------------------------------------------ */
/* Root Styles */
/* ------------------------------------------------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Vollkorn:wght@400;500;700&display=swap');
:root {
    --bg-primary:#393939;
    --bg-secondary: #333;

    --accent-primary: #4c58a8;
    --accent-secondary: #faf04c;
    --accent-third: #ea2f48;

    --text-primary: #2e2e2d;
    --text-secondary: #fff;

    --text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}




.block-overlay {
    background-image: linear-gradient(to bottom, rgba(76,88,168,.5), rgba(76,88,168,.5), rgba(76,88,168,.5), rgba(0,0,0,.9));
}

@media screen and (max-width:1024px) {
    .block-overlay {
        background-image: linear-gradient(to bottom, rgba(76,88,168,.5), rgba(76,88,168,.5), rgba(76,88,168,.5), rgba(0,0,0,.6));
    }
}
.welcome-image {
    background-image: linear-gradient(to bottom, rgba(76,88,168,.5), rgba(76,88,168,.5), rgba(76,88,168,.5), rgba(0,0,0,.9));
}




.slider-overlay {
    background-image: linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.1), rgba(0,0,0,.1), rgba(0,0,0,.7)) !important;
}




.page__pull .tri {
    background-color: #00004B;
}
.page__content__content__bg {
    background-image: url('img/logofade3.png') !important;
}
.page__sidebar ul li {
    border-top: 1px solid #6672C2;
}
.page__sidebar ul li:last-of-type {
    border-bottom: 1px solid #6672C2;
}




#calendarArea table .multiday_middle,
#calendarArea table .multiday_first,
#calendarArea table .multiday_last {
    background-color: #8339bb;
}
#calendarArea table .today {
    background-color: #5f2987;
}








.page__content__content,
.news_bg {
    background-color: var(--accent-primary) !important;
}





#awards {
    background-color: var(--accent-primary) !important;
}























.efbl_feeds_holder {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem;
}
.efbl-fullwidth-skin .efbl-thumbnail-wrapper .efbl-thumbnail-col a {
    width: 100%;
    height: 100%;
}
.efbl-fullwidth-skin img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-height: 250px;
}



















.pum-container {
    max-width: 700px !important;
}
.pum-title {
    display: none !important;
}