/* Bonjour NYC — hero.css
 * Rules for the head-header / et_pb_section_0_tb_body section.
 * Shared between the single-article hero (template-parts/single/hero.php)
 * and the category-archive hero (template-parts/category/hero.php).
 * Extracted from single.css.
 */

@media (max-width: 768px) {
    .et_pb_section_0_tb_body {
        min-height: 556px !important
    }
}

@media (min-width: 982px) {
    .et_pb_section.et_pb_section_0_tb_body.head-header {
        padding-top: 186px !important;
        padding-bottom: 94px !important
    }
}

/* Hero background image is set inline on the section element — see hero.php. */
.et_pb_section_0_tb_body {
    min-height: 460px
}

.et_pb_section_0_tb_body.et_pb_section {
    padding-top: 94px;
    padding-bottom: 94px
}

.et_pb_section_0_tb_body:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #fff 6.63%, rgba(255, 255, 255, 0) 34.19%), linear-gradient(0deg, rgba(0, 0, 0, .238) 2.13%, rgba(0, 0, 0, 0) 52.5%);
    top: 0;
    left: 0
}

.et_pb_row_0_tb_body.et_pb_row {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.et_pb_row_0_tb_body, body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row {
    max-width: 1042px
}

.et_pb_text_0_tb_body.et_pb_text {
    color: #fff !important
}

.et_pb_text_0_tb_body h1 {
    font-size: 62px;
    color: #fff !important;
    letter-spacing: .02em;
    line-height: 120%;
    text-align: center
}

.et_pb_text_0_tb_body {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
    text-shadow: 0 3px 5px rgba(17, 37, 64, .2)
}