/*!
Theme Name: Our Public Library by JMA Consulting
Author: JMA Consulting (Michael Kam)
Author URI: https://jmaconsulting.biz/
Description: Custom WordPress theme for Our Public Library website
Version: 1.0.0
Requires PHP: 8.1
Text Domain: ourpubliclibrary

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Our Public Library by JMA Consulting is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* Header */
@media (max-width: 600px) {
    .header > .wp-block-columns > .wp-block-column {
        flex-basis: 50vw !important;
    }
}

/* Breadcrumb */
.yoast-breadcrumbs > span{
    color: var(--wp--preset--color--white);
    font-size: 1rem;
    border-top: 3px dotted var(--wp--preset--color--white);
    padding-top: 10px;
    display: inline-block;
    
}

/** Gravity Form button **/
.gform_wrapper .gform_footer input[type="submit"] {
    background-color: var(--wp--preset--color--black, #000);
    color: var(--wp--preset--color--white, #fff);
    border: none;
    padding: var(--wp--preset--spacing--40) 2.75rem;
    border-radius: 2.5rem;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
    background-color: var(--wp--preset--color--purple-dark);
}


/** Slider **/
.homepage-slider {
    padding-top: var(--wp--preset--spacing--80);
    padding-bottom: var(--wp--preset--spacing--80);
}

.homepage-slider .owl-nav {
    top: 110% !important;
    right: 20px;
    width: 100px;
}

.homepage-slider .owl-nav .owl-next, 
.homepage-slider .owl-nav .owl-prev {
    border: 0;
    background: none;
	font-size: 150%;
    color: var(--wp--preset--color--purple-dark);
}

.homepage-slider .owl-nav .owl-next:hover, 
.homepage-slider .owl-nav .owl-prev:hover, 
.homepage-slider .owl-nav .owl-next:focus, 
.homepage-sldier .owl-nav .owl-prev:focus {
    background: var(--wp--preset--color--purple-dark);
    color: var(--wp--preset--color--white);
}

.homepage-slider .owl-carousel .owl-stage {
    padding-bottom: 40px;
    margin-left: 10%;
}
.homepage-slider .owl-drag .owl-item {
    aspect-ratio: 1 / 1;
}

.homepage-slider .psac-post-carousel-slide,
.homepage-slider .psac-post-image-bg {
    height: 100% !important;
}

.homepage-slider .psac-post-carousel-content {
    margin-bottom: -20px;
    width: 75%;
    background: var(--wp--preset--color--purple-dark);
}

.homepage-slider .psac-post-carousel-slide:hover .psac-post-carousel-content {
    background: var(--wp--preset--color--black);
}
.homepage-slider .psac-post-carousel-slide:hover a {
    text-decoration: underline !important;
}
.homepage-slider .psac-post-title {
    text-align: left;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .homepage-slider {
        padding-top: var(--wp--preset--spacing--40);
    }
}

/** Footer Icons **/
#social-media img:hover {
	filter: invert(0.2);;
}