/* === basics === */

body { padding:0; margin:0; background-image:url("rainbowstr.gif"); font-family:verdana, sans-serif; color:#000000; }
a { color:rgb(0,128,0); }
a:hover { color:rgb(0,160,0); }
a:active { color:rgb(0,160,0); }

.theme_anchor { height:0; overflow:hidden; }

/* === root === */

.theme {}
.theme_inner {}

/* === header === */

.theme_header { display:flex; align-items:center; background-color:rgb(0,86,130); margin-right:16px; border-bottom-right-radius:16px; padding:16px; text-align:center;  }
.theme_header_title-slogan { flex:1; }
.theme_header_title { font-size:1.5rem; font-weight:bold; text-align:center; color:rgb(255,255,255); }
.theme_header_slogan { font-size:1.1rem; text-align:center; font-weight:bold; color:rgb(173,216,230); text-align:center; }
.theme_header_mobile-burger-container { display:none; }
.theme_header_mobile-burger-container a { display:inline-block; border:0; width:32px; height:32px; background-image:url( "burger.png" ); background-repeat:no-repeat; background-position:center; background-color:transparent; background-size:100%; color:transparent; text-decoration:none; }

/* === main cols === */

.theme_main-cols { display:flex; max-width:1024px; margin-left:auto; margin-right:auto; }

/* === main cols -> side col === */

.theme_side-col { width:264px; padding-top:16px; }

/* === main cols -> side col -> menu === */

.theme_menu {}
.theme_menu_header { display:none; align-items:center; margin-bottom:1rem; }
.theme_menu_heading { font-size:1.5rem; font-weight:bold; flex:1; }
.theme_menu_nav-container ul { display:block; padding:0; margin:0; }
.theme_menu_nav-container li { display:block; padding:0; margin:0; margin-bottom:8px; }
.theme_menu_nav-container li:last-child { margin-bottom:0; }
.theme_menu_nav-container a { display:block; background-color:rgb(0,86,130); padding:8px; border-top-right-radius:16px; border-bottom-right-radius:16px; text-align:center; color:rgb(255,255,255); text-decoration:none; font-weight:bold; }

/* === main cols -> side col -> side content === */

.theme_side-content { padding:16px; font-size:0.9rem; }
.theme_side-content_heading { font-weight:bold; font-size:1.1rem; }

/* === main cols -> content col === */

.theme_content-col { flex:1; }
.theme_content-col_inner { max-width:760px; margin-left:auto; margin-right:auto; padding:16px; }

/* === main cols -> content col -> breadcrumb === */

.theme_breadcrumb { text-align:left; font-size:0.75rem; background-color:rgb(255,255,255); padding:8px; margin-bottom:16px; border-radius:16px; }

/* === main cols -> content col -> page content === */

.theme_page-content { background-color:rgb(255,255,255); padding:16px; border-radius:16px; }

/* === footer === */

.theme_footer { background-color:rgb(0,86,130); margin-left:16px; border-top-left-radius:16px; text-align:center; color:rgb(255,255,255); padding:16px; }
.theme_footer_by { margin-bottom:16px; }
.theme_footer a { color:rgb(228,228,228); }
.theme_footer a:active { color:rgb(255,255,255); }
.theme_footer a:hover { color:rgb(255,255,255); }

.theme_mobile-spacer { display:none; }

/* === mobile view adjustments === */

.theme_side-col { order:10; }
.theme_content-col { order:20; }

@media screen and (max-width: 600px)
{
	.theme { max-width:600px; }
	.theme_main-cols { flex-direction:column; }
	.theme_content-col { order:10; }
	.theme_side-col { order:20; width:auto; padding:16px; }
	.theme_header_mobile-burger-container { display:block; }
	.theme_menu_header { display:flex; }
	.theme_menu_heading { display:flex; }
	.theme_menu_nav-container a { background-color:rgb(0,128,0); padding:8px; border-radius:16px; text-align:center; color:rgb(255,255,255); text-decoration:none; font-weight:bold; }
	.theme_mobile-spacer { display:block; height:400px; }
}

/* === page content styles === */

/* h1 - h6 */

.theme_page-content h1 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h1:last-child { margin-bottom:0; }

.theme_page-content h2  { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h2:last-child { margin-bottom:0; }

.theme_page-content h3 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h3:last-child { margin-bottom:0; }

.theme_page-content h4 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h4:last-child { margin-bottom:0; }

.theme_page-content h5 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h5:last-child { margin-bottom:0; }

.theme_page-content h6 { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content h6:last-child { margin-bottom:0; }

/* paragraph */

.theme_page-content p { padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content p:last-child { margin-bottom:0; }

/* tables + cells */

.theme_page-content table { border-collapse:collapse; border:solid 1px rgb(192,192,192); padding:0; margin:0; margin-bottom:1rem; }
.theme_page-content table:last-child { margin-bottom:0; }
.theme_page-content th { padding:4px 8px; border:solid 1px rgb(192,192,192); }
.theme_page-content td { padding:4px 8px; border:solid 1px rgb(192,192,192); }

/* unordered list */

.theme_page-content ul { padding:0; margin:0; margin-bottom:1rem;margin-left:20px; }
.theme_page-content ul:last-child { margin-bottom:0; }

/* ordered list */

.theme_page-content ol { padding:0; margin:0; margin-bottom:1rem; margin-left:25px; }
.theme_page-content ol:last-child { margin-bottom:0; }

/* === theme help! === */

.theme_help { color:rgb(0,0,0); display:inline-block; background-color:rgb(197,255,147); padding:2px 16px; margin-bottom:1rem; }