/*
Theme Name: Custom Theme for Peter Sims
Theme URI: http://libbyfisher.com/
Description: Custom theme for Peter Sims.
Author: Libby Fisher
Author URI: http://libbyfisher.com/
Version: 1.0
Tags: 

License:
License URI:

General comments (optional).
*/

@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'blzeeregular';
    src: url('/fonts/blzee-webfont.eot');
    src: url('/fonts/blzee-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/blzee-webfont.woff2') format('woff2'),
         url('/fonts/blzee-webfont.woff') format('woff'),
         url('/fonts/blzee-webfont.ttf') format('truetype'),
         url('/fonts/blzee-webfont.svg#blzeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
  color: #111;
	background: #e9e9e9;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Fjord One', serif;
  opacity: 0;
}

body.mobile.home.page {
  background: url(/wp-content/uploads/mobilebg.jpg) repeat; 
}
.showonmobile {
	display: block;
}

body.home.page .shareaholic-share-buttons-container,
body.mobile .shareaholic-share-buttons-container {
	display: none !important;
}


.mm-menu {
	z-index: 500 !important;
}

a {
	color: #ca0f15;
	text-decoration: none;
}

a img {
	border: 0;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}
.pt-cv-wrapper .btn-success,
a.button {
	color: #ca0f15 !important;
	background: transparent !important;
	border: 1px solid #ca0f15 !important;
	padding: 1% 2%;
	margin: 1%;
}

.pt-cv-wrapper .btn-success:hover,
a.button:hover {
	color: #fff !important;
	background: #ca0f15 !important;
	border: 1px solid #ca0f15 !important;
	text-decoration: none;
}

.pt-cv-view a, .pt-cv-wrapper .btn {
	color: #444;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #ca0f15 !important;
}

.theme_1 .testi-wrapper .quotes {
	background: #eee !important;
}

.theme_1 .testi-wrapper .testi-details .testi-text .testi-job {
    font-style: italic !important;
    color: #555 !important;
    font: 12px/20px 'Fjord One', serif !important;
}

body.books {
  background: #222;
}

#portal {
	opacity: 0;
}

body.home.page #portal {
	opacity: 1;
}
.wrapper {
   max-width:960px;
   margin:0px auto;
	display: block;
	width: 85%;
}
#breadcrumb .wrapper {
	width: 100%;
}

img {
 max-width: 100%;
  height: auto;
}

.section {
   display: table;
   width: 100%;
}

.section .promo a {
   display: block;
}

.promo {
   display: inline-block;
   position: relative;
   float: left;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
  -webkit-transition: all 1s ease; 
  -moz-transition: all 1s ease; 
  -ms-transition: all 1s ease; 
  -o-transition: all 1s ease; 
  transition: all 1s ease;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto; 
}

.promo:hover {
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}

.promo.fadeInRight {
   float: right !important;
}

.promo#top-left {
  top: 0;
  left: 0;
}

.promo#top-right {
  top: 0;
  right: 0;
}

.promo#bottom-left {
  bottom: 0;
  left: 0;
}

.promo#bottom-right {
  bottom: 0;
  right: 0;
}

.promo.open {
   z-index: 9999;
   position: fixed;
   height: 100% !important;
   width: 100% !important;
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
    -webkit-animation-duration: 1.5s;
  -webkit-transition: all 1.5s ease-in-out; 
  -moz-transition: all 1.5s ease-in-out; 
  -ms-transition: all 1.5s ease-in-out; 
  -o-transition: all 1.5s ease-in-out; 
  transition: all 1.5s ease-in-out; 
  margin: 0px !important;
}

.promo.open .text,
.promo.open .interiorborder {
   opacity: 0 !important;
}

.promo.inactive {
  -webkit-transition: all 1.5s ease-in-out; 
  -moz-transition: all 1.5s ease-in-out; 
  -ms-transition: all 1.5s ease-in-out; 
  -o-transition: all 1.5s ease-in-out; 
  transition: all 1.5s ease-in-out; 
    -webkit-animation-duration: 1.5s;
  margin: 0px !important;
}

.promo.open#top-left {
   top: 0;
   left: 0;
}

.promo.inactive#top-left {
   top: -1000px;
   left: -1000px;
}

.promo.open#top-right {
   top: 0;
   right: 0;
}

.promo.inactive#top-right {
   top: -1000px;
   right: -1000px;
}

.promo.open#bottom-left {
   bottom: 0;
   left: 0;
}

.promo.inactive#bottom-left {
   bottom: -1000px;
   left: -1000px;
}

.promo.open#bottom-right {
   bottom: 0;
   right: 0;
}

.promo.inactive#bottom-right {
   bottom: -1000px;
   right: -1000px;
}

.promo .overlay {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   position: absolute;
  opacity: 1;
		-webkit-transition: opacity 1s; 
		-moz-transition: opacity 1s; 
		-ms-transition: opacity 1s; 
		-o-transition: opacity 1s; 
		transition: opacity 1s; 
   z-index: 100;   
  background: rgba(0,0,0,.65);
}

.promo:hover .overlay {
  opacity: 0.25;
}

.promo.open .overlay {
  opacity: 1;
}

.promo .interiorborder {
   border: 1px solid #aaa;
   top: 10px;
   bottom: 10px;
   left: 10px;
   right: 10px;
   position: absolute;
   z-index: 110;   
}

.promo:hover .interiorborder {
   border: 1px solid #ddd;
}

.promo .text {
  position: absolute;
  z-index: 120;
  color: #ddd;
  text-transform: uppercase;
  font-size: 24px;
  -webkit-transition: all .5s ease; 
  -moz-transition: all .5s ease; 
  -ms-transition: all .5s ease; 
  -o-transition: all .5s ease; 
  transition: all .5s ease; 
}

.promo:hover .text {
  font-size: 26px;
}

.promo#books .text,
.promo .text.right.bottom {
  right: 20px;
  bottom: 20px;
}

.promo#companies .text,
.promo .text.left.bottom {
  left: 20px;
  bottom: 20px;
}

.promo#socialinnovation .text,
.promo .text.right.top {
  right: 20px;
  top: 20px;
}

.promo#investing .text,
.promo .text.left.top {
  left: 20px;
  top: 20px;
}

#quote {
   padding: 1.5% 0;
	opacity: 0;
    font-family: 'blzeeregular';
 }

.quote {
    font-family: 'blzeeregular';
    font-size: 18px;
    letter-spacing: 1px;
    color: #444;
    padding: 3% 0;
}

.promo,
.promo .text {
   opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: font 1s;
    -moz-transition: font 1s;
    -ms-transition: font 1s;
    -o-transition: font 1s;
    transition: font 1s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

#quote.animated,
.promo.animated,
.promo .text.animated {
   opacity: 1;
}
.promo#books,
.promo#companies,
.promo#top-left,
.promo#top-right {
   -webkit-animation-delay: .25s;
    -webkit-animation-duration: 1s;
}

.promo#socialinnovation,
.promo#investing,
.promo#bottom-left,
.promo#bottom-right {
   -webkit-animation-delay: .5s;
    -webkit-animation-duration: 1s;
}

#quote,
#footer {
  -webkit-animation-delay: .75s;
    -webkit-animation-duration: 1.5s;
}

.promo .text {
   -webkit-animation-delay: 1.25s;
    -webkit-animation-duration: 1s;
}

#quote .container {
   width: 100%;
   display: table-cell;
   vertical-align: middle;
   font-size: 35px;
}

#quote span {
   color: #ca0f15;
}

.pagecontainer {
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   position: fixed;
   z-index: 50;
}

.pagecontainer .overlay {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   position: absolute;
  opacity: 1;
		-webkit-transition: opacity 1s; 
		-moz-transition: opacity 1s; 
		-ms-transition: opacity 1s; 
		-o-transition: opacity 1s; 
		transition: opacity 1s; 
   z-index: 100;   
  background: rgba(0,0,0,.65);
}

#page-companies.pagecontainer .overlay,
#page-8.pagecontainer .overlay {
	display: none;
}

.pagecontainer#books-articles {
  background: #ddd url(/images/bookbgbw.png) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pagecontainer#companies {
  background: #ddd url(/images/companybgbw.png) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pagecontainer#social-innovation {
  background: #ddd url(images/socialinnovationbg.png) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pagecontainer#foundation-angel-investing {
  background: #ddd url(/images/investingbg.png) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pagetitle {
   opacity: 0;
   float: right;
   text-align: right;
   color: #fff;
  -webkit-animation-delay: .25s;
   -webkit-animation-duration: 1s;
    position: relative;
    z-index: 200;
}

.pagetitle span {
    display: block;
    font-size: 14px;
    color: #ccc;
    line-height: 1;
}

#breadcrumb {
   background: #efefef;
   display: inline-block;
   width: 100%;
   position: relative;
   border-bottom: 1px solid #d7d7d7;
}
#breadcrumb.homepage,
#breadcrumb.fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
}
#breadcrumb.homepage {
	display: none;
}
#breadcrumb h4 {
	float: left;
	text-transform: lowercase;
	margin: 0;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#breadcrumb .logoitem .sep {
	display: none;
}

#breadcrumb h4 a,
#breadcrumb h4 .sep {
   color: #888;
   text-decoration: none;
}

#breadcrumb h4 a.home {
	color: #ca0f15;
	padding: 1% 2% .5% 0;
	border-right: 1px solid #ccc;
	display: inline-block;
	width: auto;
	margin-right: 2%;
}

#breadcrumb .home {
   width: 75%;
}

#breadcrumb .nav {
   width: 25%;
   text-align: right;
    font-size: 14px;
}

#breadcrumb .nav a {
   display: inline-block;
   padding: 3% 0;
}

#breadcrumb .scrollToTop {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
  -webkit-transition: opacity 1s; 
  -moz-transition: opacity 1s; 
  -ms-transition: opacity 1s; 
  -o-transition: opacity 1s; 
  transition: opacity 1s; 
   opacity: 0;
   padding: 3% 5% !important; 
   margin-right: 5%;
}
#breadcrumb.homepage .scrollToTop,
#breadcrumb.fixed.homepage .scrollToTop,
#breadcrumb.fixed .scrollToTop {
  -webkit-transition: opacity 1s; 
  -moz-transition: opacity 1s; 
  -ms-transition: opacity 1s; 
  -o-transition: opacity 1s; 
  transition: opacity 1s; 
   opacity: 1;
}

#content {
   background: #f9f9f9;
   min-height: 300px;
   width: 100%;
   -webkit-animation-delay: .5s;
   -webkit-animation-duration: 1s;
  position: relative;
  z-index: 300;
   padding-bottom: 100px;
	opacity: 0;
}

#content #main {
  padding: 2% 0 5% 0;
}

#content .postcontainer {
	width: 65%;
	float: right;
	font-size: 19px;
	line-height: 1.75;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.archive #content .postcontainer h3,
.category #content .postcontainer h3 {
	margin-bottom: 0;
}

#content .postcontainer .post {
	margin-bottom: 10%;
}

#content .postcontainer h3 a {
	color: #444;
}

#content .postcontainer .excerpt {
	font-size: 16px;
}

#content .entry-meta {
	font-size: 13px;
}

#content .sidebar {
	width: 30%;
	float: left;
	padding-right: 5%;
	font-size: 14px;
}

#content .sidebar h3 {
	text-transform: uppercase;
}

#content .sidebar > ul > li {
	list-style-type: none;
}

#content .sidebar ul,
#content .sidebar li {
	margin: 0;
	padding: 0;
}

#content .sidebar li.widget {
	margin-bottom: 15%;
    border-right: 1px solid #ccc;
    padding-right: 10%;
}

#content .sidebar a {
	color: #444;
}

#content .sidebar > ul ul li {
    list-style-type: none;
    padding: 2% 0;
}

.books #footer {
  -webkit-animation-delay: .5s;
    -webkit-animation-duration: 1s;
}

#footer {
		-webkit-transition: all 1s; 
		-moz-transition: all 1s; 
		-ms-transition: all 1s; 
		-o-transition: all 1s; 
		transition: all 1s; 
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 9999;
   text-align: center;
   background: #eee;
   border-top: 1px solid #d7d7d7;
}

#footer ul {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#footer li {
	list-style-type: none;
	display: inline-block;
	padding: .5% 5%;
}

#footer a {
	font-size: 18px;
	text-transform: uppercase;
}

#footer .sitetitle a {
	text-transform: lowercase;
	font-size: 200%;
	background: transparent;
}
#footer .sitetitle a:hover {
	text-decoration: none;
}
#breadcrumb h4 a.home span,
#footer a span {
	color: #111;
}

.mm-title {
	color: #ccc !important;
	letter-spacing: 1px;
}

.mm-title span {
	color: #fff;
}

.pt-cv-wrapper .btn {
	border-radius: 0px !important;
}


input,
textarea {
	border: 1px solid #ddd;
	background: #fff;
	padding: 1% 2%;
	color: #444;
	font-size: 14px;
	font-family: inherit;
	width: 75%;
	margin: 0px auto;
	display: block;
	max-width: 400px;
}

input[type="submit"] {
	background: #ca0f15;
	color: #fff;
	border: 0px;
	font-size: 14px;
	width: auto;
	padding: 1% 10%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width:800px;
	margin: 0px auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#footer .copyright,
#footer .copyright a {
	font-size: 10px;
	text-transform: none;
	padding: 1% 0;
	color: #888;
}

#footer .copyright a {
	text-decoration: underline;
}

.navigation {
	padding-bottom: 5%;
}

.navigation ul {
	margin: 0;
	padding: 0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #888;
	cursor: pointer;
	padding: 3px 10px;
	text-transform: lowercase;
	font-size: 14px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #ca0f15;
}

.push {
	display: none;
}

.lb-book-img {
	float: right;
	margin-left: -145px;
	margin-top: -25px;
}

.lb-page-book {
	margin-left:-100px;
	margin-top:-25px;
	float: right;
}


.featuredarticles {
	width:45%;
	padding-right:5%;
	float:left;
}

.latestblogposts {
	width:47%;
	padding-left:2%;
	float:left;
}

.recentcomments a {
	font-style: italic;
}

.comment-author-link,
.comment-author-link a {
	text-decoration: underline;
	font-style: normal;
}

.parliamentlogo {
	margin-bottom: 65px;
	float:right;
	margin-left: 1.5em;
}

.siliconguildlogo {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.fusecorpslogo {
	display: inline;
	float: left;
	margin-right: 1.5em;
	max-width:200px;
}

.blkshplogo {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.newamericalogo {
	margin-bottom: 20px;
	float:right;
	margin-left: 1.5em;
}

.headshot {
	float:right;
	padding: 0 0 2% 3%;
	text-align:center;
}

.headshot img {
	display: block;
	margin-bottom: 10%;
}

body.page .shareaholic-share-buttons-container {
   display: none;
}

@media screen and (min-width: 768px) {
body.home.page {
  background: url(http://petersims.com/wp-content/uploads/Dollarphotoclub_71247451-resized-1024x683.jpg) no-repeat center center fixed; 
   background-size: cover;
}
.showonmobile {
	display: inline-block;
}
}

@media screen and (min-width: 1024px) {
body.home.page {
  background: url(/wp-content/uploads/Dollarphotoclub_71247451-resized.jpg) no-repeat center center fixed; 
   background-size: cover;
}
}

@media screen and (max-width: 800px) {
  
#breadcrumb {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
}
#breadcrumb.homepage {
	display: block;
}
#breadcrumb .scrollToTop {
	opacity: 1; 
}


#breadcrumb.homepage .menulink {
    border-left: 1px solid #ccc;
    padding-left: 5% !important;
}

.parliamentlogo,
.siliconguildlogo,
.fusecorpslogo,
.newamericalogo,
.blkshplogo,
.headshot {
	float: none;
	margin: 0;
	display: block;
	margin: 10px auto;
}

.headshot {
	padding: 0;
}

.theme_1.pag-theme2 {
	max-width: 380px;
	margin: 0 auto;
}

.videoWrapper {
	max-width: 100%;
}

form {
	max-width: 100%;
}

input,
textarea {
	width: 98%;
}

.promo {
   width: 100% !important;
	min-height: 200px !important;
}

.promo.fadeInRight,
.promo.fadeInLeft {
	float: none !important;
}

.promo .text {
   top: 20px !important;
   right: 20px !important;
	left: auto !important;
	bottom: auto !important;
	text-align: right;
}

.pagetitle {
	display: none !important;
}

#breadcrumb h4.home {
	width: 100%;
	display: block;
	text-align: center;
	border: 0;
}
#breadcrumb h4 .logoitem {
	width: 100%;
	display: block;
	font-size: 200%;
}

#breadcrumb h4 a.home {
	border: 0;
	padding: 0;
}

#breadcrumb .nav {
    border-top: 1px solid #ccc;
    width: 100%;
    text-align: center;
    font-size: 14px;
	margin-top: 2%;
}

#breadcrumb .nav a {
	padding-top: 1.5% !important;
	padding-bottom: 1.5% !important;
}

#breadcrumb .menulink {
    border-right: 1px solid #ccc;
    padding-right: 5% !important;
}

.push {
	display: block;
}

#content {
	margin-top: 100px;
}

.lb-page-book,
.lb-book-img {
	float: none;
	margin: 20px auto;
}

.featuredarticles,
.latestblogposts {
	width: 100%;
	padding: 0%;
}

#footer ul#menu-footer-menu {
	display: none;
}

#content .postcontainer,
#content .sidebar {
	width: 95%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#content .sidebar {
	padding: 0%;
}

#content .sidebar li.widget {
	border: 0;
	padding: 0;
}

.button {
	display: table;
	margin: 10px auto !important;
}

}

@media screen and (max-width: 400px) {

#breadcrumb h4.home {
    font-size: 12px !important;
}

}