/* Carousel styling */
 
 /*
	--mdb-surface-color
 
 */
 
:root {
  --mdb-surface-color: #fff;
  --bs-border-color-translucent: #fff;
  --mdb-form-control-border-color: #fff;
  --mdb-input-placeholder-color: #fff;
  --mdb-form-control-label-color: #fff;
  --mdb-btn-bg: #fff;
  --mdb-btn-box-shadow: none;
}

#introCarousel,
.carousel-inner,
.carousel-item,
.carousel-item.active {
	height: 100vh;
}

.carousel-item:nth-child(1) {
	background-image: url('/images/slides/slide4.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carousel-item:nth-child(2) {
	background-image: url('/images/slides/slide5.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.carousel-item:nth-child(3) {
	background-image: url('/images/slides/slide6.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
	#introCarousel {
	/*	margin-top: -58.59px; */
		margin-top: -128px;
	}
}

.navbar .nav-link {
	color: #fff !important;
	padding: 0px 0px 0px 0px;
} 

.navbar-expand-lg .nav-item-separator .nav-link {
	padding: 0px 0px 0px 0px;
	line-height: 1em
}

#site_logo img{
	max-width: 120px;
	height: auto;
	margin-right: 40px;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #76b38f;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-item-separator  > a:after { 
	content: '|'; 
	font-family: 'fontello'; 
	font-size: 20px;
	line-height: 1em;
	margin: 0px 20px; 
	color: #f1f1f1 !important;	
}

.nav-item-separator-last  > a:after{
	content: ''; 
	
}

.bg-primary{
	background-color: #76b38f !important;
	
}

.over_slider{
	z-index: 2000; 
	position: relative;
	display: block !important;
}

.grey_bg{
	border-bottom: 1px solid #f1f1f1;
	background: #f9f9f9;
	color: #a4a4a4;	
	font-family: 'Lato', sans-serif;
}

#add_icon a, #add_icon span, #add_icon_foot a{
	display: inline-block;
	margin-right: 25px;

}

#add_icon a:last-child, #add_icon_foot a:last-child{
	margin-right: 0px;	
}

.list-icons{
	margin-bottom: 0px;
}

.list-icons li{
	display: inline-block;
	margin-right: 25px;
}

.content_bg_1{
		background: url(../images/content_bg2.jpg) center bottom no-repeat;
}

/*
	#76b38f
*/



.green_bg_1{
	background: #76b38f;
	color: #fff;
}

.form-outline .form-control{
	/* background-color: #fff */
	
}

.form-outline .form-control {
  border-color: #ff5733 !important;
}

/* Obramowanie po kliknięciu (focus) */
.form-outline .form-control:focus {
  border-color: #33ff57 !important;
  box-shadow: 0 0 5px rgba(51, 255, 87, 0.5);
  
}

.mdb-form-control {
  border-color: #fff !important;
  background-color: #ffffff !important;
  color: #fff !important;
}

.mdb-form-control::placeholder {
  color: #fff !important;
  opacity: 1;
}

.btn-primary{
		background-color: #ffcc29  ;
		background-color: #467a5a    ;
		background-color: #5a9ea0    ;
		background-color: #488a8a     ;
		background-color: #3e7b7b      ;
		background-color: #6aa889       ;
		background-color: #63b3ad       ;
		background-color: #488a8a       ;
}

#weather_section{
	
}

#weather_wrapper{
	background: url('../images/weather_bg.png') center center no-repeat #fff;
	color: #666666;
	font-size: 16px;
}

.main_weather_title h2{
	color: #64292a;	
}

.main_weather_title p{
	color: #c1a062;
	font-size: 20px;
	font-family: 'Lalezar';
	line-height: 20px; 
}
.main_weather_title p small{
	font-size: 14px !important;
	color: #666666;
	font-weight: normal;
	font-family: 'Roboto';
	line-height: 16px;
	font-style: italic;
}

.gold{
	color: #dfb86e;
	font-size: 30px;
	font-family: 'Lalezar';
}


.border-azure-top{
	border-top: 4px solid #00b8a5;
	margin-top: -2px;
}

.border-gold-top{
	border-top: 4px solid #dfb86e;
	margin-top: -2px;
}

.border-grey-top{
	border-top: 4px solid #ffffff;
	margin-top: -2px;
}

.navbar-dark .navbar-toggler-icon{
	background-image: var(--mdb-navbar-toggler-icon-bg);
}

.navbar-toggler{
	border: var(--mdb-border-width) solid var(--mdb-navbar-toggler-border-color)
}