@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Author: DALIN
Description: KS Dalin Myślenice
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
*/


html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	background: #19663e url("bg_festiwal.jpg") no-repeat fixed center ;
            font-family: 'Open Sans', sans-serif;
            color: white;
}


.container {
            max-width: 1000px;
            margin: 0 auto;
            width: 100%;
        }

        .container::after {
            content: "";
            display: table;
            clear: both;
        }

        .image {
            float: left;
            width: 50%;
            box-sizing: border-box;
            padding: 10px;
        }

        .image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .szczegol {
            float: left;
            width: 50%;
            box-sizing: border-box;
            padding: 10px;
            text-align: center;
            line-height: 20px;
        }

        .szczegol span {
        	font-weight: 800;
        }

        .text {
            float: left;
            width: 100%;
            box-sizing: border-box;
            padding: 10px;
            text-align: center;
        }

        @media (max-width: 767px) {
            .image, .text, .szczegol {
                float: none;
                width: 100%;
                max-width: 100%;
            }
        }
input[type=text], input[type=email],  input[type=date] {
    width: 60%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid white;
    background: no-repeat;
    color: white;
    padding: 10px 30px;
}

input[type=submit] {

    width: 100%;
    padding: 15px 0;
    background: white;
    color: black;
    border-radius: 10px;
    border: none;
    margin-bottom: 40px;
    cursor: pointer;

}

button {
	width: 60%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid white;
    background: no-repeat;
    color: white;
    padding: 10px 30px;
    margin: 15px auto;
    cursor: pointer;
}