/*
Theme Name: Unenkulkija.net 2021 updated commericial template
Theme URI: http://www.unenkulkija.net
Description: Professional and personal template for the client site Unenkulkija.net
Version: 5.2 
License: All rights reserved
Tags: Light, mystical, owl
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
    outline: 0;
}
body {
    background: #fff;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


/* =Structure
----------------------------------------------- */

*
{
	transition: all 0.3s;
}

@font-face
{
    font-family: 'woff';
    src: url('/wp-content/themes/unenkulkija2021/img/woff.woff');
}

html
{
	margin:0px;
	overflow-x: hidden;
}

body
{
	background:#000;
	margin:0px;
	padding:0px;
	font-family:woff;
	overflow-x: hidden;
}

#videobackground
{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index:-100;
}

#header
{
	position:relative;
	width:*;
	min-height:300px;
}

#header-logo { position:absolute; border-style:none;}
#header-fxlogo { position:absolute; }
#header-sitedesc { position:absolute; color:#fff; }
#header-menu { position:absolute; color:#c7c5c2; }
#header-menu A { color:#EC5300; text-decoration:none; }
#header-menu A:hover { color:#f90; text-decoration:none; border-style:none none dotted none; border-width:1px; border-color:#f90;}
#content { color:#ccc;filter: drop-shadow(2px 2px 2px #000);}
#content A { color:#f90; }
#content ul {  list-style: disc; margin-top:1vw; margin-bottom:1vw;}
#content-errors { color:#fff; background:#a00; padding:5px; border:1px solid #f00;}
#content h1 { color: #f90; }
#content h2 { color: #f90; }
#content strong { color: #747474; font-weight:bold;}
#widget-title { color: #747474; }
#widget-holder { color:#747474; }
#widget-holder A { color:#2c365c; }
#sidebar A { text-decoration:none;}
#sidebar ul {  list-style: none;;}
.entry-meta { color:#2c365c; }
.entry-meta A { color:#747474; }
.quiztool-admin { font-family:Arial; }

@media screen and (min-width: 0px) 
{
	#header-background { height:160px; }
	#header-logo { height:59px; top:25px; left:15px;}
	#header-fxlogo { display:none;}
	#header-sitedesc { display:none;}
	#header-menu { display:block; top:90px; left:10px; font-size:14pt; line-height:20pt; }
	#content { margin-top:20px;margin-left:5vw; font-size:16pt; line-height:20pt; float:width:90vw;}
	#content p { margin-bottom:20pt; }
	#content h1 { font-size:25pt; line-height:25pt;}
	#widget-title { font-size:30pt; }
	#widget-holder { margin-bottom:30px; }
	#sidebar { font-size:30pt; text-align:center; margin-top:40px;width:90vw; display:none;}
	#sidebar LI { margin-bottom:2vw;}
	#copyright { margin-top:2vw; margin-bottom:2vw;color:#444;font-size:12pt; line-height:12pt;}
	#content li { margin-left: 1.2vw; } 
	#article-footerinfo { margin-top: 2vw; }
	.fb-like { margin-top:1vw; }
	.entry-meta { line-height:20pt;}
}

@media screen and (min-width: 800px) 
{
	#header-background { height:240px;	}
	#header-logo { height:88.5px; top:50px; left:30px;}
	#header-fxlogo { display:block;height:240px; top:0px; right:0px;}
	#header-sitedesc { display:block; top:130px; left:30px; font-size:15pt;}
	#header-menu { display:block; top:180px; left:30px; font-size:12pt; }
	#content { margin-top:20px;margin-left:5vw; font-size:16pt; line-height:20pt; float:width:90vw;}
	#content p { margin-bottom:20pt; }
	#content h1 { font-size:25pt; line-height:25pt;}
	#widget-title { font-size:30pt; }
	#widget-holder { margin-bottom:30px; }
	#sidebar { font-size:30pt; text-align:center; margin-top:40px;width:90vw; display:none;}
	#sidebar LI { margin-bottom:2vw;}
	#copyright { margin-top:2vw; margin-bottom:2vw;}
	#content li { margin-left: 1.2vw; } 
	#article-footerinfo { margin-top: 2vw; }
	.fb-like { margin-top:1vw; }
	.entry-meta { line-height:20pt;}
}

@media screen and (min-width: 1080px) 
{
	#header-background { height:320px; }
	#header-logo { height:118px; top:50px; left:50px;}
	#header-fxlogo { display:block;height:293px; top:20px; right:0px;}
	#header-sitedesc { display:block; top:160px; left:50px; font-size:20pt;}
	#header-menu { display:block; top:250px; left:30px; font-size:18pt; }
	#content { margin-top:20px;margin-left:5vw; font-size:20pt; line-height:25pt; float:left; width:60vw;}
	#content p { margin-bottom:20pt; }
	#content h1 { font-size:31pt; line-height:31pt;}
	.content-quiztool-label { display:block;}
	.content-quiztool-field { display:block; font-size: 20pt;}
	#widget-title { font-size:30pt; }
	#widget-holder { margin-bottom:30px; }
	#sidebar { float:left; font-size:30pt; text-align:center; margin-top:40px;width:30vw; display:block;}
	#sidebar LI { margin-bottom:2vw;}
	#copyright { margin-top:2vw; margin-bottom:2vw;}
	#content li { margin-left: 1.2vw; } 
	#article-footerinfo { margin-top: 2vw; }
	.fb-like { margin-top:1vw; }
	.entry-meta { line-height:20pt;}
	
}