<style type="text/css">
.color-blue{
color: #2454ff !important;
}

.color-blue{
color: #2454ff !important;
}

.font-weight-medium .text-normal{
color: darkgrey;
}

/*HERO*/

.hero-sizing {
    height: 100vh;
}

.NS-hero{
  position: relative;
  top: -30px;
}

.mobile-only.text-align-center img{
 max-height: 85vh;
}

/*HEADER*/

.border-black{
border: 2px solid black;
}

.header-container{
display: flex;
justify-content: space-between;
}

#mobile-header{
display: none;
}

#desktop-header{
display: block;
}

#desktop-header .no-dec {
    padding-left: 15px;
}

#mobile-menu{
display: none;
}

.nav-arrows{
text-align: right;
}

.anchor-adjust{
position: relative;
top: -75px;
}

@media only screen and (max-width: 768px) {
.anchor-adjust{
top: -60px;
}

.nav-arrows{
text-align: left;
}

#mobile-header{
display: block;
}

#desktop-header{
display: none;
}
.header-container{
padding-left: .0;
padding-right: 0;
}  

.js-header .pt-2 {
    padding-top: 1rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 1rem;
    padding-right: 1rem;
}  
}

#mobile-menu {
    margin-top: 25px;
    margin-bottom: 50px;
    padding: 20px;
    text-align: center;
}

.flex-col{
display: flex;
flex-direction: column;
}


a.no-dec.text-white {
    margin: 5px;
}

.header-item img{
height: 1.2rem;
}

/*RSVP*/
#rsvp {
    position: fixed;
    bottom: 5px;
    z-index: 3000;
    width: 100vw;
}

#rsvp button {
    border: 2px solid black;
    padding: 10px 15px 5px;
    background-color: white;
    letter-spacing: 3px;
}

#rsvp button a {
    color: #2454ff !important;
}

/*TYPOGRAPHY*/

h1{
font-size: none !important;
line-height: none !important;
}

h2{
font-size: none !important;
line-height: none !important;
}

h3{
font-size: none !important;
line-height: none !important;
}

.display-2{
font-size: 100px !important;
line-height: 100% !important;
font-family: RISD Serif SemiComplete, serif !important;
}

.no-bullet{
list-style-type: none;
}

@media only screen and (max-width: 768px) {
.display-2{
font-size: 48px !important;
line-height: 100% !important;
}

.mobile-headers {
    padding-bottom: 0px !important;
}
}

.display-3{
font-size: 48px !important;
line-height: 115% !important;
}

@media only screen and (max-width: 768px) {
.display-3{
font-size: 33px !important;
line-height: 115% !important;
}
}

.h2{
font-size: 36px !important;
line-height: 135% !important;
}

@media only screen and (max-width: 768px) {
.h2{
font-size: 24px !important;
line-height: 130% !important;
}
}

.h3{
font-size: 24px !important;
line-height: 130% !important;
}

@media only screen and (max-width: 768px) {
.h3{
font-size: 22px !important;
line-height: 130% !important;
}
}

.h4{
font-size: 24px !important;
line-height: 130% !important;
}

.h5{
font-size: 18px !important;
line-height: 130% !important;
}

.h6{
font-size: 16px !important;
line-height: 140% !important;
}

a.no-dec {
text-decoration: none;
}

.learnmore {
line-height: 200% !important;
}

hr{
border-top: 2px solid black !important;
}


/*MOBILE SPACING*/
@media only screen and (max-width: 768px) {
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
    background-color: blue;
}

.pb-5{
    padding-bottom: 1rem !important;
}
}

/*LINKS*/
main a {
color: black !important;
}

.bb-blue {
border-bottom: 2px solid #2454ff;
}

.bb-black{
border-bottom: 2px solid black;
}

/*IMGs*/
.ns-texture {
    position: absolute !important;
    z-index: 100;
   pointer-events: none;
}

.ns-left{
    left: 50px;
}

/*HERO--MOBILE ADJUSTMENTS*/
.mobile-only{
display:none;
}
.desktop-only{
display:block;
}

@media only screen and (max-width: 768px) {
.desktop-only{
display:none;
}
.mobile-only{
display:block;
}

}

/*FOOTER*/
.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

@media only screen and (max-width: 768px) {
.footer-container{
    display: block;
  padding: 1rem;
}
}

.footer-container a{
    color: white !important;
}

#risd-seal {
    width: 15vw;
    height: auto;
}

@media only screen and (max-width: 768px) {
#risd-seal {
    width: 50vw;
    height: auto;
}
}

.footer-item {
    width: 25vw;
}

@media only screen and (max-width: 768px) {
.footer-item {
    width: auto;
   padding-bottom: 1.5rem;
}
}

.hide-libraries{
display:none !important;
}

/*SERIF OL*/

.serif-ol li::marker{
font-family: RISD Serif SemiComplete, serif !important;
font-size: 22px;
text-indent: 10px;
}

.serif-ol ol{
padding-left: 1.5rem !important;
}

/*YOUTUBE EMBED*/
.videoWrapper{
position: relative;
padding-bottom: 56.25%;
height: 0;
}

.videoWrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* LAYOUT BUILDER ONLY, MAKING IT EASIER TO EDIT CONTENT */
/* elements */

#layout-builder .ns-texture, #layout-builder #rsvp, #layout-builder .hero-sizing{
position: relative !important;
height: auto !important;
width: auto !important;
pointer-events: auto !important;
z-index: initial;
}

#layout-builder .mobile-only{
display: block;
}


#layout-builder .anchor-adjust{
position: relative !important;
top: auto !important;
}


</style>