/*
Theme Name: Twenty Twenty-Five Child
Theme URI: http://example.com/twenty-twenty-five-child/
Description: Twenty Twenty-Five Child Theme
Author: Dave Gardner
Author URI: http://example.com
Template: twentytwentyfive
Version: 1.0.0
*/
/* Add your custom styles here */


:root
{
    --ui                                  : var(--wp--preset--color--accent-3);
    --h1-offset                           : calc(var(--wp--preset--spacing--60) - 100px);

    --wpforms-button-background-color-alt : var(--ui);
    --wpforms-button-size-font-size       : 21px !important;
    --wpforms-button-border-radius        : 2rem !important;
}


main
{
    margin-top  : -19px !important;
    padding-top : 0 !important;
}


blockquote
{
    position    : relative;
    border-left : none !important;
}


blockquote:not(.is-style-plain):before
{
    content          : " ";
    display          : block;
    position         : absolute;
    width            : 8px;
    border-radius    : 8px;
    top              : 0;
    left             : 0;
    bottom           : 0;
    background-color : var(--wp--preset--color--accent-2);
}


blockquote.is-style-plain
{
    text-align    : center;
    font-weight   : 100;
    font-size     : 125%;
    color         : #6A6A6A;
    line-height   : 1;
    margin-bottom : 30px !important;
    rotate        : 1.5deg;
    translate     : -10px 0;
}


blockquote.is-style-plain:nth-of-type(2n+1)
{
    rotate    : -1.5deg;
    translate : 10px 0;
}


blockquote.is-style-plain:after
{
    content             : " ";
    display             : block;
    width               : 0;
    height              : 0;
    border-width        : 20px;
    border-color        : #FFFFFF;
    border-style        : solid;
    border-bottom-color : transparent;
    border-left-color   : transparent;
    position            : absolute;
    top                 : 100%;
}


blockquote.is-style-plain:nth-of-type(2n+1):after
{
    border-left-color  : #FFFFFF;
    border-right-color : transparent;
    right              : 1.5rem;
}


.material-symbols-outlined
{
    font-variation-settings : "FILL" 0,
    "wght" 100,
    "GRAD" 0,
    "opsz" 24
}


.is-layout-grid > * > i.material-symbols-outlined
{
    color     : var(--wp--preset--color--accent-2);
    font-size : 400%;
    display   : block;
    margin    : 0 auto;
}


.wp-block-navigation__responsive-container-content
{
    padding-top : 100px !important;
}


.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open
{
    border-radius : 50%;
    padding       : 1rem !important;
}


.wp-block-navigation__responsive-container-close
{

}


.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container-open:hover
{
    background-color : var(--ui);
    color            : #FFFFFF;
}


.wp-block-navigation__responsive-container-close:hover svg stroke,
.wp-block-navigation__responsive-container-open:hover
{
    background-color : var(--ui);
}


.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg
{
    width  : 50px !important;
    height : 50px !important;
}


.hero
{
    background-color : #4D4D4D;
}


body.blog blockquote hr ~ *
{
    display : none;
}


.hero,
.wp-block-post-featured-image
{
    height   : 33.3vh;
    overflow : hidden;
}


.wp-block-post-featured-image img
{
    min-width  : 100% !important;
    width      : auto !important;
    min-height : 100% !important;
    height     : auto !important;
}


.hero
{

}


.has-accent-6-background-color
{
    backdrop-filter : blur(8px);
}


.has-accent-6-background-color .has-accent-6-background-color
{
    backdrop-filter  : none;
    background-color : transparent;
}


.hero h1
{
    position           : absolute;
    margin-block-start : 0 !important;
    margin             : 0;
    color              : var(--wp--preset--color--accent-5);
    font-size          : 50px;
    left               : var(--wp--style--root--padding-left);
    right              : var(--wp--style--root--padding-right);
    bottom             : 0;
    letter-spacing     : -2px;
    z-index            : 1;
    line-height        : 0.73em;
    text-box-trim      : trim-both;
    text-box-edge      : cap alphabetic;
}


@media all and (min-width : 600px)
{
    .hero h1
    {
        font-size : 70px;
    }
}


@media all and (min-width : 900px)
{
    .hero h1
    {
        font-size : 110px;
    }
}


.feature, blockquote.is-style-plain
{
    background-color : #FFFFFF;
    border-radius    : 1rem;
    padding          : 1.5rem 1.5rem !important;
    box-shadow       : 0 0 25px rgba(0, 0, 0, 0.04);
}


.round
{
    border-radius : 50%;
    overflow      : hidden;
    max-width     : 60vw;
    margin        : 0 auto;
}


footer
{
    margin-top : 0;
}


footer > div
{
    padding-right       : 150px !important;
    background-image    : url(/wp-content/uploads/2025/09/curve3.png);
    background-size     : auto 100%;
    background-repeat   : no-repeat;
    background-position : right 0;
}


footer .wp-block-media-text
{
    grid-template-columns :40px auto !important;
}


footer .wp-block-media-text__media img
{
    width  : auto;
    height : 32px;
}


footer .wp-block-media-text > .wp-block-media-text__content
{
    padding : 0;
}


footer .wp-block-media-text > .wp-block-media-text__content p
{
    margin : 0;
}


footer .wp-block-media-text > .wp-block-media-text__content a
{
    text-decoration : none !important;
}


.wpforms-form input[type=submit],
.wpforms-form button[type=submit]
{
    font-size     : 2em; /* Size of text */
    border-radius : 2rem;
}