@import url("base.css");

:root {
    --body-color: #202020 !important;
    --body-font-size: 17px !important;
    --body-font-weight: 300 !important;

    --link-color: #000 !important;
    --link-hover-color: #000 !important;

    --cassiopeia-color-primary: #28282b !important;
    --cassiopeia-color-secondary: #676767 !important;
    --cassiopeia-color-link: #000 !important;
    --cassiopeia-color-hover: #000 !important;

    --cassiopeia-font-family-body: "Roboto", sans-serif !important;
    --cassiopeia-font-weight-normal: 300 !important;
    --cassiopeia-font-family-headings: "Montserrat", sans-serif !important;
    --cassiopeia-font-weight-headings: 500 !important;
}


/* HTML TAGS/GENERIC CLASSES */
body.site.error_site .site-grid {
    margin-top: 210px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: black;
	margin-bottom: 1rem;
}

h2, .h2 {
	font-size: 1.9rem;
}

h3, .h3 {
	font-size: 1.3rem;
}

b, strong {
	font-weight: 600;
}

ul ul li, ol li {
	margin-bottom: 7px;
}

button:not(.separator), .btn, .btn-primary, .cf-btn {
	font-family: var(--cassiopeia-font-family-body) !important;
	opacity: 1 !important;
}

.com-content-article ul ol, .com-content-article ul ul {
	margin-bottom: 15px;
}

.com-content-article ul ul {
	list-style-type: disc;
}

a.btn {
  text-decoration: none !important;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
	padding: 0.4rem .7rem;
}

[data-rlta-element="container"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
	padding: 12px 0 !important;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-size: 17px;
	font-weight: 300;
	font-family: var(--cassiopeia-font-family-body);
}

.tf-gallery-wrapper .gallery-items .item .glightbox-desc {
	display: block !important;
}

.tf-gallery-wrapper .gallery-items .item .glightbox-desc .caption {
	font-size: 80%;
}

/* NAVBAR */
.container-header {
	background: rgba(19, 19, 19, 0.8);
	position: fixed !important;
	right: 0;
	left: 0;
	top: 0;
    transition: background .5s ease-in-out;
}

.container-header.solidbackground {
	background: #28282b;
}

.container-header .container-menuwrap {
	padding: 0;
}

.container-header nav {
	max-width: 1320px;
	margin: 0 auto;
}

.container-header nav ul {
	justify-content: center;
}

.container-header .brand-logo img {
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button {
    font-family: var(--cassiopeia-font-family-headings);
}

/* TOP BANNER */
.field-entry.hero-image .overlaycontent, .field-entry.hero-image .overlaycontent h1 {
	color: white !important;
	z-index: 2;
}

.field-entry.hero-image .hero-image-background::after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	content: "";
	background: rgba(0,0,0,0.3);
	z-index: 1;
}

.field-entry.hero-image .hero-image-background {
	min-height: 700px;
}

.field-entry.hero-image .hero-image-background.small {
  min-height: 400px;
}

/* BODY */
body > div.site-grid {
	margin-top: 0px;
}

body {
	background: #eaeaea;
}

.grid-child.container-component {
	background: white;
	padding: 20px;
}

.com-content-article.item-page {
	padding-top: 200px;
}

.com-content-article.item-page:has(.hero-image) {
	padding-top: 0;
}

.com-content-article__body {
	padding-top: 20px;
}

.field-entry.hero-image {
	margin-top: -20px;
}

.field-entry.image-and-content-rows {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: -12px;
	margin-right: -12px;
}

.field-entry.gallery {
	margin-top: 50px;
	margin-bottom: 30px;
}

.field-entry.additional-content {
	background: #f2f2f2;
	border-radius: 5px;
	padding: 20px;
}

.wf-columns {
	margin-top: 40px;
	margin-bottom: 50px;
}

.wf-columns .wf-column {
	background: #f2f2f2;
	padding: 20px 10px;
	border-radius: 8px;
}

.field-entry.image-and-content-rows .row.flex-row-reverse {
	background: #f2f2f2;
}

/* BOTTOM BANNER */
.i51hoverboxes .hoverbox .h3 {
	color: white;
	font-size: 1.5rem;
}

.i51hoverboxes .hoverbox p {
	margin-bottom: 0;
}

/* FOOTER */



/* RESPONSIVE DESIGN */
@media (min-width: 992px){
  header.container-header .container-menuwrap {
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	padding: 0;
}

  .container-header .container-nav {
	width: 100%;
	text-align: center;
}

.container-header .container-nav {
	border-top: 1px solid #6a6a6a;
}
  
}

@media (max-width: 992px){
  body > div.site-grid {
	margin-top: 0px;
}

  .container-header .navbar-collapse {
	top: 78px;
}

  .container-header .brand-logo img {
	width: 230px;
	margin: 2px 8px;
	margin-bottom: 2px;
}

  body:not(.has-sidebar-right) .site-grid .container-component {
	grid-column-end: full-end;
	grid-column-start: full-start;
}

  .i51hoverboxes .hoverbox {
	flex-basis: 50% !important;
}
}

@media (max-width: 767px){
  .field-entry.hero-image .overlaycontent {
	bottom: 0;
}
}