/*
Theme Name: Sydney Child
Theme URI: https://http://www.noi-compriamo-auto-svizzera.ch/wp-content/themes/sydney-child/
Description: Sydney Child Theme
Author: Martin Keller
Author URI: http://www.martin-keller.ch
Template: sydney
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: sydney-child
*/




/* This will import the stylesheet from the Theme Name parent theme */
@import url('../sydney/style.css');




/* Klassen MK */
.float_left {float:left;}
.float_right {float:right;}
.clear_left {clear:left;}
.clear_both {clear:both;}
.margin_1 {margin:1em;}
.margin_top1 {margin-top:1em;}
.margin-left_1 {margin-left:1em;}
.margin-right_1 {margin-right:1em;}
.margin_bottom_1 {margin-bottom:1em;}
.responsive_img {width:100%;height:auto;}


/* Hatom Error bei Google - in functions.php  */
.hatom-extra {display:none; visibility:hidden;}


/* Navigation HOCHGESTELLT */
#mainnav ul li a {text-transform: uppercase;}
#mainnav ul li ul li a {text-transform:none;}

/* Fusszeile löschen */
.footer-credits {display: none; visibility: hidden;}
.site-footer {display: none; visibility: hidden;}


/*  Tabellen  */
table {background-color:#f2f2f2; border:none;}
table tr th {background-color:#e0e0e0;}
		
table tr td, table tr th {border: 1px solid #FFF; border-left: none; border-right:none;}

table tr td, table tr th {text-align:left; padding:1em; padding-right:2em;}


/*  Flexbox für Gemeinden - ab 700px Breite  */
.flex-container {width: 100%; height: auto; overflow:auto;}
.flex-item {float: left; width: 50%;}

@media only screen and (min-device-width: 700px)  {
.flex-container {
    display: -webkit-flex;
    display: flex;
}
.flex-item {
    -webkit-flex: 1;
    flex: 1;
	margin-right: 1em;
}
}


/*  Contact Form 7  */
.wpcf7-form label, .wpcf7-form-control {
	width: 100%;
}

.wpcf7-submit {
	width: auto;
}

/*  Text Slider Auto News  */
.home .sow-slider-image-wrapper h3 {color: #FFF !important;}
.home .panel-row-style .sow-slider-image-wrapper { padding: 50px 0;}
/*.home .siteorigin-panels-stretch:last-of-type {display: none;}
@media only screen and (min-device-width: 700px)  {.home .siteorigin-panels-stretch:last-of-type {display: block;}}*/


/*  TYPOGRAPHY  */

body {font-family: "Source Sans Pro", "Raleway", sans-serif; font-size: 14px !important; line-height: 1.4; 
	background: #FFF; color: #333; /*#767676*/
	}

h1, h2, h3, h4, h5, h6 {font-family: "Raleway", sans-serif; color: #767676; line-height: 1.2; font-weight: 600; margin: 8px 0 16px 0;} /*#443F3F*/
h4, h5, h6 {margin: 8px 0 8px 0;}

h1 {font-size: 30px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 14px;}

/*  H1  entry-title post-title */
.hentry .title-post, .hentry .post-title {font-family: "Raleway", sans-serif; font-size: 30px; text-transform: uppercase; font-weight: 400;}



@media only screen and (min-device-width: 700px)  {

body {line-height: 1.6;}

h1, h2, h3, h4, h5, h6 {margin: 16px 0 24px 0;} 
h4, h5, h6 {margin: 12px 0 12px 0;}

h1 {font-size: 48px;}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}


/*  H1  entry-title post-title */
.hentry .title-post, .hentry .post-title {font-size: 40px;
	}
}

/* ORIGINAL 
h1 {font: 48px/1.1;}
h2 {font: 36px/1.1;}
h3 {font: 32px/1.1;}
h4 {font: 24px/1.1;}
h5 {font: 18px/1.1;}
h6 {font: 14px/1.1;}
*/

/* Seite: Autoankauf – Automarken bei Handys ausblenden 
@media only screen and (max-device-width: 700px)  {
.page-id-13 #panel-13-4-0-0, .page-id-13 .so-widget-sow-button, .page-id-13 #pg-13-4, .page-id-13#pg-13-5 {display: none;}
}*/


/* List mit Sternen weniger padding left */
.roll-list {
		margin: 0 0 30px 0;
	}
	.roll-list li {
		padding-left: 0;
	}
	.roll-list li:before {
		position: absolute;
		left: -30px;
		top: 0;
	}

/* 2 Spalten im Footer ausblenden */
@media only screen and (max-device-width: 900px)  {
.footer-widgets .sidebar-column:nth-of-type(even) {display: none;}
}


/* Logo verkleinern beim Handy */
@media only screen and (max-device-width: 900px)  {
.site-logo {max-height: 50px;
		position: absolute;
		top: 0;
		left: 5px;
		width: auto;
}
}



/* iPhone 6+ – Portrait 
@media only screen  and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) { }
*/