/*------------------------------------------------------
GLOBALS
--------------------------------------------------------*/
.heading {
    text-transform: uppercase;
    letter-spacing: 0.75rem;
}
body {
    font-family: Garamond, 'Times New Roman', Times, serif;
    letter-spacing: 0.05rem;
}
.modal {
    z-index:8889;
}
p, ul {
    font-size: 1.2rem;
}
a, a:hover {
    transition: 0.3s;
}
/*---BRAND COLORS--
Royal Blue: #27327B
Navy: #303E4D
Grey: #A0A0A0
Light Blue: #C5D4D8
Light Pink: #D4B5B0
White: #EDEBEC
--*/

/*------------------------------------------------------
SITE - Navbar
--------------------------------------------------------*/
/*----Sticky Header------*/
.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2000;
}
#dynamicnavbar {
    border-bottom: grey 1px solid;
    font-size: 1.35rem;
    background-color: #fff;
}
#dynamicnavbar {
    background-color: #fff !important;
}
#dynamicnavbar img {
    height: 60px;
    width: auto;
    margin-top: -5px;
    margin-bottom: -5px;
}
#dynamicnavbar #navbar img {
    height: 100px;
    width: auto;
    margin-top: -5px;
    margin-bottom: -5px;
}
#dynamicnavbar .row>* {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
}
#dynamicnavbar .navbar-brand {
    margin-right: 0;
}
#dynamicnavbar img:hover {
    cursor: pointer;
}

/*------------------------------------------------------
SITE - Gallery Overview
--------------------------------------------------------*/
.galleryoverview {
    background-color: #fff;
}
.galleryoverview .galleryimgs {
    height: 300px;
}
.galleryoverview .img1 {
    background: url("../images/main/GettingReady-174.jpg");
    min-height: 100%;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.galleryoverview .img2 {
    background: url("../images/main/Ceremony-30.jpg");
    min-height: 100%;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.galleryoverview .img3 {
    background: url("../images/main/AfterShots-358.jpg");
    min-height: 100%;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.galleryoverview .img4 {
    background: url("../images/main/Reception-31.jpg");
    min-height: 100%;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.galleryoverview .col-3 {
    padding-left: 3px;
    padding-right: 3px;
}

/*------------------------------------------------------
SITE - Spacer
--------------------------------------------------------*/
.spacer div {
    height: 3rem;
}

/*------------------------------------------------------
SITE - Footer
--------------------------------------------------------*/
.footer {
    background-color: #303E4D;
    color: #fff;
}
.footer .row>* {
    width:auto !important;
}
.footer .selectbutton {
    color:#fff;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
}
.footer .selectbutton:hover {
    color:#A0A0A0;
    transition: 0.3s;
}
.footer #btn-back-to-top {
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: 0.25rem;
}
.footer .socialicons {
    font-size: 1.3rem;
}
.footer p {
    font-size: 1rem;
}

/*------------------------------------------------------
SITE - Main Headers
--------------------------------------------------------*/
/*Index*/
.main-header-index {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/DJI_0319.jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
/*About*/
.main-header-about{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/aboutheader.jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
/*Amenities*/
.main-header-amenities {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/amenitiesheader.jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
/*Pricing*/
.main-header-pricing {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/Reception-25.jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
/*Gallery*/
.main-header-gallery {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/Ceremony-30.jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
/*FAQ*/
.main-header-faq {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/FAQsheader.jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
/*Contact*/
.main-header-contact {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/main/AfterShots-337\ \(1\).jpg");
    min-height: calc(100vh - 107px);
    width: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}

/*Global Formatting*/
.main-header .container .row {
    min-height: calc(100vh - 107px);
}
.main-header h1 {
    text-transform:uppercase;
    letter-spacing: 1rem;
    font-size: 3rem;
}
.main-header hr {
    width: 50%;
    border-top: 2px;
    border-color: white;
    border-style: solid;
    opacity: 1;
}
.main-header h6 {
    font-style: italic;
    font-size: 1.5rem;
}

/*------------------------------------------------------
INDEX - Venue Carousel
--------------------------------------------------------*/
/* Since positioning the image, we need to help out the caption */
.venue .carousel-caption {
    bottom: 3rem;
    z-index: 10;
}
/* Declare heights because of positioning of img element */
.venue .carousel-item {
    height: calc(80vh);
}

/*------------------------------------------------------
INDEX - Card Links
--------------------------------------------------------*/
.cardlinks {
    background-color: #C5D4D8;
}
.cardlinks img {
    display: block;width: 100%;
    height: auto;
}
.cardlinks .shadow-sm {
    border-radius: 1px !important;
}
.cardlinks .card-text {
    text-transform: uppercase;
}
.cardlinks .card {
    cursor: pointer;
}
.cardlinks .col {
    display: flex;
}

/*------------------------------------------------------
INDEX - Testimonial Carousel
--------------------------------------------------------*/
.testimonials p{
    color: #303E4D;
    font-size: 1.25rem;
}
/* Since positioning the image, we need to help out the caption */
.testimonials .carousel-caption {
    bottom: 3rem;
    z-index: 10;
}
/* Declare heights because of positioning of img element */
.testimonials .carousel-item {
    height: 20rem;
}
.testimonials .reviewer {
    font-style: italic;
}

/*------------------------------------------------------
ABOUT - About
--------------------------------------------------------*/
.about a, .about a:visited  {
    font-style: italic;
    color: #27327B;
    text-decoration: none;
}

/*------------------------------------------------------
SITE - Main Header 2
--------------------------------------------------------*/
.main-header-2 {
    background: url("../images/main/drone1.png");
    min-height: calc(75vh);
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
.main-header-2 .container .row {
    min-height: calc(75vh);
}
.main-header-2 h1 {
    text-transform:uppercase;
    letter-spacing: 1rem;
    font-size: 3rem;
}
.main-header-2 hr {
    width: 35%;
    border-top: 2px;
    border-color: white;
    border-style: solid;
    opacity: 1;
}
/*------------------------------------------------------
AMENITIES - AMENITIES
--------------------------------------------------------*/
.amenities {
    margin-top: 5rem;
}
.amenities .container-fluid{
    background-color: #f8f9fa;
}
.amenities img {
    margin-top:-1.75rem;
    margin-bottom:2rem;
}
.amenities h5 {
    text-transform:uppercase;
    letter-spacing: 0.45rem;
    font-size: 1.5rem;
}

/*------------------------------------------------------
AMENITIES - AMENITY BUTTONS
--------------------------------------------------------*/
.amenitybuttons {
    background-color: #C5D4D8;
}
.amenitybuttons a {
    border: 2px #000 solid;
    padding: .75rem .75rem .75rem .75rem;
    text-decoration: none;
    color: #000;
    text-transform:uppercase;
    letter-spacing: 0.45rem;
    font-size: 1.25rem;
    line-height: 5rem;
}
.amenitybuttons a:hover {
    background-color: #fff;
}
.amenitybuttons p {
    font-style: italic;
    font-size: 2rem;
}

/*------------------------------------------------------
GALLERY - GALLERY
--------------------------------------------------------*/
/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid {
    background: #fff;
}
.grid-sizer, .grid-item {
    width: 33.333%;
}
.grid-item--width2 {
    width: 66.666%;
}        
.grid-item {
    float: left;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}  
.grid-item img {
    display: block;
    max-width: 100%;
}

/*------------------------------------------------------
GALLERY - AMENITY BUTTONS 3
--------------------------------------------------------*/
.amenitybuttons3 {
    background-color: #e4e4e4;
}
.amenitybuttons3 a {
    border: 2px #000 solid;
    padding: .75rem .75rem .75rem .75rem;
    text-decoration: none;
    color: #000;
    text-transform:uppercase;
    letter-spacing: 0.45rem;
    font-size: 1.25rem;
    line-height: 5rem;
}
.amenitybuttons3 a:hover {
    background-color: #C5D4D8;
}
.amenitybuttons3 p {
    font-style: italic;
    font-size: 2rem;
}

/*------------------------------------------------------
PRICING BREAKDOWN
--------------------------------------------------------*/
.pricingbreakdown p.disclaimer{
    font-size: .95rem;
}

/*------------------------------------------------------
PRICING - AMENITY BUTTONS 2
--------------------------------------------------------*/
.amenitybuttons2 {
    background-color: #e4e4e4;
}
.amenitybuttons2 a {
    border: 2px #000 solid;
    padding: .75rem .75rem .75rem .75rem;
    text-decoration: none;
    color: #000;
    text-transform:uppercase;
    letter-spacing: 0.45rem;
    font-size: 1.25rem;
    line-height: 5rem;
}
.amenitybuttons2 a:hover {
    background-color: #C5D4D8;
}
.amenitybuttons2 p {
    font-style: italic;
    font-size: 2rem;
}

/*------------------------------------------------------
FAQ - FAQ
--------------------------------------------------------*/
.faq {
    background-color: #e4e4e4;
}
.faq h1 {
    font-size: 1.5rem;
}
.faq p {
    font-size: 1rem;
}
.faq .col-12, .faq .col-lg-10 {
    border-bottom: 1px #303E4D solid;
}
.faq .removeborder .col-12, .faq .removeborder .col-lg-10 {
    border-bottom: 0 !important;
}
/*------------------------------------------------------
FAQ - AMENITY BUTTONS 4
--------------------------------------------------------*/
.amenitybuttons4 {
    background-color: #C5D4D8;
}
.amenitybuttons4 a {
    border: 2px #000 solid;
    padding: .75rem .75rem .75rem .75rem;
    text-decoration: none;
    color: #000;
    text-transform:uppercase;
    letter-spacing: 0.45rem;
    font-size: 1.25rem;
    line-height: 5rem;
}
.amenitybuttons4 a:hover {
    background-color: #fff;
}
.amenitybuttons4 p {
    font-style: italic;
    font-size: 2rem;
}

/*------------------------------------------------------
CONTACT - CONTACT FORM
--------------------------------------------------------*/
.contactform {
    background-color: #f8f9fa;
}




/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (min-width:0px) and (max-width: 575.98px) {  
.main-header h1 {
    font-size: 2rem;
    font-weight: 900;
    line-height: 2.8rem;
    letter-spacing: 0.75rem;
}
.main-header hr {
    width: 50%;
}
.main-header h6 {
    font-size: 1rem;
}
.galleryoverview .galleryimgs {
    height: 150px;
}
.venue .carousel-item {
    height: auto;
}
.main-header, .main-header-index {
 height: auto;
}
.testimonials .carousel-item {
    height: 30rem;
}
.testimonials p {
    font-size: 0.95rem;
}
#dynamicnavbar {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.main-header-index, .main-header-about, .main-header-amenities, .main-header-contact, .main-header-faq, .main-header-gallery, .main-header-pricing {
    min-height: calc(100vh - 56px);
}
.amenitybuttons a, .amenitybuttons2 a, .amenitybuttons3 a, .amenitybuttons4 a {
    font-size: 0.9rem;
}
}

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (min-width: 575.99px) and (max-width: 767.98px) {  
    .main-header h1 {
        font-size: 2.5rem;
        font-weight: 900;
        line-height: 2.8rem;
        letter-spacing: 0.75rem;
    }
.main-header hr {
    width: 60%;
}
.main-header h6 {
    font-size: 1.15rem;
}
.main-header-index, .main-header-about, .main-header-amenities, .main-header-contact, .main-header-faq, .main-header-gallery, .main-header-pricing {
    min-height: calc(100vh - 56px);
}
.galleryoverview .galleryimgs {
    height: 250px;
}
.venue .carousel-item {
    height: auto;
}
.main-header, .main-header-index {
    height: auto;
   }
.testimonials .carousel-item {
    height: 23rem;
}
.testimonials p {
    font-size: 1rem;
}
#dynamicnavbar {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2000;
}
}
/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (min-width: 768px)  and (max-width: 991.97px) {  

.testimonials p {
    font-size: 1.03rem;
}

}

/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (min-width: 991.98px)  and (max-width: 1199.97px){  
.testimonials p {
    font-size: 1.1rem;
}
.amenitybuttons .button-left, .amenitybuttons2 .button-left  {
    text-align: right;
    padding-right: 1rem;
}
.amenitybuttons .button-right, .amenitybuttons2 .button-right {
    text-align: left;
    padding-left: 1rem;
} 
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (min-width: 1199.98px) {  
.testimonials p{
    font-size: 1.15rem;
}
.amenitybuttons .button-left, .amenitybuttons2 .button-left {
    text-align: right;
    padding-right: 1rem;
}
.amenitybuttons .button-right, .amenitybuttons2 .button-right {
    text-align: left;
    padding-left: 1rem;
} 
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (min-width: 1399.98px) { 

}