body{
	font-family:var( --font-family-sans-regular);
	color:var(--color-text);}
body a p {
	font-size:var(--fs-112);
	line-height:var(--lh-normal);
	color:var(--color-text);}
p{
	font-size:var(--fs-112);
	line-height:var(--lh-normal);}
.content-wrapper{
	width:100%;
	max-width:var(--layout-page-max-width);
	box-sizing:border-box;
	padding:0 25px;
	margin:0 auto;}
.bg-options{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;}
	
h1,
span.page-hero__title{	
	font-size:var(--fs-400);
	font-family:var(--font-family-sans-regular);
	line-height: 1.125em;
	color: var(--color-white);
	font-weight:bold;
	margin-bottom:10px;}	
h2{
	font-family:var(--font-family-sans-bold);
	font-weight: normal;
	font-size:var(--fs-250);
	color:var(--color-primary);}	
h3{font-size:var(--fs-112);}	
.green-headline{
	font-size:var(--fs-400);
	font-family:var( --font-family-sans-bold);
	color:{--color-primary};}
.green-subline{
	font-size:var(--fs-112);
	color:var(--color-secondary);
	text-transform:uppercase;
	letter-spacing: 6px;}

.btn-button{
	display:inline-block;
	border: 1px solid var(--color-accent);
	box-sizing: border-box;
	color:var(--color-accent);
	padding:18px 35px;
	transition:all .3s;}
.btn-button:hover{
	background-color:var(--color-accent);
	color:var(--color-white);}	

header {
	background-color:var(--color-menu);
	height:90px;
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 15;}
header > div.contant-wrapper {gap:0;}	
.header-nav {margin:0 50px 0 auto;}	
.header-nav > ul {gap: 35px;}	
header a {
	font-family:var(--font-family-sans-regular);
	color:var(--color-white);
	line-height:var(--lh-normal);}	
.pellicarnos-language-switcher > ul{
	display: flex;
	gap: 10px;}
.pellicarnos-language-switcher > ul > li > a {
	font-size:var(--fs-075);
	color:var(--color-secondary);
	box-sizing: border-box;
	border: 2px solid var(--color-secondary);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	width:30px;
	height:30px;
	line-height:26px;
	text-align:center;
	display:block;}	
.pellicarnos-language-switcher > ul > li.current-lang > a {
	color:var(--color-white);
	background-color:var(--color-secondary);}

.mobile-menu{
  position: absolute;
  left: 0;
  top: var(--menu-top, 0px);
  width: 100vw;
  background: #fff;
  z-index: -1;
  overflow-y: auto;          
  max-height: 0;            
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform-origin: top;
  transform: translateY(-8px);
  transition:
    max-height .30s ease,
    opacity .20s ease,
    transform .30s ease,
    visibility 0s linear .30s;}
.mobile-menu ul {
	border-top: 1px solid #fff;
    padding: 50px 0;
    text-align: center;}	
.mobile-menu ul li{
	margin-bottom: 15px;
    font-size: 1.75em;
}	
/* stan otwarty */
.mobile-menu.menu-open{
  max-height: 80vh;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition:
    max-height .32s ease,
    opacity .20s ease,
    transform .32s ease,
    visibility 0s;
    background-color: rgba(43, 96, 56, .99);
    padding: 90px 0;}
@media (prefers-reduced-motion: reduce){
  .mobile-menu,
  .mobile-menu.menu-open{
    transition: none !important;
    transform: none !important;
  }
}
  /* hamburger - trzy linie */
.hamburger {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5em;
    display: none; /* pokaż tylko na mobile */}
.hamburger-box {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 18px;}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #fff;
    transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger-inner {
    top: 50%;
    transform: translateY(-50%);}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";}
.hamburger-inner::before {top: -6px;}
.hamburger-inner::after {bottom: -6px;}
.hamburger.is-active .hamburger-inner {transform: rotate(45deg);}
.hamburger.is-active .hamburger-inner::before {
    transform: rotate(90deg) translateX(0);
    top: 0;}
.hamburger.is-active .hamburger-inner::after {opacity: 0;}


/* Content style for all page in the_contnent*/
.single-article__content h2{    
	font-size: var(--fs-187);
    line-height: 1.25em;
    margin-bottom: 18px;} 	
.single-article__content h3{line-height:var(--lh-normal);} 	
.single-article__content pre{    
	font-size: var(--fs-112);
    color: var(--color-secondary);
    text-transform: uppercase;
    letter-spacing: 6px;
	margin-bottom:18px;} 	
.single-article__content p, 	
.single-article__content ol, 	
.single-article__content ul{
	line-height:var(--lh-normal);
	font-size:var(--fs-112);
	margin-bottom:18px;}
.single-article__content ol,
.single-article__content ul{
	list-style: initial;
	margin-left:20px;}
.single-article__content ol{list-style-type: decimal;}
.single-article__content a{color:var(--color-primary);}	



footer{
	background-color:var(--color-accent);
	color:var(--color-white);
	padding:75px 0 95px 0;}
footer p,
footer li,
.footer-col--info address {
	font-size:var(--fs-100);
	color:var(--color-white);}
.footer-col--menus p {margin-bottom:5px;}
footer > div {gap:25px;}	
footer a {color:var(--color-white);}
.footer-logo{
	height:30px;
	margin-bottom:45px;}
.footer-col--info{margin-right:135px;}	
.footer-col--info address{
	font-style:normal;
}
.footer-col--info .register-info{margin-top:25px;}
.footer-col--menus{
	max-width:225px;
	width:100%;}
.footer-col--info,
.footer-col--menus{line-height:var(--lh-loose);}
.footer-banner-ue{
    max-width: 1024px;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;}

  /* breakpoint 1024px */
@media (min-width: 1025px) and (max-width: 1199px){
	.header-nav {margin: 0px 0px 0 auto;}
	.header-nav > ul {gap: 20px;}
}
@media (min-width: 1025px) {.mobile-menu {display: none !important;}}
@media (min-width: 1024px) and (max-width: 1199px) {.footer-col--info{margin-right:30px;}	}
@media (max-width: 1024px) {	
	.header-nav {display: none;}
	.header-actions {margin: 0 0 0 auto;}
    .hamburger {display: block;}
	.footer-heading{font-weight:bold;}
	.footer-col--info{
		width: 100%;
		flex: 100%;
		max-width: 100%;}
}

@media (max-width: 599px) {	
	h1,
	span.page-hero__title{font-size:var(--fs-350);}
	footer p, 
	footer li, 
	.footer-col--info address {font-size: var(--fs-125);}
	footer li{line-height: 1.25;}
	.footer-heading{font-weight:bold;}
	.footer-col--info {margin-right:0;}
	.footer-col--menus {
		max-width: 100%;
        flex-basis: 100%;}
}