/*
#   Design & Development by:
#    ___      _ ___    _           _ _      _         
#   | _ \_  _(_) __|__| |_ _ _ ___| (_)_ _ | |_  __ _ 
#   |   / || | | _|(_-<  _| '_/ -_) | | ' \| ' \/ _` |
#   |_|_\\_,_|_|___/__/\__|_| \___|_|_|_||_|_||_\__,_|
#
#   Email: ruiestrelinha@gmail.com                                                     
*/

body {
  height: 100%;
  color: #362C28;
}

html {
  width: 100%;
  height: 100%;
}

/*OVERRIDE DEFAULT LINK COLORS*/
a:link {
  color: #362C28;
}

a:visited {
  color: #362C28;
}

a:hover {
  color: #FEF9EF;
}

a:active {
  color: #FEF9EF;
}

/*CUSTOM LINKS 1 LINK COLORS*/
.custom-links-1 a:link {
  color: #FE6D73;
}

.custom-links-1 a:visited {
  color: #FE6D73;
}

.custom-links-1 a:hover {
  color: #FFCB77;
}

.custom-links-1 a:active {
  color: #FFCB77;
}

/*CUSTOM LINKS 2 LINK COLORS*/
.custom-links-2 a:link {
  color: #362C28;
}

.custom-links-2 a:visited {
  color: #362C28;
}

.custom-links-2 a:hover {
  color: #362C28;
}

.custom-links-2 a:active {
  color: #362C28;
}

#wrapper {
  height: 100%;
}

.navbar-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  /* height: 60px; */
  /* background: #c5111c; */
  padding: 7px 5px 7px 5px;
  z-index: 3;
  /* border-bottom: 1px solid #362C28; */
  font-family: 'Amatic SC';
  font-size: 2.2rem;
}

.navbar-menu-active {
  background: rgb(255, 203, 119);
  background: linear-gradient(90deg, rgba(255, 203, 119, 1) 0%, rgba(254, 109, 115, 1) 100%);
  transition: 300ms;
}

.navbar-menu-inactive {
  background: transparent;
  transition: 300ms;
}

#menu-popup {
  display: none;
  position: fixed;
  /* background-color: #FEF9EF; */
  background: rgb(255, 203, 119);
  background: linear-gradient(90deg, rgba(255, 203, 119, 1) 0%, rgba(254, 109, 115, 1) 100%);
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.navbar-menu-pills {
  padding: 5px 0;
}

.menu-size {
  font-size: 35px;
  /*padding: 8px 0 5px 0;*/
  padding: 0;
}

.corridadanazare {
  width: 214px;
}

#layer-effect {
  width: 100%;
  height: 100%;
  background: rgba(242, 187, 5, .75);
  background: linear-gradient(90deg, rgba(242, 187, 5, .75) 0%, rgba(254, 109, 115, .75) 100%);
  opacity: .75;
}

#backstretch {
  width: 100%;
  height: 100%;
}

.title-section {
  font-family: 'Amatic SC';
  font-size: 4rem;
}

.title-sub-section {
  font-family: 'Amatic SC';
  font-size: 2.8rem;
}

#inicio {
  height: 100vh;
  /*padding-top: 150px;*/
  text-align: center;
  background: #ffffff;
  color: #362C28;
}

#countdown-wrap {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  color: #362C28;
  font-family: 'Amatic SC';
}

#countdown-wrap ul {
  padding: 0;
}

#countdown-wrap li {
  display: inline-block;
  font-size: 3em;
  list-style-type: none;
  padding: .5em;
  text-transform: uppercase;
}

.countdown-margin-right {
  margin-right: 1.2em;
}

#countdown-wrap li span {
  display: block;
  font-size: 10rem;
}

@media all and (max-width: 768px) {
  #countdown-wrap h1 {
    font-size: calc(1.5rem * 1.1);
  }

  #countdown-wrap li {
    font-size: calc(1.8rem * 1.1);
  }

  #countdown-wrap li span {
    font-size: calc(5rem * 1.1);
  }
}

#mobile-fix {
  max-height: 1px;
  /*background: #ffffff;*/
}

#parceiros {
  min-height: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  /* background-color: #edbb1a; */
  background: rgb(255, 203, 119);
  background: linear-gradient(90deg, rgba(255, 203, 119, .7) 0%, rgba(197, 17, 28, .7) 100%);
  color: #362C28;
}

.parallax {
  min-height: 550px;
  background: transparent;
}

#acorrida {
  min-height: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  background: #ffffff;
}

#foiassim {
  min-height: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
  background: #ffffff;
}

#percurso {
  min-height: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  background: #ffffff;
}

#inscricao {
  min-height: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  background: #ffffff;
}

#contactos {
  min-height: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  background: #ffffff;
}

@media only screen and (max-width: 768px) {
  .txt-responsive {
    font-size: 1.3rem;
  }
}