Sportives

mai 2019

Basket : Tournoi Open + Super League

L'AS Niort Basket organise un tournoi Open + Super League ...

24 Mai

Place du Donjon

Place du Donjon, 79000 Niort

Voir plus

Coupes de France d’escalade

Coupes de France d'escalade de difficulté et de vitesse les ...

25 Mai

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

Basket : Tournoi Open + Super League

L'AS Niort Basket organise un tournoi Open + Super League ...

25 Mai

Place du Donjon

Place du Donjon, 79000 Niort

Voir plus

Championnat de France Ultimate Outdoor Open N3

Le Niort Ultimate Club organise la phase retour du championnat ...

25 Mai

10:00 - 18:30

Stade Grand Croix

Route de Coulonges, 79000 Niort

Voir plus

Les filles de Niort 2019

Venez nombreuses participer à une course et marche 100% féminine ...

25 Mai

15:30 - 16:00

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

Coupes de France d’escalade

Coupes de France d'escalade de difficulté et de vitesse les ...

26 Mai

L'Acclameur

50, Rue Charles Darwin, 79000 Niort

Voir plus

Championnat de France Ultimate Outdoor Open N3

Le Niort Ultimate Club organise la phase retour du championnat ...

26 Mai

09:00 - 16:00

Stade Grand Croix

Route de Coulonges, 79000 Niort

Voir plus

Hippisme : Réunion de Trot – Trophée Vert

Rendez-vous ce dimanche 26 mai à partir de 14h00 à ...

26 Mai

14:00

Hippodrome de Romagné

Chemin du Lac, 79000 Niort

Voir plus

Sélections Départementales FFJV de Football Virtuel et de Versus Fighting

[TOURNOI] Deviens champion des Deux-Sèvres grâce aux sélections départementales de la ...

29 Mai

18:00

Locaux NiortTech

12 Avenue Jacques Bujault, Niort, France

Voir plus

Championnat de France de roller slalom et de Skatecross

Le Championnat de France de roller slalom et de Skatecross ...

30 Mai

Parc des expositions

6 Rue Archimède, 79000 Niort

Voir plus

Festival du Roller

Rool et le Roller Club Niortais organisent le festival du roller ...

30 Mai

Parc des expositions

6 Rue Archimède, 79000 Niort

Voir plus

Championnat de France de roller slalom et de Skatecross

Le Championnat de France de roller slalom et de Skatecross ...

31 Mai

Parc des expositions

6 Rue Archimède, 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