/**
 * @file
 * Use this CSS file to override theme CSS rules
 */


:root {
  --color-accent: #DAA520;
  --color-accent-hover: #FFD700;
  --color-accent-dark: #B8860B;
}

/* Typography & Body */
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background-color: #000;
}
.onscroll .header {
  border-bottom: 1px solid #444;
  background-color: rgba(0, 0, 0, 0.8);
}



/* Menu and Header */
.header-container .menu li a,
.header-container .sf-menu>li>.menuparent:after {
  color: #FFF;
}
.header-container .sf-menu>li>a:hover,
.header-container .sf-menu>li.sfHover>a,
.subfooter-area ul.menu li a:hover {
  color: var(--color-accent);
}

/* Search Bar */
.search-area input[type="submit"],
.block-search .form-actions:after {
  color: #FFF;
}

/* Link Colors */
a {
  color: var(--color-accent);
}
a:hover,
a:focus {
  color: var(--color-accent-hover);
}

/* Buttons */
a.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: var(--color-accent);
  color: #000;
}
a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: var(--color-accent-hover);
  color: #000;
}

/* Regions */
.colored-region {
  background-color: var(--color-accent);
}
.colored-region.dark {
  background-color: var(--color-accent-dark);
}
.colored-region + .content-top-highlighted:before,
.colored-region.content-top-highlighted:after,
.colored-region + .highlighted:before,
.colored-region.highlighted:after {
  border-top-color: var(--color-accent);
}
.colored-region.dark + .content-top-highlighted:before,
.colored-region.dark.content-top-highlighted:after,
.colored-region.dark + .highlighted:before,
.colored-region.dark.highlighted:after {
  border-top-color: var(--color-accent-dark);
}
.colored-region.black a {
  color: #000;
}
.colored-region.black a:hover {
  color: #000;
}

/* Components: Comments, Breadcrumbs, Links */
.comment ul.links li a,
.breadcrumb a:hover,
ul.links li a {
  color: #000;
}
.comment ul.links li a:hover,
ul.links li a:hover {
  color: var(--color-accent-hover);
}

/* Icons List */
ul.icons-list li a {
  border-color: var(--color-accent);
}
ul.icons-list li a:hover,
.colored-region ul.icons-list li a:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}
.colored-region ul.icons-list li a {
  border-color: var(--color-accent-hover);
}
.colored-region.black ul.icons-list li a {
  color: var(--color-accent-hover);
}

/* Overlay and Gradients */
.overlay,
.video-item > a:before {
  background: linear-gradient(to bottom, rgba(218,165,32,0.75) 0%, rgba(184,134,11,0.75) 100%);
}

/* Menus and Navigation */

.header-container ul.menu.sf-accordion ul li a {
  padding-left: 45px;
  border-top: 1px solid rgba(100, 100, 100, 0.25);
}
.header-container .sf-menu ul li a {
  background: rgba(100, 100, 100, 0.95);
}

ul.menu li.menu-item > a:before,
ul.menu li > a:hover:before,
ul.menu li.menu-item--expanded > a:hover:before,
.header-container ul.menu li a:hover,
.colored-region.black ul.menu li a:hover,
.colored-region.black ul.menu li.menu-item--active-trail > a:before {
  color: var(--color-accent);
}
.colored-region:not(.black) ul.menu li a:hover {
  background-color: var(--color-accent-hover);
}

/* Promoted Items & More Links */
.view-promoted-items--style-2 .more-link a,
.view-promoted-items--style-2 .views-row .more-link a,
.colored-region .view-promoted-items--style-2 .more-link a {
  background-color: #000;
  color: var(--color-accent);
}
.view-promoted-items--style-2 .more-link a:hover,
.view-promoted-items--style-2 .views-row .more-link a:hover {
  background-color: #000;
  color: var(--color-accent-hover);
}

/* Node Links & Extras */
ul.links li a {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
}
.colored-region:not(.black) ul.links li a {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}
.colored-region:not(.black) ul.links li a:hover {
  background-color: rgba(218, 165, 32, 0.7);
}

/* Misc Highlights */
.node--type-mt-testimonial .field--name-body p:first-child:after,
.view-promoted-items .info a.comments:after,
.view-testimonials .views-field-body p:first-child:after,
.colored-region.black .view-testimonials--highlighted .views-field-body p:first-child:after {
  color: var(--color-accent-hover);
}

/* Pager & Tabs */
li.pager__item > a:hover {
  border-bottom-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}
li.pager__item.is-active a {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.colored-region .nav-tabs > li.active > a,
.colored-region .nav-tabs > li > a:hover {
  border-color: #c2c2c2 #c2c2c2 var(--color-accent) #c2c2c2;
}
.colored-region.dark .nav-tabs > li.active > a,
.colored-region.dark .nav-tabs > li > a:hover {
  border-bottom-color: var(--color-accent-dark);
}

/* Pricing Tables */
.view-pricing-tables .pricing-table,
.view-pricing-tables .pricing-table-header,
.view-pricing-tables .views-field-field-mt-price {
  background-color: var(--color-accent);
  border: 1px solid var(--color-accent);
}

/* Titles & Links */
.views-field-title a {
  color: var(--color-accent);
}
.views-field-title a:hover,
.white-region.content-top .views-field-title a:hover,
.light-gray-region.content-top .views-field-title a:hover {
  color: var(--color-accent-hover);
}



/* Accent Theme Overrides for Menus */

/* Main Navigation */
ul.menu li a.is-active,
ul.menu li.menu-item--active-trail a {
  color: #ffffff;
}
ul.menu li a:hover {
  background-color: #3f3f3f;
  color: #ffffff;
}
ul.menu li.menu-item--active-trail > a:before,
ul.menu li.menu-item--active-trail a.is-active:before {
  color: #ffffff;
}

/* Header Navigation */
.header-container nav>ul.menu>li.menu-item--active-trail>a {
  border-bottom: 2px solid var(--color-accent-dark);
}
.header-container ul.menu li a {
  color: #ffffff;
}
.header-container ul.menu li a:hover,
.header-container nav>ul.menu>li.menu-item--active-trail>a:hover {
  border-bottom: 2px solid var(--color-accent-dark);
}
.header-container .sf-menu>li.menu-item--active-trail>a,
.header-container .sf-menu>li>a:hover,
.header-container .sf-menu>li.sfHover>a {
  border-bottom: 2px solid var(--color-accent-dark);
}

/* Superfish Dropdown */
.header-container .sf-menu ul li a:hover,
.header-container .sf-menu ul li.sfHover>a {
  background: var(--color-accent-dark);
  color: #fff;
}

/* Footer Menus */
.colored-region ul.menu li a {
  color: #222;
}
.colored-region:not(.black) .subfooter-area ul.menu li a:hover {
  color: #ffffff;
}
.colored-region:not(.black) ul.menu li.menu-item > a:before {
  color: #ffffff;
}
.colored-region.black ul.menu li a:hover {
  background-color: transparent;
  text-decoration: underline;
}
.subfooter-area ul.menu li a {
  border-right-color: #555555;
  color: var(--color-accent-dark);
}
.subfooter-area ul.menu li a:hover {
  background-color: transparent !important;
  color: var(--color-accent-hover);
}

/* Mobile Accordion Menu */
.header-container ul.menu.sf-accordion li a {
  color: #000;
  background-color: transparent;
}
.header-container ul.menu.sf-accordion li a:hover {
  background-color: var(--color-accent-dark);
  color: #fff;
}
.header-container ul.sf-accordion li a.menuparent:hover:after {
  color: #ffffff;
}



.white-region .view-mt-benefits .views-field-title a,
.light-gray-region .view-mt-benefits .views-field-title a {
  color: var(--color-accent-dark);
}
.colored-region .views-field-title a {
  color: var(--color-accent-dark);
}
.colored-region .views-field-title a:hover {
  color: var(--color-accent-hover);
}

.field--entity-reference-target-type-taxonomy-term .field__items > li a {
  color: #000;
  background-color: var(--color-accent-dark);

}
.field--entity-reference-target-type-taxonomy-term .field__items > li a:hover {
  background-color: #000;
  color: #fff;
}

/*Colored Region*/
.colored-region.black a.button,
.colored-region.black input[type="submit"],
.colored-region.black input[type="reset"],
.colored-region.black input[type="button"] {
  color: #000;
  text-decoration: none;
}
.colored-region:not(.black) a.button,
.colored-region:not(.black) input[type="submit"],
.colored-region:not(.black) input[type="reset"],
.colored-region:not(.black) input[type="button"] {
  color: #000;
  text-decoration: none;
}
.colored-region:not(.black) a.button:hover,
.colored-region:not(.black) input[type="submit"]:hover,
.colored-region:not(.black) input[type="reset"]:hover,
.colored-region:not(.black) input[type="button"]:hover {
  color: #000;
}

/* Accent Theme Overrides for Tabs */
.nav-tabs {
  border-bottom: 1px solid #c2c2c2;
}
.nav-tabs > li > a {
  color: var(--color-accent-dark);
  border: 1px solid transparent;
}
.nav-tabs > li > a:hover {
  border-color: var(--color-accent-dark);
  background: var(--color-accent-dark);
  color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: transparent;
  border: 1px solid #c2c2c2;
  border-bottom-color: #000;
  color: var(--color-accent-dark);
}

/* Tabs in Colored Regions */
.colored-region .nav-tabs > li > a,
.colored-region .nav-tabs > li.active > a,
.colored-region .nav-tabs > li.active > a:focus,
.colored-region .nav-tabs > li.active > a:hover {
  color: #e1e1e1;
  text-decoration: none;
}
.colored-region .nav-tabs > li.active > a,
.colored-region .nav-tabs > li > a:hover {
  background: transparent;
  color: #fff;
}
.colored-region.black .nav-tabs > li.active > a,
.colored-region.black .nav-tabs > li > a:hover {
  border-bottom-color: #101010;
}


.title-teaser-text .title a {
    color: var(--color-accent-dark);
}

/*Revolution Caption*/
.title-teaser-text .title,
.title-teaser-text p {
 /*  --color-accent-dark: #B8860B;*/
  background: rgba(0, 0, 0, 0.57);
  color: #fff;
}

.title-teaser-text .title a {
  color: var(--color-accent-dark);
}
.title-teaser-text .title a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}


@media (max-width:1199px) {
  .header-container ul.menu li a {
    margin: 0;
    padding: 5px 15px;
  }
  .header-container ul.menu {
    text-align: center;
  }
}

/* Logo and Site Identity */
.logo .site-branding__logo img {
  height: 100px;
  max-width: 100%;
}
/* Shrink logo when scrolling */
.onscroll .logo .site-branding__logo img {
  height: 50px;
}
.site-name a {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
  color: #FFF;
}
.onscroll .site-name a {
  font-size: 25px;
}
.site-slogan {
  font-size: 13px;
  line-height: 1.30;
  color: #FFF;
  padding: 0;
  font-weight: 700;
  transition: left 0.3s ease-in-out; /* smooth and slightly slower */
}

.onscroll .site-slogan {
  display: none !important;
  color: #FFF;
}


.logo-and-site-name-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.logo {
  display: flex;
  align-items: flex-end;
}




.logo-and-site-name-wrapper {
  position: relative; /* makes .site-name absolute to this wrapper */
}

.site-name.site-branding__name,
.site-slogan.site-branding__slogan {
  position: absolute;
  left: 110px; /* adjust depending on logo width */
  bottom: 20px; /* aligns bottom of text with logo */
  z-index: 10;
  background: transparent;
  white-space: nowrap; /* prevents wrapping */
  transition: left 0.16s ease-in-out; /* smooth and slightly slower */
}

.onscroll .site-name.site-branding__name{
  left: 60px; /* adjust depending on logo width */
  bottom: 5px; /* aligns bottom of text with logo */
}

.site-slogan.site-branding__slogan {
  margin-top: 20px; /* space between name and slogan */
  left: 110px;
  bottom: 5px; /* adjust for vertical spacing */
}

.logo .site-branding__logo img {
  height: 100px;
  max-width: 100%;
  transition: height 0.3s ease;
}
.onscroll .logo .site-branding__logo img {
  height: 50px;
}

.footer-top.light-gray-region {
  background-color: #151515;
}

.view-mt-popular-tags .views-row a {
  background-color: var(--color-accent-dark);
  color: #e1e1e1;
}

.colored-region.black .view-mt-popular-tags .views-row a {
  color: #000;
}

.colored-region ul.menu li a {
    color: var(--color-accent-dark);
}


.header-container ul.menu.sf-accordion {
    padding: 0;
    text-align: left;
    background: #333;
    color: var(--color-accent-dark);
}
.header-container ul.menu.sf-accordion li a {
  color: var(--color-accent-hover);
  border-bottom: 1px solid #ddd;
  text-transform: none;
  margin: 0;
  padding: 15px 30px;
  background-color: transparent;
}

@media (min-width: 768px) {
  .node--submitted-info i {
    color: #000;
  }
  .comment-counter {
    color: #000;
  }
}

.view-latest-items .views-field-title a {
  color: var(--color-accent-dark);
}
.view-latest-items .views-row:hover .views-field-title a {
  color: var(--color-accent-hover);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--color-accent-dark);
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--color-accent-hover);
}


.view-latest-items .views-field-title a {
    color:var(--color-accent-dark);
}
.view-latest-items .views-row:hover .views-field-title a {
  color: var(--color-accent-hover);
}
.banner-area .block + .block-system-breadcrumb-block {
    margin-top: -50px;
    background: rgba(20, 20, 20, 0.65);
    border: none;
    position: relative;
}
.banner-area .block + .block-system-breadcrumb-block .breadcrumb li:nth-child(1) a {
    background-color: #000;
}