/*
Theme Name: Application métier Côté Patio
Theme URI: https://www.com2see.fr
Description: Application métier Côté Patio
Version: 1.0
Author: Mathieu Preuilh
Author URI: https://www.com2see.fr
*/
body {
    color:#555555;
    font-family: 'Raleway', sans-serif;
    line-height:25px;
	background:#fefefe;
    position:relative;
    overflow-x:hidden;
    font-size:14px;
}
:root{
    --main-color:#a5c715;
    --main-dark-color: #7f9a11;
    --main-light-color: #f9ffe7;
    --main-rgba-color: 165, 199, 21;
    --second-color:#D60073;
    --second-dark-color: #9a0051;
    --grey: #2a2a2a;
    --grey-light: #8d8d8d;
}

/***** HEADER *****/
#header{
    background:#fefefe;
    padding:15px;
    width:100%;
    border-bottom:1px solid #ddd;
    z-index:1100;
    position:relative;
}
#header .row{
    justify-content:space-between;
    align-items: center;
}
#header .logo{
    max-height:50px;
}
#menu{
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
    justify-content: center;
}
#menu > li{
    position:relative;
    padding:0 30px;
}
#menu li a{
    /*text-transform: uppercase;*/
    font-size:16px;
    font-weight:600;
    color:#555;
    display:inline-block;
}
#menu li a:hover{
    color:var(--main-color);
}
#ariane{
    padding:10px;
    background:#fefefe;
    border-bottom:1px solid #ddd;
}
#menu .sub-menu{
    max-height:0;
    overflow:hidden;
    position:absolute;
    top:40px;
    left:0;
    z-index:10;
    list-style:none;
    margin:0;
    padding:0 15px;
    width:max-content;
    transition: max-height 0.3s;
    background: #fefefe;
    border-radius: 4px;
}
#menu > li:hover .sub-menu{
    max-height:500px;
    border: 1px solid #ebebeb;
}
#menu > li > .sub-menu li a{
    line-height:30px;
    color: #999;
    text-transform: none;
    padding: 5px 0;
    display: inline-block;
    font-weight: normal;
}
#menu > li > .sub-menu li a:hover{
    color:var(--main-color);
}
@media(max-width:1399px){
    #menu > li{
        padding:0 10px;
    }
}
@media(max-width:1199px){
    #menu li a{
        font-size:14px;
    }
    #menu > li{
        padding:0 8px;
    }
}
@media(max-width:991px){
    #menu.collapse.in{
        max-width:100%;
        padding:30px;
    }
    #menu{
        position: absolute;
        top: 100%;
        right: 0;
        padding:0;
        flex-direction:column;
        max-width:0;
        transition: all 0.5s;
        overflow: hidden;
        width:auto;
        height:auto;
        background:#fefefe;
        border-top:1px solid #ddd;
    }
    #menu li{
        width:100%;
        padding:0;
        text-align: right;
    }
    #menu li a {
        padding:0;
        line-height:35px;
    }
    #menu .sub-menu{
        display:none;
    }
    #content .dynamic-menu.bloc-content{
        display:inline-block;
        position: absolute;
        top: 80px;
        border-radius:0;
        right: 0;
        padding:0;
        max-width:0;
        transition: all 0.5s;
        overflow: hidden;
        width:auto;
        height:auto;
        border:none;
        border-top:1px solid #ddd;
        z-index:1200;
    }
    #content .dynamic-menu.bloc-content.collapse.in{
        max-width:50%;
        padding:30px;
    }
}
@media(max-width:575px){
    #menu.collapse.in, #content .dynamic-menu.bloc-content.collapse.in{
        max-width:100%;
    }
}

/***** LOGIN *****/
#content .row.login{
    align-items: center;
    justify-content: center;
    padding-top:60px;
}
.container-login{
    text-align: center;
    max-width: 500px;
}
.compte{
    max-width:500px;
    text-align:center;
}
#popup_newnego{
    max-width:700px;
    text-align:center;
}
.compte p, #login p{
    text-align:center;
}
.compte .close-fancybox, .link-mdp{
    text-align:center;
    color: var(--second-color);
    font-weight: bold;
    cursor:pointer;
    margin-top:15px;
    margin-bottom:0;
    font-size:14px;
    display:inline-block;
}
.compte .close-fancybox:hover, .link-mdp:hover{
    color:var(--main-color);
}

/* ACF FORM */
.acf-field.hidden-front{
    display:none !important;
}
.acf-notice{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.acf-notice.-error{
    background: #aa0600;
    border-color: #aa0600;
}
.acf-field .acf-notice.-error{
    background: none;
    color:#aa0600;
    font-weight:bold;
    padding:0;
    border:0;
}
.acf-required{
    color:#aa0600;
}
.acf-input-wrap{
    overflow:visible;
}
.acf-fields > .acf-field{
    padding:15px 0;
}
.acf-fields.-border{
    border:0;
}
.acf-fields.-left > .acf-field:before{
    display:none;
}
.acf-fields.-left > .acf-field > .acf-label, .acf-fields.-left > .acf-field > .acf-input{
    width:100%;
    padding:0;
}
.acf-field .acf-label{
    margin:0;
}
.acf-field .acf-label label, label.label-group{
    font-weight:bold;
    color:var(--main-color);
    font-size:16px;
}
.acf-field .acf-label label a, label.label-group a{
    color:var(--second-color);
    font-size:16px;
}
.acf-field-group .acf-input .acf-label label{
    font-weight:normal;
    color:#555;
    font-size:14px;
}
.acf-fields > .acf-field:not(.acf-field-group){
    border-top:0;
    padding:0;
}
.acf-field-group .acf-field-true-false > .acf-label{
    display:none;
}
.acf-field-group .acf-field-true-false.is-required .message:after{
    content:"*";
    color:#aa0600;
}
.acf-field-group .acf-true-false label, .acf-field-group .acf-radio-list li label{
    cursor:pointer;
}
.acf-fields > .acf-field.acf-field-639b0133a5c93{
    border-top:double 6px #555;
}
.acf-input input:not([type='checkbox'],[type="radio"]){
    height:30px;
}
.acf-form-submit{
    text-align:right;
}
.acf-form-submit .button{
    font-size:16px;
    text-transform:uppercase;
    cursor:pointer;
    line-height:45px;
    padding:0 20px;
    margin:0;
    -webkit-border-radius:5px;
    border-radius:5px;
    position:relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background:var(--main-color);
    color:#fff;
    width:auto;
    border:none;
}
.acf-form-submit .button:hover{
    background:var(--main-dark-color);
    color:#fff;
}
.acf-field--post-title{
    display:none;
}
.table_activite .acf-fields > .acf-field{
    padding:10px ;
}
/* Recap Brief */
.group-acf{
    position: relative;
    margin: 0;
    padding: 15px 0;
    border-top:1px solid #EAECF0;
}
.group-acf.first-group{
    border-top:none;
}
.recap_brief i{
    color:var(--second-color);
}
.recap_brief ul{
    margin:10px 10px 0 10px;
    padding:0;
}
.recap_brief ul li:not(.header-table){
    border-top:1px solid #ccc;
    line-height:36px;
}
.recap_brief ul li:nth-child(odd){
    background:#f4f4f4;
}
.recap_brief ul li.header-table{
    font-weight:bold;
    line-height:40px;
    background:#eeeeee;
}
.recap_brief .sub_field_brief{
    display:inline-block;
}
.recap_brief .sub_field_brief label span{
    font-weight:normal;
}
.message-edit{
    margin-bottom:30px;
    font-style:italic;
    color:#099948;
    font-weight:bold;
}
@media(max-width:1199px){
    .recap_brief .sub_field_brief{
        width:100% !important;
    }
}
@media(max-width:767px){
    .table_activite .acf-fields > .acf-field{
        width:100% !important;
        border:none !important;
    }
}

/* Tableau  */
table{
    width:100%;
}
table td{
    padding: 0 15px;
    text-align: center;
}
table th{
    padding:5px;
    text-align: center;
}
table thead tr{
    background:var(--main-color);
    color: #fff;
}
table tbody tr{
    background:#fefefe;
    border-bottom:1px solid #eee;
}
table tbody tr:last-child{
    border:none;
}
table tbody tr td{
    padding:10px 0;
    border-left:1px solid #eee;
}
table tbody tr td:first-child{
    font-weight:bold;
    color:#333;
    border-left:none;
}
table tbody tr:nth-child(even){
    background: #f9f9f9;
}
table tbody tr:hover td{
    background:var(--main-light-color);
}
@media(max-width:767px){
    .content-table, .acf-repeater.-table{
        overflow-x: scroll;
    }
}

/* Liste messages */
ul.list-messages{
    padding:0;
    margin:0;
}
ul.list-messages li{
    justify-content:flex-start;
}
ul.list-messages li .actions{
    display:flex;
    justify-content: flex-end;
}
ul.list-messages li .actions div{
    cursor:pointer;
}
ul.list-messages li .actions .update-msg{
    color:var(--main-color);
    margin-right:15px;
}
ul.list-messages li .actions .delete-msg{
    color:var(--bs-red);
}
ul.list-messages li .actions .update-msg:hover, ul.list-messages li .actions .delete-msg:hover{
    color:var(--second-color);
}

/***** OUTILS *****/
ul.outils{
    margin:0;
    padding:0;
    list-style:none;
}
ul.outils li{
    margin-bottom:20px;
    text-align:center;
}

/* Outils rapides */
.bloc-outil{
    display:flex;
}
.bloc-outil a{
    display:inline-block;
    width:100%;
    position: relative;
    padding: 35px 10px;
    margin-bottom: 30px;
    background: #fefefe;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    text-align:center;
    font-size:22px;
    transition: all 0.5s;
    word-break: break-word;
}
.bloc-outil.small-bloc a{
    padding:20px 15px;
}
.bloc-outil a:hover{
    color:#fff;
    background:rgba(var(--main-rgba-color),0.5);
}

/***** FOOTER *****/
.copyright{
    background:#131616;
    color:#ccc;
    line-height:75px;
    font-size:12px;
    padding:0 15px;
}
.copyright ul{
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
    justify-content: center;
}
.copyright ul li:after{
    content:"-";
    padding:0 10px;
}
.copyright ul li:last-child:after{
    content:none;
}
.copyright ul a{
    color:#ccc;
    font-weight:normal;
}
.copyright ul a:hover{
    color:var(--main-color);
}
@media(max-width:991px){
    .copyright, .copyright .text-right{
        text-align:center;
        line-height:35px;
        padding:10px 0;
    }
}