/*

Theme Name: JGCRI
Theme URI: http://www.globalchange.umd.edu/
Author: Erik Westlund
Author URI: http://www.globalchange.umd.edu/
Description: JGCRI WordPress Theme. Customized child theme for the X-theme.
Version: 2.0
Template: x

*/


/* ================= */
/* Global style */
/* ================= */

body {
	background: none !important;
	background-color: #E6E6E6 !important;
}

p {
	margin: 0 0 1.05em;
}

.p-landmark-sub {
	padding: 0;
	letter-spacing: 0px;
	font-size: 16px
}

p.p-landmark-sub span{
	text-align: left;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Avenir", sans-serif !important;
}

h1 {
	font-size: 2.25em !important;
	font-weight: 500 !important;
}

h1.h-landmark{
	font-size: 200% !important;
	letter-spacing: 0px;
}

h1.entry-title{
	margin: 6px 0 12px 0;
}

h2.entry-title{
	font-size: 1.5em;
	font-weight: bold;
}

div.entry-content {
	margin-top: 3px;
	margin-bottom: 3px;	
}

div.entry-wrap{
  box-shadow: none;
  padding: 0;
}

h2.h3 {
	margin-top: 0px !important;
}

.h-landmark span{
	position: inherit;
}

.x-header-landmark{
	text-align: left;
}


ul {
	list-style-type: square;
}

ul.ordinary_list li{
	margin-bottom: 12px;
}


h2 {
	font-size: 200%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 125%;
}

h5, h6{
	font-weight: bold;
	font-size: 100%;
}

/* ================= */
/* Navigation */
/* ================= */

.x-nav > .menu-item > a:hover, .x-nav > .current-menu-item > a {
	box-shadow: inset 0px 8px 0px 0 #D87808 !important;
}

.sub-menu a {
	color : #980006 !important;
}


.desktop .sub-menu a{
	font-size: 120%;
	font-weight: 100;
}


div.x-breadcrumb-wrap {
  font-size: 12px;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 15px !important;
    padding-right: 15px !important;
}



/* ================= */
/* Page formatting */
/* ================= */

.x-container.width{
	width: 95% !important;
}

.x-container.width.main {
	width: 100% !important;
}

.x-container.offset{
	margin: 20px auto; 
}

.x-boxed-layout-active .entry-wrap {
	border: none;
}


.hentry{
	margin-top: 2.5em;
}

div.entry-wrap

/* ================= */
/* Search */
/* ================= */

a.more-link {
	font-size: 110%;
	font-weight: 600;
	border-bottom: 1px solid #eee;
}

.x-searchform-overlay .form-search .search-query {
	font-size: 2em;
}


/* ================= */
/* Front page */
/* ================= */

div.mission blockquote{
	margin: 0 0 25px 0;
	font-size: 1.25em;
	font-weight: 500;
}

h2.our_work_headline i{
	font-size: 1.25em;

}

h2.our_work_headline span{
	padding-left: 75px;
}

ul.feature_list {
	margin-left: 10px;
}

ul.feature_list .x-feature-box-text{
	margin: 0 0;
}

div.topbar_box .sub_headline{
	font-weight: 600;
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
}

div.topbar_box ul{
	list-style-type: none;
	margin-left: 0px;
}

div.topbar_box ul li{
	padding: 4px 0;
	border-bottom: 1px solid #eee;
}

.x-boxed-layout-active .entry-wrap {
	border: none;
}

/* Slider */

div.slider_section div.x-container.width{
	width: 100% !important;

}

div.home_slider {
	padding: 25px 0 0 25px;
	background-color: #D87808 !important;
	color: #fff;
	font-size: 1.2em;	
}

div.home_slider h2 {
	margin-top: 0 !important;
	font-size: 1.4em !important;
}

div.home_slider h2, 
div.home_slider a {
	color: #fff !important;
}

div.home_slider .x-flexslider .x-slides img {
	float:right;
	margin: 0 12px 0 20px;
	max-height: 250px;
	width: auto;
	position: relative;
	bottom: 13px;
	border:1px solid #fff;
}

div.home_slider .x-flexslider .x-slides img.alignnone{
	margin-bottom: 0 !important;
}

.x-flexslider-shortcode-container {
    margin-bottom: 0;
}
.x-slide p:empty {
    display: none;
}


/* Widgets */

div.topbar_box{
	margin-bottom: 12px;	
}

ul.flex-direction-nav {
	display: inline-block;
	float:right;
	position: relative;
	right: 105px
}

ol.flex-control-nav {
	display: inline-block;
	float: left;
	position: relative;
}

/* Page Styling */
div.right_float {
	float: right;
	margin: 0 0 20px 20px;
	padding: 20px 0 0 20px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.right_float h2{
	margin-top: 0;
}

/* Staff Bios */

div#staff_bio{
	margin-top: 18px
}

div#staff_bio p{
	padding: 6px 0;
}

div.staff_picture{
	float: right;
}

/* Footer */

footer.x-colophon.top{
	padding-top: 30px
}

div.widget_text{
	font-weight: 100;
	font-size: 90%;
}

ul#menu-footer-menu {
	border: none;
}

.widget_nav_menu ul li a,
.widget_meta ul li a,
.widget_pages ul li a{
	box-shadow: none;
	font-weight: 100;
	font-size: 90%
}

ul#menu-footer-menu li a{
	padding: 0.25em 0.5em;
	border-bottom: none;

}

/* ================= */
/* Customize mobile responsiveness */
/* ================= */

.x-btn-navbar, .x-btn-navbar.collapsed {
	margin: 9px 9px 0 0 !important;
}

.x-btn-navbar.collapsed{
	background-color: #ddd !important;
}

a.x-btn-navbar, a.x-btn-navbar.collapsed {
	color: #000 !important;
}

.x-navbar{
	background-color: #980006 !important;
}

.x-navbar .mobile .x-nav {
	margin: -1px 0;
}

.x-nav-wrap.mobile {
	background-color: #fff;
	margin: 9px -9px 0 -9px;
}


.x-nav-wrap.mobile a{
	color: #000 !important;
}

.x-nav-wrap.mobile li a span{
	margin: 0 9px;
}

.x-nav-wrap.mobile ul li:first-child a{
	padding-top: 18px;
}

.x-navbar .mobile .x-nav>li.x-menu-item-search>a {
	border: none !important;
}

.x-nav-wrap.mobile li a.x-btn-navbar-search span {
	margin: 0 0 ;
}

.x-navbar .mobile .x-nav>li.x-menu-item-search {
	margin: 9px 0 ;
}

.x-nav-wrap.desktop ul li a{
	color: #fff !important;
}

.x-nav-wrap.desktop ul li > ul li a{
	color: #000 !important;
}

.x-sub-toggle{
	margin-right: 9px;
	position: absolute;
	bottom: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 979px){
	.x-nav-wrap.mobile, .x-btn-navbar {
		display: none !important;
	}

	ul.sub-menu{
		text-align: left;
	}

	.x-nav-wrap.desktop{
		display: block !important;
	}

	span.x-hidden-desktop{
		display: none !important;
	}
}

@media only screen and (max-width: 767px){
	
	.masthead-stacked .x-navbar {
		text-align: right;
	}

	div.events_box{
		clear:both;
		margin-top: 80px;
	}

	div.home_slider h2 {
		font-size: 150%;
	}

	div.home_slider .x-flexslider .x-slides img{
		max-width: 150px;
		margin-left: 10px;
	}	
	
	div.research-agenda-left {
		padding-left: 0px;
		margin-bottom: 18px;
	}
	
	div.research-agenda-right {
		padding-right: 0px;
	}

	h2.h-feature-headline {
		margin-top: 18px !important;
		margin-bottom: 24px !important;
	}

	div.right_float {
		float: none;
		width: 100%;
		margin: 20px 0 20px 0;
		padding: 10px 5px 5px 5px;
		border-top: 1px solid #ccc;
		border-left: none;
		border-bottom: 1px solid #ccc;
	}

	div.entry-wrap img {
		display: block !important;
		max-width: 90% !important;
		margin: 20px auto !important;
		float: none !important;
	}	

	div.home_slider .x-flexslider .x-slides img {
		float:right !important;
		margin: 0 12px 0 20px !important;
		width: 150px !important;
		position: relative !important;
		bottom: 13px !important;
		border:1px solid #fff !important;
	}

	div.home_slider .x-flexslider .x-slides img.alignnone{
		margin-bottom: 0 !important;
	}



}

@media screen and (orientation: portrait) {
  div.entry-wrap img { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  div.entry-wrap img { max-height: 90%; }
}