/*
Theme Name: Life Photo Gallery
Version: 1.0.0
Description: A WordPress theme created by Time Inc. for Life Photo Gallery.
*/
body {
  background-color: #f2f2f2;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-weight: 400;
}
.creative-item-tile {
  margin-bottom: 30px;
  height: 260px;
  cursor: pointer;
}
.creative-item-hover {
  height: 260px;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px #C2C2C2;
  padding: 0;
}
.blur {
  position: absolute;
  top: 0;
  background-color: #fff;
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-property: opacity;
  transition-duration: 1s;
}
.caption-text {
  position: absolute;
  top: 0;
  z-index: 99;
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-property: opacity;
  transition-duration: 1s;
  padding: 5px 10px 10px;
}
.bottom-caption a,.bottom-caption a:hover {
  color: #666;
  text-decoration: none;
}
.bottom-caption h3 {
  color: #666;
  line-height: 1;
  padding: 0 5px 5px;
   text-align: center;
}
.nav-bar-right {
  padding-top: 5px;
}
.navbar-collapse {
  padding-right: 0;
}
.navbar-form {
  padding-right: 0;
  float: left;
}
.login-logout-dropdown {
  padding-top: 9px;
  float: left;
}
.login-logout-dropdown .dropdown-toggle {
  color: #666;
  font-weight: 700;
  font-size: 16px;
}
.breadcrumb {
  margin-bottom: 20px;
  background-color: #f2f2f2;
  border-radius: 0;
  padding: 0;
}
.container-title h2 {
  padding-top: 0;
  margin-top: 0;
}
.filter-container {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 999;
}
.filter-buttons button {
  margin-left: 10px;
}
body.modal-open {
  overflow: inherit;
  padding-right: inherit!important;
}
hr {
  margin-top: 0;
  margin-bottom: 15px;
}
.txt {
  width: 90%;
  height: 40px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 2px;
  color: #2b2b2b;
  margin-bottom: 15px;
  padding: 8px 10px 7px;
}
.txt-area {
  width: 90%;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 2px;
  color: #2b2b2b;
  margin-bottom: 15px;
  padding: 8px 10px 7px;
}
.black_hr {
  background-color: #A0A0A0;
  height: 1px;
}
.blue_hr {
  background-color: #222;
  height: 1px;
}
.grey_hr {
  background-color: #ddd;
  height: 1px;
  margin-bottom: 0px;
}
blockquote {
  font-size: 15px;
  border-left: 5px solid #eee;
  margin: 0 0 20px;
  padding: 10px 20px;
}
.grey-button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
  border: none;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ccc;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3);
  float: left;
  padding: 5px;
}
.stickers {
  margin-left: 1%;
  float: left;
  margin-bottom: 6px;
}
#creative_filter_tags {
  margin-bottom: 20px;
}
.blue-button {
  background-color: #222;
  border: 0;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  padding: 8px 20px;
}
.info,.success,.warning,.error {
  border: 1px solid;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin: 10px 0;
  padding: 10px 10px 10px 15px;
}
.success {
  color: #468847;
  background-color: #e0f0d8;
  border-color: #d6e9c6;
}
.error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.warning {
  color: #c09953;
  background-color: #fcf7e3;
  border-color: #faedd5;
}
.info {
  color: #3a87ad;
  background-color: #d8edf7;
  border-color: #bde8f2;
}
.top-search {
  float: right;
  margin-top: 12px;
  height: auto;
}
ul.categoryFiltersSelected li a {
  background-color: #999;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  font: 11pt;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  margin: 2px 0;
  padding: 5px;
}
ul.categoryFiltersSelected {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.categoryFiltersSelected li a:hover,ul.categoryFiltersSelected li a.selected {
  background-color: #222;
}
ul.categoryFiltersSelected li {
  float: left;
  color: #fff;
  margin: 0 0 0 10px;
}
ul#filterCategories li a {
  color: #fff;
  font-size: 11pt;
  height: 19px;
  padding: 5px;
}
.collection-item-hover {
  height: 338px;
  box-shadow: 0 1px 1px 1px #C2C2C2;
  padding: 10px;
}
.collection-item-hover:hover .blur {
  height: 338px;
  width: 250px;
  opacity: .9;
}
.collection-item-hover .caption-text {
  position: absolute;
  top: 0;
  z-index: 99;
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-property: opacity;
  transition-duration: 1s;
  color: #666;
  padding: 0;
}
.collection-item-hover:hover .caption-text {
  height: 338px;
  width: 270px;
  opacity: 1;
}
.collection-secondary-image-1 {
  float: left;
  padding-right: 12.5px;
  padding-top: 10px;
}
.collection-secondary-image-2 {
  float: left;
  padding-top: 10px;
  padding-right: 12.5px;
}
.collection-secondary-image-3 {
  float: left;
  padding-top: 10px;
}
.collection-creative-item-hover {
  height: 260px;
  box-shadow: 0 1px 1px 1px #C2C2C2;
  padding: 0;
}
.collections-to-add-creative-details {
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: hand;
  margin: 5px;
}
.collections-to-add-creative-details img {
  margin: 10px;
}
.collections-to-add-creative-details .meta {
  float: right;
  width: 440px;
  margin: 10px 0;
}
.collections-to-add-creative-details .meta .caption {
  font-weight: 700;
  font-size: 16px;
  display: block;
}
.collections_to_add_creative_model .modal-body {
  height: 400px;
  overflow-y: scroll;
}
.dropdown-login-menu li {
  width: 250px;
  padding: 10px;
}
.dropdown-logged-in-menu li {
  width: 250px;
}
.dropdown-logged-in-menu li a {
  padding: 10px!important;
}
.dropdown-logged-in-menu {
  padding: 0;
}
#copyrights {
  background-color: #E5E5E5;
  border-top: 2px solid #222;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  text-shadow: 1px 1px 1px #FFF;
  padding: 20px 30px;
}
.col_half {
  width: 48%;
  float: left;
}
.tright {
  float: right;
  text-align: right;
}
.main-home,.main-collection,.main-creative-collection {
  margin-bottom: 50px;
}
.footer-nav {
  padding-left: 0;
}
.footer-nav li {
  list-style: none;
  padding-right: 10px;
  float: left;
}
.stickers > img {
  float: left;
  cursor: pointer;
}
.error-signing {
  color: #b94a48;
  background-color: #FFF;
  border-color: #FFF;
  padding: 0;
}
.text-center > img {
  /*width: 100%;*/
}
.creative-item-hover:hover .blur,.collection-creative-item-hover:hover .blur {
  height: 260px;
  width: 270px;
  opacity: .9;
}
.creative-item-hover:hover .caption-text,.collection-creative-item-hover:hover .caption-text {
  height: 260px;
  width: 270px;
  opacity: 1;
}
.creative-item-hover:hover .bottom-caption a,.creative-item-hover:hover .bottom-caption h3,.collection-item-hover:hover .bottom-caption a,.collection-item-hover:hover .bottom-caption h3,.collection-creative-item-hover:hover .bottom-caption a,.collection-creative-item-hover:hover .bottom-caption h3 {
  color: #fff;
}
.creative-item-hover .caption-text,.creative-item-hover .caption-text a,.collection-item-hover .caption-text a,.collection-creative-item-hover .caption-text,.collection-creative-item-hover .caption-text a {
  color: #666;
}
.creative-item-hover h3,.collection-item-hover h3,.collection-creative-item-hover h3 {
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.2;
  margin-top: 5px;
}
.creative-item-hover p,.collection-item-hover p,.collection-creative-item-hover p {
  padding: 10px;
}
.creative-item-hover:hover .caption h3,.collection-item-hover:hover .caption h3,.collection-creative-item-hover:hover .caption h3 {
  line-height: 1.2;
}
.creative-nav-bar,.collection-nav-bar,.collection-creative-nav-bar {
  border: none;
  border-bottom: 1px dashed #666;
  height: 90px;
  border-radius: 0;
  background-color: #fff;
}
.creative-nav-bar-blue-top,.collection-nav-bar-blue-top,.collection-creative-nav-bar-blue-top {
  background-color: #222;
  height: 30px;
}
.creative-nav-bar ul li a,.collection-nav-bar ul li a,.collection-creative-nav-bar ul li a {
  color: #666;
  font-weight: 700;
  font-size: 16px;
  padding-top: 22px;
}
.filter-container .panel-group,.filter-buttons {
  margin: 5px;
}
.collection-item-tile,.collection-creative-item-tile,.creative-details {
  margin-bottom: 30px;
}
.collections-to-add-creative-details:hover,.collections-to-add-creative-details.selected {
  background-color: #ccc;
}
.dropdown-login-menu ul,.dropdown-logged-in-menu ul {
  list-style: none;
  padding: 0;
}
.more-creatives-progress,.more-collection-progress,.more-creativecollection-progress {
  visibility: visible;
  position: absolute;
  left: 50%;
  margin-left: -100px;
}
.load-more-creatives,.load-more-collections,.load-more-creativecollection {
  width: 200px;
  visibility: hidden;
  position: absolute;
  left: 50%;
  margin-left: -100px;
}
.collection-item-tile {
  padding-right: 5px;
  padding-left: 10px;
}
.profile_wrapper {
  margin-bottom:30px;
}


.dropdown-logged-in-menu{
 width: 50%;
}
.dropdown-logged-in-menu ul{
margin-bottom: 0px;
}
.dropdown-logged-in-menu ul li{
 width: inherit !important;
 padding:8px;
}
.dropdown-logged-in-menu ul li:hover{
  background-color: #eeeeee;
  padding:8px;
  border-radius: 2px;
 }
 
.userprofile{
 border-bottom: 1px solid #eeeeee;
 width:100%;
 }
.dropdown_link{
 font-weight:normal !important;
 font-size:13px !important;
}
 
.btn-link{
      padding:0px;
      padding-left: 8px;
      color: #666666;
  } 
.btn-link:hover, .btn-link:focus {
    color: #666666;
}
 .btn{
    padding:4px 12px !important;
}
.progress-bar {
  background-color: #222;
}
.btn-primary {
  background-color: hsl(0, 0%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
  background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
  background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
  background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
  background-image: -o-linear-gradient(top, #5b5b5b, #282828);
  background-image: linear-gradient(#5b5b5b, #282828);
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 630px){
  .container {
    width: 600px;
  }
}
@media (min-width: 930px){
  .container {
    width: 900px;
  }
}
@media (min-width: 1230px){
  .container {
    width: 1200px;
  }
}
@media (min-width: 600px){
  .col-sm-6 {
    width: 300px;
  }
}
@media (min-width: 900px){
  .col-md-4 {
    width: 300px;
  }
}
@media (min-width: 1200px){
  .col-lg-3 {
    width: 300px;
  }
}

.panel-primary,.panel-primary > .panel-heading{
      border-color: #222;
     
}
.panel-primary>.panel-heading{
    
    background-image: linear-gradient(to bottom, #5b5b5b 0px, #282828 100%);
    background-color: hsl(0, 0%, 16%) !important;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body{
      border-top-color: #222; 
}

#overlay_img{
      position: absolute;
  opacity: 0.2;
  z-index: 100;
}

#print_table{
      width: 100%;
}

#print_table td, #print_table th{
    padding: 15px;
    border: 1px solid black;
}
#contact_page{
    min-height:450px;
}
.creative_image_container{
    text-align: center;
      min-height: 200px;
}
.detail_page h4{
      margin-top: 5px;
  margin-bottom: 5px;
}

.text-center{
    margin-bottom: 10px;
    margin-top: 10px;
}

.creative_image_container img{
    max-height: 200px;
    max-width: 100%;
}

.navbar-toggle {
    background-color: transparent;
    border: 1px solid #eaeaea;
    /* border: 1px solid rgba(51, 51, 51, 0.1); */
    height: 42px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 57%;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    font-size: 25px;
}
.secondary.toggled-on {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    display: block;
}
.navbar-collapse{
        z-index: 100000;
    position: relative;
    background-color: rgb(255, 255, 255);
}
@media (max-width: 630px) {
  .input-group{
    width:50%;
    }
}