:root{
    --light-blue: #004071;
    --dark-blue: #013553;
    --total-white: #ffffff;
    --light-grey: #f5f5f5;
}

/* GLOBAL SETTINGS */
* {
    font-family: "Titillium Web", sans-serif !important;
}

.bg-light-blue{
    background-color: var(--light-blue)
}

.bg-dark-blue{
    background-color: var(--dark-blue)
}

.bg-total-white{
    background-color: var(--total-white)
}

.bg-light-grey{
    background-color: var(--light-grey)
}

.text-light-blue{
    color: var(--light-blue)
}

.text-dark-blue{
    color: var(--dark-blue)
}

.text-light-grey{
    color: var(--light-grey)
}

.text-total-white{
    color: var(--total-white)
}

/* CUSTOM CLASSES */
.bg-hero{
    background-image: url(./img/bg-hero-ateneo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

hr.new {
  border: 1px solid var(--light-blue);
  width: 50px;
}

.box-shadow{
    transition: box-shadow 0.3s ease-in-out;
}

.box-shadow:hover{
    box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.1);
}

.btn-custom {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--light-blue);
  --bs-btn-border-color: var(--light-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--dark-blue);
  --bs-btn-hover-border-color: var(--dark-blue);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--dark-blue);
  --bs-btn-active-border-color: var(--dark-blue);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--light-blue);
  --bs-btn-disabled-border-color: var(--light-blue);
  --bs-btn-font-size: 16px !important;
}

.bg-intermediate{
    background-image: url(./img/bg-hero-tocco.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}