/*********************/
/* Boldbase Library */
/*******************/

/* Hero left aligned */

[class*='bb-hero'] { padding-top: calc(var(--global-spacing, 2rem) + var(--header-height, 4rem)); }

.bb-hero-left [class*='bb-columns'] { -ms-align-items: center; align-items: center; }

.bb-hero-left .bb-1-2:first-child { padding: var(--global-spacing, 2rem) 0; }

.bb-hero-left .bb-1-2:first-child h1 { margin-bottom: .35em; }

.bb-hero-left .bb-1-2:first-child p {
    font-size: 1.1em;
    margin-bottom: 1.4em;
    max-width: 680px;
}

@media only screen and (max-width: 960px) {
    .bb-hero-left .bb-1-2:first-child { padding: calc(var(--global-spacing, 2rem) / 2) 0; }
}

@media only screen and (max-width: 480px) {
    .bb-hero-left .bb-1-2:first-child { padding: 0; }
}

/* End hero left aligned */
/************************/
/* 2 column alternating */

.bb-2-col-alt [class*='bb-columns'] > div > *:first-child { margin-bottom: .75rem; }
.bb-2-col-alt [class*='bb-columns'] > div > p + a { margin-top: 1rem; }
