/**!
 * Ebea CSS
 */

/* CSS DIRECTORY
	1. = TYPOGRAPHIE
	2. = OTHERS
	3. = SIDEBAR
	4. = BLOG
	5. = WP ELEMENTS
	6. = FOOTER
	7. = GENERAL STRUCTURE
	8. = MAINTENANCE
*/

/* ===============
   1. TYPOGRAPHIE
   =============== */

    h1, h2, h3, h4, h5, h6 {
        margin-bottom: .8rem;
        margin-top: .8rem;
    }

    blockquote {
        position: relative;
        border: 1px solid grey;
        padding: 23px 30px 30px 21px;
        margin: 1rem 0 1rem;
    }
    blockquote:before {
        color: grey;
        content: open-quote;
        content: "“";
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }
    blockquote p {
        display: inline;
    }

    article ul, article ol {
        margin-top: 1rem;
    }

/* ===============
   2. OTHERS
   =============== */

.jumbotron {
    border-radius: 0px;
}

.navbar .navbar-logo {
    max-height: 30px;
}

.site-header-image {
    display: block;
    margin: auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}

.bypostauthor {}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    clear: both;
    display: block;
}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

/* Responsive Container (because Bootstrap 4.0.0 doesn't have this) */

.container-responsive {
    width: 100%;
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navbar > .container-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-responsive {
    padding-right: 0;
    padding-left: 0;
}
.navbar > .container,
.navbar > .container-responsive {
    max-width: 1110px;
}

/* Author bio */

.author-bio .avatar {
    border: 1px solid #dee2e6;
    border-radius: 50%;
}

/* ===============
   3. SIDEBAR
   =============== */

    /* Hide form placeholders on focus */

    input:focus::-webkit-input-placeholder { color: transparent; }
    input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
    input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
    textarea:focus::-webkit-input-placeholder { color: transparent; }
    textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
    textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* ===============
   4. BLOG
   =============== */

    /* General */

    body:not(.elementor-page) main.container {
        margin-top: 40px !important;
    }

    .blog-main {
        display: inline-block;
    }

    /* Comments (base) */

    #comments,
    #reply-title {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .commentlist,
    .commentlist ul {
        padding-left: 0;
    }

    .commentlist li {
        padding: 1rem;
    }

    .comment-meta {
        margin-bottom: 1rem;
    }
    .commentlist .children {
        margin-top: 1rem;
    }

    /* Comments (updated) */

    div.comment {
        border: 1px solid grey;
        padding: 10px;
        margin-top: 10px;
    }

    div.comment p.metadata {
        font-size: 0.8em;
        margin-bottom: 0px;
    }

    div.comment img.author-avatar {
        float: left;
        width: 50px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

/* ===============
   5. WP ELEMENTS
   =============== */

    /* WP Gallery */

    .gallery .gallery-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Images with or without captions */

    .wp-caption {
        border: 1px solid #e1e1e1;
    }

    .wp-caption img {
        width: 100%;
    }

    .wp-caption .wp-caption-text {
        padding: 5px;
    }

    .wp-caption p {
        margin-bottom: 0rem;
    }

    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .alignleft {
        float: left;
        margin: 0.5em 1em 0.5em 0;
    }

    .alignright {
        float: right;
        margin: 0.5em 0 0.5em 1em;
    }

    /* WP Blockcode */

    .wp-block-code {
        padding: 10px;
        background-color: #f7f7f7;
    }

    /* WP Blockquotes */

    .wp-block-pullquote cite,
    .wp-block-quote cite {
        display: block;
    }

    .wp-block-quote.is-large, .wp-block-quote.is-style-large {
        border: none
    }

    /* WP Table */

    .wp-block-table table td {
        border: 1px solid #cacaca;
        padding: 3px;
    }

    .wp-block-table figcaption {
        text-align: center;
    }

/* ===============
   6. FOOTER
   =============== */

    /* Centered text footer */

    footer div.row {
        display: block;
    }

/* ===============
   7. GENERAL STRUCTURE
   =============== */

    .elementor-section.elementor-section-stretched {
        width: 100% !important;
    }

/* ===============
   8. MAINTENANCE MODE
   =============== */

    body.page-maintenance {
        background-color: #EBEBEB;
    }