/*
Theme Name: Balance Solothurn		
Theme URI: http://balance.so
Description: based on the Starkers Theme.
Version: 3.0 (Februar 2017)
Author: Andris Linz @ ibl und partner ag
Author URI: http://ibl.ch
*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

.hide-on-mobile {display:block;}
	
.show-on-mobile {display:none;}


/* BUTTON */


.button {padding:10px 20px !important; background:transparent !important; text-transform:uppercase !important; font-size:12px !important; border:#a92b5c 2px solid !important; font-weight:normal !important; background:#a92b5c !important; color:#fff !important;}

.button span {color:#fff !important;}

.button:hover {cursor:pointer !important; background:#fff !important; }

.button:hover span {color:#a92b5c !important;}


.button-weiss {padding:10px 20px !important; background:transparent !important; text-transform:uppercase !important; font-size:12px !important; border:#fff 2px solid !important; font-weight:normal !important;}

.button-weiss span {color:#fff !important;}

.button-weiss:hover {cursor:pointer !important; background:#fff !important; }

.button-weiss:hover span {color:#a92b5c !important;}


/* ------------------------- TYPO / LAYOUT ------------------------- */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background:#f5f3ed; color:#96b192;}

#wrapper {width:960px; margin:30px auto;}

a {color:#a92b5c;}

h1#logo a {background:url(images/balance_logo.png) no-repeat; width:262px; height:69px; display:block; text-indent:-9999px; line-height:44px; margin:30px auto; text-align:center;}

h2 {font-family: 'Source Sans Pro', sans-serif; font-size:35px; font-weight:normal; line-height:45px; margin:0 0 36px 0;}

h3 {font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:normal; margin:0 0 18px 0; line-height:26px; color:#a92b5c;}

h3 a {text-decoration:none;}

h4 {font-family: 'Source Sans Pro', sans-serif; font-size:14px; font-weight:normal; margin:0 0 18px 0; line-height:24px;}

p {margin:0 0 18px 0; max-width:640px;}

#header {margin:0 0 36px 0;}

#footer {width:960px; margin:36px auto;}

.footer-zeile {border-top:#c8d4c6 1px solid;}

#footer p {padding:18px; text-align:center; max-width:100%;}

#footer p a {color:#96b192;}

/* ------------------------- Navigation ------------------------- */


.ubermenu-item-level-0 {border-bottom:#c8d4c6 1px solid !important; border-top:#c8d4c6 1px solid !important; padding:5px 0 !important;}

.ubermenu-submenu {margin-top:12px !important;}


/* ------------------------- Content ------------------------- */

.attachment-gross {border:#fff 18px solid; margin:0 0 36px 0; box-shadow: 5px 5px 10px #d5cfca; background:#fff;}

.shadow {border:#fff 18px solid; /*margin:0 0 36px 0;*/ box-shadow: 5px 5px 10px #d5cfca; background:#fff;}

/* ------------------------- HOME ------------------------- */

.teaser {float:left; width:308px; margin:0 18px 0 0;}

.teaser h3 {font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:12px;}

.attachment-klein {border:#fff 18px solid; box-shadow: 5px 5px 10px #d5cfca;}

.teaser-text {background:#96b192; color:#fff; height:132px; border:#fff 18px solid; box-shadow: 5px 5px 10px #d5cfca; width:254px; padding:9px;}

#teaserMitte #menu-angebot {width:272px; margin:0;}

#teaserMitte #menu-angebot li {list-style:square outside; margin:0 0 0 15px; padding:0; line-height:16px;}

#teaserMitte #menu-angebot li a {display:block; color:#fff; width:242px; text-decoration:none; font-family: 'Source Sans Pro', sans-serif; font-size:12px; line-height:16px; margin:0; float:none;}

#teaserMitte #menu-angebot li a:hover {color:#a92b5c;}

#teaserMitte #menu-angebot li a:after {content:"";}

#teaserMitte #menu-angebot li:last-child a:after {content:"";}

#teaserRechts {margin:0;}

.fb-like-box {margin:0 0 40px 0;}

.home-angebot {border:#fff 18px solid; margin:0 0 36px 0; box-shadow: 5px 5px 10px #d5cfca; background:#96b192;}

.home-angebot ul {margin:8px 13px; }

.home-angebot ul li {list-style:square outside; margin:0 0 0 15px; font-size:14px; padding:0; line-height:16px; color:#fff;}

.home-angebot ul li a {display:block; color:#fff; width:242px; text-decoration:none; font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:20px; margin:0; float:none;}

/* ------------------------- Tabelle ------------------------- */

table {width:644px; margin:0 0 60px 0;}

table tr.noborder td {border:none;}

table tr td {border-bottom:#96b192 1px solid; padding:10px 0 0 0; }

table tr td h3, table tr td h4 {color:#a92b5c;}

table tr td h3 {font-size:16px; line-height:22px;}

.accordions-shortcode h3 a {text-decoration:none; font-weight:bold;}

.wpcf7 table {margin:0 0 10px 0;}

/* ------------------------- Formular ------------------------- */

input[type="text"], input[type="email"], textarea {background:#f5f3ed; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 10px; width:calc(100% - 20px); margin:0 0 10px 0; color:#034757;}

textarea {margin:0 0 -10px 0;}

label {font-size:12px;}

input[type="submit"] {background:#a92b5c; border:none; color:#fff; padding:3px 5px; font-size:12px; margin:0 0 40px 0;}

input[type="text"].wpcf7-captchar {width:calc(100% - 20px); height:18px;}

iframe {width:100%;}

table.formtable {width:100%;}

/* ------------------------- RESPONSIVE STYLES ------------------------- */



@media screen and (max-width: 1023px) { 
	
	#wrapper {width:calc(100% - 80px); margin:0 40px;}
	
	#footer {width:calc(100% - 40px); margin:0 20px;}
	
	/*input[type="text"], input[type="email"], textarea {width:100%;}*/
	
	.wpcf7-form tr td:first-child {font-weight:bold; font-size:1.3em; padding:10px 10px 0 10px; width:20%;}

	.wpcf7-form tbody td {width:80%;}

	.wpcf7-form tbody td:before { 
	    content: attr(data-th); 
		display: block;
		text-align:center;  
		}

	.wpcf7-form tbody td p {font-weight:normal; font-size:14px; margin:0 0 18px 0;}

	.wpcf7-form tbody tr td:last-child {margin-bottom:50px;}

		
	}
	
@media screen and (max-width: 720px) {
	
	.hide-on-mobile {display:none;}
	
	.show-on-mobile {display:block;}
	
	h2 {font-size:25px; text-align:center;}

	table {width:calc(100% - 20px) !important;}

	tr td:first-child {background: #f8f7f2; font-weight:bold; font-size:1.3em; padding:10px 10px 0 10px;}

	tbody td {display: block;  text-align:center; width:100% !important;}

	tbody td:before { 
	    content: attr(data-th); 
		display: block;
		text-align:center;  
		}

	tbody td p {font-weight:normal; font-size:14px; margin:0 0 18px 0;}

	tbody tr td:last-child {margin-bottom:50px;}
	
	.wpcf7-form tbody tr td:first-child {background:transparent; font-weight:bold; font-size:1.3em; padding:10px 10px 0 10px; width:calc(20% - 20px) !important; border:none;}

	.wpcf7-form tbody tr td:last-child {width:100% !important; border:none;}
	
	/*input[type="text"].wpcf7-captchar {width:100% !important;}*/
	
	.wpcf7-form tbody td:before { 
	    content: attr(data-th); 
		display: block;
		text-align:center;  
		}

	.wpcf7-form tbody td p {font-weight:normal; font-size:14px; margin:0 0 18px 0;}

	.wpcf7-form tbody tr td:last-child {margin-bottom:50px;}

	}