/*
Theme Name: Adept
Theme URI: http://www.mimid.nl
Description: Adapt theme
Version: 1
Author: Timo Willemsen, Mats Willemsen
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   /* ==========================================================================
   Defaults
   ========================================================================== */

@import url('css/bootstrap.min.css');
@import url('css/bootstrap-responsive.min.css');

@media (min-width: 979px) { 
	body{
		padding-top: 60px;
	}
}
a:hover{
	text-decoration: none;
}

@media (max-width: 979px) {
	footer {
		padding-top: 30px;
	}
	.footer{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		height: 100% !important;
	}
	.left-menu .news {
		float: left;
	}
	.nosub {
		padding-top: 0px !important;
	}

}

@media (min-width: 767px) and (max-width: 979px) {
	.content {
		padding-top: 0px !important;
	}
}

body{
	font-family: 'Merriweather', serif;
	background-color:#FFFFF3;
}

html, body {
  height: 100%;
}
   
hr{
	height: 0;
	border: 1.5px solid #231f20;
}
h2,h3{
	text-transform: uppercase;
	line-height: normal;
	font-family: 'Lato', sans-serif;
}
a{
	color: #F04E37;
}
a:hover{
	color: #F04E37;
}

.btn {
	background: #ec5f4c !important;
	background: -moz-linear-gradient(top, #ec5f4c 0%, #f2937a 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5f4c), color-stop(100%,#f2937a)) !important;
	background: -webkit-linear-gradient(top, #ec5f4c 0%,#f2937a 100%) !important;
	background: -o-linear-gradient(top, #ec5f4c 0%,#f2937a 100%) !important;
	background: -ms-linear-gradient(top, #ec5f4c 0%,#f2937a 100%) !important;
	background: linear-gradient(to bottom, #ec5f4c 0%,#f2937a 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5f4c', endColorstr='#f2937a',GradientType=0 ) !important;
	color: rgb(255,255,255);
}

   /* ==========================================================================
   Wrapper
   ========================================================================== */
	#wrap {
	  min-height: 100%;
	}
	#wrap > .container {
		overflow: auto;
		padding-bottom: 250px;
	}
   /* ==========================================================================
   Header
   ========================================================================== */
   
.navbar-inverse .navbar-inner{
	background-color: #2E2323;
	background-image:url('img/uva_logo.png');
	background-repeat:no-repeat;
	border: 0;
}

@media (min-width: 980px) {
	.navbar-inverse .navbar-inner{
		background-position:98% 50%	
	}
}
@media (max-width: 979px) {
	.navbar-inverse .navbar-inner{
		background-position:2% 10px	
	}
}

.navbar-inverse .nav .active>a{
	color: #FFCB08;
	background: none;
}
.navbar-inverse .nav .active>a:hover{
	color: #FFCB08;
	background: none;
}
.navbar-inverse .nav>li>a{
	text-transform: uppercase;
	background: none;
	color: white;
}
.navbar-inverse .nav>li{
	font-family: 'Lato', sans-serif;
	font-weight: bolder;
	font-size: small;
}
.navbar .nav>li.lang-selector>a{
	display: inline;
	padding: 0;
}
.navbar-inverse li.lang-selector>a.active {
	color: #FFCB08;
}
.navbar-inverse .lang-selector{
	padding: 18px 10px 2px;
}
.navbar .nav>li>a{
	padding: 18px 10px 2px;
}
.navbar-inner{
	min-height: 35px;
}
/* ==========================================================================
   Left menu
   ========================================================================== */

.left-menu .logo{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.010em;
}
.left-menu {
	padding-top: 10px;
}
.left-menu .logo hr {
	margin-top: 10px;
	margin-bottom: 20px;
}
.left-menu .logo p{
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
}
.left-menu .logo h3{
	line-height: 18px;
	font-size: 21px;
	word-spacing:1000px; 
}
.left-menu .news h3{
	color: #F04E37;
}
.news .topic, .news .data{
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}
.news .data {
	font-weight: 400;
}
.news .topic, .news .title{
	color: #F04E37;
	font-weight: bold;
}

.news .topic {
	font-weight: normal;
}

.news  .title{
	font-family: 'Playfair Display', serif;
	font-size: 18pt;
	line-height: 18pt;
	letter-spacing:-0.025em;
}

.news  .about{
	line-height: 16pt;
	font-size: 12pt;
}

.news p{
	margin: 0;
}
.news hr{
	border: 1.5px solid #F04E37;
	width: 40% !important;
	text-align: left;

}

.news .desc {
	padding-top: 10px;
}

.left-menu .allnews {
	padding-top: 30px;
	font-family: 'Lato', serif;
}
.left-menu .allnews hr {
	border: 2px solid #F04E37;
	width: 40%;
	text-align: left;
}
.left-menu .allnews .topic {
	text-transform: uppercase;
	font-size: 9pt !important;
	color: #F04E37;	
	line-height: 0px;
}
.left-menu .allnews .topic strong {
	padding-left: 5px;
	font-weight: normal;
	color: black;
}
.left-menu .allnews .news-item {
	padding-top: 20px;
}
.left-menu .allnews .title {
	font-family: 'Playfair Display', serif;
	font-size: 18pt;
	line-height: 16pt;
	font-weight: bolder;
}
.left-menu .allnews h3 {
	color: #F04E37;	
}
/* ==========================================================================
   Content Front
   ========================================================================== */

.content h2{
	font-family: 'Lato', sans-serif;
	font-size: 48px;
	line-height: 40px;
}
.content {
	padding-top: 142px;
}
.nosub {
	padding-top: 187px;
}
.content hr {
	width: 90%;
	margin-bottom:10px;
}
.content h2 small{
	display: block;
	color: #231f20;
	text-transform: none;
	font-size: 44px;
	font-family: 'Playfair Display', serif;
	letter-spacing:-0.025em;
}
.content .module_image_front{
	padding-right: 80px;
	padding-bottom: 5px;
}

@media(min-width: 979px) and (max-width:1200px) {
	.content .module_image_front{
		padding-right: 60px;
		padding-bottom: 5px;
	}
	.content hr {
		width: 100%;
	}
}
	
.content p {
	width: 90%;
	letter-spacing: -0.025em;
	font-weight: 300;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer{
	background: #ec5f4c;
	background: -moz-linear-gradient(top, #ec5f4c 0%, #f2937a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5f4c), color-stop(100%,#f2937a));
	background: -webkit-linear-gradient(top, #ec5f4c 0%,#f2937a 100%);
	background: -o-linear-gradient(top, #ec5f4c 0%,#f2937a 100%);
	background: -ms-linear-gradient(top, #ec5f4c 0%,#f2937a 100%);
	background: linear-gradient(to bottom, #ec5f4c 0%,#f2937a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5f4c', endColorstr='#f2937a',GradientType=0 );	

	position: relative;
	margin-top: -200px;
	height: 200px;
	clear: both;
	padding-top: 20px;
}
.footer h3{
	font-size: 18px;
	margin-bottom: 0;
	color: rgb(0,0,0);
}
.footer li a {
	font-weight: lighter;
	color: rgb(0,0,0);
}
.footer ul{
	list-style-type: none;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	margin: 0;
	font-size: 18px;
}
.footer a {
	color: inherit;
}

/* ==========================================================================
   Dropdown Menu
   ========================================================================== */
.dropdown-menu {
	background-color: rgb(255,203,5) !important;	
}
.dropdown-menu a {
	font-family: 'Lato', sans-serif !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-weight: lighter !important;
	background-image: none !important;
	background-color: rgb(255,203,5) !important;	
}

/* ==========================================================================
   Modal
   ========================================================================== */
 .modal .modal-header {
 	border-bottom: 3px solid rgb(0,0,0);
 }
.modal .modal-header h3 {
 	margin-top: 10px;
 	padding-bottom: 10px;	
	font-size: 40pt;
}
.modal .modal-body h4 {
	font-family: 'Playfair Display', serif;
	font-size: 15.4pt;
	letter-spacing:-0.025em;
}
.modal .modal-body p {
	font-size: 12pt;
	letter-spacing:-0.010em;
}
.modal label {
	display: inline;
	padding-left: 10px;
}
.modal .modal-body{
	min-height: 100px;
}

/* ==========================================================================
   Accordion
   ========================================================================== */

.accordion-heading {
	font-family: 'Playfair Display', serif;
	font-size: 15pt;
	font-weight: bold;
	letter-spacing: 0.025em;
}
.accordion p {
	display: inline;
}


/* ==========================================================================
   Profile Page
   ========================================================================== */

#profile img {
	height: 100px !important;
}
.span3.news.leftmenu {
	margin-left: 0;
}