.popular-tags .swiper-wrapper {
margin-left: 40px;
}

@media only screen and (max-width: 1280px)  {
.popular-tags .swiper-wrapper {
margin-left: 40px;
}
}

.popular-tags .swiper-wrapper .swiper-slide {
margin: 12px;	
width: 120px;
text-align: center;	
transition: all 0.2s ease;
}

.popular-tags .swiper-wrapper .swiper-slide img {
display: block;
border-radius: 50%;
box-shadow: 0 0 0 2px var(--lm-lightslate-t75);
margin-bottom: 5px;
transition: all 0.2s ease;
}


.applied-filter-tags div {
width: fit-content;	
display: inline-block;
}
.applied-filter-tags {
/* margin-left: 40px;	*/
}

@media(hover: hover) {
.popular-tags .swiper-wrapper .swiper-slide img + .popular-tags .swiper-wrapper .swiper-slide:hover,
.popular-tags .swiper-wrapper .swiper-slide:hover img {
	box-shadow: 0 0 0 4px var(--lm-dark-blue);
}
}
.popular-tags .swiper-wrapper .swiper-slide img + .popular-tags .swiper-wrapper .swiper-slide:active,
.popular-tags .swiper-wrapper .swiper-slide:active img {
	box-shadow: 0 0 0 6px var(--lm-dark-blue);
}
@media only screen and (max-width: 900px)  {
.popular-tags .swiper-wrapper .swiper-slide {
width: 100px;
margin: 9px;	
}	
.popular-tags .swiper-wrapper {
margin-left: 20px;		
}
.applied-filter-tags {
/* margin-left: 20px;	*/
}

}

@media only screen and (max-width: 440px)  {
.popular-tags .swiper-wrapper .swiper-slide {
width: 25vw;
margin: 6px;	
}	
}

.normalfont { font-weight: normal }

#tag-button-container {
	width: 80%;
}

.tag-button-mobile {
	display: none;
}

.tag-button {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}

.tag-button li > ol {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1;
	margin-left: 6px;
border-radius: 4px;	
list-style-type: none;	
padding: 7px 15px 10px 10px;
background-color: #FFFFFF;
border: 1px solid var(--lm-charcoal-t20);
box-shadow:
1.6px 1.6px 3.2px rgba(0, 0, 0, 0.05),
4px 4px 12px rgba(0, 0, 0, 0.07);	
}

.tag-button li > ol.active-tag-dropdown {
	display: block;
	opacity: 1;
	visibility: visible;
	position: absolute;
	z-index: 2;	
}

.tag-button button,
select {
height: 40px;
height: 2.5rem;
align-items: center;
transition: 0.2s ease;
border-radius: 4px;
border: none;
outline: none;
color: var(--lm-charcoal);
font-family: inherit;
font-size: inherit;
font-weight: normal;
margin: 6px 5px;
padding: 0 10px;
background: #FFFFFF;
border: 1px solid var(--lm-charcoal-t20);
cursor: pointer;
display: flex;
}

#browse-number-and-sort-area 
{
align-items: center;	
}

#browse-number-and-sort-area * {
display: flex;
align-items: center;	
}


select {
display: block;
margin: 0 0 0 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 200px;
}
@media only screen and (max-width: 700px) {	
select {
min-width: 160px;	
}
}
@media only screen and (max-width: 700px) {	
select, label[for=design-sort-by] {
font-size: var(--lm-font-size-16px);
}
}
.selectdiv {
	display: inline-block;
	position: relative;
}
.selectdiv::after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6"  viewBox="0 0 11.22625 6.75"><g><path d="m10.91918 1.91992-4.46918 4.5a1.23884 1.23884 0 0 1 -.82623.33008 1.12158 1.12158 0 0 1 -.7959-.3291l-4.46826-4.5a1.08047 1.08047 0 0 1 -.2749-1.22461 1.13062 1.13062 0 0 1 1.03906-.69629h8.96923a1.12528 1.12528 0 0 1 1.03906.69434 1.11417 1.11417 0 0 1 -.21288 1.22558z" fill="%234d4e4f"/></g></svg>');
	top: 3px;
	right: 10px;
	position: absolute;
   pointer-events: none;  
}
@media only screen and (max-width: 431px)  {
	.selectdiv::after {	
	top: 7px;
}
}
	
@media(hover: hover) {
.tag-button button:hover {
background: var(--lm-lightslate-t85);	
}
}
.tag-button button:active {
background: var(--lm-lightslate);	
}
.tag-button button svg {
	fill: var(--lm-charcoal);
	display: inline;
	margin-left: 5px;
	height: 6px;
transition: 0.2s ease;	
}
.active-carat-dropdown svg {
transform: rotateX(180deg);	
}


.sr-only2 {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.tag-button label {
user-select: none;
padding: 3px 6px;
width: 100%;
transition: 0.1s ease;	
}

@media(hover: hover) {
.tag-button label:hover	{
color: var(--lm-dark-blue);
}
}

.tag-button label:active {
color: var(--lm-dark-blue-s15);
}

.tag-button > li > ol > li > input:checked + label.tag-check {
color: var(--lm-dark-blue-s25);	
}

.tag-button > li > ol > li {
	position: relative;
}

.tag-button > li > ol > li > input:checked + .tag-check:before {
background-color: var(--lm-dark-blue);
border: 2px solid var(--lm-dark-blue);
content:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.5 -1 22 28'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff%3Bstroke:%23fff%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M9.3 17.6 3.4 12.8a.7.7 0 0 1-.2-1 .8.8 0 0 1 1.1-.2l5 3.9L15.5 2.8a.8.8 0 0 1 1-.4.8.8 0 0 1 .4 1.1h0L10.1 17.3A.7.7 0 0 1 9.3 17.6Z' transform='translate(-2.6 -1.9)'/%3E%3C/svg%3E");	

}

.tag-check {
  cursor: pointer;
  display: inline-block;
}

.tag-check:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  width: 1.25rem;
  height: 1.25rem;  
  border: 1px solid var(--lm-charcoal-t20);
  margin-right: 8px;
}  


.tag-button > li > ol > li > input:focus:not(:focus-visible) {
  outline: none;
}	

.tag-button > li > ol > li > input:focus-visible + .tag-check,
.tag-button > li > button:focus-visible,
.tag-button-mobile li button:focus-visible {
outline-color: var(--lm-dark-blue);
outline-offset: 3px;
outline-style: auto;
outline-width: 1px;
transition: all 0.1s ease;	
}

#mobile-tag-controller {
display: none;

}

#apply-tag-filters {
	float: right;
}

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

.tag-button-mobile {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;	
width: 100%;
}

.tag-button-mobile li button {
height: 40px;
height: 2.5rem;
align-items: center;
transition: 0.1s ease-in;
border-radius: 4px;
border: none;
outline: none;
color: var(--lm-charcoal-s15);
font-family: inherit;
font-size: inherit;
font-weight: normal;
margin: 6px 5px;
padding: 0 10px;
background: var(--lm-lightslate-t75);
cursor: pointer;
display: flex;	
position: relative;	
overflow: hidden;
}

@media only screen and (max-width: 431px) {	
.tag-button-mobile li button,
.tag-button {
font-size: var(--lm-font-size-17px);
}
}
@media(hover: hover) {
.tag-button-mobile li button:hover {
background: var(--lm-lightslate);
}
}
.tag-button-mobile li button:active {
background: var(--lm-lightslate);
}

.tag-button > li > ol > li > input:checked + .tag-check:before {
background-color: var(--lm-dark-blue);
border: 2px solid var(--lm-dark-blue);
content:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 20 31'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff%3Bstroke:%23fff%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M9.3 17.6 3.4 12.8a.7.7 0 0 1-.2-1 .8.8 0 0 1 1.1-.2l5 3.9L15.5 2.8a.8.8 0 0 1 1-.4.8.8 0 0 1 .4 1.1h0L10.1 17.3A.7.7 0 0 1 9.3 17.6Z' transform='translate(-2.6 -1.9)'/%3E%3C/svg%3E");	
overflow: hidden;
}


#tag-button-container 
{
height: 100vh;
overflow-y: auto; 
right: -100%;
width: 420px;
position: fixed;
top: 0;	
z-index: 10;
background-color: #FFFFFF;
box-shadow:
1.6px 1.6px 3.2px rgba(0, 0, 0, 0.05),
4px 4px 12px rgba(0, 0, 0, 0.07);	
display: none;
}


.tag-button
{
display: grid;
border-radius: 0;
width: 100%;

padding: 0 0 300px 0;

}

#tag-button-list-container{
height: calc( 100vh - 120px);	
position: absolute;
top: 120px;	
overflow-x: hidden;
width: 100%;
}

.tag-button li > ol > li {
padding: 5px 0 5px 20px;
}
	
.tag-button li > ol {
padding: 0 0 20px 0;
border-bottom: 1px solid #CCC;	
border-top: 0;
border-left: 0;
border-right: 0;
margin: 0;
box-shadow: none;
position: relative;
width: 100%;
border-radius: 0;
opacity: 1;
visibility: visible;
z-index: 2;
}


.tag-button li > button {
border: 0;
padding: 3px 0 3px 20px;	
margin: 10px 0 0 0;
font-weight: bold;
color: var(--lm-charcoal-s15);
background-color: #FFFFFF;
}

.tag-button li > button:hover,
.tag-button li > button:active {
background-color: #FFFFFF;
cursor: auto;
}

.tag-button button svg {
display: none;
}

ol.tag-dropdown li {
	width: 95%;
}


#mobile-tag-controller {
display: block;
position: fixed; top: 0; background-color: #FFFFFF; padding: 15px 20px; z-index: 12; height: auto; width: 420px; box-shadow:
1.6px 1.6px 3.2px rgba(0, 0, 0, 0.05),
4px 4px 12px rgba(0, 0, 0, 0.07);	
}

}

@media only screen and (max-width: 420px) {
#mobile-tag-controller,
#tag-button-container  {
width: 100%;
}	
	
}

.lm-box-variant-three#lm-applied-filters {
padding-top: 10px;
height: 157px;
}

.applied-filter {
height: 40px;	
height: 2.5rem;
align-items: center;
transition: all 0.1s ease-in;
border-radius: 4px;
border: none;
outline: none;
color: var(--lm-charcoal);
font-family: inherit;
font-size: inherit;
font-weight: bold;
margin: 6px 5px;
padding: 0 10px;
background: #FFFFFF;
cursor: pointer;
width: fit-content;
border: solid 1px transparent;			
}
@media only screen and (max-width: 431px) {	
.applied-filter {
font-size: var(--lm-font-size-17px);
}
}

@media(hover: hover) {
.applied-filter:hover {	
background: var(--lm-lightslate-t85);
border: solid 1px var(--lm-charcoal-t20);	
}
}
.applied-filter:active {	
background: var(--lm-lightslate);
border: solid 1px var(--lm-charcoal);	
}
.applied-filter:focus-visible {
outline-color: var(--lm-dark-blue);
outline-offset: 3px;
outline-style: auto;
outline-width: 1px;
transition: all 0.1s ease;	
}
.applied-filter svg {
	fill: var(--lm-charcoal);
	display: inline;
	margin-left: 0.5rem;
	width: 0.875rem;
vertical-align: baseline;
}

#zero-designs  {
transition: all 0.3s ease;
display: none;	
}

.space-group-designs  {
transition: all 0.3s ease;
display: none;	
}


.content-applied-filters {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 400ms;
opacity: 0;	
}
.inner-content-applied-filters-padding {
padding: 5px 10px;	
}
@media only screen and (max-width: 700px) {
.content-applied-filters, #zero-designs, .space-group-designs {
padding: 0;
}
.inner-content-applied-filters-padding {
padding: 5px 20px;
}	
}
.content-applied-filters.show-content-applied-filters {
grid-template-rows: 1fr;
opacity: 1;	
}
.inner-content-applied-filters {
overflow: hidden;	
}

#desktop-tag-controller {
	width: fit-content;
	margin-top: 5px;
	display: inline-block;
}
@media only screen and (max-width: 900px) {
#desktop-tag-controller {
margin-right: 20px;
}
}
#desktop-tag-controller .clear-tag-filters {
background-color: transparent;
color: var(--lm-charcoal-s25);
height: auto;
padding: 0;
border-radius: 0;
text-decoration: solid underline 1px var(--lm-charcoal-s15);
white-space: normal;
overflow: visible;
max-width: 8.75rem;
}

@media(hover: hover) {
#desktop-tag-controller .clear-tag-filters:hover {
text-decoration: solid underline 3px var(--lm-charcoal-s25);
}	
}

#clear-button { display: none; }

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

.applied-filter-tags{

}


#desktop-tag-controller {
display: inline-block;
float: right;
margin: 6px 0 6px 6px;
}	

#clear-button {
	clear: both;
	display: block;
}

	
#desktop-tag-controller .clear-tag-filters {
margin-left: auto;
margin-right: 0;
border-radius: 4px;
height: 40px;	
height: 2.5rem;	
padding: 0 10px;	
text-decoration: none;
border: 1px solid var(--lm-charcoal-s15);
background-color: #FFFFFF;
color: 	var(--lm-charcoal);
}
@media only screen and (max-width: 431px) {
#desktop-tag-controller .clear-tag-filters {
font-size: var(--lm-font-size-17px);
}	
}
@media(hover: hover) {
#desktop-tag-controller .clear-tag-filters:hover {
text-decoration: none;	
background-color: var(--lm-lightslate-t85);
}
}
#desktop-tag-controller .clear-tag-filters:active {
text-decoration: none;	
background-color: var(--lm-lightslate);
}
}

#close-filter-panel {
float: right;
}
#close-filter-panel button {
height: 30px;
height: 1.875rem;
aspect-ratio: 1;
display: flex;	
align-items: center;
justify-content: center;
transition: 0.2s ease;
border-radius: 4px;
border: none;
outline: none;
background: #FFFFFF;
cursor: pointer;

}
@media(hover: hover) {
#close-filter-panel button:hover {
background-color: var(--lm-lightslate-t85);	
}
}
#close-filter-panel button:active {
background-color: var(--lm-lightslate);	
}
#close-filter-panel button:focus-visible {
outline-color: var(--lm-dark-blue);
outline-offset: 3px;
outline-style: auto;
outline-width: 1px;
transition: all 0.1s ease;		
}
#close-filter-panel svg {
width: 20px;
width: 1.25rem;
fill: var(--lm-charcoal);
margin-bottom: 0.15rem;		
}
.lm-button-default.clear-tag-filters {
background-color:  var(--lm-lightslate-t75);
color: var(--lm-charcoal);	
}
@media(hover: hover) {
.lm-button-default.clear-tag-filters:hover {	
background-color: var(--lm-lightslate);	
}
}
.lm-button-default.clear-tag-filters:active {
background-color: var(--lm-lightslate);	
}

@media only screen and (max-width: 415px) {
.tag-container .lm-tag:last-child {
display: none;
}
	
}


.clear-tag-filters span,
#apply-tag-filters span {
max-width: 8.75rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}



#mobile-show-more-designs {
	display: none;
}

@media only screen and (max-width: 700px) {
#mobile-show-more-designs {
	display: block;
}
}

#desktop-pagination {
	display: block;
}

@media only screen and (max-width: 700px) {
#desktop-pagination {
	display: none;
}
}

#desktop-pagination nav ul,
#desktop-pagination nav {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
list-style-type: none;
}

#desktop-pagination nav ul li a {
position: relative;
list-style-type: none;
display: flex;	
margin: 10px;
width: 40px;
height: 40px;
background-color: var(--lm-lightslate-t85);
color: var(--lm-charcoal);
border-radius: 4px;
text-align: center;	
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s ease;
text-decoration: none;

}



#desktop-pagination a.pagination-prev-next {
	display: flex;
	margin: 10px;	
	background-color: var(--lm-lightslate-t85);
	color: var(--lm-charcoal);
	text-decoration: none;
	width: 80px;
	height: 40px;
	justify-content: center;
	text-align: center;
	align-items: center;
	border-radius: 4px;
	transition: 0.3s ease;
}

#desktop-pagination nav ul li a:after,
#desktop-pagination nav ul li:after,
#desktop-pagination nav ul li.count-dots:after
 {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	top: -10px;
	left: -10px;
	list-style-type: none;
}

@media(hover: hover) {
#desktop-pagination nav ul li a:hover,
#desktop-pagination a.pagination-prev-next:hover {
background-color: var(--lm-lightslate-t75);	
}
}

#desktop-pagination nav ul li a:active,
#desktop-pagination a.pagination-prev-next:active {
background-color: var(--lm-lightslate);	
}


#desktop-pagination nav ul li.current-page a {
background-color: var(--lm-dark-blue);
color: #FFFFFF;
cursor: auto;
}


#desktop-pagination nav ul li a.count-dots {
cursor: auto;	
background-color: transparent;	
margin: 0;
list-style-type: none;
width: 40px;
height: 40px;
text-align: center;	
align-items: center;
justify-content: center;
}


@media only screen and (max-width: 492px) {
.results-panel {
background: var(--lm-lightslate-t95);
}
.cat_thumbs {
	padding-bottom: 10px;
}

#browse-number-and-sort-area
{
padding-top: 20px;
}
.lm-box-variant-three {
margin-bottom: 0;
}
}

.call-out-boxes { display: none; }

.call-out-box {
margin-top: 20px;
margin-bottom: 20px;
width: 680px;
margin-left: auto;
margin-right: auto;

}

@media only screen and (max-width: 680px) {
.call-out-box {
width: calc(100% + 40px);
margin-left: -20px;
}	
}


.call-out-box.why-sheeted-tiles-card button,
.call-out-box.design-consultancy-card button,
.call-out-box.article-card button,
.call-out-box.article-card button {
	border: 0;
	margin: 0;
	padding: 0; 
	width: 100%;
	height: 100%;
	padding:  15px 20px;	
	text-align: left;
	cursor: pointer;
	transition: 0.5s ease;	
	color: var(--lm-charcoal-s15);	
}

.call-out-box.why-sheeted-tiles-card button,
 .call-out-box.why-sheeted-tiles-card > .content-atd {
	background: var(--lm-vanilla); 	
}

.call-out-box.design-consultancy-card button,
 .call-out-box.design-consultancy-card > .content-atd {
	background: var(--lm-pale-blue-t40); 	
}

.call-out-box.article-card button,
 .call-out-box.article-card > .content-atd {
	background: var(--lm-lightslate-t85); 	
}

@media (hover: hover) {
.call-out-box.why-sheeted-tiles-card button:hover {
background: var(--lm-vanilla-s5); 
}
.call-out-box.design-consultancy-card button:hover {
background: var(--lm-pale-blue); 
}
.call-out-box.article-card button:hover {
background: var(--lm-lightslate-t75); 
}
}

.call-out-box.why-sheeted-tiles-card button:active {
background: var(--lm-vanilla-s5); 
}
.call-out-box.design-consultancy-card button:active {
background: var(--lm-pale-blue-s5); 
}
.call-out-box.article-card button:active  {
background: var(--lm-lightslate); 
}



.content-atd {
display: grid;
grid-template-rows: 0fr;
transition: all 0.3s ease;
background: var(--lm-lightslate-t85); 
opacity: 0;
}
.content-atd#sheetedtiles {
	background: var(--lm-vanilla); 	
}
.content-atd#designcustomisation {
	background: var(--lm-pale-blue-t40); 	
}
.content-atd#chequerboarddesigns {
	background: var(--lm-lightslate-t85); 	
}

.call-out-box h3 {
	margin-bottom: 0;
}


.call-out-box button *{
	display: inline-block;
}

.call-out-box button span:nth-of-type(1) {
float: left;
display: grid;
grid-template-columns: auto 1fr;
justify-items: start;
}

.call-out-box button span:nth-of-type(1) {
	width: calc(100% - 2rem);

}

.lm-chevron{
			
			height: 12px;
			height: 0.75rem;
			float: right;
			margin-top: 10px;
			margin-top: 0.625rem;
			fill: var(--lm-charcoal-s15);		
			transform: rotateX(180deg);
			transition: .3s ease-in-out;
}

.hidden-atd .lm-chevron {
	transform: rotateX(0);
}


.call-out-box .show-atd > .content-atd {
grid-template-rows: 1fr;
opacity: 1;
}

.inner-content-atd {
	overflow: hidden;
}

.inner-content-padding-atd,
#closed-area-data {
	padding: 0 20px 20px 20px;
}



.hide-content {
display: none;	
}

 
@supports (content-visibility: hidden) {
.hide-content {		
    content-visibility: hidden;
    display: inherit;		
}
}

.lm-tick-list.tick-break-out 
{
padding: 0 0 20px 0;
}

.lm-tick-list.tick-break-out li
{
font-weight: normal;
font-size: var(--lm-font-size-20px);
margin-bottom: 0;
}

@media only screen and (max-width: 431px) {
.lm-tick-list.tick-break-out li
{
font-size: var(--lm-font-size-17px);
}	
}

.design-consultancy-card p a,
.design-consultancy-card p a:link,
.design-consultancy-card p a:visited {
color: var(--lm-charcoal);	
 text-decoration: solid underline 1px var(--lm-charcoal);
}

.design-consultancy-card p a:hover {
color: var(--lm-charcoal-s15);
text-decoration: solid underline 3px var(--lm-charcoal-s15);
transition: 0.3s ease;	
}



 /** Previoudly viewed designs   */


#previously-viewed-designs {
visibility: hidden;	
}

#prev_thumbs1, #related-thumbs {
list-style-type: none;
max-height: 254px;
padding: 0;
margin: 0 0 6px 0;
}

#prev_thumbs1 li, #related-thumbs li {
display: flex;
width: 159px;
padding: 0;
margin: 0 0 6px 0;
}

@media only screen and (max-width: 359px) {
#prev_thumbs1 li, #related-thumbs li  {
width: 138px;
}	
}

.lm-tag-page-header h1 { grid-area: titletext;  }
.lm-read-more-text, .lm-tag-page-header p { grid-area: contenttext;  }
.lm-tag-page-header img:last-child,
.lm-tag-page-header picture
 { grid-area: contentimg; }


.lm-tag-page-header {
display: grid;
grid-template-columns: 1fr 195px;
grid-gap: 10px;
grid-template-rows: auto;
grid-template-areas: 
"titletext titletext" 
"contenttext contentimg";	
}

.lm-tag-page-header:has(picture),
.lm-tag-page-header:has(img) {
display: grid;
grid-template-columns: 1fr 195px;
grid-gap: 10px;
grid-template-rows: auto;
grid-template-areas: 
"titletext contentimg" 
"contenttext contentimg";	
}


.lm-tag-page-header img:last-child {
border-radius: 50%;
box-shadow: 0 0 0 2px var(--lm-lightslate-t75);
margin: 25px 6px 6px auto;
width:175px; 
height:175px; 
object-fit:cover; 

}

.lm-tag-page-header h1 {
padding-top: 25px;
}


@media only screen and (min-width: 900px) {
.lm-tag-page-header img:last-child {	
width:200px; 
height:200px; 	
}
}

@media only screen and (max-width: 680px) {
.lm-tag-page-header img:last-child {
margin-top: 18px;
width:80px; 
height:80px; 
}
.lm-tag-page-header h1 {
padding-top: 12px;
}

.content-columns-50.two-thirds-left.lm-tag-page-header{
grid-template-columns: 1fr 80px;	
grid-gap: 10px;
grid-template-rows: auto auto; 
grid-template-areas: 
"titletext titletext" 
"contenttext contenttext";	
}


.content-columns-50.two-thirds-left.lm-tag-page-header:has(picture),
.content-columns-50.two-thirds-left.lm-tag-page-header:has(img) {
grid-template-columns: 1fr 80px;	
grid-gap: 10px;
grid-template-rows: auto auto; 
grid-template-areas: 
"titletext contentimg" 
"contenttext contenttext";	
}

	
}

.greyed-out {
opacity: 50%;
filter: grayscale(80%);
transition: 120ms;
}
.not-greyed-out {
transition: 120ms;
}

#mobile-show-more-designs-quantity {
text-align: center;	
}

.lm-read-more-text {
position: relative;
max-height: 150px;
max-height: 9.375rem;
overflow-y: hidden;
transition:max-height 0.15s ease-out;
}
@media only screen and (max-width: 431px) {	
.lm-read-more-text {	
max-height: 140px;
max-height: 8.75rem;
}	
}

.lm-fade-overlay.lm-read-more-text-active {
	display: none;
}

.lm-read-more-text.lm-read-more-text-active {
height: auto;
max-height: 5000px !important;
transition:max-height 0.35s ease-in-out;
}

.lm-read-more-button  {
position: absolute;
z-index: 1;	
bottom: 0;
display: block;
width: 100%;
height: 80px;
height: 5rem;
padding-top: 50px;
padding-top: 3.125rem;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);

}

.lm-read-more-button-text {
color: var(--lm-dark-blue);
text-decoration: solid underline 1px var(--lm-dark-blue);
transition: all 0.3s ease;	
cursor: pointer;	
}


.lm-read-more-button.lm-read-more-text-active {
background-image: none;
background-image: none;
}

@media (hover: hover) {
.lm-read-more-button-text:hover {
color: var(--lm-dark-blue-s15);
text-decoration: solid underline 3px var(--lm-dark-blue-s15);	
}
}



.lm-read-more-button.lm-read-more-text-active  {
display: none;
}