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

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

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

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

#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/patterns/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;}
.heading{font-family:'Quicksand',sans-serif;text-transform:uppercase;}

#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:220px;height:220px;}
#staff .indiv h3{color:#000;}
#staff .indiv h6{color:#666;}
#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/patterns/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/loaders/status.gif') no-repeat center;}

/* === 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/patterns/5.darknoise@2x.png') repeat #333;background-size:50%;}
#map-wrapper{background:url('../images/patterns/1.darklinen@2x.png') repeat #dadada;background-size:50%;}
}

/* === MEDIA QUERIES === */
@media only screen and (min-width:768px) and (max-width:959px){#staff .indiv .image-container img{width:172px;height:172px;}}
@media only screen and (min-width: 480px) and (max-width: 767px){#staff .indiv .image-container img{width:420px;height:420px;}}
@media only screen and (max-width: 479px){#staff .indiv .image-container img{width:300px;height:300px;}}