/**
 * @file
 * Visual styles for Culturepresse's Article 
 * content type = article AND article section in base page
 *
 * 05/2023 : separation of the branches master and develop. 
 * Dealing then with 2 sites culturepresse.local and dev.culturepresse.local
 * Problem : the css in articles teaser on front page are not applied
 * => solved after adding lines without home attribute ( article[about='/home'] )
 * in all concerned css lines
 * 
 */
 

 /* HOME ACTUS - content section width is set in style.css : page-node-type-page-2-3-colonnes */
body.path-frontpage .node__meta {
  display: none;
}

/*article[about='/home'] .layout__region--first article,*/
article .layout__region--first article {
  border-right: 1px solid #937300;
  padding: 0 1.2em 0 0;
  margin: 0 0 0 0.5em;
}
/*article[about='/home'] .layout__region--second article,*/
article .layout__region--second article {
  border-right: 1px solid #937300;
  padding: 0 1.2em 0 0.8em;
  margin: 0 0 0 0.5em;
}
@media (min-width: 569px) and (max-width: 1023px) {
  /*article[about='/home'] .layout__region--second article,*/
  article .layout__region--second article {
    border: none;
  }
}
@media (max-width: 568px) {
  /*article[about='/home'] .layout__region--first article,
  article[about='/home'] .layout__region--second article,*/
  article .layout__region--first article,
  article .layout__region--second article {
    border: none;
  }
}
/*article[about='/home'] .layout__region--first h2,*/
article .layout__region--first h2 {
  font-size: 1.8em;
  color: #937300;
  padding-left: 2em;
  background-image : url('/sites/default/files/images/theme/article/picto_actus_culture_presse.png');
  background-position: 0 50%;
  background-repeat: no-repeat;  
}
/*article[about='/home'] .layout__region--second h2,*/
article .layout__region--second h2 {
  font-size: 1.8em;
  color: #937300;
  padding-left: 2em;
  background-image : url('/sites/default/files/images/theme/article/picto_actus_metier.png');
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-left: 0.5em; 
}
/*article[about='/home'] .layout__region--second .block-views-blockactus-home-block-4 h2,*/
article .layout__region--second .block-views-blockactus-home-block-4 h2 {
  background-image : url('/sites/default/files/images/theme/article/picto_agenda.png');
  margin-left: 0.5em;
}

/*article[about='/home'] .layout__region--first h2.node__title,
article[about='/home'] .layout__region--second h2.node__title,*/
article .layout__region--first h2.node__title,
article .layout__region--second h2.node__title {
  font-size: 1.2em;
  line-height: 1.15em;
  margin-left: 0;  
  padding-left: 0;
  background-image:none;
} 

/*article[about='/home'] .layout__region--first h2.node__title a,
article[about='/home'] .layout__region--second h2.node__title a,*/
article .layout__region--first h2.node__title a,
article .layout__region--second h2.node__title a  {
  color: #555;
}

/*article[about='/home'] .layout__region--first h2.node__title a:hover,
article[about='/home'] .layout__region--second h2.node__title a:hover,*/
article .layout__region--first h2.node__title a:hover,
article .layout__region--second h2.node__title a:hover {
  color: #E5007D;
}

/*article[about='/home'] .layout__region--first h3,
article[about='/home'] .layout__region--second h3,*/
article .layout__region--first h3,
article .layout__region--second h3  {
  color: #333;
  font-size: 1em;
  line-height: 0.8em;
  padding-left: 0;  
  background-image:none;
}

/*article[about='/home'] .layout__region--first p,
article[about='/home'] .layout__region--second p,*/
article .layout__region--first p,
article .layout__region--second p {
  font-size: 0.95em;
  line-height: 1.2em;
  margin-bottom: 0.4em;
} 

/*article[about='/home'] .layout__region--first p:last-of-type,
article[about='/home'] .layout__region--second p:last-of-type,*/
article .layout__region--first p:last-of-type,
article .layout__region--second p:last-of-type {
  padding-bottom: 1.2em;
}

body.path-frontpage article.node--type-article .field--type-image { /* reset field image rigt margin */ 
  float: right;
  margin: 0 0 1em 1em;
}

/*article[about='/home'] .layout__region--first .view-footer,*/
article .layout__region--first .view-footer {
  padding-left: 0.5em;
}
/*article[about='/home'] .layout__region--second .view-footer,*/
article .layout__region--second .view-footer {
  padding-left: 1.5em;
}

/* ACTUS ALL (teasers pages) */

body.path-actus-all-culture-presse main#content section,
body.path-actus-all-metier main#content section,
body.path-actus-all-agenda main#content section {
  width: 80%;
}
@media (max-width: 1168px) {
  body.path-actus-all-culture-presse main#content section,
  body.path-actus-all-metier main#content section,
  body.path-actus-all-agenda main#content section {
    width: 94%;
  }
}

body.path-actus-all-culture-presse h1.page-title {
  font-size: 1.8em;
  color: #937300;
  padding-left: 2em;
  background-image : url('/sites/default/files/images/theme/article/picto_actus_culture_presse.png');
  background-position: 0 50%;
  background-repeat: no-repeat; 
}
body.path-actus-all-metier h1.page-title {
  font-size: 1.8em;
  color: #937300;
  padding: 0.5em 0 0.5em 2em;
  background-image : url('/sites/default/files/images/theme/article/picto_actus_metier.png');
  background-position: 0 50%;
  background-repeat: no-repeat; 
}
body.path-actus-all-agenda h1.page-title {
  font-size: 1.8em;
  color: #937300;
  padding: 0.5em 0 0.5em 2em;
  background-image : url('/sites/default/files/images/theme/article/picto_agenda.png');
  background-position: 0 50%;
  background-repeat: no-repeat; 
}

body.path-actus-all-culture-presse article.node--type-article .field--type-image,
body.path-actus-all-metier article.node--type-article .field--type-image,
body.path-actus-all-agenda article.node--type-article .field--type-image {
  float: right;
  margin: 0 0 1em 1em;
}

body.path-actus-all-culture-presse p,
body.path-actus-all-metier p,
body.path-actus-all-agenda p {
  font-size: 0.95em;
  line-height: 1.2em;
  margin-bottom: 0.4em;
} 

body.path-actus-all-culture-presse p:last-of-type,
body.path-actus-all-metier p:last-of-type,
body.path-actus-all-agenda p:last-of-type {
  padding-bottom: 1.2em;
}

/* smart trim changes line break to <p><br /></p> => we need to reduce height */
body.path-actus-all-culture-presse br,
body.path-actus-all-metier br,
body.path-actus-all-agenda br {
  display: block;
  margin-bottom: 0;
  font-size: 0;
  line-height: 0;
}

body.path-actus-all-culture-presse .node__meta,
body.path-actus-all-metier .node__meta,
body.path-actus-all-agenda .node__meta {
  color: #6195A8;
  margin: -0.5em 0 1.5em 0;
}

/* FULL VIEW */

article {
  text-align: justify;
}

body.page-node-type-article article .node__content .field--type-image {
  float: right;
  margin: 0 0 0 1.5em;
}

body.page-node-type-article article .node__content h3 {
  font-size: 1.4em;
  font-weight: bold;
  color: #6195A8;
}

body.page-node-type-article article .node__meta {
  color: #6195A8;
  margin: -0.5em 0 1.5em 0;
}