:root{

--bg-soft:#ead2cc;
--accent:#e53935;
--line:#e53935;

}

body{

background:var(--bg-soft);
color:var(--accent);
font-family:'Gaegu', sans-serif;
margin:0;
font-weight: 100;

}

a{
	color:var(--accent);;
}

.divider {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* NAVBAR */

.custom-navbar{

background:var(--bg-soft);
border-bottom:1px solid var(--line);

}

.brand{

font-family:'Reenie Beanie', sans-serif;
font-size:32px;
color:var(--accent) !important;

}

.nav-link{

color:var(--accent) !important;
font-size:18px;

}

.btn-rsvp{

border:1px solid var(--accent);
color:var(--accent);
padding:6px 16px;

}

.btn-rsvp:hover{

background:var(--accent);
color:white;

}


/* HERO */

.hero{

padding-top:120px;
padding-bottom:80px;

}

.dropdown-menu{
  border:1px solid var(--accent);
  background:var(--bg-soft);
}

.dropdown-item{
  color:var(--accent);
  font-family:'Gaegu', sans-serif;
}

.dropdown-item:hover{
  background:rgba(0,0,0,0.05);
}

.hero-title{

font-family:'Reenie Beanie', sans-serif;
font-size:70px;
margin-bottom:30px;

}

.hero-illustration{

max-width:500px;
margin:auto;
margin-bottom:30px;

}

.hero-date{

font-size:36px;

}


/* HEART DIVIDER */

.heart-wave{
font-size: 70px;
}

 @media (min-width: 768px) 
 {
    .heart-wave{
	font-size: 25px;
	}
 }


/* INTRO */

.intro{

padding:80px 0;
font-size:22px;
max-width:700px;
margin:auto;

}

.dropdown-item, .nav-item {
	font-family: 'Sour Gummy';
	font-weight: 100;
}



.info-section{
  padding:80px 0;
  border-top:1px solid var(--accent);
}

.info-title{
  font-family:'Reenie Beanie', sans-serif;
  font-size:4em;
  margin-bottom:20px;
  text-align: center;
}


.info-content{
  font-size:1.5em;
  line-height:1.6;
}

.info-content h3 {
	font-size: 2em;
}

.info-content h4 {
	font-size: 1.5em;
}



.carousel-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:700px;
  margin:auto;
}

.carousel-img{
  width:100%;
  height: 350px;
  object-fit: cover;
  object-fit:cover;
  border-radius:1em;
  margin-bottom:20px;

  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.44);
}

.carousel-text{
  font-size:20px;
  line-height:1.6;
}


.carousel-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carousel-text {
  flex-grow: 1;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e53935' viewBox='0 0 16 16'%3E%3Cpath d='M11 1L3 8l8 7' stroke='%23e53935' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e53935' viewBox='0 0 16 16'%3E%3Cpath d='M5 1l8 7-8 7' stroke='%23e53935' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

.site-footer{
  padding:60px 0 40px;
  text-align:center;
}

/* thin line like header */
.footer-divider{
  width:100%;
  height:1px;
  background:var(--accent);
  margin-bottom:30px;
  opacity:0.6;
}

/* names (same as header brand) */
.footer-names{
  font-family:'Reenie Beanie', cursive;
  font-size:36px;
  margin-bottom:10px;
}

/* date */
.footer-date{
  font-size:20px;
  letter-spacing:2px;
}


/* spacing tweak for mobile */
@media (max-width:768px){
  .info-title{
    margin-bottom:15px;
  }

  .container {
  	padding-left: 1.5em;
  	padding-right: 1.5em;
  }
  .carousel-img{
  height: 250px;
	}
}

.invitation {
	padding: 2em;
}

.invite-content {
	font-size: 1.5em;
}