/*!
Theme Name:   ProCleanse

**/

/*--------------------------------------------------------------
>>> MASTER.CSS TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General
	1.1 Typography
2.0 Header
	2.1 Navigation
3.0 Pages
	3.1 Homepage
4.0 Footer
	4.1 Footer Posts
5.0	Gravity Forms
6.0 Blog
7.0 Miscellaneous
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/

html {
	scroll-behavior: smooth;
}

.col-full {
	max-width: 1220px;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0 auto;
}

@media screen and (min-width: 1000px) {
	.col-full {
		padding-left: 2%;
		padding-right: 2%;
	}
}

/** Make YouTube Videos Responsive **/

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0 0 1.5em 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*--------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/

.entry-content_home h2 {
	color: #333;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	color: #ccc;
	font-size: 4rem;
	line-height: 0.0;
	vertical-align: -30px;
}
blockquote, q {
  quotes: "“" "”" "‘" "’";
}
blockquote {
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	background: #f9f9f9;
	margin: 1em 0;
	padding: 1.4em 1em 1.2em 1em;
	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before,
q:before {
	content: open-quote;
	margin-left:-7px;
	margin-right:5px;
}
blockquote:after,
q:after {
	content: close-quote;
}

blockquote p,
blockquote h3,
blockquote h2,
blockquote h1 {
  display: inline;
  padding-left: 0.4em;
}

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

/** FAQ Details Block **/

/** Remove Default Arrow on Safari **/
details summary::-webkit-details-marker {
	display:none;
}

/* Add a custom transition when opening/closing. */
.wp-block-details {
	transition: all 0.5s ease-in-out;
	position: relative;
	border-bottom: 1px solid #ddd;
	margin-bottom: 2em;
}

/* Add horizontal margin to nested blocks/elements. */
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 0;
	margin-right: 0;
}

/* If open, add some bottom padding to avoid content butting against the bottom. */
.wp-block-details[open] {
	padding-bottom: 2rem;
}

/* Base `summary` element styling. */
.wp-block-details summary {
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 0 3rem 2rem 0;
	font-weight: 600;
	font-size: 1.2rem;
}

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
}


.wp-block-details summary::marker {
	content: none;
}

.wp-block-details summary::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M34 16H18V0h-2v16H0v2h16v16h2V18h16v-2z'/%3E%3C/svg%3E");
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 24px;
	float: right;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
}

.wp-block-details[open] summary::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 2'%3E%3Cpath d='M0 0h34v2H0z'/%3E%3C/svg%3E");
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 24px;
	float: right;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
}

/** END FAQ Details Block **/

/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/

#masthead {
	background-color: #fff;
	border-bottom: 4px solid #c62228;
	padding: 15px 4% 15px 4%;
	display: table;
	width: 100%;
}
.site-branding {
	float: left;
	width: 55%;
}
a.head-tel {
	float: left;
	color: #333;
}
a.head-tel:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 3px;
	width: 17px;
	height: 19px;
	background: url('../images/phone-icon.svg') no-repeat;
	background-position: center center;
}

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

	.site-branding {
		max-width: 260px;
		float: left;
	}
	a.head-tel {
		float: right;
	}
	a.head-tel span {
		margin-left: 5px;
	}
}

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

	a.head-tel span {
		display: none;
	}
	a.head-tel {
		margin: 0 0 0 10%;
	}
	a.head-tel:before {
		position: relative;
		top: -2px;
		width: 25px;
		height: 25px;
		background: url('../images/phone-icon.svg') no-repeat;
		background-position: center center;
		background-size: 25px 25px;
	}
}

/*--------------------------------------------------------------
2.1 Navigation
--------------------------------------------------------------*/

.menu-header-links-container {
	background-color: #222;
	overflow: hidden;
	padding: 0 2%;
}
.menu-header-links-container ul.menu li a {
    color: #bbb;
		text-decoration: none;
		font-size: 0.8rem;
		padding-right: 12px
}
.menu-header-links-container ul.menu {
    list-style: none;
		float: right;
		margin: 0
}
.menu-header-links-container ul.menu li {
    float: left;
}
.primary-navigation {
	float: right;
}
@media screen and (min-width: 1048px) {

	.menu-header-links-container {
		padding: 0 4%;
	}
	.menu-header-links-container ul.menu li a {
	    font-size: 0.9rem;
			padding-right: 23px
	}
}

#menu-procleanse-main-menu {
	display: inline-block;
	float: left;
}

@media screen and (max-width: 767px) {
	.main-navigation ul svg,
	.main-navigation.toggled ul svg {
		display: none;
	}
}

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

	.procleanse-primary-navigation {
		float: right;
		padding-top: 3px;
	}
	.home-link span {
		display: none;
	}
}


/*--------------------------------------------------------------
3.0 Pages
--------------------------------------------------------------*/

/** Get a Quote CTA Replace 250129 **/

a.get_quote_h_button {
    background-color: #c62228;
    color: #fff;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    padding: 10px 30px;
    border-radius: 30px;
    margin: 0 auto;
    display: table;
    position: relative;
    top: -20px;
	text-decoration:none;
}
.page-id-1917 #field_1_8 h2 {
	display:none;
}

.wp-block-button__link:visited {
	color: #fff;
}
.wp-block-button__link {
	color: #fff;
	background-color: #c62228;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	font-size: 1.25em;
	font-weight: 400;
}
.wp-block-button__link:hover {
	color: #fff;
	background-color: #a71c21;
}

/** Home Page **/

.page-template-page-home .get-quote-form .collapseomatic {
	font-size: 1.8rem;
	padding: 10px 80px 10px 50px;
	border-radius: 30px;
	top: -25px;
}
.page-template-page-home .get-quote-form .collapseomatic {
    background-position: center right 40px;
}
.page-template-page-home .get-quote-form .colomat-close {
    background-position: center right 40px;
}

/** Home Slider **/

#page .white .sa_owl_theme .owl-nav .owl-next,
#page .white .sa_owl_theme .owl-nav .owl-prev {
	background-color: rgba(255, 255, 255, 0.0)!important;
}

/** Trusted by **/

.home-bottom h2.widget-title {
	font-weight: 300;
	font-size: 2rem;
	margin-top: 40px;
}
.flex-logos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 20%;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding: 0 4% 50px 4%;
}
.flex-logos img {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    opacity: 0.5;
    width: auto;
    height: auto;
    max-height: 50px;
    margin: 20px;
}

/** Entry Content **/

.entry-header,
.entry-content,
.post-next_right,
.entry-content_home,
.post-content {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 5%;
}

/** Page Formatting **/

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

	.entry-content {
		padding-bottom: 0;
		margin-bottom: 75px;
	}
	.side-rule {
		padding-left: 5%;
	    border-left: 4px solid #f1f1f1;
	}
}
@media screen and (min-width: 1024px) {

	.entry-header,
	.post-next_right {
		padding: 0 0;
	}
}

/** Feature Image **/

.page_feature_image img {
	display: block;
	width: 100%;
	margin-top: -43px;
}

/*--------------------------------------------------------------
3.1 Homepage
--------------------------------------------------------------*/

.home-entry-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: center;
	height: 200px;
	background: url('/wp-content/uploads/2021/07/procleanse-office-cleaning-staff-black-t-shirts.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home-entry-header h1 {
	color: #fff;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
}

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

	.home-entry-header {
		height: 330px;
		background-size: auto auto;
	}
	.home-entry-header h1 {
		font-size: 40px;
		max-width: 550px;
	}
}

.get-quote-form input[type="submit"] {
	font-size: 1.4rem;
	text-transform: uppercase;
	padding: 0.4em 2em 0.4em;
}

/** Content **/

.page-template-page-home h2 {
	font-size: 1.2rem;
	text-align: center;
	font-weight: 500;
}

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

	.page-template-page-home h2 {
		font-size: 1.65rem;
	}
	.introduction {
		columns: 2;
		column-gap: 40px;
		margin: 20px 5%;
		vertical-align: top;
	}
}

/** Services **/

.services-grid {
	max-width: 1024px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	padding: 0 1%;
}
.services-grid .item {
    display: flex;
    order: 0;
    flex: 3;
    width: 50%;
    flex-basis: 46%;
    margin: 10px 2%;
    align-self: stretch;
    text-align: center;
}
.services-grid .item a {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.09);
	border-radius: 30px;
    display: block;
    padding: 20px;
    text-decoration: none;
}
.services-grid .item a:hover button {
	background-color: #000;
	color: rgba(255,255,255,1.0);
}
.services-grid .item h3 {
	font-size: 1.1rem;
	line-height: 1.2;
	margin: 10px 0;
}
.services-grid .item p {
	line-height: 1.4;
}

.services-grid .item a:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.0);
	background-color: #f9f9f9;
	border-radius: 30px;
	display: block;
    padding: 20px;
}
.services-grid .item a img {
	transition: transform 300ms;
}
.services-grid .item a:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.services-grid .item a,
.services-grid .item a button {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.services-grid .item a button {
	padding-bottom: 8px;
	margin-bottom: 20px;
}
.services-grid .item a svg {
	position: relative;
	top: 2px;
	margin-left: 3px;
	fill: rgba(255,255,255,0.8);
	transition-duration: 300ms;
	transition-timing-function: linear
}
.services-grid .item a:hover svg {
	fill: rgba(255,255,255,1.0);
}

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

	.services-grid {
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 0 40px 0;
	}
	.services-grid .item {
	    display: flex;
	    order: 0;
	    flex: 1;
	    flex-basis: 27.333%;
	    margin: 25px 3%;
	    align-self: stretch;
	    text-align: center;
	}
	.services-grid .item h3 {
		font-size: 1.4rem;
		line-height: 1.3;
		margin: 20px 0;
	}
}

/*--------------------------------------------------------------
3.2 Landing Page
--------------------------------------------------------------*/

.landing_page .page_feature_image {
	position: relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-content:center;
	align-content:center;
	overflow: hidden;
}
.landing_page .entry-header {
	position: absolute;
	text-align: center;
	width: 100%;
	background-color: #222222ac;
}
.landing_page .page_feature_image img {
	margin-top: 0;
	max-height: 120%;
	min-width: 100%;
	object-fit: fill;
}
.landing_page .entry-header h1 {
	color: #fff;
	font-weight: normal;
}
@media screen and (min-width: 1048px) {
	.landing_page .entry-header {
		height: auto;
	}
	.landing_page .page_feature_image {
		padding: 0 0 0;
	}
}

/** Hover Boxes **/
.hover_wrp {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 30px;
	text-align: center;
	padding: 30px 0 40px 0;
}
.hover_wrp .hover_col {
	position: relative;
	width: 100%;
	height: 150px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;
	order: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	overflow: hidden;
}
.hover_wrp .under {
	background-color: #f5f5f5;
	padding: 20px;
	position: absolute;
	width: 100%;
	height: 100%;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;
	order: 0;
	display: flex;
}
.hover_wrp .over {
	background-color: #c62228;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 20px;
	position: absolute;
	width: 100%;
	height: 100%;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: stretch;
	order: 0;
	display: flex;
	cursor: pointer;
}
.hover_wrp .under span,
.hover_wrp .over span {
	align-self: center;
	flex-basis: 100%;
}
.hover_wrp .over:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	opacity: 0;
}
@media screen and (min-width: 1048px) {
	.hover_wrp {
		flex-direction: row;
	}
	.hover_wrp .hover_col {
		width: 320px;
		height: 300px;
	}
}

.call_us {
	text-align: center;
	font-size: 3.0rem;
	line-height: 1.2;
}
.landing_page .gform_body h2 {
	text-align: center;
	font-size: 2.0rem;
}
.landing_page .gform_body p {
	text-align: center;
}

ul.plus_points {
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: space-between; 
	align-items: flex-start; 
	flex-wrap: nowrap; 
	height: 100%;
	padding: 15px;
	gap: 5px;
}
ul.plus_points li {
	margin: 0 0 10px 25px;
	padding: 0 0 0 0;
	float: left;
	flex-basis: 100%;
	font-size: 1.2rem;
}
ul.plus_points li:before {
	content: '\2714\002';
	font-size: 1.4rem;
	color: #c62228;
	display: inline-block;
	margin-left: -27px;
	position: absolute;
  }
@media screen and (min-width: 1048px) {
	ul.plus_points {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap; 
	}
	ul.plus_points li {
		flex-basis: 40%;
		padding: 0 20px 0 0;
	}
		
}

/** Branding Logo Sliders **/

h2.slider_header {
    padding-bottom: 0
    text-align: center;
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.2;
}

.trusted_by div.slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: normal;
  }
  .trusted_by .wp-block-cb-slide figure {
	  text-align: center;
	  margin: 1em 2%;
	  opacity: 0.5;
  }
  

/** Homepage Testimonials **/

.testimonial_slides {
	background-color:#c62228;
}
.testimonial_slides .wording {
	padding-top: 0;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 0;
}
.testimonial_slides :where(.wp-block-columns.is-layout-flex) {
	gap: 0;
}
.testimonial_slides figure {
	margin: 0;
}
.wp-block-cb-carousel .slick-slide {
	padding-left: 0;
	padding-right: 0;
}
.testimonial_slides :where(.wp-block-columns) {
	margin-bottom: 0;
}
.testimonial_slides p,
.testimonial_slides h3 {
	color: #fff;
}
.testimonial_slides .slick-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: stretch;
	align-content: normal;
}

.testimonial_slides .slick-track .wp-block-cb-slide {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: center;
	order: 0;
}

@media screen and (min-width: 1048px) {
	.testimonial_slides .wording {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

/*--------------------------------------------------------------
4.0 Footer
--------------------------------------------------------------*/

#colophon {
	text-align: center;
}
.footer-top {
	padding: 50px 4%;
	background-color: #f5f5f5;
}

/** Footer 1 **/

.footer-1 img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media screen and (min-width: 1048px) {
	.footer-1 img {
		max-width: 385px;
	}
}

/** Footer Menu **/

ul#quick-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#quick-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    padding: 50px 0;
    }
ul#quick-links li {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    }
ul#quick-links li::after {
	content: "|";
}
ul#quick-links li:last-child:after {
	content: "";
}
ul#quick-links li a {
	padding: 5px;
	text-decoration: none;
	font-size: 1.2rem;
}

/** Footer 2 **/

.footer-2 {
	padding: 0 2%;
}
.footer-2 p {
	margin-bottom: 0;
}
.footer-2 a {
	text-decoration: none;
}
.footer-2 h3 {
	font-weight: 300;
	margin: 0 0 30px 0;
}
.divider {
	border-bottom: 4px solid #ddd;
	display: block;
	margin: 0 auto 50px auto;
	max-width: 420px;
}
ul.socials {
	padding: 10px 0 0;
	margin: 0 auto;
	list-style: none;
	display: table;
}
ul.socials li {
	float: left;
	margin: 0 12px 20px 12px;
}
ul.socials li a svg {
	fill: #333;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
ul.socials li a:hover svg {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	fill: #000;
}

/** Accreditations **/

h4.established {
	font-size: 1.2rem;
	font-weight: 300;
	display: inline-block;
	background-color: #fff;
	border-radius: 30px;
	padding: 3px 40px;
	margin: 0 0 20px 0;
	position: relative;
	top: -20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.flex-accreds {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 20%;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding: 0 4%;
	margin-bottom: 50px;
}
.flex-accreds img {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    width: auto;
    height: auto;
    max-height: 50px;
    margin: 20px;
}
@media screen and (min-width: 1048px) {

	.flex-accreds {
	    flex-wrap: nowrap;
	}
}


.site-info {
	padding: 20px 2%;
	background-color: #333;
}
.site-info,
.site-info a,
.site-info p {
	color: #fff;
	font-size: 0.85rem;
	text-decoration: none;
}

/*--------------------------------------------------------------
4.1	Footer Posts
--------------------------------------------------------------*/

.footer-posts-outer {
	overflow: hidden;
	background: #fff;
	padding: 0 0 30px 0;
}

.footer-posts-inner {
	max-width: 1024px;
	margin: 0 auto;
	padding: 1.5em 5%;
}

h2.footer-posts-title {
	padding-bottom: 0.5em;
	text-align: center;
	font-weight: normal;
	border-bottom: 4px solid #f1f1f1;
	font-size: 2rem;
	line-height: 1.2;
}
ul.footer-posts {
	list-style: none;
	padding: 0;
	margin: 0 0;
}
ul.footer-posts li {
	width: 100%;
}
ul.footer-posts h3 {
	font-size: 1.2em;
	line-height: 1.2;
	margin: 5px 0 20px 0;
	font-weight: normal;
}
ul.footer-posts a {
	text-decoration: none;
}
ul.footer-posts a:hover {
	text-decoration: underline;
}

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

	ul.footer-posts li {
		width: 25%;
		float: left;
		padding: 0.5em 1%;
	}
	.footer-posts-inner {
		padding: 1.5em 0;
	}
	ul.footer-posts {
		margin: 0 4%;
	}

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

	ul.footer-posts {
		margin: 0 -1%;
	}

}


/*--------------------------------------------------------------
5.0	Gravity Forms
--------------------------------------------------------------*/

.jobs_application input {
	font-size: 1.2rem;
}

/*--------------------------------------------------------------
6.0 Blog
--------------------------------------------------------------*/

ul.blog-grid {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: flex-start;

}
ul.blog-grid li {
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	order: 0;
	flex: 0 1 auto;
	flex-basis: 50%;
	align-self: auto;
	list-style: none;
}

.blog-grid li.blog-grid-post  {
	border-right: 1px solid #fff;
}
.blog-grid > li.blog-grid-post a > span.wrap {
	padding: 10px 4% 20px 4%;
	display: inline-block;
}
.article-item__image {
    height: 0;
    padding-bottom: 61.666%;
    position: relative;
    overflow: hidden;
}
.article-item__thumbnail {
    background-size: cover;
    background-position: center;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    width: 100%;
}
.blog-grid a {
	display: block;
	color: #000;
}
.blog-grid a:hover .article-item__thumbnail {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.blog-grid span.date {
	color: #ddd;
	margin: 10px 0;
	display: inline-block;
}
.blog-grid h3 {
	color: #000;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.3;
	margin: 0 0 10px;
}
.blog-grid p {
	color: #000;
	margin: 0;
}
.blog-grid a .read-more {
	text-decoration: underline;
	padding-top: 10px;
	transition: all 0.4s ease;
}
.blog-grid a:hover .read-more {
	text-decoration: none;
	color: #c62228;
}

@media screen and (min-width: 1024px) {
	ul.blog-grid li {
		flex-basis: 33.333%;
	}
}

/** Single Post Styles **/

.post_feature img {
	display: block;
	width: 100%;
	height: auto;
}

.entry-meta {
	margin-bottom: 30px;
}
.entry-meta,
.entry-meta a {
	font-size: .8rem;
	text-decoration: none;
}

.post-navigation a {
	text-decoration: none;
}
.post-navigation svg {
	position: relative;
	top: 2px;
}

/*--------------------------------------------------------------
7.0 Miscellaneous
--------------------------------------------------------------*/

/** Fix Stupid Safari making header bigger on mobile **/
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) {
			.handheld-navigation>ul {
				padding-top: 17px;
				display: none;
			}
			.toggled .handheld-navigation>ul {
				display: block;
			}
		}
	}
/** END Fix Stupid Safari making header bigger on mobile **/

.faq_block .collapseomatic_content {
   margin-bottom:20px;
}
.procleanse_faq {
   display:block;
   font-weight:bold;
}

/***********************/

/* CPC
Editor Styles
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Common
1.0 PDF
2.0 Document
3.0 Page Link
--------------------------------------------------------------*/

/*--------------------------------------------------------------

/* 0.0 Common ---------------- */

p.pdf-download a,
p.doc-download a,
p.page-link a,
a.pdf-download,
a.doc-download,
a.page-link {
   padding: 0.5em;
   width: 100%;
   display: block;
   font-size: 110%;
   background-color: #eee;
   border-bottom: 1px solid #ccc;
   color: #333;
}
p.pdf-download a:after,
p.doc-download a:after,
p.page-link a:after,
a.pdf-download:after,
a.doc-download:after,
a.page-link:after {
   text-decoration: none;
   display: inline-block;
   content: "\f0da";
   font-family: "Font Awesome 5 Free";
   position: relative;
   margin-left: 0.75em;
}
p.pdf-download a:hover,
p.doc-download a:hover,
p.page-link a:hover,
a.pdf-download:hover,
a.doc-download:hover,
a.page-link:hover {
   color: #333;
}
p.pdf-download a:hover:after,
p.doc-download a:hover:after,
p.page-link a:hover:after,
a.pdf-download:hover:after,
a.doc-download:hover:after,
a.page-link:hover:after {
   margin-left: 1.0em;
}

/* 1.0 PDF ---------------- */

p.pdf-download a:before,
a.pdf-download:before {
   content: "\f1c1";
   font-family: "Font Awesome 5 Free";
   position: relative;
   color: #dd0000;
   margin-right: 0.75em;
   font-weight: normal;
   text-decoration: none;
   display: inline-block;
}

/* 2.0 Document ---------------- */

p.doc-download a::after,
a.doc-download:before {
   content: "\f1c2";
   font-family: "Font Awesome 5 Free";
   position: relative;
   color: #333;
   margin-right: 0.75em;
   font-weight: normal;
   text-decoration: none;
   display: inline-block;
}

/* 3.0 Page Link ---------------- */

p.page-link a:before,
a.page-link:before {
   content: "\f0c1";
   font-family: "Font Awesome 5 Free";
   position: relative;
   color: #333;
   margin-right: 0.75em;
   font-weight: normal;
   text-decoration: none;
   display: inline-block;
}

/***********************/