/* Banner — i2t3 component styles
 * Ported from ns_theme_bootstrap .banner-section + variants.
 * Template already emits .banner-section / .parallax-banner / etc. so keep
 * those selectors as authoritative.
 */

.i2t3-banner-section { position: relative; }

.banner-section {
    display: inline-block;
    height: 260px;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.banner-section .bg-img,
.bg-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.banner-section .container {
    height: 100%;
    padding: 0;
    position: relative;
}

.banner-section .banner-content {
    color: #fff;
    left: 50%;
    margin: 0 auto;
    max-width: 910px;
    padding: 20px 15px 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
}

/* Parallax variant */
.banner-section.parallax-banner {
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-section.parallax-banner .bg-img {
    background-attachment: fixed;
}
.banner-section.parallax-banner::before {
    background-color: rgba(0, 0, 0, 0.36);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

/* Other variants */
.banner-section.full-width-banner .banner-content {
    max-width: 100%;
    padding: 50px 15px;
}
.banner-section.medium-banner-section::before { display: none; }
.banner-section.small-banner { height: 220px; }
.banner-section.landing-banner { height: 749px; }
.banner-section.landing-banner .banner-content { padding: 149px 0 13px; }

@media (min-width: 768px) {
    .banner-section { height: 240px; }
    .banner-section.small-banner { height: 200px; }
}
@media (min-width: 992px) {
    .banner-section { height: 600px; }
    .banner-section.small-banner { height: 300px; }
}