/* ********************************* CZCIOKI ******************************** */
@font-face {
    font-family: Licorice;
    src: url('font/Licorice.ttf');
}

@font-face {
    font-family: JuliusSansOne;
    src: url('font/JuliusSansOne.ttf');
}

@font-face {
    font-family: Lato;
    src: url('font/Lato-Regular.ttf');
}

@font-face {
    font-family: Lato-Light;
    src: url('font/Lato-Light.ttf');
}

/* ************************************************************************** */
/* *********************************** MENU ********************************* */
.menu-wrapper {
    /* height: 200px; */
    display: flex;
    align-items: center;
    text-align: center;
}

.site-header {
    background-color: #253627;

}

.main-menu {
    display: flex;
}

.main-menu,
.main-menu-footer {

    list-style: none;
    margin: 0;
    padding: 0;
    gap: 20px;
}

.main-menu-footer li {
    padding: 6px 12px;
    margin-bottom: 3px;

}

.current-menu-item:not([class*="menu-item-type-custom"]) a {
    border-bottom: 2px solid white;
}

.main-menu a,
.main-menu-footer a {
    text-decoration: none;
    color: white;
    transition: background 0.9s ease;
    padding: 2px 2px;
}

.main-menu-footer a:hover {
    background: #f0f0f0;
    border-radius: 4px;
    /* padding: 6px 12px; */
    color: #253627;
}

.main-menu li {
    padding: 5px 0px;
}

.main-menu-footer .menu-button {
    display: none;
}
.menu-button{
    transition: background 0.3s ease!important;
    transition: border 0.3s ease!important;
}

.menu-button , 
.white-button{
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
}

.menu-button a,
.white-button a {
    color: #253627;
/*     border: 2px solid #253627; */
}

.menu-button a:hover,
.white-button a:hover {
    color: rgb(245, 240, 240);
    background-color: #253627;
    border: 2px solid white;
}

.white-button{
    padding: 10px 10px;
}

@media (max-width: 395px) {
.navbar-toggler,
.navbar-brand{
    margin: 0 auto;
    margin-bottom: 10px;
}
}


/* ------------------------------------------------------------------------- */

.bg-green {
    background-color: #253627;
}



.bg-white {
    background-color: white;
}

.front-page-section {
    min-height: 300px;
    padding: 50px 0;
}

.front-page-section.bg-green h2 {
    color: white;
}

.green-button {
    background-color: #253627;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
/*     margin: 10px; */
    text-decoration: none;
	font-size:14px
}

.white-button{
    color: #253627;
    text-decoration: none;  
}
/***************************************/

.page-title {
    font-family: Licorice;
}

.page-text {
    text-align: justify;
}

.offer-title {
    font-family: JuliusSansOne;
    font-size: 40px;
}


.decorated-text {
    position: relative;
    display: inline-block;
    font-size: 20px;
    padding: 0 20px;
}

.decorated-text::before,
.decorated-text::after {
    content: "—";
    margin: 0 10px;
    color: #555;
}

.offer-arrow img{
   max-width:80px; 
   margin-left:120px 
}
@media (max-width: 992px) {
    .offer-arrow img{
    display: block;
    margin: 0 auto; 
    }
}
.offer-section-title h2{
 font-family: Lato-Light;
 font-size: 28px;
}


/******************** FORMULARZ KONTAKTOWY ************************/

.ninja-forms-field,
.nf-field-element textarea{
    padding: 5px;
    border: 1px solid black;
    border-radius: 30px;

}

.nf-field-element textarea{
    border-radius: 25px;
}

input[type="submit"].ninja-forms-field{
    width: 50%!important;
    background-color: #253627;
    color: white;
      display: block;
  margin: 20px auto;
}
.nf-response-msg {
	text-align:center;
}


/************************Animacje*********************************/
.animate-from-left,
.animate-from-right {
  opacity: 0;
  transform: translateX(100px); /* start poza ekranem */
  transition: all 0.6s ease-out;
}

.animate-from-left {
  transform: translateX(-100px);
}

.animate-visible {
  opacity: 1;
  transform: translateX(0);
}
/*  */
.slide-from-top {
  opacity: 0;
  transform: translateY(-100px); /* start poza ekranem, u góry */
  transition: all 0.8s ease-out;
}

.slide-from-top-visible {
  opacity: 1;
  transform: translateY(0);
}
/* *** */

@media (max-width: 500px) {
	.offer-title{
		padding-left: 20px;
		font-size:30px;
		
	}
	.offer-section-title{
		padding: 2px 2px!important;
	}
	.container .offer-section-title .text-center img{
		max-width:100%!important;
	}
	
	.about-photo img{
		max-width:100%!important;
	}
	
}