body{
    font-size: 19px;
}

a{
    text-decoration: none;
}

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

/* header.banner{
    background-image: url("../assets/img/portfolio/present-tags.jpg");
    background-size: contain;
} */

@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{
    border-radius: 12px;
    /*background: #058139;
    border: 18px solid #058139 green; @ed721b orange*/ 

    background: #38999e;
    border: 18px solid #38999e; 

    /*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: white;
    border-radius: 10px;
    padding: 3rem;
    /*border: 15px solid #d5ee79 light green; #f8ef9a ligh yellow */
    border: 15px solid #5de340;
}
.masthead .btn{
    --bs-btn-color: white;
    --bs-btn-bg: #64b6dc;
    --bs-btn-hover-bg: #378fc4;
    --bs-btn-hover-color: white;
}

.invite-frame-main h1.masthead-heading{
    font-size: 3rem;
    padding: 10px 0 30px;
    
}

.invite-frame-main h2.masthead-heading{
    font-size: 1.2rem;
    padding-top: 10px;
    line-height: 2rem;
}

.invite-frame-main label{
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.2rem;
}

.note{
    font-family: 'Courier New', Courier, monospace;
    /*color: #48a635;*/
    font-size: 1.1rem;
    font-weight: 600;
}

#about.bg-primary{
    background-color: #087990 !important;
}

#prior-events-header{
    background-color: #2c3e50 !important;
    padding: 4rem 0 2rem;
}
#prior-events .invite{
    padding: 6rem;
}

#footer-menu{
    font-size: .8rem;
    padding: 60px 20px 180px;
    background-color: #087990 !important;

}

#footer-menu a{
    color: white;
}

/* Google form mobile */
@media screen and (max-width:767px) {
iframe[src*="google.com/forms"] {
    width: 100% !important;
    height: 1550px;
}
}
@media screen and (max-width: 500px){
    .invite-frame-main .inner{
        padding: 1.5rem;
    }
    #prior-events .invite{
        padding: 0;
    }
    #about .container{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    #rsvp a.row{
        font-size: .8rem;
        text-align: center;
    }
    .inner-virtual-dinner,
    .inner-virtual-cardboard-compost,
    .inner-virtual-rainbow,
    .inner-virtual-optact{
        padding: 2rem;
    }

}

/*EVENTS CSS */
#prior-events .invite{
    color: rgb(29, 29, 29);
}

#prior-events .invite h3{
    font-weight: 700;
}

/****PRIOR EVENTS ***/

/*.bg-virtual-dinner, */
.bg-virtual-dinner.invite{
    background-image: url("../assets/img/portfolio/pasta-dinner.png");
    padding: 20px;
    background-size: cover;

}
.invite-frame-virutal-dinner{
    background: #ed721b;
    border-radius: 12px;
    border: 18px solid #ed721b;
}
.inner-virtual-dinner{
    background: rgb(250, 247, 234);
    border-radius: 10px;
    padding: 3rem;
    border: 15px solid #f8ef9a;
}

/*.bg-cardboard-compost */
.bg-broccoli.invite{
    background-image: url("../assets/img/portfolio/broccoli.jpg");
    padding: 20px;
}
.invite-frame-cardboard-compost{
    background: #058139;
    border-radius: 12px;
    border: 18px solid #058139;
}
.inner-cardboard-compost{
    background: white;
    border-radius: 10px;
    padding: 3rem;
    border: 15px solid #f8ef9a;
}

/*.bg-rainbow */
.bg-rainbow.invite{
    background-image: url("../assets/img/portfolio/rainbow.jpg");
    padding: 20px;
}
.invite-frame-rainbow{
    background: #33b6e2;
    border-radius: 12px;
    border: 18px solid #33b6e2;
}
.inner-rainbow{
    background: white;
    border-radius: 10px;
    padding: 3rem;
    border: 15px solid #7118a5;
}

/*.bg-optact */
.bg-optact.invite{
    background: #cf4b4b;
    padding: 20px;
}
.invite-frame-optact{
    background: #cf4b4b;
    border-radius: 12px;
    border: 18px solid #cf4b4b;
}
.inner-optact{
    color: white;
    border-radius: 10px;
    padding: 3rem;
    border: 15px solid #cf4b4b;
}
.inner-optact .btn{
    --bs-btn-color: white;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: rgb(255, 115, 0);
}