/*
Theme Name: Fahko
Template: ProSUV
*/

/*         http://socialcat.de/
        Made for Fahko based on ProSUV
*/

@import url("../ProSUV/style.css");

/* Layout overrides - widen */

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

#container {
	width: 1060px;
	background-image: url("images/container-bg.png");
}

#content {
	width: 540px;
	margin-left: 185px;
}

#sidebar-primary {
    margin-left: -725px;
}    

.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
	width: 540px;
}

.fp-slides, .fp-thumbnail {
	height: 352px;
}

.fp-prev-next {
    bottom: 157px;
}

}

/* Allow longer menu with drop down menu */

@media only screen and (max-width: 650px) {
 
    .menu-primary-responsive-container, .menu-secondary-responsive-container {
        display: block;
    }
    
    .menu-primary-container, .menu-secondary-container {
        display: none;
    }
    
    #header .menu-primary-responsive-container, #header .menu-primary-responsive-container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; 
    }
}

/* */

body {
        background: #000 url("images/dark_stripes.png") repeat;
}

a:hover, a:focus {
	color: #8bbe33;
}

#header {
	height: 80px;
	background: transparent url("images/header.png") left center no-repeat;
}

#container {
	background-position: center 136px;
}

@media only screen and (max-width: 768px) {
	#container {
		background: none;
	}
}

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus, .menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
	background-image: url("images/menu-primary-bg.png");
}

.menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus, .menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {
	background-color: #8bbe33;
}

.menu-primary li li a {
	background-color: #637b2b;
}
#main {
	background: #202020
}

#copyrights {
	background: none;
}

.featured_image.alignleft, .featured_image.alignright {
	float:none;
}

embed, img, object, video, .wp-caption {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.title {
    line-height: 25px;
}

.readmore a, .readmore a:hover {
	background-image: url("images/readmore-bg.png");
}

.readmore a:hover {
	background-color: #637b2b; 
}

/* Logo */

.logo h1.site_title a {
	display: block;
	width: 248px;
	height: 70px;
	background: transparent url("images/kfz-logo.png") no-repeat;
	text-indent: -9999px;
}

/* High res graphics */

@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
        body {
            background-image: url("images/dark_stripes_@2X.png");
            background-size: 50px 50px;
        }
        #header {
			background-image: url("images/header_@2X.png");
			background-size: 960px 70px;
		}
        .logo h1.site_title a {
        	background: transparent url("images/kfz-logo_@2X.png") no-repeat;
        	background-size: 248px 70px;
        }
}

/*    RSS Widget   */
#text-3 {
    color: #808080;
    float: right;
    margin-top: -25px;
}

/* Weather */

.widget_wetterinfogadget {
}

#wetterinfo_data {
	max-height: 300px !important;
	background: url("../ProSUV/images/widget-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    list-style: none outside none;
    padding: 0 0 15px !important;
}

#wi-weather-header {
  background: url("../ProSUV/images/widgettitle-bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 9px 0 10px 9px;
    color: #FFFFFF;
    font-family: 'Oswald',sans-serif;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 16px;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
}

#wi-weather-border {
border: none !important;
background: url("../ProSUV/images/widget-line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    list-style: none outside none;
    margin: 0 0 15px !important;
    padding: 0 0 15px !important;
}

#wi-weather-footer, .wi-weather-footer, .wi-span-footer {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.wi-span-footer {
	padding-top: 0 !important;
	padding-bottom: 8px;
	margin-right: 10px !important;
}

.wi-weather-red {
	color: #8bbe33 !important;
}

.wi-weather-blue {
	margin-top: 5px;
	color: #B2B2B2 !important;
}

.wi-weather-icon {
	margin-right: 5px;
}
#wi-weather-next .wi-weather {
	margin-bottom: 15px;
}
/* Impressum page titles */

.page-id-17 .entry h2 {
    font-family: oswald;
    font-size: 18px;
}


/* Image gallery */

.image-gallery {
    text-align: center;
}

.image-gallery a {
    padding: 4px;
    background-color: #ffffff;
    border: 1px solid #BDBDBD;
}

.image-gallery li {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* Contact form */

.contact-form textarea, .comment-form input, .contact-form input[type="text"], .contact-form input[type="submit"] {
	background-color: #333;
	color: #fff;
}
.contact-form textarea {
	max-width: 95%;
}

.contact-form input[type="text"] {
	width: 95%;
    max-width: 336px;
}

 .contact-form input[type="submit"] {
 margin-bottom: 40px;
 }

.contact-form-input {
	margin-left: 0;
	text-align: left !important;
}	

.contact-form-label {
	float: none;
	width: auto;
}