/*
	Theme Name: Polar Invest template 2019
	Description: Theme for Polar Invest
	Version: 1.2
	Author: Baksa Gaspar
	Author URI: http://www.baksagaspar.com
	Tags: HTML5, CSS3

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,*:after,*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 16px/1.6 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,.clear:after, .fo-tartalom:after  {
    content:' ';
    display:table;
}

.clear:after, .fo-tartalom:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color: #698d3b;
	text-decoration:none;
}
a:hover {
	color: #006939;
}
a:focus {
	outline:0;
}
a:hover,a:active {
	outline:0;
}
input:focus, textarea:focus {
	outline:0;
	border:1px solid rgba(183, 183, 183, 0.5);
}

h1, h2, h3 {
font-family: 'Roboto Slab', "Palatino Linotype", "Book Antiqua", Palatino, Times, serif;
font-weight: normal;
    text-transform: uppercase;
}

h1 {
	line-height: 1.2em;
}


h4 {
font-family: 'Roboto Slab', "Palatino Linotype", "Book Antiqua", Palatino, Times, serif;
}

iframe {
max-width:100%;
}

input {
    line-height: normal;
    border: 1px solid #bbbbbb;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #698d3b;
    color: white;
    border: none;
    padding: 0.5em 1em;
    text-transform: uppercase;
    font-weight: bold;
}

a, button, input  {
	-webkit-transition: 0.5s all linear;
    -moz-transition: 0.5s all linear;
    transition: 0.5s all linear;
}

table p {
margin:0;
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection, ::-webkit-selection, ::-moz-selection {
	background:#698d3b;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

body {
padding-top:90px;
}

/* wrapper */
.wrapper {
	max-width: 950px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
    background: white;
    position: fixed;
    width: 100%;
    height: 90px;
    padding: 1em 0;
    margin: 0;
    top: 0;
    z-index: 200;
    box-shadow: 1px 1px 4px rgba(183, 183, 183, 0.5);
}


/* logo */
.logo {
float:left;
}

.logo a {
	color: #006939;
}

.logo-img {
	height: 60px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 1em;
}

.logo h1 {
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.infok {
float: right;
text-align: right;
}

.kontaktinfok {
margin-bottom: 0.5em;
}


/* nav */
.nav {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
	font-size: 1.1em;
}

.nav ul, .sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav ul li {
	display: inline-block;
    padding-left: 1.2em;
}

.nav ul li > ul {
 display: none;
    background: white;
    text-align: left;
    position: absolute;
    width: 11em;
    box-shadow: 1px 3px 4px rgba(183, 183, 183, 0.5);
    font-size: 0.9em;
    padding-left: 0.5em;
}


.nav ul.desktop li:hover > ul {
	display: block;
}

.nav ul li > ul li {
	padding:0;
	display:block;
}

.nav ul li > ul li a {
	padding: 0.3em;
	display:block;
}

.nav ul li.menu-item-has-children > a:after {
	content: "\f107";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
}

a#mobile-menu-btn { 
	display: none; 
}

a#mobile-menu-btn .fa:before {
	margin-right: 10px;
}

.nav ul.mobile li > ul {
    display: block;
    text-align: left;
    position: relative;
    box-shadow: none;
    font-size: 0.9em;
    padding-left: 0.3em;
    margin-top: 0;
    margin-bottom: 0.3em;
    width: auto;
}


/* Main content */

.fo-tartalom {
	margin: 1.5em 0;
    min-height: 40vH;
}

main {
    width: 63%;
    float: left;
}

main.category-lister {
    width: 100%;
    float: none;
}

main h1, .elerhetoseg h1 {
    font-size: 2.5em;
    margin-top: 0;
}

main h1, .sidebar h3 a, .elerhetoseg h1 {
    color: #076d3e;
}

section ul {
    margin: 0 0 1em;
    padding-left: 1em;
}

.catthumb {
    float: left;
    max-width: 50%;
    margin-right: 1em;
    margin-bottom: 1em;
}


.blogthumb {
    float: right;
    max-width: 50%;
    margin-left: 1em;
    margin-bottom: 1em;
}

.postlink-title {
    margin: 0 0 0.5em;
}

article {
margin-bottom: 1em;
}

article p, .sidebar p {
margin-top:0;
}

article h4 {
margin-bottom:0;
}

a.view-article {
display:block;
}

body.home .slider-holder, body.error404 .slider-holder {
/* 
    margin-bottom: -4em;
 */
}

body.home h1#beruhazo, body.error404 h1#beruhazo {
padding-top: 1em;
}

article.nyitocontent {
    margin-bottom: -4em;
}

article.nyitocontent:last-child {
	margin-bottom: 1em;
}

article.nyitocontent h1 {
	text-align:center;
	margin: 0;
    padding: 4em 0 1em;
}


body.home section, body.error404 section {
    margin-bottom: 4em;
}

.halver {
width:48%;
margin-right: 1%;
display: inline-block;
vertical-align:top;
}

.halver .simply-scroll { /* Customisable base class for style override DIV */
	width: 450px;
	height: 700px;
	margin-bottom: 1em;
	margin-top: 1em;
}

.halver .simply-scroll .simply-scroll-clip {
	width: 450px;
	height: 700px;
}

.halver .simply-scroll .simply-scroll-list li {
    float: left;
	width: 450px;
	height: 330px;
}

.halver input, .halver textarea {
    border: 1px solid #e6e6e6;
    padding: 0.5em;
    width: 90%;
}


.halver input[type="submit"] {
    border: none;
    padding: 0.7em;
    font-size: 1.2em;
}


main.category, main.fullwidth {
width: 100%;
float: none;
}

main.category article {
    clear: both;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 0.5em;
}

main.category .catthumb {
margin-top: 0.5em;
}

main.category .postlink-title {
    font-size: 2em;
}

main.category p {
    margin-bottom:0;
}

main.category .view-more {
    text-align: right;
}

main.category .view-hard {
    font-weight:bold;
    font-style: italic;
}

.singlecontent .category-blog .blogthumb {
    float: none;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 2em;
}

.beruhazas-sekcion a img, .kivitelezes-sekcion a img {
    max-width: 50%;
    margin-top: 1em;
    margin-bottom: 0;
}

.nyitocontent h2, .nyitocontent p {
	margin-top:0;
	margin-bottom: 0.3em;
}


/* sidebar */
.sidebar {
    float: right;
    width: 33%;
}

.sidebar h3, .footer-widget h3 {
    font-size: 2em;
    margin-top: 0;
}

.sidebar .cat-post-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.refgaleria {
    display: block;
    width: 100%;
    clear: both;
    border-top: 1px solid #e9e9e9;
}

.cat-post-item {
    margin: 3px 0 15px;
}

.sidebar .cat-post-title,
.fo-tartalom #category-posts-2-internal .cat-post-title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0.3em;
    display: block;
}

.cat-post-thumbnail img {
    margin: 5px 15px 5px 0;
}

.cat-post-item p {
    font-size: 0.9em;
    line-height: 1.5em;
}


/* footer */
.footer {
background: #005829;
width:100%;
padding: 1em 0;
color:white;
clear:both;
}

.footer a {
	color:white;
}

.footer .footer-widget {
vertical-align:top;
display: inline-block;
width: 48%;
margin-right:1%;
}

.footer .copyright {
margin: 0;
padding: 1em 0;
text-align: center;
}


/* Tooltips */

.imp-tooltip {
	z-index:100 !important;
	font-size: 15px;
	max-width: 280px;
}

.imp-tooltip * {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;

}

.imp-tooltip p {
    font-size: 15px !important;
    line-height: 1.6em !important;
}

.imp-tooltip h1 {
	font-size: 21px !important;
    display: block !important;
    font-family: 'Roboto Slab', "Palatino Linotype", "Book Antiqua", Palatino, Times, serif !important;
}


.imp-tooltip .tipbutton a {
	font-family: 'Roboto Slab', "Palatino Linotype", "Book Antiqua", Palatino, Times, serif !important;
	font-size: 18px !important;
	text-transform:uppercase;
	background:#698d3b !important;
	color:white;
    width: 100%;
    display: block !important;
    font-weight: bold;
    padding: 0 2em !important;
}

.imp-tooltip h3 {
	font-size: 23px !important;
    display: block !important;
    text-transform:uppercase;
    color:red !important;
    text-align: center;
    font-weight:bold !important;
}

.imp-tooltip .eladva {
    text-align: center !important;
    width: 100%;
}

body.imp-fullscreen-mode .imp-fullscreen-button {
    position: fixed !important;
}

body.kapcsolat article p {
    margin-bottom: 0.3em;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.ngg-gallery-thumbnail-box {
    float: none;
    display: inline-block;
    margin: 1% 2% 1% 0;
    max-width: 31%;
}

.ngg-gallery-thumbnail-box img {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align:top;
}

.ngg-gallery-thumbnail-box h3 {
    text-align: center;
    text-transform: none;
    margin: 0.5em 0;
}

.ngg-galleryoverview.epitkezes .ngg-gallery-thumbnail-box {
    max-width: 31%;
}


body.muszaki-tartalom .nivo-lightbox-link-wrap, 
body.elado-lakas-kinalat .nivo-lightbox-link-wrap {
display:none !important;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/

@media all and (max-width: 1100px) {
}

@media all and (max-width: 1024px) {
}

@media all and (min-width: 899px) { 
.nav ul.desktop { display: block !important; }
}

@media all and (max-width: 900px) {

a#mobile-menu-btn { display: inline-block; padding: 0;  color: #006939; }
a#mobile-menu-btn.open {   }
.nav ul { 
    position: absolute;
    float: none;
    display: none;
    margin-left: 0px;
    background-color: white;
    clear: both;
    padding-left: 2%;
    padding-right: 2%;
    right: 0;
    margin-top: 0.5em;
    box-shadow: 1px 3px 4px rgba(183, 183, 183, 0.5);
    text-align: left;
}
.nav ul li {   padding: 0.3em 0; display:block;  }
.nav ul li a {  padding: 0;   border-left: none; }
.ngg-gallery-thumbnail-box {   max-width: 30%; }

body.home .fo-tartalom, body.error404 .fo-tartalom { margin-top: 0; }

}


@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (min-width: 769px) { 
}


@media all and (max-width: 768px) {
.kontaktinfok {  display: none; }
.nav {  margin-top: 1em; }
.ngg-gallery-thumbnail-box {   max-width: 47%; }
.ngg-galleryoverview.epitkezes .ngg-gallery-thumbnail-box {   max-width: 47%; }

/* End 768 */
}


@media all and (max-width: 568px) { 

main, .sidebar, .footer .footer-widget {
    float: none;  width: 100%;  display:block;    
}

.sidebar {
    border-top: 1px solid #698d3b;   padding-top: 1em;
}

.catthumb {   float: none;  max-width: 100%; }

body.furesz-u-88-fizetesi-konstrukcio article table td:first-child { width: 18% !important; }
body.furesz-u-88-fizetesi-konstrukcio article table td {  padding: 2% 1%;
    vertical-align: top; }
body.furesz-u-88-fizetesi-konstrukcio article h2, body.furesz-u-88-fizetesi-konstrukcio article h4 {  text-align: left !important; }    

.footer .footer-widget { margin-bottom: 1.5em; }
.footer-widget h3 {  font-size: 1.7em;  margin-bottom: 0.5em; }
footer p {   margin-top: 0;   margin-bottom: 0.5em; }

/* End 568 */ 
}


/* Smartphones New ----------- */
@media only screen and (max-width : 480px) {

.halver {    width: 100%;    margin-top: 1%;    display: block; }
.logo h1 {  font-size: 1.5em;   line-height: 1em;  }
.logo-img {  margin-right: 0.5em; }
.nav {  margin-top: 2em; }

.ngg-gallery-thumbnail-box, .ngg-galleryoverview.epitkezes .ngg-gallery-thumbnail-box {  max-width: 98%; }
main h1 {  font-size: 2em;  }
.nav ul {   padding-left: 6%;  padding-right: 6%; }
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {   width: 100%;  margin: 0.5em 0; }
.beruhazas-sekcion a img, .kivitelezes-sekcion a img {  max-width: 100%;   margin-top: 0em;  margin-bottom: 1em; }

/* End 480 */    
}

/* Smartphones old ----------- */
@media only screen and (max-width : 320px) {

.logo h1 {  max-width: 100px; }
  
.header .wrapper {
    width: 92%;
}
  
.fo-tartalom .wrapper, .footer .wrapper {
    width: 90%;
}

body.home table td, body.error404 table td {
    width: 30% !important;
}

.halver .simply-scroll .simply-scroll-clip,
.halver .simply-scroll {
    width: 290px;
    overflow: hidden;
}

.halver .simply-scroll .simply-scroll-list li {
    width: 290px;
    height: 210px;
}
  
/* End 320 */    
}




/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
