/**
 * @file
 * Layout styling for page and region elements.
 *
 * @author Chad Bauer
 * @date Feb 2024
 */


/* ==================== Page Component Styles ==================== */


/* Header Styles */
.site-header-home-link {
/*   display: contents;*/
}
.site-header img {
/*   display: block;*/
	vertical-align:		top;
}


/* Search Bar Styles */
.site-search-bar {
   padding-left:			0.5rem;
   padding-top:			2px;
   padding-bottom:		1px;
   background-color:		var(--color--search-bar-background);
   virtical-align:		middle;
   font-weight:			bold;
   color:					#000000;
}


/* Main Styles */
.site-main {
   display: flex;
}


/* Content Styles */
.site-content-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
}


/* ==================== Region Styles ==================== */


/* Region Site Menu Styles */
.region-site-menu {
   float: right;
   clear: both;
   display: flow-root;
   padding: 0px;
}


/* Region Side Menu Styles */
.region-side-menu {
   max-width: 10rem;
   padding: 0px;
   display: inline-block;
	white-space: nowrap;
	overflow: clip;
	text-overflow: ellipsis;
}


/* Region Content Styles */
.region-content-border-1 {
   margin: 1px;
   border-color: #98C2F0;
   border-width: 1px;
   border-style: solid;
}
.region-content-border-2 {
   border-color: #000000;
   border-width: 1px;
   border-style: solid;
   background-color: #D0E1F5;
}
.region-title {
   border-color: #000000;
   border-width: 1px;
   border-width: 0px;
   border-bottom-width: 1px;
   border-style: solid;
   color: var(--color--region-title-color);
   background-color: #7d9fc4;
}
.region-title h1 {
   margin: 0px;
   padding: 2px;
}
.region-content {
   color: var(--color--content-text);
   background-color: var(--color--region-background);
   padding: 1px;
}

/* Region Messages Styles */
.region-messages {
}
.region-messages-border-1 {
   margin: 1px;
   margin-left: 10rem;
   margin-right: 10rem;
   border-color: #98C2F0;
   border-width: 1px;
   border-style: solid;
   border-radius: 10px;
}
.region-messages-border-2 {
   padding: 2px;
   border-color: #000000;
   border-width: 1px;
   border-style: solid;
   background-color: rgb(39, 60, 0);
   color: rgb(210, 206, 200);
   border-radius: 10px;
}


/* ==================== Menu Styles ==================== */


/* Site Menu Styles */
.menu-site_menu {
   flex-wrap: wrap;
   list-style: none;
   margin: 0px;
   padding: 0px;
   padding-right: 0.5rem;
}
.menu-site_menu-item {
   display: inline-block;
   margin: 0px;
   padding: 0px;
   border-color:        #000000;
   border-style:        solid;
   border-width:        1px;
   border-color: var(--color--menu-border);
   background-color: var(--color--menu-background);
}
.menu-site_menu-item:hover {
   border-color: var(--color--menu-border-hover);
   background-color: var(--color--menu-background-hover);
}
.menu-site_menu-link {
   display: block;
   -webkit-text-decoration: none;
   text-decoration: none;
   color: var(--color--menu-text);
   font-size: 1.25rem;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
}
.menu-site_menu-item:hover ul {
   display: block;
}
.menu-site_menu-item ul {
   display: none;
   position: absolute;
}

.menu-site_menu-item ul li {
   clear: both;
   width: 100%;
}

/* Side Menu Styles */
.site-side-menu {
   flex: 10rem;
   white-space: nowrap;
}
.menu-side_menu {
   flex-wrap: wrap;
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.menu-side_menu-item {
   margin: 0px;
   padding: 0px;
   border-color:        #000000;
   border-style:        solid;
   border-width:        1px;
   border-color: var(--color--menu-border);
   background-color: var(--color--menu-background);
}
.menu-side_menu-item:hover {
   border-color: var(--color--menu-border-hover);
   background-color: var(--color--menu-background-hover);
}
.menu-side_menu-link {
   display: block;
   -webkit-text-decoration: none;
   text-decoration: none;
   color: var(--color--menu-text);
   font-size: 1.5rem;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
}


/* Local Task Styles */
.tasks-primary {
   float: right;
   margin: 0px;
   padding: 0px;
}
.tasks-primary .tasks-link {
   display: inline-block;
   margin: 0px;
   padding: 0px;
   -webkit-text-decoration: none;
   text-decoration: none;
   color: var(--color--menu-text);
   font-size: 1.25rem;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
   border-style:        solid;
   border-width:        1px;
   border-color: var(--color--menu-border);
   background-color: var(--color--menu-background);
}
.tasks-primary .tasks-link:hover {
   border-color: var(--color--menu-border-hover);
   background-color: var(--color--menu-background-hover);
}
.tasks-primary .tasks-link a {
   display: block;
   -webkit-text-decoration: none;
   text-decoration: none;
   color: var(--color--menu-text);
   font-size: 1.25rem;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
   padding-right: 5px;
}








/* Override the devel z-index because they use an insane value */
pre.sf-dump, pre.sf-dump .sf-dump-default {
  z-index: 1 !important;