/**
 * Custom styles for Ruth sermon series
 */

/* Load the fonts */
@import url('https://use.typekit.net/kgv0vvo.css');

/* General Page Updates */

h2{
    text-align: center;
    font-family: "matrix-ii", "sans-serif";
}

/*h2:before{*/
/*    display: block;*/
/*    content: '';*/
/*    width: 300px;*/
/*    height: 125px;*/
/*    margin: 0 auto 50px auto;*/
/*    background-image: url(https://grace.sc/images/dIlXWYU7WIgXmpjQNqTsMBVgvls=/6126/width-275/);*/
/*}*/

.block-sermons section {
    padding-bottom: 6rem;
}

/* Blocks */
.block-paragraph_with_background .prose{
    max-width: none;
}
.block-paragraph_with_background p{
    font-style: italic;
    font-family: "matrix-ii", "sans-serif";
    font-weight: bold;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #322F23;
}
@media (min-width: 1250px) {
    .block-paragraph_with_background p {
        font-size: 3rem;
        line-height: 3.2rem;
    }
}

.block-overlapping_split_with_image .description {
    font-family: "matrix-ii", "sans-serif";
}

.block-overlapping_split_with_image .font-series-title {
    font-family: "matrix-ii", "sans-serif";
    border-color: #F9EED0;
}

.block-overlapping_split_with_image .font-series-subtitle {
    font-family: "proxima-nova", "sans-serif";
    border-color: #F9EED0;
    font-size: 1.875rem;
}

#teaching-videos h4{
    font-weight: bold;
    text-transform: uppercase;
}

.block-paragraph_with_top_bottom_background .main-copy{
    display: flex;
    flex-direction: column-reverse;
}

.block-paragraph_with_top_bottom_background {
    font-family: "matrix-ii", "serif";
}

.block-paragraph_with_top_bottom_background .prose{
    max-width: none;
}

.block-paragraph_with_top_bottom_background .main-copy-heading {
    font-size: 3rem;
    text-transform: uppercase;
}

.block-paragraph_with_top_bottom_background .main-copy-paragraph {
    font-size: 2rem;
    line-height: 2.2rem;
    padding-bottom: 8rem;
}
@media (min-width: 1250px) {
    .block-paragraph_with_top_bottom_background .main-copy-paragraph {
        font-size: 3rem;
        line-height: 3.2rem;
    }
}
#resources a{
    background-color: #A14821;
    border-radius: .375rem;  /* .rounded-md */
}

#resources a:hover{
    background-color: #51200F;
}