/**********************************
*** Basic Semantic Add-On Rules ***
**********************************/
.main-header {padding-bottom: 3em;
background: rgb(1,55,91);
background: -moz-linear-gradient(top, rgba(1,55,91,1) 0%, rgba(0,90,126,1) 100%);
background: -webkit-linear-gradient(top, rgba(1,55,91,1) 0%,rgba(0,90,126,1) 100%);
background: linear-gradient(to bottom, rgba(1,55,91,1) 0%,rgba(0,90,126,1) 100%);}
.top-header img.logo {margin-left: 6px;}
.mobile-header {display: none;}
.ui-main-menu .item {text-transform: uppercase !important;}
.main-content {margin: 2em auto;}
.main-content p {font-size: 1.2rem;}
.main-content ul { font-size: 1.3rem; line-height: 1.5em;}
.jq-searchbar-list {z-index: 10000 !important;}
.jq-search-button .ui.category.search .results {width: auto;}
.header-img {filter: drop-shadow(0px -15px 30px rgba(252,246,192,0.3)); margin-top: -3.46em !important; max-width: 360px !important;}
.content-menu {position: relative;}
.content-menu a.item {text-transform: uppercase !important;}
.content-menu a.item:hover {color: rgba(0,0,0,0.5) !important;}
.content-menu a.item.mobile {display: none !important;}
.main-content h1:first-of-type {margin-bottom: 0; display: flex;}
.main-content h1:first-of-type a img:hover {filter: brightness(0.9);}
footer {display: block; padding: 5em 2em; clear: both;}
/* floating images */
.main-content img.float {width: 450px; height: auto; margin-bottom: 1em;}
.main-content img.float.left {float: left; margin-left: 0; margin-right: 1em;}
.main-content img.float.right {float: right; margin-right: 0; margin-left: 1em;}
/* force classes */
.force-uppercase {text-transform: uppercase !important;}
.force-clear {clear: both !important;}
/* MEDIA QUERIES */
@media screen and (max-width: 991px) {
.header-img {margin-top: -1.8em !important; max-width: 300px !important;}
.content-menu .item {font-size: 0.8rem;}
.main-content .ui.large.image, .main-content img.float {width: 50%;}
}
@media screen and (max-width: 767px) {
.top-header, .header-img, .quick-nav .ui.huge.header, .quick-nav h2 {display: none !important;}
.main-header {padding: 0; border: 1px solid rgba(0,0,0,0.1); background-image: none; background: rgb(1,55,91);}
.quick-nav {text-align: center !important; margin: 0.5em;}
.mobile-header {display: block;}
.content-menu-container {display: none;}
.content-menu .item {padding: 1.2em !important;}
.content-menu .item:first-child {padding-top: 0 !important;}
.content-menu a.item.mobile {display: block !important;}
.content-menu a.item.mobile:last-child {margin-bottom: 1em !important;}
.ui.three.stackable.cards {max-width: 600px !important; margin: 0 auto;}
}
@media screen and (max-width: 600px) {
.main-content .ui.large.image, .main-content img.float {width: 100%;}
}
@media screen and (max-width: 520px) {
.quick-nav .compact.menu {font-size: 0.85rem !important;}
}
@media screen and (max-width: 450px) {
.ui.container.quick-nav {margin-left: 0 !important; margin-right: 0 !important;}
.quick-nav .compact.menu {font-size: 0.75rem !important;}
}