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

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


.custom-logo {
    display: inline-block;
	width: 205px;
	height: 115px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
    background-position: 0 50%;
    background-size: contain;
}

/* Frontpage Teaser */
#page .frontpage-teaser-1 { margin-bottom: 15px; }

.frontpage-teaser-1 h1,
.frontpage-teaser-1 p { 
    position: relative;
    margin-top: 10px;
    margin-bottom: 0;
}

.frontpage-teaser-1 p { margin-top: 10px; }
.frontpage-teaser-1 img { margin-top: -70px; }

.frontpage-teaser-2 h1 { margin: 20px 0 0 0; }
.frontpage-teaser-2 p { margin-top: 10px; }

.frontpage-teaser-2 .width33 div { margin-top: 10px; }
.frontpage-teaser-2 .width33 div + div { margin-top: 20px; }

/* Frontpage Sidebar */
 ul.frontpage-icons li h3 {
 	margin-top: 15px;
 	padding: 5px 5px 5px 35px;
 	background-size: 35px 35px;
 	background-position: 0 50%;
 	background-repeat: no-repeat;
 }

 .available-icon { margin-right: 10px; }

 /* Bottom A
  ----------------------------------------------------------------------------------------------------*/


 /* Frontpage Font
 ----------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'JournalRegular';
    src: url('../fonts/journal-webfont.eot');
    src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/journal-webfont.woff') format('woff'),
         url('../fonts/journal-webfont.ttf') format('truetype'),
         url('../fonts/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.journal-font { 
	font-family: "JournalRegular"; 
	font-size: 35px;
}


 /* Frontpage Responsive
 ----------------------------------------------------------------------------------------------------*/

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

    .frontpage-teaser-2 .width66,
    .frontpage-teaser-2 .width33 { width: 50% }

}

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

    #innerbottom-b .frontpage-features,
    #innerbottom-a .frontpage-features { margin-top: 0; }
    #innerbottom-b .frontpage-features > h2,
    #innerbottom-a .frontpage-features > h2 { margin-top: 20px; }

}

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

    .frontpage-teaser-2 .width33 div { margin-top: 20px; }
    .frontpage-teaser-2 .width33 div + div { margin-top: 50px; }

}

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

    .frontpage-teaser-1 { margin: 0px auto; }
    .frontpage-center { text-align: center; }
    .frontpage-teaser-2 .width33 div, 
    .frontpage-teaser-2 .width33 div + div { margin-top: 0; }
    .frontpage-teaser-1 img { margin-top: -40px; }

}


/*  Custom Styles   */

h2 {
    font-size: 24px;
    line-height: 24px;
    color: #52BC7C;
}

.mod-box-color {
    border: 1px solid #00871A!important;
    background: #20A24D!important;
    background: -o-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
    background: -webkit-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
    background: -moz-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
    background: linear-gradient(to bottom, #20A24D 0%, #52BC7C 100%)!important;
    color: #F7EFFF!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3)!important;
}

.button-primary, .mod-box-color .button-primary, form.style button, form.style input[type="button"], form.style input.button, form.style #submit {
    border: 1px solid #00871A!important;
    background: #20A24D!important;
    background: -o-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
    background: -webkit-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
    background: -moz-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
    background: linear-gradient(to bottom, #20A24D 0%, #52BC7C 100%)!important;
    color: #dce3ea!important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3)!important;
}

.button-default, .button-primary, form.style button, form.style input[type="button"], form.style input.button, form.style #submit {
    padding: 7px 10px!important;
    border-radius: 4px!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 4px 3px -3px rgba(20,20,25,0.2)!important;
    text-shadow: 0 1px 1px rgba(20,20,25,0.5)!important;
    overflow: hidden!important;
}

a {
    color: #52BC7C!important;
}

body#page {
    background: url(/templates/yoo_sphere/images/background/blackpaper/gradient.svg) 50% 0 no-repeat fixed, url(/templates/yoo_sphere/images/background/blackpaper/paper_bg.jpg) 50% 0 repeat!important;
    background-size: 100% 140%, 1600px 1000px!important;
}

.menu-dropdown a.level1, .menu-dropdown span.level1 {
    border-right: 1px solid #d7d8d9!important;
    box-shadow: inset 0px 0px 0 1px #fff!important;
    color: #92979E!important;
    text-shadow: 0 1px 0 #fff!important;
}

.menu-dropdown a.level2 {
    color: #92979E!important;
}

/* Level 2 */
.menu-dropdown a.level2 { color: #92979E!important; }
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span { padding: 5px 10px!important; }

/* Set Hover */
.menu-dropdown a.level2:hover,
.menu-dropdown a.current.level2:hover { 
	border-radius: 5px!important;
	color: #fff!important;
}

/* Set Current */
.menu-dropdown a.current.level2 { color: #797e85!important; }

.menu-dropdown a.level2:hover {


	border: 1px solid #00871A!important;
	background: #20A24D!important;
	background: -o-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
	background: -webkit-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
	background: -moz-linear-gradient(top, #20A24D 0%, #52BC7C 100%)!important;
	background: linear-gradient(to bottom, #20A24D 0%, #52BC7C 100%)!important;
	box-shadow: 0 1px 0 #5682a5!important;
color: #dce3ea!important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3)!important;
}