/* @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap'); */

:root {
  /* --color-theme: #3f553c; */
  /* --color-theme-dark: #172c16; */

  /* --color-theme: #4a6a47;
  --color-theme-dark: #203f1f;
  --color-theme-darker: #172c16;
  --color-theme-light: #598655; */

  --color-theme: #598655;
  --color-theme-dark: #4a6a47;
  --color-theme-darker: #203f1f;
  --color-theme-light: #779873;

  --color-theme-yellow: #f4f4c8;

  --color-theme-opacity: rgba(74, 106, 71, 0.5);
  --color-theme-dark-opacity: rgba(32, 63, 31, 0.5);
}

a {
  color: var(--color-theme);
}

a:hover {
  color: var(--color-theme-darker);
}

.btn-primary {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}

.btn-primary:hover {
  background-color: var(--color-theme-dark);
  border-color: var(--color-theme-darker);
}

.btn-primary:focus, .btn-primary.focus {
  background-color: var(--color-theme-dark);
  border-color: var(--color-theme-darker);
  -webkit-box-shadow: 0 0 0 0.15rem var(--color-theme-opacity);
          box-shadow: 0 0 0 0.15rem var(--color-theme-opacity); 
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--color-theme);
  border-color: var(--color-theme); 
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--color-theme-darker);
  border-color: var(--color-theme-darker); 
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem var(--color-theme-opacity);
          box-shadow: 0 0 0 0.15rem var(--color-theme-opacity); 
}

.btn-outline-primary {
  color: var(--color-theme);
  border-color: var(--color-theme); 
}

.btn-outline-primary:hover {
  background-color: var(--color-theme);
  border-color: var(--color-theme); 
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.15rem var(--color-theme-opacity);
          box-shadow: 0 0 0 0.15rem var(--color-theme-opacity); 
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--color-theme);
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--color-theme);
  border-color: var(--color-theme); 
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.15rem var(--color-theme-opacity);
          box-shadow: 0 0 0 0.15rem var(--color-theme-opacity); 
}

.btn-link {
  color: var(--color-theme);
}

.btn-link:hover {
  color: var(--color-theme-darker);
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: var(--color-theme);
  border-color: var(--color-theme);
  background-color: var(--color-theme); 
}
  
.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.1rem var(--color-theme-dark-opacity);
          box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.1rem var(--color-theme-dark-opacity); 
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--color-theme);
  background-color: var(--color-theme); 
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: var(--color-theme-opacity); 
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: var(--color-theme-opacity); 
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: var(--color-theme-opacity);
}

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.1rem var(--color-theme-opacity);
          box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.1rem var(--color-theme-opacity); 
}

.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fafbfe, 0 0 0 0.1rem var(--color-theme-opacity); 
}

.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-range::-ms-thumb {
  background-color: var(--color-theme);
}

.page-item.active .page-link {
  background-color: var(--color-theme);
  border-color: var(--color-theme); 
}

.badge-primary {
  background-color: var(--color-theme); 
}

a.badge-primary:hover, a.badge-primary:focus {
  background-color: var(--color-theme-dark);
}

a.badge-primary:focus, a.badge-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem var(--color-theme-opacity);
          box-shadow: 0 0 0 0.2rem var(--color-theme-opacity); 
}

.list-group-item-primary {
  color: var(--color-theme-dark); 
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: var(--color-theme-dark);
}

.list-group-item-primary.list-group-item-action.active {
  background-color: var(--color-theme-dark);
  border-color: var(--color-theme-dark); 
}

.bg-primary {
  background-color: var(--color-theme-darker) !important; 
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--color-theme-dark) !important; 
}

.border-primary {
  border-color: var(--color-theme) !important; 
}

.text-primary {
  color: var(--color-theme) !important; 
}

a.text-primary:hover, a.text-primary:focus {
  color: var(--color-theme) !important; 
}

.btn-primary {
  -webkit-box-shadow: 0 0 0 var(--color-theme-opacity);
          box-shadow: 0 0 0 var(--color-theme-opacity); 
}

.badge-primary-lighten {
  color: var(--color-theme);
  background-color: var(--color-theme-opacity); 
}

.badge-primary-lighten[href]:hover, .badge-primary-lighten[href]:focus {
  color: var(--color-theme);
  background-color: var(--color-theme-opacity);
}

.badge-outline-primary {
  color: var(--color-theme);
  border: 1px solid var(--color-theme);
}

.badge-outline-primary[href]:hover, .badge-outline-primary[href]:focus {
  color: var(--color-theme);
  background-color: var(--color-theme-opacity); 
}

.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label:before,
.custom-radio-primary .custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--color-theme);
  border-color: var(--color-theme); 
}

.ribbon-box .ribbon-primary {
  background: var(--color-theme); 
}

.ribbon-box .ribbon-primary:before {
  border-color: var(--color-theme-dark) transparent transparent; 
}

.ribbon-box .ribbon-two-primary span {
  background: var(--color-theme)
}

.ribbon-box .ribbon-two-primary span:before {
  border-left: 3px solid var(--color-theme-dark);
  border-top: 3px solid var(--color-theme-dark); 
}

.ribbon-box .ribbon-two-primary span:after {
  border-right: 3px solid var(--color-theme-dark);
  border-top: 3px solid var(--color-theme-dark); 
}

input[data-switch="primary"]:checked + label {
  background-color: var(--color-theme);
}

.bg-primary-lighten {
  background-color: var(--color-theme-opacity) !important; 
}

[data-simplebar-primary] .simplebar-scrollbar:before {
  background: var(--color-theme);
}

.jq-toast-single {
  background-color: var(--color-theme);
}

.jq-icon-primary {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}

.bootstrap-timepicker-widget table td input {
  background-color: var(--color-theme);
}

.editor-toolbar a:hover, .editor-toolbar a.active {
  color: var(--color-theme) !important;
}

.topnav {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--color-theme-dark)), to(var(--color-theme-darker)));
  background: linear-gradient(to bottom, var(--color-theme-dark), var(--color-theme-darker)); 
}

.text-theme-yellow {
  color: var(--color-theme-yellow) !important;
}

.font-logo {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1em;
  text-transform: capitalize;
}

@media (max-width: 419.98px) {
  .font-logo {
    font-size: 1.2rem;
  }    
}