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

:root {
  /* --primary-colors --*/
  --white-ish:#F9F7F7;
  --light-gray: #DBE2EF;
  --blue-light:#669bbc;
  --blue-medium: #0077b6;
  --blue-dark:rgb(15, 76, 117);
  --dark-b: #003566;
  --gray-black: #415a77;
  --darker-b:#1B262C;

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


h4,h5, p, ul>li, .btn-blue{
    font-family: 'Ubuntu Sans', sans-serif;
}

/* body > div > ol:nth-child(7) > li > button > a */

.btn-blue{
    color: var(--white-ish) !important;
    background-color: var(--blue-light);
	border: 2px solid var(--blue-medium);
}  

.btn-blue > a{
    color: var(--white-ish);
    /* background-color: var(--blue-medium); */
    border-color: var(--light-gray);
}

button:hover{
    font-size:1.0001rem ;
    background-color: var(--blue-medium);
    /* color: var(--white-ish) !important; */
}

button > a {
    color: var(--white-ish) !important; 
}

button > a:hover{
    color: var(--white-ish) !important;
    text-decoration: none;
}


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

  a:hover {
    color: var(--blue-medium) ;
    text-decoration: none !important;
    /* font-size:1.3rem !important; */
  }
  
  .fa-fw{
    color: var(--blue-medium) ;
  }

  .social-icons {
    list-style-type: none;
  }
  

.ref-journal{
    font-weight: 600; 
    font-style: italic;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:var(--blue-medium);
}

/* .pl-5{
	padding-left: 100px !important;
} */