
#sp-header, html.offline body {
    background-image: linear-gradient(to bottom right, hsl(254,100%,20%), hsl(214,100%,20%));
}
#sp-footer {
    background-image: linear-gradient(to bottom right, hsl(254,100%,8%), #121212, #121212);
}
.sppb-btn-primary:hover {
  background-position: right center; /* change the direction of the change here */
}
.sppb-btn-primary {
    background-image: linear-gradient(to bottom right, hsl(254,100%,30%), hsl(214,100%,40%));
    background-size: 200% auto;
    transition: 0.5s;
    border: none;
    padding: 15px 25px;
    font-size: 18px;
    font-family: 'Rubik', sans-serif;
}
body {
    background: hsl(234,15%,85%);
}
.sp-simpleportfolio .sp-simpleportfolio-meta > div {
    border-bottom: 1px solid hsl(284,15%,75%);
}



/*SR Overides*/
#sp-main-body {
  padding: 0 0 50px;
}
.com-spsimpleportfolio #sp-component {
  padding-top: 50px;
}
@media (max-width: 575px){
  #sp-header {
    height: 80px;
  }
}
/*#sp-header.header-sticky {
    animation:none 0s;
}
@media (max-width: 767px) {
  #sp-header.header-sticky {
    position: relative;
    margin-top: -80px;
  }
  .sticky-header-placeholder {
    height:80px;
  }
}*/
.sp-simpleportfolio .sp-simpleportfolio-image {
  margin-bottom: 50px;
}
.sp-simpleportfolio .sp-simpleportfolio-description > h2 {
  margin-bottom: 2rem;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
  margin: 5px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li.active > a {
  text-shadow: #000 2px 2px 5px;
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active:hover > a {
  text-shadow: #000 2px 2px 2px;
  transform: translate(1px,1px);
}
.center {
  margin: 0 auto;
}
.text-center {
  text-align: center;
}
.sppb-text-center {
  padding: 30px;
}
p {
    margin-bottom: 2rem;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  padding: 0.75rem 0;
}
@media (min-width:1400px) {
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
  max-width:1140px
}
