.path-opportunites .views-view-responsive-grid {
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item {
  background-color: white;
  padding: 16px;
  border-radius: 8px;
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item .img-responsive,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item .img-responsive {
  width: 100%;
  margin-bottom: 16px;
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item .views-field-title a,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item .views-field-title a{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
  display: inline-block;
  font-weight: 900;
}

.page-node-type-opportunite .node--opportunite h1 {
  font-size: 36px;
  margin-bottom: 24px;
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item .opportunite-date,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item .opportunite-date{
  color: var(---gray);
  margin-bottom: 8px;
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item .views-field-view-node a,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item .views-field-view-node a {
  padding: 8px 16px;
  color: var(--m-color);
  border: 1px solid var(--m-color);
  display: inline-block;
  border-radius: 50px;
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item .views-field-view-node a:hover,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item .views-field-view-node a:hover{
  background-color: var(--m-color);
  color: white;
  /* padding-top: 16px; */
  /* padding-bottom: 16px; */
}

.path-opportunites .views-view-responsive-grid .views-view-responsive-grid__item .opportunite-date span,
.path-opportunites-publiees .views-view-responsive-grid .views-view-responsive-grid__item .opportunite-date span{
  color: var(---black);
  font-weight: 600;
}

/* Node opportinuites */
.page-node-type-opportunite .stream-content .opportunite-image > img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin-bottom: 16px;
}

.page-node-type-opportunite .node--opportunite .btn-primary {
  padding: 16px 24px;
  display: inline-block;
  background-color: var(--m-color);
  border-radius: 50px;
  color: white;
  margin-top: 16px;
  margin-bottom: 24px;
  font-weight: 700;
}

.page-node-type-opportunite .node--opportunite .btn-primary:hover {
  background-color: var(--m-color-v4);
  color: var(---black);
}

.page-node-type-opportunite .node--opportunite {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.page-node-type-opportunite .stream-content  {
  margin-top: 0;
  width: 100%;
}
.page-node-type-opportunite .stream-content .opportunite-image > img  {
  object-fit: contain;
  margin-bottom: 16px;
}
.page-node-type-opportunite .opportunite-image img  {
  margin-bottom: 16px;
}

@media screen and (max-width: 600px) {
  
  .path-opportunites .main-container > .layout--with-complementary #block-pagetitleblock-content,
  .path-opportunites-publiees .main-container > .layout--with-complementary #block-pagetitleblock-content{
    padding: 36px 16px 0;
  }
}  
@media screen and (max-width: 600px) {

  .path-opportunites .main-container > .layout--with-complementary #block-pagetitleblock-content,
  .path-opportunites-publiees .main-container > .layout--with-complementary #block-pagetitleblock-content{
    padding: 36px 16px 0;
  }

  .path-opportunites .main-container > .layout--with-complementary .stream-content,
  .path-opportunites-publiees .main-container > .layout--with-complementary .stream-content{
    width: 100%;
    /* padding: 24px 16px; */
  }

}

@media screen and (max-width: 768px) {
  
  .page-node-type-opportunite .cover {
    padding: 16px 0;
  }

  .path-opportunites .main-container > .layout--with-complementary, .path-actualites .main-container, .path-opportunites-publiees .main-container > .layout--with-complementary, .path-actualites .main-container {
    padding: 36px 0;
  }

  .path-opportunites-publiees .main-container > .layout--with-complementary .title-page-templete {
    flex-basis: 100%;
  }

  .path-opportunites-publiees .main-container > .layout--with-complementary .title-page-templete .section-title{
    text-align: left;
  }

  .path-opportunites-publiees .main-container > .layout--with-complementary > .stream-content {
    width: 100%;
  }

}

@media screen and (max-width: 1199px) {

  .page-node-type-opportunite .main-container {
    padding: 16px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

  .path-opportunites .main-container > .layout--with-complementary, .path-actualites .main-container,
	.path-opportunites-publiees .main-container > .layout--with-complementary, .path-actualites .main-container{
    width: 100%;
    padding: 24px 16px;
  }

}

@media screen and (max-width: 540px) {

  .path-opportunites .main-container > .layout--with-complementary .stream-content .views-view-responsive-grid,
	.path-opportunites-publiees .main-container > .layout--with-complementary .stream-content .views-view-responsive-grid{
    display: grid;
    grid-template-columns: 1fr;
  }

  .path-opportunites .main-container > .layout--with-complementary,
	.path-opportunites-publiees .main-container > .layout--with-complementary{
    /* padding: 24px 16px; */
  }

}

@media screen and (min-width: 541px) {
  .path-opportunites #block-pagetitleblock-content,
	.path-opportunites-publiees #block-pagetitleblock-content{
    display: none;
  }
}