@charset "UTF-8";
:root {

	--cassiopeia-color-primary: #0077bb;
	--cassiopeia-color-hover: #0077bb;


    --cassiopeia-font-family-body: verdana, geneva, sans-serif;
/*    --cassiopeia-font-family-headings: verdana, geneva, sans-serif; */

/* "Roboto", sans-serif
	verdana, geneva, sans-serif; */

/*
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 100;
*/

	--body-font-size: 0.93rem;
/*	--body-line-height: 1.7; */
}


.header {
/*
	background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
*/
	background:	#0077bb;
	color: #fff;
/*	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight); */
}

.footer {
/*
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
*/
	background:	#0077bb;
}


.footer .grid-child {
    padding: 1.5rem .5em;
}

.site-grid {
/*	background:	#fbfbfb; */
}

/*
.card {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.35);
}
*/

.mod-list li {
/*
    box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 16px 4px rgba(0, 0, 0, 0.1);
*/
    box-shadow: 1px 4px 16px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 4px 16px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 4px 16px 2px rgba(0, 0, 0, 0.15);
    padding: .9rem .9em;
}


/* @media screen and (min-width: 0px) and (max-width: 410px) { */
@media screen and (min-width: 0px) and (max-width: 359px) {
	.slogan-mobile-hide { display: none; }
}