/* Subpage styling goes here. Excluded on homepage */

/* spotlight section */
.spotlight {
	margin-bottom: 60px;
	overflow: hidden;
}

body.search-has-run .spotlight {
	display: none;
}

.spotlight h2 {
	margin-bottom: 50px;
	text-align: center;
}

.spotlight .slick-list {
	margin-right: -60px;
	margin-left: -8px;
	padding-right: 80px;
}

.spotlight .slider {
	padding-right: 8px;
	padding-left: 8px;
}

.spotlight .card-attorney .mail {
	font-weight: 400;
	text-decoration: none;
	color: var(--white-color);
}

.spotlight .nav-arrows {
	padding-top: 25px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.spotlight .slick-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 67px;
	height: 56px;
	font-size: 1.7rem;
	color: var(--secondary-color);
	border: 0;
	background-color: var(--light-gray-color);
	cursor: pointer;
}

.spotlight .slick-next {
	border-radius: 0 35px 35px 0;
}

.spotlight .slick-prev {
	border-radius: 35px 0 0 35px;
}

@media only screen and (min-width: 768px) {
	.spotlight .slick-list {
		margin-right: -8px;
		margin-left: -8px;
		padding-right: 0;
	}
}

/* Attorneys Landing */

.main-professional {
	margin-top: -60px;
}

.professional {
	margin-bottom: 10px;
	position: relative;
}

.professional .box {
	padding: 40px 30px 30px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	background-color: var(--white-color);
}

.professional ul>li {
	margin-right: 4px;
	margin-bottom: 8px;
	display: inline-block;
}

.professional ul>li:last-child {
	margin-right: 0;
}

.professional ul>li>button:focus,
.professional ul>li>button:hover {
	color: var(--white-color);
	background-color: var(--secondary-color);
}

.professional .holder {
	margin-right: -15px;
	margin-bottom: 25px;
	margin-left: -15px;
	display: flex;
	flex-wrap: wrap;
}

.professional .form-field {
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
	position: relative;
}

.custom-select-container .custom-select,
.professional .form-input {
	padding: 12px 5px;
	height: auto;
	font-size: 0.92rem;
	color: var(--text-color-base);
	border-bottom: 1px solid var(--color-light);
	border-radius: 0;
}

.professional input::placeholder {
	color: var(--text-color-base);
}

.custom-select-container .custom-select+label {
	display: none;
}

.professional .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.professional .wrap button:last-child {
	margin-left: auto;
}

.attorney-search-inner {
	margin-bottom: 80px;
	display: none;
}

.professional .view-all {
	font-size: 13px;
	text-decoration: none;
	color: var(--link-color-base);
	transition: var(--base-duration);
	letter-spacing: 0.6px;
}

.attorney-search-bar-string span:not(:last-of-type) {}

.attorney-search-bar-string span:not(:last-of-type):after {
	content: "; ";
}

.professional .box>ul {
	margin-bottom: 0;
}

.no-button.view-all-reset {
	font-weight: 400;
	display: none;
	font-size: 0.9rem;
}

.no-button.view-all-reset:hover,
.no-button.view-all-reset:focus {
	background: none !important;
	color: var(--secondary-color) !important;
}

.professional .view-all:focus,
.professional .view-all:hover {
	color: var(--secondary-color);
}

.professional .view-all i {
	margin-left: 8px;
	display: inline-block;
}

.professional .button i {
	margin-left: 3px;
	display: inline-block;
}

.attorney-results {
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-ms-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}

body.search-has-run .attorney-search-inner {
	display: block;
}

.page-template-template-attorneys-search .banner-inner {
	pointer-events: none;
}

.search-running .attorney-results {
	opacity: 0.9;
}

.attorney-search-bar {
	text-align: center;
	margin-bottom: 40px;
}

#attorney-search-results-container {
	margin-bottom: 70px;
}

.card-attorney {
	margin-bottom: 20px;
}

@media only screen and (min-width: 480px) {
	.no-button.view-all-reset {
		display: block;
	}
}

@media only screen and (min-width: 768px) {
	.professional {
		margin-bottom: 0;
	}

	.professional .box {
		padding: 60px 60px 30px;
	}

	.professional .form-field {
		width: 33.33%;
	}

	.professional ul {
		margin-bottom: 9px;
	}

	.professional ul>li {
		margin-right: 1px;
	}

	.attorney-results {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}

	.card-attorney {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1025px) {
	.main-professional {
		margin-top: -150px;
	}

	.professional .box {
		max-width: 1180px;
		margin: 0 auto;
	}

	.attorney-results {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (min-width: 1280px) {
	.professional ul {
		display: flex;
		justify-content: space-between;
	}
}

/* PA Landing */

.card-incident {
	margin-bottom: 30px;
}

.card-incident:before,
.card-incident:after {
	border-radius: 20px;
}

.card-incident:after {
	opacity: 0;
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-ms-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(207deg, rgba(30, 58, 131, 1) 0%, rgba(0, 3, 62, 1) 39%);
	content: "";
}

.card-incident:hover:after,
.card-incident:focus:after {
	opacity: 0.77;
}

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

	/* Original - Modified by CH. Ref: https://css-irl.info/controlling-leftover-grid-items/
	.module-practices-f-inner {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}
	*/
	.module-practices-f-inner {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}

	.column {
		grid-column: span 4;
	}

	.column:last-child:nth-child(4n-3) {
		display: inline;
		grid-column-end: 7;
	}

	.card-incident {
		margin-bottom: 0;
	}
}

/* pagination section */
.pagination {
	display: none;
	align-items: center;
}

.pagination li {
	margin-right: 2px;
}

.pagination li:last-child {
	margin-right: 0;
}

.pagination li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	text-decoration: none;
	color: var(--link-color-base);
	border-radius: 8px;
	transition: var(--base-duration);
}

.pagination li>a:focus,
.pagination li>a:hover {
	color: var(--white-color);
	background-color: var(--secondary-color);
}

.pagination li>a {}

@media only screen and (min-width: 768px) {
	.pagination {
		display: flex;
	}
}

/* blogs section */

.blogs-subscribe a {
	margin-bottom: 52px;
	padding: 27px 35px;
	display: block;
	font-size: 1.1rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--white-color);
	border-left: 5px solid var(--secondary-color);
	background-color: var(--alternate-color);
	-webkit-transition: background 200ms ease-out;
	-moz-transition: background 200ms ease-out;
	-ms-transition: background 200ms ease-out;
	-o-transition: background 200ms ease-out;
	transition: background 200ms ease-out;
}

.blogs-subscribe a:focus,
.blogs-subscribe a:hover {
	background: #353783;
}

.blogs-subscribe a span {
	padding-top: 4px;
	display: block;
	font-size: 0.9rem;
	font-weight: 400;
}

.blogs-subscribe a i {
	margin-left: 10px;
	display: inline-block;
}

.post-bottom-share {
	font-size: 0.8rem;
	color: var(--primary-color);
}

a.post-bottom-share:hover {
	color: var(--secondary-color);
	cursor: pointer;
}

/* card-blog-leader section */
.card-blog {
	margin-bottom: 50px;
	padding-bottom: 35px;
	border-bottom: 1px solid var(--color-light);
}

.card-blog h3 {
	margin-bottom: 20px;
	font-size: 1.3rem;
}

.card-blog span {
	margin-bottom: 24px;
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
	text-transform: uppercase;
}

.card-blog .card-blog-featured {
	margin-bottom: 25px;
	position: relative;
}

.card-blog .card-blog-featured img {
	width: auto;
	max-height: 250px;
}

.card-blog .play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	font-size: 2.3rem;
	text-decoration: none;
	color: var(--white-color);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%);
}

.card-blog p {
	margin-bottom: 25px;
	line-height: 1.65;
}

.card-blog .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.card-blog .post-body-excerpt {
	margin-bottom: 20px;
}

.card-blog .read-more {
	font-size: 0.8rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.card-blog h1 {
	font-size: var(--font-size-h2);
}

.card-blog h2 {
	font-size: 1.6rem;
}

.card-blog h2 a {
	color: var(--primary-color);
}

.card-blog h2 a:focus,
.card-blog h2 a:hover {
	color: var(--secondary-color);
}

.card-blog .share {
	font-size: 0.75rem;
	text-decoration: none;
	color: var(--link-color-base);
}

/* BLOG > Page Navigation */

.wp-pagenavi {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.wp-pagenavi a,
.wp-pagenavi span {
	font-weight: 600;
	text-decoration: none;
	border-radius: 12px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0;
	display: block;
	background: transparent;
	color: #0f4392;
	margin-right: 6px;
	font-size: 0.9rem;
}

.wp-pagenavi span.current {
	color: #fff;
	background: #ce2127;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:focus {
	background: #e3e3e3;
	color: #14172f;
}

.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
	display: none;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
	width: auto;
	color: #0f4392;
	background: none;
	padding: 0 30px;
	border-radius: 0;
}

.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .nextpostslink:focus,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .previouspostslink:focus,
.wp-pagenavi .first:hover,
.wp-pagenavi .first:focus,
.wp-pagenavi .last:hover,
.wp-pagenavi .last:focus {
	background: none;
	color: #0093ff;
}

@media screen and (min-width: 1025px) {
	.wp-pagenavi {
		flex-wrap: nowrap;
	}
}

/* response section */

.response {
	text-align: center;
	padding: 70px 0;
}

.response .text {
	margin: 0 auto;
}

.response .text p:last-of-type {
	margin-bottom: 0;
}

.response-intro {
	margin-bottom: 32px;
	display: block;
	font-size: 1.05rem;
	line-height: 1.7;
	font-size: 1.1rem;
	color: var(--primary-color) !important;
}

.response p a {
	transition: var(--base-duration);
}

.response p a:hover {
	color: var(--primary-color);
}

.apply-span-style p span,
.apply-span-style h4 span,
.apply-bold-style p strong,
.response p span {
	font-weight: 700;
	color: var(--primary-color);
}

@media only screen and (min-width: 768px) {
	.response {}

	.response .text {
		max-width: 924px;
	}

	.response-intro {
		font-size: 1.3rem;
		line-height: 1.45;
	}
}

@media only screen and (min-width: 1400px) {
	.response {}

	.response .text {
		max-width: 1020px;
	}

	.response-intro {
		line-height: 1.6;
	}
}

/* testimonials section */
.testimonials {
	color: var(--white-color);
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	position: relative;
	background: #0051a0;
}

.testimonials h3 {
	color: var(--white-color);
	font-size: 2.3rem;
	font-weight: 600;
	margin-bottom: 30px;
}

.testimonials .slide {
	position: relative;
	padding: 70px 0 0;
	line-height: 34px;
}

.testimonials .slider {
	position: relative;
}

.testimonials .slider:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 44px;
	background: url("/wp-content/themes/paperstreet/images/quote-icon.svg") center center no-repeat;
}

.testimonials .slick-dots {
	padding-top: 20px;
	display: flex;
	justify-content: center;
	width: 100%;
	bottom: 0;
}

.testimonials .slick-dots li {
	transition: all 0.3s;
	cursor: pointer;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	border: 2px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonials .slick-dots li button {
	transition: all 0.3s;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-indent: -9999px;
	display: block;
	border: 0;
	background: #000249;
}

.testimonials .slick-dots li.slick-active {
	border-color: var(--white-color);
}

.testimonials .slick-dots li.slick-active button {
	background: var(--white-color);
}

/* differentiates section */
.differentiates {
	color: var(--white-color);
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	position: relative;
	background: #0051a0;
}

.differentiates h4 span {
	color: var(--secondary-color);
}

.differentiates h4 {
	color: var(--white-color);
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 34px;
}

.differentiates h5 {
	color: var(--white-color);
	font-size: 0.92rem;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	font-weight: 700;
	margin-bottom: 0;
}

.differentiates .holder {
	padding-top: 15px;
	line-height: 30px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.differentiates .left {
	width: 100%;
}

.differentiates .right {
	width: 100%;
}

.differentiates .number {
	margin: 0 auto 30px;
	width: 83px;
	height: 83px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 2.8rem;
	font-weight: 600;
}

.differentiates .number:after {
	content: "";
	border: 1px dashed #fff;
	border-radius: 10px;
	filter: drop-shadow(10px 13px 2px rgba(0, 0, 0, 1));
	left: 0;
	top: 0;
	width: 83px;
	height: 83px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

/* commitment section */
.commitment {
	margin-bottom: 60px;
	width: 100%;
	position: relative;
	line-height: 30px;
}

.commitment h3 {
	color: #0f4392;
	font-size: 2.3rem;
	font-weight: 600;
	margin-bottom: 30px;
}

.commitment h5 {
	color: #0f4392;
	font-size: 0.92rem;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 3.5px;
	font-weight: 700;
	margin-bottom: 10px;
}

.commitment .text {
	margin: 0 auto;
	text-align: center;
	max-width: 960px;
}

.commitment .list {
	padding-top: 40px;
	display: flex;
	flex-wrap: wrap;
}

.commitment .list .item {
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.commitment .list .item p:last-of-type {
	margin-bottom: 0;
}

.commitment .list .icon {
	height: 60px;
	display: flex;
	justify-content: center;
	margin-bottom: 14px;
}

.commitment .list .number {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -10px;
	left: -130px;
	font-size: 219px;
	font-weight: 500;
	line-height: 1;
	opacity: 0.05;
	z-index: -1;
	color: var(--secondary-color);
}

/* leader section */
.leader {
	padding-top: 60px;
	padding-bottom: 72px;
}

.leader h2 {
	margin-bottom: 45px;
	text-align: center;
}

.leader .holder {
	margin-right: -8px;
	margin-left: -8px;
	display: flex;
	flex-wrap: wrap;
}

.leader .column {
	margin-bottom: 16px;
	padding-right: 8px;
	padding-left: 8px;
	width: 100%;
}

.leader .js-leader-slider {
	padding-left: 32px;
}

.leader .slick-list {
	padding-right: 40px;
}

.leader .nav-arrows {
	padding-top: 10px;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}

.leader .slick-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 67px;
	height: 56px;
	font-size: 1.7rem;
	color: var(--secondary-color);
	border: 0;
	background-color: var(--light-gray-color);
	cursor: pointer;
}

.leader .slick-next {
	border-radius: 0 35px 35px 0;
}

.leader .slick-prev {
	border-radius: 35px 0 0 35px;
}

@media only screen and (min-width: 768px) {
	.leader {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	.leader h2 {
		margin-bottom: 45px;
	}

	.leader .column {
		width: 50%;
	}

	.leader.d-phone {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.leader .column {
		width: 33.33%;
	}

	.commitment .list .icon {
		justify-content: flex-start;
	}
}

@media only screen and (min-width: 1200px) {
	.leader .column {
		width: 25%;
	}
}

@media only screen and (min-width: 1400px) {
	.leader .holder {
		margin-right: -15px;
		margin-left: -15px;
	}

	.leader .column {
		margin-bottom: 30px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* matter section */
.matter {
	padding-top: 59px;
	padding-bottom: 43px;
	background-color: var(--light-gray-color);
}

.matter h2 {
	margin-bottom: 30px;
	text-align: center;
}

.matter .holder {
	display: flex;
	flex-wrap: wrap;
}

.matter .item {
	width: 100%;
}

.matter ul>li {
	margin-bottom: 32px;
	padding-left: 20px;
	position: relative;
	font-size: 1.05rem;
	line-height: 1.65;
}

.matter ul>li:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 15px;
	background-color: var(--primary-color);
	content: "";
}

.matter ul>li>b,
.matter ul>li>strong {
	color: var(--primary-color);
}

@media only screen and (min-width: 768px) {
	.matter {
		padding-top: 85px;
		padding-bottom: 100px;
	}

	.matter h2 {
		margin-bottom: 50px;
	}

	.matter .holder {
		margin-right: -15px;
		margin-left: -15px;
	}

	.matter .item {
		padding-right: 15px;
		padding-left: 15px;
		width: 50%;
	}
}

@media only screen and (min-width: 992px) {
	.matter .holder {
		margin-right: -24px;
		margin-left: -24px;
	}

	.matter .item {
		padding-right: 24px;
		padding-left: 24px;
	}
}

/* intro section */
.intro {
	margin: 0 auto 42px;
	max-width: 930px;
	text-align: center;
}

.intro p a {
	font-weight: 700;
	color: var(--text-color-base);
	text-decoration: none;
	transition: var(--base-duration);
}

.intro p a:focus,
.intro p a:hover {
	color: var(--secondary-color);
}

@media only screen and (min-width: 1400px) {
	.intro {
		max-width: 1100px;
	}

	.intro p {
		font-size: 1.05rem;
	}
}

/* copy section */
.cyber {}

.cyber .holder {
	margin-right: -8px;
	margin-left: -8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cyber .column {
	margin-bottom: 16px;
	padding-right: 8px;
	padding-left: 8px;
	width: 100%;
}

.cyber .column.w-50 {
	width: 100%;
}

.cyber .column.w-33 {
	width: 100%;
}

.cyber.inner {
	background-color: var(--white-color);
	background-image: url(/static/wp-content/themes/paperstreet/images/background_wavy.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: 100%;
}

@media only screen and (min-width: 768px) {
	.cyber {
		margin: 30px 0;
	}

	.cyber .column {
		width: 50%;
	}

	.cyber .column.w-50 {
		width: 50%;
	}

	.cyber .column.w-33 {
		width: 50%;
	}
}

@media only screen and (min-width: 992px) {
	.cyber .column {
		width: 33.33%;
	}

	.cyber .column.w-33 {
		width: 33.33%;
	}
}

@media only screen and (min-width: 1400px) {
	.cyber .holder {
		margin-right: -15px;
		margin-left: -15px;
	}

	.cyber .column {
		margin-bottom: 30px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* card-cyber */
.card-cyber {
	position: relative;
	display: block;
	text-align: center;
	max-height: 148px;
	overflow: hidden;
}

.card-cyber:after,
.card-cyber:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: linear-gradient(to bottom, rgba(30, 58, 131, 0) 0%, rgba(30, 58, 131, 1) 100%);
	content: "";
}

.card-cyber img {
	width: 100%;
	max-height: 148px;
	object-fit: cover;
	object-position: center center;
	border-radius: 15px;
}

.card-cyber .text {
	padding: 15px 10px 19px;
	position: absolute;
	font-weight: 700;
	bottom: 0;
	left: 0;
	line-height: 1.2;
	width: 100%;
	font-size: 1.05rem;
	color: var(--white-color);
	z-index: 1;
}

@media only screen and (min-width: 768px) {
	.card-cyber img {
		min-height: 148px;
	}
}

@media only screen and (min-width: 1400px) {
	.card-cyber .text {
		font-size: 1.2rem;
	}
}

/* coverage section */
.coverage {
	position: relative;
	overflow: hidden;
	background: linear-gradient(to right, rgba(30, 58, 131, 1) 0%, rgba(0, 3, 62, 1) 100%);
}

.coverage .image {
	margin-right: -40px;
	margin-left: -40px;
	position: relative;
	top: unset;
	left: unset;
	width: calc(100% + 80px);
	height: 100%;
}

.coverage .image:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 0;
	background: linear-gradient(to right, rgba(30, 58, 131, 0) 0%, rgba(30, 58, 131, 1) 100%);
	content: "";
}

.coverage .image img {
	width: 100%;
	height: 100%;
	border-radius: 0;
	object-fit: cover;
	object-position: center center;
}

.coverage .paragraph {
	margin-left: auto;
	padding: 52px 0 22px;
	width: 100%;
	line-height: 1.6;
	text-align: center;
	color: var(--white-color);
}

@media only screen and (min-width: 768px) {
	.coverage .image {
		margin-right: 0;
		margin-left: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
	}

	.coverage .image:after,
	.coverage .image img {
		border-radius: 0 20px 20px 0;
	}

	.coverage .paragraph {
		padding: 60px 0 60px 60px;
		width: 50%;
		text-align: left;
	}
}

@media only screen and (min-width: 992px) {
	.coverage .paragraph {
		padding: 86px 20px 70px 75px;
	}
}

/* collection section */
.collection {
	padding-top: 71px;
	padding-bottom: 60px;
	overflow: hidden;
}

#response-milestones-clone .slick-slide {
	min-width: 300px;
}

.collection .intro h2 {
	margin-bottom: 35px;
}

.collection .slider {
	padding-right: 20px;
	padding-left: 20px;
}

.collection .text {
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
	min-height: 190px;
}

.collection .icon {
	margin-bottom: 7px;
	opacity: 1;
	width: 100%;
}

.collection .icon img {
	margin: 0 auto;
}

.collection .text strong {
	display: block;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1.45;
	color: var(--primary-color);
}

.collection .image {
	margin: 0 auto;
	position: relative;
	max-width: 100%;
	border-radius: 10px;
}

.collection .image img {
	width: 100%;
	border-radius: 10px;
}

.collection .pop-up {
	position: absolute;
	bottom: -40px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	color: var(--white-color);
	border-radius: 50px;
	cursor: pointer;
	background-color: var(--secondary-color);
	transform: translateX(-50%);
}

.collection .pop-up:before {
	font-family: var(--font-family-icon);
	font-size: 60px;
	transition: var(--base-duration);
	content: "\f067";
}

.collection .pop-up.active {
	z-index: 2;
}

.collection .pop-up.active:before {
	content: "\f068";
}

.collection .popup-text {
	padding: 80px 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	line-height: 1.9;
	border-radius: 10px;
	background: linear-gradient(to right, rgba(0, 2, 73, 1) 0%, rgba(193, 43, 35, 1) 100%);
	transition: var(--base-duration);
}

.collection .popup-text.open {
	opacity: 1;
	visibility: visible;
}

.collection .popup-text p {
	margin-bottom: 10px;
	font-size: 0.8rem;
	color: var(--white-color);
}

.collection .popup-text p:last-of-type {
	margin-bottom: 0;
}

.collection .slick-list {
	margin-right: -20px;
	margin-left: -20px;
	padding-bottom: 40px;
}

.collection .image {
	max-width: 320px;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) {
	.collection {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.collection .intro h2 {
		margin-bottom: 20px;
	}

	.collection .text {
		flex-wrap: unset;
		text-align: left;
		min-height: 0;
	}

	.collection .icon {
		margin-bottom: 0;
		width: 84px;
	}

	.collection .icon img {
		margin: 0;
	}

	.collection .text strong {
		padding-left: 28px;
		width: 82%;
	}

	.collection .image {
		margin: 0 auto;
		max-width: 277px;
	}

	.collection .image img {
		width: auto;
	}

	.collection .pop-up {
		bottom: -15px;
		left: -71px;
		transform: translateX(0);
	}

	.collection .popup-text {
		padding: 90px 40px;
		width: 600px;
	}

	.collection .slick-list {
		margin-right: -400px;
		margin-left: -20px;
		padding-bottom: 20px;
	}
}

.js-collection-slider {
	display: none;
}

.js-collection-slider .slick-list {
	overflow: visible !important;
}

@media only screen and (min-width: 992px) {
	.collection .popup-text {
		width: 728px;
	}

	.collection .popup-text p {
		font-size: 0.9rem;
	}
}

/* card-practice section */
.card-practice {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.card-practice .image {
	position: relative;
	width: 36%;
	border-radius: 15px;
}

.card-practice .image img {
	width: 100%;
	min-height: 110px;
	object-fit: cover;
	border-radius: 15px;
}

.card-practice .image a {
	position: relative;
}

.card-practice .image a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
	background: linear-gradient(to bottom, rgba(19, 35, 77, 0) 0%, rgba(19, 35, 77, 1) 100%);
	content: "";
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-ms-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}

.card-practice .image a:hover:after,
.card-practice .image a:focus:after {
	opacity: 0.5;
}

.card-practice .text {
	padding-left: 25px;
	width: 64%;
}

.card-practice h4 {
	margin-bottom: 6px;
}

.card-practice span {
	margin-bottom: 0;
	display: block;
	font-size: 0.8rem;
}

.card-practice h4 a {
	color: var(--primary-color);
}

.card-practice h4 a:focus,
.card-practice h4 a:hover {
	color: #ce2127;
}

.card-practice .mail {
	font-size: 0.8rem;
	font-weight: 400;
	text-decoration: none;
	transition: var(--base-duration);
}

.card-practice .mail:hover {
	color: var(--link-color-base);
}

@media only screen and (min-width: 768px) {
	.card-practice {
		flex-wrap: nowrap;
		align-items: flex-start;
	}

	.card-practice .image {
		max-height: 110px;
	}

	.card-practice .text {
		flex: 1;
	}

	.card-practice h4 {
		font-size: 1.3rem;
	}
}

@media only screen and (min-width: 768px) {
	.benefits-section .list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 35px;
		grid-column-gap: 20px;
	}

	.benefits-section .item p,
	.benefits-section .item {
		margin-bottom: 0;
	}
}

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

	.card-practice .image,
	.card-practice .image img {
		max-width: 105px;
	}

	.benefits-section .list {
		grid-template-columns: repeat(3, 1fr);
	}

	.diversity-section .text {
		margin-top: 80px;
	}

	.diversity-section .list {
		max-width: 660px;
	}

	.diversity-section .list .item:nth-child(1):after,
	.diversity-section .list .item:nth-child(4):after {
		height: 270px;
	}

	.diversity-section .list .item {
		height: 204px;
		padding: 40px;
	}

	.diversity-section .list .item strong {
		font-size: 2.8rem;
		line-height: 1;
	}

	.diversity-section .list .item span {
		font-size: 1.1rem;
		line-height: 1;
		font-weight: 700;
	}

	.testimonials .slide {
		padding: 0 190px;
	}

	.testimonials .slider:after {
		top: 50%;
		left: 0;
		margin-left: 0;
		margin-top: -22px;
	}

	.testimonials .slider:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -22px;
		width: 64px;
		height: 44px;
		background: url("/wp-content/themes/paperstreet/images/quote-icon.svg") center center no-repeat;
		transform: scaleX(-1);
		display: block;
	}

	.differentiates .holder {
		width: calc(100% + 30px);
		margin: 0 -15px;
		padding-bottom: 30px;
		text-align: left;
	}

	.differentiates .number {
		margin: 0;
	}

	.differentiates .holder p {
		width: calc(100% - 84px);
		padding-left: 50px;
	}

	.differentiates .left,
	.differentiates .right {
		padding: 0 15px;
		width: 50%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.commitment .list .item {
		width: 33.333%;
		text-align: left;
		padding-right: 70px;
		position: relative;
	}

	.commitment .list {
		margin: 0 auto;
		max-width: 1100px;
	}

	.commitment .list .number {
		left: auto;
		right: 50px;
		width: auto;
	}
}

@media only screen and (min-width: 1200px) {
	.benefits-section .list {
		grid-template-columns: repeat(4, 1fr);
	}

	.benefits-section .text {
		margin-bottom: 60px;
	}

	.benefits-section {
		padding-top: 100px;
		padding-bottom: 80px;
	}

	.diversity-section h3 {
		margin-bottom: 50px;
	}

	.diversity-section {
		padding-top: 120px;
		padding-bottom: 80px;
	}

	.differentiates,
	.testimonials,
	.open-pos-section {
		padding-top: 100px;
		padding-bottom: 70px;
	}
}

/* TEMPLATES > Contact */

.office-block {
	margin-bottom: 50px;
}

.office-block-image {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 50%;
}

.office-block-info {
	position: relative;
	padding: 30px;
	border-radius: 10px;
	padding-bottom: 60px;
}

.office-block-info p {
	margin: 0;
}

.office-contact {
	margin-top: 30px;
}

.office-contact p {
	font-weight: 700;
}

.office-block-info-inner {
	width: 100%;
}

.office-contact-map {
	position: absolute;
	right: 0;
	bottom: 0;
}

.office-block .sra-badge {
	margin-top: 30px;
}

@media screen and (min-width: 550px) {
	.office-block-info {
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1025px) {
	.office-block {
		display: flex;
	}

	.office-contact-map {
		right: 10px;
		bottom: 10px;
	}

	.office-block-image {
		display: flex;
		width: 250px;
		flex-basis: 250px;
		height: 250px;
	}

	.office-block-info {
		padding: 0;
		flex: 1;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
}

.about-response-image {
	margin: 60px 0 !important;
}

.download-pdf-container {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}

.download-pdf-link {
	font-size: 0.9rem;
}

.page-id-1502 ol li {
	list-style-type: upper-roman;
}

/* video section */
.open-pos-section {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	position: relative;
	background: url("/wp-content/themes/paperstreet/images/video-bg.jpg") center top no-repeat;
	background-size: 100% auto;
}

.open-pos-section-img {
	border-radius: 20px;
}

.open-pos-section .block {
	max-width: 485px;
	margin: 0 auto 40px;
	position: relative;
}

.open-pos-section .block img {
	margin: 0 auto;
}

.open-pos-section .play-btn {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--white-color);
	font-size: 2.3rem;
}

.open-pos-section h3 {
	font-size: 2.3rem;
	font-weight: 600;
	margin-bottom: 30px;
}

.open-pos-section .buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px 0 30px;
}

.open-pos-section .buttons button {
	margin: 0 10px 20px;
}

/* Open Positions page (2786) - PayCor button above the "Lower Content" text */
.open-positions-button {
	margin-bottom: 30px;
}

/* Careers page - PayCor button under the intro section */
.careers-intro-button {
	margin-top: 32px;
}

.open-pos-section .text {
	max-width: 830px;
	margin: 0 auto;
	line-height: 30px;
}