@font-face {
    font-family: "PFEncoreSansPro";
    src: url("font/PFEncoreSansPro-Reg.otf");
}
@font-face {
    font-family: "PFEncoreSansPro";
    src: url("font/PFEncoreSansPro-Black.otf");
    font-weight: bold;
}

/* Oldal háttere */
body { position:absolute; top:0; left:0; right:0; bottom:0; font-family: PFEncoreSansPro; font-size: 20px; letter-spacing: 2px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #f0f0f0; min-width: 320px; overflow-x: hidden }


/* alapvető link, és elválaszta vonal */
 
a { color:black;  text-decoration: none;  }
a:hover { color: black;  text-decoration: none;  }



HR { height: 1px; border: solid black 0px; border-top-width: 1px;  }

/* Bevtiteli mezők */
textarea, input { border: 1px solid #333333; font-weight:700; border-radius: 3px; background-color: white; padding-left:10px; padding-right:10px; }
input.button { border-radius:20px; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; font-weight: bold; font-size: 20px; text-transform:uppercase; background: #362948; color:white; margin-left:15px; margin-right:15px; letter-spacing:2px;}
input.button:hover { background-color: #383838; color: white; }
textarea { font-size: 12px;   }

/* Általános keret */
div.mainborder { border: 0px solid red; background-color: black; display: block; }

/* alapkeret */
div#baseborder { border: 0px solid red; width: 100%; min-height: 89%; color: transparent; display: block; background-color: #f9f9f9; }

/* Modul és Panel fejléce */
div.mod-title { text-align: center; font-size:24px; color: #74090F; font-weight: bold; background-color: transparent; height: 30px; padding-top: 0px; padding-left: 0px; margin-top: 30px; margin-left: 0px; margin-right: 0px; background-repeat: no-repeat; }
div.panel-title { display:none; text-align: center; color: white; font-weight: bold; background-color: white;  height: 0px; width: auto; padding-top: 15px; margin-top: 0px; padding-left: 0px; margin-left: 0px; margin-right: 0px; background-repeat: no-repeat; }
div.mod-border {  border-radius:15px; width:100%; min-height: 70%; color: white;  padding: 0px; margin-top:5px; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: left; }

div.panel-border { border: 0px solid #532d0b; border-radius:15px; color: black;  background-color: white; background-repeat: no-repeat; padding: 10px 10px 10px 10px; margin-top:5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; text-align: left; }

div.mod-border div.top, div.mod-border div.bottom { font-size: 14px; }
div.mod-border div.top { text-align: center; border-bottom: 0px solid gray; padding-bottom: 0px; margin-bottom: 0px; }
div.mod-border div.bottom { text-align: right; border-top: 0px solid gray; padding-top: 0px; margin-top: 0px; }


div.mod-border_ a { color: black; font-weight: bold;  }
div.mod-border_ a:hover { color: black; border-bottom: 1px solid black; text-decoration: none; }


div.panel-blank { font-size: 10px; text-align: center; padding-top: 0px; padding-bottom: 0px; }



/* Menüelem */

div.panel-border a {  color: black; height: 31px; font-weight: bold; }

div.panel-border div.menu a { padding-bottom: 0px; padding-top: 2px; padding-left: 10px; background-repeat: no-repeat; background-position: 0px 0px; display: block; width: auto; }
div.panel-border div.menu a:hover { padding-top: 5px;  text-decoration: none; background-repeat: no-repeat; background-position: 0px 0px; }




/* Modul tetejébe épített link (pl.: hírek modul) */

a.mod-title { color: black; }
a.mod-title:hover { color: white; }


div.post-block a { color: white; font-weight: bold; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;  }
div.post-block a:hover { color:white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; opacity:0.6; }

/* Oldaltörés */
div.pagebreak-top { text-align: left; margin-top: 6px; margin-bottom: 12px; }
div.pagebreak-bottom { text-align: center; margin-top: 18px; margin-bottom: 12px; }

div.errmsg { padding-top: 20px; padding-bottom: 20px; text-align: center; }

.div_margin {margin-left:80px; margin-right:80px;}
.h2_cim {color:#362948; font-size:62px; letter-spacing:2px; margin-top:20px; margin-bottom:30px; text-transform:uppercase}
.h2_cim2 {color:#362948; font-size:62px; letter-spacing:2px; margin-top:20px; margin-bottom:30px; text-transform:uppercase}
.fooldal_workshopok_date {background:#91a0a5; letter-spacing:2px; font-size:32px; line-height:130px; border-right: 1px solid white;}
.fooldal_workshopok_title {background:#91a0a5;  letter-spacing:2px; font-size:30px; text-transform:uppercase;}

.desktop_hide {display:none;}
.desktop_show {display:block;}

 div#right {  width: 0%; min-height:100%; padding: 0px 10px 0px 10px; background-color: #f9f9f9; }
 div#left {  width: 0%; min-height:0%; padding: 0px 0px 0px 0px; background-color: #f9f9f9; }
 div#center { width: 100%; min-height:100%; min-height:710px; margin-top:100px; padding: 0px 0px 0px 0px; background-color: #f9f9f9; background-image: url("./images/back.jpg"); background-size:contain }
 div#left { float: left; display: none; }
 div#center { float: left;   }
 div#right { float: right; position:inherit; }
 
 .chat_link { color:#362948; font-size:36px; font-weight:bold; text-decoration: none;  }
.chat_link:hover { color: black;  text-decoration: none;  }
 
 .container_workshopok {margin-left:90px; margin-right:90px;}
 
@media (max-width: 1024px) {
	
	div#right {  width: 0%; min-height:100%; padding: 0px 5px 0px 10px; background-color: #f9f0e8; }
	div#left {  width: 0%; min-height:100%; padding: 0px 5px 0px 10px; background-color: #f9f0e8; }
	div#center { width: 100%; min-height:100%; padding: 0px 10px 0px 10px; margin-top:0px; background-color: #f9f0e8; }
	div#left { float: right; display: block; } div#center { float: right;   }
	div#right { float: right;  }
	
	.mobile_hide {display:none;}
	.mobile_show {display:block;}
	
	.div_margin {margin-left:10px; margin-right:10px;}
	.h2_cim {color:#362948; font-size:46px; letter-spacing:2px; margin-top:20px; margin-bottom:30px; text-transform:uppercase}
	.h2_cim2 {color:#362948; font-size:36px; letter-spacing:2px; margin-top:20px; margin-bottom:30px; text-transform:uppercase}
	.fooldal_workshopok_title {background:#91a0a5;  letter-spacing:2px; font-size:24px; text-transform:uppercase;}
	
	 .container_workshopok {margin-left:10px; margin-right:10px;}
	
	
	
	}
/* div#bkLeft span {	font-size: 1px; } */

div#footer { font-size: 14px; text-align:center; padding: 22px 30px 22px 30px; color: white; background-color: #362948;  width: 100%;  }
div#footer a { color: white; }


/* number input */
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 4rem;
  padding: .4rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 1rem;
  height: 2rem;
  font-weight: bold;
  text-align: center;
}


div.termek_box {height:100%; }



.calendar .event-name {
	font-size: 20px;
}


 /* Style the navbar */
#navbar {
  overflow: hidden;
  background-color: white;
  
  
}

/* Navbar links */
#navbar a {
 
  color: #362948;
  
  padding: 10px;
 
}



/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  height:100px;
  line-height:100px;
  top: 0;
  width: 100%;
  z-index: 20;
  border-bottom: 2px solid #362948;
   text-decoration: none;
  text-transform:uppercase;
  font-size:20px;
  font-weight:800;
  
  transition: 0.5s ease;
}

.sticky_lower {
  position: fixed;
  height:80px;
  line-height:80px;
  top: 0;
  width: 100%;
  z-index: 20;
  border-bottom: 2px solid #362948;
   text-decoration: none;
  text-transform:uppercase;
  font-size:18px;
  font-weight:800;
  
  transition: 0.5s ease;
}

.logo_header {
	height:60px;
	width:auto;
	transition: 0.5s ease;
	
}

.logo_header_lower {
	height:40px;
	width:auto;
	transition: 0.5s ease;
	
}


.hide { display: none;}
.clear {	clear: both; }





div.left { float: left; }
div.right { float: right; }
div.clear {	clear: both; }