Divers

novembre 2019

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

20 Nov

Divers lieux

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

21 Nov

Divers lieux

Voir plus

Beaujolais Party #2

Venez fêter Le Beaujolais Nouveau à La Java jeudi 21 ...

21 Nov

09:00 - 23:55

La Java

365 Avenue de la Rochelle, 79000 Niort, France

Voir plus

Beaujolais Nouveau Cave Tgvins

Mesdames, Messieurs, L'automne s'installe, les feuilles tombent mais rassurez vous, de bonnes nouvelles ...

21 Nov

10:00 - 21:00

TGVins

25 Rue Alexandre de Humboldt, 79000 Niort, France

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

22 Nov

Divers lieux

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

23 Nov

Divers lieux

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

24 Nov

Divers lieux

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

25 Nov

Divers lieux

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

26 Nov

Divers lieux

Voir plus

Café Philo

Le Café-philo revient en centre-ville et c’est au Kilim Bar ...

26 Nov

20:30

Kilim Bar

1 Rue Pierre Antoine Baugier, 79000 Niort

Voir plus

Festisol du Niortais

Festival des Solidarités 2019 : De nombreux événements sont au ...

27 Nov

Divers lieux

Voir plus

Block

Cie la Boîte à sel. Une interprète marionnettiste et soixante haut-parleurs, ...

27 Nov

15:00 - 17:00

Salle du Clou-Bouchet

18B Rue Laurent Bonnevay, 79000 Niort

Voir plus

Aucun événement trouvé!

Afficher plus

Global

/* VARIABLES */
@bleu: #3FE4F4;
@gris-fonce: #333333;
/* fonts */
@slabo: 'Slabo 27px', serif;
@droid: 'Droid Serif', serif;
@raleway: 'Raleway', sans-serif;
@yellowtail: 'Yellowtail', cursive;
@montserrat: 'Montserrat', sans-serif;
@opensans: 'Open Sans', sans-serif;
.text-center {
    text-align: center!important;
}
#content {
    /*border: 20px solid #3FE4F4;
    border-top: 20px solid #16BDCD;*/
}
body {
    color: #000;
    h1, h2, h3, h4, h5, h6 {
        font-family: @montserrat!important;
    }
    font-family: @montserrat!important;
    p {
        color: #000;
        font-family: @opensans!important;
        font-weight: 400;
    }
    a{
        &:hover {
            text-decoration: none!important;
        }
    }
    .btn {
        text-shadow: none;
        box-shadow: none;
    }
}
blockquote {
    clear: both;
    margin: 20px 0;
    padding: 1em;
    background: #f7f7f7;
    border-left: 2px solid @bleu;
    line-height: 1.2;
}
input[type=reset],
input[type=submit],
input[type=submit],
.nav-links a:hover,
.btn-theme-primary,
.btn-theme-primary-outline:hover,
.card-theme-primary,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt {
    border-radius: 2em!important;
}
a.um-button.um-alt {
    border-radius: 2em!important;
}
/*CONTENT */
#page {
    background: #fff;
    #main-content, #content-inside {
        background: #fff;
        /*border-left: 5px solid #000;
        border-right: 5px solid #000;*/
    }
}

/* MENU PRINCIPAL */
.site-header {
    border-bottom: 5px solid #eaeaea;
}
.onepress-menu {
    a {
        color: #000;
        font-weight: 600;
    }
}
@media screen and (min-width: 1141px){
    .onepress-menu ul.sub-menu {
        border: 5px solid #eaeaea;
        li {
            line-height:1.9em;
            border: none;
            a {
                border-top: 0;
                padding: 10px 20px;
                color: #000;
                font-size: 0.8em;
                text-transform: uppercase;
                background: #ffffff;
                letter-spacing: 0;
                &:hover {
                    color: @bleu;
                    background: #1f1f1f;
                }
            }
        }
    }
}
span.byline {
    display: none;
}
#main-content h1 {
    text-align: center;
    text-transform: uppercase;
    padding: 60px 0 10px 0;
    letter-spacing: 2px;
}
.page-header {
    padding: 60px 0px;
    border: none;
    background-color: #333333;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30e8f2+0,ef3e85+80 */
    background: rgb(48,232,242); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(48,232,242,1) 0%, rgba(0,0,255,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30e8f2', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    background-repeat: repeat;
    background-attachment: fixed;
    /*border-right: 3vh solid transparent;
    border-top: 0vh solid #fff;
    border-bottom: 2vh solid #fff;
    border-left: 3vh solid #3FE4F4;*/
    .entry-title, .page-title{
        color: #ffffff;
        text-align: center;
        font-size: 2em;
        letter-spacing: 0.5em;
        /*text-shadow: 0 2px 13px #0B5960;
        -webkit-text-shadow: 0 2px 13px #0B5960;*/
    }
    .taxonomy-description p {
    color: #fff;
    font-weight: 300!important;
    text-align: center;
    font-family: @opensans;
    font-style: normal;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding-top: 20px;
    }
}
.hero-content-style1 h2 {
    font-size: 3em;
    letter-spacing: 4px;
    font-weight: 200;
    line-height: 1em;
    margin-bottom: 30px;
    text-shadow:none;
}
.section-title-area {
    margin-bottom: 30px;
    text-align: center;
    .section-title {
        font-weight: bold;
        color: #000;
    }
}

/* CTA */
.btn-theme-primary-outline,
.mec-fes-sub-button {
    border: 2px solid @bleu;
    padding: 10px 20px;
}
.btn-secondary-outline {
    box-shadow: none;
    border: 2px solid #fff;
    color: #fff;
}
.btn, .btn-lg,
.mec-event-footer .mec-booking-button,
.mec-event-share,
.mec-fes-sub-button{
    border-radius: 2em;
    -webkit-border-radius: 2em;
    box-shadow: none;
}
.mec-map-get-direction-btn-cnt {
    padding: 0!important;
    background-color: transparent!important;
    border:none!important;
    box-shadow: none;
}
.mec-load-more-button,
.mec-event-share,
.mec-fes-sub-button{
    color: @bleu;
    border: 2px solid @bleu;
    background: #fff;
    width: auto;
    &:hover {
        color: #ffffff;
        background: @bleu;
        border: 2px solid @bleu;
    }
}
.mec-load-more-button {
    margin-bottom: 40px;
}
.mec-event-footer .mec-booking-button {
    border: 2px solid #000;
    color: #fff;
    background: #000;
    &:hover {
        background: @bleu;
        color: #fff;
        border: 2px solid @bleu;
    }
    
}
.mec-event-grid-clean .mec-booking-button {
    border-radius: 2em!important;
}

/* HOME PAGE */

.home {
    #hero {
        .hero-content-style1 p {
            font-size: 1em;
            font-weight: lighter!important;
            font-family: 'Open Sans';
        }
    }
    section#categories {
        background: url("http://sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/home-search-bg.png") repeat;
        background-attachment: fixed;
        .feature-item {
            position: relative;
            h4 {
                display: none;
            }
        }
    }
    section#agenda {
        background-color: @gris-fonce;
        /*background-image: url("http://sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/home-agenda-bg.png");*/
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: bottom center;
        h2.section-title {
            color: @bleu;
        }
        .section-subtitle {
            color: #fff;
        }
        .row {
            h3 {
                display: none;
            }
        }
        .js-rotating {
            color: @bleu;
        }
    }
    section#selection {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30e8f2+0,ef3e85+80 */
    background: rgb(48,232,242); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(48,232,242,1) 0%, rgba(0,0,255,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(48,232,242,1) 0%,rgba(0,0,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30e8f2', endColorstr='#0000ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        background-attachment: fixed;
        .wow {
            display: none;
        }
        .section-subtitle {
            color: #fff;
        }
        .section-title {
            color: #000;
        }
        .section-desc {
            margin-top: 10px;
        }
        .mec-event-cover-clean {
            position: relative;
            border: 0;
            padding: 8px;
            height: 300px;
            overflow: hidden;
            margin-top: 20px;
            .mec-event-content {
                color: #fff;
                position: absolute;
                bottom: 0;
                padding: 22% 1em;
                transition: all 0.5s ease-in-out;
                left: 0;
                right: 0;
                height: 100%;
                .mec-event-title {
                    color: #fff;
                    font-weight: 700;
                    margin: 1.2em 0;
                    font-size: 29px;
                    text-transform: uppercase;
                    text-shadow: none;
                    padding: 10px;
                    background: transparent;
                }

}
            .mec-event-date {
                position: absolute;
                top: 0;
                right: 0;
                color: #fff;
                width: 60px;
                padding: 14px 10px;
                z-index: 1;
            }
            .mec-event-image img {
                width: 100%;
                object-fit: cover!important;
                height: 100%;
                position: absolute;
                left: 0;
                transition: all 0.5s ease;

}
            .mec-event-overlay {
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+27,000000+100&0+27,0.65+100 */
                background: -moz-linear-gradient(top,  rgba(0,0,0,0) 27%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom,  rgba(0,0,0,0) 27%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;

}
            &:hover {
                .mec-event-overlay {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+41&0+0,0.65+41 */
                    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 41%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 41%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -ms-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }
                .mec-event-title a{
                    color: @bleu!important;
                }
                .mec-event-image img {
                    -moz-transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -o-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    transform: scale(1.05);
                    transition: all 0.5s ease;

}
                
            }
        }
    }
    
    section#bonsplans {
        .section-title {
        }
        .list-article {
            border: 0;
            padding: 1em;
            margin-bottom: 50px;
            -webkit-transition: all 0.35s ease;
            -moz-transition: all 0.35s ease;
            -ms-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
            &:hover {
                -webkit-transition: all 0.35s ease;
                -moz-transition: all 0.35s ease;
                -ms-transition: all 0.35s ease;
                -o-transition: all 0.35s ease;
                transition: all 0.35s ease;
                .list-article-thumb{
                    img{
                        opacity: 0.5;
                    }
                }
            }
            .list-article-thumb {
                float: none;
                margin: 0 0 10px 0;
                width: 100%;
                background: @bleu;
                overflow: hidden;
                border-radius: 0.5em;
                a {
                    img {
                    object-fit: cover;
                    height: 200px;
                    object-position: 50%;
                    width: 100%;
                    }
                }
            }
        }
        .all-news {
            margin-top: 40px;
            display: block;
            width: 280px;
            float: none;
            text-align: center;
            margin: 0 auto;
        }
    }
       .section-news .entry-title {
            font-size: 20px;
            line-height: 1.5;
        }
        .section-news .entry-excerpt p {
            font-weight: normal;
            font-family: 'Open Sans';
        }
        
    section#home-projet {
        background-image :url("https://www.sortiraniort.fr/san2016/wp-content/themes/SortiraNiort/assets/images/sortir-a-niort_city3.png");
        background-position: bottom center;
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-color: #fafafa;
        min-height: 500px;
        .section-subtitle {
            color: #fff;
            background: #000;
            padding: 5px;
        }
        .btn-theme-secondary {
            color: #fff;
            border: 1px solid #000;
            background: #000;
            
        }
        .btn-lg {
            font-size: 1em;
            margin: 10px;
            &:hover {
                color: #000;
                background: #fff;
                border: 1px solid #fff;
            }
        }
    }
    @media screen and (max-width: 768px){
        section#home-projet{
            background-image: none;
            
        }
    }
}

/* EVENT CALENDAR */
.mec-calendar .mec-event-article .mec-event-image {
    float: left;
    margin-right: 20px;
    width: 65px;
    height: auto;
    border-radius: 50%!important;
    overflow: hidden;
}
section#agenda .mec-calendar .mec-event-article .mec-event-time {
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
    font-weight: bold;
}

/* EVENT-COLOR */
#mec-event-color {
    display:none;
}
/* Single Event */
body.single {
    #page {
        
    }
}
.mec-single-event {
    .mec-event-content .mec-single-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 33px;
    padding: 0 0 0 20px!important;
    border-left: 5px solid #3FE4F4;
    text-align: left!important;
    }
    .mec-event-social h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border-bottom: 0;
    width: 100%;
    display: block;
    padding: 10px;
    position: relative;
    background: #000;
    border-radius: 2em;
    }
    .mec-event-social li.mec-event-social-icon a {
        border-radius: 2em;
    }
}
.mec-single-event-date,
.mec-single-event-time,
.mec-single-event-location,
.mec-single-event-category,
.mec-single-event-label,
.mec-single-event-organizer,
.mec-events-meta-date,
.mec-event-cost,
.mec-event-website,
.mec-event-more-info {
    border: none;
    margin: 0 0 2px 0;
    padding: 10px 25px;
    /*background: #1f1f1f;*/
}
.mec-single-event-date {
}
.mec-container [class*="col-"] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-top: 20px;
}
.mec-single-event .mec-wrap, #comments {
    padding-bottom: 60px;
}
#comments {
    margin-top: 60px;
}
.mec-single-event .mec-frontbox {
    /*background: #1f1f1f;*/
    padding: 20px 0!important;
    margin-bottom: 0!important;
}
.mec-single-event.mec-frontbox-title{
    border-bottom: 0px solid transparent!important;
}
ul.mec-event-sharing {
    padding-left: 0!important;
    margin: 10px 0!important;
    ul {
    padding: 0;
    }
}
.mec-single-event .mec-frontbox-title:before, .mec-single-event .mec-events-meta-group-booking form > h4:before {
display: none;
}

/* MEC Titles */
.mec-month-divider span {
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 2px;
    font-weight: bold;
    border-bottom: none;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
    /* background: #3FE4F4; */
    color: #3FE4F4;
    padding: 20px;
    /* border-radius: 2em; */
    border-bottom: 1px solid #3FE4F4;
    border-top: 1px solid #3FE4F4;
    &:before {
        display: none;
    }
}
/* Soumission post */
.mec-fes-form-top-actions {
    display: none;
}
#mec-tags {
    .mec-form-row button {
        font-size: 14px;
        line-height: 1.7;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 2em;
        background: #3FE4F4;
        &:hover{
            background:#000;
        }
    }
}

/* SORTIES CALENDAR */
.mec-event-grid-clean .mec-event-article {
    margin-bottom: 30px;
    position: relative;
    border: 2px solid #eaeaea;
    text-align: center;
    padding: 10px;
    background: #fff;
    box-shadow: none;
    border-radius: 3px;
    .mec-event-detail {
        line-height: 14px;
    }
    img {
        height: 150px!important;
        object-fit: cover!important;
    }
}
.mec-wrap .mec-totalcal-box i {
    float: left;
    margin: 0;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 0;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    color: #000;
    line-height: 18px;
    font-weight: 900;
}

/* Mounthly Calendar */

.mec-calendar .mec-calendar-events-side {
    padding: 20px 0;
}
.mec-calendar .mec-event-article {
    padding: 20px;
}

.mec-event-cover-modern{
    .mec-event-detail {
        padding: 40px 20px;
        position: relative;
    }
    .mec-event-title {
        font-size: 1.2em!important;
    }
}
.mec-event-grid-clean {
        .mec-event-title {
        font-size: 1.2em!important;
    }
}
.mec-single-event .mec-frontbox, .mec-single-event .mec-events-meta-group-booking {
    margin-bottom: 30px;
    padding: 20px 10px;
    background: #fff;
    border: 0;
    box-shadow: none;
    .mec-single-event-date {
        background: @bleu;
        color: #000;
        abbr, h3 {
            color: #000;
        }
    }

}
    .mec-event-meta i:before {
        color: #000!important;
    }

.mec-fes-list-top-actions a, .mec-fes-form-top-actions a {
    position: relative;
    border: 2px solid #000;
    border-radius: 3px;
    color: #000!important;
    background: #fff;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    &:hover {
        background: #000;
        color: #fff!important;
        text-decoration: none;
    }
}
.mec-event-list-standard {
    .mec-event-article {
        position: relative;
        display: block;
        margin-bottom: 25px;
        border: 3px solid #eaeaea;
        box-shadow: none;
        border-radius: 3px;
    }
    .mec-col-table-c.mec-event-meta-wrap {
        padding-top: 15px;
    }
    .mec-event-footer {
        border-radius: 0 0 3px 3px;
        border:none;
    }
}
.mec-event-grid-clean{
        .mec-event-sharing-wrap {
            left: -20px;
            & > li {
                border: 1px solid #d9d9d9;
                border-radius: 50%;
            }
            .mec-event-sharing {
                left: 14px;
                top: 40px;
            }
        }
        .mec-booking-button {
            right: 0;
            border-radius: 3px;
        }
}

.mec-fes-message {
    display: none;
}
.mec-container [class*="col-"] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.mec-event-content {
    .mec-single-event-description {
        p {
            color: #000;
        }
        iframe {
            width: 100%!important;
            min-height: 400px!important;
        }
        a {
            border: 2px solid @bleu;
            padding: 5px 10px;
            border-radius: 2em 2em;
            color: @bleu;
            font-weight: 800!important;
        }
    }
}

.lity-opened {
    .lity-content {
        overflow: scroll;
        max-height: 100vh;
        height: auto;
    }
}

/* EVENT COLOR */
.event-color {
    display: none!important;
}

/* ADRESS */
address.mec-events-address {
    margin-top: 0;
}

/* BLOG */
.blog, .archive, .category {
    .list-article {
        border: 3px solid #eaeaea!important;
        border-radius: 3px;
        padding: 25px 0px;
        display: flex;
        min-height: 250px;
        align-items: center;
        padding: 20px!important;
        margin-bottom: 30px;
        &:hover {
            border:3px solid #777!important;
        }
        .list-article-thumb {
        float: left;
        margin-right: 30px;
        /*width: 50%;*/
        height: 100%;
        min-height: 100%;
            img {
                height: 100%;
                /* max-width: 100%; */
                vertical-align: middle;
                object-fit: cover;
                min-height: 200px;
                max-width: 300px;
            }
        }
    }
    .nav-links a {
    background: #1f1f1f;
    color: #FFFFFF;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2em;
    &:hover {
        background: @bleu;
    }
    }
}

.sidebar .widget .widget-title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 13px;
    font-weight: 700;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 2em;
}

/* ACF */
.acf-fields {
    display: none;
}
.category-expositions {
    .acf-fields {
        padding: 30px 30px 20px;
        border-radius: 3px;
        background: #eaeaea;
        display: block!important;
        margin: 30px 0;
        hr {
            border-top: 1px solid #fff;
        }
    }
    .entry-content a {
        border: 2px solid #3FE4F4;
        padding: 5px 10px;
        border-radius: 2em 2em;
        color: #3FE4F4;
        font-weight: 800!important;
    }
    
}

/* LIEUX */
.page-id-265 {
    .lieux-grid {
        display: inherit;
    }
    .lieux-title {
        font-weight: 100!important;
        text-transform: uppercase;
        font-size: 22px;
        color: @bleu;
    }
    h4.lieux-title {
            margin: 30px 0 20px;
            border-bottom: 0px solid;
            border-left: 2px solid #000;
            padding-left: 20px;
        }
    @media screen and (min-width: 950px) {
    .site-content {
       /* background-image: url('https://www.sortiraniort.fr/san2016/wp-content/uploads/2016/11/sortir-a-niort_bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: auto 90vh;
        background-position: bottom left;*/
    }
}
}

/*ACCORDIONS */
.accordion {
    margin-bottom: 60px;
    .accordion-title {
        cursor: pointer;
        line-height: 0;
        font-size: 1em;
        margin: 0;
        padding: 0.25em;
        text-transform: uppercase;
        &.open {
            font-style: italic;
            padding: 1em!important;
            background: #000;
            color: #fff;
            border-radius: 3px 3px 0 0;
        }
        &:hover {
            color: @bleu;
        }
        }
    .accordion-content {
        display: block;
        padding: 20px;
        border: 3px solid #efefef;
        border-top: 0px solid transparent;
        border-radius: 3px;
        background: #fff;
        .picto-acces {
            margin-bottom: 20px;
            i {
                width: 30px;
                height: 30px;
                margin-right: 10px;
                border-radius: 3px;
                background: #efefef;
                color: #333;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                line-height: 30px;
            }
        }
        span.infos-lieux {
            background: #efefef;
            padding: 20px;
            font-size: 0.9em;
            display: flex;
            border-left: 3px solid @bleu;
            border-radius: 3px;
        }
        .readmore {
            padding:0 10px 0 0;
        }
    }
}

/* SIDEBAR */
@media screen and (min-width: 940px) {
    .right-sidebar{
        .sidebar {
        padding-left: 39px;
        border-left: 0;
        margin: 0;
        }
        .content-area {
            border: 0;
        }
    }
}
/* LOGIN */
.um-login.um-logout {
    max-width: 300px!important;
    text-align: center;
    padding: 2em;
    background: #fff;
    border: 5px solid #dadada;
    color: #000!important;
    .um-misc-ul {
        list-style: none;
        padding: 0;
        li {
            margin: 25px 0;
            a {
                color: #000;
                background: #fff;
                border: 3px solid #000;
                padding: 10px;
                border-radius: 2em;
                &:hover {
                    color: #fff;
                    background: #000;
                    
                }
            }
        }
    }
}

/* ARTICLES */
.single.single-post {
    img.wp-post-image {
        margin-bottom: 30px;
    }
    article {
        header {
            h1 {
                border-left: 5px solid @bleu;
                padding-left: 20px;
            }
        }
    }
}

/* SLIDER */
.bx-wrapper img {
    max-width: 100%;
    display: inline-block;
    object-fit: cover;
    width: 100%;
    align-items: center;
}

/* FOOTER */
.site-footer {
    background: #000;
    color: #f1f1f1;
    font-size: 14px;
    .site-info {
        font-size: 12px;
    }
    .btt a {
    border-radius: 50%;
    }
}
@media screen and (max-width: 720px){
    .blog, .archive, .category {
        .list-article {
            display: block!important;
            min-height: 250px;
        }
    }
    .section-news .list-article-thumb,
    .archive .list-article-thumb,
    .blog .list-article-thumb {
        display: none;
    }
}
@media screen and (max-width: 479px){
    .mec-container {
        width: 100%;
    }
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by wpion.com