/******************************
 * Global
 *****************************/
html { height: 100%; }
body { padding: 0; margin: 0; font-family: 'Open Sans', sans; position: relative; }
a { color: #003399; }
a:hover { color: #00a0df; text-decoration: none; }
hr { border-top: 1px solid #CCCCCC; }
q { font-style: italic;	 }

h1 { font-size: 3rem; line-height: 1.2; margin-bottom: 0.5em; font-weight: 600; }
h2 { font-size: 2.25rem; line-height: 1.3; margin-bottom: 0.5em; font-weight: 600; }
h3 { font-size: 1.875rem; line-height: 1.4; margin-bottom: 0.5em; font-weight: 600; }
h4 { font-size: 1.5rem; line-height: 1.5; margin-bottom: 0.4em; font-weight: 600; }
h5 { font-size: 1.25rem; line-height: 1.5; margin-bottom: 0.4em; font-weight: 600; }
h6 { font-size: 1rem; line-height: 1.6; margin-bottom: 0.3em; font-weight: 600; }

/******************************
 * Global+
 *****************************/
ul.multicolumn-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
ul.multicolumn-3 { -webkit-column-count: 3;	-moz-column-count: 3; column-count: 3; }
ul.multicolumn-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.shadowed {
    -webkit-filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.7));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
}

/******************************
 * Background Styles
 *****************************/
.bg-gray { background: #EEEEEE; }
.bg-gray2 { background: #FAFAFA; }
.bg-white { background: rgba(255, 255, 255, 1); }
.bg-white-90 { background: rgba(255, 255, 255, 0.9); }
.bg-white-85 { background: rgba(255, 255, 255, 0.85); }
.bg-white-75 { background: rgba(255, 255, 255, 0.75); }
.bg-white-50 { background: rgba(255, 255, 255, 0.5); }
.bg-white-30 { background: rgba(255, 255, 255, 0.3); }
.bg-white-25 { background: rgba(255, 255, 255, 0.25); }
.bg-black { background: rgba(0, 0, 0, 1); }
.bg-black-90 { background: rgba(0, 0, 0, 0.9); }
.bg-black-85 { background: rgba(0, 0, 0, 0.85); }
.bg-black-75 { background: rgba(0, 0, 0, 0.75); }
.bg-black-50 { background: rgba(0, 0, 0, 0.5); }
.bg-black-30 { background: rgba(0, 0, 0, 0.3); }
.bg-black-25 { background: rgba(0, 0, 0, 0.25); }
.bg-blue { background: rgba(0, 51, 153, 1); }
.bg-blue-90 { background: rgba(0, 51, 153, 0.9); }
.bg-blue-85 { background: rgba(0, 51, 153, 0.85); }
.bg-blue-75 { background: rgba(0, 51, 153, 0.75); }
.bg-blue-30 { background: rgba(0, 51, 153, 0.3); }
.bg-blue-25 { background: rgba(0, 51, 153, 0.25); }

.bg-yellow { background: rgba(255, 204, 0, 1); } 

/******************************
 * Modes
 *****************************/
.dark-mode { color: #FFFFFF; }
.dark-mode a { color: #FFFFFF; }
.light-mode { color: #000000; }