/* ~~~~~~ Index CSS ~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~ */

.hq-hero {
   position: relative;
   min-height: 0;
   overflow: hidden;
   border-bottom: 1px solid rgba(22, 231, 1, 0.25);
   background: #050505;
}

.hq-hero video {
   display: block;
   width: 100%;
   height: auto;
   min-height: 0;
   object-fit: contain;
   object-position: center;
   filter: saturate(1.25) contrast(1.08);
}

.hq-hero__shade {
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.24) 54%, rgba(0, 0, 0, 0.72));
}

.hq-hero__content {
   position: absolute;
   left: 30px;
   bottom: 28px;
   max-width: 560px;
   text-shadow: 2px 2px 0 #000, 0 0 12px rgba(0, 0, 0, 0.9);
}

.hq-hero__kicker {
   display: block;
   color: #98fb98;
   font-family: oswald, roboto, sans-serif;
   font-size: 15px;
   text-transform: uppercase;
}

.hq-hero h1 {
   margin: 0;
   color: #fff;
   font-family: 'BebasNeue', oswald, sans-serif;
   font-size: 64px;
   line-height: 0.95;
   text-transform: uppercase;
}

.hq-hero p {
   margin: 8px 0 18px;
   color: #e07d02;
   font-family: oswald, roboto, sans-serif;
   font-size: 25px;
   text-transform: uppercase;
}

.hq-hero__badge {
   display: inline-block;
   padding: 7px 12px;
   border-left: 3px solid #18ff0a;
   background: rgba(0, 0, 0, 0.72);
   color: #98fb98;
   font-family: oswald, roboto, sans-serif;
   text-transform: uppercase;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.blog-main,
.blog-sidebar {
   padding-top: 16px;
}

.homepage-intro {
   margin: 18px 0 4px;
   padding: 18px 22px;
   background: rgba(0, 0, 0, 0.34);
   border: 1px solid rgba(255, 255, 255, 0.08);
   box-shadow: none;
}

.homepage-intro strong {
   display: block;
   margin-bottom: 6px;
   color: #fff;
}

.homepage-intro p {
   margin-bottom: 0;
   color: #ededed;
}

.blog-post,
.blog-sidebar .p-4 {
   background: rgba(0, 0, 0, 0.28);
   border: 1px solid rgba(255, 255, 255, 0.08);
   margin-bottom: 18px;
}

.section-panel {
   padding: 18px;
}

.section-panel__body {
   padding-top: 12px;
}

.latest-topics-panel {
   text-align: center;
}

.blog-sidebar .p-4 {
   box-shadow: none;
}

.jumbotron {
   background-image: url("../images/amrts_exf3d.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   max-height: 365px;
   width:100%;
}

.jumbotronText {
   background: rgba(0, 0, 0, 0.7);
   text-align: left;
   padding:2px;
}

@media only screen and (max-width: 768px) {
   .hq-hero__content {
      left: 18px;
      right: 18px;
      bottom: 20px;
   }

   .hq-hero h1 {
      font-size: 46px;
   }

   .hq-hero p {
      font-size: 19px;
   }
}