/*
Theme Name: Pari Publishing 2016
Description: theme for Pari Publishing, 2016 update, based on HTML5 reset template
Author: Andrea Barbieri
Author URI: http://www.andreabarbieri.net/
Template: HTML5reset
*/



/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Clearing floats */

.clearfix:before,
.clearfix:after,
.home section:before,
.home section:after {
	content: "";
	display: table;
}

.clearfix:after,
.home section:after {
	clear: both;
}



/* Tags */

html {font-size:100%}

body {
	margin:0;
	padding:0;
	font-family: georgia,"times new roman",times,serif;
	color:#333;
	background:#ede4da url(img/stripe-pattern.png) repeat left top
}

h1, h2, h3, h4, h5, h6 {
	margin:16px 0 8px;
	margin:1rem 0 0.5rem
}

blockquote {
	margin: 8px 0 8px 24px;
	margin: 0.5rem 0 0.5rem 1.5rem;
	color: #767676;
	font-style: italic;
	font-weight: 300;
}



/* Typography */

header h1, 
.section-title,
.entry-title, 
.page-title, 
#menu-navigation a, 
.menu-popup a, 
#pari .caption, 
.menu-label, 
.spotlight-ref, 
.entry-meta {font-family: 'Raleway', Helvetica, Arial, sans-serif;}

header h1, 
.section-title,
.entry-title, 
.page-title {font-weight: 400;}

.book-content, 
.author-bio, 
.spotlight-content, 
.news-content, 
.single-post .entry-content, 
.blog .entry-content {line-height:1.5}



/* Colors */

#catalogue .section-title, 
#catalogue a {color:#5a8e22}

#news .section-title,
#news a, 
.post-type-archive-paripub_news .page-title, 
.post-type-archive-paripub_news .entry-title,
.post-type-archive-paripub_news .entry-title a, 
.single-paripub_news .entry-title, 
.single-paripub_news .entry-title a {color:#924c9c}


#spotlight .section-title, 
#spotlight a {color:#e37c00}

#blog .section-title, 
#blog a, 
.blog .page-title, 
.blog .entry-title a, 
.single-post .entry-title, 
.blog .entry-meta, 
.single-post .entry-meta {color:#dc291e}



/* Links */

a {color:#be7525}

a:hover, 
a:focus {text-decoration:underline;
color:#c9282d}

header h1 a, 
#menu-navigation a, 
#catalogue a, 
.home .entry-title a, 
.go-archive a, 
.post-nav a, 
.post-type-archive-paripub_news .entry-title a, 
.blog .entry-title a, 
.single-paripub_news .entry-title a {text-decoration:none}

#catalogue a:hover, 
.home .entry-title a:hover, 
.go-archive a:hover, 
.post-nav a:hover, 
.post-type-archive-paripub_news .entry-title a:hover, 
.blog .entry-title a:hover, 
.single-paripub_news .entry-title a:hover {text-decoration:underline}







/* STRUCTURE 
--------------------------------------------------*/

#page {position:relative;}

header {padding:48px 0 0;
padding:3rem 0 0;
margin: 0;
position: relative;
background: #FFF;}

.inner, 
#main {margin:0 auto;
max-width:1080px;
position:relative;}

#main {background:#fff;
padding: 0 32px 32px;
padding: 0 2rem 2rem;}

section {background: #FFF;
position: relative;
margin: 66px 0 0;
margin: 4.1rem 0 0;
padding:0;}

footer {clear:both;
margin:48px auto 32px;
margin:3rem auto 2rem;
padding:32px;
padding:2rem;
max-width:1080px;
position:relative;
background: #FFF;}


/* Common */

article {position:relative;
padding:0 16px 16px;
padding:0 1rem 1rem}

.archive article {width:33%;
float:left;
position:inherit;
margin-top:12px;
margin-top:0.75rem;
padding:16px;
padding:1rem}

.blog article {
margin-top:12px;
margin-top:0.75rem;
padding:16px;
padding:1rem}

.entry-title, 
.page-title {
	margin: 0 0 8px;
	margin: 0 0 0.5rem;
	border-bottom: 1px solid #CCC;
	padding: 0 0 8px;
	padding: 0 0 0.5rem;
	font-size:26px;
	font-size:1.625rem;
	font-weight:800}

.single .entry-content {position:relative}

.page .entry-content {padding:32px 0 0;
padding:2rem 0 0}

.single-paripub_news .entry-content, 
.single-paripub_spotlight .entry-content, 
.single-post .entry-content {
padding:32px 0 0;
padding:2rem 0 0}

.entry-content h3, 
.entry-content h4, 
.entry-content h5 {margin:32px 0 16px;
margin:2rem 0 1rem}

.entry-content p {margin:0 0 16px;
margin:0 0 1rem;}





/* HEADER 
---------------------------------------*/

header h1 {padding:0 0 0 16px;
padding:0 0 0 1rem;
font-size:32px;
font-size:2rem;}

header h1 a {color:#333;}

header h1 a:hover {text-decoration:none}





/* MENU NAVIGATION 
-------------------------------------------*/

#nav {background:#000;
position:relative}

#menu-navigation a, 
.menu-popup a {display:inline-block;
color:#fff;}

#menu-navigation a {padding:16px;
padding:1rem}

#menu-navigation a:hover {text-decoration:none;
background:#666;
text-shadow:2px 2px 4px rgba(0,0,0,0.5);}

#menu-navigation {position:relative;}

#menu-navigation li {
background:#333;
border-right:1px solid #666;
border-left: 1px solid #000;
}

#menu-navigation li:hover {background:#666;}

#menu-navigation .sub-menu {display:none;
position: absolute;
z-index:999}

.menu-toggle {display:none;
background-color: #000;
border-radius: 0;
cursor: pointer;
font-size: 0;
height: 48px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 48px;}

.menu-toggle:before {
	color: #fff;
	content: "\f419";
	display: inline;
	margin-top: 16px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #333;
}

.menu-toggle:focus {
	outline: 1px dotted;
}

.menu-label {display:none}



/* Search form */

.search-form {/* see min-width:600px */}

.search-form span {display:none}

.search-form label {line-height:48px;
line-height:3rem}





/* HOME PAGE 
-------------------------------------*/

.home #main {background:none;
padding:0}

section#pari {margin:0;
padding:32px;
padding:2rem;
background: #296DBC url(img/pari-box.png) repeat-x left top;
color: #FFF;
border-bottom:1px solid #001c76;
border-radius:0 0 16px 16px;
border-radius:0 0 1rem 1rem;}

section#catalogue {padding:16px;
padding:1rem;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #CCC;}

section#news, 
section#spotlight, 
section#blog {background:none;}

section#spotlight, 
section#blog {margin-left:2.96%;}



/* Home - Titles */

.section-title {
	margin:32px 0;
	margin:2rem 0;
	position: absolute;
	top: -66px;
	top: -4.1rem;
	font-size:25.6px;
	font-size:1.6rem;
	line-height:100%;
}

#news .section-title, 
#spotlight .section-title, 
#blog .section-title {padding:0 0 0 32px;
padding:0 0 0 2rem;}

#pari .section-title {position:relative;
top:0;
margin: 0 0 80px;
margin: 0 0 5rem;
z-index:99}

#catalogue .section-title {padding:0 0 0 16px;
padding:0 0 0 1rem;}

.home .entry-title {
	border-bottom:none;
	margin:0
}

.home .entry-title, 
.archive .entry-title, 
.blog .entry-title {
	font-size:18px;
	font-size:1.125rem;
	font-weight:normal
}

.archive .page-title, 
.blog .page-title {
padding:48px 16px 16px;
padding:3rem 1rem 1rem}



/* Home - STRUCTURE */

section article {background:#fff}

.home article {margin:0 0 32px;
margin:0 0 2rem;
padding:0}

section#news article, 
section#blog article {padding:32px 32px 16px;
padding:2rem 2rem 1rem;
margin-bottom:8px;
margin-bottom:0.5rem;
background:#fff;
border-bottom: 1px solid #999;
border-right: 1px solid #CCC;}

.home .entry-content {
padding:0;
margin:0}

section ul {
list-style:none;
margin:0;
padding:0}


/* Pari */

#pari .text {
position: relative;
z-index: 98;
width: 60%;}

#pari .caption {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
height: 100%;
background: url(img/pari.jpg) no-repeat right top;
z-index: 90;
padding-top: 176px;
padding-top: 11rem;
padding-left: 72%;
padding-right: 32px;
padding-right: 2rem;
font-size: 14px;
font-size: 0.875rem;
color:#d9e2ea;
border-radius:16px;
border-radius:1rem;}


/* Catalogue */

.home .item {padding:16px 0 16px 16px;
padding:1rem 0 1rem 1rem;}

.home .item > a {display:block;
float:left}

.home .item h3 {
	font-size:14px;
	font-size:0.875rem;
	font-weight: normal;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	margin:8px 0 0 112px;
	margin:0.5rem 0 0 7rem
}

.home .item p {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-size:0.75rem;
	margin-left:112px;
	margin-left:7rem;
}

.home img {
	width:100px;
	height:auto;
	-moz-box-shadow: 1px 1px 3px 0 #CCC;
	-webkit-box-shadow: 1px 1px 3px 0 #CCC;
	box-shadow: 1px 1px 3px 0 #CCC;
	position: relative;
	right: -2px;
	top: 2px;
}

.home .item.to-be-released {background:#e1f4cd}

.owl-controls {position:relative}

.owl-buttons {position: absolute;
top: 0;
width: 100%;}

.owl-prev {position: absolute;
left: 0;}

.owl-next {position: absolute;
right: 0;}


/* Spotlight */

section#spotlight ul {padding:0 0 16px;
padding:0 0 1rem;
margin-bottom:8px;
margin-bottom:0.5rem;
background-color:#fff;
border-bottom: 1px solid #999;
border-right: 1px solid #CCC;}

section#spotlight li {padding:0 32px;
padding:0 2rem;}

.spotlight {padding-top:110px;
padding-top:7rem;}

.spotlight .box {background-color:#e37c00;
height:130px;
height:8.125rem;
margin-bottom:16px;
margin-bottom:1rem;
background-size:80% auto;
background-position:center 8px;
background-position:center 0.5rem;
background-repeat:no-repeat}

.spotlight#gentleaction .box {background-image:url(img/box-gentleaction.jpg)}
.spotlight#unveiling .box {background-image:url(img/box-unveiling.jpg)}
.spotlight#psi .box {background-image:url(img/box-psi.jpg)}
.spotlight#paridialogues2 .box {background-image:url(img/box-paridialogues2.jpg)}
.spotlight#synchronicity .box {background-image:url(img/box-synchronicity_peat.jpg)}

.go-archive {padding-left:32px;
padding-left:2rem}

.read-more {display:block;
text-decoration:none;
padding-top:8px;
padding-top:0.5rem}

.read-more:hover {text-decoration:underline;}





/* CONTENT 
-------------------------------------------------------*/



/* BOOK AND AUTHOR POSTS */

.book-meta, 
.author-books {
float:right;
font-family: 'Raleway', Helvetica, Arial, sans-serif;}

.single .wp-post-image {padding:16px;
padding:1rem;
background:#dadada;
height:auto;
float:right;
}

.book-content, 
.author-bio {font-size: 16px;
font-size: 1rem;
line-height: 23px;
line-height: 1.4375rem;}

.book-content ul, 
.author-bio ul {list-style:inherit;
margin:16px;
margin:1rem}



/* Book posts */

.single-paripub_book .book-author {margin:0 0 32px;
margin:0 0 2rem;
font-family: 'Raleway', Helvetica, Arial, sans-serif;}

.book-meta {width:25%;}

.book-meta ul.format-choice li {
	display:inline-block;
	padding:0 0.25em;
    text-align: center;
	vertical-align: bottom;
}

.book-meta ul.format-choice a {
	outline: 0;
}

.book-meta p {border-bottom:1px solid #dadada;
padding: 4px 0;
padding: 0.25rem 0;
margin:0}

.book-meta p.book-meta-title {
	text-transform:uppercase;
	font-size:0.875em;
	border-bottom:none
}

.book-meta p .label {
	text-transform:uppercase;
	font-size:0.875em;
}

.book-excerpt {font-family: 'Raleway', Helvetica, Arial, sans-serif;
font-style:italic;
font-size:20px;
font-size:1.25rem;
margin:0 0 16px
margin:0 0 1rem}

.book-summary,
.book-content {
margin:0 30% 0 0}

.single-paripub_book .wp-post-image {
position: relative;
width:30%;
top: -16px;
top: -1rem;
margin:0 3%}

.book-purchase {
	margin-bottom:16px;
	margin-bottom:1rem;
}

.book-purchase h3 {
	margin:16px 0 0;
	margin:1rem 0 0;
}

.book-spotlight {margin:32px 0 8px;
margin:2rem 0 0.5rem;
border-top:1px solid #dadada;}

.modal-body li {
	padding:1em;
}

.modal-body form {
	display:inline-block;
}




/* Author posts */

.single-paripub_author .entry-content {margin:32px 0 0;
margin:2rem 0 0}

.single-paripub_author .wp-post-image {margin:0 16px 16px 3%;
margin:0 1rem 1rem 3%;
width:44%;}

.author-books {width:28%;}

.author-books .wp-post-image {
float:left;
margin:0 16px 16px 0;
margin:0 1rem 1rem 0;
padding:0;
background:none;
width:auto;
	-moz-box-shadow: 1px 1px 3px 0 #CCC;
	-webkit-box-shadow: 1px 1px 3px 0 #CCC;
	box-shadow: 1px 1px 3px 0 #CCC;
	max-width: 44%;
}

.author-books h4 {margin:0 0 16px;
margin:0 0 1rem}

.author-bio {/*margin:0 32% 0 0;*/
float:left;
width:68%}

.archive .author-name {text-align: center;
margin: 8px 0;
margin: 0.5rem 0;
border-top: 1px solid #CCC;
padding: 8px 0 0;
padding: 0.5rem 0 0;
font-family: 'Raleway', Helvetica, Arial, sans-serif;}



/* Spotlight posts */

.spotlight-ref {margin:0 0 16px;
margin:0 0 1rem}









/* Post navigation */

.post-navigation {font-family: 'Raleway', Helvetica, Arial, sans-serif;
position:relative;
margin:32px 0 48px;
margin:2rem 0 3rem;
height:48px;
height:3rem;
border-bottom: 1px dotted #cecece}

.post-nav {line-height:2}

.post-nav span.arrow {font-size: 64px;
font-size: 4rem;
line-height: 32px;
line-height: 2rem;
vertical-align: middle;
border: 1px solid #CCC;
width: 48px;
width: 3rem;
height: 48px;
height: 3rem;
display: inline-block;
text-align: center;
position: relative;
}

.post-nav a {vertical-align: middle;
line-height: 32px;
line-height: 2rem;}

#next-post {position:absolute;
right:0;
top:0}

#previous-post span.arrow {left: -16px;
left: -1rem;}

#next-post span.arrow {left: 16px;
left: 1rem;}



/* Masonry */

.archive article img {
width:100%;
height:auto;
display:block}

.archive article div {position:relative}

.post-type-archive-paripub_book article p {position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
color: #FFF;
padding: 48px 16px 16px;
padding: 3rem 1rem 1rem;
text-align:center;
font-family: 'Raleway', Helvetica, Arial, sans-serif;
height:100%;
display:none}

.post-type-archive-paripub_book article p a {display:block;
width:100%;
height:100%;
color:#fff;
text-decoration:none}

.post-type-archive-paripub_book article p a.read-more {position:absolute;
bottom:48px;
bottom:3rem;
height: auto;
text-align: center;}


/* Contact form - page id 181 */

.page-id-181 .contact-form input, 
.page-id-181 .contact-form textarea {width:100%}



/* Currency picker */

#currency-picker ul {position:relative}

#currency-picker li {float:left;
width:50%}

#currency-picker li:hover {background:#F9F3E8 url(img/stripe-pattern.png) repeat left top}

#currency-picker li a {float:left;
display:block;
padding:8px 16px;
padding:0.5rem 1rem;
line-height: 16px;
line-height: 1rem;
width: 100%;
text-align: center;
text-decoration:none;
position: relative;
z-index: 999;}

#currency-picker li:hover a {font-weight:800}

#currency-picker li ul {width:100%;
display:none;}

#currency-picker li:hover > ul {display:block;}

#currency-picker li li {float:none;
text-align:center;
width:100%;
position:static}







/* Tabs
----------------------------------*/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}



.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 0 0;
	background: none;
}



.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
}




/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #AAA;
    background: #FFF;
    font-weight: normal;
    color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}



/* Modal
----------------------------------*/
tn {
  background: #428bca;
  border: #357ebd solid 1px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
  /* top: 40em;*/
}
.btn:hover {
  background: #357ebd;
}
.btn.btn-big {
  font-size: 18px;
  padding: 15px 20px;
  min-width: 100px;
}
.btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-close:hover {
  color: #919191;
}
.modal:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.modal:target:before {
  display: block;
}
.modal:target .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
.modal-dialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 11;
  width: 360px;
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal-body {
  padding: 20px;
}
.modal-header,
.modal-footer {
  padding: 10px 20px;
}
.modal-header {
  border-bottom: #eee solid 1px;
}
.modal-header h2 {
  font-size: 20px;
}
.modal-footer {
  border-top: #eee solid 1px;
  text-align: right;
}
/*ADDED TO STOP SCROLLING TO TOP*/
#close {
  display: none;
}









/* =MEDIA QUERIES
-------------------------------------------------------------- */




/* Maximum width of 599 pixels. */
@media screen and (max-width: 599px) {

#main {padding:0 1rem 2rem}


/* MENU NAVIGATION 
-------------------------------------*/

#nav {background:#000}

.menu-toggle {display:inline-block}

.menu-navigation-container {display:none;
position:absolute;
top:48px;
z-index:999;
width:50%}

.toggled-on {display:block}

.menu-label {display:inline;
color:#fff}




/* HOME PAGE 
-------------------------------------*/

section#pari {padding:0;
background-image:none;
border-radius:0}

#pari .section-title {background:#9ccdeb;
margin:0;
padding:1rem 1rem 0}

#pari .text {padding:0 1rem 1rem;
width:100%}

#pari .caption {background-size:100% auto;
position:relative;
right:auto;
bottom:auto;
padding-left:1rem;
padding-right:1rem;
padding-top:7rem;
padding-bottom:1rem;
border-radius:0}



/* CONTENT PAGES 
-------------------------------------------------------*/

.book-meta {width:100%;
padding:0 0 2rem}

.book-meta, .author-books {float: none;}

.single-paripub_book .wp-post-image, 
.single-paripub_author .author-bio .wp-post-image {
top:0;
margin: 0 auto 2rem;
width: 100%;
height: auto;
float: none;}

.book-summary, .book-content {margin:0;}

.author-bio, 
.author-books {width:100%;
float:none;}

.single-paripub_spotlight .wp-post-image {display:none}


/* Post navigation */

.post-nav span.title {display:none}

#previous-post a:after, 
#next-post a:before {content: attr(title);}



/* ARCHIVE PAGES 
-------------------------------------------------------*/

.archive article {float:none;
width:100%;
margin-top:0}



}



/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

.page .entry-content, 
.single-paripub_news .entry-content, 
.single-paripub_spotlight .entry-content, 
.single-post .entry-content, 
.page .entry-header, 
.single-paripub_news .entry-header, 
.single-paripub_spotlight .entry-header, 
.single-post .entry-header, 
.blog .entry-header, 
.blog .entry-content {margin:0 13.75%}

.home .entry-content {margin: 0;}


/* HOME PAGE 
-------------------------------------*/

section#news, 
section#spotlight, 
section#blog {width:31.358%;
float:left}



/* MENU NAVIGATION 
-------------------------------------*/

#menu-navigation li {/*float:left;*/
display:inline-block}

#menu-navigation li:hover > .sub-menu {display:block;}

#menu-navigation li li {
float:none;
background:#666;
width:180px;
width:11.25rem;
text-align:left;
border-right:none;
border-left:none;}

.menu-popup {background:#666;
position:absolute;
display:none;
z-index:999}

.menu-popup li {width:33%;
float:left;
padding:6px 16px;
padding:0.375rem 1rem;}

#menu-navigation li li:hover, 
#menu-navigation li li a:hover {background:#999}

#menu-navigation .menu-popup a {display:block;
padding:8px;
padding:0.5rem;
line-height: 19px;
line-height: 1.2rem;
min-height: 54px;
min-height: 3.4rem;}

#menu-navigation .menu-popup {
width:100%;
left:0}

#menu-navigation .menu-popup li {
float:left;
width:33%;
}


/* Search form */

.search-form {position: absolute;
top: 50%;
right: 16px;
right: 1rem;
bottom:auto;
z-index:999}





/* CONTENT PAGES 
-------------------------------------------------------*/

.single-paripub_spotlight .wp-post-image {
width: 30%;
float: left;
margin: 0 48px 32px 0;
margin: 0 3rem 2rem 0;}

.entry-meta {
float: left;
width: 12.2%;
background:#F9F3E8 url(img/stripe-pattern.png) repeat left top;
padding: 1rem 8px;
text-align: center;
font-size: 1.125rem;
position: absolute;
top: 0;
left: 0;
border-radius: 0.5rem;}

.date {padding: 0 0 0.5rem;
border-bottom: 1px dotted #DC291E;
font-weight:800
}

.year {font-size: 1.5rem;
padding: 0.25rem 0 0;}



}