/*
 * Styles for Campus Europae single scroll web page
 * 
 */

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 19px;
	background-color:#ffffff;
	padding-top: 4em;
}

/* for a fixed width of 1000px */

.navbar-fixed-1000,
.container-fixed-1000,
.row-fixed-1000 {
	position:relative;
	width:1000px;
	margin:auto;
}
.col-fixed-3 {
	position:relative;
	float:left;
	width:25%;
	padding:1em;
}
.col-fixed-4 {
	position:relative;
	float:left;
	width:33.33%;
	padding:1em;
}
.col-fixed-4.img-wrapper {
	padding:0;
}
.col-fixed-6 {
	position:relative;
	float:left;
	width:50%;
	padding:1em;
}
.col-fixed-8 {
	position:relative;
	float:right;
	width:66.66%;
	padding:0.5em 1.5em;
}
.col-wrapper {
	width:100%;
	overflow:auto;
}

/* top menu */

.navbar {
	height:4em;
	background-color:#f8b100;
	color:#ffffff;
	text-align:center;
	border:0;
}
.navbar li {
	display:inline-block;
	margin:1em;
	padding:0;
}

/* top menu link behavior */

.navbar li a:link,
.navbar li a:visited,
.navbar li a:hover,
.navbar li a:active {
	background:transparent;
	color:#ffffff;
	text-decoration:none;
	padding:0;
	font-size:110%;
}
.navbar li a:hover:after {
	position:absolute;
	content:"_";
	bottom:0;
	right:0;
}

/* align navbar with block anchors */

.push-nav {
	display:block;
	height:4em;
	margin-top:-4em;
	background-color:transparent;
}

/* floating social buttons */

.social-float {
	position:absolute;
	width:4em;
	z-index:1000;
	top:0;
	right:0;
	padding:1em;
}
.float-adjust {
	width:2em;
	margin:0 0 0.5em 0;
	/*border-radius:1em;*/
	background:rgba(255,255,255,0);
}

/* set main containers with photos as background */

.photo-wrapper {
  background-repeat: no-repeat;
  background-size: contain;
	width:100%;
	padding-bottom:66.67%;
	position:relative;
}
#first-photo {
	background-image:url('../img/clubdeurope1.jpg');
	/*background-image:url('../img/clubdeurope1_1.jpg');*/
	/*padding-bottom:62.91%;*/
}
#second-photo {
	background-image:url('../img/summerschool.jpg');
	/*background-image:url('../img/summerschool_1.jpg');*/
	/*padding-bottom:57.44%;*/
}
#third-photo {
	background-image:url('../img/clubdeurope2.jpg');
	/*background-image:url('../img/clubdeurope2_1.jpg');*/
	/*padding-bottom:54.84%;*/
}
#fourth-photo {
	background-image:url('../img/degree.jpg');
	/*background-image:url('../img/degree_1.jpg');*/
	/*padding-bottom:48.12%;*/
}
#fifth-photo {
	background-image:url('../img/certificates.jpg');
	/*background-image:url('../img/certificates_1.jpg');*/
	/*padding-bottom:52.44%;*/
}

/* overlay and foreground objects */

.overlay {
	position:absolute;
	bottom:15%;
	left:0;
	right:0;
	height:35%;
	background:rgba(255,255,255,0.8);
}
.overlay .container {
	width:100%;
	padding:0;
}
.overlay-inner {
	position:absolute;
	width:80%;
	margin:0 10%;
	padding:1em 0 0;
	vertical-align:middle;
}
.overlay-inner h2 {
	margin:0 0 0.5em;
	text-align:center;
}
.overlay-inner .img-adjust {
	margin:2em 0;
	width:100%;
}

/* adjustment for each block */
#first-photo .overlay-inner {
}
#second-photo .overlay-inner,
#fourth-photo .overlay-inner {
}
#second-photo .overlay-inner > p,
#fourth-photo .overlay-inner > p {
}
#fourth-photo .overlay-inner > h2 {
	margin-top:1em;
}
#fifth-photo p {
	margin-bottom:0;
	position:relative;
}
#fifth-photo .tab-content a {
	display:block;
	float:right;
	margin:0.5em -0.5em -0.5em 0.5em;
	padding:0 1em;
	color:#ffffff;
	background-color:#f8b100;
	text-decoration:none;
}
#fifth-photo .tab-content a:hover {
	color:#f8b100;
	background-color:#ffffff;
	border: solid 1px #f8b100;
}

/* carousel */
.carousel-caption{
    position:static;
    color:#000000;
    text-shadow:none;
    /*height:6.5em*/
}
.carousel .item {
	background:white;
}
.carousel-indicators {
	top:4.5em;
}
.carousel-indicators li {
	background-color:#000000;
	border:#000000;
	width:12px;
	height:12px;
	margin:0;
}
.carousel-indicators li.active {
	background-color:#f8b100;
	border:#f8b100;
}



/* tabs */

.overlay-inner ul {
	margin:0 -1% 0.5em;
}
.overlay-inner ul li {
	background-color:#f8b100;
	color:#ffffff;
	margin:0 1%;
	text-align:center;
	font-size:larger;
}
.overlay-inner ul.nav-pills-3-col li {
	width:31.3333%;
}
.overlay-inner ul.nav-pills-2-col li {
	width:48%;
}
.overlay-inner ul li a {
	padding:0.3em;
	border-radius:0;
	color:#ffffff;
}

/* tab link behavior */

.overlay-inner ul li.active a,
.overlay-inner ul li.active a:focus,
.overlay-inner ul li.active a:hover,
.overlay-inner ul li a:focus,
.overlay-inner ul li a:hover {
	background-color:#ffffff;
	color:#f8b100;
	text-decoration:none;
}
/* tab content */

.overlay-inner .tab-content {
	background-color:#ffffff;
	padding:1em;
}
.overlay-inner .tab-content p {
	margin-bottom:0;
}

/* quote bars */

.quote-wrapper {
	background-color:#f8b100;
	color:#ffffff;
	width:100%;
	padding:1em;
	display:table;
	clear:both;
}
.quote-wrapper img {
	float:left;
	height:5em;
	margin:0 2em;
}
.quote-wrapper img.pushdown {
	margin:2em 2em;
}
.quote-wrapper .number-wrapper {
	display:table-row;
}
.quote-wrapper .number-wrapper .numbers {
	display:table-cell;
	text-align:center;
}
.quote-wrapper .number-wrapper .numbers h4 {
	font-size:5em;
	margin:0;
}

/* bottom lists */

.list-wrapper {
	background-color:#ffffff;
	color:#000000;
	width:100%;
	padding:1em;
	text-align:center;
	display:table;
}
.list-wrapper h2 {
	margin:2em 2em 1em;
}
.list-wrapper col-fixed-6 {
	background-color:#ffffff;
	color:#000000;
}
.list-wrapper img.logo-adjust {
	margin:10%;
	width:80%;
}
.list-wrapper img.logo-adjust-tall {
	margin:5% 10% 10%;
}


/* footer */

.footer {
	background-color:#7f7f7f;
	color:#ffffff;
	text-align:center;
	border:0;
}
.footer .img-adjust {
	margin:0.5em 0;
	width:100%;
}
.footer .disclaimer {
	font-size: small;
}

.footer .symbol-adjust {
	margin:0.5em 0.75em;
	float:left;
	height:2em;
}