@charset "utf-8";
/* CSS Document */

body {
  background: url("../images/wedding event 8.jpg") no-repeat center center fixed;
 -webkit-background-size:cover;
  -moz-background-size: cover;
 -o-background-size: cover; 
  background-size: cover;
}

/* To make navbar work Boot strap must be linked in head above*/

/* this controls my Navbar  background color margins and padding moves the text  in my index, page*/
.container-fluid .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
  background-image: -webkit-linear-gradient(270deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(93,196,237,1.00) 0%,rgba(19,89,120,1.00) 100%);
  margin-top: -2px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/*this controls my navbar buttons( BG Color, text color,shape and size, Padding and Margins on My index Page)*/
.navbar-nav.ml-auto .nav-item .nav-link {
  color: rgba(229,236,244,1.00);
  font-size: 20px;
  word-spacing: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 83px;
 }
background .navbar-brand .img-fluid {
  margin-top: 8px;
  padding-top: 0px;
  padding-right: 0px;
}
.navbar-nav.ml-auto .nav-item .nav-link:hover { /* this is for the hover in nav bar*/  
    color: #007bff; /* Change to your desired color */
    background-color: #3D6E9F; /* Change to your desired background color */
  }

.container-fluid .index .h1_index-2 {
  background-color: rgba(8,40,118,1.00);
  padding-top: 25px;
  padding-bottom: 25px;
  color: rgba(235,222,222,1.00);
  font-style: italic;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 75px;
  text-align: center;
  margin-left: -19px;
  margin-right: -23px;
  margin-top: 102px;
  word-spacing: 25px;
}
.section {
  background-color: rgba(35,123,243,1.00);
  font-style: italic;
  font-size: 25px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: -14px;
}
.section-4 {
  background-color: rgba(35,123,243,1.00);
  font-style: italic;
  font-size: 25px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: -14px;
  margin-top: -49px;
}


/* this controls  my header just under ny Nav bar. Use this on all pages*/
.container-fluid .h1_index {
  margin-bottom: 0px;
  background-color: rgba(69,115,221,1.00);
  padding-top: 25px;
  padding-bottom: 25px;
  color: rgba(235,222,222,1.00);
  font-style: italic;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 50px;
  text-align: center;
  word-spacing: 100px;
  margin-left: -19px;
  margin-right: -23px;
  margin-top: -21px;
}


/*this controls my carosul images margins top and Bottom only*/
.carousel-inner .carousel-item .d-block.mx-auto {
  margin-top: 16px;
  margin-bottom: 20px;
  margin-right: 0px;
  margin-left: 0px;
}

/*this controls my carosultext (Wedding ect)*/
.carousel-inner .carousel-item.active .carousel-caption {
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  padding-top: 0px;
  padding-left: 0px;
  font-style: italic;
  font-size: 0px;
}

/*this controls the carosul text(Wedding ect)and Background color and the margins and padding*/
.carousel-item .carousel-caption h5 {
  font-size: 40px;
  margin-right: 0px;
  margin-bottom: 41px;
  padding-top: 0px;
}

/* this is a div that holds my Top Header does not do much because the header is the same size. I can chang BG color, Margins and paddings*/
  .container-fluid .index {
  }

/* this controls my card in  Margins from the bottom of the carasol  and padding in my index page*/
.container-fluid .row {
  margin-top: 0px;
  text-align: center;
  font-size: 20px;
  background-color: rgba(24,176,215,1.00);
  margin-bottom: -11px;
  padding-top: 3px;
  padding-bottom: 13px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-style: italic;
  margin-left: -25px;
  margin-right: -21px;
}


.container-fluid .row .col-xl-4 {
  margin-top: 0px;
  margin-left: -17px;
  margin-right: 17px;
}


/* this controls the card title text size,color,position, margins and paddings*/
.card.col-md-4.col-xl-12 .card-body .card-title {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 12px;
  padding-bottom: 13px;
  font-size: 29px;
  background-color: rgba(24,149,219,1.00);
 }

/* this contols the footer text size, text color BG color position, margins and padding . Use this for all pages.*/
.row_footer {
  text-align: center;
  background-color: rgba(5,166,228,1.00);
  margin-top: 9px;
  padding-top: 28px;
  padding-bottom: 22px;
  font-size: 30px;
}
.container-fluid {
  margin-top: 0px;
  background-color: rgba(107,147,209,1.00);
}

/* this controls my Header "OUR REVIEWS" in Review page. Changes text color bBG Color Margin % Tex and padding*/
.container-fluid .container .text-center_reviews.text-center {
  background-color: rgba(31,180,211,1.00);
  padding-top: 10px;
  padding-bottom: 12px;
  color: rgba(249,243,243,1.00);
  margin-top: 137px;
}

/* This controls  the reviews box. Text,margin, padding ect*/
.container-fluid .container .reviews-reviews {
  background-color: rgba(84,183,223,0.63);
  padding-top: 52px;
  margin-top: -9px;
  padding-bottom: 24px;
  padding-left: 38px;
  padding-right: 38px;
  font-style: italic;
  font-size: 18px;
  font-weight: bold;
}
.container-fluid .container .review_review {
  background-color: rgba(8,93,128,1.00);
  padding-top: 9px;
  padding-bottom: 10px;
  color: rgba(249,248,248,1.00);
  margin-top: -25px;
}

.container-fluid .container .text-center_wedform {
  margin-top: 125px;
  color: rgba(235,231,231,1.00);
}


/* this controls my form box. Margins padding BG Color and text*/
.container-fluid .container .form-reviews {
  padding-top: 28px;
  padding-left: 12px;
  background-color: rgba(0,163,232,1.00);
  padding-bottom: 25px;
  margin-left: 0px;
}






/* this controls the header bar under the nav Bar in the wedding info page. in controls the backgrond collor and magins and padding in this box only This controls the BG color of the "Please Use Box"*/
.container-fluid .container .text-center_wedform.text-center {
  background-color: rgba(82,180,219,1.00);
  margin-top: 137px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 91px;
  margin-bottom: 6px;
  font-size: 50px;
}

/* This controls the Paragap "please use this request for ect" BG color , Margins/padding and textt*/
.container-fluid .container .text-center_wedform.text-centerp.text-center {
  margin-top: 0px;
  background-color: rgba(127,163,233,1.00);
  text-align: center;
  font-size: 25px;
  margin-bottom: 1px;
  padding-top: 25px;
  padding-bottom: 24px;
  color: rgba(10,9,9,1.00);
}







.container-fluid .card.col-md-4-promo {
  background-image: url(../images/aboutus%20BG.jpg);
  margin-top: -6px;
  margin-bottom: 11px;
  margin-right: 0px;
  
 
}
.card.col-md-4-promo .controls #playPauseBtn {
  text-align: center;
  background-color: rgba(229,35,38,1.00);
  border: thick solid rgba(247,232,232,1.00);
  border-radius: 25px;
  color: rgba(239,228,228,1.00);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0px;
}
.card.col-md-4-promo .controls #fullscreenBtn {
  text-align: center;
  background-color: rgba(229,35,38,1.00);
  border: thick solid rgba(247,232,232,1.00);
  border-radius: 25px;
  color: rgba(239,228,228,1.00);
  padding-top: 10px;
  padding-bottom: 10px;
}
.container-fluid .card.col-md-4-promo .controls {
  display: flex;
  justify-content: center;
  align-items: center;
}