/*
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); z-index:10;}

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

#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%;
}
.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;	
}
.quote-carousel{
	padding:40px 0px;
}
.quote-carousel .item h3{
	font-size:24px;
	color:#fff;
	line-height:1.4;
	margin-bottom:20px;
}
.quote-carousel .item{
	text-align:center;
}
.quote-carousel .item a{
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
	color:#fff;
}

/* === 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;}}