/*
	Theme Name: Fuldaufer
	Theme URI: 
	Description: Fuldaufer WordPress Theme
	Version: 0.1a
	Author: Sebastian Tam (@primitiv)
	Author URI: http://sbstn.net
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: Lato, Helvetica, Arial, sans-serif;
	color:#333;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

body {
	min-height: 100%;
}

.container {
	max-width: 100%;
	width:100%;
	margin:0 auto;
	position:relative;
}

.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
	border: 1px solid #DDD;
	border-top:none;
}


/* header */
.header {
    padding-top: 15px;
    text-align: center;
    background-image: none;
    font-size: 15px;
}

.stupidline {
  position: absolute;
  left: 0;
  bottom: 10;
  width: 80%;
  margin: 0;
}


#logo_wrapper {
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute; /*or fixed*/
    right: 0px;
}

.social_wrapper ul {
    list-style: none;
    margin-left: 0 !important;
    text-align: left;
}

#logo_wrapper .social_wrapper ul li {
    margin-right: 10px;
}

.social_wrapper ul li {
    display: inline-block;
    margin-right: 15px;
}

/* logo */
.logo {
	display:inline-block;
	margin:auto;
	vertical-align: middle;
	margin-right: 60px;
	margin-left: 60px;
	margin-top: 10px;
}

.logo-img {

}

.nav {
    display: inline-block;
    vertical-align: bottom;
}

.nav li{
	display: inline-block;
}

.nav ul {
	padding-left: 0px;
	padding-top: 5px;
	border-top: #111 1px solid;
}

.top-menu li{
    height: 30px;
    position: relative;
    font-weight: bold;
    margin-left: 60px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.top-menu li:first-child {
	margin-left: 0px;

}

.top-menu li:hover ul{
  display: block;
}

.top-menu a:hover {
	color: darkgrey !important;
}

.top-menu li ul{
  position: absolute;
  top:25px;
  left:-20px;
  width: 180px;
}

.sub-menu {
  display: none;
  position: absolute;
  font-weight: 100;
  background-color: white;
  min-width: 160px;
  z-index: 1;
  text-align: center !important;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  margin-top: 5px !important;
  
  border-top: 0 !important;
  padding-top: 0 !important;
}

.sub-menu li {
	clear: both;
	text-transform: uppercase !important;
	display: block !important;
	margin-left: 0px !important;
}

/* burger menu */
.burger-menu {
	position: fixed;
	top: 0;
	z-index: 10;
	max-width: 330px;
	width: 70%;
	height: 150%;
	background-color: white;
	border-right: 1px solid #DDD;
}

.burger-menu  .burger-menu-wrapper {
	margin-top: 80px;
	text-align: center;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
}

.burger-menu  .burger-menu-logo img {
	display: block;
	margin-top: 25%;
	margin-left: auto;
	margin-right: auto;
	
}

.burger-menu ul {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
}

.burger-menu-open {
	display: none;
	
	position: absolute;
	width: 32px;
	height: 32px;
	
	margin-left: 16px;
}

.burger-menu-open div {
	width: 32px;
    height: 5px;
    background-color: #444;
    margin: 6px 0;
}

.burger-menu .close {
	position: absolute;
	top: 0;
	right: 0;
	width:32px;
	height:32px;
}

#burger-menu-close .bar1 {
	width: 32px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

#burger-menu-close .bar2 {
	width: 32px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
	opacity: 0;
}

#burger-menu-close .bar3 {
	width: 32px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.burger-menu.invisible {
	display: none;
}

.burger-menu-wrapper .sub-menu {
	display: block;
	position: static;
	box-shadow: none;
	padding-left: 0;
	margin-top: 0px !important;
}

/* main */
main {
	padding: 0 8px;
	text-align:center;
	margin-top: 50px;
}

.slider {
	width: 790px;
	margin-top: 50px;
	height: 500px;
	display: inline-block;
	border: 1px solid #DDD;
	margin-right: 50px;
}

.sliderPosts {
	height: 500px;
	text-align: center;
}

.sliderPosts a{
	background: transparent;
}

.sliderPosts div {
	text-align: center;
}

.sliderPosts h2{
  	text-align:center;
  	background: #f5f5f5;
	border: 1px solid #DDD;
	padding-top: 15px;
	padding-bottom: 15px;
    bottom:0;
    left:0;
    right: 0;
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
}

.topRight {
	display: inline-block;
	width: 353px;
	height: 500px;
	vertical-align: top;
	margin-top: 50px;
}

.right {
	display: inline-block;
	width: 353px;
	height: 250px;
	vertical-align: top;
	margin-top: 50px;
}

.fb-page {
	display: inline-block;
	width: 353px;
	height: 214px;
	vertical-align: top;
	background: #f5f5f5;
	border: 1px solid #DDD;
}

.fb-page iframe {
	width: 100%;
}

.dates {
	display: inline-block;
	width: 100%;
	height: 236px;
	vertical-align: bottom;
	margin-top: 50px;
	/*background: #f5f5f5; alt */
	background: #63ddfe;
	border: 1px solid #DDD;
}

.dates span {
	font-size: 14px;
    float: left;
    margin-left: 5px;
}


.posts {
	display: inline-block;
	height: 263.22px;
	width: 790px;
	margin-top: 50px;
	margin-right: 50px;
}

.first {
	width: 370px;
	text-align: left;
	height: 263.22px;
	float: left;
	margin-right: 50px;
}

.second {
	width: 370px;
	height: 263.22px;
	float: left;
}

.youtube {
	display: inline-block;
	height: 263.22px;
	width: 353px;
	background: pink;
	background: #f5f5f5;
	border: 1px solid #DDD;
}

.ytp-large-play-button-bg {
	fill: red !important;
}

.postPreview {
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #DDD;
	height: 263.22px;
}

.postPreview h2 {
	font-size: 14px;
}

.map {
	width: 790px;
	margin-top: 50px;
	height: 500px;
	background: black;
	display: inline-block;
	margin-right: 50px;
	background: #f5f5f5;
	border: 1px solid #DDD;
}

.embedmap {
	width: 100%;
	height: 100%;
}

.couldbewerbung {
	background: #f5f5f5;
	border: 1px solid #DDD;
	height: 300px;
}

.couldbewerbung h2 {
	font-size: 14px;
	letter-spacing: 0.1em;
}

/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

.couldbewerbung span {
	margin-top: 20px;
	display: block;
	font-size: 14px;
}

.maplegende {
	margin-top: 50px;
	height: 150px;
	background: #f5f5f5;
	border: 1px solid #DDD;
	text-align:center;
}

.maplegende img {
	width: 52px;
	height: 52px;	
}

.maplegende h2 {
	font-size: 14px;
	letter-spacing: 0.1em;
}

.maplegende ul {
    list-style: none;
    padding-left: 0px;
    text-align:center;
}

.maplegende ul li {
	margin-right: 10px;
    display: inline-block;
}

.text span {
	font-size: 14px;
	font-weight: 100;
}


/* sidebar */
.sidebar {
	padding: 0 8px;
}

/* footer */
.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#instafeed {
	margin-top: 50px;
}

#instafeed a { 
	margin-right: 5px;
}

.heart:before {
  content: '\2665';
  color: red;
}


.innerFooter {
    margin-top: 15px;
  	background: #2b2b2b;

	color: #f2f2f2;
    max-width: 100%;
    width: 100%;
	
  	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  
  }

.footerLogo {
	padding-top: 60px;
	width: 92.85741%;
	vertical-align: top;
}

.footerLogo div {
	display: inline-block;
}
  
.footerLogo img {
	width: 72px;  
	float: left;
}

.footerLogo span {
    text-transform: uppercase;
  	font-size: 20px;
  	vertical-align: bottom;
    padding-left: 15px;
    padding-top: 5px;
    overflow: hidden;
    display: block;
    padding-bottom: 0px;
    letter-spacing: 0.1em;
}

#secondSpan {
	text-transform: none;
	padding-top: 0px !important;
	font-size: 18px;
}

.footerAbout {
    margin-top: 15px;
	border-top: 1px solid #505050;
  	padding-top: 15px;
	width: 60%;
    margin-right: 2.85714%;
    font-size: 14px;
    text-align: justify;
}

.footerAbout div {
	width: 100%;
}

.footerSub {
    margin-top: 15px;
	border-top: 1px solid #505050;
  	padding-top: 15px;
	width: 30%;
    display: inline-block;
  	vertical-align: top;	
  	font-size: 14px;
}

.footerNav {
	margin-top: 15px;
	border-top: 1px solid #505050;
  	padding-top: 15px;
	width: 60%;
    display: inline-block;
    padding-top: 15px;
    margin-right: 2.85714%;
    font-size: 14px;
}

.footerNavCR {
	color: #777;
    font: inherit;
}

.footerNavMen {
	margin-left: 20px;
	float: right;
}

.footerNavMen a {
	color: lightgrey;
}

.footerNavMen a:hover {
	color: darkgrey;
}

.footerFollowUs {
	margin-top: 15px;
	border-top: 1px solid #505050;
  	padding-top: 15px;
	width: 30%;
    display: inline-block;
  	vertical-align: top;	
  	font-size: 14px;	
}

.followSpan {
	color: lightgrey;
    font: inherit;  
}

.followIcons {
	color: white !important;
	font-size: 20px;
	float: right;
}

.followIcons i:hover {
	color: darkgrey;
}

.followIcons a {
	margin-right: 10px;
}

.followIcons a:last-child:after {
	margin-right: 0px;
}

.copyright {
  margin-top: 15px;
  padding-top: 15px;
  vertical-align: middle;
  padding-bottom: 15px;
  text-align: center;
  font-size: 14px;
  }



/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* single.php */

.thumbSingle img{
	width: 100vw !important;
}

.post {
	margin-top: 50px;
	margin: 0 auto;
	width: 913px;
}

.post img {
	width: 913px;
	height: auto;
}

.postHeadline {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 30px;
}

.date {
	font-size: 14px;
}

.postContent {
	font-family: lato;
	font-size: 16px;
	text-align: justify;
}

.postContent img {
	margin-bottom: 8px;
	height: 609px;
}


a[rel="tag"] {
  background: #eee;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
   text-transform: uppercase;
}



a[rel="tag"]:hover {
  background-color: #62defd;
  color: black;
}

blockquote {
    font-size: 16px;
    color: #444;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: 0.4;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Comments */

.ulComments {
	display: inline-block;
    text-align: left;
    width: 100%;
    list-style-type: none;
  font-size: 15px;
}


.ulComments li {
    clear: both;
}

.ulComments ul li {
	list-style-type: none;
}

.ulComments img {
	width: 96px;
    height: 96px;
}

.comment-body {
	display: inline-block;
}

.comment-author {
    /* display: inline-block; */
    float: left;
}

.comment-meta {
    /* display: inline-block; */
    vertical-align: top;
    float: left;
    margin-left: 10px;
}

.commentText {
    margin-left: 10px;
    Margin-top: 10px;
    float: left;
    width: 80%;
}

.reply {
    display: block;
    text-align: right;
    /* margin-top: 73px; */
    /* bottom: 0; */
    /* vertical-align: bottom; */
}

.comment-reply-title {
	font-size: 15px;
}

.comment-form {
	font-size: 15px;
}

.comment-form-comment {
 	display:inline-block;
    width: 100%;
    text-align: left;
}

.comment-form-comment textarea {
 width: 100%;
    resize: vertical;
}

.comment-form-comment label {
	display: none;
}

/* About Seite */
.about-us {
	/*display: inline-block;*/
	text-align:center;
    font-size: 15px;
    margin-top: 50px;
    	font-family: Lato, Helvetica, Arial, sans-serif;
}

.about-us img {
    display:inline-block;
    vertical-align: top;
}

.about-us-text {
	display: inline-block;
    text-align: justify;
    vertical-align: top;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

.about-lena {
	margin-top: 20px;
	text-align: justify;
	/*display:inline-block;*/
}

.about-sebastian {
	text-align: justify;
	margin-top: 20px;
	/*display:inline-block;*/
}

/* category.php */

.categoryArticle {
	text-align: center;
}

.postCategory {
	display:inline-block;
	width: 323px;
	height: 250px;
	margin-top: 50px;
    background: #f5f5f5;
	border: 1px solid #DDD;
	margin-right: 30px;
	margin-bottom: 0px;
	overflow: hidden;
}

.postCategory last-child {
	margin-right: 0px;
}

.postCategory h2{
	font-size: 14px;
	height: 20px;
}

.one_half {
    width: 49% !important;
    margin-right: 2% !important;
}

.one_half p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.one_half.last_column {
    width: 49% !important;
    margin-right: 0px !important;
}

.one_half.last_column p {
	margin-top: 0px;
	margin-bottom: 0px;	
}

/* Impressum */

.impressumcontent {
 font-size: 15px;
 margin-left: 150px;
 margin-right: 150px;
 margin-top: 30px;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/* Fuente histórica no archivada: se usa la pila de sistema. */

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (max-resolution:144dpi) {

}

@media only screen and (max-width:1350px) { /* Reduced full  layout */
	.slider {
		margin-top: 0;
		margin-right: 0;
	}
	
	.posts {
		margin-right: 0;
	}
	
	.topRight {
		display: none;
	}
	
	.map {
		width: 60%;
	}
	
	#right-youtube {
		display: none;
	}
}

@media only screen and (max-width:1140px) {/* Small laptop layout*/
	.logo {
		width: 100px;
		height: 100px;
	}
	
	.slider {
		margin-top: 0;
		margin-right: 0;
	}
	
	.topRight {
		display: none;
	}
	
	.map {
		width: 56%;
	}
}

@media only screen and (max-width:1000px) {/* Small laptop layout SPARSE*/
	.logo {
		width: 100px;
		height: 100px;
	}
	
	.nav {
		display: none;
	}
	
	.slider {
		width: 90%;
		max-width: 790px;
		margin-top: 0;
		margin-right: 0;
		height: 400px;
	}
	
	.sliderPosts {
		height: 400px;
	}
	
	.map {
		width: 90%;
		margin-top: 0;
		margin-right: 0;
	}
	
	#right-pic-legend {
		display: none;
	}
	
	.burger-menu-open {
		display: block;
	}
	
	.footerSub {
		display: none;
	}
	
	.posts {
		width: initial;
		margin-right: 0;
	}
	
	.posts > .first {
		width: 300px;
	}
	
	.posts > .second {
		width: 300px;
	}
	
	.footerLogo {
		width: 353px;
	}
	
	/* SINGLE PAGE */
	
	.post {
		max-width: 913px;
		width: 90%;
	}
	
	.post img {
		height: auto;
	}
	
	.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		width: 100% !important;
	}
	
	.one_half.last_column{
		width: 100% !important;
	}
}

@media only screen and (max-width:768px) {	/* Complete mobile layout */
	.slider {
		height: auto;
	}
	
	.sliderPosts {
		height: auto;
	}
	
	.footerLogo {
		text-align: center;
	}
	
	.footerLogo img {
		display: block;
		margin: 0 auto;
		float: none;
	}
	
	.footerSub {
		display: none;
	}
	
	.footerAbout {
		display: none;
	}
	
	.footerNavCR {
		display: none;
	}
	
	.footerNavMen {
		float: left;
		margin-left: 0;
	}
	
	.posts {
		width: auto;
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
		height: auto;
		margin-bottom: 40px;
	}
	
	.posts > .first {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	
	.posts > .second {
		width: 100%;
	}
	
	.postPreview img {
		width: 100%;
	}
	
	.map {
		height: 80vw;
	}
}

@media only screen and (max-width:330px) {	
	.footerLogo {
		text-align: center;
	}
	
	.footerLogo img {
		float: none;
	}
}

@media only screen and (max-height:380px) {	
	.burger-menu-logo {
		display: none;
	}
	
	.burger-menu  .burger-menu-wrapper {
		margin-top: 100px;
	}
}

	/*------------------------------------*\
    RESPONSIVE --> INSTAFEED
	\*------------------------------------*/
	@media only screen and (max-width:1307px) { 
		#instafeed a:nth-of-type(8) {
			display: none;
		}
	}
	
	@media only screen and (max-width:1144px) { 
		#instafeed a:nth-of-type(7) {
			display: none;
		}
	}
	
	@media only screen and (max-width:981px) { 
		#instafeed a:nth-of-type(6) {
			display: none;
		}
	}
	
	@media only screen and (max-width:817px) { 
		#instafeed a:nth-of-type(5) {
			display: none;
		}
	}
	
	@media only screen and (max-width:654px) { 
		#instafeed a:nth-of-type(4) {
			display: none;
		}
	}
	
	@media only screen and (max-width:491px) { 
		#instafeed {
			display: none;
		}
	}
	
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	/*margin:5px 20px 20px 0;*/
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}