/*!
  * Item: Kitzu
  * Description: Personal Portfolio Template
  * Author/Developer: Exill
  * Author/Developer URL: https://themeforest.net/user/exill
  * Version: v2.0.0
  * License: Themeforest Standard Licenses: https://themeforest.net/licenses
  */

/*----------- ADD YOUR CUSTOM CSS STYLES BELOW -----------*/

.soc-icon-img{
  width: 28px;
  transition: scale 0.4s;
}
.soc-icon-img:hover{
  scale: 125%;
}

.sidebar-headline{
  border-left: 3px solid #007bff;
  padding-left: 10px;
  margin-top: 3rem;
}

.custom-sidebar {
  list-style: none;
}

.post-card{
  padding: 12px 0px 6px 0px;
  margin-bottom: 12px;
}

.lightbox-wrapper .lightbox-content .section-heading.page-heading > .animated-bar{
  background-color: #007bff;
}

.cont-body-services{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.cont-body-services .container-blocks{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 320px; 
  height: 450px;
  margin: 1rem;
  background-position: center;
  overflow: hidden;
  transition: box-shadow 0.2s;
}

.cont-body-services .card{   
  position: absolute;
  width:  100%;
  color: #d6d6d6;
  text-align: center;
  background: transparent;
}

.cont-body-services .container-blocks:hover{
  /* filter: drop-shadow(0px 0px 5px #007bff60);
  -webkit-filter: drop-shadow(0px 0px 5px #007bff60); */
  box-shadow: -5px 0px 10px #007bff60, 5px 0px 10px #a435b760;
  transition: box-shadow 0.2s;
}

.cont-body-services .text{
  font-size: 25px;
  transition: all .5s ease;
}
.cont-body-services h5{
  margin: 1rem;
}
.cont-body-services .btn-serv{
  padding: .5rem;
  background: #000000;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  margin: 1rem;
  cursor: pointer;
}
.cont-body-services .btn-serv:hover{
  padding: .5rem;
  background: #1a1a1a;
  border: none;
  color: #fff !important;
  text-transform: uppercase;
  margin: 1rem;
  cursor: pointer;
}

.cont-body-services img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

hr{
  border-image: linear-gradient(to right, #007bff60, #a435b760) 1;
}

.info-section .info-content .content-description p:last-child{
  border-image: linear-gradient(to right, #007bff, #a435b7) 1;
}

.lightbox-wrapper .lightbox-content .section-heading.page-heading > .animated-bar{
  background-image: linear-gradient(90deg, #007bff, #a435b7);
  width: 350px;
}

.nav-link{
  margin-bottom: 2px;
}

.nav-link:hover{
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #007bff, #a435b7) 1;
  margin-bottom: 0px;
}

.btn.button-scheme{
  background-image: linear-gradient(90deg, #007bff, #a435b7);
  border: 0px !important;
}

.btn-contact-edit{
  padding: 10px 35px !important;
}

.post-img{
  position: relative;
}
.post-img-filter{
  transition: box-shadow 0.2s;
}
.post-img-filter:hover{
  /* filter: drop-shadow(0px 0px 5px #007bff60);
    -webkit-filter: drop-shadow(0px 0px 5px #007bff60); */
    box-shadow: -5px 0px 10px #007bff60, 5px 0px 10px #a435b760;
  transition: box-shadow 0.2s;
}
.post-img .post-icon{
  position: absolute;
  top: 40%;
  left: 45%;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 2rem;
  color: #fff;
}
.post-img:hover .post-icon{
  opacity: 1;
  transition: opacity 0.3s;
  pointer-events: none;
}

.post-img-bg{
  width: 100%;
  height: 230px;
  display: block;
  box-sizing: border-box;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('http://tomasmihola.cz/wp-content/themes/licky_template/img/blog/1.jpg');
}

.blog-section .single-post .post-img .content-date{
  background-color: unset;
  background-image: linear-gradient(90deg, #007bff90, #a435b790);
}

@media only screen and (max-width: 1020px) {
  #home{
    background-position: initial;
  }
}

.wpcf7-form-control {
  width: 100%;
}