/*!
Theme Name: HoltsKDE

**/

/*--------------------------------------------------------------
>>> MASTER.CSS TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General
	1.1 Typography
	1.2 Layouts
2.0 Header
	2.1 Navigation
3.0 Pages
	3.1 Homepage
	3.2	Contact us
  	3.3 Video
  	3.4 Working Process
	3.5 Laundry Made Easy
	3.6 International Womens Day
4.0 Footer
5.0	Gravity Forms
6.0 Blog
--------------------------------------------------------------*/

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

/*** Page Element Fade In on Browsing ***/

.js-slidein {
  opacity: 0;
  transform: translateY(100px);
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

.js-slidein-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/*** END Page Element Fade In on Browsing ***/

.custom-logo-link img {
	width:220px!important;
}
.no-results {
	min-height: 400px;
}
.col-full,
.col-footer {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
}
.col-full {
	max-width: 1760px;
}
.col-footer {
	max-width: 1220px;
}

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

.owl-carousel {
	z-index: 0!important;
}

.nav-links a svg {
  fill:#333;
  top: 2px;
  position: relative;
}
.nav-links a {
  text-decoration: none;
  color:#333;
}
.nav-links a:hover {
  color:red;
}
.nav-links a:hover svg {
  fill:red;
}

/** Make YouTube Videos Responsive **/

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


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

/** Collapse-o-matic **/

.collapseomatic_excerpt,
.collapseomatic_content {
	margin-left: 0;
}

.collapseomatic {
    background-image: url('../images/down-arrow.svg') !important;
    background-position-y: 5px;
}
.colomat-close {
    background-image: url('../images/up-arrow.svg') !important;
    background-position-y: 5px;
}
.collapseomatic_content p:first-of-type {
	margin-top: 20px;
}

/** Blockquote **/

blockquote:before {
	color: #ccc;
	content: '“';
	font-size: 4rem;
	line-height: 0.1em;
	margin-right: 10px;
	vertical-align: -30px;
}
blockquote:after {
	color: #ccc;
	content: '”';
	font-size: 4rem;
	line-height: 0.1em;
	margin-right: 10px;
	vertical-align: -30px;
}

blockquote p {
	display: inline;
}
figure.quote {
	margin: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 50px;
}
figure.quote figcaption,
figure.quote blockquote {
	margin: 1em;
}

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

	figure.quote img {
		float: right;
		margin-left: 20px;
	}
}

h1.boxout-title {
	padding-left: 0;
}
h1.entry-title,
h2.boxout-title,
.entry-content,
.post-content {
	padding-left: 5%;
}
h1.entry-title,
h1.boxout-title,
h2.boxout-title {
	display: table;
	padding-top: 20px;
	padding-bottom: 20px;
}
h1.entry-title::after,
h1.boxout-title::after,
h2.boxout-title::after {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #f74040;
	display: table;
	position: relative;
	left: 0;
	bottom: -10px;
}
.hkde_single {
  padding-top: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.7rem;
	line-height: 1.2;
	margin: 0 0 5px 0;
}
h2 {
	font-weight: 300;
	margin: 0 0 15px 0;
	line-height: 1.5;
}
h3 {
	font-weight: 300;
	margin: 0 0 15px 0;
	font-size: 1.4rem;
}
h4 {
	font-weight: 300;
	font-size: 1.2rem;
	margin: 0 0 10px 0;
}

p {
	margin: 0 0 20px 0;
}

p.intro {
	font-size: 1.2rem;
}
@media screen and (min-width: 768px) {

	h1.entry-title,
	h1.boxout-title,
	h2.boxout-title {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.hkde_single {
    	padding-top: 20px;
	}
  	h1,h2 {
		font-size: 1.8rem;
	}
	.single-post h1.entry-title {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 2.8rem;
	}
}

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

	.post-content {
		margin: 0 auto;
		max-width: 1220px;
		border-left: 1px solid #ddd;
	}
	.single-post h1.entry-title {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 2.8rem;
		padding-left: 0;
		padding-bottom: 100px;
	}

}

/*--------------------------------------------------------------
1.2 Layouts
--------------------------------------------------------------*/

.col_2 {

}
.col_2 div {
	
}

.col_3 {

}
.col_3 div {
	
}

.col_4 {

}
.col_4 div {
	
}

.info_panel {
	background-color: #f4f4f4;
	padding: 20px 4%;
}

/** 2 Colums on Mobile **/

.cols_2.is-not-stacked-on-mobile {
	justify-content: center;
	flex-wrap: wrap!important;
}
:where(.cols_2.is-layout-flex) {
	gap: 4%;
}
.cols_2.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: 46%;
	flex-grow: 0;
}

@media screen and (min-width: 960px) { 
	.cols_2.is-not-stacked-on-mobile {
		flex-wrap: nowrap!important;
	}
	:where(.cols_2.is-layout-flex) {
		gap: 2em;
	}
	.cols_2.is-not-stacked-on-mobile>.wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}
}

/** 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: 34px;
	height: 34px;
	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: 34px;
	height: 34px;
	float: right;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
}

/** END FAQ Details Block **/


/** Panel Inset **/

.with_inset {
	gap: 0;
}
.text_col {
	position: relative;
	z-index: 2;
}
p.panel_inset {
	margin-right: 0;
	margin-bottom: 0;
	background-color: #e3dac6;
	padding: 2em 10%;
}

@media screen and (min-width: 960px) { 
	p.panel_inset {
		font-size: 1.8rem;
	}
}

/** Inset **/
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	padding: 5px 0 15px 0;
	font-size: 0.8rem;
	font-weight: 600;
	border-bottom:1px solid #ddd;
}

.pros_cons ul {
list-style:none;
padding:0;
margin:0;
overflow:hidden;
}
.pros_cons ul li {
padding:0 0 0 10px;
margin:0;
}

.pros_cons .pros ul li::before, .pros_cons .cons ul li::before {
  background-size: cover;
  content: "";
	display:inline-block;
	height:16px;
	width:16px;
	margin-right:10px;
	top:2px;
	position:relative;
}
.pros_cons .pros ul li::before {
  background: url(https://holtskde.uk/wp-content/themes/holtskde/assets/images/icon_plus.svg) no-repeat;
}
.pros_cons .cons ul li::before {
  background: url(https://holtskde.uk/wp-content/themes/holtskde/assets/images/icon_minus.svg) no-repeat;
}

.wp-element-caption {font-size:0.85rem;padding-bottom:10px;border-bottom:1px solid #ddd;}

@media screen and (max-width: 768px) {
	.footer3wrp {
	clear:both;
	}
}
.accreds_footer :where(.wp-block-columns.is-layout-flex) {
	gap:10%;
}

.wp-block-separator {
	border: none
}
.wp-block-separator hr {
	background-color: #f4f4f4;
}

/** Misc **/

figure.no_margin {
    margin: 0 0 0 0;
}

/** 2 Colums on Mobile **/

.cols_2.is-not-stacked-on-mobile {
	justify-content: center;
	flex-wrap: wrap!important;
}
:where(.cols_2.is-layout-flex) {
	gap: 4%;
}
.cols_2.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: 46%;
	flex-grow: 0;
}

@media screen and (min-width: 960px) { 
	.cols_2.is-not-stacked-on-mobile {
		flex-wrap: nowrap!important;
	}
	:where(.cols_2.is-layout-flex) {
		gap: 2em;
	}
	.cols_2.is-not-stacked-on-mobile>.wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}
}

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

.flex_row_1 {
  align-items: center!important;
}


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

#masthead {
	background-color: #1b0632;
	padding: 0 4%;
	display: table;
	width: 100%;
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 769px) {
	.slider-wrap {
		margin-top: 0px;
	}
}
.site-branding {
	float: left;
	width: 35%;
}
.site-branding img,
.custom-logo-link {
	display: block;
}

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

	.site-branding {
		max-width: 220px;
		margin-top: 5px;
		float: left;
	}
}

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

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.site-branding {
		width: 25%;
	}
}

.slider-caption {
	border-left: 3px solid #159a61;
}

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

.primary-navigation {
	float: right;
}
#menu-holtskde-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) {

	.holtskde-primary-navigation {
		float: right;
	}
	.home-link span {
		display: none;
	}
}

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

.entry-content {
	padding-bottom: 0;
	margin-bottom: 35px;
}

@media screen and (min-width: 768px) {
	.entry-content {
		margin-bottom: 75px;
	}
}

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

/** Slider **/

div#n2-ss-2 .slider_captions {
	margin-left: 5%!important;
}
div#n2-ss-2 .n2-style-fbc685cd12bc375338de4c4ba78a15a9-dot.n2-active,
div#n2-ss-2 .n2-style-fbc685cd12bc375338de4c4ba78a15a9-dot:HOVER,
div#n2-ss-2 .n2-style-fbc685cd12bc375338de4c4ba78a15a9-dot:FOCUS {
	background: RGBA(0,0,0,0.0)!important;
	border: 3px solid #fff!important;
}
div#n2-ss-2 .n2-style-8ee95bf2827f6574c473656b35d10d89-heading {
  font-size: 0.9rem!important;
}
@media screen and (max-width: 768px) {
	.slider_captions div {
		font-size: 20px!important;
	}
}
@media screen and (min-width: 768px) {
  div#n2-ss-2 .n2-style-8ee95bf2827f6574c473656b35d10d89-heading {
    font-size: 2.0rem!important;
  }
}

/** Welcome **/

.welcome_boxout {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
	padding-left: 5%;
	padding-top: 25px;
	padding-bottom: 25px;
}
.welcome_boxout div:nth-child(1) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
	flex-basis: 50%;
}
.welcome_boxout div:nth-child(2) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
	flex-basis: 100%;
	padding: 20px 0 0;
	margin-left: -5%;
}

@media screen and (min-width: 768px) {
	.welcome_boxout {
	  flex-direction: row;
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.welcome_boxout div:nth-child(2) {
		flex-basis: 40%;
		padding: 0;
		margin-left: 0;
	}
}

/** Six Easy Steps **/

.six_easy_steps {
	background: url('/wp-content/uploads/2022/08/six-easy-steps-kitchen-3.jpg') no-repeat center center;
	background-size: cover;
}
.tinted_bg {
	background-color: rgba(27,6,50,0.5);
	display: inline-block;
	max-width: 49%;
	padding: 30px 5%;
}
.six_easy_steps h3 {
	font-size: 1.2rem;
	margin-bottom: 40px;
	color: #fff;
}
.six_easy_steps a.button {
	border-color: #fff #fff #fff;
	color: rgba(255, 255, 255, 1.0);
	text-decoration: none;
	background: url('/wp-content/themes/holtskde/assets/images/right-arrow-white.svg') no-repeat center right 10px;
	background-size: 12px 20px;
}
.six_easy_steps a.button:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
	.tinted_bg {
		max-width: 32.666%;
		padding: 60px 5%;
	}
	.six_easy_steps h3 {
		font-size: 1.8rem;
	}
}


.welcome_video,
.get_in_touch {
	padding-left: 10px;
	padding-right: 10px;
	max-width: 960px;
	margin: 0 auto;
}
.welcome_video {
	max-width: 960px;
	padding-bottom: 20px;
}
.get_in_touch {
	max-width: 800px;
	padding-bottom: 50px;
}

@media screen and (min-width: 768px) {
	.welcome_video,
	.get_in_touch {
		padding-left: 20px;
		padding-right: 20px;
	}
	.welcome_video {
		padding-bottom: 100px;
	}
}

.page_extra_bottom_class {
	display: block;
}

.latest_posts {
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (min-width: 768px) {
	.latest_posts {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*--------------------------------------------------------------
3.2 Contact Page
--------------------------------------------------------------*/



/*--------------------------------------------------------------
3.3 Video Page
--------------------------------------------------------------*/

.page-template-page-video .wp-video {
    width: 100% !important;
}

/*--------------------------------------------------------------
3.4 Working Process
--------------------------------------------------------------*/

ul.working_process {
  list-style: none;
  padding: 0;
  margin: 50px 0 0;
}
ul.working_process li {
  margin: 0 0 30px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  gap: 5%;
}
ul.working_process li div:nth-child(1),
ul.working_process li div:nth-child(2) {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
ul.working_process li div:nth-child(1) {
  width: 95%;
  background-color: rgba(27,6,50,0.3);
  color: #fff;
  text-align: center;
  padding: 15px 0 0 0;
  margin: 0 5% 20px 0;
}
ul.working_process li div:nth-child(2) {
  margin: 0 0 20px 0;
}
ul.working_process h2 {
  font-size: 2.3rem;
}
ul.working_process p {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  ul.working_process li {
    margin: 0 0 50px 0;
    flex-direction: row;
  }
  ul.working_process li div:nth-child(1) {
    padding: 60px 0;
    flex-basis: 15%;
    margin: 0 0 30px 0;
  }
  ul.working_process li div:nth-child(2) {
    flex-basis: 80%;
    margin: 0 0 30px 0;
  }

}

/*--------------------------------------------------------------
3.5 Laundry Made Easy
--------------------------------------------------------------*/

.step-by-step {
	background-color:#f4f4f4;
	padding:20px;
	margin-bottom:40px;
}
.step-by-step li::marker{
	font-size:1.4rem;
	font-weight:400;
}
.step-by-step .schema-how-to-step-name {
	font-size:1.4rem;
}
.info_panel {
	background-color: #f4f4f4;
	padding: 30px 4% 40px 4%;
	margin-bottom:40px;
}
.info_panel ol,
.info_panel ul{
	margin-bottom:5px;
}
blockquote {
	margin-bottom: 30px;
}
blockquote p {
	font-size:1.1rem;
}

/*--------------------------------------------------------------
3.6 International Womens Day
--------------------------------------------------------------*/

/** International Womens Day **/
.inter_nat_womens_day {
	background: url('/wp-content/uploads/2024/01/womens-day-widget-bg2.jpg') no-repeat top center; 
  background-size: 100% auto;
	padding:10px 4%
}
.inter_nat_womens_day p {
	margin-bottom:0;
	line-height:1.2;
	font-size:1.1rem;
	font-weight:500
}
.wp-block-button__link {
	border: 1px solid;
    border-color: #333;
    color: rgba(51,51,51,1);
    line-height: 1!important;
    font-size: 1rem;
    border-radius: 20px;
    cursor: pointer;
    padding: 0.5em 2em 0.5em 1em;
    background: #fff url(/wp-content/themes/holtskde/assets/images/right-arrow.svg) no-repeat center right 10px;
    background-size: 12px 20px;
}
.wp-block-button a:visited {
	color: rgba(51,51,51,1);
}
.flashbar :where(.wp-block-columns) {
	margin-bottom:0;
}
/** END International Womens Day **/


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

.site-footer {
	background-color: #f4f4f4;
	padding-top: 40px;
}
.site-footer a {
	text-decoration: none;
}
.footer_main {
	overflow: hidden;
	margin-bottom: 30px;
}
.footer_main h2 {
	font-size: 18px;
	line-height: 1.2;
}
.footer_main a,
.footer_main ul.menu li a {
	color: #333
}
.footer_main ul {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
.footer_main li {
	margin-bottom: 5px;
}
.menu-footer-container li {
	float: left;
	margin-right: 4%;
	padding-left: 4%;
	border-left: 1px solid #222;
}
@media screen and (min-width: 768px) {
	.menu-footer-container li {
		float: none;
		margin-right: 0;
		padding-left: 0;
		border-left: none;
	}
}

.footer1wrp,
.footer2wrp,
.footer3wrp,
.footer4wrp {
	width: 46%;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}
.footer_main h2 {
	font-weight: 400;
}
.footer3wrp {
	padding-top: 41px;
}

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

	.footer1wrp,
	.footer2wrp,
	.footer3wrp {
		width: 20%;
		float: left;
		margin-top: 80px;
		margin-right: 1%;
	}
	.footer4wrp {
		width: 25%;
		float: right;
	}
	.footer-nav li {
		padding-right: 5%;
	}
	.footer3wrp {
		padding-top: 0;
	}
}

.footer_logo {
	max-width: 200px;
	margin-bottom: 10px;
}
.footer4 p {
	margin-bottom: 10px;
}
.footer_tels {
	display: block;
	font-size: 18px;
	font-weight: 400;
}
.footer_tels svg {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

/** Footer Social **/

.footer-social {
	margin-top: 20px;
	border-top: 1px solid #ddd;
	padding: 40px 0;
}
ul.stay_connected {
	margin: 0;
	padding: 0;
}
ul.stay_connected img {
	max-height: 30px;
	width: auto;
}
ul.stay_connected svg {
	max-height: 30px;
	width: auto;

}
ul.stay_connected {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: center;
  gap: 20px;
	list-style: none;
}
ul.stay_connected > li {
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
}
ul.stay_connected > li:nth-child(1) {
	width: auto;
}
ul.stay_connected > li:nth-child(2) {
	width: 28px;
}
ul.stay_connected > li:nth-child(3) {
	width: 28px;
}
ul.stay_connected > li:nth-child(4) {
	width: 28px;
}
ul.stay_connected > li:nth-child(5) {
	width: 28px;
}
ul.stay_connected > li:nth-child(6) {
	width: 65px;
}
ul.stay_connected a {
	display: block;
	height: 30px;
	width: auto;
}
a.google {
	display: table;
	margin: 20px auto 0 auto;
}
a.google img {
	display: block;
}

/** Site Info **/

.site-info {
	background-color: #1b0632;
	padding: 20px 5%;
}
.site-info p {
	margin: 0 0 10px 0;
}
.site-info {
	font-size: 0.8rem;
	text-align: center;
}
.site-info a,
.site-info a:visited,
.site-info a:hover,
.site-info p,
.site-info {
	color: #bbb;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	.established {
		margin: 80px auto 0 auto;
	}

}

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

#page .gform_wrapper.gravity-theme .gfield_label {
	font-weight: 400;
}
.gform_title {
	text-align: center;
	font-size: 30px;
	margin: 0 auto;
}
.gform_title::after{
	content: "";
	width: 130px;
	height: 3px;
	background-color: #f74040;
	display: table;
	margin: 0 auto;
	position: relative;
	left: -10%;
}
#page p.gform_required_legend {
	font-size: 0.8rem;
	padding-top: 20px;
}
.gf_confirmation {
  color: #333;
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  top: 20px;
}
.gf_confirmation h3 {
  margin: 0 0 0 0;
}

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

/** Latest projects / blog **/

ul.holtskde_posts  {
	max-width: 1780px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	grid-gap: 2%;
	margin-bottom: 20px;
}
ul.holtskde_posts>li {
	background-color: #f5f5f5;
	margin-bottom: 10px;
	padding-bottom: 10px;
	order: 0;
	flex: 0 1 auto;
	align-self: auto;
	flex-basis: 49%;
}
.thumb_wrap{
	position: relative;
}
ul.holtskde_posts>li a {
	text-decoration: none;
	color: #333;
}
.post-thumbnail img {
	display: block;
	margin-bottom: 20px;
}
ul.post_tags {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	position: absolute;
	bottom: 0;
  z-index: 999;
}
ul.post_tags li {
  display: inline-block;
  float: left;
}
ul.post_tags li a {
  font-size: 0.9rem;
  line-height: 1.0;
  background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 1px 3px;
}
ul.holtskde_posts h3 {
	font-size: 1.4rem;
	line-height: 1.2;
}
ul.holtskde_posts p {
	font-size: 0.9rem;
	line-height: 1.3;
}
ul.holtskde_posts h3,
ul.holtskde_posts p,
ul.holtskde_posts button {
	margin: 0 5px 10px 10px;
}
.home ul.holtskde_posts>li:nth-child(3) {
	display: none;
}
.tag_commas:last-child {
  display: none;
}
@media screen and (min-width: 768px) {
	.home ul.holtskde_posts>li:nth-child(3) {
		display: block;
	}
	ul.holtskde_posts  {
		grid-gap: 1.3%;
		margin-bottom: 100px;
	}
	ul.holtskde_posts>li {
		flex-basis: 32.466%
	}
  ul.post_tags {
  	margin: 0 0 0 20px;
  }
  ul.post_tags li a {
    font-size: 1rem;
    line-height: 1.7;
  	padding: 2px 5px;
  }
	ul.holtskde_posts h3 {
		font-size: 1.8rem;
	}
  ul.holtskde_posts p {
  	font-size: 1.0rem;
  	line-height: 1.7;
  }
  ul.holtskde_posts h3,
  ul.holtskde_posts p,
  ul.holtskde_posts button {
  	margin: 0 5px 20px 20px;
  }

}

.content_archive_tags {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content_archive_tags li a {
  list-style: none;
  margin: 0;
  padding: 0;
}