/*
	Theme Name: Feuerloft – HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme for Feuerloft
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	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 !important;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
	height: 100%;
}
body {
	font-family: 'Fedra Sans Alt', sans-serif;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 2.2rem;
	color: rgb(81,74,68);
	background-color: rgb(249,249,248);
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

article ul {
	padding-left: 2.5rem;
}
article ul li {
	list-style: none;
	margin-bottom: 1.0rem;
}
article ul li:before {
	content: "";
	display: inline-block;
	width: 0.8rem;
	height: 1.05rem;
	background-image: url('img/list-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin-right: -0.8rem;
	right: 2.25rem;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	position: relative;
	max-width: 970px;
	width: 95%;
	margin: 0 auto;
}

/* header */
header {
	height: 100px;
	background-color: rgb(249,249,248);
	color: rgb(134, 124, 114);
}
header .main-nav {
    float: left;
    margin-top: 40px;
}
header .logo {
	float: right;
	width: 27%;
	margin-top: 35px;
	text-align: center;
}

/* nav */
nav {

}
main {
	background-color: rgb(199,193,185);
}
section {
	float: left;
	width: 72.372%; /* 702px width to match gallery images */
	background-color: rgb(249,249,248); /* match body */
}
article {
	padding-right: 8.832%; /* 640px width to match content images */
	padding-bottom: 7.0rem;
}

/* sidebar */
.sidebar {
	float: right;
	width: 27%;
	padding: 2.4%;
	background-color: rgb(199,193,185);
}
.sidebar:empty {
	display: none;
}

/* footer */
footer {
	padding-bottom: 4.0rem;
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

nav {
	font-size: 2.0rem;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav li a {
	color: rgb(134, 124, 114);
	text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
}
nav li.current-menu-item > a,
nav li.current-page-item > a,
nav li.current-menu-parent > a,
nav li:hover > a {
    color: rgb(99,174,195);
}
.main-nav ul li {
    display: inline;
    margin-right: 3.0rem;
    float: left;
}
.main-nav ul li:last-child {
	margin-right: 0;
}
.main-nav li.current-menu-item,
.main-nav li.current-page-item,
.main-nav li.current-menu-parent,
.main-nav li:hover,
.mobile-nav li.current-menu-item,
.mobile-nav li.current-page-item,
.mobile-nav li.current-menu-parent,
.mobile-nav li:hover {
    border-bottom: 1px solid rgb(99,174,195);
    border-top: 1px solid rgb(99,174,195);
    margin-top: -1px;
}
.mobile-nav ul li:last-child {
	margin-right: 0;
}
.main-nav ul li .sub-menu {
    display: none;
}


.mobile-nav,
.toggle-switch {
	display: none;
}
.mobile-nav {
	float: left;
	clear: both;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 4% 0;
	background-color: rgb(249,249,248);
}
.mobile-nav ul li {
	list-style: none;
	display: inline-block;
}
.mobile-nav ul li .sub-menu {
    display: none;
}


.sub-nav {
	background-color: rgb(249,249,248); /* match body */
	padding-top: 8px;
	padding-bottom: 16px;
}
.sub-nav ul > li {
	display: none;
}
.sub-nav ul > li.current-page-parent,
.sub-nav ul > li.current-page-parent .sub-menu {
	display: block;
}
.sub-nav ul > li.current-page-parent > a {
	display: none;
}
.sub-nav ul > li.current-page-parent .sub-menu > li {
	display: inline-block;
	margin-right: 5%;
}
.sub-nav ul > li.current-page-parent .sub-menu > li:last-child {
	margin-right: 0;
}
.sub-nav li.current-page-ancestor {
	border: none;
	margin-top: 0;
}
.sub-nav ul > li.current-page-parent li.current-menu-item,
.sub-nav ul > li.current-page-parent li.current-page-item,
.sub-nav ul > li.current-page-parent li:hover {
    border-bottom: 1px solid rgb(99,174,195);
}


/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/

.short {
	margin-top: 4.7rem;
}


/*------------------------------------*\
    SLIDESHOW
\*------------------------------------*/

body.page-template-template-slideshow {
	height: 100%;
}

.page-template-template-slideshow main {
	height: calc(100% - 150px); /* 150px = header height + footer height + 10 */
}

.page-template-template-slideshow section {
	height: 100%;
	width: 100%;
}

.page-template-template-slideshow footer {
	height: 40px;
}

.page-template-template-slideshow footer .left {
	display: none;
}


.flexslider {
	border: none; /* override */
	margin-bottom: 0; /* override */
}

.flexslider,
.flex-viewport,
.flexslider ul,
.flexslider ul li {
	width: 100%;
	height: 100%;
}

.flexslider ul li {
	list-style: none;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.flexslider .slides > li:first-child {
	display: block;
	-webkit-backface-visibility: visible;
}

.eyecatcher {
	position: absolute;
	top: 20%;
	left: 5%;
	width: 20%;
	max-width: 200px;
	min-width: 120px;
	z-index: 100;
}


/*------------------------------------*\
    GALLERY
\*------------------------------------*/

.flexslider ul li .image-desc {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
	background-color: rgba(255,255,255,0.8);
	padding: 1rem 1.5rem;
}

.flex-control-thumbs li {
	width: 33%;
	padding-bottom: 12px;
}

.flex-control-thumbs li:nth-child(3n+1) {
	padding-right: 8px;
}

.flex-control-thumbs li:nth-child(3n+2) {
	padding-left: 4px;
	padding-right: 4px;
}

.flex-control-thumbs li:nth-child(3n+3) {
	padding-left: 8px;
}

.flex-control-thumbs img {
	opacity: 0.4;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

/*------------------------------------*\
    CONTACT
\*------------------------------------*/

#map {
	margin: 2.0rem 0 4.5rem;
	position: relative;
}

#map,
#map img {
	width: 100%;
	height: auto;
}

.page-template-template-contact .sidebar > img {
	margin-top: 5.0rem;
}

.address-container {
	position: absolute;
	bottom: 0;
	right: 20%;
	background-color: rgb(99,174,195);
	color: white;
	font-weight: 300;
	padding: 2.5%;
}

.address-container:hover,
.address-container:focus {
	text-decoration: none;
}

.address-container .logo-img {
	margin: 1.0rem 0 2.0rem;
}

td {
	vertical-align: top;
    padding: 0.5rem 2.0rem 0.5rem 0;
}

.page-template-template-contact table {
	float: left;
}

.page-template-template-contact table td:first-child {
	width: 135px;
}

.page-template-template-contact table td:last-child {
	width: 250px;
}

#passivhaus {
	float: right;
	width: 11.8rem;
}

.type_input, .type_text {
    clear: both;
    height: 3.0rem;
}
.contact-form {
	margin-top: 3.0rem;
}
.contact-form br {
	display: none;
}
.contact-form .wpcf7-not-valid-tip {
	display: none;
}
.contact-form label {
    float: left;
    width: 15%;
    line-height: 3.0rem;
    vertical-align: middle;
}
html[lang*="lb"] .contact-form label {
	line-height: 1.2;
}
.contact-form input,
.contact-form textarea {
    float: left;
    border: none;
    background: rgba(199,193,185,0.3);
    color: rgb(81, 74, 68);
    width: 85%;
    padding: 0.75rem;
    margin-bottom: 1.0rem;
    line-height: 2.2rem;
}
.contact-form textarea:focus {
	outline: 0;
}
.contact-form .buttons input {
    background: transparent;
    -webkit-appearance:none;
    outline: 0;
    border: none;
    text-transform: uppercase;
    color: rgb(99,174,195);
    font-size: 2.0rem;
    font-weight: 500;
    text-align: left;
    float: left;
    margin-left: 15%;
    margin-top: 1.5rem;
}
.contact-form strong {
	display: none;
}
.contact-form div.notify {
    width:330px;
    height:40px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-165px;
    margin-left:-20px;
    background: #f2f2f2;
    z-index: 1000;
}
div.wpcf7-response-output {
	padding: 1em 1em;
	margin: 2em 0 1em;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer .left {
	float: left;
}
footer .right {
	margin-top: 1em;
	float: right;
	text-align: right;
}
footer .right li {
	display: inline-block;
	list-style: none;
	border-right: 1px solid rgb(199, 193, 185);
	padding-right: 1.2rem;
	margin-right: 1.0rem;
}

footer .left div {
	float: left;
}
footer .left > div:first-child {
	margin-right: 8.0rem;
}
footer .label {
	margin-right: 3.0rem;
}
footer .left div p {
	margin-bottom: 0.75rem;
}


/*------------------------------------*\
    IMAGES & VIDEO
\*------------------------------------*/

p img {
	width: 100% !important;
	height: auto !important;
}

p img:last-child {
	margin-top: 2.5rem;
}

.videowrapper {
	position: relative;
	padding-bottom: 52.75%; /* 16:9 */
	padding-top: 25px;
	margin-bottom: 5px; /* to match header image heights */
	height: 0;
	background-color: rgb(199,193,185);
}

.video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin: 15px 0;
}

.videowrapper iframe,
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*------------------------------------*\
	FONTS
\*------------------------------------*/

article p,
article li {
	-webkit-font-smoothing: subpixel-antialiased !important;
}

h1,
h2,
h3 {
    font-size: 2.6rem;
    font-family: 'Fedra Sans Alt', sans-serif;
    font-weight: 300;
    line-height: 3.0rem;
    text-transform: uppercase;
    color: rgb(199,193,185);
    margin-bottom: 2.0rem;
}

p + h1,
p + h2 {
	margin-top: 4.5rem;
}

p {
    margin-bottom: 1.5rem;
    	-webkit-font-smoothing: subpixel-antialiased !important;
}

strong,
b {
	font-weight: 500;
	text-transform: uppercase;
}

a {
	color: inherit;
	text-decoration:none;
}

a:hover,
a:active {
	outline:0;
}

article a,
.sidebar a {
	color: rgb(99,174,195);
	font-weight: 500;
}

article a:hover,
article a:focus,
.sidebar a:hover,
.sidebar a:focus {
	text-decoration: underline;
}

address {
	font-style: normal;
}

.sidebar,
.sidebar h3,
.sidebar a {
    color: #fff;
}

.sidebar h3 {
	margin-top: 0;
}

.quote {
    font-size: 2.6rem;
    font-family: 'Lovelo Black', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(99,174,195);
    line-height: 3.0rem;
    position: absolute;
    bottom: 18.5rem;
    width: 22%;
}
.quote p {
	margin: 0;
}
.quote span {
    font-size: 1.4rem;
    font-family: 'Fedra Sans Alt', sans-serif;
    font-weight: 400;
    color: rgb(99,174,195);
    text-transform: none;
}

footer {
	font-size: 1.3rem;
	color: rgb(134,124,114);
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:rgb(99,174,195);
	color:white;
	text-shadow:none;
}
::-webkit-selection {
	background:rgb(99,174,195);
	color:white;
	text-shadow:none;
}
::-moz-selection {
	background:rgb(99,174,195);
	color:white;
	text-shadow:none;
}
textarea {
    resize: vertical;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width: 1020px) {

	header .logo {
		width: auto;
	}

}

@media screen and (max-width: 980px) {

	.main-nav ul li {
		margin-right: 2.5rem;
	}

	.sub-nav ul > li.current-page-parent .sub-menu > li {
		margin-right: 3%;
	}

}

@media screen and (max-width: 930px) {

	.main-nav ul li:first-child {
		display: none;
	}

}

@media screen and (max-width: 840px) {

	html {
		font-size: 56%;
	}

}

@media screen and (max-width: 800px) {

	.main-nav ul li {
		margin-right: 2.0rem;
	}

}

@media screen and (max-width: 767px) {

	html {
		font-size: 62.5%;
	}

	.wrapper {
		padding-top: 80px; /* match fixed header height */
		width: 100%;
	}

	header,
	.sub-nav,
	article,
	section > h1,
	.sidebar,
	footer {
		padding-left: 7%;
		padding-right: 7%;
	}

	article p img {
		-webkit-transform: scale(1.17);
	        -ms-transform: scale(1.17);
	            transform: scale(1.17);
	}

	header {
		height: auto;
		min-height: 80px;
		position: fixed;
		z-index: 1000;
		width: 100%;
		top: 0;
		left: 0;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(170,170,170,0.6);
		-moz-box-shadow: 0px 1px 3px 0px rgba(170,170,170,0.6);
		box-shadow: 0px 1px 3px 0px rgba(170,170,170,0.6);
	}

	header .logo {
		margin-top: 20px;
	}

	.page-template-template-slideshow .wrapper {
		padding-top: 0;
		width: 100%;
	}

	.page-template-template-slideshow main {
		height: calc(100% - 50px);
		padding-top: 80px
	}

	.main-nav {
		display: none;
	}

	.toggle-switch {
		display: block;
	}

	.mobile-nav {
		top: 80px; /* match header height */
	}
	.mobile-nav ul li {
		margin-right: 4%;
	}
	.mobile-nav > ul > li:first-child {
		display: none;
	}

	.sub-nav ul > li.current-page-parent .sub-menu > li {
		margin-right: 5%;
	}

	section,
	.sidebar {
		width: 100%;
	}

	.sidebar {
		padding-top: 3.0rem;
		padding-bottom: 3.0rem;
	}

	.short,
	.quote {
		position: static;
		float: left;
		width: 50%;
		margin: 3.0rem 0;
	}

	.short {
		padding-right: 1.5rem;
	}

	.quote {
		padding-left: 1.5rem;
	}

	.page-template-template-gallery .sidebar > *:not(.flex-control-nav) {
		display: none;
	}

	.short:only-child,
	.quote:only-child {
		width: 100%;
	}

	.page-template-template-contact .sidebar > *:first-child {
		margin-top: 0;
	}

	.page-template-template-contact .sidebar > *:last-child {
		margin-bottom: 0;
	}

	.flex-control-thumbs li {
		width: 12.5%;
	}

	.flex-control-thumbs li:nth-child(n) {
		padding-right: 6px;
		padding-left: 6px;
	}

	body:not(.page-template-template-slideshow) footer {
		border-top: 1px solid rgb(199,193,185);
		padding-top: 3%;
	}

}

@media screen and (max-width: 720px) {

	footer .left > div:first-child {
		margin-right: 4.0rem;
	}

	.sub-nav ul > li.current-page-parent .sub-menu > li {
		margin-right: 3.5%;
	}
}

@media screen and (max-width: 680px) {

	.mobile-nav ul li {
		margin-right: 3%;
	}

	.sub-nav ul > li.current-page-parent .sub-menu > li {
		margin-right: 2.5%;
	}

}

@media screen and (max-width: 640px) {

	.mobile-nav ul li {
		margin-right: 1.5%;
	}

	body:not(.page-template-template-slideshow) footer .right {
		float: left;
		clear: both;
		margin-top: 2.0rem;
	}
}

@media screen and (max-width: 605px) {

	header .logo {
		max-width: 40%;
		height: 40px;
		line-height: 30px;
	}

	header,
	.sub-nav,
	article,
	section > h1,
	.sidebar,
	footer {
		padding-left: 5%;
		padding-right: 5%;
	}

	article p img {
		-webkit-transform: scale(1.12);
		    -ms-transform: scale(1.12);
		        transform: scale(1.12);
	}

	.sub-nav {
		display: none;
	}

	article {
		padding-top: 2.0rem;
	}

	.page-template-template-news article {
		padding-top: 0;
	}
	.page-template-template-news section {
		padding-top: 2.0rem;
	}

	.mobile-nav ul li {
		display: block;
	}

	.mobile-nav > ul > li {
		margin-bottom: 2.0rem;
	}

	.mobile-nav > ul > li:last-child {
		margin-bottom: 0;
	}

	.mobile-nav ul li .sub-menu {
		display: block;
		font-size: 1.6rem;
	}

	.mobile-nav li.current-menu-item,
	.mobile-nav li.current-page-item,
	.mobile-nav li.current-menu-parent,
	.mobile-nav li:hover {
		border: none;
	    margin-top: 0;
	}

	.mobile-nav li.current-menu-parent > a {
		border-top: 1px solid rgb(134, 124, 114);
		border-bottom: 1px solid rgb(134, 124, 114);
	    margin-top: -1px;
	    padding: 0.4rem 0 0.3rem;
	}

	nav li.current-menu-item > a,
	nav li.current-page-item > a,
	nav li.current-menu-parent > a,
	nav li:hover > a {
		color: inherit;
	}

	nav li.current-menu-item > a,
	nav li a:hover {
/*
		border-bottom: 1px solid rgb(99,174,195);
		padding-bottom: 0.3rem;
*/
		color: rgb(99,174,195);
	}

	nav > ul > li > a:hover {
		border-top: 1px solid rgb(99,174,195);
		border-bottom: 1px solid rgb(99,174,195);
		margin-top: -1px;
	    padding: 0.4rem 0 0.3rem;
	}

	.page-template-template-slideshow main {
		height: 100%;
	}

	.page-template-template-slideshow footer {
		display: none;
	}

	.address-container {
		right: 15%;
	}

}

@media screen and (max-width: 580px) {

	.contact-form label {
	    width: 20%;
	}
	.contact-form input,
	.contact-form textarea {
	    width: 80%;
	}

	.contact-form .buttons input {
		margin-left: 20%;
	}

	body:not(.page-template-template-slideshow) footer .right p {
		margin: 0;
	}

}

@media screen and (max-width: 540px) {

	html {
		font-size: 58%;
	}

}

@media screen and (max-width: 520px) {

	footer .left {
		width: 100%;
	}

	footer .left > div {
		width: 50%;
		margin: 0 !important;
		box-sizing: border-box;
	}

	footer #labels {
		float: left;
		padding-right: 1.5rem;
	}

	footer #social {
		float: right;
		padding-left: 1.5rem;
	}

	footer #labels .label {
		display: block;
		margin-bottom: 1.5rem;
	}



}

@media screen and (max-width: 480px) {

	header {
		min-height: 70px;
	}

	.wrapper {
		padding-top: 70px; /* match fixed header height */
	}

	.page-template-template-slideshow main {
		padding-top: 70px;
	}

	.flex-control-thumbs li {
		width: 20%;
	}

	.short,
	.quote {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.short + .quote {
		margin-top: 3.0rem;
	}

	.address-container {
		right: 10%;
	}

	.address-container address {
		display: none;
	}

	#passivhaus {
		clear: left;
		float: left;
		margin-top: 4.0rem;
	}

}

@media screen and (max-width: 420px) {

	.contact-form label {
	    width: 100%;
	}
	.contact-form input,
	.contact-form textarea {
	    width: 100%;
	}

	.contact-form .buttons input {
		margin-left: 0;
	}

}

@media screen and (max-width: 605px) and (max-height: 520px) {

	header {
		position: static;
	}

	.wrapper {
		padding-top: 0;
	}

	.page-template-template-slideshow main {
		padding-top: 0;
		height: calc(100% - 70px);
	}

	.eyecatcher {
		display: none;
	}

}

/*------------------------------------*\
    HAMBURGER ICON
\*------------------------------------*/

.toggle-switch {
	position: relative;
	overflow: hidden;
	margin: 2.0rem 0 0;
	padding: 0;
	width: 43px;
	height: 36px;
/* 	margin-left: -9px; */
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	      transition: background 0.3s;
	background-color: transparent;
	float: left;
}

.toggle-switch:focus {
	outline: none;
}

.toggle-switch span {
	display: block;
	position: absolute;
	top: 15px;
	left: 0px;
	right: 9px;
	height: 1px;
	background: rgb(99,174,195);
}

.toggle-switch span::before,
.toggle-switch span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgb(99,174,195);
	content: "";
}

.mobile-header .toggle-switch span,
.mobile-header .toggle-switch span::before,
.mobile-header .toggle-switch span::after {
	background: black;
	background-color: black;
}

.toggle-switch span::before {
	top: -7px;
}

.toggle-switch span::after {
	bottom: -7px;
}

.toggle-switch span {
	-webkit-transition: background 0 0.3s;
	      transition: background 0 0.3s;
}

.toggle-switch span::before,
.toggle-switch span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	      transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0;
	      transition-delay: 0.3s, 0;
}

.toggle-switch span::before {
	-webkit-transition-property: top, -webkit-transform;
	      transition-property: top, transform;
}

.toggle-switch span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	      transition-property: bottom, transform;
}

.toggle-switch.active span {
	background: none;
}

.toggle-switch.active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	      transform: rotate(45deg);
}

.toggle-switch.active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	      transform: rotate(-45deg);
}

.toggle-switch.active span::before,
.toggle-switch.active span::after {
	-webkit-transition-delay: 0, 0.3s;
	      transition-delay: 0, 0.3s;
}

/*------------------------------------*\
    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;
	}
}


.anonce {
    position: absolute;
    background-color: #fefefe;
    bottom: 100px;
    z-index: 101;
    padding: 40px 60px;
    width: 25%;
    min-width: 550px;
    max-width: 750px;
    right: 100px;
}

@media screen and (max-width: 768px) {
	.anonce {
    		right: 10px;
		min-width: 400px;
	}
}