/*
Theme Name: Salveris
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salveris
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.

Salveris is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */

* {
	padding:0;
	margin:0;
	font-family:"Open Sans",sans-serif;
}

html,body {
	height:100%;
	width:100%;
	font-size:16px;
	line-height:1.2em;
}

body {
	text-align:center;
	padding-bottom:1px;
	background:#5E91C6 !important;
}

#page {
	padding:0 0 200px 0 !important;
	min-width:320px;
}

#profile-iframe {
	position:absolute;
	top:0;
	left:0;
	border:none;
	background:none;
	height:10px;
	width:10px;
	overflow:hidden;
}

/* header */

header.site-header .site-branding {
	height:auto;
	background:#314B96;
	color:white;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}

header.site-header .site-branding  h1,
header.site-header .site-branding  h2 {
	text-indent:-9999px;
	position:absolute;
}

header.site-header .site-branding .site-logo  {
	width:40%;
	display:inline-block;
	vertical-align:middle;
}

header.site-header .site-branding img {
	max-width:100%;
}

header.site-header .site-branding .top-navigation {
	width:48%;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
	padding-top:35px;
	padding-bottom:5px;
}

@media screen and (max-width:640px) {
	header.site-header .site-branding .top-navigation {
		width:35%;
		line-height:1.3em;
		font-size:90%;
		padding-top:5px;
	}
}

header.site-header .site-branding .top-navigation li {
	display:inline-block;
	padding:0 10px;
	font-size:80%;
}

header.site-header .site-branding .nikken-logo  {
	width:12%;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
}

@media screen and (max-width:640px) {
	header.site-header .site-branding .nikken-logo  {
		width:25%;
	}
}

header.site-header .site-branding .nikken-logo img {
	max-width:90%;
}


header.site-header .site-branding .inner {
	max-width:1280px;
	min-width:280px;
	text-align:left;
	margin:0 auto;
	padding:5px 15px 0;
	box-sizing:border-box;
}

header.site-header .site-branding .inner:after {
	display:block;
	clear:both;
}

header.site-header a {
	color:white;
	text-decoration:none;
}

/* header image */

header.site-header .site-image {
	height:auto;
	background:#8CBAEB;
	color:white;
}

header.site-header .site-image .inner {
	max-width:1200px;
	min-width:280px;
	text-align:left;
	margin:0 auto;
	padding:20px;
	box-sizing:border-box;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
}

header.site-header .site-image .inner:after {
	display:block;
	padding-top:24%;
	content:" ";
}

/* main navigation */

header.site-header .main-navigation {
	height:auto;
	background:#314B96;
	color:#DFF3F7;
}

header.site-header .main-navigation.floating {
	position:fixed;
	top:78px;
	left:0;
	width:100%;
	z-index:2;
}

header.site-header .main-navigation .inner {
	max-width:1280px;
	min-width:320px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

header.site-header .main-navigation li {
	display:inline-block;
}

header.site-header .main-navigation li  a {
	display:inline-block;
	padding:15px;
	font-weight:bold;
	color:#DFF3F7;
	font-size:105%;
}

@media screen and (max-width:640px) {
	header.site-header .main-navigation li  a {
		padding:10px 6px;
		font-size:90%;
	}
}

header.site-header .main-navigation li  a:hover,
header.site-header .main-navigation li  a:focus,
header.site-header .main-navigation li  a:active {
	color:white;
}

header.site-header .main-navigation li.current_page_item  a ,
header.site-header .main-navigation li.currentLink  a {
	background:#3E6AB3;
	color:white;
}

body.onepage header.site-header .main-navigation li.current_page_item  a  {
	background:none;
	color:#DFF3F7;
}

body.onepage header.site-header .main-navigation li.current_page_item  a:hover,
body.onepage header.site-header .main-navigation li.current_page_item  a:focus,
body.onepage header.site-header .main-navigation li.current_page_item  a:active {
	color:white;
}

/* content */

#content {
	background:#5E91C6;
	padding:0 0 50px 0;
	text-align:center;
}

body.onepage .pagebox {
	background:#3E6AB3;
	padding:50px 0 0;
	text-align:center;
	position:relative;
}

#content h1.page-title,
#content h1.entry-title {
	color:#DFF3F7;
	font-weight:bold;
	background:#314B96;
	text-transform:uppercase;
	padding:15px;
}

@media screen and (max-width:640px) {
	#content h1.page-title,
	#content h1.entry-title {
		font-size:90%;
	}
}

body.search #content h1.entry-title {
	max-width:1280px;
	background:white;
	margin:auto;
	box-sizing:border-box;
}

body.search #content h1.entry-title a {
	color:#ee6600;
}

#content .entry-content,
#content .entry-summary,
#content .page-content {
	max-width:1280px;
	min-width:280px;
	margin:0 auto;
	background:white;
	box-sizing:border-box;
	padding:20px 0 20px;
}

@media screen and (max-width:640px) {
	#content .entry-content,
	#content .page-content {
		padding:10px 0 20px;
	}
}

#content .entry-summary  {
	padding:10px 0;
	margin-bottom:20px;
}

#content .entry-content.products,
#content .entry-content.blog {
	background:#3E6AB3;
	padding-top:0;
	padding-bottom:20px;
}

#content .entry-content.products.singlepage {
	margin-top:30px;
	padding-bottom:0;
	background:#5E91C6;
}

#content .entry-content.search {
	background:#5E91C6;
	color:white;
}

#content .entry-content a,
#content .page-content a {
	color:#ee6600;
	font-weight:bold;
	text-decoration:none;
}

#content .entry-content  a:hover,
#content .entry-content  a:active,
#content .entry-content  a:focus,
#content .page-content a:hover,
#content .page-content a:focus,
#content .page-content a:active {
	color:black;
}

#content .entry-content h2,
#content .page-content h2 {
	line-height:1.2em;
	padding:35px 10px 40px;
	font-size:175%;
	color:#ee6600;
	font-weight:bold;
	max-width:750px;
	margin:0 auto;
}

@media screen and (max-width:640px) {
	#content .entry-content h2,
	#content .page-content h2 {
		font-size:125%;
		padding:10px 10px 20px;
	}
}

#content .entry-content h3,
#content .page-content h3 {
	line-height:1.2em;
	padding:24px 10px 12px;
	font-size:115%;
	color:black;
	font-weight:bold;
	max-width:700px;
	margin:0 auto;
	text-align:left;
}

@media screen and (max-width:640px) {
	#content .entry-content h3,
	#content .page-content h3 {
		font-size:105%;
		padding:18px 10px 12px;
	}
}

#content .entry-content p,
#content .entry-content ul,
#content .entry-content ol,
#content .entry-content table,
#content .entry-summary p,
#content .page-content p,
#content .page-content ul,
#content .page-content table {
	color:black;
	line-height:1.4em;
	max-width:700px;
	text-align:left;
	margin:auto;
	padding:0 20px 12px;
}

#content .entry-content ol,
#content .entry-content ul,
#content .page-content ol,
#content .page-content ul  {
	padding-left:80px;
}

@media screen and (max-width:640px) {
	#content .entry-content ol,
	#content .entry-content ul,
	#content .page-content ol,
	#content .page-content ul {
		padding-left:40px;
	}
}

#content .entry-content li,
#content .page-content li {
	padding-bottom:6px;
}

#content .entry-content ul li,
#content .page-content ul li {
	list-style-type:square;
}

#content .entry-content .teaser-text p {
	text-align:center;
	font-size:125%;
	max-width:800px;
	font-weight:bold;
	padding-bottom:30px;
}

#content .entry-content.products .teaser-text p {
	padding-top:20px;
	color:white;
}

@media screen and (max-width:640px) {
	#content .entry-content .teaser-text p {
		font-size:105%;
		padding-bottom:25px
	}
}

#content .anchor-position {
	display:block;
	position:absolute;
	top:0;
}

#content .post-header-image {
	margin-top:-20px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

#content .post-header-image:after {
	display:block;
	content:" ";
	padding-top:16%;
}

.aligncenter {
	text-align:center;
	margin:auto;
}

figcaption {
	font-size:90%;
	line-height:1.3em;
	font-style:italic;
	padding:5px 10px;
}

figure,
figure img {
	max-width:100%;
	height:auto;
}

/* entry footer */

#content footer.entry-footer {
	background:white;
	max-width:1280px;
	min-width:280px;
	margin:0 auto;
}

#content .post-edit-link {
	color:#5E91C6;
	font-weight:bold;
	padding:10px;
	display:inline-block;
	font-size:120%;
	text-decoration:none;
	background:white;
}

/* comments */

#comments {
	max-width:1280px;
	min-width:280px;
	background:white;
	padding:0 20px 50px;
	box-sizing:border-box;
	margin:0 auto;
}

@media screen and (max-width:640px) {
	#comments {
		padding:10px;
	}
}

#comments .avatar {
	display:none;
}

#comments  a {
	color:#ee6600;
	font-weight:bold;
	text-decoration:none;
}

#comments  a:hover,
#comments  a:active,
#comments  a:focus{
	color:black;
}

#comments h2{
	line-height:1.2em;
	padding:20px 0;
	font-size:140%;
	color:#ee6600;
	font-weight:bold;
	text-transform:uppercase;
	max-width:700px;
	margin:0 auto;
}

#comments .comment-list {
	max-width:700px;
	margin:0 auto;
	text-align:left;
	list-style:none;
}

#comments .comment-list ol {
	list-style:none;
	margin-left:20px;
	padding-left:0;
}

#comments .comment-list li {
	background:#f0f0f0;
	border-radius:3px;
	padding:10px 12px 10px 10px;
	box-sizing:border-box;
	margin-bottom:10px;
}

#comments .comment-list li  div {
	padding-bottom:6px;
}

#comments h3{
	line-height:1.2em;
	padding:20px 0;
	font-size:130%;
	color:#ee6600;
	font-weight:bold;
	text-transform:uppercase;
}

#comments  p {
	padding-bottom:12px;
}

#respond {
	max-width:700px;
	margin:0 auto;
	text-align:left;
}

.form-allowed-tags {
	display:none;
}

/* forms */

#content form label {
	display:block;
	font-weight:bold;
}

#content textarea,
#content input[type="search"],
#content input[type="text"],
#content input[type="url"],
#content input[type="email"],
#content input[type="tel"],
#content select {
	border:1px solid #314B96;
	font-size:120%;
	background:#f0f0f0;
	padding:3px;
	border-radius:3px;
	width:100%;
	box-sizing:border-box;
}

#content select {
	width:auto;
}

#content input.search-field {
	width:300px;
	max-width:100%;
	margin-bottom:10px;
}

#content input[type="submit"] {
	background:#314B96;
	border:none;
	border-radius:3px;
	color:white;
	font-size:120%;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 20px;
	cursor:pointer;
}

/* product links */
#content .product-linklist {
	color:black;
	line-height:1.4em;
	max-width:720px;
	text-align:left;
	margin:10px auto 0;
	padding:0 20px 0;
	text-align:left;
}

#content .product-linklist:after {
	display:block;
	content:" ";
	clear:both;
}

#content .product-linklist figure {
	border:5px solid #dfdfdf;
	padding:5px;
	margin:0 5px 10px;
	display:inline-block;
	vertical-align:top;
	width:150px;
}

#content .product-linklist figure p {
	padding:0;
}

#content .product-linklist figure img {
	padding:0 0 10px;
}

#content .product-linklist figcaption {
	font-size:75%;
	height:100px;
	line-height:1.4em;
	text-align:center;
}

#content .product-linklist figcaption span {
	display:inline-block;
	height:67px;
}

#content .product-linklist a {
	color:#ee6600;
	font-weight:bold;
	text-decoration:none;
}

#content .product-linklist a:hover,
#content .product-linklist a:focus,
#content .product-linklist a:active {
	color:black;
}

/* products teaser */
.product-teaser-list {
	font-size:0;
	line-height:0;
}

.product-teaser {
	width:318px;
	max-width:100%;
	display:inline-block;
	font-size:17px;
	line-height:1.2em;
	border:1px solid #3E6AB3;
	border-top:0;
	border-bottom:2px solid #3E6AB3;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	background-size:cover;
}

#content .entry-content.products.singlepage .product-teaser {
	border:1px solid #5E91C6;
	border-top:0;
	border-bottom:2px solid #5E91C6;
}

.product-teaser:after {
	display:block;
	content:" ";
	padding-top:62.1%;
}

@media screen and (max-width:640px) {
	.product-teaser:after {
		padding-top:20%;
	}
}

.product-teaser h1 {
	position:absolute;
	width:100%;
	height:100%;
}

#content .entry-content .product-teaser a,
#content .entry-content .product-teaser.current span {
	display:block;
	width:100%;
	height:100%;
	color:white;
	padding-top:150px;
	text-decoration:none;
	box-sizing:border-box;
}

#content .entry-content .product-teaser.current span {
	background:rgba(49,75,101,.8);
	color:#aaaaaa;
	cursor:default;
}

@media screen and (max-width:640px) {
	#content .entry-content .product-teaser a,
	#content .entry-content .product-teaser.current span	{
		padding-top:20px;
	}
}

#content .entry-content .product-teaser a:hover,
#content .entry-content .product-teaser a:focus,
#content .entry-content .product-teaser a:active {
	background:rgba(255,255,255,.1);
}

/* blog teaser */
.blog-teaser-list {
	font-size:0;
	line-height:0;
}

.blog-teaser {
	width:318px;
	max-width:100%;
	display:inline-block;
	font-size:17px;
	line-height:1.2em;
	border:1px solid #3E6AB3;
	border-top:0;
	border-bottom:2px solid #3E6AB3;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	background-size:cover;
}

#content .entry-content.blogs.singlepage .blog-teaser {
	border:1px solid #5E91C6;
	border-top:0;
	border-bottom:2px solid #5E91C6;
}

.blog-teaser:after {
	display:block;
	content:" ";
	padding-top:70%;
}

.blog-teaser h1 {
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	font-size:110%;
	line-height:25px;
	padding:0;
	z-index:1;
}

#content .entry-content .blog-teaser h1 a {
	display:block;
	width:100%;
	height:100%;
	padding:10px 20px;
	text-decoration:none;
	box-sizing:border-box;
	text-align:left;
	overflow:hidden;
}

#content .entry-content .blog-teaser h1 a span {
	display:block;
	height:50px;
	overflow:hidden;
}

@media screen and (max-width:640px) {
	#content .entry-content .blog-teaser h1 a {
		padding-top:20px;
	}
}

#content .entry-content .blog-teaser a:hover,
#content .entry-content .blog-teaser a:focus,
#content .entry-content .blog-teaser a:active {
	color:#ee6600;
}

#content .entry-content .blog-teaser h1 a:hover,
#content .entry-content .blog-teaser h1 a:focus,
#content .entry-content .blog-teaser h1 a:active {
	background:rgba(255,255,255,.2);
}

#content .entry-content .blog-teaser-inner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,.8);
}

#content .entry-content  .blog-content {
	font-size:90%;
	position:absolute;
	top:75px;
	left:0;
	width:0;
	height:120px;
	width:100%;
	box-sizing:border-box;
	line-height:1.3em;
}


/* general */

.menu-toggle,
.screen-reader-text {
	display:none;
}