/*
Theme Name:   Bartoszewicz Architektura
Description:  Motyw potomny Bartoszewicz Architektura 
Author:       Mateusz Kulik
Author URI:   https://mateuszkulik.pl/
Template:     Divi
Version:      1.0.3
Text Domain:  bartoszewiczarchitektura
/*

/* Theme customization starts here
------------------------------------------------------- */


/* Commom CSS
------------------------------------------------------- */

.flexbox-ELEK{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/*** Flex column reverse column  ***/

@media only screen and (max-width: 980px) {
    .flexbox-reverse-order-BAR.et_pb_row{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
	.flexbox-reverse-order-BAR .et_pb_image_wrap {
		margin-bottom: 26px;
    }
}


.flexbox-justify-content-flex-start-align-items-center-BAR{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flexbox-justify-content-flex-center-align-items-center-BAR{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.breadcrumbs-BAR span{
	font-size: 12px !important;
	color: gray;
}

.breadcrumbs-BAR {
	line-height: 1.2em;
}

@media only screen and (max-width: 980px) {
	.margin-bottom-tab-mob-0-BAR{
		margin-bottom: 0 !important;
	}
}


/* END Commom CSS
------------------------------------------------------- */




/* Homepage
------------------------------------------------------- */

.hero-homepage-bg-BAR img{
	margin-top: -5.5em;
}

@media only screen and (min-width: 650px) {
	.hero-homepage-bg-BAR img{
		margin-top: -10.5em;
	}
}

@media only screen and (min-width: 981px) {
	.hero-homepage-bg-BAR img{
		margin-top: -140px;
	}
}



/* END Homepage
------------------------------------------------------- */




/* Header
------------------------------------------------------- */


@media only screen and (min-width: 1600px) {
	.et_pb_menu__logo-wrap {
		max-width: 140px !important;
	}
}


/* END Header
------------------------------------------------------- */


/* Footer
------------------------------------------------------- */

.footer-nav-BAR ul{
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.footer-nav-BAR .et_pb_text_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

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

	.footer-social-media-row-BAR .et_pb_column_5_tb_footer{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.footer-nav-BAR ul{
		padding: 0 !important;
		text-align: left;
	}
	
	.footer-nav-BAR ul li{
		padding-top: 20px;
	}
	
	.footer-nav-BAR .et_pb_text_inner{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
		
}

@media only screen and (min-width: 980px) {

	.footer-nav-BAR ul{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	


	.footer-nav-BAR ul li{
		margin-right: 30px;
	}
}

/* Footer
------------------------------------------------------- */



/* disable titles in lightbox images
------------------------------------------------------- */
.mfp-bottom-bar{ 
	display: none !important;
}


/* change hamburger icon to x when mobile menu is open
------------------------------------------------------- */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/* two columns gallery Divi
------------------------------------------------------- */

/* Stosujemy układ 2 kolumn tylko dla desktopu (powyżej 980px) */
@media (min-width: 981px) {
    
    /* Nadpisanie szerokości na niecałą połowę z uwzględnieniem 3% marginesu */
    .two-columns-gallery-BAR .et_pb_gallery_item {
        width: 48.5% !important;
        margin-right: 3% !important;
        margin-bottom: 3% !important;
        clear: none !important;
    }
    
    /* Kasujemy margines po prawej stronie dla co drugiego elementu (ostatniego w rzędzie) */
    .two-columns-gallery-BAR .et_pb_gallery_item:nth-child(2n) {
        margin-right: 0 !important;
    }
    
    /* Wymuszamy załamanie linii (clearfix) od lewej strony dla pierwszego elementu w nowym rzędzie */
    .two-columns-gallery-BAR .et_pb_gallery_item:nth-child(2n+1) {
        clear: both !important;
    }
    
    /* Divi domyślnie "czyści" co czwarty element, musimy nadpisać to zachowanie */
    .two-columns-gallery-BAR .et_pb_gallery_item:nth-child(4n+1) {
        clear: both !important; 
    }
}


/* Disable lightbox on images
------------------------------------------------------- */


.two-columns-gallery-BAR .et_pb_gallery_item a {
  pointer-events: none;
}

.two-columns-gallery-BAR .et_overlay {
  display: none !important;
}