/*
* Global
*/

body
{
	font-family: Merriweather,serif;
}

a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

img.fluid 
{
    max-width: 100%;
    height: auto;
}

.me-n5 
{
  padding-right: -1.25rem !important;
}

.bg-subscribe
{
	background-color: #ededed;
}

.btn-primary
{
	background-color: #143642;
	border: 1px solid #091D2A;
}

.btn-primary:hover,
.btn-primary:focus
{
	background-color: #5AB1BB;
	border: 1px solid #091D2A;
}

.btn-secondary
{
	background-color: #5AB1BB;
	border: 1px solid #143642;
}

h2
{
	font-weight: bold;
}

footer,
.site-header 
{
	/*background-color: #0E2C40;*/
	background-color: #091D2A;
}

footer h5,
footer a
{
	color: #fff;
}

.site-header a 
{
  color: #fff;
  transition: ease-in-out color .15s;
}

.site-header a:hover 
{
  color: #fff;
  text-decoration: none;
}

.clb-bg-dark
{
	background-color: #143642;
	color: #fff;
}

.clb-bg-dark p:not(:first-of-type),
.clb-bg-dark li
{
	color: #D0DDE5;
}

.clb-bg-dark a,
.clb-bg-white a
{
	color: #5AB1BB;
	text-decoration: underline;
}

.clb-bg-dark a:hover,
.clb-bg-white a:hover
{
	color: #8bc8cf;
	text-decoration: underline;
}




.bg-subscribe a,
#subscribe a,
#post a,
#posts a,
.clb-bg-white a
{
	color: #5AB1BB;
}

.bg-subscribe a:hover,
#subscribe a:hover,
#post a:hover,
#posts a:hover,
.clb-bg-white a
{
	color: #143642;
}



.clb-bg-mono
{
	background-color: #353432;
}

.clb-bg-mono a,
.clb-bg-mono p,
.clb-bg-mono h2
{
	color: #fff;
}

.clb-bg-mono a
{
	text-decoration: underline;
}
}

.clb-bg-mono a:hover
{
	color: #5AB1BB;
}

.homepage .clb-bg-mono a
{
	text-decoration: none!important;
}

.clb-bg-light
{
	background-color: #5AB1BB;
	color: #fff;
}

.clb-bg-light p:not(:first-of-type),
.clb-bg-light li
{
	color: #FFFFFF;
}

.clb-bg-light a
{
	color: #c9e5e9;
	text-decoration: underline;
}

.clb-bg-light a:hover
{
	color: #fff;
	text-decoration: underline;
}

.pr-n3 
{
	padding-right: -1rem !important;
}

.clb-alert-error
{
	color:#fbdede;
	background-color:#ec5858;
	border-color:#d95151
}
.clb-text-error
{
	border: 1px solid red;
	background-color: #ec5858;
	color: #fff;
	font-weight: bold;
	padding: 0 0.25rem;
	margin-bottom: 0.25rem;
}
.clb-text-error .text-muted
{
	color: #fcc!important;
}
.clb-alert-success
{
	color:#d4edda;
	background-color:#28a745;
	border-color:#259a3f
}

.homepage a,
.homepage a:hover,
#posts a.text-muted:hover
{
	text-decoration:none!important;
}

footer .text-white a:active,
footer .text-white a:focus,
{
	color:#fff;
}

/********************************************
PRIMARY NAV BAR
********************************************/

.navbar-brand a
{
	text-decoration: none;
}

.navbar-brand a
{
	font-weight: bold;
	font-size: 1.25em;
	color: #fff;
}

.navbar-brand small
{
	display: block;
	color: #8aaac0;
	font-size: 0.75em;
}

@media (max-width: 575.98px)
{
	.navbar-brand
	{
		font-size: 1rem;
	}	
	.navbar .navbar-nav .nav-item 
	{
		padding: 1rem 1rem 1rem 0.5rem!important;
	}
}

.navbar-nav .nav-item a:active,
.navbar-nav .nav-item a:focus
{
	color:#fff;
}

.navbar-nav .nav-item a:hover
{
	text-decoration:none!important;
}

.navbar-nav li.nav-item:hover { 
    background-color: #5AB1BB!important; 
}

.navbar 
{
	padding: 0 1rem;
}

.navbar .navbar-nav .nav-item
{
	padding:1.5rem 1.5rem
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
	.navbar 
	{
		padding: 0;
	}

	.navbar .navbar-nav .nav-item
	{
		padding:1.5rem 0.4rem
	}
}

.admin .nav-pills li.nav-item 
{
	padding: none!important;
}

.admin .nav-pills li.nav-item:hover 
{ 
    background-color: none!important; 
}


/********************************************
BANNERS
********************************************/

.ps-banner
{
	background-color: #353432;
}

.ps-headshot
{
	background-image: url("/img/technology-banner.jpg");
	background-image: url("/img/justice-banner.jpg");
	background-image: url("/img/ps-banner.jpg");
	background-position-x: right;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #353432;
	color: #fff;
	transition: background 1s ease;
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
	.ps-headshot
	{
		background-position: right -100px top;
	}
}

.pa-comm
{
	background-image: url("/img/pa-comm.jpg");
	background-position: right -125px top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.pa-crypto
{
	background-image: url("/img/pa-crypto.jpg");
	background-position-x: right;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.pa-data
{
	background-image: url("/img/pa-data.jpg");
	background-position-x: right;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.pa-biometrics
{
	background-image: url("/img/pa-biometrics.jpg");
	background-position-x: right;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

@media (max-width: 992px)
{
	.pa-comm,
	.pa-data
	{
		background-position: right -300px top;
	}
	.pa-crypto
	{
		background-position: right -750px top;
	}
	.pa-biometrics
	{
		background-position: right -80px top;
	}
}

@media (max-width: 800px)
{
	body
	{
		font-size: 90%;
	}
		
	.pa-comm,
	.pa-crypto
	{
		min-height: 300px;
		background-position: right top;
	}
	
	.pa-data,
	.pa-biometrics
	{
		min-height: 300px;
		background-position: right top;
	}
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
	.pa-comm,
	.pa-crypto
	{
		background-position: right -300px top;
	}
}

@media (max-width: 575.98px)
{
	.pa-comm,
	.pa-crypto
	{
		min-height: 300px;
		background-position: right top;
	}
		
}

/********************************************
BLOCKQUOTES
********************************************/

blockquote 
{
    background: #ffffff;
    border-left: 10px solid #ccc;
    margin: 2.5em 10px;
    padding: 2.5em 10px;
    /*quotes: "\201C""\201D""\2018""\2019";*/
	quotes: "\201C""\201C""\201C""\201C";
}

.ps-banner blockquote 
{
  background: inherit!important;
  border: none!important;
}

.ps-banner cite 
{
	font-size: small;
	display: block;
	margin: 1em 0 2em 1em;
}

blockquote p:nth-of-type(2) {
	margin-top: 1rem!important;
}

blockquote p:not(:first-of-type) {
	display: block!important;
}

.ps-banner blockquote
{
  margin: 1em 0!important;
  padding: 0!important;
  font-size: 1.25em;
}
blockquote:before 
{
  color: #ccc;
  content: open-quote;
  font-size: 6em;
  font-family: 'Libre Caslon Text', serif;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p 
{
  display: inline;
}
blockquote footer 
{
	background-color: inherit;
	padding: 0.5em 2em 0 0;
	text-align: right;
}
blockquote footer:before 
{
	content: "\2014\00a0";
}

/*******************************************
IMAGE CROPPER
********************************************/

.cr-slider-wrap 
{
	display: block;
	height: 65px;
	@include clearfix;
}

.cr-slider
{
	width: 1000px!important;
}

#post-banner 
{
	width: 742px;
	height: 165px;
	display: block;
	position: relative;
	z-index: 1;
}

#post-thumb 
{
	width: 348px;
	height: 225px;
	display: block;
}

#post-open-graph-image-editor
{
	width: 600px;
	height: 315px;
	display: block;
	background-color:#fff;
	background-image: url('/img/open-graph-background-overlay.png');
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 1px solid #000;
}

#post-open-graph-image-editor .cr-image
{
	opacity: 0.6!important;
}

.croppie-container .cr-viewport, .croppie-container .cr-resizer 
{
    border: none!important;
}

#sample-text
{
	width: 742px;
	position: absolute;
	left: 0px;
	top: 70px;
	text-align: center;
	z-index: 9999999;
	pointer-events: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */	
}

#sample-text 
{
	padding: 0;
	margin: 0;
}

#sample-text h5
{
	font-size: 110%;
}

#sample-text .text-muted
{
	font-size: x-small;
}

#post-banner h1
{
	font-size: 120%;
	display: block;
	padding: 0 80px;
}

#post-banner > #sample-text > p
{
	font-size: 52%;
	display: block;
	padding: 0 80px;
}

/********************************************
POST MONITOR
********************************************/

.fa-beat 
{
	animation:fa-beat 0.5s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  50% {
    transform:scale(1.5);
  }
  100% {
    transform:scale(1);
  }
}

.heart {
  color:#fff;
}

/* Lowercase alpha-numeric ordered lists */

*.alpha, ::after, ::before 
{
    box-sizing: border-box;
}

ol.alpha {
    counter-reset: list;
}

ol.alpha > li {
    list-style: none;
    position: relative;
}

ol.alpha > li:before {
    content: "(" counter(list, lower-alpha) ")";
    counter-increment: list;
    left: -40px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 40px;
}

.post-header-light h1,
.post-header-light h6,
.post-header-light p
{
	color: #ffffff!important;
}

.lead
{
	font-size:1.25rem;font-weight:900
}

.page,
footer
{
	margin: 0;
	padding-top: 4em;
}

footer a
{
	text-decoration: none!;
}

footer .text-white a
{
	color: #fff!important;
}

footer a:hover
{
	text-decoration: underline!important;
}

.jumbotron
{
	min-height: 330px;
	background-position-x: center;
	background-position-y: center;
}

.jumbotron a:hover
{
	text-decoration: none;
}

/* Social media other */

.linkedin
{
	background-image: url("/img/linkedin.png");
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	background-position: 1rem 0.1em;
	padding: 0.25em 0 0.25em 2.25em;
	color: #fff;
}

.social_post
{
	display: block;
	margin: 0.5em 0;
	color: #fff;
	text-decoration: none;
	padding: 1rem;
}

.social_post:hover
{
	background-color: #9cd0d6;
}

.social_post p
{
	margin: 0.25em 0 0 0;
}

.social_post p.byline
{
	font-size: small;
}

.fa-share-link 
{
	padding: 20px;
	font-size: 30px;
	width: 55px;
	text-align: center;
	text-decoration: none;
	color: #fff!important;
}

.fa-share-link:hover 
{
	opacity: 0.7;
	text-decoration: none;
}

.fa-share-link a 
{
	color: #fff!important;
	text-decoration: none;
}

.fa-share-link a:hover 
{
	color: #fff!important;
	text-decoration: none;
}

.fa-linkedin
{
  background: #007bb5;
  color: #fff!important;
}

.fa-facebook 
{
  background: #3B5998;
  color: #fff!important;
}

.fa-twitter 
{
  background: #55ACEE;
  color: #fff!important;
}

.fa-envelope
{
  background: #E1B900;
  color: #fff!important;
}