/* Color Theme Swatches in Hex */
/* Color Theme Swatches in RGBA */
.navbar { position: fixed; top: 0; width: 100%; height: 50px; background-color: #333; z-index: 10; }

.nav-link { display: inline-block; color: whitesmoke !important; padding: 10px; padding: 0.5em; border-bottom: 5px solid rgba(0, 0, 0, 0); }

.nav-link.selected { border-bottom: 5px solid #838383; }

#main_header { position: sticky; width: 100%; display: flex; justify-content: flex-start; align-items: center; background-color: #BFBBA8; background-image: linear-gradient(#414246 0%, #282a30 50%, #191a1f 51%, #24262c 100%); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); color: whitesmoke; }

#site_title { margin: 0; margin-left: 1em; color: whitesmoke; font-weight: 100; font-size: 16pt; white-space: nowrap; }

#main_nav { flex: auto; margin-right: 1em; display: flex; justify-content: flex-end; }

#main_nav a { color: whitesmoke; padding: 0.5em; border-bottom: 5px solid rgba(0, 0, 0, 0); }

#main_nav a:hover { border-bottom: 5px solid #838383; }

.search_header { flex: initial; margin-right: 1em; }

@media screen and (max-width: 800px) { #main_header { padding: 0; } #site_title { margin-left: 0; } #main_nav { margin-right: 0; } }

#wide-footer { font-family: sans-serif; width: 100%; background-color: #0a0a0a; color: white; }

#wide-footer a { white-space: nowrap; text-decoration: none; color: white; }

#wide-footer a:active { color: gray; }

#wide-footer a:visited { color: white; }

#wide-footer a:hover { color: lightgray; }

.full-width { width: 100%; margin: 0 auto; }

.footer-nav-list { text-align: center; }

.footer-nav-list a { margin-left: 1em; margin-right: 1em; }

.footer-social-list { text-align: center; padding: 1em; }

.icon { border-radius: 100%; border: 1px solid gray; padding: 0.25em; width: 48px; height: 48px; background-color: #141414; }

.icon img { border-radius: 100%; }

.icon:hover { background-color: #0a0a0a; }

.footer-copyright { width: 100%; padding: 1em; text-align: center; font-size: 0.8em; background-color: #141414; }

.page { min-height: 100vh; display: flex; flex-direction: column; justify-content: start; }

.page .page-header { flex: initial; }

.page .page-content { flex: auto; margin: 0em 0em; padding: 0; width: 100%; margin-left: auto; margin-right: auto; }

.page .page-footer { flex: initial; }

@media screen and (max-width: 800px) { .mobile-hide { display: none; } }

#post_header { margin-top: 0em; }

.post_title { font-family: 'Roboto Condensed'; text-align: center; color: whitesmoke; border-radius: 2px; background-image: linear-gradient(#414246 0%, #282a30 50%, #191a1f 51%, #24262c 100%); }

.post-meta { font-size: 80%; color: rgba(0, 0, 0, 0.38); }

#course_content h1, #post_content h1 { font-family: 'Roboto Condensed'; text-align: center; color: whitesmoke; border-radius: 2px; background-image: linear-gradient(#414246 0%, #282a30 50%, #191a1f 51%, #24262c 100%); }

#course_content h2, #post_content h2 { font-family: 'Roboto Condensed'; font-size: 19pt; color: rgba(0, 0, 0, 0.87); margin: 1em 0em; padding: 0; }

#main_content { height: 100%; flex: auto; }

.post_subtitle { font-family: 'Roboto Condensed'; font-size: 19pt; color: rgba(0, 0, 0, 0.87); margin: 1em 0em; padding: 0; }

#post_contact { max-width: 400px; }

.sidebar-header { display: flex; justify-content: start; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.sidebar-links { padding: 1rem; }

.sidebar-link { margin-top: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.section-icon { width: 50px; height: 50px; position: relative; top: 10%; background-color: #526865cc; border-radius: 5px; display: flex; justify-content: center; align-items: center; }

.sidebar-title { font-size: 1.8rem; margin-left: 1rem; }

.page-content { display: flex; }

.sidebar { margin: 1rem; padding: 0.5em; border-radius: 5px; min-width: 300px; height: 80vh; position: sticky; top: 0; display: block; }

@media screen and (max-width: 1000px) { .sidebar { display: none !important; } }

.course_sidebar { border: 1px solid #838383; border-radius: 2px; }

@media screen and (min-width: 800px) { .course_sidebar { min-width: 300px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } }

.course_sidebar_list { flex-direction: column; font-size: 11pt; }

.course_sibebar_list_item { border-top: 1px solid #838383; padding: 1em 0.5em; }

.course_sidebar_list_header { background-image: linear-gradient(#414246 0%, #282a30 50%, #191a1f 51%, #24262c 100%); text-align: center; padding: 0.5em 0.5em; font-family: 'Roboto Condensed'; font-size: 12pt; color: #ffffff; }

.left_sidebar { min-width: 40px; }

@media (max-width: 800px) { .left_sidebar { display: none; } }

.home-flex-container { transition: all 1.5s ease; display: flex; justify-content: flex-start; align-items: stretch; }

.home_list { transition: all 1.5s ease; flex: auto; display: flex; flex-direction: column; padding: 0; margin: 0; }

.section_banner { width: 100%; height: 50px; text-align: center; display: flex; flex-direction: row; justify-content: space-between; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.main_bg { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, 0.3) 100%), url("/assets/bg-hex-rocks2.png"); background-attachment: fixed; background-position: center, center; }

.hero { background-size: contain; background-position: center; }

.wood { background-color: #5a3b1d; background-image: url("/assets/western-town.png"); background-size: cover; background-position: center; }

.wood .homeAppBox { background-color: #5a3b1d; }

.wood .section_banner { background-color: #824a15; }

.wood .left_end_cap { background-color: orange; }

.wood .right_end_cap { background-color: orange; }

.music { background-color: #61437e; }

.music .section_banner { background-color: #382c5f; }

.music .left_end_cap { background-color: #543a7e; }

.music .right_end_cap { background-color: #543a7e; }

.utility { background-color: #737373 !important; background-blend-mode: multiply; background-size: 15px 15px; background-image: url("/assets/bg-checkboard1.png"); background-repeat: repeat; background-position: center; border: 1px solid #4c4c4c; border-radius: 20px 20px 10px 10px !important; overflow: auto; }

.utility .homeAppBox { background-color: #c7c7c7; }

.utility .section_banner { background-color: #aeaeae; background-image: linear-gradient(#929292, #787878); }

.utility .section_title { flex: auto; }

.utility .left_end_cap { background-image: linear-gradient(#929292, #787878); border-bottom: 0; border-right: 0; }

.utility .right_end_cap { background-image: linear-gradient(#929292, #787878); border-bottom: 0; border-left: 0; }

.academy { background-color: #4c614c; background-image: url("/assets/ivybw.png"); background-position: center; }

.academy .homeAppBox { background-color: #4c614c; }

.academy .section_banner { background-color: #a5ca98; }

.academy .left_end_cap { background-color: #475d41; }

.academy .right_end_cap { background-color: #475d41; }

.home_list_item { border-radius: 0px; margin: 0em 0em; z-index: 1; flex-direction: column; align-items: center; }

@media screen and (min-width: 500px) { .home_list_item { flex-direction: row; align-items: flex-start; } }

.home_list_item .homeAppBox { text-align: center; min-width: 250px; max-width: 400px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0.125em; margin: 1em; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24), 0 3px 5px -2px rgba(0, 0, 0, 0.12), 0 1px 25px 0 rgba(0, 0, 0, 0.2); }

.home_list_item .homeAppBox .appImage { width: 100%; height: 150px; background-color: rgba(0, 0, 0, 0.2); }

.home_list_item .homeAppBox .appName { color: rgba(0, 0, 0, 0.87); font-weight: 600; font-size: 18px; margin: 1em; }

.home_list_item .homeAppBox .appDescription { color: rgba(0, 0, 0, 0.7); margin: 0.25em 1em; }

.home_list_item .homeAppBox .appLearn { color: rgba(0, 0, 0, 0.7); margin: 0.25em 1em; }

.home_list_item .home_list_item_tn { margin-right: 0em; margin-bottom: 1em; width: 250px; height: 188px; }

.home_list_item .home_list_item_tn:hover { filter: brightness(120%); }

@media screen and (min-width: 500px) { .home_list_item .home_list_item_tn { margin-right: 2em; margin-bottom: 0em; } }

.home_list_item .home_list_item_title { margin: 0; padding: 0; }

.home_list_item .home_list_item_date { color: rgba(0, 0, 0, 0.38); font-size: 80%; }

.home_list_item .home_list_item_content { min-height: 400px; flex: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }

@media screen and (min-width: 500px) { .home_list_item .home_list_item_content { text-align: left; } }

.home_list_item .home_list_item_content a { color: rgba(0, 0, 0, 0.87); }

.home_list_item .home_list_item_content a:hover { color: rgba(55, 55, 55, 0.87); }

.home_list_item_btn { background-image: linear-gradient(#505050 0%, #414141 80%, #3c3c3c 100%); color: white; border: 0; border-radius: 2px; font-size: 16pt; padding: 0.5em; }

.home_list_item_btn:hover { background-image: linear-gradient(#5f5f5f 0%, #505050 80%, #4b4b4b 100%); }

.home_list_item_separator { margin: 1em 0em; height: 1px; width: 100%; background-color: #838383; }

.vignette-linear { background-size: cover; background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, transparent 15%, transparent 85%, rgba(0, 0, 0, 0.3) 100%); }

section.home_list_item:nth-of-type(2) { margin-top: 400px; }

#contact_form input[type=text], #contact_form input[type=email], #contact_form textarea, #right_sidebar input[type=text], #right_sidebar input[type=email], #right_sidebar textarea { width: 100%; padding: 0.25em; margin: 0; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; color: black; background-color: lightgray; }

#contact_form input[type=text]:focus, #contact_form input[type=email]:focus, #contact_form textarea:focus, #right_sidebar input[type=text]:focus, #right_sidebar input[type=email]:focus, #right_sidebar textarea:focus { border: 1px solid rgba(0, 0, 0, 0.6); outline: none; }

#contact_form input[type=submit], #right_sidebar input[type=submit] { padding: 0.5em; margin: 0; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; color: black; background-color: lightgray; }

#contact_form input[type=submit]:hover, #right_sidebar input[type=submit]:hover { background-color: rgba(255, 255, 255, 0.6); }

#contact_form input[type=submit]:focus, #right_sidebar input[type=submit]:focus { outline: none; }

.product-hero { width: 100%; height: 15em; background-color: #5613a1; display: none; }

@media (min-width: 550px) { .product-hero { display: flex; flex-flow: row; width: 100%; } }

.product-hero-mobile { width: 100%; height: 15em; background-color: #5613a1; display: flex; flex-flow: row; width: 100%; padding: 0em 0.5em; }

@media (min-width: 550px) { .product-hero-mobile { display: none; } }

.product-section-container { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; }

@media (min-width: 700px) { .product-section-container { display: flex; flex-direction: row; align-items: center; } }

.product-section-container h4 { margin-top: 0.125em; }

.product-section-split { margin: 0em; width: 90%; }

@media (min-width: 700px) { .product-section-split { width: 50%; margin: 1em; } }

.product-section-split-pull { margin: 0em; width: 90%; }

@media (min-width: 700px) { .product-section-split-pull { width: 50%; margin: 1em; right: 50%; position: relative; z-index: -1; } }

.product-section-split-push { margin: 0em; width: 90%; }

@media (min-width: 700px) { .product-section-split-push { width: 50%; margin: 1em; left: 50%; position: relative; z-index: -1; } }

.product-description { color: white; }

.price-strikethrough { font-size: 90%; text-decoration: line-through; color: gray; }

.sale-price { font-size: 125%; font-weight: 600; }

.sale-discount { padding: 0.125em 0.5em; font-size: 80%; background-color: #2866da; }

.img-responsive { max-width: 100% !important; height: auto; display: block; }

.img-left-50 { margin: 0.25em; width: 100%; }

@media (min-width: 550px) { .img-left-50 { margin: 0.25em; width: 50%; float: left; } }

.img-left-25 { margin: 0.25em; width: 100%; }

@media (min-width: 550px) { .img-left-25 { margin: 0.25em; width: 25%; float: left; } }

.img-right-50 { margin: 0.25em; width: 100%; }

@media (min-width: 550px) { .img-right-50 { margin: 0.25em; width: 50%; float: right; } }

.img-right-25 { margin: 0.25em; width: 35%; float: right; }

.bg-checkboard { background-color: #737373 !important; background-blend-mode: multiply; background-size: 15px 15px; background-image: url("/assets/bg-checkboard1.png"); background-repeat: repeat; background-position: center; }

.clearfix { clear: both; }

a { text-decoration: none; }

a:link { color: rgba(0, 0, 255, 0.87); }

a:link:hover { color: blue; }

a:visited { color: rgba(94, 33, 175, 0.87); }

a:visited:hover { color: #5e21af; }

* { box-sizing: border-box; }

body { padding: 0; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 14pt; color: rgba(0, 0, 0, 0.7); }

.headline1 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 6rem; font-weight: lighter; letter-spacing: -0.1071428571rem; color: rgba(0, 0, 0, 0.87); margin: 0; }

.headline2 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 3.75rem; font-weight: lighter; letter-spacing: -0.0357142857rem; color: rgba(0, 0, 0, 0.87); margin: 0; }

.headline3 { font-size: 3rem; font-weight: normal; letter-spacing: 0rem; color: rgba(0, 0, 0, 0.87); margin: 0; }

.headline4, .post_title, #course_content h1, #post_content h1 { font-size: 2.125rem; font-weight: normal; letter-spacing: 0.0178571429rem; margin: 0; }

.headline5, h3 { font-weight: normal; letter-spacing: 0em; color: rgba(0, 0, 0, 0.87); margin: 0; }

.headline6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 1.25rem; font-weight: bolder; letter-spacing: 0.0107142857rem; color: rgba(0, 0, 0, 0.87); margin: 0; }

.bar { display: flex; flex-flow: row; width: 100%; }

.bar .col.left { flex: 0 1 auto; }

.bar .col.content { flex: 1 1 auto; }

.bar .col.right { flex: 0 1 initial; }

.bar .col.fixed { flex: 0 0 auto; }

.box { display: flex; flex-flow: column; height: 100%; }

.box .row.header { flex: 0 1 auto; /* The above is shorthand for: flex-grow: 0, flex-shrink: 1, flex-basis: auto */ }

.box .row.fixed { flex: 0 0 auto; }

.box .row.content { flex: 1 1 auto; }

.box .row.footer { flex: 0 1 40px; }

.top-sticky { position: sticky; top: 0; }

.flex-center { justify-content: center; }

.medium-background { background-color: gray; }

.light-background { background-color: lightgray; }

.white-link { color: white !important; }

.white-link:hover { color: whitesmoke !important; }

.black-link { color: #0a0a0a !important; }

.black-link:hover { color: black !important; }

.sq-icon-small { width: 40px; filter: invert(0.85); /* opacity: 80%; */ }

.sq-icon-large { filter: invert(1); opacity: 65%; }