/* 
$primary: #00346b;
$secondary: #00adef;
$accent: #f7f7f7;
$dark: #000000;
$light: #FFFFFF;
*/

/* ================================= 
        Primary Color 
==================================== */
/* ----- Background Color Primary ----- */
.bg-primary,
.bg-primary-hover:hover,
.bg-primary-active.active {
  background-color: #00346b;
}

/* ----- Text Color Primary ----- */
.text-color-primary,
.text-color-primary-hover:hover {
  color: #00346b;
}

/* ----- Border Color Primary ----- */
.border-color-primary {
  border-color: #00346b;
}

.bg-primary-hover a:hover {
  color: #00346b;
}

/* =================================
            Secondary Color 
==================================== */
/* ----- Background Color Secondary ----- */
.bg-secondary,
.bg-secondary-hover:hover,
.active .bg-secondary-active {
  background-color: #00adef;
}

/* ----- Text Color Secondary ----- */
.text-color-secondary,
.text-color-secondary-hover:hover,
.active .text-color-secondary-active {
  color: #00adef;
}

/* ----- Border Color Secondary ----- */
.border-color-secondary {
  border-color: #00adef;
}

.bg-primary-hover a:hover {
    color: #00adef;
}

/* =================================
        Accent Color 
==================================== */
/* ----- Background Color Accent ----- */
.bg-accent,
.bg-accent-hover:hover {
  background-color: #f7f7f7;
}

/* ----- Text Color Accent ----- */
.text-color-accent, .text-color-accent-hover:hover {
  color: #f7f7f7;
}

/* ----- Border Color Accent ----- */
.border-color-accent {
  border-color: #f7f7f7;
}

.bg-accent-hover a:hover {
    color: #f7f7f7;
}

/* =================================
        Light Color 
==================================== */
/* ----- Background Color Light ----- */
.bg-light {
    background-color: #ffffff;
  }
  
  /* ----- Text Color Light ----- */
  .text-color-light,.text-color-light-active, .text-color-light-hover:hover {
    color: #ffffff;
  }
  
  /* ----- Border Color Light ----- */
  .border-color-light, .border-color-light-hover:hover {
    border-color: #ffffff;
  }

  /* =================================
        Dark Color 
==================================== */
/* ----- Background Color Dark ----- */
.bg-dark {
    background-color: #000000;
  }
  
  /* ----- Text Color Dark ----- */
  .text-color-dark, .text-color-dark-hover:hover {
    color: #000000;
  }
  
  /* ----- Border Color Dark ----- */
  .border-color-dark, .border-color-dark-hover:hover {
    border-color: #000000;
  }

  /* =================================
        Buttons Styles 
==================================== */

    a.bg-light {
        border: 1.6px solid;
        border-color: #ffffff;
    
        &:hover {
        background-color: transparent;
        border-color: #ffffff;
        color: #ffffff;
        }
    }
  
    a.bg-secondary {
        color: #00adef;
        border: 1.6px solid;
    
        &:hover {
        background-color: transparent;
        border-color: #00adef;
        }
    }
    
    a.bg-dark{
        color: #ffffff;
        border: 1.6px solid;

        &:hover {
        background-color: #ffffff;
        border-color: #3C3C3C;
        color: #3C3C3C;
        }
    }