:root {
  --darkGreen: #324031;
  --lightGreen: #becfbc;
  --green: #7e947e;
  --bacalisties:  'Bacalisties Regular'; 
}

@font-face {
  font-family: 'Bacalisties Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Bacalisties Regular"), url("../fonts/Bacalisties-2OnXo.woff") format("woff"); 
}

.bacalisties {
  font-family: 'Bacalisties Regular' !important;
  text-transform: none !important; 
}

.sabon {
  font-family: 'Sabon' !important;
  text-transform: none !important; 
}

.h2.sabon {
  font-size: 30px; 
}

.h1.bacalisties {
  font-size: 40px; 
}

.color-darkGreen {
  color: var(--darkGreen) !important; 
}

.color-lightGreen {
  color: var(--lightGreen) !important; 
}

.color-green {
  color: var(--green) !important; 
}

.header.dark-header {
  background: rgba(50, 64, 49, 0.7); 
}

.footer {
  background: var(--darkGreen); 
}

/* WEB-2761 | button for text editor */
.oc-link-green,
.btn-primary {
    display: inline-block;
    min-width: 160px;
    margin: 16px auto;
    padding: 0.4em 2em;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-family: "Futura";
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.oc-link-green:hover,
.btn-primary:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}