/*
 * |======================================================================================
 * | app.css
 * |======================================================================================
 * | 
 * | ============
 * | TIPS & USAGE
 * | ============
 * | 
 * | 1. Next and indent your styles.
 * | 2. Keep styles organized (use headings, comments, and table of contents)
 * | 3. The name of your theme is placed as a class on the body tag.
 * | 4. Use that class to prefix and define all your styles within common containers so as not to override required styles in the header and footer.
 * | 5. The most common containers will be ".page" and ".feature" but you might have others in a unique template.
 * | 6. Do not use just ".yourthemename" because it will override the msu-header and msu-footer styles. You must target the inner page container.
 * | 7. For example, your css rules should be prefixed with ".yourthemename .page" or ".yourthemename .feature" and etc.
 * |
 * |
 * | =================
 * | TABLE OF CONTENTS
 * | =================
 * |
 * | #  Fonts
 * } #  Tags
 * | #  Adjustments to the Header
 * | #  Adjustments to the Mobile Menu
 * | #  Adjustments to the Main Menu
 * | #  Animation
 * | #  Page Headers
 * | #  Pages
 * | #  Adjustments to the Footer
 * |
 * */





/** ------------------------------------------------------------------------------------ */
/**
 * Fonts
 **/
@font-face {
	font-family: Libre Baskerville, serif;
	src:url('fonts/LibreBaskerville.ttf'); 
}



/** ------------------------------------------------------------------------------------ */
/**
 *  *  Tags
 *   **/
.basegri h4{
	color: rgb(93,23,37);
	font-size: 27px;
	margin: 0 0 15px 0;
}


/** ------------------------------------------------------------------------------------ */
/**
 *  Adjustments to the Header 
 **/
.basegri #msu-header .logo img{
	max-width: 100%;
}
.basegri header#msu-header .logo{
	display: flex;
	align-items: center;
}
.basegri header#msu-header .logo .links-container{
	height: fit-content;
}


/** ------------------------------------------------------------------------------------ */
/**
 *  *  Adjustments to the Mobile Menu
 *   **/
.basegri .mobile-menu{
	background-color: #000;
}
.basegri .mobile-menu .navbar-collapse .nav-item .nav-link{
	padding-left: 10px;
}
.basegri .mobile-menu .navbar-collapse .nav-item:hover{
	background-color: #333;
	color: #ddd;
}
.basegri .mobile-menu .navbar-collapse .nav-item.dropdown.show{
	background-color: #333;
	color: #ddd;
	border-radius: 0.25rem;
}
.basegri .mobile-menu .navbar-collapse .nav-item.dropdown .dropdown-menu.show{
	background-color: #666;
}
.basegri .mobile-menu .navbar-collapse .nav-item.dropdown .dropdown-menu a{
	color: #fff;
}
.basegri .mobile-menu .navbar-collapse .nav-item.dropdown .dropdown-menu a:hover{
	background-color: #ddd;
	color: #333;
}

/** ------------------------------------------------------------------------------------ */
/**
 *  Adjustments to the Main Menu
 **/
@media screen and (min-width:768px){
     .basegri .navbar{
                padding:0!important;
     }

     .basegri .navbar>.container, 
     .basegri .navbar>.container-fluid {
                display:block;
     }
}

.basegri #main-menu.navbar .navbar-nav li ul li{
	white-space: normal;
}
.basegri nav#main-menu.navbar .navbar-nav > li.open > a:hover,
.basegri nav#main-menu.navbar .navbar-nav > li.open > a:focus,
.basegri nav#main-menu.navbar .navbar-nav > li.active > a:hover,
.basegri nav#main-menu.navbar .navbar-nav > li.active > a:focus,
.basegri nav#main-menu.navbar .navbar-nav > li:hover.active > a,
.basegri nav#main-menu.navbar .navbar-nav > li:hover.open > a{
	text-decoration: none;
}

/** ------------------------------------------------------------------------------------ */
/**
 *  Animation
 **/

@keyframes fadeUp {
    from {
	opacity: 0;
	transform: translate3d(0, 100%, 0);
    }

    to {
	opacity: 1;
	transform: none;
    }
}
.fadeUp{
	animation-name: fadeUp;
}

@keyframes ZoomInZoomOut {
    0% {

	transform:scale(1.1);
    }
    50% {
	transform:scale(1.25);
    }
    100% {
	transform:scale(1.1);
    }
}
.ZoomInZoomOut{
	animation-name: ZoomInZoomOut;
	animation-iteration-count: infinite;
	animation-duration: 30s!important;
	animation-timing-function: ease-in-out;
}

.animated{
	animation-duration: 1.25s;
}


/** ------------------------------------------------------------------------------------ */
/**
 *  Page Headers
 **/
.basegri .page .header-section{
	overflow: hidden;
}
.basegri .page .header-section .page-header, .basegri .page .research-header .page-header{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.basegri .page .header-section .page-header{
	height: 450px;
}
.basegri .page .research-header .page-header{
	height: 400px;
}

.basegri .page #index-header.header-section .page-header{
	background-image: url('../img/homepage-header.jpg');
	height: 650px;
	background-position: 25% 35%;
}
@media screen and (max-width:500px){
	.basegri .page #index-header.header-section .page-header{
		background-position: center;
	}
}
.basegri .page .header-section #blog-header.page-header{
	background-image: url('../img/blog-header.png');
}
.basegri .page .header-section #about-header.page-header{
	background-image: url('../img/aboutheader.png');
	height: 650px;
}
.basegri .page .header-section #about-opp-header.page-header{
	background-image: url('../img/Opportunities.jpg');
        background-position: 50% 40%;
}
.basegri .page .header-section #people-header.page-header{
	background-image: url('../img/People.png');
}

.basegri .page .header-section #contact-header.page-header{
	background-image: url('../img/Contact.png');
	 height: 650px;
}

.basegri .page .header-section #projects-header.page-header{
	background-image: url('../img/research.png');
	height: 650px;
}
.basegri .page .header-section #past-projects-header.page-header{
	background-image: url('../img/programspotlight.png');
}
.basegri .page .header-section #outreach-header.page-header{
	background-image: url('../img/outreach-header.jpg');
	height: 650px;
}
.basegri .page .header-section #uas-header.page-header{
	background-image: url('../img/Opportunities.jpg');
        background-position: 50% 30%;
}
.basegri .page .header-section #geo-header.page-header{
	//background-image: url('../img/GeoProject1.jpg');
	background-image: url('../GEO/img/SLRCoast.jpg');
}
.basegri .page  .header-section #geo-education-header.page-header{
	background-image: url('../GEO/img/PythonTraining.jpg');
}
.basegri .page .header-section #geo-team-header.page-header{
	background-image: url('../img/People.png');
}
.basegri .page .header-section #marine-ops-header.page-header{
	background-image: url('../MarineOps/img/MarineOps-header.jpg');
}

.basegri .page .research-header #aar-header.page-header{
	background-image: url('../research/img/aar-hpc-header.png');
}
.basegri .page .research-subpage-header #aar-developingheader.page-header{
	background-image: url('../research/img/aar-developingheader.jpg');
	height: 400px;
}
@media screen and (min-width: 1200px){
	.basegri .page .research-subpage-header #aar-developingheader.page-header{
		background-position: 50% 20%;
	}
}
.basegri .page .research-header #nifa-uav-header.page-header{
	background-image: url('../research/img/nifa-uavheader.jpg');
}
.basegri .page .research-header #nifa-ccp-header.page-header{
	background-image: url('../research/img/nifa-ccp-header.jpg');
}
.basegri .page .research-header #mbrace-header.page-header{
	background-image: url('../research/img/mbrace-header.png');
}
.basegri .page .research-header #naca-uas-header.page-header{
	background-image: url('../research/img/naca-uas-header.jpg');
}
.basegri .page .research-header #sca-header.page-header{
	background-image: url('../research/img/sca-header.PNG');
}
.basegri .page .research-header #airport-header.page-header{
	background-image: url('../research/img/airport-header.png');
}
.basegri .page .research-header #gull-header.page-header{
	background-image: url('../research/img/gull-header.png');
}
.basegri .page .research-header #nasa-smm-header.page-header{
	background-image: url('../research/img/nasa-smm-header.png');
}
.basegri .page .research-header #mbrace-coreI-header.page-header{
	background-image: url('../research/img/mbrace-coreI-header.png');
}
.basegri .page .research-header #marsh-header.page-header{
	background-image: url('../research/img/marsh-header.png');
}
.basegri .page .research-header #rst-header.page-header{
	background-image: url('../research/img/rst-header.png');
}
.basegri .page .research-header #aflatoxin-header.page-header{
	background-image: url('../research/img/aflatoxin-header.png');
}
.basegri .page .research-header #ai-workshop-header.page-header{
	background-image: url('../research/ai-workshop/img/ai-workshop-header.png');
}
.basegri .page .research-header #scoping-workshop-header.page-header{
	background-image: url('../research/scoping-workshop/img/scoping-workshop-header.png');
}
.basegri .page .research-header #amphibious-header.page-header{
	background-image: url('../research/img/amphibious-header.jpg');
}
.basegri .page .research-header #mobile-monitoring-header.page-header{
	background-image: url('../research/img/mobile-monitoring-header.jpg');
}
.basegri .page .research-header #dhs-header.page-header{
	background-image: url('../research/img/dhs-header.png');
}
.basegri .page .research-header #flowering-header.page-header{
	background-image: url('../research/img/flowering-header.png');
}
.basegri .page .research-header #bulrush-header.page-header{
	background-image: url('../research/img/bulrush-header.png');
}
.basegri .page .research-header #soybeans-header.page-header{
	background-image: url('../research/img/soybeans-header.png');
}
.basegri .page .research-header #climate-header.page-header{
	background-image: url('../research/img/climate-header.png');
}
.basegri .page .research-header #animal-disease.page-header{
	background-image: url('../research/img/animal-disease-header.jpg');
}


/** ------------------------------------------------------------------------------------ */
/**
 *  *  Pages	
 *   
 ***/
.FloatLeft{
	float: left;
	margin: 0 10px;
}

.FloatRight{
    float: right;
    margin: 0 10px;
}

.FloatLeft .Caption, .FloatRight .Caption, .videoCaption .Caption {
      font-size: 12px;
      margin: 3px 3px 5px 3px;
      padding: 0px;
      text-align: left;
}

.pt-6, .py-6{
	padding-top: 4rem!important;
}
.pb-6, .py-6{
	padding-bottom: 4rem!important;
}

.border-cc{
	border-color: #cccccc!important;
}

.bg-ef{
	background-color: #efefef!important;
}

.basegri .page{
	padding-top: 0;
	background-color: #fcfcfc;
}

@media screen and (max-width: 767px){
	.basegri .page .row > div{
		margin-bottom: 0.5em;
	}
}

.basegri .header-text h2.sectHead{
	color: rgb(93,23,37);
	margin-bottom: 15px;
	font-size: 55px;
	margin-top: 0px;
}

.basegri .page .white-bg{
	background-color: #fff;
}
.basegri .page .soft-gray-bg{
	background-color:#ebeced;
	margin: 25px 0;
}
.basegri .page .blue-bg{
	background-color: #f0f4fc;
	margin: 25px 0;
}
.basegri .page .maroon-text{
	color: rgb(93,23,37);
}

/* Cards ------------------------------------------- */
.basegri .page .section-container .card .card-body{
	background-color: rgb(93,23,37);
	color: #fff;
}
.basegri .page .section-container .card .card-body .video-title{
	color: #fff;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.5em;
}

/* Research Cards */
.basegri .page #OutreachCards .card{
	height: 100%;
}
.basegri .page #ResearchCards .card{
	height: 100%;
	border: none;
	box-shadow: 3px 3px 5px #444;
}
.basegri .page #ResearchCards .card .card-img-top{
	object-fit: cover;
	height: 250px;
}
.basegri .page #OutreachCards .card .card-img-top{
	object-fit: cover;
	height: 350px;
}
.basegri .page #ResearchCards .card .card-body, .basegri .page #OutreachCards .card .card-body{
	text-align:center;
	display: flex;
	align-items: center;
}
.basegri .page #ResearchCards .card .card-body .card-text{
	margin: auto;
	font-size: 12px;
}
@media screen and (max-width: 1290px){
	.basegri .page #ResearchCards .card .card-body .card-text{
                font-size: 8.9px;
        }
}
@media screen and (max-width: 992px){
	.basegri .page #ResearchCards .card .card-body .card-text{
                font-size: 10.5px;
        }
}
@media screen and (max-width: 768px){
	.basegri .page #ResearchCards .card .card-body .card-text{
		font-size: 13px;
	}
}




.basegri .page #ResearchCards .card .card-body .card-text .RCat{
	font-size: 14px;
	padding-bottom: 5px;
	font-weight: bold;
}
.basegri .page #ResearchCards .researchCardCol{
	margin-bottom: 30px;
}

.basegri .page #video-cards .card{
	margin-bottom: 15px;
	margin-top: 15px;
}
.basegri .page #video-cards .row{
	align-items: center;
}

/* Tall Video Edits */
.basegri #video-cards .BigVideoContainer{
	width:100%;
	padding-bottom:56.25%;
	overflow:hidden;
	position:relative;
}
.basegri #video-cards .BigVideoContainer .BigVideo{
	position:absolute;
	width:100%;
	max-height:100%;
	object-fit:cover;
}
.basegri #video-cards .BigVideoContainer .BigVideo:fullscreen{
	object-fit: revert;
}

/* ------------------------------------------------- */
/* Project Menu ------------------------------------ */
.basegri .page .research-header #aar-header.page-header{
	height: 350px;
}
.basegri .page .research-header .page-header .header-container{
	margin-top: 100px;
	margin-bottom: 100px;
}
@media screen and (max-width: 1018px){
	.basegri .page .research-header .page-header .header-container{
		margin-top: 80px;
	}
}
@media screen and (max-width: 767px){
	.basegri .page .research-header #aar-header.page-header .header-container{
		margin-top: 75px!important;
		margin-bottom: 100px!important;
	}
	.basegri .page .research-header .page-header .header-container h2{
		font-size: 42px;
	}
}
.basegri .page .research-header h2.sectHead{
	margin-top:15px;
}
.basegri .page .research-header .page-header .header-container{
	margin-top: 0;
	margin-bottom: 0;
}
.basegri .page .research-header .page-header{
	display: flex;
	align-items: center;
}

.basegri .page .webdev-sidebar{
	margin-bottom: 0;
}
.basegri .page .research-subpage-header .page-header{
	padding-left: 45px;
}
@media screen and (min-width:767px){
	.basegri .page .horizontal-menu .menu-container .webdev-sidebar .menu li.leaf a{
		border: none!important;
		background-color: #ddd;
	}
	.basegri .page .horizontal-menu .menu-container .webdev-sidebar .menu li.leaf a:hover{
		background-color: #eee!important;
	}
	.basegri .page .horizontal-menu .menu-container .webdev-sidebar .menu li.leaf a.active{
        	background-color: #6b1b2b!important;
	}
	.basegri .page .horizontal-menu .menu-container .webdev-sidebar .menu li{
	        flex-grow: 1;
	        border: none;
	        text-align:center;
	
	        min-width: 115px;
	}
	.basegri .page .horizontal-menu .menu-container .webdev-sidebar ul.menu.nav{
	        border: none;
	        max-width: 1200px;
	        margin: auto;
	
		display: flex!important;
		flex-direction: row;
	}
	.basegri .page .horizontal-menu .menu-container{
		background-color: #ddd;
	}
}
.basegri .page .research-header .page-header,
.basegri .page .research-subpage-header .page-header{
	margin-bottom: 0;
}

/* Secondary Horizontal Menu ---------------------------------------------------*/

.basegri .page .horizontal-menu .menu-container.submenu {
    background-color: #6b1b2b;
}

.basegri .page .horizontal-menu .menu-container.submenu .webdev-sidebar .menu li.leaf a {
    background-color: #6b1b2b;
    color: white;

    padding: 7px;
}

.basegri .page .horizontal-menu .menu-container.submenu .webdev-sidebar .menu li.leaf a.active {
    //background-color: #dddddd!important;
    background-color: rgb(149 106 115)!important;
    color: white;
}

.basegri .page .horizontal-menu .menu-container.submenu .webdev-sidebar .menu li.leaf a:hover {
    background-color: rgb(149 106 115)!important;
}

/* ----------------------------------------------------------------------------*/

/* Horizontal Wrapping header menu ---------------------*/
.basegri .page .header-menu.horizontal-wrap .webdev-sidebar .menu li.nav-item a{
        border: none!important;
        background-color: rgb(255, 255, 255, 0.7);
}
.basegri .page .header-menu.horizontal-wrap .webdev-sidebar .menu li.nav-item a.active{
        background-color: rgb(107, 27, 43);
}
.basegri .page .header-menu.horizontal-wrap .webdev-sidebar .menu li.nav-item a:hover,
.basegri .page .header-menu.horizontal-wrap .webdev-sidebar .menu li.nav-item a:active{
        background-color: rgb(238, 238, 238, 0.7);
}
.basegri .page .header-menu.horizontal-wrap .webdev-sidebar .menu li{
        flex-grow: 1;
        border: none;
        text-align:center;

	min-width: 115px;
}
.basegri .page .header-menu.horizontal-wrap .webdev-sidebar ul.menu.nav{
        border: none;
        max-width: 1200px;
        margin: auto;

	flex-wrap: wrap;
}
.basegri .page .header-menu.horizontal-wrap .research-header .page-header .header-menu{
        width: 100%;
        background-color: rgb(255, 255, 255, 0.7);
	margin-bottom: 65px;
}
.basegri .page .header-menu.horizontal-wrap .research-header .page-header .header-container{
	margin-bottom: 15px;
	margin-top: 65px;
}
.basegri .page .header-menu.horizontal-wrap .research-header .page-header{
	height: fit-content!important;
	max-height: 1000px;
}
@media screen and (max-width: 767px){
	.basegri .page .header-menu.horizontal-wrap .research-header #aar-header.page-header .header-container{
		margin-bottom: 15px!important;
	}
	.basegri .page .header-menu.horizontal-wrap .research-header #aar-header.page-header .header-menu{
		//margin-bottom: 50px!important;
	}
}


/* -----------------------------------------------------------------------------------------------*/

/* Image Hearder Styling -------------------------------------------------------*/
.basegri .page .page-header {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 200px;
	overflow: hidden;
	margin-bottom: 25px;
}
.basegri .page .header-section .header-container{
	height: 100%;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.basegri .page .header-section .header-text{
	width: 25%;
	max-width: 250px;
	min-width: 215px;
	margin-left: 15px;
	background-color: rgb(255, 255, 255, 0.75);
	height: 360px;
	padding: 15px;
	margin-top: 45px;

	display: flex;
}
.basegri .page .header-section .header-text h2.sectHead{
	text-align:center;
	margin: auto;
}
.basegri .page .header-section .header-text .header-paragraph{
	font-size: 0.8em;
	color: black;
}

.basegri .page .research-header .header-container{
	width: 100%;
	height: fit-content;
	max-height: 100%;
	background-color: rgb(255, 255, 255, 0.75);
	padding: 15px 30px;
	margin-top: 75px;
}
@media screen and (max-width: 767px){
	.basegri .page .research-header .header-container h2{
		font-size: 42px;
	}
	.basegri .page .research-header .header-container{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.basegri .page .research-header .page-header{
		height: fit-content!important;
	}
}

.basegri .page .research-header #aar-header .header-container h2{
	font-size: 42px;
}

.basegri .page .research-header .header-container .header-text{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	padding: 0 15px;
}

.basegri .page .research-subpage-header .page-header{
	position: relative;
}
.basegri .page .research-subpage-header .header-container{
	width: 40%;
	min-width: 350px;
	float: right;
	height: fit-content;
	max-height: 100%;
	background-color: rgb(255, 255, 255, 0.75);
	padding: 15px;

	position: absolute;
	bottom: 10%;
	right: 0;
}
@media screen and (max-width: 350px){
	.basegri .page .research-subpage-header .header-container{
		width: 100%;
		min-width: 5px;
	}
}
.basegri .page .research-subpage-header .header-container .header-text h2{
	font-size: 35px;
}

/* -----------------------------------------------------------------------------*/

/* Container Styling -----------------------------------------------------------*/
.basegri .page .section-container{
	width: 100%;
	padding: 20px 30px;
}
.basegri .page .container-fluid{
	margin: auto;
}
.basegri .page .section-container .container-fluid .img-caption{
	text-align: center;
	font-size: 14px;
	color: rgb(93, 23, 37);
	font-weight: bold;
}
.basegri .page .section-container .container-fluid .img-caption img{
	margin-bottom: 10px;
	max-height: 250px;
}
.basegri .page .section-container .container-fluid .section-row{
	width: 100%;
}
/* -----------------------------------------------------------------------------*/

/* Side Menues -----------------------------------------------------------------*/
.basegri .page .sidebar .content .menu.nav{
	display: block;
}
.basegri .page .sidebar .content .menu .leaf a{
	font-size: 14px;
}
.basegri .page .research-header .header-menu-container .webdev-sidebar .menu, .basegri .page .research-subpage-header .subpage-header-menu .webdev-sidebar .menu{
	border: none;
}
/* -----------------------------------------------------------------------------*/

/* Buttons ---------------------------------------------------------------------*/
.basegri .page .btn{
	font-size: 14px;
}
.basegri .page .btn .btn-lg{
	font-size: 16px;
	padding: 8px 25px;
}
/* -----------------------------------------------------------------------------*/

/*Spacer ----------------------------------------------------------------------*/
.basegri .page .spacer{
	height: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
}
/* -----------------------------------------------------------------------------*/

/* Publications / Abstract Pages ----------------------------------------------*/
.basegri .page #PubsSection.section-container .Pub{
	padding-bottom: 15px;
}
/* ----------------------------------------------------------------------------*/

/* Contact Page ---------------------------------------------------------------*/
.basegri .page .section-container .contact-sect{
	margin-top: 10px;
	margin-bottom: 25px;
	line-height: 200%;
}
.basegri .page .section-container .contact-sect .contact-head{
	font-weight: bold;
}
.basegri .page .section-container .contact-sect .contact-body{
	margin-left: 5px;
}
/* -----------------------------------------------------------------------------*/

/* Index Header Text -----------------------------------------------------------*/
.basegri #index-header.header-section .header-text-container{
	background-color: rgb(0, 0, 0, 0.3);
	height: 100%;
	width: 100%;

	display: flex;
	align-items: flex-end;
}
.basegri #index-header.header-section .header-text-container .header-text-wrapper{
	width: 100%;
	max-width: 1800px;
	margin-left: auto;
	margin-right: auto;

	padding: 40px 25px;
	text-align: center;
	color: white;
}
.basegri #index-header.header-section .header-text-container .header-text-wrapper .header-line1{
	font-weight: normal;
	font-size: 3em;
	margin: 0px 0px -10px 0px;
}
.basegri #index-header.header-section .header-text-container .header-text-wrapper .header-line2{
	font-size: 4.5em;
	margin-bottom: 20px;
}
.basegri #index-header.header-section .header-text-container .header-text-wrapper .header-btn{
	font-size: 25px;
	font-weight: normal;
	margin: 3px 28px;
}
.basegri #index-header.header-section{
	height: 650px;
	position: relative;
}
.basegri #index-header.header-section .page-header{
	position: absolute;
}
.basegri #index-header.header-section .header-text-container{
	position: absolute;
}


/* -----------------------------------------------------------------------------*/

/* Index Spotlights ------------------------------------------------------------*/
.basegri #SpotlightSect .col-sm-6{
	height: 450px;
	overflow: hidden;
}
.basegri #SpotlightSect .spotlightImg{
	object-fit: cover;
	width: calc(100% - 20px);
	height: 100%;
	position: absolute;
}
.basegri #SpotlightSect .spotlightBody{
	position: absolute;
	background-color: rgb(93,23,37);
	bottom: 0;
	width: 100%;
	color: white;
	padding: 15px;

	max-height: 65px;
	overflow: hidden;

	transition-duration: 0.7s;
}
.basegri #SpotlightSect .spotlightBody h2{
	font-size: 1.8em;
}
.basegri #SpotlightSect a.spotlightLink:hover .spotlightBody{
	max-height: 100%;
	transition-duration: 0.7s;
}
.basegri #SpotlightSect a.spotlightLink .spotlightBody p{
	margin-bottom: 0;
	margin-top: 15px;
}

/* -----------------------------------------------------------------------------*/

/* News Tab --------------------------------------------------------------------*/
.basegri .newsDiv{
	display: flex;
	flex-flow:column;
}
.basegri .newsDiv .NewsBlurb{
	width:100%;
	//margin: 0px 15px;

	padding: 0.5rem 0;
	border-bottom: 2px solid #dddddd;
}
.basegri .newsDiv .NewsBlurb:hover{
	background-color: #edeced;
	transition: background-color 0.2s;
}
.basegri .newsDiv .NewsBlurb .BlurbImg{
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.basegri .newsDiv .NewsBlurb .BlurbImg img{
	position: absolute;
	top: 0;
	left: 0;

	object-fit: cover;
	height: 100%;
	width: 100%;
	object-position: top;
}
.basegri .newsDiv .NewsBlurb .BlurbCaption{
	font-size: 0.85em;
}
.basegri .newsDiv .NewsBlurb .BlurbCaption h1{
	font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.4em;
	margin: 5px 0;
}
.basegri .newsDiv .NewsBlurb .BlurbCaption h1 a{
	color: black;
	font-weight: normal;
}
.basegri .newsDiv .NewsBlurb .BlurbCaption h1 a:hover{
	color: rgb(93,23,37);
}

.basegri .news.story .Caption{
	background: #eeeeee;
	font-style: italic;
	padding: 5px;
	text-align: center;
}
/* -----------------------------------------------------------------------------*/

/* Events Page Styling ---------------------------------------------------------*/
.basegri #EventsRow{
    background-color: #f8f8f8;
    display: flex;
    align-items: stretch;
}
.basegri #EventsRow .col-lg-4{
    display: flex;
    align-items: stretch;
    padding-top: 15px;
    padding-bottom: 15px;
}

.basegri #EventsRow a{
    width: 100%;
}
.basegri #EventsRow a:hover{
    text-decoration:none;
}
.basegri #EventsRow .card{
    height: 100%;
    border: none;
    box-shadow: 3px 3px 5px #444444;
}
.basegri #EventsRow .card:hover{
    box-shadow: 5px 5px 15px #444444;
    transition: box-shadow 0.1s;
}
.basegri #EventsRow .card .card-img-top{
    overflow: hidden;
}
.basegri #EventsRow .card .card-img-top img{
    object-fit: cover;
    object-position: top;
    height: 380px;
    width: 100%;
}
@media (max-width: 767px){
    .basegri #EventsRow .card .card-img-top img{
	height: 550px;
    }
}

.basegri #EventsRow .card .card-body{
   text-align: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
}
.basegri #EventsRow .card .card-body .EventsYearHeader{
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    margin: 0.8rem auto 0 auto;
    white-space: nowrap;
}
.basegri #EventsRow .card .card-body .EventsLocHeader{
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    color: #777777;
    margin: 0 auto;
}
.basegri #EventsRow .card .card-body .EventsTitleHeader{
    display: block;
    width: 100%;
    font-size: 1.3em;
    font-weight: bold;
    color: #320c14;
    margin: auto;
}
/* -----------------------------------------------------------------------------*/

/* Research Carousel Section Styling -------------------------------------------*/
.basegri .ResearchCarousel .carousel-control-next, .basegri .ResearchCarousel .carousel-control-prev{
	position: relative;
	width: auto;
}
.basegri .ResearchCarousel .CarouselIcon{
	font-size: 31px;
	border-radius: 50%;
	background-color: gray;
	width: 46px;
	height: 46px;
}
.basegri .ResearchCarousel .carousel-inner{
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}
.basegri .IndexResearch{
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;

	height: calc(100% - 30px);

	display: flex;
	flex-flow: column;

	transition: box-shadow 0.4s;
}
.basegri .IndexResearch .ImgContainer{
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.basegri .IndexResearch .ImgContainer .IndexResearchImg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	object-fit: cover;
	height: 100%;
	width: 100%;

	transition: box-shadow 0.4s;
}
.basegri .OutreachSection .IndexResearch .ImgContainer .IndexResearchImg{
//	border-radius: 50%;
}
.basegri .IndexResearch:hover{
	cursor: pointer;
	box-shadow: 0px 1px 16px black;
}
.basegri .IndexResearch .IndexResearchCaption{
	background-color: rgb(93,23,37);
	color: white;

	//height: calc(100% - 30vw + 15px);

	flex-grow: 1;

	display: flex;
	align-items:center;
	justify-content:center;

	padding: 10px;
}
.basegri .IndexResearch .IndexResearchCaption strong{
	font-size: 1.2em;
}
/* -----------------------------------------------------------------------------*/

/* GRI Spotlight Page Styling --------------------------------------------------*/
.basegri .page .spotlight h2{
	margin: 50px auto 0;
	text-align: center;
}
.basegri .page .spotlight-text.quote{
	color: rgb(93, 23, 37);
	font-size: 23px;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.basegri .page .spotlight .spotlight-img-container{
	width: 100%;
	max-width: 800px;
	height: fit-content;
	max-height: 500px;
	margin: 25px auto 50px;
	overflow: hidden;

	box-shadow: 5px 5px 15px #888;
}
.basegri .page .spotlight .spotlight-img-container img.spotlight-img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: inherit;
}
.basegri .page p.spotlight-text{
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 0;
}
/* -----------------------------------------------------------------------------*/

/* About Page Styling ----------------------------------------------------------*/
.basegri .page #AboutLeadership .img-caption{
	height: fit-content;
}
.basegri .page #AboutLeadership .img-caption img{
	object-fit: cover;
	object-position: center top;
	height: 150px;
	width: 100%;
}
@media screen and (max-width: 768px){
	.basegri .page #AboutLeadership .img-caption img{
		height: 250px;
		max-width: 250px;
	}
}

.basegri .page .people-sect .pro-name{
	text-align: center;
	font-size: 20px;
	color: rgb(93,23,37);
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 35px;
}
.basegri .page .people-sect .pro-position{
	text-align: center;
	padding-top: 5px;
}
.basegri .page .people-sect .people-row .pro-bio{
	margin-bottom: 0;
}
.basegri .page .people-sect .people-row .pro-contact{
	background-color: rgb(93,23,37);
	color: #fff;
	padding: 20px;
}
.basegri .page .people-sect .people-row .pro-contact .contact-title{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}
.basegri .page .people-sect .people-row .pro-contact .contact-info{
	font-size: 12px;
}
@media screen and (max-width: 767px){
	.basegri .page .people-sect .people-row .pro-contact .contact-title{
		text-align:center;
	}
	.basegri .page .people-sect .people-row .pro-contact .contact-info{
		width: fit-content;
		margin: auto;
	}
}
.basegri .page .people-sect .people-row .pro-contact .contact-info a{
	color: #fff;
	text-decoration: underline;
}
.basegri .page .people-sect .people-row .pro-img{
	text-align: center;
}
.basegri .page .people-sect .people-row .pro-img img{
	object-fit: cover;
	width: 100%;
	height: 275px;
	object-position: top;
}
@media screen and (min-width:992px){
	.basegri .page .people-sect .people-row .pro-img img{
		width: 80%;
	}
}
@media screen and (max-width:767px){
	.basegri .page .people-sect .people-row .pro-img img{
		max-width: 250px;
	}
}
/* -----------------------------------------------------------------------------*/

/* Spotlight and People Archives ----------------------------------------------*/
.basegri .page #archive-cards .card{
	border: none;
	border-radius: 20px;

	box-shadow: 0px 1px 20px -5px #444;
	transition: box-shadow 0.4s;

	margin-bottom: 30px;
	height: calc(100% - 30px);
}
.basegri .page #archive-cards .card:hover{
	border: none;
	box-shadow: 0px 1px 20px 5px #444;

	transition: box-shadow 0.4s;
}
.basegri .page #archive-cards img.card-img-top{
	object-fit: cover;
	width: 100%;
	height: 250px;

	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.basegri .page #archive-cards .card-body{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

/* -----------------------------------------------------------------------------*/

/* Opportunities Page Styling -------------------------------------------------*/
.basegri .page p.OppListing{
	padding-left: 30px;
}

/* ----------------------------------------------------------------------------*/

/* People Styling -------------------------------------------------------------*/
.basegri .GRIPeoplePage .ProContainer{
	display: flex;
	align-items: center;

	padding: 1.3em 1.7em;
	border-radius: 60px;
}
.basegri .GRIPeoplePage .ProContainer a{
	color: rgb(93, 23, 37);
	margin: auto;
}
.basegri .GRIPeoplePage .ProContainer .fa.fa-user{
	font-size: 45px;
}
.basegri .GRIPeoplePage .ProContainer a:hover{
	text-decoration: none!important;
}
.basegri .GRIPeoplePage .ProContainer .ProNameContainer{
}
.basegri .GRIPeoplePage .ProContainer .ProNameContainer .ProName{
	font-size: 18px;
}
.basegri .GRIPeoplePage .ProContainer .ProNameContainer .ProPos{
	color: black;
}

.basegri .page .directoryResults .DirListing{
	padding: 15px 10px;
	text-align: center;
}
.basegri .page .directoryResults .DirListing .Listing{
	font-weight: bold;
	font-size: 18px;
}
.basegri .page .directoryResults .DirListing .Listing .SubListing{
	font-weight: normal;
	font-size: 14px;
}

/* -----------------------------------------------------------------------------*/

/* Outreach Styling ------------------------------------------------------------*/
.basegri .page .RoundImageContainer{
	position: relative;

	width:100%;
	padding-top: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.basegri .page .RoundImageContainer .RoundImage{
	position: absolute;
	top: 0;

	object-fit: cover;
	height: 100%;
	width: 100%;
}

.basegri .page .UASVideoContainer .UASVideo{
	width: 100%;
	max-height: 450px;

	object-fit: cover;
}
.basegri .page .UASVideoContainer{
	position: relative;
}
.basegri .page .UASVideoContainer .UASVideoOverlay{
	position: absolute;
	bottom: 15px;
	width: 100%;
}
.basegri .page .UASVideoContainer .UASVideoOverlay h4{
	color: white;
	text-align: center;
}

.basegri .page #OutreachCards .card .card-body h4{
	margin: 0 auto;
	color: white;
	font-size: 1.4em;
}

.basegri .page .OutreachTeamContainer .row{
	margin-bottom: 20px;
}
.basegri .page .OutreachTeamContainer .OutreachTeamImg{
	max-height: 350px;
	float: left;
	margin: 0 15px 10px 0;
}
@media screen and (max-width:576px){
	.basegri .page .OutreachTeamContainer .OutreachTeamImg{
		display: block;
		float: unset;
		margin: 0 auto 15px auto;
	}
}

.basegri .page #UASLinkImages.section-container a{
	color: black;
}

.basegri .page .QuoteBox{
	padding: 25px;
	background-color: #ebeced;
	display: flex;
}
.basegri .page .QuoteBox .QuoteText{
	color: rgb(93,23,37);
	font-size: 26px;
	font-style: italic;
	font-weight: unset;
	margin-bottom: 0;
}
.basegri .page .QuoteBox .QuoteSubText{
	color: #999999;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 15px;
}


/* -----------------------------------------------------------------------------*/

/* Project Styling -------------------------------------------------------------*/
.basegri .page .projects-sect .projects-col{
	height: 250px;
	padding: 15px;
	position: relative;
}
.basegri .page .projects-sect .projects-col .projects-img-sect{
	width: 100%;
	height: 100%;
	overflow: hidden;

	display: flex;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.basegri .page .projects-sect .projects-col .projects-img-sect a{
	display: flex;
	width: 100%;
	text-decoration: none;
}
.basegri .page .projects-sect .projects-col .projects-header-sect{
	width: 100%;
	height: fit-content;
	min-height: 1px;
	background-color: rgb(255, 255, 255, 0.6);
	text-align:center;
	padding: 30px 5px;

	display: flex;

	transition: min-height 0.5s;
}
.basegri .page .projects-sect .projects-col .projects-header-sect .projects-header{
	color: black;
	margin: auto;
	line-height: 1.4;

	text-shadow: 
		3px 0px 5px #fff, 
		-3px 0px 5px #fff,
		0px 3px 5px #fff,
		0px -3px 5px #fff,
		1px 0px 2px #fff,
		-1px 0px 2px #fff,
		0px 1px 2px #fff,
		0px -1px 2px #fff;
}
.basegri .page .projects-sect .projects-col .projects-header-sect:hover{
	min-height: 100%;
}

.basegri .page .hamburger-menu{
	width: 100%;
}
.basegri .page .hamburger-menu .menu-bar{
	width: 100%;
	height: 50px;
	background-color: #ddd;
	cursor: pointer;
	display: flex;
}
.basegri .page .hamburger-menu .menu-bar .hamburger-menu-label{
	font-size: 18px;
	margin: auto;
}

.basegri .page .section-container .container-fluid .project-list li a{
	color: #444;
}
.basegri .page .section-container .container-fluid .row.second-row{
	margin-top: 15px;
}
@media screen and (max-width: 767px){
	.basegri .page .section-container .container-fluid .row.second-row{
        	margin-top: 0px;
	}
}
.basegri .page .section-container .container-fluid .row.card-second-row{
	margin-top: 30px;
}
@media screen and (max-width: 767px){
	.basegri .page .section-container .container-fluid .row.card-second-row{
		margin-top: 0px;
	}
}

.basegri .page .EmphasisLink{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.basegri .page .research-header .caption-container{
	width: 100%;
	max-width: 1900px;
	margin: auto;
	margin-top: 0;
	margin-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	
	align-items: center;
	align-self: flex-end;
}
.basegri .page .research-header .caption-container .caption-text{
	width: fit-content;
	background-color: rgb(255, 255, 255, 0.9);
	margin-left: auto;
	margin-right: 0;
}
.basegri .page .research-header .caption-container .caption-text p.caption{
	margin-bottom: 0;
	font-style: italic;
	font-size: 0.8em;
}

/* Project Team Page Styling ------------*/
.basegri .page .project-team-info .name-header{
	font-weight: bold;
	font-size: 14px;
}
.basegri .page .project-team-info .name-body{
	margin-left: 15px;
	font-size: 12px;
}

.basegri .page .project-team-card .project-team-card-img{
	height: 250px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.basegri .page .project-team-card .card-body .card-text{
	font-size: 12px;
	margin-bottom: 0;
	text-align: center;
	font-style: italic;
} 
.basegri .page .project-team-card .card-body .card-text .project-team-card-name{
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.basegri .page .project-team-card .card-body .card-text.project-team-card-role{
	font-style: normal;
}
.basegri .page .project-team-card .card-body .project-team-card-spacer{
	height: 1px;
	background-color: #fff;
	margin: 8px 0;
}
/* Project Impacts Page Styling --------*/
.basegri .page .ProjectImage img{
}
.basegri .page .ProjectImageCaption{
	font-size: 0.9em;
	font-style: italic;

	background-color:#ebeced;
	padding: 7px;
}

/* Project Efforts Page Styling ---------*/
.basegri .page .section-container .subtitle{
	font-size: 125%;
	color: rgb(93,23,37);
	font-weight: bold;
}
.basegri .page .section-container .subsect{
	padding-left: 15px;
	margin-bottom: 15px;
}

.basegri .page .section-container .section-container:first-child{
	padding-top:0;
}
.basegri .page .section-container .section-container{
	padding-left: 0;
	padding-right: 0;
}

/* Project Training Page Styling --------*/
.basegri .page .project-training-card{
	height: 100%;
}
.basegri .page .project-training-card .project-training-card-img{
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.basegri .page .project-training-card .card-body{
	text-align: center;
}
.basegri .page .project-training-card .card-body .card-text{
	font-size: 14px;
	font-weight: bold;
}

/* Project Publications Page Styling ----*/
.basegri .page .ProjectPubsSect{
	margin-bottom: 20px;
}
.basegri .page .ProjectPubsSect .PubsHeader{
	margin-top: 0;
	margin-bottom: 10px;
}

/* AI Workshop Before You Come <pre> block Styling ------*/
.basegri .page #AiWorkshopBefore pre{
	background-color: #4d0000;
	color: white;
	padding: 10px;
	margin-top: 16px;
}
.basegri .page #AiWorkshopBefore code{
	color: #4d0000;
}
/* -----------------------------------------------------------------------------*/

/* Blog Styling ----------------------------------------------------------------*/
.basegri #blogSection .blogSect{
    border-bottom: 5px solid #dedddc;
    padding-bottom: 75px;
    margin-bottom: 75px;

    min-height: 225px;
    overflow: hidden;
}
.basegri #blogSection .blogImg{
    margin: 10px 0 10px 0;
    border: 3px solid #ddd;

    //transition: 1.5s;
    //transition-property: width, height, max-height;
}

.basegri #blogSection .blogImg.fullblogImg{
    width: auto;
    max-width: 48%;
    max-height: 100%;
    height: auto;

    margin: 0px 10px 10px 0px;

    //transition: 1.5s;
    //transition-property: width, height, max-height;
}
.basegri #blogSection .blogDt{
    color: #173b5e;
    font-weight: bold;
}
.basegri #blogSection .blogBlurb{
    text-align: justify;
    display: unset;

    transition: 1.5s;
}
.basegri .FloatRight{
    float: right;
    margin: 0 10px;
}

.basegri #YearsMenu.blogSection{
    background-color: #ddd;
    padding: 0px 30px;
}
.basegri #YearsMenu.blogSection .Year{
    padding: 20px 15px;

    display: block;
    text-align: center;

    transition: margin 1.5s;
}
.basegri #YearsMenu.blogSection .Year:hover{
    background-color: #eee!important;
    color: rgb(93, 23, 37);
}
.basegri #YearsMenu.blogSection .Year.SelectedYear:hover, .basegri #MonthsMenu.blogSection .Month:hover, .basegri #MonthsMenu.blogSection .Month.SelectedMonth{
    background-color: rgb(149 106 115)!important;
    color: white;
}
.basegri #YearsMenu.blogSection .Year.SelectedYear, .basegri #MonthsMenu.blogSection, .basegri #MonthsMenu.blogSection .Month{
    background-color: rgb(93, 23, 37);
    color: white!important;
}
.basegri #MonthsMenu.blogSection{
    padding: 0px 30px;
}
.basegri #MonthsMenu.blogSection .Month{
    padding: 10px 15px;

    display: block;
    text-align: center;

    transition: margin 1.5s;
}
.basegri #blogSection .blogSect video{
    margin: auto;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}




/** ------------------------------------------------------------------------------------ */
/**
 *  *  Adjustments to the Footer
 *   **/