/* Required by myfonts.com */
@import url("//hello.myfonts.net/count/303298"); 


/* Font Declarations */
@font-face {
  font-family: 'LubalinGraph-Book';
  src: url('../fonts/303298_0_0.eot');
  src: url('../fonts/303298_0_0.eot?#iefix') format('embedded-opentype'),
  url('../fonts/303298_0_0.woff2') format('woff2'),
  url('../fonts/303298_0_0.woff') format('woff'),
  url('../fonts/303298_0_0.ttf') format('truetype');
}


@font-face {
  font-family: 'LubalinGraph-Demi';
  src: url('../fonts/303298_1_0.eot');
  src: url('../fonts/303298_1_0.eot?#iefix') format('embedded-opentype'),
  url('../fonts/303298_1_0.woff2') format('woff2'),
  url('../fonts/303298_1_0.woff') format('woff'),
  url('../fonts/303298_1_0.ttf') format('truetype');
}

.editor-styles-wrapper {
	color: #7D7F82;
	font-family: 'LubalinGraph-Book';
	font-size: 17px;
	line-height: 1.2;
}

/* Editorial style: used for most body text outside of the blog. */
.is-style-editorial,
.is-style-branded-paragraph,
.is-style-branded-list {
    color: #7D7F82;
    font-family: 'LubalinGraph-Book';
    font-size: 17px;
    line-height: 1.2;
}

.is-style-editorial a,
.is-style-branded-paragraph a,
.is-style-branded-list a {
	color: #F37228;
    font-family: 'LubalinGraph-Book';
    font-size: 17px;
	line-height: 1.2;
}

.is-style-editorial a:hover,
.is-style-branded-paragraph a:hover,
.is-style-branded-list a:hover {
	color: #666;
    font-family: 'LubalinGraph-Book';
    font-size: 17px;
	line-height: 1.2;
}

.is-style-branded-paragraph {
	padding-bottom: 19px;
	font-size: 15px;
}

/*.is-style-branded-paragraph:last-of-type {
	padding-bottom: 29px;
}*/

@media screen and (max-width:  768px) {
	.is-style-editorial,
	.is-style-branded-paragraph,
	.is-style-branded-list {
		font-size: 16px;
	}
	.is-style-branded-paragraph {
		padding-bottom: 10px;
	}
	.is-style-branded-paragraph:last-of-type {
		padding-bottom: 15px;
	}
}

/* Branded list styles */
.is-style-branded-list {
	list-style-type: none;
}

/* "Hero text" paragraph style, used for intro text */
.is-style-hero-text {
	width: 100%;
	padding-bottom: 10px;
	/*border-bottom: 1px solid black;*/
    line-height: 1.2;
	font-family: 'LubalinGraph-Book';
	font-size: 22px;
    letter-spacing: -0.2px;
    padding-top: 15px;
}

.is-style-hero-text a {
    font-family: 'LubalinGraph-Book';
    font-size: 22px;
    color: #7D7F82;
}

.is-style-hero-text a:hover {
	color: #F37228;
	font-size: inherit;
}

@media screen and (min-width: 769px) {
	.is-style-hero-text,
	.is-style-hero-text a {
		font-size: 20px;
		padding-bottom: 18px;
	}
}

.is-style-hero-small-text {
	width: 100%;
	padding-bottom: 10px;
	/*border-bottom: 1px solid black;*/
    line-height: 1.2;
	font-family: 'LubalinGraph-Book';
	font-size: 20px;
    letter-spacing: -0.2px;
    padding-top: 15px;
}


.is-style-hero-small-text a {
    font-family: 'LubalinGraph-Book';
    font-size: 20px;
    color: #7D7F82;
}

.is-style-hero-small-text a:hover {
	color: #F37228;
	font-size: inherit;
}

@media screen and (min-width: 769px) {
	.is-style-hero-small-text,
	.is-style-hero-small-text a {
		font-size: 20px;
		padding-bottom: 42px;
	}

	.is-style-hero-small-text.reduce-padding {
		padding-bottom: 16px;
	}

}

/* Branded heading styles */
h2.is-style-branded-heading {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	color: #000;
	display: inline-block;
	font-family: 'LubalinGraph-Demi';
	font-size: 19px;
	margin: 8px 0 10px;
	padding: 10px 0px 42px 0px;
	width: 100%;
}

h2.is-style-branded-heading:first-of-type {
	border-top: 0;
	margin-top: 0;
	padding-top: 15px;
}

h3.is-style-branded-heading {
	border: none;
	color: #000;
	font-family: 'LubalinGraph-Book';
	font-size: 18px;
	line-height: 1.2;
}

h3.is-style-branded-heading-demi {
	border: none;
	color: #000;
	font-family: 'LubalinGraph-Demi';
	font-size: 18px;
	line-height: 1.2;
}

h3.is-style-branded-heading-demi + h3 {
	padding-top: 0;
	padding-bottom: 14px;
}

.is-style-branded-heading strong {
	color: #F37228;
	font-weight: inherit;
}

.is-style-branded-heading em {
	color: #7D7F82;
	font-style: normal;
}

@media screen and (max-width: 768px) {
	h2.is-style-branded-heading {
		    padding: 5px 0px 10px 0px;
	}
}

.wp-block-quote.is-style-large-quote {
	font-family: 'LubalinGraph-Demi';
	font-style: normal;
	font-size: 20px;
	line-height: 1.2;
	color:  #6d6e70;
	padding-bottom: 16px;
	margin: 0;
	padding: 0;
	max-width: 50%;
}

.wp-block-quote.is-style-medium-quote {
	line-height: 1.4;
	margin-left: -10px;
	padding-left: 13px;
	box-shadow: inset 3px 0 0 0 #F37228;
	margin-bottom: 16px;

	p:last-of-type {
		padding-bottom: 0;
	}

}

.editor-styles-wrapper .wp-block-quote.is-style-medium-quote {
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.wp-block-quote.is-style-large-quote {
		font-size: 17px;
		max-width: none;
	}
}

.wp-block-quote.is-style-large-quote::before {
	content: ' ';
	background: url('../images/quote.svg');
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 147px;
	margin-top: 20px;
	margin-bottom: 17px;
}

.wp-block-quote.is-style-large-quote cite::before {
	content: "—";
	display: inline;
}

	/* Overwrite the default large quote style, used for sidebar quotes. */
.wp-block-quote.is-style-large {
	margin: 0;
	padding: 0;
	max-width: 50%;
}

.wp-block-quote.is-style-large::before {
	content: ' ';
	background: url('../images/quote.svg');
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 147px;
	margin-top: 20px;
	margin-bottom: 17px;
}

@media screen and (max-width: 768px) {
	.wp-block-quote.is-style-large::before {
		height: 30px;
		width: 47px;
		margin-top: 10px;
		margin-bottom: 3px;
	}
}

.wp-block-quote.is-style-large p {
	font-family: 'LubalinGraph-Demi';
	font-style: normal;
	font-size: 20px;
	line-height: 1.3;
	color:  #6d6e70;
	padding-bottom: 16px;
}

.wp-block-quote.is-style-large cite {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000;
	text-align: left;
}

.wp-block-quote.is-style-large cite:before {
	content: '—';
	display: inline;
}

@media screen and (max-width:  767px) {
	.wp-block-quote.is-style-large {
		max-width: 100%;
	}
	.wp-block-quote.is-style-large p {
		font-size: 18px;
	}
}
.wp-block-quote.is-style-extra-large {
	padding-bottom: 15px;
	margin-top: 8px;
	padding-right: 3px;
}
.wp-block-quote.is-style-extra-large p {
	font-family: 'LubalinGraph-Book';
	font-size: 20px;
	line-height: 1.3;
	color: #000;
}

.wp-block-quote.is-style-extra-large p:first-of-type {
	padding-top: 0;
	font-size: 24px;
}


.wp-block-quote.is-style-extra-large::before {
	content: ' ';
	background: url('../images/quote.svg');
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 77px;
	margin-top: 30px;
	margin-bottom: 17px;
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	.wp-block-quote.is-style-extra-large p:first-of-type {
		padding-top: 0;
	}
	.wp-block-quote.is-style-extra-large::before {
		width: 110px;
	}
}
@media screen and (max-width: 640px) {
	.wp-block-quote.is-style-extra-large::before {
    height: 30px;
    width: 47px;
    margin-top: 10px;
    margin-bottom: 3px;
  }
  .wp-block-quote.is-style-extra-large p:first-of-type {
	  padding-top: 10px;
	  clear: both;
	}

}
/* Style captions better. */
.wp-block-image {
	margin-bottom: 0;
}
.wp-block-image img {
	height: auto;
}

.wp-block-image figcaption {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 9px;
	text-align: left;
}

.wp-block-image figcaption strong {
	display: block;
}

/* Add styles for "greyed out" image style. */
.wp-block-image.is-style-greyed-out {
	opacity: 0.4;
}

/* Adjust column rules to match existing site */
@media screen and (max-width: 920px) {
	.wp-block-columns {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-block-column:not(:first-child) {
		margin-left: 0;
	}

	.wp-block-columns:not(.bio-grid):not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
		margin-left: 0;
	}
}

@media screen and (min-width: 921px) {
	.wp-block-column:not(:first-child) {
		margin-left: 30px;
	}
}

/* Add a column style for right-floated quotes. */
@media screen and (max-width: 920px) {
	.is-style-right-column .wp-block-column:nth-child(2n) {
		order: -1;
		margin: 11px 0 0 0;
	}
}

@media screen and (min-width: 921px) {
	.is-style-right-column .wp-block-column:nth-child(1n) {
		padding-top: 11px;
	}
}

/* Add a column style for the grid of photos used on team pages. */
@media screen and (max-width: 920px) {
	.is-style-photo-grid .wp-block-column {
		flex-basis: calc(50% - 6px) !important; 
		flex-grow: 0;
	}
}

@media screen and (min-width: 921px) {
	.is-style-photo-grid {
		padding-top: 11px;
	}
}

.is-style-photo-grid {
	border-bottom: 1px solid black;
	margin-bottom: 0;
}

.is-style-photo-grid:first-of-type {
	border-bottom: none;
}

.wp-block-separator {
	border-bottom: none;
}

.wp-block-separator.is-style-thin-separator {
	border-top: 1px solid;
}

/* Post author block - start */
.wp-block-post-author {
	padding: 26px 0 26px 0;

	.wp-block-post-author__avatar {
		margin-right: 22px;
		height: 89px;
		letter-spacing: 0.2px;
		pointer-events: none;

		img {
			border-radius: 50%;
			height: 89px;
			width: 89px;
		}
	}

	.wp-block-post-author__content {

		display: flex;
		flex-direction: column;
		justify-content: center;
		transform: translateY(-5px);

		p {
			padding: 0;
			margin: 0;
			font-size: 20px !important;
			font-weight: 600;
			line-height: 24px;
		}

		.wp-block-post-author__name::before {
			content: "by ";
		}

		.wp-block-post-author__name::after {
			content: ",";
		}
	}
}

/* Post author block - end */

/* Overwrites for the "team" page template. */
/*.page-template-the-team h3.is-style-branded-heading {
	font-size: 19px;
	margin-bottom: 16px;
}*/

/*@media screen and (max-width: 920px) {
	.page-template-the-team .wp-block-quote.is-style-large {
		border-bottom: 1px solid black;
		margin-bottom: 13px;
	}
}
*/

/* News & Press page */
.wp-block-wertco-news-press:first-of-type {
	margin-top: 5px;
}

.external-post-title-wrapper {
	display: flex;
	justify-content: space-between;

	.dashicons {
		padding: 3px 0 3px 0;
	}
}

.post-type-post {
	.editor-styles-wrapper {
		font-family: 'LubalinGraph-Book';

		h1 {
			padding: 0;
			font-size: 40px;
			font-weight: 400;
			line-height: 48px;
			font-family: 'LubalinGraph-Book';
			letter-spacing: 0.4px;
		}
	}
}