/* typography */

html {
    font-family: freight-sans-pro, sans-serif;
    font-feature-settings: 'pnum' on, 'lnum' on;
    scroll-behavior: smooth;
}

body, form, input, select, option  {
    font-family:inherit;

}

.fw-400 {
    font-weight:400;
}

.fw-600 {
    font-weight:600;
}


.fw-700 {
    font-weight:700;
}

/* button shape and color */
.btn {
    border-radius:50px;
  }

 .btn-primary {
    background-color:#4b7d67;
    border-color:#4b7d67;
  }

 .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .open>.dropdown-toggle.btn-primary  {
    background-color:#4b7d67;
    border-color:#4b7d67;
  }

/* checkbox color classes */
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #4b7d67;
    border-color:  #4b7d67;
  }
  
  .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    background-color: #4b7d67; 
  }

a, a:visited {
    color: #211103 !important ; 
}

a.hover,  a:active {
    color: #522b47 !important ;
    text-decoration: none !important ;   
}

/* header searech box */

.headsearch {
    background-color: #F4F3F2;
    border-radius:50px;
    border-width:0;
    margin-top:15px;
    width:200px;
    display:inline-block;
}

@media screen and (max-width: 600px) {

.headlogo { 
    width:125px;
    height:auto;
}
.headsearch {
    width:125px;
}
}

/* text or object color classes */

.text-hhblack {
    color: #211103;
}

.text-hholive {
    color: #4b7d67;
}

.text-hhburgundy{
    color: #522b47;
}

.text-hhteal {
    color: #8daa9d;
}

.text-hhwhite {
    color: #fbf5f3;
}

.text-hhblack {
    color: #211103;
}

.text-hhmoon1 {
    color: #f4f3f2;
}

.text-hhmoon2 {
    color: #e9e7e6;
}

.text-hhmoon3 {
    color: #d3cfcd;
}

.text-hhdkmoon1 {
    color: #a6a09a;
}

.text-hhdkmoon2 {
    color: #7a7068;
}

.text-hhdkmoon3 {
    color: #4d4135;
}

.text-hhalert {
    color: #f1c40f;
}

.text-hhsuccess {
    color: #2ecc71;
}

.text-hhfailure {
    color: #e74c3c;
}

/* background color classes */

.bg-hhblack {
    background-color: #211103;
}

.bg-hholive {
    background-color: #4b7d67;
}

.bg-hhburgundy{
    background-color: #522b47;
}

.bg-hhteal {
    background-color: #8daa9d;
}

.bg-hhwhite {
    background-color: #fbf5f3;
}

.bg-hhblack {
    background-color: #211103;
}

.bg-hhmoon1 {
    background-color: #f4f3f2;
}

.bg-hhmoon2 {
    background-color: #e9e7e6;
}

.bg-hhmoon3 {
    background-color: #d3cfcd;
}

.bg-hhdkmoon1 {
    background-color: #a6a09a;
}

.bg-hhdkmoon2 {
    background-color: #7a7068;
}

.bg-hhdkmoon3 {
    background-color: #4d4135;
}

.bg-hhalert {
    background-color: #f1c40f;
}

.bg-hhsuccess {
    background-color: #2ecc71;
}

.bg-hhfailure {
    background-color: #e74c3c;
}