/*
Theme Name: Davenport Child
Theme URI: https://distinctbydesign.com
Author: Shannon Davenport
Author URI: https://distinctbydesign.com/
Copyright 2022, 2023 Shannon L Davenport
Description: Davenport Child Theme. For support and suggestions, go to: https://distinctbydesign.com.
Version: 1.1.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Template:davenport
Tested up to: 6.2.2
Requires PHP: 8
Text Domain: davenport-child
*/


/*** VARIABLES ***/
:root {

}
/*=============================================
	GLOBAL STYLES
==============================================*/
p{
    margin-block-start: 0;
}
h1,.wp-block-post-title{
    word-break: keep-all;
}
h3{
    padding:0 !important;
    margin-block-start: 15px !important;
}
h2 + h3{
    margin-block-start: 0 !important;
}

/** THEME MY LOGIN **/
/* Container Box Layout */
/* Container Box Layout */
form[name="login"] {
    max-width: 450px;
    margin: 40px auto 0;
    padding: 32px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Individual field spacing */
.tml-field-wrap {
    margin-bottom: 20px;
}

/* Form Labels */
.tml-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    margin-bottom: 8px;
}

/* Style Input Fields (Username & Password) */
.tml-field-wrap input.tml-field {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    color: #0f172a;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box; /* Fixes padding horizontal stretching */
}

/* Input Focus Glow Effect */
.tml-field-wrap input.tml-field:focus {
    outline: none;
    border-color: #3b82f6; /* Modern brand blue */
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

/* Remember Me Checkbox Alignment */
.tml-rememberme-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 24px;
}

.tml-rememberme-wrap .tml-checkbox {
    margin: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.tml-rememberme-wrap .tml-label {
    margin-bottom: 0;
    cursor: pointer;
}

/* Custom Submit Button Styling */
.tml-submit-wrap .tml-button {
    width: 100%;
    background-color:var(--wp--preset--color--turnbull-blue);
    color: #ffffff;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.tml-submit-wrap .tml-button:hover {
    background-color: #2563eb;
}

.tml-submit-wrap .tml-button:active {
    transform: scale(0.98);
}

ul.tml-links{
    list-style-type: none;
    justify-self: center;
    padding-inline-start: 0;
}

.member-nav{
    gap:10px;
}
.member-nav .wp-block-navigation-item{
    background-color:var(--wp--preset--color--dark-red-rose);
    color:var(--wp--preset--color--white);
    padding:10px 20px;
    width:100%;
}
/*==============================
 * 	HEADER
 * =================================*/
 .top-nav li{
    text-align: center;
    justify-content: center;
    padding:20px 36px !important;
 }
 .top-nav li:nth-child(1){
    background:var(--wp--preset--color--dark-red-rose);
}
.wp-block-search__input{
    background-color:var(--wp--preset--color--san-juan);
    color:var(--wp--preset--color--white);
    border:none;
    margin-left:-36px;
}
/* nav-buttons */
.nav-buttons .wp-block-navigation{
    width:100%;
}
.nav-buttons .wp-block-navigation li{
    justify-content: center;
    padding:25px;
}
.nav-buttons li a{
    color:var(--wp--preset--color--white) !important;
    text-align: center;
}
/*============================================
	MAIN
==============================================*/

/*=============================================
	FOOTER
==============================================*/
/* Custom field spacing */
.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
    padding: 5px 0 !important;
}

/* Targets every form row container to break full width */
.wpforms-container .wpforms-field-container > div,
.wpforms-form .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    display: block !important;
}

.wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row {
    flex-wrap: nowrap !important;
    max-width: 430px;
}

/* Force standard inner inputs & textareas to occupy 100% space */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Hard constraint setting on total form boundary width */
.wpforms-container {
    max-width: 430px !important;
    width: 100% !important;
    margin-left: 0 !important; /* Hard left-align alignment anchor */
    margin-right: auto !important;
}

/* Setup bottom layout for the Captcha + Submit button rows */
.wpforms-form {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 0px 15px !important;
}

/* Ensure field groups don't compress inside the main form layout grid */
.wpforms-form .wpforms-field-container {
    grid-column: span 2 !important;
    width: 100% !important;
}

/* Explicit layout slotting for Turnstile box */
.wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile {
    grid-column: 1 !important;
    width: 300px !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

/* Explicit alignment slotting for Submit box wrapper */
.wpforms-form .wpforms-submit-container {
    grid-column: 2 !important;
    width: 100% !important;
    margin-top: 15px !important;
    margin-bottom: 2px !important;    /* Clean spacing pull to protect bottom alignments */
    display: flex !important;
    align-items: flex-start !important; /* Pulls button to the top layout bounds */
}

/* Button Visual Styling rules */
#wpforms-submit-206.wpforms-submit {
    width: 100% !important;
    height: 65px !important;
    background-color: #7A202C !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 10px !important;
}

/* Target the placeholder directly and force full visibility white text */
.wp-block-search__input.has-sports-teal-background-color::placeholder {
    color: #ffffff !important;
    opacity: 1 !important; /* Forces modern browsers to drop the default grey transparency */
}

/* Fallback support for older WebKit (Chrome/Safari) browsers */
.wp-block-search__input.has-sports-teal-background-color::-webkit-input-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Fallback support for older Mozilla (Firefox) browsers */
.wp-block-search__input.has-sports-teal-background-color::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}



/*=============================================
	MEDIA QUERIES
==============================================*/
/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1023px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
	#site-top .wp-block-buttons,
	#site-top .wp-block-image{
		margin: 30px 0 -30px !important;
	}
    /* .top-nav li{
        width:190px;
    } */

}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}
@media (max-width: 1023px) {
	/* body{
		font-size: 1em;
	} */
	/* main{
		padding: 0 15px;
	} */
    .wp-site-blocks>.wp-block-template-part>.container-header{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    form.wp-block-search__no-button.wp-block-search{
        justify-items:end;
    }
    header .wp-block-columns{
        gap:0;
        margin-top:10px;
        padding:0 15px;
    }
    header nav .wp-block-navigation__responsive-container-content{
        padding-right:15px;
    }
    .home .wp-block-cover{
        align-items: end;
        min-height: 280px;
    }
    main h1{
        text-align: center;
        padding: 15px 0 5px;
    }
    .wpforms-form .wpforms-submit-container {
        grid-column: 1 !important;
    }
    .wp-block-cover.diagonal-cut-right{
        min-height:165px !important;
    }
    .crm-public-form-item fieldset{
        max-width:65%;
    }
}

@media (max-width: 767px) {
	.wpforms-form .wpforms-field-container {
        width:89% !important;
    }


}

@media (max-width:480px){
 /* 1. Force the parent fieldset to shrink to the viewport */
    .crm-container fieldset {
        min-width: 0 !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. Fix the specific legend rendering behavior */
    .crm-container fieldset legend {
        display: block !important;
        float: left !important; /* Forces the browser to calculate normal text wrapping */
        width: 100% !important;
        white-space: normal !important;
        clear: both !important;
    }
}