:root {
  --body-font-family: Roboto;
  --color-bg-main: #e65408;
  --color-bg-container: #341b01;
  --grey-silver: #cccccc;
  --color-heading: #f7eb81;
  --body-text-color: #cccccc;
}

body {
  margin: 1rem 0;
}

.container {
  background-color: var(--color-bg-container);
  box-shadow: 0 1px 0 rgba(52, 27, 1, 0.2) inset, 0 10px 20px rgba(230, 84, 8, 0.05);
}

h2.item-title a, .item-title h2 a {
  color: var(--color-heading);
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
  color: var(--color-heading);
}

#t4-aqm-logo {
  border: 2px solid var(--color-heading);
  border-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}

#t4-header .t4-section-inner.container {
  border: 2px solid var(--color-heading);
  border-top: 0;
  border-bottom: 0;
}

#t4-main-body  {
  padding-top: 2.0rem;
  padding-bottom: 2.0rem;
}

#t4-main-body .t4-section-inner.container {
  border: 2px solid var(--color-heading);
  border-top: 0;
  border-bottom: 0;
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
}

.t4-col.sidebar-r {
  border-left: 2px solid #000000;
}

.t4-col.sidebar-l {
  border-right: 2px solid #000000;
}


.btn.btn-primary {
  color: var(--color-bg-container);
  background-color: var(--color-heading)!important;
  border-color: #2196F3;
}

.form-control {
  background-color: var(--color-heading)!important;
}

.form-control::placeholder, .inputbox::placeholder {
  color: var(--color-bg-container);
}


@font-face {
  font-family: Roboto;
  src: url(../../../../media/t4/fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
  font-family: Roboto;
  src: url(../../../../media/t4/fonts/Roboto/Roboto-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Roboto;
  src: url(../../../../media/t4/fonts/Roboto/Roboto-Italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: GrenzeGotisch-VariableFont_wght;
  src: url(../../../../media/t4/fonts/Grenze_gotisch/GrenzeGotisch-VariableFont_wght.ttf);
}

.custom-logo {
  color: #ff6832;
  background-color: #000000;
  position: relative;
}

.custom-logo div {
  position: relative;
}

.custom-logo div div {
  height: 100%;
  padding-top: 7.6%;
  position: relative;
}

#uddeim-module p.uddeim-module-body {
  background-color: transparent !important;
  padding: 1px 1px 1px 3px;
  color: var(--body-text-color) !important;
  margin: 0;
  margin-right: 1px;
}

#uddeim-module p.uddeim-module-body a {
  color: var(--body-text-color) !important;
}
