:root {
  --primary: #384048;
  --textfont: #555555;
  --red: #cc3d0f;
  --h1Gradient: linear-gradient(-90deg, red, #cc3d0f);

  --sinopia: #cc3d0fff;
  --black: #000001ff;
   
  --tekhelet: #4d2091ff;
  
  --emerald: #0cce6bff;
  --pear: #dced31ff;
  --bs-danger: var(--pear);

  --bs-primary: var(--tekhelet);
  --bg-primary: var(--tekhelet);
  --bs-primary-bg: var(--tekhelet);
  --bs-primary-rgb: 77,32,145;
  
  --bs-success: var(--emerald);
  --bs-card-title-color: var(--tekhelet);

  --primary: var(--tekhelet);
  --textfont: #555555;
  --red: var(--sinopia)


  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}

html,
body {
  color: var(--textfont);
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  /* font-size: 1.1rem; */
  font-size: 17px;
  font-weight: 300;
}

html {
  /*  overflow: hidden;  */
  scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6,svg {
  color: var(--bs-primary)
}
.accordion-item .accordion-body {
  color: var(--textfont);
}


a,
a:visited {
  color: var(--bs-primary);
  text-decoration: none;
}

a.nav-link,
a.nav-link:visited,
#zebottom a,
#zebottom a:visited {
  color: var(--bs-white);
}

a.nav-link:hover,
#zebottom a:hover {
  color: var(--bs-teal);
}

.maincontent {
  padding-right: 0px;
  padding-left: 0px;
}

.lead {
  font-weight: 300;
}

/* helpers */
.vh-50 {
  min-height: 50vh;
}

.vh-75 {
  min-height: 75vh;
}

.vh-100 {
  min-height: 100vh;
}


.text-danger {
  color: var(--red) !important;
}

.btn-red {
  color: white;
  background-color: var(--red);
}


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

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


a.btn-primary,
a:visited.btn-primary {
  color: white;
}

.btn-primary,
.bg-primary {
  background-color: var(--primary) !important;
  border: none;
}

.bg-primary .dropdown-menu,
.bg-primary .dropdown-menu .dropdown-item,
.bg-primary .dropdown-menu .dropdown-item:focus {
  background-color: white;
  color: var(--primary);
}


.navbar-brand {
  font-weight: 800;
  font-family: 'Fira Sans Extra Condensed', sans-serif;
}

.display-4 {
  /*font-weight: 700 !important;*/
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  font-size: calc(1.475rem + 2.7vw);
}

/* .nav-link {
  font-weight: 600;
} */

.navbar {
  font-size: inherit;
}

.varih1 {
  font-size: 10.5rem;
  font-weight: 900;
  font-family: 'Fira Sans Extra Condensed';
}

.varih3 {
  font-size: 2.1rem;
}


.btn {
  box-shadow: none;
}

.btn-group {
  white-space: nowrap;
}

.smalltext {
  font-size: 65%;
}

.section-header {
  text-align: center;
}

.shadow-lg {
  box-shadow: 0 0.1rem 3rem rgba(0, 0, 0, .175) !important;
}


img {
  image-rendering: -webkit-optimize-contrast;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#pricing .list-unstyled li {
  font-size: 90%
}

#pricing .text-muted {
  opacity: 0.5
}

#pricing .px-2.fw-bold {
  font-size: 2em;
  vertical-align: middle;
}


#pricing ul li.inclu:before {
  content: '\2713';
  display: inline-block;
  color: var(--bs-teal);
  padding: 0 6px 0 0;
  font-size: 1.5em;
  font-weight: 600;
}

#pricing ul li:not(.inclu):before {
  content: '\2713';
  display: inline-block;
  /*color: var(--bs-danger);*/
  padding: 0 6px 0 0;
  font-size: 1.5em;
  font-weight: 600;
}

/* col-list overruled by nocss */
ul li {
  list-style-type: none;
  font-size: 1em;
}

.list-section .accordion-collapse {
  border: 0;
}

.list-section .accordion-button {
  padding: 15px 0px 15px;
  font-weight: 500;
  border: 0;
  font-size: 1.1rem;
  color: var(--bs-primary);
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.list-section .accordion-button:focus {
  box-shadow: none;

}

.list-section .accordion-button:hover {
  color: var(--bs-teal);
}

.list-section .accordion-button:not(.collapsed) {
  background: none;
  color: var(--bs-teal);
}

.list-section .accordion-body {
  padding: 15px 0px 15px;
  font-size: 1rem;
}

.alert {
  font-size: 1rem;
}

/* logos */


#msg2usert small {
  font-size: 70%
}

#msg2usert table {
  line-height: 1
}

.link:hover {
  text-decoration: underline;

}