/* Estilos gerais para a área de posts relacionados e infobox e related posts box */
#jp-relatedposts, #related-posts, .infobox {
  background: url(https://sm-portugal.com/wp-content/uploads/2023/12/newstopleft.gif) top left no-repeat,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newstopright.gif) top right no-repeat,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newstopcenter.gif) top center repeat-x,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newsbottomleft.gif) bottom left no-repeat,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newsbottomright.gif) bottom right no-repeat,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newsbottomcenter.gif) bottom center repeat-x,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newsleft.gif) center left repeat-y,
              url(https://sm-portugal.com/wp-content/uploads/2023/12/newsright.gif) center right repeat-y;
  background-size: auto;
  margin: 0 auto 30px;
  max-width: 670px;
  min-height: 220px;
  padding: 75px 30px 30px 50px!important;
  position: relative;
  text-align: center;
  border: none;
}

/* Estilos para o espaço reservado dentro da infobox */
.infobox .placeholder {
  float: left;
  height: 50px;
  left: -15px;
  position: relative;
  top: -15px;
  width: 150px;
}

/* Estilos para o botão de fechar */
.fechar-btn {
  border: solid 1px var(--cor-primaria-clara);
  border-radius: 5px;
  cursor: pointer;
  float: right;
  font-weight: 700;
  height: 30px;
  margin: 0 0 10px 10px;
  position: relative;
  right: -15px;
  text-align: center;
  top: -28px;
  width: 30px;
}

/* Estilo do botão de fechar ao passar o mouse */
.fechar-btn:hover {
  color: red;
}

/* Estilos para o título da infobox */
h2.info-box {
  margin: 0 0 30px 140px !important;
  text-transform: uppercase;
}

/* Estilos para os parágrafos dentro da infobox */
.info-box p {
  margin: 0;
}

/* Estilos para o contêiner flexível dentro da infobox */
.infobox .contentor {
  align-items: center;
  display: flex;
}

/* Estilos para as células dentro da infobox */
.infobox .celula {
  text-align: center;
  vertical-align: middle;
}

/* Estilos para os parágrafos dentro das células da infobox */
.infobox .celula p {
  margin: 0;
  padding: 15px;
}

/* Estilos para as imagens dentro das células da infobox */
.infobox .celula img {
  min-width: 150px;
}



/* Estilos para ajustar os related posts do Jetpack e Social Share*/
#jp-relatedposts {
	max-width: unset;
	padding: 90px 30px 30px 50px!important;
}


#jp-relatedposts h3.jp-relatedposts-headline {
		float: unset!important;
}

#jp-relatedposts h3.jp-relatedposts-headline em, h3.sd-title {
    font-size: 14px;
    letter-spacing: 1.3px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before, h3.sd-title:before  {
	content: ""!important;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 600;
    padding-right: 6px;
	text-align: center;
}


#jp-relatedposts h3.jp-relatedposts-headline em:before {
	border: none!important;
	display: inherit!important;
}


h3.sd-title:before {
  display: inline !important;
  border: none !important;
}

h3.sd-title {
  border-top: 2px solid var(--cor-primaria);
  padding-top: 10px;
}


/* Estilos para telas menores que 767px de largura */
@media screen and (max-width: 767px) {
  #jp-relatedposts, #related-posts, .infobox {
    background: url(https://sm-portugal.com/wp-content/uploads/2023/12/newstopleftmini.gif) top left no-repeat,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newstopright.gif) top right no-repeat,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newstopcenter.gif) top center repeat-x,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newsbottomleft.gif) bottom left no-repeat,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newsbottomright.gif) bottom right no-repeat,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newsbottomcenter.gif) bottom center repeat-x,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newsleft.gif) center left repeat-y,
                url(https://sm-portugal.com/wp-content/uploads/2023/12/newsright.gif) center right repeat-y;
    background-size: auto;  }
	
	
	 #related-posts, .infobox {
    padding: 60px 30px 30px 50px!important;
  }
	
	
	
	 #jp-relatedposts {
    padding: 80px 10px 30px 50px!important;
  }
	
	
	
	

  /* Estilos ajustados para o espaço reservado dentro da infobox em telas pequenas */
  .infobox .placeholder {
    height: 35px;
    width: 80px;
  }

  /* Estilos ajustados para o botão de fechar em telas pequenas */
  .fechar-btn {
    font-size: .8em;
    height: 20px;
    top: -15px;
    width: 20px;
  }

  /* Estilos ajustados para imagens dentro das células da infobox em telas pequenas */
  .infobox .celula img {
    max-width: 150px;
  }

  /* Estilos ajustados para o contêiner flexível dentro da infobox em telas pequenas */
  .infobox .contentor {
    align-items: center;
    display: block;
  }

  /* Estilos ajustados para os parágrafos dentro das células da infobox em telas pequenas */
  .infobox .celula p {
    padding: 5px;
  }
	
  /* Estilos para related comments */
	
.jp-relatedposts-grid {
  display: flex;
  flex-wrap: wrap;
}

.jp-relatedposts-post {
  flex: 1 1 100%;
  max-width: 100%;
  margin-bottom: 50px !important;
  padding-right: 0px !important;

}

.jp-relatedposts-post-img {
  margin: auto;}

a.jp-relatedposts-post-a {
  text-align: center;
}

a.jp-relatedposts-post-a img {
  display: inline-block;
}	
}
