/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:root {
  /* --primary-colors --*/
  --white-ish:#F9F7F7;
  --light-gray: #DBE2EF;
  --bluish-gray: #e4e9f1;
  --green-light:#1abc9c;
  --blue-medium: #0077b6;
  --blue-medium-rgb: rgb(0, 119, 182);
  --blue-dark:#0f4c75;
  --green-dark:#004526;
  --dark-b: #003566;
  --gray-black: #415a77;
  --darker-b:#1B262C;

  /* https://colorhunt.co/palette/f9f7f7dbe2ef3f72af112d4e */
}

html, body {
    height:100%;
}

/* Use the root variable for primary color in your CSS */
body {
  /* background-color: var(--light-gray); */
  /* font-family: "Open Sans", sans-serif; */
  font-family: 'Ubuntu Sans', sans-serif;
  color: var(--gray-black);
  /* padding-bottom: 600px; */

  
  
}

/* .nav-item:hover {
	background-color:var(--blue-dark);

} */

/* .navbar-brand{
	color:var(--light-gray) !important;
	font-size:1.75rem !important;
    font-weight: 700;
} */

.nav-link{
	color:var(--darker-b) !important;
}

.navbar-expand-lg{
    font-size:1.15rem !important;
}

/* On click (active) */
/* .navbar .nav-link:active,
.navbar .nav-link.active {
  color: var(--green-light) !important;
  background-color: transparent !important;
} */

/* On focus (keyboard or mouse click outline) */
/* .navbar .nav-link:focus {
  color: var(--green-light) !important;
  background-color: transparent !important; 
  outline: none !important;       
  box-shadow: none !important;   
} */

/* On focus (keyboard or mouse click outline) */
/* .navbar .nav-link:focus {
  color: var(--green-light) !important;
  background-color: transparent !important; 
  outline: none !important;       
  box-shadow: none !important;    
} */



/* buttons */

a {
  color:var(--green-light);
}

a:hover {
  color: var(--green-light) !important;
  text-decoration: none !important;
  /* font-size:1.3rem !important; */
}

h1, h2, h3, h4, h5, h6 {
  /* font-family: "Raleway", sans-serif;
   */
   font-family: 'Ubuntu Sans', sans-serif;
}


/* footer */

.footer-lemos {
  background-color: var(--light-gray);
  font-size: small;
}

.footer-lemos-nifme {
    background-color: var(--darker-b);
    font-size: smaller;
  }

.footer-icons{
    color: var(--blue-light);   
}

.footer-icons:hover{
    color: var(--blue-medium);   
}

::selection {
  background: var(--green-light);
  color: var(--white-ish); 
}




/* #page-container {
    position: relative;
    min-height:93vh;
  }
  
#content-wrap {
    padding-bottom: 2.5rem; 
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;         
    
} */