/*
Theme Name: winsemiusworks.com
Theme URI: http://underscores.me/
Author: Daco de la Bretoniere | Lazzo.nl
Author URI: http://lazzo.nl
Description: A custom theme specifically build for winsemiusworks.com
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: winsemiusworks-com
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 winsemiusworks.com is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}

body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
}

body > h1 { background: url("images/logo-white.png") no-repeat scroll left bottom / 80px auto rgba(0, 0, 0, 0); position: fixed; z-index: 100; background-size: 80px; bottom: 10px; color: transparent; font-size: 0; height: 91px; left: 33px; width: 121px; }
body > h1 { display: none; }

p a,
	p a:hover { color: #000; text-decoration: underline; }



#masthead { background: rgba(40, 40, 40, 0.5); height: 27px; position: fixed; top: 0; width: 100%; z-index: 20; padding: 5px 0 0px 0px; text-align: right; font-size: 10px; letter-spacing: 2px; }
#masthead li { display: inline; text-transform: uppercase; margin: 0 20px 0 0; }

#masthead li a { color: #fff; }

#site-navigation {
	position: fixed;
	top: -50px;
	right: 10px;
	z-index: 1000; display: none;
}

.category_boundry {
	position: relative; min-height: 400px;
}

.category_home {}
.category_home p { color: #fff; font-size: 25px; margin: 120px 40px 0 33px; }

.category_boundry.home .category_description h1 {
	background-image: url("images/logo.png"); font-size: 0; height: 56px; margin: -100px 0 0 0; position: absolute; text-indent: -99999px; top: 50%; width: 150px;
}
.category_boundry.home h2 { font-family: Verdana !important; font-size: 15px; font-weight: normal; left: 210px; margin: -57px 0 0 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50%; z-index: 50;}

@media screen and (max-device-width: 640px) {
	.category_boundry.home h2 {
		left: 0px;
	}
	.category_boundry.home h2:after {
		content:url("images/logo.png");
		position: fixed;
		top: 12px; left: 17px;
		-webkit-transform: scale(0.35); -webkit-transform-origin: 0 0;
	}
}


.category_posts article.background-article {
	background-size: cover;
}



.category_description {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30; text-align: left; background-color: #fff; border: 3px solid #000; padding: 14px 155px 14px 33px; right: 0;
}
.category_home .category_description { background-color: transparent; border-color: #fff; border-left: none; border-right: none; border-top: none; margin-left: 33px; margin-right: 33px; padding-left: 0; padding-right: 0; }
.category_home .category_description h2 { color: #fff; font-weight: 400; }

@media screen and (max-width: 640px) {
	body > h1 { display: none; }
	.category_description { padding: 14px 155px 14px 33px; }
}

.category_description h2 {
	color: #000;
	font-size: 43px; letter-spacing: 2px;
}
.category_description p {
font-family: 'bankgothic_md_btmedium'; color: #fff; text-shadow: 0px 0px 3px #000;
}

nav.category-navigation {
	text-align: right;
	border-radius: 6px; padding: 5px; position: absolute; right: 43px; top: 39px; z-index: 30;
}

@media screen and (max-width: 640px) {
	nav.category-navigation { display: none; }
}

nav.category-navigation a { display: inline-block; vertical-align: top;}
nav.category-navigation .category-navigation-bullet { border: 1px solid #000; border-radius: 10px; display: inline-block; height: 10px; margin: 0px 7px; vertical-align: middle; width: 10px; position: relative; top: 1px; }
nav.category-navigation .category-navigation-bullet.active { background: #000; }
a.category-navigation-left, a.category-navigation-right { background: url(images/arrows.png); display: inline-block; height: 27px; width: 23px; outline: none !important; }
a.category-navigation-right { background-position: 24px 0; margin: 0 0 0 3px; }

nav.category-navigation a:first-child:hover, nav.category-navigation a:last-child:hover {

}

.category_posts {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	white-space: nowrap; overflow: hidden;
	font-size: 0; z-index: 1;
}

/*only use static effect on desktops*/
@media screen and (min-device-width: 1024px) {
	.category_posts.active {
		position: fixed;
		top: 0px; z-index: 0;
	}
}

@media screen and (max-device-width: 1024px) {
	.category_posts {
		overflow-x: auto; bottom: 0; white-space: nowrap; z-index: 1;
	}
}


.category_posts article {
	font-size: 16px;
	background: rgba(255, 255, 255, 0.9);
	height: 100%;
	width: 100%; display: inline-block; vertical-align: top;
	overflow: hidden;
}

/* First articles span across viewport, consecutive articles width are set by javascript */
.category_posts article:first-child { width: 100% !important; }

/* Except for mobile */
@media screen and (max-device-width: 640px) {
	.category_posts article { width: 100% !important; font-size: 16px; }
}

a[data-widget="to-content"] {
    background: url("images/arrow-down.png") no-repeat scroll center center transparent;
    display: block;
    height: 100px;
    position: absolute;
    width: 100px;
    z-index: 1; bottom: 0; cursor: pointer; font-size: 0; left: 50%; text-indent: -9999px; margin: 0 0 0 50px;
}
@media screen and (max-device-width: 640px) {
	a[data-widget="to-content"] {
		margin: 0 0 0 -50px;
	}
}
.category_posts * { white-space: normal; }

.category-subpage { margin: 140px 40px 0; }

/*iPhone*/
@media screen and (max-device-width: 640px) {
	.category-subpage { -webkit-transform: scale(0.4); -webkit-transform-origin: 0 0; margin: 140px 40px 0; }
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.category-subpage { -webkit-transform: scale(0.74); -webkit-transform-origin: 0 0; margin: 140px 40px 0; }
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.category-subpage { -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0; margin: 140px 40px 0; }
}


.category-subpage h2 { display: none;
}
.category-subpage h2 a {
	color: #000;
}

.category-subpage div img { width: 717px; }


.category-subpage div {
	margin-top: 1px;
	padding: 0; height: 400px; overflow: hidden;
}

.category-subpage ul {
    list-style: none;
    padding: 0;
	width: 740px; margin: 3px 0 0 -9px;
}

.category-subpage li {
    display: inline-block;
    padding: 0; cursor: pointer; vertical-align: middle; margin: 10px;
}

.category-subpage li.active { outline: 1px solid #000;
}

.category-subpage li span { display: block; font-size: 40px; height: 51px; text-align: center; width: 125px;
}

.mobile-menu {
	background: url("images/menu.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: block; height: 18px; width: 22px;
}

#page { position: relative; }
div[data-widget="to-top"] { background: none repeat scroll 0 0 #fff; bottom: 15px; position: absolute; z-index: 1000; border: 1px solid; font-size: 18px; height: auto; left: 50%; line-height: 15px; margin: 0; padding: 1px 4px 6px 6px; text-align: center; top: auto; border-radius: 8px; cursor: pointer; }

@media screen and (max-device-width: 640px) {
	div[data-widget="to-top"] { margin: 0; bottom: 15px; }
}