/* 
Title:			K11 master styles
Description:	Master screen framework definitions.
Author:			andre@sheydin.de
*/

/* @group RESET */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

td,
th {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	}

hr { display: none }

input, select, button {
	vertical-align:middle;
	font-family: Helvetica,Arial,Geneva,sans-serif;
	}

form {
	display: inline;
	margin: 0;
	padding: 0;
	}

	/*
ul,
li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
*/

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

iframe {
	display: block;
	margin: 0;
	padding: 0;
	}

a {
	cursor: pointer;
	outline: none;
	}

/* @end */

/* @group GLOBAL */

body {
	color: #333;
	/*background: #5d6068 url(../img/bg.png) center top repeat;*/
	cursor: default;
	}

#bg {
	height: 200%;
	width: 100%;
	position: fixed;
	z-index: -1;
	background-image: inherit;
	background-position: top;
	}

/* 1680 and larger screens */
@media screen and (min-width:1680px){
	#bg {
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
	}
}

/* 747 and below screens */
@media screen and (max-width: 940px){
	#bg {
		background-attachment: fixed !important;
		background-position: center top !important;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width: 320px)
and (max-device-width : 480px) {
	#nav {
		position: absolute !important;
	}
	#header > .box {
		position: absolute !important;
	}
}

a:link,
a:visited {
	color: #e85321;
	text-decoration: none;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	transition: all .25s linear;
	}

a:hover,
a:focus {
	color: #ad2c00;
	-webkit-transition: all .05s linear;
	-moz-transition: all .05s linear;
	transition: all .05s linear;
	}

a:focus,
a:active {
	color: #e85321;
	}

.clearfix:after { /* clear floats without markup */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 80px 10px 40px;
	}


/* @end */

/* @group HEADER */

#header {
	float: right;
	width: 150px;
	color: #FFF;
	}

	#header > .box {
		width: 150px;
		padding-left: 10px;
		position: fixed;
		}

#header #logo img { visibility: hidden }

#header #logo {
	width: 141px;
	height: 79px;
	background: url(../img/logo_negative.png) no-repeat;
	margin-bottom: 30px;
	}

#header #logo a {
	width: 141px;
	display: block;
	height: 79px;
	}

#header a:link,
#header a:visited {
	color: #FFF;
	}

#header a:link,
#header a:visited {
	color: #FFF;
	}

#header p {
	margin-bottom: 10px !important;
	}

/* newsletter */

#header .newsletter a {
	display: block;
	padding-left: 25px;
	line-height: 25px;
	white-space: nowrap;
	}

#header .newsletter a:link,
#header .newsletter a:visited {
	background: url(../img/icon_newsletter.png) -2px 0 no-repeat;
	}

#header .newsletter a:hover,
#header .newsletter a:focus {
	background: url(../img/icon_newsletter.png) -2px -24px no-repeat;
	}

#header .newsletter a > span {
	display: block;
	}

#header .socialmedia {
	margin-top: 25px !important;
}

/* @end */


/* @group NAV */


#nav {
	position: fixed;
	width: 150px;
	z-index: 99;
	}

#nav ul,
#nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

	#nav > .box {
		padding-left: 70px;
		padding-right: 10px
		}

#nav li a {
	display: block;
	width: 70px;
	height: 70px;
	margin-bottom: 10px;
	background: #FFF;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
	text-align: right;
	position: relative;
	}

#nav li a:link,
#nav li a:visited {
	opacity: 0.5;
	-moz-transition: opacity .2s ease .1s;
	-webkit-transition: opacity .2s ease .1s;
	-o-transition: opacity .2s ease .1s;
	transition: opacity .2s ease .1s;
	}

#nav li a:hover,
#nav li a:focus {
	opacity: 1;
	}

#nav li a span {
	position: absolute;
	bottom: 5px;
	right: 5px;
	}

/* CURRENT */

#nav #current a {
	color: #FFF;
	background: #e85321;
	opacity: 1;
	}

#nav .current-menu-item a, #nav .current_page_item a {
    color: #FFF;
    background: #e85321;
    opacity: 1 !important;
}

/* @end */

/* @group CONTENTS */

#contents {
	margin-left: 150px;
	margin-right: 150px;
	min-height: 450px;
	position: relative;
	}

#contents > .box {

	}

#contents > .box > h1 {
	display: none;
	}


/*	#contents .box { padding-right: 10px } */

.block {
	float: left;
	width: 320px;
	min-height: 310px;
	margin-bottom: 10px;
	}

.block > .box {
	min-height: 290px;
	background: #FFF;
	margin-right: 10px;
	padding: 10px;
	position: relative;
	}

.block.nooverflow {
	height: 290px;
	}

.block.nooverflow > .box {
	overflow-y: scroll;
	overflow: auto;
	height: 290px;
	}

/* INTRO */

.block.intro > .box {
	color: #FFF;
	background: inherit;
	}

.block.image img,
.block.images img {
	display: block;
	min-width: 310px;
	}

/* IMAGE */

.block.image > .box {
	padding: 0;
	background: inherit;
	}

.block.image img {
	display: block;
	}

.block.image {
	float: right;
	position: relative;
	}

.block.images {
	float: right;
}

.block.images > .box {
	padding: 0;
	background: inherit;
	}

.block.images > .box > img {
	margin-bottom: 10px;
	}

.block.image.head > .box {
	height: 310px;
	background-color: #e75321;
	}

.block.image.head > .box > img { /* position head box images over each other */
	position: absolute;
	top: 0;
	left: 0;
	}

/* ALBUM */

.block.image.album {
	position: relative;
	}

.block.image.album a {
	font-size: 15px;
	font-weight: bold;
	}

.block.image.album a:link,
.block.image.album a:visited {
	color: #FFF;	
	}

.block.image.album a:link img,
.block.image.album a:visited img {
	opacity: 1;
	-moz-transition: opacity .2s ease .1s;
	-webkit-transition: opacity .2s ease .1s;
	-o-transition: opacity .2s ease .1s;
	transition: opacity .2s ease .1s;
	}

.block.image.album a:hover img,
.block.image.album a:focus img {
	opacity: 0.5;
	}

.block.image.album a > span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	
	}

.block.image.album a > span span {
	display: inline-block;
	padding: 4px 5px 2px;
	background: rgba(0, 0, 0, 0.3);
	}

/* PROFILE */

.block.image.profile > .box {
	position: relative;
	}

.block.image.profile h2 {
	color: #FFF;
	position: absolute;
	right: 20px;
	bottom: 10px;
	}

/* WIDE */

.block.wide {
	width: 640px;
	}

.block.image.wide > .box {
	padding: 0;
	background: #FFF;
	}

/* content outside the box */

#contents > .box > a:link,
#contents > .box > a:visited,
#contents > .box > .pagination a:link,
#contents > .box > .pagination a:visited {
	color: #FFF;
	opacity: 0.5;
	}

#contents > .box > a:hover,
#contents > .box > a:focus,
#contents > .box > .pagination > a:hover,
#contents > .box > .pagination > a:focus {
	color: #FFF;
	opacity: 1;
	}

/* back */

a.goback {
	position: absolute;
	left: 0px;
	top: -25px;
	}

a.goback:link,
a.goback:visited {
	color: #FFF;
	opacity: 0.5;
	}

a.goback:focus,
a.goback:hover {
	color: #FFF;
	opacity: 1;
	}

/* pagination */

.pagination {
    clear: both;
	}

.pagination > * {
	float: left;
	padding: 5px 8px 1px;
	margin-right: 2px;
	}

.pagination .page-numbers.current {
	color: #000;
	background: #FFF;
	}

.pagination .current {}
	
/* @end */



/* @group FOOTER */

#footer {
	position: relative;
	bottom: 0;
	left: 0;
	clear: both;
	color: #a9a9a9;
	}

#footer .textwidget {
	font-size: 11px;
	}

#footer > .box {
	padding: 20px 10px 10px 160px;
	}

#footer a:link,
#footer a:visited {
	color: #FFF;
	opacity: .5;
	}

#footer a:hover,
#footer a:focus {
	color: #FFF;
	opacity: 1;
	}

/* @end */



/* @group SLIDES */

#slides {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	}

#slides img {
	display: block;
	}

/* @end */

/* @group BLOG */


ul.latest {
	
	}

ul.latest li {
	display: block;
	margin-bottom: 10px;
	position: relative;
	padding-right: 70px;
	}

ul.latest li a {
	display: block;
	}

ul.latest li a:link,
ul.latest li a:visited {
	color: #000;
	}

ul.latest li a:hover,
ul.latest li a:focus {
	color: #ad2c00;
	}

ul.latest li .date {
	position: absolute;
	right: 0;
	top: 0;
	}


/* @end */

/* @group SHOP */

.shopitem h2 {
	padding-right: 80px;
	}

.shopitem .price {
	position: absolute;
	right: 10px;
	top: 10px;
	}


/* @end */


/* @group FORM */

input.text,
textarea {
	width: 97.5%;
	background: #eaeaea;
	border: 1px solid #bdc2c9;
	font-family: Courier, "Courier New", monospace;
	font-size: 14px;
	padding: 3px;
	}

fieldset {
	position: relative;
	margin-bottom: 10px;
	}

fieldset label {
	position: absolute;
	left: 0;
	top: 3px;
	color: #53565f;
	}

button {
	display: inline-block;
	margin: 10px 0 10px;
	padding: 3px 5px;
	border: 0;
	color: #FFF;
	background: #e85321;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	}

button:disabled,
button[disabled] {
	opacity: .5;
	cursor: default;
	}

.g-recaptcha {
  -webkit-transform: scale(0.77);
     -moz-transform: scale(0.77);
      -ms-transform: scale(0.77);
       -o-transform: scale(0.77);
          transform: scale(0.77);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
	}

/* @end */

/* royalslider override */

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background: transparent !important;
	}


/* lists */

.page > ul {
	margin: 0 0 10px 0;
	padding: 0;
}

.page > ul > li {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	position: relative
}

.page > ul > li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	background: #ad2c00;
}