/*

Theme Name: Permuted Press 2026
Description: Permuted Press official theme with sitewide search.
Version: 2.0

*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600italic,600,700,700italic");
@import url("bootstrap/dist/css/bootstrap.min.css");

/* Begin BWP Rules */

.cat-pub-date { font-size: 14px !important; }

body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.modal-content .img-responsive {
	margin: 0 auto;
}

.hp-post-grid .excerpt p:nth-child(2) {}



.hp-post-grid .excerpt p:nth-child(1) {min-height: 90px;}



.modal-dialog {max-width: 900px; min-width: 700px; margin: 30px auto;}



#booksby .owl-wrapper-outer { height: auto !important; }



/* News Style #2 */

.post-preview-more .col-sm-12 .image-wrap {

	max-height: 260px !important;

	overflow: hidden;

	min-height: 260px !important;

}

.post-preview-more .col-sm-12 .image-wrap-more {

	max-height: 150px !important;

	overflow: hidden;

	min-height: 150px !important;

}

.post-preview-more {

	margin-bottom: 30px;

}

/* End News Style #2 */



h3.title-item {

	font-size: 1.2em !important;

	line-height: 1.2em !important;

}



#booksbyauthor {

	min-height: 460px;

}



/* Begin Bootstrap 3 Menu CSS - BWP */

.dropdown-submenu{position:relative;}

.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}

.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {

display: block;

}

.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

.dropdown-submenu:active>a:after{border-left-color:#ffffff;}

.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}



.dropdown-menu li .dropdown-menu {

	min-width: 240px;

}

/* End Bootstrap 3 Menu CSS */



#book-categories li .term-count {

	font-size: 13px !important;

	margin-left: 2px;

}

#book-categories li {

	font-size: 12px !important;

}

#book-categories li span {

	font-size: 16px !important;

}

#book-categories li a {

	font-weight: 600 !important;

}

#book-categories ul {

	list-style: none;

	text-align: center;

}

/* End BWP Rules */



body {font-weight: 300; background: black;}



section#hero, section#hero .overlay {}

section {background: transparent;}

.btn {font-weight: 600;}

.btn.spread {letter-spacing: 4px; text-transform: uppercase; font-weight: 100;}

.green a {color:rgba(255,255,255,0.5);}

.green a:hover {color:rgba(255,255,255,.9); text-decoration: none;}

.overlay {background: rgba(51,51,51,0.8); height: 100%; width: 100%; position: relative; color: white;}

.overlay.overlay-light {background: rgba(255,255,255,0.92); border-bottom: 8px solid #1a1a1a; color: #444; }

.navbar-brand {padding:0 0 0 0;}

.logo {margin:0 0 0 0; width:340px;}



.navbar-theme {background: #330000; margin-bottom: 0px; min-height: 0px;}

.navbar-theme a {color:white; text-transform: uppercase}

.navbar-theme .nav > li > a:hover, .navbar-theme .nav > li > a:focus {background: rgba(255,255,255,0.1);}

.navbar-theme .navbar-nav > li > a {

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 1.1em;

    font-weight: 300;

    letter-spacing: 2px;

    padding-right: 15px;

    padding-left: 23px;

}

/**
 * Custom breakpoints for navbar
 * - Justen Robertson
 */
@media screen and (max-width:1199px) {
	nav.navbar-theme .navbar-nav > li > a {padding-right:5px; padding-left:6px;}
}

/**
 * Bump the logo size down between these sizes
 */
@media screen and (max-width:999px) and (min-width:768px) {
	nav.navbar-theme .navbar-nav > li > a {font-size:1em; padding-right:2px; padding-left:2px;}
	nav.navbar-theme a.navbar-brand img {width:200px; margin-top:12px;}
}

/**
 * Fix logo alignment in mobile mode
 */
@media screen and (max-width:767px) {
	nav.navbar-theme a.navbar-brand img {margin-top:-5px;}
}

/**
 * Fix logo width on really small screens
 */
@media screen and (max-width:414px) {
	nav.navbar-theme a.navbar-brand img {width:240px; margin-top:5px;}
}


.carousel-inner{height: 300px;}

.navbar-toggle {border: 1px solid white !important;margin-top: 5px;

margin-bottom: 5px;

border-radius: 7px;}

.navbar-toggle .icon-bar {color: white !important; background: white;}

.dropdown-menu > li > a { font-weight: 200; white-space: normal !important; }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {

background: rgba(255,255,255,0.1);

border-color: #000033;

}

.active.noactive a {background: white !important; color: #404040 !important;}

#features, #content, #news-index {background: #e8e8e8;}

#content, #news-index {padding:80px 0px; }

#content {background: white}

#content.single-post h1 {font-weight: 600;}

#content.single-post {background: white; padding-top: 0px;}

.title-home, .title {font-size: 2em; text-transform: uppercase; letter-spacing: 7px; font-weight: 300; text-align: center; color: #444; padding: 50px 0; margin:0;}

#content.contact {padding-top: 30px;}

.title-home.by-author {text-align: left;}

.title-home .bolded, .title .bolded {color: #1a1a1a; font-weight: 600; letter-spacing: 5px; padding:0 .2em 0 .2em;}

.title-home.booklist, .booklist .bolded {color: white; padding-bottom: 0px;}

.subtitle, .subtitle button {font-weight: 100; font-size: 1.2em; padding-bottom: 2em; text-transform: uppercase; letter-spacing: 4px; font-weight: 300;}

.subtitle button {background: transparent; border: none; padding-bottom: 0em; margin-bottom: 2em;}

.onblue a, .onblue {color: white;}

.onwhite, .onwhite a {color: #1a1a1a}

.blue {color: #1a1a1a;}

.features img {margin: 0 0; padding: 0 0;}

.sep {width: 90%; height: 1px; background: #1a1a1a; margin: 50px auto 0 }

.sep.onblue { background: white; margin-bottom: 80px;}

.emg-owl .owl-controls {position: absolute;top: 35%;margin: 0 auto;width: 100%;}

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

.emg-owl .owl-prev, .emg-owl .owl-next {position: absolute;}

.emg-owl .owl-prev {left:-40px;}

.emg-owl .owl-next {right:-40px;}

.emg-owl .owl-controls .owl-buttons div {color: #1a1a1a;border: 0px solid #1a1a1a;width: 50px;height: 50px;font-size: 40px;background: transparent; font-weight: bold}

.emg-owl .owl-controls .owl-buttons div:hover {background: rgba(58,98,116,0.88); background: transparent; color: #1a1a1a; }

.emg-owl.onblue .owl-controls .owl-buttons div {color: white;border: 0px solid white;width: 50px;height: 50px;font-size: 30px;background: transparent;}

.emg-owl.onblue .owl-controls .owl-buttons div:hover {background: rgba(255,255,255,.5); color: white; }

.book-cover-title {color: #1a1a1a; font-size: 14px; font-weight: 500;}

.book-cover-title-author {color: #1a1a1a; font-size: 14px; font-weight: 200; font-style: italic;}



.owl-theme .owl-controls .owl-buttons div.disabled, .owl-theme .owl-controls .owl-buttons div.disabled:hover {display: none;}

.morelink-home {text-transform: uppercase; margin: 80px auto; font-size: 1.5em; letter-spacing: 4px; display: block; font-weight: 300;}

footer {background: #000033; padding: 50px 0px; color: white; }





#news .title-home, #news .bolded, #who-we-are .title-home, #who-we-are .bolded {color: white;}

#news .bolded {padding:0 4px;}

#news, #news a, #news a:hover {color: white; text-decoration: none}

.post-preview{margin-bottom: 60px;}

h3.title-item {color: white; text-transform: uppercase; margin: 0 0 14px; letter-spacing: 1px; font-size: 1.5em; font-weight: 800;}

h3.title-item.author {font-size: 1.9em;}

h3.title-item.author a {color: white; font-weight: 800; font-size: .8em;}

.auth-excerpt {color: white;}

p.read-more {font-style: italic; margin-top: 15px;}

#news .moretag {text-transform: uppercase; margin: 10px auto; font-size: 1em; letter-spacing: 2px; font-style: normal; font-weight: 300; background: #006600;}





h1.title-header { padding:1.2em 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 800;}

h1.title-header.bigtime {font-size: 4em; color: white; font-weight: 800; letter-spacing: .23em;}

#page h1.title-header.bigtime {color:#444;}

h1.title-header.bigtime.news {font-size: 4em; color: white; font-weight: 100; letter-spacing: .23em;}

h1.title-header.bigtime.news .bolded {font-weight: 800;}

h1.title-header.bigtime.whoweare {font-size: 2.0em; color: white; font-weight: 300; letter-spacing: .30em;}

h1.title-header.bigtime.whoweare .bolded {font-weight: 800;}

p.whoweare-content {font-size: 1.2em; font-weight: 400; padding-bottom: 30px; text-align: justify;}

.sidebar-title:first-child {margin-top: 0px; padding-top: 0px;}



h1.title-header-sm {padding:1em 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 1.96em;}





.featured-author-profile, .book-cover {margin-bottom: 20px;}



a.social-links {color: white; margin:0 2em 2em; display: inline-block; }





.bluebg {background: rgba(0,0,0,0.65)}



.book-detail {padding:80px 0;}

.book-detail-img {padding: 0 4em; margin: 0 auto; }

.book-detail-title-imprint-img {padding: 0;}
@media screen and (max-width:767px) {
	.book-detail-title-imprint-img {
	    padding: 2em;
	    max-width: 150px;
	    margin: 0 auto;
	}
}

h1.book-detail-title {font-weight: 600;


text-transform: uppercase;

font-size: 1.8em;

letter-spacing: 3px;

padding-bottom: 0px;

margin: 0px;}

h2.book-detail-subtitle, h2.book-detail-author {margin: 0 0; font-style: italic; font-size: 1.7em;}

h2.book-detail-subtitle {padding:6px 0; font-weight: 300;}

h2.book-detail-author {font-style: normal; font-weight: 300; font-size: 1.6em;}

h2.book-detail-author a {}

.book-detail-description {padding:2em 0 1.3em;}

.book-detail-description p:last-child {padding-bottom: 0px; margin-bottom: 0px; }

a.book-detail-purchase {

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 1.2em;

}

a.retailer {display: block; padding:.4em 0; height: 100%; overflow: hidden;}

a.retailer:hover {background: rgba(255,255,255,0.29);

	

}

.trailer {margin-bottom: 80px;}

.modal-body .retailer {padding:1em 0em;}

.modal-title {font-weight: 200; text-transform: uppercase;}

.modal-subtitle {text-transform: uppercase; border-bottom: 3px solid #006600; width: 85%; margin: 0 auto;}

h1.praise {padding-bottom: 1.5em;}









.index-featured-image {width:75%; margin: 0 auto; position: relative;}

.img-overlay {position: absolute; height: 100%; width: 97.5%; background: rgba(51,51,51,0.84) }

.featured-post-slider {max-width: 97.5%;}

.featured-post-title {position: absolute; top:35%; font-weight: 800; font-size: 1.8em; letter-spacing: 2px; text-transform: uppercase; left:0; right: 0; bottom: 0; line-height: 100%; }

.news-preview {background: white; padding: 3em; margin-bottom:5em;}

.news-preview:first-child {margin-top:2em;}

.news-preview a {colorzzz:#1a1a1a }



.auth-social {border-radius: 50%; margin:0 5px; color: white; padding:4px 5px; width:20px; display: inline; height: 18px;}

.auth-social.facebook {background: #3b5998;}

.auth-social.twitter {background: #00aced;}

.auth-social.gplus {background: #dc565b;}

.auth-social-links {margin-top: 1.5em;}



.about-content p {font-size: 1.6em;}

.about-content.contact, .about-content.contact p {margin-top: 2em;}

.morelink-home.morelink-contact {

font-size: 1.1em;

letter-spacing: 2px;

}

.contact hr {margin: 3em; width:80%;}

.post-content {background: white; padding:2em 3em; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.09); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.0); margin-top: -2em; margin-top: 0px;}

.post-content p, #content p, .paragraph p {font-size: 18px;line-height: 1.6em;}

#who-we-are .overlay {padding:0em 0em 3em;}

.archive-header {text-align: center;}





button.news-category {background: transparent; border:0px solid white;}

.news-feed-content {display:none;}

.news-feed-content.featured-news {display: block;}



.books-list-nonfiction, .books-list-fiction {display: none;}



	

	.content img, .single-post img{max-width: 100%; display: block; height: auto;}

	

	

	img.alignright, img.alignleft, div.alignleft, div.alignright,img.aligncenter, div.aligncenter {       background: none repeat scroll 0 0 #F1F1F1;

    padding: 5px 5px;}

img.alignright, div.alignright {

	float:right;

	margin-left: 15px;

	margin-bottom: 1px;

	}

img.alignleft, div.alignleft {

	float:left;

	margin-right:15px;

	margin-bottom:15px;

	}

img.alignright, img.alignleft {

	padding:5px;}

p.wp-caption-text {    display: block;

    font-size: 11px;

    font-style: italic;

    text-align: center;

	padding-bottom:0px;}

img.aligncenter, div.aligncenter {margin:0 auto; margin-bottom: 15px; padding:5px;}





.essb_links {

margin: 6em 0 1em !important;}







@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 568px) { 

	

	.logo {width:242px !important;}

	p {font-size: 18px}

		

		

	.emg-owl .owl-prev {width:30px !important;left: 0px; padding-left: 0px !important;}

	.emg-owl .owl-next {width:30px !important;right: 0px; }

		

	button.news-category, .subtitle button {background: transparent;border: 0px solid white;

	font-size: 12px;

	margin: inherit 0;

	letter-spacing: 2px;

	line-height: 1em;

	margin: 10px 0 0 0;}

	h1.title-header.bigtime.news, h1.title-header.bigtime {font-size: 1.3em; margin-top: .5em;}

	.featured-post-title { font-size: 1em; top: 18%;}

	h3.title-item, h3.title-item.author {font-size: 1.2em;margin-top: 17px;}

	.morelink-home {margin:20px 0 0 0;}

	#content, #news-index, #features {padding: 20px 0px;}

	.news-preview{ margin-bottom: 2em;}

	.news-preview:first-child {margin-top: 0em;}

	.sep {margin: 20px auto 0;}

	.featured-author-profile, .book-cover {margin-bottom: 20px;}

	#bookdetail-header .book-detail {padding: 30px 0;text-align: center;}

	h1.book-detail-title {margin-top: 20px;}

	.title-home.by-author {text-align: center;}

	.title-home, .title {font-size: 1.4em;}

	a.social-links {margin: 0 1em 2em;}

	

	.content img, .single-post img{max-width: 100%;}

	#page.header .overlay {padding-bottom: 20px;}



}


/* ==========================================================================
   Permuted Press — Sitewide Search
   Modeled after the Post Hill Press implementation.
   Navbar: #330000 dark red. Panel: #1a0000 deep crimson-black.
   Accent: #660000 / #550000. Light overlays for results panels.
   ========================================================================== */

/* ------------------------------------------------------------------
   1. Desktop search toggle button — absolutely positioned far right
   ------------------------------------------------------------------ */

.pp-nav-search-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 22px;
  background: rgba(0, 0, 0, 0.18);
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.05em;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
  z-index: 10;
}
.pp-nav-search-btn:hover,
.pp-nav-search-btn:focus {
  background: rgba(0, 0, 0, 0.30);
  color: #fff;
  outline: none;
}
.pp-nav-search-btn.pp-active {
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
}

/* ------------------------------------------------------------------
   2. Mobile search toggle button (xs/sm) — sits in .navbar-header
   ------------------------------------------------------------------ */

.pp-search-mobile-btn {
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 7px !important;
  color: white !important;
  background: none !important;
  padding: 6px 11px !important;
  margin: 5px 4px 5px 0 !important;
  font-size: 1em;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.pp-search-mobile-btn:hover,
.pp-search-mobile-btn.pp-active {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

/* ------------------------------------------------------------------
   3. Search slide-down panel — global, sits below navbar
   ------------------------------------------------------------------ */

.pp-search-panel {
  display: none;
  background: #1a0000;
  border-bottom: 2px solid rgba(0, 0, 0, 0.35);
  padding: 11px 0;
  position: relative;
  z-index: 998;
}
.pp-search-panel .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.pp-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.pp-search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  padding: 6px 14px;
  font-size: 0.95em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.93);
  border: none;
  border-radius: 3px 0 0 3px;
  color: #222;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.pp-search-input::-webkit-search-decoration,
.pp-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.pp-search-input:focus {
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
}
.pp-search-submit {
  height: 40px;
  padding: 0 18px;
  background: #550000;
  border: none;
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pp-search-submit:hover,
.pp-search-submit:focus {
  background: #330000;
  outline: none;
}
.pp-search-close-btn {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1.1em;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 3px;
  -webkit-transition: color 0.2s, background 0.2s;
  transition: color 0.2s, background 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
}
.pp-search-close-btn:hover,
.pp-search-close-btn:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.10);
  outline: none;
}

@media screen and (max-width: 480px) {
  .pp-search-input { font-size: 16px; } /* prevent iOS zoom */
}

/* ------------------------------------------------------------------
   4. search.php — WP search results template
   ------------------------------------------------------------------ */

#pp-results-header {
  padding: 36px 0 24px;
}
#pp-results-header h1 {
  color: #330000;
  font-weight: 300;
  font-size: 1.8em;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 6px;
}
#pp-results-header h1 em {
  font-style: normal;
  font-weight: 700;
  color: #1a0000;
}
#pp-results-header .pp-results-meta {
  color: #888;
  font-size: 0.88em;
  letter-spacing: 1px;
}
#pp-results-header .pp-results-search-form {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 560px;
}
#pp-results-header .pp-results-search-form input[type="search"] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 42px;
  padding: 6px 14px;
  font-size: 0.95em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: rgba(51, 0, 0, 0.06);
  border: 1px solid rgba(51, 0, 0, 0.18);
  border-right: none;
  border-radius: 3px 0 0 3px;
  color: #333;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background 0.15s, border-color 0.15s;
  transition: background 0.15s, border-color 0.15s;
}
#pp-results-header .pp-results-search-form input[type="search"]::-webkit-input-placeholder { color: rgba(0,0,0,0.35); }
#pp-results-header .pp-results-search-form input[type="search"]::-moz-placeholder { color: rgba(0,0,0,0.35); }
#pp-results-header .pp-results-search-form input[type="search"]::placeholder { color: rgba(51,0,0,0.35); }
#pp-results-header .pp-results-search-form input[type="search"]:focus {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(51, 0, 0, 0.35);
}
#pp-results-header .pp-results-search-form button {
  height: 42px;
  padding: 0 20px;
  background: #330000;
  border: 1px solid #330000;
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#pp-results-header .pp-results-search-form button:hover {
  background: #550000;
  border-color: #550000;
}

#pp-results-list {
  padding-bottom: 60px;
}
.pp-result-item {
  border-left: 3px solid #330000;
  background: rgba(255, 255, 255, 0.05);
  padding: 18px 22px;
  margin-bottom: 14px;
  border-radius: 0 4px 4px 0;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.pp-result-item:hover {
  background: rgba(51, 0, 0, 0.05);
}
.pp-result-item h2 {
  margin: 0 0 8px;
  font-size: 1.15em;
  font-weight: 600;
  line-height: 1.3;
}
.pp-result-item h2 a {
  color: #1a0000;
  text-decoration: none;
}
.pp-result-item h2 a:hover {
  color: #550000;
  text-decoration: underline;
}
.pp-result-excerpt {
  color: #555;
  font-size: 0.9em;
  line-height: 1.65;
  margin: 0 0 10px;
}
.pp-result-meta {
  font-size: 0.75em;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #550000;
}
.pp-result-meta a {
  color: #550000;
  text-decoration: none;
}
.pp-result-meta a:hover {
  text-decoration: underline;
}
.pp-no-results {
  text-align: center;
  padding: 60px 0;
  color: #888;
}
.pp-no-results .fa {
  font-size: 2.5em;
  display: block;
  margin-bottom: 16px;
  color: rgba(51,0,0,0.2);
}
.pp-no-results p {
  font-size: 1.05em;
  margin-bottom: 24px;
}
.pp-pagination {
  text-align: center;
  padding: 20px 0 10px;
}
.pp-pagination .page-numbers {
  display: inline-block;
  padding: 6px 13px;
  margin: 0 2px;
  background: rgba(51,0,0,0.08);
  color: #330000;
  border-radius: 3px;
  text-decoration: none;
  font-size: 0.9em;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.pp-pagination .page-numbers:hover,
.pp-pagination .page-numbers.current {
  background: #330000;
  color: #fff;
}

/* ------------------------------------------------------------------
   5. page-search.php — standalone search page template
   ------------------------------------------------------------------ */

#pp-search-page-hero {
  padding: 50px 0 42px;
}
#pp-search-page-hero .pp-page-search-title {
  color: #fff;
  font-weight: 300;
  font-size: 2em;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin: 0 0 28px;
}
#pp-search-page-hero .pp-page-search-title span {
  font-weight: 700;
}
.pp-page-search-form-wrap {
  max-width: 680px;
  margin: 0 auto;
}
.pp-page-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.40);
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.40);
  border-radius: 4px;
  overflow: hidden;
}
.pp-page-search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 54px;
  padding: 10px 20px;
  font-size: 1.1em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.95);
  border: none;
  color: #222;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pp-page-search-input:focus {
  background: #fff;
}
.pp-page-search-input::-webkit-search-decoration,
.pp-page-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.pp-page-search-btn {
  height: 54px;
  padding: 0 30px;
  background: #330000;
  border: none;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pp-page-search-btn:hover,
.pp-page-search-btn:focus {
  background: #550000;
  outline: none;
}
.pp-page-search-hint {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.82em;
  letter-spacing: 1px;
  text-align: center;
}

#pp-search-page-results {
  padding: 0 0 60px;
}
.pp-search-page-results-count {
  color: #888;
  font-size: 0.85em;
  letter-spacing: 1px;
  margin-bottom: 22px;
}

@media screen and (max-width: 600px) {
  .pp-page-search-input { font-size: 16px; }
  .pp-page-search-btn { padding: 0 18px; letter-spacing: 0; font-size: 0.9em; }
  #pp-search-page-hero .pp-page-search-title { font-size: 1.4em; letter-spacing: 2px; }
}
/* =========================================================== */