/*
Amour by Johnathan Miller
johnathanmiller.com
Copyright 2013
*/

/* === Light Theme === */

body,
#services,
#portfolio,
footer{background:#efefef;}

#staff,
#quote,
#contact,
#social{background:#e7e7e7;}

.qr-light{
	background:#f2f2f2  !important;
}
.qr-dark{
	background:#EFEFEF  !important;
}
.center{
	margin:0 auto;
	text-align:center;
	float:none;
}
.videowrap-block{
	margin: 0px auto;
	max-width: 640px;
	width: 80%;
}
	
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0px;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#sticky-header{background:rgba(255,255,255,0.9);}

#headernav li a,
#navicon{color:#666;}
#headernav li a:hover{color:#000;}

#mobilenav{background:url('../images/5.darknoise.png') repeat #333;}
#mobilenav li{border-top:1px solid #252525;border-bottom:1px solid #444;}
#mobilenav li a{color:#ccc;}

footer .copyright p{color:#666;}

section.header h1{color:#333;font-size:40px;}
section.header h2{color:#333;font-size:40px;}
.heading{font-family:'Quicksand',sans-serif;text-transform:capitalize;}

#services .item{background:#fafafa;border:1px solid #ddd;}
#services .item h3:after{background:#999;}
#services .item p{color:#333;}
#services.icons-circled .item > i,
#services.icons-diamond .item > i{color:#fafafa;}

#staff .indiv{background:#fff;}
#staff .indiv:hover .image-container{/*box-shadow:0 0 30px #999;*/}
#staff .indiv .image-container img{width:100%;}
#staff .indiv h3{color:#000;}
#staff .indiv h6{color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:10px 10px 5px 10px;}
#staff .indiv ul li a{color:#eee;background:#666;}
#staff .indiv ul li a:hover{color:#fff;background:#ff0060;}
#staff .about h2.heading{color:#000;font-size:40px;}
#staff .about-content p{color:#333;}

#contact .info h3{color:#333;}
#contact .info h4{color:#666;}
#contact .info p,
#contact .info span,
#contact .info a{color:#999;}
#contact .info a.showmap{background:#999;}
#contact .info a.showmap:before{border-top:10px solid #999;}
#contact .info a.showmap span{color:#000;}

#map-wrapper{background:url('../images/1.darklinen.png') repeat #dadada;}

#social ul li a span{color:#000;background:#999;}

input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=file],
input[type=month],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea{color:#000;background:#dadada;border:1px solid #dadada;}

label{color:#333;}
label:before{background:#d5d5d5;box-shadow:inset 0 3px 0 #ccc;}

#preloader{background:#dadada;}
#status{background:url('../images/status.gif') no-repeat center;}

.author-name{color:#FF0060;	font-size:12px;	padding:0px 5px 10px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:90%; float:left;}
.paddingtop0{
	padding-top:0 !important;
}
#featured{position:relative;padding-bottom:0px !important;}
#featured .image-container{
	padding:5px 5px 0px 5px;
}
#featured .caption-book-detail{
	opacity:0;
	position:absolute;
	overflow:hidden;
	visibility:hidden;
	top:0;
	left:0;
	padding:30px 0;
	background:rgba(255,0,96,0.8) url("../images/6.diag.png") repeat scroll 0% 0%;
	height:100%;
	width:100%;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}
#featured .caption-book-detail h6{
	color:#fff !important;
	padding-bottom:20px !important;
}
#featured .caption-book-detail a{
	color:#000;
	font-size:13px;
	width:100%;
	text-align:center;
	float:left;
	margin-bottom:20px;
}
#featured .caption-book-detail ul a{
	color: #ff4e91;
	background: #7a002e  !important;
}
#featured:hover > .caption-book-detail{
	opacity:1;	
	visibility:visible;	
	transition-delay:0s;
}
.notification-alert{
	position:fixed;
	right:0;
	z-index:1000000;
	top:10%;
	background:rgba(68,0,26,0.8);
	border-radius:5px;
	border:solid 1px rgba(92,0,35,0.1);
	width:320px;
	padding:10px 15px;
	font-family:'Quicksand',sans-serif;
}
.notification-alert .close-icon{
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 3px;
	color:#fff;
	cursor:pointer;
}
.notification-alert .alert-icon{
	font-size:40px;
	width:52px;
	float:left;
	text-align:left;
	color:#fff1f6;
}
.notification-alert .alert-content{
	width:230px;
	float:left;
	color:#f1f1f1;
	text-align:left;
}
.notification-alert .alert-content h6{
	font-size:18px;
	font-weight:500;
	line-height:24px;
	color:#fff1f6;
	margin-bottom:10px;
}
.notification-alert .alert-content ul{
	margin:0;
	padding:0;
	list-style:none;
}
.notification-alert .alert-content ul li{
	color:#ffeef4;
	line-height:20px;
	font-size:13px;
	
}
.notification-alert button{
	background: #b70046 none repeat scroll 0% 0%;
	padding: 3px 15px;
	height: 34px;
	color: #fff;
	float:right;
}
.link-btn{
	background:#666;
	color:#fff;
}
.link-btn:hover{
	background:#FF0060;
	color:#fff;
}
.black-btn-row{
	margin-top:30px;
	text-align:center;
	float:left;
	width:100%;
}




/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
 #owl-demo .item{
      background: #3fbf79;
      margin: 10px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
}
.customNavigation{
	text-align: right;
	margin-top: 0px;
	margin-right: 10px;
}
.customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: rgb(255, 0, 96) none repeat scroll 0% 0%;
	padding: 2px 9px;
	color: #FFF;
	cursor: pointer;
}
.customNavigation a:hover{
	background:rgb(255, 0, 96) none repeat scroll 0% 0%;
	color:#fff;
}

.book-detail{}
.book-detail .book-name a{
	font-weight: 300;
	font-size: 14px;
	padding: 3px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 95%;
	overflow: hidden;
	text-align: center;
	color: #333;
}
.book-detail .book-name a:hover{
	color:#ff4b5a !important;
}
.book-detail .book-via-auhtor{
	font-size:12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;	
	overflow:hidden;
	text-align: center;
}
.book-detail .book-via-auhtor a{
	color:#666;
}
.book-detail .book-view{
	padding:5px 0px;
	font-size:12px;
	text-align:center;	
}
.book-detail .book-view button{
	color: #fff;
	padding: 4px 6px;
	text-transform: capitalize;
	font-weight: 300;
	margin: 5px 0px;
	font-size: 12px;
	border: 1px solid #666;
	background: #666;	
}



/* === IE ONLY === */

.ie #sticky-header{background:#fff;}
.ie #headernav li a:hover{color:#000;}

/* === CSS RETINA BACKGROUNDS === */
@media (-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi),
(min-resolution: 1.5dppx){
#mobilenav{background:url('../images/5.darknoise@2x.png') repeat #333;background-size:50%;}
#map-wrapper{background:url('../images/1.darklinen@2x.png') repeat #dadada;background-size:50%;}
}

/* === MEDIA QUERIES === */
@media only screen and (min-width:768px) and (max-width:959px){.athr-info{width:120px !important; text-align:center; margin:0 auto;}#staff .indiv .image-container img{/*height:172px;*/}.heading::before, .heading::after {display:none !important;} }
@media only screen and (min-width: 480px) and (max-width: 767px){.athr-info{width:50% !important; text-align:center; margin:0 auto;} #staff .indiv ul li a{height:34px;}#staff .indiv .image-container img{width:300px;} .heading::before, .heading::after {display:none !important;} }
@media only screen and (max-width: 479px){#staff .indiv ul li a{height:34px;} .athr-info{width:100% !important; text-align:center; margin:0 auto;} #staff .indiv .image-container img{width:280px;} .heading::before, .heading::after {display:none !important;} .slide img{width:100% !important; height:auto !important;} #intro-logo {font-size:54px;}}