/**
 * Theme Name:          Mai Lifestyle Pro
 * Description:         Mai Lifestyle Pro is a custom child theme for The Genesis Framework.
 * Author:              Mike Hemberger, BizBudding Inc
 * Author URI:          https://bizbudding.com/
 * Version:             1.1.0
 *
 * Template:            genesis
 *
 * License:             GPL-2.0+
 * License URI:         http://www.opensource.org/licenses/gpl-license.php
 */


/* Table of Contents

	- Defaults
	- Structure and Layout
	- Common Classes
	- Content Area
		- Entry Meta
	- Media Queries (mobile-first)
	- Media Queries (mobile-second)

*/


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/**
 * Retina Logo
 *
 * If uploading double sized (retina) image,
 * put exactly half the width in pixels for retina display.
 * Example: Retina (2x) image is 360px by 90px, CSS should be:
 * max-width: 180px;
 */
.wp-custom-logo .site-title a {
	/* max-width: 180px; */
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h2,
h3,
h4,
h5,
h6,
.site-title a,
.adjacent-entry-pagination a {
	font-family: 'Muli', sans-serif;
	font-weight: 200;
}

.banner-area .archive-title,
.banner-area .author-box-title,
.banner-area .entry-title,
.heading,
h1 {
	font-family: 'Playfair Display', serif;
}

.author-box-title,
.entry-comments h3,
.comment-respond h3,
.widget-title,
.related > h2,
.up-sells > h2 {
	font-family: 'Playfair Display', serif;
}

.sidebar .widget-title {
	text-align: center;
}

/* # Content Area
---------------------------------------------------------------------------------------------------- */

.adjacent-entry-pagination a,
.after-entry .widget,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings,
.sidebar .widget,
.sticky-header.scroll .site-header {
	-webkit-box-shadow: 0 4px 24px rgba(0,0,0,0.025);
	box-shadow: 0 4px 24px rgba(0,0,0,0.025);
}

/* ## Entry Meta
--------------------------------------------- */

.entry-comments .comment-meta {
	-webkit-font-smoothing: antialiased;
}

/* # Media Queries (mobile-first)
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1160px) {}

@media only screen and (min-width: 993px) {}

@media only screen and (min-width: 769px) {}

@media only screen and (min-width: 545px) {}

/* # Media Queries (mobile-second)
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1159px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 544px) {}



/* # Custom Styles
/*signed with love page*/
h1.signed-with-love {
    font-size: 80px !important;
    margin-top: 160px;
    margin-bottom: 32px;
    line-height: 90%;
    letter-spacing: -3.2px;
}

.additional-title {
    font-size: 38px;
    line-height: 85%;
    letter-spacing: 0.76px;
    margin-bottom: 60px !important;
}

.signed-with-love-description {
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 100px !important;
}

.signed-with-love-wrapper-btn {
    width: 100%;
}

.signed-with-love-btn {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 90%;
}

.signed-with-love-donation-text {
    line-height: 120%;
    margin-bottom: 40px !important;
}

.signed-with-love {
    position: relative;
    display: inline-block;
}

.signed-with-love::after {
    content: '';
    background-image: url(https://hmi.org/wp-content/uploads/2025/05/signed-with-love-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 32.744px;
    height: 29.967px;
    display: block;
    z-index: 1;
    top: 0px;
    right: -28px;
}

h1.signed-with-love-page-h1 {
    font-size: 80px !important;
    margin-top: 120px;
    margin-bottom: 120px;
    line-height: 100%;
    text-align: center;
}

h2.signed-with-love-page-h2 {
    font-size: 80px !important;
    font-weight: normal;
    line-height: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.add-sticker ul li {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.add-sticker ul {
    max-width: 300px;
}

.add-sticker input {
    width: auto !important;
}

.add-sticker .nf-field-label,
.add-sticker .nf-field-element {
    width: 50% !important;
    text-align: left;
}

.label-above.send-letter-to-lgbtqia {
    margin-bottom: 0px;
}

.signed-with-love-page .cs-infos {
    display: none;
}

.tagged-on-instagram label {
    text-align: left;
}

.video-guidelines p,
.video-guidelines ul li {
    line-height: 140%;
}

.letter-text-name table {
    border: none;
}

.letter-text-name table tr {
    display: flex;
    flex-direction: column;
    border: none;
}

.read-page-video-carousel {
    max-width: 1400px;
}

.share-page-option-title {
    margin-bottom: 30px;
}

.share-page-option {
    margin-bottom: 0px;
}

.share-page-option-text {
    margin-bottom: 30px;
}

h1.read-page-title {
    font-family: Special Gothic Condensed One;
    font-weight: 400;
    font-size: 80px;
    color: #404041;
    font-size: 80px !important;
    margin: 0 auto 70px auto;
    line-height: 100%;
    text-align: center;
    max-width: 970px;
}

#nf-form-15-cont .nf-form-fields-required {
    display: none;
}

.logo-wrapper {
    margin-bottom: 44px;
}

.arrow-img {
    margin-bottom: 109px;
}

.banner-wrapper .wp-block-columns {
    margin-bottom: 0px;
}

.donate-image img {
    max-width: 360px;
}



/*ninja form*/
.send-letter-to-lgbtqia input {
    border-bottom: 1px solid #2D2D2D !important;
}

.send-letter-to-lgbtqia textarea {
    border: none !important;
    border-bottom: 1px solid #2D2D2D !important;
    background: #FFE3F7 !important;
}

.send-letter-to-lgbtqia input::placeholder,
.send-letter-to-lgbtqia textarea::placeholder,
.add-sticker label {
    font-family: 'Special Gothic Condensed One', sans-serif !important;
    font-weight: normal !important;
    line-height: 150% !important;
    font-size: 24px;
    color: #404041;
}


#nf-form-15-cont .nf-error-wrap.nf-error {
    text-align: left;
}

#nf-form-15-cont input,
#nf-form-15-cont textarea {
    font-size: 24px;
    color: #2d2d2d;
    border-style: solid;
    font-family: Poppins;
    background-color: #ffe3f7;
    border-width: 1px;
    border-color: #2d2d2d;
    border-style: none;
    border-radius: 0px;
    -web-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: 20px;
}

#nf-form-15-cont {
    border-style: solid;
    font-family: Poppins;
    background-color: #ffe3f7;
    width: 800px;
    border-color: #ffe3f7;
    border-radius: 25px;
    -web-border-radius: 25px;
    -moz-border-radius: 25px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: Poppins;
    border-width: 0px;
    margin-bottom: 120px;
}

#nf-form-15-cont .send-letter-to-lgbtqia input {
    height: 80px;
}

#nf-form-15-cont .submit-container input[type=button] {
    border-style: solid;
    font-family: Poppins;
    color: #404041;
    background-color: #ffffff;
    font-size: 16px;
    border-radius: 28px;
    -web-border-radius: 28px;
    -moz-border-radius: 28px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: 0px;
}

#nf-form-15-cont .nf-input-limit {
    text-align: left;
}

#nf-form-15-cont .nf-form-content label {
    font-size: 24px !important;
    color: #2d2d2d;
    font-family: 'Special Gothic Condensed One', sans-serif !important;
    font-weight: normal;
}

#nf-form-15-cont .nf-form-content label:before {
    font-size: 21px;
}

#nf-form-15-cont .nf-error-msg,
#nf-form-15-cont .ninja-forms-req-symbol {
    color: #2d2d2d;
}

@media only screen and (max-width: 800px) and (min-width: 481px) {
    #nf-form-15-cont {
        width: 90%;
    }
}

@media only screen and (max-width: 480px) {
    #nf-form-15-cont {
        width: 350px;
    }
}


/*custom footer*/ 
.page-template-read-page .site-inner,
.single-form_submissions .site-inner {
    padding: 0px 0px;
    width: 100%;
    max-width: 100%;
}

.custom-footer {
    background: #DFEDF3;
    padding: 120px 0px 94px 0px;
}

.custom-footer-wrap {
    max-width: 1248px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 135px;
    padding-left: 8px;
    padding-right: 8px;
}

.custom-main-block1 {
    display: flex;
    gap: 135px;
}

.custom-left-block,
.custom-right-block {
  width: 50%;
}

.custom-left-block img {
    max-width: 325px !important;
    margin-bottom: 50px;
}

.content-left-block,
.content-right-block {
    min-height: 140px;
}

.custom-right-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-left-block p {
color: #404041;
font-family: Poppins;
font-size: 20px;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.8px;
margin-bottom: 0px;
}

.content-right-block p {
    margin-bottom: 24px;
}

.custom-right-block p a {
color: #404041;
font-family: Poppins;
font-size: 20px;
font-weight: 500;
line-height: 90%;
}

.custom-footer .zoom-social-icons-shortcode {
    margin-bottom: 50px;
}

.custom-footer .zoom-social-icons-shortcode ul {
    display: flex;
    gap: 53px;
}

.custom-main-block2 {
    max-width: 630px;
    margin: 0 auto;
    text-align: center;
}

.custom-main-block2 .img-desktop img {
    max-width: 413px !important;
    margin-bottom: 42px;
}

.content-center-block p {
color: #404041;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.8px;
}

.content-center-block p a {
    font-weight: 600;
    color: #404041;
    text-decoration-line: underline;
}

.img-desktop {
    display: block;
}


.img-mobile {
    display: none;
}

.main-content-read-page {
    padding-left: 24px;
    padding-right: 24px;
}


@media only screen and (max-width: 768px) {
    h1.signed-with-love {
        font-size: 40px !important;
        line-height: 85%;
        margin-top: 60px;
        letter-spacing: -1.6px;
    }

    h1.read-page-title {
        font-size: 40px !important;
        max-width: 300px;
        margin-top: 150px;
    }

    .add-sticker ul {
        margin-left: 0px;
    }

    .add-sticker ul li {
        width: 56px;
        height: 56px;
    }

    .add-sticker .nf-field-label,
    .add-sticker .nf-field-element {
        width: 100% !important;
        text-align: left;
    }

    body #nf-form-15-cont {
        padding: 16px !important;
    }

    h1.signed-with-love-page-h1 {
        font-size: 40px !important;
        margin-top: 60px;
        margin-bottom: 48px;
    }

    h2.signed-with-love-page-h2 {
        font-size: 40px !important;
    }

    #nf-form-15-cont {
        margin-bottom: 100px;
    }

    .video-guidelines p,
    .video-guidelines ul li {
        font-size: 16px !important;
    }

    .signed-with-love-donation-text {
        font-size: 32px !important;
    }

    .signed-with-love-page .additional-title {
        font-size: 19px !important;
        letter-spacing: 0.38px;
    }

    .arrow-img {
        margin-bottom: 60px;
    }

    .signed-with-love::after {
        width: 28.744px;
        height: 25.967px;
        top: -12px;
        right: -26px;
    }
    

    .signed-with-love-description {
        font-size: 30px !important;
    }
    
    .custom-main-block1 {
    flex-direction: column;
}

.custom-left-block img {
    max-width: 224px !important;
}

.custom-left-block, .custom-right-block {
    width: 100%;
}

.custom-main-block1,
.custom-footer-wrap {
    gap: 55px;
}

.img-desktop {
    display: none;
}

.img-mobile {
    display: block;
}

.custom-main-block2 .img-mobile img {
    max-width: 227px !important;
    margin-bottom: 42px;
}

.custom-footer {
    padding: 80px 0px 102px 0px;
}

.custom-footer-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.custom-left-block p,
.custom-right-block p a,
.content-center-block p,
.content-center-block p a {
    font-size: 16px;
}

.content-left-block, .content-right-block {
    min-height: auto;
}


}

@media only screen and (max-width: 600px) {
    
    .donate-image img {
    max-width: 276px;
}

}