/*
Theme Name: Looka
Theme URI: http://crizzstudio.pl
Author: Krzysztof Szymczak 
Author URI: http://crizzstudio.pl
Description: Responsywny styl strony Looka
Version: 1.0


CSS
*/


body{font-family: "Verdana", Times, serif;color:#1c1c1c;}
.top{background:#c62038;min-height:80px;width:100%;padding:15px;}
.text-top{color:#fff;font-size:30px;margin-left:170px;}
.text-top span{font-size:25px;}
.logo{position:absolute;left:0;top:-15px;}


.pageee a{color:#c62038 !important;}

.wpcf7-not-valid-tip{font-size:10px !important;margin-top:-10px !important;}
.screen-reader-response{font-size:12px !important;margin-top:-10px !important;color:#555 !important;margin-bottom:20px;font-weight:bold;}
.wpcf7-acceptance-missing{font-size:10px !important;margin-top:10px !important;color:#c62038 !important;margin-bottom:20px;}
.hidden{display:none;}
.visible{display:inline;}
.wpcf7-list-item input{float:left !important;margin-left:-15px;}

.kontakt{background:#1c1c1c;color:#fff;position:absolute;right:0;top:-15px;border-radius:0px 0px 8px 8px;padding:8px;font-size:14px;}
.kontakt a{color:#fff;}
.margin{margin-top:10px;margin-bottom:10px;}
.sekcja-1{margin-top:40px;}
.sekcja-1 ul{padding:15px;}

.box-big{position:relative;width:100%;height:300px;background-size:cover !important;background-position:center !important;margin-bottom:10px;}
.box-big-hover{width:100%;height:300px;opacity:0;font-size:120px;padding-top:50px;text-align:center;color:#fff;background:#c62038;}
.box-title{background:#c62038;color:#fff;padding:10px;position:absolute;bottom:15px;left:0;right:10px;font-size:25px;min-height:100px;text-transform:uppercase;}

.box-big:hover .box-title{opacity:0;transition:all 0.4s;}
.box-big:hover .box-big-hover{opacity:0.8;transition:all 0.4s;}

.form-control{border:2px solid #555;margin-top:-10px;border-radius:2px;background:#eee;color:#000;padding:15px;}
.btn-send{border-radius:4px;background:#c62038;border:2px solid #c62038;color:#fff;text-align:center;padding:6px 30px;font-weight:bold;margin-top:20px;float:right;font-size:16px;}
.textarea{font-size:14px;width:100%;height:150px;border:2px solid #555;margin-top:-10px;border-radius:2px;background:#eee;color:#000;padding:2px 15px;}

.footer{padding:15px;text-align:center;background:#212121;color:#fff;font-size:14px;}
.btn-send:hover{border-radius:4px;background:#fff;border:2px solid #c62038;color:#c62038;text-align:center;padding:6px 30px;font-weight:bold;margin-top:20px;float:right;font-size:16px;transition:all 0.3s;}
.opis{text-align:center;font-size:20px;margin-top:20px;font-weight:bold;}
.section-title{font-size:35px;text-align:center;margin-bottom:30px;margin-top:30px;text-transform:uppercase;}


.box-small{position:relative;width:100%;height:240px;background-size:cover !important;background-position:center !important;margin-bottom:30px;}
.box-small-hover{width:100%;height:240px;opacity:0;font-size:100px;padding-top:40px;text-align:center;color:#fff;background:#c62038;}
.box-small-title{font-weight:bold;background:#c62038;color:#fff;padding:10px;position:absolute;bottom:15px;left:0;right:10px;font-size:15px;text-transform:uppercase;}

.box-small:hover .box-small-title{opacity:0;transition:all 0.4s;}
.box-small:hover .box-small-hover{opacity:0.8;transition:all 0.4s;}

.red{height:5px;background:#c62038;width:100%;margin-top:50px;}
.red2{height:2px;background:#c62038;width:100%;margin-top:20px;margin-bottom:20px;}

.kontakt-bottom{font-size:20px;text-align:right;line-height:34px;padding-right:40px;}
.kontakt-bottom span{color:#c62038;}
.newsletter-label {font-size:10px;}

.kontakt-bottom-right{text-align:left;font-weight:400 !important;border-left:1px solid #555;padding-left:30px;}
.kontakt-bottom-right span{font-size:20px;color:#c62038;line-height:34px;}

/* Media queries


-------------------------------------------------- */
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.kontakt-bottom{text-align:left;margin-bottom:20px;}
.kontakt-bottom-right{padding-left:15px;border-left:0;}
.text-top{font-size:24px;}
.text-top span{font-size:24px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.kontakt-bottom{text-align:left;margin-bottom:20px;}
.kontakt-bottom-right{padding-left:15px;border-left:0;}
.text-top{font-size:16px;}
.text-top span{font-size:16px;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.box-title{font-size:16px;}
.box-small-title{font-size:16px;}
.section-title{font-size:25px;}
.logo{position:relative;width:150px;left:0;right:0;margin:0 auto !important;display:block;}
.text-top{margin-left:0;text-align:center;display:block;width:100%;}
.kontakt-bottom{text-align:left;margin-bottom:20px;}
.kontakt-bottom-right{padding-left:15px;border-left:0;}
}