/* 
Theme Name: Sörművház (v1.0.1)
Theme URI: http://cycloniq.com/
Version: 1.0.1
Description: A Sörművház témája.
Author: Márton Csaba
Author URI: http://cycloniq.com/
Tags: Sörművház
*/

/* latin-ext */
@font-face {
  font-family: 'Ropa Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Ropa Sans Regular'), local('RopaSans-Regular'), url(fonts/ropasans/v7/EYqxmaNOzLlWtsZSScy6UzNpY5I.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ropa Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Ropa Sans Regular'), local('RopaSans-Regular'), url(fonts/ropasans/v7/EYqxmaNOzLlWtsZSScy6XTNp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira ExtraCondensed Regular'), local('SairaExtraCondensed-Regular'), url(fonts/sairaextracondensed/v3/-nFiOHYr-vcC7h8MklGBkrvmUG9rbpkisrTj50j05Cs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira ExtraCondensed Regular'), local('SairaExtraCondensed-Regular'), url(fonts/sairaextracondensed/v3/-nFiOHYr-vcC7h8MklGBkrvmUG9rbpkisrTj5kj05Cs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira ExtraCondensed Regular'), local('SairaExtraCondensed-Regular'), url(fonts/sairaextracondensed/v3/-nFiOHYr-vcC7h8MklGBkrvmUG9rbpkisrTj6Ej0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/ubuntumono/v7/KFOjCneDtsqEr0keqCMhbCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/ubuntumono/v7/KFOjCneDtsqEr0keqCMhbCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/ubuntumono/v7/KFOjCneDtsqEr0keqCMhbCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/ubuntumono/v7/KFOjCneDtsqEr0keqCMhbCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/ubuntumono/v7/KFOjCneDtsqEr0keqCMhbCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(fonts/ubuntumono/v7/KFOjCneDtsqEr0keqCMhbCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#wpadminbar {
	display: none;
}

html,
body {
	margin: 0;
	padding: 0;
	background: #444;
}

#page {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('asset/bg.jpg')  no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	overflow: hidden;
}

.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}

.flip-container:hover .back {
	transform: rotateY(0deg);
}

.flip-container:hover .front {
	transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 60px;
	height: 50px;
}

.flipper {
	transition: 0.15s ease-in;
	transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	backface-visibility: hidden;
	transition: 0.15s ease-in;
	transform-style: preserve-3d;
	position: absolute;
	font-size:100px;
	font-family:'Ubuntu Mono';
	line-height: 100px;
	overflow: hidden;
}

.front {
	transform-origin: center bottom;
	top: 0;
	left: 0;
}

.back {
	transform-origin: center top;
	top: 50px;
	left: 0;
	vertical-align: bottom;
	line-height: 0px;
}

.front {
	z-index: 2;
	transform: rotateY(0deg);
}

.back {
	transform: rotateY(180deg);
}

.vertical.flip-container {
	position: relative;
}

.vertical .back {
	transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
	transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
	transform: rotateX(-180deg);
}


ul.splitflap {
	display: inline-block;
	list-style: none;
	perspective: 1000px;
	transform-style: preserve-3d;
	position: relative;
	padding: 4px;
	margin: 0;
}

ul.splitflap, ul.splitflap li {
	width: 60px;
	height: 105px;
}

ul.splitflap.char {
	width: 60px;
	height: 105px;
}

ul.splitflap li {
/*
	transition: 0.15s ease-in;
	transform-style: preserve-3d;
*/
	position: absolute;
}

ul.splitflap .f, ul.splitflap .b {
	backface-visibility: hidden;
	transition: 0.15s ease-in;
	transform-style: preserve-3d;
	position: absolute;
	font-family:'Ubuntu Mono';
	font-size: 100px;
	line-height: 100px;
	background: #EEE;
	width: 60px;
	height: 50px;
	text-align: center;
	/* overflow: hidden; */
}

ul.splitflap .f {
	transform-origin: center bottom;
	top: 0;
	left: 0;
}

ul.splitflap .b {
	transform-origin: center top;
	top: 55px;
	left: 0;
	vertical-align: bottom;
	line-height: 0px;
}

ul.splitflap .f {
	z-index: 2;
	transform: rotateY(0deg);
}

ul.splitflap .b {
	transform: rotateY(180deg);
}

/*
.vertical.flip-container {
	position: relative;
}

.vertical .back {
	transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
	transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
	transform: rotateX(-180deg);
}
*/

ul.spliflap .flap .b {
	transform: rotateX(0deg) translateY(2px);
}

ul.spliflap .flap .f {
	transform: rotateX(-180deg);
}


.panel {
	position: relative;
	width: 1920px;
	height: 1080px;
	margin-left: auto;
	margin-right: auto;
}

.panel .head {
	height: 130px;
	margin: 80px 30px 0 90px;
	background: url(asset/logo.png) 0 0 no-repeat;
}

#sxx12 {
	margin-top: 30px;
}

.panel .content {
	padding: 30px;
}

ul.t-line {
	list-style-type: none;
	display: block;
	margin: 5px 0 0 0;
	padding: 7px 10px 5px 20px;
	background: rgba(0,0,0,0.1);
	background: linear-gradient(rgba(255,255,255,0.05), rgba(0,0,0,0.025), rgba(0,0,0,0.2));
	border-bottom: solid 1px #222;
	box-shadow: 1px 1px 5px #222;
}

ul.t-line > li {
	float: left;
	display: inline-block;
	height: 40px;
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 34px;
	line-height: 40px;
	text-align: center;
	border: solid 1px #000;
	border-right: solid 1px #333;
	border-bottom: solid 1px #444;
	box-shadow: inset 0 0 5px #000;
	color: #DDD;
	position: relative;
	top: 0;
	vertical-align: top;
	width: 22px;
	margin: 0 1px;
	background: #222;
	overflow: hidden;
}

ul.t-line.type-1 > li {
	color: #EDE476;
}

ul.t-line::after {
	content: "";
	display: block;
	clear: both;
}

ul.t-line > li.right > div {
	text-align: right;
	padding-right: 3px;
}

ul.t-line > li.left > div {
	text-align: left;
	padding-left: 3px;
}

ul.t-line > li > div {
	position: relative;
}

ul.t-line > li.t-sep {
	background: transparent;
	border: solid 1px transparent;
	box-shadow: inset 0 0 1px #000;
	box-shadow: none;
}

ul.t-line > li.t-tok  {
	font-family: 'Saira Extra Condensed', sans-serif;
	position: relative;
	border: solid 1px transparent;
	background: transparent;
	font-size: 25px;
	color: #888;
	text-shadow: 1px 2px #000;
	box-shadow: inset 0 0 1px #000;
	box-shadow: none;
}

ul.t-line > li.t-small  {
	font-family: 'Ubuntu Mono', sans-serif;
	font-size: 17px;
	line-height: 20px;
}

ul.t-line > li.t-small > div {
	height: 40px;
}

ul.t-line > li.t-normal  {
	/* font-family: 'Saira Extra Condensed', sans-serif; */
}

ul.t-line > li.t-image img {
	margin-top: 4px;
	height: 32px;
	max-width: 80%;
	width: auto;
}

ul.t-line > li.t-tok > div {
	top: -7px;
}

ul.t-line > li.t-num {
	font-family: 'Ropa Sans', sans-serif;
}

ul.t-line > li.t-digit::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: rgba(0,0,0,.2);
	border-top: solid 1px rgba(255,255,255,.1);
}

ul.t-line > li.t-digit > div::before {
	z-index: 2;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 9px;
	margin-top: -3px;
	background: #080808;
}

ul.t-line > li.t-digit > div::after {
	z-index: 2;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 3px;
	height: 9px;
	margin-top: -3px;
	background: #080808;
}


li.t-ch-colon > div > div {
	position: relative;
	top: -8px;
}


/* var s=''; for(var i=1; i<21; ++i) s += "ul.t-line > li.t-x"+i+" { width: "+(22+(i-1)*26)+"px; }\n"; console.log(s); */

ul.t-line > li.t-x1 { width: 22px; }
ul.t-line > li.t-x2 { width: 48px; }
ul.t-line > li.t-x3 { width: 74px; }
ul.t-line > li.t-x4 { width: 100px; }
ul.t-line > li.t-x5 { width: 126px; }
ul.t-line > li.t-x6 { width: 152px; }
ul.t-line > li.t-x7 { width: 178px; }
ul.t-line > li.t-x8 { width: 204px; }
ul.t-line > li.t-x9 { width: 230px; }
ul.t-line > li.t-x10 { width: 256px; }
ul.t-line > li.t-x11 { width: 282px; }
ul.t-line > li.t-x12 { width: 308px; }
ul.t-line > li.t-x13 { width: 334px; }
ul.t-line > li.t-x14 { width: 360px; }
ul.t-line > li.t-x15 { width: 386px; }
ul.t-line > li.t-x16 { width: 412px; }
ul.t-line > li.t-x17 { width: 438px; }
ul.t-line > li.t-x18 { width: 464px; }
ul.t-line > li.t-x19 { width: 490px; }
ul.t-line > li.t-x20 { width: 516px; }