/* #f5f5f5 */

body{
  background:#b8d2e6;
  color: #374650;
  font-size:16px;
  font-family: "Montserrat", sans-serif;
}

/* Links */
a {
  color: #6598b8;
  word-wrap: break-word;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
  color:rgba(101, 152, 184, 0.7);
  text-decoration: none;
  outline: 0;
}

a:before,
a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

h1,h2,h3,h4,h5,h6{
  font-weight: 400;
  font-family: "Lobster", sans-serif;
}

.navbar-brand {
  font-family: "Libre Baskerville", serif;
}

/*Buttons*/

.btn{
  padding: 14px 27px;
  color: #fff!important;
  white-space: nowrap;
  border-radius: 2px;
  border:none;
  text-align: center;
  cursor: pointer;
  background: #3FB284;
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition-property: color, background-color;
  -webkit-transition-duration: .1s;
  -webkit-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
  -moz-transition-property: color, background-color;
  -moz-transition-duration: .1s;
  -moz-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
  -ms-transition-property: color, background-color;
  -ms-transition-duration: .1s;
  -ms-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
  -o-transition-property: color, background-color;
  -o-transition-duration: .1s;
  -o-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
  transition-property: color, background-color;
  transition-duration: .1s;
  transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
}

.btn:hover{
  background: #3FB284;
  color:#fff;
  opacity: 0.7;
  outline: none;
}

/*section*/

section,
.section{
  padding-top:70px;
  padding-bottom:70px;
}

section.alt,
.section.alt{
  background: #b8d2e6;
}

/*forms*/

.form-control{
  box-shadow: none;
  border-color: #E0E0E0;
}

/*Default Forms*/
textarea,
textarea.form-control,
input[type="text"],
input[type="textarea"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding:16px 4px;
  margin-top:20px;
  box-shadow:none;
  border-radius: 0;
  border:0px;
  border-bottom:2px solid #eee;
  outline: 0;
}

/*forms active*/
textarea.form-control:focus,
textarea.form-control:active,
textarea:focus,
textarea:active,
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
.uneditable-input:focus,
.uneditable-input:active {
  border:0;
  box-shadow:none;
  border-bottom:2px solid #3FB284;
  outline: 0;
}

/*navbar*/
.navbar{
  background-color: #b8d2e6;
  border-bottom:2px solid #b8d2e6;
  text-transform: uppercase;
  margin-bottom:0;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand{
  color: #3FB284;
  background-color: #b8d2e6;
}
.navbar a{
  color: #3FB284;
}

.navbar a:hover{
  opacity: 0.8;
  background:transparent;
  background-color:transparent;
}

.nav>li>a:focus,
.nav>li>a:hover{
  background:transparent;
  background-color:transparent;
}

.navbar-toggle .icon-bar{
  background:#333;
}
.navbar-nav {
  text-align: center;
}
/*section*/

section{
  padding-top:40px;
  padding-bottom:40px;
}

.cols{
  padding-bottom: 30px;
}

.cols img{
  border-radius: 3px;
  margin-bottom: 20px;
}

/*header*/

.header{
  background-color: #b8d2e6;
}

/*hero*/

#hero {
  padding-top: 210px;
  padding-bottom: 210px;
  text-align: center;
  color: #fff;
  background: #0E153B; /* Old browsers */
  background: -moz-linear-gradient(left top 315deg, #0E153B, #F9E2EA);
  background: -webkit-gradient(linear, left top, right bottom, from(#0E153B), to(#F9E2EA));
  /* background: url(https://placehold.co/600x400?text=TopImage) no-repeat center center; */
  background: url(/img/10year\ collage.png) no-repeat center center; 
  background-size: cover;
  text-align:center;
  background-attachment: fixed;
  background-position: center center;
}

#hero h1{
  font-size: 120px;
  color: white;
  /* text-transform: uppercase; */
  font-weight: 900;
  font-family: "MonteCarlo", sans-serif;
}

#hero h2{
  color: white;
  font-size:50px;
  font-weight:100;
  font-family: "Playball", cursive;
}

#hero .btn{
  width: 220px;
  background: #fff;
  color: #3FB284!important;
  border-radius: 50px;
  margin-top:20px;
}

#hero .btn:hover{
  opacity: 0.5;
}

#hero2 {
  padding-top: 210px;
  padding-bottom: 210px;
  text-align: center;
  color: #fff;
  background: #0E153B; /* Old browsers */
  background: -moz-linear-gradient(left top 315deg, #0E153B, #F9E2EA);
  background: -webkit-gradient(linear, left top, right bottom, from(#0E153B), to(#F9E2EA));
  background: url(/img/largeimg1.jpg) no-repeat center center;
  background-size: cover;
  text-align:center;
  background-attachment: fixed;
  background-position: center center;
}
#hero2 h2{
  color: white;
  font-size:24px;
  font-weight:100;
}

#hero3 {
  padding-top: 210px;
  padding-bottom: 210px;
  text-align: center;
  color: #fff;
  background: #0E153B; /* Old browsers */
  background: -moz-linear-gradient(left top 315deg, #0E153B, #F9E2EA);
  background: -webkit-gradient(linear, left top, right bottom, from(#0E153B), to(#F9E2EA));
  background: url(/img/Largeimg3.jpg) no-repeat center center;
  background-size: cover;
  text-align:center;
  background-attachment: fixed;
  background-position: center center;
}
#hero3 h1{
  font-size: 120px;
  color: white;
  font-weight: 100;
}
#hero3 h2{
  color: white;
  font-size:50px;
  font-weight:100;
}

/*rsvp*/

.rsvp{
  padding:20px;
  background:#fff;
  border:1px solid #eee;
  border-radius: 2px;
}

/*travel*/
#map{
  padding-top:20px;
}

.map-frame {
    width: 100%;
    height: 600px;
}

.our-heart {
  padding: 80px 20px;
  background-color: #b8d2e6;
}

.our-heart h2 {
  font-size: 42px;
  margin-bottom: 30px;
}

.our-heart p {
  max-width: 800px;
  margin: auto;
  font-size: 18px;
  line-height: 1.8;
  color: #333;
}


.rsvp-section {
  padding: 100px 20px;
  background-color: #b8d2e6;
}

.rsvp-title {
  font-size: 48px;
  margin-bottom: 30px;
}

.rsvp-text {
  font-size: 20px;
  margin-bottom: 15px;
}

.rsvp-note {
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
}

.whatsapp-button {
  display: inline-block;
  padding: 15px 35px;
  background-color: #25D366;
  color: white;
  font-size: 18px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s;
}

.whatsapp-button:hover {
  background-color: #1ebe5b;
}

.rsvp-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background: #ccc;
  margin: 20px auto;
}
.block {
  padding: 80px 20px;
  color: white;
  font-size: 20px;
  font-weight: bold;
}
.block1 { background-color: #ffdf5e; }
.block2 { background-color: #ffbf5e; }
.block3 { background-color: #f78198; }
.block4 { background-color: #d48ff2; }
.block5 { background-color: #8c81f0; }
.block6 { background-color: #69a1f5; }
.block7 { background-color: #72c3db; }

.card-img-uniform {
  width: 100%;
  height: 350px;      /* you can adjust this */
  object-fit: cover;  /* crops image instead of stretching */
}

.bottompad {
  padding-bottom: 40px;
}

.white {
  color: white;
}