/*****************************************************************

VARIABLES

*****************************************************************/

$dark-color: #000000 !default;
$primary-color: #CE5244 !default;
$grey-color: #F1EFED !default;
$hover-color:#a9423b;

$titleFont : 'Playfair Display',serif;
$contentFont : 'Poppins',sans-serif;


// #wpadminbar {

// display: none !important;

// }

// @media screen and (max-width: 782px){
// html {

//     margin-top: 0px !important;

// }
// }


b, strong {
    font-weight: 700;
}


#primary {

        margin: 0;

}

.ast-container {

    padding-left: 0px;
    padding-right: 0px;
}


.ast-plain-container #primary {

    margin-bottom: 0;
    padding-bottom: 0;
    
    }

.ast-separate-container #primary {

margin: 0;

}

.post-navigation {

    display:none;

}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {

    padding: 0;
}

p {

    font-family: $contentFont;
}

.wp-block-buttons {


}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: $hover-color;
    border-color: $hover-color;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {

box-shadow: none;

}




.btn-primary {
    color: #fff;
    background-color: $primary-color;
    border: none;
    text-transform: uppercase;
    border-radius: 0px;   
    height: 50px;
    padding: 10px 60px 10px 60px;
    line-height: 30px;
    font-size: 14px;
    letter-spacing: 2px;



    &:hover {

        background-color: $hover-color;
        border: none;

    }

    &:focus {
        color: #fff;
        background-color: $hover-color;
        border: none;
        box-shadow: none;
    }

    &.btn-cookie {

        padding: 5px 10px;
        line-height: inherit;
        height: inherit;
        letter-spacing: inherit;
        }
}

.bt-savoir-plus {

    font-size: 14px;
    font-weight: 300;
    color: $dark-color;
    letter-spacing: 1.5px;

    &::before {

        content: url(img/pictos/picto-more.svg);
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: top;
        margin-right: 11px;
        padding-top: 0px;
    }

    &:hover {

        color: $primary-color;
        text-decoration: none;
    }

}


.btn-ico {

    background-color: $dark-color;
    padding: 10px 0 10px 0;
    letter-spacing: 2px;
    &::before {

        position: relative;        
        margin-right: 10px;

    }

    span {

        vertical-align: top;

    }

    &-voiture {
       
        &::before {
            content:url(img/pictos/picto-voiture.svg);
            width: 33px;
            height: 27px;

            
    }
    span.covnbannonce {

        vertical-align: initial;
    }

}

    &-bande-annonce {

        width: 240px;
       
        &::before {
            content:url(img/pictos/picto-bande-annonce.svg);
            width: 32px;
            height: 33px;
      
    }

    }
}


.btn-billeterie {

    text-transform: inherit;
    padding: 0.375rem 1.5rem;
    height: inherit;
    line-height: inherit;
    letter-spacing: 1px;
}

.ast-breadcrumbs-wrapper{

    display: none;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;;
    text-align: left;
    margin-bottom: 24px;
  

    .trail-items .trail-end {

            font-weight: 700;

    }
}



@media (min-width: 990px) {

    .ast-breadcrumbs-wrapper{
        max-width: 960px;
        display: block;
    }
}

@media (min-width: 1200px) {

    .ast-breadcrumbs-wrapper{
        max-width: 1260px;
        display: block;
    }
}


.wpv-pagination-nav-links-container {


    display: block;
    margin-top: 60px;
    text-align: center;

    li {

        display: inline-block;
        

        &.page-item {
           
            
            span, a { width: 38px;
                height: 38px;
                line-height: 36px;
                background-color:#F1EFED;
                border: none;
                color: $dark-color;
            }

            .page-link {

                &:hover {
                background-color:$primary-color;
                color: #ffffff;

            }

            &.wpv-filter-next-link, &.wpv-filter-previous-link {

                background-color: #ffffff;
                font-size: 16px;

                &:hover {
                    
                    color: $primary-color;
    
                }


            }

            
            }

        &.active .page-link {
            z-index: 3;
            color: #fff;
            background-color: $primary-color;
            border-color: $primary-color;
            border-radius: 0;



        }
    }
    }

}

.search-results {

    h1 {

            font-family: "Poppins", sans-serif;
            font-weight: 300;
            font-size: 24px;
            line-height: 33px;
            letter-spacing: 6px;
            text-transform: uppercase;
            margin-bottom: 60px;
            margin-top: 40px;

    }

    h2 {

        font-family: $contentFont;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin-bottom: 20px;

    }

    p {
font-weight: 300;
line-height: 20px;
margin-bottom: 2rem;

    }

    .wpv-pagination-nav-links-container {

margin-bottom: 100px;

    }

}


.ast-archive-title {

display: none;

}

.ast-archive-description {

    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
    text-align: left;
    margin-bottom: 24px;

}

.ast-separate-container .ast-archive-description, .ast-separate-container .ast-author-box {

    padding: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}





// menu mobile

.menu-mobile {

    float: right;
    position: absolute;
    top: 0;
    right: 0;

    // button#responsive-menu-pro-button.is-active {

    //     top: 0px;
    // }

    #responsive-menu-pro-container {
padding-top: 85px;

    }

}

.menu-desktop {

    display: none;
    
    }


    .responsive-menu-pro-submenu { 

        min-width: 150px;
    }

#responsive-menu-pro-container #responsive-menu-pro,  #responsive-menu-pro-container #responsive-menu-pro-title{

padding-left: 35px !important;
padding-right: 35px !important;
padding-bottom: 0 !important;

}

@media (min-width: 1200px) {
#responsive-menu-pro-container #responsive-menu-pro, #responsive-menu-pro-container #responsive-menu-pro-title {

    padding-left: 0 !important;;
    padding-right: 0 !important;;
    
    }

    .menu-desktop {

        display: block;
        
        }

    .menu-mobile {

        display: none;
        
        }

}


// table responsive

.table-responsive {

    font-family: $contentFont;

    .table {

        border-top-width: 0;

        thead {

           
            tr:first-child {

                border-bottom-width: 0px;
                th { 

                    border-bottom-width: 0px;
                }

            }

        }

       tbody {

            tr{

           

            &:first-child {

                border-top-width: 0px;
                td { 

                    border-top-width: 0px;


                    
                }

            }

            td {

                text-align: center;
                
                a {

                    color:$dark-color;

                    &:hover {

                        color:$primary-color;

                    }
                }               
            }
        }

       }
        
    th {
        background-color: #000000;
    color: #ffffff;
    text-align: center;
    font-family: $contentFont;
    font-size: 14px;
    font-weight: 300;
    &::first-letter {

        text-transform: uppercase;

    }
    }
}

}