/*
Styles for Purdue header & footer
*/
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Only update this file from alterations made to:
https://github.itap.purdue.edu/SSCC/static_resources
and not directly from the webshare static_resources dir

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
.alert.alert-danger {
  color: #000;
  background-color: #e9d186;
  border-color: #ddb945;
}
.alert.alert-info {
  color: #000;
  background-color: #dcdada;
  border-color: #c4bfc0;
}
.alert.alert-success {
  color: #000;
  background-color: #ded0b5;
  border-color: #cfb991;
}
.alert.alert-warning {
  color: #fff;
  background-color: #7c6136;
  border-color: #8e6f3e;
}

.btn {
  font: 90% "United Sans", Impact, "Arial Black", "sans serif";
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}
.btn:focus, .btn:active {
  box-shadow: 3px 3px 3px rgba(85, 89, 96, 0.5) !important;
  outline: none !important;
}
.btn.button {
  outline: none !important;
}
.btn.button:active, .btn.button:focus {
  outline: none !important;
}
.btn.btn-dropdown, .btn.btn-quicklink {
  background-color: transparent;
  color: #000;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
}
.btn.btn-dropdown:visited, .btn.btn-quicklink:visited {
  background-color: transparent;
  color: #000;
}
.btn.btn-dropdown:hover, .btn.btn-dropdown:active, .btn.btn-dropdown:focus, .btn.btn-quicklink:hover, .btn.btn-quicklink:active, .btn.btn-quicklink:focus {
  background-color: transparent !important;
  color: #000;
  text-decoration: underline;
  box-shadow: none !important;
}
.btn.btn-dropdown.active, .btn.btn-quicklink.active {
  background-color: #000 !important;
  box-shadow: none !important;
}
.btn.btn-info {
  background-color: #c4bfc0;
  color: #000;
  border-radius: 0;
  border-color: #555960;
  text-decoration: none;
  font-size: 85%;
}
.btn.btn-info:visited {
  background-color: #c4bfc0;
  color: #000;
  border-color: #555960;
}
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus {
  background-color: #9d9795 !important;
  border-color: #555960 !important;
  color: #000;
  text-decoration: none;
}
.btn.btn-info.active {
  background-color: #9d9795 !important;
  color: #000 !important;
}
.btn.btn-link {
  background-color: #c4bfc0;
  color: #000;
  font-weight: 600;
}
.btn.btn-link:visited {
  background-color: #c4bfc0;
  color: #000;
}
.btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus {
  background-color: #6f727b !important;
  color: #000;
  text-decoration: none;
}
.btn.btn-link.active {
  background-color: #000 !important;
  color: #c4bfc0 !important;
}
.btn.btn-outline-primary {
  border-color: #000;
  color: #000;
}
.btn.btn-outline-primary:visited {
  border-color: #000;
  color: #000;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:focus {
  border-color: #cfb991;
  color: #cfb991;
  background-color: #000;
}
.btn.btn-plain {
  background-color: #fff;
  color: #555960;
  border-radius: 0;
  border-color: #c4bfc0;
  text-decoration: underline;
  font-size: 85%;
}
.btn.btn-plain:visited {
  background-color: #fff;
  color: #555960;
  border-color: #c4bfc0;
}
.btn.btn-plain:hover, .btn.btn-plain:active, .btn.btn-plain:focus {
  background-color: #eee !important;
  border-color: #c4bfc0 !important;
  color: #555960;
  text-decoration: underline;
}
.btn.btn-plain.active {
  background-color: #555960 !important;
  color: #fff !important;
}
.btn.btn-primary {
  background-color: #cfb991;
  color: #000;
  border-radius: 0;
  border-color: #000;
}
.btn.btn-primary:visited {
  background-color: #cfb991;
  color: #000;
  border-color: #000;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  background-color: #8e6f3e !important;
  border-color: #000 !important;
  color: #fff;
}
.btn.btn-primary.active {
  background-color: #000 !important;
  color: #cfb991 !important;
}
.btn.btn-primary-reverse {
  background-color: #000;
  color: #cfb991;
  border-radius: 0;
  border-color: #cfb991;
}
.btn.btn-primary-reverse:visited {
  background-color: #000;
  color: #cfb991;
  border-color: #cfb991;
}
.btn.btn-primary-reverse:hover, .btn.btn-primary-reverse:active, .btn.btn-primary-reverse:focus {
  background-color: #000 !important;
  border-color: #cfb991 !important;
  color: #fff;
}
.btn.btn-primary-reverse.active {
  background-color: #cfb991 !important;
  color: #000 !important;
}
.btn.btn-secondary {
  background-color: #555960;
  color: #fff;
  border-color: #555960;
}
.btn.btn-secondary:visited {
  background-color: #555960;
  color: #fff;
  border-color: #555960;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
  background-color: #6f727b !important;
  border-color: #6f727b !important;
  color: #fff;
}
.btn.btn-secondary.active {
  background-color: #fff !important;
  color: #555960 !important;
}
.btn.btn-secondary-reverse {
  background-color: #eee;
  color: #555960;
  border-color: #555960;
  font-weight: 900;
}
.btn.btn-secondary-reverse:visited {
  background-color: #eee;
  color: #555960;
  border-color: #555960;
}
.btn.btn-secondary-reverse:hover, .btn.btn-secondary-reverse:active, .btn.btn-secondary-reverse:focus {
  background-color: #555960 !important;
  border-color: #555960 !important;
  color: #fff;
}
.btn.btn-secondary-reverse.active {
  background-color: #555960 !important;
  color: #eee !important;
}
.btn.btn-submit {
  background-color: #daaa00;
  color: #000;
  border-radius: 0;
  border-color: #000;
}
.btn.btn-submit:visited {
  background-color: #daaa00;
  color: #000;
  border-color: #000;
}
.btn.btn-submit:hover, .btn.btn-submit:active, .btn.btn-submit:focus {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #daaa00;
}
.btn.btn-xs {
  padding: 0.4em 0.5em 0.3em;
  font-size: 0.7em;
  line-height: 1em;
}

#aside-box a, #aside-box a:hover {
  color: #c4bfc0;
}
#aside-box p {
  margin-bottom: 0;
  margin-top: 0.5em;
  color: #c4bfc0;
}

#bottom-info {
  padding: 1em 0;
  background-color: #3b3b3b;
  color: #ccc;
  font-size: 90%;
}
#bottom-info a {
  color: inherit;
  text-decoration: underline;
}
#bottom-info a:hover {
  color: #fff;
}

#goldbar {
  background-color: #cfb991;
  min-height: 1.5em;
}
#goldbar .btn-dropdown {
  margin: 0;
  padding-left: 0;
}
#goldbar .btn-dropdown i {
  font-weight: bold;
}
#goldbar .btn-quicklink {
  padding-right: 0;
  margin-right: 0;
}
#goldbar .dropdown-toggle::after {
  display: none !important;
}
#goldbar .dropdown-item {
  font-weight: 400;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
  padding: 0;
  margin: 6px 0;
  vertical-align: top;
  font-size: 95%;
}
#goldbar .dropdown-item:hover, #goldbar .dropdown-item:focus, #goldbar .dropdown-item:active {
  background-color: transparent !important;
}
#goldbar .dropdown-item a {
  color: #000;
}
#goldbar .dropdown-item a:hover, #goldbar .dropdown-item a:focus, #goldbar .dropdown-item a:active {
  background-color: transparent !important;
  text-decoration: underline;
}
#goldbar #goldbar-main-dropdown {
  background-color: #cfb991;
  margin: -1px 0 0 0;
  padding: 0 15px 5px 15px;
  border: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#goldbar h6 {
  font-weight: 600;
}
#goldbar .menu-icon {
  font-size: 130%;
}
#goldbar .quicklinks {
  text-align: right;
}

.footer,
.header {
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
}

#footerLogo {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  padding-bottom: 3em;
}
#footerLogo svg.horizontal {
  display: none;
}
#footerLogo svg.vertical {
  display: block;
}

#footer-menu {
  background-color: #000;
  color: #adadad;
  padding: 3em 0;
}
#footer-menu h3 {
  color: #cfb991;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 110%;
  margin: 0;
  padding-bottom: 1.2em;
}
#footer-menu h3 i {
  display: none;
}
#footer-menu nav a {
  display: block;
  padding: 0.5em 0;
  font-size: 90%;
  color: inherit;
}
#footer-menu nav a:hover {
  text-decoration: underline;
  color: #fff;
}

#footer-social a {
  color: #999;
  display: inline-block;
  margin: 5px;
  font-size: 110%;
}
#footer-social a:hover {
  color: #fff;
}

#header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  padding: 8px 0;
}
#header #logo-box #logo {
  width: 245px;
  height: auto;
}
#header #aside-box {
  text-align: right;
  flex-grow: 1;
}

.mobile-header,
.mobile-nav {
  display: none;
}

.navbar {
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.navbar a:focus,
.navbar a:active {
  outline: none !important;
}
.navbar a:focus #logo {
  transform: scale(1.05, 1.05);
  transform-origin: center;
}

.navbar-dark {
  background-color: #000;
  color: #fff;
}

@media only screen and (min-width: 769px) {
  #aside-box {
    padding-left: 2em;
  }
  #nav-cont.collapse {
    display: block !important;
  }
}
@media only screen and (max-width: 992px) {
  #footerLogo {
    max-width: 270px;
    padding-top: 4em;
    padding-bottom: 1em;
  }
  #footerLogo svg.horizontal {
    display: block;
  }
  #footerLogo svg.vertical {
    display: none;
  }
  #footer-social a {
    font-size: 150%;
    margin: 0.5em;
  }
  #footer-menu h3 {
    margin-top: 0.5em;
    padding: 1em 0;
  }
}
@media only screen and (max-width: 768px) {
  #aside-box {
    border-top: 1px solid #cfb991;
    margin-top: 1.9em;
    padding-top: 1.7em;
  }
  .btn-quicklink {
    padding: 0;
    display: block;
    margin: 6px 0;
    text-align: left;
  }
  #footer-menu {
    padding-top: 0;
  }
  #footer-menu > .container > .row > div:last-child {
    border-top: 1px #3b3b3b solid;
  }
  #footer-menu .container {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  #footer-menu .container .row {
    margin-left: 0;
    margin-right: 0;
  }
  #footer-menu .container .row > div {
    padding-left: 0;
    padding-right: 0;
  }
  #footer-menu .container .row .row {
    margin-left: 0;
    margin-right: 0;
  }
  #footer-menu .container .row .row > div {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px #3b3b3b solid;
    overflow: hidden;
  }
  #footer-menu h3 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 120%;
    margin: 0;
    cursor: pointer;
  }
  #footer-menu h3 i {
    display: block;
    float: right;
  }
  #footer-menu nav {
    padding: 0 30px 30px 30px;
  }
  #goldbar .container {
    max-width: 100%;
    margin: 0;
    padding: 2px 15px;
  }
  #goldbar .dropdown .dropdown-toggle {
    display: none;
  }
  #goldbar .dropdown .dropdown-menu {
    position: static !important;
    display: block;
    transform: unset !important;
    will-change: unset !important;
    padding: 0 !important;
  }
  #goldbar .dropdown .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 90%;
  }
  #goldbar .mobile-header,
  #goldbar .mobile-nav {
    display: block;
  }
  #goldbar #nav-cont.show {
    padding-bottom: 15px;
  }
  #goldbar .quicklinks {
    text-align: left;
  }
  #header {
    flex-flow: column nowrap;
  }
  #header #aside-box {
    text-align: center;
    flex-grow: unset;
  }
}/*# sourceMappingURL=purdue-header-footer.css.map */