/*
 Theme Name:     Hypnotic Stylesheet
 Theme URI:      https://hypnoticowl.com/
 Description:    Twenty Thirteen Hypnotic Extension
 Author:         Hypnotic Owl
 Author URI:     https://hypnoticowl.com/
 Template:       twentytwelve
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../twentytwelve/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */
body {
    background-attachment: fixed, fixed, fixed, fixed, fixed;
    background-color: #000000;
    background-image: url("img/trees_front.png"), url("img/glimmer.png"), url("img/trees_middle.png"), url("img/trees_back.png"), url("img/bg.jpg");
    background-position: center 100px, center 275px, center 90px, center 60px, center 22px;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    color: #FFF0D1;
    font-family: 'Karla',sans-serif;
    font-size: 12pt;
    margin: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0;
    text-rendering: optimizelegibility;
    min-width:900px;
}
a {
    color: #FFCC66;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    outline:none!important;
}
a:hover {
    text-decoration: underline;
}
.plug {
	border-radius:20px;
	border:1px solid white;
	margin-left:-1px;
}
.out-now, .play-here, .wishlist-now {
     background: rgba(0, 0, 0, 0) repeat scroll 0% 0%;
     display: inline-block;
     height: 25px;
     margin-top: -25px;
     position: relative;
     top: 48px;
     width: 115px;
}
.out-now {
     background-image: url("img/banner-outnow.png");
}
.wishlist-now {
     background-image: url("img/banner-wishlist.png");
     width: 120px;
}
.play-here {
     background-image: url("img/banner-play.png");
}
.out-now.dark {
     background-image: url("img/banner-outnow-dark.png");
}
.play-here.dark {
     background-image: url("img/banner-play-dark.png");
}
.cat-android, .cat-html5, .cat-ios, .cat-steam {
     background: rgba(0, 0, 0, 0) repeat scroll 0% 0% / 30px auto;
     display: inline-block;
     height: 30px;
     left: -10px;
     float:right;
     margin-left:4px;
     opacity: 0.3;
     position: relative;
     top: -48px;
     width: 30px;
}
.cat-steam {
     background-image: url("img/steam.png");
}
.cat-android {
     background-image: url("img/android.png");
}
.cat-html5 {
     background-image: url("img/html5.png");
}
.cat-ios {
     background-image: url("img/ios.png");
}
.cat-steam.dark {
     background-image: url("img/steam-dark.png");
}
.cat-android.dark {
     background-image: url("img/android-dark.png");
}
.cat-html5.dark {
     background-image: url("img/html5-dark.png");
}
.cat-ios.dark {
     background-image: url("img/ios-dark.png");
}

article dd.wp-caption-text.gallery-caption {
    display: none;
}
article dl.gallery-item {
    margin:0;
}
em {
    font-style:normal;
    #font-size:125%;
    #font-variant:small-caps;
    text-transform:uppercase;
}
form .blurred {
	color:#888;
}
iframe {
	border-radius: 5px;
}
img.game-banner {
    margin:0!important;
    border-radius:18px;
}
img.game-banner.small {
	margin-right: 10px!important;
	border-radius: 9px;
	margin-bottom: -10px!important;
}
a:nth-of-type(2n) img.game-banner.small {
	margin-right: 0!important;
}
img {
    border-radius: 5px;
    margin: 5px 0!important;
}
img.attachment-post-thumbnail {
    display:none;
}
img[align="left"] {
    margin-right: 25px !important;
}
img.aligncenter {
    display:block;
    margin: 5px auto!important;
}
img[align="right"] {
    margin-left: 25px !important;
}
.post h1.entry-title {
    font-size: 120%;
    padding-bottom:0!important;
    margin-bottom:0!important;
    width:100%;
}
.share-fix {
    #margin-top:-16px;
    #z-index:100;
}
.synved-social-button {
     position:relative;
     left:450px;
     top:3px;
     margin-bottom:-24px;
}
.synved-social-button img
{
     margin-bottom:-24px;
}
.post .entry-content iframe {
    width:592px;
}
.page .entry-header h1 {
    display:none;
}
.error404, .no-results, .not-found {
    margin-top:85px!important;
}
.page-header{
    width:579px;
    height:75px;
    position:relative;
    top:-20px;
    #margin:-75px 0;
}
.page-header#Home
{
    background:url('img/home.png') no-repeat;
}
.page-header#Blog
{
    background:url('img/blog.png') no-repeat;
}
.page-header[id="About Us"]
{
    background:url('img/aboutus.png') no-repeat;
}
.page-header#Games
{
    background:url('img/games.png') no-repeat;
}
.page-header#Contact
{
    background:url('img/contact.png') no-repeat;
}
.page-header#Shop
{
    background:url('img/shop.png') no-repeat;
	position:relative;
	top:-30px;
}
.page-header#newsletter
{
    background:url('img/newsletter3.png') no-repeat;
	position:relative;
	top:-30px;
	#left:-50px;
	width:660px;
}
.page-header#Services
{
    background:url('img/services.png') no-repeat;
	position:relative;
	top:-30px;
}
#newsletter-preview {
	border-left:1px solid rgba(0,0,0,.25);
	float:right;
	width: 230px;
	margin-top:20px;
	margin-left:25px;
	padding:60px 0;
	padding-left:25px;
}
.sprd-header-image {
    display:none!important;
}
.SprdMain {
	margin-left:0!important;
}
.customPageBackground.sprd-TileOverlay, .customPageBackground.sprd-overlayView {
	background-color:#000!important;
}
.customPageBackground {
	background-color:rgba(0,0,0,0)!important;
}
.customFooter, .sprd-footer {
    font-size:12px!important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #5858df;
    color: #77d;
    text-shadow: 2px 1px 0 rgba(26, 26, 67, 0.9);
}
h2, h3, h4, h5, h6 {
    clear: both;
    color: #ACACEF;
    font-family: 'Peralta';
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
	}
h1, h2 {
    text-transform: uppercase;
}
h1 {
    color: #FFAB00;
    font-family: 'Peralta';
    font-size: 175%;
    font-weight: normal;
    letter-spacing: 10px;
	clear:none;
}
h2 {
    font-size: 175%;
    letter-spacing: 3px;
    margin-top: 25px !important;
    text-align: center;
    text-shadow: 1px 1px 0 #473D8F;
}
h3 {
    font-size: 125%;
    letter-spacing: 1px;
    text-align: left;
    color: #fff0d1;
}
h4 {
    color: #FFF0D1;
    font-size: 100%;
    letter-spacing: 3px;
    margin-top: 20px !important;
    text-align: left;
}
h5, h6 {
    color: #000000;
    font-weight: bold;
    text-align: left;
    text-shadow: none;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: none none none;
    width: 100%;
    background: url("img/linie.png") no-repeat scroll center;
    height:5px;
    margin-top: 0px;
}
span[id*="more"] {
    height:65px;
    display:block;
    margin-top:-65px;
    margin-bottom:-20px;
}
header.site-header {
    background-image: url("img/owl_logo_web2.png");
    background-repeat:no-repeat;
    height: 330px;
    left: 282px;
    margin-bottom: -330px;
    margin-right: -450px;
    position: relative;
    top: -318px;
    width: 582px;
}
.title {
    left: 390px;
    max-width: 415px;
    position: absolute;
    top: 257px;
}
.clear {
    clear: both;
}
.site {
    #background-color: rgba(26, 26, 67, 0.75);
    background-color: rgba(38, 33, 95, 0.75);
    background-image: url("img/borderleft.png"), url("img/borderright.png");
    background-position: left center, right center;
    background-repeat: repeat-y, repeat-y;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    line-height: 1.55;
    margin: 310px auto 16px;
    max-width: 828px;
    min-height: 300px;
    padding: 10px 36px;
}
.site-cont ent article {
    -moz-hyphens: auto;
    word-wrap: break-word;
}
.page {
    text-align:center;
}
.post {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    margin: 10px 0;
    padding: 1px 20px;
    width: 590px;
}
.entry-content {
    display: inline-block;
    margin: 0 auto;
    max-width: 700px;
    position: relative;
    text-align: justify;
    top: 10px;
}
.entry-content-blog {
    display: inline-block;
    max-width: 790px;
    position: relative;
    text-align: justify;
}
.entry-title {
    display: inline-block;
    position: relative;
}
.alignright {
    float: right;
}
input#s {
    width:124px;
}
#primary {
    position:relative;
    margin-top:-65px;
}
#primary, #secondary {
    display:inline-block;
    vertical-align:top;
}
#secondary {
    #float: right;
    margin-top: -5px;
    padding: 5px 10px 10px 20px;
    width: 160px;
}
#secondary ul {
    padding-left: 25px;
}
#searchform {
    margin-top: 20px;
    margin-bottom: 25px;
    margin-right:0;
    #padding-bottom: 25px;
}
#searchform input[type=text] {
    height: 18px;
    border-radius:6px 0 0 6px;
    padding:2px 5px;
    margin-right:-5px!important;
    width:120px;
}
#searchform label {
    display: none;
}
#searchtext {
    background: none repeat scroll 0 0 #fff0d1;
    color: #1A1A43;
    font-family: 'Karla', sans-serif;
    font-weight: normal;
    float: left;
    font-size: 12px;
    position: absolute;
    width: 145px;
    border-radius: 5px 0 0 5px;
    border: none;
    height: 20px;
    opacity: 0.95;
    font-style: italic;
    text-align: center;
}
#searchsubmit {
    #background: none repeat scroll 0 0 #acacef;
    background: none repeat scroll 0 0 #9ae;
    color: #1a1a43;
    font-family: 'karla';
    font-weight: bold;
    letter-spacing: 1px;
    display:inline-block;
    font-size: 12px;
    position: relative;
    top:-1px;
    z-index: 5;
    margin-right:-5px;
    width: 30px;
    border-radius: 0 5px 5px 0;
    border: none;
    height: 24px;
    opacity: 1;
    text-transform: uppercase;
}
.nav-single {
    text-align:center;
    width:630px;
}
.nav-previous {
    margin-right:20px;
}
.comments-link
{
    margin-bottom: 20px;
}
.comment-form-comment #comment {
    width:500px;
}
.comment-form label {
    display:block;
}
.form-allowed-tags {
    display:none;
}
footer {
    color: #444466;
    cursor: default;
    font-size: 9pt;
    margin-top: 8px;
    margin-bottom: 16px;
}
footer a {
    color: #444455;
    font-weight: bold;
    text-shadow: none;
}
footer a:hover {
    color: #888899;
    text-decoration: none;
}
nav#footer-nav ul {
    margin: 0 0 3px;
    padding: 0;
}
nav#footer-nav li {
    display: inline;
    padding: 0 3px;
}
.quick-nav {
    border: 1px dashed #FFFFFF;
    float: right;
    padding: 10px 5px;
    width: 250px;
}
.quick-nav ul {
    color: #FFCC00;
    line-height: 2;
    list-style-type: upper-roman;
    margin: 0;
    padding: 0 0 0 38px;
}
.quick-nav a {
    font-size: 12pt;
}
.main-navigation {
    width:900px;
    margin-top: 24px;
    text-align: center;
    z-index: 1000;
}
.main-navigation ul {
    list-style: none outside none;
    padding: 0;
}
.main-navigation li {
    font-size: 14px;
    margin-top: 24px;
}
.main-navigation a {
    color: #5858DF;
}
.main-navigation a:hover {
    color: #FFAB00;
}
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: none;
}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
    display: inline-block;
}
.lang-widget img, .social-widget img {
    margin: 0 0 0 2px !important;
}
.classified {
    color:rgba(0,0,0,.5);
    text-shadow:0px 0px 3px rgba(0,0,0,.8);
}
.podcast-host-icon {
    margin-right:6px!important;
}
.slb_content {
	margin-bottom:10px;
}
.game-thumb.row-one {
	margin-right:20px!important;
	margin-bottom:0px!important;
}
.game-thumb.row-two {
	margin-bottom:0px!important;
}
.service-link {
	text-decoration: none!important;
}
.service-container a {
	text-decoration: none;
}
.service-container {
	border-radius: 18px;
	width: 700px;
	height: 175px;
	overflow: hidden;
	margin: 25px 0;
}
.service-container .service-info {
	color: #fff;
	position: relative;
	top: 60px;
	text-align: center;
	z-index: 10;
}
.service-container .service-title {
	font-size: 36px;
    text-transform: uppercase;
}
.service-container .service-desc {
	opacity: 0;
}
.service-container#gamedev {
	background:url('https://hypnoticowl.com/wordpress/wp-content/uploads/2018/03/gamedesign2.png') center no-repeat;
}
.service-container#webdev {
	background:url('https://hypnoticowl.com/wordpress/wp-content/uploads/2018/03/webdev.png') center no-repeat;
}
.service-container#music {
	background:url('https://hypnoticowl.com/wordpress/wp-content/uploads/2018/03/music.png') center no-repeat;
}
.service-container#compositing {
	background:url('https://hypnoticowl.com/wordpress/wp-content/uploads/2018/03/compositing.png') center no-repeat;
}
.tnp-subscription {
    margin: 0!important;
    max-width: 416px!important;
}
.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"], .tnp-subscription select {
    height: 40px!important;
    padding: 5px 10px!important;
}
#secret {
    background:url('img/secret.png') center no-repeat;
    display:block;
    width:900px;
    height:350px;
    margin-bottom:-350px;
    position:relative;
    left:-100px;
    top:220px;
}
	.site {
		border-radius: 8px 8px 8px 8px;
	}
	.main-navigation {
		background: repeat scroll 0 0 #000000;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.33);
		margin-top: 0 !important;
		position: fixed;
		top: 0;
		width:100%;
                cursor:default;
	}
	.main-navigation .lang-widget, .main-navigation .social-widget {
		cursor: default;
		position: fixed;
		top: 14px;
		#right: 434px;
		margin-left: 232px;
		width:157px;
	}
	.main-navigation .lang-widget {
		left: 50%;
		margin-left: 333px;
	}
	.main-navigation .lang-widget img, .main-navigation .social-widget img {
		margin-left: 5px;
		width: 23px;
	}
	.main-navigation .lang-widget a, .main-navigation .social-widget a {
		margin: 0;
		opacity: 0.66;
		padding: 0;
	}
	.main-navigation .lang-widget a:hover, .main-navigation .social-widget a:hover {
		opacity: 1;
	}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		background: url('img/ho-logo.png') no-repeat scroll 10px 3px #000000;
		border-bottom: 1px solid black;
		display: inline-block !important;
		font-family: 'Karla';
		letter-spacing: 1px;
		width: 900px;
		text-align: left;
	}
	.main-navigation #menu-item-30 {
                width:110px;
                height:48px;
                overflow: hidden;
                margin-bottom:-20px;
                margin-right:3px;
	}
	.main-navigation #menu-item-30 a {
                width:110px;
                height:48px;
                text-indent: 100%;
                white-space: nowrap;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a, .main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0 none;
		color: #ACACEF;
		font-weight: normal;
		padding: 15px 15px;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		#color: #7766EE;
		color: #FFAB00;
	}
	.main-navigation li {
		margin-top: 0;
		position: relative;
	}
	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
		color: #FFAB00;
		font-weight: normal;
	}
	.menu-toggle, .assistive-text {
		display: none;
	}
	.logo {
		color: #ACACEF;
		font-family: 'Peralta';
		font-size: 200%;
		left: 50px;
		letter-spacing: 2px;
		margin-right: 100px;
		text-align: center;
		text-transform: uppercase;
	}
	.eyes {
		padding-top: 9px;
		position: fixed;
		width: 40px;
	}

.gallery {
    margin: 10px 0!important
}
#gallery-1 img {
    border: 2px solid #669!important;
}

#sale-banner {
	display:block;
    position: absolute;
    left:100%;
    margin-left: -230px;
    top:42px;
    z-index: 1000;
}

.wpcf7-textarea {
	width:100%;
}

@media screen and (min-width: 900px) {
    body {
        overflow-x:hidden;
    }

    header.site-header {
        width:850px;
    }
}