/*! -----------------------------------------------------------------------------

	This template's CSS is coded with SASS (http://sass-lang.com/).
	It is not recommended to make changes to core CSS files (assets/scss and assets/css),
	because that will make it much harded to update the template in the future.
	Use this file (style.css) to add your CSS overrides instead.

	SASS source files can be found in assets/scss folder.
	However, the proper way to examine the site's CSS is to use
	object inspector tool of your browser.

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

/* Google Fonts import URL */
/* Import Poltawski Nowy from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy:wght@300;400;700&display=swap');

/* Apply Poltawski Nowy as the font for the whole document */
body, input, textarea, select, button {
    font-family: 'Poltawski Nowy', serif;
}

html, body {
    font-size: 16px;
}

/* Secondary font applied to headings and specific classes */
h1, h2, h3, h4, .is-secondary-font,
.header-menu__list > .header-menu__item > .header-menu__item-link-wrapper > .header-menu__item-link {
    font-family: 'Poltawski Nowy', serif;
}

/* Set logo dimensions */
.header-logo {
    max-width: 100%;
}

/* Fancy link hover effect */
/* For links with no initial underline */
.fancy-link {
    box-shadow: 0 0 0 0 #ff007c;
}
.fancy-link:hover {
    box-shadow: 0 2px 0 0 #ff007c;
}
.fancy-link:active {
    box-shadow: 0 1px 0 0 #ff007c;
}

/* For links with an initial underline */
.fancy-link2 {
    box-shadow: 0 1px 0 0 #ff007c;
}
.fancy-link2:hover {
    box-shadow: 0 2px 0 0 #ff007c;
}
.fancy-link2:active {
    box-shadow: 0 1px 0 0 #ff007c;
}

/* Custom center text utility */
.text-center {
    text-align: center;
}

/* Now, all font settings are using Poltawski Nowy */



/* Add WA floating button CSS */
.floating {
 position: fixed;
 width: 60px;
 height: 60px;
 bottom: 40px;
 right: 10px;
 background-color: #25d366;
 color: #fff;
 border-radius: 50px;
 text-align: center;
 font-size: 30px;
 box-shadow: 2px 2px 3px #999;
 z-index: 100;
}

.fab-icon {
 margin-top: 16px;
}

/*  image slider */
.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
  }

  /* Caption text */
  .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
  }

  /* Number text (1/3 etc) */
  .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }

  /* The dots/bullets/indicators */
  .dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
  }

  .active {
	background-color: #717171;
  }

  /* Fading animation */
  .fade {
	animation-name: fade;
	animation-duration: 1.5s;
  }

  @keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
  }

  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
	.text {font-size: 11px}
  }
  #news-slider {
	margin-top: 0px;
  }

  .post-slide {
	background: #fff;
	margin: 20px 15px 20px;
	border-radius: 15px;
	padding-top: 1px;
	box-shadow: 0px 14px 22px -9px #bbcbd8;
  }

  .post-slide .post-img {
	position: relative;
	overflow:
	  hidden;
	border-radius: 10px;
	margin: -12px 15px 8px 15px;
	margin-left: -10px;
  }

  .post-slide .post-img img {
	width:
	  100%;
	height: auto;
	transform: scale(1, 1);
	transition: transform 0.2s linear;
  }

  .post-slide:hover .post-img img {
	transform: scale(1.1, 1.1);
  }

  .post-slide .over-layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:
	  0;
	opacity: 0;
	background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
	transition: all 0.50s linear;
  }

  .post-slide:hover .over-layer {
	opacity: 1;
	text-decoration: none;
  }

  .post-slide .over-layer i {
	position: relative;
	top: 45%;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 25px;
  }

  .post-slide .post-content {
	background: #fff;
	padding: 2px 20px 40px;
	border-radius: 15px;
  }

  .post-slide .post-title a {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	text-transform: uppercase;
	transition:
	  all 0.3s ease 0s;
  }

  .post-slide .post-title a:hover {
	text-decoration: none;
	color: #F0E68C;
  }

  .post-slide .post-description {
	line-height: 24px;
	color: #808080;
	margin-bottom: 25px;
  }

  .post-slide .post-date {
	color:
	  #a9a9a9;
	font-size: 14px;
  }

  .post-slide .post-date i {
	font-size: 20px;
	margin-right: 8px;
	color: #CFDACE;
  }

  .post-slide .read-more {
	padding: 7px 20px;
	float: right;
	font-size: 12px;
	background: #2196F3;
	color: #ffffff;
	box-shadow: 0px 10px 20px -10px #1376c5;
	border-radius: 25px;
	text-transform: uppercase;
  }

  .post-slide .read-more:hover {
	background: #3498db;
	text-decoration: none;
	color: #fff;
  }

  .owl-controls .owl-buttons {
	text-align: center;
	margin-top: 20px;
  }

  .owl-controls .owl-buttons .owl-prev {
	border: 1px solid #222222;
	background: #fff;
position: absolute;
top: 40%;
left: -4px;
padding: 0 18px 0 15px;
border-radius: 50px;
box-shadow: 3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
  }

  .owl-controls .owl-buttons .owl-next {
	border: 1px solid #222222;
	background: #fff;
position: absolute;
top: 40%;
right: -4px;
padding: 0 15px 0 18px;
border-radius: 50px;
box-shadow: -3px 14px 25px -10px #92b4d0;
transition: background 0.5s ease 0s;
  }

  .owl-controls .owl-buttons .owl-prev:after,
  .owl-controls .owl-buttons .owl-next:after {
	content: "\f104";
	font-family: FontAwesome;
	color: #333;
	font-size: 30px;
  }

  .owl-controls .owl-buttons .owl-next:after {
	content: "\f105";
  }

  @media only screen and (max-width:1280px) {
	.post-slide .post-content {
	  padding: 0px 15px 25px 15px;
	}
  }