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

/*This puts a fixed back ground imige  on my web page*/

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;
}


/* this contros my BG vidieo*/
#bgVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}


img {
  width: 300px;
  hight: 200px;
}

/* this controls my Navbar  background color margins and padding moves the text  in my index,about,contact,wedding and Photobooth pages*/
.container-fluid .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
  margin-top: 0px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background-image: -webkit-linear-gradient(270deg,rgba(24,176,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(24,176,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(24,176,215,1.00) 0%,rgba(0,163,232,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(24,176,215,1.00) 0%,rgba(0,163,232,1.00) 100%);

}
/*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;
 }

.navbar-nav.ml-auto .nav-item .nav-link:hover { /* this is for the hover in nav bar*/
  color: #35689E; /* Change to your desired color */
  background-color: #11ACDB; /* Change to your desired background color */
  }


.navbar-nav.ml-auto .nav-item.dropdown .dropdown-menu:hover { /* this is for the hover in nav bar drop down menu*/
  color: #35689E; /* Change to your desired color */
  background-color: #11ACDB; /* Change to your desired background color */
}


/*this controls my carosul images margins top and Bottom only*/
.carousel-inner .carousel-item .d-block.mx-auto {
  margin-top: 128px;
  margin-bottom: -31px;
  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 {
  margin-top: 0px;
  font-size: 40px;
  margin-right: 0px;
  margin-bottom: 41px;
  padding-top: 0px;
}

/* this controls my card in wedding page Margins from header*/
.container-fluid .container.row {
  margin-top: -8px;
  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: 0px;
  margin-right: -1px;
}
.container .row .col-xl-6 {
  margin-top: -3px;
}



/* this contols the footer text size, position, margins and padding*/
.row_footer {
  text-align: center;
  background-color: rgba(5,166,228,1.00);
  margin-top: 6px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 35px;
}
/* this controls my "cardvideo and text box. Margins and padding and background color inside the card. also text color*/
.row .col-xl-4 .card.col-md-4.col-xl-12 {
  margin-top: 12px;
  margin-bottom: 8px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
  /* [disabled]background-color: rgba(78,99,11,1.00); */
  color: rgba(29,29,170,1.00);
  padding-left: 18px;
}
/* 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 controls my header "Weddings  DJs PhotoBooths Trivia" backgrounf color, margins and padding and text sizes ect*/

.container-fluid .container.text-center {
  background-color: rgba(31,180,211,1.00);
  margin-top: 101px;
  margin-bottom: 27px;
  padding-top: 14px;
  padding-bottom: 16px;
}
.container-fluid .container .review {
  border-width: thin;
  border-style: solid;
  margin-bottom: 13px;
  margin-right: 0px;
  text-align: center;
  background-color: rgba(51,152,177,1.00);
}
.container-fluid .container .form {
  margin-top: -136px;
  margin-left: 0px;
  background-color: rgba(74,145,171,1.00);
  padding-left: 74px;
  padding-top: 72px;
  padding-bottom: 32px;
  margin-bottom: -50px;
  padding-right: 74px;
}
.header_about {
  margin-top: 117px;
  padding-top: 40px;
  background-color: rgba(27,126,208,1.00);
  color: rgba(23,5,5,1.00);
}
.header_about .header.text-center_about {
  color: rgba(236,209,209,1.00);
  background-color: rgba(235,193,194,1.00);
  margin-top: 0px;
  padding-top: 0px;
}

/* This controls my About header on "About page" Tex color margin ect*/
.container-fluid .container .header.text-center_about {
  background-color: rgba(73,135,180,1.00);
  margin-top: 124px;
  padding-top: 15px;
  margin-bottom: -115px;
  margin-right: -31px;
  margin-left: -19px;
}
.container footer .footer_corp {
  text-align: center;
  background-color: rgba(31,180,211,1.00);
  padding-top: 19px;
  padding-bottom: 19px;
  font-size: 20px;
}
/* this controls the img on my corp page*/
.container-fluid .container .row_corp {
  margin-top: -30px;
  margin-right: 0px;
  margin-left: 0px;
}
.container-fluid .container .text-center_wedform {
  margin-top: 125px;
  color: rgba(235,231,231,1.00);
}
.container footer .footer_wedform {
  text-align: center;
  background-color: rgba(5,166,227,1.00);
  margin-top: -49px;
  padding-top: 28px;
  padding-bottom: 24px;
  font-size: 25PX;
  color: rgba(240,224,225,1.00);
}


.container-fluid .container .text-center_wedform.text-centerp {
  background-color: rgba(31,180,211,1.00);
  margin-top: -27px;
  font-size: 15px;
  color: rgba(37,34,34,1.00);
}
/* this controls my wedding contract form*/
.container-fluid .container .wedform {
  background-color: rgba(137,210,221,1.00);
  padding-top: 13px;
  padding-left: 369px;
  margin-bottom: -23px;
}
.container-fluid .header.text-center_about.text-center {
  margin-top: 124px;
  background-color: rgba(16,87,108,1.00);
  padding-top: 13px;
  padding-bottom: 27px;
  padding-left: 3px;
  padding-right: 13px;
  margin-left: -20px;
  margin-right: -21px;
}


/* thisc controls my about card margin padding ect*/
.container-fluid .container .row {
  margin-top: -7px;
}
.row .col-xl-4 .card.col-md-4.col-xl-12 {
  margin-top: 136px;
}
.container-fluid .container .text-center_corp {
  margin-top: 99px;
  background-color: rgba(18,173,218,1.00);
  margin-bottom: 86px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: rgba(245,227,227,1.00);
}
.container-fluid .container .row_corp {
  margin-top: 1px;
  margin-bottom: 46px;
}
.container footer .footer_corp {
  margin-top: 36px;
  margin-bottom: 0px;
  color: rgba(235,185,186,1.00);
  font-style: italic;
  font-size: 30px;
}
.container-fluid .container .iframe {
  overflow: hidden; /* Hide any overflowing content */
  padding-bottom: 56.25%; /* Maintain the 16:9 aspect ratio */
  position: relative; /* Allow absolute positioning of the iframe */
  height: 0; /* Set initial height to 0 */
  border: 25px solid rgba(19,107,163,0.62);
  border-radius: 25px;
  margin-top: -14px;
  margin-bottom: 35px;
}

.container .iframe iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.container-fluid .wedhead {
  margin-top: 97px;
  background-color: rgba(63,108,232,1.00);
  text-align: center;
  color: rgba(240,227,227,1.00);
  margin-left: -34px;
  margin-right: -27px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-style: italic;
  font-size: 0px;
}
.container-fluid .row .col-xl-4 {
  margin-top: -142px;
  margin-bottom: 66px;
}

.container-fluid .wedhead .text-center_wedding {
  font-size: 75px;
  margin-top: 52px;
  margin-bottom: -5px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.navbar-nav.ml-auto .nav-item.dropdown .dropdown-menu {
  background-color: rgba(38,148,209,1.00);
}