/* Navbar */
#navBar-main{
    background-color: #FEFBF3;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
}

#navItems {
    /*color: #F9FCF4;*/
    /*color: #CC9C75;*/
    color: #C5A880;
}

#navItems:hover {
    font-weight:400;
}

/* Landing */
.masthead {
    min-height: 100vh;
    background-size:cover;
    background-attachment: fixed;
    position: relative;
    background-image: url('landing.JPG');
}

.landing-main-text {
    font-size: 8.5rem;
    /*font-family: 'Great Vibes', cursive;*/
    font-family: 'The Nautigal', cursive;
    /*font-family: 'Allura', cursive;*/
    /*color: #F9FCF4;*/
    color: #C5A880;;
}

.color-overlay {
   position: absolute;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    color: #FFFAFA;
}

#gettingMarried {
    font-family: 'Great Vibes', cursive;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
#transportTravel {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Text Formatting */
.main-head-text {
    font-family: 'The Nautigal', cursive;
    font-size: 3.5rem;
    color: #C5A880;
    text-align: center;
}

.main-sub-text-white {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 1.5rem;
    text-align: center;
}
.main-sub-text-black {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 1.5rem;
    text-align: center;
}
.rsvp-sub-text {
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        font-size: 1rem;
        text-align: center;
}
.rsvp-sub-text-invites {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 0.8rem;
    text-align: center;
}
.story-dates {
    color: #C5A880;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 1.2rem;
    text-align: center;
}
/* divs */
.light-div {
    background-color: #FEFBF3;
}
.div-padding-top {
    padding-top: 50px;
}
.div-padding-bottom {
    padding-bottom: 50px;
}
.div-padding-bottom-responsive {
    padding-bottom: 50px;
}
.details-padding {
    padding-top: 150px;
    padding-bottom: 150px;
}
.venue-details {
    padding-top: 150px;
    padding-bottom: 150px;;
}
#weddingGifts {
    padding-top: 200px; 
    padding-bottom:200px;
}
.dress-code {
    padding-top: 150px;
    padding-bottom: 150px;
}
.first-parallax {
    min-height: 50vh;
    background-size:cover;
    background-attachment: fixed;
    position: relative;
    background-image: url('MJ-05.JPG');
}
.countdown {
    background-image: url('mary-jay-fun.JPG');
}
 /* Card CSS */

 .card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}
 .card {
    border: none;
    padding: 15px;
    background-color: #FEFBF3;
}
.card-body {
    background-color: #F9F3DF;

}
.cardTitle {
color: #C5A880;
/*color: #C5A880;*/
font-family: 'Montserrat', sans-serif;
font-weight: 200;
text-align: center;
}
.cardBodyText {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    text-align: center;
}
.card-footer {
    background-color: #f9f3df;
    text-align: center;
}

.accommodationButton {
    background-color: #f9f3df;
    border: solid 1px #C5A880;
}
.accommodationButton:hover {
    background-color: #C5A880;
    color: white;
    border: none;
}
.rsvpButton {
    background-color: #C5A880;
    color: white;
    padding: 10px;
    padding-left: 70px;
    padding-right: 70px;
}
.rsvpButton:hover {
    background-color: #f9f3df;
    color:#C5A880;
}
.carousel-container {
    display: block;
}
.carousel-inner {
    padding: 50px;
}
.sub-container-carousel {
    padding: 100px;
}
.card-story {
    border-radius: 0px 25px 25px 25px;
}
.details {
    background-color: #FEFBF3;
    height: 100%
}

.vertical-line {
    border-right: solid 1px #C5A880;
    /*border-right: solid 1px #CC9C75;*/
}

.get-directions-button {
    background-color: #FEFBF3;
    color: #C5A880;
    font-size: 1.25rem;
    text-align: center;
    border: solid 2px #C5A880;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}

.get-directions-button:hover {
    background-color: #CC9C75;
    color: white;
}
.ourStory {
    display: none;
}
.reservationContainer {
    background-color: black;
}
.resDivPadding {
    padding-top: 125px;
    padding-bottom: 125px;
}
/* TIMELINE */


/* MEDIA QUERIES */

/* Computers */

 /* Mobile devices */
@media (max-width: 768px){
    .masthead {
        min-height: 50vh;
        background-attachment: scroll;
    }

    .landing-main-text {
        font-size: 5rem;   
    }
    #gettingMarried {
        font-size: 0.5rem;
    }
}

@media (max-width: 560px){
    .masthead {
        min-height: 80vh;
        background-image: url('landing2-lowerQ-1mb.jpg');
        background-attachment: scroll;
    }
    .first-parallax {
        background-attachment: scroll;
    }
    .landing-main-text {
        font-size: 3rem;   
    }

    #gettingMarried {
        font-size: 0.5rem;
    }

    .card-img-top {
        height: 45vw;
    }
    .countdown {
        min-height: 80vh;
        background-image: url('landing2.JPG');
        background-attachment: scroll;
    }

    /* Carousel */
    .carousel-control-prev {
        display: none;
    }
    .carousel-control-next {
        display: none;
    }
    .carousel-container {
        display: block;
        min-height: 90vh;
    }
    .sub-container-carousel {
        padding: 0px;
        padding-bottom: 50px;
    }
    .carousel-inner {
        padding: 0px;
    }
    .ourStory {
        display: none;
    }

    .vertical-line {
        border-right: none;
        border-bottom: solid 1px #C5A880;
    }
    .div-padding-bottom-responsive {
        padding-bottom: 0px;
    }
    .details-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .venue-details {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    #weddingGifts {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .dress-code {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .rsvp-form {
        height: 50vh;
    }
}

/* iPad/tables portrait mode */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.masthead {
    min-height: 40vh;
    background-attachment: scroll;
}
.landing-main-text {
    font-size: 4rem;
}
}


/* RSVP Form CSS */
#rsvpFormBody {
    /*background-color: #F9F3DF;*/
    background-color: white;
}
#cover {
    /*background-color: #f9f3df;*/
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}

#cover-caption {
    width: 100%;
    position: relative;
    z-index: 1;
}

.rsvp-form {
   background-color: #FEFBF3;
    height: 90vh;
    width: 90vw;
}
.rsvpFormBlack {
    background-color: black;
     height: 90vh;
     width: 90vw;
 }
.rsvpForm {
    background-color: #FEFBF3;
}
.address-text-form {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    size: 1rem;
    text-align: center;
}
.nextButton {
    background-color: #f9f3df;
    border: solid 1px #C5A880;
    padding-left: 40px;
    padding-right: 40px;
}
.nextButton:hover {
    background-color: #C5A880;
    color: white;
    border: none;
}
.main-text-form {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 1rem;
    text-align: left;
    border: solid 1px #C5A880;
}
#secondForm {
    display: none;
}
#dynamicDropdown {
    padding: 50px;
    color: green;
}
/* only used for background overlay not needed for centering */
/*form:before {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: -1;
    border-radius: 10px;
}*/
.first-svg-official {
  
    display: block;
}
.first-svg {
    max-width: 100%;
}
#indicatorGold {
    background-color: #C5A880;
}
.carousel-control-prev-icon {
    display: none;
}
.carousel-control-next {
    display: none;
}
#attendingBody {
    display: none;
}