/*
Theme Name:     priskatheme
Description:    Child Theme für priskahelfenstein.ch
Author:         Claude Settele
Author URI:     http://www.peppernet.ch/
Template:       twentythirteen
Version:        1.0
*/

/*
@import url("../twentythirteen/style.css");  
*/

@import url("../priskatheme/animate.css"); 

/* A L L G E M E I N -------------*/
body html {
	margin-top: 0px!important;
}
html {
	font-family: 'Open Sans', sans-serif;
}
body {
	background-color:#E8E5CE;
}
h1 {
	font-size:2em!important;
}
h2 {
	font-size:1.6em!important;
}
h3 {
	font-size: 1.2em;
}
h1, h2 {
	color: #58837F;
}
h1,h2,h3 { 
	font-family: "Lato", sans-serif;
}
.clear {
	clear: both;
}
ul {
	list-style-type: disc;
}

/* H E A D E R ---------------*/
a:hover {
	text-decoration: none;
}
.site {
	max-width: 100%!important;
}
.site-header {
	background-color: #456e6a;
}
.site-header .home-link {
	height: 240px!important;
	max-width: 800px;
}
h1.entry-title {
	display:none;
}
.site-header h2 {
	color:#000;
}
.site-header img {
	position: absolute;
	top:6px; left:4px;
} 
h1.site-title {
	font-size:200%!important;
	font-weight: 100!important;
	color: #f3f3f3;
	letter-spacing: 0.05em;
	text-shadow: 4px 6px 6px #666;
	text-align: right;
	padding-top:87px;
}
h2.site-description {
	font-style: normal;
	font-size:140%;
	text-align:right;
	letter-spacing: 0.315em;
	border-bottom: 0;
	color:#E8E5CE;margin-top:20px;
	padding-right:0!important;
	margin-right:-5px!important;
}
a.home-link:hover h1.site-title {
	text-decoration: none;
}
h2.claim {
	position:absolute;
	bottom: 40px;
	left: 140px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.1em;
}
h2 {
	font-size: 1.3em;
	margin-bottom: 15px;
}

/* FUSS- TEXT-CLAIM*/
.logo-text {
	position: absolute; 
	top: 98px;
	left: 90px;
	width: 200px;
	height:150px;
}
div.letter {
	position:relative;
	display:inline-block;
}
div.buchstaben {
	position: relative; 
	width: 100%;
	height: auto;
}
span.b, span.e1, span.w, span.e2, span.g, span.t {
	width: 10px;
	margin: 0px;
}
h2 span {
	font-size: 0.85em;
}
h2 span.b, h2 span.e1, h2 span.t {
	color:#fff;
}
h2 span.w, h2 span.e2, h2 span.g {
	color:#CAE17B;
}
span.b {
position: absolute;
top:59px;
left: 20px;
-moz-transform:rotate(10deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(10deg)!important; /* Safari */
-o-transform:rotate(10deg); /* Opera */
-ms-transform:rotate(10deg); /* IE9 */
transform:rotate(10deg); 
}
span.e1 {
position: absolute;
top: 60px;
left: 38px;
-moz-transform:rotate(-16deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-16deg)!important; /* Safari */
-o-transform:rotate(-16deg); /* Opera */
-ms-transform:rotate(-16deg); /* IE9 */
transform:rotate(-16deg); 
}
span.w{
position: absolute;
top: 56px;
left:56px;
-moz-transform:rotate(-33deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-33deg)!important; /* Safari */
-o-transform:rotate(-33deg); /* Opera */
-ms-transform:rotate(-33deg); /* IE9 */
transform:rotate(-33deg); 
}
span.e2 {
position: absolute;
top: 38px;
left: 77px;
-moz-transform:rotate(-57deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-57deg)!important; /* Safari */
-o-transform:rotate(-57deg); /* Opera */
-ms-transform:rotate(-57deg); /* IE9 */
transform:rotate(-57deg); 
}
span.g {
position: absolute;
top: 24px;
left: 87px;
-moz-transform:rotate(-70deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-70deg)!important; /* Safari */
-o-transform:rotate(-70deg); /* Opera */
-ms-transform:rotate(-70deg); /* IE9 */
transform:rotate(-70deg); 
}
span.t {
position: absolute;
top: 2px;
left: 96px;
-moz-transform:rotate(-70deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-70deg)!important; /* Safari */
-o-transform:rotate(-70deg); /* Opera */
-ms-transform:rotate(-70deg); /* IE9 */
transform:rotate(-70deg); 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
 	0%  {font-size: 1em;}
	12%	{font-size: 1.1em;} 
   	25% {font-size: 1.2em;}
    50% {font-size: 1.3em;}
    75% {font-size: 1.2em;}
    100%{font-size: 1.0em;}
}

/* Standard syntax */
@keyframes example {
    0%  {font-size: 1em;}
	12%	{font-size: 1.1em;} 
   	25% {font-size: 1.2em;}
    50% {font-size: 1.3em;}
    75% {font-size: 1.2em;}
    100%{font-size: 1.0em;}
}

/* E N D  T E X T A N I M A T I O N */

/* N A V I G A T I O N ---------*/

.navbar {
	clear:both;
	background-color:#f7f7f7;
	max-width:100%;
	border-bottom:1px solid #ccc;
}
#site-navigation {
	max-width: 800px; margin:0 auto;
} 
.search-form {
	display:none;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	font-style: normal!important;
	 border-bottom:2px solid #88bd56;
	}
ul.nav-menu {
	max-width:800px;
	margin:0 auto;
	text-align:right;
}
ul#primary-menu {
	padding-right:4px!important;
}
.nav-menu li a {
	text-transform: uppercase;
	font-weight: 100;padding:15px 17px!important;
}
.nav-menu .sub-menu, .nav-menu .children {
	border-right: 1px solid #456e6a;
	border-top:0;
	border-left:1px solid #456e6a; 
	border-bottom: 1px solid #456e6a;
} 
.nav-menu li:hover > a, .nav-menu li:focus > a, .nav-menu li a:focus {
	background-color: #88bd56!important;
	border-bottom:2px solid #88bd56;
}
.nav-menu .sub-menu, .nav-menu .children {
	left:0px!important;
}
ul.nav-menu ul a, .nav-menu ul ul a {
	width:231px;
}
ul.nav-menu ul a:hover {
	width:231px!important;
	left:0!important;
	background-color: #88bd56!important;
}
ul.nav-menu ul a, .nav-menu ul ul a {
	text-align: left;
}
.nav-menu .sub-menu, .nav-menu .children {
	background-color: #416E6A;
}
.nav-menu .current_page_item > a {
	color:#456e6a;
}
.sub-menu li.current_page_item {
	background-color:#9ecb9e!important; 
}
ul.sub-menu li{
	border-bottom:2px solid #4E7975;
}
.nav-menu .current-menu-ancestor > a {
	color: #456E6A!important;
}
.toggled-on ul.nav-menu li{
	text-align: left;
}
.nav-menu ul li a {
	display:inline-block!important;
}
.nav-menu .current_page_ancestor > a {
	color:#fff; 
}

/* M A I N ----------------------------*/

.content-area {
	max-width: 800px;
	margin: 0 auto;
}
.entry-header, .entry-content, .entry-summary, .entry-meta {
	max-width:800px;
}
.entry-header {
	margin-bottom: 0px!important;
}
.entry-content {
	padding:0 15px 0 40px;
	border-left: 1px solid #ddd; 
}
.entry-content img {
	border:1px solid #888;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
	margin-right:0!important;
}
.entry-content a {
	color:#456e6a;
}
.entry-content a:hover {
	color: #88bd56!important;
}

/* H O M E ----------------------*/
h3.zitat {
	font-family: 'Lato', sans-serif;
	font-weight: 100;font-size:160%;
	color: #555;margin-bottom:0px;
}
.hippo {
	padding:15px;
	background-color: #f5f5f5;
	border-radius:7px;
}
p.quelle {
	text-align:right!important;
	padding-right: 20px;
	font-style:italic!important;
	margin-bottom:0; 
}

/* K O N T A K T ------------------------*/
.adress {
	overflow: hidden;
	height: auto;
}
 .mapp-layout {
	margin: 0 0 0 20px!important;
}
 
 /* I N D I K A T  O N E N */
.page-id-18 ul {
	margin-top:5px!important;
}
.page-id-18 p {
	margin-bottom:10px!important;
}

/* K O N T A K T --------------*/
.gmaps img {
	width:100%;
}

/* F o o t e r ----------------------*/
.site-footer {
	border-top:1px solid #ccc;
}
ul.footerlist {
	max-width:800px;
	min-height: 80px;
	margin:0 auto;
	padding:0!important;
}
ul.footerlist li {
	list-style-type: none;
	display: inline-block;
	padding: 20px 5% 20px 0;
}
ul.footerlist li a  {
	list-style-type: none;
	text-decoration: none; 
	color:#456e6a;
}
ul.footerlist li a:hover {
	color:#88bd56!important;
}
li.copy {
	float:left;
	margin-left:10px;
}
li.footer-links, li.footer-contact, li.footer-impressum {
	float: right;
}
li.footer-links {
	padding-right:10px!important;
}
 
/* MEDIA QUERIES--------------------------------------
-----------------------------------------------------
----------------------------------------------------*/
@media only screen and (max-width: 40em) {

.site-header img {
	display:none;
}
p {
	font-size:120%!important;
}	
.site-header .home-link {
	height:170px!important;
}	
h1.site-title {
	font-size:160%!important;
	text-shadow: 5px 8px 10px #555;
	text-align: right;
	padding-top:25px
	;letter-spacing: 0.01;
}
.mapp-layout {
	width:95%!important;
	text-align: center!important;
	margin-bottom:20px!important;
}
.page-id-11 img {
	width:95%; margin:0 auto;margin-bottom: 20px;
}
.nav-menu li a {
	font-size:120%;
}
img.priska {
	width:55%; margin:20px auto;
}
li.footer-links {
	margin-right: 5px;
}
li.copy {
	margin-left:10px;
}
.buchstaben {
	display:none;
}
}