/*
 * Personnalisation du thème
 * */

body {
    /*background-image: url('../images/bg.png');*/
    background-repeat: repeat; 
    background-attachment: fixed;
    background-position: center;
	font-family: jaf-cupidus, sans-serif;
}

/* Debut title */

.title_decorated {
    position: relative;
    padding-left: 80px;
}

.title_decorated::before {
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    left: 0;
    background-image: url('../images/bobine.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-15deg);
}

.title_decorated_2 {
    padding-left: 60px;
}
.title_decorated_2::before {
    transition: all .3s ease-in-out;
    width: 50px;
    height: 50px;
    background-image: url('../images/des-a-coudre.png');
    transform: rotate(0deg);
}

.title_decorated_2:hover::before {
    transform: rotate(-15deg);
}

/* Fin title */

/* Début bouton */
.site-container  .wp-block-button {
    transition: all .3s;
    border: dashed 2px transparent;
    padding: 2px 26px;
    border-radius: 8px;
    background-color: #eef8ff;
    border: dashed 2px #d0ecff;
}
.site-container  .wp-block-button:hover {
    border: dashed 2px #abdbfd;
    background-color: #cfebff;
}

.site-container .wp-block-button > a.wp-block-button__link {
    font-size: 1.8em;
    padding: 0;
    font-family: hello-my-love-pro, sans-serif;
    color: inherit;
    background-color: transparent;
}
.site-container .wp-block-button > a.wp-block-button__link:hover,
.site-container .wp-block-button > a.wp-block-button__link:focus {
    color: inherit;
    box-shadow: none;
    background-color: transparent;
}
/* Fin bouton */

.hello {
	font-family: hello-my-love-pro, sans-serif;
}
.ornement {
	font-family: hello-my-love-ornaments, sans-serif;
}

.single .post .entry-header,
.bloc_decorated {
    position: relative;
    padding-bottom: 50px;
    overflow: hidden;
}
.home .bloc_decorated {
    padding-bottom: 80px;
}

.bloc_decorated::after,
.bloc_decorated::before {
    content: '';
    display: block;
    width: 200px;
    height: 100px;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 10%;
    background: url("../images/before_el.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.bloc_decorated::after {
    left: calc(10% + 165px);
    background-image: url("../images/after_el.png");
}

@media only screen and (min-width: 960px) {
    .bloc_decorated::after,
    .bloc_decorated::before {
        left: 30%;
    }
    .bloc_decorated::after {
        left: calc(30% + 165px);
    }
}

/*Debut Profil Shortcode*/
.profil-container {
    padding: 0 40px;
}
.profil-container-img {
    width: 170px;
    height: 170px;
    margin: auto;
    border-radius: 5px;
    overflow: hidden;
}
.profil-container-img > img {
    max-width: 100%;
    position: relative;
    top: -20px;
}
.profil-container > h2 {
    position: relative;
    padding-left: 45px;
    margin: auto;
    width: 170px;
}

.profil-container > h2::before {
    width: 40px;
    height: 40px;
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    background-image: url('../images/bobine.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-15deg);
}
.profil-container > p {
    background-color: #eef8ff;
    padding: 10px;
    font-size: .8em;
    text-align: justify;
}
/*Fin Profil Shortcode*/


.site-container {
    background: url('../images/bg-m.jpg') repeat;
}

/* Début Header Primary */
.site-header {
    height: 150px;
    background: rgb(250, 249, 255);
    
    background-size: auto;
    background-repeat: repeat;
}

.site-header .menu-toggle {
    margin-right: 0;
}

.site-header .title-area {
    position: relative;
    top: 10px;
}

.site-header > .wrap {
	height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

/* Début Navigation Header Menu Primary */

.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item {
    transition: all .3s;
    border: dashed 2px transparent;
    padding: 2px 17px;
    border-radius: 8px;
}
.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item:hover {
	border: dashed 2px #f9edea;
    background: #fadbd7;
    padding: 2px 17px;
}

.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item a {
	color: #ffc3c3;
}

.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item a:hover,
.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item a:focus,
.site-header > .wrap .nav-primary > .wrap > .menu > .current-menu-item a,
.site-header > .wrap .nav-primary > .wrap > .menu > .current-menu-item:hover a:hover,
.site-header > .wrap .nav-primary > .wrap > .menu > .current-menu-item:hover a:focus {
	color: #4f1a1a;
}

.site-header > .wrap .nav-primary {
    flex: 1;
    width: 100vw;
    height: auto;
    position: absolute;
    inset: 148px 0px 0px;
    bottom: auto;
    background: rgb(255, 255, 255);
    z-index: 10;
}
.logged-in .site-header > .wrap .nav-primary {
    inset: 170px 0px 0px;
    bottom: auto;
}
.site-header > .wrap .nav-primary > .wrap {
	width: 100%;
}
.site-header > .wrap .nav-primary > .wrap > .menu {
	text-align: right;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5em;
}

.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item {
    min-width: 135px;
}

.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item {
    position: relative;
	border: dashed 2px #7b230d;
    background: #fadbd7;
    padding: 2px 15px 2px 30px;
}
.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item:hover {
    padding: 2px 15px 2px 30px;
}
.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item::before {
    content: '';
    width: 30px;
    height: 30px;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item:nth-child(3n+1)::before {
    background-image: url(../images/des-a-coudre.png);
}
.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item:nth-child(3n+2)::before {
    background-image: url(../images/bouton.png);
}
.site-header > .wrap .nav-primary > .wrap > .menu > .menu-item.current-menu-item:nth-child(3n)::before {
    background-image: url(../images/pelotte.png);
}

@media only screen and (min-width: 960px) {
    .site-header > .wrap .nav-primary {
        text-align: right;
        height: auto;
        width: auto;
        position: static;
        inset: 0px;
        background: transparent;
        z-index: 10;
    }
    .logged-in .site-header > .wrap .nav-primary {
        inset: 0px;
    }

    .site-header > .wrap .nav-primary > .wrap > .menu {
        width: 100%;
        display: inline;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
    }
    .site-header > .wrap .nav-primary > .wrap > .menu > .menu-item {
        width: auto;
    }

}
/* Fin Navigation Header Menu Primary */
/* Fin Header Primary */




/* Début Footer Primary */
.site-footer .nav-secondary .menu-item .title_decorated.title_decorated_2 {
    font-family: jaf-cupidus, sans-serif;
    font-size: 14px;
    padding-left: 0;
}
.site-footer .nav-secondary .menu-item .title_decorated.title_decorated_2::before {
    display: none;
}
/* Fin Footer Primary */

/* Début Page d'accueil */

.list-articles .gb-post-grid-items > article {
    position: relative;
    margin-bottom: 0;
}
.list-articles .gb-post-grid-items > article > .gb-block-post-grid-text {
    position: absolute;
    width: 100%;
    background: #ffffff95;
    bottom: 20px;
    padding: 0px 10px;
}

/* Fin Page d'accueil */

.site-inner main.content {
    padding-top: 0;
    position: relative;
}

@media only screen and (min-width: 960px) {
    .site-header .nav-primary {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.site-inner {
	background: rgba(255, 255, 255, .85);
}

.wp-block-media-text.alignfull {
	background: white;
}

main.content {
	background: white;
	padding: 10px;
}

/* Debut Menu Categories */
.menu_categories_container {
    background-color: #ffffff;
    margin-bottom: 25px;
}
.menu_categories_container h4 {
    font-size: 46px;
}
.menu-category-menu-container {
    margin-bottom: 70px;
}
.categories_menu {
    margin-top: 25px;
    margin-bottom: 25px;
}

.categories_menu > .wp-block-navigation,
.menu-category-menu-container > .menu {
    display: flex;
    justify-content: center;
    gap: .5em;
    flex-wrap: wrap;
}
.categories_menu > .wp-block-navigation > .wp-block-navigation-item,
.menu-category-menu-container > .menu > .menu-item {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.8em;
    transition: all .3s;
    border: dashed 2px transparent;
    padding: 2px 17px;
    border-radius: 8px;
    background-color: #eef8ff;
    border: dashed 2px #d0ecff;
}

.categories_menu > .wp-block-navigation > .wp-block-navigation-item:hover,
.menu-category-menu-container > .menu > .menu-item:hover {
    border: dashed 2px #abdbfd;
    background-color: #cfebff;
}

.categories_menu > .wp-block-navigation > .wp-block-navigation-item > a,
.menu-category-menu-container > .menu > .menu-item > a {
    color: inherit;
    text-decoration: none!important;
}

.menu-category-menu-container > .menu > .menu-item.current-menu-item {
    border: dashed 2px #abdbfd;
    background-color: #cfebff;
}
.menu-category-menu-container > .menu > .menu-item.current-menu-item > a {
    
}

@media only screen and (min-width: 960px) {
    .categories_menu > .wp-block-navigation,
    .menu-category-menu-container > .menu {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

/* Fin Menu Catégorie */

/* Début Pages d'archives */
.archive .post,
.blog .post {
    background-color: #eef8ff;    
}
.archive .post .entry-header,
.blog .post .entry-header {
    padding: 20px;
    padding-bottom: 0;
}
.blog .post .entry-header .entry-meta,
.archive .post .entry-header .entry-meta {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.blog .post .entry-header .entry-meta .post-edit-link,
.archive .post .entry-header .entry-meta .post-edit-link {
    position: absolute;
    bottom: -20px;
}

.archive .post .entry-content,
.blog .post .entry-content {
    padding: 20px;
}
.archive .post .entry-content .attachment-post-thumbnail,
.blog .post .entry-content .attachment-post-thumbnail {
    border-radius: 5px;
    margin-bottom: 10px;
}

.archive .post .entry-footer,
.blog .post .entry-footer {
    padding: 20px;
}
.archive .post .entry-footer .entry-meta,
.blog .post .entry-footer .entry-meta {
    
}

.archive .post .entry-footer .entry-meta .entry-categories,
.blog .post .entry-footer .entry-meta .entry-categories {
    
}
.archive .post .entry-footer .entry-meta .entry-categories a,
.blog .post .entry-footer .entry-meta .entry-categories a {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.6em;
    transition: all .3s;
    border: dashed 2px transparent;
    padding: 0 10px;
    border-radius: 8px;
    background-color: #eef8ff;
    border: dashed 2px #d0ecff;
    color: inherit;
    text-decoration: none!important;
}
.archive .post .entry-footer .entry-meta .entry-categories a:hover,
.blog .post .entry-footer .entry-meta .entry-categories a:hover {
    border: dashed 2px #abdbfd;
    background-color: #cfebff;
}

.blog .post .entry-comments-link,
.archive .post .entry-comments-link {
    transition: all .3s ease-in-out;
    font-size: 1em;
    background: #fadbd76e;
    text-align: center;
    padding: 0 10px;
    border-radius: 5px;
    border: dashed #ffd8d8 2px;
}
.blog .post .entry-comments-link:hover,
.archive .post .entry-comments-link:hover {
    background: #fbccc66e;
}
.blog .post .entry-comments-link::before,
.archive .post .entry-comments-link::before {
    display: none;
}
.blog .post .entry-comments-link > a,
.archive .post .entry-comments-link > a {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.8em;
    text-decoration: none;
    color: inherit;
}

.blog .post .entry-time,
.archive .post .entry-time {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.8em;
    font-weight: 600;
}

.archive-description {
    background: #fadbd76e;
    text-align: center;
    padding: 20px 0;
    border-radius: 5px;
    border: dashed #ffc3c3 4px;
}
.archive-title {
    font-size: 52px;
    font-weight: 400;
}
/* Fin Pages d'archives */

/* Debut Aside Sidebar Widget */
.sidebar {
    background-color: white;
    padding: 10px;
}

.sidebar.sidebar-primary.widget-area {
}

.sidebar.sidebar-primary.widget-area .widget-wrap {

}

.sidebar.sidebar-primary.widget-area .widget_media_image {
    text-align: center;
    max-width: 195px;
    margin: auto;
    margin-bottom: 25px;
}

.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-heading {}
.sidebar.sidebar-primary.widget-area .widget_calendar,
.sidebar.sidebar-primary.widget-area .wp-calendar-table {
    margin-bottom: auto;
}


.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-categories-list a,
.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-archives-list a,
.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a.wp-block-latest-posts__post-title {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts h3.title_decorated.title_decorated_2 {
    font-family: jaf-cupidus, sans-serif;
    font-size: 16px;
    padding-left: 35px;
    margin-bottom: 0px;
}
.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts h3.title_decorated.title_decorated_2::before {
    width: 30px;
    height: 30px;
    background-image: url('../images/pelotte.png');
    top: -5px;
}

.page .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a,
.single .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a {
    padding-left: 35px; 
 }
 .page .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a::before,
 .single .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a::before {
         width: 30px;
         height: 30px;
         content: '';
         position: absolute;
         top: -5px;
         left: 0;
         background-image: url('../images/pelotte.png');
         background-repeat: no-repeat;
         background-size: contain;
         transform: rotate(0deg);
         transition: all .3s ease-in-out;
 }
 .page .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a:hover::before,
 .single .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-latest-posts a:hover::before {
     transform: rotate(-15deg);
 }

.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-archives-list a {
   padding-left: 40px; 
}
.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-archives-list a::before {
        width: 30px;
        height: 30px;
        content: '';
        position: absolute;
        top: -4px;
        left: 0;
        background-image: url('../images/bouton.png');
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(-60deg);
        transition: all .3s ease-in-out;
}
.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-archives-list a:hover::before {
    transform: rotate(0deg);
}

.sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-categories-list a {
    padding-left: 35px; 
 }
 .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-categories-list a::before {
         width: 30px;
         height: 30px;
         content: '';
         position: absolute;
         top: -8px;
         left: 0;
         background-image: url('../images/des-a-coudre.png');
         background-repeat: no-repeat;
         background-size: contain;
         transform: rotate(0deg);
         transition: all .3s ease-in-out;
 }
 .sidebar.sidebar-primary.widget-area .widget-wrap .wp-block-categories-list a:hover::before {
     transform: rotate(-15deg);
 }


/* Fin Sidebar Widget */

/* debut Single */

.single .post .entry-header {
    position: relative;
    padding: 20px;
    /* padding-bottom: 140px; */
    margin-bottom: 10px;
    background-color: #eef8ff;
}
/* .single .post .entry-header::after {
    content: '';
    display: block;
    width: 100%;
    height: 130px;
    max-width: 80%;
    position: absolute;
    margin: auto;
    bottom: 10px;
    left: 10%;
    background: url("../images/arabesque.png");
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
} */

.single .post .entry-header .entry-meta {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

.single .post .entry-header .entry-meta .post-edit-link {
    position: absolute;
    bottom: -20px;
}

.single .post .entry-comments-link {
    transition: all .3s ease-in-out;
    font-size: 1em;
    background: #fadbd76e;
    text-align: center;
    padding: 0 10px;
    border-radius: 5px;
    border: dashed #ffd8d8 2px;
}
.single .post .entry-comments-link:hover {
    background: #fbccc66e;
}
.single .post .entry-comments-link::before {
    display: none;
}
.single .post .entry-comments-link > a {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.8em;
    text-decoration: none;
    color: inherit;
}

.single .post .entry-time {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.8em;
    font-weight: 600;
}

.comment-respond > .comment-reply-title,
.single .entry-header .entry-title {
    position: relative;
    padding-left: 80px;
    font-size: 46px;
}

.comment-respond > .comment-reply-title::before,
.single .entry-header .entry-title::before {
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    left: 0;
    background-image: url('../images/bobine.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-15deg);
}
.single .entry-header .entry-title {

}

.single .post .entry-footer .entry-meta .entry-categories a {
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.6em;
    transition: all .3s;
    border: dashed 2px transparent;
    padding: 0 10px;
    border-radius: 8px;
    background-color: #eef8ff;
    border: dashed 2px #d0ecff;
    color: inherit;
    text-decoration: none!important;
}
.single .post .entry-footer .entry-meta .entry-categories a:hover {
    border: dashed 2px #abdbfd;
    background-color: #cfebff;
}
/* Fin Single */

/* debut Page */
.page .entry-header .entry-title {
    position: relative;
    padding-left: 80px;
    font-size: 46px;
}
.page .entry-header .entry-title::before {
    width: 70px;
    height: 70px;
    content: '';
    position: absolute;
    left: 0;
    background-image: url('../images/bobine.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-15deg);
}
/* Fin Page */

/* Début Pagination */
.pagination > ul > li > a {
    transition: all .3s ease-in-out;
    font-size: 1em;
    background: #fadbd76e;
    text-align: center;
    padding: 0 10px;
    border-radius: 5px;
    border: dashed #ffd8d8 2px;
    font-family: hello-my-love-pro, sans-serif;
    font-size: 1.4em;
    text-decoration: none;
    color: inherit;
}
.pagination > ul > li > a:hover {
    background: #fbccc66e;
    color: inherit;
}
.pagination > ul > li.active > a {
    background-color: #fbccc66e;
    color: inherit;
}
/* Fin Pagination */

/* Début Form */
.wpforms-form .wpforms-submit-container button.wpforms-submit,
.form-submit .submit {
    transition: all .3s ease-in-out!important;
    font-size: 1em!important;
    background: #fadbd76e!important;
    text-align: center!important;
    padding: 0 10px!important;
    border-radius: 5px!important;
    border: dashed #ffd8d8 2px!important;
    font-family: hello-my-love-pro, sans-serif!important;
    font-size: 1.8em!important;
    text-decoration: none!important;
    color: inherit!important;
}

.wpforms-form .wpforms-submit-container .wpforms-submit:hover,
.form-submit .submit:hover {
    background: #fbccc66e!important;
    color: inherit!important;
    border-width: 2px!important;
}
/* Fin Form */

.test {
    /* Blue */
    color: #eef8ff;
    color: #d0ecff;
    color: #cfebff; /* hover */
    color: #abdbfd;

    /* Red */
    color: #fadbd76e;
    color: #fbccc66e;
    color: #ffd8d8; /* hover */
    color: #ffc3c3;
    color: #7b230d;

    /* Rose */
    color: #ffffff;
    color: #fcf3ff;
    color: #f6d4ff;
    color: #88778c;
    color: #4c3d50;
    
}