/*
Theme Name: Holding Space
Theme URI: 
Author: Team51
Author URI: https://wordpress.com
Description: Theme for the Holding Space Foundation
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentytwo
Text Domain: holdingspace
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/* Donate Form Styling */
.donateSC .wp-block-team51-donations-block .wp-block-donation .donation-container input.donate-button {
    background-color: #5980D4 !important;
}

.donateSC .wp-block-team51-donations-block .donation-container .donation-currency {
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1.3rem;
}

.donateSC .wp-block-team51-donations-block .donation-container .donate-button {
    background: #4e72ba !important;
    font-family: "poppins", sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    line-height: 0.25;
    width: auto;
    border-radius: 10px;
    margin-left: 10px
}

/* Typography */
.wp-block-post-title {
    font-family: "poppins", sans-serif;
}

/* Mobile */
/* Hide Donation Button in header */

@media only screen and (max-width: 600px) {
    .header-donate .wp-block-button {
        display: none;
        visibility: hidden;
    }

    .hero-block {
        Padding-top: 0px !important;
        Padding-bottom: 0px !important;
    }

    #wp-block-team51-donations-block__amount {
        max-width: 150px;
    }

    .donate-section, .what-we-do-section, .about-us-section {
        padding: 10px !important;
    }
}

/* Mobile Hero*/
@media only screen and (max-width: 781px) {
    .hero-block {
        width: 65%;
    }
}

@media only screen and (max-width: 600px) {
    .hero-block {
        width: 50%;
    }

    .hero-block h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 600px) {
    .hero-block {
        width: 50%;
    }

    .hero-block h2 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 455px) {
    .hero-block {
        width: 100%;
    }

    .hero-block h2 {}

    .wp-block-cover .has-background-dim:not([class*=-background-color]) {
        background-color: #ffffff !important;
    }

    .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 {
        opacity: 60%;
    }
}

/* Colphon links */
.links-have-foreground-color a {
    color: #ffffff;
}