/* CSS Document */

html {
  
}
body{
  background-color: #e0d4d5;
  font-family: "proxima-nova",sans-serif;
  font-weight: 400;
  height: 100%;
  margin-bottom: 60px;
}
body > .container {
  background-color: #e0d4d5;
  padding-top: 60px;
  margin-bottom: 40px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
a {
    color: #A8BBA2;
    text-decoration: none;
    font-weight: 600;
}
a.navbar-brand{
  font-weight: normal;
}
.article > a{
  font-weight: 300;
  color: #4A4A4A;
}
a:hover{
  color: #9F5069;
}
.article  > a:hover{
  text-decoration: none;
}
article{
  font-size: 18px;
  line-height: 1.85;
  font-weight: 300;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover{
  color: #fff;
  background-color: #A8BBA2;
}
.btn-link{
  font-size: 1.5rem;
}
.figure-caption{
	color: #777777;
	font-family: "ff-tisa-web-pro",serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #9F5069;
    background-color: #fff;
    background-image: none;
    border: 1px solid #F9D8CA;
    border-radius: 4px;
}
fieldset.rsvp{
  margin-top: 20px;
}
::-webkit-input-placeholder {
  color: #A8BBA2;
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
  color: #A8BBA2;
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #A8BBA2;
   text-align: center;  
}

:-ms-input-placeholder {  
  color: #A8BBA2;
   text-align: center; 
}
input{
    color: #A8BBA2;
   text-align:center;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    /*color: #edcdc2;
    color: #F7CAC9;*/
    color: #4A4A4A;
    letter-spacing: 1px;
    border: 0;
    /*border-bottom: 1px solid #e5e5e5;*/
}
legend::after {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(135deg,#F7CAC9,#9F5069);
    margin-top: 4px;
}
.navbar {
  border-radius: 0px;
  font-family: "proxima-nova",sans-serif;
}

.navbar-default {
  background-color: #ffffff; 
}
.navbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.navbar-default .navbar-brand {
    color: #A8BBA2;
}
.navbar-default .navbar-brand:hover {
    color: #F7CAC9;
}
.navbar li > a {
  text-transform: uppercase;
}
.navbar li ul li > a {
  text-transform: none;
}
.navbar li.active > a{
  background: linear-gradient(160deg,#F7CAC9,#9F5069);
  
}
.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #9F5069;
    outline: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #F7CAC9;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  background-image: none;
  background-color: rgba(168, 187, 162, 0.6);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
}
.navbar-brand{
  font-family: "olidia",cursive;
   font-size: 48px;

  text-transform: lowercase;
}

.form-control:focus {
  border-color: #A8BBA2;
  box-shadow: inset 0 1px 1px rgba(168, 187, 162, 0.075), 0 0 8px rgba(168, 187, 162, 0.6);
}

h1{
  text-align: center;
  color: #FFF;
  font-family: "olidia", cursive;
  font-weight: 400;
  font-size: 7rem;
  line-height: 0.8;
}
#content h1{
  font-size: 48px;
  margin-top: 28px;
}
h1.party{
  margin-bottom: 72px;
  font-family: "kepler-std-display",serif;
  font-weight: 600;
}
#content h1.tag{
  font-size: 32px;
  margin-bottom: 24px;
}
h2{
  font-family: "proxima-nova",sans-serif;
  font-weight: 300;
  color: #4A4A4A;
  line-height: 1.2;
  margin-top: 1rem;
}
h2 small{
	font-family: "ff-tisa-web-pro",serif;
	font-weight: 400;
	font-style: italic;
}
h2.activities{
  margin-top: 0px;
}
h2.party, h2.party a{
  font-weight: 300;
      color: #edcdc2;
      letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 72px;
  text-transform: uppercase;
}
h2.party-thumb{
  color: #666;
  /*margin-top: 0px;*/
  font-size: 14px;
  line-height: 125%;
  margin-top: 10px;
  letter-spacing: .07em;
    text-align: center;
     text-transform: uppercase;
}
.activity{
  margin-bottom: 24px;
}
.keyword{
  color: #91A8D0;
}
.rsvp p, p.reachout{
  color: #EDCDC2;
  font-family: "ff-tisa-web-pro",serif;
  margin-bottom: -10px;
  text-transform: uppercase;
  font-weight: 700;
}
.rsvp p.rsvp-date{
  color: #F7CAC9;
  font-weight: 400;
  font-family: "olidia",cursive;
  font-size: 88px;
  line-height: 77px;
  margin-bottom: 10px;
  text-transform: none;  
}
.rsvp p.rsvp-year{
  margin-bottom: 10px;
}
p.reachout{
  margin-top: 72px;
  margin-bottom: 10px;
  text-transform: none;
}
.rsvp p.rsvp-countdown{
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: none;
}
.radio label{
  color: #9F5069;
  color: #A8BBA2;
  font-family: "olidia",cursive;
  font-weight: 400;
  font-size: 36px;
  line-height: 22px;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.radio label:hover{
  color: #F7CAC9;
}

.radio:first-of-type{
   margin-bottom: 28px;
    margin-top: 10px;
}
.fairytale h2{
      line-height: 125%;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

img.party{
  margin-bottom: 72px;
}
.combo img{
      position: relative;
    z-index: 0;
}
.pedestal{
      background-color: #EDCDC2;
      background: linear-gradient(135deg,#F7CAC9,#9F5069);
      position: relative;
    padding: 20px 10px;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
        margin: 25px auto -7%;
        z-index: 5;
}
ul.tags{
  padding-left: 18px;
}
a.combo{
  color: #fff;
}
a.combo:hover h3{
  color: #9F5069;
}
a.combo:hover img {opacity:.90;}
a.combo:hover .pedestal{
  background: linear-gradient(135deg, #9F5069, #F7CAC9);
  }
a.combo h3, a.combo .pedestal, a.combo:hover img{
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pedestal h3{
    font-family: "kepler-std-display",serif;
    font-weight: 600;
    margin: 10px 0;
    font-size: 40px;
    line-height: 125%;
}

a.combo:hover{
  text-decoration: none;
}

#map{
  height: 100%;
}
article h2::after {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(135deg,#F7CAC9,#9F5069);
    margin-top: 4px;
}
article.party-peep h2::after {
    content: '';
    display: block;
    height: 0px;
    background: none;
    margin-top: 0px;
}

article .header-image{
  margin-top: 36px;
}

.expand img{
  margin: 0 auto;
}
.expand a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
}
.article_feed_img:hover img {opacity:.90;}
.article_feed_img img{
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  
}
.expand a, .party-thumb a {
  font-weight: 300;
}

.party-thumb a {color:#666; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.party-thumb:hover a {color:#FF988F;}
article.party-peep h2 {line-height:125%; font-size:14px; text-align:center; margin-top:10px; letter-spacing: .07em;}
article.party-peep h2 a {color:#666; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
article.party-peep:hover h2 a {color:#f7cac9;}
.bottom-footer{
      padding: 20px 30px;
    text-align: center;
}
.fairytale a, .fairytale a h2{
  color:#666; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.fairytale a:hover{
  text-decoration: none;
}
.fairytale a:hover h2{
    color:#EDCDC2;
}
.fairytale a:hover img {opacity:.90;}
.fairytale a:hover img{
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  
}
.footer .text-muted {
    margin: 20px 0;
}
/* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 320px) {
      .party-new article.party-peep{
         margin-top: 12px;
      }
    }

/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      .party-new article.party-peep{
         margin-top: 24px;
      }
    }
 /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
      .party-new article.party-peep{
         margin-top: 42px;
      }
    }