/* Landing page - layout updated: 10-2025
_______________________________________________*/

/*root colors*/
:root {
	--primary-blue:#2372b9;
    --secondary-blue:#007fa4;
    --primary-orange:#f47b27;
    --secondary-orange:#fbb254;
    --primary-green:#6ba543;
    --secondary-green:#cadb2e;
}

/*general*/

/*hero*/
section.cta{
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
}
.cta-form-container-inner {
    padding: 0;
}
.cta h1 span,
.cta h4 span{
    color:var(--primary-orange);
}
.cta-zip-container form {
    justify-content: flex-start;
    align-items: left;
}
    .cta-zip-container form::before {
        position: absolute;
        left: 5px;
    }
    section.cta {
        background-color: transparent;
        color: #256db4;
        
    }
    .zipbox-update label{
        position: absolute;
        top: -5px;
        background: #fff;
        padding: 0 5px 0 !important;
        line-height: 100%;
        left: 20px;
        font-size:12px;
    }
    .cta-zip-container form input[type='text'] {
        border: 1px solid #000;
        width: 200px;
        text-align: left;
        padding: 10px 5px 10px 30px;
        border-radius: 5px;
    }
    .cta-zip-container form button span{
        display:block;
    }
    .cta-zip-container form button::before{
        display: none;
    }
    .cta-zip-container form button {
        background-color: var(--primary-blue);
        border:1px solid var(--primary-blue);
        margin-left: 10px;
        padding: 10px 20px;
        border-radius: 5px;
    }
    .cta-zip-container form button:hover {
        background-color: transparent;
        color: var(--primary-blue);
    }
@media (min-width: 768px) {
    section.cta .cta-content-container{
        width:75%;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.7);
    }
    nav .swoosh-bar {
        display: none;
    }
    section.cta .hero-image {
        width:100%;
    }
    section.cta .hero-image img {
        height:auto;
        object-fit: cover;
    }
    
}
@media (min-width: 768px) and (max-width: 1200px) {
    section.cta {
        
    }
    section.cta .hero-image img {
        width: 130%;
    }
}
@media only screen and (max-width: 768px) {
    section.cta {
        background-image: none !important;
    }
    .cta-zip-container form button {
        padding: 10px 10px;
    }
}
@media only screen and (max-width: 320px) {
    .cta-zip-container form input[type="text"] {
        width: 120px;
    }
}
/*button*/
.plan-grid-container .btn,
.sortable-plan-container .btn,
.plan-details-2022-bottom button.btn.btn-primary {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}
.plan-grid-container .btn:hover,
.sortable-plan-container .btn:hover,
.plan-details-2022-bottom button.btn.btn-primary:hover {
    background-color: transparent;
    border-color: var(--primary-green);
    color: var(--primary-green);
}
/*plan grid*/
.plan-grid-container .plan-card-2023 {
    border: 1px solid var(--secondary-green);
    border-radius: 5px;
    background-color: #fff;
}
    label.plan-details-link{
        border-radius: 0 0 5px 5px;
    }
    .plan-grid-container .plan-card-2023 .plan-name {
        background-color: transparent;
    }
    .plan-grid-container .plan-card-2023 .plan-name h3{
        color: var(--secondary-blue);
    }
    .plan-grid-container .plan-card-2023 .plan-name strong{
        color: #000;
    }
    .plan-filters-2024 .plan-rate-body {
        background-color: #fff;
    }
@media only screen and (min-width: 993px) {
    .plan-grid-container .plan-card-2023 .plan-name h3 {
        font-size: 25px;
    }
}