/*
colors
Fresh: #4ABDAC		rgba(74, 189, 172, 1)
Vermillion: #FC4A1A	
Sunshine: #F7B733		rgba(247, 183, 51, 1)
Clean: #DFDCE3		rgba(223, 220, 227, 1)

Aqua: #6BBAA7
Sunshine: #FBA100
Lavender: #6C648B	
Dusty Rose:#B6A19E	rgba(182,161,158,0.8);

Shrub: #0E8044
Canopy: #08302F
Blue: #02558B
More ideas: https://www.canva.com/learn/website-color-schemes/
RGB converter: http://www.hex2rgba.devoth.com/
*/

html { 
  background: url(../img/painting.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body{
    background-color: transparent;
    color:#FFF;
}
h1, h2 {
	font-family: 'Merienda', cursive;
	color: #FFF;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

a { color: midnightblue;	}
fieldset {	padding:.6em 0; 	}
fieldset label { font-weight: 600; }
select:invalid { color: gray; }

.start h1, .start h2 {
	font-family: 'Merienda', cursive;
	color: rgba(247, 183, 51, 1);
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size:2.5em;
}

.navbar {
	background-color:rgba(32,32,144,0.90);
}

.navbar-brand {
	color:#FFF;
	font-family:'Merienda', cursive;
}

.navbar-toggler {
	color:rgba(252, 74, 26);
	border-color:rgba(252, 74, 26);
}

.and {
	color:#4ABDAC;
}
.us {
	color:#F7B733;
}

.nav-link {
	color:#EEE;
}

.navbar-brand:hover, .nav-link:hover, nav-link:focus {
	color:rgba(252, 74, 26);
}

.rsvp-btn {
	color:rgba(252, 74, 26);
	border-color:rgba(252, 74, 26);
	border-width:.1em;
	font-weight:bold;
}

.rsvp-btn:hover{
	background-color:rgba(252, 74, 26);
	color:#F7B733;
}

.carousel-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(96, 41, 169, 0.1);
  overflow: hidden;
}

#ImportantInfo{
	background-color:rgba(252, 74, 26, .95);
	border-bottom-left-radius:32px;
	border-bottom-right-radius:32px;
	padding: 0 32px;
	box-shadow:10px 0 5px -5px rgba(0,0,0,.5) inset;
	box-shadow:0 0 15px 5px rgba(0,0,0,.5) inset;
	opacity:.95;
}

.start {
	text-align:center;
	padding:0rem 1.5rem
}

.leftAlign{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

.row{
	margin-left: -7px;
	margin-right: -7px;
}
.container-fluid {
	padding:3.5rem 0;
}

.MainSection{
    min-height:250px;
    color:#000;
    padding:10px;
	margin: 15px 0;
}

.AltMainSection{
    min-height:250px;
    color:#000;
    padding:0 10px;
	margin: -10;
}

.MainSection, .floatSection{
    background-color: #4ABDAC;
	box-shadow:10px 0 5px -5px rgba(0,0,0,.5) inset;
	box-shadow:0 0 15px 5px rgba(0,0,0,.5) inset;
	border-radius:32px;
	opacity:.95;
}

.MainSection h2, .AltMainSection h2 {
	padding-bottom: 1em;
}

.Story .row {
	text-align:left;
}
.Story p, .Story .figure {
	padding:0 10px;
}

.Story, .RSVP, .Itinerary, .Jenny {
    background-color: #F7B733;
}

.Story h2, .RSVP h2, .Itinerary h2, .Jenny h2 {
    color: rgba(74, 189, 172, 1);
}

#ff-title-root{
	display:none;
}

.rsvpForm{
	text-align: left;
    max-width: 500px;
    margin: 0 auto;
}

.anchorlink{
	display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.scalelogo {
    width: 100%;
    height: auto;
	display: block;
    margin: 0 auto;
}

.scalegoat {
    width: 40%;
    height: auto;
	display: block;
    margin: 0 auto;
}

.google-maps-fill {
	position: relative;
	padding-bottom: 55%; 
	height: 0;
	overflow: hidden;
}
.google-maps-half {
	position: relative;
	padding-bottom: 30%; 
	height: 0;
	overflow: hidden;
	border:.25rem solid white;
	border-radius: .50rem;
}

.google-maps-fill iframe .google-maps-half iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 80% !important;
	height: 100% !important;
}

.to-the-top{
	font-size: 40px; 
	background-color:rgba(252, 74, 26, .95);
	padding: 5px 18px 5px 20px;
    border-radius: 100px 100px 0 100px;
}
.to-the-top a{
	color:#4ABDAC;
}

.img-intro{
	padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .50rem;
    max-width: 100%;
	height: auto;
}

.main-timeline5 .timeline:nth-child(2n):before, .main-timeline5 .timeline:before{
	box-shadow:none !important;
}