/*
Theme Name:   HopperGold
Description:  Hopper Theme - GOLD
Author: Rochelle Robinson - UMD INFO Web
Author URI: https://internal.ischool.umd.edu/technology/web
Description: Custom UMD INFO theme developed using Bootstrap framework
Version: 2.0
Template:     hopper
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         gold banner, dark navigation, education, grid-layout, left-sidebar, right-sidebar, custom-logo, responsive-layout, accessibility-ready
Text Domain:  hoppergold
*/
body {
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 1.1rem !important;;
}

#header {
  background: #FFD200;
}

a.sitename {
  color: #000 !important;
  font-size: 2rem;
}

 a.sitename:hover {
  color: #454545 !important;
  text-decoration: none;
}

.bg-light {
	background-color: #272727 !important;
}

.homeblurb {
  max-width: 680px !important;
  margin: 4em auto;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: bold !important;
}

/* ------ BOOTSTRAP OVERRIDE ------ */

a {
  color: #e21833;
  text-decoration: none;
}

a:hover, a:focus {
  color: #e21833;
  text-decoration: underline;
}

a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

#menu-main-menu li a {
	color: #FFF !important;
}

.wpcf7-submit:hover {
  background-color: #FFD200;
  color: #000;
  border: 2px solid #FFD200 !important;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 .2rem #999;
}

.navbar-nav .dropdown-menu {
	background-color: #272727;
}

.dropdown-menu > li > a {
  border-bottom: none !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #FFD200 !important;
	background-color: #272727 !important;
	text-decoration: none !important;
}

#menu-main-menu li a {
	color: #FFF !important;
}
#menu-main-menu li a:hover, #menu-main-menu li a:active, 
#menu-main-menu li.current-menu-item a {
  color: #FFD200 !important;
}

 #footer h2 {
  background-color: #ffd200;
  margin: 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  padding: 10px;
}

@media screen and (max-width: 1020px) {
.bg-light {
   background: #FFD200 !important;
  }
#menu-main-menu {
  background-color: #454545;
}
.navbar-toggler {
  border: none !important;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #FFD200 !important;
  background-color: #454545 !important;
  }
}

  @media screen and (max-width: 568px) {
  a.sitename {
    font-size: 1.2rem;
    white-space: normal;
  }
}