/*/////////////////////////////////////////////////////////////////////////////

/ TOPBAR
/////////////////////////////////////////////////////////////////////////////*/
#topbar{
  padding: 0; 
}
@media (max-width: 992px) {
  #topbar{
    display: none;
  }
}
#topbar, #topbar a{
  color: inherit;
}
#topbar a:hover{
  color: inherit;
}



/*/////////////////////////////////////////////////////////////////////////////

/ HEADER
/////////////////////////////////////////////////////////////////////////////*/
/* .header{
  background-color: rgba(234, 234, 234, 0.95);
  backdrop-filter: blur(5px);
} */

#nav-middle {
  /* margin-top: 5vw; */
  margin-top: clamp(25px, 5vw, 40px);
  color: rgb(236, 236, 236);
}
/* @media (max-width: 500px) {
    #nav-middle {
    margin-top: 20px;
  }
} */
#nav-middle .container {
  border-radius: 100px;
  background-color: rgba(28, 33, 44, 0.85);
  background-color: rgba(54, 58, 78, 0.85);
  background-color: rgba(27, 32, 58, 0.85);
  background-color: rgba(25, 29, 48, 0.85);
  color: white;
}

#nav-right .mod-languages .mod-languages__select {
  padding: 0 5px 0 0;
}
#nav-right .mod-languages button.dropdown-toggle {
  background-color: transparent;
  border: none;
  padding: 10px;
}
#nav-right .mod-languages button.dropdown-toggle,
#nav-right .mod-languages button.dropdown-toggle + ul a {
  font-size: .9rem;
  font-family: 'bould';
}

#nav-center {
  width: 80px;
  max-width: 212px;
  /* background-color: aqua; */
}
/*LOGOTIPO RALLY DAS CAMÉLIAS*/
img.rally-logo {
  transition: transform .15s;
  width: 180px;
  /* box-shadow: rgba(125, 128, 136, 0.5) 0px 0px 8px 0px; */
}
img.rally-logo:hover {
  transform: scale(1.05);
}
#nav-center .container-nav-center{
    bottom: -10px;
}
@media (max-width: 390px) {
    img.rally-logo {
    width: 185px;
  }
    #nav-center .container-nav-center{
    bottom: -5px;
  }
}
@media (min-width: 576px) {
    img.rally-logo {
    width: 185px;
  }
    #nav-center .container-nav-center{
    bottom: -10px;
  }
}
@media (min-width: 620px) {
    img.rally-logo {
    width: 190px;
  }
    #nav-center .container-nav-center{
    bottom: -10px;
  }
}
@media (min-width: 768px) {
    img.rally-logo {
    width: 215px;
  }
    #nav-center .container-nav-center{
  bottom: -15px;
  }
}


/*===============================================/
FIXAR DIMENSOES DA NAVBAR - fixar o logotipo
================================================*/


#nav-left, #nav-center, #nav-right{
  position: relative;
}
.container-nav-left, .container-nav-center, .container-nav-right{
  position: absolute;
}
.container-nav-left{
  right: 0px;
}
.container-nav-right{
  right: 0px;
  padding-right: 0px;
}
#nav-left .nav-left.module.menu {
  padding-right: 15px !important;
}
#nav-right .nav-right.module.menu {
  padding-left: 15px !important;
}
@media (min-width: 992px) {
  .container-nav-right{
     left: 0px;
     right: inherit;
     padding-right: 0px;
  }
}

/*
  BREADCRUMBS
 =========================================================================== */
 /*Ver: 10-breadcrumps*/



/*/////////////////////////////////////////////////////////////////////////////

/ HOME
/////////////////////////////////////////////////////////////////////////////*/


/* HOME - HERO
 =========================================================================== */


/* HOME - INTRODUÇÃO
 =========================================================================== */





/*////////////////////////////////////////////////////////////////////////

/ PÁGINA BLOG
////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////

/ PÁGINA STAGES
////////////////////////////////////////////////////////////////////////*/

.page-stages #main-content-area main.container-component {
  padding-top: 0;
}
.page-stage #main-content-area main.container-component {
  padding-top: 0;
}
.page-stage #main-content-area main.container-component h1{
  font-size: 2rem;
}
.page-stage #main-content-area main.container-component .f-46 img {
  min-height: 450px;
  object-fit: cover;
}
.page-results #main-content-area main.container-component {
  padding-top: 15px;
}
.page-teams #main-content-area main.container-component {
  padding-top: 10px;
}
.pag-stages #main-content-area main.container-component {
  padding-top: 0.25rem;
  padding-bottom: clamp(3.5rem, 2vw + 3rem, 5rem);
}
.padding-less #main-content-area main.container-component {
  padding-top: 15px;
}

/*////////////////////////////////////////////////////////////////////////

/ IMAGENS DE TODOS OS ARTIGOS
////////////////////////////////////////////////////////////////////////*/


/*Página blog imagens nos cards de entrada items featured*/
.intro-img.featured img {
  height: 550px;
}
@media (max-width: 992px) {
  .intro-img.featured img {
    height: 320px;
  }
}
/*Página blog imagens nos cards de entrada items NOT featured*/
.intro-img img {
  object-fit: cover;
  width: 100%;
  height: 305px;
}
/*Imagem principal artigos*/

.item-full-image img {
  object-fit: cover;
  width: 100%;
  height: 350px;
  max-height: 350px;
  max-width: 1400px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .item-full-image img {
    /* height: 350px; */
    width: 100%;
    height: auto; 
    max-height: 450px;
    min-height: 350px;
    max-width: 1400px;
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .item-full-image img {
    width: 100%;
    height: auto; 
    max-height: 500px;
    max-width: 1400px;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .item-full-image img {
    max-height: 600px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .item-full-image img {
    max-height: 700px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1400px) {
  .item-full-image img {
    max-height: 800px;
    margin-bottom: 45px;
  }
}


/*////////////////////////////////////////////////////////////////////////

/ FOOTER
////////////////////////////////////////////////////////////////////////*/

/*testes*/
/* #footer-above {
  position: relative;
}
#footer-above::before {
  content: "my dear";
  color: pink;
  background-color: burlywood;
  background: url('img/bottomdirty100.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size:auto;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100px;
} */

/**/
#footer-above .foot-separator {
  position: relative;
}
#footer-above .foot-separator img{
  vertical-align: bottom;
}
#footer-above .foot-separator div {
  position: absolute;
  width: 100%;
  background-color: transparent;
  height: 100%;
  max-height: 180px;
  display: block;
  top: 0;
}
#footer-center, #footer-under {
  color: var(--muted-color);
  background-color: rgba(28, 33, 44);
  padding: 15px 0;
}
.pag-home #footer-above, .pag-home #footer-center, .pag-home #footer-under {
  opacity: .9;
}

/*----------- end*/

.footer a{
  transition: color 0.2s ease-in-out;
}

.footer a:not(.btn), .footer .btn-link {
  color: currentColor;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: var(--gray-500);
}
.footer-inferior{
  border-top: 1px solid rgb(231, 231, 231);
}
.footer .mod-menu {
  position: relative;
}

/* FOOTER LEGAL MENU */
#footer-menu {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  flex-direction: row;
  padding: 15px;
}
#footer-menu a{
  color: #6A757B;
  font-size: .8rem;
  text-transform: uppercase;
  font-weight: 700;
}
#footer-menu a:hover,
#footer-menu a:focus{
  color: #919EA6;
}

/* SOCIAL ICONS */
/* ICONES REDES SOCIAIS*/
.media-icon a {
  text-decoration: none;
  color: hsl(220, 5%, 60%);
  padding: 0 8px;
  /* font-size: 22px; */
  font-size: clamp(1.1rem, .5rem + 1.5vw, 1.35rem);
  transition: color 0.2s ease-in-out;
}
.media-icon a:hover {
  color: hsl(220, 5%, 40%);
}
.social-media-icons {
  text-align: center;
  padding: 5px 0 5px 0;
}
@media (min-width: 768px) {
  .social-media-icons {
  text-align: left;
  padding: 0px 0 0px 0;
  }
}
/* SOCIAL ICONS */
#footer .social-media-icons {
  text-align: center;
  padding: 8px 0 8px 0;
  font-size: clamp(1.15rem, .5rem + 1.5vw, 1.35rem);
}
@media (min-width: 992px) {
  #footer.social-media-icons {
  text-align: center;
  padding: 12px 0 12px 0;
  }
}
/* .social-media-icons a:hover {
  color: #444;
} */

/* COPY-RIGHTS */
#copy-rights {
  padding: 0;
}
#copy-rights p {
  font-size: 0.88rem;
}
#copy-rights a {
  text-decoration: none;
  color: #607CAE;
}
#copy-rights a:hover,
#copy-rights a:focus {
  color: #6F9EF4;
}

/*////////////////////////////////////////////////////////////////////////

/ GALERIA
////////////////////////////////////////////////////////////////////////*/
.gslide-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: transparent;
}
.gslide-media.gslide-image {
  position: relative;
}