* {
  /* border: 1px solid rgba(255,0,0,0.2); */
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
background: #c2c2c2;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

.side-nav{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* max-height: 100vh; */
}

.home-destaque-vitrine {
  /* Home Slider */
  /* aspect-ratio: 0.51 / 1; */
}

.home-categoria-bloco {
  /* height: 520px; */
}

.aspect-1-1 {
  aspect-ratio: 1 / 1;
}

.aspect-16-9 {
  aspect-ratio: 16 / 9;
}

.aspect-3-2 {
  aspect-ratio: 3 / 2;
}
.aspect-34-45 {
  /* revista */
  aspect-ratio: 34 / 45;
}

#header-burguer-menu-container {
  width: 100%;
  z-index: 20;
}

#header-burguer-menu-container ul li:nth-child(1) {
  border-top: 1px solid #0c6d3b;
}

footer h4,
footer ul li:not(:last-of-type),
#header-burguer-menu-container ul li {
  border-bottom: 1px solid #0c6d3b;
}

footer h4 {
  border-width: 2px;
}

.border-color-green-1 {
  border-color: #0c6d3b !important;
}

.font-color-green-1 {
  color: #0c6d3b;
}

.featured-image-hover-1 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: rgba(0,0,0,0.05);
}

.featured-image-brands-1 {
  background-size: 80% auto;
}

.swiperHome,
.swiperPostRelacionados {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

/*
.link-image-v-exception {
	background-color: red;
	border: 5px solid blue;
}
.link-image-v-square {
	background-color: green;
	border: 5px solid yellow;
}
.link-image-v-horizontal {
	background-color: purple;
	border: 5px solid orange;
}
.link-image-v-vertical {
	background-color: dodgerblue;
	border: 5px solid pink;
}
*/

.link-image-v-horizontal {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.6s;
}

.link-image-v-horizontal:hover {
  background-size: auto 110%;
  transition: all 0.3s;
}

.link-image-v-exception,
.link-image-v-vertical {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.6s;
}

.link-image-v-exception:hover,
.link-image-v-vertical:hover {
  background-size: 110% auto;
  transition: all 0.3s;
}

.link-image-v-square {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.6s;
}

.link-image-v-square:hover {
  background-size: 110% auto;
  transition: all 0.3s;
}

.custom-swiper-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e0e0e0; /* cinza claro */
  color: #555; /* cinza escuro da seta */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.custom-swiper-btn:hover {
  background-color: #d0d0d0;
}

.custom-swiper-btn::after {
  font-size: 14px; /* seta pequena */
  font-weight: bold;
  color: #555;
}

.green-talks-banner-icon {
  font-size: 50px;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .home-destaque-vitrine {
    /* Home Slider */
    aspect-ratio: 1 / 0.41;
  }
	#header-burguer-menu-container {
    width: 380px;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}


/* CATEGORIA */

.home-categoria-bloco .post-exercpt { font-size: 14px; }
.badge,
footer .footer-lista-materias p,
.home-categoria-box-grande .home-categoria-box-grande-data,
.home-categoria-box-pequeno .home-categoria-box-pequeno-data,
.post-autor-data { font-size: 12px; }

/* GERAL */
h1 a span,
h2 a span {
  font-size: 28px;
  line-height: 40px;
}
.home-categoria-bloco h3,
.home-categoria-box-grande h3
{ font-size: 18px; }

footer .footer-lista-materias h5,
footer h4,
.home-categoria-box h2 a span,
.home-categoria-box-grande p,
.home-categoria-box-pequeno p,
.breadcrumb .breadcrumb-item,
.home-categoria-box-pequeno h3,
aside h5 {
  font-size: 14px;
}

.badge-link-categoria {
  color: #000;
}

.badge-link-categoria:hover {
  background-color: #000;
  color: #fff;
}

.badge-link-categoria-destaque {
  color: #fff;
  background-color: rgba(0,0,0,0.8);
}

.badge-link-categoria-destaque:hover {
  background-color: #000;
  color: #fff;
}

/* POST */
#materia-conteudo img, #materia-conteudo figure { max-width: 100%; }

#materia-container h1 {
  font-size: 30px;
}

#materia-conteudo .has-text-align-center {
  text-align: center;
}

#materia-conteudo a,
#materia-conteudo a mark {
  color: blue;
}

#materia-conteudo figcaption {
  text-align: center;
}
#materia-conteudo figure {
  /* background-color: rgba(0, 0, 0, 0.03); */
  /* border: 1px solid rgba(0, 0, 0, 0.05); */
  /* width: 100%; */
  padding: 10px;
}
#materia-conteudo figure img {
  /* max-height: 300px; */
  width: auto !important;
  /* display: block; */
  margin: 0 auto;
}
#materia-conteudo figcaption {
  font-size: 10px;
  margin-top: 10px;
}
#materia-container .materia-compartilhar h4 {
  font-size: 16px;
}
aside .compartilhe-inline-icons li a,
#materia-container .compartilhe-inline-icons li a {
  width: 40px;
  font-size: 20px;
}

.swiperHome .swiper-slide h2 {
  font-size: 22px;
}
.swiperHome .swiper-slide h3 {
  font-size: 16px;
}

.parceiros-mt {
	padding-top: 40px;
}

.OESP__barra {
  z-index: 15 !important;
}

#logo-main-header {
	height: 54px;
	width: auto;
}

.btn-custom-green,
.swiper-button-colunistas-next,
.swiper-button-colunistas-prev {
	background-color: 	rgba(12, 109, 59, 0.8);
}
.swiper-button-colunistas-next,
.swiper-button-colunistas-prev {
	top: 25px !important;

	border: 1px solid #fff;
}

.btn-custom-green:hover,
.btn-custom-green:focus,
.btn-custom-green:active,
.btn-custom-green:visited,
.btn-custom-green:focus:active,
.swiper-button-colunistas-next:hover,
.swiper-button-colunistas-prev:hover {
	background-color: 	rgba(12, 109, 59, 1);
}

.swiper-button-colunistas-next::after,
.swiper-button-colunistas-prev::after {
	color: 	#fff;
}