@charset "utf-8";	
/*
Theme Name: RAISE child
Theme URI: ...
Author: Technology Innovation Center
Author URI: http://tic.jh.edug
Description: WordPress Theme created for the Johns Hopkins School of Medicine RAISE Center.
Version: 1.0
Tested up to: 6.3
Requires PHP: 4.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: RAISE-child
Template: BIDS
Tags: theme-options, threaded-comments, translation-ready, sticky-post, footer-widgets, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, right-sidebar, one-column, two-columns, blog, entertainment, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* CSS Document */
body, p{
	font-family: 'Noto Sans', sans-serif !important;
}
html, body {
  height: 100vh;
	display: flex;
	flex-direction: column;
}
#content {
  flex: 0 0 auto;
	min-height: 55vh
}
footer{
	flex-shrink: 0;
}
.site-content{
	max-width: 1630px;
    margin: 0 auto;
}
.narrow-width{
	max-width: 660px;
}
/*
.int-jumbotron, .header-wrap .bread-container{
	max-width: 1630px;
}
*/
.jumbotron h1 {
		max-width: 830px !important;
		margin: 0 auto 1em;
	}
.navbar-brand .name a {
	width: 420px !important;
}
.jumbotron{
	background: #002d72 url("assets/img/raise-banner-bg.svg") no-repeat;
	background-size: 30%;
	background-position: right;
}
.jumbotron .btn-group .btn, .jumbotron .btn-group .btn:focus{
	justify-content: center;
	align-content: center;
	margin: 0 1.275em;
	white-space: nowrap;
	width: auto !important;
}
.menu-item:first-child{
	background: rgba(245, 246, 251, 0.34);
}
.menu-item:first-child:not(.sub-menu .menu-item)::before{
	content: '';
    margin-right: 0px;
    margin-left: 10px;
    background: url(assets/img/menu-back-arrow.svg) no-repeat;
    width: 11px;
    height: 9px;
    display: inline-flex;
    align-self: center;
}

.wp-block-media-text>.wp-block-media-text__content{
	padding: 0 1em;
}
.purple-container_img .inner-wrap {
    padding: 3em;
}
h3.staff-member-name{
	font-family: var(--sans-font);
    color: var(--dk-blue);
    font-weight: 700;
    font-size: var(--24);
}
.staff-member-title{
	font-family: "Noto Serif", serif;
}
.ff-container::after{
	background: none !important;
}

@media only screen and (max-width: 991px) {
	button.navbar-toggler{
		box-shadow: none !important;
	}
	.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active {
			margin: 0.25em auto;
			color: #002d72 !important;
			border-radius: 0;
			box-shadow: none;
			border: none !important;
			border-color: transparent !important;
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		.navbar-toggler-icon{
			color: #002d72 !important;
			margin-right: 0.5em;
			background-image: none !important;
			display: flex;
			align-items: center;
			width: 1.5em;
			height: 1.5em;
		}
	.menu-item-has-children:hover .sub-menu, .page_item_has_children:hover .children, .sub-menu.show, .menu-item-has-children[aria-expanded="true"] {
    background: #4e97e0;
    color: white;
    display: block;
    margin-top: 37px;
    padding: 0;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    box-shadow: 0px 5px 8px #00000010;
}
	i:not(.fa-search){
		/* display: none !important; */
		margin-top: 0.24em;
	}
	.navbar-nav .menu-item, .navbar-nav .menu-item:hover {
        margin: 0 1em !important;
		color: #002d72 !important;
		font-size: 14px;
    }
	.navbar-collapse{
		margin-top: 0.5em;
	}
	.search-btn {
		margin-top: 1em !important;
	}
	.wp-block-media-text__media{
		margin-top: 1.5em !important;
	}
	.jumbotron{
		background: #002d72;
		background-image: none;
	}
	.navbar-brand .name a {
		width: 380px !important;
		margin: 0 auto;
	}
	.navbar-brand .name {
    	max-width: 100%;
		margin-top: 0.5em;
	}
	.utility-menu {
        display: none !important;
		height: 0px;
        visibility: hidden;
    }
	.jumbotron .btn-group .btn, .jumbotron .btn-group .btn:focus{

	margin: 1em 0;

}
}
@media only screen and (max-width: 768px) {
	.navbar-brand .name a {
		width: 420px !important;
		margin: 0 auto;
	}
	
}