@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');


body {
    font-family: 'Noto Sans', sans-serif;
    background-image: url('../images/lower-banner.jpg');
    background-position: bottom;
    background-attachment: fixed;
    background-repeat: repeat-x;
    padding-bottom: 4em;
    color:#333;
    background-color: #f7f8f7;
}

h1, h2, h3, h4, h5 {
    font-family: 'Playfair Display', serif;
    margin-bottom: 1em;
}

h3, h4 {
    margin-bottom: 0.5em;
    margin-top: 1em;
}

h3:first-child {
    margin-top: 0em;
}

h1 {
    font-family: 'Dancing Script', cursive;
    font-size: 4em;
    text-align: center;
}

.strap {
    font-family: 'Playfair Display', serif;
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;
    color:#ffa500;
    text-shadow: 1px 1px 2px #f7f8f7;
}

.date {
    font-family: 'Noto sans', sans-serif;
    font-size: 1.5em;
    margin-bottom: 0.7em;
    color: #a9a9a9;
    font-weight: 300;
    text-align: center;
}

.location {
    font-family: 'Noto sans', sans-serif;
    font-size: 1.2em;
    margin-bottom: 2em;
    color: #c7c7c7;
    font-weight: 300;
    text-align: center;
}

.rsvp {
    font-family: 'Noto sans', sans-serif;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 1em;
    color: #a9a9a9;
    font-weight: 300;
    clear:both;
}

.rsvp a:link {
    text-decoration: none;
    border-bottom: 1px solid blue;
}

.main {
    margin-top: 8em;
}

.sup-section {
    background-color: #f9f9f9;
    padding: 2em;
    margin-top: 2em;
    background-image: url('../images/panel-background.jpg');
    border-radius:1em;
}

.bg-2 {
    background-image: url('../images/panel-background-2.jpg');
}

.bg-3 {
    background-image: url('../images/panel-background-3.jpg');
}

.section {
    margin-top: -0.5em;
    padding: 0.5em;
}

.accommodation {
    margin: 1em;
}

.accommodation .name {
    font-size: 1.2em;
    margin-bottom: 0.25em;
}

ul.times {
    padding: 0;
}

ul.times li {
    margin-left: 0.5em;
    list-style: circle;
    padding: 0.1em;
    color: #636;
}

ul.times li .time {
    width: 5em;
    text-align: right;
    display: inline-block;
    font-weight: 600;
    color: #999;
    color: #6a1480;
}

.mapouter {
    position:relative;
    text-align:right;
    height:500px;
    width:100%;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:500px;
    width:100%;
}