/*
Theme Name: Hopper
Theme URI: https://ischool.umd.edu
Author: Rochelle Robinson - UMD INFO Web
Author URI: https://internal.ischool.umd.edu/technology/web/
Description: Custom UMD INFO theme developed using Bootstrap framework. Sites should use a child theme so any custom changes are not lost when this theme is updated.
Version: 2.1
Text Domain: hopper
Tags: education,  grid-layout,  left-sidebar,  right-sidebar,  custom-logo,  responsive-layout,  accessibility-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
    font-family:  'Source Sans Pro',  sans-serif;
    font-size:  1.1rem;
}
h1,  .h1,  h2,  .h2,  h3,  .h3,  h4,  .h4,  h5,  .h5,  h6,  .h6 {
    margin-top:  1.5em;
    font-weight:  bold;
}
h1 {
    font-size:  2em;
    margin-top:  0;
}
h2 {
    font-size:  1.5em;
}
h3 {
    font-size:  1.2em;
}
h4 {
    font-size:  1.1em;
}
h5,  h6 {
    font-size:  1em;
}
.clearfix {
    clear:  both;
    display:  table;
}
ol,  ul {
    box-sizing:  border-box;
}
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;
}
.col-sm-12 {
    padding-right:  0px;
    padding-left:  0px;
}
.row {
    margin-left:  0 !important;
    margin-right:  0 !important;
}
img {
    max-width:  100%;
    height:  auto;
}
.container {
    max-width:  1200px !important;
    padding-top:  15px;
    padding-bottom:  15px;
    margin-right:  auto;
    margin-left:  auto;
}
.col-sm-1,  .col-sm-10,  .col-sm-11,  .col-sm-12,  .col-sm-2,  .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9 {
    float:  left;
}
#umdmasthead {
    background-color:  #e21833;
    text-align:  center;
    padding-bottom:  2px;
}
#umdmasthead a {
    font-size:  14px;
    color: #fff;
    text-transform:  uppercase;
    font-family:  'Crimson Text',  serif;
    text-decoration:  none;
    letter-spacing:  .5px;
}
#umdmasthead a:hover {
    text-decoration:  none;
    color: #FFF;
}
#header {
    background-color:  #272727;
}
#header .col-4 {
    padding-left:  0em;
}
#header #searchform {
    max-width:  250px;
}
.sitename {
    padding-top:  10px;
}
a.sitename {
    color:  #fff;
    white-space:  nowrap;
    font-size:  2rem;
    font-weight:  bold;
    font-style:  normal;
    text-decoration:  none;
}
a.sitename:hover {
    color:  #ffd200 !important;
    text-decoration:  none;
}
.sitename img {
    max-width:  590px;
    max-height:  200px;
}
.navbar-expand-xl {
    padding:  1rem 0;
}
.headersearch {
    display:  flex;
    justify-content:  flex-end;
    align-items:  center;
    flex-direction:  column;
}
.navbar-brand {
    display: none;
}
.navbar ul {
    margin-left:  0;
}
.dropdown-menu {
    width: 200px;
}
.dropdown-menu > li > a {
    display:  block;
    clear:  both;
    font-weight:  400 !important;
    line-height:  1.42857143;
    border-bottom:  1px #EEE solid;
    padding:  5px 15px !important;
}
.dropdown-menu li a {
    color:  #212529 !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #FFF !important;
    background-color:  #333!important;
    text-decoration:  none!important;
}
.menu-item-has-children {
    position: relative;
}
ul.dropdown-menu li > ul.dropdown-menu {
    left:  100%;
    top:  0;
}
.navbar-toggle {
    background-color:  #FFF;
}
li.menu-item-has-children:hover > ul.dropdown-menu, li.menu-item-has-children:focus > ul.dropdown-menu {
    display: block;
}
.dropdown-toggle:after {
    display:  inline-block;
    width:  0;
    height:  0;
    margin-left:  .255em;
    vertical-align:  .255em;
    content:  "";
    border-top:  .3em solid;
    border-right:  .3em solid transparent;
    border-bottom:  0;
    border-left:  .3em solid transparent;
}
.nav-tabs .dropdown-menu,  .nav-pills .dropdown-menu,  .navbar .dropdown-menu {
    margin-top:  0;
}
#menu-main-menu li a {
    padding:  0 15px;
    font-size:  1rem;
    text-transform:  uppercase;
    font-weight:  700;
    text-decoration:  none;
    color:  #333;
    font-family:  'Roboto Condensed',  'Source Sans 3';
}
#menu-main-menu li a:hover,  #menu-main-menu li a:active,  #menu-main-menu > li.current-menu-item a, #menu-main-menu li.current-menu-ancestor a {
    color:  #e21833;
    outline:  0;
    -moz-outline-style:  none;
}
.menu-item.menu-item-search {
    display:  none;
}
nav .container {
    padding:  0;
}
.container-fluid {
    max-width:  1350px;
}
.nav {
    text-transform:  uppercase;
}
#myNavbar {
    float:  left;
    font-weight:  900;
}
.navbar-default {
    background-color:  #000;
    border:  none;
}
.navbar {
    margin-bottom:  0 !important;
    border-radius:  0;
}
.navbar-default .navbar-nav > li > a {
    color:  #FFF !important;
    font-weight:  bold;
    font-size:  12px;
    color:  #FFF;
    margin:  0 10px;
}
.navbar-nav .dropdown-menu {
    position:  absolute;
    left:  auto;
    top:  inherit;
    min-width:  auto;
    box-shadow:  0px 2px 5px rgba(0, 0, 0, 0.1);
    background-color:  #f8f9fa;
    border-radius:  0;
    padding:  0;
}
#slider {
    background:  url(images/umdcampus.jpg);
    min-height:  300px;
    background-repeat:  no-repeat;
    background-size:  cover;
    background-position:  bottom center;
}
.slider img {
    width: 100%
}
.homeblurb {
    background:  rgba(0, 0, 0, .7);
    color:  #fff;
    padding:  2rem;
    margin:  3em auto;
    text-align:  center;
    max-width:  680px;
}
.homeblurb h2 {
    font-size:  2.2em;
    line-height:  1;
    color:  #FFF;
    border-bottom:  1px #FFF solid;
    padding-bottom:  5px;
    margin:  0;
}
.homeblurb p {
    font-size:  1.2rem;
    margin-top:  10px;
}
#pagecontent {
    padding:  1em;
}
.page h1 {
    margin-top:  1rem;
}
.homepage h1 {
    font-size:  1.5em;
}
.homepage h2 {
    margin:  1rem 0;
    font-size:  1.5rem;
}
.caption {
    color:  #666 !important;
    font-size:  1rem;
    font-style:  italic;
    margin-bottom:  1.5em;
}
.featured-image {
    margin-bottom:  1em;
}
span.featured-image-caption {
    color:  #666 !important;
    font-size:  14px;
    font-style:  italic;
    margin-bottom:  1.5em;
}
#post h2 {
    font-size:  1.5rem;
}
#footer {
    color:  #B5B5B5;
    text-align:  left;
    font-size:  15px;
    font-family:  'Roboto Condensed';
}

#footer > .row {
    padding: 0 5px;
}

.footer_levelone {
    background-color:  #272727;
    padding:  1em 0;
    font-size:  1rem;
}
.footer_levelone img {
    max-width:  350px;
}
.footer_leveltwo {
    background-color:  #353635;
    color:  #fff;
}
.footer_leveltwo a {
    color:  #FFF;
    text-decoration:  none;
}
.footer_leveltwo a:hover {
    color:  #ffd200;
}
.smicons a {
    font-size:  2rem;
    color:  #999;
    margin:  5px;
}
.smicons a:hover {
    color:  #e21833;
}
.widget-container,  .childmenu {
    list-style:  none;
    padding:  1em 0 0 0;
    font-size:  1.1rem;
    background-color:  #f8f8f8;
    padding:  1em;
    border-top:  10px solid #e21833;
    border-bottom:  1px solid #DDD;
}
.widget-container a,  .widget-container a:hover {
    text-decoration:  none;
}
.widget_recent_entries li {
}
.widget-container h2 {
    margin:  .5em 0;
    color:  #333;
    font-size:  1.5rem;
}
.widget-container h3 {
    margin:  .5em 0;
    color:  #333;
    font-size:  1em;
    font-weight:  bold;
}
.widgettitle a:hover {
    color:  rgb(51,  102,  153);
}
.widget ul,  .childmenu ul {
    list-style-type:  none;
    list-style:  none;
    margin:  0;
    padding:  0;
}
.childmenu {
    margin-top:  3em;
}
.widget ul li,  .childmenu ul li {
    margin:  0 0 8px 0;
    padding:  4px 0 4px 0;
    font-size:  16px;
    border-bottom:  1px dotted #999;
}
.widget ul li ul li {
    border-bottom:  none;
    margin:  2px 0;
}
.widget ul li ul li ul li {
    border-bottom:  none;
}
.widget ul.sub-menu {
    margin-left:  15px;
}
.widget ul li .children {
    padding-left: .8em;
}
.navbar #search {
    float:  right;
}
.searchresults {
    margin:  1em;
    border-bottom:  1px solid #EEE;
    padding-bottom:  1em;
}
.searchresults h3 a {
    font-family:  'Roboto',  sans-serif;
    font-size:  20px;
}
.nosearchresults {
    padding:  5px;
    margin:  2em 0;
    border:  1px solid rgb(255, 204, 51);
    background-color:  rgb(255, 244, 194);
}
#searchform {
    border:  1px solid #D8D8D8;
    text-align:  left;
    padding:  6px;
    border-radius: 8px;
    font-size: 1rem;
    margin-right: 12px;
}
#search input[type="text"] {
    box-shadow:  none;
    border:  none;
    margin-bottom:  0;
    background:  none;
    color: #575757;
    width:  200px;
}
.search-button {
    color: #000;
    background: none;
    line-height: normal;
    border: none;
    padding-block: 5px;
    padding-inline: 6px;
    float: right;
}
#content-search {
    width:  300px;
    padding:  15px 0;
}
.searchtitle {
    text-transform:  none;
}
.pager {
    margin-top:  35px;
}
.pager > li > a {
    width:  140px;
    padding:  10px 20px;
    text-align:  center;
    border-radius:  30px;
}
.pagination a,  .pagination span {
    text-decoration:  none;
    display:  block;
    float:  left;
    margin:  0 7px 0 0;
    padding:  7px 10px 6px;
    border:  1px solid #ccc;
    font-size:  14px;
    line-height:  12px;
    color:  #333;
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
    border-radius:  3px;
}
.pagination a:hover {
    color:  #333 !important;
    background:  #FFDE00;
}
.pagination .current {
    padding:  6px 9px 5px;
    background:  #333;
    color:  #fff;
}
.btn {
    border:  none !important;
    display:  inline-block;
    padding:  10px 20px !important;
    font-weight:  bold !important;
    line-height:  1;
}
.btn-primary {
    color:  #fff;
    background-color:  #e21833;
    border-radius:  0.25rem;
    padding:  5px 15px;
    text-transform:  uppercase;
    font-size:  14px;
}
.btn-secondary {
    color:  #fff;
    background-color:  #272727;
    border-radius:  0.25rem;
    padding:  5px 15px;
    text-transform:  uppercase;
    font-size:  14px;
}
.btn-primary:hover,  .btn-primary:focus,  .btn-primary:active,  .btn-primary.active,  .open>.dropdown-toggle.btn-primary {
    color:  #f3c726;
    background-color:  #000;
    border-color:  #000;
}
.btn-light,  .btn-light:visited {
    border:  2px solid #fff !important;
    color:  #fff !important;
    background:  0 0 !important;
    font-weight:  bold;
}
.btn-light:focus,  .btn-light:hover {
    color:  #000 !important;
    background:  #fff !important;
    box-shadow:  none !important;
    border:  2px solid #000 !important;
}
.btn-dark,  .btn-dark:visited {
    border:  2px solid #333;
    color:  #FFF !important;
    background:  #333 !important;
    font-weight:  bold;
    letter-spacing:  .5px;
}
.btn-dark:focus,  .btn-dark:hover {
    background:  #e21833 !important;
    color:  #FFF !important;
    box-shadow:  none !important;
    border:  2px solid #e21833;
}
.btn:hover {
    text-decoration:  none;
}
input:focus {
    outline:  none !important;
}
.wpcf7-submit {
    color:  #fff;
    background-color:  #333;
    border:  2px solid #333 !important;
    display:  inline-block;
    padding:  10px 20px !important;
    border-width:  2px;
    border-style:  solid;
    font-size:  .875rem;
    font-weight:  bold !important;
    line-height:  1;
    text-transform:  uppercase;
    text-decoration:  none;
    text-align:  center;
    border-radius:  0.25rem;
}
.wpcf7-submit:hover {
    border-color:  #333;
    background-color:  #FFF;
    color:  #333;
}
.wpcf7-form input[type="text"],  .wpcf7-form select,  .wpcf7-form input[type="email"],  .wpcf7 input[type="tel"],  .wpcf7-form textarea {
    margin:  5px 0 0;
    width:  90%;
    border:  1px solid #DDD;
    box-shadow:  0 0 5px #DDD inset;
    color:  #999;
    height:  inherit;
    padding:  4px;
    font-weight:  normal;
}
.wpcf7 label {
    font-weight:  bold;
}
input[type="file"] {
    max-width:  100%
}
.required {
    color:  #e21833;
    font-weight:  bold;
}
.alignleft {
    display:  inline;
    float:  left;
    margin-right:  1.5em;
}
.alignright {
    display:  inline;
    float:  right;
    margin-left:  1.5em;
}
.aligncenter {
    clear:  both;
    display:  block;
    margin-left:  auto;
    margin-right:  auto;
}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {
    content:  "";
    display:  table;
    table-layout:  fixed;
}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after {
    clear:  both;
}
.su-accordion .su-spoiler {
    margin:  1rem 0;
    border-bottom:  1px solid #EEE;
}
.su-spoiler-title {
    font-size:  1.1rem !important;
    margin:  1rem 0;
}
.su-spoiler-title:hover {
    color:  #e21833;
}

@media (min-width: 1021px) {
.navbar-expand-xl {
    -ms-flex-flow:  row nowrap !important;
    flex-flow:  row nowrap !important;
    -ms-flex-pack:  start !important;
    justify-content:  flex-start !important;
}
.navbar-expand-xl .navbar-nav {
    -ms-flex-direction:  row !important;
    flex-direction:  row !important;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
    position:  absolute !important;
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right:  0.5rem !important;
    padding-left:  0.5rem !important;
}
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap:  nowrap !important;
    flex-wrap:  nowrap !important;
}
.navbar-expand-xl .navbar-collapse {
    display:  -ms-flexbox !important;
    display:  flex !important;
    -ms-flex-preferred-size:  auto !important;
    flex-basis:  auto !important;
}
.navbar-expand-xl .navbar-toggler {
    display:  none !important;
}
}

@media screen and (max-width: 1020px) {
.alignleft {
    float:  none;
}
.bg-light {
    background-color: #272727 !important;
}
.headersearch {
    display:  none;
}
.navbar-toggler {
    margin-left:  0;
    margin-right:  1rem;
    padding:  .25rem .25rem;
    background-color:  #e21833;
    border:  0;
    float:  right;
}
.navbar-light .navbar-toggler-icon {
    background-image:  url("data:image/svg+xml, %3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,  255,  255,  0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav .dropdown-menu {
    position: relative !important;
    background-color:  inherit;
    border:  none;
    padding:  0 15px;
    box-shadow:  none;
    display:  block;
    list-type: initial;
}
li.menu-item-has-children {
    padding-bottom: 0px !important;
}
ul.dropdown-menu > li:first-child, ul.navbar-nav > li:first-child {
    margin-top: 10px;
}
ul.dropdown-menu li > ul.dropdown-menu {
   left: initial; 
}
#header {
    display:  none;
}
#pagecontent {
    padding:  0;
}
.navbar-brand {
    display:  block;
}
#menu-main-menu {
    background-color:  white;
    margin-top:  1em;
}
.size-full {
    margin:  0;
}
.menu-item.menu-item-search {
    display:  flex;
}
ul#menu-main-menu.navbar-nav li a {
    display:  block;
    padding:  10px;
    border-bottom:  #EEE 1px solid;
}
.navbar #search {
    margin-left:  .5em;
    min-width:  275px;
}
.navbar-collapse li {
    padding:  10px 0;
}
.navbar-brand {
    padding:  0 .5em;
    max-width:  80%;
    margin-right:  0 !important;
}
}

@media screen and (max-width: 992px) {
h1,  .h1,  h2,  .h2,  h3,  .h3,  h4,  .h4,  h5,  .h5,  h6,  .h6 {
    margin-top:  .5em;
}
.homesidebar .col-sm-7,  .homesidebar .col-sm-4 {
    padding:  1em;
    width:  100%
}
.navbar-collapse li {
    padding:  5px 0;
}
.desktop-search {
    display:  none;
}
.section_image {
    height:  50%;
    text-align:  center;
    overflow:  hidden;
    width:  50%;
    margin:  auto;
}
.section_links {
    text-align:  center;
}
.section_title {
    text-align:  center;
}
.featured_container {
    margin:  2%;
    width:  95%;
    border-bottom:  1px solid #333;
    padding-bottom:  3em;
}
.col-sm-9 {
    flex:  0 0 auto;
    width:  100% !important;
}
.footer_add {
    padding:  0 2em;
}
.col-7.homesidebar,  .col-4.homesidebar {
    width:  100%
}
.wp-block-buttons.is-layout-flex {
    display:  grid;
}
.sidebar-primary {
   width: 100% !important;
}
.footer_logo {
    width:  100%;
    margin-bottom: 0.5em;
}
}

@media screen and (max-width: 768px) {
.row.navbar-light {
    --bs-gutter-x:  0 !important;
}
.homeblurb {
    margin:  2em auto;
}
.page-content {
    margin-top:  1em;
    padding:  1rem;
}
.wp-block-media-text .wp-block-media-text__content {
    padding:  0%
}
.blog-post {
    margin-bottom:  1em;
}
img.wp-post-image {
    max-width:  100%}
}

@media screen and (max-width: 568px) {
a.sitename {
    font-size:  1.4rem;
    white-space:  normal;
}
.dropdown-menu > li > a:focus,  .dropdown-menu > li > a:hover {
    color:  #e21833 !important;
    text-decoration:  none !important;
    background-color:  #FFF !important;
}
.featured_img > img {
    float:  none;
    max-width:  100%;
    margin:  1em auto;
}
.eo-event-thumbnail.wp-post-image {
    float:  none !important;
    margin:  1em 0;
}
table td {
    display:  block;
    text-align:  center;
}
#slider {
    min-height:  180px;
    background-repeat:  no-repeat;
    background-size:  cover;
    background-attachment:  unset;
}
.footer_levelone {
    padding:  0;
}
}

@media print {
.blog-masthead {
   display: none;
}
.navbar {
   display: none;
}
.page-content, .pagecontent {
   box-shadow: none;
}
.footer_levelone {
   display: none;
}
}