/*
 Theme Name:   SkyFuel
 Theme URI:    
 Description:  SkyFuel theme, child of GeneratePress
 Author:       Ninjacreative
 Author URI:   
 Template:     generatepress
 Version:      0.1
*/
body {
   font-smooth: always;
    /* Or other values like never, auto, etc. */
    -webkit-font-smoothing: antialiased;
    /* For WebKit browsers */
    -moz-osx-font-smoothing: grayscale;
    /* For Firefox */
}
/* basics */
h1 b,
h1 strong,
h2 b,
h2 strong {
  font-weight: 500;
}

p strong {
  font-weight: 600;
}

/* sections */

.hero .two-column > div:first-child {
    z-index: 1;
}
section {
  position: relative;
  overflow: hidden;
  padding: 70px 0;
}

section>div {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 50px;
}

.two-column>div {
  flex: 1 0 45%;
  min-width: 300px;
}

.graph::before {
  content: '';
  right: 0;
  bottom: 0;
  top: -30px;
  width: 60%;
  height: 114%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 1;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="844" height="803" viewBox="0 0 844 803" fill="none"><g filter="url(%23filter0_n_94_18360)"><path d="M250.754 401V390.592C250.754 273.135 357.779 178.844 488.922 178.844H500.758V1.71154e-05H488.922C244.328 1.71154e-05 47.1329 175.389 47.1329 390.592V400.517L250.754 401ZM250.754 401V411.408C250.754 528.865 143.728 623.156 12.5857 623.156H0.75V802H12.5857C257.179 802 454.375 626.611 454.375 411.408L454.75 401M250.754 401H454.75M454.75 401L658.377 400.517V390.592C658.377 273.135 765.772 178.844 896.914 178.844H908.75V0H896.914C652.321 0 455.125 175.389 455.125 390.592L454.75 401ZM409.956 801.998V792.073C409.956 576.87 607.151 401.481 851.745 401.481H863.581V580.325H851.745C720.602 580.325 613.208 674.615 613.208 792.073V801.998H409.956Z" stroke="%23CED7FC" stroke-width="1.5"/><path d="M250.754 401V390.592C250.754 273.135 357.779 178.844 488.922 178.844H500.758V1.71154e-05H488.922C244.328 1.71154e-05 47.1329 175.389 47.1329 390.592V400.517L250.754 401ZM250.754 401V411.408C250.754 528.865 143.728 623.156 12.5857 623.156H0.75V802H12.5857C257.179 802 454.375 626.611 454.375 411.408L454.75 401M250.754 401H454.75M454.75 401L658.377 400.517V390.592C658.377 273.135 765.772 178.844 896.914 178.844H908.75V0H896.914C652.321 0 455.125 175.389 455.125 390.592L454.75 401ZM409.956 801.998V792.073C409.956 576.87 607.151 401.481 851.745 401.481H863.581V580.325H851.745C720.602 580.325 613.208 674.615 613.208 792.073V801.998H409.956Z" stroke="url(%23paint0_linear_94_18360)" stroke-width="1.5"/></g><defs><filter id="filter0_n_94_18360" x="0" y="-0.75" width="909.5" height="803.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="2 2" stitchTiles="stitch" numOctaves="3" result="noise" seed="5151"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(62, 97, 227, 0.2)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_94_18360"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><linearGradient id="paint0_linear_94_18360" x1="454.75" y1="0" x2="454.75" y2="802" gradientUnits="userSpaceOnUse"><stop stop-color="%238F91FF"/><stop offset="1" stop-color="%233E61E3"/></linearGradient></defs></svg>');
}

/* nav */
.inside-navigation .navigation-branding img, .inside-navigation .site-logo.mobile-header-logo img {
    height: auto;
    width: 251px;
    display: inline-block;
}
.main-navigation.sticky-navigation-transition .site-logo img, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img {
  height: auto;
}
.nav-btn {
  background-color: #6E65EC;
  border-radius: 4px;
  padding: 10px 23px;
      margin-left: 30px;
      transition: all 0.3s ease-in;
}
.nav-btn:hover,
.nav-btn:active {
  background-color: rgba(110, 101, 236, 0.8);
  transition: all 0.3s ease-in;
}
.main-navigation .main-nav ul li.nav-btn a {
  color: #fff;
}

.main-navigation .main-nav ul li.nav-btn:hover a {
  color: #fff;
}

.sticky-enabled .main-navigation.is_stuck {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 0;
}

.main-navigation.navigation-stick .sticky-navigation-logo img {
  padding: 0;
}

/* accordion */

.gb-accordion .gb-accordion__content {
  max-height: 0;
  visibility: visible;
}

.gb-accordion .gb-accordion__item {
  border: none;
  border-bottom: 0.5px solid rgba(53, 71, 204, 0.2);
}

.gb-accordion .gb-accordion__item .gb-text {
  font-weight: 400;
}

.gb-accordion__toggle {
  justify-content: flex-start;
}

.gb-accordion__toggle-icon svg line {
  fill: #3E61E3;
  stroke: #3E61E3;
  stroke-width: 24px;
}

span.gb-accordion__toggle-icon {
  margin-left: auto;
}

/* footer */
.wp-block-social-links .wp-social-link svg {
    height: 41px;
    width: 41px;
}
.footer-logo img {
    padding: 30px 0 42px 0;
}

.footer-widgets .widget {
  margin-bottom: 25px;
}

.site-footer {
  background-image: url('assets/img/web-footer.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.site-footer a:hover,
.site-footer a:active {
  color: #fff;
}
.copyright-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid rgba(62, 97, 227, 0.4);
  padding-top: 30px;
  text-align: left;
  gap: 32px;
}


.inside-site-info {
  padding-top: 0;
}

.copyright-bar a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
}

.copyright-bar a:hover {
  color: #fff;
}

/* social icons hack */

.wp-social-link-linkedin a {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none"><rect width="48.3429" height="48.3429" rx="24.1714" fill="%23F6F6FF"/><path d="M32.939 30.8855H29.358V24.8427C29.358 23.895 28.2946 23.1021 27.3469 23.1021C26.3992 23.1021 25.7771 23.895 25.7771 24.8427V30.8855H22.1961V20.1427H25.7771V21.9331C26.37 20.974 27.8866 20.3551 28.9328 20.3551C31.1454 20.3551 32.939 22.1826 32.939 24.3951V30.8855ZM20.4057 30.8855H16.8247V20.1427H20.4057V30.8855ZM18.6152 14.7712C19.604 14.7712 20.4057 15.5729 20.4057 16.5617C20.4057 17.5506 19.604 18.3522 18.6152 18.3522C17.6263 18.3522 16.8247 17.5506 16.8247 16.5617C16.8247 15.5729 17.6263 14.7712 18.6152 14.7712Z" fill="%233E61E3"/></svg>');
  background-size: cover;
}

.wp-social-link-linkedin a svg {
  opacity: 0;
}

.wp-block-social-link {
  transition: transform 0.3s ease-in;
}

.wp-block-social-link:hover {
  transform: scale(1) translate(3px, 0);
  transition: transform 0.3s ease-in;
}
@media screen and (max-width: 1137px) {
  .hero .two-column > div:first-child {
    flex-basis: 60%;
}
h1 {
  font-size: 50px;
}
h2 {
  font-size: 40px;
}
}
@media screen and (max-width: 686px) {

  .inside-navigation .navigation-branding img, .inside-navigation .site-logo.mobile-header-logo img {
    height: auto;
    max-width: 200px;
}
}
@media screen and (max-width: 635px) {
  h1 {
  font-size: 41px;
}
h2 {
  font-size: 35px;
}
 ul#menu-paavalikko li:not(.nav-btn) {
    display: none;
}
.inside-header {
    flex-direction: row;
    padding: 20px;
}
nav.main-navigation.has-branding .inside-navigation.grid-container {
   padding: 0px 10px;
}
nav.main-navigation.has-branding:not(.is_stuck) .inside-navigation.grid-container {
  padding: 10px 10px;
}
.nav-btn {
      margin-left: 20px;
}
.main-navigation .main-nav ul li.nav-btn a {
        padding-left: 5px;
        padding-right: 5px;
}
}
/* small mobile screens */

@media screen and (max-width: 420px) {
      .inside-site-info {
        padding-right: 20px;
        padding-left:20px;
    }
  section {
    padding: 30px 0;
  }

  section>div {
    padding: 20px 20px;
  }

  .graph::before {
    width: 100%;
        height: 60%;
        top: 41%;
        bottom: 0;
  }
 

.site-logo {
          width: 145px;
}
.inside-navigation.grid-container {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.main-navigation.navigation-stick .sticky-navigation-logo img, .inside-navigation .navigation-branding img, .inside-navigation .site-logo.mobile-header-logo img {
  width: 145px;
  height: auto;
}
}

@media screen and (max-width: 328px) {
.nav-btn {
      margin-left: 5px;
}
.main-navigation .main-nav ul li.nav-btn a {
        padding-left: 0px;
        padding-right: 0px;
}
}