/*************/
/* Template */
/***********/

.oxygen-builder-body #hubspot-messages-iframe-container { display: none !important; }

/* Hero */

.bb-header + .bb-landing-hero {
    padding-top: 5.5rem;
    margin-top: -5.5rem;
}

.bb-landing-hero {
    background-image: url('./2020/02/iPhoneXs-002-i-scaled.jpg');
    background-size: 2200px;
    background-repeat: no-repeat;
    background-position: calc(50% + 10vw) calc(50% + 5.5rem);
}

.bb-landing-hero h1, .bb-landing-hero h3, .bb-landing-hero p { color: white; }

/* Panel */
.bb-bg-offset { margin-bottom: calc(var(--global-spacing) * 4); }
.bb-bg-offset > div {
    position: relative;
    bottom: calc(var(--global-spacing) * -2);
    margin-top: calc(var(--global-spacing) * -2);
}

.bb-bg-offset + section {
    margin-top: calc(var(--global-spacing) * -4);
    padding-top: calc(var(--global-spacing) * 4);
}

.bb-bg-offset .bb-container,
.bb-bg-offset .bb-columns { margin-bottom: 0; }

.bb-columns.bb-panel { margin-right: unset; }

.bb-columns.bb-panel > * {
    margin-right: 0;
    margin-bottom: 0;
}

.bb-panel {
    background-color: #fff;
    box-shadow: 0 1.5rem 4rem -3rem;
    color: var(--first-color);
}

.bb-panel .bb-panel-text { padding: calc(var(--global-spacing)* 2); }

.bb-panel h2, .bb-panel p { color: var(--font-body-color); }

.bb-panel .bb-panel-img {
    position: relative;
    -ms-align-self: normal;
    align-self: normal;
}

.bb-panel .bb-panel-img img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img + .bb-img-caption {
    position: absolute;
    left: calc(var(--global-spacing) / 2);
    bottom: calc(var(--global-spacing) / 2);
}

/* Button */
.bb-button.bb-light-text:not(.bb-secondary-button) {
    background-color: white;
    color: var(--first-color) !important;
}

@media only screen and (max-width: 768px){
    .menu-header-menu-container { display: none; }
}