
.grecaptcha-badge {
    visibility: hidden!important;
}
.print_icon {
    width: 1.3rem;
}
@media screen and (max-width: 640px) {
    .print_icon {
    width: 1.1rem;
    }
}
@media screen and (max-width: 640px) {
    .haiiku cite {
    padding-left: .2em !important;
    font-size: 1rem !important;
    }
}
.block-haiiku-text .texts li span {
    font-size: 1.2em;
    font-weight: 700;
}
.user_title{
    font-size: 1.5rem;
    color: #C2BEBD;
    background-color: transparent;
    font-family: 'butler_stencilbold';
    margin-right: 0rem;
    margin-bottom: 0rem;
    line-height: normal;
}
.filter_count{
    display: flex;
    flex-direction: row;
}
.swiper_message{
    display: none;
    width: 100%;
    height: 100px;
    justify-content: center;
}
.back_to_top{
    cursor: pointer;
    z-index: 100000;
    background-color: white;
    position: fixed;
    top: 0;
    flex-direction: column;
    box-sizing: border-box;
    
    overflow: hidden;
    
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    height: auto !important;
    border-width: 0.5px;
    border-radius: 5px;
    
    
    padding: 0.5rem;
    left: 0;
    display: none;
}
.hidden_field{
    display: none;
    visibility: hidden;
}
@media screen and (max-width: 640px) {
    .mw12 {
    width: 84%!important;
    }
}
.iconCont {
    display: inline-flex;
    
    align-items: center;
    
    justify-content: center;
    
    width: 24px;
    
    height: 24px;
    
}
.nc-icon-wrapper {
    stroke: #000;
    
}
.sentinel{
    height: 20px;
    
}
#tot_flowers_icon{
    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    
    color: #333;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0.1em;
    margin-left: 5px;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .menu_mobile {
    top: 10%;
    }
}
meta[name="viewport"] {
    content: "width=device-width, initial-scale=1.0";
}
.hidden_anchor_link{
    visibility: hidden;
}
.printhaiiku {
    cursor: pointer;
    font-size: 0.7rem;
    display: flex;
    text-decoration: underline;
    margin-left: auto;
    
    align-items: center;
    
    justify-content: flex-end;
    
    padding-right: 20px;
}

.loading_s {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1.0);
    
    z-index: 10;
    
    border-radius: 8px;
    
}

.loading_s::before {
    content: '';
    width: 60px;
    
    height: 60px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
    transform: rotate(0deg);
    }
    100% {
    transform: rotate(360deg);
    }
}
.loading_print_haiiku_s {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}


#time-menu .sm-clean a .sub-arrow {
    display: none;
}

#time-menu {
    height: 200px !important;
    
    overflow-y: auto;
    
    scrollbar-width: none;
    
    -ms-overflow-style: none;
    
    scroll-snap-type: y mandatory;
    
    mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
    
    padding: 20px 0;
    
    position: relative;
}

#time-menu::-webkit-scrollbar {
    display: none;
}

#main-time-menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    
    align-items: center !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

#main-time-menu li {
    flex: 1 !important;
    text-align: center !important;
    scroll-snap-align: center;
    
    opacity: 0.5;
    
    transition: opacity 0.3s ease;
    
}

#main-time-menu li:focus,#main-time-menu li:hover {
    opacity: 1;
    
    font-weight: bold;
    
    cursor: pointer;
}

#main-time-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
    text-decoration: none !important;
    font-family: 'butler_stencilextrabold'!important;
}

#main-time-menu li a:hover {
    background-color: #f0f0f0 !important;
    color: #333 !important;
}

#main-time-menu li a.year {
    font-weight: bold !important;
    color: #000 !important;
}

#main-time-menu li a.month {
    font-weight: normal !important;
    color: #666 !important;
}



@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    }
    40% {
    transform: translateY(-4px);
    }
    60% {
    transform: translateY(-2px);
    }
}


.sm{
    box-sizing: border-box;
    position: relative;
    z-index: 9999;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sm,.sm ul,.sm li{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align:left;
}
.sm-rtl,.sm-rtl ul,.sm-rtl li{
    direction: rtl;
    text-align:right;
}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{
    margin: 0;
    padding: 0;
}
.sm ul{
    display: none;
}
.sm li,.sm a{
    position: relative;
}
.sm a{
    display: block;
}
.sm a.disabled{
    cursor:default;
}
.sm::after{
    content: "";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    overflow: hidden;
}
.sm *,.sm *::before,.sm *::after{
    box-sizing: inherit;
}

@media (min-width: 300px) {
    
    #main-menu {
    -webkit-font-smoothing: subpixel-antialiased;
    }
    
    #main-menu ul.show-animation {
    -webkit-animation: show-animation 0.2s;
    animation: show-animation 0.2s;
    }
    @-webkit-keyframes show-animation {
    0% {
    -webkit-transform: scale3d(0, 0, 1);
    opacity: 0;
    }
    60% {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    }
    100% {
    -webkit-transform: scale3d(1, 1, 1);
    opacity: 1;
    }
    }
    @keyframes show-animation {
    0% {
    transform: scale3d(0, 0, 1);
    opacity: 0;
    }
    60% {
    transform: scale3d(1.05, 1.05, 1);
    }
    100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    }
    }
    
    #main-menu ul.hide-animation {
    -webkit-animation: hide-animation 0.2s;
    animation: hide-animation 0.2s;
    }
    @-webkit-keyframes hide-animation {
    0% {
    -webkit-transform: scale3d(1, 1, 1);
    opacity: 1;
    }
    100% {
    -webkit-transform: scale3d(0, 0, 1);
    opacity: 0;
    }
    }
    @keyframes hide-animation {
    0% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    }
    100% {
    transform: scale3d(0, 0, 1);
    opacity: 0;
    }
    }
}

.block-haiiku-user{
    height: 100%;
}
.user_empty{
    width: 100%;
    height: 100%;
    float:left;
}
.haiiku_title{
    /*font-size: 1.2em;*/
    font-weight: 700;
}
.a_haiiku{
    display: flex;
    flex-direction: column;
}
.u_info_label{
    font-weight: 700;
}
#loading {
    margin: auto;
    width: 150px;
    height: 150px;
    background-image: url(/wp-content/themes/calendhaiikou/images/loading_b.gif)
}


.user_elem_user{
    display: flex;
    
    cursor: pointer;
    width: 100%;
    /*height: 98%;*/
    float:left;
    align-items: stretch;
    
    justify-content: flex-start;
}
@media (max-width: 768px) {
    
    .user_elem_user {
    margin: 0rem 0.3rem 0rem 0rem;
    }
}
.user_elem_haiiku {
    display: flex;
    
    cursor: pointer;
    /*align-items: center;
    
    flex-wrap: nowrap;*/
    
    
    width: 100%;
    
    /*height: 98%;*/
    align-items: stretch;
    flex-wrap: nowrap;
}
.user_elem {
    
    background-size: cover;
    flex-shrink: 0;
    
}
.user_elem_img{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    float:left;
    width: 65%!important;
}
@media (max-width: 768px) {
    
    .user_elem_img{
    width: 70%!important;
    }
}
.display-name-vig {
    color: #000;
    margin-bottom: 1em;
    display: block;
    writing-mode: vertical-rl;
    
    font-family: ceciliaregular;
    font-size: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    align-self: flex-start;
    padding: 0.3rem 1em 0rem 1.6rem;
    margin-left: 0.2rem;
    text-align:left;
    
}
@media (max-width: 768px) {
    
    .display-name-vig {
    padding: 1rem 0em 0rem 1rem;
    }
}
.month_name_slide {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 99%;
    overflow: hidden;
    font-size: 2em;
    background-color: #F9F9F9;
    border-radius: 5px;
    color: #000000;
    margin: 0px 5px 15px 5px;
    padding: 0;
    
    flex: 0 0 auto;
    
    box-sizing: border-box;
    padding: 5px;
}
@media (max-width: 768px) {
    
    .month_name_slide {
    width: 95%;
    
    }
}
.month_name_sub {
    flex: 1;
    text-align: center;
    white-space: nowrap;
}
.month_name {
    display: flex;
    font-size: clamp(1rem, calc(2.5vw + 0.5rem), 1.0rem);
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-family: 'butler_stencilextrabold';
    color: #8d8d8d!important;
}

.short_elem {
    display: flex;
    
    flex-direction: row;
    
    align-items: center;
    
    justify-content: space-between;
    
    margin-bottom: 0.5rem;
    
    gap: 10px;
    
}
.medal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 4.3rem;
}
.medal-icon {
    font-family: sans-serif;
    
    font-size: 16px;
    
    height: 20px;
}
.rank {
    display: inline-block;
    
    text-align: center;
    
    white-space: nowrap;
    
    padding: 0 0.2em;
    
    font-size: 14px;
    
    font-weight: bold;
    
    width: 20px;
}
.medal .bronze {
    color: #cd7f32;
    
}
.medal .silver {
    color: #c0c0c0;
    
}
.medal .gold {
    color: #ffd700;
    
}
.stats{
    display: flex;
    flex-direction: column;
}
.stats_year {
    display: flex;
    
    font-weight: 900;
    background-color: #ffaf33;
    border-radius: 5px;
    color: #ffffff;
    padding: 0 0.975rem 0 0.975rem;
}
.stats_month {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    background-color: #0a1975;
    border-radius: 5px;
    color: #ffffff;
    padding: 0 0.3rem 0 0.3rem;
    margin: 0.1rem 0.975rem 0.1rem 0.975rem;
}
.stats_params {
    display: flex;
}
@font-face {
    font-family: "SwistblnkMonthoers";
    src: url(/wp-content/themes/calendhaiikou/font/butler_regular_stencil-webfont.woff2) format("woff2"), url(/wp-content/themes/calendhaiikou/font/butler_regular_stencil-webfont.woff) format("woff");
    font-display: swap
}
@font-face {
    font-family: 'butler_stencilbold';
    src: url(/wp-content/themes/calendhaiikou/font/butler_bold_stencil-webfont.woff2) format("woff2"), url(/wp-content/themes/calendhaiikou/font/butler_bold_stencil-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'butler_stencilextrabold';
    src: url(/wp-content/themes/calendhaiikou/font/butler_extrabold_stencil-webfont.woff2) format("woff2"), url(/wp-content/themes/calendhaiikou/font/butler_extrabold_stencil-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'butler_stencilregular';
    src: url(/wp-content/themes/calendhaiikou/font/butler_regular_stencil-webfont.woff2) format("woff2"), url(/wp-content/themes/calendhaiikou/font/butler_regular_stencil-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'butler_stencilultralight';
    src: url(/wp-content/themes/calendhaiikou/font/butler_ultra_light_stencil-webfont.woff2) format("woff2"), url(/wp-content/themes/calendhaiikou/font/butler_ultra_light_stencil-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'ceciliaregular';
    src: url(/wp-content/themes/calendhaiikou/font/cecilia-regular-webfont.woff2) format("woff2"), url(/wp-content/themes/calendhaiikou/font/cecilia-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
.month {
    background-color: #eeeeee;
}
.year {
    background-color: #eee;
}




@media (min-width: 768px) {
    .user_info_container {
    
    }
}
.user_info_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    
    position: relative;
    
    z-index: 1000;
    
    width: 100%;
}
.user_infos {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    flex-shrink: 0;
    
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-width: 0.5px;
    border-radius: 5px;
    margin: 0.5rem;
    height: auto;
    width: 80%;
    padding: 0rem 0rem 0rem 0.5rem;
    max-width: 450px;
}

.user_infos.retracted {
    
    
    
}

.user_infos:not(.retracted) {
    
    
    opacity: 1;
}

@media (min-width: 768px) {
    .user_infos {
    padding: 0rem 1.95rem 0.975rem 0.975rem;
    width: 60%;
    }
}

#retract_button {
    cursor: pointer;
    transition: transform 0.3s ease;
    
}
#retract_button.rotate {
    transform: rotate(180deg);
    
}

.short_elem .user_name {
    justify-content: center!important;
}
#user_name {
    cursor: pointer;
}
.user_name {
    margin: 0 auto;
    
    text-align: center;
    
    font-weight: bold;
    font-size: calc(1.5vw + 0.5rem);
    text-align: center;
}
.short_infos {
    display: flex;
    align-items: center;
    
    justify-content: space-between;
    
    box-sizing: border-box;
    padding: 0rem 0rem 0rem 0rem;
}
.short_elem {
    flex: none;
    
}
#close {
    margin-left: auto;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: inline-block;
    display: flex;
    position: absolute;
    right: 0.195rem;
    
    width: 20px;
    height: 20px;
    transition: transform .25s ease-in-out;
    font-weight: bold;
    cursor: pointer;
}
.x {
}
.x:hover {
    transform: rotate(180deg);
}
.x:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    transform: rotate(45deg);
    transform-origin: center;
    font-weight: bold;
}
.x:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    transform: rotate(-45deg);
    transform-origin: center;
    font-weight: bold;
}

.toggle_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    background-color: #f0f0f0;
    border: none;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s ease;
    outline: none;
}
.toggle_button:hover {
    background-color: #dcdcdc;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'butler_stencilextrabold'
}
h2 {
    font-size: 1.5rem
}
.hentry {
    margin-bottom: 0
}
#wpadminbar {
    display: none !important
}
html {
    margin-top: 0 !important
}
.scrollup {
    display: none
}
body {
    height: 100%;
    background-color: #FFF;
    font-family: 'SwistblnkMonthoers';
    background: #f9f9f9
}
body.darktheme {
    background: #f9f9f9;
    background: #000;
    background: linear-gradient(155deg, rgba(0, 0, 0, 1) 0%, rgba(27, 27, 27, 1) 100%)
}
#page,.section {
    overflow: visible !important
}
#page {
    max-width: 1000px
}
.header_content {
    overflow: hidden;
    margin-bottom: 0 !important
}
iframe#edition_result {
    width: 100%;
    border: none;
    height: 600px
}
footer #site-generator {
    padding: 0 !important
}
.subfooter {
    height: 8em;
    background-color: #F9F9F9
}
footer .menu-social-container ul {
    list-style: disc;
    color: #000
}
body.darktheme footer .menu-social-container ul {
    color: #fff
}
footer .menu-social-container ul li {
    line-height: 1.4em
}
footer .menu-social-container ul li a {
    font-family: 'butler_stencilregular';
    opacity: 1
}
#site-navigation label {
    color: #000
}
body.darktheme #site-navigation label {
    color: #fff
}
body.darktheme .subfooter {
    background-color: #060606
}
.subfooter .empty_block {
    height: 8em
}
body.darktheme ul li,body.darktheme .site-title a,body.darktheme .sidebar_picto,body.darktheme .bloc_slider_title,body.darktheme #primary-menu li a,body.darktheme .language_switch li.current-lang a,body.darktheme .block-haiiku-user-profil .display-name,body.darktheme .block-haiiku-user-profil .display-name a,body.darktheme h3,body.darktheme .act-like-leaf,,body.darktheme .act-like-leaf act-share {
    color: #fff !important
}
body.darktheme .haiiku_bottom_line {
    color: #fff !important
}
body.darktheme h2 {
    color: #fff
}
.notice h2 {
    color: #000 !important
}
body.darktheme p {
    color: #fff
}
body.darktheme ul li{
    color: #fff!important
}
.notice p {
    color: #000 !important
}
.insert_haiiku_form_text p {
    color: #000 !important;
    font-size: min(4vw, 1rem)
}
body.darktheme .block-haiiku .fonc span.line,body.darktheme .hamburger-line {
    background-color: #fff !important
}
body.darktheme footer #site-generator,body.darktheme #header-navigation-area,body.darktheme .menu-button-wrapper .item-list,body.darktheme .site-header-top-side,body.darktheme .bloc_slider.user_list .background,body.darktheme .header-image {
    background-color: #1B1B1B
}
body.darktheme .header-image-new {
    background-color: #1B1B1B
}
.w1-new {
    width: 8.33%;
    height: 5em !important
}
.w1-new .header-navigation-area-new {
    width: 8.33%;
    height: 5em !important
}
body.darktheme .w1-new .header-navigation-area-new {
    background-color: #1B1B1B
}
.header-navigation-area-new {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3em;
    background-color: #F9F9F9
}
body.darktheme .header-navigation-area-new {
    background-color: #1B1B1B !important
}
.top-top-header-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3em;
    background-color: #F9F9F9
}
body.darktheme .top-top-header-menu {
    background-color: #1B1B1B !important
}
body.darktheme .block-haiiku-text .texts .haiiku {
    color: #fff
}
body.darktheme .gradient_before {
    background: linear-gradient(to top, #FFF, #333)
}
body.darktheme .gradient_after {
    background: linear-gradient(to top, #333, #FFF)
}
body.darktheme .gradient_before,body.darktheme .gradient_after {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
body.darktheme .swiper-button-next,body.darktheme .swiper-button-prev,body.darktheme .round_button {
    color: #fff !important;
    border-radius: 50px;
    background: #000;
    box-shadow: -7px 3px 17px 2px #222
}
body.darktheme #calenhaiiku_txt_background {
    color: #151515
}
#calenhaiiku_txt_background {
    position: fixed;
    font-size: 25vw;
    color: #F8F8F8;
    width: 60vw;
    display: block;
    word-wrap: break-word;
    height: auto;
    line-height: normal;
    left: -5vw;
    font-family: 'butler_stencilultralight';
    animation: 1000ms ease-out 0s 1 appearTxt
}
#calenhaiiku_txt_background.change {
    animation: 500ms ease-out hideTxt
}
@keyframes appearTxt {
    0% {
    opacity: 0
}
    100% {
    opacity: 1
}
}
@keyframes hideTxt {
    0% {
    opacity: 1
}
    100% {
    opacity: 0
}
}
#wpmem_msg,.wpmem_msg {
    box-shadow: -7px 3px 17px 2px #ddd;
    width: 100% !important;
    padding: 1em !important;
    margin-bottom: 2em
}
bottom .sidebar_picto {
    color: #000
}
.sidebar_picto span {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    background-size: contain
}
.custom-icons-search {
    background: url(/wp-content/themes/calendhaiikou/images/ico_search.svg)
}
.custom-icons-profil {
    background: url(/wp-content/themes/calendhaiikou/images/ico-profil.svg)
}
.custom-icons-home {
    background: url(/wp-content/themes/calendhaiikou/images/ico-home.svg)
}
.custom-icons-color {
    background: url(/wp-content/themes/calendhaiikou/images/ico_black_and_white.svg)
}
.custom-icons-write {
    background: url(/wp-content/themes/calendhaiikou/images/ico-write.svg)
}
.custom-icons-settings {
    background: url(/wp-content/themes/calendhaiikou/images/ico-settings.svg)
}
.custom-icons-logout {
    background: url(/wp-content/themes/calendhaiikou/images/ico-logout.svg)
}
body.darktheme .custom-icons-search,body.darktheme .act-like-checked,body.darktheme .act-like-leaf,body.darktheme .act-share,body.darktheme .custom-icons-color,.custom-icons-share,body.darktheme .custom-icons-write,body.darktheme .custom-icons-profil,body.darktheme .custom-icons-home,body.darktheme .custom-icons-settings,body.darktheme .custom-icons-logout,body.darktheme .swiper-button-prev:after,body.darktheme .swiper-button-next:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}
body.darktheme .page404 .error {
    color: #fff
}
p {
    margin-left: 2em;
    margin-top: 0;
    line-height: 1.3em;
    margin-bottom: .8em !important;
    text-align:left
}
.bloc_slider p {
    margin-left: .5em;
    width: 78%;
    text-align: justify
}
.wide {
    width: 83.34% !important
}
.menu.nav-menu li {
    font-family: 'butler_stencilbold';
    font-size: 1em;
    list-style: disc;
    color: #000;
}
body.darktheme a {
    color: #fff
}
.bloc_slider {
    margin-bottom: 5em
}
.bloc_slider.user_list .header_block {
    padding-right: 3em;
    text-align:right
}
.bloc_slider.user_list .header_block.align_left {
    text-align:left;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: auto !important
}
.bloc_slider.user_list .bloc_slider_title {
    margin-left: unset !important;
    margin-right: unset !important
}
.bloc_slider_title {
    margin: 0;
    margin-bottom: .5em
}
.bloc_slider_title span {
    display: block;
    font-size: .6em;
    font-family: ceciliaregular
}
.bloc_slider_title_haiikuNav{
    display: flex;
    
    margin-right: 0em!important;
}
.bloc_slider_title_haiikuNavTEST{
    display: flex;
    
    margin-right: 0em!important;
}
.dbSwiper_navigator{
    display: flex;
    flex-direction: row;
    align-items: baseline;
    
    margin-left: 0.2rem;
}
.dbSwiper_navigator .count {
    display: flex;
    /*font-size: 1rem;*/
    color: #C2BEBD;
    background-color: transparent;
    font-family: 'butler_stencilbold';
    margin-right: 0rem;
    margin-bottom: 0rem;
    line-height: normal;
    align-items: bottom;
}
.block-haiiku {
    width: 100%;
    position: relative;
    overflow: hidden
}
.block-user-empty {
    width: 4em;
    position: relative;
    display: flex;
    height: 100%
}
.block-users {
    display: flex;
    height: 100%;
    position: relative
}
.bloc_slider.user_list {
    position: relative;
    padding: 3em 0;
    display: flex
}
.bloc_slider.user_list .background {
    position: absolute;
    background-color: #F9F9F9;
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 200%;
    left: -100%;
    bottom: 0
}
.bloc_slider.user_list .header_block {
    padding-right: 3em;
    text-align:right;
    flex: auto;
    width: 25%
}
.header_block .align_right {
    padding-left: 3em;
    padding-right: 0 !important
}
.block-haiiku .block-haiiku-user,.block-users .block-haiiku-user {
    margin-left: .2em;
    width: 25%;
    position: relative;
    display: flex;
    height: 100%
}
.block-haiiku .fonc {
    float:left;
    width: 10%;
    position: relative;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    height: 100%
}
.bloc_calendhaiiku .fonc_line {
    width: 50%;
    height: 100%;
    border-right: 1px solid #000;
    margin-top: 3em
}
body.darktheme .bloc_calendhaiiku .fonc_line {
    border-right: 1px solid #fff
}
.bloc_calendhaiiku .fonc {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 0;
    right: 0;
    top: 0
}
.content-area,.sidebar {
    padding: 0
}
.bloc_slider .swiper-button-next {
    right: 1%
}
.bloc_slider .swiper-button-prev {
    right: 1%
}
.swiper-button-prev:after,.swiper-button-next:after {
    font-size: 1em !important
}
.block-haiiku-user-profil {
    display: block;
    text-align: center;
    width: 100%;
    position: relative
}
button.suivre_auteur.actif {
    margin: auto
}
#author_profil button.suivre_auteur {
    position: relative
}
button.suivre_auteur {
    margin: auto;
    position: absolute;
    padding: .3em !important;
    bottom: 2%;
    width: 98% !important;
    max-width: 100px;
    display: flex;
    justify-content: center;
    left: .2%
}
.block-haiiku-user-profil button.suivre_auteur {
    bottom: 1em;
    position: absolute !important;
    display: flex;
    left: 1%;
    width: 80%;
    font-size: unset !important
}
.search_result {
    margin-bottom: 6em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center
}
.search_result .block-haiiku-user-profil {
    width: 125px;
    height: 350px;
    margin-right: 1em;
    margin-bottom: 2em
}
.search_result .block-haiiku-user-profil div {
    float:left
}
.block-haiiku-user-profil .img {
    width: 72%;
    margin: auto;
    float:left;
    height: 100%;
    background-color: #d3d3d3;
    background-size: cover;
    background-repeat: no-repeat
}
#side-bar {
    position: relative
}
body.darktheme .display-name-vig {
    color: #fff
}
#side-bar .display-name,.block-haiiku-user-profil .display-name,.block-haiiku-user-profil .display-name a,.block-user-profil-sidebar .display-name,.user_slider .display-name {
    margin-bottom: 1em;
    display: block;
    color: #000;
    writing-mode: vertical-rl
}
body.darktheme #side-bar .display-name,body.darktheme .user_slider .display-name {
    color: #fff
}
.display-name {
    font-family: ceciliaregular
}
body.darktheme .block-user-profil-sidebar .display-name {
    color: #fff !important
}
.hidden_button {
    visibility: hidden;
    opacity: 1;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border-radius: 0;
    height: 0 !important
}
button {
    border-radius: 2em;
    display: block;
    background: #000;
    line-height: .8;
    text-transform: none;
    font-size: 1.2rem;
    padding: 10px 35px
}
.bloc_slider.user_list .swiper {
    margin-left: unset;
    margin-right: unset;
    width: 70%
}
.bloc_slider.user_list .swiper .block-users .block-haiiku-user {
    width: 20%;
}
.swiper-slide {
    height: auto !important
}
.block-haiiku {
    display: flex;
    align-items: center;
    height: 100%
}
.block-haiiku .block-haiiku-text {
    float:left;
    
    width: 100%;
    /*font-size: .8em;*/
    padding-left: 1em;
    line-height: 25px;
}
@media (min-width: 768px) {
    .block-haiiku .block-haiiku-text {
    width: 70%;
    padding-top: 3.5em;
    }
}

    .bloc_calendhaiiku ul {
    list-style: none;
    margin: unset
}
    .block-haiiku-text ul.texts {
    list-style: none;
    margin: unset;
    max-height: 25rem;
    overflow: hidden
}
    .block-haiiku-text ul.texts li,.bloc_calendhaiiku ul li.haiiku {
    
    }
    div.fonc {
    flex-direction: column;
    position: relative
}
    .fonc span:not(.line) {
    flex: auto;
    margin: auto;
    padding: .55em;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50px;
    box-shadow: -7px 3px 17px 2px #ddd;
    animation: 1s ease-in .5s
}
    body.darktheme .fonc span:not(.line) {
    background: #000;
    box-shadow: -7px 3px 17px 2px #222
}
    .fonc span.active:not(.line) {
    box-shadow: inset -3px 3px 3px #000
}
    .block-haiiku .fonc span:not(.line) {
    margin-bottom: .5em
}
    .bloc_calendhaiiku .fonc span:not(.line) {
    margin-top: .5em
}
    .buttons.active {
    box-shadow: inset -3px 3px 3px #000 !important
}
    .fonc span.line {
    height: 267px
}
    span.line {
    flex: auto;
    width: 1px;
    background: #000;
    display: block;
    border-radius: 6px;
    padding: 0;
    margin: auto
}
    body.darktheme span.line {
    background: #FFF
}
    .bloc_calendhaiiku span.line {
    height: 100%
}
    .bloc_calendhaiiku .haiiku_list {
    padding-left: 0;
    width: 100%
}
    .bloc_calendhaiiku .haiiku_list .haiiku.empty_haiiku {
    background-color: transparent
}
    .bloc_calendhaiiku .haiiku_list .haiiku .write_button_block {
    text-align: center
}
    .swiper-button-next,.swiper-button-prev {
    color: #000 !important;
    height: 3em !important;
    width: 3em !important
}
    .swiper-button-prev:after {
    background-image: url(/wp-content/themes/calendhaiikou/images/slider_arrow_left.svg)
}
    .swiper-button-next:after {
    background-image: url(/wp-content/themes/calendhaiikou/images/slider_arrow_right.svg)
}
    .swiper-modal {
    min-height: 400px;
    overflow: hidden
}
    #scrollup:hover:before {
    animation: MoveUpDown .5s ease-out infinite
}
    #scrollup:before {
    content: url('/wp-content/themes/calendhaiikou/images/arrow_top.svg');
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0
}
    @-webkit-keyframes MoveUpDown {
    0%,100% {
    top: -2px
}
    50% {
    top: 2px
}
    }
    .empty_point {
    text-align: center
}
    .empty_point em {
    writing-mode: vertical-rl;
    text-orientation: sideways;
    font-family: 'butler_stencilextrabold';
    padding: 4em;
    font-size: 2em
}
    .swiper-button-prev:after,.swiper-button-next:after {
    transform: scale(1.5);
    content: "" !important;
    width: 45%;
    height: 45%;
    background-repeat: no-repeat;
    background-position: center
}
    #calendhaiiku_block {
    min-height: 800px
}
    .swiper-modal-button-prev,.swiper-modal-button-next {
    cursor: pointer;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 7em;
    display: table;
    text-align: center
}
    .swiper-modal-button-prev .swiper-modal-button-label,.swiper-modal-button-next .swiper-modal-button-label {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-family: 'butler_stencilregular';
    font-size: 1.4em;
    -webkit-font-smoothing: antialiased
}
    .swiper-modal-button-next {
    background-image: url(/wp-content/themes/calendhaiikou/images/popin_haiiku_link_background.jpg)
}
    .swiper-modal-button-prev {
    background-image: url(/wp-content/themes/calendhaiikou/images/popin_notice_link_background.jpg)
}
    .swiper-modal-content .notice {
    color: #000;
    background-color: #fff;
    padding-left: 5rem;
    padding-right: 7rem;
    padding-bottom: 7em;
    background-image: url(/wp-content/themes/calendhaiikou/images/popin_notice_background.jpg);
    background-repeat: no-repeat;
    background-position:right bottom
}
    #swiper-swipe-notice {
    background-color: #fff !important
}
    body.darktheme #swiper-swipe-notice {
    background-color: #fff !important
}
    .swiper-modal-content .notice p {
    margin-right: 4em
}
    .swiper-modal-content {
    margin-bottom: 5em
}
    #calendhaiiku_block .swiper-slide .loading {
    margin: auto;
    width: 150px;
    height: 150px;
    background-image: url(/wp-content/themes/calendhaiikou/images/loading_b.gif)
}
    body.darktheme #calendhaiiku_block .swiper-slide .loading {
    background-image: url(/wp-content/themes/calendhaiikou/images/loading_w.gif)
}
    #calendhaiiku_block .swiper-slide .bloc_title {
    display: grid
}
    #calendhaiiku_block .swiper-slide .bloc_title h2 {
    text-align:left;
    padding-left: 16.66%
}
    #calendhaiiku_block .swiper-slide .bloc_title span {
    text-align:left;
    font-size: .5em;
    display: block
}
    #calendhaiiku_block .swiper-button-next,#calendhaiiku_block .swiper-button-prev {
    top: 2em !important
}
    #calendhaiiku_block .swiper-button-prev {
    left: 17px
}
    #calendhaiiku_block .swiper-button-next {
    right: 0
}
    .swiper_follow {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
    .bloc_calendhaiiku {
    display: flex;
    overflow: hidden
}
    .bloc_calendhaiiku .func {
    width: 15%
}
    body.darktheme .haiiku_list .haiiku {
    color: #fff !important
}
    .haiiku_list .haiiku span {
    font-family: 'butler_stencilextrabold'
}
    .haiiku_list .haiiku cite {
    margin-top: 1em;
    margin-bottom: 2.25em;
    font-size: 1.2em!important;
    overflow: hidden;
    padding-left: 0.5rem!important;
    display: block;
    }
    
    .haiiku_list .haiiku.edit_haiiku cite {
    margin-bottom: 0 !important
}
    .block-haiiku .block-haiiku-text ul li.haiiku,.bloc_calendhaiiku ul li.haiiku {
    margin: 1.5em 0;
    line-height: 25px;
    
    
    }
    .block-haiiku .block-haiiku-text ul li cite,.bloc_calendhaiiku ul li cite {
    padding-left: 2em;
    
    display: flex;
    }
    .block-haiiku .block-haiiku-text ul li cite {
    padding-left: 2em;
    display: block
}
    .bloc_calendhaiiku .fonc_bg {
    position: relative
}
    .block-haiiku .block-haiiku-text .fonc {
    margin: 1.5em 0 0;
    padding: 1.5em 0
}
    .block-haiiku .block-haiiku-text .fonc span {
    margin-right: .5em;
    width: 30px;
    height: 30px;
    font-size: 30px
}
    .gradient_after,.gradient_before {
    display: inline-block;
    position: relative
}
    .gradient_before {
    background: linear-gradient(to bottom, #FFF, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
    .gradient_after {
    background: linear-gradient(to bottom, #333, #FFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
    .block-haiiku-text .texts li span {
    font-size: 1.2em;
    font-weight: 700
}
    .block-haiiku .block-haiiku-text div div span,.bloc_calendhaiiku div div span {
    
    display: flex;
    font-size: 1.2em;
    font-weight: 700
}
    .modal-open {
    overflow: hidden
}
    .modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
    .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}
    .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
    .modal-dialog {
    position: relative;
    /*top: 50%;*/
    -webkit-transition: -webkit-transform .3s ease-out !important;
    -ms-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important
    margin:auto;
}
    .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none
}
    .darktheme .modal-content {
    background-color: #000
}
    #CalendHaiikuEditForm .modal-content .swiper-slide {
    background: none !important;
    color: #fff
}
    #CalendHaiikuEditForm .modal-content .swiper-slide .notice {
    background-color: #fff;
    color: #000
}
    .darktheme #CalendHaiikuEditForm .modal-content .swiper-slide .notice {
    background-color: #fff;
    color: #000
}
    .darktheme #CalendHaiikuEditForm .swiper-slide {
    color: #fff !important;
    background-color: #fff
}
    .darktheme #CalendHaiikuEditForm .modal-title {
    color: #fff !important;
    background-color: #000 !important
}
    .darktheme #CalendHaiikuEditForm .haiiku_line {
    border-color: #fff !important;
    color: #fff
}
    input[type="submit"] {
    background-color: initial
}
    .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}
    .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}
    .modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}
    .modal-header {
    display: flow-root
}
    .modal-header .close {
    margin-top: -2px
}
    .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 2em
}
    .modal-body {
    position: relative
}
    .insert_haiiku_form {
    background: #d3d3d3;
    margin-bottom: 7em;
    padding-left: min(5rem, 1vw) !important;
    padding-right: min(5rem, 1vw) !important
}
    .publish_block_contener {
    display: flex;
    flex-direction: column
}
    .modal-prefooter {
    text-align:right;
    background: grey
}
    .modal-footer {
    background: grey
}
    .modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}
    .modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}
    .modal-footer .btn-block+.btn-block {
    margin-left: 0
}
    @media (min-width: 768px) {
    .modal-dialog {
    width: 600px;
    margin-top: 2.5em;
    margin:auto;
    }
    .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
    .modal-sm {
    width: 300px
}
    .haiiku_list .haiiku cite {
    padding-left: 1.2rem!important;
    }
    }
    @media (min-width: 992px) {
    .modal-lg {
    width: 900px
}
    .haiiku_list .haiiku cite {
    padding-left: 1.2rem!important;
    }
    }
    .modal-header .close_modal {
    float:right;
    border: none;
    background-image: url(/wp-content/themes/calendhaiikou/images/ico_close.svg);
    width: 3em;
    height: 3em;
    border-radius: 3em;
    box-shadow: -7px 3px 17px 2px #DDD;
    background-color: #fff;
    margin: 15px;
    cursor: pointer;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}
    .modal-header .modal-title {
    margin-left: 2em
}
    .insert_haiiku_form,.modal-footer {
    padding-top: 2em;
    padding-bottom: 3em
}
    #haiiku_editor,.modal-title,.insert_haiiku_form,.modal-footer {
    padding-left: 5rem;
    padding-right: 5rem
}
    .modal-sub-title {
    padding-left: 5rem;
    font-family: 'ceciliaregular'
}
    .publish_button_inline {
    display: flex;
    width: 100%;
    justify-content: center
}
    #haiiku_editor {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1em;
    margin-bottom: 2em
}
    .insert_haiiku_form input[type="submit"] {
    border-radius: 2em;
    width: 100%;
    font-family: ceciliaregular;
    text-transform: capitalize;
    font-size: 1.5rem;
    padding: .5em;
    box-shadow: -7px 3px 17px 2px #222
}
    .insert_haiiku_form input[type="submit"].acf-button {
    background: #fff;
    color: #000
}
    .insert_haiiku_form input[type="submit"].acf-button2 {
    background: #000;
    color: #fff
}
    input[type="submit"] {
    background: #fff;
    color: #000;
    box-shadow: -7px 3px 17px 2px #
}
    .act-fav,.act-like,.act-dislike {
    cursor: pointer
}
    .act-fav.active {
    color: #FFD100
}
    .act-like.active {
    color: green
}
    .act-dislike.active {
    color: red
}
    .act-fav:before {
    content: url('/wp-content/themes/calendhaiikou/images/ico_favoris.svg')
}
    .act-like:before {
    content: url('/wp-content/themes/calendhaiikou/images/ico_like.svg')
}
    .act-dislike:before {
    content: url('/wp-content/themes/calendhaiikou/images/ico_dislike.svg')
}
    .act-fav.active:before {
    content: url('/wp-content/themes/calendhaiikou/images/ico_favoris_actif.svg')
}
    .act-like.active:before {
    content: url('/wp-content/themes/calendhaiikou/images/ico_like_actif.svg')
}
    .act-dislike.active:before {
    content: url('/wp-content/themes/calendhaiikou/images/ico_dislike_actif.svg')
}
    .darktheme .act-fav:before,.darktheme .act-like:before,.darktheme .act-dislike:before {
    filter: invert(1)
}
    #list_of_authors_follwing {
    display: none
}
    #list_of_authors_to_print {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0
}
    #list_of_authors_to_print li {
    display: flex;
    height: 3em;
    cursor: move;
    display: flex;
    align-items: center
}
    #list_of_authors_to_print li:nth-child(3) {
    margin-bottom: 20px
}
    .darktheme #list_of_authors_to_print li .round label.text {
    color: #fff
}
    #list_of_authors_to_print li .round label.text {
    width: 100%;
    height: 100%;
    font-family: 'ceciliaregular';
    cursor: grab
}
    #list_of_authors_to_print li .round label.text:first-letter {
    text-transform: uppercase
}
    #list_of_authors_to_print li:nth-child(n+4) .round label.text {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.42em, #DDD 0em, #DDD 0.53em);
    width: 100%
}
    #list_of_authors_to_print li:nth-child(n+4) input {
    display: none
}
    #list_of_authors_to_print li .round {
    margin-top: 0 !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}
    #list_of_authors_to_print li:nth-child(n+4) .round label.round_check:after {
    display: none
}
    #list_of_authors_to_print li:nth-child(n+4) .round label.round_check:before {
    width: 2em;
    height: 2em;
    background: url(/wp-content/themes/calendhaiikou/images/form_select_off.svg);
    position: relative;
    content: "";
    opacity: 1;
    display: block;
    background-size: contain
}
    .list_description p {
    margin-left: 5em;
    padding-top: 1em;
    padding-bottom: 1em
}
    .list_container input {
    float:right
}
    .button_container {
    margin-left: 5em
}
    .button_container input {
    float:left
}
    #haiiku_editor ul li {
    display: flex;
    display: flex
}
    .haiiku_editor_forms .acf-fields.acf-form-fields {
    display: none
}
    h2 div {
    display: block;
    font-size: 1.2rem;
    font-family: 'ceciliaregular'
}
    .haiiku_editor_forms #haiiku_editor ul {
    margin: 0
}
    .haiiku_editor_forms #haiiku_editor .haiiku_line {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0;
    font-size: 1.2em;
    padding: 0 !important;
    background: none;
    box-shadow: none;
    border-color: #000
}
    #haiiku_editor .save_draft {
    padding-top: 1em;
    display: flex
}
    .haiiku_editor_forms #haiiku_editor .line_count {
    color: #000;
    min-width: 45px;
    text-align: center;
    font-size: .8em;
    position: static;
    margin-top: 1em
}
    body.darktheme #haiiku_editor .line_count {
    color: #fff
}
    #time_logout {
    margin-top: 5em;
    display: none
}
    .wrapper,.site-content {
    padding: 0 !important
}
    #header-navigation-area {
    background-color: #F9F9F9;
    text-align: center;
    padding-top: 1em;
    border-radius: 5px
}
    .site-header-top {
    height: 7em
}
    .site-header-top-side {
    width: 15%;
    height: 7em;
    position: absolute;
    right: 0;
    background-color: #F9F9F9
}
    .header-image {
    width: 100%;
    height: 3em;
    background-position: center;
    background-size: cover
}
    .header-image-new {
    width: 100%;
    background-position: center;
    background-size: cover
}
    #masthead div {
    z-index: 10
}
    #page {
    display: table
}
    .content-area {
    float:left;
    max-width: none
}
    #body_container>.content-area {
    padding: 4em 0 2em
}
    #body_container>.content-area~.content-area {
    padding: 2.5em 0
}
    .language_switch {
    display: table;
    list-style: none;
    width: 100%
}
    .language_switch li {
    flex: auto
}
    .language_switch li:not(.current-lang) a {
    color: #777
}
    .site-identity p a {
    letter-spacing: 1.6em !important;
    font-family: 'butler_stencilregular';
    text-transform: initial;
    font-size: 1.2em
}
    #secondary {
    background-color: #F9F9F9;
    padding-top: 100px
}
    #secondary .widget-wrap {
    background-color: #0000;
    padding: 0
}
    #primary-menu-wrapper,.search-social-container {
    padding: 0 !important
}
    
    .menu-toggle-wrapper {
    position: relative;
    display: flex;
    background: none !important !
}
    #menu-toggle {
    flex: auto;
    background: none !important
}
    #menu-toggle:hover {
    background: none !important
}
    .widget-wrap {
    background: none;
    padding-bottom: 2.5em
}
    .hamburger {
    position: relative;
    width: 25px;
    height: 20px;
    display: inline-flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    cursor: pointer;
    padding: 0
}
    .hamburger:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    transform: rotate(0deg);
    transition: all .4s cubic-bezier(0.54, -0.1, 0.57, 0.57)
}
    .hamburger .hamburger-input {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}
    .hamburger .hamburger-line {
    width: 100%;
    background: #000;
    height: 1px;
    display: block;
    border-radius: 6px;
    transition: transform .4s cubic-bezier(0.54, -0.81, 0.57, 0.57);
    position: relative
}
    .menu-button-wrapper {
    flex: auto;
    text-align: center
}
    .menu-button-wrapper .item-list,.menu-button-wrapper .search-box {
    position: absolute;
    top: -7em;
    transform: translateX(-50%) scale(0);
    transform-origin: center;
    transition: all .4s cubic-bezier(0.54, -0.1, 0.57, 0.57);
    background: #F9F9F9;
    width: 450px;
    left: -14rem;
    padding: 100px 0 100px 7.5em;
    text-align:left;
    font-weight: 300;
    opacity: 0;
    user-select: none;
    z-index: 10
}
    body.darktheme .search-box .search-form h4 {
    color: #fff
}
    .language_switch li {
    font-family: 'butler_stencilbold';
    font-size: 1em;
    display: list-item
}
    .menu-button-wrapper .item-list div {
    padding: 10px 30px;
    cursor: pointer
}
    .menu-button-wrapper .menu-button,.menu-button-wrapper .search-button {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0
}
    .search-button:checked~.search-box {
    transform: translateX(-50%) scale(1);
    opacity: 1;
    user-select: auto
}
    .menu-button:checked~.item-list {
    transform: translateX(-50%) scale(1);
    opacity: 1;
    user-select: auto
}
    .menu-button:checked~.icon-wrapper .hamburger-line.second {
    color: #fff;
    opacity: 0
}
    .menu-button:checked~.icon-wrapper .hamburger-line.first {
    transform: translate(0, -9.5px) rotate(45deg)
}
    .menu-button:checked~.icon-wrapper .hamburger-line.third {
    transform: translate(0, 9.5px) rotate(-45deg)
}
    .menu-button:checked~.icon-wrapper .hamburger:before {
    transform: rotate(180deg)
}
    .menu-social-container a:before,.social-navigation a:before {
    display: none !important
}
    footer #site-generator .wrapper {
    justify-content: none;
    display: inline-flex
}
    nav.social-navigation ul {
    display: contents
}
    .menu-social-container {
    margin: 4em 0
}
    #sankukai_logo {
    height: 100%;
    position: relative;
    margin-left: 1em
}
    body.darktheme #menu-footer .menu-item,body.darktheme #menu-footer .menu-item a {
    color: #fff !important
}
    #sankukai_logo div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 10em;
    background: url(/wp-content/themes/calendhaiikou/images/logo_san_kukai.svg);
    background-repeat: no-repeat
}
    body.darktheme #sankukai_logo div {
    -webkit-filter: invert(1);
    filter: invert(1)
}
    .right_separator {
    border-right: 2px solid #E9E9E9
}
    .center_separator:after {
    content: ".";
    display: block;
    clear: both;
    visibility: visible !important;
    border-left: 1px solid #d3d3d3;
    margin-left: 50%;
    height: 100%
}
    .site-title a {
    display: none
}
    #background {
    background: url(/wp-content/themes/calendhaiikou/images/background_gradient_bottom_left.jpg);
    background-size: contain
}
    body.darktheme #background {
    background: linear-gradient(155deg, rgba(0, 0, 0, 1) 0%, rgba(27, 27, 27, 1) 100%)
}
    form#wpmem_login_form .link-text {
    margin-top: 2em
}
    form#wpmem_login_form .button_div .remember {
    text-align:left
}
    #wpmem_reg form h2,#wpmem_reg form div[data-name="dark_mode"] {
    display: none
}
    .form_separator {
    width: 100%;
    max-width: 100%;
    border-top: dotted .25em #E9E9E9;
    background: none
}
    .entry-container {
    margin: 0 4em
}
    .form_title {
    cursor: pointer;
    font-size: 1.6em
}
    body.darktheme .form_title {
    color: #fff
}
    fieldset legend,fieldset label.text,#wpmem_login_form fieldset .div_text label {
    display: none !important
}
    fieldset .div_text {
    margin: 0 !important
}
    fieldset .div_text input,.wpforms-field-container input {
    padding: 1em !important;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solidrgba(0, 0, 0, .1);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 8px;
    background: none repeat scroll 0 0 #fff
}
    .wpforms-field-container textarea {
    margin-top: 2em;
    background: none repeat scroll 0 0 #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border: 1px solidrgba(0, 0, 0, .1);
    border-radius: 2px;
    color: #2b2b2b;
    height: 10em
}
    .wpforms-submit-container button[type="submit"] {
    float:right;
    margin-bottom: 2em
}
    .wpforms-field {
    position: relative;
    margin-bottom: 2em
}
    .wpforms-field .wpforms-required-label {
    position: absolute;
    top: .5em;
    right: 1em
}
    .round {
    position: relative;
    margin-top: 2em
}
    .round label.round_check {
    cursor: pointer;
    height: 2em;
    position: absolute;
    width: 2em
}
    .round label.round_check:after {
    width: 2em;
    height: 2em;
    background: url(/wp-content/themes/calendhaiikou/images/form_select_off.svg);
    position: relative;
    content: "";
    opacity: 1;
    display: block;
    background-size: contain
}
    body.darktheme .round label.round_check:after {
    filter: invert(1)
}
    main#main .entry-content {
    min-height: 500px
}
    .round input.round_check[type="checkbox"] {
    visibility: hidden
}
    .round input[type="checkbox"]:checked+label.round_check:after {
    opacity: 1;
    background: url(/wp-content/themes/calendhaiikou/images/form_select_on.svg);
    background-size: contain
}
    .round a,.round label.text,.round span, .round .profil_param_label {
    margin-left: 2em;
    line-height: 2.4em;
    padding-left: 1em;
    font-size: 1.2em
}
    .list_of_authors_to_print_background_line {
    z-index: -1;
    position: absolute;
    top: 0;
    width: 4em;
    height: 100%;
    border-right: 2px solid #E9E9E9
}
    .list_container {
    position: relative;
    padding-bottom: 2em;
    padding-top: 2em;
    margin-top: 1em
}
    .round input[type="checkbox"] {
    display: none
}
    .req-text {
    text-align:right
}
    .buttons,.cky-btn {
    background: #000;
    border-radius: 2em;
    font-family: 'ceciliaregular';
    text-transform: unset !important;
    font-size: 1.2em !important;
    padding: .2em 1em !important;
    cursor: pointer;
    box-shadow: -7px 3px 17px 2px #AAA;
    border: none
}
    .cky-btn {
    background: #000 !important;
    border-radius: 2em !important;
    font-family: 'ceciliaregular' !important;
    text-transform: unset !important;
    font-size: 1.2em !important;
    padding: .2em 1em !important;
    cursor: pointer !important;
    box-shadow: -7px 3px 17px 2px #AAA !important;
    border: none !important
}
    .cky-btn-revisit-wrapper {
    width: 30px !important;
    height: 30px !important
}
    body.darktheme .buttons {
    box-shadow: -7px 3px 17px 2px #333 !important
}
    .buttons.white {
    background: #fff;
    color: #000;
    box-shadow: -7px 3px 17px 2px #
}
    .black_shadow {
    transition: all 1s ease-out
}
    .black_shadow:hover {
    box-shadow: -7px 3px 17px 2px #666 !important;
    background: #111 !important
}
    form input[type="text"],form input[type="email"],form input[type="textarea"] {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px;
    background: none repeat scroll 0 0 #fff;
    padding: 1em !important;
    -webkit-box-shadow: 0 5px 15px #000
}
    .div_text,.button_div,.link-text {
    width: 100% !important
}
    .button_div {
    text-align:right
}
    .button_margin {
    margin-top: 2em;
    margin-bottom: 1em
}
    .search_no_result {
    margin-bottom: 8em;
    font-family: 'ceciliaregular';
    font-size: 1.2em
}
    .move_li {
    margin-right: 1em;
    cursor: grab
}
    #form_avatar {
    position: relative;
    
    min-height: 45vh;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 600px;
    }
    #form_avatar .upload-demo {
    width: 100%;
    padding-bottom: 5em;
    z-index: 5;
    top: 12em;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, #DDD 12px, #DDD 12px)
}
    .form_avatar_info {
    
    width: 300px;
    margin: auto
}
    .darktheme .form_avatar_info {
    color: #fff
}
    .upload-demo .file-btn {
    display: none
}
    .upload-demo .upload-msg {
    cursor: pointer
}
    .upload-result {
    bottom: 1em;
    position: absolute;
    right: 1em
}
    #form_avatar img.current_user_image {
    position: absolute;
    z-index: 10
}
    #form_avatar .upload_button {
    position: absolute;
    z-index: 15;
    left: 3em;
    top: 1em
}
    #form_avatar .generate_button {
    position: absolute;
    z-index: 15;
    left: 3em;
    top: 4em;
    }
    .round_button {
    background-color: #fff;
    border-radius: 2em;
    box-shadow: -7px 3px 17px 2px #DDD;
    width: 2em;
    height: 2em;
    position: relative
}
    .round_button:after {
    background-size: cover;
    width: 1.2em;
    height: 1.2em;
    content: '';
    position: absolute;
    display: block
}
    .round_button:before {
    text-align: center;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
    body.darktheme .round_button {
    -webkit-filter: invert(1);
    filter: invert(1)
}
    .bloc_func ul li {
    text-align: center;
    height: 2em;
    width: 2em;
    margin: auto
}
    select {
    font-family: 'butler_stencilbold';
    text-transform: none;
    color: #000;
    font-size: 1.2em;
    line-height: 1em;
    padding: 2px;
    border-width: 0;
    background-color: transparent
}
    .darktheme select {
    box-shadow: -7px 3px 17px 2px #333
}
    .insert_haiiku_form_button,.insert_haiiku_form_text {
    float:left
}
    .custom_bottom_content {
    display: flex;
    flex-direction: column;
    gap: 4em;
    width: 100%
}
    .custom_bottom_content .sidebare_block {
    flex: 1;
    overflow: hidden
}
    body.darktheme .sidebare_block div span.display-name {
    color: #fff
}
    .sidebare_block_header h3 {
    letter-spacing: .4em !important;
    font-family: 'butler_stencilregular';
    text-transform: initial;
    font-size: .8em;
    text-align:right
}
    #side-menu {
    width: 50%
}
    .only_mobile {
    display: none
}
    .swiper_follow .img.avatar {
    background-repeat: no-repeat
}
    .header-bloc-content-horiz-menu_new {
    height: 3em;
    position: absolute;
    width: 100%;
    flex-direction: row
}
    body.darktheme .custom-icons-top-menu {
    -webkit-filter: invert(1);
    filter: invert(1)
}
    .block-haiiku-user-profil .display-name {
    right: -6px
}
    @media screen and (max-width: 640px) {
    #bloc_test {
    flex-direction: column
}
    .b_header,.b_content {
    width: 100%
}
    body {
    font-size: .8em
}
    button.suivre_auteur {
    font-size: 80% !important
}
    #wpmem_msg,.wpmem_msg,#wpmem_reg,#wpmem_login {
    width: auto !important
}
    .content_page {
    width: auto !important;
    margin: 1em
}
    .only_mobile {
    display: block
}
    .mobile_hidden {
    display: none !important
}
    .modal-header {
    height: 10vh
}
    .swiper-modal {
    height: 90vh
}
    .modal-dialog {
    max-height: 100%
}
    #author_follow_list {
    margin: 2em
}
    #author_profil {
    display: flex;
    flex-direction: row;
    justify-content: center
}
    #author_profil .block-haiiku-user {
    display: contents
}
    #author_profil .block-haiiku-user-profil {
    width: 50%
}
    #author_profil .block-haiiku-user-profil .display-name {
    position: relative !important;
    font-size: 1.6em
}
    .header_content {
    padding-bottom: 0
}
    .site-identity {
    width: 100%;
    text-align: center
}
    .strip-content h2 {
    margin-left: 0em;
    margin-right: 0em;
    font-size: 1.0em;
    text-align:left
}
    .filters {
    
    margin-right: 1em !importantdisplay: flex;
    flex-wrap: wrap;
    }
    .custom_bottom_content {
    flex-direction: column
}
    #edit_calend_haiiku {
    margin: 0 1em 2em
}
    h2.bloc_slider_title {
    font-size: 1.4em !important;
    margin-left: .2em !important;
    margin-right: 0 !important;
    width: 85%
}
    .content-area {
    padding: 3em 0 0 !important
}
    footer .content-area {
    padding: 0 !important
}
    nav.social-navigation ul li a {
    font-size: .8em;
    color: #000
}
    footer .menu-social-container {
    margin: 5em 0
}
    footer .subfooter {
    display: none
}
    footer #sankukai_logo {
    border-left: 1px solid #EEE;
    margin-left: 0
}
    .header-bloc-content-test {
    height: auto !important
}
    #side-menu .item-list {
    width: unset;
    height: 100%;
    background: red;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}
    .menu-button:checked~.item-list {
    transform: translateX(0%) scale(1)
}
    .menu_background {
    display: none
}
    .menu_mobile {
    position: fixed;
    background-color: #F9F9F9;
    width: 100%;
    height: 100%;
    z-index: 50;
    top: -100%;
    left: 0
}
    body.darktheme .menu_mobile {
    background-color: #1B1B1B
}
    #side-menu {
    width: 100%;
    position: relative;
    z-index: 60
}
    .menu_mobile.open {
    padding-top: 6em;
    padding-left: 3em
}
    
    .menu_mobile .action_button {
    width: 1em;
    margin-top: 2em
}
    .menu_mobile .mobile_menu_content {
    padding: 1em 6em 0 2em
}
    .menu_mobile .sidebar_picto span {
    width: 2.5em;
    height: 2.5em
}
    .menu_mobile .language_switch {
    list-style: disc;
    margin: 0;
    display: none
}
    
    
    .nav-menu {
    margin: 0;
    list-style: disc;
    color: #000
}
    body.darktheme .nav-menu {
    list-style: disc;
    color: #fff
}
    .menu_mobile .nav-menu .menu-item {
    font-size: 1.5em;
    }
    .fonc span.line {
    height: 25px;
    width: 0
}
    .block-haiiku .fonc {
    position: absolute;
    display: inline-table;
    flex-direction: column;
    right: 1em;
    bottom: 1em;
    width: 0
}
    .swiper-button-next,.swiper-button-prev {
    top: 45% !important
}
    .block-haiiku .block-haiiku-user .img.avatar {
    background-repeat: no-repeat;
    background-position: top right;
    background-color: unset !important
}
    .block-haiiku .block-haiiku-text {
    padding-left: 0.5rem;
    }
    .bloc_slider.user_list.reverse {
    display: flex;
    flex-direction: column
}
    .bloc_slider.user_list {
    display: flex;
    flex-direction: reverse-column
}
    .bloc_slider.user_list .header_block,.bloc_slider.user_list .swiper {
    width: auto
}
    .block-user-empty {
    width: unset
}
    .bloc_slider.user_list .swiper .block-users .block-haiiku-user {
    width: 25%
}
    .bloc_slider.user_list .block-haiiku-user-profil .img {
    width: 70%
}
    .hamburger {
    visibility: hidden
}
    #sankukai_logo div {
    background-position:right
}
    .padding_right_w8 {
    padding-right: 0
}
    #form_avatar img.current_user_image {
    max-width: 5em
}
    .form_avatar_info {
    padding-left: 6em
}
    #CalendHaiikuEditForm .swiper-slide {
    height: auto
}
    #CalendHaiikuEditForm .swiper-slide .swiper-modal-content {
    height: 100%
}
    fieldset .div_text {
    max-width: 80%
}
    #calendhaiiku_block {
    width: 83% !important;
    margin-top: 5em
}
    #calendhaiiku_block .swiper {
    z-index: 9
}
    .fonc span:not(.line) {
    flex: initial
}
    .bloc_calendhaiiku .haiiku_list {
    padding-left: 0;
    width: 100%
}
    .bloc_calendhaiiku .users_list {
    padding-left: 0;
    width: 100%
}
    #calendhaiiku_block .fonc_line {
    border-right: 0 solid #fff !important
}
    .padding_right_w8 {
    padding-right: unset !important
}
    #contact_form_bloc {
    margin-left: 1em;
    margin-right: 1em
}
    }
    @media screen and (min-width: 640px) {
    body {
    overflow: auto !important
}
    .bloc_slider.haiiku_list .swiper-button-prev {
    right: 77% !important;
    left: unset !important
}
    .bloc_slider .swiper-button-next {
    right: 1%
}
    .bloc_slider .swiper-button-prev {
    right: 1%
}
    .menu_mobile {
    display: none
}
    .header_menu {
    position: fixed;
    right: 8.33%;
    z-index: 1000
}
    }
    .header-bloc .strip-content .strip-content {
    height: 0px;
    }
    
    .header-bloc-test {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10
}
    .header-bloc {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    height: 0px;
    }
    
    .header-bloc-content-test {
    height: 100vh;
    position: absolute;
    width: 100%
}
    .header-bloc-content {
    height: 100vh;
    position: absolute;
    width: 100%
}
    .lds-dual-ring {
    display: inline-block;
    animation: lds-dual-ring 1.2s linear infinite
}
    .lds-dual-ring:after {
    opacity: 0;
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #000 transparent
}
    @keyframes lds-dual-ring {
    0% {
    transform: rotate(0deg)
}
    100% {
    transform: rotate(360deg)
}
    }
    .loader_block {
    text-align: center
}
    #save_draft_link {
    opacity: 1
}
    .publish_block #publish_haiiku {
    text-align: center;
    margin: auto;
    animation: opacity 1s ease
}
    .publish_block {
    text-align: center;
    display: flex;
    flex-direction: column
}
    .lds-dual-ring.actif:after {
    border-color: orange transparent;
    animation: show-dual-ring 1s forwards ease 1
}
    .lds-dual-ring.done:after {
    border-color: orange transparent;
    animation: hide-dual-ring 2s ease-out 1
}
    @keyframes show-dual-ring {
    0% {
    opacity: 0
}
    50% {
    opacity: 1
}
    100% {
    opacity: 1
}
    }
    @keyframes hide-dual-ring {
    0% {
    opacity: 1
}
    50% {
    border-color: green transparent;
    opacity: 1
}
    75% {
    border-color: green transparent;
    opacity: 1
}
    100% {
    border-color: green transparent;
    opacity: 0
}
    }
    .hide {
    display: none
}
    .haiiku a {
    all: unset;
    cursor: pointer
}
    #bloc_test .swiper {
    width: 100% !important
}
    #bloc_test .header_block {
    width: 100%;
    padding-right: 0
}
    #bloc_test {
    width: 100%;
    display: flex;
    flex-direction: row-reverse
}
    .b_header {
    width: 30%
}
    .b_content {
    width: 70%
}
    .bloc_slider.user_list.test {
    padding: 2em
}
    .bloc_slider.user_list.test .swiper-slide {
    min-height: 25em
}
    .haiiku_bottom_line {
    flex-direction: row;
    display: flex;
    padding: .5rem
}
    .likesCount {
    padding: 0 0 0 6px;
    
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: 10px;
    }
    .likesCountCol{
    flex-wrap: wrap;
    margin-left: auto;
    }
    .act-fav,.act-like,.act-dislike,.act-like-leaf,.act-share {
    cursor: pointer
}
    .act-like-leaf img{
    
    width=20;
    height=20;
    }
    .act-like.active {
    color: green
}
    
    .act-like-leaf.active {
    color: green
}
    .act-like-leaf,.act-like-checked {
    font-size: min(2.5vw, 20px) !important
}
    .act-share {
    content: url('/wp-content/themes/calendhaiikou/images/ico_share.svg')
}
    .act-like-checked {
    content: url('/wp-content/themes/calendhaiikou/images/ico_leaf_unchecked.svg')
}
    .act-like-checked.active {
    content: url('/wp-content/themes/calendhaiikou/images/ico_leaf_checked.svg')
}
    #share-buttons .img {
    height: 30px
}
    .s-hidden {
    visibility: hidden;
    padding-right: 10px
}
    .dbSwiper select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1em;
    color: #C2BEBD;
    border: 1px solid #ccc;
    padding: 2px;
    background-color: transparent;
    font-family: 'butler_stencilbold';
    border-radius: 5px;
    
    margin-right: 0.5rem;
    }
    .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 0 10px;
    font-weight: 700
}
    .styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #000 transparent transparent;
    position: absolute;
    top: 9px;
    right: 6px
}
    .styledSelect:active,.styledSelect.active {
    background-color: #eee
}
    .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}
    .options li {
    padding: 0 6px;
    margin: 0;
    padding: 0 10px
}
    .options li:hover {
    background-color: #39f;
    color: #fff
}
    .socialShareDiv button {
    border: 2px solid #000;
    background: #fff;
    color: #000;
    border-radius: 0;
    padding: padding: 10px 10px;
    margin-top: 0;
    z-index: 100
}
    .custom-icons-share {
    background: url(/wp-content/themes/calendhaiikou/images/ico_share.png);
    width: 50px;
    height: 50px
}
    .socialShareDiv {
    display: flex;
    position: absolute;
    flex-direction: column
}
    .socialShareBarDiv {
    display: flex;
    background-color: blue;
    flex-direction: column;
    z-index: 101
}
    .socialshare_picto {
    cursor: pointer;
    display: flex;
    margin: 0 auto;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    background-size: contain
}
    .custom-icons-socialshare {
    background: url(/wp-content/themes/calendhaiikou/images/ico_black_and_white.svg);
    cursor: pointer;
    display: flex;
    margin: 0 auto;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    background-size: contain;
    z-index: 100
}
    ul.socials {
    margin-top: 10px;
    float:right
}
    ul.socials li {
    display: inline-block
}
    ul.socials li span {
    font-size: 13px;
    margin-right: 10px
}
    .bloc_slider_title_doNotMiss,.doNotMiss_filters,.bloc_slider_title_follow,.bloc_slider_title_followBy {
    margin-left: 10%;
    margin-right: 0em!important;
    }
    .validation_inscription #user_email {
    visibility: hidden;
    position: absolute
}
    .validation_inscription .round {
    visibility: hidden;
    position: absolute
}
    .social-share img {
    height: 32px;
    width: 32px
}
    .social-share {
    padding-right: 5px
}
    .share_elem {
    cursor: pointer;
    width: 32px
}
    .site-identity .site-title {
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.56;
    text-transform: uppercase;
    
    margin: 1rem 0rem 1rem 0rem !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    @media screen and (min-width: 640px) {
    .site-identity .site-title {
    
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 3px;
    }
    }
    
    .dashicons,.dashicons-before:before {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in
}
    
    #nsl-custom-login-form-1{
    visibility: hidden;
    }
    .social_connexion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .social_connexion #nsl-custom-login-form-1{
    visibility: visible!important;
    }
    .social_connexion h5{
    margin-top: 0px!important;
    margin-bottom: 0.8rem;
    }
    .social_connexion .entry-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 261px!important;
    }
    
    .social_connexion_sep {
    display: flex;
    align-items: center;
    text-align: center;
    }
    .social_connexion_sep::before,.social_connexion_sep::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
    }
    .social_connexion_sep:not(:empty)::before {
    margin-right: .25em;
    }
    .social_connexion_sep:not(:empty)::after {
    margin-left: .25em;
    }
    .social_connexion_accept{
    text-align: justify;
    padding: .5rem;
    margin-bottom: 20px;
    margin-top: 20px;
    color: rgb(113, 118, 123);
    line-height: 12px;
    font-size: 11px;
    font-weight: 400;
    font-family: "TwitterChirp",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    word-wrap: break-word;
    flex: 1;
    width: 100%!important;
    }
    .nsl-button-google{
    border-radius: 20px!important;
    width: 100%!important;
    }
    .nsl-button-facebook {
    background-color: #fff!important;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25)!important;
    color: RGBA(0, 0, 0, 0.54)!important;
    display: flex!important;
    border-radius: 20px!important;
    width: 100%!important;
    }
    .nsl-button-label-container{
    margin: 0px!important;
    flex: none!important;
    }
    div.nsl-container {
    text-align: center!important;
    width: 100%!important;
    }
    .social_connexion .nsl-container-buttons{
    display: flex!important;
    ;
    }
    .connec_button{
    width: 261px!important;
    height: 40px!important;
    }
    
    
    
    
    .stats .wrapper {
    display: inline-block;
    width: 180px;
    margin: 0 10px 0 0;
    height: 20px;
    position: relative;
    }
    .stats .parent {
    padding: 0.3rem;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    border-radius: 5px;
    background: #F9F9F9;
    border: 1px solid #AAA;
    border-bottom: 1px solid #777;
    color: #282D31;
    font-weight: bold;
    z-index: 2;
    position: relative;
    
    }
    .stats .parent:hover,.stats .content:hover ~ .parent {
    background: #fff;
    -webkit-transition-delay: 0s, 0s, 0s;
    }
    .stats .content:hover ~ .parent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 0;
    }
    .stats .content {
    
    height: auto;
    top: 0;
    display: flex;
    z-index: 1;
    height: auto;
    
    
    border: 1px solid #777;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    
    
    z-index: 3;
    }
    
    .stats .content ul {
    background: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }
    .stats .content ul a {
    text-decoration: none;
    }
    .stats .content li:hover {
    background: #eee;
    color: #333;
    }
    
    .stats .content li a {
    list-style: none;
    text-align:left;
    color: #888;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    }
    .stats .content li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    }
    
    
/*2026-10-25-share-buttons*/.share_haiiku{flex-shrink:0}.share-buttons{height:auto!important;min-height:36px;padding-top:2px!important;padding-bottom:2px!important;overflow:visible!important;align-items:center;flex-shrink:0;min-width:max-content}.share-buttons .social-share{display:flex;align-items:center;height:32px;flex-shrink:0;overflow:visible}.share-buttons .social-share img{display:block;width:32px;height:32px;max-width:none;max-height:none} 
/*2026-10-25-align-text*/.block-haiiku .block-haiiku-text{align-self:flex-end} 
/*2026-10-25-haiiku-title*/.block-haiiku-text .haiiku_title{display:block;line-height:1.2;margin-bottom:2px}.block-haiiku-text .haiiku_title+cite{display:block} 
