@font-face {
  font-family: "bootstrap-icons";
  src: url("/static/fonts/bootstrap-icons.woff") format('woff');
}
.cormorant {
  font-family: "Cormorant Unicase", serif;
  font-style: normal;
}

body{} 
 .rounded-4{border-radius:1rem!important}
 
 
 
 

 
/**************************COLORS**************/
.bg-light{background: #F8F9FA;}
.bg-lightbeige{background:#f5efe9; background-color:#f5efe9!important;}/*footer háttérszín*/
.bg-lightturkiz{background: #cde1df;}
.bg-blue{background-color: #3c7f86; }
.bg-lightbeige-gradient{background: linear-gradient(162deg, rgb(227, 221, 211) 19%, rgb(237, 236, 230) 56%, rgb(232, 232, 232) 82%, rgb(211, 211, 211) 100%);}
.bg-green{background:#10372D}
.bg-blue{background:#519198;}
.bg-dark{background:#191919!important;background-color:#191919!important;}
.bg-formbackground{background: rgba(67, 96, 77, 0.5);}



h1,.h1{
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h2,.h2{
  font-family:'Abril Fatface', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h4, .h4{font-family: "Oswald", sans-serif;}
h5, .h5{font-family: "Oswald", sans-serif;}
h6, .h6{font-family: "Oswald", sans-serif; font-weight:500}



#content{
margin-top:60px;
}

a,p,b
{
  text-align: justify;
  line-height: 1.6;
  font-size: clamp(0.95rem, 0.95vw, 0.95rem)!important;
  hyphens: auto;
}
a{color: inherit;text-decoration: none;font-weight:500;}


/**************************NAVIGATION**************/

.navbar-dark .navbar-toggler-icon
{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


     /*hover menu*/

          .dropend .dropdown-toggle {
            color: salmon;
            margin-left: 1em;
          }
          .dropdown-item:hover {
            background-color: lightsalmon;
            color: #fff;
          }
          .dropdown .dropdown-menu {
            display: none;
          }
          .dropdown:hover > .dropdown-menu,
          .dropend:hover > .dropdown-menu {
            display: block;
            margin-top: 0.125em;
            margin-left: 0.125em;
          }
          @media screen and (min-width: 769px) {
            .dropend:hover > .dropdown-menu {
              position: absolute;
              top: 0;
              left: 100%;
            }
            .dropend .dropdown-toggle {
              margin-left: 0.5em;
            }
          }

/**************************BUTTONS**************/
.btn {
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	font-weight: 600;
	padding: 15px 25px;
	overflow: hidden;
	position: relative;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color;
	transition-property: color;
	vertical-align: middle;
	border: 0;
	margin: auto;
	font-size: inherit;
  border-radius:0
}
.btn:before {
	bottom: 0;
	content: "";
	left: -5px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: width;
	transition-property: width;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	width: 0;
	z-index: -1;
	xxxborder-radius: 20px;
	display: inline-block;

}
.btn:hover {
	padding: 15px 25px;
}
.btn:hover:before {
	-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
	transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
	width: calc(100% + 10px)
}
.btn-default {
background-color: transparent;
  border: 1px solid #fff;
  color: white;
}
.btn-default:before {
	xxxborder-radius: 20px;
	display: inline-block;
	xx-webkit-border-radius: 20px;
	xx-moz-border-radius: 20px;
	xx-khtml-border-radius: 20px;
	background:black;

}
.btn-default:after{content:""; border:1px solid red; margin-right:5px}


.btn-default:hover {
	border: 1px solid #ceba85;
	color: white
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color:#fb7e59;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	xxxborder: 1px solid transparent;

}
.btn-primary:before {
	xxborder-radius: 20px;
	display: inline-block;
	background-color: black
}
.btn-primary:hover {
	xxxborder: 1px solid transparent;
	color: white
}
.btn-info {
	background: #3c7f86;
	font-weight: 600;
	color: #fff;
}
.btn-info:hover {
	background: black;
	font-weight: 600;
	color: #fff;
}
.btn-info::after {
	content: "\21FE";
	line-height: 0;
	font-size: 1.5em;
	position: relative;
	left: 5px;
}
.btn-info2 {
	background:transparent;
	font-weight: 600;
	margin: 0 3px;
	border-radius: 0;
	font-size: 0.9em
}
.btn.btn-info2:hover {
}
@media (max-width: 992px) {
.btn-info , .btn.btn-info2 {
	font-size: 0.9em
}
.btn-info::after {
}
}




.nav-link{font-weight:600!important;xxtext-transform: uppercase; }
  
.navbar-nav li:nth-child(1){display:none}   


.form-floating > label{font-size: 12px;} 
.form-floating > label small{font-size: 8px;}   