/*
Theme Name: GeneratePress - MPC
Theme URI: https://mississippismartathome.com
Description: Custom child theme for GeneratePress
Author: SmartMark
Template: generatepress
Version: 1.0.0
*/

@import url("../generatepress/style.css"); /* Optional: for live preview fallback */

body {
  font-family: 'Inter', sans-serif;
}

#primary-menu li, input[type="submit"], .how-to-section-group a.wp-block-button__link {
    background-color: #007DB9;
    color:white;
    text-decoration: none;
    border-radius:50px;
    padding-right:0.5rem;
    padding-left:0.5rem;
    padding-top:0;
    padding-bottom:0;
    transition: all 200ms ease-in-out;
}

input[type="submit"], .how-to-section-group a.wp-block-button__link {
    padding:0.5rem 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

#primary-menu li:hover, input[type="submit"]:hover, .how-to-section-group a.wp-block-button__link:hover {
    background-color: #003A5D;
    color:white;
    text-decoration: underline;
}

#primary-menu li:hover a
#primary-menu li:hover a:visited {
    color:white; 
}

.main-navigation .main-nav ul li a {
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    padding-left:10px;
    padding-right:10px;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color:white;
}

.main-navigation.sub-menu-right {
    transition: all 200ms ease-in-out;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color:white;
}

.no-sidebar .entry-content .alignfull {
    margin-left:0;
    margin-right:0;
}

::selection {
  background:darkred;
  color: white;
}

.entry-header {
    text-align: center;
    color:white;
    font-weight: bold;
    background: linear-gradient(to right, #003f63, #0084c7);
    padding-top:2rem;
    padding-bottom:2rem;
    margin-bottom:2rem;
}

body.home .entry-header {
    display: none;
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top:0;
}

.one-container .site-content {
    padding:0;
}

.hero-group {
    padding:0 !important;
}

.hero-group .wp-block-group__inner-container {
    padding:0 !important;
}

.hero-section {
    background-color:#003A5D;
    color:white;
    gap:0;
}

.hero-section-intro-welcome {
    margin-bottom:0;
}

.hero-section-content {
    font-size:2rem;
    padding:3rem;
    margin:3rem !important;
}

@media screen and (min-width:780px) and (max-width:1200px) {
    .hero-section-content {
        margin:2rem !important;
    }
}

@media screen and (max-width:780px) {
    .hero-section-content {
        margin:1rem !important;
    }
}

.hero-section-content img {
    max-width:300px;
    width:100%;
}

.hero-section-image .wp-block-cover,
.hero-section-image img {
    height: 100%;
}

.hero-section-image img.wp-block-cover__image-background {
    width:125%;
    left:-20%;
}

.hero-section-tagline {
    font-size:1.5rem;
}

.hero-section-button a.wp-block-button__link {
    background:white;
    color:#003A5D;
    font-size:1.25rem;
    font-weight: bold;
    padding-right:2rem;
    padding-left:2rem;
}

.hero-section-button a.wp-block-button__link:hover {
    text-decoration: underline;
    background-color:white;
    color:#003A5D;
}

@media screen and (max-width:780px) {
    .hero-section-button a.wp-block-button__link {
        margin-bottom:2rem;
    }

    .is-vertically-aligned-center.hero-section-content {
        padding:1rem;
    }
}

.hero-section figure {
    /*margin-top:-2rem;*/
    margin-bottom:2rem;
}

.intro-tagline-content {
    padding:4rem;
}

.intro-tagline-content p {
    margin-bottom:1rem;
}

.intro-tagline-content h2, .how-to-section-group h2 {
    display: flex;
    align-items: center;
    color:#007DB9;
    gap:0.5rem;
    font-size:2.25rem;
}

.how-to-section-group h2 {
    justify-content: end;
    font-size:1.875em;
}

@media screen and (max-width:780px) {
    .intro-tagline-content h2 {
        flex-direction: column;
        margin:0 auto;
    }
}

.intro-tagline-content h2 img,
.how-to-section-group h2 img {
    /*width:235px;*/
    transform: translateY(-5px);
}

.intro-tagline-image {
    justify-content: center;
    padding:0 4rem 4rem 4rem;
}

.intro-tagline-image-mobile {
    display: none;
}

@media screen and (max-width:780px) {
    .intro-tagline-content {
        padding:2rem;
    }

    .intro-tagline-image {
        display: none;
    }

    .intro-tagline-image-mobile {
        display: block;
        padding:0 2rem 2rem 2rem;
    }
}

.benefits-section {
    background-image: url('/wp-content/uploads/2025/06/SC_linear_pattern_rgb_dark-blue-lesscontrast.png');   
    color:white;
    margin-bottom:0;
    gap:0;
}

@media screen and (max-width:780px) {
    .benefits-section-content {
        padding:2rem;
    }
}

.benefits-section h2 {
    color:white;
    padding:2rem 0 0 2rem;
    margin-bottom:0;
}

@media screen and (max-width:780px) {
    .benefits-section h2 {
        padding-top:1rem;
    }
}

.benefits-section-image,
.how-to-section-image {
    height: 100%;
}

.benefits-section-table-group .wp-block-group__inner-container {
    padding:2rem 2rem 0 2rem;
}

.benefits-section td,
.benefits-section table {
    border:0;
    color:white;
    font-size:1.1em;
}

.benefits-section table td:first-child {
    width:64px;
}

.benefits-callouts {
    display: flex;
    background-color:#007db9;
    justify-content: center;
    align-items: center;
    color:white;
}

@media screen and (max-width:780px) {
    .benefits-callouts {
        gap:0;
    }
}

.benefits-callouts-image {
    margin-bottom:1rem;
    max-width: 70px;
    margin-left:auto;
    margin-right:auto;
}

.how-to-section-group {
    display: flex;
}

.how-to-section-group p {
    font-size:0.9em;
    padding-left:2rem;
}

.how-to-section-group > .wp-block-group__inner-container {
    padding:0;
    max-width: 650px;
    justify-self: flex-end;
    margin-right:0;
}

.how-to-section-group .wp-block-group__inner-container .wp-block-group__inner-container {
    padding:20px 0;
}

.how-to-section-group .how-to-section-timeline {
    display: flex;
    justify-content: end;
    margin-bottom:1rem;
}

.how-to-section-group .how-to-section-timeline .wp-block-group__inner-container {
    padding:0;
    margin-right:0;
}

.how-to-section-group .how-to-section-timeline img {
    max-width:400px;
}

@media screen and (min-width:780px) and (max-width:1200px) {
     .how-to-section-group h2 {
        font-size:1.75rem;
    }
}

@media screen and (max-width:780px) {

    .how-to-section {
        margin-bottom:0;
    }

    .how-to-section-group h2 {
        flex-direction: column;     
        font-size:1.75rem; 
    }

    .how-to-section-group .how-to-section-timeline .wp-block-group__inner-container {
        margin-right:auto;
    }
    
    .how-to-section-group .how-to-section-timeline {
        justify-content: center;
        margin-right:auto;
    }

    .how-to-section-group p {
        padding-left:2rem;
        padding-right:2rem;
        text-align: left;       
    }

    .how-to-section-group .wp-block-buttons.is-content-justification-right {
        justify-content: center;
    }

    
    .how-to-section-group .how-to-section-timeline img {
        width:100%;
        max-width:320px;
    }
}

.site-footer {
    max-width:1536px;
    margin:0 auto;
}

.site-info .inside-site-info {
    padding-top: 2rem;
    background-image: url('/wp-content/uploads/2025/06/SC_linear_pattern_rgb_dark-blue-lesscontrast.png');    
}

.site-info .inside-site-info p {
    color:white;
    font-size:0.9em;
}

.site-info .inside-site-info a {
    color:white;
    text-decoration: none;
}

.site-info .inside-site-info a:hover {
    text-decoration: underline;
}


.sign-up-form {
    max-width:500px;
    margin:0 auto;
    padding:2rem;
}