/*  CSOL ALPS FRAMEWORK */

:root {
	--co1: #90c742;
	--co2: #1e1e28;
}

.ALPDescription-desktop-brand,
.ALPBannerImages-Brand {display: none;}

div[class*="alp-grid-"] > div {display: grid;grid-gap: 32px;margin: 0 0 32px 0;border-bottom: 1px solid #999;padding: 0 0 32px 0;}
div[class*="alp-grid-"]:last-of-type > div {border-bottom: none;padding: 0;}
div[class*="alp-grid-"] > div a.alp-grid-photo {background: #efefef; background-position: center; height: 100%; display: block; position: relative; background-size: cover !important;}
div[class*="alp-grid-"] > div a.alp-grid-photo::after {content: "";display: block;width: 100%;height: 100%;padding-bottom: 100%;background: #00000000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div[class*="alp-grid-"] > div a.alp-grid-photo:hover::after {background: #00000088;}

.alp-grid-1 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
.alp-grid-2 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
.alp-grid-3 > div {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}
.alp-grid-4 > div {grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr;}
.alp-grid-5 > div {grid-template-columns: repeat(5, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;}
.alp-grid-6 > div {grid-template-columns: repeat(6, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr}

div[class*="alp-grid-"].alp-grid-photo-20 > div a.alp-grid-photo::after {padding-bottom: 20%;}
div[class*="alp-grid-"].alp-grid-photo-25 > div a.alp-grid-photo::after {padding-bottom: 25%;}
div[class*="alp-grid-"].alp-grid-photo-33 > div a.alp-grid-photo::after {padding-bottom: calc(100% / 3);}
div[class*="alp-grid-"].alp-grid-photo-50 > div a.alp-grid-photo::after {padding-bottom: 50%;}
div[class*="alp-grid-"].alp-grid-photo-66 > div a.alp-grid-photo::after {padding-bottom: calc( (100% / 3) * 2 );}
div[class*="alp-grid-"].alp-grid-photo-75 > div a.alp-grid-photo::after {padding-bottom: 75%;}
div[class*="alp-grid-"].alp-grid-photo-125 > div a.alp-grid-photo::after {padding-bottom: 125%;}
div[class*="alp-grid-"].alp-grid-photo-150 > div a.alp-grid-photo::after {padding-bottom: 150%;}
div[class*="alp-grid-"].alp-grid-photo-200 > div a.alp-grid-photo::after {padding-bottom: 200%;}

div[class*="alp-grid-"].alp-grid-main > div {}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid {background: var(--co2);width: max(20%, 280px);padding: 32px;justify-content: flex-end;align-items: flex-start;text-align: left;height: calc(100% - 64px);left: 32px;top: 32px;opacity: .9;}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle {    text-transform: none;    font-size: 2em;line-height: 1.5em;}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle::after {content: "";margin: 32px 0;display: block;background: var(--co1);width: 40px;height: 4px;}
div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid img {width: min(120px, 100%);}
div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo {}
div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo::after {padding-bottom: 35%;background: none;}

div[class*="alp-grid-"].alp-grid-text > div {display: block;-webkit-columns: 2;-moz-columns: 2;-o-columns: 2;columns: 2;-webkit-column-gap: 32px;-moz-column-gap: 32px;-o-column-gap: 32px;column-gap: 32px;position: relative;}
div[class*="alp-grid-"].alp-grid-text > div::after {content: "";display: block;width: 40px;height: 4px;background: var(--co1);position: absolute;bottom: 32px;right: 0;}

div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridTitle {font-size: 3em;width: 100%;font-family: 'citrfontbold';line-height: 100%;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridTitle::after {content: "";background: var(--co1);width: 40px;height: 4px;display: block;margin: 32px 0;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc {position: relative;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc p {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;font-weight: normal;font-size: 14px;line-height: 1.75em;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc > p:first-of-type {font-size: 1.25em;}
div[class*="alp-grid-"].alp-grid-text > div .ALPtxtGridDesc > p:last-child {margin: 0;}

div[class*="alp-grid-"].alp-grid-nobg > div a.alp-grid-photo::after {background: none;}

div.alp-grid-brand > div > a.alp-grid-photo {border: 1px solid #dfdfdf;font-size: 0;text-indent: -9999px;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}
div.alp-grid-brand > div > a.alp-grid-photo::after {background: transparent !important;}

.alp-grid-button > div a {padding: 20px 24px;display: flex;border: 2px solid #var(--co2); color: #var(--co2);font-size: 14px;font-family: 'citrfontbold';justify-content: space-between;text-transform: uppercase;letter-spacing: 2px;}
.alp-grid-button > div a:hover {background: var(--co1); border-color: var(--co1); color: #fff;}
.alp-grid-button > div a::after {content: "\e095";font-family: 'feather';}

div.alp-grid-sizes,
div.alp-grid-col {position: relative;}

div.alp-grid-sizes > div,
div.alp-grid-col > div {border: none;}

div.alp-grid-sizes > div {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-start;grid-gap: 16px;}
div.alp-grid-sizes > div > a {border: 1px solid;width: 54px;height: 54px;color: var(--co2);display: inline-block;border-radius: 100%;line-height: 54px;text-align: center;font-family: 'citrfontbold';background: transparent;}
div.alp-grid-sizes > div > a:hover {background: var(--co2);color: #fff;}

div.alp-grid-col > div {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;width: 100%;justify-content: flex-start;grid-gap: 16px;}
div.alp-grid-col > div > a::after {content: "";width: 52px;height: 52px;border-radius: 100%;z-index: 10;display: block;border: 11px solid #fff;top: 0px;left: 0px;position: absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div.alp-grid-col > div > a {display: block;width: 54px;height: 54px;border-radius: 100%;text-indent: -9999px;background: transparent;overflow: inherit;border: 1px solid #999999;margin: 0;position: relative;}
div.alp-grid-col > div > a:hover {border-color: #fff;}
div.alp-grid-col > div > a:hover::after {border: 0px solid #fff;}
div.alp-grid-col > div > a[href*="white"]:hover::after {border: 1px solid #efefef;}
div.alp-grid-col > div > a[href*="blue"] {background: #5083c1;}
div.alp-grid-col > div > a[href*="pink"] {background: #de9fd0;}
div.alp-grid-col > div > a[href*="red"] {background: #d04c4c;}
div.alp-grid-col > div > a[href*="yellow"] {background: #fef047;}
div.alp-grid-col > div > a[href*="green"] {background: #a9c76f;}
div.alp-grid-col > div > a[href*="gold"] {background: #dec052;}
div.alp-grid-col > div > a[href*="orange"] {background: #dea052;}
div.alp-grid-col > div > a[href*="purple"] {background: #a656c7;}
div.alp-grid-col > div > a[href*="black"] {background: #000;}
div.alp-grid-col > div > a[href*="brown"] {background: #674232;}
div.alp-grid-col > div > a[href*="white"] {background: #fff}
div.alp-grid-col > div > a[href*="grey"] {background: #a0a0a0;}
div.alp-grid-col > div > a[href*="silver"] {background: #dbdbdb;}

.ALPDescription-desktop .ALPDescription-desktop-desc > h2 {border-bottom: 1px solid #999; padding: 0 0 32px 0; margin: 0;}
.ALPDescription-desktop-desc a {font-weight:bold}
.mobile a {font-weight:bold}


.ALPtxtGrid {position:absolute;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;text-align: left;padding: 32px;z-index: 2;width: 100%;height: 100%;flex-direction: column;-ms-flex-direction: column;color: white;}
.ALPtxtGridDesc:empty, .ALPtxtGridTitle:empty, .ALPtxtGridView:empty{display:none;}
.ALPtxtGrid > span {padding: 1em 2em;}
.ALPtxtGrid .ALPtxtGridDesc {font-size: smaller; padding: 0 !important;}
.ALPtxtGrid .ALPtxtGridTitle {font-family: 'citrfontbold';font-weight: normal;letter-spacing: normal;font-size: 1.5em; text-shadow: 2px 2px 2px rgb(0, 0, 0);}
.ALPtxtGrid .ALPtxtGridView {padding: 10px 24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 2px solid;text-transform: uppercase;font-size: 12px;margin-top: 6px; background-color: rgba(0, 0, 0, 0.7);}
div[class*="alp-grid-"] > div a:hover .ALPtxtGridView {background: var(--co1);border-color: var(--co1);}

[class*="alp-grid-filter"],
[class*="alp-grid-filter"] a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.alp-grid-filter-grayscale a {filter: grayscale(1);}
.alp-grid-filter-grayscale a:hover {filter: grayscale(0);}

@media screen and (max-width: 1440px) {	
	.filter-is-visible :is(.alp-grid-4, .alp-grid-6) > div {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 1288px) {	
	div:is(.alp-grid-4, .alp-grid-6) > div {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
}


@media screen and (max-width : 1023px) {
	.alp-grid-3 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}
	.alp-grid-4 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
	.alp-grid-6 > div {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}
}

@media screen and (max-width : 768px) {
	.alp-grid-2 > div,
	.alp-grid-4 > div,
	.alp-grid-5 > div {grid-template-columns: repeat(1, 1fr); -ms-grid-columns: 1fr;}

	div[class*="alp-grid-"].alp-grid-story > div > .alp-grid-photo > .ALPtxtGrid > .bannerLinksGrid {flex-flow: row wrap;}
	div[class*="alp-grid-"].alp-grid-story > div > .alp-grid-photo > .ALPtxtGrid > .bannerLinksGrid > a {flex-basis: 100%; width: 100%;}

	div[class*="alp-grid-"] > div {padding-bottom: 16px;margin-bottom: 16px;grid-gap: 16px;}

	div[class*="alp-grid-"] > div a.alp-grid-photo::after,
	div[class*="alp-grid-"] > div a.alp-grid-photo:hover::after {background: #0000003b;}
	div[class*="alp-grid-"] > div a .ALPtxtGridView {background: var(--co1);border-color: var(--co1);}

	div[class*="alp-grid-"].alp-grid-text > div {-webkit-columns: 1;-moz-columns: 1;-o-columns: 1;columns: 1;}

	div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid {left: 0;top: 0;width: 100%;height: 100%;justify-content: center;text-align: center;align-items: center;background: #1e1e28eb;opacity: 1;}
    div[class*="alp-grid-"].alp-grid-main > div .ALPtxtGrid .ALPtxtGridTitle {font-size: 1.5em;display: none;}
    div[class*="alp-grid-"].alp-grid-main > div a.alp-grid-photo::after {padding-bottom: 50%;}

    div[class*="alp-grid-"]:last-of-type > div {margin-bottom: 32px;}
}