/* MASONRY */
.grid .grid-sizer,
.grid .grid-item {
	width: 30%;
	float: left;
}

.grid .grid-item {
	margin-bottom: 1em;
}

/* 2 columns wide */
.grid-item--width2 {
	width: 40%;
}

.gutter-sizer {
	width: 3%;
}

.columns {
	-webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	-moz-column-count: 3;
	/* Firefox */
	column-count: 3;
}

/* CUSTOM STYLES */
img {
	max-width: 100%;
}

.container {
	background-color: #FFF;
}

header .container {
	background-color: transparent;
}

.eu-interinstitutional {
	margin-top: 20px;
}
 
.eu-interinstitutional p {
	margin-top:8px;
}

header .row.eu-interinstitutional {
	margin-top: 20px;
	display: inline-block !important;
}

header .row.eu-interinstitutional > div {
	margin: 0!important;
	display: inline-block !important;
}

header .row.eu-interinstitutional p {
	margin-top: 10px!important;
}

.partners {
	margin-top:15px;
}

.partners img {
	max-width: 180px !important;
	max-height: 75px !important;
	padding-left: 15px;
}

/* spacing classes */
.no-padding {
	padding: 0px;
}

.padding-s {
	padding: 0.5em;
}

.padding-m {
	padding: 1.5em;
}

.padding-l {
	padding: 2.5em;
}

.padding-vertical-s {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.padding-vertical-m {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.padding-vertical-l {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

.padding-top-s {
	padding-top: 0.5em;
}

.padding-top-m {
	padding-top: 1.5em;
}

.padding-top-l {
	padding-top: 2.5em;
}

.padding-bottom-s {
	padding-bottom: 0.5em;
}

.padding-bottom-m {
	padding-bottom: 1.5em;
}

.padding-bottom-l {
	padding-bottom: 2.5em;
}

.margin-vertical-s {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.margin-vertical-m {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.margin-vertical-l {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.margin-top-s {
	margin-top: 0.5em;
}

.margin-top-m {
	margin-top: 1.5em;
}

.margin-top-l {
	margin-top: 2.5em;
}

.margin-bottom-s {
	margin-bottom: 0.5em;
}

.margin-bottom-m {
	margin-bottom: 1.5em;
}

.margin-bottom-l {
	margin-bottom: 2.5em;
}

/* header */
header {
	margin-top: 70px;
}

.header-overlay {
	margin: -80px 0 80px 80px;
	color: rgba(255, 255, 255, 0.6);
}

.panel {
	overflow: hidden;
}

.has-help-text {
	padding: 0.2em 0em;
	cursor: pointer;
	border-bottom: 2px dotted #50A5E6;
	background-image: linear-gradient(to right, #50A5E6 50%, transparent 0%);
	background-position: bottom;
	background-size: 4px 2px;
	background-repeat: repeat-x;
	border-bottom: none;
}

.grid .label {
	line-height: 1.3em;
	display: inline-block;
	font-size: 0.95em;
	font-weight: 500;
}

/*HEADER*/

.ec-logo {
	background-color: #005081;
	height: 80px;
}

.ec-logo img {
	width: 12em;
	margin-top: 0px;
}

.epsc-logo a {
	color: #fff;
	line-height: 1.3em;
}

.epsc-logo p {
	text-align: left;
	margin-top: 10px;
	font-size: 1em;
}
footer {
	z-index: 82;
	background-color: #3E3E3E;
}

footer .container {
	margin-bottom: 0px;
	z-index: 81;
}

footer .epsc-logo p {
	text-align: center;
	margin-bottom: 10px;
}

footer .partners-row {
	background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  width: auto;
}

footer .partners-row a {
	padding-left: 5px;
	padding-right: 5px;
}

footer .partners-row p {
	color: #3E3E3E;
}

footer .partners-row div {
	margin-bottom: 10px;
}

header .container-header-fluid {
	min-height: 70vh;
/*	border-top: 80px solid #004494; */
	margin-top: -70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: cover !important;
	background-position: center !important;
}

header .container-header {
	background-color: transparent;
	height: 100%;
	flex: 1;
	display: flex;
	/*flex-direction: column;*/
	align-items: center;
	justify-content: center;
}

header .container-header .row {
	background-color: transparent;
	height: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

header .container-header .row > div {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin: 2.6em 0px 5%;
}

header .container-header .row > div > div {
	width: 100%;
}

.epsc-logo {
	margin-bottom: auto;
}

.epsc-logo img {
	max-width: 17.8em;
}

header .newsletter-title {
	margin-top: 5em;
}

header .newsletter-title img {
	width: 100%;
	max-width: 60em;
}

header .container-fluid .container-header-fluid {
	background-size: contain;
}

.sub-page .container-header .newsletter-title img {
}

.header-drawings {
	float: right;
	min-width: 20%;
	max-width: 53%;
	position: absolute;
	top: 166px;
	right: 0;
}

.epsc-logo:hover {
	opacity: 1;
}

.container h1 {
	font-size: 3em;
	color: #1590cf;
	font-family: Arial,Helvetiva,sans-serif;
	line-height: 1.3;
	border-bottom: 2px dotted #1590cf;
	font-weight: 700;
}

.container h2 {
	font-size: 2em;
	color: #afa39f;
	font-family: Arial,Helvetiva,sans-serif;
	line-height: 1.3;
	font-style: italic;
}

.container-header h1 {
	font-size: 6.5em;
	font-family: Arial,Helvetiva,sans-serif;
	text-transform: uppercase;
	/*font-style: italic;*/
	display: none;
	border-bottom: none;
}


/* fix the offset for hash tag links padding */

.main-text h1::before, .main-text h2::before, .main-text h4::before, .main-text h4::before, .main-text2 h1::before, .main-text2 h2::before, .main-text2 h4::before, .main-text2 h4::before {
	display: block; 
	content: " "; 
	margin-top: -85px; 
	height: 85px; 
	visibility: hidden; 
	z-index: -100;
	pointer-events: none !important;
}

.cover-a {
    background-color: #fff;
    z-index: 77;
    position: absolute; 
    height: 120px;
    display: inline;
}

.cover-b {
	width: 260px;
	height: 4em;
}

/* twitter share button */

.custom-share-button {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff !important;
  background-color: #1590cf;
  padding: .8em 1.2em;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none !important;
}

.custom-share-button-icon,
.custom-share-button-label {
  display: inline-block;
  vertical-align: middle;
}
.custom-share-button-icon {
  width: 1em;
  height: 1em;
  margin-right: .2em;
}
.custom-share-button-icon path { fill: #fff; }
.custom-share-button-label {
  font-size: .9em;
  font-weight: 500;
}
.custom-share-button:hover { background-color: #70b7ec; }


.container-header h1,
.container-header h2,
.container-header h3 {
	color: #FFFFFF;
	border-bottom: none;
}



.container-header .newsletter-title img {
	/*height: 4.7em;*/
	/*margin-top: 8.4em;*/
	/*max-width: 100%;*/
}

.container-header h2 small {
	color: #FFFFFF;
	display: inline-block;
	padding-top: 0.8em;
}

div.header-bottom-border {
	background-color: #C6C4C4;
	height: 14px;
	padding: 0;
}

div.header-bottom-border:nth-child(1n+0) {
	background-color: rgb(98, 196, 221);
}

div.header-bottom-border:nth-child(2n+0) {
	background-color: rgb(3, 78, 162);
}

div.header-bottom-border:nth-child(3n+0) {
	background-color: rgb(192, 71, 144);
}

div.header-bottom-border:nth-child(4n+0) {
	background-color: rgb(238, 128, 50);
}

div.header-bottom-border:nth-child(5n+0) {
	background-color: rgb(119, 29, 123);
}

.sub-page header .container-header-fluid {
	min-height: 45vh;
}

.sub-page .container-header h1 {
	font-size: 8em !important;
}

.sub-page .container-header h2 {
	font-size: 1.8em;
}

.back-to-home {
	display: inline-block;
	border: 1px solid #E5E5E5;
	padding: 7px;
	background-color: #F1F1F1;
}

.main-text a, 
.main-text2 a {
	color: #1590cf;
	font-weight: bold;
	text-decoration: underline;
}

.main-text>p:nth-of-type(1):first-letter  {
	color: #afa39f;
	font-size: 4.2em; 
	line-height: 1em;
  float: left;
  padding-right: .125em;
	
}

#myBtn, #myBtn2 {
	z-index: 100;
}

#myBtn2 {
	left: 10px;
	right: unset;
}

#myBtn2-explainer {
	font-size: 0.5em;
	font-weight: normal;
	font-family: Arial,Helvetiva,sans-serif;
	padding-right: 15px;
}

/*TYPOGRAPHY.*/

h2.emphasis {
	font-weight: bold;
}	

.subtitle {
	text-align: center;
	font-size: 3.1em;
	margin-bottom: 1em;
	font-family: Arial,Helvetiva,sans-serif;
	/*font-family: arial, sans-serif;*/
}

.byline {
	text-align: center;
	color: #afa39f;
}

.central-title {
	text-align: center;
}

.front-page p,
.front-page ul {
	font-family: Arial,Helvetiva,sans-serif;
	/*font-family: arial;*/
	font-size: 1.2em;
}

p.lead {
	/*text-align: center;*/
	font-size: 1.4em;
}

.text-columns-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
	-webkit-column-rule: 2px dotted #CDCDCD;
	/* Chrome, Safari, Opera */
	-moz-column-rule: 2px dotted #CDCDCD;
	/* Firefox */
	column-rule: 2px dotted #CDCDCD;
	widows: 2;
	orphans: 2;
}



@media (max-width: 992px) {
.container-header h1 {
	font-size:3em;
}

.container-header h2 {
	font-size: 1.5em;
}

.text-columns-2 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	}
}


[class|="text-columns"] h1,
[class|="text-columns"] h2,
[class|="text-columns"] h3 {
	margin-top: 0px;
}

.quote {
	padding: 17px;
	font-size: 2em;
	color: #f05a22;
	font-family: Arial,Helvetiva,sans-serif;
	line-height: 1.3;
	font-style: italic;
}

.quote.size-m .quote-text {
	font-size: 1.5em;
	color: #1AA9C7;
	font-family: Arial,Helvetiva,sans-serif;
	line-height: 1.3;
	/*font-style: italic;*/
}

.quote .quote-attribution {
	/*font-weight: bold;*/
	font-family: Arial,Helvetiva,sans-serif;
}

.badge {
	background-color: #ddd;
	color: #000;
	font-size: 0.7em;
	font-weight: normal;
	padding: 1px 6px 1px 6px;
}

hr {
	border-top: 2px dotted #CDCDCD;
	width: 100%;
}

.container h4 {
	font-size: 1.5em;
	color: #1590cf;
	padding-top: 35px;
}

.list-footnotes {
	font-size: 0.8em;
}

.list-footnotes li {
	padding-bottom: 0.5em;
}

.tweet-intent {
	background: url('../img/common/icons/twitter.png') 0 0 / cover no-repeat;
	height: 1em;
	width: 1em;
	display: inline-block;
}

.quote .tweet-intent.border {
	font-size: 43px;
	box-sizing: content-box;
	/*+placement: displace -30px 9px;*/
	position: absolute;
	margin-left: -30px;
	margin-top: 9px;
	background-color: #FFFFFF;
	border: 10px solid #FFFFFF;
	transition: transform 40ms;
	-webkit-transform: translateZ(0);
}

.fluid-grey .tweet-intent.border {
	background-color: #F3F3F3;
	border: 10px solid #F3F3F3;
}

.quote .tweet-intent.border:hover {
	transform: rotate(-20deg);
}

.popover-content, .popover-title {
	font-size: 0.8em;
	overflow: hidden;
}

.popover-title {
	font-weight: bold;
}

/*.tweet-intent::after
{
	content: "tweet this";
	position: absolute;
	font-size: 17.4px;
	display:inilne;
	padding-left: 35px;
	margin-top: -6px;
}
*/
.longform p:first-of-type:first-letter {
	float: left;
	color: #C04790;
	font-size: 75px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
}

/*publications*/
img.publication-cover {
	border: 1px solid #C5C5C5;
	height: 265px;
	/*+box-shadow: 3px 2px 0px #DFDFDF;*/
	-moz-box-shadow: 3px 2px 0px #DFDFDF;
	-webkit-box-shadow: 3px 2px 0px #DFDFDF;
	box-shadow: 3px 2px 0px #DFDFDF;
}

a img.publication-cover:hover {
	/*+box-shadow: 3px 2px 0px #9F9F9F;*/
	-moz-box-shadow: 3px 2px 0px #9F9F9F;
	-webkit-box-shadow: 3px 2px 0px #9F9F9F;
	box-shadow: 3px 2px 0px #9F9F9F;
}

a img.publication-cover:hover {
	/*+box-shadow: 3px 2px 0px #9F9F9F;*/
	-moz-box-shadow: 3px 2px 0px #9F9F9F;
	-webkit-box-shadow: 3px 2px 0px #9F9F9F;
	box-shadow: 3px 2px 0px #9F9F9F;
}

p.publication-description {
	font-size: 1.15em;
	display: none;
}

/*MEGATRENDS*/
.page-megatrends h3 {
	border-top: 1px solid #D5D5D5;
	padding-top: 21px;
}

p.chart-source {
	font-style: italic;
	word-wrap: break-word;
	font-size: 1.1em;
}

p.chart-title {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.chart-thumbnail {
	cursor: zoom-in;
	transition: padding 1s, -moz-box-shadow 0.3s, -webkit-box-shadow 0.3s, box-shadow 0.3s;
}

.chart-thumbnail:hover {
	/*+box-shadow: 0 0 24px #D9D9D9;*/
	-moz-box-shadow: 0 0 24px #D9D9D9;
	-webkit-box-shadow: 0 0 24px #D9D9D9;
	box-shadow: 0 0 24px #D9D9D9;
	padding: 3px;
}

.modal-dialog img {
	/*max-height: 100vh;*/
	/*see http://stackoverflow.com/questions/14242227/bootstrap-modal-body-max-height-100 */
}

/*EXPERTS*/
.page-experts .author {
	text-align: center;
	display: block;
	margin-bottom: 21px;
	/*margin-top: -23px;*/
}

.page-experts .author img {
	height: 156px;
	/*border: 1px solid #E3E3E3;*/
	/*(*+box-shadow: 1px 2px #D9D9D9;*)
	-moz-box-shadow: 1px 2px #D9D9D9;
	-webkit-box-shadow: 1px 2px #D9D9D9;
	box-shadow: 1px 2px #D9D9D9;*/
	margin-bottom: 0.8em;
}

/*UNIQUE ELEMENTS*/
.newsletter-intro {
	padding: 15px;
}

.signature {
	text-align: center;
	float: left;
	padding: 0 1em 0 0;
}

.signature .signature-name {
	text-align: center;
	font-style: italic;
}

#carousel-espas-2016-drawings:hover {
}

#carousel-espas-2016-drawings:hover {
}

#carousel-espas-2016-drawings .item:nth-child(1) {
	background: url('../img/2016-01/espas-mind-map-1.jpg') center / cover;
	height: 25em;
}

#carousel-espas-2016-drawings .item:nth-child(2) {
	background: url('../img/2016-01/espas-mind-map-2.jpg') center / cover;
	height: 25em;
}

#carousel-espas-2016-drawings .item:nth-child(3) {
	background: url('../img/2016-01/espas-mind-map-3.jpg') center / cover;
	height: 25em;
}

#carousel-espas-2016-drawings .item:nth-child(4) {
	background: url('../img/2016-01/espas-mind-map-4.jpg') center / cover;
	height: 25em;
}

#carousel-espas-2016-drawings .item:nth-child(5) {
	background: url('../img/2016-01/espas-mind-map-5.jpg') center / cover;
	height: 25em;
}

#carousel-espas-2016-drawings .carousel-overlay-text {
}

.carousel-overlay-text h2 {
	/*font: 700 5.3em sans-serif;*/
	/*position: absolute;*/
	/*top: 25%;*/
	/*margin: auto;*/
	/*text-align: center;*/
	/*width: 100%;*/
	/*color: #771D7B;*/
	text-align: center;
	background-color: #EDEDED;
	padding: 0.3em 0em;
	margin: 0;
}

.horizon-corner {
	background-color: #771D7B;
	color: #FFF;
	font-size: 1.3em;
	font-family:  Arial,Helvetiva,sans-serif;
	-webkit-transform: translateZ(0);
	/*+box-shadow: 3px 4px 0px #ADADAD;*/
	-moz-box-shadow: 3px 4px 0px #ADADAD;
	-webkit-box-shadow: 3px 4px 0px #ADADAD;
	box-shadow: 3px 4px 0px #ADADAD;
}

.horizon-corner:hover {
	/*+box-shadow: 3px 4px 0px #7C7C7C;*/
	-moz-box-shadow: 3px 4px 0px #7C7C7C;
	-webkit-box-shadow: 3px 4px 0px #7C7C7C;
	box-shadow: 3px 4px 0px #7C7C7C;
}

.horizon-corner h2 small {
	color: #FFFFFF !important;
}

.horizon-corner p {
	font-family: Arial,Helvetiva,sans-serif;
	font-size: 1em;
}

.horizon-corner .btn {
	font-family: segoe ui, helvetica, arial, sans-serif;
	font-size: 1em;
	margin: 1em;
}

.subpage-teasers {
	display: flex;
	align-items: center;
	justify-content: center;
}

.subpage-teasers div.teaser-wrapper {
	display: block;
	width: 33%;
}

.subpage-teaser small {
	color: #FFFFFF;
}

.subpage-teasers a:hover {
	text-decoration: none;
}

.well.subpage-teaser {
	color: #FFFFFF;
	-o-transition: background-color .1s ease-out;
	-ms-transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out;
	-webkit-transition: background-color .1s ease-out;
	-webkit-transform: translateZ(0);
	transition: background-color 0.1s ease-out;
	margin-bottom: 0px;
}

.well.subpage-teaser:hover {
	color: #3A3A3A !important;
	background-color: #A1A1A1 !important;
}

.well.subpage-teaser.experts {
	background-color: rgb(98, 196, 221);
}

.well.subpage-teaser.espas-2015 {
	background-color: rgb(3, 78, 162);
	margin: auto;
}

.well.subpage-teaser.espas-2016 {
	background-color: rgb(192, 71, 144);
}

.well.subpage-teaser.megatrends {
	background-color: rgb(149, 193, 84);
}

@media (max-width: 750px) {
	.subpage-teasers {
		display: block;
	}
	
	.subpage-teasers div.teaser-wrapper {
		display: block;
		width: 100% !important;
	}
	
	.subpage-teaser img {
		max-width: 5em;
		display: block;
		margin: 1em auto 0.5em;
	}
}

.espas-2015-frontpage-box {
	/*+box-shadow: 3px 4px 0px #ADADAD;*/
	-moz-box-shadow: 3px 4px 0px #ADADAD;
	-webkit-box-shadow: 3px 4px 0px #ADADAD;
	box-shadow: 3px 4px 0px #ADADAD;
	border-radius: 4px;
}

#espas-tabs-container {
	background-color: #EDEDED;
}

#espas-tabs-container div {
	background-color: #EDEDED;
}

#espas-conference strong {
	font-weight: 500;
	color: #00689C;
}

#espas-tabs-container .tab-pane {
	padding-top: 1em;
}

.foresight-events .event-date {
	text-align: right;
	margin-top: 1.7em;
	border-top: 1px solid #C7C7C7;
	padding-top: 13px;
}

.foresight-events .event-extra p {
	/*font-family: consolas, monospace;*/
	font-family: Arial,Helvetiva,sans-serif;
}

.foresight-events .event-date p {
	font-family: consolas, monospace;
	font-weight: 600;
	color: #565656;
}

.event-logo {
	max-width: 8em;
	float: left;
	margin: 0 1em 1em 0;
}

.orbis-box {
	background-color: #EE8032;
	/*+box-shadow: 3px 4px 0px #ADADAD;*/
	-moz-box-shadow: 3px 4px 0px #ADADAD;
	-webkit-box-shadow: 3px 4px 0px #ADADAD;
	box-shadow: 3px 4px 0px #ADADAD;
	border-radius: 4px;
}

.orbis-box a,
.orbis-box h3 {
	color: #FFF;
}



/*Footer*/
footer {
	margin-top: 8.5em;
}

footer .container-fluid {
	background-color: #3E3E3E;
}

footer .container-fluid .container {
	background-color: inherit;
	color: #FFFFFF;
}

/* Reading progress bar */
progress {
	/* Positioning */
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	/* Dimensions */
	width: 100%;
	height: 3px;
	/* Reset the appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Get rid of the default border in Firefox/Opera. */
	border: none;
	/* Progress bar container for Firefox/IE10+ */
	background-color: transparent;
	/* Progress bar value for IE10+ */
	color: #FFFFFF;
}

@media (max-width: 768px) {
	progress {
		height: 4px;
	}
}

progress::-webkit-progress-bar {
	background-color: transparent;
}

progress::-webkit-progress-value {
	background-color: #fff;
/*	background-color: #034EA2; */
}

progress::-moz-progress-bar {
	background-color: #fff;
/*	background-color: #034EA2; */
}

progress.single-color-gradient::-webkit-progress-value {
	background-color: transparent;
/*	background-image: -webkit-linear-gradient(left, transparent, #034EA2); */
	background-image: -webkit-linear-gradient(left, transparent, #fff);
}

progress.single-color-gradient::-moz-progress-bar {
	background-color: transparent;
	background-image: -moz-linear-gradient(left, transparent, #fff);
}

/* show more button */
#show-more-button {
	position: fixed;
	display: block;
	top: 80vh;
	z-index: 1000;
	font-size: 7em;
	text-align: center;
	width: 100%;
	color: rgba(3, 78, 161, 0.598);
	animation: ani1 1.1s 0s infinite;
	cursor: pointer;
	-webkit-transition: color 0.1s;
	transition: color 0.1s;
	display: none;
}

#show-more-button:hover {
	color: #034EA1;
}

@keyframes ani1 {
	50% {
		top: 87vh;
	}
	
	0%, 100% {
		top: 80vh;
	}
}

.disclaimer {
	margin-top: 1em;
	font-family: sans-serif;
}

.disclaimer p {
	font-family: Arial,Helvetiva,sans-serif;
	color: #8D8D8D;
}

#download-pdf {
	position: fixed;
	right: 0px;
	margin: 1em;
	padding: 0.5em 0.5em 0.6em 0.5em;
	background-color: #fff;
	/*+border-radius: 3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #005081;
	z-index: 1000;
}

#download-pdf:hover {
	background-color: #e3e1d9;
}

#download-pdf .glyphicon {
	font-size: 1.3em;
	top: 0.2em;
}

#download-pdf .button-text:after {
	margin-left: 0.3em;
	content: "Download PDF";
}

.downloads a {
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	#download-pdf .button-text:after {
		content: 'PDF';
	}
	
	#download-pdf {
		display: none;
	}
}

progress {
	z-index: 2555;
}

/* Sticky navbar */
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .twbs .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
	padding-bottom: 50px;
	max-height: 50px;
  }
}

.navbar {
  min-height: 65px;
  margin-bottom: 0px !important;
  border: 1px solid transparent;
}

.navbar-default {
	background-color: #005081 !important;
	border-color: #005081 !important;
}

.navbar-nav > li > a {
	margin-top: 15px;
}

.navbar .dropdown-menu {
	min-width: 450px;
}

.navbar .dropdown-menu ul {
	list-style: ;
}

.navbar .container {
	background-color: #005081;
	margin-bottom: 0px;
}

.navbar-header .navbar-brand img {
	max-height: 40px;
}

.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  {
	margin-right:0px;
	margin-top:15px;
	padding: 5px 6px 3px 6px;
	background-color: #005081;
}

.navbar-toggler-icon{
	color: #fff;
	padding-right: 0px !important;
	font-size: 1.5em;
}

@media only screen and (max-width: 992px) {
	.navbar-nav {
		background-color: #005081;
	}

	.navbar-nav > li > a {
		margin-top: 8px;
	}
	
	.navbar-nav > li > a:hover {
		background-color: #074A8B !important;
	}
	
	.navbar-default .navbar-collapse {
		border-color: #fff;
		margin-top: 5px;
	}
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 250px;
  }
  #sidebar > li > a {
	  padding: 8px 8px 2px 8px;
  }
  #sidebar > li:last-child {
	  padding-bottom:7px;
	  border-bottom: #1590cf 2px dotted;
}
}

#sidebar {
	margin-top:18px;	
    background: #fff;
    padding-left: 10px;
    margin-left: -10px;
}

#leftCol {
	z-index: 77;
}


#leftCol ul:first-child {
	margin-bottom: 30px;;
}


.nav > .chapter-selector > a:hover,
.nav > .chapter-selector > a:focus {
  text-decoration: none;
  background-color: #777777;
  color: #fff;
}


.btn.btn-primary {
	background-color: #1590cf;
}
.btn.btn-primary:hover {
	background-color: #f05a22;
}

.card-text a {
	font-weight: normal;
}


.figure .figure-caption {
	margin-bottom: 10px;
	color: #afa39f;
	font-size: 0.8em;
}

.figure .figure-caption:last-child {
	margin-bottom: 20px;
}


figure .figure-caption.figure-title {
	padding-top: 20px;
	font-size: 1.5em;
	color: #afa39f;
	margin-bottom: 10px;
	border-bottom: #afa39f 2px dotted;
}

figure img {
	margin-top: 10px;
	margin-bottom: 10px;
}

figure .img-thumbnail {
	padding: 20px;
}


/* tooltip */
.tooltip-inner {
        background-color: grey;    
    }
	
	
	
/* activate sidebar */
$('#sidebar').affix({
  offset: {
    top: 235
  }
});


/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com */


body {
 padding-top:500px !important;
}

#masthead { 
 min-height:250px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}

@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

@media (min-width: 992px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:18px;
  	width:228px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:65px;
    width:228px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}