/*
SKIN 
*/

/********** Template CSS **********/
:root {
    --primary: #3371A2;
    --secondary: #CBCA00;
    --light: #F5F5F5;
    --dark: #02245B;
}

a {
  color: #CBCA00;
  text-decoration: none;
}

.btn-primary {
 color:#02245B;
 background-color:#CBCA00;
 border-color:#479F4B
}

.btn-primary:hover {
 color:#000;
 background-color:#3371A2;
 border-color:#479F4B
}

.text-primary {
  color: #479F4B !important;
}

.text-secondary {
  color: #CBCA00 !important;
}

.bg-primary {
  background-color: #3371A2 !important;
}


.navbar .navbar-brand {
    background: #ffffffff;
}


/*** Header ***/
.carousel-caption {
   /* background: linear-gradient(to right, rgb(51, 113, 162) 0%, rgba(2, 36, 91, 0) 100%);*/
   background: linear-gradient(to right, rgb(51, 113, 162) 0%, rgba(2, 36, 91, 0) 0%)   ;
}

.facts .border {
  background: var(--primary);
}

.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  padding: 1rem .75rem;
}


.page-header {
    background: linear-gradient(to right, rgba(2, 36, 91, 1) 0%, rgba(2, 36, 91, 0) 0%), url(../home/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}