/*
Theme Name: Wert&Co. Theme
Theme URI: https://www.wertco.com
Description: WordPress v3.0.1
Author: Duncan and Dowling
Author URL: http://dowlingduncan.com
Version: 1
*/

/* 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');
}

/* Temp */
#social-icons {
  display: none;
}

/* Typography */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.brandedHeader,
header .brandedHeader a,
aside .brandedHeader a,
#content-contact .brandedHeader > p {
  color: #000;
  display: inline-block;
  padding: 0;
  font-family: 'LubalinGraph-Demi';
  font-size: 19px;
  border: none; 
}
#content-contact .brandedHeader {
	margin-bottom: 20px;
}

.heroText,
.heroText > p {
  font-family: 'LubalinGraph-Book';
  font-size: 34px;
  letter-spacing: -0.2px;
}
.heroText--grey {
  color: #7D7F82;
}
.heroText > p {
  line-height: 1.2;
}
.heroText a {
  font-family: 'LubalinGraph-Book';
  font-size: 34px;
  color: #7D7F82;
}
.heroText a:hover {
  color: #F37228;
  font-size: inherit;
}
.address-block-wrap {
	padding-bottom: 26px;
}
.addressBlock {
  /*display: inline-block;*/
  /*margin-top: 20px;*/
  color: #7D7F82;
  font-family: 'LubalinGraph-Book';
  font-size: 19px;
}
.addressBlock:hover {
  font-size: 19px;
  color: #7D7F82;
}
#map-block,
.map-block-wrap {
  height: 0;
  margin-bottom: 26px;
  padding-top: 30px;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.map-block-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html {
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {
	background: #FFF;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: calc(100vh - 40px);
}

.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.clear {
	clear: both;
}

.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

* html .group {
	zoom: 1;
}

/* IE6 */
*:first-child + html .group {
	zoom: 1;
}

/* IE7 */
article, aside, figure, footer, header, nav, section {
	display: block;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

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

/* Grid */
.col {
	float: left;
	box-sizing: border-box;
}

.col:first-of-type {
	padding-right: 15px;
}

.col-1-2 {
	width: 50%;
}

.page-template-process .col-1-2 {
	width: 48%;
}

.page-template-process .col-1-2:nth-of-type(odd) {
	margin-right: 4%;
}

.page-template-process .col-1-2 p {
	color: #7D7F82;
	font-family: 'LubalinGraph-Book';
	font-size: 18px;
	line-height: 1.2;
}

.page-template-process .block-title {
	color: #000;
	font-weight: normal;
}

.page-template-process span {
	color: #7D7F82;
	font-family: 'LubalinGraph-Book';
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

/* global */
#page-wrap {
	width: 920px;
	margin: 0px auto 0px;
	background: #FFF;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-bottom: 100px;
}

/*@media screen and (min-width: 921px) and (max-width: 960px){*/
/*	#page-wrap {*/
/*		width: calc(100% - 4%);*/
/*	}*/
/*}*/

#header,
header {
	width: 920px;
	/*	margin: 0px 80px 0px 80px; */
	padding-bottom: 10px;
	position: relative;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

/*@media screen and (min-width: 921px) and (max-width: 960px){*/
/*	#header,*/
/*	header  {*/
/*		width: 100%;*/
/*	}*/
/*}*/

.header-bar-wrapper {
	background-color: #fff;
	padding: 24px 0px 7px 0px;
	position: relative;
}

#logo {
	padding: 0;
	float: left;
	height: 65px;
	width: 65px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23f27325' r='50%25' cy='50%25' cx='50%25'%3E%3C/circle%3E%3C/svg%3E");
}

/*#logo a {*/
/*	display: block;*/
/*	height: 65px;*/
/*	width: 65px;*/
/*}*/

#logo svg {
	width: 100%;
	height: 100%;
}

#menu-trigger,
.mobile-menu-wrapper {
	display: none;
}

#menu-trigger {
	position: absolute;
	top: 25px;
	right: 4%;
	padding: 10px 26px 16px 0;
	border: none;
}

#menu-trigger span {
	-webkit-transition: all .06s ease;
	transition: all .06s ease;
}

#menu-trigger span,
#menu-trigger span:before,
#menu-trigger span:after {
	position: absolute;
	display: block;
	width: 26px;
	height: 3px;
	content: '';
	background: #808184;
}

#menu-trigger span:before {
	top: -8px;
}

#menu-trigger span:after {
	top: 8px;
}

.menu-open #menu-trigger span {
	background: 0 0;
}

.menu-open #menu-trigger span:before,
.menu-open #menu-trigger span:after {
	top: 0;
}

.menu-open #menu-trigger span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-open #menu-trigger span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mobile-menu-wrapper {
	background: #e4e4e3;
	position: absolute;
	width: 100%;
	top: -160px;
	z-index: 0;
	-webkit-transition: all .06s ease;
	transition: all .06s ease;
}

.menu-open .mobile-menu-wrapper {
	top: 76px;
}

.menu-mobile-navigation-container {
	background: transparent;
	padding: 0;
}

.mobile-menu-wrapper .brandedHeader,
.menu-mobile-navigation-container li {
	padding: 7px 4% 5px;
	line-height: normal;
}

.menu-mobile-navigation-container li {
	border-top: 2px solid #fff;
}

.mobile-menu-wrapper .brandedHeader a,
#menu-mobile-navigation a {
	display: block;
}


a {
	outline: none;
}


/* navigation: social icons */
#social-icons {
	float: right;
	height: 25px;
	padding-top: 42px;
}

#social-icons ul li {
	display: inline;
	list-style-type: none;
	text-indent: -9999px;
}

#social-icons ul li a {
	height: 25px;
	float: left;
}

#social-icons li#contact2 a {
	width: 29px;
	background-image: url(images/nav-social-icons.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#social-icons li#contact2 a:hover {
	background-position: 0px -25px;
}

#social-icons li#twitter a {
	width: 29px;
	background-image: url(images/nav-social-icons.gif);
	background-repeat: no-repeat;
	background-position: -29px 0px;
}

#social-icons li#twitter a:hover {
	background-position: -29px -25px;
}

#social-icons li#facebook a {
	width: 29px;
	background-image: url(images/nav-social-icons.gif);
	background-repeat: no-repeat;
	background-position: -58px 0px;
}

#social-icons li#facebook a:hover {
	background-position: -58px -25px;
}

#social-icons li#rss a {
	width: 29px;
	background-image: url(images/nav-social-icons.gif);
	background-repeat: no-repeat;
	background-position: -87px 0px;
}

#social-icons li#rss a:hover {
	background-position: -87px -25px;
}

#social-icons li#pinterest a {
	width: 29px;
	background-image: url(images/nav-social-icons.gif);
	background-repeat: no-repeat;
	background-position: -116px 0px;
}

#social-icons li#pinterest a:hover {
	background-position: -116px -25px;
}


/* navigation: main */
nav {
	width: 220px;
	background-color: #FFF;
	float: left;
	padding: 3px 0px 57px 0px;
}

nav ul li {
	list-style-type: none;
	padding-bottom: 1px;
}

nav.menu-social-menu-container {
	width: initial;
	float: none;
	padding-bottom: 0;
}

#menu-social-menu {
	display: flex;
}

#menu-social-menu a {
	width: 28px;
	height: 28px;
	color: #fff;
	background: #999;
	border-radius: 2px;
	display: block;
}

#menu-social-menu li {
	margin-left: 20px;
}

@media (max-width: 768px) {
	#menu-social-menu {
		margin-bottom: 10px;
	}
	#menu-social-menu li:first-of-type {
		margin-left: 0;

	}

}

#menu-social-menu li.instagram a {
	background: url("/wp-content/themes/wert-and-company/images/icon-instagram.svg");
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
}

#menu-social-menu li.twitter a {
	background: url("/wp-content/themes/wert-and-company/images/icon-twitter.svg");
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
}

#menu-social-menu li.linkedin a {
	background: url("/wp-content/themes/wert-and-company/images/icon-linkedin.svg");
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
}

#menu-social-menu li.medium a {
	background: url("/wp-content/themes/wert-and-company/images/icon-medium.svg");
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	width: 44px;
	height: 44px;
	margin-top: -8px
}

/*#whatwedo, #whatwedo-current { padding-bottom: 2px; }*/
/*#process-current, #process, #theteam-current, #theteam, #blog-current, #blog, #contact-current, #contact { margin-left: 2px; padding-bottom: 1px; }*/
/* text */
/*p {*/
/*	font-size: 12px;*/
/*	line-height: 16px;*/
/*	color: #000;*/
/*	padding: 0px 0px 16px 0px;*/
/*}*/

p {
	padding-bottom: 16px;
}

@media screen and (max-width:  768px) {
	p {
		padding-bottom: 10px;
	}
}

.page-template-who-we-are #content-who p.is-style-branded-paragraph,
.page-template-the-team #content-team p.is-style-branded-paragraph {
	color: #7D7F82;
	font-family: 'LubalinGraph-Book';
	font-size: 18px;
	line-height: 1.2;
}

h1 {
	font-size: 20px;
	line-height: 16px;
	color: #000;
	padding: 0px 0px 16px 0px;
}

h2 {
	font-family: 'LubalinGraph-Demi';
	font-size: 19px;
	color:  #000;
	padding: 12px 0px 12px 0px;
display: inline-block;
width: 100%;
}

h2.archive_header {
	color: #F37228;
	font-size: 20px;
	border-bottom: 1px solid #000;
	height: 56px;
	margin-bottom: 12px;
	width: 460px;
	font-weight: normal;
	padding-bottom: 0;
}

.post h2 {
	font-size: 20px;
	font-family: 'LubalinGraph-Demi';
	line-height: 20px;
	color: #000;
	padding: 0px 0px 8px 0px;
	width: 460px;
}

h3 {
	font-size: 12px;
	color: #000;
	padding: 5px 0px 5px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.navLink,
.page_item a,
.menu-item a {
	font-family: 'LubalinGraph-Book';
	color: #808184;
	font-size: 19px;
}

.navLink:hover,
.page_item a:hover,
.menu-item a:hover,
.current_page_item a {
	color: #F37228;
	font-size: 19px;
}

.navLink:focus,
.page_item a:focus,
.menu-item a:focus {
	outline: 2px dotted #F37228;
}

/* middle */
#middleHome {
	width: 920px;
	background-color: #FFF;
	margin: 0px 80px 0px /*80px*/ 0;
	padding: 0px 0px 0px 0px;
	float: left;
}

#middleNav {
	width: 200px;
	float: left;
	padding-top: 11px;
}

#middleContent {
	width: 700px;
	background-color: #FFF;
	float: right;
	padding-top: 11px;
}

.heroText {
	float: left;
	padding-top: 5px;
}


/* links */
a {
	/*font-size: 12px;*/
	color: #F37228;
	text-decoration: none;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

a:hover {
	/*font-size: 12px;*/
	color: #666;
	text-decoration: none;
}


/* Capabilities List */
.capabilitiesItem__heading {
	border: none;
	font-family: 'LubalinGraph-Book';
	font-size: 19px;
}

.capabilitiesItem__content {
	font-family: 'LubalinGraph-Book';
	font-size: 18px;
	color: #7D7F82;
	line-height: 1.2;
}

/* Team Page */
.teamHeading {
	border: none;
	font-family: 'LubalinGraph-Book';
	color: #F37228;
	font-size: 19px;
	margin-bottom: 16px;
}

.teamHeading__title {
	color: #7D7F82;
}


/* content */
#content-wrapper {
	width: 700px;
	float: right;
	margin: 12px /*80px*/ 0 0px 20px;
	background-color: #FFF;
	position: relative;
}

#content-wrapper-archive {
	width: 700px;
	float: right;
	margin: 8px /*80px*/ 0 0px 20px;
	background-color: #FFF;
	position: relative;
}

#content {
	width: 460px;
	float: left;
	padding: 11px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

.content-what-chart-number {
	font-weight: bolder;
	color: #000;
}

.content-what-chart-copy {
	position: absolute;
	float: left;
	top: 140px;
	width: 95px;
	font-size: 9px;
	color: #666666;
	font-weight: 500;
	font-family: Helvetica, Arial, Sans-Serif;
}

#content-sidebar {
	width: 220px;
	float: right;
	padding: 11px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#content-blog {
	width: 700px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content-sidebar-blog {
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 20px;
	position: absolute;
	top: 0;
	right: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#content-sidebar-blog-box {
	width: 220px;
	float: left;
	padding: 6px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#aside-homeTwitter #content-sidebar-blog-box {
	margin: 33px 0px 0px 0px;
}

#content-blog p {
	padding: 0px 0px 16px 0px;
}

#content-blog h2 a {
	font-size: 20px;
	font-weight: bold;
	line-height: 16px;
	color: #000;
	padding: 0px 0px 0px 0px;
}

#content-blog h2 a:hover {
	font-size: 20px;
	font-weight: bold;
	line-height: 16px;
	color: #000;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
}

#content-sidebar2 {
	width: 220px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

#content-sidebar2 ul {
	list-style-type: none;
	display: block;
	color: #666;
	padding-bottom: 24px;
}

#content-sidebar2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	padding-top: 5px;
}

#content-who {
	width: 460px;
	float: left;
	padding: 11px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content-what {
	width: 700px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content-what h1 {
	padding: 0px 0px 24px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

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

@media (min-width: 600px) and (max-width: 781px){

	.capability-block.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
		flex-basis: 100% !important;
		flex-grow: 0;
	}
}

/*#content-contact {
	width: 468px;
	float: left;
	padding: 0px 232px 36px 0px;
	margin: 0px 0px 0px 0px;
}*/

#content-contact1 {
	/*width: 468px;*/
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content-contact2 {
	/*width: 468px;*/
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	color: #666;
}

#content-contact2 p {
	color: #666;
}

#content-contact2 h3:not(.content-header-bottom) {
	border: none;
	font-family: 'LubalinGraph-Book';
	font-size: 19px;
}

.contact-info,
.contact-info a {
	font-family: 'LubalinGraph-Book';
	font-size: 19px;
}


#content-header-bottom,
.content-header-bottom {
	width: 700px;
	padding-bottom: 36px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#content-header-top-bottom,
.content-header-top-bottom {
	width: 700px;
	float: left;
	padding: 10px 0px 36px 0px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#content-double-columns1 {
	width: 325px;
	float: left;
	padding-right: 25px;
	padding-bottom: 24px;
}

#content-double-columns2 {
	width: 350px;
	float: left;
	padding-bottom: 24px;
}

#content-double-columns1 p {
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
}

#content-double-columns2 p {
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
}

#content-contact2 #contact_blurb {
	margin: 25px 0 15px 0;
	padding: 0;
	font-size: 19px;
	font-family: 'LubalinGraph-Book';
	color: #7D7F82;
	line-height: 1.15;
}

#click_here {
	color: #F37228;
	font-family: 'LubalinGraph-Book';
	font-size: 19px;
	margin-bottom: 20px;
}

#click_here:hover {
	background-position: 0 -16px;
}

/* content: process */
#content-triple-columns1 {
	width: 220px;
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

#content-triple-columns2 {
	width: 220px;
	float: left;
	padding-bottom: 10px;
}

.process-diagram {
	margin-bottom: 20px;
}


/* content: Team */
#content-team {
	width: 700px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content-team-bio {
	border-top: 1px solid black;
	width: 468px;
	float: left;
	padding: 13px 72px 36px 0px;
	margin: 0px 0px 0px 0px;
}

#content-team-quote {
	width: 160px;
	float: right;
	padding: 13px 0 0;
	margin: 0;
	border-top: 1px solid black;
}

#content-team-quote p {
	font-family: 'LubalinGraph-Book';
	font-size: 20px;
	line-height: 22px;
	color: #000;
	padding-bottom: 8px;
}

#content-team-quote pre {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
}

.who-we-are-quote {
	float: left;
	margin: 0;
}

#content-team-quote svg,
.who-we-are-quote svg {
	height: 15px;
	width: 36px;
}


#content-sidebar2.who-we-are-quote {
	padding-top: 11px;
}

.who-we-are-quote p {
	font-family: 'LubalinGraph-Book';
	font-size: 20px;
	line-height: 22px;
	color: #000;
	padding-bottom: 8px;
}

#content-team-photo-container {
	width: 700px;
	float: left;
	padding: 0px 0px 9px 0px;
}

#content-team-photo-container p {
	padding: 0px 0px 10px 0px;
}

#content-team-photo-container ul:after {
	clear: both;
	content: " ";
	display: block;
}

.content-team-photo {
	float: left;
	width: calc(25% - 9px);
	padding-right: 12px;
	padding-bottom: 0px;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 16px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	list-style-type: none;
	opacity: 0.4;
}

.content-team-photo a {
	color: #000;
}

.content-team-photo:last-child {
	padding-right: 0;
}

.content-team-active, .content-team-photo:hover {
	opacity: 1;
}

.content-team-title {
	font-weight: normal;
}

.judy-wert-photo {
	background-image: url("/wp-content/images/team-photo-judy-wert-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.jeff-wert-photo {
	background-image: url("/wp-content/images/team-photo-jeff-wert-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.nadya-karyo-photo {
	background-image: url("/wp-content/images/team-photo-nadya-karyo-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.monica-vakil-photo {
	background-image: url("/wp-content/images/team-photo-monica-vakil-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.anna-kealey-photo {
	background-image: url("/wp-content/images/team-photo-anna-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.shannon-stobbe-photo {
	background-image: url("/wp-content/images/team-photo-shannon-stobbe-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.hillary-hummel-photo {
	background-image: url("/wp-content/images/team-photo-hillary-hummel-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

.leigh-kader-photo {
	background-image: url("/wp-content/images/team-photo-leigh-kader-sprite.jpg");
	background-repeat: no-repeat;
	background-size: 166px 226px;
}

/* content: divider */
#content-divider {
	width: 700px;
	height: 24px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#content-divider-process {
	width: 700px;
	height: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear: both;
}

#content-divider2 {
	width: 460px;
	height: 4px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

/* sidebar */
aside {
	width: 200px;
	float: left;
	padding: 11px 0px 0px /*80px*/ 0;
	background-color: #FFF;
}

aside h3 {
	font-weight: bold;
}

#asideHome {
	width: 920px;
	background-color: #FFF;
	margin: 0px 80px 0px /*80px*/ 0;
	padding: 0px 0px 0px 0px;
	float: left;
}

#asideWrapper {
	width: 920px;
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 36px 0px;
	float: left;
}

#aside-homePost {
	width: 460px;
	background-color: #FFF;
	float: left;
	margin-top: 36px;
	margin-left: 200px;
	padding: 6px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#aside-homePostTitle {
	width: 220px;
	margin-right: 20px;
	background-color: #FFF;
	float: left;
}

#aside-homePostMain {
	width: 460px;
	background-color: #FFF;
	float: right;
}

#aside-homeTwitter {
	background-color: #FFF;
	width: 220px;
	float: right;
	margin-top: 36px;
	margin-left: 20px;
	padding: 10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#aside-homePostMain h2, #aside-homePostMain h2 a {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0 0 3px 0;
}

#aside-homePostMain h2 a:hover {
	text-decoration: none;
}


#aside-homePostMain p {
	padding: 0px 0px 0px 0px;
	margin: 12px 0 0 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
}

#aside-homePostMain p.date {
	margin: 0 0 19px 0;
	padding: 0;
}

#aside-box {
	width: 160px;
	float: left;
	padding: 0px 60px 0px 0px;
	margin-bottom: 7px;
}

#aside-box2 {
	width: 200px;
	height: 100px;
	background-color: #CCC;
	float: left;
	padding: 0px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#aside-box p {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	padding: 6px 0px 8px 0px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}


#aside-box ul {
	list-style-type: none;
	display: block;
	color: #666;
	padding-bottom: 30px;
}

#aside-box li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#aside-box li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

#aside-box li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F37228;
	text-decoration: none;
}

#aside-box a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

#aside-box a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F37228;
	text-decoration: none;
}


/* posts */
.post {
	font-family: 'LubalinGraph-Book';
	font-size: 12px;
	line-height: 15px;
	font-style: normal;
	color: #666666;
	padding: 0;
}

.post a {
	font-size: inherit;
	color: #F37228;
	text-decoration: none;
	font-family: inherit;
}

.post a:hover {
	font-size: inherit;
	color: #666;
	text-decoration: none;
}

.navigation {
	margin: 0 0 12px 0;
	padding: 12px 0 0 0;
}

.content {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	padding: 12px 0px 0px 0px;
}

.postmetadata {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: #666666;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #000;
}

.postmetadata a {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	color: #666666;
	padding: 0px 0px 0px 0px;
}

.postmetadata a:hover {
	color: #F37228;
	text-decoration: none;
}

.extra-space {
	padding-bottom: 12px;
}

.post .entry-utility, .post .entry-meta {
	display: none;
}


/* footer */
#footer,
footer {
	width: 920px;
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 auto;
}

#footer-wrapper {
	width: 920px;
	clear: both;
	background: #FFF;
	padding: 11px 0px 0px 0px;
	border-top: 1px solid #000000;
	display: flex;
justify-content: space-between;
	/*    margin: 0 80px;*/
}

#footer-wrapper p,
#footer-wrapper .copyright{
	font-size: 12px;
	padding-bottom: 2px;
	color: #231F20;
	font-family: Arial, Helvetica, Sans-Serif;
}

.copyright-inner {
	display: inline;
}

@media (max-width: 768px ){

	#footer-wrapper {
		flex-direction: column-reverse;
	}
	.copyright-inner {
		/*display: block; */
	}
}

/* classes */
.photo-top-bottom {
	padding: 24px 0px 12px 0px;
}

.photo-base36 {
	padding-bottom: 36px;
}

.photo-base24 {
	padding-bottom: 24px;
}

.photo-base20 {
	padding-bottom: 20px;
}

.photo-base16 {
	padding-bottom: 16px;
}

.photo-base12 {
	padding-bottom: 12px;
}

.photo-base10 {
	padding-bottom: 10px;
}

.header-padding24 {
	padding-bottom: 24px;
}

.header-padding27 {
	padding-bottom: 27px;
}

.header-padding33 {
	padding-bottom: 33px;
}

.header-padding36 {
	padding-bottom: 28px;
}

.header-padding-contact-address {
	padding-bottom: 18px;
	display: block;
	color: #808285;
}

.text-capabilities {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
}

.text-process {
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

.homePage-headers {
	padding: 0px 0px 43px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

ul.categories {
	margin-top: 8px;
}

ul.categories li, ul.categories li a {
	margin: 0;
	padding: 2px 0;
	line-height: 15px;
}

.current-cat {
	color: #F37228;
}

.current-cat a {
	color: #F37228 !important;
}

.linkcat {
	border-bottom: 1px solid #666;
	padding: 5px 0;
}

.linkcat h2, .linkcat h2 a {
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold !important;
	padding: 0;
}

#aside-box li.linkcat h2.active a, .linkcat h2 a:hover {
	color: #F37228;
	text-decoration: none;
	font-weight: bold;
}

#aside-box ul .blogroll {
	display: none;
	padding-bottom: 0;
	margin: 10px 0;
}

.blogroll a, .blogroll a:hover {
	text-decoration: none;
}

.blogroll li {
	padding: 0;
	margin: 0;
}

/* class widgets */
.widget {
	padding: 0px 0px 0px 0px;
}

.widget .latest-post {
	margin: 0px 0px 0px 0px;
}

.widget .date {
	color: #999;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#twitter {
	color: #000;
	font-family: 'LubalinGraph-Book';
	font-size: 20px;
	line-height: 24px;
}

#twitter a {
	font-family: 'LubalinGraph-Book';
}

#twitter a, #aside-homeTwitter a {
	font-size: 20px;
	line-height: 24px;
	color: #808285;
}

#twitter a:hover, #aside-homeTwitter a:hover {
	font-size: 20px;
	line-height: 24px;
	color: #F37228;
	text-decoration: none;
}

#twitter a.view_all, #aside-homeTwitter a.view_all, #content-sidebar-blog a.view_all {
	float: right;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 4px;
	color: #808285;
}

#twitter a.view_all:hover, #content-sidebar-blog a.view_all:hover {
	color: #F37228;
}

.share_post {
	font-weight: bold;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	width: 220px;
	float: right;
	padding: 4px 0;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#content-blog .share_post p {
	padding: 0;
	margin: 0;
	float: left;
	width: 120px;
	font-weight: bold;
}

.share_post ul {
	float: right;
}

.share_post li {
	float: left;
	list-style: none;
	margin-left: 6px;
}

.share_post li a {
	display: block;
}

.share_post svg {
	height: 15px;
	width: 15px;
}

.share_email {
	height: 15px;
	width: 15px;
}

.share_twit {
	height: 15px;
	width: 15px;
}

.share_fb {
	height: 15px;
	width: 15px;
}

blockquote {
}

blockquote p {
}

.post {
	overflow: hidden;
}

.post_wrap {
	overflow: hidden;
}

.entry {
	width: 460px;
}

.page-template-template-musings .entry {
	width: 100%;
}

.entry a {
}

.entry a:hover {
}

pre {
}

code, tt {
}

.meta {
	margin: 0 0 12px 0;
	width: 460px;
}

.postmetadata {
	width: 460px;
	float: left;
}

#sidebar {
}

.navgation {
}

.next-posts {
}

.prev-posts {
}

#searchform {
}

#s {
}

#searchsubmt {
}

ol.commentlist {
	list-style: none;
}

ol.commentlist li {
}

ol.commentlist li.alt {
}

ol.commentlist li.bypostauthor {
}

ol.commentlist li.byuser {
}

ol.commentlist li.comment-author-admin {
}

ol.commentlist li.comment {
	border-bottom: 1px dotted #666;
	padding: 10px;
}

ol.commentlist li.comment div.comment-author {
}

ol.commentlist li.comment div.vcard {
}

ol.commentlist li.comment div.vcard cite.fn {
	font-style: normal;
}

ol.commentlist li.comment div.vcard cite.fn a.url {
}

ol.commentlist li.comment div.vcard img.avatar {
	float: right;
	margin: 0 0 10px 10px;
}

ol.commentlist li.comment div.vcard img.avatar-32 {
}

ol.commentlist li.comment div.vcard img.photo {
}

ol.commentlist li.comment div.vcard span.says {
}

ol.commentlist li.comment div.commentmetadata {
}

ol.commentlist li.comment div.comment-meta {
	font-size: 10px;
}

ol.commentlist li.comment div.comment-meta a {
	color: #ccc;
}

ol.commentlist li.comment p {
}

ol.commentlist li.comment ul {
}

ol.commentlist li.comment div.reply {
	font-size: 11px;
}

ol.commentlist li.comment div.reply a {
	font-weight: bold;
}

ol.commentlist li.comment ul.children {
	list-style: none;
	margin: 10px 0 0;
}

ol.commentlist li.comment ul.children li {
}

ol.commentlist li.comment ul.children li.alt {
}

ol.commentlist li.comment ul.children li.bypostauthor {
}

ol.commentlist li.comment ul.children li.byuser {
}

ol.commentlist li.comment ul.children li.comment {
}

ol.commentlist li.comment ul.children li.comment-author-admin {
}

ol.commentlist li.comment ul.children li.depth-2 {
	border-left: 5px solid #555;
	margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-3 {
	border-left: 5px solid #999;
	margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-4 {
	border-left: 5px solid #bbb;
	margin: 0 0 10px 10px;
}

ol.commentlist li.comment ul.children li.depth-5 {
}

ol.commentlist li.comment ul.children li.odd {
}

ol.commentlist li.even {
	background: #fff;
}

ol.commentlist li.odd {
	background: #f6f6f6;
}

ol.commentlist li.parent {
	border-left: 5px solid #111;
}

ol.commentlist li.thread-alt {
}

ol.commentlist li.thread-even {
}

ol.commentlist li.thread-odd {
}

form {
}

input[type=text] {
	height: 16px;
}

textarea {
}


/* FORM POPUP */
#popup {
	position: absolute;
	top: 0;
	left: 0;
	background: url('images/transparent.png') top left;
	width: 100%;
}

#contact_form_thanks {
	display: none;
	height: 590px;
}

#form-wrapper {
	position: relative;
	width: 460px;
	padding: 20px;
	margin: 110px auto 100px;
	background: #fff;
}

#form-wrapper h1 {
	border-top: 1px solid #000;
	padding: 10px 0;
	margin: 0 0 30px 0;
	background: url(images/about_you.gif) center left no-repeat;
	height: 16px;
	text-indent: -9000px;
}

#contact_form_thanks h1 {
	background: url(images/thank_you.gif) center left no-repeat;
}

#form-wrapper h4 {
	font: bold 12px/15px Arial, Helvetica, sans-serif;
}

#form-wrapper div .column {
	float: left;
	width: 222px;
	padding: 0;
}

#form-wrapper div .no-column {
	float: left;
	width: 100%;
	padding: 4px 0;
}

#form-wrapper a {
	font-size: 10px;
}

#form-wrapper input {
	width: 214px;
	border: 1px solid #666;
	padding: 2px 2px 2px 4px;
	color: #A7A9AC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}

#form-wrapper select {
	width: 220px;
	height: 22px;
	border: 1px solid #666;
	padding: 0 2px 2px 4px;
	color: #666;
}

#form-wrapper textarea {
	width: 450px;
	height: 150px;
	border: 1px solid #666;
	padding: 4px;
}

#form-wrapper .form_submit a {
	color: #F37228;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	padding: 0 6px 0 0;
}

#formwrapper input#city, #formwrapper #referred, #formwrapper #company {
	width: 450px !important;
}

#close {
	position: absolute;
	right: 20px;
	top: 28px;
	background: url(images/close.gif) top left no-repeat;
	width: 8px;
	height: 15px;
}

#close a {
	display: block;
	text-indent: -9000px;
	width: 8px;
	height: 15px;
}

.dropdown {
	background: url('images/dd_down_arrow.png') top left no-repeat;
	height: 20px;
	width: 22px;
	border-left: 1px solid #666;
}

.dd_up_arrow {
	z-index: 3;
	display: none;
	position: absolute;
	float: left;
	height: 20px;
	left: 1px;
	background: #FFF url('images/dd_up_arrow.png') center center no-repeat;
	border-bottom: 1px solid #666;
}

.dd_down_arrow {
	z-index: 3;
	display: block;
	position: absolute;
	float: left;
	top: 180px;
	height: 20px;
	left: 1px;
	background: #FFF url('images/dd_down_arrow.png') center center no-repeat;
	border-top: 1px solid #666;
}

#state_dropdown {
	display: none;
	position: absolute;
	float: left;
	left: 159px;
	width: 63px;
	top: 22px;
	height: 200px;
	z-index: 2;
	overflow: hidden;
	border-bottom: 1px solid #666;
}

#country_dropdown {
	display: none;
	position: absolute;
	float: left;
	left: 0px;
	width: 222px;
	top: 22px;
	height: 200px;
	overflow: hidden;
	border-bottom: 1px solid #666;
}

#state_dropdown .dd_up_arrow,
#state_dropdown .dd_down_arrow {
	width: 61px;
}

#country_dropdown .dd_up_arrow,
#country_dropdown .dd_down_arrow {
	width: 220px;
}

.state_item, .country_item {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	color: #A7A9AC;
	padding: 2px 2px 2px 4px;
	background-color: white;
	height: 16px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	border-top: none;
	position: absolute;
	left: 0;
}

.state_item {
	width: 55px;
}

.country_item {
	width: 214px;
}

.back_to_top {
	margin: -8px 0 8px;
	font: 12px Arial, Helvetica, sans-serif;
}

.back_to_top a {
	color: #666666;
}

.back_to_top a:hover {
	color: #F37228;
}

.dd_up_arrow:hover,
.dd_down_arrow:hover,
.state_item:hover,
.country_item:hover {
	cursor: default;
	background-color: #CCCCCC;
}

#metaseopack {
	display: none;
}

 /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
h4 {font: bold 12px/15px Arial, Helvetica, sans-serif;}
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }

} /* END print media */

/*.sample_engagements ul {padding-bottom: 40px; width: 250px; float: left; list-style-type: none; font-family: Arial, Helvetica, Sans-Serif; color: #666; font-size: 12px;}*/
/*.sample_engagements ul {padding-bottom: 40px; width: 250px; float: left; list-style-type: none;}*/
.sample_engagements ul {padding-bottom: 40px; width: calc(50% - 15px); float: left; list-style-type: none;}
/*.sample_engagements li {padding-bottom: 6px;}*/
/*.sample_engagements ul:first-child {padding-right: 125px;}*/
.sample_engagements ul:first-child {padding-right: 15px;}

.sample_clients {
	padding-bottom: 24px;
}
.sample_engagements ul,
.sample_engagements p,
.capabilities h3,
.capabilities ul,
.capabilities p,
.sample_clients,
.sample_clients p {
	font-family: 'LubalinGraph-Book';
	font-size: 18px;
	color: #7D7F82;
	line-height: 1.2;
}
.sample_clients ul {
	list-style: none;
}
.capabilities h3 {
	border: none;
	color: #000;
}

#asideWrapper .postmetadata {padding-top: 12px; position: relative;}

#aside-homePostMain .share_post {position: absolute; right: -238px; margin-top: 0; bottom: -1px;}
#aside-homePostMain .share_post p {margin-top: 0; font-weight: bold; float: left;}

/* START media-queries */
@media (max-width: 960px) {
	body {
		padding-top: 76px;
	}
	body.home {
		padding-top: 0;
	}

	#page-wrap {
		width: 92%;
	}

	#header,
	header,
	#footer-wrapper,
	.entry,
	#content-header-bottom,
	.content-header-bottom,
	#content-header-top-bottom,
	.content-header-top-bottom,
	h2.archive_header,
	.post h2 {
		width: 100%;
	}

	#header,
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		border-bottom: none;
	}

	.admin-bar #header,
	.admin-bar header {
		position: absolute;
		top: 46px;
	}

	.header-bar-wrapper {
		border-bottom: 1px solid #000;
		padding: 10px 4%;
		z-index: 1;
	}

	#logo {
		height: 55px;
		width: 55px !important;
	}

	.mobile-menu-wrapper .brandedHeader {
		display: block;
	}

	footer,
	#footer {
		margin: 0 auto;
		width: 92%;
	}

	img {
		/*width: auto !important;
		height: auto !important;*/
		max-width: 100%;
	}

	.col,
	#logo,
	#middleHome,
	#middleNav,
	#middleContent,
	.herotext,
	#content-wrapper,
	#content-wrapper-archive,
	#content,
	#content-sidebar,
	#content-blog,
	#content-sidebar-blog-box,
	#content-sidebar2,
	#content-who,
	#content-what,
	#content-contact,
	#content-contact1,
	#content-contact2,
	#content-header-bottom,
	#content-header-top-bottom,
	#content-double-columns1,
	#content-double-columns2,
	#content-triple-columns1,
	#content-triple-columns2,
	#content-team,
	#content-team-bio,
	#content-team-quote,
	.who-we-are-quote,
	#content-team-photo-container,
	#content-divider,
	#content-divider-process,
	#content-divider2,
	aside,
	#asideHome,
	#asideWrapper,
	#aside-homePost,
	#aside-homePostTitle,
	#aside-homePostMain,
	#aside-homeTwitter,
	#aside-box,
	#aside-box2,
	.postmetadata,
	ol.commentlist li.comment div.vcard img.avatar,
	#form-wrapper div .column,
	#form-wrapper div .no-column,
	#state_dropdown,
	#country_dropdown,
	.state_item, .country_item,
	.sample_engagements ul,
	#aside-homePostMain .share_post p,
	.share_post,
	/*#content-blog .share_post p,*/
	/*.share_post ul,*/
	.heroText,
	.page-template-process .col-1-2,
	.page-template-process .col-1-2:nth-of-type(odd),
	nav {
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	nav {
		padding-bottom: 30px;
	}


	#aside-box li a,
	#aside-box li a:hover {
		font-size: 15px;
		line-height: 1.2;
	}

	.post {
		overflow: visible;  
	}

	.post h2 {
		font-size: 25px;
		line-height: 1.2;
		margin: 25px 0 10px;
	}

	.postmetadata {
		border-bottom: none;
		padding-bottom: 10px;
	}

	#aside-box {
		padding-right: 0;
	}

	#aside-homePostMain {
		margin-top: 25px;
	}

	#aside-homePostMain .share_post {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 15px;
	}
	
	.page-template-what-we-do #content-what div:nth-of-type(2) {
		width: 100% !important;
	}
	
	.content-team-photo {
		width: calc(50% - 6px);
	}
	.content-team-photo:nth-of-type(even) {
		margin-bottom: 15px;
		padding-right: 0;
	}
	#content-team-photo-container:after {
		content:"";
		display: block;
		clear: both;
	}
	#content-sidebar-blog {
		border-bottom: 1px solid #000;
		margin: 15px 0 25px;
		position: static;
		width: 100%;
	}
	#content-sidebar-blog-box {
		margin-top: 5px;
	}
	.navigation-sidebar {
		display: none !important;
	}
	#menu-trigger,
	.mobile-menu-wrapper {
		display: block;
	}

	.sample_engagements {
		padding-bottom: 24px;
	}
	.sample_engagements ul {
		padding-bottom: 0;
	}
	.sample_engagements ul:first-child {
		padding-right: 0;
	}

	.share_post li:first-child {
		margin-left: 0;
	}

	#form-wrapper {
		width: 92%;
		padding: 5px;
	}
	#form-wrapper input {
		width: 214px !important;
	}
	#form-wrapper textarea {
		width: 214px;
	}
	#form-wrapper .no-column:after,
	#form-wrapper .column:after {
		content:"";
		display: block;
		clear: both;
	}

	.single-post {

		.single-post-back {
			display: none;
		}

		.title-wrapper {
			flex-direction: column-reverse;
			align-items: flex-start;
			gap: 15px;

			.logo-back-wrapper {
				margin-top: 5px;
				display: flex;
				flex-direction: row;
				column-gap: 35px;
				align-items: center;
				width: 100%;

				.single-post-back {
					display: block;
					width: 50px;
					height: 100%;
				}
			}

			.logo-post {
				padding-bottom: 18px;
				margin-bottom: 0;
			}
		}

	}
}
@media (max-width: 600px) {
	#page-wrap {
		padding-bottom: 80px;
	}
}

@media (max-width: 600px) {
	.heroText,
	.heroText a,
	.heroText > p {
		font-size: 22px;
	}
} /* END media-queries */

/* home page animation */
.home .post {
	height: 100%;
	margin-bottom: 0;
	overflow: visible;
}
.home .post > a {
	display: block;
	height: 100%;
}

body.home{
	display: block;

}
:root {
	--app-height: 100%;
}

.home #page-wrap {

	width: 100%;
  	max-width: calc(100% - 60px);
  	padding-top: 30px;
	padding-bottom: 60px;
	/*height: calc(100vh - 90px);*/
	height: var(--app-height);
}
.ampersand-row-1,
.ampersand-row-2 {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.ampersand-row-1 {
	align-items: flex-start;
	height: 36%;
	/*background: paleturquoise;*/
}

@media screen and (max-height: 375px) {

	.ampersand-row-1 {
		height: 44%;
	}
}

.ampersand-row-2 {
	align-items: flex-end;
	height: 34%;
	/*background: rebeccapurple;*/
}
.animation-wrap {
	/*height: calc(100vh - 157px);*/
	box-sizing: border-box;
	height: 100%;
	/*max-height: 462px;*/
	padding-top: 30px;
	padding-bottom: 30px;
	/*max-width: 585px;*/
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1100px) {
	.animation-wrap {
		max-width: 1000px;
	}
}

@media screen and (max-height: 375px) {
	.animation-wrap {
		padding-top: 0;
		padding-bottom: 10px;
	}
}
@media screen and (max-height: 510px) {
	.animation-wrap {
		max-width: 585px;
	}
}
.logo-row {
	justify-content: center;
	display: flex;
	align-items: center;
	width: 100%;
	height: 30%;
	/*padding-top: 85px;
	padding-bottom: 66px;
	height: calc(30% - 151px);*/
	/*background: plum;*/
}

.ampersand-1 {
	width: 5%;
	margin-left: 2.4%;
	/*margin-bottom: 107px;*/
	animation-duration: 6.75s;
  animation-name: ampersand-1-animation;
  animation-iteration-count: infinite;
  margin-top: 10vh;
}

@keyframes ampersand-1-animation {
  0% {
    opacity: 0;
  }
  11.1% {
  	opacity: 0;
  }
  14.8% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-2 {
	width: 21%;
	margin-left: 14%;
	animation-duration: 6.75s;
  animation-name: ampersand-2-animation;
  animation-iteration-count: infinite;
  align-self: flex-end;
}
@keyframes ampersand-2-animation {
  0% {
    opacity: 0;
  }
  3.7% {
  	opacity: 0;
  }
  7.4% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media screen and (max-height: 510px) {
	.ampersand-2 {
		width: 16%;
	}
}
.ampersand-3 {
	width: 7.4%;
	margin-left: 13.8%;
	/*margin-bottom: 73px;*/
	/*margin-bottom: 10vh;*/
	margin-top: 10vh;
	animation-duration: 6.75s;
  animation-name: ampersand-3-animation;
  animation-iteration-count: infinite;
}
@keyframes ampersand-3-animation {
  0% {
    opacity: 0;
  }
  7.4% {
  	opacity: 0;
  }
  11.1% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-4 {
	width: 10.8%;
	margin-left: 10.6%;
	/*margin-bottom: 161px;*/
	/*align-self: flex-start;*/
	animation-duration: 6.75s;
  animation-name: ampersand-4-animation;
  animation-iteration-count: infinite;
}
@keyframes ampersand-4-animation {
  0% {
    opacity: 0;
  }
  3.7% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-5 {
	width: 6.3%;
	margin-left: 8.7%;
	margin-bottom: 17px;
	margin-bottom: 2vh;
	animation-duration: 6.75s;
  animation-name: ampersand-5-animation;
  animation-iteration-count: infinite;
  align-self: flex-end;
}
@keyframes ampersand-5-animation {
  0% {
    opacity: 0;
  }
  14.8% {
  	opacity: 0;
  }
  18.5% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-height: 1000px) {
	.ampersand-1 img,
	.ampersand-2 img,
	.ampersand-3 img,
	.ampersand-4 img,
	.ampersand-5 img {
		max-height: 100%;
	}
}
.logo.wert {
	width: 28.4%;
	animation-duration: 6.75s;
  animation-name: logo-wert-animation;
  animation-iteration-count: infinite;
}

@keyframes logo-wert-animation {
  0% {
    opacity: 0;
  }
  55.5% {
  	opacity: 0;
  }
  59.2% {
  	opacity: 0.5;
  }
  62.9% {
  	opacity: 1;
  }
  85.1% {
  	opacity: 1;
  }
  88.8% {
  	opacity: 0.75;
  }
  92.5% {
  	opacity: 0.5;
  }
  96.2% {
  	opacity: 0.25;
  }
  100% {
    opacity: 0;
  }
}

.ampersand-6 {
	width: 9.4%;
	animation-duration: 6.75s;
  animation-name: ampersand-6-animation;
  animation-iteration-count: infinite;
  margin-right: -1%;
	z-index: 100;
}
@keyframes ampersand-6-animation {
  0% {
    opacity: 0;
  }
  37% {
  	opacity: 0;
  }
  40.7% {
  	opacity: 1;
  }
  85.1% {
  	opacity: 1;
  }
  88.8% {
  	opacity: 0.75;
  }
  92.5% {
  	opacity: 0.5;
  }
  96.2% {
  	opacity: 0.25;
  }
  100% {
    opacity: 0;
  }
}
.logo.co {
	width: 18.5%;
	animation-duration: 6.75s;
  animation-name: logo-co-animation;
  animation-iteration-count: infinite;
}

/*padding-top: 85px;
	padding-bottom: 66px;
	height: calc(30% - 151px);*/

.logo.wert img,
	.logo.co img,
	.ampersand-6 img {
		width: 100%;
	}
@media screen and (min-height: 801px) {
	.logo-row {
		padding-top: 85px;
	padding-bottom: 66px;
	height: calc(30% - 151px);
	}
	/*.logo-row img {
		height: 100%; nbv
	}*/
	/*.logo.wert,
	.logo.co,
	.ampersand-6 {
		width: auto
	}*/
}
/*
@media screen and (max-height: 800px) {
	.logo-row {
		height: calc(30% - 80px);
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.logo-row img {
		height: 100%;
	}
	.logo.wert,
	.logo.co,
	.ampersand-6 {
		width: auto
	}
}

@media screen and (max-height: 690px) {
	.logo-row {
		height: calc(30% - 40px);
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ampersand-6 {
		margin-right: -8px;
	}
}

@media screen and (max-height: 400px) {
	.logo-row {
		height: calc(30% - 20px);
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.ampersand-6 {
		margin-right: -7px;
	}
}*/
@keyframes logo-co-animation {
  0% {
    opacity: 0;
  }
  62.9% {
  	opacity: 0;
  }
  66.6% {
  	opacity: 0.5;
  }
  70.3% {
  	opacity: 1;
  }
  85.1% {
  	opacity: 1;
  }
  88.8% {
  	opacity: 0.75;
  }
  92.5% {
  	opacity: 0.5;
  }
  96.2% {
  	opacity: 0.25;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-7 {
	width: 11.1%;
	margin-top: 12px;
	margin-top: 2vh;
	animation-duration: 6.75s;
  animation-name: ampersand-7-animation;
  animation-iteration-count: infinite;
  align-self: flex-start;
}
@keyframes ampersand-7-animation {
  0% {
    opacity: 0;
  }
  22.2% {
  	opacity: 0;
  }
  25.9% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-8 {
	width: 3.1%;
	margin-left: 14.7%;
	/*margin-top: 61px;*/
	animation-duration: 6.75s;
  animation-name: ampersand-8-animation;
  animation-iteration-count: infinite;
      margin-bottom: 102px;
    margin-bottom: 13vh;
}
@keyframes ampersand-8-animation {
  0% {
    opacity: 0;
  }
  29.6% {
  	opacity: 0;
  }
  33.3% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-9 {
	width: 11.5%;
	margin-left: 12.6%;
	/*margin-top: 175px;*/
	align-self: flex-end;
	animation-duration: 6.75s;
  animation-name: ampersand-9-animation;
  animation-iteration-count: infinite;
}
@keyframes ampersand-9-animation {
  0% {
    opacity: 0;
  }
  33.3% {
  	opacity: 0;
  }
  37% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ampersand-10 {
	width: 20.7%;
	margin-left: 10.6%;
	animation-duration: 6.75s;
  animation-name: ampersand-10-animation;
  animation-iteration-count: infinite;
  align-self: flex-start;
}
@keyframes ampersand-10-animation {
  0% {
    opacity: 0;
  }
  18.5% {
  	opacity: 0;
  }
  22.2% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media screen and (max-height: 495px) {
	.ampersand-10 {
		width: 15.7%;
	}
}

.ampersand-11 {
	width: 6.3%;
	margin-left: 9.4%;
	/*margin-top: 61px;*/
	animation-duration: 6.75s;
  animation-name: ampersand-11-animation;
  animation-iteration-count: infinite;
  margin-bottom: 78px;
  margin-bottom: 10vh;

}
@keyframes ampersand-11-animation {
  0% {
    opacity: 0;
  }
  25.9% {
  	opacity: 0;
  }
  29.6% {
  	opacity: 1;
  }
  40.7% {
  	opacity: 1;
  }
  44.4% {
  	opacity: 0.75;
  }
  48.1% {
  	opacity: 0.5;
  }
  51.8% {
  	opacity: 0.25;
  }
  55.5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* button */
.post a.wp-block-button__link,
.wp-block-button__link {
	color: #6D6E70;
	background-color: #ffffff;
	border-top:  1px solid #6D6E70;
	border-bottom:  1px solid #6D6E70;
	border-radius: 0;
	font-family: 'LubalinGraph-Book';
}

/* team profile */
.page-template-the-team .modal {
	background: rgb(55,55,55);
	max-width: 100%;
	width: 100%;
	box-shadow: none;
}

.page-template-the-team .blocker {
	padding:  0;
	background: rgb(55,55,55);
	z-index: 5;
}

.type-wertco-team .entry {
	width:  100%;
}

.type-wertco-team p {
	color:  #ffffff;
}

/* team page */
ul.team-list {
	list-style: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	background: url(/wp-content/themes/wert-and-company/images/ampersand-grid.svg);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
	background-size: calc(33.33% - 4px);
	background-repeat: no-repeat;
	background-position: right calc(100% - 7px);
}

ul.team-list li {
	width:  calc(33.3333% - 4px);
	margin-right: 6px;
	margin-bottom: 6px;
}



ul.team-list li img {
	display: block;
}
ul.team-list li:nth-of-type(3n) {
	margin-right: 0;
}

@media screen and (max-width:  640px) {
	ul.team-list {
		background-size: calc(50% - 3px);
	}
	ul.team-list li {
		width:  calc(50% - 3px);
		margin-right: 6px;
		margin-bottom: 6px;
	}
	ul.team-list li:nth-of-type(3n) {
		margin-right: 6px;
	}
	ul.team-list li:nth-of-type(even) {
		margin-right: 0;
	}
}
ul.team-list li a {
	position: relative;
	display: block;
	background: #000;
	transition: 1s ease-out;
}

ul.team-list li a span {
	position: absolute;
	bottom:  0;
	left: 0;
	right: 0;
	background: rgba(109,110,112,0.75);
	color: #fff;
	font-family: 'LubalinGraph-Demi';
	font-size: 10px;
	padding: 10px 10px 8px;
}

@media (hover: hover) {
	ul.team-list li a span {
		background: none;
		color: transparent;
	}

	ul.team-list li a:hover span {
		background: rgba(109, 110, 112, 0.75);
		color: #fff;
	}

	ul.team-list li a:hover img {
		opacity: 0.5;
	}


}

.team-profile-wrap {
	width: 920px;
  	margin: 0 auto 0;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width:  1145px) {
	.team-profile-wrap {
    width: calc(100% - 190px);
    margin: 0px 95px 0px;
  }
}

.team-profile-wrap .wp-block-image figcaption {
	display: none;
}
.team-profile-wrap .is-style-hero-text {
	color: #ffffff;
}
.team-profile-wrap .is-style-editorial, 
.team-profile-wrap .is-style-branded-paragraph, 
.team-profile-wrap .is-style-branded-list {
	color: #cccccc;
}
.team-profile {
	width: 700px;
    margin: 50px 0 0px 20px;
    border-top: 1px solid #fff;
    padding-top: 30px;
}

@media screen and (max-width:  1145px) {
	.team-profile {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}

.team-profile .wp-block-columns {
	/*flex-wrap: nowrap;*/
}

@media screen and (max-width:  920px) {
	.team-profile .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 0 !important;
	}
}

@media screen and (max-width:  781px) {
	.team-profile .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: calc(50% - var(--wp--style--block-gap, 2em)/2) !important;
	}
}

@media screen and (max-width: 599px) {
	.team-profile .wp-block-columns {
		display: block;
	}
}

.modal-back {
  position: fixed;
  left: 30px;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 50px;
	padding-top: 56px;
}

@media screen and (min-width: 1140px) {
	.modal-back {
		left: calc((100vw - 700px) / 2 - 190px);
	}
}

.team-profile-nav {
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 65px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
.modal-back a,
.team-profile-nav a {
	color: #cccccc;
	font-family: 'LubalinGraph-Book';
	font-size: 15px;
	text-align: center;
	display: block;
}

.team-profile .wp-block-quote.is-style-large-quote {
	width: 100% ;
	max-width: 100%;
}

.team-profile .wp-block-quote.is-style-large-quote cite {
	font-family: 'LubalinGraph-Demi';
	font-style: normal;
	font-size: 16px;
	line-height: 22px;
}

.team-profile .wp-block-quote.is-style-large-quote p,
.team-profile .wp-block-quote.is-style-large-quote cite {
	color: #fff;
}

.page-template-the-team .modal a.close-modal {
	color: transparent;
}

.page-template-the-team .modal a.close-modal.show {
	color: #cccccc;
}
.page-template-the-team .modal a.close-modal {
	position: initial;
	top: initial;
	right: initial;
	display: block;
	width: initial;
	height: initial;
	text-indent: initial;
	background-image: none;
}

.page-template-the-team .modal a.close-modal img {
	width: 28px;
	height: 19px;
}

.team-profile-nav a img {
	width: 19px;
	height: 28px;
}

.team-profile-nav a span,
.modal-back a span {
	display: block;
}

.team-profile-nav a.btn.previous {
	margin-top: 50px;
}

.team-profile-nav a.btn.next {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 30px;
}

@media screen and (max-width:  768px) {
	.team-profile {
		margin-top: 20px;
	}

	.modal-back a span {
		display: initial;
	}

	.team-profile-nav {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		column-gap: 40px;
		border-top: 1px solid #fff;
		padding-top: 20px;

		position: static;
		height: auto;
		width: 100%;
	}

	.team-profile-nav a.btn.next {
		margin-bottom: 0;
		width: auto;
		position: static;
	}
	.team-profile-nav a.btn.previous{
		margin-top: 0;
	}

	.modal-back {
		position: relative;
		padding-top: 0;
		left: 0;
		width:  100px;
	}
	.team-profile-wrap {
	  width: 100%;
	  margin: 0;
	}
	.page-template-the-team .modal a.close-modal.show {
		display: flex;
		align-items: center;
	}
	.page-template-the-team .modal a.close-modal img {
	  width: 44px;
	  height: 29px;
	  margin-right: 10px;
	}
}
/* thoughts and musings */
.page-template-template-musings .entry {
}

.quotes-wrap {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #6d6e70;
	clear: both;
}

.quotes-wrap .type-quotes {
	width: 50%;/*calc(50% - 40px);*/
	/*padding: 60px 40px;*/
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #6d6e70;
	display: flex;
	flex-direction: column;
}

.quotes-wrap .individual-quote {
	margin-bottom: 20px;
	margin-top: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

@media screen and (min-width:  768px) {
	.quotes-wrap .type-quotes:nth-of-type(3n) blockquote {
		width: 100%;
		margin: auto;
		max-width: 590px;
	}
}

.quotes-wrap .type-quote:nth-of-type(3n + 1) {
	width: /*calc(50% - 41px);*/ 50%;
	padding-left: 0;
	/*border-right: 1px solid #000;*/
}

.quotes-wrap .type-quotes:nth-of-type(3n + 1) .individual-quote {
	border-right: 1px solid #6d6e70;
	padding-right: 40px;
}
.quotes-wrap .type-quotes:nth-of-type(3n + 2) {
	padding-right: 0;
}

.quotes-wrap .type-quotes:nth-of-type(3n + 2) .individual-quote {
	padding-left: 40px;
}
.quotes-wrap .type-quotes:nth-of-type(3n) {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.quotes-wrap .wp-block-quote {
	padding-top: 60px;
	padding-bottom: 60px;
	flex:  1;
}
.quotes-wrap p.read-more {
	margin-bottom: 0;
	padding-bottom: 0;
	flex: 1;
	min-width: 100px;
}
.quotes-wrap p.read-more a,
.quotes-wrap .wp-block-quote p,
.quotes-wrap .wp-block-quote cite {
	color:  #6d6e70;
	/*color: #7D7F82;*/
	font-family: 'LubalinGraph-Book';
	font-size: 17px;
	line-height: 1.3;
}

.quotes-wrap .wp-block-quote p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}
.quotes-wrap .wp-block-quote cite {
	font-style: initial;
}

.quotes-wrap .wp-block-quote cite:before {
	content:  '—';
	display: inline-block;
}
.quotes-wrap p.read-more a {
	text-decoration: underline;
}

.quotes-wrap p.read-more a:hover {
	text-decoration: none;
	color: #F37228;
}
.quotes-wrap p.read-more a:focus {
  outline: 2px dotted #F37228;
}

.quotes-wrap .type-quotes:nth-of-type(3n) .wp-block-quote p {
	font-family: 'LubalinGraph-Demi';
	font-size: 18px;
}



.musing-options {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

@media screen and (max-width:  767px) {
	.quotes-wrap .wp-block-quote {
	  padding-top: 0;
	  padding-bottom: 0;
	}
	.musing-options {
		padding-top:  15px;
	}
	.quotes-wrap .type-quotes,
	.quotes-wrap .type-quotes:nth-of-type(3n + 1) {
		width: 100%;
	}

	.quotes-wrap .type-quotes:nth-of-type(3n + 1) .individual-quote {
		border-right: none;
		padding-right: 0;
	}

	.quotes-wrap .type-quotes:nth-of-type(3n + 2) .individual-quote {
		padding-left: 0;
	}
}

.quotes-wrap .individual-quote .share {
	width:  100%;
}

.page-template-template-musings .post,
.quotes-wrap .post {
	overflow: visible;
}

.toggle {
	display: none;
}

.toggleLink {
	position: absolute;
	right:  10px;
	bottom: 0px;
}
.toggleLink svg {
	width: 15px;
	height: 15px;
}

ul.share-options {
	border: 1px solid #000;
	padding:  20px;
	right: 20px;
	bottom: 50px;
	background: white;
	position: absolute;
	width: 220px;
	z-index: 100;
	transform: translateX(50%);
}

@media screen and (min-width: 1040px) and (max-width: 1290px) {

	.quotes-wrap .type-quotes:nth-of-type(3n) ul.share-options,
	.quotes-wrap .type-quotes:nth-of-type(3n+2) ul.share-options {
		transform: translateX(calc( (920px - 100vw) / -2 - 10px));
	}
}

@media screen and (min-width: 1020px) and (max-width: 1040px) {
	.quotes-wrap .type-quotes:nth-of-type(3n) ul.share-options,
	.quotes-wrap .type-quotes:nth-of-type(3n+2) ul.share-options {
		transform: translateX(28px);
	}
}


@media screen and (min-width: 768px) and (max-width: 1020px) {
	.quotes-wrap .type-quotes:nth-of-type(3n) ul.share-options,
	.quotes-wrap .type-quotes:nth-of-type(3n+2) ul.share-options {
		transform: translateX(20px);
	}
}

ul.share-options:after {
	content: ' ';
	background: url("/wp-content/themes/wert-and-company/images/svg/black-bend.svg");
	display: block;
	width: 50px;
	height: 30px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 50px;
	bottom: -29px;
	right: calc(50% - 24px);
}

@media screen and (min-width: 1290px) {

	.quotes-wrap .type-quotes:nth-of-type(3n) ul.share-options:after,
	.quotes-wrap .type-quotes:nth-of-type(3n+2) ul.share-options:after {
		right: calc(50% - 24px);
	}
}

@media screen and (min-width: 1040px) and (max-width: 1290px) {

	.quotes-wrap .type-quotes:nth-of-type(3n) ul.share-options:after,
	.quotes-wrap .type-quotes:nth-of-type(3n+2) ul.share-options:after {
		right: calc( (100vw - 920px) / 2 - 40px);

	}
}

@media screen and (min-width: 768px) and (max-width: 1040px) {
	.quotes-wrap .type-quotes:nth-of-type(3n) ul.share-options:after,
	.quotes-wrap .type-quotes:nth-of-type(3n+2) ul.share-options:after {
		right: 20px;
	}
}


ul.share-options li {
	list-style: none;
	font-family: 'LubalinGraph-Demi';
	font-size: 14px;
}

ul.share-options li:first-of-type {
	margin-bottom: 8px;
}

ul.share-options li a,
ul.share-options li button,
ul.share-options li a:hover,
ul.share-options li button:hover {
	color:  rgb(109,110,112);
	font-family: 'LubalinGraph-Book';
	background-color: transparent;
	border:  none;
	padding: 10px 0;
	border-top: 1px solid #000;
	border-radius: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
	width: 100%;
	text-align: left;
}

ul.share-options li:last-child button {
	padding-bottom: 5px;
}


ul.share-options li a:hover,
ul.share-options li button:hover {
	color: #F37228;
}

ul.share-options li a svg,
ul.share-options li button svg {
	width: 15px;
}

ul.share-options li a:hover svg,
ul.share-options li button:hover svg {
	stroke:  #F37228;
}

.no-screen-reader-text {
	visibility: hidden;
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

@media screen and (max-width:  767px) {
	ul.share-options:after {
		content: none;
	}
	ul.share-options {
		right: 0;
		-webkit-box-shadow: 0px 0px 21px 41px rgba(255,255,255,0.65); 
box-shadow: 0px 0px 21px 41px rgba(255,255,255,0.65);
		max-width: 275px;
		width: 100%;
		transform: translateX(0);
		margin: auto;
		left: 0;
	}
}

/* Post Modal Start */

div.blocker {
	padding: 0;
}

body.blog {
	@media screen and (max-width: 960px) {
		#header {
			z-index: 1;
		}
	}

}

.modal.single-post-modal {
	font-family: 'LubalinGraph-Book';
	max-width: 100%;
	width: 100%;
	background-color: #F1F1F1;
	box-shadow: none;

	p {
		font-size: 17px;
		line-height: 1.2;
	}

	p.is-style-branded-paragraph {
		font-size: 17px;
		line-height: 1.2;
	}

	> .close-modal {
		display: none;
	}

	.modal-wrapper {
		margin-top: 44px;
		margin-bottom: 200px;

		.modal-back {

			.close-modal {
				color: transparent;
			}

			a.close-modal.show {
				color: #373737;
			}

			a.close-modal {
				position: initial;
				top: initial;
				right: initial;
				display: block;
				width: initial;
				height: initial;
				text-indent: initial;
				background-image: none;
			}

			a.close-modal img {
				width: 28px;
				height: 19px;
			}
		}

		.modal-content {
			display: flex;
			width: 920px;
			flex-direction: column;
			margin: 0 auto 0;
			align-items: flex-end;

			a {
				color: #E36C23;
			}

			.modal-post-wrap {
				max-width: 700px;
				border-bottom: 1px solid #000;
				padding-bottom: 12px;

				.title-wrapper {
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1px solid #000;
					padding-bottom: 12px;

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

					.logo-post {
						padding: 0;
						background-image: url(images/quote.svg);
						background-repeat: no-repeat;
						height: 41px;
						width: 65px;
						margin-bottom: -15px;
					}
				}
			}

			.single-post-share {
				margin-top: 21px;
				max-width: 700px;
				width: 100%;
				ul {
					float: right;
					li {
						list-style-type: none;
					}
				}
			}
		}

		@media screen and (max-width: 1145px) {
			.modal-content {
				width: calc(100% - 135px);
			}
		}

		@media screen and (max-width: 920px) {
			.modal-content {
				margin-right: 30px;
			}
		}
	}

	@media screen and (max-width: 768px) {
		.modal-wrapper {
			display: flex;
			flex-direction: column;
			margin-top: 0;

			.modal-back {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				max-width: 700px;
				margin-left: auto;
				margin-right: auto;
				border-bottom: 1px solid #000;
				padding-bottom: 20px;

				a.close-modal {
					display: flex;
					align-items: center;
					gap: 12px;
				}

				a.close-modal img {
					width: 44px;
					height: 29px;
				}
			}

			.modal-content {
				width: 100%;
				align-items: center;

				.modal-post-wrap {
					margin-top: 34px;

					.title-wrapper {
						flex-direction: column-reverse;
						align-items: flex-start;
						gap: 15px;

						.logo-back-wrapper {
							margin-top: 5px;
							display: flex;
							flex-direction: row;
							column-gap: 35px;
							align-items: center;
							width: 100%;

							.single-post-back {
								display: block;
								width: 50px;
								height: 100%;
							}
						}

						.logo-post {
							margin-bottom: 0;
						}
					}
				}
			}


		}
	}


}

.single-post {
	font-family: 'LubalinGraph-Book';

	.navigation-sidebar {
		display: flex;
		flex-direction: column;

		.nav-single-post {
			padding-bottom: 20px;
		}

		.single-post-back {
			height: 100%;
			width: 50px;
		}
	}

	.title-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #000;
		padding-bottom: 12px;
		padding-top: 10px;

		.single-post-back {
			display: none;
		}

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

		.logo-post {
			padding: 0;
			background-image: url(images/quote.svg);
			background-repeat: no-repeat;
			height: 41px;
			width: 65px;
			margin-bottom: -15px;
		}
	}

	.content-wrapper {
		p:not([class*="font-size"]) {
			font-size: 17px;
		}
	}

}

/* Post Modal End */

/*.twitter-share {
	width: 15px;
	overflow: hidden;
}

.twitter-share a {
	color: transparent;
	background: url("/wp-content/themes/wert-and-company/images/icon-twitter.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		color: transparent;
		height: 15px;
		width: 15px;
		display: block;
}


.twitter-share a:hover {
	color: transparent;
	overflow: hidden;
}*/