/*!
  Theme Name: QMCPACK (Bootstrap Subtheme)
  Theme URI: https://www.drupal.org/project/twitter_bootstrap
  Author: Ashley Pressley
  Description: QMCPACK Drupal 8 Theme
  Version: 1.0
*/

@font-face {
	font-family: OpenSans;
	src: url(/themes/ornl/fonts/OpenSans-Regular.ttf);
	font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'OpenSans', sans-serif;
}

/*Homepage Slideshow*/
.carousel {
	background-color: #fff;
}

.carousel img {
	object-fit: cover;
	width: 100%;
	height: 400px;
}

.carousel .caption {
	position: absolute;
	bottom: 0px;
	background-color: rgba(24, 32, 51,.9);
	border-radius: 6px 6px 0 0;
	padding: 20px;
	right: 40px;
	height: auto;
	color: #fff;
	font-weight: bold;
}

.carousel .slick-list {
	width: 100%;
}

.slick-arrow::before {
	color: #ac8d5f;
}

.carousel .slideshow h1 a {
	color: #fff;
}

.carousel .slideshow h1 a:hover {
	color: #ddd;
	text-decoration: none;
}

@media screen and (max-width:500px){
	.carousel .caption {
		position: relative;
		top: auto;
		background-color: #eee;
		right: auto;
		color: #000;
		margin: 20px;
	}

	.carousel .slideshow h1 a {
		color: #000;
	}
}

/*Homepage News*/
.path-frontpage .view-recent-news .view-footer {
	float: right;
}

@media screen and (max-width: 976px) {
	.path-frontpage .right_sidebar {
		border-left: none;
		padding-left: 0px;
	}

	.path-frontpage .news-slide {
		padding-left: 0px;
	}
}

.right_sidebar {
	border-left: 3px double #f2efe6;
	padding-left: 15px;
}

.main-container .page-header {
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

/*Search Block*/
#block-qmcpack-search {
	width: 200px;
	float: right;
	position: absolute;
	top: 5px;
	right: 10%;
}

@media screen and (max-width:1100px){
	#block-qmcpack-search input {
		display: none;
	}

	#block-qmcpack-search button {
		border-radius: 4px;
	}

	#block-qmcpack-search {
		width: 50px;
		float: right;
		position: relative;
		top: auto;
		right: auto;
		margin-top: 10px;
	}
}

.path-frontpage .news-slide {
	background-color: unset;
}

.path-frontpage .news-slide:hover {
	border-left: none;
}

/*Navigtaion Dropdown*/
ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
}

ul.nav li.dropdown ul.dropdown-menu { 
	margin-top: 0;
}

/*Navigation Styling*/
.navbar.container {
	min-width: 100%;
	border: 0px;
	background-color: #ccc;
	background-image: none;
	font-weight: bold;
	margin-bottom: 0px;
}

@media screen and (min-width:1000px){
	.navbar.container {
		height: 50px;
	}
}

#navbar-collapse a {
	color: #61566c;
}

.logo img {
	max-height: 50px;
	margin-top: -5px;
}

.navbar-default .navbar-toggle {
	border-color: #61566c;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #61566c;
}

.navbar-default .navbar-nav > li > ul > li > a {
	color: #182033 !important;
}

.navbar-default .navbar-nav > li > ul > li > a:hover {
	color: #61566c !important;
	background-color: #ddd;
}

/*News Page Styling*/
.news-slide img {
	float: left;
	padding-right: 15px;
	margin-bottom: 20px;
}

.news-slide {
	clear: both;
	margin-bottom: 20px;
	background-color: #e7e7e7;
	padding: 10px;
	border-radius: 6px;
/*	-webkit-transition: border 3s ease;
	-moz-transition: border 3s ease;
	-o-transition: border 3s ease;
	-ms-transition: border 3s ease;
	transition: border 3s ease;*/
	min-height: 100px;
	color: #000;
}

.news-slide:hover {
	border-left: 5px solid #171775;
}

/*Alert Bar*/
.alert-success {
	background-color: #ac8d5f;
	border: none;
	color: #f2efe6;
}

/*Page Title*/
.page-header {
	clear: both;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 20px;
}

.path-recent-news .main-container {
	background-color: unset;
}

.main-container {
	background-color: #ffffff;
	padding: 20px 50px;
	border-radius: 0 0 6px 6px;
	margin-bottom: 50px;
}