/*
Theme Name: Hopper -(soda)
Theme URI: https://www.ischool.umd.edu
Author: INFO Web team
Author URI: https://internal.ischool.umd.edu/technology/web/
Description: Custom UMD INFO theme developed using Bootstrap framework
Version: 2.0
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 > 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
}

ul.dropdown-menu li > ul.dropdown-menu {
	left: 100%;
	top: 0
}

.navbar-toggle {
	background-color: #FFF
}

ul.dropdown-menu li:hover > ul.dropdown-menu, ul.dropdown-menu li:focus > ul.dropdown-menu {
	display: block
}

ul li .dropdown-menu ul li {
	margin-left: 1em
}

.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
}

.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible
}

.menu-item-has-children:hover .dropdown-menu {
	display: block
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px
}

.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px
}

#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 {
	color: #e21833;
	outline: 0;
	border: none;
	-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/circuit3.png);
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.slider img {
	width: 100%
}

h2.homepage-sp-event-l1 {
    border-bottom: none !important;
}
h3.homepage-sp-event-l3 {
    margin-top: 0px;
}

a.btn.homesliderbtn{
	background: #333;
    color: #FFF !important;
    border: 3px solid #ffd200 !important;
    font-size: 24px;
    text-transform: uppercase;
    box-shadow: none;
    -webkit-appearance: none;
}

a.btn.homesliderbtn:hover, 
a.btn.homesliderbtn:focus {
    background: #fff;
    color: #e21833 !important;
	border: 3px solid #e21833 !important;
}

.apply .btn:active {
  background-color: transparent;
  color: black;
}

.homepage-sp-event-title{

}
.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
}

.col-sm-3.sidebar-primary {
	padding-left: 2em
}

#sidebar-primary .widgettitle {
	background: #2B75A9;
	text-align: center;
	color: #FFF;
	padding: 13px 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	margin-bottom: 1em;
	border-radius: 5px
}

#sidebar-primary .widgettitle::after {
	content: "";
	display: block;
	position: absolute;
	border-top: 5px solid;
	border-top-color: #2B75A9;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -5px;
	left: 90%;
	width: 0;
	height: 0;
	margin-left: -5px
}

#footer {
	color: #B5B5B5;
	text-align: left;
	font-size: 15px;
	font-family: 'Roboto Condensed'
}

.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;
	margin-right: 1rem;
}

.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;
	background: #fff url(images/search.png) 99% 50% no-repeat;
	text-align: left;
	padding: 6px 18px 6px 6px;
	border-radius: 8px;
	font-size: 14px;
}

#search input[type="text"] {
	box-shadow: none;
	border: none;
	margin-bottom: 0;
	color: #575757;
	width: 200px;
}

#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 {
    margin: 2em 0;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    display: block;
}

.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 !important;
	color: #fff;
}

.btn {
	color: #fff !important;
	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;
}


/*
SODA specific
*/

/* -------------  Data Literacy  ------------  */

#additional {
    text-align: center;
    }
  
    #additional ul{
      font-size: 1rem;
      list-style: none;
      display: inline-flex;
      padding: 0;
      margin-bottom: 0;
    }
    #additional li a {
      padding: 0 1rem;
      position: relative;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: bold;
    }
  
    #additional li a:hover {
    font-weight: bold;
    color: #666;
    text-decoration: none;
    } 
  
    #dataliteracy {
    margin-bottom: 3em;
    font-size: 1.2rem;
    }
    #dataliteracy img {
    max-width: 100%;
    padding: .75em;
  }
  
    #dataliteracy h1 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
    margin: 1rem 0;
      }
  
    #dataliteracy h1 a {
    color: #000;
    font-size: 3rem;
    font-weight: bold;
    }
  
    #dataliteracy h1 a:hover {
    color: #e21833;
    text-decoration: none;
    }
  
    #dataliteracy h2 {
      color: #e21833;
      font-family: Crimson;
      font-size: 1.7rem;
      margin-top: 1.5em;
      }
  
    #dataliteracy .post-title {
    color: #333;
    text-transform: uppercase;
    font-size: 2rem;
    margin: 1.5em 0 0 0;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  #dlnavmobile {
    display: none;
  }
  
      #dlnav {
        display: inline-flex;
        text-align: center;
        padding: 0 1em 0 0;
        text-transform: uppercase;
        list-style: none;
        font-size: 1em;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 1rem 0
  
      }
      #dlnav .fas {
        border: 1px solid #999;
        border-radius: 50%;
        padding: 10px;
        font-size: 1.5em;
        }
      #dlnav li {
       color: black;
       font-size: 12px;
       font-weight: bold;
      }
      #dlnav a {
        color: black;
      }
      #dlnav a:hover, #dlnav a.active {
        color: #e21833;
        text-decoration: none;
      }
      #dlnav a.active {
      color: #e21833;
      }
  
      #dlnav a.active .fas {
      border: 1px solid #e21833;
      }
  
  
      .readmore {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
      }
    .readmore:after {
     font-family: "Font Awesome 5 Free";
     content: "\f054";
     display: inline-block;
     padding-right: 3px;
     vertical-align: middle;
     font-weight: 900;
  }
  
  .dl-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1em;
    }
  
    .logo-text p{
      font-weight: bold;
      color: black;
      text-align: center;
      font-size: 16px;
    }

	.pillbutton a:hover{
		color: #f3c726 !important;
	}

/* Seed Grant Series */

.sgsingle{
	padding-bottom: 1em;
}
h2.sgsh2{
	margin-top: 0px !important;
}

/* Videos Page */

.videos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.5rem;

}
.video {
    min-height: 6rem;

}
.video:nth-child(4n),
.video:nth-child(5n),
.video:nth-child(6n) {
    min-height: 3rem;
}


/* Home page */


.news-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

.footer-centerlinks {
    text-align: center;
    margin: auto;
}

.footer_centertext a{
	color:#FFF;
	text-decoration: none;
	margin-top: 1em;
}
.footer_centertext a:hover {
    color: #ffd200;
}
.footer_centertext{
	text-align: center;
	margin: auto;
}
.footerbreak{
	margin-left: 1em;
	margin-right: 1em;
	font-weight: bold;
}
  
  .news-section .news-image {
    position: relative;
    width: 100%;
    padding-top: 66.6%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 1rem;
  }
  
  .news-link:hover,
  .news-link:focus {
    text-decoration: none;
  }
  
  .news-link h2 {
    color: #e21833;
  }
  
  .news-link:hover h2, 
  .news-link:focus h2 {
    color: maroon;
    text-decoration: underline;
  }
  
  .btn.eventhomepage {
    background-color: transparent;
    border: 3px solid #333 !important;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 2em;
    color: #e21833 !important;
    box-shadow: none;
    -webkit-appearance: none;
}

.btn.eventhomepage:hover, .btn.eventhomepage:focus {
    background: #333;
    color: #FFF !important;
}

  .news-link .entry {
    color: black;
  }
  
  .image-attribution {
    color: black;
    font-style: oblique;
    font-style: italic;
    margin-bottom: 1rem;
  }
  
  .news-section .news-item {
    margin: 2rem 0;
    font-size: 1.1rem;
    font-weight: bold;
  }
  
  .news-section .more-link {
    clear: both;
  }

.icon-panels .icon-panel-icon {
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto 1.25rem;
  }

.icon-panels {
    margin: 1.25rem;
  }
.icon-panels {
    margin: 0;
  }
.icon-panels .icon-panel {

    margin: 1.25rem auto;
    padding: 1.25rem;
  }


.icon-panels h3 {
    color: #e21833;
    font-weight: bold;
    font-size: 1.25rem;
  }
  
.icon-panels .icon-panel {
    border-right: 10px solid #e21833;
  }
  
.icon-panels .icon-panel:nth-child(3n) {
    border-right: 0;
  }


.icon-panels .icon-panel:last-child {
    border-bottom: 0;
  }


.umd-bullets-section-wrapper {
  background-color: black;
  color: white;
  padding: 1.25rem 0;
}

.umd-bullets-section-wrapper .content {
  font-size: 1.25rem;
  margin-bottom: 2.5rem;
}

.umd-bullets {
  list-style-type: none;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.umd-bullets li {
  margin: 1.875rem 0;
}

.umd-bullets .media-left{
  width: 65px; 
  min-width: 65px;
}

.umd-bullets .umd-bullet-image{
  width: 65px;
  height: auto;
}

.umd-bullets .media-body {
  color: white;
  font-size: 1.5rem;
}

.academic-programs-intro-training {
  font-size: larger;
  padding-bottom: 0px !important;
}
.academic-programs-intro {
  padding: 3.125rem 1.25rem;
  font-size: 1.7rem; 
}
.apply {
    /* background: url('/wp-content/uploads/2020/04/survey_data_analysis.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 450px;
    position: relative;
}

.apply .btn {
    background-color: transparent;
    border: 3px solid #333 !important;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 2em;
    color: #e21833 !important;
    box-shadow: none;
    -webkit-appearance: none;
}

.apply .btn:hover, 
.apply .btn:focus {
    background: #333;
    color: #FFF !important;
}

.apply .btn:active {
  background-color: transparent;
  color: black;
}

.apply  {
  display: flex;
  align-items: center;
}
 
  
.apply-overlay {
  background-color: rgba(216, 202, 184, 0.806);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.applyblurb {
    text-align: center;
    padding: 3rem;
    z-index: 2;
    position: relative;
  }
  
  .applyblurb h2 {
    font-size: 2em;
    color: #000;
	margin-top: 0;
  }
  
  .applyblurb p:last-child {
    background-image: url(images/soda-light.png);
    background-repeat: no-repeat;
    margin-top: 2rem;
    padding-top: 0px;
    background-position: center -0px;
    background-size: 240px;
  }

  .homepage-title {
	font-size: xx-large;
	text-align: center;
  }

  /* Research Page */

.highlights-section,
.umd-affiliations-section,
.support-section {
  margin-bottom: 4rem;
}
  
  
  .research-page h2 {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2rem;
  }

  .umd-affiliation-wrapper {
	margin-bottom: 1.5em !important;
  }

  .umd-affiliation-wrapper a {
    -webkit-box-flex: 1;
    flex: 1;
    background-color: #EA0030;
    color: white;
    padding: 0.5rem 0.75rem;
    text-align: right;
	text-transform: uppercase;
	font-weight: bold;
  }

  .umd-affiliation-description{
	padding: 10px;
	font-weight: bold;
  }
  .highlight-image {
	max-width: 100%;
    object-fit: cover;
	border: 2px solid rgb(0, 0, 0);
}
  .highlights-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: -0.625rem;
  }
  .highlight-link {
    -webkit-box-flex: 0;
    flex: 0 0 calc(33% - 1.25rem);
    display: flex;
    flex-direction: column;
    margin: 0.625rem;
    
}
.umd-affiliations-title{
	padding-bottom: 1em;
}

.highlight-text {
    color: white;
    padding: 0.5rem 0.75rem;
    text-align: center;
    font-weight: bold;
    background-color: black;
	margin: .5em;
}

.news-image{
	margin: 1em;
}

.news-text{
	text-align: center;
}


.frauke-img img{
margin-top: 1.2em !important;
}

.sp-event-ul{
	list-style: none !important;
}

.sp-event-ul .current_page_item{
	list-style-image: url('/wp-content/themes/hopper/images/tri.gif') !important;
}

.awsm-filter-btn { 
	padding: 10px 15px !important;
	margin-bottom: 3em !important;
	}



@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")
	}

	#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
	}
	.videos {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 0.5rem;
		padding: 0.5rem;
	
	}
	
	.video {
		width: 640px !important;
		height: 360px !important;
		margin: auto !important;
	}

	.video iframe {
		height: 360px;
	}

}

@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
	}

	.navbar-nav .dropdown-menu {
		position: inherit;
		background-color: inherit;
		border: none;
		padding: 0 10px;
		box-shadow: none;
		display: block
	}

	.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
	}

	.col-sm-3.spec-menu-size{
		flex:none !important;
		width: 100% !important;
	}
}

/* -------------  DL Mobile ------------  */

@media screen and (max-width: 990px) {

/* -------------  DL Mobile ------------  */
  #dlnav {
  display: none;
  }
  #dlnavmobile{
    display: block;
  }
   .navbar-default {
  background-color: #e21833;
  color: #FFF;
 }
  #dlnavmobile .nav li {
  font-size: 1rem;
  margin: 1px 0;
  border-bottom: 1px dashed #EEE;
  }
  #dlnavmobile .navbar-toggler-icon{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-image: none;
    background-size: auto;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  #dlnavmobile .navbar-toggle {
  background-color: #EEE;
  margin: 0;
  padding: 0;
  border: none;
  float: right;
  }
  #dlnavmobile .fas {
  padding: 0 1rem;
  }
  #dataliteracy h1 {
  margin: 0;
  }
  #additional ul {
  display: block;
}
.navbar-header {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

.dl-logo{
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  
  }
  
  .dl-logo img{
  padding: 1em;
  }
  
  }



@media screen and (max-width: 768px) {

    .news-section .btn {
        background-color: transparent;
        border: 3px solid #e21833;
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 2em;
        color: #e21833;
        box-shadow: none;
        -webkit-appearance: none;
      }
      
      .news-section .btn:hover {
        background-color: #e21833;
        color: #FFF;
      }


     .icon-panels {
        margin: 1.25rem;
      }
      .icon-panels {
        margin: 0;
      }
     .icon-panels .icon-panel {

        margin: 1.25rem auto;
        padding: 1.25rem;
      }
      
      
     .icon-panels .icon-panel-icon {
        max-width: 100px;
        height: auto;
        display: block;
        margin: 0 auto 1.25rem;
      }
      
       .icon-panels h3 {
        color: #e21833;
        font-weight: bold;
        font-size: 1.25rem;
      }
      
      .icon-panels .icon-panel {
        border-right: 10px solid #e21833;
      }
      
      .icon-panels .icon-panel:nth-child(3n) {
        border-right: 0;
      }

      .icon-panels .icon-panel {
        border-right: 0;
        border-bottom: 10px solid #e21833;
      }
      .icon-panels .icon-panel:last-child {
        border-bottom: 0;
      }
    
    
    .umd-bullets-section-wrapper {
      background-color: black;
      color: white;
      padding: 1.25rem 0;
    }
    
     .umd-bullets-section-wrapper .content {
      font-size: 1.25rem;
      margin-bottom: 2.5rem;
    }
    
    .umd-bullets {
      list-style-type: none;
      font-weight: bold;
      text-transform: uppercase;
      margin: 0;
      padding: 0;
    }
    
    .umd-bullets li {
      margin: 1.875rem 0;
    }
    
    .umd-bullets .media-left{
      width: 65px; 
      min-width: 65px;
    }
    
    .umd-bullets .umd-bullet-image{
      width: 65px;
      height: auto;
    }
    
    .umd-bullets .media-body {
      color: white;
      font-size: 1.5rem;
    }
    
    .academic-programs-intro {
      padding: 3.125rem 1.25rem;
      font-size: 1.7rem; 
    }


	.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
	}

	.footer_levelone .col-sm-4 {
		width: 100%
	}

	.footer_levelone img {
		padding: 1em;
		margin: 0;
		max-width: 350px
	}

	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
	}
}