/* Override styles SOCLE 1 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Open+Sans:wght@300;400;600&display=swap');

/* TESTS */

.leaflet-popup-content {
    margin: .7rem .9rem .5rem
}
.leaflet-popup-content p {
    margin: 0
}
.leaflet-popup-content h4 {
    padding-bottom:.2rem;
    margin-bottom: .2rem;
    border-bottom: 1px dotted #222;
}

.navbar-dropdown span {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}


.with-shadow .blazy--grid li {
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
}



/* Bloc titre actualités */
#block-views-block-titre-plus-actualites-block-1 {
    position: relative;
    padding: 3rem 0;
    z-index: 1;
}
#block-views-block-titre-plus-actualites-block-1 .views-field {
    padding: .5rem 0;
}
#block-views-block-titre-plus-actualites-block-1 h1 {
    position: relative;
    z-index: 3
}



.tag-top .tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
}



.views-field-field-read-more .read-more {
    background: #A6D5F0;
    color: black;
    margin-top: -2.5rem;
    margin-bottom: 2rem;
    padding: 2rem;
    
}
.views-field-field-read-more .read-more {
    font-weight: normal    
}
.views-field-field-read-more details summary {
    font-weight: bold;
    background: white;
    max-width: 110px;
    padding: .5rem 1rem;
    margin-top: 1rem;
}
.read-more__hidden {
    padding-top: 1rem
}


.navbar-dropdown span {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}


.views-field-field-rubrique-activite {
    display: inline-block;
    margin-bottom: 2rem;
}
.views-field-created p {
    padding: 1.5rem;
    font-size: 1.4rem;
    font-style: italic;  
}


/* Front Administration */
.admin-icons {
  display: none;
}
.user-logged-in .admin-icons a {
  color: white;
}
.user-logged-in .admin-icons {
  display: block;
  margin-bottom: 2rem; 
}

.maintenance-page {
  text-align: center
}



.path-search .section {
  padding-top: 1rem
}

span.tagclouds-term {
    display: inline-block;
}

.tagclouds-term a {
    padding-right: .5rem;
}
.tagclouds-term a:after {
    content: " / "
}



#block-drulma-socle-tabs {
    font-size: 1.6rem;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 5rem
}


#block-drulma-socle-content .field-auteur {
    margin-top: 2rem;
    padding-top: .5rem;
    border-top: 1px dotted #1675AA;
}


body.page-node-type-event .hero-body:after,
body.page-node-type-article .hero-body:after {
    content: " ";
    position: absolute;
    opacity: .6;
    bottom: 0; left: 0;
    width: 100%;
    height: 60%;
    z-index: 0;
    background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
    background-image:linear-gradient(transparent,#000);
}

.page-node-type-event .hero-body >.columns,
.page-node-type-article .hero-body >.columns {
    display: block;
    max-width: 1180px;
    margin: auto;
}


#block-views-block-titre-plus-event-block-1,
#block-views-block-titre-plus-block-1 {
    position: relative;
    color: white;
    max-width: 1280px;
    margin: auto;
    z-index: 1;
    text-align: left;
    display: block;
    padding: 2rem 0 1rem;
}
#block-views-block-titre-plus-event-block-1 h3,
#block-views-block-titre-plus-block-1 h3 {
    background: #183861;
    display: inline-block;
    padding: .6rem 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.hero-body #block-views-block-titre-plus-block-1 h1.title {
    text-align: left;
    margin-top: 23vh;
    padding-bottom: 1.5rem;
    font-size: 2.5rem
}
#block-views-block-titre-plus-event-block-1 h1 {
    margin-top: 17vh;
    text-align: left;
    padding-bottom: 1rem;
    font-size: 2.2rem;
}
#block-views-block-titre-plus-event-block-1 .field-cat {
    display: inline-block;
    padding: .4rem 1rem;
    border-radius: 4px;
}
#block-views-block-titre-plus-event-block-1 .views-field-field-when {
    display: inline-block;
    padding: .4rem 1rem;
    margin: 1rem 0;
    border-radius: 4px;
    font-size: 1.4rem;
    border: 1px solid #eee;
}


aside {
    margin-top: 1rem;
}
aside >div>div {
    padding-bottom: 3rem;
    padding-left: 2rem;
}
aside.column.column h2 {
    font-size: 1.35rem;
}


#block-views-block-livre-mois-block-1-2 {
    background: #a6d5f0 url(images/livres1.jpg) center top;
    background-size: cover;
    padding-top: 4rem;
    padding-bottom: .5rem;
}
#block-views-block-livre-mois-block-1-2 .container {
    padding: 2rem;
    background-color: rgba(166, 213, 240, .75);
    margin-bottom: 3rem;
    max-width: 1140px;
}

#block-views-block-livre-mois-block-1 {
    padding: 3rem;
    background: #a6d5f0;
    margin-bottom: 3rem;
}
#block-views-block-livre-mois-block-1-2 .views-field-field-date-creation h2,
#block-views-block-livre-mois-block-1 .views-field-field-date-creation h2 {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    border-bottom: 1px dotted gray;
    text-transform: uppercase;
}

#block-views-block-titre-taxo-block-3 .views-field-description__value p {
    text-shadow: 2px -2px 3px #424242; 
}

.field_body {
    /*border-top: 1px dotted gray;*/
    padding-top: 1rem;
    margin-top: 1rem;
}
.view-list-livres .columns.equal {
    margin-bottom: 2rem;
}
.view-list-livres header {
    display: none;
}

.media-content .content {
    margin-top: .2rem;
}
.media-content .content h5 {
    margin-bottom: .3rem
}

/* Front Administration */
.hero-foot .contextual-region li {
  background: rgba(250,250,250,.85);
}
.hero.is-primary .hero-foot .tabs.is-boxed a {
    color: #000;
}
.node--unpublished {
    background-color: #FFF4F4;
}

/* GENERAL */
.path-frontpage .section {
    padding: 3rem 0;
}
.bef-exposed-form .form-item {
    padding-right: 1rem;
}
.bef-exposed-form {
    margin-bottom: 2rem;
}

.menu-list span {
    border-radius:2px;
    display:block;
    padding:.5em .75em
}

p {
    line-height: 1.6rem;
}
.is-family-primary, h5 {
    font-family: 'Open Sans', sans-serif !important;
}
h1, h2, h3, h4 {
    font-family: 'Montserrat', sans-serif !important;    
} 

body.page-node-type-livre article:not(.card) {
    padding-top: 2rem;
    padding-bottom: 2rem
}
article.media {
    padding-top: 1rem;
    padding-bottom: .5rem;
}

.read-more {
    display: block;
    padding-top: 1rem;
    font-weight: 600;
}

.item-list-bullet ul {
    padding-left: 1rem;
}
.item-list-bullet li {
    list-style: square;
    color: #183861
}

/* TOP BAR */
.container.top-bar {
    margin: 1rem auto 1.1rem;
}
#block-sitebranding a {
    display: inline-block;
    vertical-align: middle;
}
#block-sitebranding img {
    max-width: 90px;
    padding: 0 0 0 .5rem;
}
#block-sitebranding a + a {
    padding: .5rem;
    font-size: 1.2rem;
}
#block-sitebranding span:last-of-type {
    font-weight: 300;
    font-size: .95rem;
}
.top-bar .text-block {
    position: absolute;
    top: 1.5rem;
    right: 3.5rem;
    z-index: 100;
    font-size: 1.3rem;
    cursor: pointer;
}
.top-bar .text-block span {
    padding-left: .8rem
}
.top-bar .text-block span:nth-child(4) {
    padding-left: 1.5rem
}
.navbar {
    position: absolute;
    z-index: 30;
    top: 0px;
    right: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.06rem;
}
.navbar-menu.is-active {
    width: 350px;
}
.navbar-link:not(.is-arrowless) {
    padding-right: 2.2em;
}

@media only screen and (min-width : 1024px) {
    /* TOP BAR */
    #block-sitebranding img {
        max-width: 6.5rem;
        padding-top: .5rem;
    }
    #block-sitebranding a + a {
        padding: .5rem 1.5rem 0;
        font-size: 1.55rem;
    }
    #block-sitebranding span:last-of-type {
        font-weight: 300;
        font-size: 1.1rem;
    }
    #block-facebooklink {
        text-align: right;
        padding-top: 1.5rem;
        font-size: .95rem;
    }
    .top-bar .text-block {
        position: absolute;
        top: 1rem;
        right: 3rem;
        z-index: 100;
        font-size: 1.3rem;
        cursor: pointer;
    }
    .navbar {
        position: relative;
    }
}

@media screen and (min-width:1408px) {
    .container {
        max-width: 1180px !important;
    }
}

.path-user #block-drulma-bdgp-tabs .container,
.path-user main .container,
.path-contact main .container {
    max-width: 700px;
}
.post-content {
    background: url(images/togetherness-5452909_1920.jpg) center;
    background-size: 100%;
    padding: 1.5rem;
}
.post-content .container {
    max-width: 980px;
    background: rgba(238, 238, 238, .8);
    padding: 3rem;
}
#block-adhesion {
    padding-right: 2.5rem;
    text-align: center
}

.hero.is-primary {
    background-color:transparent;
}
.footer {
    background-color: #183861;
    color: #eee;
}
.footer a {
    color: #eee;
}
#block-infos .text-block {
    padding-left: .7rem
}
nav h1.is-size-4 {
    font-size: 1.2rem !important;
}
textarea {
    width: 100%;
    border: 1px solid #052122;
    border-radius: 3px;
}

h1, h2, h3, h4, h5 {
    font-weight: 600;
}
h2 {
    font-size: 1.4rem;
}
h3 {
    font-size: 1.25rem;
}

.views-field-name h2 {
    font-size: 1.3rem;
    text-transform: uppercase;
}
/*.views-field-field-tags a:before {
  content: "#";
}*/
.search-form .button.is-link {
    margin-top: 2rem;
}

.hero-body {
    position: relative;
}

.is-blue .tag {
    /*background: #191970;*/
    background: #3273dc;
    color: white;
}
.taxonomy_thematique .hero-body h1.title {
    text-align: center;
    display: inline-block;
    background: #191970;
    padding: .5rem 1rem;
    border-radius: 5px;
}
body:not(.path-frontpage, .path-user, .path-contact, .path-search, .page-node-type-groupe, .path-forum, .page-node-type-article-presse) .hero-body:before {
    content: " ";
    background: rgba(0,0,0, .35);
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}


/*.path-evenements .hero-body,
.path-evenements-passes .hero-body,
.path-evenements-agenda .hero-body {
    background-color: #FFFFFF !important;
    background-image:  url('/sites/default/files/styles/hero/public/2020-09/calendar-2764200_1920.jpg?h=e5aec6c8&itok=iE0MpqRx') !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    z-index: auto;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    padding: 5.5rem 1rem;
}
.path-evenements .theme-title-site h1,
.path-evenements-passes .theme-title-site h1,
.path-evenements-agenda .theme-title-site h1 {
    z-index: 1;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.2rem;
}*/


nav.pagination {
    margin-top: 2rem;
}

.liensoc {
    font-size: 2.2rem;
    padding: 1rem;
}
aside .liensoc {
    font-size: 1.8rem;
    padding: .8rem;
}
aside .liensoc:first-of-type {
    padding-left: 0
}

.field--label-inline:after {
    content: " :";
}

/* GRIDS */
.views-view-grid.cols-2 .columns {
    margin-bottom: 2rem;
}

.grid-custom-2 .views-view-grid.cols-2 .columns {
    margin-bottom: 0;
}
.grid-custom-2 .card {
    margin-bottom: 1.5rem;
}
.grid-custom-2 .card a img {
border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
  line-height: 0;
  display: block;
  padding-right: 1rem;
}
.grid-custom-2 .card h3 {
    padding-top: 1rem;
    padding-bottom: .5rem;
}

.path-frontpage .views-view-grid.cols-2 .columns {
    margin-bottom: 0;
}
.grid-categorie .column {
 position: relative;
}

.grid-categorie .column h2 a {
  font-size: 1.1rem;
  color: white;
  background: rgba(22,117,170,.6);
  position: absolute;
  padding: 1rem;
  bottom: 2rem;
  left: 50%;
  width: 90%;
  transform: translateX(-50%)
}
.grid-categorie .views-field-field-image-illustration-1 {
  position: relative
}

/* Blocs */
.block-narrow {
    max-width: 900px;
    margin: auto;
}
.block-home h2 {
    display: inline-block;
    padding: .5rem 0;
    margin-bottom: 2rem;
    border-bottom: 1px solid #424242;
}
.field-tags {
    margin-top: .5rem;
}
.field-created {
    position: absolute;
    bottom: 1rem;
    width: 90%;
    color: #828282;
    font-size: .85rem;
    border-top: 1px solid #eee;
    padding-top: .5rem;
    margin-top: .7rem;
    font-style: italic;
}
.field-created-event {
    color: #828282;
    font-size: 1.1rem;
    padding-top: .5rem;
    font-style: italic;
}
.block-home .grid-event .card .more-link a {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 125px;
    padding: .3rem;
    font-size: .85rem;
}

/* Column equal height */
.column.equal {
  display: flex;
}


/* CARD */
.card,
.column.equal > div > div{
  height: 100%;
}
.card {
    max-width: 620px;
    margin: auto;
}
.card.with-date {
    position: relative;
    padding-bottom: 2.5rem
}
.grid-event .card {
    padding-bottom: 1.5rem;
}
.card-content h2 {
    line-height: 2.2rem;
    padding-bottom: 1rem;
    font-size: 1.4rem
}
article.card .tags {
    margin-top: 1rem;
}


/* Addtoany */
.addtoany-views .addtoany_list.a2a_kit_size_32 a > span {
  border-radius: 4px;
  height: 25px;
  line-height: 25px;
  opacity: 1;
  width: 25px;
}

/* HOME PAGE */
.path-frontpage .hero-body {
    padding: 0;
}
#block-edito {
    text-align: center;
    position: relative;
}
#block-edito .content {
    padding: 1rem;
}
@media screen and (min-width: 1024px) {
    #block-edito .content {
        padding-top: 2rem;
    }
}

.path-frontpage .hero-body .column {
    padding-bottom: .35rem
}


.path-frontpage #block-views-block-home-edito-block-1 .views-field-body {
    background: white;
    margin-bottom: 3rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 2rem;
    box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
}



/* Bloc info home */
.block-info {
    position: relative;
    margin: 5rem auto;
    padding: 5rem 0;
}
.block-info > .container {
    max-width: 940px !important;
    background: pin;
    position: relative;
}
.block-info:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(2,82,153,.2);
    top: 0; 
    left: 0;
}
.block-info > .container > div:first-of-type {
    font-size: 1.8rem; 
    text-transform: uppercase; 
    background: rgba(255,255,255,.8);
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 3rem 1rem 3rem;
    padding: 1.5rem;
    color: #052122;
}
.block-info div.content {
    font-size: 1.1rem; 
    background: rgba(255,255,255,.8);
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 1rem 3rem;
    padding: 1.5rem;
    color: #222;
}
.block-info div.content p {
    line-height: 2.5rem;
}
.block-info a {
    font-size: 1rem; 
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    background: rgba(255,255,255,.8);
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0 1rem 3rem;
    padding: 1rem 2rem;
    color: #052122;
}

@media screen and (min-width: 640px) {
    .block-info > div:first-of-type {
        font-size: 2.3rem; 
        padding: 2rem 2rem 1.5rem;
    }
    .block-info div.content {
        font-size: 1.2rem; 
        padding: 2rem;
        width: 78%;
    }
    .block-info a {
        font-size: 1.1rem; 
    }
}
/* Fin Bloc info home */


#block-views-block-la-une-block-1 p {
    font-size: 1.2rem;
    position: relative;
    z-index: 1
}
#block-views-block-la-une-block-1 h2 {
    font-size: 2rem;
    position: relative;
    z-index: 1;
    padding-bottom: 2rem;
    color: #a6d5f0;
}
#block-views-block-la-une-block-1 h4 {
    font-size: 1.3rem;
    position: relative;
    z-index: 1;
    padding-top: 2rem;
}
#block-views-block-la-une-block-1 .button {
    margin-top: 2rem;
    z-index: 1
}
#block-views-block-la-une-block-1 .card {
    position: relative;
    padding: 2rem 2rem;
    background: transparent url(/sites/default/files/styles/hero/public/2022-01/web-gf9c711c82_1280.jpg) no-repeat center;
    background-size: cover;
    color: white;
}
#block-views-block-la-une-block-1 .card:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    background: rgb(34,34,34,.8);
}

.path-actualites #block-views-block-la-une-block-1 {
    margin: 2rem 0 3rem;
}



/* Slideshow */
.slide__description {
    color: #052122;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.5rem;
    line-height: 2.2rem;
    text-align: center;
    width: 100%;
}
.slick-slide .views-field-field-date .field-content {
  display: inline;
  background: rgba(255,255,255,.85);
  color: #3273dc;
  padding: .2rem 1rem;
  font-weight: bold;
}

.slick-slide .views-field-field-texte-accroche {
  margin-bottom: 2rem;
}
.slick--skin--fullwidth .slide__link a {
  border-bottom: 0;
  border-top: 0;
}
.slide__link {
    text-align: center;
    margin-top: .5rem
}
@media screen and (max-width: 666px) {
    .slide__caption {
        background: #eee;
    }
    .slide__caption h2.has-text-white a {
      color: #222;
    }
    .slide__constrained {
        padding: 0;
        margin: 0;
        min-height: inherit;
    }
    .slide__link {
        font-size: 1.2rem;
        padding: 0 2rem;
        margin: 0
    }
}
@media (min-width: 667px) and (max-width: 1112px){
    .slide__description {
        background: rgba(255,255,255,.8);
        padding: 2rem;
    }
    .slick--skin--fullwidth .slide__constrained {
        height: 100%;
        left: 50%;
        margin-left: -47%;
        padding-top: 5%;
        position: absolute;
        width: 98%;
    }
    .slick--skin--fullwidth .slide--text .slide__content {
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
    }
}
@media only screen  and (min-width : 667px) {
    .slide__description {
        background: rgba(255,255,255,0);
        display: inline-block;
        padding: 1.5rem 3rem;
        color: white;
    }
    .slide__media:after {
        display: block;
        content: " ";
        background: rgba(0,0,0, .3);
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .slide__description h2 {
        font-size: 1.9rem;
        padding: 2rem 0;
    }
}
@media only screen  and (min-width : 1113px) {
    .slide__description {
        width: 100%;
        background: rgba(255,255,255,0);
        display: inline-block;
        padding: 1.5rem 2rem;
        text-align: center;
        color: white;
    }
    .slide__description h2 {
        padding: .2rem 2rem 1.5rem 0;
        font-size: 2.8rem;
        line-height: 3.5rem;
    }
    .slide__media {
        max-height: 80vh;
    }
    .path-frontpage #block-views-block-home-edito-block-1 .views-field-body {
        margin-top: -16vh;
        margin-bottom: 5rem;
    }
    .path-frontpage.user-logged-in #block-views-block-home-edito-block-1 .views-field-body {
        margin-top: 0;
    }
    
    #block-views-block-livre-mois-block-1 {
        margin-top: -120px;
    }
}

.path-frontpage #block-drulma-socle-content {
    padding: 2rem;
}
.path-frontpage h2.block-title {
    display: inline-block;
    padding: .5rem 0;
    margin-bottom: 3rem;
    border-bottom: 1px solid #052122;
}
.block-home-narrow {
    max-width: 900px;
    margin: auto;
    margin-bottom: 4rem;
    text-align: center;
}
.block-home {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.block-home h3 {
    font-size: 1.3rem;
}
.block-home h4 {
    padding: 1rem .5rem
}
.block-home .more-link {
    text-align: center;
    margin-top: 2rem;
}
.more-link a {
    background: #eee; 
    padding: .5rem 1rem;
}
article span.title {
    font-size: 1.3rem;
}
.views-field-name h2 {
    font-size: 1.3rem;
    text-transform: uppercase;
}
#block-views-block-dernieres-publications-block-2 {
    background: #1d242d url(images/background1.png) no-repeat;
    background-size: cover;
    padding: 4rem 0 5rem
}
#block-views-block-dernieres-publications-block-2 h2 {
    color: #fff;
    border-color: #eee
}

/* Pages */
.page-node-type-page main > .section,
.page-node-type-import-d7 main > .section {
    background: url(images/bg-page.png);
    padding-bottom: 5rem;
}
main section > .container {
    background: white;
}
.theme-title .views-field-field-rubrique-niveau-2 {
    padding-bottom: 1.5rem;
}
.theme-title .views-row {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: .5rem;
}
.theme-title h1 {
    /*text-transform: uppercase;*/
    z-index: 1;
    color: white;
    font-size: 2rem;
    font-weight: 700;
}
.tag-title {
    padding: 1rem 1rem;
    position: relative;
    z-index: 1; 
    text-align: center;
    font-size: 2rem;
}

.block-titre-plus {
    background: rgba(255,255,255,.8); 
    padding: 1.5rem 2rem;
    display: inline-block;
    max-width: 950px;
    position: relative;
    z-index: 1;
}
.page-node-type-livre .block-titre-plus,
.page-node-type-article-presse .block-titre-plus {
    padding: 2rem;
    max-width: 1180px;
}
.hero.is-primary .block-titre-plus h1.title {
    text-transform: uppercase;
    color: black;
}
.block-titre-plus div {
    padding: .1rem;
    color: #222;
}
.block-titre-plus h5 {
    text-transform: uppercase;
    font-size: 1.1rem;
}
/* .block-titre-plus .views-field-field-sous-titre h5 {
    text-transform: inherit;
} */

.path-taxonomy:not(.section-nos-clients) .hero-body > div,
.path-node:not(.page-node-type-groupe, .page-node-type-livre) .hero-body > div {
    text-align: center;
    min-height: 9rem;
    z-index: 1
}
body:not(.page-node-type-page-base) .field-accroche {
  border-bottom: 1px solid #052122;
  font-style: italic;
  font-size: 1.1rem;
  padding-bottom: 1rem;
  margin: .5rem 0 2rem
}
.page-node-type-page-base .field-accroche {
  text-align: center;
  font-size: 1.25rem;
  max-width: 950px;
  margin: auto;
  padding: 1rem;
}
.field-auteur div {
    font-size: 1.05rem;
    padding-bottom: .5rem;
    font-family: 'Montserrat', sans-serif !important; 
    text-transform: uppercase;
    display: inline-block;
    color: gray;
}

/* PAGES GROUPES */
.page-node-type-groupe .field--label-above {
    margin-top: 2rem;
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: .3rem;
    margin-bottom: .6rem;
    border-bottom: 1px solid #eee
}
.leaflet-popup-content-wrapper {
    font-size: .95rem;
}

/* PAGES LIVRES */
.page-node-type-livre main > .section {
    background: url(images/bg-page.png);
    padding-top: .75rem;
    padding-bottom: 5rem
}
.page-node-type-livre main > .section .container .column {
    padding-bottom: 0
}
.page-node-type-livre .hero-body {
    background: #a6d5f0 url(images/livres1.jpg) center;
    background-size: cover;
    padding-bottom: 0
}

.page-node-type-livre .hero-body .views-field-field-auteur-publication .inner-content {
    background-color: rgba(166, 213, 240,.85);
    padding: 2rem;
    color: black;
}
.page-node-type-livre .field--label-inline,
.page-node-type-livre .field--label-inline + div {
    font-weight: 600;
    font-size: 1.4rem;
}

.page-node-type-livre #block-views-block-titre-plus-pages-block-2 {
    position: relative;
    z-index: 1
}
.page-node-type-livre #block-views-block-titre-plus-pages-block-2 .views-field-field-livredumois {
    padding: 1.5rem 1rem 2rem;
    margin-bottom: 1rem;
    text-align: center;
}
.page-node-type-livre #block-views-block-titre-plus-pages-block-2 .views-field-field-rubrique-niveau-2 {
    text-align: center;
}
.page-node-type-livre .hero.is-primary .title {
    color: #222;
    text-align: left;
    padding: 0;
    margin: 0;
    line-height: 3rem;
}
.page-node-type-livre .inner-content .sous-titre {
    padding: 0 0 1.5rem 0;
}

.page-node-type-livre article .column.is-7 {
    margin-left: 1rem;
    padding-top: 1rem;
}
.page-node-type-livre article .column.padd-plus {
    margin-left: 60px;
    padding-right: 3rem;
    padding-top: 2rem;
}

#block-views-block-lire-aussi-block-1 {
    background: #a6d5f0;
    padding: 3rem;
    margin-top: 4rem;
    margin-bottom: 0;
}
#block-views-block-lire-aussi-block-1 h2 {
    padding-bottom: 2rem;
}

/* PAGES ARTICLES DANS LA PRESSE */
.page-node-type-article-presse main > .section {
    background: url(images/bg-page.png);
    padding-bottom: 5rem
}
.page-node-type-article-presse .hero-body {
    background-color: #a6d5f0;
    background: url(images/presse-redim.jpg) center;
    background-size: cover;
}
body.page-node-type-article-presse .hero-body:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(166, 213, 240,.9);
}
.page-node-type-article-presse article {
    padding-bottom: 5rem
}

.page-node-type-article-presse .hero.is-primary .title {
    color: #222;
    padding: 2rem 1rem 1rem;
    line-height: 3rem;
}
.page-node-type-article-presse .views-field-field-date-parution {
    color: #222;
    padding-bottom: 1rem;
}
#block-views-block-titre-plus-article-presse-block-1 {
    max-width: 1180px;
    margin: auto;
    padding-bottom: 20vh;
    position: relative;
}
.page-node-type-article-presse:not(.user-logged-in) article img:first-of-type {
    margin-top: -21vh;
}
.page-node-type-article-presse:not(.user-logged-in) article .paragraph img:first-of-type {
    margin-top: 1.5rem;
}
.page-node-type-article-presse .paragraph {
    max-width: 900px;
    margin: auto
}
.resume_article {
    background: #e0f0fa;
    padding: 1rem 2rem 2rem;
    margin-top: -2rem;
    margin-bottom: 3rem;
    display: block;
    position: relative;
    max-width: 1075px;
    margin-left: -2rem;
    margin-right: auto;
    font-family: 'Courier New', monospace;
}
.resume_article p {
    font-family: 'Courier New', monospace;
}

/* EVENTS */
.grid-event .card,
.grid-event article {
  position: relative;
}

.grid-event .card .field-cat,
.grid-event article > div:nth-child(2) {
    position: absolute;
    top: -10px; 
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    color: white;
    font-style: italic;
    padding: .5rem 1rem;
    font-weight: bold;
}
.views-field-field-categorie-evenement a,
.grid-event .card .field-cat a,
.grid-event article > div:nth-child(2) a {
    color: white
}
.block-titre-plus .field-cat {
    padding: .2rem .8rem;
}
.hero.is-primary #block-views-block-titre-plus-event-block-1 a {
    color: white;
}


/* Page communiqué presse */
.path-communiques-de-presse .card-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    border-top: 1px solid #ededed;
    align-items: inherit;
    display: block;
    padding: .5rem 1rem;
}
.path-communiques-de-presse .card {
    padding-bottom: 4rem;
}
.card-header-date {
    min-width: 30%;
    text-align: right;
    padding: 1rem;
}

/* Page videos */
.video_back +h4+.card-content,
.video_back + h4 {
    padding: 1rem;
}
.video_back + h4 + .card-content p {
    padding-top: .8rem;
    border-top: 1px solid #eee;
}


/* Pages taxonomy */

.taxo-description {
    position: relative;
    padding: 5rem 1rem;
}

.menu-tabs {
    margin-top: 2rem;
}
.menu-tabs a {
    color: white;
}
.menu-tabs .cell {
    color: white;
    font-weight: bold;
    background: #191970;
    border-radius: .3rem;
    max-width: 578px;
}
.menu-tabs a {
    display: block;
    padding: 1rem;
}



#block-views-block-tags-block-2 .views-row {
    display: inline-block;
    margin-bottom: .3rem;
    margin-right: .3rem;
}
/*.path-taxonomy header p {
    text-align: center;
    font-size: 1.25rem;
    max-width: 1140px;
    margin: auto;
    line-height: 1.9rem;
}*/
.path-taxonomy.taxonomy_auteur_publication main header div .is-family-primary.content {
    border: 1px dotted gray;
    padding: 2rem;
    margin-bottom: 4rem;
}
.path-taxonomy.taxonomy_auteur_publication header .content p {
  text-align: inherit;
  font-size: inherit;
  padding: 0;
}
#block-views-block-titre-taxo-block-1 .tag {
    font-size: .9rem;
    font-weight: bold;
    color: #1675AA
}
/* Paragraph */
.paragraph {
    margin: 1rem 0 2rem;
}
.paragraph.paragraph--type--texte-exergue {
    font-size: 1.5rem;
    text-align: center;
    font-family: 'Arimo', sans-serif;
    max-width: 80%;
    margin: auto
}
.paragraph--type--texte-encadre {
    border: 1px solid #4dd0e1;
    background: #E0F2F1;
    padding: .8rem 1.6rem 1.5rem;
}
.paragraph--type--lien-externe {
    border-top: 2px solid #407DB4;
    border-bottom: 2px solid #407DB4;
    padding: 1rem;
}
.card-content .content {
    margin: 0;
}
.paragraph--type--galerie-photo > div {
    font-size: 1.3rem;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
}
.paragraph--type--credit-photo {
    padding: .3rem .5rem;
    background: #eee;
    font-size: .9rem;
    font-style: italic;
    margin: 0;
}

.paragraph--type--quotes.paragraph {
    padding: 2rem;
    background: #eee;
}
.fa-quote-left + p {
    display: inline;
    padding: 0 1rem;
    font-size: 1.2rem;
    font-family: 'Courier New', monospace;
}
.field-text-quote +div{
    padding-top: 1rem;
    padding-right: 2rem;
    text-align: right;
    font-style: italic;
    font-size: 1.1rem;
    letter-spacing: .05rem
}
.field-text-quote +div:after,
.field-text-quote +div:before {
    content: " -- "
}

/* Hack Bulma */
.columns.is-centered .column {
  margin: auto;
}

/* Responsive ajustement */

@media only screen  and (max-width : 480px) {}
@media only screen  and (min-width : 740px) {
    .page-node-type-import-d7 .hero-body,
    .path-qui-sommes-nous-charte-unifiee .hero-body,
    .path-node.page-node-type-page .hero-body {
        min-height: 50vh;
        width: 100%;
    }
    /*.page-node-type-import-d7 main section,
    .path-qui-sommes-nous-charte-unifiee main section,
    .page-node-type-article main section,*/
    .path-node.page-node-type-page main section {
        margin-top: 19rem;
    }
}


@media screen and (min-width: 640px) {
    .block-titre-plus {
        min-width: 500px;
    }
    .page-node-type-import-d7 main section .container,
    .path-qui-sommes-nous-charte-unifiee main section .container,
    .path-node.page-node-type-page main section .container {
        padding: 2rem 3rem;
    }
}


@media only screen and (min-width : 800px) { 
    .page-node-type-import-d7 main section,
    .path-qui-sommes-nous-charte-unifiee main section,
    .path-node.page-node-type-page main section {
        margin: auto;
        margin-top: -9rem;
        min-height: 600px;
    }
    .post-content {
        background: url(images/togetherness-5452909_1920.jpg) center;
        background-size: 100%;
        padding: 6rem;
    }
    #block-reseauxsociaux {
        border-color: #1675AA;
        border-left: 2px solid #1675AA;
    }
    .page-node-type-livre article .column.is-7 {
    margin-left: 60px;
    padding-top: 3rem;
    }
    .page-node-type-livre article img {
        margin-top: -110px;
        position: relative;
        z-index: 3;
    }
    .page-node-type-livre .hero-body .views-field-field-auteur-publication .inner-content {
        max-width: 80%;
    }
}


@media only screen and (min-width : 1224px) {   
    .top-bar .text-block {
        position: relative;
        top: 1.2rem;
        right: 0;
    }
    h2 {
        font-size: 1.8rem;
    }
    .block-home h2 {
        font-size: 2rem;
    }

    .theme-title {
        text-align: center;
        position: relative;
        min-height: 40vh;
    }
    .path-presse-lectures .theme-title {
        min-height: 550px;
    }
    .page-node-type-livre .theme-title,
    .page-node-type-article-presse .theme-title {
        min-height: inherit;
    }
    .theme-title .views-row {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 1.5rem 2rem;
    }
    .theme-title h1 {
        font-size: 2.5rem;
    }
    .block-titre-plus {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .page-node-type-article .block-titre-plus {
        top: 45%;
    }
    .tag-title {
        font-size: 2.8rem;
    }
    #block-views-block-titre-taxo-block-1 .tag {
        font-size: 1.1rem;
        font-weight: bold;
    }
    .page-node-type-import-d7 main section,
    .path-qui-sommes-nous-charte-unifiee main section,
    .path-node.page-node-type-page main section {
        margin: auto;
        margin-top: -6rem;
        min-height: 600px;
    }
    .page-node-type-article main section {
        margin-top: 0
    }
    .page-node-type-import-d7 main section #block-drulma-socle-content,
    .path-qui-sommes-nous-charte-unifiee main section,
    .page-node-type-article main section,
    .path-node.page-node-type-page main section {
        min-height: 480px;
    }
    .navbar-item img {
        max-height:4rem
    }
    nav h1.is-size-4 {
        font-size: 1.5rem !important;
    }
}


/* MENU RESPONSIVE FOR TABLET */

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .navbar-end {
    width: 100%;
    position: absolute; left: 0; top: -3rem;
  }
  .title span {
    font-size: 1.3rem;
  }
  .top-bar .text-block {
    right: 1rem !important;
  }
  #block-sitebranding {
    padding: .5rem 0 1.5rem;
  }
}