@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*
Theme Name: kdnp kepviseloi oldal
Theme URI: http://kdnp.hu/
Description: kdnp kepviselok oldalai
Author: Bagi Tamas
Author URI: http://bagitom.hu
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/


* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	background-color:#ffffe9;
}

#cal{

padding-left:30px;

}

.right_menu{
font-weight:bold;
}

a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 974px;
	margin: 0 auto;
	max-width: 100%;
}

#fotonevcont{
position:relative;
}

#nev{
color:grey;
top:63px;
left:190px;
width:190px;
height:60px;
position:absolute;
text-transform:uppercase;
font-size:9px;
}

#nev> h3, #nev> h3 a, #nev> h3 a:visited{
color:#00564f;
font-size:13px;
letter-spacing:3px;
text-decoration: none;
}

#foto{
z-index:99;
position:absolute;
background-color:white;
width:105px;
height:150px;
top:40px;
left:42px;
box-shadow: 5px 5px 2px #888888;
-moz-box-shadow: 5px 5px 2px #888888;
	-webkit-box-shadow: 5px 5px 2px #888888;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 190px;
	background: white;
margin-bottom:10px;
}

#header>img{
 display: block;
    margin-left: auto;
    margin-right: auto 
}


.bttn{
top:-35px;
left: 135px;

position:relative;
display:inline;


border:0;

}


#header div a {
/* text-decoration: none; */
text-decoration: none;
display: inline-block;
}
#headerbgimg {
	background: url('img/fejlec_3.png') left top no-repeat white;
	height: 143px;
	width: 100%;
	border-radius: 7px;
}
#headermenu {
	position: relative;
	background: url('img/gombsor_zoldlec.png') center center no-repeat transparent;
	height: 35px;
}
/*
#headermenu a:first-child {
	margin-left: 170px;
}
*/
span#pszvg, span#glr, span#mag, span#kapcs, span#vdk{

/*top: -48px;
left: 135px;
HA kep  van akkor ez legyen*/
/*
top:-28px;
left:155px;

position: relative;
*/
display: inline-block;
border: 0;
color: white;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
font-size: 14px;
margin-left: 12px;
margin-right: 28px;
margin-top: 7px;
}

#headermenu ul.menu {
  list-style: none; 
  margin: 0 0 0 170px;
  padding: 0;
}
#headermenu ul.menu  li {
  float: left;
}

.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin-bottom: 0;
  top: 2px;
  left: 85vw;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
@media (min-width: 480px) {
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ ul.menu {
  display: none;
}
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ ul.menu {
    display: block;
  }
  
}
@media (max-width: 480px) {
#main-menu-state:not(:checked) ~ ul.menu {
  display: none;
}
#main-menu-state:checked ~ ul.menu {
  display: block;
  position: absolute;
  min-width: 220px;
  width: 70%;
  margin-left: 28%;
  z-index: 10000;
  margin-top: 20px;
  background-color: white;
}
 /*
 * .scrolled .logo {
 *   left: 0;
 *     width: 200px;
 *       bottom: -2px;
 *         position: absolute;
 *           left: 40px;
 *           }
 *
 *           .scrolled #menu {
 *             margin-top: 78px;
 *             }
 *             */
#main-menu-state:checked ~ ul.menu li a {
  padding: 0;
  display: block;
  height: 35px;
  margin-top: 3px;
  margin-left: 0;
}
#main-menu-state:checked ~ ul.menu li {
	background: url('img/gombsor_zoldlec.png') center center no-repeat transparent;
	margin-left: 0;
	float: none;
}
#main-menu-state:checked ~ ul.menu {
	background-color: white;
}
}





/* Middle
-----------------------------------------------------------------------------*/
#middle {	
	 display: block;
    margin-left: auto;
    margin-right: auto ;
	width: 964px;
	height: 1%;
	position: relative;
border-left:1px solid LightGrey;
	border-right: 1px solid LightGrey;
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 20px;
}
#content {
	padding: 20px 260px 0 7px;
	
	
}

.post{

  margin-bottom:20px;
}

/*flickr thumbnail @ galery

*/
img.fl_th {
width: 170px;
height: 170px;
margin-right:2px;
}

.post h3 {
color:grey;
text-decoration: none;
font-weight: lighter;
}
.post h3 {
font-size: medium;
font-weight: bold;
width:350px;
}
/* 
ha a megosztas ikonok a cim alatt legyenek akkor ez kell, es az alatta levo nem.
valamint ki kell kommentezni a .post h3-bol a width-et
.hupso-share-buttons{
border-bottom: 1px solid lightgrey;
border-top: 1px solid lightgrey;
margin-top: 5px;
margin-bottom: 10px;
height: 20px;
}
*/
.hupso-share-buttons {
/* border-bottom: 1px solid lightgrey; */
border-top: 1px solid lightgrey;
margin-top: -5px;
margin-bottom: 10px;
height: 20px;
top: -50px;
position: relative;
padding-left: 420px;
z-index:-100;
}

/*pagenavi
---------------------------------------------------------------*/
.wp-pagenavi a {
margin-left: 15px;
}
span.pages {
text-align: center;
margin: auto;
display: table;

}

.wp-pagenavi {
text-align: center;
margin: auto;
display: table;
margin-bottom:10px;
}



/* Sidebar Right
-----------------------------------------------------------------------------*/
/*mozgo jobb menuhoz kell ez*/
/*lasd meg header.php-t ott egy jquery fuggveny ebbe az osztalyba rakja a #sideRight-ot, ha a gorgetes tobb, mint valahany pixel*/
.fixedmenu{
position:fixed;
/*top:-55px; */
top: 0;
}


#sideRight {
	float: right;
	margin-right: -1px;
	width: 250px;
	/*margin-left: -250px; */
	/*     position: relative; dekomment, ha nem kell a csuszkalos menu*/
	border-left:1px solid LightGrey;
	padding-bottom:60px;
	/*margin-bottom:20px; */
	right: 22px; /*kommentezd ha nem kell a csuszkalo menu*/
	
}

#sideRight>div, #sideRight>img,#pajzs{
margin-left:4px;
margin-top:1px;
}

.fb-like-box{
margin-bottom:5px;
}

/*kalendar beallitasok*/
.view-cap, .view-container-border{
background-color:white;
}


#sidebttns>a>img:hover{
opacity:0.7;
}

#sidebttns>img{
margin-left:0px ;/* a fb modul miatt par sorral feljebb div es img is 4-4px margot kapott. ebbol 4-et most itt kivonunk*/
}

.post{

  border-right: 1px solid LightGrey;
margin-right: -11px;
padding-bottom: 1px;
}

.entry{

  margin-right:8px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	/*border-left:1px solid LightGrey;
	border-right: 1px solid LightGrey;*/
	height: 23px;
	width:964px;
	max-width: 100vw;
	display: block;
    	margin-left: auto;
    	margin-right: auto ;
    	padding-top: 5px;
	background: url('img/gombsor_zoldlec.png') center center no-repeat transparent;
        border-radius: 5px;
	
}

#footer>img{

 display: block;
    margin-left: auto;
    margin-right: auto 
}
#footer > span {
	width: 33%;
	text-align: center;
	display: block;
	float: left;
}
#footer span.icon a::before {
	font-family: "FontAwesome";
	background: orange;
	display: inline-block;
	width: 17px;
	text-align: center;
	color: white;
	border-radius: 4px;
	height: 17px;
	margin-right: 5px;
	font-weight: normal;
	font-size: 1.1em;
}
#footer span.rss a::before {
	content: "\f09e";
}
#footer span.mail a::before {
	content: "\f1fa";
}
#footer span.copyright a::before {
	content: "\f1f9";
}
#footer span a, #footer span {
	color: white;
	font-size: .95em;
	font-weight: bold;
}

/* content */
#container.content h3{

margin-bottom:10px;
color:#a7810e;
}

#container.contenth5{
margin-top:50px;
float:right;
margin-bottom:10px;
color:#a7810e;
}


.aligncenter{

   display: block;
    margin-left: auto;
    margin-right: auto;
}
#kishirek{

height:250px;
padding-left:10px;
margin-bottom:12px;
background-color:lightgrey;
border-collapse:separate;
border-spacing:2px 2px;
border-top: 1px solid lightgrey;
border-bottom:1px solid lightgrey;
}

#kishirek > img{
position:relative;
top:0;
float:right;
margin-left:5px;
}

#kishirek h3{

   margin-top:20px;
   margin-bottom: 20px;
}

#kishirek h3 a{
color:#a7810e;
font-size:15px;
font-weight:bold;
text-decoration: none;
  
}
#kishirek > #szov{
width:50%;
height:100%;
}

#galeria{

width:100%;
height:117px;
border-bottom: 1px solid LightGrey;

border-top: 1px solid LightGrey;
padding-top:2px;
}

#hirkont{
display:table-cell;
width:100%;
height:300px;
position:absolute;
margin-top:12px;
overflow:hidden;
}

#container.content.headimg{
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#sajathir{
positon:relative;
float:left;
width:340px;
height:300px;
display:table-cell;
overflow:hidden;

}
.sajathir-elem{
background-image:url("img/sajathirek_box.png");
background-repeat:no-repeat;
/*width:340px; */
height:70px;
position:absulute;
padding-left:13px;
padding-top:10px;
padding-right:30px;
margin-bottom:-10px;

}

#spacer{
position:relative;
float:left;
width:20px;
height:300px;

}

#kdnphir{
height:300px;
position:relative;
float:left;
width:340px;
display:table-cell;
overflow:hidden;
}

#hirkont >a,a:link,a:visited,a:hover, a:active{
color:black;
text-decoration:none;
}


.feed-item-title>a{
text-decoration:none;


}

aside h1{
display:none;
}

aside li{
height:50px;
margin-top:20px;
margin-bottom:10px;
margin-left:5px;
border-bottom: 1px solid gold;
list-style-type:none;
}

.rss2html-note{
display:none;
}


/*  kapcsolat --------------------  */

#wpcf7-f43-p23-o1{
//height: 480px;
width:485px;
background-color:#cccccc;
margin-left:55px;
padding-left:20px;
padding-top:30px;

}
.wpcf7-recaptcha {
margin-top: -18px;
}

.form_header{
position:relative;
top:23px;
left:55px;
}

.wpcf7 input, textarea{
width:465px;
margin-bottom:10px;
}

.wpcf7 textarea{
height:170px;

}

.wpcf7-submit{

 border: none;
 margin: 0;
 padding: 0;
 background:  url('img/kuldes.png') 0 0 no-repeat; 
width:142px;
height:20px;
text-indent:-9999px;
left: 325px;
position:relative;
}


#koszonet, #bevezeto{
margin-top:20px;
text-align:justify;
color:black;
margin-bottom:20px;
margin-left:55px;
width:505px;
}

#koszonet{
color:#a7810e;
}

.wpcf7 button{
margin-left:325px;
}

/* hack */

#kishirek .sd-sharing{
	display: none;

* html button{font-size:0;display:block;line-height:0}  /* ie6 */
*+html button{font-size:0;display:block;line-height:0}  /* ie7 */
}


/* --------------media oldal------------ */
#kont{
	float: left;
	width: 350px;
	overflow: hidden;
}

#video{
	/*width: 324px;*/
	overflow: hidden;
	margin-bottom: 40px;
}

ul.mechabyte-youtube-videos.mechabyte-display-decorated li {
margin-right: 26px;
}

#video iframe{
margin-right: 5px;
}

	#video .video h1{
		display: none;
	}
	
	#video .video ul.mechabyte-youtube-videos li{
		float: left;
		list-style: none;
	}
	
	#video .video ul.mechabyte-youtube-videos li.odd{
		/*padding: 0 6px; >*/
	}
	
		#video .video ul.mechabyte-youtube-videos li .label{
			display: none;
		}	
		#video .video ul.mechabyte-youtube-videos li img{
			width: 100px;
		}


#szovegtorzs_magam h4{
color:#a7810e;
margin-top:10px;
margin-bottom:10px;
}

#szovegtorzs_magam{
margin-top:20px;
}

.right_menu {
  background: rgba(0, 0, 0, 0) url("img/gombsor_zoldlec.png") no-repeat scroll -7px 0;
  color: #fff;
  display: block;
  margin: 0 6px 5px 0;
  padding: 8px 12px;
  text-transform: uppercase;
}

.post {
  font-size: 1.2em;
}

.wds_loading {
  height: 270px !important;
}