:root{
		--theme-color-1: rgb(24,79,99);
		--theme-color-2: rgb(249,199,64);
		--theme-color-3: rgb(0,46,83);
	}
	
	html, body{
		min-height:100%;
		height:100%;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		  font-size: 14px;
		  line-height: 1.42857143;
		margin:0;
	}
	
	.disabled-link{
		pointer-events: none;
		cursor: pointer;
	}
	
	.subsites-container {
		width:98%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.subsites-container::after{
		clear: both;
	}
	
	.subsites-container::before, .subsites-container::after{
		content: " ";
		display:table;
	}

	.btn-primary {
		color: var(--theme-color-1);
		background-color: var(--theme-color-2);
		margin: 10px;
		border:0;
		font-weight:bold;
	}

	.btn-primary:hover {
		color: var(--theme-color-1);
		background-color: var(--theme-color-2);
	}

	.btn-primary:focus{
		color: var(--theme-color-2);
		background-color: var(--theme-color-1);
	}

	.quote{
		font-size: 2em;
  		color: var(--theme-color-1);
		font-weight: 700;
	}

	.review-body{
		color: var(--theme-color-1);
	}

	.review-rating{
		color: var(--theme-color-1);
	}

	.star-on-png{
		background: var(--theme-color-2);
		clip-path: polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%);
		width:25px;
		aspect-ratio: 1;
		display:inline-block;
		margin:-2px;
	}

	.star-off-png{
		background: var(--theme-color-3);
		clip-path: polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%);
		width:25px;
		aspect-ratio: 1;
		display:inline-block;
		margin:-2px;
		margin-top:-30px;
	}

	.star-off-png::before{
		content: "\f006";
	}

	.rating-selector:hover{
		cursor: pointer;
	}

	@media (max-width: 1024px){
		.subsites-container{
			margin-top:25%;
		}
	}