/*
Theme Name:         Reweza Custom Theme
Author:             Peter Hadorn, Hadorn AG Webagentur
Author URI:         http://www.hadornag.ch/    
Based on:           Foundation by ZURB (http://foundation.zurb.com/) and Reverie Framework by Zhen Huang (http://themefortress.com/reverie/ and Foundation)           

Copyright 2012 Reweza AG, all rights reserved.
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	div.reverie-header { margin: 0; padding: 10px 0 0 0; }
	div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; }
	
	.divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 12px; font-size: 1.2rem; font-weight: normal; }
    .footer-nav { margin: 20px 0 20px 0; }
	.footer-nav > li { display: block; float: left; padding-left: 7%; margin-bottom: 0; }
    .footer-nav > li a { color:#f6f6f6; font-weight: bold; font-size: 12px; font-size: 1.2rem; }
    .footer-nav > li a:hover { color:#e2001a; }    
    .footer-nav > li.active > a { color:#19171C; cursor: default; }
    .footer-nav > li.active > a:hover { color:#19171C; }
    
    .sub-menu { padding: 0; margin: 0; list-style: none; }
    .sub-menu > li { padding: 5px 0 0 0; }
    .sub-menu > li a { color:#ccc; font-weight: normal; }
    .sub-menu > li a:hover { color:#e2001a; }     
    .sub-menu > li.active > a { color:#19171C; } 
    .sub-menu > li.active > a:hover { color:#19171C; } 

	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #f6f6f6; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; }
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
        
    /* -----------------------------------------
    Header
----------------------------------------- */

    header p { margin: 0; padding: 0; color: #ccc; }
    header a img { border: none; text-decoration:none; }
    header img { border: none; }
    #logo { padding: 20px 0 0 165px; margin: 0 0 40px 0; } 
    .kontakt p { color:#f6f6f6; font-size: 12px; font-size: 1.2 erm; font-weight: 500; padding: 0; margin: 0 0 5px 0; text-align: right;}
    img.social  { padding: 0; margin: 40px 0 0 30px; }  
    
/* -----------------------------------------
    Main Content
----------------------------------------- */     
    #content {min-height: 400px; margin: 0 0 30px 0;}  
    
    #content a img { border: none; text-decoration:none; }    
    
    #content p { padding: 0; margin: 0 0 15px 0; font-size: 16px; font-size: 1.6erm; }
    #content h1 { padding: 0; margin: 10px 0 30px 0; color: #f6f6f6; font-weight: 500; }
    #content h2 { padding: 0; margin: 25px 0 30px 0; color: #e51717; font-weight: 500; }   
           
    #hfeat { padding: 0; margin: 0 0 20px 0; }
    #hfeat .row { padding: 0; margin: 0 0 20px 0; }
    #hfeat h2 { padding: 0; margin: 0 0 15px 0; }    
    #hfeat h2 { padding: 0; margin: 0 0 15px 0; }  
    #hfeat p { padding: 0; margin: 0; }
    
    #hfeat a.more { float:right; margin: 5px 0 15px 0; }
   
    img.visual { margin-bottom: 10px; padding: 0; }
       
    table.noformat { background: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; margin: 0 0 18px 0; border: none;  }   
    table.noformat thead, table.noformat tfoot { background: none; }
    table.noformat thead tr th, table.noformat tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 16px; font-size: 1.6rem; line-height: 18px; text-align: left; }
    table.noformat thead tr th, table.noformat tfoot tr td { padding: 8px 10px 9px 0; font-size: 16px; font-size: 1.6rem; font-weight: normal; color: #ccc; }
    table.noformat tbody tr.even, table.noformat tbody tr.alt { background: none; }
    table.noformat tbody tr:nth-child(even) { background: none; }
    table.noformat tbody tr td { color: #ccc; padding: 9px 10px 9px 0; vertical-align: top; border: none; }

    table.servicenr { margin: 0 auto 18px auto; }
    
    table.team tbody tr td { padding: 20px 20px 20px 0; vertical-align: top; border: none; }
    
    a.tel { color: #ccc; }
    a.telhead { color: #f6f6f6; }          

    /* -----------------------------------------
    Blog
----------------------------------------- */  
    
    .post-thumbnail img { display: block; border: none; margin: 0px auto; padding: 0; }
    .post-box { margin: 0 0 20px 0; }
    span.meta1 { font-size: 12px; font-size: 1.2erm; }  
    cite.fn { font-weight: normal; font-size: 14px; font-size: 1.4erm; }

    /* -----------------------------------------
    Rezeptliste
----------------------------------------- */  

    ol.rezeptliste { margin: 0 0 10px 0; }
    ol.rezeptliste li { margin: 0 0 15px 0; }    
     
/* -----------------------------------------
    Footer
----------------------------------------- */  

    #content-info { background: #666; }
    .bottomfoot p { font-size: 11px; font-size: 1.1erm; margin: 5px auto 20px auto; text-align:center; }  
    .bottomfoot p a { color:#1A1A18; } 
    .bottomfoot p a:hover { color:#e51717; }   
      
/* -----------------------------------------
    Orbit
----------------------------------------- */ 
   
#featured { background: url(images/loading.gif) center center no-repeat #1a1a18; height: 310px; margin: 0 0 30px 0;}
#featured img { display: none; }

#featured.orbit { background: none; max-width: 910px; max-height: 310px;}
#featured.orbit img { display: block; }