/*
Theme Name: HAJOVIKO
Theme URI: 
Author: Balaton Elektronika Kft.
Author URI: https://www.balatonelektronika.hu
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: hajoviko

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body { font-family: 'Telex', sans-serif; margin: 0 auto; background: #FFFFFF; color: #404040; line-height: 2.5em; height: 100%; width: 100%; padding: 0;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.container {	 margin: 0 auto; padding: 0;}
#main { margin: 0 auto; padding: 50px 0; }
.row { margin: 0; padding: 0 10px 0 10px; }
.title { font-size: 11pt; font-weight: bold; }
a, a:visited { color: #0066CC; }
a:hover, a:active { color: #001350; text-decoration: none; }
h1 { color: #202020; font-size: 1.3em; font-weight: bold; text-align: left; margin: 0; padding: 15px 0 10px 0; }
h2 { color: #0066CC; font-size: 1.2em; font-weight: bold; text-align: left; text-transform: uppercase;}
h3, h3 a { color: #404040; font-size: 1.1em; font-weight: bold; text-align: left; }
.trbottom { border-bottom: 1px solid #E0E0E0; }

* { box-sizing: border-box; }
.video-background { background: url('./images/video-background.jpg') center ; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; }
.video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.video-background img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }
#fp-content { color: #fff; }
.fp-info { color: #fff; padding: 0; }
.fp-info h1 { font-size: 3em; font-weight: normal; color: #FAFAFA; text-align: center; margin: 0 0 450px 0; background: #152031; opacity: 0.8; }
.fp-info a { display: block; color: #fff; text-decoration: none; transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.video-background { background: url('./images/video-background.jpg') center ; }
.video-foreground { display: none;}
.fp-info { padding: 0; }
.fp-info h1 { margin: 0; font-size: 3em; font-weight: normal; margin: 0 0 300px 0; padding: 5px; }
}
@media all and (max-width: 500px) {
.fp-info .acronym { display: none; }
}
.fp-info .btn {
    display: inline-block;
    padding: 10px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
  
 /* KICSI FELBONTAS ESETEN */
@media all and (max-width: 992px) {
.dropdown-menu { position: static; float: none; text-align: center; } 
.footersidebar { padding: 0 1em; }
.footerformrow { padding: 0 1em; }
.footerdatarow { padding: 0 1em; font-size: 1.2em; line-height: 2em; }
.footer p { padding: 0.6em 0; }
.nomobil {display: none;}
.navbar-default .navbar-nav > li > a:after { color: #FAFAFA; display: block; position: absolute; left: 0; bottom: -5px; width: 0; height: 2px; background-color: #0066CC; }
}

@media all and (min-width: 992px) {
.dropdown-menu { position: static; float: none; text-align: center; } 
.footersidebar { padding: 0 3em; }
.footerformrow { padding: 0 4em; }
.footerdatarow { padding: 0 2em; font-size: 1.2em; line-height: 2em; }
.footer p { padding: 0.6em 0; }
.navbar-default .navbar-nav > li > a:after { color: #FAFAFA; display: block; position: absolute; left: 0; bottom: -5px; width: 0; height: 2px; background-color: #0066CC; content: ""; transition: width 0.5s; }
}

/*Header*/
.header { width: 100%; background: #080E1D; color: #FAFAFA; padding: 1em; }

/*Slider*/
.slider { padding: 0px; margin: 0; }
.recent-post-slider.design-4 div.post-image-bg{background: none;}
.recent-post-slider.design-4 .post-list-content .wp-post-title a { font-size: 1em; }
.recent-post-slider.design-4 .medium-5 { width: 58.3333%; }
.recent-post-slider.design-4 .medium-7 { width: 41.6667%; }
.recent-post-slider.design-3 div.post-image-bg { height: 330px; }
.recent-post-slider.design-3 div.post-short-content { background: rgba(208, 208, 208, 0.9) none repeat scroll 0 0; color: #202020; height: 30%;}
.recent-post-slider .wp-post-content a.readmorebtn { color: #202020; border: none;}

/*Navigation*/  
.navbar-default { color: #FAFAFA; background: #080E1D; }
.navbar {  border: none; border-radius: 0; margin: 0; padding: 1em; }
.navbar-default .navbar-brand { color: #FAFAFA; font-size: 2.4em; padding: 0.5em 0.5em; }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #FAFAFA;  }

.navbar-default .navbar-nav > li > a { color: #FAFAFA; font-size: 1.4em; text-transform: uppercase; padding: 15px 20px 5px 20px; text-align: center; }
.navbar-default .navbar-nav > li > a:after { color: #FAFAFA; display: block; position: absolute; left: 0; bottom: -5px; width: 0; height: 2px; background-color: #0066CC; }
.navbar-default .navbar-nav > li > a:hover { color: #FAFAFA; }
.navbar-default .navbar-nav > li > a:hover:after { color: #FAFAFA; width: 100%; }

.navbar-left { float: right !important; }
.navbar-default .form-control { width: 20em; }
.navbar-nav > li { padding: 0 0.4em; }
.navbar-default .navbar-nav  .current-menu-parent a { color: #FAFAFA; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: none; color: #0066CC; text-align: center; }

/*Content*/
.content { color: #404040; font-size: 1.2em; left; text-align: left; padding: 10px 30px 10px 30px; }
.contenthead { padding: 10px 10px 10px 0; margin: 0; text-transform: uppercase; font-size: 1.2em; font-weight: bold; }
.mainpart { padding: 10px 0; }
.content ul li { line-height: 1.5em;}
.content table { width: 100%; }
.content td, .content th { line-height: 2.5em; padding-left: 10px; }
.content h2 { color: #0066CC; font-size: 1.2em; font-weight: bold; text-align: left; margin: 0; padding: 0.6em 0 1em 0; text-transform: uppercase; border: none; }
.content h3 a { color: #001350; font-weight: bold; }
.content h4 { font-size: 1em; }
.content .even { background: #F6F6F6; }
.content .pdfadatlap { padding: 1em 0 0 0; }
.contenthir { font-size: 1em; text-align: justify; padding: 0; }
.contenthir a { font-weight: normal; text-decoration: none; font-size: 1.2em; line-height: 1.2em; }
.contenthir ul li { line-height: 23px;}
.contenthir td { color: #404040; font-weight: normal; text-decoration: none;}
.contenthir h3 { padding: 0 0 5px 0; margin: 0; }
.hirbox { height: 240px; background: #FFFFFF; padding: 10px; margin: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
.hirlista { display: block; padding: 10px 10px; border: 0px solid #F0F0F0; border-radius: 5px; margin: 10px 0 10px 0;}
.hirlista h3 { margin: 0; padding: 5px 0 5px 0; }
.hir { display: block; }
.postpagesnav { padding: 1em 0; }
.postpagesnav a { color: #0066CC; font-weight: normal; }
.postpagesnav a:hover { text-decoration: none; }
.postpagesnav .older { color: #0066CC; text-align: left; }
.postpagesnav .newer { color: #0066CC; text-align: right; }
.contentbox { display: block; padding: 10px; border: 0px solid #F0F0F0; border-radius: 5px; max-height: 300px; text-align: center; }
.panel { text-align: center; border: 1px solid #080E1D; box-shadow: none; }
.panel img { padding: 0; width: 100%; }
.panel:hover { border: 2px solid #FFC02D; text-decoration: none; }
.contenthajo h3 { text-align: center; }
.contenthajo .panel { border: none; }
.contenthajo .panel-body { }
.contenthajo .panel-heading { color: #FFFFFF; }
.contenthajo .panel-heading h3 { color: #404040; text-decoration: none; font-size: 1.4em; }
.contenthajo .panel-excert {  }
.imgzoom:hover { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -o-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.arlista { font-size: 1.8em; }
.ajanlatiar { color: #0066CC; font-size: 1.1em; font-weight: bold; }
.ajanlatiarh3 { color: #0066CC; font-size: 1.1em; font-weight: bold; }

/*Form*/
.wpcf7-form { text-align: center; }
button { background: #06c; color: #FAFAFA; border: 2px outset #FAFAFA; padding: 8px 20px; }
button:hover { background: #3cb0fd; border: 2px outset #AAAAAA; }
input, select, textarea { width: 100%; background: #F9F9F9; color: #000000; font-size: 1.1em; line-height: 1.8em; padding: 0.1em 0.5em; border: none; border:solid 1px #02AFE0; border-radius: 10px; margin: 0.5em 0;}
.acceptbox { float: left; }
.form-control:focus { border-color: #00973A; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 153, 51, 0.6) }
.captchaform { background: #C0C0C0; height: 100px; width: 400px; font-size: 14px; padding: 10px 10px 0 10px;}
.captchaform input { line-height: 1.3em; text-align: center; border: 1px solid #BBBBBB; }
.captchaform span { padding: 0 0 0 20px; }
.searchbutton { background: none; border: none; padding: 0; }
.headerform { padding: 10px 0 0 0; }
#searchform { width: 100%; }
.wpcf7-submit { background: #06c; color: #FAFAFA; padding: 0.5em 2em; max-width: 80%; }
.wpcf7-submit:hover { color: #FAFAFA; background: #3cb0fd; }

/*Sidebar* *Widget*/
.sidebar { padding: 30px 0 0 0; }
#widget { float: left; width: 100%; line-height: 1.8em; color: #8CC13B; padding: 10px; margin: 0 0 15px 0; }
#widget h1 { color: #FFC02D; font-size: 1.3em; font-weight: bold; text-transform: none; border-bottom: 1px solid #666666; }
.textwidget { color: #777777; font-size: 1.1em; text-align: left; padding: 0 3px 0 3px; }
#widget img { padding: 5px 0 5px 0; text-align: center; }
#widget a { color: #666666; }
#widget a:hover { color: #00973A; text-decoration: underline; }
.panel-body { padding: 0; }
#widget input, select, textarea { color: #000000; font-size: 1em; font-weight: normal; padding: 0.3em; border: none; border:solid 1px #02AFE0; border-radius: 10px;}
#widget .wpcf7-submit { background: #08BDF0; color: #FAFAFA; padding: 0.5em 2em; max-width: 60%; font-weight: bold; font-size: 1.1em; }
#widget .wpcf7-submit:hover { color: #FAFAFA; background: #02AFE0; }

/*Footer*/
.footer { background: #d9edf7; padding: 0; border-top: 1px solid #02AFE0; }
.footer-menu { text-align: center; margin: 10px 0 0 0; }
.footertext, .footertext a , .footertext a:hover { font-size: 1em; color: #909090; text-decoration: none; text-align: center; }
.nav-footer { display: inline-block; height: 26px; padding: 3px 0px 3px 0px; font-size: 1em; }
.nav-footer li { float: left; list-style: none; padding: 3px 15px;}
.nav-footer a { color: #606060; font-size: 1.1em; text-decoration: none; }
.nav-footer a:hover { text-decoration: underline; }

/**
 * WP default
 */

.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.nodisplay {
	display: none;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }