@media screen and (max-width: 768px) {
  .title-intro {
   display:none;
  }

.taxonomy-term-fullpage {
padding: 0;
}
.layout__region {
padding: 20px;
}

}


/*LOGO EN BLANC*/
.navbar-brand {
    filter: invert(1);
}
/*TAILLE LOGO*/
.col-top-header-center .navbar-brand img {
    max-height: 147px;
}

.slick.slick--optionset--slick-lightbox.slick--thumbnail.slick--multiple-view.slick--less.slick--initialized {
  display: none;
}
div.block-field-blocknodeevenementfield-sous-titre{border-bottom:2px solid #dfdfdf;margin-bottom:20px;}
div.views-field.views-field-nothing,div.views-field.views-field-name,div.views-field.views-field-field-tags,div.views-field.views-field-field-sous-titre{padding:10px;}
div.views-field.views-field-field-tags{font-size:0.8rem;}
div.views-field.views-field-name{font-weight: 900;}
.views-field.views-field-nothing {
    padding-left: 30px !important;font-size: 0.9rem;
}
div.views-field.views-field-nothing:before{
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    display: block;
    top: 13px;
    position: relative;
    left: -18px;
}
div.views-view-responsive-grid__item{background:white;}
ul.pagination.js-pager__items{margin:15px 0px;}



@media (max-width: 757px) {

.views-view-responsive-grid.views-view-responsive-grid--horizontal{
--views-responsive-grid--column-count:1 !important;
  text-align: center;
}

.views-field.views-field-nothing{
display: inline-block;
  text-align: left;
}

}
/*FOOTER*/
.site-footer div.container{
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 582px;
    background-position: 50%;
    background-image: url(/sites/default/files/armoiries_de_marseille_transparent.png);
    z-index: 0;
    padding:65px;
}
/* Fete de la nature

.row.slider-acces.first-list li:first-child a span {
background: #D7263D !important;
}
.row.slider-acces.first-list li:first-child a {
color: #D7263D !important;
}

 Fin fete de la nature */

.field--name-field-lieu .layout__region.layout__region--content {
padding: 0;
}

.field--name-field-lieu .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  margin-top: 25px;
}

.field.field--name-description {
  line-height: normal;
}

.page-view-calendrier-des-evenements #block-vdm-breadcrumbs , 
.page-view-calendrier-des-evenements-thematiques #block-vdm-breadcrumbs  {
display: none;
}
.view-id-calendrier_des_evenements {
margin-top: 20px;
}


.view-liste-inscriptions .views-row
{
  text-align: center;
  border: 2px solid;
  padding: 10px;
  margin-bottom: 25px;
  border-radius: 5px;
}


.view-liste-inscriptions- .views-row
{
  text-align: center;
  border: 2px solid;
  padding: 10px;
  margin-bottom: 25px;

  border-radius: 5px;
}

.view-liste-inscriptions- .views-label
{
  color: #797979;
}

.pwa-a2hs-active {
text-align:center;
}
.pwa-a2hs-active button {
  color: var(--vdm-link-color);
  background: var(--vdm-bg-color);
  padding: 15px;
  border-radius: 5px;
}

.intro-title .color-bare {
  display: none !important;
}


.field--name-count .form-number {
  margin: 10px 0;
max-width: 150px;
}
.main-banner.container-fluid.full-width {
  background-position: bottom;
}

.menu-mobile .rub-mobile li:nth-child(5) {
  position: absolute;
  right: -124px;
  bottom: 12px;
}
.node-layout-builder .field--name-field-type-inscription {
font-size: 1.875rem;
font-family: 'Orkney Bold',sans-serif;
color: #000;
margin-left: -20px;
}


a {
color: var(--vdm-header-top-color);
}

small.text-muted {
  font-size: 15px;
}

.registration-who-msg {
  display: none;
}

.main-banner {
  margin-top: -20px;
}

#block-vdm-content .card.clearfix.card-block.card-body {
  border: 0;
  margin-top: 30px;
  padding: 35px;
}

.block-field-blocknodeevenementtitle h1 {
  padding-bottom: 0;
  margin-top: -50px;
}


.field--name-field-lieu .actualite-top-image.container-fluid.full-width {
  margin: 0 !important;
  position: inherit;
  height: 170px;
width: 100%;
}

.field--name-field-lieu h1 {
  font-size: 19px;
}

#block-vdm-main-menu {
  margin: 0 !important;
}

header.fixed .col-top-header-center .navbar-brand img {
  max-height: 100px;
  position: relative;
  top: -9px;
  left: 30px;
}
.registration-reg-expo-delete-form .button--primary:hover {
  color: black !important;
}
.btn btn-primary {
  color: black !important;
}
.nav-link--user,
.nav-link--user-logout,
.nav-link--user-login {
  background: white;
  margin: 5px 5px; 
  border-radius: 5px;
  color: var(--vdm-header-top-color);

}