/*
 * Theme Name: WSCOE Bravo Theme Child
 * Theme URI: https://www.engr.colostate.edu/operations/web/
 * Author: WSCOE DATI team, Russell Dickerson lead developer 
 * Author URI: https://www.engr.colostate.edu/operations/web/
 * Description: This theme is for units within the Walter Scott, Jr. College of Engineering, and is CSU-branded. The theme features additional widget areas for the upper footer, home page, subhead logo bar, and right side of header.
 * Version: 1.0
 * Template: wscoe-bravo
 * Tags:
 */


 /* image and table fixes ahead of Bravo changes russ 0221 */
img {
  max-width: 100%;
  height: auto;
}
table {
   width: 100%;
   border-collapse: collapse;
}

 /* header fixes ahead of Bravo changes russ 0221 */
.secondmenusubpageheader ul {
    margin: 0 !important; 
}
.secondmenusubpageheader {
    align-items: center;
}

.page-template-page_edays #page, .page-template-page-edays-php #page {
    max-width: 100%;
    padding-left: 0;
    margin: auto;
  }

/* NEW BRAVO Mega Menu plugin adaptation 0221 */
@media (max-width:800px) {
  #secondmenusubhead {
      display: unset !important;
      position: absolute;
      top: 10px;
      right: 0;
      background: none;
      border-bottom: none !important;
  }
}
/* testing for mobile footer text too small issues */
.footerbanner {
    font-size: 1em !important;
}
@media (max-width: 800px) {
	.UpperFooterWidgetArea {
	    flex: 1 1 50% !important;
	}
}
/* NEW BRAVO Mega Menu plugin adaptation 0221 */
@media (max-width:800px) {
  #secondmenusubhead {
      display: unset !important;
      position: absolute;
      top: 10px;
      right: 0;
      background: none;
      border-bottom: none !important;
  }
}
/* testing for mobile footer text too small issues */
.footerbanner {
    font-size: 1em !important;
}
/* @media (max-width: 800px) {
  .UpperFooterWidgetArea {
      flex: 1 1 50% !important;
  }
}

footer switch to CSS grid 0621 russ */
.footerbanner {
  display: grid !important;
   grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  /* grid-template-columns: repeat(3, 1fr); */
  gap: 1rem;
  padding: 1rem !important;
}
.UpperFooterWidgetArea {
    flex: 1 1 auto !important;
}

.social-icon .fab {
  font-size: 2em;
}