/*
css mods by cooley creative 
2019-01 
*/
/* global ------------------- */
body {
	font-size: 17px;
}

/* header area */
.site-identity {
	padding: 25px 0;
}

.site-title-wrap {
	max-width: 100%;
}

.site-title {
	font-size: 2.1em;
}

.site-title a {
	color: #e92033;
}

.site-description {
	position: relative;
	font-style: normal;
	opacity: 1;
	font-family: Arial;
	font-size: .9em;
	color: #000;
}

.top-navigation nav a {
	color: #fff;
}

/* logo */
.site-logo.attachment-periodical-logo {
	width: 140px;
	margin-bottom: 5px;
	position: absolute;
	right: 0;
	margin-top: .5em;
}

.drawer {
	background: #dcdcdc;
}

.drawer-toggle {
	font-weight: bold;
}

hr {
	border-bottom: 3px solid #e5e5e5;
}

/* hide category nav menu */
#site-navigation {
	display: none;
}

/* main nav menu */
.site-identity .main-navigation {
	float: none;
	position: absolute;
	top: 0;
	right: 4.5%;
}

.site-identity .main-navigation a:hover {
	color: #e92033;
}

.home .site-content {
	padding-top: 4%;
}

#secondary-navigation {
	width: 80%;
}

/* hero post title positioning */
@media (min-width:800px) {
	.hero-posts .post {
		padding: 2% 0 210px;
	}
}

#hero-pager li a {
	padding: 20px 0;
}

#hero-pager .paging-thumb {
	top: inherit;
}

.hero-posts .post .entry-title {
	margin-bottom: 1%;
}

.hero-posts .entry-title a:hover {
	color: #fafa69;
	opacity: 1;
}

/* default banner if no featured image */
.single .hero-posts .without-featured-image {
background-image: url(https://i2.wp.com/cdp.cooley.com/wp-content/uploads/2018/11/privacy-blog-title-background.jpg?fit=1600%2C800);
	background-size:cover;
}

/* title arrow link */
.hero-wrapper h2::after {
	margin-left: 4px;
	content: "\00A0""\f105";
	font-family: FontAwesome;
}

.grid-thumb-image {
	display: none;
}

/* more buton */
#page #infinite-handle button {
	background: #e5e5e5;
}

/* footer area */
.site-footer {
	background: #dcdcdc;
	color: #444;
}

.post-navigation {
	background: #5046ff;
}

/* grid --------------------- */
/* post divider lines */
.home .grid-wrapper .post,
.archive .grid-wrapper .post {
	border-top: 3px solid #e5e5e5;
	padding-top: 14px;
}

div.grid-text p span a:hover {
	border-bottom: 2px solid;
}

.grid-thumb .entry-title {
	line-height: 1.2;
	margin-bottom: 12px;
}

.grid-thumb .entry-title::after {
	content: "\00A0""\f105";
	font-family: FontAwesome;
	font-size: .95em;
	margin-left: 2px;
	color: #000;
}

.grid-thumb .entry-title a {
	color: #000;
}

.grid-thumb .entry-title a:hover {
	color: #5046ff;
	border-bottom-color: #837cff;
}

div.grid-date > a,
.date-slash {
	display: none;
}

div.grid-date .date a {
	color: #999;
}

div.grid-date .date a:hover:after {
	color: #e92033;
	text-decoration: underline;
}

body:not(.three-column) .grid-thumb:after {
	height: 0;
}

/* text --------------------- */
/* headings */
.site-title,
h1,
h2,
h3,
h4 {
	font-family: Georgia, 'Times New Roman', Serif;
}

/* override bold subheads from pasted text */
.entry-content h2 b,
.entry-content h2 strong,
.entry-content h3 b,
.entry-content h3 strong,
.entry-content h4 b,
.entry-content h4 strong {
	font-weight: 400 !important;
}

.content-area h2 {
	margin: 1.5em 0 .8em;
	font-size: 38px;
	color: #000;
}

h3, h4, h5 {
	margin: 4% 0 3%;
}

h3 {
	font-size: 32px;
	color: #5046ff;
}

h4 {
	font-size: 28px;
	color: #000;
}

h5 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.full-post-header .entry-title,
.hero-posts .post .entry-title {
	font-size: 2.2em;
}

.full-post-header .entry-title a {
	color: #000;
}

.full-post-header .entry-title a:hover {
	color: #5046ff !important;
}

/* category labels */
.hero-cats a, .entry-cats a,
.post-navigation .nav-label {
	border-radius: 1px;
	color: #fff;
}

.hero-cats a {
	background-color: #e92033;
	color: #fff;
}

.grid-cats {
	margin-bottom: 6px;
	padding: 2px 8px;
	border-radius: 1px;
	background-color: #e92033;
	font-size: 12px;
	line-height: normal;
}

.grid-cats a {
	font-size: 12px;
	color: #fff;
}

.grid-cats a:after {
	padding: 0;
}

.grid-cats a:hover {
	color: #dcdcdc;
}

/* story links */
.entry-content a:not(.button) {
	border-color: #999;
}

.entry-content a:not(.button):hover {
	border-color: #5046ff;
	color: #5046ff;
}

/* category page subhead */
header.archive-header .entry-title {
	font-size: 1.4em;
	font-family: 'Arial';
	color: #888;
}

/* widgets ------------------ */
h2.widget-title {
	color: #e92033;
}

.site-footer .widget-title {
	color: inherit;
}

/* widget dividers */
.widget-area aside li {
	border-bottom: solid 2px #e5e5e5;
}

.footer-widgets ul li {
	border-bottom: solid 2px #bbb;
}

/* hotline widget */
#custom_html-7 {
	background: #fafa69;
}

#custom_html-7 h2 {
	padding: 14px 20px;
	background: #000;
	color: #fff;
}

#custom_html-7 .textwidget {
	padding: 0 20px 4px;
}

/* subscribe widget */
aside.jetpack_subscription_widget {
	background-color: #dcdcdc;
	padding: 20px;
	color: #444;
}

#subscribe-text {
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom:10px;
}

/* center follow button */
aside.jetpack_subscription_widget p + p {
	text-align: center;
}

#subscribe-email input {
	width: 100%;
}

#subscribe-field-blog_subscription-3 {
	background: transparent;
	border: 1px solid #fff;
	text-align: center;
	padding: 4px !important;
}

aside.jetpack_subscription_widget #subscribe-blog-blog_subscription-3 input[type=email]::placeholder {
	font-size: 15px;
	color: #666;
}

aside.jetpack_subscription_widget #subscribe-blog-blog_subscription-3 button {
	padding: 8px !important;
	color: #fff;
	background-color: #777;
	width: 60%;
}

aside.jetpack_subscription_widget #subscribe-blog-blog_subscription-3 button:hover {
	background-color: #fafa69;
	color: #000;
}

.widget-area a {
	color: inherit;
}

.widget-area a:hover {
	color: #5046ff;
	text-decoration: underline;
}

/* arrow links */
.textwidget p::after,
.jp-relatedposts-post-title::after {
	content: "\00A0""\f105";
	font-family: FontAwesome;
	text-decoration: none;
}

.widget-area li::after {
	position: absolute;
	margin-left: 3px;
	content: "\00A0""\f105";
	font-family: FontAwesome;
	text-decoration: none;
}

/* disclaimer */
.disclaimer {
	border: none !important;
	font-size: .6em;
	line-height: normal;
	color: #888;
}

p.disclaimer:nth-child(1)::after {
	content: none;
}

/* cookies banner ----------- */
.widget_eu_cookie_law_widget.widget {
	left: 2em;
	right: 2em;
}

#eu-cookie-law.negative {
	background: #54565b;
	opacity: .9;
}

#eu-cookie-law {
	padding: 12px 40px;
}

#eu-cookie-law form {
	font-size: 14px;
}

#eu-cookie-law.negative input {
	background: #dcdcdc;
	color: #555;
}

#eu-cookie-law.negative input:hover {
	background: #5036ff;
}

/* related posts */
#main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover, #main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
	text-decoration: underline;
	color: #5046ff;
}

/* posts -------------------- */
.single .site-identity {
	padding-bottom: 20px;
}

.hero-posts .hero-text p {
	text-shadow: none;
	color: #fff;
}

/* hide post author */
div.hero-date a {
	display: none;
}

.hero-posts .post .entry-title {
	text-shadow: none;
	color: #fff;
}

.hero-date {
	color: #fff;
/*#54565b;*/
	text-shadow: none;
}

.hero-date::before {
	content: "posted ";
}

/* blockquote */
blockquote {
	border-top-color: #dcdcdc;
	margin: 50px 0;
	padding: 20px 6% 0 12%;
	font-size: inherit;
	line-height: 1.7;
	color: inherit;
}

.wf-active blockquote:before {
	font-family: georgia, 'Times New Roman', sans-serif;
	font-size: 130px;
	color: #dcdcdc;
	top: inherit;
}

ul, ol {
	margin-left: 40px;
}

/* hide underlines from Word */
.entry-content u {
	text-decoration: none;
}

div.sharedaddy h3.sd-title {
	font-family: Arial;
	text-transform: lowercase;
	font-size: .75em !important;
	letter-spacing: normal;
	color: #777;
}

/* jump links named with "#section-" */
[id^='section-']::before {
	display: block;
	content: " ";
	margin-top: -10px;
	height: 10px;
	visibility: hidden;
	pointer-events: none;
}

/* author profile */
.single-post .author-profile {
	display: none;
}

.archive .author-profile {
	background: #eee;
}

.author-profile:before {
	display: none;
}

/* contributors ------------- */
.single-post .entry-content h6 {
	margin-top: 3em;
	padding: 10px 12px;
	background-color: #002269;
	color: #fff;
	font-size: 22px;
}

.single-post .entry-content h6 ~ p {
	margin: 12px;
}

.single-post .entry-content h6 ~ p::after {
	margin-left: 3px;
	content: "\00A0""\f105";
	font-family: FontAwesome;
	border: 0 !important;
}

.single-post .entry-content h6 ~ p a:link {
	border-bottom: none;
}

.single-post .entry-content h6 ~ p a:hover {
	border-bottom: 2px solid #5046ff;
}

/* posted in sections */
.single-post .entry-meta {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 3px solid #002269;
}

/* about -------------------- */
/* arrow links */
.page-id-2 .entry-content a {
	border: none;
	color: #5046ff;
}

.page-id-2 .entry-content p:nth-of-type(3n+2)::after {
	font-family: FontAwesome;
	content: "\f105";
	margin-left: 5px;
	color: #5046ff;
	text-decoration: none;
}

.page-id-2 .entry-content p:nth-of-type(3n+3) {
	clear: both;
	margin-top: 50px;
	padding-bottom: 20px;
	border-bottom: 3px solid #dcdcdc;
}

.wp-caption-text {
	color: #444;
}

/* special posts formatting - */
/* CCPA */
.law h2 {
  text-align:center;
}

.law h3 {
	margin-top: 2.5em;
	padding: 8px 12px;
	background-color: #5046ff;
	color: #fff;
	font-size: 22px;
}

.law h3 a {
	position: absolute;
	right: 8px;
	padding-top: 5px;
	font-family: Arial;
	font-size: 13px;
	color: #fff !important;
	border-bottom: none !important;
}

.law ol {
	list-style-type: lower-alpha;
}

.law ol ol {
	list-style-type: decimal;
}

.law ol ol ol {
	list-style-type: upper-alpha;
}

.law ol ol ol ol {
	list-style-type: lower-roman;
}

.law ol ol ol ol ol {
	list-style-type: upper-roman;
}

/* back to top button */
  
#index-button {
  z-index: 1;
  width: 70px;
  position: fixed;
  left:0;
  top: 30%;
  padding: 0 5px 5px;
  background:rgba(233, 31, 51, 0.7);
}
#index-button a {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  color:#fff;
  border:none;
}
#index-button a span {
  display: block;
  font-size: 32px;
}
.up-icon {
  position: relative;
  top: 4px;
  font-family: fontawesome;
  line-height: .8;
}
.up-icon::before {
  content: "\f106";
}
@media screen and (min-width:769px) and (max-width:1000px) {
#index-button {
  width: 100%;
  top:auto;
  bottom: 0;
  background: rgba(233, 31, 51, 1);
}
}

@media screen and (max-width:768px) {
#index-button {
  width: 100%;
  top:auto;
  bottom: 0;
  padding: 2px 0 12px;
  background: rgba(233, 31, 51, 1);
}
}


/* mobile ------------------- */
@media (max-width: 800px) {
	.site-identity {
		padding-top: 20px;
	}
	
	.widget-area {
		background: #e5e5e5;
	}
	
	aside.widget_blog_subscription {
		padding: 20px;
	}
	
	div.grid-text p span, div.grid-text p span a {
		font-size: 1em;
	}
	
	.sidebar {
		width: 100%;
	}
	.content-area h2 {
		font-size: 1.6em;
	}
}

@media (max-width: 700px) {
  .site-title {
		font-size:22px;
  }
	.hero-posts .post .entry-title { font-size:1.8em; }
}

@media (max-width:530px) {
	.site-logo.attachment-periodical-logo {
		width: 120px;
		left: 0;
		margin-top: 0;
	}
	
	.titles-wrap {
		margin-top: 40px;
	}
}

/* print -------------------- */
@media print {
	/* page structure */
	body {
		padding: 20px 40px;
		font-size: 8pt;
	}
	
	.container {
		padding: 0;
	}
	
	/* hide items */
	.top-navigation, #masthead, #secondary, .hero-date img, .post-navigation, .hero-cats, .wp-caption, #jp-relatedposts.jp-relatedposts, .entry-meta, #colophon, .share-icons {
		display: none !important;
	}
	
	/* add logo + name */
	.hero-wrapper:before {
		padding-top: 50px;
		text-align: center;
		content: "cyber/data/privacy insights";
		display: block;
		background-image: url('https://cdp.cooley.com/wp-content/uploads/2018/03/privacy-blog-banner.jpg');
		background-size: 120px;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	
	/* article title */
	.hero-posts {
		background: #fff;
	}
	
	.hero-text {
		opacity: 1 !important;
	}
	
	.hero-posts .post .entry-title {
		width: 85%;
		font-size: 18pt;
		line-height: 23pt;
		color: #000;
		text-shadow: none;
	}
	
	.hero-date {
		margin-bottom: 10pt;
	}
	
	/* article content */
	#content.site-content {
		padding-top: 0;
		page-break-before: avoid;
	}
	
	#primary.content-area {
		width: 100%;
	}
	
	p, ul, .entry-content p a, .hero-date {
		font-size: 8pt !important;
	}
	
	h4 {
		font-size: 15pt;
	}
	
	h5 {
		font-size: 11pt;
	}
}