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

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 15px/26px "ClavoBook";
	color: #969696;
}

h1 { font-family: "ClavoBook"; color: #969696; font-size: 13px; text-transform: uppercase; line-height: 18px; padding: 5px 0px 0px 0px; text-decoration: underline;  }
h2 { font-family: "ClavoBook"; color: #969696; font-size: 24px; line-height: 26px; padding: 20px 0px 6px 0px;   }
h3 { font-family: "ClavoBook"; color: #969696; font-size: 30px; font-style: italic; line-height: 33px; padding: 0px 0px; }
h4 { font-family: "ClavoBook"; color: #969696; font-size: 20px; line-height: 23px; padding: 0px 0px 9px 0px; }
h5 { font-family: "ClavoBook"; color: #969696; font-size: 26px; line-height: 30px; padding: 0px 0px 0px 0px; margin: 0px; }
h6 { color: #969696; }

a { color: #969696; }

a:hover { color: #b0b0b0; }

#footer { color: #fff; font: normal 14px/20px "ClavoMedium"; }
#footer a { color: #fff; }
#footer a:hover { color: #b0b0b0; }

#footer em, code { color: #fff; }

blockquote {
	font: normal 33px/40px "ClavoThinItalic";
    padding: 18px 0px;
}

em, code { color: #969696; }

ins,
mark { 
	padding: 2px 5px;
	color: #6f777b; 
	text-shadow: 0 1px 0 rgba(255,255,255,0.45);
}

ins { background-color: #f0f3f4; }
mark { background-color: #e0eaed; }

hr { border-top-color: #ffce00; }

pre {
	border: 1px solid #ddd;
	background: #fafafa;
}

::-moz-selection { background: #969696; color: #fff; }
::selection { background: #969696; color: #fff; }


#system .title a { color: #969696; }

#system .title a:hover { color: #969696; }

#system small { color: #969696; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#block-header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		height: 100px;
		border-bottom: 2px solid #969696;
}

.custom-logo {
	width: 238px;
	height: 47px;
	background: url(../images/logo_widmer_goldschmied.svg) 50% 50% no-repeat;
    background-size: contain;
}

body { background: #969696; }

#block-toolbar { background: #fff; }

#block-headerbar {
	background: url(../images/headerbar.png) 0% 0% repeat;
	height: 100px;
}

#menubar { float: left; padding: 0px 0px 0px 135px;  }


#logo { height: 75px; margin-top: 27px; margin-left: 395px;   }
#logo > img {
	width: auto;
	max-height: 100%;
}

#block-top-a {
	background: #674431;
	background-size: 100% 100%, 1000px 515px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
}

#block-main { 
	background: #fff; 
	padding: 130px 0px 20px 0px;
	min-height: 100px;
}

#block-bottom { background: #fff; }

#block-footer {
	background: #969696;
    position: relative;  
    bottom: 0;  
    left: 0;  
    right: 0; 
    margin-top: 0px;
    z-index: 999;
}

#copyright {
	position: fixed;
	z-index: 999;
	left: 0px;
	bottom: 0px;
	color:#b0b0b0;
	width:150px;
	height:25px;
	font: normal 11px "ClavoBook";
}

#copyright a { color:#b0b0b0; }
#copyright a:hover { color:#ccc; }

/* Menus
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	text-shadow: 0 0px 0 rgba(0,0,0,0);
	text-transform: uppercase;
	font: normal 15px/26px "ClavoBook";
	margin: 0 50px 0px 0px;
}

.menu-dropdown li.level1:nth-child(5) a.level1 {   
margin: 0px;
} 

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span { 
	height: 59px;
	padding: 0px;
	line-height: 90px;
	color: #969696;
}

/* Set Active */
.menu-dropdown li.active .level1 {
	color: #969696;
	border-bottom: 5px solid #969696; 
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
	box-shadow: 0px 0 0 rgba(255,255,255,0.04),
				0px 0 0 rgba(255,255,255,0.04),
				inset 0 0 0px rgba(0,0,0,0.08);
	color: #b0b0b0;
	border-bottom: 5px solid #969696; 
}

.menu-dropdown  li.parent.remain > .level1 > span,
.menu-dropdown  li.level1.parent:hover > .level1 > span { background: url(../images/menu_dropdown_level1_parent1.png) 50% 100% no-repeat; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 { background-image: url(../../images/color/blue/menu_dropdown_level2.png); }


.menu-dropdown a.level2,
.menu-dropdown span.level2 {
	padding-left: 15px;
	background-position: 0 -200px;
	background-repeat: no-repeat;
	color: #fff;
}


/* Set Hover */
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-dropdown .module a:hover { color: #ffce00; }

/* Sidebar/Accordion Menu */

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover,
.menu-sidebar a.current:hover,
.menu-sidebar li.parent.active .level1:hover { color: #969696; }

/* Level 1 */
.menu-sidebar li.parent .level1 > span { background-image: url(../../images/color/blue/menu_sidebar_item_level1.png); }

/* Level 2 */
.menu-sidebar a.level2 { background-image: url(../../images/color/blue/menu_sidebar_level2.png); }

/* Sidebar/accordion menu on colored modules */
.mod-box-color .menu-sidebar a.current,
.mod-box-color .menu-sidebar a:hover,
.mod-box-color .menu-sidebar li > span:hover,
.mod-box-color .menu-sidebar li.parent.active .level1:hover { color: #ffce00; }

.mod-box-color .menu-sidebar a.level2, 
.mod-box-dark .menu-sidebar a.level2 { background-image: url(../../images/color/blue/menu_sidebar_level2_color.png); }

.mod-box-dark .menu-sidebar a.current,
.mod-box-dark .menu-sidebar a:hover,
.mod-box-dark .menu-sidebar li > span:hover,
.mod-box-dark .menu-sidebar li.parent.active .level1:hover { color: #0053A5; } 

/* Line Menu */
.menu-line li a:hover { color: #0053A5; }


/* Modules
----------------------------------------------------------------------------------------------------*/

#block-bottom .mod-plain li a { color: #969696; }

#top-a .mod-plain a:hover,
#block-bottom .mod-plain a:hover { 
	color: #b0b0b0; 
}

#block-bottom .mod-plain h1,
#block-bottom .mod-plain h2,
#block-bottom .mod-plain h3,
#block-bottom .mod-plain h4,
#block-bottom .mod-plain h5,
#block-bottom .mod-plain h6 { color: #fff; margin: 0px; }



/* Tools
----------------------------------------------------------------------------------------------------*/

#top-a .button-primary,
#top-a .button-default,
#top-a form.style button,
#top-a form.style input[type='button'],
#top-a form.style input[type='submit'] {  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.7); }

#top-a .mod-plain .button-primary:hover,
#top-a .mod-plain .button-primary:active {
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.8),
				inset 0 0 1px rgba(0,0,0,1),
				0 1px 0 rgba(255,255,255,0.3);
}

#top-a .mod-plain .button-default:hover,
#top-a form.style button:hover,
#top-a form.style input[type='button']:hover,
#top-a form.style input[type='submit']:hover,
#top-a .mod-plain .button-default:active,
#top-a form.style button,
#top-a form.style input[type='button']:active,
#top-a form.style input[type='submit']:active {
	box-shadow: inset 0 0 0 1px rgba(50,35,25,0.8),
				inset 0 0 5px rgba(50,35,25,1),
				0 1px 0 rgba(255,255,255,0.2);
}


/* System
----------------------------------------------------------------------------------------------------*/

.searchbox input:-moz-placeholder { color: #a29d9c; }
.searchbox input::-webkit-input-placeholder { color: #a29d9c; }
.searchbox input.placeholder { color: #a29d9c; }

.searchbox .results { background: #191919; }

.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }

.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }


/* Item
----------------------------------------------------------------------------------------------------*/

.isblog #system .item,
.noblog #content {
	padding: 0px;
	background: #fff;
	box-shadow: 0 0px 0 #e5e5e5;
	box-shadow: 0 0px 0 rgba(0,0,0,0.1);
}

#system .item > header .title {
	margin-bottom: 10px;
	padding-bottom: 0px;
	background: url(../images/header_stripes1.png) 0 100% repeat-x; 
}

#system .item > header .meta,
#system .item > header .subtitle { 
	color: #afafaf; 
	font-size: 12px;
}

#system .item > header .meta a { color: #858585; }
#system .item > header .meta a:hover { color: #dd512e; }

#system .item > .links a {
	display: inline-block;
	padding: 2px 8px; 
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	background: #0053A5;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	font-size: 11px;
}

#system .item > .links a:hover {
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.3),
				inset 0 0 1px rgba(0,0,0,0.3);
	background: #ffce00;
	color: #fff;
}

#system .item > .links a:active {
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4),
				inset 0 0 1px rgba(0,0,0,0.3);
	text-shadow: 0 0 5px rgba(255,255,255,0.6);
}

#system .gridalicious .item > .links a { 
	margin: 0;
	padding: 0 15px 0 0;
	background: none;
	box-shadow: none;
	text-shadow: none;
}

#system .gridalicious .item > .links a:hover { 
	background: none;
	color: #2A2A2A; 
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items { margin: 0 -5px 0 -5px; }
#system .items .item { margin: 0 5px 0 5px; }

#system .items .item { margin-top: 10px; }

#system .items.gridalicious .item { 
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#system .items .item:first-child { margin-top: 0; }



#system .gridalicious .item > .links a { color: #0053A5; }

#system .pagination a.next,
#system .pagination a.previous,
#system .pagination a.first,
#system .pagination a.last { background-image: url(../images/pagination.png); }

#system .pagination a:hover { 
	color: #0053A5;
	border-color: #0053A5; 
}

.searchbox .results li.result.selected,
.breadcrumbs a:hover,
.breadcrumbs > span:hover { color: #0053A5; }

/* Spotlight */
.featured-spotlight .overlay {
	background-color: #ffce00;
	background-color: rgba(252,211,7,0.7);
}


/* ToTop */

#totop-scroller { background-image: url(../images/totop_scroller.png); }

#totop-scroller {
	display: block;
	position: absolute;
	top: -5px;
	right: 0;
	z-index: 1;
	width: 35px;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

#totop-scroller:hover { background-position: 0 -37px; }
#totop-scroller:active { background-position: 0 -76px; }



/* Slideshow
----------------------------------------------------------------------------------------------------*/

.slideshow { 
	padding-top: 20px;
	height: 100%;
	width: 100%;
}  

.uk-cover-background
{
  background-position-x: 50%;
  background-position-y: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}