
/* structure & layout */

body {
  position:relative; margin:0; padding:0; margin-top:70px;
  background:#ffffff; background-image: url("images/bg.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
  color:#333333; text-align:center; font-family: 'PT Sans', sans-serif;}

.container-fluid {max-width:1000px;}

.box       {padding: 20px 40px 40px 40px; border-bottom:1px solid #c2c2c2; border-left:1px solid #e0dcd9; border-right:1px solid #e0dcd9;}
.box.white {background: #FFFFFF;}
.box.gray  {background: #f6f4f5;}
.box.first {border-radius: 10px 10px 0 0; margin-top:-60px; padding-top:85px; border-top:1px solid #e0dcd9;}
.box.last  {border-radius:0 0 10px 10px; margin-bottom:40px; border-bottom:1px solid #e0dcd9;
            background: #FFFFFF url("images/watercolor.png"); background-size:100% auto; background-position:center bottom; background-repeat: no-repeat; }

.endlogo {margin-bottom: 40px;}

hr {border-color:#cfcae8; width: 80%; padding-bottom:20px;}

.arrow-separator {position: relative; }
.arrow-separator:after {
 top: 100%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-width: 10px;
 left: 50%;
 margin-left: -10px;
 z-index: 11; 
 border-color: #c2c2c2 rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);}


/* text and fonts */

a {color:#9e95d1; font-weight: bold;}
a:hover, a:focus {color:#3a2c45;}

p {color: #666666; font-size:16px; padding-bottom:5px;}

h1 {font-family: 'Playfair Display', serif; color:#9e95d1; font-size:30px;}
h2 {font-family: 'Playfair Display', serif; color:#9e95d1; line-height: 50px;}
h3 {font-family: 'Playfair Display', serif; color:#9e95d1; font-size:18px;}
h5 {font-family: 'Allura', cursive; font-size: 21px; padding-top: 0px; padding-bottom:1px; color: #9e95d1;}
h6 {font-family: 'Allura', cursive; font-size: 36px; padding-top: 10px; color: #999999;}



/* navigation bar/menu */

#header {z-index:99999; position:fixed; top:0; left:0; width:100%; }

.navbar-header {padding-left:10px;}

.navbar-default {overflow: hidden; padding: 0 10px 0 0; border-radius: 0 0 0px 0px; border: 0; background: rgba(255, 255, 255, 0.98); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}
.navbar-default .navbar-nav > li > a {margin-left: 1px; padding: 15px 10px; font-size: 12px; color:#9e95d1;}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a {background-color:lavender !important; color:#75598b !important;}

.navbar-default .navbar-right > li.click > a {color:#f2be20; font-weight:bold;}


/* Countdown */

#countdown .col-sm-2 {margin-bottom: 10px; padding: 0px 5px;}
.countbox {background:#eeeefa; border-radius:6px; padding: 10px 5px;}
.count-var {font-size: 50px; line-height: 45px; color:#555555; font-family: 'Allura', cursive;}
.count-label {font-size: 16px; color:#555555; font-family: 'Playfair Display', serif;}



/* Slideshow/carousel */

.carousel {margin:0 50px 0;}
.carousel-inner {border:1px solid #c2c2c2; border-radius: 3px;}
.carousel-inner > .item {background-color:#FFFFFF; padding: 5px;}
.carousel-inner > .item > img {margin:auto;}
.carousel-control.left, .carousel-control.right {width: 50px; color: #75598b; opacity: 1; background: none !important;}
.carousel-control.left {left: -50px;}
.carousel-control.right {right: -50px;}
.carousel-indicators .active, .carousel-indicators .active:after {background: #f6f4f8;}
.carousel-indicators li, .carousel-indicators li:after {border: 1px solid #f6f4f8;}

.carousel-indicators li, .carousel-indicators li:after,
.carousel-indicators .active, .carousel-indicators .active:after {margin-bottom: -55px;}

/* hotel boxes */

ul.pricing {list-style: none; margin: 8px 0px 10px 0px; padding-bottom: 15px; border-radius: 5px; border: 1px solid #e0dcd9; background-color: #fdfbf6;}
ul.pricing li {margin-left:-40px; padding: 10px 30px 0 30px; font-size: 13px;}
ul.pricing li.plan-header {background: #e0dcd9; border-radius: 5px 5px 0px 0px; padding: 3px; font-size: 16px; color: #272727;}


/* Wedding party */

#party .col-sm-2 {margin-bottom: 25px;}
#party p.subtitle-role {font-family: 'PT Sans', sans-serif; font-size: 14px; letter-spacing: -1px; margin-top: -15px; color: #555555; margin-bottom: -10px;}
#party p.subtitle-relation {font-family: 'PT Sans', sans-serif; font-size: 12px; font-style: italic; letter-spacing: -1px; margin-top: -15px; color: #888888; margin-bottom: -10px;}

/* Registry */

#registry img {margin-bottom:-15px;}

/* FAQ */

.panel-default .panel-heading {background-color: #e0dcd9; font-family: 'PT Sans', sans-serif;}
.panel-default .panel-body {background-color: #fbfcfe;}
