/*
Theme Name: Blackhorse MMA Łomża
Theme URI: http://mmalomza.eu
Author: studio-pryzmat
Author URI: www.studio-pryzmat.pl
*/
*{margin: 0; padding: 0; box-sizing: border-box;}
@font-face{font-family: geo; src:url('fonts/Geomanist-Regular.otf');}
a{text-decoration:none;color:white;}
a:hover{color:red;}
ul{list-style: none;}
img{border:none;}
body, html{background-image:url('images/tlo.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: white; font-family: geo;}
header, main{width: 100%; max-width: 1000px; margin: 0 auto; background-color: #0c0c0c; align-content: flex-start; align-items: flex-start; padding-right: 10px; padding-left: 10px; padding-bottom: 10px;}
main{padding-bottom:50px;min-height:calc(100vh - 224px);}
header{display: flex; flex-direction: row; flex-wrap: wrap;}
.elementor-element-populated{padding:0!important;}
.section-left{width: 200px; padding: 20px 10px 0 0;}
.section-left img{width: 100%; height: auto;}
.section-right{width: calc(100% - 200px); padding: 40px 10px 10px 20px; display: flex; flex-direction: row; flex-wrap: wrap;}
.add-title{width: 100%; padding-bottom: 20px; display: flex; flex-direction: row; flex-wrap: wrap;}
.add-title h3{color: gray;}
.add{width: 100%; height: 40px; display: flex; flex-direction: row; flex-wrap: wrap;  border-bottom: 5px solid red;}
.panel-add{width: 70%; padding-right: 20px;}
.panel-add h4{color: gray;position:relative;overflow:hidden;width:100%;height:24px;}
.panel-add h4 span{position:absolute;top:0;left:0;white-space: nowrap;}
.social{width: 30%; padding-left: 20px;}
nav {width: 100%; text-align: center; padding-top: 20px;}
nav ul li{display: inline-block; }
nav ul li:after{content:'|'; padding:0 10px;}
nav ul li:last-child:after{content:'';}
.slicknav_menu {display:none;}
.title-page{width: 100%;}
.title-page h3{text-align: right; padding: 0 20px 20px 0;}
.sector-top{display: flex; flex-direction: row; flex-wrap: nowrap;}
.poster-head{width: 38%;}
.poster{width: 100%; margin: 0 5px 10px 0;}
.poster img{width: 100%;}
.unslider{width: 100%; overflow: hidden!important;}
.news{width: 62%; padding: 0 0 5px 5px;}
.news-top{width: 100%;position: relative;}
.news-bottom{width: 100%;display: flex; flex-direction: row;flex-wrap:wrap;}
.news-add{width: 50%; padding-top:5px; position: relative;}
.news-add:first-child{padding-right: 2.5px;}
.news-add:last-child{padding-left: 2.5px;}
.news img{width: 100%; height:auto;overflow:hidden;}
.wrapper{overflow:hidden;width:100%;height:50%;}
.news h2{background-color: rgba(0,0,0,0.7); position: absolute; bottom: 5px; left: 0; padding: 5px 10px 5px 10px;font-size:16px;}
.recommend{height: 100%; position: relative;}
.recommend img{width: 100%;}
.recommend h3{background-color: #0c0c0c; position: absolute; top: 10px; left:0; padding: 5px 10px 5px 10px;}
.block-article{padding-top:20px;width:100%;}
.old-article{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.photo-article{width: 38%;}
.photo-article img{width: 100%;height:auto;padding-left:10px;}
.title a h3{display:inline-block;}
.article{width: 62%; padding-left: 10px;max-height:240px;overflow:hidden;}
.date2 span{color: gray;font-size:14px;padding-left:10px;}
.training{width: 100%;}
.line-top{width: 100%; background-color: red; padding: 10px 20px; text-align: center; margin-bottom: 2px;}
.line-down{width: 100%; background-color: red; padding: 10px 20px; text-align: center; margin-top: 2px;}
.plan img{width: 100%;}
.telefony{width: 100%; margin-bottom: 10px; text-align: center;}
.telefony h3{display: inline-block; text-align: center; padding-right: 10px;}
.telefony i{color: red;}
.map-container{width: 100%;}
#map{width: 100%; height: 300px;}
iframe{width: 100%; height: 400px;}
.adress{background-color: red; margin-bottom: 5px; position: relative; padding: 10px;}
.adress h3{text-align: right;}
.gallery-contact{width: 100%;}
.panorama-contact{width: 100%;}
.panorama-contact img{width: 100%;}
.photo-contact{width: 100%; display: flex; flex-direction: row;  padding-bottom: 35px;}
.photo-gym img{width: 100%;}
.photo-gym{padding-right: 5px;}
footer img{position:absolute;top:-55px;left:30px;width:100px;height:100px;}
footer{width: 100%; background-color: red; padding: 10px 0 10px 0; text-align: center; position: fixed; bottom:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
footer a:hover{color: silver;}
footer ul li{display: inline-block;}
footer ul li:after{content:'|'; padding:0 10px;}
footer ul li:last-child:after{content:'';};
.pagination{margin-left:50px;}
.pagination li.active{color:gray;}
.pagination li.active:after{color:#fff;}
.waypoint{width:100%;height:10px;}
.aktualnosci-tytul{position:relative;}
.aktualnosci-tytul h3{background-color: rgba(0,0,0,0.7); position: absolute; bottom: 20px; left: 10px; padding: 5px 25px 5px 10px;font-size:16px;max-width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.aktualnosci-tytul h3:after{content:url('images/czytaj_dalej.png');position:absolute;top:6px;right:3px;}

#load-more{display:none;}
.panel-add .post-meta-key{display:none!important;}
@media screen and (max-width:966px)
{
  .panel-add{width: 55%;}
}

@media screen and (max-width:649px)
{
    .telefony h1{display: block;}

}


@media screen and (max-width:625px)
{

  header{display: block;}
  .section-left{width: 100%;}
  .section-left img{width: 200px; height: auto; margin-left: 35%;}
  .section-right{width: 100%;}
  #menu {display:none;}
  .slicknav_menu{display: block;}
  .sector-top{height: auto; display: block;}
  .poster-head{width: 100%;}
  .news{width: 100%; padding-left: 0;}
  .old-article{display: block;}
  .photo-article{width: 100%;}
  .article{width: 100%;}
}

@media screen and (max-width: 600px)
{
  footer img{display:none;}
}

@media screen and (max-width:414px)
{
  .section-left img{margin-left: 25%;}
  .add-title{padding-bottom: 10px;}
  .add{display: block; height: 100%;}
  .panel-add{width: 100%; padding-bottom: 5%; padding-right: 0;}
  .social{width: 81%; margin-left: 15%; padding-bottom: 5%;}
  .news-bottom{display: block;}
  .news-add{width: 100%;}
  .recommend h3{font-size: 12px;}
  .old-article{display: block;}
  .photo-article{width: 100%;}
  .article{width: 100%;}
  .block-article:last-child{padding-bottom:5px;}
  .telefony h1{display: block;}
  .photo-contact{display: block; padding-bottom: 2px;}
  footer{display: none;}
}

@media screen and (max-width:320px)
{
  .section-left img{margin-left: 20%;}
  .add-title{padding-bottom: 10px;}
  .add{display: block; height: 100%;}
  .panel-add{width: 100%; padding-bottom: 5%; padding-right: 0;}
  .social{margin-left: 6%; padding-bottom: 5%;}
}