/*
Theme Name: Simpson Development
Author: Jam
Description: Theme For Simpson Development
Version: 2.6
Tested upto: 6.2.2
*/

.elementor-nav-menu li a {
  padding: 0 10px!important;
}
.elementor-nav-menu li:last-child {
  background: #dd1c2f;
}
.elementor-nav-menu li:last-child a {
  color: #fff;
  text-transform: uppercase;
  padding: 10px!important;
}
footer .elementor-nav-menu li a.nav-link {
  color: #ffffff!important;
  font-size: 12px;
  padding: 0 5px!important;
}
footer .elementor-nav-menu li a.nav-link:hover {
  color: #dd1c2f!important;
}
footer .elementor-nav-menu li:last-child a:hover {
  color: #ffffff!important;
}
select {
    background: #dd1c2f;
    width: 100%;
    padding: 15px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    outline: none;
}
select:hover, select:focus, select:active {
  outline: none;
}
select option {
  border: none;
  border-radius: none;
  outline: none;
}
.elementor-button {
  position: relative;
  background-color: transparent!important;
  border: none;
  cursor: pointer;
}
.elementor-button span.elementor-button-content-wrapper {
  color: #ffffff;
  padding: 15px 30px;
  background-color: #dd1c2f;
  position: relative;
  text-transform: uppercase;
  top: 0; left: 0;
  transition: 0.3s;
  margin: 5px;
}
.elementor-button:active, .elementor-button:hover, .elementor-button:focus {
  outline: 0!important;
  outline-offset: 0;
}
.elementor-button::before,
.elementor-button::after {
  position: absolute;
  content: "";
  width: 0%; height: 0%;
  opacity: 0;
  transition: width 0.2s linear, height 0.15s 0.2s ease-out, opacity 0s 0.35s;
}
.elementor-button::before {
  bottom: 0; left: -1px;
  border-top: 1px solid #dd1c2f;
  border-left: 1px solid #dd1c2f;
}
.elementor-button::after {
  top: 0; right: 0;
  border-bottom: 1px solid #dd1c2f;
  border-right: 1px solid #dd1c2f;
}
.elementor-button:hover::before,
.elementor-button:hover::after {
  width: 100%; height: 99%;
  opacity: 1;
  transition: width 0.2s 0.15s ease-out, height 0.15s ease-in, opacity 0s;   
}
.elementor-button::before,
.elementor-button::after {
  background: transparent;
  z-index: 2;
}
.scrollable .elementor-post__title:hover a {
   color: #dd1c2f!important;
   transition: color 0.5s ease;
}
/* Scrollbar */
.scrollable {
   height: 300px;
   overflow-y: scroll;
   overflow-x: hidden;
   margin-right: 20px;
}
/* width */
.scrollable::-webkit-scrollbar {
  width: 20px;
}
/* Track */
.scrollable::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px grey; 
   border-radius: 10px;
}
/* Handle */
.scrollable::-webkit-scrollbar-thumb {
   background: #2b3f8a; 
   border-radius: 10px;
}
/* Handle on hover */
.scrollable::-webkit-scrollbar-thumb:hover {
   background: #2b3f8a; 
}
/* Custom Animation */
.hero {
  animation: 50s para infinite linear;
}

@-webkit-keyframes para{
    100% {
      background-position: 
        -5000px 20%,
        -800px 95%,
        500px 50%,
        1000px 100%,
        400px 0;
    }
}

@-moz-keyframes para{
    100% {
      background-position: 
        -5000px 20%,
        -800px 95%,
        500px 50%,
        1000px 100%,
        400px 0;
    }
}

@-o-keyframes para {
    100% {
      background-position: 
        -5000px 20%,
        -800px 95%,
        500px 50%,
        1000px 100%,
        400px 0;
    }
}

@-ms-keyframes para {
    100% {
      background-position: 
        -5000px 20%,
        -800px 95%,
        500px 50%,
        1000px 100%,
        400px 0;
    }
}

@keyframes para {
  100% {
    background-position: 
      -5000px 20%,
      -800px 95%,
      500px 50%,
      1000px 100%,
      400px 0;
  }
}

/* Responsive Design */
@media (max-width: 767px) {
    .elementor-nav-menu li a {
        padding: 10px 0!important;
    }
}