/* line 7, ../../scss/ehop/sass/base/layout.scss */
html {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: visible;
}
/* line 12, ../../scss/ehop/sass/base/layout.scss */
html main {
  margin: auto;
}
/* line 16, ../../scss/ehop/sass/base/layout.scss */
html .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 575.98px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 1320px;
  }
}
@media (min-width: 1320px) {
  /* line 16, ../../scss/ehop/sass/base/layout.scss */
  html .container {
    max-width: 90%;
  }
}

/* line 53, ../../scss/ehop/sass/base/layout.scss */
body {
  background: linear-gradient(to bottom, #26449A, #03A4E8);
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

/* line 60, ../../scss/ehop/sass/base/layout.scss */
.region-content, .site-footer {
  background: white;
  padding: 20px;
  border: 1px solid #01B0E4;
  border-radius: 20px;
  margin: auto;
}

/* line 68, ../../scss/ehop/sass/base/layout.scss */
.container {
  padding-left: 60px;
  padding-right: 60px;
  max-width: 1280px;
}

/* line 74, ../../scss/ehop/sass/base/layout.scss */
.navbar-container.dxpr-theme-fluid {
  padding-left: 60px;
  padding-right: 60px;
}

/* line 79, ../../scss/ehop/sass/base/layout.scss */
.page-title-container.dxpr-theme-fluid {
  padding-left: 60px;
  padding-right: 60px;
}

/* line 84, ../../scss/ehop/sass/base/layout.scss */
.container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}

/* line 90, ../../scss/ehop/sass/base/layout.scss */
body.full-width-content .main-container {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 91, ../../scss/ehop/sass/base/layout.scss */
body.full-width-content .main-container > .row {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 96, ../../scss/ehop/sass/base/layout.scss */
body.full-width-content .main-container > .row > section {
  width: 100%;
  margin: 0;
  padding: 0;
}
/* line 102, ../../scss/ehop/sass/base/layout.scss */
body.full-width-content .main-container > .row > aside {
  display: none;
}

/* line 114, ../../scss/ehop/sass/base/layout.scss */
.container-row .container-col {
  margin-bottom: 0;
}

/* line 120, ../../scss/ehop/sass/base/layout.scss */
.region-sidebar-first .block {
  margin-bottom: 30px;
}

/* line 126, ../../scss/ehop/sass/base/layout.scss */
.region-sidebar-second .block {
  margin-bottom: 30px;
}

/* line 131, ../../scss/ehop/sass/base/layout.scss */
#block-system-help {
  margin-bottom: 0;
}

/* line 135, ../../scss/ehop/sass/base/layout.scss */
.navbar {
  margin-bottom: 0;
}

/* line 139, ../../scss/ehop/sass/base/layout.scss */
img {
  max-width: 100%;
}

/* line 145, ../../scss/ehop/sass/base/layout.scss */
html.js .kenburnimg img {
  max-width: none;
}

/* line 152, ../../scss/ehop/sass/base/layout.scss */
.node .submitted {
  margin-bottom: 30px;
  display: block;
  padding: 15px 0;
}

/* line 160, ../../scss/ehop/sass/base/layout.scss */
.node.node-blog-node-teaser .links {
  margin-top: -15px;
}

/* line 165, ../../scss/ehop/sass/base/layout.scss */
.teaser {
  margin-bottom: 30px;
}

/* line 170, ../../scss/ehop/sass/base/layout.scss */
.region-slider .block {
  margin-bottom: 0;
}

/* line 175, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer {
  background-color: #21252a;
  color: #747a85;
  border-color: #747a85;
  padding: 0;
}
/* line 181, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer .footer-container {
  padding-top: 15px;
  padding-bottom: 0;
}
/* line 186, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer h1 {
  color: #274096;
}
/* line 190, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer h2 {
  color: #01B0E4;
}
/* line 194, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer h3 {
  color: #01B0E4;
  margin-top: 20px;
}
/* line 199, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer h4 {
  color: #01B0E4;
  margin-top: 20px;
  border-bottom: 1px solid #01B0E4;
}
/* line 205, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer h5 {
  color: #01B0E4;
}
/* line 209, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer h6 {
  color: #01B0E4;
}
/* line 213, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer a {
  color: #747a85;
}
/* line 216, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer a:hover {
  color: #747a85;
}
/* line 220, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer a:focus {
  color: #747a85;
}
/* line 225, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer ul.contact-info {
  padding: 1em 0;
}
/* line 228, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer ul.contact-info li {
  background: none;
  padding: 0;
  font-size: 1.6em;
  line-height: 1.7em;
}
/* line 236, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer .block {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 241, ../../scss/ehop/sass/base/layout.scss */
.dxpr-theme-footer .badge {
  font-size: 11px;
  font-weight: normal;
  opacity: 0.9;
}

/* line 248, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer {
  height: 100%;
}
/* line 251, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* line 257, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer .dialog-off-canvas-main-canvas {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* line 263, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer .wrap-containers {
  flex: 1 0 auto;
}
/* line 268, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
  min-height: 90px;
}
/* line 272, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.dxpr-theme-header--navbar-pull-down {
  min-height: 45px;
}
/* line 276, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix {
  min-height: 60px;
}
/* line 281, ../../scss/ehop/sass/base/layout.scss */
.html--dxpr-theme-sticky-footer footer {
  flex-shrink: 0;
}

@media screen and (max-width: 1200px) {
  /* line 287, ../../scss/ehop/sass/base/layout.scss */
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* line 291, ../../scss/ehop/sass/base/layout.scss */
  .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* line 297, ../../scss/ehop/sass/base/layout.scss */
.page-node-type-main-landing-menu-page #block-ihop-dxpr-content {
  max-width: fit-content;
}

/* line 302, ../../scss/ehop/sass/base/layout.scss */
.view-filters, .view-content {
  width: 100%;
}

/* line 306, ../../scss/ehop/sass/base/layout.scss */
header {
  margin-bottom: 50px;
  margin-top: 10px;
}

/* line 312, ../../scss/ehop/sass/base/layout.scss */
.field--name-field-menu-items .paragraph--type--menu-list {
  margin-right: 20px;
  margin-bottom: 10px;
}
/* line 317, ../../scss/ehop/sass/base/layout.scss */
.field--name-field-menu-items .field__item {
  display: inline-block;
  margin-top: 10px;
}

/* line 323, ../../scss/ehop/sass/base/layout.scss */
.view-top {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #01B0E4;
}
/* line 331, ../../scss/ehop/sass/base/layout.scss */
.view-top .right {
  flex: 1;
  margin: 10px;
  align-self: flex-end;
  text-align: right;
}
/* line 338, ../../scss/ehop/sass/base/layout.scss */
.view-top .left {
  flex: 1;
  margin: 10px;
  align-self: flex-start;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 347, ../../scss/ehop/sass/base/layout.scss */
  .view-top {
    flex-direction: column;
  }
  /* line 350, ../../scss/ehop/sass/base/layout.scss */
  .view-top .right,
  .view-top .left {
    width: 100%;
    text-align: center;
    align-self: center;
  }
}
/* line 360, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper {
  margin-bottom: 0;
  float: right;
}
/* line 364, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary {
  box-shadow: none;
}
/* line 368, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li a {
  padding: 10px 20px;
  text-decoration: none;
  border: 1px solid #ccc;
  font-weight: bold;
  margin-left: -1px;
}
/* line 374, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li a:first-child {
  margin-left: 0;
}
/* line 378, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li a:hover {
  background-color: #274096;
  text-decoration: none;
  color: white;
}
/* line 385, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li:first-child a {
  border-top-left-radius: 20px;
}
/* line 389, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li:last-child a {
  border-top-right-radius: 20px;
}
/* line 395, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li.active a {
  color: white;
  font-weight: bolder;
  background-color: black;
}
/* line 400, ../../scss/ehop/sass/base/layout.scss */
.html .dxpr-theme-mini-tabs-wrapper .tabs--primary li.active a:hover {
  text-decoration: none;
}

/* line 410, ../../scss/ehop/sass/base/layout.scss */
.nav-tabs .active {
  border-bottom: none;
}

/* line 417, ../../scss/ehop/sass/base/layout.scss */
tr:hover {
  background-color: #01B0E4;
  color: black;
}

/* line 424, ../../scss/ehop/sass/base/layout.scss */
th:hover {
  background-color: transparent;
}

/* line 429, ../../scss/ehop/sass/base/layout.scss */
td.is-active {
  background-color: transparent;
}

/* line 434, ../../scss/ehop/sass/base/layout.scss */
.path-frontpage .region-content {
  max-width: fit-content;
}
/* line 436, ../../scss/ehop/sass/base/layout.scss */
.path-frontpage .region-content #block-ihop-dxpr-content {
  margin: auto;
}

/* line 442, ../../scss/ehop/sass/base/layout.scss */
section {
  position: relative;
}

/**
Paths that require tabs to be shifted up to be outer most elements
 */
/* line 451, ../../scss/ehop/sass/base/layout.scss */
.path-list-my-projects .region-content, .path-user .region-content, .path-taxonomy .region-content, .path-list-company-projects .region-content {
  background: transparent;
  border: none;
}
/* line 454, ../../scss/ehop/sass/base/layout.scss */
.path-list-my-projects .region-content #block-ihop-dxpr-content, .path-user .region-content #block-ihop-dxpr-content, .path-taxonomy .region-content #block-ihop-dxpr-content, .path-list-company-projects .region-content #block-ihop-dxpr-content {
  background: white;
  border: 1px solid #01B0E4;
  border-radius: 30px 0 30px 30px;
  padding: 25px;
}
/* line 459, ../../scss/ehop/sass/base/layout.scss */
.path-list-my-projects .region-content #block-ihop-dxpr-content .form-item, .path-user .region-content #block-ihop-dxpr-content .form-item, .path-taxonomy .region-content #block-ihop-dxpr-content .form-item, .path-list-company-projects .region-content #block-ihop-dxpr-content .form-item {
  max-width: 50%;
}

/* line 466, ../../scss/ehop/sass/base/layout.scss */
.webform-ajax-form-wrapper {
  margin-top: 50px;
}

/* Footer Styling */
/* line 471, ../../scss/ehop/sass/base/layout.scss */
.site-footer {
  background-color: #ffffff;
  padding: 2rem 0;
  color: #333333;
  text-align: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

/* line 479, ../../scss/ehop/sass/base/layout.scss */
.footer-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  text-align: left;
}

/* line 489, ../../scss/ehop/sass/base/layout.scss */
.footer-column {
  flex: 1;
  min-height: 140px;
}

/* line 494, ../../scss/ehop/sass/base/layout.scss */
.footer-column--center {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 500, ../../scss/ehop/sass/base/layout.scss */
.footer-column h3 {
  color: #274096;
  /* Example color for the section headers */
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

/* line 506, ../../scss/ehop/sass/base/layout.scss */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 512, ../../scss/ehop/sass/base/layout.scss */
.footer-links li {
  margin: 0.5rem 0;
}

/* line 516, ../../scss/ehop/sass/base/layout.scss */
.footer-links li a {
  color: black;
  text-decoration: none;
}

/* line 521, ../../scss/ehop/sass/base/layout.scss */
.footer-links li a:hover {
  color: #274096;
  /* Highlight color on hover */
  text-decoration: underline;
}

/* line 526, ../../scss/ehop/sass/base/layout.scss */
.footer-logo img {
  max-width: 150px;
  /* Adjust logo size as needed */
  height: auto;
  margin-bottom: 0.5rem;
}

/* line 532, ../../scss/ehop/sass/base/layout.scss */
.footer-column--center p {
  font-size: 0.875rem;
  color: #666666;
  margin: 0;
  min-width: fit-content;
}

/* line 539, ../../scss/ehop/sass/base/layout.scss */
.footer-column--center p a {
  color: #007bff;
  text-decoration: none;
}

/* line 544, ../../scss/ehop/sass/base/layout.scss */
.footer-column--center p a:hover {
  text-decoration: underline;
}

/* Divider Lines Between Columns */
/* line 549, ../../scss/ehop/sass/base/layout.scss */
.footer-column--left {
  border-right: 1px solid #01B0E4;
  padding-right: 1rem;
}

/* line 554, ../../scss/ehop/sass/base/layout.scss */
.footer-column--right {
  border-right: none;
  padding-left: 1rem;
  border-left: 1px solid #01B0E4;
  text-align: center;
}

/* line 562, ../../scss/ehop/sass/base/layout.scss */
.field--name-field-menu-items .field__label {
  display: none;
}

/** footer end **/
/* line 570, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field__item {
  align-items: center;
}
/* line 575, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field__label {
  flex: 1;
  min-width: 240px;
}
/* line 578, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field__label::before {
  content: '';
  height: 10px;
  width: 10px;
  background-color: blue;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}
/* line 589, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field__value {
  flex: 2;
}
/* line 593, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field--name-field-built-form-data {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 596, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field--name-field-built-form-data .formbuilder-ihopFiles-label {
  background-image: linear-gradient(to top, #26449A 0%, #03A4E8 100%);
  color: white;
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 602, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field--name-field-built-form-data .formbuilder-ihopFiles-label .formbuilder-required {
  margin-left: 5px;
  color: white;
}
/* line 607, ../../scss/ehop/sass/base/layout.scss */
.path-taxonomy .field--name-field-built-form-data .section-downloader {
  background: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 20px;
}

/* line 620, ../../scss/ehop/sass/base/layout.scss */
.qq-gallery .qq-uploader {
  border: none !important;
}
/* line 625, ../../scss/ehop/sass/base/layout.scss */
.qq-gallery .qq-upload-list li {
  border: 1px solid #274096;
  background-color: #E1F8FF !important;
  border-radius: 30px !important;
  color: black;
  padding: 10px !important;
}

/* line 636, ../../scss/ehop/sass/base/layout.scss */
.back-nav {
  display: inline-block;
}

/* line 640, ../../scss/ehop/sass/base/layout.scss */
h1 {
  display: inline-block;
}

/* line 644, ../../scss/ehop/sass/base/layout.scss */
svg {
  vertical-align: bottom;
}

/* line 652, ../../scss/ehop/sass/base/layout.scss */
.path-user .region-content #block-ihop-dxpr-content .custom-user-login-form-wrapper .form-item {
  max-width: 100%;
}

/** Deals with header column display **/
/* line 662, ../../scss/ehop/sass/base/layout.scss */
.header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* line 668, ../../scss/ehop/sass/base/layout.scss */
.header__content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* line 674, ../../scss/ehop/sass/base/layout.scss */
.site-logo {
  flex: 1;
}

/* line 678, ../../scss/ehop/sass/base/layout.scss */
.region-navigation {
  flex: 1;
  text-align: right;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  /* line 685, ../../scss/ehop/sass/base/layout.scss */
  .header__content {
    flex-direction: column;
    align-items: flex-start;
  }

  /* line 690, ../../scss/ehop/sass/base/layout.scss */
  .region-navigation {
    text-align: left;
    margin-top: 1em;
    /* Add some spacing between the logo and the navigation */
  }
}
/** end **/
/* line 699, ../../scss/ehop/sass/base/layout.scss */
.block-system-menu-blockaccount .back-menu-top {
  display: inline-block;
}
/* line 701, ../../scss/ehop/sass/base/layout.scss */
.block-system-menu-blockaccount .back-menu-top .back-nav {
  top: 10px;
  position: relative;
}
/* line 706, ../../scss/ehop/sass/base/layout.scss */
.block-system-menu-blockaccount .nav {
  flex-direction: row;
  max-width: fit-content;
  margin: auto;
  display: inline-block;
}
/* line 711, ../../scss/ehop/sass/base/layout.scss */
.block-system-menu-blockaccount .nav div {
  display: inline-block;
}
/* line 713, ../../scss/ehop/sass/base/layout.scss */
.block-system-menu-blockaccount .nav div .nav-item {
  display: inline-block;
}

/* line 720, ../../scss/ehop/sass/base/layout.scss */
.qq-gallery .qq-upload-list li {
  max-width: 145px;
}

/* line 724, ../../scss/ehop/sass/base/layout.scss */
.qq-gallery .qq-thumbnail-wrapper {
  width: 100% !important;
  border-radius: 10px;
}

/* line 729, ../../scss/ehop/sass/base/layout.scss */
.form-wrap.form-builder .frmb .form-elements {
  border-radius: 15px !important;
  border: 1px solid #274096 !important;
}