/*

Theme Name: Bauhaus Child

Template: bauhaus

Theme URI: http://paul-themes.com/wp/bauhaus/

Author: VK

Author URI: http://paul-themes.com/

Description: Bauhaus - Architecture WordPress theme

Version: 1.0.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: custom-background, custom-colors, custom-header, custom-menu, featured-images, sticky-post, threaded-comments

Text Domain: bauhaus



*/





.pagepiling .pp-scrollable,
.pagepiling {

  height: 100vh !important;

}

.nav-desctop-list>li>a,
.menu-list li a {
  text-transform: uppercase;
}

/*.has_navbar .social-list {
	float: right;
}*/

.page-template-template-fullpage header.navbar-white {
  /*background: #0000007d;*/
  background-image: linear-gradient(#333333f5, #00000000);
  border: none;
}

.page-template-template-fullpage header.navbar-white .nav-desctop-list li a {
  color: #fff;
}

@media (max-width: 767px) {
  .project-detail>.project-detail-info {
    top: 0;
    position: relative;
  }
}

.project-detail-meta {
  margin-top: 2.5rem;
}

.project-detail-meta>p {
  background: #000;
  height: 1px;
  margin-top: 23px;
}

.project-detail-meta>p span {
  background: #fff;
  padding: 13px;
  position: relative;
  top: -13px;
}

.seed-social {
  text-align: center;
}

.seed-social {
  margin: 0px;
}

.seed-social>div {
  width: 32%;
  margin: 10px 0;

}

.seed-social>div:nth-child(2) {
  margin-left: 1%;
  margin-right: 1%;
}

.seed-social>div>a {
  float: none;
  width: 100%;
}

#slider-prev-0,
#slider-next-0 {
  position: absolute;
  top: 50%;
  z-index: 1;
  font-size: 4rem;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

#slider-prev-0 {
  left: 2.2rem
}

#slider-next-0 {
  right: 2.2rem
}

#slider-prev-0:hover,
#slider-next-0:hover {
  color: #cee002
}

.btn-red {
  background: #ff0000;
}

.home #social_side_links {
  display: none;
}

#social_side_links {
  position: fixed;
  top: 30%;
  right: 0;
  padding: 0;
  list-style: none;
  z-index: 99
}

#social_side_links li a {
  display: block
}

#social_side_links li a.facebook-icon {
  background-color: #3c5a96
}

#social_side_links li a.messenger-icon {
  background-color: #fff
}

#social_side_links li a.line-icon {
  background-color: #00b900
}

#social_side_links li a.email-icon {
  background-color: #aaa
}

#social_side_links li a.phone-icon {
  background-color: #018f99
}

#social_side_links li a img {
  display: block;
  max-width: 50px;
  padding: 10px;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out
}

#social_side_links li:hover img {
  background: rgba(0, 0, 0, .2)
}

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

  .home #social_side_links {
    display: block;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    text-align: center;
    margin: 0;
    width: 100%;
    height: 50px;
  }

  #social_side_links {
    top: auto !important;
    bottom: 0 !important;
    text-align: center;
    margin: 0;
    width: 100%;
    height: 50px;
  }

  #social_side_links li {
    display: inline-block !important;
    margin-left: -2px;
    margin-right: -2px;
    width: 20%
  }

  #social_side_links li img {
    margin: 0 auto
  }
}

body .experience-info {
  visibility: visible !important;
}

.navbar.navbar-2.boxed:not(.navbar-white) {
  background: #fff;
}

@media (min-width: 768px) {
  .section-about {
    padding-top: 0rem;
  }
}

@media (min-width: 992px) {
  body .wpb_wrapper .page-header {
    margin: 8rem 0 5.8rem;
  }
}


.projects .container {
  width: 100%;
}

@media (max-width: 767px) {
  .project-detail-thumbnail .opener {
    padding: 0;
  }
}

.projects .filter-content-2 {
  margin-bottom: 2rem;
}

.project-detail-text p {
  margin-bottom: 1rem;
}

.project-detail-text ul {
  padding-left: 30px;
}

.project-detail-text li:has(a)::marker {
  color: #cee002;
}

.related-projects .project-item img {
  height: 500px;
  object-fit: cover;
}

.project-detail-list p {
  margin-bottom: 0;
}

/* 
@media (min-width: 768px) {
  .sly ul li {
    width: 455px;
  }
}

@media (min-width: 1200px) {
  .sly ul li {
    width: 525px;
  }
} */