/**
 * Theme Name:     Osteopathie Animale
 * Author:         Apeonmars
 * Template:       twentynineteen
 * Text Domain:	   osteopathie-animale
 * Description:    Osteopathie Animale Avocats
 * Theme URI:      https://www.osteopathie-animale-paris.fr/
 * Author URI:     https://www.lapetiteboitenoire.fr
 * Version:        1.0
 */

/*General*/
:root{
    --main_color:#3058a4;
    --vert:#8db86e;
    --vert_pastel:#d6da85;
    --jaune:#f8cb5f;
    --bleu_pastel:#77b3de;
    --bleu_fonce:#2776b5;

     --shadow:0px 0px 10px 0px rgba(0, 0, 0, .15);

}
a,p,h1,h2,h3,h4,h5,h6,li,ul,b,i{
    font-family: 'Open Sans', sans-serif;
}
a:focus{
    outline: none;
}
h1:before,h2:before,h3:before,h4:before,h5:before{
    display: none !important;
}
/*/General*/

/*Header*/
.site-header{
    padding: 0px;
}
a.custom-logo-link >img{
    max-width: 230px;
    padding-top: 25px;
}
#masthead{
    height: 110px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
    width: 100%;
    position: absolute;
    z-index: 99;
    background: #FFF;
    top: 0px;
}

#masthead.fixed{
    
    width: 100%;
    z-index: 99;
    background: #FFF;
    transition: 1s;
    top:-50%;
}
#masthead.fixed.animated{
    transition: 1s;
    top: 0%;
    position: fixed;
}
/*menu*/
ul#desktop-menu{
    padding-left: 0px;
    margin-bottom: 0px;
    float: right;
    padding-top:45px;
}
ul#desktop-menu li::marker{
    font-size: 0px;
}
ul#desktop-menu li{
    display: inline-block;
    margin-left:15px;
    margin-right: 15px;
    text-transform: none;
    letter-spacing: 1px ;
    /*background: var(--secondary_color);*/
    position: relative;
    line-height: 16px;
}
ul#desktop-menu li a{
    font-size: 13px;
    text-decoration: none;
    color: #000;
    transition: .5s;
    position: relative;
    font-family: 'Open sans', sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
ul#desktop-menu li:nth-child(1):after{
    background: var(--vert);
}
ul#desktop-menu li:nth-child(2):after{
    background: var(--vert_pastel);
}
ul#desktop-menu li:nth-child(3):after{
    background: var(--jaune);
}
ul#desktop-menu li:nth-child(4):after{
    background: var(--bleu_pastel);
}
ul#desktop-menu li:nth-child(5):after{
    background: var(--bleu_fonce);
}
ul#desktop-menu .menu-item.current-menu-item:after{
    opacity: 1;
    margin-top: 5px;
}
#menu-item-38.current-menu-item:after{

}
#menu-item-37.current-menu-item:after{

}
#menu-item-36.current-menu-item:after{

}
#menu-item-35.current-menu-item:after{

}
ul#desktop-menu li:after{
    height: 2px;
    content:'';
    display: block;
    width: 100%;
    margin-top: 10px;
    position: absolute;
    opacity: 0;
    transition: .5s;
}
ul#desktop-menu li:hover:after{
    opacity: 1;
    margin-top: 5px;
    transition: .5s;
}
ul#desktop-menu li ul.sub-menu{
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    padding-top: 38px;
    opacity: 0;
    pointer-events: none;
    transition: .5s;
    width: max-content;
    
}
ul#desktop-menu li:hover ul.sub-menu{
    transition: .5s;
    pointer-events: all;
    opacity: 1;
}
ul#desktop-menu li ul.sub-menu li{
    margin: 0px;
    display: block;
    padding-left: 10px;
    padding: 10px;
    padding-right: 10px;
    background: rgba(32,90,156,1);
    transition: .5s;
}
ul#desktop-menu li ul.sub-menu li:hover{
    transition: .5s;
    background: #366AA5;
}
ul#desktop-menu li ul.sub-menu li a{
    color: #FFF;
}
ul#desktop-menu li ul.sub-menu li:after{
    display: none;
}

/*/Menu*/
/*menu mobile*/
#mobile_menu, #mobile_menu_wrapper{
    display: none;
}
#icon {
  width: 65px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  float: right;
  z-index: 99999999;
  position: relative;
  right:0px;
  top:-43px;
  transition: .25s;
}
#icon.visible{
    visibility: visible;
}
#icon.up{
    top: 86px ;
    transition: .25s;
}
#icon.down{
    top: 74px;
    transition: .25s;
}
path.menu-btn-path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 30px;
  stroke-linecap: round;
  stroke: #000;
  stroke-dashoffset: 0px;

}
path#top,
path#bottom {
  stroke-dasharray: 240px 950px;
}
path#middle {
  stroke-dasharray: 240px 240px;
}
.cross path#top,
.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}
/*/menu mobile*/
/*/Header*/

/*Blog*/
.article_item{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
}
.article_item.odd > .thumbnail{
    width:50%;
    float: left;
}
.article_item.even > .thumbnail{
    width: 50%;
    float: right;
}
.article_item.odd > .thumbnail a img{
    width: 100%;
    padding-right: 15px;
}
.article_item.even > .thumbnail a img{
    width: 100%;
    padding-left: 15px;
}

.article_item.even .content{
    width: 50%;
    float: right;


}
.article_item.odd .content{
    width: 50%;
    float: left;
    height: 100%;
    padding-left: 15px;

}
.article_item .content h2 a {
    font-family: 'Roboto Slab', serif;
    font-size: 41px;
    letter-spacing: 2.46px;
    line-height: 45px;
    font-weight: 400;
    color: #172121;
    text-decoration: none;
}
a.category{
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    letter-spacing: 1.26px;
    color: var(--leather);
    font-size: 21px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 40px;
}
p.date_article{
    font-size: 21px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    letter-spacing: 1.26px;
    color: var(--leather);
    display: block;
    margin-top: 30px;
}
.liste-articles .pagination{
    width: 100%;
    text-align: center;
    display: block;
    height: 60px;
    margin-top: 30px;
}
.liste-articles .pagination a.page-numbers{
    text-decoration: none;
    color: var(--leather);
    padding: 5px 11px;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    border: 1px solid var(--leather);
    margin-left: 6px;
    margin-right: 6px;
    transition: .5s;
}
.liste-articles .pagination a.page-numbers:hover{
    background: var(--leather);
    color: #FFF;
    transition: .5s;
}
span.page-numbers.current_page, .liste-articles span.page-numbers.current{
    color: #FFF;
    background: var(--leather);
    padding: 5px 11px;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    margin-left: 6px;
    margin-right: 6px;
}
.pagination .nav-links{
    display: block;
    margin: auto;
}
span.nav-next-text, span.nav-prev-text{
    display: none !important;
}
.liste-articles .pagination a.next.page-numbers, .liste-articles .pagination a.prev.page-numbers{
    padding: 5px !important;
}
/*single blog*/
#single_blog p{
    color: #707070;
    font-size: 16px;
    letter-spacing: 0.96px;
    line-height: 27px;
    font-family: 'Roboto Slab', serif !important;
}
.single_post_thumbnail{
    margin-bottom: 30px;
    min-height: 450px;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
}
#single_blog .wp-block-quote{
    border-left:0px;
    padding-left: 40px;
    position: relative;
}
#single_blog .wp-block-quote::after{
    content: '“';
    font-family: serif;
    color: #172121;
    font-size: 172px;
    position: absolute;
    top: 70px;
    left: 0px;
    line-height: 0px;
    opacity: 0.15;
    z-index: -1;
}
h1.single_post_title{
    font-family: 'Roboto Slab', serif;
    color: #172121;
    font-size: 41px;
    letter-spacing: 2.46px;
    line-height: 45px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}
.single_post_thumbnail_wrapper{
    min-height: 450px;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
}
.single_post_navigation{
    width: 100%;
    margin-top: 60px;
    display: block;
    float: left;
    margin-bottom: 80px;
}
.single_post_navigation p{
    margin-bottom: 10px;
    margin-top: 5px;
}
.single_post_navigation a{
    font-family: 'Roboto Slab', serif;
    color: #172121;
    text-decoration: none;
    letter-spacing: 0.96px;
    font-size: 16px;
}
.single_post_navigation_prev, .single_post_navigation_next{
    width: 50%;
    float: left;
    position: relative;
}
.single_post_navigation_next .nav_thumb_wrapper{
    float: right;
    margin-left: 10px;
}
span.next-post-link a{
    float: right;
    position: absolute;
    right: 100px;
    top: 48px;
    text-align: right;
}
a.thumb_nav{
    position: relative;
    float: right;
    display: contents;
}
.single_post_navigation_next p{
    float: right;
}
.nav_thumb_wrapper{
    width: 91px;
    height: 91px;
    overflow: hidden;
    display: inline-block;
}
.nav_thumb_wrapper .nav_thumb{
    background-size: cover;
    width: 100%;
    height: 91px;
    transition: .5s;
}
.nav_thumb_wrapper:hover .nav_thumb{
 transition: .5s;
 transform: scale(1.1);
}
.previous-post-link p, .next-post-link p{
    user-select: none;
}
.previous-post-link .nav_thumb_wrapper{
    float: left;
    margin-right: 10px;
}
/*/Single blog*/
/*/Blog*/
/*Homepage*/
#first_home_section{
    margin-top: -100px;
}
.home_section{
    background: #FFF;
    border-radius: 5px;
    box-shadow: var(--shadow);
    margin-top: -0px !important;
    margin-bottom: 100px;
    min-height: 100px;
    position: relative;
    z-index: 90;
    padding: 30px;
    width: calc(100% - 20px);
    margin: 10px;
    display: block;
    transition: .25s;
}
.home_section:hover{
    margin-top: -10px !important;
    transition: .5s;
}
.home_section svg{
    width: 50px;
    display: block;
    margin: auto;
    margin-bottom: 0px;
    fill: var(--main_color);
}
.home_section h2{
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}
.home_section a{
    padding: 5px 20px;
    text-transform: uppercase;
    color: var(--main_color);
    font-size: 10px;
    border-radius: 20px;
    border: 1px solid var(--main_color);
    display: block;
    margin:auto;
    width: fit-content;
    opacity: .5;
    transition: .5s;
}
.home_section a:hover{
    transition: .5s;
    opacity: 1;
}
#landing_col p{
    color: #FFF;
    text-align: center;
    margin-bottom: 5px;
    font-size: 22px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 600;
}
#landing_col .elementor-widget-button .elementor-button{
    margin:auto;
}
#swiper_home{
    width: 100%;
    height: calc(100vh - 110px);
}
.swiper-wrapper{
    width: 100%;
}
.swiper-slide{
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.slide_infos_wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 5;
}
.slide_infos{
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    opacity: 0;
    margin-top: -30px;
    transition: .5s;
}
.slide_infos.enter{
    margin-top: 0px;
    transition: .5s;
    opacity: 1;

}
.slide_infos.leave{
    margin-top: -50px;
    transition: .5s;
    opacity: 0;
}
.slide_infos h1{
    color: #FFF;
    font-size: 52px;
    font-weight: 600;
    display: block;
    margin-bottom: 40px;
    max-width: 700px;
    font-family: 'EB Garamond', serif;

}
.slide_infos a.swiper_CTA{
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 30px;
    width: fit-content;
    display: block;
    float: left;
    border: 1px solid #FFF;
    text-transform: uppercase;
    font-weight: 600;
    transition: .5s;
}
.slide_infos a.swiper_CTA:hover{
    background: #FFF;
    color: var(--main_color);
    transition: .5s ;
}

.column_landing{
    padding: 20px;
    background: var(--main_color);
    position: relative;
    z-index: 20;
    margin: 20px;
    width:calc(100% - 40px);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}
.column_landing .elementor-heading-title{
    color: #FFF !important;
    display: block;
    font-size: 22px !important;
    text-align: center;
}
.contact_form_home{
    width: 80%;
    margin:auto;
    display: block;
    background: #FFF;
    padding: 40px;
    border-radius: 2.5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
    margin-top: -150px;
    margin-bottom: 60px;
}
.contact_form_home h2{
    font-size: 32px;
    color: #000;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
.contact_form_home .grid_separator{
    margin-bottom: 20px;
}
/*/Homepage*/

/*Elementor*/
.elementor-widget-heading .elementor-heading-title{
    font-family: 'EB Garamond', serif !important;
    font-weight: 600 !important;
}
svg.icon{
    display: block;
    stroke:var(--main_color);
    max-width: 100px;
    margin: auto;
    stroke-width: 0px !important;
}
svg.icon path{
    color: var(--main_color) !important;
}
/*/Elementor*/
/*Page*/
.cabinet_col h3{
    font-size: 18px !important;
}
.cabinet_col{
    background: #FFF;
    padding: 20px;
    margin:1%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
    border-radius: 5px;
}
.cabinet_col p{
    text-align: justify;
}
#primary, .site-content{
    margin-top: 70px;
    background: #eee;
    padding-bottom: 60px;
}
.page_header_wrapper{
    height: 150px;
    width: 100%;
    background: var(--main_color);
    position: relative;
}
.page_header_background{
    background-size: cover;
    height: 150px;
    position: relative;
    opacity: 1;
    background-position: center;
}
.page_title{
    text-align: left;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    color: #FFF;
    font-weight: 600;
    text-transform: none;
    font-size: 32px;
    font-family: 'Open Sans',sans-serif;
}
.page_header_overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    background: linear-gradient(270deg, #1155c6, #0fb6d2);
    background-size: 400% 400%;
    user-select: none;
    pointer-events: none;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.overlay_swiper{
    background: linear-gradient(270deg, #1155c6, #0fb6d2);
    background-size: 400% 400%;
    user-select: none;
    pointer-events: none;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    opacity: .5;
    z-index: 3;
}

svg#contract_icon, svg#hospital_icon{
    fill: var(--main_color);
    width: 100px;
    display: block;
    margin:auto;
}
svg#human_body{
    fill: var(--main_color);
    width: 80px;
    display: block;
    margin:auto;
}
#page_competences h4{
    font-family: 'Open Sans',sans-serif;
    font-size: 22px;
    opacity: .8;
    font-weight: 400;
}
.competence_section{ 
    padding: 40px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
    display: block;
    width: 80%;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    border-radius: 10px;
}
.competence_section h2{
    font-size: 22px !important;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600 !important;
}
#honoraires_disclaimer h2{
    color: #FFF !important;
    text-align: center;
    font-size: 22px;
}
#text_honoraires p{
    border-left: 2px solid var(--main_color);
    padding-left: 20px;
    margin-bottom: 0px;
}
/*/Page*/

/*Page 404*/
h1.page_404{
    font-size: 42px;
    text-align: center;
    color: var(--main_color) !important;
}
p.page_404{
    text-align: center;
    font-size: 16px;
    display: block;
}
/*/Page 404*/ 

/*Archive*/
.sidebar_wrapper{
    padding: 20px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}
.sidebar_wrapper h2{
    color: var(--main_color);
    font-size: 32px;
}
.sidebar_wrapper h2.tags{
    margin-top: 30px;
}
.sidebar_wrapper li.cat-item::marker{
    font-size: 0px;
}
.sidebar_wrapper li.cat-item a{
    text-decoration: none;
    font-size: 16px;
    color: #000;
}
.sidebar_wrapper ul{
    padding-left: 0px;
    margin-left: 0px;
}
.sidebar_wrapper ul li::marker{
    font-size: 0px;
  
}
.sidebar_wrapper ul li{
    display: inline-block;
      margin-bottom: 0px;
}
.sidebar_wrapper ul li a{
    color: #FFF;
    font-size: 12px;
    padding: 7px 3px;
    background: var(--main_color);
    border-radius: 5px;
    text-decoration: none;
}
.blog_thumbnail_wrapper{
    height: 400px;
    width: 100%;
    overflow: hidden;
}
.blog_thumbnail{
    height: 400px;
    width: 100%;
    transition: .5s;
    transform: scale(1.0);
    background-size: cover;
    background-position: center center;
}
.blog_thumbnail_wrapper:hover .blog_thumbnail{
    transition: .5s;
    transform: scale(1.15);
}
.single_blog_item{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
    margin-bottom: 30px;
}
.single_blog_item_title{
    color: var(--main_color);
    font-size: 22px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    text-decoration: none;
}
.blog_item_desc a{
    text-decoration: none;
}
.blog_item_desc p{
    font-size: 16px;
    text-align: justify;
}
.blog_item_desc a.more-link{
    text-decoration: none;
    color: #FFF;
    padding: 10px 20px;
    background: var(--main_color);
    transition: .5s;
    display: block;
    width: fit-content;
    border-radius: 5px;
}
a.page-numbers{
    padding: 5px 10px;
    background: var(--main_color);
    color: #FFF;
    text-decoration: none;
    margin: 5px;
    border-radius: 5px;
    font-size: 16px;
     line-height: 16px;
}
.page-numbers.current{
    padding: 5px 10px !important;
    background: #000;
    color: #FFF;
    text-decoration: none;
    margin: 0px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 16px;
}
.page_navigation{
    margin-bottom: 30px;
    display: block;
    margin: auto;
    width: fit-content;
}
a.link_more_actualite{
    display: block;
    margin: auto;
    width: fit-content;
    margin-top: 30px;
    padding: 10px 20px;
    background: var(--main_color);
    color: #FFF;
    font-size: 16px;
    border-radius:0px;
    transition: .5s;
}
/*/Archive*/

/*single post*/
.single_post_title{
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.single_post_content{
    padding: 30px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
    border-radius: 0px 0px 10px 10px;
}
.single_post_content h4{
    font-size: 22px;
}
.single_post_content p{
    font-size: 16px;
    text-align: justify;
}
.single_post_thumbnail img{
    width: 100%;
}
.navigation-links{
    margin-top: 30px;
    display: block;
}
.previous-post{
    display: inline-block;
    float: left;
}
.next-post{
    display: inline-block;
    float: right;
}
.previous-post a, .next-post a{
    text-decoration: none;
    padding: 10px 20px;
    background: var(--main_color);
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}
/*/Single post*/

/*Team*/
.grid{
    width: 100%;
    max-width: 100% !important;
    display: inline-table;
}
.grid_separator{
    height: 25px;
    width: 1px;
    display: block;
    margin: auto;
    background: var(--main_color);
}
.team_item{
    width: 48%;
    margin: 1% !important;
    float: left;
    background: #FFF;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15);
    border: 1px solid var(--main_color);
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 100px;
}
img.team_portrait{
    display: block;
    margin: auto;
    width: 200px;
    border-radius: 200px;
}
h2.team_name{
    color: var(--main_color);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    padding:20px;
}
.team_description p{
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}
.reseaux_sociaux_wrapper{
    display: block;
    margin: auto;
    width: fit-content;
}
.icon_linkedin{
    fill:var(--main_color);
}
/*/Team*/

/*single team*/
.single_member_portrait img{
    width: 100%;
}
h1.single_member_name{
    font-size: 22px;
    font-family:'Open Sans',sans-serif;
    font-weight: 600;
    display: block;
    margin-top: 20px;
}
h2.role_membre{
    font-size: 16px;
    font-family:'Open sans',sans-serif;
    font-weight: 600;
    color: #000;
    opacity: .7;
    margin-bottom: 20px;
}
.member_separator{
    background: var(--main_color);
    height: 4px;
    width: 20px;
    content: '';
    display: block;
    margin-bottom: 20px;
}
p.member_infos{
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}
.reseaux_sociaux_member_wrapper{
    display: block;
    width: fit-content;
    margin-top: 20px;
}
.reseaux_sociaux_member_wrapper{

}
a.contact_member{
    padding: 10px 20px;
    background: var(--main_color);
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
    display: block;
    font-size: 16px;
    margin-top: 30px;
    width: fit-content;
}
#single_member_infos{
    margin-top: 0px;
}
/*
#single_member_content{
    background: #FFF;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}*/
#single_member_content p{
    font-size: 16px;
    text-align: justify;
}
/*/Single team member*/



/*Elementor*/
.elementor-heading-title{
    font-family: 'Open Sans', sans-serif !important;
    color: var(--main_color) !important;
}
.elementor-widget-container p{
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
}
.elementor-widget-button .elementor-button{
    background: #FFF !important;
    border-radius: 2.5px;
    color: var(--main_color) !important;
    border: 2px solid var(--main_color);
    font-family: 'Open Sans', sans-serif !important;
    transition: .5s;
    font-weight: 600;
    box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, .25);
    display: block;
    width: fit-content !important;
}
.elementor-widget-button .elementor-button:hover{
    transition: .5s;
    background: var(--main_color) !important;
    color: #FFF !important;
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, .25);
    margin-top: -5px;
    margin-bottom: 5px;
}
.elementor-accordion .elementor-accordion-item{
    border:0px !important;
}
.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title, .elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{
    color: var(--main_color) !important;
}
/*/Elementor*/

/*CF7*/

.gauche{
    display: inline-block;
    float: left;
    width: 49%;
}
.droite{
    float: right;
    display: inline-block;
    width: 49%;
}
.gauche p, .droite p{
    margin-top: 0px;
    margin-bottom: 10px;
}
.full{
    width: 100%;
    display: inline-block;
}
.full p{
    margin-top: 0px;
    margin-bottom: 0px;
}
.fullwidth p{
    margin-top: 0px;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"]{
    font-family: 'Open Sans', sans-serif;
    padding: 15px 30px;
    border-radius: 0px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 30px;
    background: #FFF;
    color:var(--main_color);
    transition: .5s;
    border: 1px solid var(--main_color);
}
.button, button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
    transition: .5s;
    background: var(--main_color);
    color: #FFF;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
    display: block;
    width: 100%;
    border:0px solid var(--main_color);
    font-size: 16px;
    background: #eee;
}
#contact_page_form{
    background: #FFF;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
#contact_page_text p{
    margin-bottom: 13px;
}
#contact_page_text h3{
    font-size: 22px !important;
}
#contact_img img{
    border-radius: 50%; 
}
/*/CF7*/

/*Footer*/
#colophon{
    background: linear-gradient(270deg, #1155c6, #0fb6d2);
-webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
    padding-top: 60px;
     background-size: 400% 400%;
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
#colophon h2{
    text-align: center;
    margin-bottom: 20px;
    display: block;
}
.rs_wrapper{
    width: fit-content;
    display: block;
    margin: auto;
    margin-top: 30px;
}
#colophon p.phone_footer{
    text-align: center !important;
    margin-bottom: 30px !important;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
}
#colophon p.subtitle_footer{
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
#colophon a.footer_CTA{
    display: block;
    width: fit-content;
    padding: 10px 30px;
    border-radius: 30px;
    background: #FFF;
    border: 2px solid #FFF;
    color: var(--main_color);
    margin: auto;
    font-size: 12px !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    transition: .5s;
    box-shadow: 0px 10px 10px rgba(0,0,0,0);
    margin-top: 0px;
    margin-bottom: 0px;

}
#colophon a.footer_CTA:hover{
    transition: .5s;
    box-shadow: 0px 10px 10px rgba(0,0,0,.15);

}
#colophon svg{
    fill: #FFF;
}
#colophon a.social_icon{
    margin-right: 10px;
    display: inline-block;
    transition: .5s;
    top: 0px;
    position: relative;
}
#colophon a.social_icon:hover{
    top: -5px;
    transition: .5s;
}
#colophon #copyright{
    background: var(--main_color);
    width: 100%;
    padding: 30px;
    margin-top: 30px;
    float: left;
    text-align: center;
}
#copyright p{
    margin-bottom: 0px;
    display: inline-block;
    color: #e6e6e6;
}
#copyright p.mentions_legales{
    float: right;
    margin-top: 7px;
}
#copyright p.mentions_legales a{
    color: #FFF;
    text-decoration: none;
}
#colophon h2{
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
}
#colophon p{
    color: #FFF;
    font-size: 16px;
    text-align: justify;
}
#colophon p a{
    color: #FFF;
    text-decoration: none;
}
#colophon img.footer_logo{
    display: block;
    width: 120px;
    margin: auto;
    margin-bottom: 20px;


}
.footer_widget_area h2{
    margin-top: 10px;
    margin-bottom: 32px;
}
.footer_widget_area p{
    margin-bottom: 10px;
}
/*/Footer*/

/*responsive*/
@media screen and ( max-width:1200px ){
    ul#desktop-menu li{
        margin-left: 8px;
        margin-right: 8px;
    }
}
@media screen and ( max-width:992px ){
    ul#desktop-menu li a{
        font-size: 12px;
    }
    a.custom-logo-link >img{
        max-width: 180px;
        padding-top: 34px;
    }
    ul#desktop-menu li{
        margin-left: 2px;
        margin-right: 2px;
    }
    .team_member{
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        width: calc(50% - 40px);
        transition: .5s;
    }
}
@media screen and ( max-width:800px ){
    #desktop-menu{
        display: none;
     }
     #mobile_menu, #mobile_menu_wrapper{
        display: block;
     }
     #mobile_menu_wrapper{
        margin-top: -500px;
        transition: .5s;
        background: #FFF;
        height: 100Vh;
        display: none;
     }
     #mobile_menu_wrapper.open{
        transition: .5s;
        margin-top: 40px;
        display: block;
     }
    ul#mobile-menu{
        padding-left: 0px;
    }
    ul#mobile-menu li::marker{
        font-size: 0px;
    }
    ul#mobile-menu li a{
        color: var(--main_color);
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        font-weight: 600;
        display: block;
        transition: .5s;
        opacity: 0;
        margin-left: -10px;
        margin: 10px;
    }
    ul#mobile-menu li.flip a{
        transition: .5s;
        margin-left: 0px;
        opacity: 1;
    }
    #masthead.fixed.animated, #masthead, #masthead.fixed{
        position: relative;
    }
    .team_member{
        width: calc(100% - 40px);
        margin-bottom: 30px;
    }
    .contact_form_home{
        width: 95%;
        margin-top:-110px;
    }
    .blog_item{
        width: 98%;
        margin-bottom: 30px;
    }
    #primary, .site-content{
        margin-top: 0px;
    }
    .page_title{
        font-size: 32px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
    }
    .gauche, .droite{
        width: 100%;
    }
    #mobile-menu ul.sub-menu{
        padding-left: 0px;
    }
    .blog_thumbnail, .blog_thumbnail_wrapper{
        height: 200px;
    }
    .site-content{
     
    }
    .cabinet_col{
        width: 90% !important;
        margin: auto;
        margin-bottom: 30px;
    }
    .page_header_wrapper{
        margin-top: 00px;
    }
    .competence_section h2{
        text-align: center;
    }
    .blog_grid{
        margin-top: 30px;
    }
    a.custom-logo-link >img{
        padding-top: 20px;
    }
    #masthead{
        height: 80px;
    }
}