/*
STYLE.CSS - almashaza.hu
digiwood.hu 
WOODWORK
soos tamas alias piczege.porec

      beige: #fcf1d1;
      sárga: #ffcc33;
világoszöld: #a3c586;
  sötétzöld: #5b7444;
világoskék: #688b9a;
  sötétkék: #47697e;
*/

@font-face {
	font-family: 'Raleway-Regular';
	src: url('../fonts/Raleway-Regular.eot');
	src: local('☺'), 
	     url('../fonts/Raleway-Regular.woff') format('woff'), 
	     url('../fonts/Raleway-Regular.ttf') format('truetype'), 
	     url('../fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Thin';
	src: url('../fonts/Raleway-Thin.eot');
	src: local('☺'), 
	url('../fonts/Raleway-Thin.woff') format('woff'), 
	url('../fonts/Raleway-Thin.ttf') format('truetype'), 
	url('../fonts/Raleway-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('../fonts/Raleway-ExtraBold.eot');
  src: local('0'),
    url('../fonts/Raleway-ExtraBold.woff') format('woff'),
    url('../fonts/Raleway-ExtraBold.ttf') format('truetype'),
    url('../fonts/Raleway-ExtraBold.svg') format('svg');
  font-weight: 800;
  font-style: normal;
}
body { 
  background: #fff;
  color: #888 !important;
  font-family: 'Raleway-Regular' !important;
}
.beige{color: #fcf1d1 !important;}
.sarga{color: #ffcc33 !important;}
.vzold{color: #a3c586 !important;}
.szold{color: #5b7444 !important;}
.vkek{color: #688b9a !important;}
.skek{color: #47697e !important;}
.background_beige{background-color: #fcf1d1 !important;}
.background_sarga{background-color: #ffcc33 !important;}
.background_vzold{background-color: #a3c586 !important;}
.background_szold{background-color: #5b7444 !important;}
.background_vkek{background-color: #688b9a !important;}
.background_skek{background-color: #47697e !important;}
.btn{
  -moz-user-select: none;
  background-image: none;
  /*background-color: #329A9A;*/
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0px;
  margin-top: 30px;
  padding: 6px 12px;
  text-align: center;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  display: block;
  /* width: 30%; */
  /*float: right;*/  
}
.hamb{
  display:none;
}
/*-----------------------------------*\
  $PARALLAX
\*-----------------------------------*/
.parallax {
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax h1 {
  text-align: center;
  margin: 0;
  font-size: 2.5em;
  letter-spacing: .2em;
  color: white;
  background: rgba(45, 46, 47, 0.43);
  padding: 10rem 0;
  mix-blend-mode: exclusion;
}
/*.parallax:nth-of-type(1) {
  background: url(../img/main2.jpg);
}*/
.main {
  background: url(../images/main.jpg);
  min-height: 100vh;
}
.ujsag {
  background: url(../images/main.jpg);
  min-height: 70vh;
}
.esemeny {
  background: url(../images/main.jpg);
  min-height: 70vh;
}
.gov {
  background: url(../images/main.jpg);
  min-height: 70vh;
}
.travellers {
  background: url(../images/main.jpg);
  min-height: 70vh;
}
.main h2, .ujsag h2, .esemeny h2, .gov h2, .travellers h2{
  color: #fff;
  font-family: Raleway-ExtraBold;
  font-size: 96px;
  padding-top: 300px;
  padding-left: 300px;
  margin: 0;
  opacity: 0.7;
}
/*-----------------------------------*\
  $HEADER
\*-----------------------------------*/
#header{
    padding: 0;
    overflow: visible;
    margin: 0 auto 0 auto;
    float: none;
    display: block;
    width: 100%;
    z-index: 10;
    position: fixed;
}
.logo {
    float: left;
    display: block;
    padding: 0 35px;
    padding-top: 10px;
    position: relative;
    z-index: 99;
    text-align: center;
}
.logo img{
	width: 80px !important;
}
.header-right {
    display: flex;
    display: table-cell \9;
    width: auto;
}
/*-----------------------------------*\
  $NAV
\*-----------------------------------*/
#navigation {
    padding-top: 4px;
    padding-bottom: 0;
    z-index: 10;
    padding: 0;
    position: relative;
    width: 100%;
    display: inline;    
}
#main-nav {
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 40px;
    margin-top:10px;
    width: 100%;
    z-index: 99;    
}
#main-nav li{
    margin: 0;
    padding: 15px 15px 15px 21px;
    display: inline;
    float: left;
    text-align: center;
    position: relative;	
}
.nav_a{
    font-family: Raleway-ExtraBold;
    font-weight: 700;
    font-style: normal;
    color: #a3c586 !important;
    font-size: 26px;
    display: block;
    padding: 15px 0 0px;
    text-decoration: none;
    line-height: 1;
    border-bottom: none;
    text-align: left;
    border-bottom: 2px solid rgba(0,0,0,0);
}
.nav_a:hover{
	color: #fff !important;
}
.nav_subtitle{
    display: block;
    letter-spacing: .02em;
    font-size: 14px !important;
    text-align: left;
    font-weight: 400;
    opacity: .7;
    color: #fff;
}
/*-----------------------------------*\
  $MAIN
\*-----------------------------------*/
.mainpage-h3{
  color: #a3c586;
  margin-bottom: 30px;
  font-size: 36px;
  opacity: 0.7;  
}
.bnav{
  margin-top: -60px !important;
  margin-bottom: 50px !important;
}
.bnavcol{
  width: 25%;
  float:left;
  padding: 5px;
  position: static;
}
.bnavcol:last-of-type {
  padding-right: 5px; 
  float: right;
}
.bnavcol img{
  position: absolute;
  margin-left: 30px;
  margin-top: 30px;
}
.bnavcol h3{
  color: #fff;
  margin-top: 100px;
  margin-left: 30px;
  font-size: 28px;
  position: absolute; 
}
.bnavcol-title:nth-of-type(1n){
  margin-top:140px;
}
.bnavcol-title:nth-of-type(2n){
  margin-top:160px;
}
.bnavcol-title:nth-of-type(3n){
  margin-top:180px;
}
.bnavcol-title{
  color: #dcdcdc;
  font-size: 14px; 
  position: absolute;
  margin-left: 30px;
}
.bnav-1{
  background-color: #47697e;  
  min-height: 230px;
}
.bnav-2{
  background-color: #688b9a;
  min-height: 230px;
}
.bnav-3{
  background-color: #5b7444;
  min-height: 230px;
}
.bnav-4{
  background-color: #a3c586;
  min-height: 230px;
}
/*-----------------------------------*\
  $PORTAL
\*-----------------------------------*/
.portalbox{
  width: 100%;
  background-color: #f9f9f9;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
}
.portal_f{
  width:100%;
  height:100%;
  position: relative;
  /*padding: 10px;*/
  display: inline-block; 
}
.portal_f::before{
  content : "";
  position: absolute;
  top  : 0;
  left: 0;
  width  : 3px;
  height   : 15%;  /* or 100px */
  background: #ffcc33;
  }
.portal_f h3{
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  margin-bottom: 20px;
}    
.portal_v{
  position: relative;
  width: 100%;
}  
.portal_v::before{
  content: '';
  display: block;
  position: absolute;
  /*right: 0;*/
  width: 40%;
  border-top: 3px solid #ffcc33; 
  z-index: 1;   
  }
.money{
  width: 50%;
  text-align: right;
  float: left;
  line-height: 1;
}
/*-----------------------------------*\
  $UJSAG
\*-----------------------------------*/
.news{
  margin-top: 50px;
}
.news h3, .govdata h3{
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  color: #47697e;
  margin-left: 20px;
  margin-bottom: -5px;
  line-height: 1;    
}
.news span{
  font-size: 12px;
  color: #688b9a;
  margin-left: 20px;  
}
.news p{
  margin-left: 20px;
  margin-top: 10px;
  line-height: 1.5;  
}
/*-----------------------------------*\
  $ESEMENY
\*-----------------------------------*/
.events span{
  font-size: 13px;
  color: #47697e;  
}
/*-----------------------------------*\
  $ONKORMANYZAT
\*-----------------------------------*/
.govdata span{
  font-size: 13px;
  color: #47697e;  
}
.govdata ul{
  list-style-type: none;
  margin-top: 20px;
  line-height: 1.3;  
}
/*-----------------------------------*\
  $LATOGATOKNAK
\*-----------------------------------*/
.travellersdata h3{
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  color: #a3c586;
  margin-left: 20px;
  margin-bottom: -5px;
  line-height: 1;    
}
.travellersdata span{
  font-size: 12px;
  color: #688b9a;
  margin-left: 20px;  
}
.travellersdata p{
  margin-left: 20px;
  margin-top: 10px;
  line-height: 1.5;  
}
/*-----------------------------------*\
  $FOOTER
\*-----------------------------------*/
footer{
  background-color: #a3c586;
  min-height: 400px;
  float: none; 
  clear: both;
  margin: 0 auto;  
  margin-top: 50px;
}
footer h3{
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  color: #5b7444;
  line-height: 1;    
}
footer ul{
  list-style-type: none;
  line-height: 1.5;
}
footer a{
  color: #fff !important;
}
footer a:hover{
  color: #5b7444 !important;
}
.input-1 {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;  
  margin-bottom: 10px;
}
textarea.input-1{
  height: 120px;
}
.btn-1{
  -moz-user-select: none;
  background-image: none;
  background-color: #688b9a;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;  
  display: block;
  width: 100%;  
}
.btn-1:hover{
  color: #ccc;
}
/*-----------------------------------*\
  ACCORDION
\*-----------------------------------*/
.accordion {
  padding: 0 10px;
  margin: 0 auto;
  list-style: none outside;
}
/*.accordion > * + * { border-top: 1px solid white; }*/

.accordion-item {
  text-align: left;     
}
.accordion-item-hd {
  display: block;
  padding: 30px 30px 10px 20px;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 1px solid rgba(104, 139, 154, 1);
}
.accordion-item-input:checked ~ .accordion-item-bd {
  max-height: 1000px;
  padding-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
  transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;
}
.accordion-item-input:checked ~ .accordion-item-hd > .accordion-item-hd-cta {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.accordion-item-hd-cta {
  display: block;
  width: 30px;
  position: absolute;
  top: calc(50% - 6px );
  /*minus half font-size*/
  right: 0;
  pointer-events: none;
  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  text-align: center;
  font-size: 12px;
  line-height: 1;
}
.accordion-item-bd {
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
  transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;
}
.accordion-item-input {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1;
  overflow: hidden;
  position: absolute;
  left: -9999px;
}
.accordion-item-bd p {
  font-size: 14px !important;
  line-height: 22px;
  text-align: left !important;
  margin: 0;
  color: #777;
  padding-left: 15px;
  font-family: 'Raleway-Regular';
  border-left: 8px solid rgba(104, 139, 154, 1);
  width: 100%;
}
.accordion-date{
  margin-right: 50px;
}
.accordion-title{
  font-family: Raleway-ExtraBold; 
}
.accordion-price{
  color: #0EAFC1;
  float:right;
  margin-right: 30px;
}
/*-----------------------------------*\
  $SCREENS
\*-----------------------------------*/
@media screen and (max-width: 800px) {
.bnavcol{
  width: 100%;
  padding-left:10px;
  padding-right:10px;
}
.main {
  min-height: 60vh;
}	
.logo img{
	width: 60px !important;
}
#main-nav li{display: none;}
#main-nav li.hamb{
    position: absolute;
    right: 0;
    top: -16px; 
    display: block;     
}
#main-nav.responsive li.hamb{
  top: 8px;
}
#main-nav li.hamb a{
    color: #fff !important;
    font-family: 'Raleway-ExtraBold';
}
#main-nav.responsive	li{
  margin-left: -40px;
  display: block;
  padding: 0 15px 0 21px;
}
.main h2, .ujsag h2{
	font-size: 52px;
  padding:0;
	padding-top:320px;
}
.maintitle{
  text-align: center;	
}
.accordion-item-hd {
  display: grid;
}  

}