/*
.module,
.widget{ clear:both;}
*/
div.widget:after,
div.module:after{
	content:"";
	display: block;
	clear: both;
}

fieldset label {display: inline-block;}
fieldset label span{display: none;}
fieldset p{margin-bottom: 0.5em;}


ul li.even{/* background:#f3f3f3; */ background: none;}
ul li.odd{/* background: #e7e7e9; */ background: none /* rgba(204, 204, 204, 0.35) */;}

/* Generic Module styles */
/*
.entry{position: relative; overflow: hidden;  margin-bottom: 1em;}
.entry-title {}
.entry-title a{font-size: 1.1em; text-decoration: none;}
.entry-date{font-size: 0.9em;  display: block;}
.entry-meta{font-size: 0.9em; margin-bottom:1em; display: block;}
.entry-meta .entry-date{font-size: 1em; margin-bottom: 0;}
.entry-teaser{font-size: 1em;}
.entry-content{font-size: 1em;}
.entry-content p {margin-bottom: 0.5em;}
.entry-footer{font-size: 0.9em; margin: 1em 0;}
.entry-permalink{margin-bottom: 0;}
*/

.module .media{position: relative; overflow: hidden;  margin-bottom: 1em;}
.module .media-title a{font-size: 1.1em; text-decoration: none;}
.module .media-date{font-size: 0.9em; margin-bottom:1em; display: block;}
.module .media-player{background: #000; overflow: hidden; text-align: center;}
.module .media dl {overflow: hidden; padding-bottom: 1ex; font-size: .933em}
.module .media dt {float: left; padding-right: 1ex; opacity: 0.8; font-weight: 400}
.module .media-meta-extended{list-style:none; margin:0; padding:0; font-size: 0.9em; margin-bottom:1em; display: block;}


.list-controls { padding: 10px 0.5rem; }

.item-list{list-style: none; padding:0; margin:0; position: relative; clear: both; }
.item-list .item{display: flex; align-items: center; margin: 0 0 15px 0; padding:0; position: relative;}
.item-list dl {overflow: hidden; padding-bottom: 1ex; font-size: .933em}
.item-list dt {float: left; padding-right: 1ex; opacity: 0.8; font-weight: 400}

.item-list .item .thumbnail{ float: left; padding: 0px; width:60px; /* height: 60px; */ position: relative; margin-right:1em;}
.item-list .item .thumbnail img{ padding:0; margin:0; width:100%; }

.item-list .item .item-title {}
.item-list .item .item-title a{text-decoration: none;}
.item-list .item .item-date{font-size: 0.9em;  display: block;  margin-bottom: 0.5em;}
.item-list .item .item-meta{font-size: 0.9em; margin-bottom:1em; display: block;}
.item-list .item .item-meta .item-date{font-size: 1em;  margin-bottom: 0;}
.item-list .item .item-teaser{font-size: 1em;}
.item-list .item .item-content{font-size: 1em;}
.item-list .item .item-content p {margin-bottom: 0.5em;}
.item-list .item .item-footer{font-size: 0.9em; margin: 1em 0;}
.item-list .item .item-permalink{margin-bottom: 0;}

.item-nav{	
	display: flex;
	gap:var(--item-gap);
	justify-content:center;
	margin: var(--item-gap) 0;
	flex-wrap: wrap;
	a{
		margin: 0;
		flex:1;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;

		max-width: calc(33% - var(--item-gap)/3);
		display: flex;
		justify-content: space-between;
		align-items: center;
		span{
			text-overflow: ellipsis;
			overflow: hidden;
			flex:1;
		}
	}

	@media only screen and (max-width:511px) {
		a{
			min-width: 100%;
		}
	}
}

.item-list .item .title {}
.item-list .item .title a{font-size: 1.1em; text-decoration: none;}
.item-list .item .date{font-size: 0.9em;  display: block;  margin-bottom: 0.5em;}
.item-list .item .meta{font-size: 0.9em; margin-bottom:1em; display: block;}
.item-list .item .meta .date{font-size: 1em;  margin-bottom: 0;}
.item-list .item .teaser{font-size: 1em;}
.item-list .item .content{font-size: 1em;}
.item-list .item .content p {margin-bottom: 0.5em;}
.item-list .item .footer{font-size: 0.9em; margin: 1em 0;}
.item-list .item .permalink{margin-bottom: 0;}


.receipt {font-size: 12px;
text-align: left;
border:1px dashed  #cdcdcd;
padding:20px;
margin:1em;}
.receipt .transaction-info{float: left; width:49%;}
.receipt .transaction-info + .transaction-info{ margin-left:2%;}
.receipt .transaction-info-full{float: none; width:100%;}

.receipt .transaction-info strong{width: 140px; display: inline-block;}
.receipt table{clear:both; border:1px solid #cdcdcd; border-right:none; border-bottom: none; margin: 0; padding: 0; width:100%;}
.receipt td{border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding: 5px;}
.receipt thead td{background:#f2f2f2; color: #000; font-weight: bold; text-align: left;}
.receipt table .details{width:90%;}
.receipt table .total{text-align: right;}
.receipt table .price{text-align: right; white-space: nowrap;}
.receipt table .total.price{font-weight: bold}
.receipt .order-info { clear: both; }
/*
.item-nav .older-item{float: right;}
.item-nav .newer-item{float: left;}
*/

.full-mode .item-list .item{min-height: 60px; padding:10px; margin-bottom: 5px;}
.compact-mode .item-content img {max-width: 100%; height: auto;}




/* General UI Element Styles */
/* Mini-Date object*/
p.date {margin:3px 10px 0px 0; float: left; width: 37px; background:#666666; color: #fff;  text-align: center; text-transform: uppercase}
p.date span {display: block; vertical-align: middle; font-size: 0.65em; padding:0px 0;}
p.date .weekday {padding: 0 0 2px;}
p.date .day {font-size: 1.75em; padding:2px 0 0; /* margin-top:-4px; */ }
p.date .month {background: #464646;}
p.date .year{
border-top: 1px solid rgba(170, 170, 170, 0.5);
clear: both;
padding: 2px;
background: rgba(200, 200, 200, 0.4);
}


.style-module{ display: none !important;}
.script-module{display: none !important;}


/* Dialog windows */
.modal-dialog-window .dialog{font-size:1em; position: absolute; z-index: 4000; display: none; width: 514px; padding: 18px 10px 5px 10px; border: 1px solid #c2beb1; background:#fff; -webkit-box-shadow: 0 0 10px rgba(27, 26, 24, 0.33); box-shadow: 0 0 10px rgba(27, 26, 24, 0.33)}
.modal-dialog-window .dialog img {float: left}
.modal-dialog-window .dialog span.loader {padding:0; text-align: center; width:32px; height:32px; background: url('/common/images/loader.gif'); margin: 20px auto; display: block;}
/* .window div {margin-left: 170px} */
.modal-dialog-window .dialog h2.title {margin: -18px -10px 1em; padding: 10px 40px 10px 15px; border-bottom: 1px solid #cdcdcd; background: #f2f2f2; color:#333;  font-size: 1.25em; font-weight: bold; line-height: 20px}
.modal-dialog-window .dialog h3 {margin: 0; padding: 0; color: #F2F2F2; font-size: 1em; line-height: 1.2em}

.modal-dialog-window .dialog a.close {font-size: 0.7em; position: absolute; right: 15px; top: 0px; overflow: hidden; line-height: 40px;}



.ui-widget-overlay,
.modal-dialog-overlay { position: fixed; z-index: 3999; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; }


.include-widget + .row, 
.row + .include-widget{
	float: left;
	width: 100%;
}

.ui-dialog .ui-dialog-title{
	font-weight: bold;
	font-size: 1.25em;
	padding:1rem;
}
.ui-dialog .ui-dialog-titlebar-close{
	border:none;
	background:none;
	font-family:FontAwesome;
	font-size:1.25em;
	padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close:after{
	content: "\f00d";
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 0;
}
.ui-dialog .ui-dialog-titlebar-close > span{display: none;}

.ui-dialog .ui-widget-header{
	border: none;
	margin: -4px -4px 4px;
}

ul.tagit-autocomplete{
	border-radius: 5px;
	overflow: hidden;
	padding:0.25em 0;
	li.ui-menu-item{
		padding:0;	
		font-size: 1em;	
		a{
			margin: 0;
			display: block;
			transition:none;
			padding: 0.35em 1.35em;
			strong{
				font-size: 1em;
			}
		}
		a.ui-state-active{
			background:#f1f1f1;
			border:none;
			color:#333;
			margin: 0;
		}
	}
}

.ui-autocomplete-category{
	padding: 0.5em 0em 0.25em;
	font-size: 0.85em;
	opacity: 0.5;
	margin: 0 0.85em;
	&:not(:first-of-type){
		border-top: 1px solid #cdcdcd;
	}
}
.ui-autocomplete .ui-menu-item{
	font-size: 1.15em;
	padding:6px 10px;
}







/* new item-list stuff */
.grid-actions,
.stack-actions{
	display: block;
	text-align: center;
}

.item-list-grid{
	margin: var(--item-gap) 0;
	padding:0;
	box-sizing: border-box;
	display: block;
	display: flex;
	flex-wrap: wrap;
	gap:var(--item-gap);
}


.item-list-grid .item {
	position: relative;
	display: flex;
	width: 33.333%;
	width: calc( (100% / var(--item-columns)) - (( (var(--item-columns) - 1) / var(--item-columns)) * var(--item-gap)));
	opacity: 1;
	transition: all 0.2s ease-in-out, opacity 1s ease;
	container-type: inline-size;
}

.item-list-grid .item.hidden{
	opacity: 0;
}
.item-list-grid .item > div{
	box-sizing: border-box;	
	vertical-align: top;
	position: relative;
	border:var(--item-border);
	/* padding:var(--item-padding); */
	background:var(--item-background);
	flex: 1;
	width: 100%;
	border-radius: var(--item-border-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	
	& > a{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		
	}
}

.item-list-grid .item.invisible{
	visibility: hidden;
	margin:0;
	padding:0;
}

/* .item-list-grid .item.with-thumbnail > div{
	padding:var(--item-padding);
} */
.item-list-grid .item .item-date{
	font-weight: 100 ;
}
.item-list-grid .item .item-title a{
	text-decoration: none;
	
/*
	 -ms-word-break: break-all;
     word-break: break-all;
*/

     /* Non standard for WebKit */
/*      word-break: break-word; */

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
	
}

.item-list-grid .item .item-image{
	margin:0;
	/* margin: calc(-1 * var(--item-padding)) calc(-1 * var(--item-padding)) 0; */
	overflow: hidden;
	display: block;
	min-width: 100cqw;
	/* aspect-ratio: 1200 / 630; */
	& > span{
		height: 100%;
	}
}
.item-list-grid .item .item-image a{
	display: block;
	background-size: cover;
	background-position: center ;
	background-repeat: no-repeat ;
	height:100%;
}

.item-list-grid .item .item-image:hover img{
	transform: var(--item-image-transform-end);
}
.item-list-grid .item .item-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    aspect-ratio: 1200 / 630;
	transform: var(--item-image-transform-start);
	transition: var(--item-image-transition);
}
.item-list-grid .item .item-meta{
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: var(--item-padding);
	/* justify-content: start; */
}
.item-list-grid .item .item-footer{
	margin:0;
	padding: var(--item-padding);
}
.item-list-grid .item .item-footer a{
	margin-top:0;
}
.item-list-grid .item .item-excerpt *{
	max-width: 100%;
	
}
.item-list-grid .item .item-excerpt-body{
	/* display: inline-block;
	max-height: calc(4em * var(--line-height-body));
	overflow: hidden;
	line-height: var(--line-height-body); */
}
.item-list-grid .item .item-excerpt a{
	white-space: nowrap;
}

.item-list-grid .item .item-excerpt{
	flex:1;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

}

/* [data-max-width*="768"] .item-list-grid .item{
	min-width: 50%;
	min-width: calc( (100% / 2) - ((1 / 2) * var(--item-gap)));
	--item-columns:2;
} */




[data-max-width*="511"] {
	.item-list-grid .item{
		min-width: 100%;
		--item-columns:1;
	}
}

@media only screen and (max-width: 679px) {
	.item-list-grid .item{
		min-width: 50%;
		min-width: calc( (100% / 2) - ((1 / 2) * var(--item-gap)));
		--item-columns:2;
	}
}


@media only screen and (max-width: 511px) {
	.item-list-grid .item{
		min-width: 100%;
		--item-columns:1;
	}
}

.item-list-grid .item:only-child,
.item-list-grid[style*="--item-columns:1"] .item{
	--item-columns:1;
	min-height: 200px;
	& > div{
		flex-direction: row;
		& > a{
			flex-direction: row;
			flex:1;
		}
	}
	.item-image{
		width: 50%;
		min-width: auto;
		margin:0;
	}
	.item-meta{
		flex:1;
	}
	.item-footer{
		min-width: 100%;
		background-color: rgba(242, 242, 242, 0.5);
		margin:0;
		/* margin:0 calc(-1 * var(--item-padding)) calc(-1 * var(--item-padding)) calc(-1 * var(--item-padding)); */
		flex:1;
		display: flex;
		justify-content: end;
	}
}

.item-list-grid .item:first-child:nth-last-child(2),
.item-list-grid .item:first-child:nth-last-child(2) ~ .item {
	--item-columns:2;
}


@media only screen and (max-width:511px) {
	.item-list-grid .item:only-child,
	.item-list-grid[style*="--item-columns:1"] .item{
		& > div{
			flex-direction: column;
			& > a{
				flex-direction: column;
			}
		}
		.item-image{
			min-width: 100cqw;
			/* margin: calc(-1 * var(--item-padding)) calc(-1 * var(--item-padding)) 0 calc(-1 * var(--item-padding)) ; */
		}
	}
	.item-list-grid .item:first-child:nth-last-child(2),
	.item-list-grid .item:first-child:nth-last-child(2) ~ .item {
		--item-columns:1;
	}
}

[data-max-width*="511"] {
	.item-list-grid .item:only-child,
	.item-list-grid[style*="--item-columns:1"] .item{
		min-height: auto	;
		& > div{
			flex-direction: column;
			& > a{
				flex-direction: column;
			}
		}
		.item-image{
			min-width: 100cqw;
			/* margin: calc(-1 * var(--item-padding)) calc(-1 * var(--item-padding)) 0 calc(-1 * var(--item-padding)); */
		}
	}	
	.item-list-grid .item:first-child:nth-last-child(2),
	.item-list-grid .item:first-child:nth-last-child(2) ~ .item {
		--item-columns:1;
	}
}


.item-list-stack{
	box-sizing: border-box;
	display: block;
	padding:0;
	display: flex;
	flex-direction: column;
	margin:1rem 0;
	gap: var(--item-gap);
}

.item-list-stack .item{
	--item-columns:1;
	display: flex;
	position: relative;
	container-type: inline-size;
	
	&:has(.item-image){
		min-height: 200px;
	}

	& > div{
		box-sizing: border-box;	
		vertical-align: top;
		position: relative;
		border:var(--item-border);
		/* padding:var(--item-padding); */
		background:var(--item-background);
		flex: 1;
		width: 100%;
		border-radius: var(--item-border-radius);
		overflow: hidden;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

		/* & > a{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		} */
	}

	.item-image{
		width: calc(50%);
		min-width: auto;
		overflow: hidden;
		display: block;
		
		a{
			display: block;
			background-size: cover;
			background-position: center ;
			background-repeat: no-repeat ;
			height:100%;
		}
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			aspect-ratio: 1200 / 630;
			transform: var(--item-image-transform-start);
			transition: var(--item-image-transition);
		}
		
		&:hover img{
			transform: var(--item-image-transform-end);
		}
	}
	.item-title a{text-decoration: none;}
	.item-meta{
		flex: 1;
		display: flex;
		flex-direction: column;
		/* justify-content: space-between; */
		padding: var(--item-padding);
	}
	.item-excerpt{
		flex:1;
	}

	.item-footer{
		min-width: 100%;
		background-color: rgba(242, 242, 242, 0.5);


		flex:1;
		padding:var(--item-padding);
		display: flex;
		justify-content: end;
	}

}
[data-max-width*="511"] {
	.item-list-stack .item{
		& > div{
			flex-direction: column;
		}
		.item-image{
			width:auto;
			min-width: 100cqw;
			/* margin: calc(-1 * var(--item-padding)) calc(-1 * var(--item-padding)) 0 calc(-1 * var(--item-padding)); */
		}
	}

}


.item-list .item .item-category,
.item-list-grid .item .item-category {
	position: absolute;
	display: inline-block;
	top: 7px;
	left: -7px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	z-index: 1;
}
.item-list .item .item-category span,
.item-list-grid .item .item-category span{
	display: none;
}

.item-list .item .item-category a,
.item-list .item .item-category em,
.item-list-grid .item .item-category a,
.item-list-grid .item .item-category em{
	color: #fff;
	margin: 0.25em 0.5em 0 0;
	text-decoration: none;
	display: inline-block;
	background: #333;
	padding: 5px 10px;
	font-style: normal;
}
.item-list .item .item-category a:hover,
.item-list-grid .item .item-category a:hover{
	text-decoration: underline;
}


.item-list-grid.swiper-wrapper{
	flex-wrap: nowrap;
	justify-content: initial;
}

.featured-list {
	position: relative;
	container: features / inline-size;
}
.featured-list .swiper-container{
	padding: 20px 0 20px;
	margin: 0 40px;
} 
.featured-list .swiper-container:has(.swiper-pagination-lock){
	margin:0;
}

/* .featured-list .item-list-grid .item{
	flex-shrink: 0;
	flex-grow: 1;
	height: auto;
	min-width: initial;
	max-width: initial;
} */

.featured-list .item-list-grid .item.swiper-slide{
	flex:initial;
	flex-shrink: 0;
	flex-grow: 1;
	height: auto;
	min-width: initial;
	max-width: initial;
	/* padding: 0 6px; */
}

.featured-list .swiper-container-horizontal>.swiper-pagination-bullets, 
.featured-list  .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0.5rem;
}


.featured-list .swiper-navigation-disabled ~ .swiper-button-prev,
.featured-list .swiper-navigation-disabled ~ .swiper-button-next{
	display: none;
}

.featured-list .swiper-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
}

@container features (width < 560px) {
	/* prevent module from constantly resizing when swiper-navigation-disabled breakpoint is hit due to change in margins */
	.featured-list{
		.swiper-container{
			margin-left:0;
			margin-right:0;
		}
		.swiper-button-prev,
		.swiper-button-next{
			display: none;
		}
	}
}


.featured-list .swiper-button-next,  .featured-list .swiper-button-prev{
	top: calc(50% - 20px)
}


.featured-list:after{
	content: "";
	border-bottom: 1px solid rgba(204, 204, 204, 0.47);
	display: block;
	width: 60%;
	margin: 9px auto;
}


.blogs-module.compact-mode .item-list.no-date .item{
	padding-left: 0;
}

.payments-block{
	width: 100%;
	display: grid; 
	
	grid-auto-rows: min-content; 
	grid-column-gap: 1rem;
	grid-row-gap: 1rem; 
}

.payments-block.inline{grid-template-columns: 60% 1fr; }
.payments-block.inline .invoice-breakdown { grid-area: 1 / 2 / 3 / 3; } 
@media only screen and (max-width:480px) {
	.payments-block.inline{grid-template-columns: 1fr; }
	.payments-block.inline .invoice-breakdown { grid-area: 2; } 
}
.payments-block table{
	border-collapse: collapse;
}
.payments-block .checkout-form{
	text-align: right;
}
.payments-block .checkout-form .back-btn{
	float: left;
}

.payments-block .customer-details,
.payments-block.inline .checkout-form,
.payments-block .invoice-breakdown{
	margin:0;
	padding: 0rem 2rem;
	list-style: none;
	border: 1px solid rgba(205, 205, 205, 0.5);
	width:100%;
}
.payments-block .invoice-breakdown table{
	width:100%;
}

.payments-block .customer-details > li,
.payments-block .checkout-form > div{
	padding: 1rem 0;
	border-bottom:1px solid rgba(205, 205, 205, 0.5);
}


.payments-block .customer-details li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.payments-block .customer-details span{
	flex:1;
	margin-right:2rem;
	text-overflow: ellipsis;
	overflow: hidden;
}
.payments-block .customer-details em{
	font-size: 0.7em;
	min-width: 7rem;
	font-style: normal;
}

.payments-block .customer-details li:last-of-type,
.payments-block .checkout-form > div:last-of-type{
	border:none;
} 
.payments-block .checkout-form.moneris-checkout{
	padding:1rem 0;
	background-color: rgb(250, 250, 250);
}
.payments-block .checkout-form.moneris-checkout > div{
	padding:0;
}

.payments-block .invoice-breakdown td{
	padding:1rem 0;
}
.payments-block .invoice-breakdown tbody.cart tr td{
	border-bottom:1px solid rgba(205, 205, 205, 0.5);
}

.payments-block .invoice-breakdown tbody.totals tr:first-child td{
	padding:2rem 0 0;
}
.payments-block .invoice-breakdown tbody.totals tr.total td{
	padding:2rem 0;
}
.payments-block .invoice-breakdown tbody.totals td{
	padding:0;
}
.payments-block .invoice-breakdown tr.total{
	font-size: 1.15em;
	white-space: nowrap;
}
.payments-block .invoice-breakdown strong.description{
	font-size: 1.25em;
}

.payments-block .invoice-breakdown .unit{
	display: block;
	font-size: 0.75em;
	white-space: nowrap;
}

.payments-block p{
	max-width: 720px;
	text-align: center;
	margin: 0 auto;
}
.payments-block .order-receipt{
	width:640px;
	font-size: 16px;
	border: 1px dashed  #cdcdcd;
	padding: 2rem;
	margin: 1em auto;
	background-color: #f9f9f9; border-radius: 5px;
}
.payments-block .order-receipt p{
	text-align: left;
}
.payments-block .order-receipt table{margin:2rem 0;}
.payments-block .align-right{text-align: right;}

.order-receipt table{margin:0.5rem 0;width:100%;overflow:hidden}
.order-receipt table td, .order-receipt table th{vertical-align: top;}
.order-receipt .align-right{text-align: right;}
.order-receipt .order-summary{border-top:1px solid #eaeaea; text-align: left; margin:30px 0; padding:10px 0 0;}
.order-receipt .order-summary table{border:1px solid #eaeaea;}
.order-receipt .order-summary th, .order-receipt .order-summary td{border-bottom:1px solid #eaeaea; padding:10px; vertical-align: top;}
.order-receipt .receipt-content{ margin:20px 0; padding: 10px;}
.order-receipt .receipt-footer{ font-size: 0.9em; }
.order-receipt p{margin:0 0 1rem;}
.order-receipt .receipt-content hr{border:none; background:none; height:1px; border-top:1px solid #eaeaea; margin:1em auto;}
.order-receipt .receipt-content a{-ms-word-break: break-all; word-break: break-all; word-break: break-word; word-wrap:break-word;}
.order-receipt .item-download{
	font-size: 0.9em;
}
.order-receipt .item-specifications{
	margin:0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}

form .toggle-switch {
	display: flex;
	position: relative;
	align-items: center;
	border: 1px solid #919191;
	border-radius: 5px;
	margin:1rem 0 0;
	overflow: hidden;
}
form .toggle-switch label{
	text-align: center;
	flex:1;
	padding: 1rem;
	margin: 0;
}
form .toggle-switch-radio{
	display: none;
}
.toggle-switch label{
	background:linear-gradient(#eee 20%,#fff 80%);
}

form .toggle-switch-radio:nth-of-type(1):checked ~ .toggle-switch label:nth-of-type(1),
form .toggle-switch-radio:nth-of-type(2):checked ~ .toggle-switch label:nth-of-type(2),
form .toggle-switch-radio:nth-of-type(3):checked ~ .toggle-switch label:nth-of-type(3),
form .toggle-switch-radio:nth-of-type(4):checked ~ .toggle-switch label:nth-of-type(4){
	background: #4087f2;
	color: #fff;
}

.module-intro-text{
	margin:var(--item-gap) 0;
}
.module-header-actions{
	margin:2rem 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}


.star-rating {
	--letter-spacing:0.2em;
	display: inline-block;
	margin:0;
	padding:0;
	align-items: center;
	position: relative;
	font-family:FontAwesome;
	white-space: nowrap;
	
	&:before{	
		content: "\f005 \f005 \f005 \f005 \f005";
		color: rgba(0,0,0,0.2);
		letter-spacing: var(--letter-spacing);
	}

	&:after{
		content: "\f005 \f005 \f005 \f005 \f005";
		position: absolute;
		display: block;
		color: gold;
		overflow: hidden;
		width:calc(((var(--rating) / 5) * 100%) - (var(--letter-spacing) / 2));
		letter-spacing: var(--letter-spacing);
		height: 100%;
		top: 0;
	}
  }

.star-rating-input {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	gap: 2rem;
	margin: 0;
	padding: 0.75rem 0;


	label {
		cursor: pointer;
		font-size: 0;
		color: rgba(0, 0, 0, 0.2);
		transition: color 0.1s ease-in-out;
	}

	label:before {
		content: "\f005";
		font-family: "Fontawesome";
		display: inline-block;
		font-size: 32px;
		vertical-align: middle;
	}

	input {
		position: fixed;
		opacity: 0;
		pointer-events: none;
	}

	input:checked~label {
		color: #ffc700;
		color: gold;
	}

	label:hover,
	label:hover~label {
		color: goldenrod;
	}

	input:checked+label:hover,
	input:checked+label:hover~label,
	input:checked~label:hover,
	input:checked~label:hover~label,
	label:hover~input:checked label {
		color: darkgoldenrod;
	}

	i {
		font-size: 26px;
		color: rgba(0, 0, 0, 0.2);
	}

	i.active {
		color: gold;
	}
}


.notification-ribbon{
	display: flex;
	justify-content: space-between;
	gap: 1em;
	padding: 0.5em 1em;
	&.error{
		background-color:red;
		color:#fff;
	}
	&.success{
		background-color:green;
		color:#fff;
	}
}