/*
Theme Name: DataPerk
Author: DataPerk
Version: .01
Description: This is the template DataPerk created for you!

*/
@import "reset.css";

@font-face {
    font-family: 'northwell_alt';
    src: url('fonts/northwell_alt-webfont.woff2') format('woff2'),
         url('fonts/northwell_alt-webfont.woff') format('woff'),
         url('fonts/northwell_alt.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

.rotator-container {
	position: relative;
}

.rotator-container .cta {
	position: absolute;
	top: 25%;
	left: 8%;
	max-width: 550px;
	text-align: center;
	z-index: 9999;
	color: #235772;
}

.cta ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.cta li {
  margin-top: 20px;
	background: rgb(255,255,255, 0.9);
	/*background: -webkit-linear-gradient(rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.7) 67%, rgba(220,11,102,0) 90%);
	background: -o-linear-gradient(rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.7) 67%, rgba(220,11,102,0) 90%);
	background: linear-gradient(rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.7) 67%, rgba(220,11,102,0) 90%);*/
	padding: 20px 20px;
	box-shadow: 0px -2px 3px -2px #33333333;
	/*transform: translate(0, -50%);*/
  border-radius: 3px;
  transform: scale(0.85);
}

.cta li:first-child {
  margin-top: 0;
}

.cta li:only-child {
	transform: scale(1);
}

.cta h1 {
	font-size: 2rem;
	margin-bottom: 20px;
}

.cta p {
	font-family: 'Lato', sans-serif;
	font-size: 1.3rem;
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 1.2;
}

.cta p + p {
	text-align: center;
	font-size: 1.2rem;
}

.cta p:last-child {
	margin-bottom: 0;
}

.cta .button {
	background: #7B9AAA;
	/*display: block;*/
	color: #fff;
	text-decoration: none;
	padding: 8px 36px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	width: 200px;
	margin: auto;
}

.cta .button + .button {
	margin-top: 20px;
}

/*
body.blog div.article-wrapper article section > p:last-of-type{
	width: 100%;
	margin-top: 25px;
}
*/

.excerpt-button{
	width: 100% !important;
	margin-top: 25px;
	clear: both;
}


p{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: normal;
	color: #5a5a5a;
}

p.blue-para, a{
	color: #235772;
}

#rotator p {
	margin:0;
}

.clearall{
	clear:both;
}

#instagram-title a{
	color: #235772 !important;
	text-decoration: none;
}

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

.books{
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

.upper-margin{
	margin-top: 30px;
}

.archives-link .dp_grid .unit-1-2 p a{
	font-size: 16px;
	color:#235772;
}

.speaking-date{
	color:#235772;
	font-weight: 900;
}

.page-id-15 .featured-img img,
.page-id-3742 .featured-img img,
body.post-template-default .wp-post-image,
body.archive a .wp-post-image{
	display: none;
}

.page-template-template-sidebar .dp_grid {
	margin-left: 0;
}

article h1 a,
h1.page-header,
.blog-wrapper h1 {
	font-family: 'northwell_alt', serif;
	font-size: 72px;
	color:#235772;
	font-weight: 300;
	text-decoration: none;
	margin: 45px 0 25px 0;
}

h1.page-header {
	margin-bottom: 30px;
}

h1.logo{
	margin-left: 55px;
}

h2{
	letter-spacing: 1.25px;
}

h2.bio{
	margin: 50px 0;
	font-size: 36px;
	color: #769AAA;
	font-weight: 400;
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
}

.widget-container > ul > li {
	margin-bottom: 5px;
	list-style-type: disc;
	margin-left: 1.5em;
}


.bio-pic{
	max-width: 500px;
	height:auto;
}

.post-list li{
	line-height: 25px;
	list-style-type: disc;
	color: #235772;
}

nav.social{
	margin-right: 40px;
}

a[href^="mailto"] {
	color: #235772;
}

header > h1 > a{
	margin-bottom: 45px;
}

body.blog article h1 a,
body.archive article header h1 a {
	font-family: 'EB Garamond', serif;
	font-size: 36px;
	color:#235772;
	font-weight: 300;
	text-decoration: none;
	padding-bottom: 10px;
	margin-bottom: 0px;
	line-height: normal !important;
}

body.blog article section p,
body.archive article section p {
	width: 75%;
	padding-right: 5px;
	box-sizing: border-box;
}

body.blog article section.no-thumb p,
body.archive article section.no-thumb p {
	width: 100%;
}

.dp_grid > * {
    display: block;
    float: left;
    margin: 0 2% !important;
}

/* entry-content video */

.entry-content.video{
	text-align: center;
	height: 475px;
}

.entry-content.video iframe {
	display: block;
	margin:0 4.5% 5% 0;
}

.video-still {
	overflow: hidden;
}

.entry-content.video iframe,
.vdb_player,
.entry-content.video img{
	max-height: 315px;
	max-width: 560px;
	width: 100%;
	margin: 0;
	/*overflow: hidden;*/
}

.media-section .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.entry-content.press{
	width: 186px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 225px;
	display: table;
	float: left;
	margin:10px;
	text-align: center;
	border: 1.5px solid #4A4A4A;
	padding: 8px;
	line-height: normal;
}

.entry-content.press.blank {
	border: none;
	height: 0;
	display: block;
	padding: 0;
}

.entry-content.press .child{
	display: table-cell;
	vertical-align: middle;
}
.entry-content.press img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 70%;
	margin: 0 0 15px 0;
}
.entry-content.podcast{
	margin: 0 4% 30px 0;
	display: inline-block;
	width: 45%;
/* 	border:1px red solid; */
}

.entry-content .video-title{
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	color: #235772;
	margin-top: 53px;
}

.media-section h1{
	margin:50px 0 25px 0;
}

.menu-sixup-container{
		text-align: center;
}

.menu-sixup-container p{
	margin-bottom: 30px;

}

/* sidebar */


#sidebar {
	width:25%;
	vertical-align: top;
}

#sidebar #menu-social{
	text-align: center;
}

#sidebar #menu-social li{
	width:12%;
	height:auto;
}

#sidebar #text-5 h3{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
}

#sidebar h4{
	font-size: 16px;
	font-weight: 700;
}

.instagram-pics li {
	width: 45%;
	float: left;
	margin:0 2% .5% 0;

}

.sidebar-book-cover img{
	width:100%;
	max-width: 100%;
	height:auto;
}

.sidebar-book-cover{
	width: 35%;
	float: left;
	margin: 0 15px 15px 0;
}

.sidebar-books li{
	list-style-type: none;
}
.sidebar-books li p{
	font-size: 14px;
}

#sidebar > div > ul > li{
	list-style-type: none;
}

body.blog #rotator img,
body.archive #rotator img {
	display: none;
}

h3{
	font-family: 'EB Garamond', serif;
	font-size: 24px;
	color:#4A4A4A;
	font-weight: 500;
}

h4{
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	color:#105772;
	font-weight: 700;
}


article{
/* 	margin-bottom: 40px; */
}

.dp-navigation {
	width:100%;
/* 	border:1px red solid; */
	background: #FFF;
	clear: both;
}


.dp-navigation ul li {
	display: inline-block;
	width: 10.5%;
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
	color: #235772;
	vertical-align: middle;
}

.dp-navigation a {
	color: #235772;
	font-size: 1.2em;
	font-weight: 100;
}

.dp-navigation li:hover > a {
	color: #000;
}

#menu-header {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#menu-social li{
	display:inline-block;
}

#menu-social{
	margin: 0 auto;
	padding:0;
	width:100%;
	vertical-align: middle;
}


#menu-social li{
	display: inline-block;

}

.menutext{
	font-size: 1.7rem;
	color: #235772;
	text-align: center;
	line-height: normal;
}


body.home .dp_grid {
    margin-bottom: 65px !important;
}

body.single h1 a{
	font-family: 'EB Garamond', serif;
/* 	text-transform: uppercase; */
	font-size: 36px;
}

#quote{
	text-align: center;

}

#quote hr{
	margin: 70px 0;
}

.quote{
	font-family: 'northwell_alt', serif;
	font-size: 2.8rem;
	color: #235772;
	line-height: 3rem;
}

#sixup{
	margin:0 auto;
	padding:0;
}

#sixup .unit-1-3{
	min-height: 375px;
}

.author{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #235772;
}

.header-wrapper, .blog-wrapper{
	min-height: 120px;
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
	padding:0 20px;
	box-sizing: border-box;
}

.wrapper, #sixup, #quote, #front-page-socialwidgets{
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
	padding:0 20px;
	box-sizing: border-box;
}

header#top{
	padding-top: 20px;
}

header#top h1 a{
	float:left;
}

header#top h1 a img{
	width:100%;
	max-width: 100%;
	height: auto;
}

header#top .social  {
	float: right;
	margin-top:25px;
}

header#top .social #menu-social li{
	width:51px;
	height:50px;
}

header#top .social #menu-social li.facebook{
	background-image: url('/wp-content/uploads/2017/06/icon-facebook.png');
}

header#top .social #menu-social li.instagram{
	background-image: url('/wp-content/uploads/2017/06/icon-instagram.png');
}

header#top .social #menu-social li.twitter{
	background-image: url('/wp-content/uploads/2017/06/icon-twitter.png');
}

header#top .social #menu-social li.pinterest{
	background-image: url('/wp-content/uploads/2017/06/icon-pinterest.png');
}

#menu-header:first-child{
	padding-left: 0px;
	margin-left: 0px;
}

#rotator > div {
	width:100%;
	max-height: 700px;
	overflow: hidden
}

#rotator > div > img{
	width: 100%;
	height: auto;
}

.inner .wrapper.has-sidebar article {
	width: 70%;
	display: block;
	float: left;
}

.inner .wrapper article {
	color: #235772;
}

.inner .wrapper.has-sidebar h2 {
	line-height: normal;
	font-weight: normal;
	margin-bottom: 30px;
}

.article-wrapper {
	width: 65%;
	float: left;
}

.inner .blog-wrapper article {
	/*display: block;*/
	/*width: 65%;*/
	/*float: left;*/
}

body.blog .inner .blog-wrapper article img,
body.archive .inner .blog-wrapper article img {
	width:25%;
	height:auto;
	float:right;
	max-height: 200px;
	margin: 9px 5px;
}

body .inner .blog-wrapper article .sharethis-inline-share-buttons img {
	margin: auto;
}

body.single-post .inner .blog-wrapper article img,
body.page section > img{
	width: auto;
	height: auto;
}

.inner .blog-wrapper #sidebar {
	margin-top: 40px;
}

.inner #sidebar{
	width: 25%;
	float: right;
	padding-left: 5%;
}

#text-5{
	margin-top:20px;
}

.booklinks li{
	display:inline-block;
	font-size: 16px;
}

.booklinks li:after{
	content:' | ';
}

.booklinks li:last-child:after{
	content:' ';
}

.booklinks a {
	text-decoration: none;
	color: #235772;
	font-weight: bold;
}

#testimonials {
    background-color: #f9f9f9;
    padding: 20px;
}

#testimonials h2 {
    font-family: 'northwell_alt', serif;
    font-size: 40px;
    margin-bottom: 10px;
}

#testimonials p {
	font-size: 16px;
	color: #5a5a5a;
}

#testimonials .dp_grid,
#viral-posts .dp_grid {
	margin-left: 0%;
}

.archives-link .unit-1-2 ul{
	padding-left: 0em;
}

.archives-link .unit-1-2 ul li{
	margin-bottom: 10px;
	list-style-type: none;
}

#sidebar ul{
	padding-left: 0em;
}

#sidebar ul li{
	color: #235772;
}

/*
#sidebar ul li:first-child{
	list-style-type: none;
}
*/

#sidebar ul li a{
	color: #235772;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

#sidebar ul li a:hover{
	text-decoration: underline;
}

body.blog article section p:last-child,
body.archive article section p:last-child {
	position: relative;
	width: 100%;
	height: 25px;
	clear: both;
/* 	padding: 5px; */
	text-align: center;
}

blog article section:nth-child(3n+0){
	width: 100% !important;
	border: 1px red solid;
}


a.blogpage-readmore{
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #235772;
	text-decoration: none;
	letter-spacing: 1px;
	padding:5px 0px;
	background-color: #D8D8D8;
	text-align: center;
	width: 100%;
}

a.blogpage-readmore:hover{
	background-color: #235772;
	color: #ffffff !important;
}



/* Sign up form at bottom of blog posts */
.jetpack_subscription_widget{
	width: 100%;
	padding:20px 0 0 0;
	vertical-align: middle;
}

div.jetpack_subscription_widget form{
	margin-bottom: 0px;
}

.dplib .wp-block-button__link {
    color: #fff;
    background-color: #235772;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    padding: 6px 10px;
    vertical-align: inherit;
    height: auto;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

h2.widgettitle{
	letter-spacing: -0.3px;
 }

div#subscribe-text p{
	display: table-row;
	color: #7B9AAA;
	font-family: 'EB Garamond', serif;
}


.jetpack_subscription_widget h2.widgettitle{
	color:#fff;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	display: inline;

}

/* Comments at bottom of blog posts */


li.comment:nth-child(even){
/* 	background-color: #d7e7f0; */
}

li.comment:nth-child(odd) {
/* 	background-color: #FFF; */
}

/* END Reference Navigation Styles */



/* Default formatting for next/prev links */

.dp-nav-next-prev {
	overflow: hidden;
}

.dp-nav-next-prev .dp-nav-previous {
	float: left;
}

.dp-nav-next-prev .dp-nav-next {
	float: right;
}

#menu-social li {
	margin:0 10px;
}

div.newsletter, #blog-subscription {
	color:#fff;
	background-color: #7B9AAA;
	min-height: 55px;
	margin-bottom: 70px;
	margin-top: 40px;
	text-align: center;
	vertical-align: middle;
}

.newsletter p{
	display:inline-block;
	margin-right: 5px;
	font-size: 20px;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	color: #ffffff;
}

.newsletter form{
	display:inline-block;
}

#blog-subscription {
	margin-bottom: 20px;
	padding-bottom: 25px;
}

#blog-subscription p:last-child {
	margin-bottom: 0;
}

p#subscribe-email input{
	font-size: 20px;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
	padding: 5px !important;
}


input.jetpack-submit,
p#subscribe-submit input{
	background-color: #235772 !important;
	background-image: none !important;
	color: white;
	font-size: 12px !important;
	padding: 21px 35px !important;
	line-height: 0 !important;
/* 	margin-top: -10px; */
	text-transform: uppercase;
	font-family: 'EB Garamond', serif;
	letter-spacing: 1px;
}

footer{
	text-align: center;
	min-height: 250px;
	background-color: #F9F9F9;
	padding-top: 75px;
}

#dp-top-footer-widget ul li,
#dp-mid-footer-widget ul li,
#dp-bottom-footer-widget ul li,
li.widget-container{
	list-style-type: none;
}

#dp-bottom-footer-widget p, #dp-bottom-footer-widget p a{
	font-size: 18px;
	font-weight: 100;
	color:#769AAA;
	font-family: 'EB Garamond', serif;
}

#dp-mid-footer-widget{
	margin:60px 0 45px 0;
}

#front-page-socialwidgets {
	margin-bottom: 80px;
}

footer h3.widget-title{
	font-size: 24px;
	font-weight: 100;
	color:#769AAA;
}

#front-page-socialwidgets li{
	display: inline-block;
	width: 30%;
	margin-right:3%;
	vertical-align: top;
}

#front-page-socialwidgets li:last-child{

/*
	width:95%;
	margin-top: 5%;
	width:100%;
	margin-top: 100px;
	margin-right: 0;
*/
}

#front-page-socialwidgets li:last-child > h1 {
	color: #235772;
	font-family: 'EB Garamond', serif;
	font-weight: 100;
}

#sb_instagram{
	overflow: hidden !important;
}

#dp-top-footer-widget ul {
	padding-left: 0;
}

#dp-mid-footer-widget ul li p {
	color: #235772;
	font-family: 'EB Garamond', serif;
}

.inner article .featured-img {
	text-align: center;
}

.inner article .featured-img.wrapped {
  float: right;
  margin-top: 4px;
  margin-left: 24px;
  margin-bottom: 20px;
}

.inner article .featured-img img {
	width: auto;
	float: none;
}

#viral-posts .dp_grid * {
	margin-bottom: 20px;
}

.v-title {
	text-align: center;
	margin: 10px 20px;
	line-height: inherit;
	height: 60px;
}

.v-title a {
	color: #235772;
	text-decoration: none;
}

.shadow{
	box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.3);
}

body.blog #share-this,
body.archive #share-this{
	display:none;
}

.post .sharethis-inline-share-buttons.st-has-labels .st-btn.st-remove-label {
	margin-bottom: 10px;
}

.post .sharethis-inline-share-buttons .st-btn,
.post .sharethis-inline-share-buttons.st-has-labels .st-btn.st-remove-label:not(.st-hide-label) > span {
	display: inline-block !important;
}

#subscribe-text {
	display: none;
}

.dp-nav-next-prev {
    clear: both;
    overflow: hidden;
    margin: 40px 20px;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}

.comment-form-url,
.comment-subscription-form,
.commentcount,
.says{
	display:none;
}

.fn{
	color: #235772;
	font-size: 1.5em;
	line-height: 3em;
}

.comments-area textarea,
.comments-area [type="text"] {
	width: 100%;
	box-sizing: border-box;
}

@media all and (max-width: 1346px) {
	.rotator-container .cta {
		top: 8%;
		left: 3%;
		transform: none;
	}
}

@media all and (max-width: 1024px) {
/* HOME PAGE */
	#sixup .unit-1-3{
		min-height: 313px;
	}

	.inner .wrapper.has-sidebar article,
	.blog .blog-wrapper .article-wrapper,
	.archive .blog-wrapper .article-wrapper,
	.single-post .blog-wrapper .article-wrapper {
		width: 100%;
	}

	.inner .wrapper.has-sidebar #sidebar,
	.blog .blog-wrapper #sidebar,
	.archive .blog-wrapper #sidebar,
	.single-post .blog-wrapper #sidebar {
		width: 100%;
		margin-top: 20px;
	}

	#viral-posts .dp_grid > .unit-1-3 {
		width: 45%;
	}

	#viral-posts .dp_grid img {
		width: 100%;
	}

	#text-4 {
		width: 45%;
		float: left;
	}

	#text-5 {
		width: 45%;
		float: right;
		margin-top: 0;
		margin-bottom: 20px;
	}

	#featuredpostwidget-3 {
		clear: both;
	}

	#featuredpostwidget-3 ul {
		column-count: 2;
	}

	#text-8,
	#recent-posts-2,
	#archives-3 {
		display: none;
	}

	.dp_grid > .unit-1-2.entry-content.video {
		width: 100%;
		height: auto;
		margin-bottom: 50px !important; /* My important is importanter than Brad's important, which I don't think is necessary, but I don't want to break something the day of launch. */
	}

	.entry-content.video iframe, .vdb_player, .entry-content.video img {
		margin: auto;
		float: none;
	}
}

@media all and (max-width: 914px) {
	.rotator-container .cta {
		top: auto;
		bottom: 3%;
		transform: none;
	}
}

@media (max-width: 768px){
/* HOME PAGE */

	h1.logo {
	    margin-left: 28px;
	}

	#sixup .unit-1-3 {
		padding-bottom: 40px;
	    width: 45%;
	    min-height: 0;
	}

	div.newsletter{
		margin-top: -5px;
	}

	#front-page-socialwidgets li{
		width: auto;
	}

	/* Books PAGE */

	body.blog article.post type-post,
	body.archive article.post type-post {
		width:100%;
	}

	/* Blog PAGE */
	.inner .blog-wrapper article {
    	display: block;
		width: 100%;
		float: left;
	}

	#quote {
		padding: 0;
	}
}

@media all and (max-width: 680px) {
	.rotator-container .cta {
		top: auto;
		left: auto;
		position: relative;
		margin: 0 auto;
		background: transparent;
		box-shadow: none;
	}

	.cta h1 {
		line-height: 3rem;
	}
}

@media (max-width: 640px) {
	.header-wrapper, .blog-wrapper {
		min-height: 100px;
	}

	h1.logo {
		width: 75%;
		margin-left: 20px;
	}

	.header-wrapper a.hamburger {
		margin-right: 15px;
	}

	.v-title {
		font-size: 100%;
	}

	.cta .button {
		display: block;
	}
}

@media (max-width: 496px){
	.cta .button + .button {
		margin-top: 20px;
	}
}

@media (max-width: 414px){
	#front-page-socialwidgets li{
		width: 90%;
		height: auto;
		margin-bottom:25px;
		clear:both;
	}
	header#top h1 a {
    	float: left;
	}

	header#top h1 a img {
    	width: 100%;
   	}

	h1.logo {
    	margin:0 0 0 0;
    	padding:25px 0 0 0;
    	width: 50%;
	}


	.page-template-template-sidebar .dp_grid > .unit-1-4,
	.page-template-template-sidebar .dp_grid > .unit-3-4,
	body.blog .inner .blog-wrapper article img,
	body.blog article section p,
	body.archive .inner .blog-wrapper article img,
	body.archive article section p {
		width: 100%;
	}

	#sixup .unit-1-3 {
	     width: 95%;
		 min-height: 371px;
	}

	.jetpack-email{
		margin:0 0 25px 0;
	}

	input.jetpack-submit{
		padding: 21px 90px !important;
	}

	input[type=submit]{
		margin-left:0px;
	}

	#text-4,
	#text-5 {
		width: 100%;
	}

	#featuredpostwidget-3 ul {
		column-count: 1;
	}

	.archives-link .dp_grid > .unit-1-2 {
		width: 100%;
	}

	#viral-posts .dp_grid > .unit-1-3 {
		width: 100%;
	}
}

@media (max-width: 320px){
    	#sixup .unit-1-3 {
	     width: 95%;
		 min-height: 298px;
	}
}