/*
Theme Name: wf
Description: Szablon strony Warszawskie Firany
Author: www.vanhem.pl
*/

/********************************* BODY *******************************/
body {
	margin:0;
	padding:0;
	background-color: #F5F4EC;
}

.menuhide {
	display: none !important;
}


/********************************* POPUP ******************************/
#et-boc .area-outer-wrap[data-da-type="popup"] {
  	max-width: fit-content !important;
}



/********************************* STREFA MAREK ***********************/
#wfStrefaMarekLeftColumnMenu {
	
}

#wfStrefaMarekLeftColumnMenu nav {
  	padding: 0 !important;
}

#wfStrefaMarekLeftColumnMenu ul {
  	display: flex !important;
  	flex-direction: column !important;
}

#wfStrefaMarekContent .et_pb_section{
  	padding-top: 0 !important;
  	margin-top: 0 !important;
}

#wfStrefaMarekContent .et_pb_section:nth-child(1) .et_pb_row {
	padding-top: 0 !important;
}

#wfStrefaMarekContent {
	
}

/********************************* FONTS ******************************/
@font-face {
    font-family: 'Marcellus';
    src: url('/wp-content/themes/wf/fonts/Marcellus-Regular.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Marcellus-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/wp-content/themes/wf/fonts/Raleway-SemiBoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Raleway-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/wp-content/themes/wf/fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/wp-content/themes/wf/fonts/Raleway-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Raleway-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/wp-content/themes/wf/fonts/Raleway-Regular.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/wp-content/themes/wf/fonts/Raleway-Italic.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Raleway-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/wp-content/themes/wf/fonts/Raleway-Light.woff2') format('woff2'),
        url('/wp-content/themes/wf/fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/********************************* THEME VARS **********************************/
:root {
	--dark: #3d434e;
	--light: #888;
	--h-font:'Marcellus';
	--p-font: 'Raleway';
	--wf-gold-color: #c1995b;   /* akcent guziki border obrazka */
}


/********************************* HEADINGS & FONT ****************************/
h1, h2, h3, h4, h5, h6 {
	font-family: var(--h-font) !important;
}

h1 {
	font-size: 42px !important;
    line-height: 1.1 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

h1 span {
	/*color: #c1995b !important;*/
	display: block !important;
}

h2 {
	font-size: 32px; /* 38*/
	line-height: 1.2 !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
}


h3 {
    font-size: 24px;
    margin-bottom: 15px !important;
    padding: 0 !important;
}

h3.wfH3Smaller {
    font-size: 22px;
    padding-bottom: 22px !important;
}

p, p li, p a, a, p span, span a {
	font-family: var(--p-font) !important;
    line-height: 1.3;
}

p a { 
	color: rgb(54,54,54) !important;
}

p a:hover {
	color: var(--ez-gold) !important
}

.et-db #et-boc .et-l p, .et-db #et-boc .et-l li {
	color: rgb(54,54,54) !important;
	font-family: var(--p-font) !important;
	font-size: 16px;
    line-height: 1.5;
}

ol {
    margin-top: 0 !important;
    font-family: var(--p-font);
    font-size: 15px;
    line-height: 1.3;
	padding-bottom: 0 !important;
}

ol li {
    margin-bottom: 5px !important;
}

li ul {
    padding-bottom: 0 !important;
    margin-top: 5px !important;
}

@media (max-width: 981px) {
	h1 {
		font-size: 28px !important;
		line-height: 1.1 !important;
	}
	
	.like-h1, .like-h1 span {
		font-size: 28px !important;
		line-height: 1.1 !important;
	}
	
	h1 span, .like-h1 span {
		display: inline !important;
	}
	
	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	h1 br {
		display: none !important;
	}
}


/********************************* FULL WIDTH LEFT *****************************/
.et-db #et-boc .et-l .wfSideFullWidth.et_pb_section .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
}

.et-db #et-boc .et-l .wfSideFullWidth.et_pb_section .et_pb_row .et_pb_column_1_2 {
    width: calc(1140px / 2) !important;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.et-db #et-boc .et-l .wfSideFullWidth.et_pb_section .et_pb_row.right {
	display: flex !important;
	justify-content: flex-end;
}

.wfSideFullWidth {
    overflow-x: hidden;
}

@media (max-width: 980px) {
	.wfSideFullWidth {
		max-width: 90% !important;
		width: 90% !important;
		margin: 0 auto !important;
	}
	
	.et-db #et-boc .et-l .wfSideFullWidth .et_pb_row .et_pb_column.et_pb_column_1_4 {
		width: calc(50% - 15px) !important;
		margin-left: 0;
		margin-right: 0;
	}
	
	.et-db #et-boc .et-l .wfSideFullWidth .et_pb_row .et_pb_column.et_pb_column_1_4:first-child {
		margin-right: 30px !important;
	}
	
	.et-db #et-boc .et-l .wfSideFullWidth .reverseFullWidth.et_pb_row .et_pb_column.et_pb_column_1_4:last-child {
		margin-left: 30px !important;
	}
	
	.et-db #et-boc .et-l .wfSideFullWidth .et_pb_row .et_pb_column.et_pb_column_1_4:last-child {
		margin-left: 30px;
	}
	
}


/********************************* DIVI ADJUSTMENT ****************************/
.et-db #et-boc .et-l .et_pb_section .et_pb_row {
    width: 90% !important;
    max-width: 1440px !important;
}

.et-db #et-boc .et-l #wfFullWidth.et_pb_section .et_pb_row {
	width: 100% !important;
    max-width: 100% !important;
}

.hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { 
	display: flex!important; 
}

.hide-mobile-menu .et_mobile_nav_menu { 
	display: none !important; 
}

.et_pb_button {
    border-radius: 0 !important;
    text-align: center !important;
    line-height: 0 !important;
    font-family: var(--h-font) !important;
    font-size: 15px !important;
	padding: 12px 24px !important;
    padding-right: 56px !important;
	background-color: var(--wf-gold-color) !important;
	color: white !important;
	border: 0px !important;
}

.et_pb_button:hover {
    background: none !important;
	background-color: #d0a562 !important;
}

.et_pb_button::after {
    opacity: 1 !important;
    font-size: 20px !important;
    margin-left: 15px !important;
    margin-top: 4px;
    content: '\24' !important;
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	
	.reverseFullWidth .et_pb_column_1_2 {
		order: 1;
		margin-bottom: 30px !important;
	}
	
	.reverseFullWidth .et_pb_column_1_4 {
		order: 2;
		margin-bottom: 0 !important;
	}
	
	.reverseFullWidth.right .et_pb_column_1_2 {
		order: 2;
		margin-bottom: 0px !important;
	}
	
	.reverseFullWidth.right .et_pb_column_1_4 {
		order: 1;
		margin-bottom: 30px !important;
	}
	
	.et-db #et-boc .et-l .wfMobileTwo, .et-db #et-boc .et-l .wfMobileThree {
		display: flex;
		gap: 30px !important;
	}
	
	.et-db #et-boc .et-l .wfMobileTwo .et_pb_column {
		width: 50% !important;
		display: flex;
		margin-bottom: 0;
	}
	
	.et-db #et-boc .et-l .wfMobileThree .et_pb_column {
		width: 33.3% !important;
		display: flex;
		margin-bottom: 0;
	}
	
	.et-db #et-boc .et-l .wfMobileTwo.et_pb_row:after, .et-db #et-boc .et-l .wfMobileThree.et_pb_row:after {
		display: none !important;
	}
} 


/********************************* HEADER *************************************/
header.et-l.et-l--header {
    position: relative;
    z-index: 99 !important;
}

#wfHeader {
    height: 90px;
    display: flex;
}

.et-db #et-boc .et-l #wfHeader .et_pb_module .mobile_menu_bar:before {
    top: -1px;
    color: #7666 !important;
    margin-right: 2px;
}

#wfHeader .et_pb_column {
	display: flex;
    flex-direction: row;
    align-items: center;
}

#wfHeader .et_pb_menu {
  flex: 1;
} 

#wfHeader .et-menu a {
    text-transform: lowercase !important;
    padding: 0 !important;
    font-weight: 600 !important;
}

.et-db #et-boc .et-l #wfHeader a:first-child:after {
    margin-left: 5px !important;
    position: relative;
    top: unset !important;
    transform: none;
}

#wfHeader .et-menu li {
	padding: 0 !important;
	margin-right: 20px !important;
}

#wfHeader .sub-menu {
    margin: 0 !important;
	border: none !important;
	width: unset !important;
	padding-bottom: 15px !important;
}

.et-db #et-boc .et-l #wfHeader .sub-menu {
	background-color: #333 !important;
}

.et-db #et-boc .et-l #wfHeader .sub-menu li {
    padding: 0 !important;
	margin-right: 0 !important;
}

.et-db #et-boc .et-l #wfHeader .sub-menu li a {
 	margin-right: 0 !important;  
	color: #f5f4ec!important;
	font-weight: normal !important;
}

#wfHeader .et_pb_social_media_follow {
    opacity: 0.5;
	top: -1px;
}

.et-db #et-boc .et-l #wfHeader .et_pb_social_media_follow li:first-child,
.et-db #et-boc .et-l #wfHeader .et_pb_social_media_follow li:nth-child(2) {
	margin-right: 12px !important;
}

.et-db #et-boc .et-l #wfHeader .et_pb_social_media_follow li a.icon:before {
    font-size: 11px !important;
}

.et-db #et-boc .et-l #wfHeader .et_pb_social_media_follow li a.icon {
    padding: 0 !important;
    margin: 0;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
}

.et-db #et-boc .et-l #wfHeader .et_pb_social_media_follow li {
  margin-bottom: 0px !important;
}

/*Mobile menu*/
.et-db #et-boc .et-l #wfHeader .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
    background-color: #333333 !important;
}

@media (max-width: 980px) {
	.et-db #et-boc .et-l #wfHeader .sub-menu {
		display: none !important;
	}
	
	.et-db #et-boc .et-l #wfHeader li a {
		background-color: transparent;
		border: none !important;
		text-align: left;
		font-size: 24px;
		font-family: var(--h-font) !important;
		font-weight: normal;
		color: #F5F4EC !important;
	}
	
	.et-db #et-boc .et-l #wfHeader .et_pb_module .opened .mobile_menu_bar:before {
		color: #F5F4EC !important;
	}
}


/*Dodatkowy kontakt - dane kontaktowe */
.wfHeaderKontakt {
  	padding: 0 !important;
  	margin: 0 !important;
  	display: flex;
  	gap: 30px;
}

.wfHeaderKontakt li {
  	list-style-type: none !important;
}

.wfHeaderKontakt li a {
  	color: var(--wf-gold-color) !important;
  	text-decoration: none !important;
}

.wfHeaderKontakt li a:hover {
	opacity: 0.9 !important;
	text-decoration: underline !important;
}

.wfHeaderKontakt .wfTel:before {
	content: "\e090";
  	font-family: 'ETModules';
  	margin-right: 10px;
}

.wfHeaderKontakt .wfMail:before {
	content: "\e010";
  	font-family: 'ETModules';
  	margin-right: 10px;
}

@media (max-width: 768px) {
	.wfHeaderKontakt li a span {
		display: none;
	}
	
	#wfHeaderStrefaLogout, #wfHeaderStrefaLogin {
		display: flex;
	}
	
	#wfHeaderStrefaLogout .et_pb_column, #wfHeaderStrefaLogin .et_pb_column {
		margin-bottom: 0 !important;
	}
	
	.wfHeaderKontakt .wfTel:before, .wfHeaderKontakt .wfMail:before {
		margin-right: 0 !important;
	}
}

/********************************* STRONA GLOWNA ******************************/

/*NEW HERO 2025*/
#newHero h1 {
  	font-size: 13px !important;
  	margin-bottom: 10px !important;
  	opacity: 0.3;
}

.et-db #et-boc .et-l #newHero .et_pb_promo {
  	width: calc(33.33% - 14px) !important;
  	display: flex !important;
	float: left;
  	margin-right: 20px !important;
  	margin-bottom: 20px !important;
  	aspect-ratio: 1;
	padding: 15px;
	border-radius: 10px;
}

.et-db #et-boc .et-l #newHero .et_pb_cta_2, .et-db #et-boc .et-l #newHero .et_pb_cta_5 {
  	margin-right: 0 !important;
}

.et-db #et-boc .et-l #newHero .et_pb_promo:hover {
  	opacity: 0.8;
}

.et-db #et-boc .et-l #newHero .et_pb_promo_description {
	padding-bottom: 0 !important;
	display: flex;
  	justify-content: center;
  	align-items: center;
	text-align: center !important;
	width: 80%;
	text-shadow: 0 0 10px #161616 !important;
	margin: 0 auto;
}

.et-db #et-boc .et-l #newHero .et_pb_module_header {
  margin-bottom: 0 !important;
}

.et-db #et-boc .et-l #slogan p  {
  	text-align: right !important;
  	margin-top: 60px !important;
  	margin-right: 60px !important;
  	font-size: 38px !important;
	line-height: 1.2;
  	color: #fff !important;
  	opacity: 0.8;
  	font-family: var(--h-font) !important;
}

.et-db #et-boc .et-l #slogan span {
	font-size: 38px !important;
  	font-family: var(--h-font) !important;
	display: block !important;
	opacity: 0.8;
}

#newHero .et_pb_button_module_wrapper {
  	bottom: 60px;
	right: 0;
  	position: absolute !important;
}

#heroSecond {
  	min-height: 480px !important;
	border-radius: 10px !important;
}

@media (min-width: 980px) {
  .et-db #et-boc .et-l .plSideFullWidth.et_pb_row.plSideRight {
    display: flex !important;
    justify-content: flex-end;
  }
	
	.et-db #et-boc .et-l .plFullWidth.et_pb_row,
	.et-db #et-boc .et-l .plSideFullWidth.et_pb_row {
		width: 100% !important;
		max-width: 100% !important;
		gap: 30px;
		justify-content: space-between;
	}
	
	.et-db #et-boc .et-l .plSideFullWidth.plSideRight .et_pb_column:nth-child(2) {
		padding-left: 5% !important;
	}
	
	.et-db #et-boc .et-l .plSideFullWidth.plSideRight .et_pb_column:nth-child(1) {
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 0px !important;
		width: 90% !important;
	}
}
	
	
	
}


/*Hero*/
.wfSekcjaStronyGlownej {
    height: calc(100vh - 90px) !important;
}

.wfSekcjaStronyGlownej h1 {
    font-size: 60px !important;
    color: #F5F4EC !important;
	line-height: 1.2 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wfSekcjaStronyGlownej h1 span {
	display: block;
	/*opacity:0.5 !important;*/
}

.wfPrzyciskKontaktSG {
    position: absolute !important;
    right: 0%;
    bottom: 5% !important;
}

.wfPrzyciskKontaktSG .et_pb_button {
    padding: 20px 60px 20px 30px!important;
}

.wfPrzyciskKontaktSG .et_pb_button:after {
    font-size: 20px !important;
    margin-left: 16px !important;
    margin-top: 4px !important;
	top: auto !important;
}

/*Rozwiązania*/
#wfRozwiazaniaKafelki .et_pb_promo {
    min-height: 460px !important;
}

.wfRozwiazania .et_pb_tabs_controls li a {
    font-family: 'Marcellus' !important;
	padding-left: 45px !important;
}

.wfRozwiazania {
	display: flex;
	border: 0px !important;
}

.wfRozwiazania .et_pb_all_tabs {
	background-color: transparent !important;
}

.wfRozwiazania li.et_pb_tab_active {
    background-color: transparent !important;
	opacity: 1;
}

.wfRozwiazania .et_pb_tabs_controls li a {
	color: #666!important;
}

.wfRozwiazania ul {
	flex: 1;
	background-color: transparent !important;
}

.wfRozwiazania li {
    width: 100%;
	opacity: 0.5;
	margin-bottom: 10px !important;
}

.wfRozwiazania .et_pb_tabs_controls li a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.wfRozwiazania .et_pb_tabs_controls li a:before {
	content: '-';
    position: absolute;
    left: 0 !important;
    top: 5px !important;
}

@media (max-width: 600px) {
	.wfRozwiazania span {
		display: none;
	}
	
	.et-db #et-boc .et-l .wfRozwiazania .et_pb_all_tabs {
		width: unset !important;
		padding-left: 0px !important;
	}
	
	.et-db #et-boc .et-l .wfRozwiazania .et_pb_tabs_controls li a {
		padding: 0 !important;
	}
	
	.et-db #et-boc .et-l .wfRozwiazania li {
		margin-right: 20px;
    	height: 40px;
   		width: 40px;
		border: none !important;
	}
	
	
	
}

/*Obrazki w rozwiazaniach*/
.wfRozwiazania .et_pb_tabs_controls li:nth-child(1) a:before {
    content: url(/wp-content/uploads/2023/11/zaslony.svg);
}

.wfRozwiazania .et_pb_tabs_controls li:nth-child(2) a:before {
    content: url(/wp-content/uploads/2023/11/firany.svg);
}

.wfRozwiazania .et_pb_tabs_controls li:nth-child(3) a:before {
    content: url(/wp-content/uploads/2023/11/zaluzje.svg);
}

.wfRozwiazania .et_pb_tabs_controls li:nth-child(4) a:before {
    content: url(/wp-content/uploads/2023/11/rolety.svg);
}

.wfRozwiazania .et_pb_tabs_controls li:nth-child(5) a:before {
    content: url(/wp-content/uploads/2023/11/rolety_rzymskie.svg);
}

.wfRozwiazania .et_pb_tabs_controls li:nth-child(6) a:before {
    content: url(/wp-content/uploads/2023/11/karnisze.svg);
}

.wfRozwiazania .et_pb_all_tabs {
    width: 65% !important; 
	padding-left: 30px !important;
}

.et-db #et-boc .et-l ul.et_pb_tabs_controls:after {
	border-top: transparent !important;
}

.et-db #et-boc .et-l .et_pb_tabs_controls li {
	border-right: transparent !important;
}

.wfRozwiazania .et_pb_all_tabs {
    border-left: solid 1px #b3b3b3 !important;
}

.wfRozwiazania h3 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.wfRozwiazania .et_pb_tab_content p {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.wfRozwiazania .et_pb_tab_content a {
    padding: 0 !important;
    font-family: var(--h-font) !important;
    font-size: 14px !important;
    margin-top: 20px !important;
    display: block;
	color: #d0a562 !important;
	width: fit-content;
}

.wfRozwiazania .et_pb_tab_content a:after {
    font-family: 'ETmodules';
    font-size: 16px !important;
    margin-left: 15px !important;
    content: '\24' !important;
    position: absolute;
}

/*Pasek wycena*/
#wfWycena .et_pb_row .et_pb_column {
	display: flex;
    flex-direction: row;
	color: #F5F4EC !important;
	gap: 30px;
    align-items: center;
}

#wfWycena h2 {
    margin-bottom: 10px !important;
}

.et-db #et-boc .et-l #wfWycena p {
	color: #F5F4EC !important;
}

#wfWycena img {
    width: 80px !important;
    height: auto !important;
}

#wfWycena .et_pb_button_module_wrapper {
    margin-left: auto !important;
}

@media (max-width: 768px) {
	#wfWycena .et_pb_row .et_pb_column {
    	flex-direction: column;
	}
	
	#wfWycena .et_pb_button_module_wrapper {
		margin-left: unset !important;
	}
	
	.et-db #et-boc .et-l #wfWycena p {
		font-size: 12px;
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}
	
	#wfWycena h2 {
		margin-bottom: 15px !important;
		text-align: center !important;
	}
}


/*Twarze projektu*/
#wfTwarzeProjektu .et_pb_toggle {
    background: none !important;
    padding: 0 !important;
    border: none !important;
}

#wfTwarzeProjektu .et_pb_toggle_title:before {
	display: none !important;
}

#wfTwarzeProjektu .et_pb_toggle_title {
	padding: 0 !important;
    font-family: var(--h-font) !important;
    font-size: 14px !important;
    margin-top: 20px !important;
    display: block;
    color: #d0a562 !important;
    width: fit-content;
}

.wfOsoba img {
    aspect-ratio: 1/1;
    max-width: 300px !important;
}

.wfOsoba .et_pb_column:nth-child(2) {
    padding-right: 15% !important;
}

#wfTwarzeProjektu .et_pb_toggle_title:after {
	font-family: 'ETmodules';
    font-size: 16px !important;
    margin-left: 15px !important;
    content: '\24' !important;
    position: absolute;
}




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

	.wfCoNasWyroznia .et_pb_column.et_pb_column_single {
		width: 35% !important;
	}

	.wfCoNasWyroznia .et_pb_specialty_column.et-last-child {
		width: 59% !important;
	}
	
}
@media screen and ( max-width: 980px ) {

	.wfBorderBehindLeft span, .wfBorderBehindLeft img {
		width: 100% !important;
	}
	
}

.et_pb_specialty_column .et_pb_row_inner:not(:first-child).et_pb_row_inner:not(:last-child) .et_pb_column:first-child {
    width: 10% !important;
    padding-right: 0% !important;
    margin-right: 5% !important;
}

.et_pb_specialty_column .et_pb_row_inner:not(:first-child).et_pb_row_inner:not(:last-child) .et_pb_column:last-child {
    width: 85% !important;
}

.et_pb_specialty_column .et_pb_row_inner:not(:first-child).et_pb_row_inner:not(:last-child) .et_pb_column:first-child .et_pb_module {
    border-radius: 30px !important;
    width: 65px !important;
    height: 65px !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
	background-color: #f1eee5 !important;
}

.et-db #et-boc .et-l .et_pb_image .et_pb_image_wrap {
	width: fit-content !important;
}

.wfBorderBehindLeft .et_pb_image_wrap:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid var(--wf-gold-color);
    display: block;
    z-index: -1;
}

.wfBorderBehindRight .et_pb_image_wrap:after, 
.wfBorderBehindRight .et_pb_video_box:after {
    content: '';
    position: absolute;
    top: -5px;
    left: 5px;
    right: -5px;
    bottom: 5px;
    border: 1px solid var(--wf-gold-color);
    display: block;
    z-index: -1;
}

a.wfBoldLink {
    font-weight: 600 !important;
}


.wfCarousel ul.slides {
    margin-left: 0px !important;
}

.wfCarousel .caption-wrap {
    position: relative !important;
}

.et-db #et-boc .et-l .wfCarousel .flex-direction-nav a {
    color: #c1995b !important;
}

li.flex-nav-next, li.flex-nav-prev {
    list-style: none !important;
}

.et_contact_bottom_container .et_pb_contact_submit::after {
    top: 13px !important;
}

.metaslider.ms-theme-simply-dark .flexslider:hover ul.flex-direction-nav li a:hover, .metaslider.ms-theme-simply-dark .flexslider:focus-within ul.flex-direction-nav li a:hover, .metaslider.ms-theme-simply-dark:hover a.rslides_nav:hover, .metaslider.ms-theme-simply-dark div.nivoSlider:hover div.nivo-directionNav a:hover, .metaslider.ms-theme-simply-dark .coin-slider:hover .coin-slider div a:hover {
    /*width: unset !important; */
	width: 50px !important;
	opacity: 0.8 !important;
}


/*Sekcja z formularzem kontaktowym*/
#wfKontaktForm {
	
}

.et-db #et-boc .et-l #wfKontaktForm input {
    font-family: var(--p-font) !important;
	font-size: 14px !important;
	color: #161616 !important;
}

.et-db #et-boc .et-l #wfKontaktForm .et_pb_contact_field {
    margin-bottom: 0 !important;
	position: relative;
}

.et-db #et-boc .et-l #wfKontaktForm input {
	height: 50px;
}

.et-db #et-boc .et-l #wfKontaktForm input, .et-db #et-boc .et-l #wfKontaktForm textarea {
	padding-left: 40px !important;
	border-bottom: 1px solid #b3b3b3 !important;
}

.et-db #et-boc .et-l #wfKontaktForm textarea {
	border-right: 1px solid #b3b3b3 !important;
	height: 150px !important;
}

.et-db #et-boc .et-l #wfKontaktForm .et_pb_contact_form p:before {
    font-family: 'ETModules' !important;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    color: transparent;
	top: 13px;
    margin-left: 15px;
}

#wfKontaktForm .et_pb_contact_form p[data-id] input,
#wfKontaktForm .et_pb_contact_form p[data-id] textarea,
#wfKontaktForm .et_pb_contact_form p[data-id] select {
    padding-left: 40px !important;
}

#wfKontaktForm .et_pb_contact_form p[data-id="name"]:before {
    content: "\e08a" !important;
	-webkit-text-stroke: 0.5px black;
}

#wfKontaktForm .et_pb_contact_form p[data-id="email"]:before {
    content: "\e010" !important;
	color: #505050 !important;
}

#wfKontaktForm .et_pb_contact_form p[data-id="phone"]:before {
    content: "\e00b" !important;
	-webkit-text-stroke: 0.5px black;
}

#wfKontaktForm .et_pb_contact_form p[data-id="message"]:before {
    content: "\6a" !important;
	-webkit-text-stroke: 0.5px black;
}

.et-db #et-boc .et-l #wfKontaktForm form {
	column-count: 2;
}

.et-db #et-boc .et-l #wfKontaktForm .et_contact_bottom_container {
    float: unset !important;
    position: absolute;
    margin: 0 !important;
    left: 0;
    right: 0;
    justify-content: center;
}

.et-db #et-boc .et-l #wfKontaktForm .et_pb_contact_submit {
	margin: 25px 0 0;
    font-family: var(--h-font) !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    padding-right: 56px !important;
    background-color: var(--wf-gold-color) !important;
    color: white !important;
}

@media (max-width: 768px) {
	.et-db #et-boc .et-l #wfKontaktForm form {
		column-count: 1 !important;
	}
	
	.et-db #et-boc .et-l #wfKontaktForm textarea {
		border-right: none !important;
	}
}


/*.et-db #et-boc .et-l #wfKontaktForm form .et_pb_contact_field:nth-child(2) {
	page-break-before: always !important; /* FF33 */


/*

@media screen and ( min-width: 980px ) {
	
	.wfKontaktForm form.et_pb_contact_form.clearfix {
		display: flex !important;
		flex-flow: column wrap !important;
		height: 300px !important;
	}
	
	.wfKontaktForm .et_pb_contact_field_last:nth-child(4) {
    height: 100% !important;
	flex: 1;
    width: 50% !important;
	}
	
	.wfKontaktForm .et_pb_contact_field_last:nth-child(4) textarea {
		height: 93.5% !important;
		resize:none;
	}
	
	.wfKontaktForm .et_pb_contact_field:nth-child(-n+3) {
    flex: 1;
    width: 50%;
	}

	.wfKontaktForm .et_contact_bottom_container {
    position: absolute;
    bottom: -22px !important;
    left: 40% !important;
	}
	
}


*/
/*
.wfKontaktForm input {
    font-family: 'Raleway' !important;
}

.et_pb_contact_form input, textarea {
    box-shadow: 0px 1px 0px 0px #00000040 !important;
}
.et_pb_contact_form textarea {
	box-shadow: 1px 1px 0px 0px #00000040 !important;
}
*/

/*

.et-db #et-boc .et-l .et_pb_contact p input[type=text] {
    padding-left: 40px !important;
}

.et-db #et-boc .et-l .et_pb_contact_field textarea.et_pb_contact_message {
padding-left: 40px !important;
}

*/


/********************************* ROZWIAZANIA ********************************/
#wfRozwiazaniaKafelki .et_pb_promo {
    text-align: left !important;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#wfRozwiazaniaKafelki .et_pb_promo:before {
    content: '';
    /*background: linear-gradient(0deg, rgba(193, 153, 91, 0.9) 0%, rgba(255,255,255,0) 60%);*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%);
    opacity: .6;
	
}

.et-db #et-boc .et-l #wfRozwiazaniaKafelki h3 {
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
}

#wfRozwiazaniaKafelki .et_pb_promo_description {
    padding-bottom: 0 !important;
}

.et-db #et-boc .et-l #wfRozwiazaniaKafelki .et_pb_promo_description p {
    font-size: 14px;
    line-height: 1.4;
	color: #fff !important;
}

#wfKiedyWarto h3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.et-db #et-boc .et-l #wfKiedyWarto .et_pb_image_wrap {
	border-radius: 30px !important;
    width: 65px !important;
    height: 65px !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    background-color: #f1eee5 !important;
}

.et-db #et-boc .et-l #wfKiedyWarto .et_pb_image {
	display: flex !important;
	justify-content: center;
}



/********************************* SINGLE ROZWIĄZANIE *************************/
#wfBlokiRozwijane .et_pb_toggle {
    border: none !important;
    border-left: 1px solid #b3b3b3 !important;
    background: none !important;
	padding: 50px;
}

#wfBlokiRozwijane .et_pb_toggle h5 {
	padding: 0 !important;
    font-family: var(--h-font) !important;
    font-size: 18px !important;
    display: block;
    color: #d0a562 !important;
}

#wfBlokiRozwijane .et_pb_toggle h5:before {
	content: '\22' !important;
	color: #d0a562 !important;
	font-size: 16px !important;
}

#wfBlokiRozwijane .et_pb_toggle.et_pb_toggle_open h5:before {
	content: '\21' !important;
}

.et-db #et-boc .et-l #wfBlokiRozwijane .et_pb_toggle_content p {
    font-size: 15px;
    width: 85%;
}

/*Blok jak działamy*/
#wfJakDzialamy .et_pb_image {
	justify-content: center;
    display: flex !important;
}

.et-db #et-boc .et-l #wfJakDzialamy .et_pb_image .et_pb_image_wrap {
	border-radius: 30px !important;
    width: 65px !important;
    height: 65px !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    background-color: #f1eee5 !important;
}

#wfJakDzialamy h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
}

.et-db #et-boc .et-l #wfJakDzialamy p {
    font-size: 13px;
    line-height: 1.2;
    margin-top: 10px;
}

/********************************* REALIZACJE *********************************/
#wfRealizacjeGaleria {
	
}


/********************************* USLUGI *************************************/
#wfPageUslugi h3 {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
}



/********************************* KONTAKT *************************************/
.page-id-29 #wfTwarzeProjektu {
    background: #f1eee5!important;
}

.et-db #et-boc .et-l #wfKontaktForm.kontaktowy form {
    column-count: 1;
}

.et-db #et-boc .et-l #wfKontaktForm.kontaktowy input, .et-db #et-boc .et-l #wfKontaktForm.kontaktowy textarea {
    background: none !important;
}

.et-db #et-boc .et-l #wfKontaktForm.kontaktowy textarea {
	border-right: none !important;
}

.et-db #et-boc .et-l #wfKontaktForm.kontaktowy .et_contact_bottom_container {
    float: left !important;
    position: relative;
    margin-left: 16px !important;
}




/********************************* POLITYKA PRYWATNOŚCI ***********************/
#wfPolitykaPrywatnosci h2 {
    font-size: 24px;
}


/********************************* FOOTER *************************************/
#wfFooter .et_pb_social_media_follow {
    margin-left: -10px !important;
}

.wfFooterMenus .et_pb_menu__menu, .stwFooterMenus.et_pb_fullwidth_menu .et_pb_menu__menu {
	display: flex !important;
}

.wfFooterMenus .et_mobile_nav_menu {
    display: none !important;
}

.wfFooterMenus .et_pb_menu__menu > nav > ul > li {
    width:100%
}

@media (max-width: 981px) {
	#wfFooter .et_pb_column {
		width: 100% !important;
	}
}

#wfFooterCopyright p {
    font-size: 13px !important;
}

#wfFooter .et_pb_menu__wrap {
    justify-content: flex-start !important;
}

#wfFooter nav.et-menu-nav {
    padding: 0px !important;
}

#wfFooter .et_pb_menu .et-menu {
	margin: 0px !important;
}

#wfFooter .et_pb_menu .et-menu li {
	padding: 0px !important;
}

#wfFooter li {
    margin-top: 0 !important;
}

#wfFooter li a {
    text-transform: lowercase !important;
	padding-bottom: 0 !important;
	line-height: 1.8 !important;
}

#wfFooterCopyright p {
    width: 70%;
    margin: 0 auto !important;
}


/****************************** BLOG ********************************************/
.et-db #et-boc .et-l #wfBlog .et_pb_blog_grid_wrapper .et_pb_blog_grid article {
    border: none !important;
    padding: 0 !important;
	background: none !important;
}

.et-db #et-boc .et-l #wfBlog .et_pb_image_container {
	margin: 0 !important;
}

.et-db #et-boc .et-l #wfBlog .et_pb_image_container a {
    margin-bottom: 15px;
    padding: 0;
}

.et-db #et-boc .et-l #wfBlog .et_pb_blog_grid h2 {
    font-size: 16px;
    width: 80%;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

.et-db #et-boc .et-l #wfBlog a.more-link {
    font-size: 13px !important;
    font-weight: bold !important;
}




/****************************** FULL SCREEN MENU ********************************/
/*align the hamburger menu to the right right*/

@media (max-width: 980px) {
.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}


/*show the mobile version of the menu on desktop*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}


/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu2 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
	border: none !important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu2 {
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}

.et-db #et-boc .et-l #mobile_menu2 {
    background: #333333 !important;
}

/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu2 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}


/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
	right: 45px !important;
    top: 45px !important;
}


/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}
}


/**************************** STREFA ARCHITEKTA ***********************/
.wfStrefaArch {
	
}

.et-db #et-boc .et-l #wfKontaktForm.wfStrefaArch .et_contact_bottom_container {
    float: unset !important;
    position: relative !important;
    width: 100%;
    display: block;
}

.et-db #et-boc .et-l #wfKontaktForm.wfStrefaArch form {
	column-count: 1 !important;
}

.et-db #et-boc .et-l #wfKontaktForm.wfStrefaArch textarea {
	border-right: 0 !important;
}

#wfStrefaArchLinki ul {
    margin: 0 !important;
    padding: 0 !important;
}

#wfStrefaArchLinki ul li {
    list-style-type: none !important;
    line-height: 3.5 !important;
    border-bottom: 1px solid #ddd !important;
	padding-left: 15px !important;
}

#wfStrefaArchLinki ul li:first-child {
	border-top: 1px solid #ddd !important;
}

#wfStrefaArchLinki ul li:hover {
	background-color: #F5F4EC !important;
    cursor: pointer;
}

#wfStrefaLogin {
	
}

.et-db #et-boc .et-l #wfStrefaLogin button {
    width: fit-content !important;
	background-color: var(--wf-gold-color) !important;
}

#wfStrefaRegister {
	
}

.et-db #et-boc .et-l #wfStrefaRegister span.input-wrapper {
    width: 100% !important;
    display: block;
}

#wfStrefaRegister input[type="text"], #wfStrefaRegister input[type="email"],
#wfStrefaRegister input[type="password"], #wfStrefaRegister input[type="url"],
#wfStrefaLogin input[type="text"], #wfStrefaLogin input[type="password"]{
	-webkit-appearance: none;
    padding: 8px 4% !important;
    font-size: 16px;
    color: #666 !important;
    background-color: #fff !important;
    width: 100% !important;
    font-weight: 400;
    border-width: 0;
    border-radius: 3px !important;
    border: none !important;
	display: block;
}

#wfStrefaRegister .form-row {
    margin-bottom: 15px !important;
}

#wfStrefaRegister label, #wfStrefaLogin label {
	font-family: var(--p-font) !important;
	margin-bottom: 8px !important;
	font-size: 12px !important;
	display: block;
	font-weight: bold;
}

#wfStrefaRegister .ur-frontend-form .ur-button-container {
	float: left !important;
}

#wfStrefaRegister button, #wfStrefaLogin input[type="submit"] {
	background-color: var(--wf-gold-color) !important;
	color: #fff !important;
	font-family: var(--h-font) !important;
	font-size: 15px !important;
    padding: 14px 24px !important;
    padding-right: 24px !important;
	line-height: 1 !important
}

#wfStrefaRegister button:hover, #wfStrefaLogin input[type="submit"]:hover {
	cursor: pointer;
	opacity: 0.9;
}

#wfStrefaLogin p.login-submit {
	margin-bottom: 15px !important;
}

/*#wfStrefaRegister button:after, #wfStrefaLogin input[type="submit"]:after {
	font-family: 'ETmodules' !important;
    opacity: 1 !important;
    font-size: 20px !important;
    margin-left: 15px !important;
    content: '\24' !important;
    position: relative;
    top: 4px;
}*/

#wfStrefaRegister .user-registration-error {
    font-size: 13px !important;
    color: red !important;
}

#wfStrefaRegister .user-registration-error::before {
    content: "\f534";
    font-size: 17px;
    margin-right: 5px;
}

#wfStrefaRegister .dashicons-hidden:before {
	font-family: 'ETmodules' !important;
	content: '' !important;
}

#wfStrefaRegister .dashicons-visibility:before {
	font-family: 'ETmodules' !important;
	content: '' !important;
}


/********************* BLACK FRIDAY 2024 *******************/
#wfConsultancyForm input {
    width: 100% !important;
    display: block;
    height: 45px !important;
    margin-bottom: 15px !important;
}

#wfConsultancyForm .wfCheckbox {
    display: inline-block !important;
	font-family: var(--p-font) !important;
    font-size: 11px;
    text-align: justify !important;
    line-height: 1.3;
	margin-bottom: 15px !important;
	width: 100% !important;
}

.et-db #et-boc .et-l .wfCheckbox input[type="checkbox"] {
    display: inline !important;
	margin-bottom: 0 !important;
	min-width: 15px !important;
	min-height: 15px !important;
	width: 15px !important;
    height: 15px !important;
    margin-right: 10px;
}

#wfConsultancyForm {
	
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
    font-family: var(--p-font);
}

.iti__flag-container {
    height: 45px !important;
}


/************************ STREFA ARCHITEKTA ************************/
#wfStrefaMenuTop {
	background-color: #3333330d !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

#wfStrefaMenuTop li a {
	font-weight: bold !important;
}

#wfHeaderStrefaLogin a, #wfHeaderStrefaLogout a {
	padding-bottom: 0 !important;
    font-size: 12px;
}

#wfHeaderStrefaLogin li {
	margin-top: 0 !important;
}

#wfStrefaLogin p.et_pb_forgot_password {
    display: none;
}

.user-registration-password-strength, .user-registration-password-hint {
    font-family: var(--p-font) !important;
}

#ur-submit-message-node {
    margin-bottom: 30px !important;
}

.et-db #et-boc .et-l .et_pb_code #ur-submit-message-node li {
    font-weight: bold;
    color: green !important;
    font-size: 32px;
    line-height: 1.2;
}

#wfStrefaLogin a.wplf-lostpassword {
	color: #161616 !important;
	font-size: 13px !important;
}



/*************** new 07.2025 ************/ 
.mfp-bottom-bar {
  	display: none;
}

.et-db #et-boc .et-l #wfRealizacje2025 h3.et_pb_gallery_title {
	display: none !important;
}

@media (max-width: 479px) {
	.et-db #et-boc .et-l .et_pb_column #wfRealizacje2025 .et_pb_grid_item {
		margin-bottom: 8% !important;	
	}
}




/*adjust the gallery grid items after clicking the load more button*/

@media all and (max-width:980px) and (min-width: 767px) {
	.pa-gallery-load-more .et_pb_gallery_item:nth-child(3n) {
		margin-right: 0 !important;
	}
}

@media all and (min-width:981px) {
	.pa-gallery-load-more .et_pb_gallery_item:nth-child(4n) {
		margin-right: 0 !important;
		margin-bottom: 3% !important;
	}
}