/*
Theme Name: annamaciejewska
Description: Main css file for annamaciejewska
Author: SBDesign / Vanhem
*/


/********************************* BODY ****************************************/
body {
	margin:0;
	padding:0;
}

/********************************* FONTS ***************************************/

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

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

@font-face {
    font-family: 'Playfair Display';
    src: url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Playfair Display';
    src: url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-Medium.woff2') format('woff2'),
        url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Playfair Display';
    src: url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/annamaciejewska/fonts/PlayfairDisplay-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/annamaciejewska/fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/annamaciejewska/fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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



/********************************* THEME VARS **********************************/
:root {
	--dark: #3d434e;
	--light: #888;
	--h-font: 'Playfair Display';
	--p-font: 'Lato';
}


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

.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(--p-font);
	font-weight: 300 !important;
    font-size: var(--p-font-size) !important;
    padding: 8px 0 !important;
}

.et_pb_button:hover {
    background: none !important;
}

.et_pb_button::after {
    font-size: 20px !important;
    top: 11px;
    margin-left: 10px !important;
	transition: none !important;
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

@media (min-width: 981px) {
	.et-db #et-boc .et-l .et_pb_row {
		padding: 30px 0 !important;
	}
}

@media (max-width: 980px) {
	/*.et-db #et-boc .et-l .et_pb_row {	
		margin-right: 0 !important;
   		padding: 30px 0 !important;
	}*/
}



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

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

h2 {
	font-size: 42px;
	letter-spacing: 2px !important;
	padding-bottom: 0 !important;
}

h3 {
    font-size:28px;
	padding-bottom: 0 !important;
    letter-spacing: 2px !important;
	line-height: 1.1 !important;
}

p, p li, p a, p span, span a {
	font-family: var(--p-font) !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.5 !important;
}

p a { 
	color: rgb(54,54,54) !important;
	font-size: 14px !important;
	font-weight: 300 !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-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.5 !important;
}

ol {
    margin-top: 0 !important;
    font-family: var(--p-font);
	font-size: 14px !important;
	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;
	}
	
	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 20px;
	}
}

h1.amNormal {
    padding: 0 !important;
}

h1.amNormal:before {
	display: none !important;
}

.et_pb_text ul {
    font-family: var(--p-font) !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.et_pb_text ul {
	margin-top: 0 !important;
}

.et_pb_text p strong {
    font-family: var(--h-font);
}

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

#amMenuGlowne:before {
    content: '';
    border-top: 1px solid #666!important;
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
}

.et-db #et-boc .et-l #amMenuGlowne .et_pb_menu__logo {
    background: #f8f8f8;
    padding-left: 40px;
    padding-right: 40px;
    margin-right: 40px;
}

#amMenuGlowne .et_pb_menu_inner_container {
    flex-direction: row-reverse;
}

.et-db #et-boc .et-l #amMenuGlowne ul {
    margin-left: 80px;
    margin-top: -45px;
}

.et-db #et-boc .et-l #amMenuGlowne a {
    padding: 0 !important;
    font-family: var(--p-font);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
	font-weight: 300 !important;
}

.et-db #et-boc .et-l #amMenuGlowne li {
    padding: 0;
    margin-right: 25px;
}

.et-db #et-boc .et-l #amMenuGlowne li:first-child a:after {
    content: '';
    border-bottom: 1px solid #666 !important;
    width: 60px;
    margin-left: 20px;
}

@media (max-width: 980px) {
	.et-db #et-boc .et-l #amMenuGlowne .et_pb_menu__wrap {
		justify-content: flex-start !important;
	}
	
	#amMenuGlowne:before {
		left: 60px !important;
	}
	
	.et-db #et-boc .et-l #amMenuGlowne .et_pb_menu__wrap .mobile_menu_bar {
		 transform: none !important;
	}
	
	#amMenuGlowne .et_pb_menu__logo img {
		width: 65px !important;
	}

	.et-db #et-boc .et-l #amMenuGlowne .et_pb_menu__logo {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*Menu mobile*/
@media (max-width: 980px) {
	.et-db #et-boc .et-l #amMenuGlowne ul {
		margin-left: -30px;
		top: -30px;
		padding-top: 160px;
		background: #161616 !important;
		width: calc(100% + 54px);
		border-top: none !important;
		padding-left: 80px;
		padding-bottom: 50px;
	}
	
	.et-db #et-boc .et-l #amMenuGlowne li {
		margin: 0 !important;
	}
	
	.et-db #et-boc .et-l #amMenuGlowne li a {
		background-color: unset !important;
		color: #fff !important;
		text-transform: none !important;
		font-family: var(--h-font) !important;
		font-size: 18px;
		line-height: 2.5;
		border: none;
	}
	
	.et-db #et-boc .et-l #amMenuGlowne li a:hover, .et-db #et-boc .et-l #amMenuGlowne li:hover  {
    	background-color: unset !important;
    	opacity: 1 !important;
	}
	
	span.mobile_menu_bar {
		z-index: 999999 !important;
	}
	
	.et_pb_menu__logo-wrap {
		z-index: 999999 !important;
	}
	
	.mobile_nav.opened .mobile_menu_bar:before {
		color: #fff !important;
	}
	
	#amMenuGlowne.am-menu-opened:before {
		z-index: 999999 !important;
		border-top: 1px solid #fff!important;
	}
	
	.et-db #et-boc .et-l #amMenuGlowne.am-menu-opened .et_pb_menu__logo {
		background-color: #161616 !important;
	}

}

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d' !important;
}


/********************************* HOMEPAGE ***********************************/
/*Sekcja hero*/
h1 {
    padding-top: 80px !important;
    padding-left: 80px !important;
}

h1:before {
	content: ",,";
    font-family: var(--h-font) !important;
    font-size: 240px;
    position: absolute;
    top: -125px;
    font-weight: bold;
    letter-spacing: -10px;
    color: #fff;
    left: 0;
	z-index: -1;
}

#hero .et_pb_column:nth-child(2) {
    padding-right: 80px;
}

#hero img {
    max-width: 440px !important;
}

@media (max-width: 980px) {
	h1 {
   		padding-top: 40px !important;
		padding-left: 60px !important;
	}
	
	h1:before {
    	top: -130px !important;
    	left: 15px;
    	font-size: 180px !important;
	}
	
	#hero .et_pb_column:nth-child(2) {
		padding-right: 0px !important;
	}
	
	#hero img {
    	max-width: 70% !important;
	}
	
	#hero .et_pb_column {
		margin-bottom: 0 !important;
	}
}


/*Sekcja o mnie*/
#omnie .et_pb_column:nth-child(2) {
   	margin-top: -140px !important;
	padding-left: 60px;
	padding-right: 100px;
}

#omnie h2 {
    padding-bottom: 0 !important;
}

#omnie h2:after {
    border-bottom: 1px solid #666!important;
    width: 80px !important;
    content: '';
    display: block;
    margin-top: 30px;
    margin-left: -30px;
}

@media (max-width: 980px) {
	#omnie {
		padding-top: 0 !important;
	}
	
	#omnie .et_pb_column:nth-child(2) {
		margin-top: 0 !important;
		padding-right: 0 !important
	}
	
	#omnie img {
		max-width: 70% !important;
	}
	
	#omnie .et_pb_module {
		margin-bottom: 20px !important;
	}
	
	#omnie h2:after {
		margin-top: 20px !important;
	}
}


/*Sekcja Program*/
#uslugi {
	border-top: 1px solid #666 !important;
	margin-top: 60px !important; /*po nowemu*/
}

#uslugi img {
    top: -100px;
	max-width: 450px !important;
}

#uslugi .et_pb_column:nth-child(1) {
	padding-left: 80px;
}

#uslugi .et_pb_column:nth-child(2) {
	padding-right: 80px;
}

@media (max-width: 980px){
	#uslugi {
		margin-top: 30px !important;
	}
	
	#uslugi .et_pb_column:nth-child(1) {
		padding-left: 0 !important;
		margin-bottom: 0 !important;
	}
	
	#uslugi .et_pb_column:nth-child(2) {
		padding-right: 0px;
		margin-top: -30px !important;
	}
	
	#uslugi img {
		top: -60px;
		width: 70% !important;
	}
}


/*Narzędzia*/
#narzedzia {
	margin-top: -60px !important;
}

#narzedzia .et_pb_text {
    text-align: right !important;
}

#narzedzia .et_pb_column:nth-child(1) {
	padding-left: 80px;
}

#narzedzia .et_pb_column:nth-child(2) {
	padding-right: 80px;
	top: -80px;
}

#narzedzia img {
    max-width: 260px !important;
}


@media (max-width: 980px) {
	#narzedzia {
		margin-top: 0 !important;
		display: flex;
    	flex-direction: row-reverse;
		margin-left: 0 !important;
	}
	
	.et-db #et-boc .et-l #narzedzia {
		width: calc(90% + 30px) !important;
	}
	
	#narzedzia .et_pb_column:nth-child(1) {
		width:55% !important;
		padding-left: 0px !important;
	}

	#narzedzia .et_pb_column:nth-child(2) {
		width: 45% !important;
		padding-right: 0px !important;
		top: 0px !important;
	}
	
	#narzedzia .et_pb_column:nth-child(1) p {
		text-align: left !important;
		margin-left: 30px !important;
	}

	#narzedziaMobile h3 {
		text-align: left !important;
		font-size: 26px !important;
	}
	
	#narzedzia img {
		max-width: 100% !important;
	}
}


/*Cechy programu*/
#cechy {
	border-top: 1px solid #666 !important;
	margin-top: -260px !important;
}

#cechy .et_pb_column:nth-child(1) {
	padding-left: 80px;
	margin-top: -120px !important;
}

#cechy .et_pb_column:nth-child(2) {
	padding-right: 80px;
	margin-top: -160px !important;
}

.et-db #et-boc .et-l #cechy .amDopisek p {
    font-family: var(--h-font) !important;
    font-size: 26px !important;
    opacity: 0.4;
	line-height: 1.1 !important;
    margin-top: 110px;
    text-align: right;
    letter-spacing: 1px;
}

@media (max-width: 980px) {
	#cechy {
		margin-top: -50px !important;
		padding-top: 40px !important;
		padding-bottom: 0 !important;
	}

	#cechy .et_pb_column:nth-child(1) {
		padding-left: 0px !important;
		margin-top: 0px !important;
	}

	#cechy .et_pb_column:nth-child(2) {
		padding-right: 0px !important;
		margin-top: 0px !important;
	}
	
	#cechy h2 {
		text-align: right !important;
	}
	
	.et-db #et-boc .et-l #cechy .amDopisek p {
		text-align: left;
		margin: 0;
	}
}


/*Idea programu*/
#ideaprogramu .et_pb_column:nth-child(1) {
	padding-left: 80px;
}

#ideaprogramu .et_pb_column:nth-child(2) {
	padding-right: 80px;
}

#ideaprogramu img {
    max-width: 450px !important;
}

.et-db #et-boc .et-l #ideaprogramu .amDopisek p {
	font-family: var(--h-font) !important;
    font-size: 26px !important;
    opacity: 0.4;
    line-height: 1.2 !important;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-align: justify;
}

.et-db #et-boc .et-l #ideaprogramu .amDopisek p:before {
    content: '';
    border-top: 1px solid #666;
    width: 50%;
    display: block;
    margin-right: 0 !important;
    margin-left: auto;
    margin-bottom: 30px;
}

#ideaprogramu .et_pb_column:nth-child(2) h2 {
	margin-top: 40px !important;
}

@media (max-width: 980px) {
	#ideaprogramu {
		padding-bottom: 0 !important;
	}
	
	#ideaprogramu .et_pb_column:nth-child(2) {
		padding-right: 0px !important;
	}
	
	#ideaprogramuMobile {
    	display: flex;
    	margin-right: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.et-db #et-boc .et-l #ideaprogramuMobile {
		width: calc(90% + 25px) !important;
	}
	
	#ideaprogramuMobile img {
		transform: scale(-1,1);
		-webkit-transform: scale(-1,1);
		-moz-transform: scale(-1,1);
		-o-transform: scale(-1,1);
	}
	
	#ideaprogramuMobile:after {
		content: '';
		position: absolute !important;
		border-bottom: 1px solid #666 !important;
		width: 100% !important;
		bottom: 0;
		visibility: visible !important;
	}
}


/*Kontakt*/
#kontakt {
	margin-top: 30px !important;
}

#kontakt .et_pb_column:nth-child(1) {
	padding-left: 80px;
}

#kontakt ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#kontakt ul li {
	display: inline !important;
}

#kontakt ul li:first-child {
	margin-right: 30px;
}

#kontakt ul li a {
	padding: 0 !important;
    font-size: 14px !important;
	font-weight: 300 !important;
    font-family: var(--p-font);
    color: rgb(54,54,54) !important;
    letter-spacing: 1px !important;
	display: inline-flex;
    align-items: center;
}

#kontakt ul:before {
    border-top: 1px solid #666;
    width: 80px !important;
    display: flex;
    content: '';
    float: left;
    margin-top: 8px;
    margin-right: 30px;
}

#kontakt ul li a.tel:before {
	content: url('/wp-content/uploads/2023/09/tel.svg');
	margin-right: 8px;
}

#kontakt ul li a.mail:before {
	content: url('/wp-content/uploads/2023/09/mail.svg');
	margin-right: 8px;
}

@media (max-width: 980px) {
	#kontakt {
		margin-top: 0px !important;
		padding-bottom: 0 !important;
	}

	#kontakt .et_pb_column:nth-child(1) {
		padding-left: 0px !important;
	}
	
	#kontakt ul li {
		display: block !important;
	}

	#kontakt ul li:nth-child(2) {
   	 	margin-left: 110px !important;
    	margin-top: 10px;
	}
}

/********************************* FOOTER ************************************/
.et-db #et-boc .et-l #amFooter p, .et-db #et-boc .et-l #amFooter a {
    color: #fff !important;
    font-family: var(--p-font) !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}

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

#amFooter ul li {
	list-style-type: none !important;
}

#amFooter h3 {
    color: #fff !important;
    margin-bottom: 12px !important;
}

#amFooter h3:after {
    content: '';
    display: block;
    border-bottom: 2px solid #666;
    width: 80px;
    margin-left: -30px;
    margin-top: 12px;
}

@media (max-width: 780px) {
	#amFooter .et_pb_column {
		width: 100% !important;
		margin-right: 0 !important;
	}
	
	#amFooter .et_pb_text_inner {
		text-align: center !important;
	}
	
	#amFooter .et_pb_column:nth-child(2) {
		margin-bottom: 30px !important;
	}
	
	#amFooter h3:after {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 981px) {
	#amFooter .et_pb_column {
   	 	display: flex;
    	justify-content: center;
	}
}