html, body, .dBlue {
    color: #121F49;
}
html, body {
	height: 100%;
}
html, #timelineEmbed .tl-slide {
    --scrollbarBG: #CFD8DC;
    --thumbBG: #90A4AE;
}
body::-webkit-scrollbar, #timelineEmbed .tl-slide::-webkit-scrollbar {
    width: 10px;
}
body, #timelineEmbed .tl-slide {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track, #timelineEmbed .tl-slide::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb, #timelineEmbed .tl-slide::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}
.bold, .emphasize, .nav-item a:hover, footer a:hover, .infoList li::before {
    font-weight: bold;
}
.italics, .emphasize, main a:hover, footer a:hover {
    font-style: italic;
}
.center, .nav-item {
    text-align: center;
}
.Kaushan {
    font-family: 'Kaushan Script', cursive;
}
h1, h2, h3, h4, h5, h6, a:hover,
.mRed {
    color: #DB0632;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Michroma", sans-serif;
	padding-bottom: 1%;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.8rem;
}
h3 {
    font-size: 1.6rem;
}
h4 {
    font-size: 1.4rem;
}
h5 {
    font-size: 1.2rem;
}
h6, .card-title {
    font-size: 1.1rem;
}
a, .nav-item:hover, .nav-item a:hover, button a:hover {
    text-decoration: none;
}
a, .lBlue {
    color: #25AAE2;
}
a.btn, #boxSpecial table td span {
    background-color: #25AAE2;
}
a.btn {
    margin-top: 2%;
}
a.btn:hover {
    font-style: normal;
}
.mBlue, .infoList li::before, .jumboTxt {
    color: #0971CE;
}

/*Nav*/
header, nav, #navbarMenu, .navbar-nav, .nav-item {
    background-color: #FFFFFF;
}
header {
    box-shadow: 0 2px 2px #8B9091;
}
#CHARTlogo {
    width: 15%;
}
#navbarMenu .nav-link {
    padding: 0 1rem;
}
#navbarMenu .nav-link:hover {
    text-shadow: 2px 2px rgba(139, 144, 145, 0.5);
}
.navbar-toggler {
    border: 1px solid #0971CE;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9,113,206, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*Main*/
.row, .scrollSpace, canvas, #timelineEmbed, .jumbotron h3,
#wdj-img img {
    width: 100%;
}
main .row {
    margin: 0 0 2% 0;
}
.charts, .paraTxt, .infoList li {
    margin-bottom: 1%;
}
section {
	min-height: 85vh;
    margin-bottom: 5%;
}
section:not(:first-child) {
    padding-top: 3%;
}
main a:hover {
    text-decoration: underline;
}
.scrollSpace {
    height: 60px;
}
.secTitle, #summary {
    padding-left: 3%;
}
.secContent {
    padding: 0 2.3%;
}
.secContent1, .jumboTxt {
    padding: 0 3%;
}
.infoList {
    list-style-type: none;
	padding-inline-start: 20px;
}
.infoList li::before {
    content: "\25A0";
    list-style-position: inside;
	display: inline-block;
    text-indent: -20px;
}
.jumbotron {
    background-color: #121F49;
	background: radial-gradient(farthest-corner, #25AAE2, #121F49);
}
.jumbotron h3 {
    font-size: 3.5rem;
}
.jumbotron h3 span {
    font-size: 2.5rem;
}
.jumbotron h3 span.lBlue {
    color: #8bdbf7;
}
.jumboTitle p, .jumboTxt {
    font-size: 1.5rem;
}
.jumboTxt img {
    width: 20%;
}
.img-left {
    float: left;
    padding: 0 2% 2% 0;
}
.img-right {
    float: right;
    padding: 0 0 2% 2%;
}

/*Intro*/
#reportPDF img, #reportPDF p {
    width: 65%;
}
a.btn, #reportPDF img, .gallVpic img, #wdj-img img {
    box-shadow: 2px 2px 2px #8B9091;
}
.boxSpecials table td {
    font-size: 1.2rem;
}
#boxSpecial table {
    border-bottom: 2px solid #25AAE2;
}
a.btn, a.btn:hover,
#boxSpecial table td span,
.card-title,
#timelineEmbed .tl-timemarker .tl-timemarker-content-container, 
#timelineEmbed .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
#timelineEmbed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
#timelineEmbed .tl-icon-youtube,
.jumboTxt, .jumboTitle p {
    color: #FFFFFF;
}
#boxSpecial table td span, #wdj-img img {
    border-radius: 25px;
}
#boxSpecial table td span {
	display: block;
	width: 100px;
    padding: 3% 5%;
}
.card-header, a.btn:hover {
    background-color: #DB0632;
}
.card-deck {
    margin-left: 50px;
}
.card-deck .card {
    width: 12.5%;
    min-width: 12.5%;
    max-width: 12.5%;
    margin-bottom: 3%;
}

/*Timeline*/
#timelineEmbed {
    height: 85vh;
}
#timelineEmbed iframe {
    border: none;
}
#timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
    width: 40%;
}
#timelineEmbed .tl-timenav {
    border-top: rgba(4, 166, 225, 1);
    background-color: rgba(4, 166, 225, 1);
}
#timelineEmbed .tl-timemarker .tl-timemarker-content-container {
    background-color: rgba(14, 29, 73, 1);
}
#timelineEmbed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
    background-color: rgba(14, 29, 73, 0.5);
}
#timelineEmbed .tl-slidenav-content-container .tl-slidenav-icon, 
#timelineEmbed .tl-slidenav-content-container .tl-slidenav-title,
#timelineEmbed .tl-slidenav-content-container .tl-slidenav-description {
    color: rgba(14, 29, 73, 1);
	opacity: 1;
}
#timelineEmbed .tl-slidenav-content-container .tl-slidenav-icon:hover, 
#timelineEmbed .tl-slidenav-content-container .tl-slidenav-title:hover,
#timelineEmbed .tl-slidenav-content-container .tl-slidenav-description:hover {
    color: rgba(14, 29, 73, 0.5);
}

/*Seasons*/
.charts, .paraTxt {
    padding: 2% 0;
}
.ptR {
    padding-left: 5%;
}
.ptL {
    padding-right: 5%;
}

/*Hope*/
.gallVpic {
    margin-bottom: 2%;
}



/*Media Queries*/
@media all and (max-width: 1800px) {
    .card-deck {
        margin-left: 20px;
    }
}
@media all and (max-width: 1700px) {
    .card-deck .card {
        width: 12%;
        min-width: 12%;
        max-width: 12%;
    }
	.jumboTxt img {
        width: 40%;
    }
}
@media all and (max-width: 1650px) {
    #reportPDF img, #reportPDF p {
        width: 80%;
    }
}
@media all and (max-width: 1500px) {
    #CHARTlogo {
        width: 25%;
    }
}
@media all and (max-width: 1340px) {
    .card-deck {
        margin-left: 90px;
    }
    .card-deck .card {
        width: 20%;
        min-width: 20%;
        max-width: 20%;
    }
}
@media all and (max-width: 1200px) {
    #CHARTlogo {
        width: 40%;
    }
}
@media all and (max-width: 1150px) {
	#CHARTlogo {
        width: 45%;
    }
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content {
        width: 90% !important;
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}
@media all and (max-width: 991px) {
	.navbar-brand {
        width: 80%;
    }
    #CHARTlogo {
    	width: 15%;
	}
	#navbarMenu, .navbar-nav {
        background-color: rgba(139, 144, 145, 0.3);
    }
	.nav-item {
		border-radius: 25px;
        width: 80%;
		margin-top: 1% !important;
		margin-bottom: 1% !important;
        padding: 1% 0;
    }
	#reportPDF {
        text-align: center;
    }
    #reportPDF img {
        width: 50%;
    }
    #reportPDF p {
        width: 100%;
    }
	.card-deck {
        margin-left: 0;
    }
    .card-deck .card {
        width: 29%;
        min-width: 29%;
        max-width: 29%;
    }
	.ptR {
        padding-left: 0;
    }
    .ptL {
        padding-right: 0;
    }
	.jumboTxt img {
        width: 60%;
    }
}
@media all and (max-width: 950px) {
    #timelineEmbed {
        height: 700px;
		overflow: visible;
    }
}
@media all and (max-width: 750px) {
	#CHARTlogo {
        width: 20%;
    }
	.card-deck .card {
        width: 45%;
        min-width: 45%;
        max-width: 45%;
    }
}
@media all and (max-width: 650px) {
	.navbar-brand {
        width: 80%;
    }
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
        width: 100%;
    }
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content,
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media,
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media .tl-media-content-container,
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media .tl-media-content-container .tl-media-content,
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media .tl-media-content-container .tl-media-content .tl-media-item.tl-media-iframe,
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media .tl-media-content-container .tl-media-content .tl-media-item.tl-media-iframe iframe,
    #timelineEmbed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media .tl-media-content-container .tl-media-content iframe {
        min-height: auto;
    }
}
@media all and (max-width: 600px) {
    #CHARTlogo {
        width: 29%;
    }
	#reportPDF img, .card-deck .card, .jumboTxt img {
        width: 100%;
    }
    .card-deck {
        padding: 0 2%;
    }
    .card-deck .card {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media all and (max-width: 450px) {
    .navbar-brand, #CHARTlogo {
        width: 50%;
    }
    .jumbotron h3 {
        font-size: 2rem;
    }
    .jumbotron h3 span {
        font-size: 1.8rem;
    }
}
@media all and (max-width: 360px) {
    .jumbotron h3 {
        font-size: 1.7rem;
    }
    .jumbotron h3 span {
        font-size: 1.5rem;
    }
}
@media all and (min-width: 1400px) {
    .nav-item.stretch {
        min-width: 135px;
    }
}
@media all and (min-width: 2000px) {
    body {
        max-width: 2000px;
		margin: 0 auto;
    }
	.scrollSpace {
        height: 80px;
    }
	#timelineEmbed {
        height: 90vh;
    }
}














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */