/* 1 - FONTES E UTILITARIOS*/
/*  */
:root {
  --highlights: #e58e26; /* ou #e58e26 #d58528; */
--titles: #cb6118;
--links: #a34b9d;
--nav: #3b3a36
  /* --highlights: #de6c89;
  --titles: #f44671;
 --links: #cb6118;
  --nav:#41484a;
    --navtext: white; */
}

@font-face {
  font-family: "Regular";
  src: url("../fonts/IBM_Plex_Sans/static/IBMPlexSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Medium";
  font-size:0.5rem;
  src: url("../fonts/IBM_Plex_Sans/static/IBMPlexSans-Medium.ttf") format("truetype");
}

@font-face {
  color:#10586e;
  font-family: "Black";
  src: url("../fonts/IBM_Plex_Sans/static/IBMPlexSans-Bold.ttf") format("truetype");
}

#banner {
  background: url(../assets/banner.png) no-repeat;
  background-position: center 30%;
  background-size: cover;
  width: 100%;
  height: 40vh; /* altura relativa ao ecrã */
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo {
  width: clamp(200px, 30vw, 600px);
  position: absolute;
  top: 50px;
  left: 40px;
  z-index: +10;
}


@media only screen and (min-width: 2000px) and (max-width: 4000px) {
#banner {
   /* border: 5px solid lightcoral; */
    background-position: center 70%;
}
}

@media only screen and (min-width: 1000px) and (max-width: 700px) {
#logo {
    top: 100px;
  left: 40px;
}
}

.nav-wrapper{
  margin-top:-150px !important;
}



@media only screen and (max-width: 1600px) {
  .hide-on-med-and-down {
    display: none !important;
  }

  .button-collapse {
    display: block !important;
  }
}

/* Media Queries for navigation*/
@media screen  and (max-width: 1673px) {
  nav,
  nav .nav-wrapper i,
  nav a.button-collapse,
  nav a.button-collapse i {
    height: 64px;
    line-height: 64px;
  }
}

/* Other styles remain unchanged */
.committees-subtitles {
  font-family: Medium;
  color: var(--black);
}

li .Medium {
  font-family: Medium;
}

a,
a.links {
  font-family: Black;
  color: var(--links);
}

.Medium {
  font-family: Medium;
  color: var(--navtext);
}

.Black {
  font-family: Black;
  color: var(--black);
  font-size: 14pt;
}

.info {
  font-family: Medium;
  font-size: 10pt;
}

html {
  font-size: 0.9rem;
  font-family: Regular;
}

p {

  margin-top: 0;
  margin-bottom: 5px;
}

td {
  padding: 5px;
}

.font4em {
  font-size: 4em;
}

.white-text {
  color: white;
}

.title {
  font-family: Black;
  color: var(--titles);
}

h2 .title {
  color: var(--titles);
}

.circle {
  list-style-type: disc;
}

.red-underline {
  border-bottom: 2px solid #231f20;
}

.white {
  color: #fff;
}

.darkblue-underline {
  border-bottom: 2px solid #231f20;
}

.subtitles-blue {
  color: var(--black);
  font-weight: 400px;
}

.azure {
  background-color: azure;
}

.redline {
  border: 2px solid red;
}

.blueline {
  border: 2px solid turquoise;
}

.greenline {
  border: 2px solid greenyellow;
}

nav {
  background-color: transparent;
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: none;
}

nav ul a {
  font-weight: bolder;
  font-family: Medium;
  text-transform: uppercase;
  font-size: 1rem;
  color: white;
  background-color: var(--nav);
}

nav ul a .mobile {
  font-weight: bolder;
  font-family: Medium;
  text-transform: uppercase;
  font-size: 1rem;
  color: var(--nav);
  background-color: white;
}

.side-nav a {
  color: var(--navtext);
  background: var(--nav);
}

.highlightAreas {
  padding: 20px;
  margin-top: 20px;
  background: var(--highlights);
  color: white;
}

nav ul:hover {
  background-color: var(--highlights);
  color: white;
}

.burger-menu {
  color: white;
}

nav .button-collapse i.material-icons {

  color: var(--nav);
  margin-right: 20px;
  font-size: 5rem;
}

nav {
  display: flex;
  justify-content: flex-end;
}

.main-center {
  width: 85%;
  margin: 0 auto;
}

.ieeelogo {
  width: 200px;
}

.welcome-text {
  padding-top: 50px;
  padding-bottom: 50px;
  line-height: normal;
  font-size: 2em;
  margin: 0 auto;
  text-align: center;
}

.nav-fixed {
  position: fixed;
  right: 20%;
}

.readable-background {
  background-color: rgba(255, 255, 255, 1);
  color: var(--black);
}

.important-dates {
  font-family: Medium;
  color: white;
}

.last-important-date {
  padding-bottom: 20px;
}

.previous-events li a {
  font-family: Regular;
  color: var(--links);
}

.previous-events li a:hover {
  border-bottom: 1px solid var(--highlights);
}

.payment-notes {
  margin-top: 10px;
}

.espaco-pagamento-subtitles {
  margin-left: 20px;
}

.dias {
  background-color: #231f20;
  font-size: 16pt;
  color: #ffffff;
  text-align: center;
}

.horas {
  font-weight: 800;
}

.bebas {
  font-family: Bebas;
}

.sessao {
  background-color: #031620;
  color: white;
}

.keynote-text, .keynote-description {
  padding-left: 15%;
  padding-right: 15%;
}

.keynote-title {
  max-width: 600px;
  margin: 0 auto;
}

footer.page-footer {
  background-color: #231f20;
  font-size: 9pt;
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  height: 100px;
  line-height: 50px;
  color: white;
  background-color: #231f20;
}

.next_button {
  background-color: #231f20;
}

.next_button:hover {
  background-color: var(--highlights);
}

h5.footer-text {
  color: white;
  font-family: Medium;
}

p.footer-text {
  color: white;
  font-family: Medium;
}

a.footer-text {
  color: white;
  font-family: Medium;
}

a.footer-text:hover {
  background-color: var(--highlights);
  color: white;
}

address {
  font-style: normal;
}

.circle-ul {
  list-style-type: circle;
  color: black;
  margin-left: 50px;
}

.circle-copyright {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
}

.a-ol {
  list-style: lower-alpha;
  color: black;
}

.just-a-tab {
  margin-left: 20px;
}

.square-plus-tab {
  list-style: square;
  margin-left: 100px;
}

.square {
  list-style: square;
  margin-left: 50px;
}

.negrito {
  font-family: Black;
}

.links {
  font-family: Medium;
  color: var(--titles);
}

.pcmembers {
  font-family: Medium;
  color: var(--titles);
}

.navVenue {
  width: 200px;
  background-color: #231f20;
  color: white;
}

.navVenue a {
  color: white;
}

.select_eCF {
  display: inherit;
}

h2.registration_platform {
  color: white;
}

.border1:th,
.border1:td {
  border: 1px solid #e7e8ee;
}

i.small {
  color: #bc6129;
}

.previous-events li a.labelProceedings {
  color: #6e5669;
}

.highlight {
  font-family: Medium;
  font-weight: 500;
  color: #bc6129;
}

.line-through {
  color: #031620;
  text-decoration: line-through;
}

.animsition {
 margin-top: 50px;
}

.carousel .carousel-item img {
  width: 200%;
}

.videoIframe {
  text-align: center;
}

.btn_callToAction {
  background-color: #00abc0;
}

.btn_callToAction:hover {
  background-color: #1e7147;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus {
  border-bottom: 1px solid #1e7147 !important;
  box-shadow: 0 1px 0 0 #1e7147 !important;
}

[type="radio"].with-gap:checked+label:after {
  background-color: #1e7147 !important;
}

[type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked+label:after {
  border: 2px solid #1e7147 !important;
}

.hide {
  display: none;
}

.sponsor-logo {
  padding: 5px;
}