@charset "utf-8";
/* CSS Document */


/* GRID */

	.grid_2-equal-cols {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 1rem;
		margin-right: auto;
		margin-left: auto;
	}	

	.grid_2-equal-cols_narrow {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
		gap: 1rem;
		margin-right: auto;
		margin-left: auto;
		/* [disabled]background-color: #FF5700; */
	}
	
	.grid_2cols-w-leftSidebar {
		max-width: 460px;
		margin: auto;
		display: grid;
		grid-template-columns: minmax(15%) 1fr;
		gap: 2em;
	}	
	
	.grid_2cols-w-rightSidebar {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 1rem;
		margin-right: auto;
		margin-left: auto;
		grid-gap: 2rem;
	}

	.grid_2cols-narrow-rightSidebar-hide-on-mobile {
		display: grid;
		grid-template-columns: auto 0px;
		gap: 1rem;
		margin-right: auto;
		margin-left: auto;
	}



/* CARDS */

.wrapper-cards {
	/* [disabled]padding-top: 2rem; */
	/* [disabled]padding-bottom: 3rem; */
	margin-left: 0px;
	margin-right: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-bottom: 1rem;
}


/* ---------------- Card Formatting ------------------------ */
	.card-wrapper {
	row-gap: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	}

	.card-wrapper h4 {
	color: #848484;
	margin-bottom: 20px;
	font-size: 1.2rem;
	font-weight: bolder;
	}
	.card-wrapper h5 {
	color: #3A3A3A;
	margin-bottom: 20px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2rem;
	margin-top: -15px;
	}

	.card-background_1 {
		background-color: rgba(255,255,255,0.80);
	}
	.card-background_2 {
	background-color: rgba(232,223,175,0.80);
	}
	.card-background_3 {
	background-color: rgba(229,235,209,0.80);
	}
	.card-background_4 {
	background-color: rgba(234,237,224,0.80);
	}

	.card-banner {
		background-color: #EFB200;
		color: #000;
		padding: 12px 20px;
		font-size: 1.4rem;
		line-height: 1.4;
		height: 100%;
	}

	.card-top-info {
	/* [disabled]background-color: rgba(255,255,255,0.90); */
	color: #FFFFFF;
	/* [disabled]padding: 12px 20px; */
	font-size: 2rem;
	line-height: 1.4;
	/* [disabled]margin-top: 10px; */
	height: 100%;
	letter-spacing: 2px;
	}
	.card-img {
		object-fit: cover;
		/* [disabled]flex-basis: 300px; */ /* on small sccreen it makes the height 200px */
		background-color: rgba(255,255,255,1.00); /* for testing */
		background-position: center center;
		min-height: 430px;
		background-repeat: no-repeat;
		background-size: 70%;
		background-size: contain;
	}


/* -------- Not Sure -------------------------------- */

	.card-content {
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 70px;

	}

	.card-content h2 {
		font-weight: bolder;
		font-size: 1.8em!important;
		line-height: 1.2!important;
	}

	.card-details {
	margin-top: 20px;
	margin-bottom: 16px;
	padding-right: 16px;
	padding-left: 16px;
	/* [disabled]background-color: #FF0004; */
	}

	.card-details p {
	margin-bottom: 12px;
	}

	.card-content-right .card-details p {
		color: #454545;
	}

	.card-content-left .card-details p {
		color: #454545;
	}

	.card-info-wrapper {
		margin-top: 6px;
		margin-bottom: 28px;
	}

	.card-info-container {
		color: #606060;
		font-size: 1.4rem!important;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		/* [disabled]margin-bottom: 4px; */
		line-height: 1.2;
	}

	.card-info-wrapper p {

	}

	.card-info {
		font-weight: bold;
		text-align: center;
		margin-bottom: 4px;
	}

	.card-info-sub{
		font-weight: normal;
		text-transform: none;
		text-align: center;
		margin-top: 6px;
	}

	.card-content .card-title {
	color: #000000;
	/* [disabled]font-weight: bolder; */
	text-transform: uppercase;
	/* [disabled]letter-spacing: 1px; */
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	/* [disabled]margin-bottom: 0px; */
	}

	.card-body {
		font-size: 1.2rem;
		line-height: 1.6;
	}

	.card-footer {
		display: flex;
		flex-direction: column;
		height: 100%;
		margin-bottom: 0px;
		/* [disabled]align-items: center; */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* [disabled]padding-top: 20px; */
		padding-right: 20px;
		padding-left: 20px;
		/* [disabled]padding-bottom: 20px; */
		box-sizing: border-box;
	}

	.card-footer-content {
		display: flex;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	.card-footer-content p {
		margin: 0!important;
		font-size: 1.2rem!important;
	}

	.card-footer-content p span {
		font-size: 1.6rem!important;
		font-weight: 700;
		color: #E2A943;
	}

	.card-btn {
		font-size: 1.4rem;
		background-color: #FFFFFF;
		color: #525252;
		text-decoration: none;
		font-weight: 500;
		padding-top: 0.4em;
		padding-right: 1.6em;
		padding-left: 1.6em;
		padding-bottom: 0.4em;
		text-align: center;
		line-height: 1;
		text-transform: uppercase;
		border: 1px solid #FFFFFF;
		transition: .6s;
	}
	.card-btn:hover {
		/* [disabled]background-color: #818A17; */
		/* [disabled]color: #fff; */
	}
	.card-content-footer {
		margin: 0;
		/* [disabled]opacity: .6; */ /* to fade it out */
		line-height: 1;
	}
	.card-content-footer span {
		font-weight: bolder;
		display: block; /* so it is in its own line */
		font-size: 1.25em; /* make propoertional based on font size of parent container */
	}

	.card-image-fill-container {
	text-align: center;
	overflow: hidden;
	position: relative; /* neded so the pointer shape is referencing this container as its wrapper */
	/* [disabled]display: flex; */
	}

	.container-outline {
	/* [disabled]border: 1px solid #000000; */
	border-radius: 2px;
	/* [disabled]outline: 2px solid #fff; */
	}

	.shadow-container {
		box-shadow: 6px 6px 6px -2px rgba(0,0,0,0.60); /* 4th value moves shadow under element */
	}

	.card-border {
	border-bottom-color: rgba(255,255,255,1.00);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	/* [disabled]margin-bottom: 2rem; */
	/* [disabled]outline: 2px solid #fff; */
	border-top: 7px solid rgba(255,255,255,1.00);
	}


/* ----------- Circular Layout ------------- */

	.container-circle {
	height: auto;
	background-color: transparent;
	position: relative;
	margin-bottom: 30px;
	max-width: 320px; /* the size will be limited by the width of the container */
	margin-left: auto;
	margin-right: auto;
	}

	.circle {
	border-radius: 50%;
	width: 90%;
	padding-bottom: 90%;
	background-size: cover;
	/* [disabled]-webkit-filter: grayscale(100%); */
	/* [disabled]filter: grayscale(100%); */
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #278662;
	opacity: 0.6;
	}
	.container-circle:hover .circle {
	border-radius: 6px;
	/* [disabled]-webkit-filter: grayscale(0); */
	/* [disabled]filter: grayscale(0); */
	opacity: 1;
	}
	.circle-header {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFFFFF;
	font-size: 1.6rem;
	/* [disabled]font-weight: bold; */
	background: rgba(0,0,0,0.4);
	padding: 2px 16px;
	text-transform: uppercase;
	border-radius: 6px;
	text-align: center;
	line-height: 1.2;
	}	
	.container-circle:hover .circle-header {
		color: #fff;
	}

	.circle_bg-1 {
	background-image: url(../images/backgrounds/boxes/main/1.jpg);
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	}
	.circle_bg-2 {
	background-image: url(../images/backgrounds/boxes/main/2.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	}
	.circle_bg-3 {
	background-image: url(../images/backgrounds/boxes/main/3.jpg);
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	}

	.circle_bg-4 {
	background-image: url(../images/backgrounds/boxes/main/4.jpg);
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	}

	.circle_bg-5 {
	background-image: url(../images/backgrounds/boxes/main/5.jpg);
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	}

	.circle_bg-6 {
	background-image: url(../images/backgrounds/boxes/main/6.jpg);
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	}


/* ----------- END Circular ------------- */

	.card-container {
	height: auto;
	background: transparent;
	position: relative;
	/* [disabled]margin-bottom: 30px; */
	/* [disabled]max-width: 90%; */ /* the size will be limited by the width of the container */
	margin-left: auto;
	margin-right: auto;
	flex-basis: 260px;
	flex-grow: 1;
	}

	.card-container a {
	/* [disabled]background-color: #FF0004; */

	}

	.card {
	/* [disabled]border-radius: 10px; */
	width: 90%;
	padding-bottom: 100%;
	background-size: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
	opacity: 0.7;
	}

	.card-container:hover .card {
	border-radius: 0px;
	-webkit-filter: url(../images/backgrounds/boxes/Concrete-installation-process.jpg) 50% 50% no-repeat;
	filter: grayscale(0);
	opacity: 1;
	}

	.card-header {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* [disabled]font-family: 'Stardos Stencil', cursive; */
	color: #FFFFFF;
	font-size: 2rem;
	line-height: 1;
	/* [disabled]font-weight: bold; */
	background-color: #007B3D;
	padding-top: 10px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 10px;
	text-transform: none;
	/* [disabled]border-radius: 4px; */
	text-align: center;
	min-width: 80%;
	-webkit-transition: .3s ease-in-out;
	border: 2px solid #FFFFFF;
	transition: .3s ease-in-out;
	}	

	.card-header:hover {
	/* simulate button hover so it is consistent with menu buttons */
	color: #fff!important;
	/* [disabled]background-color: #3955A2!important; */
	border-color: #fff;
	border-style: solid;
	/* [disabled]border-width: 1px; */
	}

	.card-container:hover .card-header {
	color: #FFFFFF;
	/* [disabled]border-radius: 4px; */
	/* [disabled]border: 1px solid #FFFFFF; */
	background-color: #009C4D;
	}


	.card-item {
	background-color: rgba(0,0,0,0.30);
	border: 1px solid rgba(255,255,255,0.50);
	position: relative;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2rem;
	max-width: 400px;
	}
	.card-item:hover {
	background-color: rgba(0,0,0,0.80);
	border: 1px solid #E5B13B;
	}

	.card-item h3, .card-item p {
		transition: color .6s;
	}

	.card-item:hover h3 {
		color: #E5B13B
	}
	.card-item:hover p {
		color: #ECECEC
	}

	.card-item:hover .bullet-icon > li, .card-item:hover .bullet-icon > li li, .card-item:hover .bullet-icon > li li li {
		color: #D8D8D8;
	}

	.card-item_button {
	bottom: 0px;
	position: absolute;
	/* [disabled]background-color: #FF0004; */
	width: 100%;
	}

	.top-insert .fas {
		font-size: 3rem;
		color: #E1E1E1!important;
	}

	.card-button {
	background-color: #D9D9D9;
	z-index: 400;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #000;
	width: 100%;
	text-align: center;
	transition: background-color 0.8s, color 0.8s;
	}

	.card-button a {

	}

	/* only hover on a link */
	a .card-button:hover {
		background-color: #E5B13B!important;
		color: #000;
	}
/* -------- Image Card - display text on hover ------ */

	.card-image_txt-on-hover {
	position: relative;
	background: rgba(0, 0, 0, 0.74);
	/* [disabled]margin-top: 2px; */
	}
	.card-image_txt-on-hover::before, .card-image_txt-on-hover::after {
	  content: "";
	  position: absolute;
	  top: 1.25em;
	  bottom: 1.25em;
	  left: 1.25em;
	  right: 1.25em;
	  opacity: 1;
	  transition: transform ease-out 250ms;
	}
	.card-image_txt-on-hover::before {
	  border-top: 1px solid white;
	  border-bottom: 1px solid white;
	  transform: scale(0, 1);
	}
	.card-image_txt-on-hover::after {
	  border-left: 1px solid white;
	  border-right: 1px solid white;
	  transform: scale(1, 0);
	}
	.card-image_txt-on-hover:hover::before {
	  transform: scale(1.05, 1);
	}
	.card-image_txt-on-hover:hover::after {
	  transform: scale(1, 1.05);
	}

	.card-image_txt-on-hover__img {
	  max-width: 100%;
	  display: block;
	  transition: opacity ease-out 250ms;
	}

	.card-image_txt-on-hover:hover .card-image_txt-on-hover__img {
	opacity: 0.3;
	}

	.card-image_txt-on-hover_text-wrapper {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  color: white;
	  opacity: 0;
	  transition: opacity ease-out 250ms;
	}

	.card-image_txt-on-hover:hover .card-image_txt-on-hover_text-wrapper {
	  opacity: 1;
	}

	h2.card-image_txt-on-hover_header {
	color: rgba(41,41,41,0.50);
	font-size: 1.8rem;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-transform: none;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.90);
	font-weight: bold;
	border-bottom: 1px solid #8C8D8F;
	}

	h5.card-image_txt-on-hover_footer {
	color: #FFFFFF;
	font-size: 1.4rem;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-transform: none;
	/* [disabled]letter-spacing: 1px; */
	background-color: rgba(41,41,41,0.50);
	font-weight: 300;
	text-align: center;
	}

	h3.card-section {
	margin-right: -16px;
	margin-left: -16px;
	margin-top: 30px;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 8px;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 1.4rem!important;
	}

	.cards h3 {
	font-size: 1.4rem;
	line-height: 1.3;
	margin-bottom: 20px;
	margin-top: 14px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	font-weight: normal;
	}

	.cards .card-title {
		font-size: 1.6rem;
		line-height: 1.4;
		color: white;
		margin-bottom: 0px;
		padding: 0px;
		margin-top: 0px;
	}

	.cards .card-description {
	font-size: 1.2rem!important;
	line-height: 1.3!important;
	color: #FFFFFF!important;
	text-align: center!important;
	}

/* ----------------- Slide Up Cards ------------------ */

	.card-image_txt-on-hover a[href] {
		position: relative;
	}
	.card-image_txt-on-hover a[href], .card-image_txt-on-hover a[href]:link, .card-image_txt-on-hover a[href]:visited, .card-image_txt-on-hover a[href]:active {
		text-decoration: none;
		color: #d8276c;
		text-shadow: 2px 2px 2px #070c11;
		padding-bottom: 3px;
		font-weight: bold;
	}
	.card-image_txt-on-hover a[href]::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		background: #fff;
		width: 0;
		height: 1px;
		transition: 0.35s cubic-bezier(0.17, 0.67, 0.5, 1.03);
	}
	.card-image_txt-on-hover a[href]:hover::after {
		width: 100%;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	}

	.note {
	color: #2F2F2F!important;
	font-size: 1rem!important;
	/* [disabled]font-family: "Merriweather", sans-serif; */
	line-height: 1.5!important;
	text-align: center!important;
	font-style: italic!important;
	}

	article.card_slide-up {
		border-radius: 3px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		overflow: hidden;
	}
	article.card_slide-up .card-top-img {
		width: auto;
		height: 260px;
		background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/397014/new-york-city.png") no-repeat center;
		background-size: cover;
		border-radius: 3px;
	}
	article.card_slide-up .card-info {
		width: auto;
		position: relative;
		padding: 14px 24px;
		background: #fff;
		transition: 0.4s 0.15s cubic-bezier(0.17, 0.67, 0.5, 1.03);
	}
	article.card_slide-up .card-info .card-title {
		position: relative;
		margin: 10px 0;
		letter-spacing: 3px;
		color: #152536;
		font-family: "Grotesque Black", sans-serif;
		font-size: 1rem;
		text-transform: uppercase;
		text-shadow: 0 0 0px #32577f;
	}
	article.card_slide-up .card-info .flag {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 35px;
		height: 23px;
		background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/397014/flag.png") no-repeat top right;
		background-size: 100% auto;
		display: inline-block;
	}
	article.card_slide-up .card-info .card-title_sub-1, article.card_slide-up .card-info .card-title_sub-2 {
		margin-bottom: 10px;
		text-transform: uppercase;
		font-size: .85rem;
		color: rgba(21, 37, 54, 0.7);
		font-family: "Grotesque", sans-serif;
	}

	article.card_slide-up .card-info .card-title_sub-2 {
		display: inline-block;
		margin-bottom: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
	}
	article.card_slide-up .card-info .card-description {
		font-family: "Merriweather", sans-serif;
		line-height: 2;
		font-size: .95rem;
		color: rgba(21, 37, 54, 0.7);
		transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
	}
	article.card_slide-up .card-info .card-button {
		margin: 10px 0;
		padding: 20px 24px;
		letter-spacing: 1px;
		color: #4e958b;
		font-family: "Grotesque Black", sans-serif;
		font-size: .9rem;
		text-transform: uppercase;
		cursor: pointer;
		transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
	}

	article.card_slide-up:hover .card-info .card-title_sub-2, article.card_slide-up:hover .card-info .card-description, article.card_slide-up:hover .card-info .card-button {
		opacity: 1;
	}


/* ---------------- MEDIA QUERIES -------------------- */
	
/* ------------- Slide Up Cards ---------- */
@media (min-width: 510px) { 
	
	article.card_slide-up {

		width: 350px;
		height: 350px;
		border-radius: 3px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
		overflow: hidden;
	}	
	
	article.card_slide-up .card-info {
		height: 350px;
	}	
	
	article.card_slide-up .card-info .card-button {
		position: absolute;
		left: 0;
		left: 0;
		bottom: 0;
		margin: 10px 0;
		padding: 20px 24px;
		font-size: .9rem;
		opacity: 0;
		transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
	}	
	
	article.card_slide-up:hover .card-info {
	  -webkit-transform: translateY(-260px);
			  transform: translateY(-260px);
	}
	
	article.card_slide-up .card-info .card-title_sub-2, article.card_slide-up .card-info .card-description {
		opacity: 0;
	}	
	
}



@media (min-width: 660px) {
	
		.card-content {

		}
		.card-wrapper {
	margin-top: 0px;
	/* [disabled]margin-bottom: 20px; */
	/* [disabled]background-color: #0AFF00; */
		}

		.card-wrapper h4 {
	margin-bottom: 16px;
	font-size: 1.2rem;
		}	
		.card-wrapper h5 {
	margin-bottom: 20px;
	margin-top: -14px;
	font-size: 1rem!important;
		}	
		.card-info-wrapper p {
			margin-right: 0px;
			margin-left: 0px;
			margin-bottom: 12px;
			padding: 0px!important;
			margin-top: -6px!important;
		}	
		.card-info-container {
			font-size: 1.2rem!important;
			margin-left: 0;
			line-height: 1.2;
			margin-top: 0px;
			margin-bottom: 6px;
		}
		.card-info {
			text-align: left;
		}
		.card-content .card-title {
	position: absolute;
	z-index: 100;
	/* [disabled]padding-top: 10px; */
	/* [disabled]padding-right: 20px; */
	/* [disabled]padding-left: 20px; */
	/* [disabled]padding-bottom: 10px; */
	width: 100%;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	margin-top: -8px;
		}
	
		.card-content-left {
			right: -50%;
		}
	
		.card-content-right {
			left: -50%;
		}
	
		.card-info-sub {
			text-align: left;
			margin-top: 0px;

		}
		.card-content h2 {
	font-size: 1.4rem!important;
	line-height: 1!important;
		}
		.card-details {
	/* [disabled]margin-top: 60px; */
	justify-content: center;
	display: flex;
	flex-direction: column;
	height: 100%;
		}
		.card-details p {
	line-height: 1.2!important;
		}

		.card-img {
		/* [disabled]flex-basis: 300px; */ /* sets the ideal width */
			min-width: 270px;
			background-position: center center;
			margin-top: 34px;
			background-repeat: no-repeat;
			min-height: 340px;
		}

			.card-body,
			.card-footer {
		/* [disabled]max-width: 400px; */
			}
			.card-body {
				font-size: 1.125rem;
			}
			.card-footer {
	/* [disabled]background-color: #ccc; */
	padding: 25px;
	margin-top: 10px;
			}
			.card-footer-content {
				margin-bottom: 0px;
			}
			.card-footer-content p {
				margin: 0!important;
				font-size: 1.1rem!important;
			}
			.card-footer-content p span {
				font-size: 1.3rem!important;
			}

	#img-inventory-trim {
			margin-top: 20px;
	}
	
	.card-order_info {
		order: 0;
	}	
	
	.card-item_button {
	bottom: -6px;
	right: -6px;
	width: auto;
	}	
	
	.card-button {
		margin-left: 0px;
		width: auto;
	}

	
	h2.card-image_txt-on-hover_header {
	font-size: 1.6rem;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	}	
	
	h5.card-image_txt-on-hover_footer {
	font-size: 1rem;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	}	


	h3.card-section {
	font-weight: bold;
	font-size: 1.2rem!important;
		
	}
	.cards h3 {
	font-size: 1.5rem;
	line-height: 1.1;
	}		
	
	/* ------------------- */
	
	.grid_2cols-narrow-rightSidebar-hide-on-mobile {
		margin: auto;
		display: grid;
		grid-template-columns: auto 40px;
	}		

}


@media (min-width: 700px) {
	
	.grid_2-equal-cols {

	}	
	
	.grid_2cols-w-leftSidebar {
	max-width: 1100px;
	margin: auto;
	display: grid;
	grid-template-columns: minmax(160px, 36%) 1fr;
	gap: 3em;
	}	

	.grid_2cols-w-rightSidebar {
		margin: auto;
		display: grid;
		grid-template-columns: 1fr minmax(340px, 45%);
		gap: 2em;
	}
	

}