@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;700&display=swap');
@font-face {
  font-family: 'Panton';
  src: url('../font/Panton-BlackCaps.eot');
  src: local('Panton'), local('Panton-BlackCaps'),
      url('../font/Panton-BlackCaps.eot?#iefix') format('embedded-opentype'),
      url('../font/Panton-BlackCaps.woff2') format('woff2'),
      url('../font/Panton-BlackCaps.woff') format('woff'),
      url('../font/Panton-BlackCaps.ttf') format('truetype'),
      url('../font/Panton-BlackCaps.svg#Panton-BlackCaps') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body{
  font-family: "Poppins";
  min-height:100vh;
}

body, main, main > section {
	background-color: white;
	background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.5) 50%, transparent 50%), linear-gradient(rgba(200, 0, 0, 0.5) 50%, transparent 50%);
	background-size: 50px 50px;
}

:root {
	--main-color-1:  #FFF00F;
	--main-color-2:  #C77B4A;
	--main-color-3:  #6606c8;
	--main-color-4:  #7907ee;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--main-color-2);
  --bs-tooltip-color:white;
  --bs-tooltip-opacity: 1;
}

.stroked-text {
  color: white; /* set the text color */
  text-shadow:
    -1px -1px 0 black, /* top-left */
    1px -1px 0 black, /* top-right */
    -1px 1px 0 black, /* bottom-left */
    1px 1px 0 black; /* bottom-right */
}
/* HEADER */
a.menuLink {
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.2s linear 0s;
	background: var(--main-color-1);
}
  
nav a:not(.navbar-brand):hover {
	color: rgb(0, 0, 0);
	background: var(--main-color-2);
}

a.menuLink.fbLink {
	background: rgb(66, 103, 178);
}

a.menuLink.phoneLink {
	background: rgb(125, 232, 100);
}

/* KEZDOLAP */

.hero {
  background-color: #1b1b1b;
  background-image: url('../img/hero_section_bg.png');
  background-size: cover;
  background-position: center center;
  position: relative;
  isolation: isolate;
}

@supports (background-image: url('../img/hero_section_bg.webp')) {
  .hero {
    background-image: url('../img/hero_section_bg.webp');
  }
}

@supports (image-orientation: from-image) {
  .hero {
    background-image: url('../img/hero_section_bg.avif');
  }
}

.hero h1, .hero h2, h2.section-title{
  font-family: 'Panton';
}



/* FOOTER */

.footermain{
  border-top:2px solid #1d1d1d;
}
.copyright, nav.bg-dark{
  background:#1d1d1d!important;
}