/*
Theme Name: Adesio
Description: Adesio
Author: Adesio
Template: Avada
Version: 1.0.2
Text Domain:  Avada
Author URI: wwww.ohouijoli.com
*/


/*
From Marco style.css / -----------------------------------------------------------------------------*/



/*Home*/
.home-image-1 {
    position: absolute !important;
    left: 10%;
    top: 10%;
}
.home-image-1 img {
    width: 140px;
}
.home-image-2 {
    position: absolute !important;
    left: 20%;
    bottom: 5%;
}
.home-image-2 img {
    width: 150px;
}
.home-image-3 {
    position: absolute !important;
    right: 10%;
    top: 10%;
}
.home-image-3 img {
    width: 300px;
}
@media (max-width: 800px) {
    .home-image-1, .home-image-2, .home-image-3 {
        position: relative !important;
    }
    .home-image-3 {
        margin-top: -40px;
        margin-bottom: -20px;
    }
    .home-image-2, .home-image-1 {
        display: none !important;
    }
}

.image-svg img {
    width: 300px;
}


/*ctnr-realisations*/
.ctnr-realisations img, .col-realisation img {
    border: 1px solid #eee;
}

@media (max-width: 800px) {
    .ctnr-realisations .fusion-builder-row .fusion-layout-column {
        width: calc(50% - 10px) !important;
        display: inline-block !important;
        vertical-align: top !important;
        margin: 5px !important;
        font-size:0.8em;
        line-height: 1em !important;
    }
    .ctnr-realisations .fusion-builder-row .fusion-layout-column h4 {
        line-height: 1 !important;
        margin-top: 15px !important;
    }
}

/*ctnr-temoignange*/
.fusion_builder_column.carte-temoignage .fusion-column-wrapper {
    border: 1px solid #eee;
    box-shadow: 0 20px 40px rgba(15,41,48,.03);
    padding: 20px 30px !important;
    margin-bottom: 10px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    background: #fff;
    border-radius: 30px;
}
.ctnr-temoignage .carte-temoignage {
    margin-bottom: 0px !important; 
}
.carte-temoignage img {
    max-width: 100px !important;
    border-radius: 50% !important;
}
p.temoignage {
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0.3px;
    text-align: center;
}
p.signature {
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.3px;
    opacity: 0.9;
    text-align: center;
}
@media (max-width: 800px) {
    .ctnr-temoignage .fusion-builder-row {
        overflow: auto !important;
        white-space: nowrap !important;
        display: block !important;
    }
    .ctnr-temoignage .fusion-builder-row .fusion-layout-column.carte-temoignage {
        width: calc(100% - 20px) !important;
        display: inline-block !important;
        float: none;
        white-space: initial !important;
        margin: 0px 10px !important;
        padding: 15px 0px !important;
    }
    .ctnr-temoignage::after {
         content: "↔";
        position: absolute;
        font-size: 30px;
        bottom: -13px;
        left: 50%;
        transform: translate(-50%, 0%);
        z-index: 99999;
    }
    p.temoignage {
        font-size: 16px;
        letter-spacing: 0px;
    }
}


/*ctnr-tarifs */
.fusion_builder_column.carte-tarifs .fusion-column-wrapper {
    border: 1px solid #eee;
    box-shadow: 0 20px 40px rgba(15,41,48,.03);
    padding: 20px 30px !important;
    margin-bottom: 10px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.fusion_builder_column.carte-tarifs {
    text-align: center;
}
.carte-tarifs h2 {
    text-align: center !important;
}
.carte-tarifs .elmt-prix p {
    font-size: 2.8rem;
    color: #000;
    line-height: 1.3;
}
.carte-tarifs .ss-titre p {
    margin-top: -25px;
    color: #000;
    font-weight: bolder;
}
.carte-tarifs .elmt-prix p::before {
    content: "à partir de";
    display: block;
    text-align: center;
    font-size: 15px;
    margin-bottom: -10px;
    color: #5d5f64;
}
.carte-tarifs .fusion-text ul {
     margin-top: 0px;
    padding: 0;
    text-align: left;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    }
.carte-tarifs .fusion-text ul li {
    list-style: none;
    position: relative;
    margin-left: 0;
    padding-left: 30px;
}
.carte-tarifs .fusion-text ul li::before {
    content: "✔";
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    border-radius: 50%;
    line-height: 12px;
    padding: 5px;
    width: 10px;
    color: #fff;
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0px;
    top: 5px;
    background-image: linear-gradient(var(--button_gradient_angle,180deg),var(--button_gradient_top_color) var(--button_gradient_start,0),var(--button_gradient_bottom_color) var(--button_gradient_end,100%));
}
@media (max-width: 800px) {

}

/*ctnr-resultats*/
@media (max-width: 800px) {
    .ctnr-resultats .content-box-column {
        width: calc(50% - 10px) !important;
        display: inline-block !important;
        vertical-align: top !important;
        margin: 5px !important;
    }
    .ctnr-resultats .content-box-column-last {
        display: none !important;
    }
    .ctnr-resultats .content-box-wrapper {
        padding: 15px !important;
        font-size: 17px !important;
        line-height: 19px !important;
    }
    .ctnr-resultats .categorie-titre {
        margin-bottom: 5px !important;
        text-transform: inherit !important;
    }
}
.ctnr-resultats .fusion-content-boxes .content-wrapper-background {
    padding: 18px !important;
}

/*Contact*/
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text {
    height: 40px !important;
    border-color: #9f9f9f !important;
}
.wpcf7-form textarea {
    border-color: #9f9f9f !important;
}

.wpcf7-form p {
    margin-bottom: 10px !important;
    font-size: 17px !important;
}
.wpcf7-form .fusion-layout-column {
    margin-bottom: 10px !important;
}

/*Dont load icomoon*/
[class*=" fusion-icon-"], [class^=fusion-icon-] {
    font-family: FontAwesome!important;
}

.fusion-icon-facebook:before {
    content: "\f09a" !important;
}
.fusion-icon-twitter:before {
    content: "\f099" !important;
}

.fusion-icon-instagram:before {
    content: "\f16d" !important;
}


/* ------------------------ GENERAL  ------------------*/

.fusion-layout-column .fusion-imageframe a {
    height: 100%;
    display: block;
}
.hidden {
  display:none !important;
}
/*Pour les spams */
form .z-adesio {
  display:none !important;
}
.radius-20{
border-radius:20%;
}.width-100{
width:100%;
}
.font-10{
font-size:10px;
}
.font-12{
font-size:12px !important;
}
.font-14{
font-size:14px;
}
.font-16{
font-size:16px;
}
.font-17{
font-size:17px;
}
.font-20{
font-size:20px;
}
.font-24{
font-size:24px;
}
.font-1-15{
font-size:1.15em;
}
.font-1-2{
font-size:1.2em;
}
.font-1-3{
font-size:1.3em;
}
.font-1-4{
font-size:1.4em;
}
.margin-bottom-0{
margin-bottom:0px !important;
}
.margin-bottom-5{
margin-bottom:5px;
}
.margin-bottom-10{
margin-bottom:10px;
}
.margin-bottom-15{
margin-bottom:15px;
}
.margin-bottom-20{
margin-bottom:20px;
}
.margin-bottom-30{
margin-bottom:30px;
}
.margin-top-0{
margin-top:0px !important;
}
.margin-top--5{
margin-top:-5px;
}
.margin-top-5{
margin-top:5px !important;
}
.margin-top-6{
margin-top:6px;
}
.margin-top-10{
margin-top:10px !important;
}
.margin-top-20{
margin-top:20px !important;
}
.margin-top-30{
margin-top:30px;
}
.margin-top-40{
margin-top:40px;
}
.margin-top-50{
margin-top:50px;
}
.padding-left-0{
padding-left:0px;
}
.padding-left-30{
padding-left:30px;
}
.margin-left-40{
margin-left:40px;
}
.bold {
font-weight: bold;
}
.italic{
font-style:italic;
}
.uppercase{
text-transform: uppercase;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.inline-block{
display:inline-block;
}
.text-center{
text-align: center !important;
}
.text-left{
text-align: left !important;
}
.text-right{
text-align: right !important;
}
.white {
color: #fff !important;
}
img {
    pointer-events: none !important;
}

/*General*/
.carre {
    z-index: 11;
    background-color: rgb(229, 66, 112);
    border-radius: 1px;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 32px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 18px;
    white-space: nowrap;
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    opacity: 1;
    transform: matrix3d(0.669131, 0.743145, 0, 0, -0.743145, 0.669131, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}
.border-adesio {
	background-image: linear-gradient(50deg, #FFAD00 , #FFAD00 );
	padding: 10px;
}
.button-inverse {
    background: transparent !important;
    border: 1px solid #000 !important;
}
.button-first {
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}
.button-inverse .fusion-button-text {
    color: #000 !important;
}
.fusion-privacy-bar .fusion-privacy-bar-main {
    line-height: 1.2 !important;
}

/*Box*/
.background-box {
    background-image: linear-gradient(50deg, #FFAD00, #FFAD00) !important;
    padding: 20px 5% 20px 20px !important;
    margin-right: -2% !important;
}
.big-width {width: calc(72.66% - ( ( 4% ) * 0.6666 ) ) !important;}

/*button*/
.fusion-button:hover {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2) !important;
  -webkit-transform: translate(0px, 3px);
  -ms-transform: translate(0px, 3px);
  transform: translate(0px, 3px);
}

/*Contact Form 7 */
main .contact-adesio .fusion-column-wrapper {
    background-image: linear-gradient(50deg, #FFAD00 , #FFAD00 );
    padding: 10px !important;
}
.contact-adesio .wpcf7 {
    background: #fff;
    padding: 20px;
}

span.wpcf7-list-item {
    margin: 0px !important;
}
.grecaptcha-badge {
    display: none !important;
}

.wpcf7-form .form-ctc {
    margin-bottom: 10px !important;
}
.wpcf7-form-control-wrap {
    display: inline-block;
    width: 100% !important;
}
.wpcf7-form-control-wrap input {
    border-radius: 5px !important;
    padding: 5px 10px !important;
    color: #000 !important;
    font-size: 16px !important;
    background: #FFF !important;
    min-height: 38px;
}
.wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder {
    color: #000 !important;
}
.wpcf7-form-control-wrap textarea {
    border-radius: 5px !important;
    padding: 10px 10px !important;
    color: #000 !important;
    font-size: 16px !important;
    background: #FFF !important;
}
form > p > input.wpcf7-submit {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 20px !important;
    text-transform: inherit;
}
form > p > input.wpcf7-submit:hover {
    opacity: 0.85;
}
.grecaptcha-badge {
    display: none !important;
}
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .wpcf7-form textarea {
    border-color:#000 !important;
}
.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed !important;
    background-color: #151d3d !important;
}


/* ---------------- FONT ----------------------------*/
/*Home*/
.categorie-titre {
    margin-bottom: -10px !important;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
@media (max-width: 800px) {
    h1, h1.fusion-responsive-typography-calculated {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }
    h2, h2.fusion-responsive-typography-calculated {
        font-size: 30px !important;
    line-height: 1.2 !important;
    }
    h3, h3.fusion-responsive-typography-calculated {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }
    h4, h4.fusion-responsive-typography-calculated {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-top: 10px !important;
    }
    .categorie-titre {
        margin-bottom: 5px !important;
    }
}

/*Modal*/
.fusion-modal .modal-header .close {
    float: right !important;
}

/* -------------------------- HEADER --------------------------*/
/*Header*/
@media (min-width: 800px) {
    .fusion-logo img {
        max-width: 200px;
        height: auto !important;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .content-box-column.col-lg-4{
        background-image: linear-gradient(50deg, #FFAD00 , #FFAD00 );
        padding: 10px;
        margin-right: 2%;
        width: 31% !important;
    }
    .fusion-is-sticky .fusion-logo img {
        width: auto;
        margin-top: 0px;
    }
    .fusion-is-sticky .fusion-logo::after {
        content: "Votre site internet, visible sur Google" !important;
        margin-left: 30px !important;
        margin-top: -18px !important;
        z-index: 0;
        position: relative;
        display: none;
    }
}
@media (max-width: 800px) {
    .fusion-logo img {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .menu-adesio-logo {
        margin-bottom: 20px;
    }
    .menu-adesio-logo a {
        font-size: 35px !important;
    }
    .fusion-logo img {
        max-width: 150px;
    }
    .fusion-mobile-nav-item a, .menu-adesio-logo a {
        color: #fff !important;
    }
}
.fusion-logo::after {
    content: "Performant. Sur-mesure. Clé en main." !important;
    width: 100%;
    font-size: 13px;
    color: #000;
    text-align: center;
    line-height: 1em;
}
.fusion-main-menu > ul > li > a {
    text-transform: uppercase;
}
.fusion-flyout-menu-bg {
    background-image: linear-gradient(50deg, #FFAD00 , #FFAD00 ) !important;
}
.fusion-header-has-flyout-menu.fusion-mobile-menu-design-flyout.fusion-flyout-active .fusion-flyout-menu-icons .fusion-toggle-icon-line {
    background-color: #fff !important;
}


/*Responsive*/
@media (max-width: 800px) {
    .hidden-xs {
        display: none !important;
    }
    .fusion-button.button-3 {
    margin-top: 5px;
    }
    .content-box-column.col-lg-4{
    background-image: linear-gradient(50deg, #FFAD00 , #FFAD00 );
    padding: 10px;
    }
    /*Footer*/
    #menu-widget-2 > .fusion-widget-menu li {
        display: block !important;
}
@media (max-width: 1235px) {
    .separation-titre, .button-mobile-header {
    border-top: 1px solid #fff;
    width: 80% !important;
    margin-left: 10%;
    margin-top: 20px;
    padding-top: 20px;
    }
    .fusion-mobile-nav-item a, .fusion-mobile-nav-holder > ul > li.fusion-mobile-nav-item > a {
    padding: 3px;
    }
    .button-mobile-header a {
    text-transform: uppercase !important;
    color: #ffffff !important;
    background-image: linear-gradient(0deg, #FFAD00 , #FFAD00 );
    padding: 13px 29px !important;
    line-height: 17px !important;
    font-size: 14px !important;
    border-radius: 25px;
    }
    .ltr .fusion-footer footer .fusion-row .fusion-columns .fusion-column.fusion-column-last {
    margin-bottom: 10px !important;
    }
}



/*-------------------------------------- Facilitateur -------------------------------------------------------------*/
/*Ancres*/
div:target {
    padding-top: 100px; 
    margin-top: -100px; 
}
.hidden { display: none !important; }
.width-100{ width:100%; }
.margin-bottom-0 { margin-bottom:0px !important; }
.margin-bottom-10{ margin-bottom:10px !important; }
.margin-bottom-20{ margin-bottom:20px !important; }
.margin-bottom-30{ margin-bottom:30px !important; }
.margin-top-0{ margin-top:0px !important; }
.margin-top-10{ margin-top:10px !important; }
.margin-top-20{ margin-top:20px !important; }
.margin-top-30{ margin-top:30px !important; }
.bold { font-weight: bold !important; }
.italic{ font-style:italic !important; }
.uppercase{ text-transform: uppercase !important; }
.underline{ text-decoration: underline !important; }
.float-left{ float:left; }
.float-right{ float:right; }
.text-center{ text-align: center !important; }
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }
.white {color:#fff !important;}

@media (max-width: 800px) {
    .hidden-xs {
        display:none !important;
    }
}
@media (min-width: 800px) {
    .hidden-sm {
      display:none !important;
    }
}