/*    Bootstrap custom - Front part    */
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
html, body {
    height: 100%;
}
header {
    height: 125px;
}

header img {
    height: 120px;
    padding: 0 30px 0 30px;
    float: left;
}
.site_description {
    float: left;
}
.site_description a {
    text-decoration: inherit;
    color: inherit;
}
.site_description h1 {
    /*font-family: "Permanent Marker", sans-serif;*/
    font-weight: bolder;
    text-transform: uppercase;
    /*letter-spacing: -2rem;*/
}
.site_description h2 {
    margin-top: 0;
    text-indent: 4em;
}
.site_description h1 .r270 {
    transform: rotate(270deg);
    display: inline-block;
    text-shadow: 1px 1px #fff;
    position: relative;
    right: -14px;
    top: -4px;
    margin-left: -15px;
    font-size: 40%;
}
.bookfont, .bookfont * {
    font-family: 'Literata', serif !important;
}
.bookfont img {
  max-width: 96%;
}
header .years {
    float: right;
    padding: 50px;
    font-size: 1.2em;
}
header {
    clear: both;
}
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    min-height: 60px;
    line-height: 60px;
}
.content-container {
    padding: 10px 0 10px 100px;
    background: url('../img/style/bglogo.png') no-repeat right fixed;
    min-height: 720px;
}
.content {
/*    width: 60%;
    min-width: 600px;*/
    margin-bottom: 80px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, 
.content p, .content sub, .content sup, .content i, .content b, .content u,  .content strong,  .content em,
.content a,  .content li,  .content td, .content th, .content span, .content .row {
    font-family: 'Open Sans', sans-serif;
}
.content p {
    text-align: justify;
}
.content .row div p {
	text-align: inherit;
}
.content-container .content img {
    padding: 5px;
    border: 2px solid #2780E3;
    margin: 0 14px;
}
.content-container .content img.editionImg {
	border: 0;
	padding: 0;
	margin: -5px 0 0 0;
	height: 250px;
	float: right;
}
.langstring {
    display: inline-block;
}
.content-container .content .langstring img {
    display: inline-block;
    border: 0;
}
.modal-full {
    max-width: inherit;
    width: 98%;
    text-align: center;
}
.modal-full img {
    max-width: 100%;
}

.content blockquote {
    font-style: italic;
    font-size: 1rem;
    padding: 2px 0;
    padding-right: 8px;
    padding-left: 20px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px;
}
ul.adFormatExample li.list-group-item {
    cursor: pointer;
}
.list-group.col-md-6 .list-group-item {
    margin-bottom: 15px;
}
.mobile-show {
    display: none;
}
@media only screen and (max-width: 1400px) {
    .content-container {
        padding: 10px 0 10px 10px;
    }
}
@media (max-width: 700px) { 
    header {
        height: auto;
    }
    .site_description {
        float: none;
    }
    .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .content-container {
        padding-left: 0;
    }
	
	.content-container .content img.editionImg {
		height: auto;
		width: 80%;
		margin: -5px 0 -20px 0;
		float: left;
		text-align: center;
	}
	.newspage .media-list {
		padding-left: 0;
	}
	.newspage .media .media-right  {
		float: right;
	}
	.newspage .media .media-right .media-object {
		width: 60px;
	}
	.newspage .media-heading {
		font-size: 1.1rem;
		cursor: pointer;
	}
	.newspage .newsintro {
		display : none;
	}
	.content-container .content img {
		padding: 0;
		border: 1px solid #2780E3;
		margin: 0 14px;
	}
    .mobile-hide {
        display: none;
    }
    .mobile-show {
        display: block;
    }
}