body{
  --ok-bg:#ecfdf5; --ok-fg:#065f46;
  --warn-bg:#fff7ed; --warn-fg:#9a3412;
  --none-bg:#f3f4f6; --none-fg:#374151;
  --err-bg:#fef2f2; --err-fg:#991b1b;
  --ld-bg:#eef2ff; --ld-fg:#3730a3;
  --line:#e5e7eb;
}

.ss-pill{
    display:inline-flex; 
    align-items:center; 
    gap:.35rem; 
    border-radius:9999px; 
    padding:.2rem .6rem; 
    font-size:.85rem; 
    font-weight:700; 
    border:1px solid var(--line)
}
.ss-pill .subl{font-weight:600; opacity:.9}
.ss-pill.ok{background:var(--ok-bg); color:var(--ok-fg)}
.ss-pill.warn{background:var(--warn-bg); color:var(--warn-fg)}
.ss-pill.none{background:var(--none-bg); color:var(--none-fg)}
.ss-pill.err{background:var(--err-bg); color:var(--err-fg)}
.ss-pill.ld{background:var(--ld-bg); color:var(--ld-fg)}

.invalid_icon::before {
    content: "\f05e";
	font-size: 15px;
	font-family: "FontAwesome";
	color: #d22129;
	margin-left: 5px; 
	margin-right: 10px;
}

.amberStatus {
    padding: 2px 7px;
    background: #f7a610; /* TODO: (ASK ADAM) Do we have a "standard" yellow/amber color already? */
    border-radius: 5px;
    color: #fff;
}

.pendingStatus {
    padding: 2px 7px;
    background: #848484; /* TODO: (ASK ADAM) Do we have a "standard" gray color already? */
    border-radius: 5px;
    color: #fff;
}


/* CRC DASHBOARD
------------------------------------------------------------------------- */
/* Edit Settings - Global styles */
main#edit-settings {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

	#edit-settings .content-wrap {
		padding-right: 40px;
		padding-left: 40px;
	}

	#edit-settings .btn.blue {
		display: block;
		float: none;
		background-color: rgb(67, 179, 209) !important;
	}

		#edit-settings .btn.blue span {
			background-color: rgb(31, 151, 186) !important;
		}

/* 990px */
@media screen and (max-width: 990px) {

	#edit-settings .content-wrap {
		padding-right: 30px;
		padding-left: 30px;
	}

}


/* Heading */
#edit-settings .heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin-bottom: 2rem;
}

	#edit-settings .heading .text {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 1rem;
	}

	#edit-settings .heading h1 {
		margin: 0;
	}

	#edit-settings .heading .published-toggle {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		position: relative;
		font-size: 1rem;
		font-style: normal;
	}

		#edit-settings .heading .published-toggle span {
			font-size: 85%;
		}

		#edit-settings .heading .published-toggle span::before {
			content: "Unpublished";
			padding: 0.25em 0.6em;
			/*background-color: rgb(0, 0, 0, 0.1);*/
			background-color: #d40000;
			border-radius: 0.25em;
			/*color: #666;*/
			color: white;
		}

		#edit-settings .heading .published-toggle input:checked ~ span::before {
			content: "Published";
			background-color: rgb(106, 176, 20, 0.2);
			color: rgb(73, 121, 14);
		}

		#edit-settings .heading .published-toggle input {
			width: 2.75em;
			height: 1.5em;
			appearance: none;
			position: absolute;
			left: 0;
			margin: 0;
			z-index: 1;
			cursor: pointer;
			opacity: 0;
			font-size: 1em;
		}

		#edit-settings .heading .published-toggle div {
			width: 2.75em;
			height: 1.5em;
			position: relative;
			background-color: currentColor;
			border-radius: 2em;
			/*color: #ccc;*/
			color: #d40000;
		}

		#edit-settings .heading .published-toggle input:focus-visible ~ div {
			outline: auto;
		}

		#edit-settings .heading .published-toggle div::before {
			content: "";
			width: 1.5em;
			height: 1.5em;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #fff;
			border: 0.2em solid currentColor;
			border-radius: 2em;
			transform: translateX(0);
			transition: 0.15s ease all;
			box-sizing: border-box;
		}

	#edit-settings .heading .published-toggle input:checked ~ div {
		/*color: #1f97ba;*/
		color: #547826;
	}

	#edit-settings .heading .published-toggle input:checked ~ div::before {
		left: 100%;
		transform: translateX(-100%);
	}

	#edit-settings .heading .extra {
		display: flex;
		gap: 1rem;
		font-style: italic;
	}

		#edit-settings .heading .extra a {
			display: flex;
			align-items: center;
			gap: 0.4em;
		}

		#edit-settings .heading .extra a::after {
			content: "";
			width: 1.2em;
			height: 1.2em;
			display: inline-block;
			background-size: cover;
			background-repeat: none;
		}

		#edit-settings .heading .icon-registrants::after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(170,170,170,1)'%3E%3Cpath d='M8 4H21V6H8V4ZM4.5 6.5C3.67157 6.5 3 5.82843 3 5C3 4.17157 3.67157 3.5 4.5 3.5C5.32843 3.5 6 4.17157 6 5C6 5.82843 5.32843 6.5 4.5 6.5ZM4.5 13.5C3.67157 13.5 3 12.8284 3 12C3 11.1716 3.67157 10.5 4.5 10.5C5.32843 10.5 6 11.1716 6 12C6 12.8284 5.32843 13.5 4.5 13.5ZM4.5 20.4C3.67157 20.4 3 19.7284 3 18.9C3 18.0716 3.67157 17.4 4.5 17.4C5.32843 17.4 6 18.0716 6 18.9C6 19.7284 5.32843 20.4 4.5 20.4ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z'%3E%3C/path%3E%3C/svg%3E");
		}

		#edit-settings .heading .icon-admins::after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(170,170,170,1)'%3E%3Cpath d='M19 10H20C20.5523 10 21 10.4477 21 11V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V11C3 10.4477 3.44772 10 4 10H5V9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9V10ZM17 10V9C17 6.23858 14.7614 4 12 4C9.23858 4 7 6.23858 7 9V10H17ZM11 14V18H13V14H11Z'%3E%3C/path%3E%3C/svg%3E");
		}

		#edit-settings .heading .icon-webpage::after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(170,170,170,1)'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM16.0043 12.8777C15.6589 12.3533 15.4097 11.9746 14.4622 12.1248C12.6717 12.409 12.4732 12.7224 12.3877 13.2375L12.3636 13.3943L12.3393 13.5597C12.2416 14.2428 12.2453 14.5012 12.5589 14.8308C13.8241 16.1582 14.582 17.115 14.8116 17.6746C14.9237 17.9484 15.2119 18.7751 15.0136 19.5927C16.2372 19.1066 17.3156 18.3332 18.1653 17.3559C18.2755 16.9821 18.3551 16.5166 18.3551 15.9518V15.8472C18.3551 14.9247 18.3551 14.504 17.7031 14.1314C17.428 13.9751 17.2227 13.881 17.0582 13.8064C16.691 13.6394 16.4479 13.5297 16.1198 13.0499C16.0807 12.9928 16.0425 12.9358 16.0043 12.8777ZM12 3.83333C9.68259 3.83333 7.59062 4.79858 6.1042 6.34896C6.28116 6.47186 6.43537 6.64453 6.54129 6.88256C6.74529 7.34029 6.74529 7.8112 6.74529 8.22764C6.74488 8.55621 6.74442 8.8672 6.84992 9.09302C6.99443 9.40134 7.6164 9.53227 8.16548 9.64736C8.36166 9.68867 8.56395 9.73083 8.74797 9.78176C9.25405 9.92233 9.64554 10.3765 9.95938 10.7412C10.0896 10.8931 10.2819 11.1163 10.3783 11.1717C10.4286 11.1356 10.59 10.9608 10.6699 10.6735C10.7307 10.4547 10.7134 10.2597 10.6239 10.1543C10.0648 9.49445 10.0952 8.2232 10.268 7.75495C10.5402 7.01606 11.3905 7.07058 12.012 7.11097C12.2438 7.12589 12.4626 7.14023 12.6257 7.11976C13.2482 7.04166 13.4396 6.09538 13.575 5.91C13.8671 5.50981 14.7607 4.9071 15.3158 4.53454C14.3025 4.08382 13.1805 3.83333 12 3.83333Z'%3E%3C/path%3E%3C/svg%3E");
		}
		
		#edit-settings .heading .legacy-setup::after {
			content: "";
			display: inline-block;
			width: 18px;
			height: 18px;
			margin-left: 6px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,1)' viewBox='0 0 24 24'%3E%3Cpath d='M9 12l8-6v12zM5 6h2v12H5z'/%3E%3C/svg%3E");
		}




/* 990px */
@media screen and (max-width: 990px) {

	#edit-settings .heading {
		flex-direction: column;
		align-items: start;
	}
		#edit-settings .heading .extra {
			flex-wrap: wrap;
		}
			#edit-settings .heading .extra a::after {
				order: -1;
			}
}


/* Type options */
#edit-settings .type-options {
	padding-bottom: 2rem;
}

#edit-settings .type-options-select {
	background-color: #fff;
	border: 1px solid #ddd;
	border-left: 3px solid rgb(31, 151, 186);
	border-radius: 0.25rem;
	box-shadow: 0 0.25em 0.5em rgb(0, 0, 0, 0.06);
}

	#edit-settings .type-options-select .grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

		#edit-settings .type-options-select .top label {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 1rem;
			position: relative;
			padding: 0.75rem 1rem;
			cursor: pointer;
		}

		#edit-settings .type-options-select .top label.option-premium {
			border-left: 1px solid #ddd;
		}

		#edit-settings .type-options-select .top label::after {
			content: "";
			width: 1.5em;
			height: 1.5em;
			display: block;
			flex: 0 0 auto;
			background-color: #fafafa;
			border: 1px solid #aaa;
			border-radius: 50%;
			box-sizing: border-box;
		}

		#edit-settings .type-options-select .top label:has(input[type="radio"]:checked)::after {
			background-color: #1f97ba;
			border: 0;
			mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 20 20'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-.997-6 7.071-7.071-1.414-1.414-5.657 5.657-2.829-2.829-1.414 1.414L11.003 16Z' style='fill:%231f97ba;fill-rule:nonzero' transform='translate(-2 -2)'/%3E%3C/svg%3E");
			mask-size: cover;
			mask-repeat: no-repeat;
		}

		#edit-settings .type-options-select .top input[type="radio"] {
			position: absolute;
			opacity: 0;
		}

		#edit-settings .type-options-select .title {
			margin-bottom: 0.25em;
		}

	#edit-settings .type-options-select .bottom {
		position: relative;
	}

	#edit-settings .type-options-select .bottom.is-disabled {
		display: none;
	}

	#edit-settings .type-options-select .bottom::before {
		content: "";
		width: 50%;
		position: absolute;
		top: 0;
		left: 0;
		border-top: 1px solid #ddd;
	}

		#edit-settings .type-options-select .bottom > div {
			padding: 0.75rem 1rem;
		}

	#edit-settings .type-options-select .payment-cards {
		display: flex;
		align-items: center;
		gap: 0.25rem;
		margin-top: 0.5rem;
	}

		#edit-settings .type-options-select .payment-cards img {
			width: 2.5rem;
			min-width: 1px;
		}
	
	/*
	#edit-settings .type-options-select .payment-options {
		display: flex;
		gap: 1rem;
	}

		#edit-settings .type-options-select .payment-options input {
			margin: 3px 0 0;
		}

		#edit-settings .type-options-select .payment-options label {
			display: flex;
			align-items: start;
			gap: 0.3rem;
		}
		*/
		
/* 600px */
@media screen and (max-width: 600px) {

	#edit-settings .type-options-select .grid {
		display: block;
	}

	#edit-settings .type-options-select .top label.option-premium {
		border-top: 1px solid #ddd;
		border-left: 0;
	}

	#edit-settings .type-options-select .bottom::before {
		display: none;
	}

	#edit-settings .type-options-select .payment-options {
		flex-direction: column;
		gap: 0.25rem;
		padding-top: 0 !important;
	}

}


/* CRIMINAL RECORD CHECKS */
.criminalRecordCheckDashboardDiv h4 {
	cursor: pointer;
}
	.criminalRecordCheckDashboardDiv h4.saved:before {
		content: "\f07c" !important;
		color: black;
	}

#criminalRecordCheckDashboardContentDiv p {
	font-size: 16px;
}

.settings-categories {
	width: 100%;
	display: grid;
	/* grid-template-columns: 250px 1fr; */
	/* border-top: 1px solid #ddd; */
}

.settings-categories ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.categories-list {
	background-color: #fafafa;
	border-right: 1px solid #ddd;
}

	.categories-list .mobile-categories-list {
		width: 100%;
		display: none;
		justify-content: center;
		align-items: center;
		gap: 0.25em;
		background-color: rgb(31, 151, 186);
		border: 0;
		border-radius: 0;
		padding: 0.75rem 1rem;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}

	.categories-list .mobile-categories-list::after {
		content: "";
		width: 1.5em;
		height: 1.5em;
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
		transition: 0.5s ease transform;
	}

	.categories-list .mobile-categories-list.is-active::after {
		transform: rotateX(180deg);
	}

	.categories-list li {
		display: block;
		position: relative;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}

	.categories-list a {
		display: flex;
		align-items: center;
		gap: 1em;
		padding: 0.75rem 1rem;
		color: #222;
	}

	.categories-list a:hover,
	.categories-list a:focus,
	.categories-list a.is-active {
		background-color: rgb(0, 0, 0, 0.06);
		text-decoration: none;
	}

	.categories-list a.is-active {
		border-right: 3px solid rgb(31, 151, 186);
	}

	.categories-list a::before {
		content: "";
		width: 1.1em;
		height: 1.1em;
		display: block;
		flex: 0 0 auto;
		mask-size: cover;
		mask-repeat: no-repeat;
		background-color: currentColor;
	}

	.categories-list .is-locked {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-right: 1rem;
	}

		.categories-list .is-locked a {
			color: #bbb;
			pointer-events: none;
			user-select: none;
		}

.category-info {
	padding: 40px;
    width: 100%;
}

	.category-info .crc-card-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		/* grid-auto-rows: 1fr; */
		gap: 1rem;
	}

		.category-info .crc-card-grid li {
			position: relative;
			text-align: center;
		}

		.category-info .crc-card-grid li:not(.is-locked):hover,
		.category-info .crc-card-grid li:not(.is-locked):focus-within {
			top: -5px;
		}

	.category-info .crc-card {
		height: 100%;
		display: block;
		position: relative;
		top: 0;
		padding: 1rem;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 0.25rem;
		box-shadow: 0 0.25em 0.5em rgb(0, 0, 0, 0.06);
		color: #222;
		transition: 0.1s ease all;
	}

	.category-info .crc-card::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		border: 0 solid transparent;
		border-radius: 0.25rem;
		transition: 0.1s linear all;
	}

	.category-info .crc-card:hover,
	.category-info .crc-card:focus {
		text-decoration: none;
	}

	.category-info .crc-card-grid li:not(.is-locked):hover .crc-card,
	.category-info .crc-card-grid li:not(.is-locked):focus-within .crc-card {
		box-shadow: 
			0 0.5rem 1rem rgb(31, 151, 186, 0.05),
			0 1rem 2rem -0.7rem rgb(31, 151, 186, 0.05),
			0 2rem 4rem -1.4rem rgb(31, 151, 186, 0.05);
	}

	.category-info .crc-card-grid li:not(.is-locked):hover .crc-card::before,
	.category-info .crc-card-grid li:not(.is-locked):focus-within .crc-card::before {
		border: 2px solid rgb(31, 151, 186);
	}

	.category-info .crc-card .title {
		display: flex;
		flex-direction: column;
		align-items: center; /* centers the icon */
		gap: 0.5rem;
		margin-bottom: 0.5rem;
		font-family: 'Titillium Web', sans-serif;
		font-size: 1.2rem;
		font-weight: 600;
	}

	.category-info .crc-card .title::before {
		font-size: 22px;
		font-weight: normal;
		font-family: "FontAwesome";
		color: black;

		/* width: 1.5em;
		height: 1.5em;
		display: block;
		flex: 0 0 auto;
		mask-size: cover;
		mask-repeat: no-repeat; */
		/* background-color: currentColor; */
	}

	.category-info .is-locked .crc-card {
		box-shadow: none;
		color: #bbb;
		pointer-events: none;
		user-select: none;
	}

	.category-info .is-locked .crc-card::before {
		background-color: rgb(0, 0, 0, 0.04);
	}

.settings-categories .is-locked {
	cursor: help;
}

.settings-categories .is-locked::after,
.settings-categories .is-completed::after {
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	display: block;
	mask-size: cover;
	mask-repeat: no-repeat;
}

.settings-categories .is-completed::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 20 20'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.657-5.657 1.414 1.414L11.003 16Z' style='fill-rule:nonzero' transform='translate(-2 -2)'/%3E%3C/svg%3E");
	background-color: #6ab014;
}

.settings-categories .is-locked::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' width='24' height='24' color='%23000000'%3E%3Cdefs%3E%3Cstyle%3E.cls-6374f8d9b67f094e4896c64a-1%7Bfill:none;stroke:currentColor;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-6374f8d9b67f094e4896c64a-1' x='5.32' y='10.09' width='13.36' height='12.41'%3E%3C/rect%3E%3Cpath class='cls-6374f8d9b67f094e4896c64a-1' d='M12,1.5h0a4.77,4.77,0,0,1,4.77,4.77v3.82a0,0,0,0,1,0,0H7.23a0,0,0,0,1,0,0V6.27A4.77,4.77,0,0,1,12,1.5Z'%3E%3C/path%3E%3Ccircle class='cls-6374f8d9b67f094e4896c64a-1' cx='12' cy='14.86' r='0.95'%3E%3C/circle%3E%3Cline class='cls-6374f8d9b67f094e4896c64a-1' x1='12' y1='19.64' x2='12' y2='15.82'%3E%3C/line%3E%3C/svg%3E");
	background-color: #222;
}

.categories-list .is-locked::after {
	width: 1rem;
	height: 1rem;
	flex: 0 0 auto;
}

.category-info .is-locked::after,
.settings-categories .is-completed::after {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
}

.category-info .icon-info {
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	top: -0.5rem;
	right: -0.5rem;
	z-index: 3;
	background-color: #fff;
	opacity: 0;
	transition: 0.1s linear all;
}


.category-info .icon-info::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	/*mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 20 20'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-12.5a1.5 1.5 0 1 0-.001-3.001A1.5 1.5 0 0 0 12 9.5Zm2 5.5h-1v-4.5h-3v2h1V15h-1v2h4v-2Z' style='fill-rule:nonzero' transform='translate(-2 -2)'/%3E%3C/svg%3E");*/
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' width='24' height='24' color='%23000000'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:currentColor;stroke-linecap:square;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cg id='video_camera' data-name='video camera'%3E%3Crect class='cls-1' x='3' y='7' width='13' height='13' rx='2'%3E%3C/rect%3E%3Cpath class='cls-1' d='M16 10l5-3v10l-5-3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	mask-size: cover;
	mask-repeat: no-repeat;
	background-color: #1f97ba;
}

/*
.category-info .icon-info::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M10 8l6 4-6 4V8z'/%3E%3C/svg%3E");
	mask-size: cover;
	mask-repeat: no-repeat;
	background-color: #1f97ba;
}
*/
.category-info li:hover .icon-info,
.category-info li:focus-within .icon-info {
	opacity: 1;
}

.category-info .icon-info:hover,
.category-info .icon-info:focus {
	transform: scale(1.15);
}

/* 1080px */
@media screen and (max-width: 1080px) {
	.category-info .crc-card-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 990px */
@media screen and (max-width: 990px) {
	.category-info .crc-card-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.category-info {
		padding: 30px;
	}
}

/* 800px */
/* @media screen and (max-width: 880px) {
	.category-info .crc-card {
		grid-template-columns: repeat(2, 1fr);
	}

	.settings-categories {
		display: block;
	}

	.categories-list .mobile-categories-list {
		display: flex;
	}

	.categories-list ul {
		max-height: 0px;
		overflow: hidden;
		transition: 0.5s ease max-height;
	}

	.categories-list ul.is-visible {
		max-height: 800px;
		border: 3px solid rgb(31, 151, 186);
		border-top: 0;
	}

	.categories-list a.is-active {
		border-right: 0;
	}
} */

/* 600px */
@media screen and (max-width: 600px) {
	.category-info .crc-card-grid {
		grid-template-columns: 1fr;
	}

	.category-info .icon-info {
		opacity: 1;
	}
}

/* Icons */
.settings-categories .icon-price::before {
	content: "\f155" !important;
}
.settings-categories .icon-funds::before {
	content: "\f19c" !important;
}
.settings-categories .icon-pending::before {
	content: "\f251" !important;
}
.settings-categories .icon-request::before {
	content: "\f234" !important;
}