/*
Theme Name: pressovac
Author: Jussi Soini
Author URI: http://www.jussisoini.com
Version: 1.0
*/

body {background: #efefef url('images/topbg.jpg') repeat-x top center; padding-bottom: 8em}
#main {background: #fff}

#main > .columns > .row {border-bottom: 1px solid #d9d9d9; margin-bottom: 3em; margin-top: 2em; padding-bottom: 2em}
#main > .columns > .row:last-child {border-bottom: none; padding-bottom: 0}

#frontpagetop {background: #fff; padding: 0}
#pagetop { background: #fff url('images/pagetop.jpg') no-repeat top center; padding-bottom: 3em; padding-top: 3em}
.page-top-entry-content p {text-shadow: 1px 1px 0px #fff}

#header-nav {margin-top: 3em}

.row {padding: 0 0.9375em;}
.row .row {padding: 0}

/* TITLES */
h1, h2, h3 {letter-spacing: -0.05em; font-family:  "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 300;}
h2, h3 {font-weight: 400}
h4, h5 {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; color: #303030}
#pagetop h2.subheader {margin-top: -14px}
/*  HEADER  */

#header-logo {padding: 20px 0}

.top-bar {background: none}
.top-bar-section ul {background: none}
.top-bar-section li a:not(.button) {background: none; }
.top-bar-section li a:not(.button):hover {background: none; color: #52befd}

.top-bar-section li.has-dropdown:hover .dropdown { display: block !important; }
.top-bar-section .dropdown { z-index: 9999; background: url('images/dropdown-top.png') no-repeat top center; padding-top: 10px; }
.top-bar-section .dropdown .menu-item a:not(.button) {padding: 10px 20px; background: #175f99; font-weight: bold; font-size: 12px}
.top-bar-section .dropdown .menu-item:nth-child(odd) a:not(.button) {background: #155890; border-bottom: 1px solid #1f6cab; border-top: 1px solid #0f4977} 
.top-bar-section .dropdown .menu-item:last-child a:not(.button) {border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
.top-bar-section .dropdown .menu-item a:not(.button):hover {background: #efefef; color: #52befd}

/* ORBIT */
.orbit-caption {background: none; width: 45% !important; position: absolute; top: 30px;}
.orbit-container .orbit-slides-container { height: 370px; }
.orbit-container .orbit-slides-container > * .orbit-caption { background: none; margin-left: 15px; padding-bottom: 50px}
.orbit-container .orbit-slides-container > * .orbit-caption p {color: #333}
.orbit-container .orbit-slides-container > * .orbit-caption {color: #333}

.orbit-container .orbit-slides-container > * .orbit-caption blockquote { 
display: inline-block;  padding: 10px 10px 0px 30px; margin-left: -30px;
 color: #fff; background: #1590d8; width: 90%;}
.orbit-container .orbit-slides-container > * .orbit-caption h1 {
 font-size: 36px;
 display: inline-block;  padding: 10px 10px 10px 30px; margin-left: -29px;
 color: #fff; background: #1590d8; 
}

.toggles .section { margin-top: 30px; }
.toggles .section p.title { margin-bottom: 10px; }
.toggles .section p.title a:hover { text-transform: underline !important; }

.orbit-container .orbit-slides-container > * .orbit-caption h2 {color: #2d587c} 

.orbit-container .orbit-slides-container > * .orbit-caption h1 a {
 color: #fff;  background: #1590d8; padding: 4px 0 5px 0;
 
}

.clearing-thumbs li {
	list-style: none;
}

.clearing-thumbs img {
	border-radius: 8px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.orbit-container .orbit-slides-container > * .orbit-caption h1 a span {
	position: relative; left: -14px; color: #fff;
}

.orbit-prev, .orbit-next {display: none}
.orbit-slide-number {display: none}
.orbit-timer {display: none}
.orbit-bullets {height: 0; overflow: visible; position: relative; top: -45px; text-align: center}
.orbit-bullets li {float: none; display: inline-block; border: none; width: 10px; height: 10px; background: rgba(0,0,0,0.3); box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2)}
.orbit-bullets li.active {background: #21a3ef}

/* PRODUCT CATEGORY LIST */

.tax-productcategory #content article {margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #d9d9d9}
.tax-productcategory #content article:last-child {padding-bottom: 0; border-bottom: none}
.tax-productcategory #content article h4.subheader {color: #222; font-size: margin-top: -0.5em}


.tax-productcategory #content article section .title {background: #fff}
.tax-productcategory #content article section.active .title { border-top: 3px solid #21a3ef;  }
.tax-productcategory #content article section.active .title a { border-left: 1px #d9d9d9 solid; border-right: 1px #d9d9d9 solid; padding: 6px 10px 4px 10px}
.tax-productcategory #content article section:first-child.active .title a {border-left: none}
.tax-productcategory #content article section .content {border-top: 1px solid #d9d9d9}
.tax-productcategory #content article section .content table { width: 100%;}

.tax-productcategory #content article section .title a { padding: 9px 10px 4px 10px}

article.product .content ul {list-style: none}
article.product .content ul li {margin-bottom: 1em; padding-left: 20px; background: url('images/bullet.png') left top no-repeat; background-position-y: 6px}

/* TABLE */

table {border-radius: 6px;}
table tr:nth-child(odd) {background: #efefef; border-top: 1px solid #d9d9d9}
/******/

/* MODAL */

.reveal-modal {border-radius: 3px}

.widget_recent_entries ul li {
	padding-bottom: 8px;
	border-bottom: 1px #ddd solid;
}

/*****/

/*CONTACT PAGE*/

ul.vcard {width: 100%}
ul.vcard img.size-small-thumbnail {width: 64px; height: 64px; border-radius: 3px; box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.2); margin-bottom: 1.5em}

ul.vcard li {margin-left: 85px}
ul.vcard li.photo {margin-left: 0px}

.section-container.vertical-nav .title {background: #fff}
.section-container.vertical-nav section.active .title {background: #21a3ef}
.section-container.vertical-nav section.active .title a {color: #fff}
.section-container.vertical-nav .title a {padding: 6px 3px; font-weight: bold}
.section-container.vertical-nav .title a:hover, .section-container.vertical-nav .title a:active {background: #21a3ef; color: #fff}
.section-container.vertical-nav section.active .content {border: 1px solid #d9d9d9}
.section-container.vertical-nav section.active .content, .section-container.vertical-nav .section.active .content {color: #fff; background: #21a3ef; }
.section-container.vertical-nav section.active .content p {font-weight: bold}
.section-container.vertical-nav section.active .content h4,
.section-container.vertical-nav section.active .content h5 {color: #fff; }
/***/

#section-news article {margin-bottom: 2em}

#section-products .section-container.tabs section {
	 margin-left: 5px;
	 opacity: 0;
   -webkit-transition: all 0.4s;
}

#section-products .section-container.tabs section.active {
  margin-left: 0px;
  opacity: 1; 
  
}

.large-block-grid-3 li img { width: 100%; height: 200px; }
.large-block-grid-3 li a.small.button { margin-top: 10px; }
.large-block-grid-3 li p {font-size: 0.9em}
.large-block-grid-3 li h5 a {color: #222}
.large-block-grid-3 li h5 a:hover {color: #21a3ef}

iframe {background: #fff; padding: 5px; border-radius: 4px; box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.25); }

.page-top-entry{

	padding: 0 1em;
	

}

aside p {font-size: 0.9em}
aside ul li {list-style: none}

.side-nav li a{ font-weight: bold; color: #222; }
.side-nav li a:hover, .side-nav li a:active { color: #21a3ef; }
.side-nav li.current-cat a { color: #21a3ef; }
.side-nav li {border-bottom: 1px solid #d9d9d9; padding-bottom: 0.6em; margin-bottom: 0.6em; }
.side-nav li.current-menu-item > a {
	color: #21a3ef !important;
}

#content aside {width: auto; float: right; margin: 1.5em 0 2em 2em}

#colophon {text-align: center; margin-top: 1em}

.textwidget .vertical-nav a {
	color: #fff;
}

#langswitcher a {
	position: absolute;
	top: 0px;
	margin-left: -64px;
	padding: 5px;
	background: #fff;

}

h1 {color: #1590d8}
.subheader {font-family: 'Open Sans'; font-size: 1.5em}
h5.subheader {margin-top: -5px; font-weight: normal; font-style: italic; font-size: 1em}
.button {border: none; padding: 0.7em 0.9em 0.72em 0.9em; box-shadow: 0 1px 1px #fff}

.orbit-transitioning {-webkit-transition: margin-left 2.0s ease-in-out}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


@media (max-width: 767px) {
	.large-block-grid-3 li img { display: inline-block; width: 100% !important; height: auto !important; max-height: auto !important; min-height: auto; }
}