/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
  --bs-info-rgb-cust: 23, 162, 184;
}  
.form-check-label {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
/*  text-transform: uppercase; */
  text-transform: none;
  letter-spacing: 1px;
  color: #555;
  margin-bottom: 10px;
  cursor: pointer;
}
.fbox-content-cust h3 {
	font-size: 1rem;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	text-transform: none;
	margin-bottom: 0;
	color: #333;
}
.fbox-content-cust h3 span.subtitle {
	display: block;
	margin-top: 5px;
	color: #444;
	font-weight: 500;
	text-transform: none;
}
.text-white-50-cust {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.9) !important;
}

.op-05-cust,
.h-op-05-cust:hover {
	opacity: 0.9 !important;
}

.fw-normal-cust {
  font-weight: 500;
  color: rgba(255, 255, 255, 900) !important;
}

.btn-success-cust {
  color: #fff;
  background-color: #BED3F3;
  border-color: #BED3F3;
}

.bg-info-cust {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb-cust), var(--bs-bg-opacity)) !important;
}

.bg-info-cust2 {
  --bs-bg-opacity: 1;
/*background-color: rgba(179, 205, 229, 100); 
  background-color: rgba(222, 119, 78, 100); */
  background-color: rgba(254, 157, 134, 100);
}

.bg-info-cust3 {
  --bs-bg-opacity: 1;
  background-color: rgba(240, 219, 129, 100);
}

.bg-info-cust4 {
  --bs-bg-opacity: 1;
  background-color: rgba(183, 161, 222, 100);
}

.bg-info-cust5 {
  --bs-bg-opacity: 1;
/*background-color: rgba(179, 205, 229, 100); 
  background-color: rgba(222, 119, 78, 100); */
  background-color: rgba(0, 128, 0, 0.5);
}

.bg-info-cust6 {
	background-color: #ffc107;
}

#page-title-cust h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-size: 2rem;
	text-transform: uppercase;
}

#page-title-cust span {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 1.125rem;
}
/* -------- svg-underline -------- */
.svg-underline,
.svg-underline span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.svg-underline.not-animated,
.svg-underline[data-animate]:not(.animated) {
	opacity: 1;
}
.svg-underline::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 13px;
	background-image: url("../images/underline.svg");
	background-size: 100% 13px;
	background-position: bottom center;
	opacity: 0.7;
}
.svg-underline[data-animate]::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 13px;
	background: #FFF;
	right: 0;
	bottom: 0;
	-webkit-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: width 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dark .svg-underline::before {
	opacity: 0.7;
	background-image: url("../images/underline_dark.svg");
}

.custom-bg,
.custom-bg .svg-underline::after {
	background-color: var(--custom-bg);
}

.svg-underline.svg-underline-animated::after {
	width: 0;
}

.font-secondary {
	font-family: 'Cookie', cursive !important;
	font-weight: 400 !important;
}

.menu-carousel .heading-block h3 { font-size: 34px; }

.menu-carousel .heading-block p {
	margin-top: 15px;
	color: #888;
}

.menu-carousel .heading-block .food-info {
	font-family: 'Poppins';
	color: #BBB;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	letter-spacing: 2px;
}

.menu-carousel .heading-block h3 { font-size: 48px; }

/* -------- index.html ukrycie zdjecia w tle -------- */

@media screen and (max-width: 600px){
            .hide-on-mobile {
                background: none !important;
			}
}

/* -------- zmniejszenie marginesu poniżej lini "sketch" na index.html oryginalnie padding: 80px  -------- */
.content-wrap-cust1 {
	position: relative;
	padding: 40px 0;
	overflow: hidden;
}

/* -------- zmniejszenie marginesu poniżej lini "sketch" na pozostałych stronach oryginalnie padding: 80px  -------- */
.content-wrap-cust2 {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}

/* -------- zmienjszenie marginesu na tel --------- */

@media screen and (max-width: 600px){
            .col-mb-80-cust1 {
                --col-mb: 10px;
			}
}

@media screen and (max-width: 600px){
    .entry-cust1::after {
        content: '';
		position: relative;
		height: 2px;
		margin-top: 10px;
		background-color: #F5F5F5;
			}
}

/* ---------- wprowadzenie nagłówka h1 do entry-title ----- */

.entry-title-cust1 h1 {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.heading-block-cust1 h1 {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
}

.heading-block-cust1 { margin-bottom: 50px; }

.heading-block-cust1 h1 + span { font-size: 17px; }
.heading-block-cust1 h1 { font-size: 1.75rem; }

.heading-block-cust1 > span:not(.before-heading) {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
}
.heading-block-cust1 .before-heading { margin-bottom: 7px; }
.heading-block-cust1 h1 + span { font-size: 1.25rem; }

@media (max-width: 767.98px){
	.heading-block-cust1 h1 { font-size: 22px; }
}

.text-center .heading-block-cust1 > span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.heading-block-cust1.center > span,
.heading-block-cust1.text-center > span,
.center .heading-block-cust1 > span,
.text-center .heading-block-cust1 > span {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.heading-block-cust1::after {
	content: '';
	display: block;
	margin-top: 30px;
	width: 40px;
	border-top: 2px solid #444;
}
.entry-title-cust2 h2 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 600;	
}

.page-title-cust h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-size: 2rem;
	text-transform: uppercase;
}

.page-title-cust span {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 1.125rem;
}

.button-mini-cust {
	padding: 4px 10px;
    font-size: 11px;
    line-height: 13px;
}