/*
Theme Name:  Dużo Dobrego
Author:  Michał Kowalski
Author URI:  http://kovalsky.pl
*/

/* =WordPress Core
-------------------------------------------------------------- */

    .alignnone {
    	margin: 5px 20px 20px 0;
    }
    
    .aligncenter,div.aligncenter {
    	display: block;
    	margin: 5px auto;
    }
    
    .alignright {
    	float: right;
    	margin: 5px 0 20px 20px;
    }
    
    .alignleft {
    	float: left;
    	margin: 5px 20px 20px 0;
    }
    
    a img.alignright {
    	float: right;
    	margin: 5px 0 20px 20px;
    }
    
    a img.alignnone {
    	margin: 5px 20px 20px 0;
    }
    
    a img.alignleft {
    	float: left;
    	margin: 5px 20px 20px 0;
    }
    
    a img.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .wp-caption {
    	background: #fff;
    	border: 1px solid #f0f0f0;
    	max-width: 96%;
        /* Image does not overflow the content area */
    	padding: 5px 3px 10px;
    	text-align: center;
    }
    
    .wp-caption.alignnone {
    	margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignleft {
    	margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignright {
    	margin: 5px 0 20px 20px;
    }
    
    .wp-caption img {
    	border: 0 none;
    	height: auto;
    	margin: 0;
    	max-width: 98.5%;
    	padding: 0;
    	width: auto;
    }
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	margin: 0;
    	padding: 0 4px 5px;
    }
    
    /* Text meant only for screen readers. */
    .screen-reader-text {
    	clip: rect(1px,1px,1px,1px);
    	position: absolute!important;
    	height: 1px;
    	width: 1px;
    	overflow: hidden;
    }
    
    .screen-reader-text: focus {
    	background-color: #f1f1f1;
    	border-radius: 3px;
    	box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    	clip: auto!important;
    	color: #21759b;
    	display: block;
    	font-size: 14px;
    	font-size: .875rem;
    	font-weight: 700;
    	height: auto;
    	left: 5px;
    	line-height: normal;
    	padding: 15px 23px 14px;
    	text-decoration: none;
    	top: 5px;
    	width: auto;
    	z-index: 100000;
    /* Above WP toolbar. */
    }

/* /WP core */

/* dostosowane zasto */

    body {
    	background:  #FEAF4F url(images/tlo.jpg) top no-repeat;
    	background-size:  cover;
    }
    
    .logo {
        background:  url(images/logo.png) 50% 55px no-repeat;
    }
    
    .panele {
    	overflow: hidden;
    	height: 284px;
    	width: 942px;
    }
    
    .panel {
    	width: 140px;
    	height: 284px;
    	float: left;
    	margin-right: 20px;
    	background: #fff;
    	overflow: hidden;
    }

    .otwarty,.startowy {
    	width: 460px;
    }
    
    .ostatni {
    	margin: 0;
    }
    
    .wnetrze_panelu {
    	overflow: hidden;
    }
    
    .zawartosc_panelu {
        display: block;
    	padding: 8px 0 0;
    	width: 100%;
    	text-decoration: none;
    }

/* /zasto */

/* dużo dobrego */

    .dd-top {
        height: 110px;
        padding-top: 55px;
        padding-bottom: 60px;
    }
    
    .dd-logo a {
        display: inline-block;
        width: 460px;
        height: 110px;
        text-decoration: none;
    }
    
    .dd-phone,
    .dd-map {
        text-align: right;
        padding-top: 30px;
    }
    
    .dd-phone a,
    .dd-map a {
        font: 600 18px/20px 'Titillium Web';
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    .dd-panel-zdjecie {
        background-color: #eee;
        background-size: cover;
        background-position: 80% 50%;
        height: 152px; 
    }
    
    .startowy .dd-panel-zdjecie {
        height: 220px;
    }
    
    .dd-zdjecie-pierwsze {
        background-image: url(images/foto-1.jpg);
    }
    
    .dd-zdjecie-drugie {
        background-image: url(images/foto-2.jpg);
    }
    
    .dd-zdjecie-trzecie {
        background-image: url(images/foto-3.jpg);
        background-position: 70% 50%;
    }
    
    .dd-zdjecie-czwarte {
        background-image: url(images/foto-4.jpg);
        background-position: 90% 50%;
    }
    
    .dd-panel-tytul {
        padding-top: 10px;
        text-align: center;
        color: #f89408;
        font: 300 32px 'Titillium Web';
    }
    
    .otwarty .dd-panel-tytul {
        font: 400 22px 'Titillium Web';
        text-transform: uppercase;
    }
    
    .dd-tresc {
        margin-top: 35px;
        margin-bottom: 35px;
    }
    
    .dd-tresc .grid_12,
    .dd-tresc .grid_6 {
        background: #fff;
    }
    
    .dd-tresc h1,
    .dd-tresc p {
        margin: 15px 30px;
    }
    
    .dd-tresc h1 {
        font: 300 24px 'Titillium Web';
        color: #f89408;
    }
    
    .dd-tresc p,
    .dd-stopka p {
        font: 11px 'Trebuchet MS', 'Myriad Pro';
        color: #666;
    }
    
    .dd-stopka {
        margin-top: 20px;
        padding-bottom: 40px;
    }
    
    .dd-stopka a {
        color: #555;
        text-decoration: none;
    }

/* /dużo */