.rails-bootstrap-forms-date-select select,
.rails-bootstrap-forms-time-select select,
.rails-bootstrap-forms-datetime-select select {
  display: inline-block;
  width: auto;
}

.rails-bootstrap-forms-error-summary {
  margin-top: 10px;
}

/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*



*/


 :root {
   --jumbotron-padding-y: 3rem;
 }

 .jumbotron {
   /* padding-top: var(--jumbotron-padding-y);
   padding-bottom: var(--jumbotron-padding-y); */

   padding-top: calc(var(--jumbotron-padding-y) * 2);
   padding-bottom: calc(var(--jumbotron-padding-y) * 2);
   margin-bottom: 0;
   /* background-color: #fff; */
   background-color: transparent;
   border-radius: 0;
   padding-left: 0;
   padding-right: 0;
   /* font-weight: bold; */
 }
 /* @media (min-width: 768px) {
   .jumbotron {
     padding-top: calc(var(--jumbotron-padding-y) * 4);
     padding-bottom: calc(var(--jumbotron-padding-y) * 4);
   }
 } */


 .btn-xl, .btn-group-xl>.btn {
     padding: 0.7rem 1.5rem;
     font-size: 1.3rem;
     line-height: 1.5;
     border-radius: 0.3rem;
 }

 .btn-xxl, .btn-group-xxl>.btn {
     padding: 0.75rem 1.5rem;
     font-size: 2.5rem;
     line-height: 1.5;
     border-radius: 0.6rem;
 }


 .iphone {
   margin-top: 50px;
   /* max-width: 520px; */
 }
/*
 @media (max-width: 768px) {
   .iphone {
     margin-top: 0px;
     max-width: 300px;
   }
 }
  */

 /* @media (min-width: 768px) {
   .jumbotron {
     padding-top: calc(var(--jumbotron-padding-y) * 1);
     padding-bottom: calc(var(--jumbotron-padding-y) * 1);
   }
   .iphone {
     margin-top: 30px;
   }
 } */

 @media (min-width: 992px) {
   .jumbotron {
     padding-top: calc(var(--jumbotron-padding-y) * 3);
     padding-bottom: calc(var(--jumbotron-padding-y) * 3);
   }
   .iphone {
     margin-top: 40px;
     max-width: 360px;
   }
 }

 @media (min-width: 1200px) {
   .jumbotron {
     padding-top: calc(var(--jumbotron-padding-y) * 3);
     padding-bottom: calc(var(--jumbotron-padding-y) * 3);
   }
   .iphone {
     margin-top: 30px;
     max-width: 380px;
   }
 }

  @media (max-width: 992px) {
    .iphone {
      margin-top: -50px;
      /* max-width: 360px; */
    }
  }


 .jumbotron p:last-child {
   margin-bottom: 0;
 }

 .jumbotron-heading {
   /* font-weight: 300; */
 }

 .jumbotron .container {
   max-width: 40rem;
 }

 footer {
   padding-top: 3rem;
   padding-bottom: 3rem;
 }

 footer p {
   margin-bottom: .25rem;
 }

 .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.site-title {
 text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
 color: #fff;
 font-size: 2.5rem;
 letter-spacing: -1px;
}


@media (max-width: 767px) {
 .site-title {
   font-size: 1.6rem;
   line-height: 2rem;
 }
 .lead {
   font-size: 1rem;
   line-height: 1.5rem;
 }
}

.bg-gradient {
 /* background: linear-gradient(270deg, #EE7752, #E73C7E, #23A6D5, #23D5AB, #cb356b, #5b86e5, #bd3f32, #45a247, #b21f1f, #fc00ff, #7b4397, #8e9eab, #fcb045, #0072ff, #cb356b); */
 /* background: linear-gradient(270deg, #0072ff, #23D5AB, #cb356b, #EE7752, #3498db, #5b86e5, #bd3f32, #45a247, #b21f1f, #fc00ff, #7b4397, #8e9eab, #fcb045, #3d72b4, #23A6D5); */
 background: linear-gradient(270deg, #0072ff, #23D5AB, #cb356b, #EE7752, #3498db, #5b86e5, #bd3f32, #45a247, #b21f1f, #c542c7, #7b4397, #8e9eab, #fcb045, #3d72b4, #23A6D5);
 background-size: 3000% 3000%;
 -webkit-animation: Gradient 126s ease infinite;
 -moz-animation: Gradient 126s ease infinite;
 animation: Gradient 126s ease infinite;
 border: 0;
 color: #fff;
}

.text-gradient {
 /* background: linear-gradient(270deg, #EE7752, #E73C7E, #23A6D5, #23D5AB, #cb356b, #5b86e5, #bd3f32, #45a247, #b21f1f, #fc00ff, #7b4397, #8e9eab, #fcb045, #0072ff, #cb356b); */
 background: linear-gradient(270deg, #0072ff, #23D5AB, #cb356b, #EE7752, #3498db, #5b86e5, #bd3f32, #45a247, #b21f1f, #fc00ff, #7b4397, #8e9eab, #fcb045, #3d72b4, #23A6D5);
 background-size: 3000% 3000%;
 -webkit-animation: Gradient 126s ease infinite;
 -moz-animation: Gradient 126s ease infinite;
 animation: Gradient 126s ease infinite;
 border: 0;
 color: #fff;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

@-webkit-keyframes Gradient {
   0%{background-position:0% 50%}
   50%{background-position:100% 50%}
   100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
   0%{background-position:0% 50%}
   50%{background-position:100% 50%}
   100%{background-position:0% 50%}
}
@keyframes Gradient {
   0%{background-position:0% 50%}
   50%{background-position:100% 50%}
   100%{background-position:0% 50%}
}

.animated-speed-1 {
 -webkit-animation-duration: 4s;
 -moz-animation-duration: 4;
 -ms-transition-animation-duration: 4s;
 -webkit-animation-delay: 1s;
 -moz-animation-delay: 1s;
 -ms-transition-animation-delay: 1s;
 opacity: 0;
}

.animated-speed-2 {
 -webkit-animation-duration: 3s;
 -moz-animation-duration: 3;
 -ms-transition-animation-duration: 3s;
}

.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 1s;
transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
 opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
}


.btn-black{
  background-color: #121416;
}

.btn-black:hover{
  background-color: #1D2124;
}

/* Typography overrides for legal/content pages without relying on Tailwind build */
.prose h1 {
  font-size: 2rem; /* 32px */
  line-height: 2.5rem;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.prose h2 {
  font-size: 1.5rem !important; /* 24px */
  line-height: 2rem !important;
  font-weight: 700 !important;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
.prose h3 {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.prose p {
  font-size: 1rem !important; /* 16px */
  line-height: 1.75rem !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}