/*!
Theme Name: chatchienbiose
Theme URI: https://wordpress.org/themes/chatchienbiose/
Author: Agence Be by Elementaire
Author URI: https://www.agence-be.fr
Description: A clean and simple theme for any blog.
Version: 1.0.1
Requires at least: WordPress 4.7
Tested up to: 5.5.1
*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {margin: 0}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {background-color: transparent}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
}
b,
strong {font-weight: bolder}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
small {font-size: 80%}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {bottom: -0.25em}
sup {top: -0.5em}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {padding: 0.35em 0.75em 0.625em}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {vertical-align: baseline}
textarea {overflow: auto}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details {display: block}
summary {display: list-item}
template {display: none}
[hidden] {display: none}

/**************************
 * Typography
 **************************/

@font-face {
    font-family: 'remachine';
    src: url('/wp-content/themes/chatchienbiose/fonts/remachinescript_personal_use-webfont.eot');
    src: url('/wp-content/themes/chatchienbiose/fonts/remachinescript_personal_use-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/chatchienbiose/fonts/remachinescript_personal_use-webfont.woff') format('woff'),
    url('/wp-content/themes/chatchienbiose/fonts/remachinescript_personal_use-webfont.ttf') format('truetype'),
    url('/wp-content/themes/chatchienbiose/fonts/remachinescript_personal_use-webfont.svg#remachine_script_personal_uRg') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'levenim';
    src: url('/wp-content/themes/chatchienbiose/fonts/lvnm-webfont.eot');
    src: url('/wp-content/themes/chatchienbiose/fonts/lvnm-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnm-webfont.woff2') format('woff2'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnm-webfont.woff') format('woff'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnm-webfont.ttf') format('truetype'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnm-webfont.svg#levenim_mtregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'levenimbold';
    src: url('/wp-content/themes/chatchienbiose/fonts/lvnmbd-webfont.eot');
    src: url('/wp-content/themes/chatchienbiose/fonts/lvnmbd-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnmbd-webfont.woff2') format('woff2'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnmbd-webfont.woff') format('woff'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnmbd-webfont.ttf') format('truetype'),
    url('/wp-content/themes/chatchienbiose/fonts/lvnmbd-webfont.svg#levenim_mtbold') format('svg');
    font-weight: normal;
    font-style: normal
}

body,
button,
input,
select,
optgroup,
textarea {
    color: #3d4852;
    font-family: "Muli", "system-ui", "BlinkMacSystemFont", "-apple-system", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
    font-size: 1rem;
    line-height: 1.6
}
@media screen and (min-width: 992px) {
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        font-size: 1.125rem
    }
}
@media screen and (min-width: 1600px) {
    body,
    button,
    input,
    select,
    optgroup,
    textarea {
        font-size: 1.25rem
    }
}
dfn, cite, em, i {font-style: italic}
p, blockquote, address, pre {
    margin-bottom: 1.5rem;
    margin-top: 0
}
p {
    text-align: justify;
}
q {font-style: italic}
pre {
    background-color: #f1f5f8;
    border-left: 8px solid #3d4852;
    border-radius: 4px;
    font-family: "Oxygen Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
    font-size: 1rem;
    max-width: 100%;
    overflow: auto;
    padding: 1rem;
    margin: 1.5rem 0
}
code, kbd, tt, var {
    font-family: "Oxygen Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"
}

abbr, acronym {cursor: help}

mark {
    background-color: #3d4852;
    color: #fff;
    text-decoration: none
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.2;
    margin: 1.5em 0 0.5em
}
h1, .h1 {font-size: 2rem}
@media screen and (min-width: 992px) {
    h1, .h1 {font-size: 2.75rem}
}
@media screen and (min-width: 1280px) {
    h1, .h1 {font-size: 4rem}
}
h2, .h2 {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    font-size: 1.2em;
    color: #d71149
}
@media screen and (min-width: 992px) {
    h2, .h2 {font-size: 1.2rem}
}
@media screen and (min-width: 1280px) {
    h2, .h2 {font-size: 1.2rem}
}
h3, .h3 {font-size: 1.5rem}
@media screen and (min-width: 992px) {
    h3, .h3 {font-size: 1.75rem}
}
@media screen and (min-width: 1280px) {
    h3, .h3 {font-size: 2rem}
}
h4, .h4 {font-size: 1.2rem}
@media screen and (min-width: 992px) {
    h4, .h4 {font-size: 1.5rem}
}
@media screen and (min-width: 992px) {
    h4, .h4 {font-size: 1.75rem}
}
h5, .h5 {font-size: 1.125rem}
@media screen and (min-width: 992px) {
    h5, .h5 {
        font-size: 1.25rem;
    }
}
@media screen and (min-width: 992px) {
    h5, .h5 {font-size: 1.5rem}
}
h6, .h6 {font-size: 1rem}
@media screen and (min-width: 992px) {
    h6, .h6 {font-size: 1.125rem}
}
@media screen and (min-width: 992px) {
    h6, .h6 {font-size: 1.25rem}
}
a {
    color: inherit;
    transition: 0.25s all ease-in-out
}
a:visited {color: #3d4852}
a:hover, a:active {outline: 0}
blockquote {
    background-image: url("./icons/blockquote.svg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    border-left: 8px solid #3d4852;
    font-size: 1.125em;
    margin: 1.5rem 0;
    padding: 2rem
}
blockquote cite,
blockquote .wp-block-quote__citation {
    display: block;
    font-size: 0.9em;
    text-align: right
}

/**************************
 * Basic HTML elements
 **************************/
html {box-sizing: border-box}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    color: #000;
    background: url(../chatchienbiose/images/bg.jpg) no-repeat top center;
    font-family: 'levenim', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-rendering: optimizeLegibility
}

hr {
    color: #9AACB6;
    margin: 1.5rem 0
}

ul, ol {
    margin: 1.5rem 0;
    padding-left: 2rem
}

li > ul,
li > ol {
    margin: 0
}

li {margin-top: 0.25rem}

dt {font-weight: bold}

dd {margin: 0 1.5rem 1.5rem}

img {height: auto;
    max-width: 100%
}

svg {fill: currentColor}

figure, table {
    margin: 2rem 0
}

figcaption {
    text-align: center;
    font-style: italic;
    font-size: smaller
}

table {
    border-collapse: collapse;
    border: 1px solid #58636F;
    width: 100%
}

thead, tfoot, th {
    background-color: #3d4852;
    color: white;
    text-align: left
}
thead a, tfoot a, th a {
    color: white
}
thead a:visited, tfoot a:visited, th a:visited {
    color: white
}
thead a:hover, thead a:focus, tfoot a:hover, tfoot a:focus, th a:hover, th a:focus {
    color: #3d4852;
    background-color: white
}

th, td {
    border: 1px solid #58636F;
    padding: 0.5rem
}

.table-wrapper {overflow: auto}

/**************************
 * Form elements
 **************************/
input,
textarea,
select {
    background-color: #f1f5f8;
    border: 1px solid #dae1e7;
    border-radius: 4px;
    max-width: 100%;
    padding: 0.25rem 0.75rem;
    transition: all 0.25s ease-in-out
}
input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #677783
}
input:hover, input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
    background-color: #dae1e7;
    box-shadow: 0 0 2px 2px #bac6d3;
    outline: none
}

textarea {width: 100%}

button,
.button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type=button],
input[type=reset],
input[type=submit] {
    align-items: center;
    background-color: #3d4852;
    border: 1px solid #3d4852;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    text-decoration: none;
    transition: all 0.25s ease-in-out
}
button:hover, button:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus {
    background-color: #58636F;
    box-shadow: 0 0 2px 2px #bac6d3
}
button:focus,
.button:focus,
.wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
    outline: 1px solid #3d4852
}
button:visited,
.button:visited,
.wp-block-button__link:visited,
.wp-block-file .wp-block-file__button:visited,
input[type=button]:visited,
input[type=reset]:visited,
input[type=submit]:visited {
    color: #fff
}
button.button-secondary,
.button.button-secondary,
.wp-block-button__link.button-secondary,
.wp-block-file .wp-block-file__button.button-secondary,
input[type=button].button-secondary,
input[type=reset].button-secondary,
input[type=submit].button-secondary {
    background-color: transparent;
    border-color: #3d4852;
    color: #3d4852
}
button.button-tertiary,
.button.button-tertiary,
.wp-block-button__link.button-tertiary,
.wp-block-file .wp-block-file__button.button-tertiary,
input[type=button].button-tertiary,
input[type=reset].button-tertiary,
input[type=submit].button-tertiary {
    background-color: transparent;
    border: none;
    color: #3d4852;
    text-decoration: underline
}
button svg,
.button svg,
.wp-block-button__link svg,
.wp-block-file .wp-block-file__button svg,
input[type=button] svg,
input[type=reset] svg,
input[type=submit] svg {
    fill: currentcolor;
    margin-left: 0.25rem
}
.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border-color: #3d4852;
    color: #3d4852
}
input[type=checkbox],
input[type=radio] {
    margin: 0 0.25rem
}
.big-button .wp-block-button__link {padding: 1rem 1.5rem}

/**************************
 * Media elements
 **************************/
.entry-footer {display: none}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.icon {
    height: 1.25rem;
    width: 1.25rem
}

.gallery {
    display: grid;
    margin-bottom: 1.5em
}

.gallery-columns-1 {grid-template-columns: 1fr}

.gallery-columns-2 {grid-template-columns: 1fr 1fr}

.gallery-columns-3 {grid-template-columns: 1fr 1fr}
@media screen and (min-width: 576px) {
    .gallery-columns-3 {grid-template-columns: repeat(3, 1fr)}
}

.gallery-columns-4 {grid-template-columns: repeat(2, 1fr)}
@media screen and (min-width: 576px) {
    .gallery-columns-4 {grid-template-columns: repeat(3, 1fr)}
}
@media screen and (min-width: 768px) {
    .gallery-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    .gallery-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.gallery-columns-5 {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 576px) {
    .gallery-columns-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 768px) {
    .gallery-columns-5 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    .gallery-columns-5 {
        grid-template-columns: repeat(5, 1fr);
    }
}

.gallery-columns-6 {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 576px) {
    .gallery-columns-6 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 768px) {
    .gallery-columns-6 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    .gallery-columns-6 {
        grid-template-columns: repeat(6, 1fr);
    }
}

.gallery-columns-7 {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 576px) {
    .gallery-columns-7 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 768px) {
    .gallery-columns-7 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    .gallery-columns-7 {
        grid-template-columns: repeat(7, 1fr);
    }
}

.gallery-columns-8 {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 576px) {
    .gallery-columns-8 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 768px) {
    .gallery-columns-8 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    .gallery-columns-8 {
        grid-template-columns: repeat(8, 1fr);
    }
}

.gallery-columns-9 {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 576px) {
    .gallery-columns-9 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 768px) {
    .gallery-columns-9 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 992px) {
    .gallery-columns-9 {
        grid-template-columns: repeat(9, 1fr);
    }
}

.gallery-item {
    align-items: center;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
}

.gallery-icon,
.gallery-caption,
.gallery-icon img {
    display: block;
}

.wp-caption {
    margin-bottom: 1.5rem;
    max-width: 100%;
}
.wp-caption a img {
    display: block;
}

.wp-caption-text {
    font-size: 0.875rem;
    margin: 0.5rem 0 0;
    text-align: center;
}

.wp-block-image .alignleft,
.alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.wp-block-image .alignright,
.alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

.alignwide,
.alignfull {
    width: auto;
    max-width: 100vw;
}

@media screen and (min-width: 992px) {
    .single.sidebar-bottom .alignwide,
    .single.sidebar-bottom .alignfull, .single.no-sidebar .alignwide,
    .single.no-sidebar .alignfull,
    .page.sidebar-bottom .alignwide,
    .page.sidebar-bottom .alignfull,
    .page.no-sidebar .alignwide,
    .page.no-sidebar .alignfull {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw)
    }
}
@media screen and (min-width: 1280px) {
    .single.sidebar-bottom .alignfull, .single.no-sidebar .alignfull,
    .page.sidebar-bottom .alignfull,
    .page.no-sidebar .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }
}

/**************************
 * Navigation bar
 **************************/
.primary-menu .menu-item:hover {
    background-color: transparent;
}
.primary-menu .menu-item:hover a {
    color: #fff
}
.navbar {
    clear: both;
    position: relative;
    z-index: 9998;
    background-color: #fff;
    max-width: 1260px;
    margin: 0 auto;
}
.site-header {
}
.hero,
.site-header {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 10px;
    max-width: 1260px;
    margin: 0 auto;
}
.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding: 1rem
}
.navbar-wrapper {
    align-items: center;
    justify-content: space-between;
    padding: 0
}
#siteBranding {
    margin: 0 auto 30px auto;
}
.site-branding {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    line-height: 1
}
.custom-logo-link {
    display: inline-block;
    line-height: 1;
    transition: all 0.25s ease-in-out
}
.custom-logo-link:hover, .custom-logo-link:focus {
    background-color: transparent;
    transform: scale(0.95)
}
.custom-logo {
    max-height: 300px;
    width: auto
}
.site-details {
    margin-left: 0.5rem
}
.site-title {
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0
}
.site-title a {
    text-decoration: none
}
.site-title a:hover, .site-title a:focus {
    color: #fff
}
.site-description {
    color: #677783;
    font-size: 0.75rem;
    margin: 0.25rem 0 0
}
.sidebar-menu-area {
    box-shadow: 0 4px 4px 1px #677783;
    background: #ffffff;
    height: 100vh;
    max-width: 450px;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 8px;
    transition: all 0.25s ease-in-out;
    visibility: hidden;
    width: 0;
    z-index: -10
}
@media screen and (min-width: 992px) {
    .sidebar-menu-area {
        background: transparent;
        border-top: none;
        box-shadow: none;
        height: auto;
        max-width: none;
        overflow-x: visible;
        position: static;
        visibility: visible;
        width: auto
    }
}
.sidebar-menu-area.open {
    visibility: visible;
    width: 80vw;
    z-index: 10
}
@media screen and (min-width: 992px) {
    .sidebar-menu-area.open {
        width: auto
    }
}
.admin-bar .sidebar-menu-area {
    margin-top: 46px
}
@media screen and (min-width: 782px) {
    .admin-bar .sidebar-menu-area {
        margin-top: 32px
    }
}
@media screen and (min-width: 992px) {
    .admin-bar .sidebar-menu-area {
        margin-top: 0
    }
}
.main-navigation,
.footer-menu-section {
    color: #677783
}
.main-navigation a {
    display: block;
    position: relative;
    height: 55px;
    margin: 0;
    padding: 0 0.9em;
    font-family: 'levenim', sans-serif;
    color: white;
    font-size: 19px;
    line-height: 55px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}
.footer-menu-section a {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    display: inline-block;
    font-size: 0.875rem;
    text-decoration: none;
    text-transform: uppercase
}
.footer-menu-section a:hover,
.footer-menu-section a:focus,
.footer-menu-section .current-menu-item a {
    color: #d71149
}
.toggle {
    background: transparent;
    border: none;
    padding: 0.25rem
}
.toggle:hover, .toggle:focus {
    background-color: #3d4852;
    color: white
}
.toggle:hover svg, .toggle:focus svg {
    fill: currentColor
}
.toggle svg {
    fill: #3d4852;
    margin: 0
}
@media screen and (min-width: 992px) {
    .menu-toggle {
        display: none
    }
}
.menu-section {
    background: #d71149 repeat-x;
    border-top: 10px solid #b2d234;
    align-items: flex-end;
    display: flex;
    padding: 0
}
.menu-header {
    align-items: center;
    border-top: none;
    display: flex;
    justify-content: space-between
}
@media screen and (min-width: 992px) {
    .menu-header {
        display: none
    }
}
.menu-title {
    text-transform: uppercase
}
.menu {
    list-style: none;
    padding: 0;
    margin: 0
}
.menu ul {
    list-style: none
}
.primary-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.menu-item,
.page_item {
    position: relative;
    margin-top: 0.5rem;
    color: #000;
}
@media screen and (min-width: 992px) {
    .menu-item,
    .page_item {
        margin-top: 0;
        margin-left: 0
    }
}
.sub-menu,
.menu-item-has-childen .children,
.page_item_has_children .children {
    font-size: 0.7rem;
    font-weight: normal
}
.sub-menu .menu-item,
.sub-menu .page_item,
.menu-item-has-childen .children .menu-item,
.menu-item-has-childen .children .page_item,
.page_item_has_children .children .menu-item,
.page_item_has_children .children .page_item {
    margin-top: 0.25rem
}
@media screen and (min-width: 992px) {
    .sub-menu,
    .menu-item-has-childen .children,
    .page_item_has_children .children {
        background-color: #786a5d;
        height: max-content;
        left: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        transition: opacity 0.25s ease-in-out;
        visibility: hidden;
        width: max-content;
        z-index: -10;
        color: white;
    }
    .sub-menu ul,
    .menu-item-has-childen .children ul,
    .page_item_has_children .children ul {
        position: inherit;
        padding: 0
    }
}
.sub-menu {padding: 0 0 20px 0}
.sub-menu a {
    display: block;
    position: relative;
    height: 40px;
    margin: 0;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}
.sub-menu a span {
    font-family: 'levenim', sans-serif;
    font-size: 18px;
    line-height: 55px;
    font-weight: normal
}
.sub-menu a:hover span {color: #fff}
.menu-item-has-children,
.page_item_has_children {
    position: relative;
}
.menu-item-has-children:hover .sub-menu,
.menu-item-has-children:hover .children, .menu-item-has-children:focus-within .sub-menu,
.menu-item-has-children:focus-within .children,
.page_item_has_children:hover .sub-menu,
.page_item_has_children:hover .children,
.page_item_has_children:focus-within .sub-menu,
.page_item_has_children:focus-within .children {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}

.social-menu {
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1;
    margin: 0.75rem 0;
}
.social-menu li {
    margin: 0;
}
.social-menu a {
    margin-right: 0.5rem;
}
@media screen and (min-width: 992px) {
    .social-menu {
        margin: 0 0 0 0.75rem;
    }
    .social-menu a {
        margin-left: 0.25rem;
        margin-right: 0;
    }
}

.topbar-nav {
    background-color: #3d4852;
}

.topbar-menu {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    line-height: 1;
}
.topbar-menu .menu-item {
    margin-left: 1rem;
}
.topbar-menu a {
    color: white;
    font-size: 0.75rem;
    text-decoration: none;
    text-transform: uppercase;
}
.topbar-menu a:hover, .topbar-menu a:focus {
    text-decoration: underline;
}

/**************************
 * Hero section
 **************************/
.hero {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 320px;
    overflow: hidden;
    text-align: center;
    word-break: break-word;
}

.hero img {
    display: block;
    margin: 0 auto;
}

.hero-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.main-info {
    margin: 4rem 0;
}

.main-title {
    margin: 0 0.25rem;
}

.main-meta {
    color: #677783;
    font-size: 0.875rem;
    margin: 1rem 0 0;
}

.hero-image-full .hero-image {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
}

@media screen and (min-width: 768px) {
    .hero-background .hero,
    .header-background .hero {
        height: 50vw;
        max-height: 992px;
    }
}

.hero-background.light-filter .main-meta,
.header-background.light-filter .main-meta {
    color: #58636F;
}
.hero-background.dark-filter .main-title,
.hero-background.dark-filter .main-meta,
.header-background.dark-filter .main-title,
.header-background.dark-filter .main-meta {color: #fff}
.hero-background.dark-filter .main-meta,
.header-background.dark-filter .main-meta {opacity: 0.9}

.header-background.light-filter .site-description {color: #58636F}
@media screen and (min-width: 992px) {
    .header-background.light-filter .main-navigation {color: #58636F}
}
.header-background.dark-filter .site-title,
.header-background.dark-filter .site-description {
    color: #fff
}
.header-background.dark-filter .site-description {opacity: 0.9}
.header-background.dark-filter .icon-menu {fill: #fff}
@media screen and (min-width: 992px) {
    .header-background.dark-filter .main-navigation {color: #fff}
    .header-background.dark-filter .main-navigation a {opacity: 0.9}
    .header-background.dark-filter .main-navigation a:hover,
    .header-background.dark-filter .main-navigation a:focus,
    .header-background.dark-filter .main-navigation .current-menu-item a {
        color: #fff;
        opacity: 1;
        border-bottom-color: #fff
    }
    .header-background.dark-filter .main-navigation .sub-menu,
    .header-background.dark-filter .main-navigation .children {
        color: #677783
    }
    .header-background.dark-filter .main-navigation .sub-menu a:hover, .header-background.dark-filter .main-navigation .sub-menu a:focus,
    .header-background.dark-filter .main-navigation .children a:hover,
    .header-background.dark-filter .main-navigation .children a:focus {
        background-color: transparent;
        border-bottom-color: #3d4852;
        color: #3d4852
    }
}

/**************************
 * Content area
 **************************/
.site {
    overflow: hidden;
    /*max-width: 1275px;*/
    margin: 0 auto;
    padding: 0
}
.content-area {
    margin: -20px auto 30px auto;
    max-width: 1260px
}
@media screen and (min-width: 992px) {
    .single.no-sidebar.hero-background .content-area,
    .single.no-sidebar.header-background .content-area,
    .single.sidebar-bottom.hero-background .content-area,
    .single.sidebar-bottom.header-background .content-area,
    .page.hero-background .content-area,
    .page.header-background .content-area {
        margin-top: -100px;
        z-index: 100
    }
}
@media screen and (min-width: 1280px) {
    .single.no-sidebar.hero-background .content-area,
    .single.no-sidebar.header-background .content-area,
    .single.sidebar-bottom.hero-background .content-area,
    .single.sidebar-bottom.header-background .content-area,
    .page.hero-background .content-area,
    .page.header-background .content-area {
        margin-top: -150px
    }
}
@media screen and (min-width: 992px) {
    .sidebar-left .content-area,
    .sidebar-right .content-area {
        display: grid;
        grid-auto-flow: row dense
    }
}
@media screen and (min-width: 1280px) {
    .sidebar-left .content-area,
    .sidebar-right .content-area {
        grid-gap: 3rem;
    }
}
@media screen and (min-width: 992px) {
    .sidebar-right .content-area {grid-template-columns: minmax(0, 2fr) 1fr}
}
.sidebar-left .content-area {grid-template-columns: 1fr minmax(0, 2fr)}
@media screen and (min-width: 992px) {
    .sidebar-left .main-content {grid-column-start: 2}
}
.content-wrapper {
    margin: 0 auto;
    background-color: #fff;
    padding: 20px 40px 0 40px;
}
.home .content-wrapper {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content-wrapperBottom {
    margin: 60px auto 0 auto;
    background-color: transparent;
}
@media screen and (min-width: 1600px) {
    .sidebar-left .content-wrapper,
    .sidebar-right .content-wrapper {
        max-width: none
    }
}
.single .hentry {margin-bottom: 0}
.post-title {
    margin: 0.5em 0;
    font-size: 2.1em;
    color: #70655a;
    word-break: break-word;
    font-weight: 700;
    line-height: 1.0em;
    word-wrap: break-word
}
.post-thumbnail {
    display: block;
    margin: -1rem -1rem 1rem -1rem
}
@media screen and (min-width: 992px) {
    .post-thumbnail {margin: -1.5rem -1.5rem 1.5rem -1.5rem}
}
.post-thumbnail img {
    display: block;
    margin: 0 auto
}
@media screen and (max-width: 576px) {
    .post-title {font-size: 1.25rem}
}
.post-meta {
    color: #677783;
    font-size: 0.75rem;
    margin: 0
}
.post-meta a {color: inherit}
.post-meta a:hover, .post-meta a:focus {color: white}
.post-meta-item {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    margin-right: 1rem
}
.post-meta-item .icon {margin-right: 0.5rem}
.published:not(.updated) {display: none}
.date-hidden .posted-on,
.author-hidden .byline,
.categories-hidden .categories,
.tags-hidden .tags,
.comment-hidden .comment-link {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}
.seperator {
    display: inline-block;
    margin: 0 0.25rem
}
.small-thumbnail {
    border-top: none;
    border-left: 8px solid #3d4852
}
.small-thumbnail .post-header {
    align-items: center;
    display: flex
}
.small-thumbnail .post-thumbnail {
    flex-basis: 75px;
    flex-shrink: 0;
    margin: 0 1rem 0 0
}
.small-thumbnail .post-thumbnail img {
    display: block;
    max-width: 75px
}
@media screen and (min-width: 768px) {
    .small-thumbnail .post-thumbnail {flex-basis: 100px}
    .small-thumbnail .post-thumbnail img {max-width: 100px}
}
@media screen and (min-width: 992px) {
    .small-thumbnail .post-thumbnail {margin-right: 1.5rem}
}
@media screen and (min-width: 1280px) {
    .small-thumbnail .post-thumbnail {flex-basis: 150px}
    .small-thumbnail .post-thumbnail img {max-width: 150px}
}
.small-thumbnail.has-post-thumbnail .post-header {margin-bottom: 1.5rem}
.small-thumbnail.has-post-thumbnail .post-title {margin: 0}
.post-content {word-wrap: break-word}
.more-link {
    display: inline-block;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase
}
.post-footer {
    border-top: 1px solid #dae1e7;
    clear: both;
    color: #677783;
    font-size: 0.75rem;
    padding: 1rem 0
}
@media screen and (min-width: 576px) {
    .post-footer {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end
    }
    .post-footer .edit-link {margin-left: 1.5rem}
}
:not(.logged-in).comment-hidden.tags-hidden .post-footer {display: none}
.tags,
.edit-link,
.comment-link,
.reply-link {
    align-items: center;
    display: flex;
}
.tags .icon,
.edit-link .icon,
.comment-link .icon,
.reply-link .icon {margin-right: 0.5rem}
.tags {margin-right: auto}
.sticky {
    background-color: #3d4852;
    color: white
}
.sticky .post-meta,
.sticky .post-footer,
.sticky a:visited {
    color: white
}
.sticky a:hover, .sticky a:focus {
    background-color: white;
    color: #3d4852
}
#infinite-handle span {font-size: inherit}
.infinite-scroll .posts-navigation {display: none}

/**************************
 * Gutenberg Blocks
 **************************/
p.has-background {padding: 1.5rem}
.has-darkest-grey-background-color {background-color: #3d4852}
.has-darkest-grey-color {color: #3d4852}
.has-dark-grey-background-color {background-color: #58636F}
.has-dark-grey-color {color: #58636F}
.has-grey-background-color {background-color: #677783}
.has-grey-color {color: #677783}
.has-light-grey-background-color {background-color: #bac6d3}
.has-light-grey-color {color: #bac6d3}
.has-lightest-grey-background-color {background-color: #f1f5f8}
.has-lightest-grey-color {color: #f1f5f8}
.has-small-font-size {font-size: 0.875rem}
@media screen and (min-width: 992px) {
    .has-small-font-size {font-size: 1rem}
}
.has-lead-font-size {font-size: 1.125rem}
@media screen and (min-width: 992px) {
    .has-lead-font-size {font-size: 1.25rem}
}
@media screen and (min-width: 1600px) {
    .has-lead-font-size {font-size: 1.5rem}
}
.has-large-font-size {font-size: 1.25rem}
@media screen and (min-width: 992px) {
    .has-large-font-size {font-size: 1.5rem}
}
@media screen and (min-width: 1600px) {
    .has-large-font-size {font-size: 1.75rem}
}
.has-very-large-font-size {font-size: 1.5rem}
@media screen and (min-width: 992px) {
    .has-very-large-font-size {font-size: 1.75rem}
}
@media screen and (min-width: 1600px) {
    .has-very-large-font-size {font-size: 2rem}
}

.has-huge-font-size {font-size: 1.75rem}
@media screen and (min-width: 992px) {
    .has-huge-font-size {font-size: 2rem}
}
@media screen and (min-width: 1600px) {
    .has-huge-font-size {font-size: 2.75rem}
}

.wp-block-media-text,
.wp-block-archives-dropdown {margin-bottom: 1.5rem}

.wp-block-column {
    margin-bottom: 1.5rem;
    padding: 1rem
}
@media screen and (min-width: 992px) {
    .wp-block-column {padding: 1.5rem}
}
@media screen and (min-width: 782px) {
    .wp-block-column:not(:first-child) {margin-left: 0}
}

.wp-block-media-text {display: block}
@media screen and (min-width: 992px) {
    .wp-block-media-text {display: grid}
}

.wp-block-spacer {clear: both}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 1.5rem 0;
    padding: 2rem
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {font-size: 1.125em}

.wp-block-pullquote {
    border-bottom: 8px solid;
    border-top: 8px solid
}
.wp-block-pullquote blockquote {border-left: none}

.wp-block-separator {max-width: 200px}
.wp-block-separator.is-style-wide {max-width: none}
.wp-block-separator.is-style-dots:before {
    letter-spacing: 1em;
    font-size: 2.75rem
}

.wp-block-table.is-style-stripes {border: none}
.wp-block-table.is-style-stripes tr {background: #f1f5f8}
.wp-block-table.is-style-stripes tr:nth-child(even) {background-color: transparent}

.video-player {margin: 1.5rem 0}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/***********************************
 * Pagination and posts navigation
 ***********************************/
.navigation,
.pagination {background-color: white}

.nav-links,
.page-links {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    justify-content: center;
    margin-bottom: 3rem;
    padding: 1rem 0;
    text-transform: uppercase
}
@media screen and (min-width: 992px) {
    .nav-links,
    .page-links {padding: 1.5rem 0}
}

.comment-navigation .nav-links {
    padding-left: 0;
    padding-right: 0
}

.page-links a,
.nav-links a,
.current {
    align-items: center;
    display: inline-flex;
    margin: 0 0.25rem;
    padding: 0 0.5rem
}

.current {
    background: #3d4852;
    color: white
}

.link-text {margin: 0 0.25rem}

.nav-previous,
.nav-next {
    align-items: center;
    display: flex
}
.nav-previous a,
.nav-next a {
    margin: 0
}

.nav-previous {margin-right: auto}

.nav-next {margin-left: auto}

@media screen and (max-width: 576px) {
    .prev span,
    .next span {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        width: 1px;
        word-wrap: normal !important
    }
}
/**************************
 * Comments area
 **************************/
.comments-area {
    background: white;
    border-top: 8px solid #3d4852
}

.comment-reply-title,
.comments-title {margin-top: 0}

.comment-notes {
    color: #677783;
    font-size: 0.875rem
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-url label,
.comment-form-email label {
    display: block
}

.comment-list {
    list-style: none;
    margin-bottom: 3rem;
    padding: 0
}

.children {list-style: none}

.comment-body {
    border-left: 8px solid #3d4852;
    margin-bottom: 1.5rem
}

.comment-author {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem
}
.comment-author .avatar {
    border-radius: 50%;
    max-width: 64px;
    margin-right: 1rem
}

.bypostauthor .avatar {
    border: 4px solid #3d4852;
    max-width: none
}

.comment-author-name {
    display: block;
    margin: 0 0 0.25em
}

.comment-date {
    color: #677783;
    display: block;
    font-size: 0.875rem
}

.comment-footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

/**************************
 * Footer
 **************************/
.modal {
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out
}
.modal.open {
    visibility: visible;
    overflow: auto;
    opacity: 1
}
.site-footer {
    width: 100%;
    font-size: 11px;
    line-height: 1.5em;
    clear: both;
    margin: 0 auto;
    padding: 0 25px 0 25px;
    background: white;
    box-sizing: border-box;
    border-bottom: 80px solid #d71149;
}
.footer-wrapper {text-align: center}
@media screen and (min-width: 768px) {
    .footer-wrapper {
        display: flex;
        text-align: left
    }
}
@media screen and (min-width: 992px) {
    .footer-wrapper {
        height: fit-content;
        align-items: center;
        padding: 1rem;
        max-width: 1260px;
        margin: 0 auto -50px auto;
        background-color: white;
        z-index: 999;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}
.footer-menu-section a {
    border-top: none;
    font-size: 0.75rem;
    color: #786b5d;
}
@media screen and (min-width: 768px) {
    .footer-menu-section {text-align: right}
}
.footer-menu-section {
    align-items: flex-start;
    justify-content: flex-end;
    display: flex;
    width: 100%;
}
.footer-menu {margin-top: 1rem}
.footer-menu .menu-item {
    display: block;
    margin: 0 0.25rem
}
.footer-menu .current-menu-item a {border-bottom-color: transparent}
.footer-social-menu {margin: 0}
#sceau_vox {margin: -45px 100px 0 100px}
.poweredBy {float: right; margin-right: 20px}
@media  screen and (min-width: 768px) {
    .footer-menu {
        margin-top: 0;
        text-align: left;
        width: 40%;
    }
    .footer-social-menu {margin-left: 0.5rem}
    #sceau_vox {
        margin: -30px 30px 0 30px;
        width: 40%;
    }
}
#footerLogo img {
    max-width: 250px;
}
/**************************
* Widgets
**************************/
#widgets {
    border-top: 10px solid #bccf15;
    padding: 20px 0 0 0;
}
#widgets, #widgetsBottom {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1FR 1FR 1FR;
    grid-gap: 2rem;
}
.widget {
    width: 100%;
    background-color: white;
}
.widgetBottom {
    width: 100;
    margin-bottom: 70px;
    background-color: transparent;
    flex-direction: row;
}
.footer-widgets-wrapper {max-width: 1600px}

@media screen and (max-width: 768px) {
    #widgets, #widgetsBottom {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .widget {
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
    }
    #home_widget_1 {margin-right: 0}
    #home_widget_2 {margin-right: 0}
    .widgetBottom {
        width: 100%;
        margin-bottom: 70px;
        background-color: transparent;
        flex-direction: row;
    }
    #footerLogo {margin: -55px 100px 0 0}
    .footer-menu-section {text-align: left; line-height: 1.4em}
}
.box_galerie1 {
    background: url(/wp-content/themes/chatchienbiose/images/IMG_GaleriePhoto01.jpg) no-repeat 0 0;
    width: 100%;
    height: 100px;
    margin-bottom: 20px
}
.box_galerie2 {
    background: url(/wp-content/themes/chatchienbiose/images/IMG_GaleriePhoto02.jpg) no-repeat 0 0;
    width: 100%;
    height: 100px;
    margin-bottom: 20px
}
.box_galerie3 {
    background: url(/wp-content/themes/chatchienbiose/images/IMG_GaleriePhoto03.jpg) no-repeat 0 0;
    width: 100%;
    height: 100px;
    margin-bottom: 20px
}
.box_galerie2 a, .box_galerie1 a, .box_galerie3 a {
    display: block;
    width: 100%;
    height: 100%;
}
.socialImages img {
    display: block;
    margin: 0 auto;
}
.widget-title {
    display: block;
    word-break: break-all
}
.widget-wrapper {
    position: relative;
}
.widgetBottom-wrapper {margin: 0 40px}
.widget-wrapper h2 {
    color: #796c5c;
    text-align: center;
    font-weight: 900;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-size: 1.5em;
}
.widget-wrapper h3 {
    color: #bccf15;
    text-align: center;
    font-weight: normal;
    font-size: 1.1em;
    max-width: 80%;
    margin: 0.2em auto;
    height: 60px;
    overflow: hidden;
}
.widget-wrapper p {
    color: #666666;
    line-height: 1.5;
    text-align: justify;
    word-wrap: break-word;
    padding: 0.5rem;
    height: 80px;
    overflow: hidden;
}
.widgetBottom-wrapper p {
    color: #666666;
    line-height: 1.5;
    text-align: justify;
    word-wrap: break-word
}
.widgetBottom-wrapper .title {
    font-family: 'levenimbold', sans-serif;
    text-transform: uppercase;
    color: #444c50;
    font-size: 28px;
    border-bottom: 1px solid #444c50;
    padding-bottom: 7px;
    margin: 0 0 20px 0;
}
.widgetBottom-wrapper h3 {
    color: #d71149;
    font-family: 'levenimbold', sans-serif;
    display: block;
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    text-align: left;
}
.widgetBottom-wrapper #retrouver_fb {
    color: #09357a;
    font-size: 22px;
    text-align: center;
}
.widgetBottom-wrapper #retrouver_fb a {
    font-weight: 700;
    text-decoration: none;
}
.widget-wrapper::after {
    clear: both;
    display: table;
    content: " ";
}
.widget-wrapper a.bt_savoirplus,
.widgetBottom-wrapper a.bt_savoirplus {
    display: block;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    width: 119px;
    height: 119px;
    background-image: url(/wp-content/themes/chatchienbiose/images/bt_savoirplus.png);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin: 0 auto -20px auto;
    text-decoration: none;
    color: #d8114a;
    padding: 50px 0 0 0;
    line-height: 16px;
}
.widget_nav_menu .sub-menu,
.widget_nav_menu .children {
    position: static;
    opacity: 1;
    visibility: visible;
    padding: 0 0 0 1rem
}
#secondary {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding: 62px 0 0 50px;
}
@media  screen and (max-width:992px)  {
    #secondary {display: none !important;}
    #content-wrapper article {
        width: 100% !important;
        display: inline-block;
        min-height: 350px;
        padding: 45px 0 0 0;
    }
}
@media  screen and (max-width:768px)  {
    #secondary {display: none !important;}
    #content-wrapper article {
        width: 100% !important;
        display: inline-block;
        min-height: 350px;
        padding: 45px 0 0 0;
    }
    #sceau_vox {
        margin: 5px 10px 0 60px;
        display: block ruby;
        flex-direction: column;
    }
    .site-footer {height: 320px}
    #sceau_vox {
        margin: 5px 10px 0 60px;
        display: block ruby;
    }
    .poweredBy {
        display: ruby;
        position: absolute;
        margin: 170px auto 0 auto;
    }
    a.newsAll {
        text-align: left !important;
        display: block;
    }
}
#content-wrapper article {
    width: 65%;
    display: inline-block;
    min-height: 350px;
    padding: 45px 0 0 0;
}
#secondary .widget_block {
    width: 100%;
}
#secondary .widgets-wrapper {padding: 0}
/**************************
 * Other helper classes
 **************************/
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.skip-link:focus {
    border-radius: 4px;
    clip: auto !important;
    clip-path: none;
    display: block;
    font-weight: bold;
    height: auto;
    left: 10px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 18px;
    width: auto;
    z-index: 100000
}
.single #content {background: #fff}
.single #content-wrapper article,
.single #secondary {width: 100%}
.single #secondary .wrapper {padding: 20px 20px 10px 20px;}
/* OVERRIDE */
.wp-block-search__inside-wrapper {margin-bottom: 50px}
.wp-block-search .wp-block-search__input {height: 40px}
.wp-block-search .wp-block-search__button {height: 40px}
#newsContainer {
    width: 65%;
    display: inline-block;
    background: #fff;
}
#newsContainer h1 {font-size: 2rem}
.page-template-blog #content-wrapper {background: #fff;}
.thisNews {padding: 10px;}
.titleNews,
#newsContainer a {
    text-decoration: none;
    font-weight: 900;
    display: block;
    margin: 0 0;
}
#newsContainer a:hover,
.titleNews:hover {color: #000;}
.newsPicture {
    margin: 0 auto 20px auto;
    max-height: 200px;
    display: block;
    width: fit-content;
}
.textwidget {line-height: 1.4em}
a.newsAll {
    font-size: 0.5em;
    text-decoration: none;
    color: #d71149;
    text-transform: none;
    font-weight: 300;
    text-align: right;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {outline: 0}
.small-caps {
    color: #58636F;
    font-size: 0.875rem;
    margin: 0;
    text-transform: uppercase;
}
.caps {text-transform: uppercase}
.pt-xl {padding-top: 3rem !important}
.pb-xl {padding-bottom: 3rem !important}
.pt-2xl {padding-top: 4rem !important}
.pb-2xl {padding-bottom: 4rem !important}
.mt-lg {margin-top: 2rem !important}
.mb-lg {margin-bottom: 2rem !important}
.mt-2xl {margin-top: 4rem !important}
.mb-2xl {margin-bottom: 4rem !important}
.inline-block {display: inline-block}

.metaslider .caption-wrap {
    background-color: #d8114a !important;
    color: white !important;
    width: fit-content !important;
    padding: 18px 12px;
    opacity: 1 !important;
}
.metaslider .caption-wrap a {
    color: white !important;
    text-decoration: none !important;
}

/*# sourceMappingURL=style.css.map */