/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

/* Frontpage Article */
.grid-seperator { 
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.grid-seperator:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 35px;
	right: 35px;
	border-bottom: 1px solid #e2e2e2; 
}

.grid-seperator.grid-block { margin: -15px -35px 0 -35px; }
.grid-seperator > .grid-box > * { margin: 0 35px; }

.grid-seperator .grid-box:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #e2e2e2;
}

.grid-seperator .grid-box:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 25px;
	margin-left: -12px;
	background: url(../../../images/yootheme/seperator_runner.png) 50% 50% no-repeat;
}

.grid-seperator .grid-box:first-child:before,
.grid-seperator .grid-box:first-child:after { display: none; }

.grid-seperator .subtitle { margin-top: 15px; }

#page .minus-margin-b30 { margin-bottom: -30px; }

/* Widgetkit Slideshow */
.wk-slideshow-pacetabs .nav li span.slideshow-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 10px;
	width: 18px;
	height: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.wk-slideshow-pacetabs .nav li span.easytracking { background-image: url(../../../images/yootheme/demo/slideshow/slideshow_easytracking.png); }
.wk-slideshow-pacetabs .nav li:hover span.slideshow-icon,
.wk-slideshow-pacetabs .nav li.active span.slideshow-icon { background-position: 0 -25px; }

.wk-slideshow-pacetabs .nav li span.activities{ background-image: url(../../../images/yootheme/demo/slideshow/slideshow_activities.png); }
.wk-slideshow-pacetabs .nav li span.synchronization{ background-image: url(../../../images/yootheme/demo/slideshow/slideshow_synchronization.png); }

.frontpage-image { border-radius: 3px 3px 0 0; }

.frontpage-tabs {
	position: absolute;
	z-index: 1;
}

.frontpage-tabs h1 > span { color: #d7d7d7; }

.frontpage-tabs.slide1 {
	top: 15px;
	text-align: center;
	left: 50%;
}

.frontpage-tabs.slide1 > * { margin-left: -100%; }

.frontpage-tabs.slide2,
.frontpage-tabs.slide3 {
	top: 35px;
	left: 35px;
	width: 60%;
}

/* Bottom B Lists */
#bottom-b ul { word-wrap: break-word; }w

/* Helper classes */

.small-space li + li { margin-top: 5px; }

/* WordPress Frontpage hide page title */

.wp-page-30 .item > header { display: none; }

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	.frontpage-tabs h1 { margin-bottom: 5px; }
	.frontpage-tabs p.subtitle { margin-top: 0; }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

	.frontpage-tabs.slide1,
	.frontpage-tabs.slide3 { top: 10px; }

	.frontpage-tabs.slide2 { top: 10px; }

	.frontpage-tabs.slide2,
	.frontpage-tabs.slide3 { left: 33px; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	.wk-slideshow-pacetabs .nav li span.slideshow-icon { margin-right: 5px; }

	.frontpage-tabs.slide1,
	.frontpage-tabs.slide3 { top: 0; }

	.frontpage-tabs.slide2 { top: 5px; }

	.frontpage-tabs.slide2,
	.frontpage-tabs.slide3 { left: 23px; }

	p.subtitle { margin: 10px 0; }

	.frontpage-tabs .button-primary { font-size: 10px; }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	.grid-seperator .grid-box:before,
	.grid-seperator .grid-box:after { display: none; }

	.frontpage-tabs.slide1,
	.frontpage-tabs.slide3 { top: -12px; }

	.frontpage-tabs.slide2 { top: -10px; }

	.frontpage-tabs.slide2,
	.frontpage-tabs.slide3 { left: 14px; }

	p.subtitle { margin: 5px 0; }

	.frontpage-tabs .button-primary { 
		padding: 0 5px;
		font-size: 8px;
	}

}

/* DO IT Customisations (from 2014) added here: */

#system-message-container {
position: fixed !important;
top: 0px !important;
left: 0px !important;
background: transparent !important;
width: 100%;
z-index:999 !important;
}

#system-message-container > #system-message > .alert {
background: #FFFFFF !important;
color: #555555 !important;
margin-bottom: 0px !important;
margin-top: 15px !important;
padding: 5px 35px 5px 14px !important;
border: 3px solid #888888 !important;
border-radius: 10px !important;
box-shadow: 10px 10px 10px RGBA(0,0,0,0.6) !important;
margin-left: auto;
margin-right: auto;
width: 500px !important;
max-width: 70% !important;
}

#system-message-container > #system-message > .alert > div > p {
margin: 0px !important;
}

.alert-heading {
color: #555555 !important;
font-weight: bold !important;
}

table.ipricemaintable tr.row0:hover, table.ipricemaintable tr.row1:hover {
background-color: #E4EEF8 !important;
}

.tablitogo, .tabldivider {
background-color: #E4EEF8 !important;
}

ul.menu-line li.active > a > span {
color: #666;
font-weight: bold;
margin: 0px -5px;
}

.tablzag2 {
background-color: #a9e1ff !important;
}

.tablzag2 > h3 {
background-color: #a9e1ff !important;
font-size: 18px !important;
color: #EEEEEE !important;
text-shadow: 1px 1px 3px rgba(0,0,0,0.4) !important;
}

.tablzag3 {
background-color: transparent !important;
color: #000000 !important;
font-size: 25px !important;
line-height: 25px !important;
font-family: "OpenSansCond" !important;
border: 1px solid rgba(0,0,0,0.1) !important;
border-radius: 3px !important;
}

table.ipricemaintable > tbody > tr:nth-last-child(1){
font-size: 18px !important;
line-height: 18px !important; 
background-color: #90bfd9 !important;
}

table.ipricemaintable > tbody > tr:nth-last-child(1) > td {
background-color: #90bfd9 !important;
padding: 5px !important;
color: #EEEEEE !important;
}

.textwarn {
color: #EEEEEE !important;
font-size: 18px !important;
}

.ipricemaintable {
border-radius: 5px !important;
box-shadow: 2px 3px 10px rgba(0,0,0,0.4) !important;
}

table.ipricemaintable tr td:nth-child(1) {
padding-left: 10px;
}

table.ipricemaintable tr td:nth-last-child(1) {
padding-right: 10px;
}

	div.welcomesplashdesktop { display:block; }
	div.welcomesplashmobile { display:none; }

/* Hide desktop splash screen on mobiles and tablets */
@media (max-width: 959px) {
	div.welcomesplashdesktop { display:none !important; }
	div.welcomesplashmobile { display:block !important; }
	
}