/*
 Theme Name:     Smart 1 Custom Child Theme
 Description:    Smart 1 Snaps Child Theme
 Author:       Smart 1 Marketing
 Author URI:   http://smart1marketing.com
 Template:     Divi
 Version:      1.0.01000
*/

 
/* =Theme customization starts here
------------------------------------------------------- */

/* =Override misc theme defaults -- */
#et-info-email:before {content: none;}
span.fsRequiredMarker {color:red; font-weight:700;}
#footer-info a {font-weight: 500;}

#top-menu li li {padding: 0;}
#top-menu li li a {
    width: 240px;
    padding: 6px 10px;
    font-weight: 300;
}

/*Vertical alignment*/
.s1m-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}




/* =Responsive Styles
------------------------------------------------------- */
@media (max-width: 980px) {

}


@media (max-width: 767px) {

}

/* --- Tablet Styles -- */
@media (max-width: 980px) and (min-width: 577px) {

}


@media (max-width: 576px) {

}

@media (max-device-width: 480px) {

}


/******** united way background ********/
.unitedway {
    background-image: url('https://smart1snaps.wpenginepowered.com/wp-content/uploads/2025/12/photo-1557682233-43e671455dfa.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 100%;
    height: 100vh;
}

/******** fullPage.js + Divi compatibility ********/
/* Ensure vertical alignment behaves normally */
.fp-section .fp-tableCell {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-top: 40px;
}

/******** global alignment fixes inside fullpage ********/
/* All text inside slides aligns left */
#fullpage .et_pb_text,
#fullpage .et_pb_text_inner {
    text-align: left !important;
}

/* Ensure content containers use full width (fixes wrapping issues) */
#fullpage .et_pb_section,
#fullpage .et_pb_row,
#fullpage .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

#fullpage .et_pb_text {
    width: 100% !important;
    max-width: 100% !important;
}

/******** resource card styling ********/
/* Apply this by giving each card row or text module the class "resourcecard" */
.resourcecard {
    background: rgba(255,255,255,0.25);
    padding: 20px !important;
    border-radius: 6px;
    border: 2px solid rgba(255,255,255,0.7);
    margin-bottom: 25px !important;
    width: 100% !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Clean readable text inside cards */
.resourcecard .et_pb_text_inner {
    white-space: normal !important;
    line-height: 1.35em;
}

/* Extra spacing at bottom of slide */
.fp-section .resourcecard:last-child {
    margin-bottom: 40px !important;
}

/******** button styles ********/
.et_pb_text a.whiteborderbutton,
a.whiteborderbutton {
    display: inline-block;
    border: 2px solid #ffffff !important;
    border-radius: 5px !important;
    padding: 6px 12px !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.3em !important;
}

.et_pb_text a.whiteborderbutton {
    margin-right: 12px !important;
}

.et_pb_text a.whiteborderbutton:hover {
    background: rgba(255,255,255,0.2) !important;
    color: #fff !important;
}

/******** misc custom utilities ********/
.centercol {
    margin: 0 auto !important;
}

.BUTTONWIDTH {
    width: 95% !important;
    min-width: 95% !important;
}

/******** youth for christ ***************/
/* Mobile Staggered Layout for Single Column Row */
@media (max-width: 980px) { /* Applies to Tablet and Mobile */
    .staggered-grid .et_pb_column {
        column-count: 2;         /* Split into 2 columns */
        column-gap: 15px;        /* Gap between left/right columns */
    }

    .staggered-grid .grid-item {
        display: inline-block;   /* Required for column-count to work */
        width: 100%;
        margin-bottom: 15px;     /* Vertical spacing */
        break-inside: avoid;     /* Prevents items from splitting */
    }
}

/* Optional: Fix for desktop if you want it to look normal there */
@media (min-width: 981px) {
    .staggered-grid .et_pb_column {
        column-count: 3; /* Or 4, if you want masonry on desktop too */
        column-gap: 20px;
    }
}

.s1mdarkbutton {
    color: #ffffff;
	background-color: #101820;
	padding: 1em 3em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }

.s1m99000button {
    color: #ffffff;
	background-color: #990000;
	padding: 1em 3em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }

/******* end youth for christ ************/