/*
	Theme Name: Jacquard 2
	Theme URI: http://matthewhollett.com/design/
	Description: Jacquard 2 is a responsive WordPress theme, custom designed for Robin Muller by Matthew Hollett.
	Version: 2.0
	Author: Matthew Hollett
	Author URI: http://matthewhollett.com/
*/



/* Google Web Fonts */
@import url('//fonts.googleapis.com/css?family=Arvo|Merienda|Montserrat:400,400i,600');



*, *:after, *:before {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body {
 background-color: #fff; color: #222; margin: 0; border-top: 5px #f4ad2f solid;
 font-family: 'Montserrat', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
a {text-decoration: none; transition: color 0.15s ease-out;}
a:link, a:visited {color: #0a7a8c;}
a:hover, a:active {color: #f4ad2f; outline: 0;}
img {max-width: 100%; height: auto;}
iframe, .mejs-container {max-width: 100% !important;}
a img {border: none;}
a:focus, input:focus {outline: 0;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {margin: 0; padding: 0 0 0 21px;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.2;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0;}
.clear {font-size: 0; height: 0; clear: both;}



/* page and head */
.wrapper {position: relative; width: 1020px; margin: 0 auto;}

.header {margin: 20px 0 30px 0; text-align: center;}
.logo {margin: 0; font-size: 3.85em; font-weight: 600; color: #ccc; text-transform: uppercase; line-height: 0.9;}
.logo a:link, .logo a:visited {color: #ccc;}
.logo a:hover, .logo a:active {color: #f4ad2f; outline: 0;}

.logo, .nav, .gallery-count, .rslides1_nav.prev, .rslides1_nav.next {
	-webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
}
.nav {position: relative; font-family: 'Arvo', 'Georgia', 'Times New Roman', serif; font-size: 1.3em; line-height: 1.1; text-transform: lowercase;}
.nav ul {list-style: none; margin: 0 auto; padding: 0;}
.nav ul li {display: inline-block; margin: 0; padding: 0;}
.nav ul li.current_page_item {}
.nav ul li a {display: inline-block; padding: 5px 18px;}
.nav ul li a:link, .nav ul li a:visited {color: #f4ad2f;}
.nav ul li a:hover, .nav ul li a:active {color: #0a7a8c; outline: 0;}

.dropdown ul {display: none; width: 200px; position: absolute; top: 28px; margin: 0; padding: 15px 0; background-color: #fff; border: 1px #ccc solid; border-top: 0; overflow: hidden; z-index: 20;}
.dropdown:hover ul {display: block;}
.dropdown li {display: block; width: 100%; margin: 0; padding: 0; font-size: 0.9em; text-align: left;}

.work-menu {position: relative; list-style: none; margin: 0; padding: 0; z-index: 10;}
.work-menu li {
 float: left; margin: 0; padding: 0; width: 20%; height: 200px;
 background-color: #ccc; background-position: top center; background-repeat: no-repeat; background-size: cover;
}
.work-menu li:nth-child(odd) {transform: skewY(-5deg); transition: transform 200ms ease;}
.work-menu li:nth-child(even) {transform: skewY(5deg); transition: transform 200ms ease;}
.work-menu li a {position: relative; display: block; width: 100%; height: 100%; font-size: 1.35em; font-weight: 600; text-shadow: rgba(0,0,0,.7) 0 1px 4px;}
.work-menu li a span {position: absolute; left: 0; bottom: 0; padding: 20px;}
.work-menu li a:link, .work-menu li a:visited {color: #fff;}
.work-menu li a:hover, .work-menu li a:active {color: #f4ad2f; outline: 0;}
.work-menu li:hover {transform: skewY(0deg);}

.search-menu {position: absolute; top: 0; right: 2px; margin: 0;}
.search-form {display: inline-block; position: relative; vertical-align: middle; margin: 0; padding: 0;}
.search-div {margin: 0; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #0782a3 0 0 5px; overflow: hidden;}
.search-input {
 float: left; width: 150px; margin: 0; padding: 2px 5px !important;
 font-size: 1em; color: #333; font-family: 'Arial Narrow', Helvetica, Arial, sans-serif;
 border: 0; background-color: transparent; transition: all 0.10s ease-out;
}
.search-div.expanded {background-color: rgba(255, 255, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 12px inset, #222 0 0 1px;}
.search-div.expanded .search-input {width: 120px; transition: all 0.10s ease-in;}
.search-submit {
 width: 22px; height: 22px; margin: 3px 1px 0 0; padding: 0;
 background: url('http://robinmuller.net/wordpress/wp-content/themes/jacquard2/images/icon-magnifier.png') center no-repeat; border: 0; cursor: pointer;
}



/* body */
.section article {line-height: 1.5;}
.section-search article, .section-archive article, .pagination {clear: both; padding-top: 2em; margin-top: 2em; border-top: 1px #bbb solid;}

.section-page h1, .section-archive h1, .section-single h1 {margin-top: 1.3em; text-align: center;}
.section-single h1 {margin-bottom: 0;}
.section-page article {max-width: 472px; margin: 0 auto;}

.section article ul {list-style: none; margin: 0; padding: 0;}
.section article ul li {margin: 0; padding: 0 0 0 21px; background: url('images/bullet.png') 0 0.25em no-repeat;}

.sidebar {}



/* home */
.home-slides-wrapper {margin: 3px 0 0 0;}
.home-slides {float: left; position: relative; width: 61%; min-height: 420px; list-style: none; margin: 0; padding: 0;}
.home-slides li {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0;}
.home-slides li a {display: block; width: 100%; height: 100%;}
.home-slide-image {width: 100%; height: 420px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.home-slides li span {position: absolute; left: 2px; bottom: -1.75em; font-size: 0.9em; color: #918b86;}

.home-intro {
 float: right; width: 39%; min-height: 420px; padding: 45px 35px;
 font-family: 'Arvo', 'Georgia', 'Times New Roman', serif; font-size: 1.2em; color: #fff; line-height: 1.5;
 background: #655d57 url('images/bg-intro.jpg') top center no-repeat; background-size: cover;
}
.home-intro p:nth-child(odd) {font-family: 'Merienda', 'Georgia', 'Times New Roman', serif;}



/* work and press */
.work-archive-cat {
 float: left; margin: 0; padding: 0; width: 32%; height: 250px; margin: 0 2% 2.5% 0; overflow: hidden;
}
.work-archive-cat:nth-of-type(3n) {margin-right: 0;}
.work-archive-cat:nth-of-type(3n+1) {clear: left;}

.work-archive-narrow {max-width: 700px; margin: 0 auto;}
.work-archive-narrow .work-archive-cat {width: 48%; margin: 0 2% 2.5% 0;}
.work-archive-narrow .work-archive-cat:nth-of-type(3n) {margin-right: 2%;}
.work-archive-narrow .work-archive-cat:nth-of-type(3n+1) {clear: none;}
.work-archive-narrow .work-archive-cat:nth-of-type(2n) {margin-right: 0;}
.work-archive-narrow .work-archive-cat:nth-of-type(2n+1) {clear: left;}

.work-archive-cat a {
 position: relative; display: block; width: 100%; height: 100%; font-size: 1.55em; font-weight: 600;
 text-shadow: 0 1px 4px rgba(0,0,0,.7), 0px 2px 8px rgba(0,0,0,0.7), 0px 2px 12px rgba(0,0,0,1);
 background-position: center center; background-repeat: no-repeat; background-size: cover;
 transform: scale(1); transition: transform 150ms ease-out;
}
.work-archive-cat a span {position: absolute; left: 0; bottom: 0; padding: 20px;}
.work-archive-cat a:link, .work-archive-cat a:visited {color: #fff;}
.work-archive-cat a:hover, .work-archive-cat a:active {color: #f4ad2f; outline: 0; transform: scale(1.025);}

.gallery-date {font-size: 1.4em; color: #918b86; margin-top: 0;}
.gallery-desc, .gallery-next {max-width: 472px; margin: 0 auto; padding: 40px 0; border-top: 1px #ccc solid; text-align: center;}

.gallery-slides-wrapper {position: relative; margin: 0;}
.section article ul.gallery-slides {display: none; position: relative; min-height: 600px; list-style: none; margin: 0; padding: 0;}
.section article ul.gallery-slides li {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: none;}
.section article ul.gallery-slides li img {display: block; position: relative; max-height: 600px; margin: 0 auto; cursor: pointer;}
.gallery-caption {display: block; margin-top: 0.5em; color: #918b86; font-size: 0.9em; text-align: center;}
.gallery-count {color: #918b86; font-size: 1.4em; text-align: center; margin-top: 5px;}

.section article ul.gallery-slides li.gallery-single-image img {cursor: default;}

.rslides1_nav.prev {
 position: absolute; top: 1px; right: 50%; width: 0; height: 0; padding: 0; margin-right: 40px;
 border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 20px solid #f4ad2f;
}
.rslides1_nav.next {
 position: absolute; top: 1px; left: 50%; width: 0; height: 0; padding: 0; margin-left: 40px;
 border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 20px solid #f4ad2f;
}
.rslides1_nav.prev:hover {border-right-color: #0a7a8c;}
.rslides1_nav.next:hover {border-left-color: #0a7a8c;}



/* archive and search pages */
.section-search h2, .section-archive h2 {margin-bottom: 0.25em;}
.section-search .archive-date, .section-archive .archive-date, .section-single .archive-date {margin: 0 0 1em 0; color: #918b86;}
.section-search .read-more, .section-archive .read-more {text-align: left;}

.single-post .section-single h1 {margin-bottom: 0;}

.archive-image {float: left; max-width: 250px; margin: 0 20px 20px 0;}



/* contact page */
.contact-email {display: block; text-align: center; font-size: 2em;}

.button {
 display: inline-block;
 border-width: 0;
 background: #f18073;
 background: -webkit-gradient(linear, left top, left bottom, from(#f18073), to(#f15e4e));
 background: -webkit-linear-gradient(top, #f18073, #f15e4e);
 background: -moz-linear-gradient(top, #f18073, #f15e4e);
 background: -ms-linear-gradient(top, #f18073, #f15e4e);
 background: -o-linear-gradient(top, #f18073, #f15e4e);
 padding: 7px 20px !important;
 border-radius: 5px !important;
 box-shadow: 0 1px 0 #444;
 text-shadow: rgba(0,0,0,.4) 0 1px 2px;
 color: #eee !important;
 font-size: 1.1em !important;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 transition: background 0.15s ease-out;
}
.button:hover, .button:active {
 background: #6d98e1 !important;
 color: #fff;
}



/* footer */
.footer-wrapper {position: relative; margin-top: 90px; border-top: 5px #655d57 solid; background: #e5d7c7 url('images/bg-footer.jpg') top center no-repeat; background-size: cover;}
.footer {width: 1020px; min-height: 300px; margin: 0 auto; padding: 60px 0;}

.footer-bio {float: left; width: 40%; margin-right: 6%; padding-top: 1em; font-size: 1.05em;}

.footer-portrait {
 float: left; width: 30%; height: 0; margin-right: 6%; padding-bottom: 30%;
 background-color: #fff; background-image: url('images/robin-1.jpg'); background-position: top center; background-size: cover;
 border: 5px #f4ad2f solid; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 8px;
}

.footer-more {float: left; width: 18%; margin-right: 0; padding-top: 8em; font-size: 1.05em;}

.footer a:link, .footer a:visited {color: #0a7a8c;}
.footer a:hover, .footer a:active {color: #0ea6be; outline: 0;}



/* misc */
.read-more {}

.gallery {}
.gallery dl {float: left; margin: 4px;}
.gallery dl dt {}
.gallery dl dt a {}
.gallery dl dt a img {height: auto;}

.gallery br {display: none;}
.gallery:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.emm-paginate {clear: both; display: block; margin: 1em 0; font-size: 1.3em; line-height: 1.4; overflow-wrap: break-word;}
.emm-paginate a {padding: 1px 6px; text-align: center;}
.emm-paginate a:link, .emm-paginate a:visited {}
.emm-paginate a:hover, .emm-paginate a:active {background-color: #ccc;}
.emm-paginate .emm-title {color: #222; margin-right: 4px;}
.emm-paginate .emm-gap {color: #999;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
.emm-paginate .emm-current {background-color: #ccc; color: #fff; padding: 1px 6px; cursor: default;}

/* fix for ios automatically styling phone numbers */
a[href^="tel"]{
 color:inherit;
 text-decoration:none;
}



/* selections */
::selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #04a4cc;
	color: #fff;
	text-shadow: none;
}
/* hide input placeholder text on focus */
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}



/* wordpress core */
div#wpadminbar {
 z-index: 10000 !important;
}
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	padding: 5px 3px 10px;
	max-width: 100% !important;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	max-width: 100% !important;
}






/* responsive */

/* When width is less than 1080 */
@media only screen and (max-width: 1080px) {
 .wrapper, .footer {width: 95%; max-width: 1080px; min-width: 310px;}
 
 .section article ul.gallery-slides {min-height: 550px;}
 .section article ul.gallery-slides li img {max-height: 550px;}
}


/* When width is less than 980 */
@media only screen and (max-width: 980px) {
 .work-menu li {height: 150px;}
 .work-menu li a {font-size: 1.1em;}
 .work-menu li a span {padding: 15px 10px;}
 
 .section article ul.gallery-slides {min-height: 500px;}
 .section article ul.gallery-slides li img {max-height: 500px;}

	.footer-bio {width: 52%;}
	.footer-portrait {width: 35%; margin-right: 0; padding-bottom: 35%;}
	.footer-more {float: none; clear: both; width: 100%; margin-top: 0; padding-top: 3em; font-size: 0.9em; text-align: center;}
}


/* When width is less than 850 */
@media only screen and (max-width: 850px) {
 .section, .sidebar {display: block; float: none; width: 100%; top: auto; left: auto; right: auto; bottom: auto;}
 
 .nav {font-size: 1.2em;}
 .nav ul li a {padding: 5px 14px;}

	.home-slides {float: none; width: 100%; min-height: 420px; margin-bottom: 3em;}
	.home-intro {float: none; width: 100%; min-height: 0; padding: 45px 35px;}
 .home-slide-image {height: 420px;}
 
 .work-archive-cat a {font-size: 1.3em;}
 
 .section article ul.gallery-slides {min-height: 400px;}
 .section article ul.gallery-slides li img {max-height: 400px;}
 
 .footer-bio {font-size: 1em;}
}


/* When width is less than 700 */
@media only screen and (max-width: 700px) { 
 .work-menu {margin: 0 5px;}
 .work-menu li {float: none; display: block; width: 100%; height: auto;}
 .work-menu li:nth-child(odd) {transform: skewX(10deg);}
 .work-menu li:nth-child(even) {transform: skewX(-10deg);}
 .work-menu li a {font-size: 1.3em; padding: 10px;}
 .work-menu li a span {position: relative; padding: 10px;}
 .work-menu li:hover {transform: skewX(0deg);}
 
 .home-slides-wrapper {margin-top: -0.5em;}
 
 .work-archive-cat, .work-archive-narrow .work-archive-cat {float: none; width: 100%; height: 250px; margin: 0 0 20px 0;}
 .work-archive-cat:nth-of-type(3n) {margin-right: 0;}
 .work-archive-cat:nth-of-type(3n+1) {clear: left;}
 
 .work-archive-narrow {max-width: 100%;}
 .work-archive-narrow .work-archive-cat:nth-of-type(3n) {margin-right: 0;}
 .work-archive-narrow .work-archive-cat:nth-of-type(3n+1) {clear: left;}
 .work-archive-narrow .work-archive-cat:nth-of-type(2n) {margin-right: 0;}
 .work-archive-narrow .work-archive-cat:nth-of-type(2n+1) {clear: left;}
 
 .section article ul.gallery-slides {min-height: 350px;}
 .section article ul.gallery-slides li img {max-height: 350px;}
}


/* When width is less than 600 */
@media only screen and (max-width: 600px) {
 .logo {font-size: 2.5em;}
 
 .home-slides {min-height: 340px;}
 .home-slide-image {height: 340px;}
 
 .section article ul.gallery-slides {min-height: 300px;}
 .section article ul.gallery-slides li img {max-height: 300px;}
 
 .footer-bio {float: none; width: 100%; padding-top: 0; font-size: 0.95em;}
	.footer-portrait {float: none; width: 70%; margin: 50px auto 0 auto; padding-bottom: 70%;}
}


/* When width is less than 480 */
@media only screen and (max-width: 480px) {
 .wrapper, .footer {width: 100%;}
 .section, .sidebar, .footer {padding-left: 12px; padding-right: 12px;}
 .alignright, .alignleft {display: block; float: none !important; width: auto; height: auto; margin: 10px 0 !important; padding: 0;}
 
 .header {margin-top: 30px;}
 .search-menu {top: -26px; right: 4px;}
 
 .home-slides {min-height: 270px;}
 .home-slide-image {height: 270px;}
 .home-slides li span {left: 5px; font-size: 0.8em;}
 
 .section article ul.gallery-slides {min-height: 250px;}
 .section article ul.gallery-slides li img {max-height: 250px;}
}






/* higher-resolution images for retina screens */
/* see: http://stackoverflow.com/questions/16154494/retina-displays-high-res-background-images */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {

 .search-submit {
  background: url('images/icon-magnifier-2x.png') center center no-repeat;
  background-size: 22px 22px; /* note: image is smaller than div */
 }
 
 .social a.social-facebook {
  background-image: url('http://robinmuller.net/wordpress/wp-content/themes/jacquard2/images/social-facebook-2x.png');
  background-size: 22px 22px;
 }
 .social a.social-twitter {
  background-image: url('http://robinmuller.net/wordpress/wp-content/themes/jacquard2/images/social-twitter-2x.png');
  background-size: 22px 22px;
 }

}