html, body {
  height: 100%;
  font-family: 'Inria Sans';
  background: #fff0f5;
}

.overlay a {
  color: #fab1da;
}

textarea {
  resize: vertical;
}

#main-container {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -100px; 
}

#main-container:after {
  content: "";
  display: block;
}

footer, #main-container:after {
  height: 100px; 
}

.btn.btn-block {
  margin-top: 20px;
}

a {
  color: #ee91de;
}
.text-primary {
  color: #ee91de;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #bc67c6;
}
.text-danger {
  color: #ff8043;
}
.bg-primary {
  background-color: #ee91de;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #bc67c6;
}
.well {
  background-color: #ffe4e1;
}
.well a {
  color: #ba55d3;
}
.btn-primary {
  background-color: #ee91de;
  border-color: #bc75b8;
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: #bc75b8;
  border-color: #502b5a;
}
.btn-primary:hover {
  color: #fff;
  background-color: #bc75b8;
  border-color: #a654be;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #bc75b8;
  border-color: #a654be;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #a654be;
  border-color: #502b5a;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ee91de;
  border-color: #bc75b8;
}
.btn-primary .badge {
  color: #ee91de;
}
.btn-link {
  color: #ee91de;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #ee91de;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #ee91de;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #ee91de;
}
.pagination > li > a,
.pagination > li > span {
  color: #ee91de;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #ee91de;
  border-color: #ee91de;
}
.label-primary {
  background-color: #ee91de;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #bc75b8;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #ee91de;
}
.thumbnail {
  display: block;
  background: #fff0f5;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ee91de;
}
.progress-bar {
  background-color: #ee91de;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #ee91de;
  border-color: #ee91de;
}
.panel-primary {
  border-color: #ee91de;
}
.panel-primary > .panel-heading {
  background-color: #ee91de;
  border-color: #ee91de;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ee91de;
}
.panel-primary > .panel-heading .badge {
  color: #ee91de;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ee91de;
}


.navbar-default {
  background-color: #6450a6;
  border-color: #9677ce;
}
.navbar-default .navbar-brand {
  color: #fafff5;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fab1da;
}
.navbar-default .navbar-text {
  color: #fafff5;
}
.navbar-default .navbar-nav > li > a {
  color: #fafff5;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fafff5;
  background-color: #9677ce;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fab1da;
  background-color: #9677ce;
}
.navbar-default .navbar-toggle {
  border-color: #9677ce;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #9677ce;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fafff5;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #fafff5;
}
.navbar-default .navbar-link {
  color: #fafff5;
}
.navbar-default .navbar-link:hover {
  color: #fab1da;
}

.overlay {
        position: fixed; /* Sit on top of the page content */
        display: none; /* Hidden by default */
        width: 100%; /* Full width (cover the whole page) */
        height: 100%; /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5); /* Black background with opacity */
        z-index: 100; /* Specify a stack order in case you're using a different order for other elements */
        overflow-y: scroll;
      }

.overlay > div {
  position: relative;
  background-color: #6450a6cc;
  color: mintcream;
  border-radius: 20px;
  padding: 35px;
  margin-top: 50px;
}

.no-scroll {
  overflow-y: hidden;
}

.panel-primary>.panel-heading {
  background-color: #6450a6;
  border-color: #9677ce;
}

img.post-img {
  max-width: 100%;
  max-height: 350px;
}

img.gallery-img {
  width: 100%;
  max-width: 1130px;
}

.thumbnail img {
  cursor: pointer;
  max-height: 100px;
}

.gallery-prev-btn,.gallery-next-btn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 16px;
    border-radius: 3px;
    font-size: 20px;
    transition: 0.6s ease;
  }

  .gallery-prev-btn:hover,.gallery-next-btn:hover {
    background-color: rgba(0,0,0,0.8);
  }

  .gallery-next-btn {
    right: 35px;
  }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fafff5;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fab1da;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fab1da;
  background-color: #9677ce;
  }
}