/* Do NOT edit this CSS file directly.  This is a complied SASS file using Webpack.  have a look in roesources/sass/sswb/   where you will find several SASS files that make this css when compiled. */
html, body {
  font-family: Nunito;
}

main {
  min-height: calc(100vh - 25px);
}

h2 {
  font-family: Nunito;
  font-size: +font-size(1.8rem);
}

.grow {
  transition: all 0.4s ease-in-out;
}

.grow:hover {
  transform: scale(1.02);
  box-shadow: 2px 2px #999;
}

.sswb-nav-link {
  position: relative;
  padding: 15px 15px;
}

.sswb-nav-link:hover {
  text-decoration: none;
  background-color: #25292d;
}

#mainnav .sswb-nav-link {
  top: 8px;
}

#mainnav.show .nav-item {
  padding: 10px;
}

#mainnav.show .nav-item:not(:last-child):hover {
  background-color: #25292d;
}

#mainnav.show .sswb-nav-link {
  top: 0;
  padding: 0;
}

#mainnav.show .sswb-nav-link:hover {
  background: none;
}

#mainnav.show .navbar-nav {
  margin-top: 20px;
}

.inf-header {
  background-color: #3fa1c5 !important;
  background-repeat: no-repeat !important;
  background-image: url("/images/main_banner_image.jpg") !important;
  z-index: 0 !important;
}

.standout {
  font-size: 2.4rem;
}

.text-colour-blue {
  color: #197DAC;
}

.svg svg {
  z-index: 0;
}

.page-footer {
  width: 100%;
  height: 25px;
  background-color: #197DAC;
  flex: none;
}

/* Templates */
.template {
  diplay: flex;
}

#industry-selector {
  padding: 10px;
  width: 90%;
  font-family: Verdana;
}

#industry-selector option {
  font-size: 18px;
  font-family: Verdana;
  cursor: hand;
  cursor: pointer;
}

.owl-carousel .owl-nav {
  overflow: hidden;
  height: 0px;
}

.owl-carousel .nav-btn {
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.owl-carousel .prev-slide {
  left: -33px;
}

.owl-carousel .next-slide {
  right: -33px;
}

.owl-carousel .prev-slide:hover {
  background-position: 0px -53px;
}

.owl-carousel .next-slide:hover {
  background-position: -24px -53px;
}

.carousel-wrapper {
  position: relative;
}

.owl-prev, .owl-next {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px !important;
  background: 0 0 !important;
}

.owl-prev {
  left: -50px;
}

.owl-next {
  right: -50px;
}

.login-form {
  width: 500px;
  margin: 100px auto;
  background-color: #343A40;
  padding: 50px;
  color: #fff;
}