/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .site-main{
  padding-top: 6% !important;
 }
 body:before{
  content: none !important;
 }
 .hentry, .page-header, .page-content{
  background: transparent !important;
  box-shadow: none !important
 }


 article{
  padding-top: 0px !important
 }

 .page-id-29 #sidebar{
 	display: none;
 }

 .page-id-29 #content{
 	margin-left: 0;
 	width: 100%;
 	float: none;
 }

/* ========= */
/* = Doors = */
/* ========= */

.doors .feature-day{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;
	opacity: 0.6
}

/*Current day style start*/
.doors .current-day, .doors .current-day .doorway{
  width: 185px;
  height: 240px;

}

.doors .current-day{
  width: 370px;
  box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
}

.doors .current-day .door:after {
  content: none;
}
.doors .current-day .door:before {
  z-index: 10;
}

.doors .current-day .door{
  position: relative;
    width: 185px;
    height: 240px;
    float: left;
    padding: 0;
    box-shadow: inset -2px -2px 10px 5px rgba(0,0,0,0.2);
    border-left: 1px solid rgba(102, 102, 102,1);
    border-top: 1px solid rgba(102, 102, 102,1);
    border-right: 0px;
    border-bottom: 1px solid rgba(102, 102, 102,1);
  -webkit-transform: rotateY(0deg);  
  -webkit-transform: rotate3d(0, 0deg, 0);  
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);  
  transform: rotateY(0deg);
}

.doors .current-day .door img{
  max-width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  position: relative;
}

.doors .current-day .doorway{
  position: relative;
      width: 185px;
    height: 240px;
  float: left;
  border-top: 1px solid rgba(0,0,0,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
}

.doors .current-day .doorway h3{
  margin-top: 0;
  font-weight: bold;
  font-size: 16px !important;
}

.doors .current-day .doorway p{
  line-height: 1 !important;
  margin-bottom: 20px !important;
  font-size: 13px;
  color: #666;
}

.buttons{
  text-align: center;
}

.button {
  font-size: 14px;
  background: #979ca4;
  padding: 3px;
  margin-bottom: 10px;
}
.button:hover{
  background-color: #162840;
}


/*Current day style end*/

.doors {
   margin: 5rem auto 4rem  auto !important;
   counter-reset: days;
   padding-left: 20px;
}

.doors > li{
  -webkit-perspective: 900;
  -moz-perspective: 900;	
  -o-perspective: 900;	   
  perspective: 900;
  position: relative;
  float: left !important;
/*  margin-right: 20px;*/
  margin-bottom: 20px;  
  counter-increment: days;
  padding: 0 !important;
}

.doors li img{
	position: absolute;
	right: 10px;
	bottom: 10px;
	max-width: 70px;
}

.doors > li,
.doors li .door,
.doors li .door:after,
.doors li .doorway{
  width: 110px;
  height: 110px;
  left: 0;
  top: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  
  box-sizing: border-box;  
}

.doors li .door{
  position: absolute;
  z-index: 3;
  border-left: 1px solid rgba(255,255,255,0.5);  
  border-top: 1px solid rgba(255,255,255,0.5);
  border-right: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  padding: 1rem; 
  color: transparent;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87a926+0,294200+38 */
background: #87a926; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODdhOTI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjMjk0MjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg,  #31638E 0%, #162840 38%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #31638E 0%,#162840 38%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #31638E 0%,#162840 38%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31638E', endColorstr='#162840',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


  /*background: #505d32*/ 
}

.doors li a{
  display: block;
  text-decoration: none;
  color: #fff;
  position: relative;
  border-bottom: 0;
}

/* The numbers */
.doors li .door:before{
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  content: counter(days);  
  color: #fff;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: bold;  
  padding-right: 20px;
}

/* The doorway */
.doorway{
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;  
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease; 
  transition: all 1s ease;  
  padding: 1em; 
  box-shadow: inset -2px -2px 10px 5px rgba(0,0,0,0.2);
  overflow: hidden;
}


/* Available */
.doors li:hover .doorway{
  color: rgba(37,0,42,1);
}

.doors li .door:before{
  background: none;
}

/* ==================== */
/* = Door BG position = */
/* ==================== */
/* Initial values, will be overriden by JS */
/*.doors li:nth-child(1)  .door { background-position: 0 0, -423.5px -369.5px}
.doors li:nth-child(2)  .door { background-position: 0 0, -568.5px -369.5px}
.doors li:nth-child(3)  .door { background-position: 0 0, -713.5px -369.5px}
.doors li:nth-child(4)  .door { background-position: 0 0, -858.5px -369.5px}
.doors li:nth-child(5)  .door { background-position: 0 0, -1003.5px -369.5px}
.doors li:nth-child(6)  .door { background-position: 0 0, -1148.5px -369.5px}
.doors li:nth-child(7)  .door { background-position: 0 0, -423.5px -514.5px}
.doors li:nth-child(8)  .door { background-position: 0 0, -568.5px -514.5px}
.doors li:nth-child(9)  .door { background-position: 0 0, -713.5px -514.5px}
.doors li:nth-child(10) .door { background-position: 0 0, -858.5px -514.5px}
.doors li:nth-child(11) .door { background-position: 0 0, -1003.5px -514.5px}
.doors li:nth-child(12) .door { background-position: 0 0, -1148.5px -514.5px}
.doors li:nth-child(13) .door { background-position: 0 0, -423.5px -659.5px}
.doors li:nth-child(14) .door { background-position: 0 0, -568.5px -659.5px}
.doors li:nth-child(15) .door { background-position: 0 0, -713.5px -659.5px}
.doors li:nth-child(16) .door { background-position: 0 0, -858.5px -659.5px}
.doors li:nth-child(17) .door { background-position: 0 0, -1003.5px -659.5px}
.doors li:nth-child(18) .door { background-position: 0 0, -1148.5px -659.5px}
.doors li:nth-child(19) .door { background-position: 0 0, -423.5px -804.5px}
.doors li:nth-child(20) .door { background-position: 0 0, -568.5px -804.5px}
.doors li:nth-child(21) .door { background-position: 0 0, -713.5px -804.5px}
.doors li:nth-child(22) .door { background-position: 0 0, -858.5px -804.5px}
.doors li:nth-child(23) .door { background-position: 0 0, -1003.5px -804.5px}
.doors li:nth-child(24) .door { background-position: 0 0, -1148.5px -804.5px}*/

/* ========================= */
/* = Doors - 3D transforms = */
/* ========================= */

.doors li .door{
  position: absolute;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  -o-transition: -o-transform 0.7s;  
  transition: transform 0.7s;
  
  -webkit-backface-visibility: hidden;    
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;        
}

.doors li .door:after{
  position: absolute;
  content: "";
  background: #000;
  z-index: 4;
    
  -webkit-backface-visibility: hidden;    
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;      
  
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);    
  -o-transform: rotateY(-180deg);      
  transform: rotateY(-180deg);
}

.doors li .door{
  -webkit-transform: rotateY(-25deg);
  -moz-transform: rotateY(-25deg);
  -ms-transform: rotateY(-25deg);    
  -o-transform: rotateY(-25deg);      
  transform: rotateY(-25deg);  
  
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
  box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
}

.doors .published-day:hover .door{
  -webkit-transform: rotateY(-100deg);  
  -webkit-transform: rotate3d(0, -100deg, 0);  
  -moz-transform: rotateY(-100deg);
  -o-transform: rotateY(-100deg);  
  transform: rotateY(-100deg);
}


@media screen and (max-width: 768px) {
/*  .doors > li{
    position: static !important;
    margin-right: 20px;
  }*/
  .doors{
    padding-left: 0px;
  }

  .doors > li, .doors li .door, .doors li .door:after, .doors li .doorway {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
  }

  .doors li .doorway{
    font-size: 8px;
  }

  .doors li img{
    max-width: 32px;
    right: 5px;
    bottom: 5px;
  }

  .doors li .door:before {
    font-size: 2rem;
    left: 2px;
    top: 2px
  }

  .doors .current-day .doorway{
    text-indent: 0px;
    width: 100%;
    height: 200px;
    border-left: 1px solid rgba(0,0,0,0.5);
  }

  .doors .current-day .doorway h3, .doors .current-day .doorway p{
    text-align: center;
    margin-bottom: 10px !important; 
  }


  .doors .current-day {
    width: 265px;
    height: 200px;
  }

  .doors .current-day .door {
    display: none;
  }

}