/* ==========HEADER========== */

/* Increase size of manager header (accommodates assistant text on MyDORWAY) */
.ManagerHeader { 	 
height: 5.5rem; 
}	

/* Remove application decode from title banner home link. MyDORWAY/Portal logos make the link text redundant */	 
.ApplicationTitle {	 
   display: none;	 
}

/* Set site header height */	 
.FastPageHeader 	 
{	 
  height: 3.3rem;	 
}
 
/* Show SCDOR logo on left side */	 
.FastSiteHeader	 
{	 
  display: flex;	 
}	 
 	 
/* Vertically align SCDOR logo and keep it at proper size */
.SCDORHeaderIcon	 
{	 
  max-height: 2rem;	 
  padding-top: 4%;
}	

/* ==========BODY========== */ 
 	 
/* Allows dark background color in theme to match footer but keeps content backgrounds white */
/* Also adds a bit of padding so non-home page screens display the footer properly */
.FastPageWrapper {	 
  background-color: white;	 
  padding-bottom: 1rem;
}

.alignLeft th
{
       border: 1px solid #CCC;
       background: #EEE;
       text-align: left !important;
}

/* Log in button color */
Button#Df-7{
    background-color: #18792F;
}

/* Remove space between web menu group description and web menu links */
.WebLinkPanelMenu .WebLinkPanelMenuDescription .FGNVT {
	min-height: 0em;
}
 
/* ==========FOOTER========== */

/* Inline list styling for footer links in dual columns with even spacing */	  
ul.inline-list 	 
{	 
  margin: 0;	 
}	 
 	 
ul.inline-list li 	 
{	 
  list-style: none;	 
  margin: 0;	 
  padding: 0;	 
  display: inline-block;	 
}	 
 	 
ul.inline-list li:before 	 
{	 
  content: '';	 
  display: none;	 
}	 

 /* Leave a bit of extra space at the bottom, add more space between SC logo and menu groups */	 
 .FastPageFooter 	 
{	 
  padding-top: 1.1rem;	 
  padding-bottom: 2rem;	 
}	 

/* Set footer background color to dark grey and footer link text color to white */ 	 
.FastSiteFooter 	 
{	 
  background: #4D4E53;	 
  color: #FFFFFF;	 
}	 
 
/* Align footer SC logo properly. Combines relative and absolute position to overlap with content above it */	 
#footer-top	 
{	 
  position: relative;	 
}	 
 	 
#footer-top .footer-icon	 
{	 
  width: 5rem;	 
  height: 5rem;	 
  position: absolute;	 
  left: 50%;	 
  margin-left: -2.5rem;	 
  bottom: -3rem;	 
}	 

 /* Evenly horizontally space out the two columns of links in the footer */ 
#footer-middle 	 
{	 
  display: flex;	 
  justify-content: space-evenly;
}	 

.footer-link	 
{	 
     display: inline-block;	 
     padding: 1rem 1.5rem; 
}

/* Right padding centers the columns */
.footer-columns.left-column {	 
    padding-left: 1.29rem;
    padding-right: 3rem;	 
}		 
 
/* Horizontal layout for links and social media icons in right column of footer */	 
/* Left padding centers the columns */
 .footer-columns.right-column 	 
{	 
  display: flex;
  padding-left: 3rem;	 
}	 
 
/* Styling for social media icons in footer to display with uniform sizing and spacing */	 
.social-media	 
{	 
  width: auto;	 
  height: 1.15rem;	 
  vertical-align: baseline;
}	 
 
/* Styling for SCDOR hyperlink in footer */	 
#footer-bottom	 
{	 
  text-align: center;	 
  font-weight: bold;	 
  padding-top: 1rem;
}	 


/* Styling for footer specific to smaller screens and mobile devices */	 
@media only screen and (max-width: 1100px) {	 
  .footer-columns.right-column,	 
  .footer-columns.left-column {	 
    text-align: center;	 
  }	 
 	 
  /* Shrink the SC icon a bit */
  #footer-top .footer-icon {	 
    width: 4rem;	 
    height: 4rem;	 
    margin-left: -2rem;	 
    bottom: -2rem;	 
  }	 
 	 
  /* Lay out the links as a column rather than a row for smaller screens */
  #footer-middle {	 
    padding-top: 2rem;	 
    flex-direction: column;	 
  }	 
 	
  .footer-columns.left-column {
    padding: 0;	 	 
  }	 

  .footer-columns.right-column {
    padding: 0;	 
    flex-direction: column;	 
  }	 

  .footer-link {
    padding: 0.75rem 0.5rem;
  }
}