/* Agency Custom CSS - Converted for dotCMS/Bootstrap Template 
    .home-callout - "What is CAS?" section
    .home-testimonial - Testimonial section
    .home-contact-callout - Contact Us section
    .subpage-container-peach-bg - Peach background sections
    .subpage-blue-bg - Blue background sections
    .subpage-white-bg - White background sections
    .subpage-container-case-study - Case study sections
*/

/* ========================================
   GLOBAL OVERRIDES
   ======================================== */

#prefooter,
#prefooter-content {
    padding: 0;
}

/* Remove base margin from custom sections */
body.marketing article>section:has(.callout.blue-border-callout),
body.marketing article>section:has(.testimonial-person),
body.marketing article>section:has(.callout.green-callout),
body.marketing article>section.subpage-container-peach-bg,
body.marketing article>section.subpage-blue-bg,
body.marketing article>section.subpage-white-bg,
body.marketing article>section.subpage-container-case-study {
    margin: 0 !important;
}

/* ========================================
   MAIN BANNER
   ======================================== */
body .main-banner.full-width.marketing {
    min-height: 30rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .main-banner.marketing .banner-content p {
    color: #CCECBA;
    font-size: 1.2rem;
    font-weight: 600;
}

body .main-banner .banner-content {
    background-color: transparent !important;
    box-shadow: none !important;
    max-width: 100% !important;
}

body .main-banner .banner-container .banner-content {
    max-width: 100% !important;
}

body .main-banner .banner-container .banner-content h1,
body .main-banner .banner-container .banner-content .h1,
body .main-banner .banner-container .banner-content h2,
body .main-banner .banner-container .banner-content .h2 {
    color: #fff !important;
}

body .main-banner .banner-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ========================================
   SUB-BANNERS (Static 4-Column Grid)
   ======================================== */
body.marketing article>section:has(.sub-banner-container) {
    background-color: #9EB0D8 !important;
    padding: 2rem 5rem !important;
    margin: 0 !important;
}

body div.sub-banner-container {
    background-color: #ffffff26;
    padding: 2rem;
    border-radius: 2rem;
}

.sub-banner-container .glide-sub-banner {
    padding: 0;
}

/* Disable Glide slider, force static grid layout */
.sub-banner-container .glide__track {
    overflow: visible;
}

.sub-banner-container .glide__slides {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem;
    transform: none !important;
    transition: none !important;
    width: 100% !important;
}

.sub-banner-container .glide__slide {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide slider controls for static layout */
.sub-banner-container .glide__controls {
    display: none !important;
}

body.adaptive .sub-banner-container .sub-banner,
body.marketing .sub-banner-container .sub-banner {
    padding: 0;
    border: none;
    margin: 0;
    border-radius: 1.5rem;
    overflow: hidden;
    background-color: #d2ddf4;
}

body.adaptive .sub-banner-container .sub-banner-image,
body.marketing .sub-banner-container .sub-banner-image {
    border-radius: 0;
    height: 8rem;
}

body.adaptive .sub-banner-container .sub-banner-info,
body.marketing .sub-banner-container .sub-banner-info {
    background-color: #d2ddf4;
    justify-content: space-between;
    padding: 1.5rem;
}

body.adaptive .sub-banner-container .sub-banner-info h4,
body.adaptive .sub-banner-container .sub-banner-info p.title,
body.marketing .sub-banner-container .sub-banner-info h4,
body.marketing .sub-banner-container .sub-banner-info p.title {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    color: #24365C;
    margin-bottom: 1rem;
}

body.adaptive .sub-banner-container .sub-banner-info .btn,
body.marketing .sub-banner-container .sub-banner-info .btn {
    padding: 0.75rem 2rem;
    font-weight: 400;
    background-color: #24365C;
    color: #fff;
    border-radius: 0.5rem;
}

body.adaptive .sub-banner-container .sub-banner-info p,
body.marketing .sub-banner-container .sub-banner-info p {
    font-weight: 700;
    text-transform: uppercase;
}

/* Responsive: 2 columns on tablet */
@media (max-width: 991px) {
    .sub-banner-container .glide__slides {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Responsive: 1 column on mobile */
@media (max-width: 575px) {
    .sub-banner-container .glide__slides {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================
   CALLOUT SECTIONS
   ======================================== */

/* Blue Border Callout (What is CAS?) */
/* NOTE: Add custom class 'home-callout' to section in CMS if possible */
body.marketing article>section:has(.callout.blue-border-callout) {
    background: url('https://www.in.gov/iot/images/microchip-bg.jpg');
    padding: 2rem 5rem !important;
}

.callout.blue-border-callout {
    margin: 0;
    padding: 3rem;
    border: solid 10px #24365C;
    border-radius: 0.75rem;
    background: #fff;
}

.callout.blue-border-callout h2 {
    font-weight: 300;
    font-size: 2rem;
}

/* Testimonial Section */
/* NOTE: Add custom class 'home-testimonial' to section in CMS if possible */
body.marketing article>section:has(.testimonial-person) {
    background: rgb(25, 44, 87);
    background: radial-gradient(circle, rgba(25, 44, 87, 1) 50%, rgba(27, 49, 98, 1) 50%);
    padding: 2rem 5rem !important;
}

body.marketing article>section:has(.testimonial-person) h3,
body.marketing article>section:has(.testimonial-person) p {
    color: #fff;
}

body.marketing article>section:has(.testimonial-person) h3 {
    font-size: 2.5rem;
    font-weight: 300;
}

body.marketing article>section:has(.testimonial-person) p.quote {
    font-size: 1.25rem;
    font-weight: 200;
}

.testimonial-person {
    font-weight: 800;
    color: #CCECBA;
}

body.marketing article>section:has(.testimonial-person) .col-lg-8,
body.marketing article>section:has(.testimonial-person) .col-lg-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Strip generic-content-wrap styling in custom sections */
body.marketing article>section:has(.callout.blue-border-callout) .generic-content-wrap,
body.marketing article>section:has(.testimonial-person) .generic-content-wrap,
body.marketing article>section:has(.callout.green-callout) .generic-content-wrap,
.subpage-container-peach-bg .generic-content-wrap,
.subpage-blue-bg .generic-content-wrap,
.subpage-white-bg .generic-content-wrap,
.subpage-container-case-study .generic-content-wrap {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================
   PEACH BACKGROUND SECTIONS
   ======================================== */
/* NOTE: Add custom class 'subpage-container-peach-bg' to section in CMS */
body.marketing article>section.subpage-container-peach-bg {
    padding: 2rem 5rem !important;
}

.subpage-container-peach-bg {
    background: rgb(240, 229, 212);
    background: linear-gradient(75deg, rgba(240, 229, 212, 1) 70%, rgba(230, 215, 192, 1) 70%);
}

.subpage-container-peach-bg .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.subpage-container-peach-bg.full .row {
    display: block;
}

.subpage-container-peach-bg .col,
.subpage-container-peach-bg [class*="col-"] {
    padding: 1rem;
    width: 100%;
    max-width: 100%;
}

.subpage-container-peach-bg .intro-content {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    margin-bottom: 0 !important;
}

.subpage-container-peach-bg .intro-content p {
    font-size: 1.5rem;
    font-weight: 400;
}

.subpage-container-peach-bg .white-bucket {
    background: #fff;
    border-radius: 0.75rem;
    padding: 3rem;
    height: 100%;
}

/* ========================================
   SUBPAGE BANNER
   ======================================== */
body main #subpage-banner-container #subpage-banner-overlay {
    background: rgba(0, 0, 0, 0);
    min-height: 20rem;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#subpage-banner-width {
    max-width: 46rem;
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width h1 {
    color: #24365C;
    text-align: center;
    text-shadow: none;
    font-weight: 400;
}

body.marketing main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs,
body.marketing main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs li a,
body.marketing main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs li {
    color: #24365C !important;
    font-weight: 600;
    text-transform: uppercase;
}

body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs {
    border: none;
}

/* ========================================
   BLUE BACKGROUND SECTIONS
   ======================================== */
/* NOTE: Add custom class 'subpage-blue-bg' to section in CMS */
body.marketing article>section.subpage-blue-bg {
    padding: 2rem 5rem !important;
}

.subpage-blue-bg {
    background-color: #24365C;
    color: #fff;
}

.subpage-blue-bg .col,
.subpage-blue-bg [class*="col-"] {
    padding: 2rem;
}

.subpage-blue-bg p {
    color: #F0E5D4;
    line-height: 1.7rem;
}

.subpage-blue-bg h3 {
    font-size: 3rem;
    font-weight: 300;
}

.subpage-blue-bg a {
    color: #fff;
}

.subpage-blue-bg a:hover {
    color: #F0E5D4;
}

.subpage-blue-bg .callout.subpage-callout-green a {
    color: #24365C;
}

.subpage-blue-bg .callout.subpage-callout-green a.button.primary {
    color: #fff;
}

.subpage-blue-bg .callout.subpage-callout-green {
    background: rgb(204, 236, 186);
    background: linear-gradient(105deg, rgba(204, 236, 186, 1) 8%, rgba(226, 242, 217, 1) 8%);
    display: block;
    align-items: center;
    padding: 3rem;
    margin-top: -2rem;
}

.subpage-blue-bg .callout.subpage-callout-green h4 {
    color: #24365C;
    font-size: 2rem;
    font-weight: 400;
}

.subpage-blue-bg .callout.subpage-callout-green p {
    color: #24365C;
    padding-left: 0;
    font-size: 1.2rem;
}

/* ========================================
   WHITE BACKGROUND SECTIONS
   ======================================== */
/* NOTE: Add custom class 'subpage-white-bg' to section in CMS */
body.marketing article>section.subpage-white-bg {
    padding: 2rem 5rem !important;
}

.subpage-white-bg {
    background-color: #fff;
    color: #24365C;
}

.subpage-white-bg .col,
.subpage-white-bg [class*="col-"] {
    padding: 2rem;
}

.subpage-white-bg p {
    color: #24365C;
    line-height: 1.7rem;
}

.subpage-white-bg h3 {
    font-size: 3rem;
    font-weight: 300;
}

.subpage-white-bg .callout.subpage-callout-blue {
    background: rgb(36, 54, 92);
    background: linear-gradient(105deg, rgba(54, 72, 110, 1) 8%, rgba(36, 54, 92, 1) 8%);
    display: block;
    align-items: center;
    padding: 3rem;
    margin-top: -2rem;
    color: #fff;
    font-size: 1.2rem;
}

.subpage-white-bg .callout.subpage-callout-blue h4 {
    color: #CCECBA;
    font-size: 2rem;
    font-weight: 400;
}

.subpage-white-bg .callout.subpage-callout-blue p {
    color: #fff;
    padding-left: 0;
    font-size: 1.2rem;
}

.subpage-white-bg .callout.subpage-callout-blue a {
    color: #fff;
}

/* ========================================
   BUTTONS
   ======================================== */
body.marketing main article section .button.secondary {
    padding: 1.5rem;
    width: 100%;
    max-width: 20rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 3rem;
    background-color: #24365C;
}

/* ========================================
   CASE STUDY SECTIONS
   ======================================== */
/* NOTE: Add custom class 'subpage-container-case-study' to section in CMS */
body.marketing article>section.subpage-container-case-study {
    padding: 2rem 5rem !important;
}

.subpage-container-case-study {
    background: rgb(230, 230, 230);
    background: linear-gradient(105deg, rgba(230, 230, 230, 1) 30%, rgba(245, 245, 245, 1) 30%);
}

.subpage-container-case-study h3 {
    color: #24365C;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

/* ========================================
   GREEN CALLOUT SECTIONS
   ======================================== */
/* Contact Us / Green Button Sections */
/* NOTE: Add custom class 'home-contact-callout' or 'subpage-green-button-container' to section in CMS */
body.marketing article>section:has(.callout.green-callout) {
    background: url('https://www.in.gov/iot/images/green-microchip-bg.jpg');
    background-size: cover;
    padding: 2rem 5rem !important;
}

.callout.green-callout {
    background: rgb(137, 207, 125);
    background: radial-gradient(circle, rgba(137, 207, 125, 1) 50%, rgb(88 178 39) 50%);
    padding: 1.5rem;
    border: none;
    margin: 0;
    border-radius: 2rem;
}

.callout.green-callout .button.secondary {
    background-color: #348606;
    margin: 0;
}

.callout.green-callout .button.secondary:hover {
    background-color: #24365C;
}

/* ========================================
   RESPONSIVE / MOBILE STYLES
   ======================================== */
@media print,
screen and (max-width: 39.99875em) {

    /* Reduce padding to 1rem for all custom sections on mobile */
    body.marketing article>section:has(.sub-banner-container),
    body.marketing article>section:has(.callout.blue-border-callout),
    body.marketing article>section:has(.testimonial-person),
    body.marketing article>section:has(.callout.green-callout),
    body.marketing article>section.subpage-container-peach-bg,
    body.marketing article>section.subpage-blue-bg,
    body.marketing article>section.subpage-white-bg,
    body.marketing article>section.subpage-container-case-study {
        padding: 1rem !important;
    }

    body main #subpage-banner-container #subpage-banner-overlay {
        min-height: 8rem;
    }

    .subpage-container-peach-bg .row {
        display: block;
    }
}