@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,400,500i,700,700i|Playfair+Display&display=swap');

body, html { font-size: 100%; padding: 0; margin: 0; height: 100%;}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    font-family: 'Montserrat', Arial, sans-serif;
    color: #f2ede3;
    background-color: #242424;
    background-image: url(../images/bg.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0.9em;
    font-weight: 300;
}

section.section-first {
	margin-top: 140px;
}

section.section-footer {
	margin-top: 75px;
	padding-bottom: 105px;
}

section.section-footer .container > .row {
	margin-right: -30px;
	margin-left: -30px;
}

img.photo {
	min-width: 100%;
	height: auto;
	margin-left: -100px;
}

ul.lang-switch {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.lang-switch li {
	display: inline;
}

ul.lang-switch li + li:before {
	content: "·";
	padding: 0 4px;
}

ul.lang-switch li a {
	font-family: 'Playfair Display';
	font-size: 16px;
	color: #ffffff;
}

ul.lang-switch li a.active {
	color: #8a7d57;
}


.nopadding {
	padding: 0;
}

.content h1 {
	margin-top: 28px;
	font-family: 'Playfair Display';
	font-size: 80px;
	line-height: 80px;
	color: #8a7d57;
	font-weight: 400;
}

/*.content img {
	margin-top: 75px;
	border-top: 5px solid #8a7d57;
	min-width: 100%;
	max-width: 100%;
}*/

.mt {
	margin-top: 30px;
	padding-top: 20px;
}

.mb {
	margin-bottom: 30px;
}

.content.article img.big {
	min-width: 133%;
	max-width: 133%;
	margin-left: -16.5%;
}

.content .spacer {
	margin-top: 55px;
	margin-bottom: 55px;
}

.content .spacer2 {
	margin-top: 15px;
	margin-bottom: 55px;
}

.content p {
	text-align: justify;
	font-size: 18px;
	line-height: 28px;
	font-weight: 200;
}

.content p.quote {
	font-family: 'Playfair Display', Times, sans-serif;
	font-size: 29px;
	line-height: 37px;
	text-align: left;
}

.content blockquote {
	font-family: 'Playfair Display', Times, sans-serif;
	font-size: 29px;
	line-height: 37px;
	text-align: left;
	margin: 0;
}

.content blockquote + p.quote-credits {
	margin-top: 4px;
}

.content p.quote-credits {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 18px;
}

.content p.quote-credits strong {
	font-weight: 400;
}

.content p.img-footer {
	text-align: left;
	font-size: 14px;
}

.home .content figure img {
	min-width: 100%;
}

.content figcaption {
	margin: 14px 0;
	text-align: left;
	font-size: 14px;
}

.content figure + figure {
	margin-top: 60px;
}

.img-decorator {
	border-top: 5px solid #8a7d57;
}

.text-primary {
	color: #8a7d57;
}

.article-wrapper {
	margin-bottom: 50px;
	overflow: hidden;
}

.article-wrapper img {
	border-top: 5px solid #8a7d57;
	min-width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
	-webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
}

.article-wrapper a {
	display: block;
	text-decoration: none;
}

.article-wrapper a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75	;
  -khtml-opacity: 0.75;
  opacity: 0.75;

  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.article-wrapper span {
	font-family: 'Playfair Display', Times, sans-serif;
	font-size: 19px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 300;
}

.article-wrapper span.subtitle {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
	min-height: 32px;
}

/** ********* ARTICLE *********** **/

body.article {
    background-color: #212121;
}

.icon {
	fill: #8a7d57;
	width: 50px;
	margin-right: 30px;
}

.content.article h1 {
	margin-top: 0;
	font-size: 30px;
	line-height: 30px;
}

.content.article h2 {
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: 'Playfair Display', Times, sans-serif;
	font-size: 60px;
	line-height: 60px;
	color: #ffffff;
	font-weight: 300;
}

.content.article h2.subtitle {
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: 'Playfair Display', Times, sans-serif;
	font-size: 40px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 300;
}

.content.article h3 {
	font-size: 22px;
	color: #ffffff;
	font-weight: 500;
}

.content.article p.author {
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
}

.content.article .highlight {
	background-color: #5b7fa4;
	box-shadow: 0 0 0 3px #5b7fa4;
}

.content.article em {
	font-weight: 500;
}

.content.article strong {
	font-weight: 500;
}

.content.article p + h3 {
	margin-top: 50px;
}

.pdf-box {
	margin-top: 45px;
}

.pdf-box a {
	color: #8a7d57;
	font-size: 16px;
	font-weight: 700;
}

.references td {
	vertical-align: top;
	font-size: 14px;
	padding: 0 0 6px 0;
}
.references td + td {
	padding-left: 6px;
}

.content.article .pdf-box a img {
	border-top: 0;
	min-width: initial !important;
	margin-right: 22px;
}


/** ********* FOTOS *********** **/

section.section-content {
	margin-top: 30px;
}

.img-vertical {
	width: 60%;
}

figure.vertical {
	text-align: left;
}
figure.vertical figcaption {
	width: 60%;
	text-align: left;
	margin: 14px auto;
}

figure img + img {
	margin-top: 15px;
}

/** ********* RESPONSIVE *********** **/

@media (max-width: 767px) {
	.nopadding {
		margin: 15px;
	}
	section > .container {
		overflow: hidden;
	}
	section.section-first {
		margin-top: 20px;
	}

	section.section-footer .container > .row {
		margin-right: -15px;
		margin-left: -15px;
	}
	body.article section.section-first {
		margin-top: 50px;
	}
	body.article .header-wrapper {
		margin-top: -15px;
		margin-left: 90px;
	}
	img.photo {
		margin-left: 0;
		min-width: 75%;
		max-width: 75%;
		margin-left: 12.5%;
	}
	.content.article>img {
		margin-left: 0;
		min-width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-top: 22px;
		margin-bottom: 22px;
	}
	.content.article img.big {
		max-width: 100%;
		min-width: 100%;
		margin-left: 0;
	}
	.pdf-box {
		text-align: left;
	}
	.icon-box{
		text-align: left;
		position: absolute;
		z-index: 100;
	}

}


@media (max-width: 576px) {
	.content .header-wrapper {
		margin-top: -50px;
	}
	.content.article .header-wrapper {
		margin-top: -21px;
		margin-left: 62px;
	}
	ul.lang-switch li a {
		font-size: 12px;
	}
	.content h1 {
		font-size: 40px;
		line-height: 40px;
	}

	.content p {
		font-size: 12px;
		line-height: 22px;
	}

	.content p.quote {
		font-size: 23px;
		line-height: 31px;
	}

	.content p .quote-credits {
		font-size: 12px;
		line-height: 22px;	
	}

	.article-wrapper span {
		font-size: 14px;
		line-height: 22px;
	}
	.article-wrapper span.subtitle {
		font-size: 11px;
		line-height: 17px;
	}

	.content.article h2 {
		font-size: 50px;
		line-height: 50px;
	}

	.content.article h2.subtitle {
		font-size: 30px;
		line-height: 30px;
	}

	.content.article h3 {
		font-size: 18px;
		line-height: 18px;
	}

	.content.article p.author {
		font-size: 16px;
	}

	.content.article .highlight {
		box-shadow: 0 0 0 4px #5b7fa4;
	}

	.img-vertical {
		width: 100%;
	}

	figure.vertical {
		text-align: left;
	}
	figure.vertical figcaption {
		text-align: left;
		width: 100%;
	}
}