@charset "utf-8";

/**
 *------------------------------------------------------------------------------
 * ÁGUAS DE PORTUGAL - ANUAL REPORTS V-1
 *------------------------------------------------------------------------------
 * @website		  resultados.adp.pt
 * @authors     SKYTRAILS
 * @System      j! 4
 *------------------------------------------------------------------------------
 */
/*
  *BASE
  *TOPBAR
  *HEADER
  *MENUS GERAL
  *MENU PRINCIPAL
  *OFFCANVAS Toogler
  *OVERLAY
  *OFFCANVAS 
  *MENU OFFCANVAS 
  *HERO
  *CARDS - SERVIÇOS
  *BREADCRUMBS
  *GOOGLE MAPS
  *MODULO -PARCEIROS
  *FOOTER
  *BACK TO TOP
  *ERROR PAGE
*/
/*////////////////////////////////////////////////
_                 Layout tests
/////////////////////////////////////////////////*/


/*Fields Container*/
ul.fields-container {
  padding: 0;
}
.no-style a {
  color: #222;
  text-decoration: none;
}


/*
  FONTS
*/
:root {
  --font-01: 'Amulya',sans-serif;
  --font-02: 'Satoshi',sans-serif;
  --font-03: "consolas", sans-serif;
  --font-text:  'Open Sans', sans-serif;
  --font-title: 'Poppins', sans-serif;
  --heading-font-family: 'Arial';
  --heading-font-style: inherit;
  --heading-line-height: 1.4;
  --heading-letter-spacing: 0px;
  --h1-size: 40px;
  --h2-size: 32px;
  --h3-size: 28px;
  --h4-size: 24px;
  --h5-size: 20px;
  --h6-size: 16px;
}
/*
  COLORS
*/
:root {
  --primary-color:      #444;
  --secondary-color:    #006dfc;
  --tertiary-color:     #00fca8;
  --dark-color:         rgb(33, 37, 41);
  --grey-dark-color:    rgb(108, 117, 125);
  --grey-color:         lightgray;
  --grey-light-color:   rgb(233, 236, 239);
  --light-color:        rgb(248, 249, 250);
  --color-link:         rgb(248, 249, 250);
  --color-hover:        rgb(248, 249, 250);
}
/*
  BODY
*/
:root {
  --body-bg: #FFF;
  --body-color: rgb(0, 64, 112);
  --body-font-family: verdana, arial, sans-serif;
  --body-font-size: 1.2rem;
  --body-font-weight: 400;
  --body-font-style: normal;
  --body-line-height: 1.7;
  --body-letter-spacing: 0px;
  --body-text-align: inherit;
}
/*
* ADP
*/
:root {
  --adp-logo-cyan: rgb(135, 203, 242);
  --adp-logo-blue: rgb(0, 64, 112);
  --adp-logo-green: rgb(0, 122, 55);
  --adp-comp-1: rgb(35, 130, 161);
  --adp-comp-2: rgb(208, 208, 206);
  --adp-comp-3: rgb(138, 141, 143);
  --adp-link: rgb(35, 130, 161);
  --pdf-blue: #004B85;
  --pdf-grey: rgb(226, 229, 236);
  --pdf-dark-grey: rgb(173, 183, 201);
  --pdf-green: rgb(105, 176, 97);
  --pdf-map-green: #8BC53F;
  --pdf-darker-grey: #6b6c6f;
  --font-text: Verdana, Arial, sans-serif;
  --font-title: 'Akrobat', Arial, sans-serif;
  --font-heading: 'Akrobat', Verdana, Arial, sans-serif;
} 

h1, .heading {
  font-family: var(--font-heading);
  font-weight: 900 !important;
  font-size: clamp(2.2rem, -0.5rem + 4vw, 2.8rem) !important;
  line-height: 1.3;
  text-transform: uppercase;
}
h2, .title{
  font-family: var(--font-heading);
  font-weight: 900 !important;
  font-size: clamp(2rem, -0.5rem + 4vw, 2.2rem) !important;
  line-height: 1.3;
  text-transform: uppercase;
}
h3, .sub-title{
  font-family: var(--font-heading);
  font-weight: 900 !important;
  font-size: clamp(1.9rem, -0.5rem + 4vw, 2.1rem) !important;
  line-height: 1.3;
  text-transform: uppercase;
}
h4, .md-title{
  font-family: var(--font-heading);
  font-weight: 700 !important;
  font-size: clamp(1.6rem, -0.5rem + 4vw, 1.8rem) !important;
  line-height: 1.3;
}
h5, .sm-title{
  font-family: var(--font-heading);
  font-weight: 900 !important;
  font-size: 1.4rem !important;
  line-height: 1.3;
  text-transform: uppercase;
}
h5.minus{
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  color: rgb(135, 203, 242);
  margin-bottom: .2rem;
}

h6, .intro-txt{
  font-family: var(--font-text);
  font-weight: 400 !important;
  font-size: clamp(1.1rem, -0.5rem + 4vw, 1.2rem) !important;
  line-height: 1.4;
}
.txt-lg {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  line-height: 1.25;
}
p.txt-sm {
  font-family: var(--font-heading);
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 700 !important;
}

p, .md-txt{
  font-family: var(--font-text);
  font-size: 1rem;
}
.info-txt{
  font-family: var(--font-text);
} 
.sm-txt{
  font-family: var(--font-heading);
} 

.counter {
  margin-bottom: 5rem;
}
.counter h3{
  margin: 0;
}
.counter strong{
  font-family: var(--font-title);
  font-weight: 900;
}
.counter b{
  font-family: var(--font-title);
  font-weight: 700;
}
span.count-number {
  font-size: 2.8rem;
  font-family: var(--font-title);
  color: var(--adp-logo-blue);
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
}		
span.count-number + span {
  font-size: 2.6rem;
  font-family: var(--font-title);
  color: var(--adp-logo-blue);
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
  /* color:var(--adp-logo-cyan) */
}			
.counter i {
  font-family: var(--font-heading);
  font-style: normal !important;
  font-size: 1.5rem;
  font-family: var(--font-title);
  text-align: center;
  color: #69b061;
}					
.counter i.count-number {
  font-family: var(--font-heading);
  font-size: 1.6rem;
}		
.counter p {
  font-family: var(--font-heading);
  text-transform: uppercase;
}		
.data-txt{
  font-family: var(--font-text);
}
body, .txt {
  font-family: var(--font-text);
}
h1, h2, h3, h4, h5, h6 {
  font-style: inherit;
  letter-spacing: -0.2px;
  margin: 10px 0 20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: var(--adp-link);
    text-decoration: none;
}
.big-h{
    font-size: 3rem;
    font-family: var(--font-heading);
    font-size: clamp(1.2rem, 3.4vw + 1rem, 4rem);
    font-weight: 700;
    line-height: 1.1em;
}
.big-h + *{
  margin-top: 3em;
}

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

a {
  color: #224faa;
  text-decoration: underline;
}
a:focus, a:hover {
  color: #424077;
}
.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 {
  padding: 50px 0;
}
iframe {
  border:0;
}
.modal iframe {
width:100%;
}
 /*==============================================/
   PAGINATION
*/
/*centrar os elementos*/
.pagenavigation {
  margin: auto;
  max-width: 240px;
}
.pagination {
margin:3rem 0;
}
.btn.btn-sm.btn-secondary.next {
  margin-left: auto;
}


 /*==============================================/
   Tool tips e Joomedit
*/
/*Frontoffice edit articles*/
.icons a {
  color: #234fa8;
}
.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;
}
:focus + [role="tooltip"], :hover + [role="tooltip"] {
  display: block;
  position: absolute;
}
.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;
}

/*////////////////////////////////////////////////
-                 TESTS
/////////////////////////////////////////////////*/
#system-message-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
/*retira o padding à esquerda dos icons nos menus e submenus*/
.nav-item .p-2.lnr{
  padding-left: 0 !important;
}



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


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

_                     HEADER
////////////////////////////////////////////////////*/
.header{
  background-color: hsla(0, 0%, 100%, 0.9);
  backdrop-filter: blur(5px);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.03);
}
.container-navbar{
  background-color: transparent;
}
/*#main-navbar { 
  box-shadow: 0 3px 3px rgba(0, 0, 0, .075);
}
  /*LOGOTIPO*/
  .logo-content, .field-value {
    height: 100%;
    width: 100%;
  }
  #logo {
    height: 70px;
  }

 /*==============================================/
   GOOGLE MAPS
*/
#bottom-a .container {
  max-width: 100%;
  padding: 0;
}
#bottom-a .g-map > div, #bottom-a .g-map iframe{
  height: 380px;
}



 /*==============================================/
   BACK TO TOP
*/
.back-to-top-link {
  position: fixed;
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
  background-color: #FF7F6B;
  border: 1px solid #FF7F6B;
  border-radius: 100%;
  bottom: 1rem;
  inset-inline-end: 1rem;
  padding: 1em 1.1em;
  pointer-events: none;
  opacity: 0;
  transition: 
    opacity .6s ease-in,
    color .3s ease-in-out, 
    background-color .3s ease-in-out;
  z-index: 10000;
}
.back-to-top-link:hover {
  color: #fff;
  background-color: #ff6a53;
  border: 1px solid #ff6a53;
}
.back-to-top-link:focus {
  color: #fff;
}
.back-to-top-link.visible {
  opacity: 1;
  bottom: 1rem;
  pointer-events: all;
}



/*NOVO CUSTOM MODULO DO OFF-CANVAS MENU*/
#row-off-01 { /*Logotipo*/
  border-bottom: 1px solid #2F3542;
  padding-bottom: 40px;
  margin: auto;
  padding: 0 0 35px 0;
  width: 100%;
  justify-content: center;
}
#row-off-02 a:hover{
  color: #476EB4;
}
#row-off-02 { /*Telefone*/
  margin: auto;
  padding: 35px 0;  
  text-align: center;
}
#row-off-03 { /*Morada*/
  border-bottom: 1px solid #2F3542;
  padding-bottom: 40px;
  margin: auto;
  margin-bottom: 25px;
}
#row-off-03 p {
  line-height: 20px;
  font-size: 16px;
  margin: auto;
  margin-bottom: 25px;
}
#row-off-04{
  justify-content: center;
  }
#row-off-04 .col-auto{
padding-right: 10px;
padding-left: 10px;

}
.off-icon{
display: block;
}
.off-icon-md{
width: 59px;
height: 59px;
margin: auto;
}
.off-icon-sm{
width: 43px;
height: 43px;
margin: auto;
}

#off-tel,#off-gmaps,#off-mail,#off-facebook,#off-youtube{
background-repeat: no-repeat; 
background-position: center top;
}
#off-tel{
background-image: url("img/off-tel-b.png");
margin-bottom: 10px;
}
#off-gmaps{
background-image: url("img/off-gmaps.png");
}
#off-mail{
background-image: url("img/off-mail-b.png");
}
#off-facebook{
background-image: url("img/off-facebook-b.png");
}
#off-youtube{
background-image: url("img/off-youtube-b.png");
}

a:hover > #off-tel,
#off-gmaps:hover,
#off-mail:hover,
#off-facebook:hover,
#off-youtube:hover{
background-position: center bottom;
}

/* a:hover > .p-tel{
  color: #3769D2;
} */
a.a-off-tel{
  text-decoration: none !important;
  font-size: 16px;
}
.t4-offcanvas p {
  text-align: center;
}

/*MODULO CUSTOM DO SAMPLE CONTENT CASSIOPEIA*/
.mod-custom.custom.banner-overlay{
  background-attachment: fixed;
  background-position: top,50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 70vh;
  position: relative;
}

.mod-custom.custom.banner-overlay .overlay {
  align-items: center;
  background-color: rgba(0,0,0,.5);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 1em;
  text-align: center;
}
ul {
  list-style-type: none !important;
}
li {
  list-style-type: none !important;
}