body{
    font-size: 1.5rem;
}

a{
    text-decoration: none;
}

#mainNav, #mainNav.navbar-shrink, .navbar-brand{
    padding-top: 0;
}

header.banner, #smllc-dates, #smllc-about, #footer-menu{
    /*background-image: url("../assets/img/portfolio/pasta-dinner.png");*/
    background-color: #1883f5 !important;
}
#logo{
    padding: 20px;
    background-color: white;
    border-radius: 0 0 2px 2px;
}

@media (min-width: 992px) {
    .masthead {
        padding-top: calc(3rem + 104px);
        padding-bottom: 6rem;
    }
}
.masthead
 {
    padding-top: calc(3rem + 74px);
    padding-bottom: 6rem;
}

.invite-frame-main{
    /*background: #ed721b;
    border-radius: 12px;
    border: 18px solid #ed721b;*/

    /*box-shadow: rgb(9, 153, 248) 0px 0px 0px 2px;*/
    /* box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px; */

}
/* .invite-frame-main .middle{
    background: #b5cd75;
    border-radius: 15px;
    border: 15px solid #b5cd75;
}
.invite-frame-main .middle2{
    background: #f9da66;
    border-radius: 15px;
    border: 15px solid #f9da66; 
}*/
.invite-frame-main .inner{
    background: rgb(250, 247, 234);
    border-radius: 10px;
    padding: 3rem;
    border: 15px solid #f8ef9a;
}
h6, h5, h4, h3, h2, h1{
    font-family: "Rubik", sans-serif;
}

h1.title{
    font-size: 4rem !important;
    line-height: 4rem !important;
    color: #ffda00;
    color: #bce6f4;
    color: #f3f3f3;
    font-weight: 700;
    font-style: bold;
    text-align: center;
}
h2.subtitle, .subtitle{
    font-size: 2.5rem !important;
    color: #ffda00;
    font-weight: 700;
    font-style: bold;
}

.chewy{
    font-family: "Chewy", sans-serif;
    letter-spacing: .3rem;
}
.subprice{
    font-size: 2rem !important;
    color: lightgray;
}
p.price{
    color:#363636;
    font-size: .8rem;
    margin-top: 10px;
}
.strikethrough-diagonal {
  position: relative; /* Position the element to be the reference for the pseudo-element */
}

.strikethrough-diagonal:before {
  content: ""; /* Required for pseudo-elements to display */
  position: absolute;
  left: 0;
  top: 50%; /* Position the line vertically in the middle */
  right: 0;
  border-top: 2px solid; /* Create the line (adjust thickness and color) */
  border-color: #6c757d; /* Inherit the text color for the line */
  transform: rotate(-5deg); /* Rotate the line diagonally (adjust angle as needed) */
}

#file-steps.bg-primary{
    background-color: #2c3e50 !important; /*#087990*/
}

#file-steps ul{
    line-height: 2.5rem;
    padding-left: 0;
}

.btn{
    background-color: #e31936;
    background-color: #0e54a0;
    border-color: #0e54a0;
}

#smllc-about b{
    font-weight: 700;
    font-style: italic;
}

#smllc-dates .container{
    border-top: 2px dashed #2c3e50;
    padding-top: 6rem;
}

#contact a:link, #get-started a:link{
    color: #1883f5;
    font-size: .8rem;
}
#contact a:hover, #contact a:hover{
    text-decoration: underline;
}
#get-started h2{
    line-height: 3.2rem;
}
#footer-menu{
    font-size: .8rem;
    padding: 60px 20px 180px;
}

#footer-menu a{
    color: white;
}

@media (max-width: 800px) {
    body{
        font-size: 1.2rem;
    }
    #file-steps .container, #smllc-dates .container, #smllc-about .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}