/*
Theme Name:   ARBUD
Description:  Szablon ARBUD
Author:       Qvidard
Author URL:   Write here the author's blog or website url
Template:     construction-landing-page
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  ARBUD
*/

/* Write here your own personal stylesheet */
html, body, section, #acc-content {
  overflow-x: hidden !important;
  position: relative; /* wymusza prawidłowe liczenie obszaru */
  width: 100% !important;
}
a {
    color: #ffa227;
}
.has-large-font-size {
		font-size: 36px;
		line-height: 38px;
	}
.site-header { 
	position: fixed; 
	background: rgba(0, 0, 0, 0.85);
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { color: #f0f0f0; }
.no-banner .site-header { background: #000; }
.mobile-header { background: #000; }
body:not(.no-banner).admin-bar .site-header { margin: 0; }
.main-navigation { margin: 25px 45px 25px 0; }
.main-navigation a { padding: 0 0 20px;}
.site-header .site-branding { margin-top: -5px; }
.our-services .col { width: 33.33333%; }
.banner form { 
	background: #141414; 
	border: 3px solid #f0f0f0;
}
.banner:before {
	background: rgba(39, 39, 39, 0.6);
}
.contact-details { 
	border: 3px solid #f0f0f0;
	padding: 25px 10px;
	background: #1e1e1e;
}
.contact-details span { 
	display: block;
}
.wpcf7-form svg {
    font-weight: normal;
    margin: 0 10px 0 0;
}
.wpcf7-form .fa-phone {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.promotional-block2 { padding: 0; background: transparent;}
.promotional-block2 .header { width: 100%; max-width: 100%; margin: 0; }
.promotional-block2 .main-title { display: none; }
.promotional-block2::before { content: none; }
.about { background: #323232; }
.about .header .main-title, .about .header p { color: #f0f0f0; }
.service-content { text-align: left; }
.our-projects { background: #141414; }
.our-projects .header .main-title, .our-projects .header p { color: #f0f0f0; }
.our-projects .col .text-holder { background: #323232}
.our-projects .mCSB_container { height: 100%; }
.single-post #primary .post .post-thumbnail { border: 3px #000 solid; }
.main-navigation a { padding: 5px 0; }
.main-navigation li:hover > a, .main-navigation li.focus > a { color: #fff; }
.main-navigation li {
    letter-spacing: 0;
	font-weight: 600;
	text-transform: uppercase;
}
.main-navigation li a {
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.main-navigation li a::before,
.main-navigation li a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.main-navigation li a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.main-navigation li a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.main-navigation li a:hover,
.main-navigation li a:focus {
	color: #fff;
}

.main-navigation li a:hover::before,
.main-navigation li a:focus::before,
.main-navigation li a:hover::after,
.main-navigation li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.nav-button__next,.nav-button__prev {
    background-color: transparent;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    height: 62px;
    margin: 0 1%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 62px
}
.nav-button__next:hover, .nav-button__prev:hover {
	background-color: transparent !important;
}
.custom-logo-link:focus {
  outline: none;
}


/* Responsive CSS */

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

    .site-header .site-branding { 
		width: 20%;
		margin-top: 10px;
	}
	.main-navigation { margin: 15px 45px 25px 0; }

}

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

    .mobile-header { background: #000; }
	.has-large-font-size {
		font-size: 36px;
		line-height: 38px;
	}
	.our-services .col { width: 50%; }
	.our-projects .col { width: 50%; }
	.our-projects .col .text-holder .title { margin-bottom: 15px; }

}

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

    .our-services .col { width: 100%; }
	.our-projects .col { width: 100%; }
	.our-projects .col .text-holder .title { margin-bottom: 15px; }

}