/*
Theme Name: Opalski
Description: A Child Theme of Twenty Twelve Theme
Template: twentytwelve
Version: 1.0.0
*/
@import url(../twentytwelve/style.css);

/* fonts */

@font-face {
  font-family: 'Calibri';
  src: url('./fonts/Calibri.eot?#iefix') format('embedded-opentype'),  url('./fonts/Calibri.woff') format('woff'), url('./fonts/Calibri.ttf')  format('truetype'), url('./fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* general */

body {
    background: #f9f8f8;font-family: 'Calibri' !important;margin: 0 auto;}
#page {margin:5px auto;padding: 0 20px 0 20px;}
@media screen and (min-width: 600px) {
	.site {
		max-width: 1200px;background: #f9f8f8;box-shadow: none !important;
	}}
img.wp-post-image, .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {border-radius:0px !important;box-shadow: none !important;}
.attachment-full {margin-bottom:0 !important;}
.clear2 {clear:left;}

/* header */ 

h1.site-title {width:50%;float:left;}
h1.site-title a {
    font-size: 20px;
    line-height: 2.57rem;
    color: #000;
	text-transform: uppercase;
	font-weight:normal;
	line-height:1.2;
	letter-spacing:1.9px;
}
h1.site-title a span {color: #103f7c;}
h1.site-title a:hover {color: #000;}

.kontakt {float:left;width:50%;text-align:right;}
.kontakt a {display:block;text-decoration: none;font-size: 16px;line-height: 1.57rem;}
.kontakt a.email {color: #103f7c;}
.kontakt a.phone {color: #000;}

/* nav */

.site-header {padding: 0;}
.gb {margin-top:5px;}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 0 solid #25282B;
    border-top: none;
}

.main-navigation li a {
    color: #000;
    font-weight: normal;font-size: 14px;
}
.main-navigation li a:hover {
    color:#103f7c;
}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a{
    color:#103f7c;font-weight: normal;
}

/* home*/

.home .entry-header .entry-title, .page-id-64 .entry-header .entry-title {display:none;}
.home .entry-content p {font-size: 19px;line-height:1.85;}
img.alignleft, .wp-caption.alignleft {
margin: 0px 24px 12px 0;}

/* page */

.banner {position:relative;}
div.motto {bottom:0;left:0;position:absolute;color:#000;font-size:20px;line-height:1.6;background: rgba(255,255,255,0.6);padding:22px;font-weight:normal;}
div.motto span {color: #103f7c;display:block;}
.entry-content {text-align:justify;word-wrap: normal;	
-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;}
.entry-content p {font-size:16px;line-height:1.8;}
.entry-content p strong {color: #103f7c;}

.entry-header .entry-title {
    font-size: 20px;
    line-height: 2.85rem;
	color: #103f7c;
	text-transform: uppercase;
	margin-top:30px;
}

.entry-header .entry-title a {
    color: #1E2124;
}

.entry-header .entry-title a:hover {
    color: #4281B3;
}

.site-content {
margin: 0;
}

.site-content article{
    margin-bottom: 0.14286rem;
    border-bottom: 0 solid #25282B;
}

div.left {float:left;width:70%;padding: 0px 0 10px 0px;}
div.left2 {float:left;width:45%;padding: 0px 20px 0px 0px;}
div.right {float:right;width:25%;margin: 5px 0 0px 30px;}
div.right2 {float:right;width:50%;margin: -55px 0 0px 0px;}

div.right2 p {margin-bottom:10px;}
/* footer */

footer[role="contentinfo"] {
border-top: 1px solid #103f7c;
clear: both;
font-size: 11px;
font-size: 0.857142857rem;
line-height: 2;
max-width: 1200px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding:0;
color:#000;
}
.site-info a, .second-menu a {text-decoration: none;text-transform: uppercase;color: #000 !important;}
.site-info a:hover, .second-menu a:hover {color: #103f7c !important;}

.site-info, .second-menu {float:left;width:50%;text-transform: uppercase;}
.second-menu ul {float:right;}
.second-menu ul li {float:left;margin: 0 0 0 20px;text-transform: uppercase;}

/* widget */

.widget-area {
    border-left: .072rem solid #E8E8E8;
    padding-left: 2.14rem;
}

.widget-area #s{
    background: #F2F2F2;
    border-top: .072rem solid #A3A3A3;
    border-left: .072rem solid #A3A3A3;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
}

#searchsubmit{
    background-color: #4281B3;
    background-image: none;
    background-repeat: no-repeat;
    border-radius: 0;
    color: #ffffff;
    font-size: 1rem;
    border: none;
}

.widget-area .widget{
    border-bottom: .072rem solid #E8E8E8;
    padding-bottom: 2.14rem;
    margin-bottom: 2.14rem;
}

.widget-area .widget h3 {
    color: #5F6163;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}
/* misc */

.more-link{
    background-color: #4281B3;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1.43rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

a.zobacz {
	float:right;margin-top:-20px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #103f7c;
	padding: 15px 26px;
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff !important;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
p.zobacz {
	float:left;margin-top:0px;display:block !important;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #103f7c;
	padding: 15px 26px;
	font-size: 14px;
	line-height: 100%;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	color: #fff !important;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.home a.zobacz {margin-top:-10px !important;}
.full-width p.zobacz {pading-bottom:10px;}
.full-width a.zobacz {margin-top:10px;}
a.zobacz:hover, p.zobacz:hover {
	background-color: #0058a3;
}

/* contact form */

.wpcf7 {clear:both;font-family: 'Calibri' !important;margin-bottom:100px !important;}
.wpcf7-submit {background: #103f7c !important;font-family: 'Calibri' !important;color:#fff !important;text-transform: uppercase;width:auto !important;font-size:16px !important;}
.wpcf7-submit:hover {background: #0058a3 !important;}
div.wpcf7 .wpcf7-form-control { max-width: 100%; }

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
	width: 95%;
}
.wpcf7-form-control {font-size:16px;}
span.wpcf7-list-item {margin:0;}
span.wpcf7-list-item label {font-size:12px;font-weight:300px;}
div.wpcf7 p {margin-bottom:5px;}

/* media queries */

/* Smartphones (portrait and landscape) ----------- */
@media only screen  
and (max-device-width : 560px) {
/* Styles */
.site-title,.kontakt,.site-info,.second-menu,.second-menu ul {width:100% !important;float:none;text-align:center;}
.second-menu {margin: 0 auto;}
.site-header {margin-bottom:10px;}
div.motto {font-size: 14px;}
.home .entry-content p {font-size: 16px;line-height: 1.8;}
.full-width a.zobacz {margin-top:40px;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.site-info {width:60%;}
.second-menu {width:40%;}
.full-width a.zobacz {margin-top:30px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.full-width a.zobacz {margin-top:30px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

@media only screen 
and (max-width : 1135px) {
/* Styles */
}

@media only screen 
and (max-width : 599px) {
.menu-toggle {margin-bottom:20px;}	
div.motto {width:100%;padding:10px;font-size:14px;}
div.left2 {width:100%;padding:0;}
div.right2 {float:left;width:100%;margin:0;}
}

@media only screen 
and (max-width : 699px) {
div.right {float:none;width:100%;margin: 0;}
div.left {float:none;width:100%;margin: 0;}
}