/*!
 Theme Name:   Varius
 Theme URI:    https://varius-aviation.com
 Description:  Varius Aviation & Invest theme
 Author:       Fabian Todt
 Author URI:   https://now.at
 Template:     generatepress
 Version:      0.1
*/
/* TYPOGRAPHY */
/* NAVIGATION & HERO */
@media (max-width: 768px) {
  body.varius-aviation .page-hero {
    background-image: url("/wp-content/themes/varius-aviation/assets/images/varius-header-mobile.jpg"); } }

body.home .page-hero {
  height: 100vh; }

body.slide-opened {
  overflow: hidden; }

.site-content .elementor-section-wrap section {
  padding-top: 60px;
  padding-bottom: 60px; }

/* generatepress customization */
.error404 .search-form {
  display: none; }

.varius-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  .varius-icons .varius-icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center; }
    .varius-icons .varius-icon.varius-icon-reach .text {
      margin-left: -15px;
      margin-right: -15px; }
      @media (max-width: 768px) {
        .varius-icons .varius-icon.varius-icon-reach .text {
          margin-left: -10px;
          margin-right: -10px; } }
    .varius-icons .varius-icon .icon {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 75px;
      margin-bottom: 10px; }
      .varius-icons .varius-icon .icon img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover; }
    .varius-icons .varius-icon .text {
      font-size: 12px; }
      .varius-icons .varius-icon .text .fa {
        font-size: 30px;
        font-weight: lighter; }

/* OVERLAY MENU */
nav#generate-slideout-menu.slideout-navigation.do-overlay .slideout-exit,
.slideout-overlay .slideout-exit {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0; }

nav#generate-slideout-menu.slideout-navigation.do-overlay {
  background-color: rgba(0, 3, 17, 0.7) !important; }
  nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation {
    width: 100%;
    padding: 150px 100px 50px 100px;
    max-width: none;
    margin: 0;
    height: 100%; }
    @media (max-width: 768px) {
      nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation {
        padding: 50px 0; } }
    nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation,
    nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
    nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav {
      width: 100%;
      height: 100%;
      margin-bottom: 0; }
      @media (max-width: 768px) {
        nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav {
          padding: 10px; } }
      nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        height: 100%;
        margin-left: -5px;
        margin-right: -5px; }
        @media (max-width: 768px) {
          nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column; } }
        nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li {
          width: 25%;
          width: -webkit-calc(25% - 10px);
          width: calc(25% - 10px);
          margin: 5px;
          background-color: #000311; }
          nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li:before {
            content: "";
            display: block;
            padding-bottom: 100%;
            width: 100%; }
          nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li > * {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          @media (max-width: 768px) {
            nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li {
              background: none !important;
              display: block;
              padding: 5px 0px;
              margin-left: 0;
              width: auto;
              height: auto;
              -webkit-box-flex: 0;
              -webkit-flex: 0;
                  -ms-flex: 0;
                      flex: 0; }
              nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li:before {
                display: none;
                content: none; }
              nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li > * {
                position: static; } }
          nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
            line-height: 1;
            color: white;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
                    background-size: cover;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 26px;
            padding: 20px; }
            @media (max-width: 768px) {
              nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a {
                font-size: 18px;
                padding: 5px; } }
            nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a:hover, nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a:active {
              -webkit-box-shadow: inset 0 0 0 100vmax rgba(0, 3, 17, 0.7);
                      box-shadow: inset 0 0 0 100vmax rgba(0, 3, 17, 0.7); }
              @media (max-width: 768px) {
                nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a:hover, nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a:active {
                  -webkit-box-shadow: none;
                          box-shadow: none; } }
              nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a:hover a, nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a:active a {
                text-decoration: none; }
            @media (max-width: 768px) {
              nav#generate-slideout-menu.slideout-navigation.do-overlay .inside-navigation .main-nav ul.slideout-menu li a {
                background: none !important; } }

/* "MAIN" (GP) NAVIGATION / SECONDARY MENU */
nav.main-navigation:not(.slideout-navigation) {
  background: transparent;
  background: none; }
  nav.main-navigation:not(.slideout-navigation) .inside-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media (max-width: 768px) {
      nav.main-navigation:not(.slideout-navigation) .inside-navigation {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 10px;
        padding-bottom: 10px; } }
  nav.main-navigation:not(.slideout-navigation) .slideout-toggle {
    padding-bottom: 25px;
    background: none;
    margin-right: 50px; }
    @media (max-width: 768px) {
      nav.main-navigation:not(.slideout-navigation) .slideout-toggle {
        padding-bottom: 10px;
        margin-right: auto; } }
    nav.main-navigation:not(.slideout-navigation) .slideout-toggle,
    nav.main-navigation:not(.slideout-navigation) .slideout-toggle a,
    nav.main-navigation:not(.slideout-navigation) .slideout-toggle a:before {
      color: #fff; }
    nav.main-navigation:not(.slideout-navigation) .slideout-toggle .label {
      margin-left: 5px;
      line-height: 1;
      font-size: 18px;
      text-transform: uppercase;
      background: none; }
      @media (max-width: 768px) {
        nav.main-navigation:not(.slideout-navigation) .slideout-toggle .label {
          display: none; } }
  nav.main-navigation:not(.slideout-navigation) .site-logo.navigation-logo {
    margin-right: auto; }
    nav.main-navigation:not(.slideout-navigation) .site-logo.navigation-logo img {
      height: 120px;
      width: auto;
      display: inline-block !important; }
    @media (max-width: 768px) {
      nav.main-navigation:not(.slideout-navigation) .site-logo.navigation-logo {
        display: none !important; } }
  nav.main-navigation:not(.slideout-navigation) .main-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item {
      padding-bottom: 25px; }
      @media (max-width: 768px) {
        nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item {
          padding-bottom: 0; } }
      nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item a, nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item a:focus, nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item a:hover {
        color: white;
        line-height: 1;
        font-size: 18px;
        text-transform: uppercase;
        background: none; }
      nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item a:focus, nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item a:hover {
        text-decoration: underline; }
    nav.main-navigation:not(.slideout-navigation) .main-nav ul li.wpml-ls-item a {
      padding-left: 0;
      padding-right: 0; }
    nav.main-navigation:not(.slideout-navigation) .main-nav ul li.wpml-ls-item:not(:first-child) a:before {
      content: "/";
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px; }
  nav.main-navigation:not(.slideout-navigation).is_stuck {
    background: #fff; }
    nav.main-navigation:not(.slideout-navigation).is_stuck .slideout-toggle,
    nav.main-navigation:not(.slideout-navigation).is_stuck .slideout-toggle a,
    nav.main-navigation:not(.slideout-navigation).is_stuck .slideout-toggle a:before {
      color: #000311; }
    nav.main-navigation:not(.slideout-navigation).is_stuck .slideout-toggle:focus > a, nav.main-navigation:not(.slideout-navigation).is_stuck .slideout-toggle:hover > a {
      background-color: #fff; }
    @media (max-width: 768px) {
      nav.main-navigation:not(.slideout-navigation).is_stuck.site-logo, nav.main-navigation:not(.slideout-navigation).is_stuck.page-hero-navigation-logo {
        display: none !important; } }
    nav.main-navigation:not(.slideout-navigation).is_stuck .main-nav ul li.menu-item a, nav.main-navigation:not(.slideout-navigation).is_stuck .main-nav ul li.menu-item a:focus, nav.main-navigation:not(.slideout-navigation).is_stuck .main-nav ul li.menu-item a:hover {
      color: #000311; }

@media (min-width: 769px) {
  body.varius-consulting nav.main-navigation:not(.slideout-navigation) {
    padding-bottom: 15px; } }

body.varius-consulting nav.main-navigation:not(.slideout-navigation) .slideout-toggle,
body.varius-consulting nav.main-navigation:not(.slideout-navigation) .main-nav ul li.menu-item {
  padding-bottom: 5px; }

body.varius-consulting nav.main-navigation:not(.slideout-navigation) .main-nav ul {
  padding-top: 10px;
  padding-right: 20px; }

@media (max-width: 768px) {
  body.varius-consulting nav.main-navigation:not(.slideout-navigation) .slideout-toggle {
    margin-right: auto; } }

body.varius-consulting nav.main-navigation:not(.slideout-navigation) .site-logo.navigation-logo img {
  height: 100px; }
