/*

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%;
}
.projects .filter-content-2 {
    margin-bottom: 2rem;
}