/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Laurent G. / Label Communication
Author URI: https://www.labelcommunication.net 
Template: enfold
*/

/* GENERAL */
h1, h2, h3, h4, h5, h6 {
    font-family: 'futura-bk', Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    font-weight: 700 !important;
}
strong {
    font-family: 'futura-bk', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
}
span.logo img {
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding: 10px;
}
.header-scrolled span.logo img {
    padding: 3px;
}
a.avia-button {
    font-family: 'futura-bk', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px!important;
    border-radius: 0!important;
}
blockquote p {
    font-size: 16px;
}
.hr-custom .hr-inner.inner-border-av-border-fat {
    border-top-width: 5px;
}
.breadcrumb-trail span {
    font-size: 14px !important;
}

/*** FILTRE ***/
.searchandfilter ul {
    margin: 0 !important;
}
.searchandfilter ul li li {
    overflow: visible !important;
    transition: all 1s;
}
.searchandfilter ul li li:hover {
    background: #C40B47;
}
.search-filter-results span.pages {display: none !important;}
/* FILTRE POTFOLIO */
.sf-field-taxonomy-portfolio_entries {
    background: #780533;
    padding: 0 !important;
}
.sf-field-tag {
    background: #C7D302;
}
.sf-field-tag li label {
    color: #780533;
}
.sf-field-taxonomy-portfolio_entries ul {
    text-align: center;
}
.sf-field-taxonomy-portfolio_entries li {
    padding: 20px 10px !important;
    background: #780533;
    vertical-align: middle;
    width: 140px;
    height: 175px;
}
.sf-field-taxonomy-portfolio_entries li .sf-input-checkbox:before {
    content: '';
    visibility: visible;
    display: block;
    width: 79px;
    height: 80px;
    margin: 0 auto 10px auto;
}
.sf-field-taxonomy-portfolio_entries li.sf-option-active {
    background: #C40B47;
}
.sf-field-taxonomy-portfolio_entries li,
.sf-field-tag li {
    display: inline-block !important;
}
.sf-field-taxonomy-portfolio_entries li label {
    width: 100%;
    font-size: 15px !important;
    display: block;
    margin-top: -55px;
    line-height: 20px;
    text-align:center;
    text-transform: uppercase;
    color: #fff;

}
.sf-field-taxonomy-portfolio_entries li label:hover {
    opacity: 1 !important;
}
.sf-field-taxonomy-portfolio_entries li label span {
    text-align:center;
    padding:3px 0px;
    display:block;
}
.sf-field-taxonomy-portfolio_entries li input {
    appearance: none;
    width: 100%;
    height: 100%;
    position: relative;
}
.sf-field-tag li .sf-input-checkbox {
    display: none !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-0 {
    display: none !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-3 input[type='radio']:before,
.sf-item-3 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-commerce-alimentation-ucapl.png) no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-4 input[type='radio']:before,
.sf-item-4 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-beaute-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-5 input[type='radio']:before,
.sf-item-5 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-sante-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-6 input[type='radio']:before,
.sf-item-6 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-animal-jardin-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-7 input[type='radio']:before,
.sf-item-7 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-bar-restaurant-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-8 input[type='radio']:before,
.sf-item-8 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-gite-reception-ucapl.png)no-repeat top center;
    background-size: contain;
}
.sf-field-taxonomy-portfolio_entries .sf-item-9 input[type='radio']:before,
.sf-item-9 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-service-aux-entreprises-ucapl.png)no-repeat top center;
    background-size: contain;
}
.sf-field-taxonomy-portfolio_entries .sf-item-10 input[type='radio']:before,
.sf-item-10 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-automobile-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-11 input[type='radio']:before,
.sf-item-11 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-batiment-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-12 input[type='radio']:before,
.sf-item-12 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-immobilier-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
.sf-field-taxonomy-portfolio_entries .sf-item-13 input[type='radio']:before,
.sf-item-13 .sf-input-checkbox:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    background: url(/wp-content/themes/enfold-child/search-filter/img/cat-adherents-finance-ucapl.png)no-repeat top center !important;
    background-size: contain !important;
}
/* FILTRE ALPHABET */
.sf-field-tag ul {
    text-align: center;
}
.sf-field-tag ul li .sf-label-checkbox {
    text-transform: uppercase;
}
/* FORMULAIRE DE RECHERCHE */
#search-filter-form-106 {
    display: block;
    width: 382px !important;
    margin: 0 auto;
}
#search-filter-form-106 .sf-field-search {
    display: inline-block;
    width: 300px;
}
#search-filter-form-106 .sf-field-search label,
#search-filter-form-106 .sf-field-search .sf-input-text {
    width: 100%;
}
#search-filter-form-106 .sf-field-submit {
    display: inline-block;
    width: 80px;
}
#search-filter-form-106 .sf-field-submit input[type='submit'] {
    text-transform: uppercase;
    height: 38px !important;
}
/* RESULTATS FILTRE */
.adherent-ucapl {
    padding: 120px 50px;
    border: 1px solid #707070 !important;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}
.adherent-ucapl:hover .infos-adherent {
    display: block;
}
.adherent-ucapl .infos-adherent {
    display: none;
    position: absolute;
    border: 1px solid #707070 !important;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 0;
    left: 0;
    padding: 20px 15px;
    background: #fff;
    text-align: center;
}
.adherent-ucapl .logo-adh {
    width: 200px !important;
    height: 200px !important;
    object-fit: contain !important;
}
.adherent-ucapl .infos-adherent .logo-adh-thumbs, 
.adherent-ucapl .infos-adherent .photo-adh {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
}
.adherent-ucapl .infos-adherent .hr-adherent {
    width: 35px;
    border: solid #C7D302;
    border-width: 3px 0 0;
    margin: 0 auto 10px auto;
}
.adherent-ucapl .infos-adherent .metier-adherent {
    font-size: 14px;
    font-style: italic;
    color: #780533;
}
.adherent-ucapl .infos-adherent .adherent-coordonnees {
    margin: 0;
}
.adherent-ucapl .infos-adherent .adherent-coordonnees li {
    font-size: 14px;
    color: #780533;
    margin-left: 0;
    text-align: center;
    list-style: none;
}
.adherent-ucapl .infos-adherent .adherent-coordonnees li .svg-inline--fa {
    vertical-align: middle;
    font-size: 18px !important;
    margin-right: 5px;
}
.adherent-ucapl .infos-adherent .adherent-url {
    display: block;
    margin: 30px auto;
    padding-top: 3px;
    background: #C7D302;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    width: 38px;
    height: 38px;
    transition: all 1s;
}
.adherent-ucapl .infos-adherent .adherent-url img {
    margin-top: 4px;
}
.adherent-ucapl .infos-adherent .adherent-url:hover {
    background: #780533;
}

/*** EN-TETE ***/
ul#avia-menu li a span.avia-menu-text {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.7px;
}
ul.sub-menu li a:hover {
    background-color: #C7D302 !important;
}
ul.sub-menu li a span.avia-menu-text {
    font-size: 14px !important;
    text-transform: none !important;
}
.title_container::before {
    content: '';
    visibility: visible;
    background: rgba(130, 173, 28, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.title_container {
    background: url('/wp-content/uploads/2024/03/union-des-commercants-artisans-professions-liberables-footer.jpg') no-repeat top left;
    background-size: cover;
    height: 215px;
}
.title_container h1.entry-title {
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    text-shadow: 0 0px 5px #000;
    padding: 73px 0;
    line-height: 50px;
}
.title_container h1.entry-title a {
    color: #fff !important;
}

/*** PAGE D'ACCUEIL ***/
.home-title h1, .home-title h2 {
    text-shadow: 0px 0px 7px #000;
}

/*** PAGE BUREAU ***/
.membres-bureau .av-styling-circle .avia_image {
    border-radius: 100% !important;
    border: 1px solid #707070 !important;
}
.membres-bureau .nom-membre-bureau p {
    margin-bottom: 0 !important;
}
.membres-bureau .infos-membres-bureau {
    font-family: 'futura-bk-book', Helvetica, Arial, sans-serif !important;
}

/*** PAGES ACTUALITES ***/
.actus article.post-entry, 
.actus .actus-home article.post-entry {
    background: #fff;
    border: 1px solid #707070 !important;
    padding: 50px 40px;
    width: 25%;
    text-align: center;
}
.actus .actus-home article.post-entry {
    width: 47%;
}
.actus article.post-entry .entry-title {
    font-family: 'futura-bk-book', Helvetica, Arial, sans-serif !important;
    margin: 47px 0;
    text-transform: uppercase !important;
}
.actus article.post-entry .slide-meta {
    display: none;
}
.actus article.post-entry .read-more-link a {
    color: #C7D302 !important;
}

/* PAGE ACTUALITE */
.av-share-box .inner_tooltip {
    display: inline-block;
    line-height: 20px;
}

/*** CONTACT ***/

/* Contact Ninja Forms */
.nf-field-container {
    display: inline-block;
    width: calc(50% - 25px);
    margin: 5px 10px!important;
}
@media screen and (max-width: 599px) {
    .nf-field-container {
        width: 100%!important;
        margin:0!important;
    }
}
#nf-field-9-container,
.nf-field-container.textarea-container,
.nf-field-container.recaptcha-container,
.nf-field-container.submit-container {
    width: calc(100% - 25px);
}
.nf-field-element li {
    display: inline-block;
    line-height: 16px;
}
.nf-field-element li label {
    margin-right: 5px;
}
.listcheckbox-container .nf-field-element label:after {
    left: -30px!important;
}
.checkbox-wrap .nf-field-element label.nf-checked-label:before,
.checkbox-wrap .nf-field-label label.nf-checked-label:before,
.listcheckbox-wrap .nf-field-element label.nf-checked-label:before,
.listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
    color: #e42222!important;
}
.nf-error-msg.nf-error-invalid-email,
.nf-error-msg.nf-error-required-error {
    display: none;
}
.nf-field-label {
    margin-bottom: 0!important;
}
.nf-form-errors {
    text-align: center;
}
.nf-field-container.submit-container {
    width: calc(100% - 25px);
}
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    color:#000!important;
    border-color: #ddd;
    margin-bottom: 0;
}
.nf-field-container.submit-container input.nf-element {
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    background:#780533;
    color:#fff;
    border-radius: 0px;
    outline: none;
    -webkit-appearance: none;
}
.nf-field-container.submit-container input.nf-element:hover {
    background: #c40b45;
    color: #fff;
}
.nf-response-msg {
    border: 2px solid #000!important;
    padding: 15px 30px;
}
.nf-form-fields-required {
    font-style: italic;
    font-size: 12px;
}
span.ninja-forms-req-symbol {
    color: red!important;
    font-size: 16px!important;
}

/*** PIED DE PAGE ***/
a#scroll-top-link {
    right: 10px;
    bottom: 10px;
}
.before-footer::before {
    content: '';
    visibility: visible;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.before-footer {
    position: relative;
    clear: both;
    float: left;
    display: block;
    width: 100%;
    height: 215px;
    background: url('/wp-content/uploads/2024/03/union-des-commercants-artisans-professions-liberables-footer.jpg') no-repeat top left;
    background-size: cover;
}
#footer {
    padding: 0;
    border-top: 15px solid #C7D302;
}
#footer #custom_html-2 p {
    text-align: center;
    text-transform: uppercase;
}
#footer #custom_html-2 ul {
    text-align: center;
}
#footer #custom_html-2 ul li {
    display: inline-block;
}
#footer #custom_html-2 .svg-inline--fa {
    font-size: 26px !important;
}
#socket .container {
    text-align: center;
    line-height: 16px;
}
#socket .copyright {
    float: none;
}

/*** COOKIE NOTICE ***/
#cookie-notice {
    font-size: 20px !important;
    bottom: 50px;
    left: 0 !important;
    width: 30%;
    min-width: 20% !important;
}
.cn-button {
    font-weight: bold;
    margin-top: 15px !important;
    font-size: 14px !important;
}


/*** RWD ***/
@media screen and (min-width: 1024px) {
    a[href^=tel]{
        pointer-events: none!important;  
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .title_container h1.entry-title {
        font-size: 40px;
        padding: 40px 0;
    }
    #cookie-notice {
        width: 80% !important;
        font-size: 14px !important;
    }
    /*** FILTRE ***/
    .adherent-ucapl {
        width: 100% !important;
    }
    .sf-field-taxonomy-portfolio_entries li label {
        margin-top: -28px;
        overflow: visible;
    }
    .sf-field-taxonomy-portfolio_entries li .sf-input-checkbox:before {
        width: 59px;
        height: 60px;
    }
    /*** PAGE ACTUALITES ***/
    .actus article.post-entry {
        width: 100% !important;
    }
}