/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/*
General Custom CSS
================================================== */

.html_header_top.html_header_sticky #header {
  position: fixed !important;
}

/* Center logo in header */
span.logo > a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}

.responsive #top .logo {
  display: flex !important;
}

/* Remove underline from menu */
.avia-menu-fx {
  display: none !important;
  opacity: 0;
}

#footer .widget {
  font-size: 0.9rem;
}

/* Scrollbar */

::-webkit-scrollbar {
  width: 0.5vw;
  height: 0.5vw;
}

::-webkit-scrollbar-thumb {
  background: rgb(44, 44, 44) !important;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0) !important;
}

html {
  background: transparent;
}

body {
  overflow: overlay !important;
}

/* Set hero full height by adding padding based on height of the navbar */

div#wrap_all > div#main > div#hero {
  padding: 0 0 0 0 !important;
}

#hero .entry-content-wrapper.clearfix {
  margin-top: 2rem !important;
}

/* Hero styles */
.hero__text {
  line-height: 1.25;
  margin-top: -2rem;
}

.hero__text__large,
.hero__text__large > * {
  font-size: 2rem !important;
  font-weight: 700 !important;
}

/* Border bottom green */
.green_border_bottom {
  border-bottom: 1rem solid #5dbb46 !important;
}

/* Titles */
.title__element {
  /* width: fit-content; */
}

.title__element > h1,
.title__element > h2,
.title__element > h3 {
  width: fit-content;
  position: relative;
  z-index: 1 !important;
}

.title__element > h1:after,
.title__element > h2:after,
.title__element > h3:after {
  content: '';
  display: block;
  width: 12rem;
  height: 1rem;
  background: rgba(15, 160, 232, 1);
  margin-top: -1rem;
  margin-left: 0rem;
  transition: all 0.3s ease-in-out;
  position: absolute;
  z-index: -1;
}

.title__element:hover > h1:after,
.title__element:hover > h2:after,
.title__element:hover > h3:after {
  content: '';
  display: block;
  width: 12rem;
  height: 1rem;
  background: rgba(93, 187, 70, 1);
  margin-top: -2rem;
  margin-left: -2rem;
}

.avia-section.av-minimum-height .container .content {
  vertical-align: baseline !important;
}

.title__element__right > h1:after,
.title__element__right > h2:after,
.title__element__right > h3:after {
  content: '';
  display: block;
  width: 12rem;
  height: 1rem;
  background: rgba(15, 160, 232, 1);
  margin-top: -1rem;
  right: 0;
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.title__element__right:hover > h1:after,
.title__element__right:hover > h2:after,
.title__element__right:hover > h3:after {
  content: '';
  display: block;
  width: 12rem;
  height: 1rem;
  background: rgba(93, 187, 70, 1);
  margin-top: -2rem;
  right: -1rem;
}

.grecaptcha-badge {
  display: none;
}

.text__bold {
  font-weight: 700 !important;
}

/*
  Desktop Styles
  ================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  .scroll-down-link {
    bottom: 1rem !important;
  }

  /* #header_main {
      overflow: hidden;
    } */
}

/*
  Mobile Styles
  ================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  .hero__text__large,
  .hero__text__large > * {
    font-size: 2rem !important;
    font-weight: 700 !important;
  }
  .hero__text__large {
    margin-top: 4rem !important;
  }
}