body {
    background-color: #960019;
    --bs-body-font-family:  'Cardo', serif;
    color: #bf9b30;/* custom gold */

    /*left & right backgrounds*/
    background-image: url("../img/st_Demetrius/Womens_Loft_3.jpg") , url("../img/st_Demetrius/Womens_Loft_2.jpg");
    background-position: left, right;
    background-repeat: repeat-y, repeat-y;
    background-size: 1.33% auto;    
}

/*navigation bar gradient*/
.gradient {
  background: linear-gradient(120deg, #052A71, #0B4A9E);
  color: #fff;
}

/*under the slider text*/
.text-bg-info {
  color: #FDF1CB !important;
  /*background-color: RGBA(96, 145, 239, var(--bs-bg-opacity, 1)) !important;*/
  background-color: #0B4A9E !important;
}

.special-skill-item .icon {
  background-color: #0B4A9E;
}

.page-footer a {
  color: #470026;
}

.page-footer .social-icons a {
    color: #FDF1CB;
    background-color: #0B4A9E;
}

.btn-outline-primary {
  --bs-btn-color: #f5f5f5; /*#cfb53b;*/
  --bs-btn-border-color: #0B4A9E;
  --bs-btn-hover-color: #FDF1CB;
  --bs-btn-hover-bg: #0B4A9E;
  --bs-btn-hover-border-color: #0B4A9E;
  --bs-btn-active-color: #FDF1CB;
  --bs-btn-active-bg: #0B4A9E;
  --bs-btn-active-border-color: #0B4A9E;
  --bs-btn-disabled-color: #0B4A9E;
  --bs-btn-disabled-border-color: #0B4A9E;
}

.btn-primary {
    --bs-btn-bg: #950119;                       /*500*/
    --bs-btn-border-color: #950119;             /*500*/
    --bs-btn-hover-bg: #800021;                 /*600*/
    --bs-btn-hover-border-color: #6B0025;       /*700*/
    --bs-btn-active-bg: #6B0025;                /*700*/
    --bs-btn-disabled-bg: #950119;              /*500*/
    --bs-btn-disabled-border-color: #950119;    /*500*/
}

.portfolio-block form {
    background-color: #3B7CC4;
}

/* .portfolio-block { //WE'LL SEE
  padding-bottom: 1.5em;
  padding-top: 1.5em;
} */

/* !!! color black, not gold */
/* ------------------------- */
.special-skill-item h3, .special-skill-item .h3 {
  color: black;
}
.page-footer a {
  color: #bf9b30;
}
.portfolio-block.projects-with-sidebar .sidebar .active {
  color: #c5a544;
}
.portfolio-block.projects-with-sidebar a {
  color: #bf9b30;
}
.form-label {
  color: white;
}

/* do not wrap categories in mobiles */
@media (max-width: 768px){
  .portfolio-block.projects-with-sidebar .sidebar {
    white-space: nowrap;
  }
}