/*

	Theme Name: FlyingPet

	Theme URI: http://flyingpet.com

	Description: FlyingPet wordpress theme

	Version: 1.0.0

	Author: Nik Pirnovar

	Tags: HTML5, CSS3, GAME

*/



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

    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:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color:#f3f3f3;

	background: #69a2bd;

}

/* 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 */

.wrapper {

	/*max-width:1280px;

	width:95%;*/

	padding:0px 50px;

	margin:0 auto;

	position:relative;

	overflow:hidden;

}

/* header */

.header {

 width:100%;

 padding:75px 0px 20px 0px;

}

/* logo */

.logo {

	width:700px;

	margin:0 auto;

}

.logo-img {



}

/* nav */

.nav {

	position: fixed;

right: 30px;

top: 0px;

width: auto;

z-index: 100;

}



.nav ul{

	list-style:none;

	margin-right:-20px;

}



.nav ul li{

	background:#fed23a;

	padding:10px 20px 10px 20px;	

	font-size:1.5em;

}



.nav ul li a{

	color:#814f29;	

}



.nav ul li a:hover{

	color:#fff;	

}



/* menu */

.menu{

	float:right;	

	padding: 5px 15px;

}



/* sidebar */

.sidebar {



}

/* footer */

.footer {

	background:#333;

	color:#FFF;

	font-size:1.5em;

	margin:0px -50px;

	padding: 5px 50px;

}



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

    PAGES

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



h1{

	font-family: 'londrina_solidregular';

}



.page-part{

	background:#FFF;

	padding:50px;

	margin: 0px -50px;

	min-height:250px;

}



.sekundarna{

	margin-top:0px;	

}



.oranzna{

	background:#e8b418;	

}

.bela{

	background:#fff;

	color:#000 !important;	

	

}

.zelena{

	background:#a8cf45;	

}

.rjava{

	background:#7b4e2e;

}



.poudarjeno{

	text-align:center;

	color: #FFF;

	font-size:2em;

}

.poudarjeno.nalevo{

	text-align:left;	

}

h1.poudarjeno{

	font-size: 8em;

	margin:0;

	text-shadow: 0 0 20px rgba(86,170,255,0.9) ;

}



.hr{

	padding:15px;

}



.text{

	padding:20px 180px;

	margin:0px -52px;

}



.desno{

	-ms-transform: rotate(0.7deg); /* IE 9 */

    -webkit-transform: rotate(0.7deg); /* Chrome, Safari, Opera */

    transform: rotate(0.7deg);

}



.levo{

	-ms-transform: rotate(-0.9deg); /* IE 9 */

    -webkit-transform: rotate(-0.9deg); /* Chrome, Safari, Opera */

    transform: rotate(-0.9deg);

}



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

    OBLACKI

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

#clouds{

	padding: 100px 0;

	position: absolute;

	z-index: -4;

}



.cloud {

	width: 200px; height: 60px;

	background: #fff;

	

	border-radius: 200px;

	-moz-border-radius: 200px;

	-webkit-border-radius: 200px;

	

	position: relative; 

}



.cloud:before, .cloud:after {

	content: '';

	position: absolute; 

	background: #fff;

	width: 100px; height: 80px;

	position: absolute; top: -15px; left: 10px;

	

	border-radius: 100px;

	-moz-border-radius: 100px;

	-webkit-border-radius: 100px;

	

	-webkit-transform: rotate(30deg);

	transform: rotate(30deg);

	-moz-transform: rotate(30deg);

}



.cloud:after {

	width: 120px; height: 120px;

	top: -55px; left: auto; right: 15px;

}



/*ANIMACIJE*/

.x1 {

	-webkit-animation: moveclouds 15s linear infinite;

	-moz-animation: moveclouds 15s linear infinite;

	-o-animation: moveclouds 15s linear infinite;

}

.x2 {

	left: 200px;

	

	-webkit-transform: scale(0.6);

	-moz-transform: scale(0.6);

	transform: scale(0.6);

	opacity: 0.6; /*opacity proportional to the size*/

	

	/*Speed will also be proportional to the size and opacity*/

	/*More the speed. Less the time in 's' = seconds*/

	-webkit-animation: moveclouds 25s linear infinite;

	-moz-animation: moveclouds 25s linear infinite;

	-o-animation: moveclouds 25s linear infinite;

}



.x3 {

	left: -250px; top: -200px;

	

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	transform: scale(0.8);

	opacity: 0.8; /*opacity proportional to the size*/

	

	-webkit-animation: moveclouds 20s linear infinite;

	-moz-animation: moveclouds 20s linear infinite;

	-o-animation: moveclouds 20s linear infinite;

}



.x4 {

	left: -80px; top: -250px;

	

	-webkit-transform: scale(0.75);

	-moz-transform: scale(0.75);

	transform: scale(0.75);

	opacity: 0.75; /*opacity proportional to the size*/

	

	-webkit-animation: moveclouds 18s linear infinite;

	-moz-animation: moveclouds 18s linear infinite;

	-o-animation: moveclouds 18s linear infinite;

}



.x5 {

	left: -150px; top: -150px;

	

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	transform: scale(0.8);

	opacity: 0.8; /*opacity proportional to the size*/

	

	-webkit-animation: moveclouds 20s linear infinite;

	-moz-animation: moveclouds 20s linear infinite;

	-o-animation: moveclouds 20s linear infinite;

}



.x6 {

	left: -250px; top: 50px;

	

	-webkit-transform: scale(0.68);

	-moz-transform: scale(0.68);

	transform: scale(0.68);

	opacity: 0.8; /*opacity proportional to the size*/

	

	-webkit-animation: moveclouds 17s linear infinite;

	-moz-animation: moveclouds 17s linear infinite;

	-o-animation: moveclouds 17s linear infinite;

}



.x7 {

	left: 150px; top: 20px;

	

	-webkit-transform: scale(0.82);

	-moz-transform: scale(0.82);

	transform: scale(0.82);

	opacity: 0.8; /*opacity proportional to the size*/

	

	-webkit-animation: moveclouds 27s linear infinite;

	-moz-animation: moveclouds 27s linear infinite;

	-o-animation: moveclouds 27s linear infinite;

}



.x8 {

	left: 80px; top: -100px;

	

	-webkit-transform: scale(0.9);

	-moz-transform: scale(0.9);

	transform: scale(0.9);

	opacity: 0.75; /*opacity proportional to the size*/

	

	-webkit-animation: moveclouds 15s linear infinite;

	-moz-animation: moveclouds 15s linear infinite;

	-o-animation: moveclouds 15s linear infinite;

}



@-webkit-keyframes moveclouds {

	0% {margin-left: 1000px;}

	100% {margin-left: -1000px;}

}

@-moz-keyframes moveclouds {

	0% {margin-left: 1000px;}

	100% {margin-left: -1000px;}

}

@-o-keyframes moveclouds {

	0% {margin-left: 1000px;}

	100% {margin-left: -1000px;}

}



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

	TYPOGRAPHY

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

@font-face {

    font-family: 'londrina_outlineregular';

    src: url('fonts/LondrinaOutline-Regular-webfont.eot');

    src: url('fonts/LondrinaOutline-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LondrinaOutline-Regular-webfont.woff2') format('woff2'),

         url('fonts/LondrinaOutline-Regular-webfont.woff') format('woff'),

         url('fonts/LondrinaOutline-Regular-webfont.ttf') format('truetype'),

         url('fonts/LondrinaOutline-Regular-webfont.svg#londrina_outlineregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'londrina_shadowregular';

    src: url('fonts/LondrinaShadow-Regular-webfont.eot');

    src: url('fonts/LondrinaShadow-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LondrinaShadow-Regular-webfont.woff2') format('woff2'),

         url('fonts/LondrinaShadow-Regular-webfont.woff') format('woff'),

         url('fonts/LondrinaShadow-Regular-webfont.ttf') format('truetype'),

         url('fonts/LondrinaShadow-Regular-webfont.svg#londrina_shadowregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'londrina_sketcheregular';

    src: url('fonts/LondrinaSketche-Regular-webfont.eot');

    src: url('fonts/LondrinaSketche-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LondrinaSketche-Regular-webfont.woff2') format('woff2'),

         url('fonts/LondrinaSketche-Regular-webfont.woff') format('woff'),

         url('fonts/LondrinaSketche-Regular-webfont.ttf') format('truetype'),

         url('fonts/LondrinaSketche-Regular-webfont.svg#londrina_sketcheregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'londrina_solidregular';

    src: url('fonts/LondrinaSolid-Regular-webfont.eot');

    src: url('fonts/LondrinaSolid-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LondrinaSolid-Regular-webfont.woff2') format('woff2'),

         url('fonts/LondrinaSolid-Regular-webfont.woff') format('woff'),

         url('fonts/LondrinaSolid-Regular-webfont.ttf') format('truetype'),

         url('fonts/LondrinaSolid-Regular-webfont.svg#londrina_solidregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



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

    RESPONSIVE

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



@media only screen and (min-width:320px) {



}

@media only screen and (max-width:800px) {
	.logo{
		margin:0 auto;
		width:480px;
	} 

	.logo-img{
		width:260px;
		margin:0 auto;

	}
	
	h1.poudarjeno {
	    font-size: 3em;
	    margin: 0;
	    text-shadow: 0px 0px 5px rgba(86,170,255,0.9);
	}

	.text {
 	   padding: 5px 30px;
 	   font-size:14px;
	}



}

@media only screen and (min-width:768px) {



}

@media only screen and (min-width:1024px) {



}

@media only screen and (min-width:1140px) {



}

@media only screen and (min-width:1280px) {



}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {



}



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

    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;

	}

}