html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  }


  /* Show it's not fixed to the top */
  body {
    /*min-height: 95rem;*/
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0;
    font-family: 'Adobe Clean SemiLight', sans-serif;
    background-color: #f8f8f8;
    color: #1d1d1b;

    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: 'Poppins', sans-serif;*/
    /*font-family: 'Source Sans Pro', sans-serif;*/
    /*font-family: 'Rubik', sans-serif !important;*/
    /*font-family: 'Typold', sans-serif;*/
    /*font-family: 'Helvetica', sans-serif;*/
    /*font-family: 'Inter', sans-serif;*/
    /*font-family: 'Adobe Clean', sans-serif;*/
    /*font-family: 'Adobe Clean Serif', sans-serif;*/
    /*font-family: 'Adobe Clean UX', sans-serif;*/
  }

  a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    a, a:hover {
      text-decoration: none !important; 
  }



  p{
    font-family: 'Adobe Clean SemiLight', sans-serif;
  }

  h1, h2, h3, h4, h5{
    /*font-family: 'Typold', sans-serif;*/
    font-family: 'Adobe Clean Bold', sans-serif;
    letter-spacing: -.01rem;
    line-height: 1.1
  }

  .border-light {
    border-color: #eee !important;
  }

  .text-danger {
    color: #aa0909 !important;
  }

  .bg-blue1100{
    background-color: #203a6f;
  }

  .bg-blue1200{
    background-color: #003571;
  }

  .bg-blue1300{
    background-color: #002754;
  }

  .bg-blue1400{
    background-color: #00204f;
  }

  .bg-blue1400-border{
    border-top: 3px solid #aa0909;    
  }

  .border-blue1100 {
    border-color: rgba(32, 58, 111, .15) !important;
  } 
  

  /* fontes */
  .f_300{
      font-weight: 300 !important;
  }

  .f_400{
      font-weight: 400 !important;
  }

  .f_500{
      font-weight: 500 !important;
  }

  .f_600{
      font-weight: 600 !important;
  }

  .f_700{
      font-weight: 700 !important;
  }

  .text-small {
    font-size: 85%;
  }

  /* FONTES SIZE */
  .fs-90 {
    font-size: .90rem !important;
  }

  .fs-7 {
    font-size: .85rem !important;
  }

  .fs-8 {
    font-size: .70rem !important;
  }

  .fs-9 {
    font-size: .80rem !important;
  }


/*
  HOVER IMAGE
  ------------------------------------------
*/
.img-ovelay_small:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(4,16,34,.05) 30%, rgba(4,16,34,.5) 100%);
  z-index: 1;
  bottom: 0;
}

.img-ovelay:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-image: linear-gradient(to bottom, rgba(0,0,0,.2) 30%, rgba(0,0,0,1) 95%);*/
  background-image: linear-gradient(to top, rgba(4,16,34,1), rgba(4,16,34,.7), rgba(4,16,34,.2), rgba(4,16,34,0));
  z-index: 1;
  bottom: 0;
}

.img-ovelay, .img-ovelay_small{  
  overflow: hidden;
}

.img-ovelay > img,
.img-ovelay > .bg-img,
.img-ovelay_small > img,
.img-ovelay_small > .bg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; /* Animation */

}

.img-ovelay:hover > img,
.img-ovelay:hover > .bg-img,
.img-ovelay_small:hover > img,
.img-ovelay_small:hover > .bg-img  {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); 

}


.img-ovelay2:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  background-image: linear-gradient(to top, rgba(2,6,11,1), rgba(2,6,11,.7), rgba(2,6,11,.2), rgba(2,6,11,0));
  z-index: 1;
  bottom: 0;
}


.img-ovelay2 {  
  overflow: hidden;
} 


.img-ovelay2 > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; /* Animation */

}

.img-ovelay2:hover > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05); 

}

.img-ovelay2:hover .cd-title {
  color: #FFC300 !important;
}



/*
  LINK SLIDER
-----------------------
*/
.lk-slider h1,
.lk-slider h5{
  transition: 0.25s;
  color: rgba(255, 255, 255, 0.95);
}

.lk-slider:hover h1,
.lk-slider:hover h5 {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline !important;
}


.f-otherNews a{
   transition: 2.5s;     
   color: rgb(70, 70, 70)
}

.f-otherNews a:hover{
   color: rgb(0, 0, 0);
   text-decoration: underline !important;
}

.f-otherNews img:hover{
   -webkit-transform: scale(1.05);
          transform: scale(1.05);
}



/*  CATEGORY
------------------------
*/

.b-category{
  display: inline-block;
  /*background: #b40000;*/
  /*background: #222;*/
  /*padding: 0 4px;*/
  font-family: "Adobe Clean Bold", sans-serif;
  font-size: 11px;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 4px; 
  color: rgba(255, 255, 255, .75);     
}

.b-category:before{

}

.b-category-sm{
  display: inline-block;
  font-family: "Adobe Clean Bold", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 4px; 
  color: #aa0909;     
}


/*  TITLE SECTION
----------------------------------
*/

.b-title-card{
  background-color: #f8f8f8;
  position: relative;
  /*border-left: 4px solid #dfc02b;      */
}

.b-title-card h5{
  display: inline-block;
  text-transform: uppercase;
  font-family: "Adobe Clean Bold", sans-serif;
  font-size: 18px; 
  letter-spacing: 0rem;
  line-height: 18px;
  margin: 0;
  background-color: #203a6f;
  padding: 16px 20px;  
  color: rgba(255, 255, 255, .85);
}

.triangle-topleft {
  position: absolute;
  border-top: 50px solid #203a6f;
  border-right: 50px solid transparent;
}

.triangle-topleftFull {
  position: absolute;
  border-top: 120px solid #f8f9fa;
  border-right: 100px solid transparent;
}


/*  TITLE CARD
----------------------------------
*/

.fs-card-md > .card a{
  display: inline-block;
  font-family: "Adobe Clean BoldSemiCn", sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #6d6d6d;
}

.fs-card-md > .card:hover{
  background-color: #f8f8f8;
}

.fs-card-md > .card a:hover{
  color: #004491;
  text-decoration: underline !important;
}



/*  TITLE NEWS
----------------------------------
*/

.fs-title-news{
  display: block;
  font-family: "Adobe Clean Bold", sans-serif;
  font-size: 2.4rem;
  line-height: 2.3rem;
  letter-spacing: -0.085rem;
  color: #464646;
  margin-bottom: 20px;
}


.fs-subtitle-news{
  display: block;  
  font-family: 'Adobe Clean SemiLight', sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: normal; 
  color: #6d6d6d; 
}

a.fs-category-news{
  display: inline-block;  
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-weight: normal;
  font-size: 0.85rem;
  color: #aa0909; 
  margin-bottom: 10px;
  text-transform: uppercase;
}

a.fs-category-news:hover {  
  text-decoration: underline !important;  
}


/*  TITLE CARD ESTADIO
----------------------------------
*/

.fs-card-estadio > .card .card-body{
  text-align: center;
}


.fs-card-estadio > .card img{
  width: 100%;  
  height: 250px;
}

.fs-card-estadio > .card .card-title{
  font-family: "Adobe Clean BoldSemiCn", sans-serif;
  margin-bottom: 3px;
}

.fs-card-estadio > .card .card-text{
  font-family: "Adobe Clean SemiCnIt", sans-serif;
  font-size: 14px;
}

.fs-card-estadio > .card .alert{
  padding: .5rem;
  text-transform: uppercase;
  font-family: "Adobe Clean Regular", sans-serif;
  font-size: 14px;
}



/*  NEWS SM */
a.fs-title-sm-news{
  display: block;
  font-family: "Adobe Clean Bold", sans-serif;
  font-size: 1.1rem;
  line-height: 1.2rem;  
  color: #464646;  
}

a.fs-title-sm-news:hover{
  text-decoration: underline !important;  
  color: #222;
}

a.fs-category-sm-news{
  display: inline-block;  
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-weight: normal;
  font-size: 0.75rem;
  color: #aa0909; 
  margin-bottom: 3px;  
}

a.fs-category-sm-news:hover {  
  text-decoration: underline !important;  
}


/*  NEWS LG */
a.fs-title-lg-news{
  display: block;
  font-family: "Adobe Clean Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5rem;  
  color: #464646;  
  margin-bottom: 5px;
}

a.fs-title-lg-news:hover{
  text-decoration: underline !important;  
  color: #00204f;
}

a.fs-category-lg-news{
  display: inline-block;  
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-weight: normal;
  font-size: 0.75rem;
  color: #aa0909; 
  margin-bottom: 3px;  
}

a.fs-category-lg-news:hover {  
  text-decoration: underline !important;  
}


a.btn-anexo{
  display: inline-block;
  /*background-color: #FFC300;
  border-radius: 25px;
  padding: 5px 13px;*/
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-size: 1rem;
  line-height: 1rem;
  color: #00204f;
  font-weight: normal;
  text-transform: none;
}

a.btn-anexo:hover{
  /*background-color: #081224;*/
  color: #aa0909;
  text-decoration: underline !important;  
}

span.btn-anexo-reset{
  display: inline-block;
  /*background-color: #FFC300;
  border-radius: 25px;
  padding: 5px 13px;*/
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-size: 1rem;
  line-height: 1rem;
  color: #b1b1b1;
  font-weight: normal;
  text-transform: none;
}


.fs-cargo{
  display: block;  
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-weight: normal;
  font-size: .85rem;    
}

.fs-nome-diretor{
  display: block;  
  font-family: 'Adobe Clean Bold', sans-serif; 
  font-weight: normal;
  font-size: 1rem;
}


/* FOOTER  */

.fs-footer-title{
  display: block;  
  font-family: 'Adobe Clean Regular', sans-serif; 
  font-weight: normal;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.9); 
  margin-bottom: 3px;  
}

.fs-footer-subtitle{
  display: block;  
  font-family: 'Adobe Clean Light', sans-serif; 
  font-weight: normal;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75); 
  margin-bottom: 3px;
}


.otherNews li:nth-last-child(2n){  
  background-color: #f4f4f4;
}

.list-group-item:first-child{
  padding-top: 0 !important;
}

.list-group-item:last-child{
  padding-bottom: 0 !important;
}

.fs-date-news,
.fs-source-news{
  display: block;  
  font-family: 'Adobe Clean Regular', sans-serif;
  font-size: 0.85rem;  
  font-weight: normal; 
  color: #6d6d6d; 
}


.fs-credit-image{
  font-family: 'Adobe Clean Regular', sans-serif;
  font-size: 0.85rem;  
  font-weight: normal; 
  color: #6d6d6d;
}

/*  TEXTO NEWS
----------------------------------
*/

.text-view p,
.text-view span,
.text-view div{
  font-family: 'Adobe Clean SemiLight', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #1d1d1b !important;
  -ms-text-size-adjust: 100% !important;
  -webkit-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-decoration: none !important;
  text-transform: none !important;  
  letter-spacing: 0 !important;   
}

.text-view iframe{
  width: 100% !important;
}


/*  TAGS
----------------------------------
*/

ul.list-widget li{
  display: inline-block;
}

ul.list-widget li a{
  display: inline-block;
  /*background-color: #f4f4f4;
  border-radius: 25px;
  padding: 10px 13px;*/
  font-family: 'Adobe Clean Regular', sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: normal;  
  color: #aa0909;  
  text-transform: none; 
  margin: 0 5px 5px ;

}

ul.list-widget li a:hover{
  /*background-color: #aa0909;*/
  color: #aa0909;
  text-decoration: underline !important;
}

/* ÁLBUM  */

.cd-title-xs{
  font-family: 'Adobe Clean Regular', sans-serif;
  white-space: normal;
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 1rem; 
  line-height: 1rem;
  font-weight: normal;
   
}

.cd-title-sm{
  font-family: 'Adobe Clean Regular', sans-serif;
  white-space: normal;
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 1.8rem;  
  line-height: 1.8rem;  
  font-weight: normal;
  
}

.cd-title-md{
  font-family: 'Adobe Clean Regular', sans-serif;
  white-space: normal;
  color: rgb(255, 255, 255);
  text-decoration: none;
  line-height: 2rem;  
  font-size: 2rem;  
  font-weight: normal;
  
}



/*

OUTROS

------------------------------------- */

.fs-classificacao .title-grupo{
  font-family: 'Adobe Clean BoldSemiCn', sans-serif;
  white-space: normal;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
    
}

.fs-classificacao tr th,
.fs-artilharia tr th{
  font-family: 'Adobe Clean BoldSemiCn', sans-serif;
  white-space: normal;  
  font-weight: normal;
  font-size: 14px;    
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6 !important;
  color: rgba(0, 0, 0, 0.75);
}

.fs-classificacao tr td{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  line-height: 20px;
  /*letter-spacing: 1px;*/
  /*font-weight: 300;*/
  font-size: 16px;  

}

.fs-classificacao tr:last-child td{
  border-bottom: none;
}


.title-rodada{
  font-family: 'Adobe Clean BoldSemiCn', sans-serif;
  white-space: normal;    
  font-weight: normal;
  font-size: 22px;  
  line-height: 22px;  
  /*border-bottom: 1px solid #e6e6e6;*/  
}

h3.fs-title-h3{

  font-family: 'Adobe Clean BoldSemiCn', sans-serif;
  white-space: normal;    
  font-weight: normal;
  font-size: 22px;  
  line-height: 22px; 
  color: rgba(0, 0, 0, .75);

}

ul.fs-legend{
  font-size: 14px;
  color: rgba(0, 0, 0, .75);
}

ul.fs-legend li{
  display: inline-block;
  margin-right: 5px;
}

ul.fs-legend li span{  
  font-weight: bold;
}


/* ############################### */
/* css jogos */
/* ############################### */


.fs-datahora{
  display: block;
  font-family: 'Adobe Clean SemiLight', sans-serif;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: normal;  
  color: #6d6d6d;
  margin-bottom: 5px;
}

.fs-estadio{
  display: block;
  font-family: 'Adobe Clean Bold', sans-serif;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: normal;  
  color: #6d6d6d;
  margin-bottom: 10px;
}

.fs-nometime{
  font-family: 'Adobe Clean SemiLight', sans-serif;
  white-space: normal;
  font-size: 1.6rem;  
  line-height: 1.6rem;
  /*letter-spacing: -.05rem;*/
  font-weight: normal;  
  color: #464646;
}

.fs-result{
  font-family: 'Adobe Clean Bold', sans-serif;
  white-space: normal;
  font-weight: normal;
  font-size: 2.6rem;
  line-height: normal;
  color: #222;
}

.fs-versus{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: normal;
  color: #b1b1b1;
}


.pr-jogos .nm-time{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  line-height: 14px;
  font-weight: 600;
  font-size: 16px;  
  color: #262f3e;
}

.pr-jogos{
  /*background-color: rgba(0, 0, 0, 0.5);*/
  border-bottom: 1px solid #e3e3e3;
  -webkit-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease; 
}

.pr-jogos:last-child {
  border-bottom: none;
}

.pr-jogos:hover {
  /*background-color: #f8f8f8;*/
}

.pr-jogos .result{
  font-family: 'Adobe Clean Bold', sans-serif;
  white-space: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 30px;
  color: #030a15;
}

.pr-jogos .versus{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 30px;
  color: #c3c3c3;
}

.pr-jogos .cronolog{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  font-weight: 400;
  font-size: 14px;
  color: #030a15;
}

.pr-jogos .cronolog-sm{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  font-weight: 400;
  font-size: 12px;
  color: #030a15;
}

.pr-jogos .cronolog-bn{
  font-family: 'Adobe Clean SemiCn', sans-serif;
  white-space: normal;
  font-weight: 500;
  font-size: 16px;
  color: #030a15;
}

/*  LINK
##################################*/

a.btn-item-grey{
  font-family: 'Adobe Clean BoldSemiCn', sans-serif;
  display: inline-block;
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 6px 12px;
  font-size: 11px;
  line-height: 11px;
  color: #464646;
  font-weight: normal;
  text-transform: uppercase;
}

a.btn-item-grey:hover{
  background-color: #004491;
  color: #f5f5f5;
}


a.btn-readmore{
  font-family: 'Adobe Clean BoldSemiCn', sans-serif;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  color: #464646;
  font-weight: normal;
  text-transform: uppercase;
}

a.btn-readmore:hover{
  color: #203a6f;
  text-decoration: underline !important;
}