/*
Theme Name: Maginette
Theme URI: https://www.maginette.fr/
Author: Agence AGORALYS
Author URI: https://www.agoralys.com/
Description: 2018 Maginette WordPress theme.
Version: 1.0

*/

* {
    border: 0;
}
body {
    font-family: 'Work Sans', sans-serif !important;
    overflow-x: hidden;
    color: #995e99;
}
.center {
    text-align: center;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
a {
    color: #995e99;
    transition: all 0.3s ease-in-out;
}
a:hover {
    text-decoration: none;
    color: #e26396;
}
a:focus {
    outline: none;
    text-decoration: none;
}
.ov {
    overflow: visible !important
}
img-responsive {
    width: 100%;
    height: auto;
}
.pad0 {
    padding: 0 !important;
}
p,
li {
    font-size: 1.1em;
}
.container-fluid {
    padding: 0;
}
@media(max-width:767px) {
    .vc_row .vc_column_container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /*.vc_column_container>.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important
    }*/
}
@media(max-width:1023px) {
    .order1 {
        order: 1
    }
    .order2 {
        order: 2
    }
}
@media (min-width: 768px) {
    .nopad {
        padding: 0;
    }
    .nopad div.vc_column-inner {
        padding: 0 !important;
    }
    #masthead + .container > div:first-child {
        margin-top: 60px;
    }
}
@media (min-width: 1200px) {
    #masthead + .container > div:first-child {
        margin-top: 78px;
    }
}

/*------------------------- logo nav-----------------------*/

header .logo-nav img {
    width: 138px;
}
@media (min-width: 768px) {}
@media (min-width: 1024px) {}
@media (min-width: 1200px) {
    header .logo-nav img {
        width: 70%;
        margin: 10px 0;
    }
}
@media (min-width: 1400px) {
    header .logo-nav img {
        width: 60%;
        margin: 7px 0;
    }
}
@media (min-width: 1800px) {
    header .logo-nav img {
        width: 50%;
    }
}

/*--------------------menu principal ---------------------*/

.ubermenu-nav {
    margin-top: 25px !important;
    padding-bottom: 25px !important;
}
nav.ubermenu {
    width: 100%;
}
section.navigation {
    background-color: #fff;
}
#site-header-menu {
    display: inline-block;
    width: 100%;
}
#site-navigation {
    display: inline-block;
}
#site-header-menu ul li a {
    color: #995e99;
    font-size: 1.1em;
    font-size: 500;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 10px;
    text-align: center;
}
#site-header-menu ul li a:hover,
#site-header-menu li.ubermenu-item.ubermenu-current-menu-item.ubermenu-current_page_item a,
#site-header-menu li.ubermenu-current-menu-ancestor.ubermenu-current-menu-parent a {
    color: #e26396
}
li.cta-devis {
    text-align: center !important;
}
li.cta-devis a {
    background-color: #e26396 !important;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
    font-family: 'Caveat', cursive;
    font-size: 1.5em;
    text-transform: uppercase !important;
    padding: 7px 22px!important;
    display: inline-block !important;
    margin: 19px auto 0!important;
    text-align: center;
}
li.cta-devis a:hover {
    background-color: #995e99 !important
}
.ubermenu-responsive-toggle {
    position: absolute !important;
    top: -38px !important;
    right: 0 !important;
}
.ubermenu-skin-minimal.ubermenu-responsive-toggle {
    color: #f08013 !important;
    font-size: 17px !important;
    text-transform: uppercase !important;
}
.ubermenu .ubermenu-target li {
    border-bottom: 1px solid #eee !important;
}
.ubermenu-submenu li {
    text-align: center !important;
}
.colmenu {
    margin-top: -20px
}
@media (min-width: 768px) {
    .ubermenu-submenu {
        padding-bottom: 10px !important;
    }
    nav#site-navigation {
        display: flex;
    }
    nav#site-navigation nav {
        margin: auto
    }
    #masthead {
        width: 100%;
        position: fixed;
        z-index: 22;
        background-color: #fff;
    }
}
@media (min-width: 992px) {
    .ubermenu-submenu li {
        text-align: left !important;
    }
    #site-header-menu ul li a {
        border-bottom: 1px solid #fff;
        font-size: 0.75em;
        text-align: left;
    }
    .rowtop {
        display: flex;
        align-items: center;
    }
    #site-header-menu {
        display: flex;
        float: right;
        width: 100%;
    }
    .ubermenu .ubermenu-target {
        padding: 7px 8px !important;
        transition: all 0.3s ease-in-out;
        font-size: 0.85em;
        border: none !important;
    }
    .ubermenu-nav {
        display: flex !important;
        align-items: center;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        justify-content: space-between;
    }
    li.cta-devis {
        border-left: 1px solid #e0cee0 !important;
        padding-left: 15px !important;
    }
    li.cta-devis a {
        margin: 0 !important;
    }
    .colmenu {
        margin-top: 0
    }
    .ubermenu .ubermenu-target {
        padding: 7px 5px !important;
    }
    #masthead {
        padding: 0 15px;
    }
}
@media (min-width: 1024px) {
    
}
@media (min-width: 1200px) {
   #site-header-menu ul li a {
       
        font-size: 0.85em;
       
    }
    
    li.cta-devis {
        padding-left: 20px !important;
    }
    .ubermenu .ubermenu-target {
        font-size: 0.95em;
    }
}
@media (min-width: 1400px) {
     .ubermenu .ubermenu-target {
        padding: 7px 15px !important;
    }
    
    li.cta-devis {
        padding-left: 30px !important;
    }
}
@media (min-width: 1600px) {
    
    #site-header-menu ul li a {
        font-size: 1em;
    }
}

/*----------------footer-----------------*/

section.footer-devis {
    background-image: url(/wp-content/themes/maginette/img/bg-footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -424px;
}
section.footer-devis .bulle {
    padding: 43px 20px;
    text-align: center
}
section.footer-devis .bulle p {
    font-size: 2.2em;
    font-family: 'Caveat', cursive;
    font-weight: 700;
    margin-top: 0;
    color: #fff;
}
section.footer-devis .cta-footer-devis {
    background-color: #fff;
    color: #995e99;
    text-transform: uppercase;
    border-radius: 72px;
    padding: 4px 20px !important;
    font-size: 1.6em;
    font-weight: 600;
    font-family: 'Caveat', cursive;
    margin-top: 15px;
    display: inline-block;
    transition: all 0.3s ease-on-out;
}
section.footer-devis .cta-footer-devis:hover {
    background-color: #995e99;
    color: #fff;
}
li.cta-devis-footer a {
    background-color: #e26396;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
    font-family: 'Caveat', cursive;
    font-size: 1.3em;
    text-transform: uppercase !important;
    padding: 5px 20px
}
li.cta-devis-footer a:hover {
    background-color: #995e99;
}
section.footer-menu {
    background-color: #58375a;
    padding: 10px 0 15px;
    text-align: center;
}
section.footer-menu #menu-footer {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
section.footer-menu #menu-footer li {
    padding: 7px 0
}
section.footer-menu #menu-footer li a {
    color: #fff;
}
section.footer-menu #menu-footer li a:hover {
    color: #e26396;
}
section.footer-infos {
    background-color: #3a1d3b;
    padding: 20px 0;
}
section.footer-infos .col-xs-12 a,
section.footer-infos .col-xs-12 p {
    color: #fff;
    display: block;
}
section.footer-infos .col-xs-12 a:hover {
    color: #e26396;
}
section.footer-infos .cta-contact-footer {
    background-color: #58375a;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
    font-family: 'Caveat', cursive;
    font-size: 1.3em;
    text-transform: uppercase !important;
    padding: 5px 20px;
    text-align: center;
}
section.footer-infos .cta-contact-footer:hover {
    background-color: #280628;
}
section.footer-infos .logo-footer {
    width: 174px;
    margin: 0 auto 22px;
}
section.footer-infos .line {
    width: 50px;
    border-bottom: 1px solid #995e99;
    display: inline-block;
    margin: 20px 0 16px;
}
section.footer-infos .col-xs-12 {
    text-align: center;
}
@media(min-width:430px) {
    section.footer-devis {
        background-position: center
    }
    section.footer-devis .bulle {
        padding: 20px 20px;
    }
    section.footer-infos .logo-footer {
        width: 31%;
    }
}
@media(min-width:500px) {
    section.footer-devis .bulle {
        padding: 45px 20px;
    }
}
@media(min-width:768px) {
    section.footer-menu #menu-footer li {
        padding: 0
    }
    section.footer-menu #menu-footer li {
        font-size: 0.9em
    }
    li.cta-devis-footer {
        border-left: 1px solid #e0cee0 !important;
        padding-left: 30px !important;
    }
    section.footer-menu {
        padding: 35px 0;
    }
    section.footer-menu #menu-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    section.footer-infos .logo-footer {
        width: 25%;
        margin: 0;
    }
    section.footer-infos .line {
        width: 1px;
        height: 50px;
        border-bottom: none;
        border-right: 1px solid #995e99;
        margin: 0;
    }
    section.footer-infos .col-xs-12 {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    section.footer-infos {
        padding: 50px 0;
    }
    section.footer-devis .bulle p {
        font-size: 2.9em;
    }
    section.footer-devis {
        background-size: cover;
        background-position: center
    }
    section.footer-devis .bulle {
        padding: 77px 0px 50px;
    }
}
@media(min-width:1024px) {
    section.footer-menu #menu-footer li {
        font-size: 1em
    }
    section.footer-devis .bulle p {
        font-size: 3.5em;
    }
    section.footer-devis .bulle {
        padding: 100px 0px 70px;
    }
}
@media(min-width:1200px) {
    section.footer-devis .bulle {
        padding: 109px 0px 72px;
    }
}
@media(min-width:1400px) {
    section.footer-devis .bulle {
        padding: 104px 50px 55px 0px;
    }
}
@media(min-width:1600px) {
    section.footer-devis .bulle {
        padding: 104px 61px 71px 0px;
    }
}
@media(min-width:1700px) {
    section.footer-devis .bulle {
        padding: 128px 61px 84px 0px;
    }
}
@media(min-width:2000px) {
    section.footer-devis .bulle {
        padding: 141px 61px 84px 0px;
        min-height: 380px;
    }
}

/**/

section.mentions {
    background-color: #280628;
    padding: 7px 0;
    text-align: center;
}
section.mentions p,
section.mentions a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease-in-out;
}
section.mentions p {
    margin: 0;
}
section.mentions a:hover {
    color: #fff;
}
@media (min-width: 768px) {
    section.mentions {
        padding: 15px 0;
    }
}
@media (min-width: 1024px) {
    span.agoralys {
        margin-left: 30px;
    }
    section.mentions p,
    section.mentions a {
        font-size: 14px;
    }
}

/*----------------------général-----------------------*/

.title p {
    color: #fff;
    font-size: 2.3em;
    font-family: 'Caveat', cursive;
    line-height: 0.9em;
    text-align: center;
}
.h1home h1 {
    color: #fff;
    font-size: 1.2em;
    font-weight: 400 !important;
    font-family: 'Work Sans', sans-serif;
    text-align: center;
}
h3 {
    font-size: 1.9em;
    font-family: 'Caveat', cursive;
    font-weight: 700;
    margin-top: 0;
}
h1 {
    font-size: 2em;
    font-weight: 200 !important;
}
h1.styleh1 {
    color: #fff;
    text-align: center;
}
.styleh1 {
    font-size: 2em;
    font-weight: 200 !important;
    color: #fff;
    text-align: center;
}
h2 {
    font-size: 2em;
    font-weight: 400;
}
h4 {
    font-weight: 500;
    font-size: 1.1em;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    h1 {
        font-size: 2em;
        font-weight: 400;
        margin-top: 35px;
    }
    .styleh1 {
        font-size: 2em;
        font-weight: 400;
        margin-top: 35px;
    }
    h2 {
        font-size: 2.9em;
        font-weight: 200;
    }
    .title p {
        font-size: 2em;
        text-align: left;
    }
    .h1home h1 {
        font-size: 1.1em;
        text-align: left;
    }
}
@media (min-width: 992px) {
    .title p {
        font-size: 2.2em;
    }
    .h1home h1 {
        font-size: 1.3em;
    }
}
@media (min-width: 1200px) {
    .title p {
        font-size: 2.8em;
    }
    .h1home h1 {
        font-size: 1.7em;
    }
    h3 {
        font-size: 2.5em;
    }
    h1 {
        font-size: 3.5em;
    }
    .styleh1 {
        font-size: 3.5em;
    }
    h2 {
        font-size: 3.5em;
    }
}
@media (min-width: 1400px) {
    h4 {
        font-size: 1.2em;
    }
}
@media only screen and (min-width: 830px) and (max-width: 991px) {
    .title p {
        text-align: center
    }
    .h1home h1 {
        text-align: center;
    }
}
@media only screen and (min-width: 1030px) and (max-width: 1199px) {
    .title p {
        text-align: center
    }
    .h1home h1 {
        text-align: center;
    }
}

/*----------------barre cookies--------------------*/

#cn-accept-cookie {
    background-color: #b277b7;
    color: #fff;
    padding: 5px 10px;
    transition: all 0.3s ease-in-out;
    border-radius: 40px;
}
#cn-accept-cookie:hover {
    text-decoration: none;
    background-color: #e26396;
    color: #fff;
}
#cn-more-info {
    color: #e26396;
    transition: all 0.3s ease-in-out;
}
#cn-more-info:hover {
    text-decoration: none;
    color: #fff;
}

/*------------------------------home-----------------------------*/

#radius .vc_column-inner {
    border-top-left-radius: 100%;
}
.cta-home button {
    border-radius: 72px;
    padding: 2px 30px !important;
    font-size: 1.6em;
    font-family: 'Caveat', cursive;
}
.qualite-block {
    border-radius: 50px !important;
    text-align: center
}
#fonctionnalites {
    overflow: visible !important;
}
#img-fonctionnalites img {
    position: absolute;
    left: 0;
}
span.photo::before {
    content: url(/wp-content/themes/maginette/img/photo.png);
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
span.video::before {
    content: url(/wp-content/themes/maginette/img/video.png);
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
span.photovideo::before {
    content: url(/wp-content/themes/maginette/img/photo-video.png);
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
#reseaux svg {
    color: #e26396;
    font-size: 1.9em;
    margin-right: 15px;
}
table.forfaits-ginette {
    width: 100%;
}
table.forfaits-ginette td {
    padding: 8px 8px;
    font-size: 1.1em;
    font-weight: 500
}
table.forfaits-ginette th {
    font-size: 1.3em;
    font-weight: 500;
    padding: 20px 0;
}
table.forfaits-ginette th span.desktop {
    display: none;
}
table.forfaits-ginette tr:nth-child(even) {
    background-color: #fcf9fc;
    border-top: 1px solid #ebdfeb;
    border-bottom: 1px solid #ebdfeb
}
table.forfaits-ginette tr.nobottom {
    border-bottom: none
}
table.forfaits-ginette svg {
    font-size: 1.3em;
}
table.forfaits-ginette .fa-times-circle {
    opacity: 0.4;
}
table.forfaits-ginette td.vf,
table.forfaits-ginette td.vc,
table.forfaits-ginette td.rose {
    border-left: 1px solid #995e99;
}
table.forfaits-ginette td.vf,
table.forfaits-ginette th.vf {
    color: #995e99;
    text-align: center
}
table.forfaits-ginette td.vc,
table.forfaits-ginette th.vc {
    color: #b277b7;
    text-align: center
}
table.forfaits-ginette td.rose,
table.forfaits-ginette th.rose {
    color: #e26396;
    text-align: center
}
span.el-rose {
    color: #e26396
}
table.forfaits-ginette tr.spacer {
    background-color: #fff;
}
table.forfaits-ginette tr.spacer td {
    padding: 0;
    height: 5px;
}
table.forfaits-ginette tr.spacer.top {
    border-top: 1px solid #995e99;
    border-bottom: none;
}
table.forfaits-ginette tr.spacer.bottom {
    border-bottom: 1px solid #995e99;
    border-top: none;
}
#options .wpb_wrapper p span {
    display: block;
}
#mob-legende svg {
    margin-right: 13px;
    font-size: 1.3em;
}
table.forfaits-ginette th span.mob svg {
    display: block;
    margin: 0 auto;
}
#banner {
    background-image: url(/wp-content/uploads/2018/04/banner-maginette-tablette.jpg) !important;
    background-position: bottom !important;
}
@media only screen and (min-width: 450px) {
    h1 {
        margin-bottom: 50px !important;
    }
}
@media only screen and (min-width: 560px) {
    h1 {
        margin-bottom: 100px !important;
    }
}
@media only screen and (min-width: 640px) {
    h1 {
        margin-bottom: 150px !important;
        padding: 0 50px;
    }
    .title p {
        padding: 0 50px;
    }
}
@media only screen and (min-width: 740px) {
    h1 {
        margin-bottom: 180px !important;
    }
}
@media(max-width:767px) {
    #custom .vc_column-inner {
        padding-right: 0;
        padding-left: 0;
    }
}
@media(max-width:1023px) {
    .qualite-block .wpb_single_image {
        margin-bottom: 0;
    }
    .ubtn-normal {
        padding: 0 !important;
    }
}
@media(min-width:768px) {
    h1 {
        margin-bottom: 0px !important;
        padding: 0;
    }
    .title p {
        padding: 0;
    }
    #banner {
        background-image: url(/wp-content/uploads/2018/04/photobooth.jpg) !important
    }
    /*#banner {
        background-position: left !important;
    }*/
    table.forfaits-ginette th span.desktop {
        display: block;
    }
    table.forfaits-ginette th span.mob {
        display: none;
    }
    .qualite-block {
        min-height: 288px;
    }
    .texte-left {
        padding-right: 25px
    }
    .texte-right {
        padding-left: 20px
    }
    #video-fun .vc_column-inner {
        padding-right: 20px;
    }
    .qualite-block .vc_col-sm-8 .vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }
    #img-bottom .vc_column-inner {
        justify-content: center
    }
}
@media(min-width:1024px) {
    #img-bottom .vc_column-inner {
        justify-content: flex-end
    }
    #options .wpb_wrapper p {
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    span.photo::before {
        display: block;
        margin-right: 0
    }
    span.video::before {
        display: block;
        margin-right: 0
    }
    span.photovideo::before {
        display: block;
        margin-right: 0
    }
    .texte-left {
        padding-right: 80px
    }
    .texte-right {
        padding-left: 42px
    }
    #video-fun .vc_column-inner {
        padding-right: 42px;
    }
    .qualite-block {
        border-radius: 150px !important;
        text-align: left;
        min-height: 148px;
    }
}
@media(min-width:1200px) {
    .texte-right {
        padding-left: 60px
    }
    #video-fun .vc_column-inner {
        padding-right: 60px;
    }
}
@media(min-width:1400px) {
    #options .wpb_wrapper p {
        text-align: left;
    }
    span.photo::before {
        margin-right: 15px;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #b277b7;
        padding-right: 15px;
    }
    span.video::before {
        margin-right: 15px;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #b277b7;
        padding-right: 15px;
    }
    span.photovideo::before {
        margin-right: 15px;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #b277b7;
        padding-right: 15px;
    }
}

/*----------------fil ariane------------------*/

#breadcrumbs {
    text-align: center;
    font-size: 1em;
    color: #995e99;
}
#breadcrumbs a {
    color: #995e99;
    transition: all 0.3s ease-in-out;
    padding: 0px 5px;
}
#breadcrumbs a:hover {
    color: #e26396;
}

/*-----------------------page 404------------------------*/

.header-page {
    padding-bottom: 35px;
    margin-bottom: 15px;
    background: #eb7fb3;
    background: -moz-linear-gradient(left, #eb7fb3 1%, #a1629b 100%);
    background: -webkit-linear-gradient(left, #eb7fb3 1%, #a1629b 100%);
    background: linear-gradient(to right, #eb7fb3 1%, #a1629b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb7fb3', endColorstr='#a1629b', GradientType=1);
}
@media(min-width:768px) {
    .header-page {
        margin-top: 92px;
    }
}
section.error-404 .content-404 {
    text-align: center !important;
    margin: 70px 0;
    padding: 50px 50px;
    background-color: #f4ecf5
}
section.error-404 .content-404 h2 {
    margin-top: 0 !important;
}
section.error-404 .content-404 h1 {
    background-color: inherit;
    text-align: center;
}
section.error-404 .content-404 .search-form {
    margin: 20px 0;
}
section.error-404 .content-404 .search-form .screen-reader-text {
    display: none;
}
section.error-404 .content-404 .search-form input {
    padding: 5px 10px;
    border-radius: 26px;
}
section.error-404 .content-404 .search-form input:focus {
    outline: none;
}
section.error-404 .content-404 .search-form .search-submit {
    background-color: #a1629b;
    color: #fff;
    padding: 5px 20px;
    transition: all 0.3s ease-in-out;
    border-radius: 26px;
}
section.error-404 .content-404 .search-form .search-submit:hover {
    background-color: #58375a;
}
section.error-404 .content-404 .back-home {
    margin: 40px 0 0;
    display: inline-block;
    background-color: #e26396;
    padding: 8px 20px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    border-radius: 26px;
}
section.error-404 .content-404 .back-home:hover {
    background-color: #ce74aa;
}
section.error-404 .page-content h1.page-title {
    padding: 0;
    margin: 20px 0 50px 0;
}
.container.page-content.search-results {
    margin-top: 54px;
    margin-bottom: 54px;
}
.centerReseaux {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .orderbas {
        order: 1;
    }
    .orderhaut {
        order: 0;
    }
}
.wpcf7-form p label span input {
    height: 30px;
}
.wpcf7-form p label span input,
.wpcf7-form p label span textarea {
    background-color: #eadfea;
    border-radius: 5px;
    width: 100%;
    padding-left: 10px;
    font-weight: 400;
}
.wpcf7-form p label {
    width: 100%;
}
.wpcf7-form p label span input:focus,
.wpcf7-form p label span textarea:focus {
    outline: none;
}
.wpcf7-form p .wpcf7-submit {
    background-color: #e26396;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
    font-size: 1.3em;
    text-transform: uppercase !important;
    padding: 5px 20px;
}
.wpcf7-form p .wpcf7-submit:hover {
    background-color: #995e99;
}
#telcontact {
    font-weight: 600;
    color: #e26396;
    letter-spacing: 2px;
}
#btQuoteIteminlign {
    display: inline-block;
    width: 50%;
}

/*---------------blog-----------------*/

@media (min-width: 768px) {
    .main.single {
        margin-top: 60px;
    }
}
@media (min-width: 1200px) {
    .main.single {
        margin-top: 92px;
    }
}
.head-post a {
    pointer-events: none;
    margin-left: 3px;
}
.header-news {
    padding-bottom: 35px;
    margin-bottom: 15px;
    background: #eb7fb3;
    background: -moz-linear-gradient(left, #eb7fb3 1%, #a1629b 100%);
    background: -webkit-linear-gradient(left, #eb7fb3 1%, #a1629b 100%);
    background: linear-gradient(to right, #eb7fb3 1%, #a1629b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eb7fb3', endColorstr='#a1629b', GradientType=1);
}
.main.single .page-content {
    margin-bottom: 60px;
}
.page-content h1.post-title {
    font-size: 3em;
    font-family: 'Caveat', cursive;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
}
.head-post {
    border-bottom: 1px solid #a666992b;
    margin-bottom: 50px !important;
    margin-top: 40px;
}
.head-post p,
.head-post a {
    display: inline-block;
    color: #e67db1;
    font-style: italic;
    font-size: 15px;
}
.post-categories {
    display: inline-block;
    padding-left: 5px;
    list-style: none;
}
.row.navpost {
    background-color: #f9f1fa;
    padding-top: 25px;
    padding-bottom: 25px;
}
.next-previous a {
    width: 100%;
}
.previous a {
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.next a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.next a span {
    font-size: 1.9em;
    padding: 3px 15px;
    margin-left: 45px;
    border: 1px solid #a5649c;
    border-radius: 27px;
}
.previous a span {
    font-size: 1.9em;
    padding: 3px 15px;
    margin-left: 45px;
    border: 1px solid #a5649c;
    border-radius: 27px;
    margin-right: 45px
}
.title-nav {
    font-weight: 500;
    font-size: 1.4em;
}
.title-nav::after {
    border-bottom: 1px solid;
    width: 100%;
    content: "";
    display: block;
}
.previous div,
.next div {
    display: inline-block
}
.previous div {
    float: right
}
.titlepostnav {
    font-size: 0.9em;
}
.navpost {
    margin: 35px 0;
}
.next {
    margin-top: 22px;
}
.next a div,
.previous a div {
    width: 100%;
}
.back-blog {
    background-color: #e26396;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
    font-family: 'Caveat', cursive;
    font-size: 1.3em;
    text-transform: uppercase !important;
    padding: 5px 20px;
}
.cta-retour-blog {
    text-align: center;
}
@media(min-width:768px) {
    .next {
        margin-top: 0;
    }
    .previous {
        padding-right: 10px;
    }
    .next {
        padding-left: 10px;
    }
    .colnavleft {
        border-right: 1px solid
    }
}
@media(min-width:1200px) {
    .navpost {
        margin: 60px 0;
    }
    .titlepostnav {
        font-size: 1.1em;
    }
    .previous {
        padding-right: 40px;
    }
    .next {
        padding-left: 40px;
    }
}

/*---------------blog grille----------*/

#blog-maginette .vc_grid-filter {
    margin-bottom: 50px;
}
#blog-maginette li.vc_grid-filter-item {
    border: 1px solid;
    margin: 0 14px 5px 0;
    transition: all 0.3s ease-in-out;
}
#blog-maginette li.vc_active.vc_grid-filter-item,
#blog-maginette li.vc_grid-filter-item:hover {
    background-color: #985f98
}
#blog-maginette li.vc_grid-filter-item span {
    text-transform: uppercase;
}
#blog-maginette li.vc_active.vc_grid-filter-item span,
#blog-maginette li.vc_grid-filter-item:hover span {
    color: #fff;
}
.plus-blog p {
    font-size: 7em;
    font-weight: 100
}
#blog-maginette .vc_gitem-post-data.vc_gitem-post-data-source-post_categories {
    margin-bottom: 0px;
    text-align: left !important;
}
#blog-maginette .vc_grid-filter-item.vc_gitem-post-category-name {
    color: #e26396;
    font-size: 0.9em;
    font-style: italic;
}
#blog-maginette .vc_grid-filter-item.vc_gitem-post-category-name:hover {
    background-color: transparent;
    cursor: inherit;
}
#blog-maginette .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span.vc_gitem-post-category-name {
    color: #985f98 !important;
}
#blog-maginette .vc_btn3.vc_btn3-color-juicy-pink,
#blog-maginette .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: #985f98!important;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out;
    color: #fff !important;
    font-family: 'Caveat', cursive;
    font-size: 1.2em;
    text-transform: uppercase !important;
    padding: 3px 14px;
}
#blog-maginette .vc_btn3.vc_btn3-color-juicy-pink:hover,
#blog-maginette .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    background-color: #e26396!important;
}
#blog-maginette .vc_gitem-post-data-source-post_title h4 a {
    color: #58375a
}
#blog-maginette .vc_btn3-container.vc_btn3-left {
    margin-bottom: 0;
}
#blog-maginette .vc_gitem_row .vc_gitem-col {
    padding: 20px;
}
#blog-maginette .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey>li>a,
#blog-maginette .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-grey>li>span {
    background-color: #e26396!important;
    border-color: #fff!important;
    color: #FFF!important;
    font-size: 0.8em !important;
    padding: 2px 8px !important;
}
#blog-maginette .vc_grid-pagination .vc_grid-pagination-list {
    margin-top: 50px !important;
}
li.customcta a {
    transition: all 0.3s ease-in-out;
    color: #e26396 !important;
    font-size: 0.85em !important;
    text-transform: uppercase !important;
    text-align: center;
    font-weight:600
}
li.customcta a:hover{
    color:#3a1d3b !important
}
li.customcta a::before{
    content: url(/wp-content/uploads/2019/01/custom2.png);
    width: 30px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle
    
}