/* CSS Document */
/*.searchform-deces label,
.searchform-deces input[type=submit]{
}*/
.searchform-deces,
.filter-letter{
    display: block;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}
.searchform-deces{
    margin: 20px auto 40px;
    clear:both;
}
.searchform-deces form{
    display:flex;
    align-items: flex-end;
    gap:15px;
    max-width: 50rem;
}
@media screen and (max-width:520px){
    .searchform-deces form{
        flex-wrap: wrap;
    }
    .searchform-deces label{
        flex-basis: 45%;
        margin-bottom:1rem;
    }
}
.searchform-deces label{
    color:#000000;
}
.searchform-deces label:first-child{
    margin-left: 0!important;
}
.searchform-deces input[type=date]{
    display:block;
    border:1px solid #cccccc;
    box-shadow:none!important;
}
.searchform-deces input[type=submit]{
    box-shadow:none!important;
    background-color:var(--primary_color)!important;
    color:#ffffff!important;
    border:1px solid var(--primary_color)!important;
}

.filter-letter ul,
.filter-letter ul li{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.filter-letter ul{
    width: auto;
    display: block;
}
.filter-letter ul li{
    margin: 10px 2px;
}
.filter-letter ul li span{
    padding:5px 10px;
    font-size: 18px!important;
    /*border: red 1px solid;
    border-radius: 5px;*/
    color:#adadad;
    background-color: #ffffff;
}
.filter-letter ul li a{
    padding:5px 10px;
    font-size: 18px!important;
    /*border: red 1px solid;
    border-radius: 5px;*/
    color:#333333;
    font-weight: 700;
    background-color: #ffffff;
    text-decoration: none;
    box-shadow: 1px 1px 12px #888;
}
.filter-letter ul li a:hover{
    background-color:var(--primary_color)!important;
    color: #ffffff!important;
}


/** Item Avis de décès
****************************************************/
.all-avis{
    /*min-width: 10%;
    max-width: 100%;
    
    display: block;*/
    /*background-color: pink;*/
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    margin: 30px auto;
    padding: 30px 0;
}
.item-avis{
    /*max-height: 214px!important;
    float: left;
    display: inline;
    min-width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    width: calc(50% - 20px);*/
    flex-basis:calc(50% - 20px);
    position: relative;
    margin:0 10px 20px;
    box-shadow: 1px 1px 12px #555;
}

/*
.item-avis:nth-child(odd){
    background-color:#333333!important;
}*/
.item-avis .more-avis{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.item-avis .more-avis a{
    display: block;
    text-align: center;
    padding: 10px 25px;
    margin-top:10px;
    border:1px solid var(--primary_color);
    color:var(--primary_color)!important;
    border-radius:10px;
    text-decoration: none;
}
.item-avis .more-avis a:hover{
    background-color: var(--primary_color);
    color:#fff!important;
}
.item-avis .infos-avis{

    padding: 0 10px 0 20px;
}
.item-avis .infos-avis small{
    white-space:nowrap;
}
.infos-avis .title-avis{
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 15px;
}
.infos-avis .date-avis{
    font-weight: 300;
    font-size: 12px!important;
    color:#747485!important;
}
.item-avis .img-avis{
    width: 212px!important;
    height: 214px!important;
    float: left;
    margin-right: 10px;
}
.item-avis .img-avis img{
    max-width: 100%;
}

@media screen and (max-width:940px){
    .all-avis{
        justify-content: center;
    }
    .item-avis{
        flex-basis:212px;
        padding-bottom:140px;
    }
    .item-avis .more-avis{
        position: absolute;
        left: 10px;

    }
    .item-avis .img-avis{
        float: none;
        margin-right: 0;
    }
}



.pagination{ 
    margin: 30px 0px;
    float: left!important;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-content: center;
}
.pagination ul{ 
    display:block; 
    list-style-type:none; 
    margin:0 auto; 
    padding: 0px;
}
.pagination ul li{ 
    display:inline-block; 
    list-style-type:none;
    margin:0; 
    padding:0;
}
.pagination ul li a,
.pagination ul li span{ 
    display:inline-block; 
    font-size: 14px; 
    /*    width:auto; */
    min-width:var(--pagination_width_height); 
    height:var(--pagination_width_height); 
    line-height: var(--pagination_width_height); 
    /*    border: 1px solid #dddddd; */
    border-right: 0px; 
    background:#FFFFFF; 
    color:var(--primary_color); 
    /*    padding: 5px; */
    text-align: center;
}
.pagination ul li a:hover{ 
    cursor:pointer; 
    text-decoration:none; 
}
.pagination ul li a.first{ 
    border-top-left-radius: 3px; 
    border-bottom-left-radius: 3px; 
}
.pagination ul li a.last{ 
    border-top-right-radius: 3px; 
    border-bottom-right-radius: 3px;
}

.pagination ul li span.last,
.pagination ul li span.first{ 
    color: var(--primary_color);
}
.pagination ul li span.last:hover,
.pagination ul li span.first:hover{ 
    cursor: default;
}

.pagination ul li a.last:hover,
.pagination ul li a.first:hover{ }

.pagination ul li a:hover, 
.pagination ul li.active a, 
.pagination ul li.current{ 
    background: var(--primary_color); 
    color:#ffffff; 
    border-color: var(--primary_color);
}

.pagination ul li:last-child,       
.pagination ul li a,
.pagination ul lispan{ 
    /*    border-right: 1px solid #dddddd; */
}

.pagination ul li a:hover{
    /*    border-color: #FF0000; */
}

/**
 * Single death_notice
 */

.single-funeraille,.single-expo{
    clear: both;
    float:none;
}
.single-top:after{
    display:table;
    content:'';
    clear:both;
}
.single-nom{
    color:var(--primary_color);
}
.single-place{
    background-color:var(--menu_sub_bg_color);
}
.single-place h3{
    background-color:var(--primary_color);
    color:#FFF;
    padding:.25rem 1rem;
    margin-bottom:0;
}


.single-expo-lieu,.single-funeraille-lieu{
    position:relative;
    padding:1rem 1.5rem;
}
.single-expo-lieu .icon,.single-funeraille-lieu .icon{
    position:absolute;
    left:.5rem;
}
.expo-lieu-content{

}
.single-expo-date,.single-funeraille-date{
    padding:1rem 1.5rem;
    flex-grow:1;
}
.expo-date-content{
    display:flex;
    flex-wrap:wrap;
}
.expo-date-content div{
    flex-basis:100%;
    margin-bottom:1rem;
}
@media all and (min-width:400px){
    .expo-date-content div{
        flex-basis:50%;
    }
}
@media all and (min-width:600px){
    .expo-date-content div{
        flex-basis:33%;
    }
}
@media all and (min-width:900px){
    .single-place-listing{
        display:flex;
    }
}

#form-condoleance input,#form-condoleance textarea{
    background-color:var(--menu_sub_bg_color);
    padding:.5rem 1rem;
    height:auto;
}
#form-condoleance textarea{
    height:6.5rem;
    width:100%;
}
#form-condoleance input[type=submit]{
    background-color:var(--primary_color);
    color:#FFF;
}
.form-condoleance-container{
    display:flex;
}
.form-condoleance-intro{
    font-size: .8rem;
    min-width: 17rem;
    padding-right: 1rem;
}
#form-condoleance .form-fields{
    display:flex;
    flex-wrap:wrap;
    gap: 1rem;
}
#form-condoleance .form-fields > div{
    flex:1 1 100%;
}
.btn-fleurs{
    font-size:1rem;
    border:1px solid var(--primary_color);
    color:var(--primary_color);
    padding:.25rem .5rem;
    border-radius:.25rem;
    white-space:nowrap;
}
@media all and (max-width:900px){
    .form-condoleance-container{
        flex-direction: column;
    }
}
@media all and (min-width:450px){
    #form-condoleance .form-fields > div.half{
        flex-basis: 40%;
    }
}

@media all and (min-width:1200px){
    .single-deces{
        position:relative;
        padding-left: 17rem;
    }
    .single-deces-image{
        width:15rem;
        position:absolute;
        left:0;
    }
}

.imgs-condo{
    display:flex;
}

.imgs-condo label{
    display: block;
    flex-basis:20%;
}
.imgs-condo label img{
    width:100%!important;
    padding:15px;
    cursor:pointer;
}
.imgs-condo input[type=radio]:checked + label{
    background-color:#cccccc;
}
.imgs-condo input[type=radio]{
    position:absolute;
    top:0;
    left:0;
    color:blue!important;
    display:none;
}
@media all and (max-width:600px){
    .imgs-condo{
        flex-wrap:wrap;
    }
    .imgs-condo label{
        flex:1 1 8rem;
    }
}