/*
Theme Name: Bonjour NYC
Version: 1.0.0
Description: Standalone WordPress theme for Bonjour New York, migrated from the Divi child theme bonjourNewYork.
Author: Menges Jean
Author URI: https://www.mengesjean.fr
Theme URI: https://jattendsunlien.fr
Update URI: https://jattendsunlien.fr/themes/bonjour-nyc/info
Text Domain: bonjour-nyc
Requires at least: 6.0
Requires PHP: 8.0
*/

:root {
    --bonjour-primary-color: #1C4375;
    --bonjour-secondary-color: #53B3B7;
    --bonjour-tiercary-color: #618FCB;
    --bonjour-h3: #53B3B7;
    --bonjour-comment-color: #1C4375;
    --bonjour-link-color: #53B3B7;
    --bonjour-button-color: #53B3B7;
    --bonjour-button-hover: #1C4375;
    --bonjour-round-button-hover: #53B3B7;
    --bonjour-default-h: #202956;
    --bonjour-default-card: rgba(83, 179, 183, 0.1);
    --bonjour-default-card-hover: rgba(83, 179, 183, 0.1);
    --bonjour-text-widget: #89B7F3;
    --bonjour-social-color: #53B3B7;
    --bonjour-social-color-hover: #618FCB;
    --bonjour-social-gradient: linear-gradient(180deg, #53B3B7 0%, #53B3B7 100%);
    --bonjour-footer-gradient: linear-gradient(180deg, #1E2B5A 0%, #000D3C 100%);
    --bonjour-footer-info: #618FCB;
    --bonjour-light-bg: #F5F7F8;
    --bonjour-button-action: linear-gradient(45deg, rgb(235, 100, 36) 38%, rgb(252, 120, 100) 100%);
    --bonjour-button-action-hover: linear-gradient(45deg, rgb(235, 100, 36) 38%, rgb(252, 120, 100) 100%);
    --bonjour-vignette-title: #1C4375;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.7rem;
}

ul, ol {
    list-style: none;
}

.et_pb_text_align_center {
    text-align: center;
}


/**
 * Base typography — replaces Divi's inline `body, input, textarea, select
 * { font-family: <body_font> }` injection. Fonts are loaded from Google
 * Fonts by inc/enqueue.php. These rules intentionally sit at the top of
 * style.css so bonjour-core.css (loaded after) can override per-element.
 */
body,
input,
textarea,
select {
    font-family: Mulish, Arial, Helvetica, sans-serif;
    color: rgb(102, 102, 102);
}

h1, h2, h3, h4, h5, h6 {
    font-family: Oswald, Impact, Arial, sans-serif;
}

a {
    text-decoration: none;
}

img.emoji {
    width: 1em;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
    display: inline;
}

.bonjour-section {
    position: relative;
    width: 100%;
    background-position: 50%;
    background-size: cover;
}

.bonjour-row {
    display: flex;
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
}

.bonjour-row > .bonjour-col {
    box-sizing: border-box;
    min-width: 0;
    padding: 0 15px;
}

.bonjour-col-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
}

.bonjour-col-2-3 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
}

.bonjour-col-1-3 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.bonjour-col-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
}

.bonjour-col-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
}

.bonjour-post-header {
    margin-bottom: 4.242%;
}

@media (max-width: 980px) {
    .bonjour-col-2-3, .bonjour-col-1-3,
    .bonjour-col-3-5, .bonjour-col-2-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#et_search_icon::before, #et_search_icon_mobile::before {
    content: url(assets/svg/search_loop.svg);
}

@media (min-width: 981px) {
    .home-header::after {
        background: url(assets/svg/dotted-line-home-header.svg) no-repeat;
        content: '';
        width: 77px;
        height: 169px;
        visibility: visible;
    }
}

.block-color:first-child::after {
    background: url(assets/svg/dotted-line-plane-home.svg) no-repeat;
    content: '';
    width: 353px;
    height: 200px;
}

.block-color:last-child::after {
    background: url(assets/svg/dotted-line-bed-home.svg) no-repeat;
    content: '';
    width: 253px;
    height: 227px;
}

.comment-reply-link::before {
    background: url(assets/svg/comment.svg) no-repeat;
    content: '' !important;
    width: 24px;
    height: 22px;
    visibility: visible;

}

.heart-icon::before {
    background: url(assets/svg/heart.svg) no-repeat;
    content: '';
    width: 16px;
    height: 14px;
    display: inline-block;
}

.newsletter-image::before {
    background: url(assets/svg/plane-newsletter.svg) no-repeat;
    content: '';
    display: inline-block;
    width: 440px;
    height: 137px;
}

.instagram-block a::before {
    background: url(assets/svg/instagram.svg) no-repeat;
    width: 24px;
    height: 23px;
    display: inline-block;
    content: '';
    visibility: visible;
}

.a-propos-section .et_pb_row::before {
    background: url(assets/svg/plane-author.svg) no-repeat;
    content: '';
    width: 280px;
    height: 303px;
    visibility: visible;
}

.round-button, .round-button:hover {
    border-radius: 150px !important;
}