:root {
	--color-silver: #FAFAFA;
	--color-pea: #A4D237;
    --color-lightgreen: #2EA443;
    --color-green-brand: #027930;
    --color-darkgreen: #12332A;
    --color-darkgreen-deeper: #0a2620;
	--color-text-muted: #586F69;
}	


#mygutenberg > .wp-block-group, #mygutenberg .wp-block-cover {
	width: 100%;
	box-sizing: border-box;
	padding: 100px 15vw;
}


/* LISTY */
#mygutenberg ul {
	list-style: disc;
	margin: 0 0 1.25rem;
    padding-left: 1.5rem;
	margin-bottom: -0.5rem;
}

#mygutenberg ol {
    list-style: decimal;
	margin: 0 0 1.25rem;
    padding-left: 1.5rem;
	margin-bottom: -0.5rem;
}

#mygutenberg li {margin-bottom: 0.5rem}


/* ZDJĘCIA */
.is-style-rounded img {
	border-radius: 1.25rem;
	border: 4px solid var(--color-lightgreen);
}


/* MEIDA I TEKST */
#mygutenberg .wp-block-media-text {display: flex}

#mygutenberg .wp-block-media-text.has-media-on-the-right {flex-direction: row-reverse}

#mygutenberg .wp-block-media-text > div {
	width: 50%;
	box-sizing: border-box;
	padding: 0 50px;
}

#mygutenberg .wp-block-media-text > figure {
	width: 50%;
	align-self: auto;
}

#mygutenberg .wp-block-media-text > figure > img {
	box-sizing: border-box;
	width: 100%;
}


/* KOLUMNY Z BIAŁYM TŁEM */
#mygutenberg .wp-block-columns.has-white-background-color {background: none !important}

#mygutenberg .wp-block-columns.has-white-background-color .wp-block-column {
	box-sizing: border-box;
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #f5f5f5;
}	


/* AKORDEON */
#mygutenberg .wp-block-accordion h3 {
	background: var(--color-green-brand);
    color: white;
    padding: 1rem 3rem 1rem 1.25rem;
    font-size: 1rem;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    transition: background 0.2s;
	margin-bottom: 10px;
}
#mygutenberg .wp-block-accordion h3:hover {background: var(--color-darkgreen);}
#mygutenberg .wp-block-accordion h3:hover span {text-decoration: none}

#mygutenberg .wp-block-accordion > div > div {
	background: var(--color-silver);
    padding: 1rem 3rem 1rem 1.25rem;
    font-size: 1rem;
    border-radius: 8px;
    position: relative;
	margin-bottom: 10px;
}


/* OKŁADKA */
#mygutenberg .wp-block-cover {
	width: 100%;
	box-sizing: border-box;
	min-height: 40rem !important;
	justify-content: flex-start;
	align-items: stretch;
}

#mygutenberg .wp-block-cover article {
	width: 50%;
	box-sizing: border-box;
	padding-right: 50px;
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
}

#mygutenberg .wp-block-cover  > figure {
	width: 50%;
	position: relative;
	border-radius: 8px;
	border: 2px solid var(--color-green-brand);
	z-index: 2;
	overflow: hidden;
}

#mygutenberg .wp-block-cover  > figure > div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	lefT: 0;
	overflow: hidden;
}

#mygutenberg .wp-block-cover  > figure img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
}

#mygutenberg .wp-block-cover figcaption {
	position: absolute;
	width: 50%;
	left: -25px;
	bottom: -25px;
	background: white;
	border-radius: 8px;
	padding: 25px;
	box-sizing: border-box;
	margin: 0;
	font-size: 0.875rem !important;
}

#mygutenberg .wp-block-cover.alignfull  > figure {
	width: calc(50% - 50px);
	height: calc(100% - 50px);
	position: absolute;
	bottom: 0;
	right: 50px;
	border: none;
}

#mygutenberg .wp-block-cover.alignfull > figure img {
	max-width: 100%;
	max-height: 100%;
	min-width: auto;
	min-height: auto;
}


/* PLIKI DO POBRANIA */
#mygutenberg .do_pobrania ul {
	list-style: none;
	margin-bottom: -15px;
}

#mygutenberg .do_pobrania li {margin-bottom: 0}

#mygutenberg .do_pobrania a {
	display: block;
	box-sizing: border-box;
    background: white;
    padding: 1rem 100px 1rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    gap: 1rem;
    align-items: center;
    transition: var(--transition);
	transition: all 0.2s ease;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}

#mygutenberg .do_pobrania a::after {
	content: "pobierz";
	display: table;
    background: var(--color-pea);
    color: var(--color-darkgreen);
    padding: 0.375rem 0.875rem;
    border-radius: 16px;
    font-size: 0.8125rem;
    font-weight: 600;
	position: absolute;
	right: 10px;
	top: 50%;
    transform: translateY(-50%);
}

#mygutenberg .do_pobrania a:hover {
	border-color: var(--color-green-brand);
	box-shadow: 0 4px 12px rgb(2 121 48 / 0.1);
}


/* CTA */
#mygutenberg .cta {
	display: flex;
	justify-content: flex-end;
	position: relative;
}

#mygutenberg .cta > figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;	
}

#mygutenberg .cta > div {
	padding: 3rem;
	width: 50%;
	box-sizing: border-box;
	position: relative;
	color: white;
    border-radius: 1.5rem;
    box-shadow: 0 20px 50px rgb(0 0 0 / 0.25);
    border: 2px solid var(--color-green-brand);
}



/* DORADCY */
#mygutenberg .doradcy .wp-block-image {
	width: calc(100% + 4em);
	position: relative;
	top: -2em;
	left: -2em;
}

#mygutenberg .doradcy .wp-block-image figcaption {
	position: absolute;
	top: 1em;
	left: 1em;
	font-size: 0.875rem;
    font-weight: 500;
	color: #12332A;
    padding: 2px 10px;
    background: var(--color-pea);
    border-radius: 13px;
	margin: 0;
}



/* WZORCE */
/* 3x bloki */
#mygutenberg .wzorzec-3_bloki > div {
	background: linear-gradient(135deg, rgb(164 210 55 / 0.1) 0%, rgb(255 255 255 / 0.1) 50%, rgb(46 164 67 / 0.1) 100%);
	display: block;
    position: relative;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid rgba(164,210,55,0.4);
	overflow: hidden;
}


/* 3x bloki z linkami */
#mygutenberg .wzorzec-3_bloki_linki > div > a {
	background: linear-gradient(135deg, rgb(164 210 55 / 0.1) 0%, rgb(255 255 255 / 0.1) 50%, rgb(46 164 67 / 0.1) 100%);
	display: block;
    position: relative;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid rgba(164,210,55,0.4);
	transition: all 0.2s ease;
	height: 100%;
	box-sizing: border-box;
}
#mygutenberg .wzorzec-3_bloki_linki > div > a:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
	box-shadow: 0 8px 24px rgb(2 121 48 / 0.15);
	overflow: hidden;
}
#mygutenberg .wzorzec-3_bloki_linki > div > a:hover .wp-block-buttons span {color: var(--color-lightgreen)}
#mygutenberg .wzorzec-3_bloki_linki > div > a:hover .wp-block-buttons span::after {right: 0px}


/* produkty z linkami*/
#mygutenberg .wzorzec-produkty_linki > div {
	display: flex;
    flex-wrap: wrap;
    width: calc(100% + 2em);
    position: relative;
    left: -1em;
    margin-bottom: -2em;
}

#mygutenberg .wzorzec-produkty_linki > div h2 {width: 100%}

#mygutenberg .wzorzec-produkty_linki .wp-block-group {
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 1em;
	margin-bottom: 2em;
}

#mygutenberg .wzorzec-produkty_linki a {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	background: white;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #f5f5f5;
	transition: all 0.2s ease;	
}

#mygutenberg .wzorzec-produkty_linki .wp-block-buttons span {padding: 0.75rem 1.75rem}

#mygutenberg .wzorzec-produkty_linki a:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
	box-shadow: 0 8px 24px rgb(2 121 48 / 0.15);
	overflow: hidden;
}

#mygutenberg .wzorzec-produkty_linki a:hover .wp-block-buttons span {background-color: #65b727}


/* numeracja */
#mygutenberg .wzorzec-numeracja > div {
	width: 100%;
	max-width: 800px;
	position: relative;
	margin: 0 auto;
}

#mygutenberg .wzorzec-numeracja > div > div {
	width: 100%;
	padding-left: 30px;
	box-sizing: border-box;
}

#mygutenberg .wzorzec-numeracja > div > div > div {
	width: 100%;
	padding-left: 50px;
	box-sizing: border-box;
	border-left: 1px solid #A4D237;
	position: relative;
	padding-bottom: 25px;
}
#mygutenberg .wzorzec-numeracja > div > div:last-of-type > div {padding-bottom: 0}

#mygutenberg .wzorzec-numeracja > div > div > div h2 {
	position: absolute;
	top: 0;
	left: -30px;	
	display: table;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding-top: 20px;
	background: #A4D237;
	border-radius: 50%;
	font-size: 1.125rem;
	line-height: 1.125rem;
	text-align: center;	
}