@charset "utf-8";
@import "error.css";

/**
 *------------------------------------------------------------------------------
 * rally J5-55
 *------------------------------------------------------------------------------
 * @website		  rallyfans.net
 * @authors     SKYTRAILS
 *------------------------------------------------------------------------------
 */

body.pag-home,
body.pag-pec1{
  background-image: url(img/cover-flag-a.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
body.pag-home #stage,
body.pag-pec1 #stage{
  background-color: rgba(61, 62, 63, 0.3);
  background-image: url(img/cover-text.png);
  background-repeat: no-repeat;
  background-size:70vh;
  background-position: top 1.2vh center;
}
@media (min-width: 600px) {
  body.pag-home #stage,
  body.pag-pec1 #stage{
  background-size:70vh;
  background-position: top 1.5vh center;
  }
}
@media (min-width: 768px) {
  body.pag-home #stage,
  body.pag-pec1 #stage{
  background-size:contain;
  background-position: top 0px center;
  }
}
@media (min-width: 992px) {
  body.pag-home #stage,
  body.pag-pec1 #stage{
  background-size:105vh;
  background-position: top -1.5vh center;
  }
}

/* body.pag-home.home-01 #stage{
  background-color: rgba(61, 62, 63, 0.3);
  background-image: url(img/cover-text.png);
  background-repeat: no-repeat;
  background-size:70vh;
  background-position: top 1.2vh center;
} */

body {
  background-image: url(img/bandeira.jpg);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: initial;
  background-color: #F7F7F8 !important;
  /* background: url(img/baseimage.jpg) center bottom no-repeat, url(img/bandeira.jpg) left top no-repeat; */
}


/*
  REGRAS GERAIS CRIADAS POR MIM
============================================== */

/*Existe uma regra .sitcky, esta regra é aplicada à secção "head" com "top: 0px" alterar este valor altera o posicionamento da secção "head"
  Para elementos que devem ficar stiky abaixo da secção "head" criei esta regra ".sticky-element".
*/
.sticky-element{
  position: sticky;
  top: 190px;
  /* z-index: 1020; */
}
.position-sticky {
  position: sticky;
}
.aside {
  border: 1px solid gray;
  background-color: #f0f0f0;
  padding: 0 20px 20px 20px;
}
.overlay {
  background-color: rgba(22, 22, 22, 0.5);
  width: 100%;
  height: 100%;
}

/*
  TEXTO DOS ARTIGOS
============================================== */
 /*
  .container
  .contain
  .content
*/
.contain {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.content {
  max-width: 800px;
  padding-right: 0;
  padding-left: 0;
  margin: 0 auto;
}
.category-page {
  max-width: 1370px;
  padding-bottom: 90px;
  margin: 0 auto;
}

.article{
  max-width: 1300px;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin: 0 auto;
}
.article dl,
.article ol, 
.article ul {
  padding-left: 1rem;
  margin-bottom: 1rem;
  list-style-type: disc;
}
.article li{
  padding-left: .2rem;
}
.article a{
  text-decoration:underline;
}
.article .pagenavigation a{
  text-decoration:none;
}
.article ul{
  list-style-type: disc;
  line-height: 1.4;
  padding-left: 1.3rem;
}
.article ul li {
  margin-bottom: .6rem;
}




/* .position, #component-area{
  border: 1px dashed magenta;
}
#main-area {
  border: 1px dashed blue;
}
main {
  border: 1px dashed green;
}
.pag-modules .position{
  background-color: aqua;
}
.pag-modules .position > div {
  background-color: beige;
}
.pag-modules .position .module {
  background-color: chartreuse;
} */

/*////////////////////////////////////////////////
_ TPL SKY - Layout improvements and tests
/////////////////////////////////////////////////*/
/*CORREÇÕES AO MODULO SEARCH - Dar uma largura defenida ao campo*/
/*Form onde o campo está*/
.center-anything{
  display: grid;
  place-items: center;
}

/*////////////////////////////////////////////////
_ Old Layout tests
/////////////////////////////////////////////////*/

/*CENAS PARA SEGURAR O LAYOUT DOS BLOCOS HERO*/
.relative {
  position: relative;
}
.flex-vertical-center {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.flex-vertical-end {
  display: flex;
  align-items: end;
  height: 100%;
  width: 100%;
}



/*=================================================/
   Tool tips e Joomedit
*/
/*Frontoffice edit articles*/
.icons a {
  color: var(--link-color);
}
.float-end {
  float: right !important;
}
/*Front-office edit modules*/
.btn.jmodedit {
  background-color: hsla(51.4, 5.2%, 73.5%, 0.16);
  border: 0px solid #234fa836;
  border-radius: .25rem;
  color: #234fa8;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 900;
  padding: .4rem .5rem .4rem .7rem;
}
[role="tooltip"]:not(.show) {
  background: #fff;
  border: 1px solid #6d757e3d;
  border-radius: .25rem;
  box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.44);
  color: #828282;
  display: none;
  margin: .5em;
  max-width: 100%;
  padding: .5em;
  right: 5em;
  text-align: start;
  z-index: 1070;
  font-size: .85rem;
}
.sr-only, .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important; 
  white-space: nowrap !important;
  width: 1px !important;
}

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

/ PEDRO'S CRAZY RULES (Verificar)
////////////////////////////////////////////////////////////////////////*/
.view-categories main > div,
.view-featured main > div,
.view-category main > div,
.view-article main > div {
  width: 100%;
  /* max-width: 1140px; */ /*Isto tem que ficar definido numa classe partir do texto do artigo ou modulo*/
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
/*Regra para estreitar a largura dos textos de blog deve ser aplicada no menu, ou no proprio artigo
e não na classe do template comentada na linha abaixo*/
/* .com-content-article,  */
.content{
  max-width: 1300px;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0 auto;
}
#main-content-area main {
  padding-top: clamp(1.5rem, 2vw + 1rem, 2.5rem);
  padding-bottom: clamp(3.5rem, 2vw + 3rem, 5rem);
}
.wrapper-fluid .container {
  max-width: 100% !important;
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 8px;
  padding-right: 8px;
}
.center-text,
.text-center {
  text-align: center;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
div[class*="txt-col"] {
  column-count: 1;
  column-gap: 2.5em;
}
.img-100{
  width: 100%;
}
.img-cover{
  object-fit: cover;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.modal iframe {
width:100%;
}
.visible {
  visibility: visible !important;
}
.visually-hidden {
  visibility: hidden;
  position: absolute;
}

:target{
  outline: 0px solid rgb(212, 53, 53);
  outline-offset: 5px;
}

@media (min-width: 768px) {
  .txt-col-1 {
    column-count: 1 !important;
  }
  .txt-col-2 {
    column-count: 2 !important;
  }
  .txt-col-3 {
    column-count: 3 !important;
  }
}

/*RETIRADO DO ANTERIOR FICHEIRO JOOMLA.CSS*/
/*parecem ser regras criadas por mim*/

.form-group {
  margin-bottom: 1rem !important;
}


.mod-menu {
  flex-direction:column
}
.hidden {
  visibility:hidden;
  display:none
}
.table-row {
  display:table-row
}
.element-invisible {
  clip:rect(0,0,0,0);
  white-space:nowrap;
  clip-path:inset(50%);
  border:0;
  width:1px;
  height:1px;
  padding:0;
  position:absolute;
  overflow:hidden
}



/*RALLY CAMÉLIAS 2026*/
/*BANNER NA PÁGINA DAS TABELAS DE TEMPOS*/
.pag-tempos #main-content-area main {
  padding-top: 0.25rem;
}
.horizontal-banner {
  margin: 0;
  margin-top: 0.25rem;
  background-color: #fff;
}
.horizontal-banner {
  box-shadow: rgba(125, 128, 136, 0.54) 0px 0px 10px 0px;
}
.horizontal-banner {
  padding: 3px;
}
.horizontal-banner img {
  width: 100%;
  max-height: 100px;
  object-fit: cover;
  min-height: 100px;
}
/*BANNER NA PÁGINA DO PROGRAMA*/
.container-main-top .horizontal-banner {
  margin-top: 4rem;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .container-main-top .horizontal-banner {
    margin-top: 2rem;
    /* margin-bottom: -20px; */
}
}

/*MENU OFFCANVAS JEITINHO*/
.mod-menu.mod-list.nav.menu-y.menu-y-1 {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .pag-tempos table .marca {
    display: none;
  }
  .pag-tempos table .tcol-03 {
    display: none;
  }
}

/*-------------------------------------------------------/
BLOCO PARCEIROS TODAS AS PÁGINAS
*/
/*BANNER PARCEIRO OFICIAL*/
.pag-stages .module.horizontal-banner {
  max-width: 1050px;
  margin: auto;
}
.bottom-a.module.horizontal-banner {
  max-width: 1050px;
  margin: auto;
}
/*PARCEIROS  GERAL*/
.row-container.partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  padding: 0px 0 50px 0;
  max-width: 1100px;
  margin: auto;
}
.partner {
  /* min-width: 160px; */
  width: 205px;
  max-width: 205px;
  padding: 0px !important;
  margin: 3px;
  overflow: hidden;
  border: 1px solid #999;
}
@media (max-width: 480px) {
  .partner {
    /* min-width: 160px; */
    width: 160px;
    max-width: 160px;
  }
}
.partners .col-item img{
  transition: transform .2s;
  width: auto;
}
.partners .col-item a:hover img {
  transform: scale(1.08);
}

/*PARCEIROS OFICIAIS*/
.row-container.partners-oficial {
  display: flex;
  justify-content: space-around !important;
  padding: 20px 0 40px 0;
  max-width: 1100px;
  margin: auto;
}
.partners-oficial .col-item {
  display: inline-block;  
  padding: 0 8px;
  /* background-color: pink; */
}
.partners-oficial .col-item img {
  width: auto;
  max-height: 60px;
  /* background-color: aqua; */
}




/* GALERIA ADV CUSTOM FIELDS*/
.pag-equipas-confirmadas ul.fields-container {
  padding: 0;
  list-style: none;
}
.pag-equipas-confirmadas .tf-gallery-wrapper .gallery-items .item {
  box-shadow: rgba(125, 128, 136, 0.54) 0px 2px 20px 0px;
  box-shadow: rgba(28, 33, 44, 0.3) 0px 5px 10px 0px;
}


/* DROPFILES CLEANING*/

.mediaTableWrapperWithMenu {
  padding-top: 0 !important;
}
.dropfiles-categories {
  display: none !important;
}
.file_download.essential br {
  display: none !important;
}
.dropfiles-content .downloadlink:not(.noLightbox) {
  margin-bottom: 2px !important;
}
.openlink.dropfileslightbox {
  border: 1px solid #cfcfcf !important;
  background-color: #f9f9f9 !important;
  margin-bottom: 2px !important;
}
.mediaTable th {
  padding: 0px 0 0px 10px !important;
}
.dropfiles-content-table.dropfiles-content .table.mediaTable thead th {
  padding: 0px 0 10px 10px !important;
}
.dropfiles-content-multi {
  /* margin-bottom: 10px; */
  margin-bottom: 0px !important;
}
.dropfiles-content, .dropfiles-dropblock-content {
  /* margin-top: 20px;
  padding: 5px; */
  margin-top: 0px !important;
  padding: 0px !important;
}
.dropfiles-content-table.dropfiles-content .table {
  /* padding: 0 10px; */
  padding: 0 0px !important;
}
@media only screen and (max-width: 720px) {
  .dropfiles-container .dropfiles-container-table {
    /* margin-left: 30px; */
    margin-left: 0px !important;
  }
}
#art-page-oficial-docs .accordion-content .accordion-content-wrapper {
  padding: 0 15px;
  background-color: #FFF;
  box-shadow: rgba(129, 132, 140, 0.3) 0px 0px 4px 0px;
}
#art-page-oficial-docs .accordion-content .accordion-content-wrapper .documents-text {
  padding: 25px 10px 25px;
  font-size: 1rem;
}
#art-page-oficial-docs .accordion .accordion-panel button.accordion-trigger {
  text-transform: uppercase;
  padding: .7rem;
  padding-left: 1rem;
  color: #202A44;
  background-color: #F0FFCF;
  border: 2px solid #b5ee38;
  border-radius: 1px;
  box-shadow: rgba(129, 132, 140, 0.2) 0px 0px 3px 0px;
}
#art-page-oficial-docs .accordion .accordion-panel button.accordion-trigger:hover {
  background-color: #CFF498;
  color: #111;
}
#art-page-oficial-docs .accordion .accordion-panel button.accordion-trigger[aria-expanded="true"] {
  background-color: #CFF498;
  color: #111;
}
#art-page-oficial-docs .accordion .accordion-panel button.accordion-trigger:hover[aria-expanded="true"] {
  background-color: #CFF498;
  color: #111;
}

/*CORREÇÃO AO MODULO botto-a.horizontal-banner*/
.bottom-a.module.horizontal-banner {
  max-width: 1050px;
  margin: auto;
  padding: 3px;
}

/*BOTÕES NA HOME PAGE*/
.row.quik-buttons{
  max-width: 750px;
  margin: auto;
  margin-top: 15px;
}
.row.quik-buttons .coluna{
  padding: 2px;
}
a.custom-btn {
  border-radius: 7px;
  padding: 4px;
  font-weight: 500;
  display: block;
  transition: all 0.2s ease;
}
a.custom-btn:hover {
  transform: scale(1.03,1.03);
  box-shadow: 0 4px 8px rgba(21, 15, 49, 0.2);
}
@media (min-width: 768px) {
  a.custom-btn:hover {
    transform: scale(1.1,1.1);
    z-index: 2;
    position: relative;
  }
}
a.custom-btn .custom-btn-inner {
  padding: 12px 20px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #150F31;
}

a.custom-btn{
  --blue-color: #0d6efd;
  --blue-color: #00B8FA;
  --red-color: #ff4144;
  --red-color: #ff6467;
  --yellow-color: #e3ff21;
}
/*showzone*/
a.custom-btn.showzone {
  background-color: #150F31;
  color: var(--blue-color);
}
a.custom-btn.showzone:hover {
  background-color: #150F31;
  color: var(--blue-color);
}
a.custom-btn.showzone:focus  {
  background-color: #150F31;
  color: var(--blue-color);
}
a.custom-btn.showzone .custom-btn-inner {
  background-color: #150F31;
  border: .12rem solid var(--blue-color);
}
/*video*/
a.custom-btn.video {
  background-color: #150F31;
  color: var(--red-color);
}
a.custom-btn.video:hover {
  background-color: #150F31;
  ccolor: var(--red-color);
}
a.custom-btn.video:focus  {
  background-color: #150F31;
  ccolor: var(--red-color);
}
a.custom-btn.video .custom-btn-inner {
  background-color: #150F31;
  border: .12rem solid var(--red-color);
}
/*warning*/
a.custom-btn.warning {
  background-color: #150F31;
  color: var(--yellow-color);
}
a.custom-btn.warning:hover {
  background-color: #150F31;
  ccolor: var(--yellow-color);
}
a.custom-btn.warning:focus  {
  background-color: #150F31;
  ccolor: var(--yellow-color);
}
a.custom-btn.warning .custom-btn-inner {
  background-color: #150F31;
  border: .12rem solid var(--yellow-color);
}




a.custom-btn .custom-btn-inner .btn-text {
  text-align: left;
  flex-grow: 1;
}
a.custom-btn .custom-btn-inner .btn-icon {
  margin-left: 10px;
  height: auto;
}


/*--------------------------------------------------------------
PÁGINA DOCUMENTAÇÃO
*/

/*Encerramento de estradas*/
#encerramento-estradas h4 {
  margin: 0;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 1.2rem;
}
#encerramento-estradas table {
  margin: 3px 0 25px;
  font-family: "bould";
  font-weight: 400;
  font-size: .9rem;
}
#encerramento-estradas tbody tr {
  text-transform: uppercase;
}
#encerramento-estradas thead {
  /* background-color: #39393d; */
  /* border-bottom: 2px solid #ddd; */
  border-bottom: none;
  /* color: #FDFDFD; */
}
#encerramento-estradas thead th {
  text-align: left;
  padding: 0.75em 0.75em 0.3em 0.75em;
  font-weight: 500;
  color: inherit;
}
#encerramento-estradas .tcol-01.pec-info div {
  display: inline-block;
}
#encerramento-estradas .tcol-01.pec-info div.pec-n {
  font-weight: 600;
  padding: 0 15px 0 10px;
}
/*horas de encerramento*/
#encerramento-estradas .tcol-02 {
  width: 80px;
  /* background-color: yellow; */
  text-align: center;
}
#encerramento-estradas td.tcol-02{
  font-weight: 700;
}
/*separador (-)*/
#encerramento-estradas .tcol-03 {
  width: 8px;
  /* background-color: #dfff00; */
  text-align: center;
}
/*horas de abertura*/
#encerramento-estradas .tcol-04 {
  width: 80px;
  /* background-color: yellow; */
  text-align: center;
}
#tr-pec-1{background-color: yellow; background-color: #f9f9f9;}
#tr-pec-2, #tr-pec-3{background-color: #f9f9f9;}
#tr-pec-4, #tr-pec-5, #tr-pec-6 {background-color: #5fff67; background-color: #f9f9f9;}
#tr-pec-7, #tr-pec-8, #tr-pec-9 {background-color: #43e2ee; background-color: #f9f9f9;}

/*--------------------------------------------------------------
PÁGINA HOME Videos
*/
#countdown {
  color: #21233f;
}
.menu-pag-home .eb-backdrop {
  --eb-overlay-background-color: rgba(28, 30, 45, 0.7) !important;
  --eb-overlay-blur: 20;
}
.menu-pag-home .eb-dialog{
  width: 95% !important;
  height: auto;
  max-width: 1024px;
}

.menu-pag-home .eb-inst .eb-content {
  overflow: hidden;
  margin: auto;
  width: 100%;
}

/*Parece que n consigo retirar isto do youtube*/
.ytp-pause-overlay{
  display: none !important;
}
.menu-pag-home .ytp-expand-pause-overlay .ytp-pause-overlay {
  display: none !important;
}

/*----------------------------------------------------
  ADICIONAR AO PROGRAMA (STAGES)
*/
.nota-pec {
  background-color: #efffa2;
  padding: .5rem 1rem .6rem;
  margin-bottom: 30px;
}


/*----------------------------------------------------
  ALTERAÇÃO DE DATAS
*/
.warning-text-title h1 {
  margin-bottom: 0;
}
.warning-text-title h3 {
  margin-top: 0;
  font-weight: 500;
}
.warning-text-title h3 {
  margin-top: 0;
  font-weight: 500;
  margin-bottom: 40px;
}
.warning-text-title {
  line-height: 1.2;
}

/*-----------------------------------------------------
  TITULOS DA ZONA ESPETACULO
*/
.menu-pag-rallyshow .page-header h1 {
  margin: 0;
}
.menu-pag-rallyshow .art-subtitle {
  margin-top: -15px;
  font-weight: 500;
  font-size: 1.5rem;
}



/*--------------------------------------------------------
JOOMLA DROPDOWN - LIST SEARCH FOR TEAMS
---------------------------------------------------------*/

/* Hide the checkbox */
.mod-articles-dropdown .teams-toggle {
    display: none;
}

/* Dropdown button/label */
.mod-articles-dropdown .teams-dropdown-label {
    display: block;
    padding: 12px 15px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    user-select: none;
    position: relative;
}

/* Arrow indicator */
.mod-articles-dropdown .teams-dropdown-label::after {
    content: "▼";
    position: absolute;
    right: 15px;
    transition: transform 0.3s ease;
}

/* Container */
.mod-articles-dropdown {
    position: relative;
    max-width: 300px;
    margin: 1rem 0;
}

/* List collapsed by default - NOW WITH ABSOLUTE POSITIONING */
.mod-articles-dropdown .mod-articlescategory {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Expanded state */
.mod-articles-dropdown .teams-toggle:checked ~ .mod-articlescategory {
    max-height: 400px;
    overflow-y: auto;
}

/* Arrow rotation when open */
.mod-articles-dropdown .teams-toggle:checked ~ .teams-dropdown-label::after {
    transform: rotate(180deg);
}

/* Label border adjustment when open */
.mod-articles-dropdown .teams-toggle:checked ~ .teams-dropdown-label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* List items */
.mod-articles-dropdown .mod-articlescategory li {
    border-bottom: 1px solid #eee;
}

.mod-articles-dropdown .mod-articlescategory li:last-child {
    border-bottom: none;
}

/* Links */
.mod-articles-dropdown .mod-articles-category-title {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.mod-articles-dropdown .mod-articles-category-title:hover {
    background-color: #e8e8e8;
}

/* Scrollbar styling (webkit browsers) */
.mod-articles-dropdown .mod-articlescategory::-webkit-scrollbar {
    width: 8px;
}

.mod-articles-dropdown .mod-articlescategory::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.mod-articles-dropdown .mod-articlescategory::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.mod-articles-dropdown .mod-articlescategory::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*--------------------------------------------------------
JOOMLA LIST SEARCH FOR TEAMS menu-x
---------------------------------------------------------*/

/* Arrow indicator */
.mod-articles-dropdown .teams-dropdown-label::after {
    content: "▼";
    position: absolute;
    right: 15px;
    transition: transform 0.3s ease;
}
/* Container */
.mod-articles-droopdown {
  position: relative;
  max-width: 300px;
  margin: 1.2rem 0 .2rem 0;
}
.mod-articles-droopdown ul.menu-x{
    display: inline !important;
}
.mod-articles-droopdown ul.menu-x li{
    margin: 0;
}
.driver-info {
  line-height: 1.8rem;
}
.mod-articles-droopdown ul.menu-x li.item-dropdown > a{
  position:relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 1.1rem;
  font-style: italic;
  text-decoration: none;
  padding: .6rem 20px;
  color: #FFF;
  box-shadow: rgba(125, 128, 136, 0.3) 0px 0px 10px 0px; 
  background-color: #150F31;
  background-color: #383b54;
  background-color: #3B4352;
  background-color: hsl(70.1, 100%, 79%);
  background-color: hsl(220, 25%, 25%);
}
.mod-articles-droopdown ul.menu-x li.item-dropdown > a:after{
  display: none;
}
.mod-articles-droopdown ul.menu-x li.item-dropdown > a:hover{
  color: hsl(70.1, 100%, 79%);
}
/* .mod-articles-droopdown ul.menu-x li.item-dropdown > a::after {
  content: "▼";
  position: absolute;
  right: 15px;
  transition: transform 0.3s ease;
} */
/* .mod-articles-droopdown ul.menu-x li.item-dropdown > a:hover:after {
  transform: rotate(180deg);
} */
.mod-articles-droopdown ul.menu-x li.item-dropdown > a:hover i::before {
  transform: rotate(180deg);
}
/* List collapsed by default - NOW WITH ABSOLUTE POSITIONING */
.mod-articles-droopdown .mod-articlescategory {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: white;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    transition: max-height 0.3s ease;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.mod-articles-droopdown .nav-item.deeper.parent.item-dropdown {
  width: 100%;
}
 .mod-articles-droopdown a {
  width: 100%;
}
/* List items */
.mod-articles-droopdown .mod-articlescategory li {
    border-bottom: 1px solid #eee;
}
.mod-articles-droopdown .mod-articlescategory li:last-child {
    border-bottom: none;
}
/* Links */
.mod-articles-droopdown ul.menu-x ul.mod-menu__sub a.mod-articles-category-title {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
}
/* Scrollbar styling (webkit browsers) */
.mod-articles-droopdown .mod-articlescategory::-webkit-scrollbar {
    width: 8px;
}
.mod-articles-droopdown .mod-articlescategory::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.mod-articles-droopdown .mod-articlescategory::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
.mod-articles-droopdown .mod-articlescategory::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*
  HEADER N2
*/
/* .header-2 h4 {
  margin: 0;
  padding: 6px 15px;
  color: #FFF;
  border-radius: 2px;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: #394251;
  background-color: #293257;
  background-color: hsl(219.4, 20.3%, 31%);
} */

.header-2 h4 {
  border-bottom: 1px solid #293657;
  padding: 5px 2px;
  font-size: 1.5rem;
  font-family: bould;
  font-family: Saira;
  color: #293657;
}

/*
  PING OR PULSE
*/
tr[data-team-state="in-action"] .ping-box,
li[data-stage-state="active"] .ping-box {
  position: relative;
  display: flex;
  width: .75rem;
  height: .75rem;
  margin: auto;
  margin-top: -7px;
}
tr[data-team-state="in-action"] .ping-before,
li[data-stage-state="active"] .ping-before {
  position: absolute;
  display: inline-flex;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: rgb(74 222 128);
  opacity: .75;
  top: 10px;
}
tr[data-team-state="in-action"] .ping-after,
li[data-stage-state="active"] .ping-after {
  position: absolute;
  display: inline-flex;
  height: .75rem;
  width: .75rem;
  border-radius: 9999px;
  background-color: rgb(34 197 94);
  background-color: #b7f400;
  top: 10px;
}
tr[data-team-state="in-action"] .animate-ping,
li[data-stage-state="active"] .animate-ping {
  animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping {
  75%,
  to {
    transform:scale(2);
    opacity:0
  }
}

/*
  PING OR PULSE - nas tabelas página piloto
*/
td.position {
  position: relative;
}

td.position .ping-box {
  position: absolute !important;
  bottom: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
  RALLY LOGO
*/
.rally-logo {
  transition: transform .15s;
  width: 225px !important;
}
.rally-logo:hover {
  transform: scale(1.05);
}