/* 
Theme Name:		 MARTOS Gázérzékelők
Theme URI:		 http://childtheme-generator.com/
Description:	 MARTOS Gázérzékelők is a child theme of Academica Pro 3.0, created by ChildTheme-Generator.com
Author:			 Viktor Borítás
Author URI:		 http://childtheme-generator.com/
Template:		 academica_pro_3
Version:		 1.0.0
Text Domain:	 martosgazerzekelok
*/


:root {
    --martos-szin: #0c7494; /* korabbi vilagosabb 4799B2; */
}

/*********************************************************************************************

1. Page Structure

*********************************************************************************************/

html { overflow-x: hidden; }

body {
    /*background-color: #b4b4b4;*/
    background-color:#F4F6F8;
	color: #555;
	font-family: Helvetica, 'Roboto', Arial, Tahoma, sans-serif!important;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	margin: 0;
	padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#container{
    background-color:#F5F5F5;
}

/* Headings  walami felulirja oket kb..  */
h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }
h1 small, h2 small, h3 small { font-size: 65% }
h4 small, h5 small, h6 small { font-size: 75% }
h1 { font-size: 22px }
h2 { font-size: 20px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }

/*.page-template-template-fullwidth div.wrapper {
    width: 1024px;
}*/


/*********************************************************************************************

2. Header

*********************************************************************************************/

/*div.wrapper{
    width:1240px;
}*/

#main div.wrapper{
    margin: 0 auto!important; 
}

.brand_wrapper {
    display:block;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-between;
    text-align: center;
}

/* Logo Styles */

.navbar-brand-wpz {
    /*padding: 30px auto 30px auto;*/
    padding-top:30px;
    padding-bottom:30px;
    margin-right: 40px;
    /*padding-left:auto; inherit kell ide? */
    /*padding-right:auto; inherit kell? */
   /*order: 1;
    flex: 3;*/
}

.martoslogo {
    display:inline-block;
    float:left;
    width:300px;
}

.martoslogo img{
    max-height: 100px;
    margin: 0 0 20px 40px;
    float:left;
}

#webtitle-meg-slogan
/*#webtitle-meg-slogan h4 a*/{
    display: inline-block;
    /*margin-top: 15px;*/
}

#webtitle-meg-slogan h1{
    font-family: Verdana, sans-serif;
}

.navbar-brand-wpz h1 {
	display: inline-block;
    text-transform: uppercase;
	/*font-size: 22px!important;*/
}

.navbar-brand-wpz h1 a,
.navbar-brand-wpz h4 a{
    /*color:#174c5c;*/ /* kekes*/
	/*color:#555555;*/
}

/* MARTOS Title */
/*.navbar-brand-wpz h4,*/
.navbar-brand-wpz h1 a,
.navbar-brand-wpz h4 a{
	/*font-family: Montserrat, sans-serif;*/
	font-family:unset!important;
    font-size: 24px!important;
    font-weight: 400;
    text-transform: uppercase!important;
}

#elerhetoseg-fejlecben{
    display: inline-block;
    float:right;
    text-align: right;
    width:300px;
}


.main-navbar {
    margin-bottom: 5px;
    text-align: center;
    padding: 0 0;
    min-height: 36px;
    position: relative;
    /*background-color: #484234;*/
    background-color: #1B3058;
    border-top: solid 5px #FFCB00;
}


.navbar-wpz {
    position: relative;
    z-index: 100;
    text-align: center;
}

.main-navbar a {
    font-size: 16px;
    font-family: Helvetica, sans-serif;
}


/*********************************************************************************************

3. Featured Slider

*********************************************************************************************/


/* !!! atMERETezeskor ez alatt mind 2 selectornal a height-et egyutt walt..*/

#slider {
    margin: 0 0 20px 0; /*ennek nincs is hatasa*/
    position: relative;
    background: linear-gradient(to bottom, orange , yellow);
    height: 450px;
}

#slider .slide {
    position: relative;  /*relative*/
    display: inline-block;
    white-space: normal;
    width: 100%;
    height: 450px;
}

#slider .slide-background {
    height: 70%;
}


.slides li .slide-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 2px;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 30%, rgba(255,255,255, 1) 100%);
}

.slides li .slide-header {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 1270px;
    box-sizing: border-box;
    left: 0;
    right: 0;
    /*padding: 25px 5% 30px 6%;*/
    padding: 0 0;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 16px;
}

.slide-header,
.slide-header p{
    /*display: inline-block;*/
    background-color: rgba(255,255,255, 1);
    /*background-color: rgba(255,203,0, 1);*/  
    color: black;
    /*padding: 0 5px 0 5px;*/
    width:87%;
    position:relative;
}

.slides li h3 {
    font-weight: 400;
    /*padding: 0 0,5px;*/
     color: black;
}

.slides li h3 a {
    text-decoration: none;
    border-bottom: 0px solid transparent;
    color: black;
    padding: 0 0;
}

.slides li h3:hover {
    text-decoration: none;
    background-color: #FFCB00;
    border-bottom-style: none;
}

.slides li h3 a:hover {
    text-decoration: none;
    /*opacity: .9;*/
    /*kekes                 */
    /*color: #129ABC; 
    /*narancs :             */
    /*background-color: #FFCB00;*/
    /*width:100%;*/
    /*height:auto;*/
    /*color: #FF9F36; 
    /*border-bottom: 1px solid rgba(255,255,255,.5);*/
}

#slider {
    margin-bottom:0
    ;
}


.flickity-prev-next-button {
    /*top:0;*/
    height: 93px;
    transform: translateY(-8px);
}

.flickity-prev-next-button:hover {
    opacity: .8;
    background: #FFCB00;
}


/*********************************************************************************************

4. Content Area

*********************************************************************************************/
h1 {
    font-size:11px;
}

#main{
    margin-top: -5px;
    background-color:whitesmoke;
}

#main .column-wide-child {
    background-color:white;
    width:65.66666666%;
}

#main .column {
    display: inline;
    float: left;
    /*background-color: white;*/
    margin: 0 0 0 0 ;
}

#main .column.column-wide.column-wide-child > section.column-widgets {
/*#main .column .column-wide .column-wide-child {  */
    margin-top:0;
}

#main .column-narrow{
    height:100%;
    width:23%!important;
}
#main .column-wide{
    height:100%;
    width: 75%!important;
}

/*#main .column-last {
    margin-right: 0px;
}*/

#main > div > div.column.column-wide.column-wide-parent.column-last{
    margin-right: 0;
}

/*#main > div > div.column.column-wide.column-wide-parent.column-last > div.column.column-narrow.column-narrow-child.column-last*/
#main .column.column-narrow.column-narrow-child.column-last{
    width: 34.1%;
}


/* FOOLDALLL HOMEEE --------------------------------------*/

/*@media screen and (min-width: 1270px) {
.home #main .column.column-narrow.bal-oszlop{
    width:255px!important;
}*/

    /* Ezekrol (kozepso & jobb..) tudni kell h. egy kozos containerben vannak ami a wrapper 75%-at teszi ki (a jobb oszlop a masik 25%) */
    /*.home #main .column.column-wide.kozepso-oszlop{
        width: 66.666%!important;
    }
    .home #main .column.column-narrow.jobb-oszlop{
        width: 33.333%!important;
    }
}*/

/*********************************************************************************************

ACCORDION JS / Home page alul

*********************************************************************************************/

.home .content-block{
    padding:0;
    margin-bottom:0;
}

.home .post-content{
    padding:0 20px;
}

#accordion {
    width: 100%;
    margin: 30px 0 0 0;
}

.acc-title {
	/*box-sizing: border-box;*/
	border: 1px solid white;
    color:white;
    line-height:1.4em;
    /*background: #6795A5;*/
	background: rgba(71,153,178,.9);  /* <--- a kek  .. ez meg? --> #6C9DAD;*/ 
	/*background: #898B8B;  barnas.. */   
    /*background: linear-gradient(rgba(71,153,178,.5),rgba(71,153,178,.9),rgba(71,153,178,.5)); transition non-animatable */
    padding: 20px 0 0 20px;
	
    position: relative;
    /*border-bottom: 1px solid grey;*/
	transition: background 0.4s ease-in-out;
}

.acc-title:hover {
	background: rgba(71,153,178,.7); /* rgba(145,194,209); */
    /*background: linear-gradient(rgba(71,153,178,1),rgba(71,153,178,.5)); transition non-animatable */
    cursor: pointer;
}

.acc-title h3 {
    width:80%;
}


.acc-content {
    background: rgba(71,153,178,.08);
    padding: 25px;
    display: none;
}

#i-chevron-bottom,
#i-minus{
	position:absolute;
	top:33%;
	right:3%;
	width: 30px;
	height:auto;
	/*transition:all 0.3s;*/
}
#i-minus{
	visibility:hidden;
}

/*********************************************************************************************

7. Single: Post/Page Styling

*********************************************************************************************/

/* az egyedi css szerkesztobol mukodik e kod */
h1.post-title {
	/*color: #222;
	font-size: 20px;*/
	font-weight: 500;
	line-height: 1.5em;
	/*margin: 0 0 10px;*/
    font-family: Roboto, "Libre Baskerville", serif;
}

.post-content h1 {
	font-size: 20px;
}

.post-content h2 {
	font-size: 18px;
}

.post-content h3 {
	font-size: 16px;
}

.post-content h4 {
	font-size: 14px;
}

.post-content h5 {
	font-size: 12px;
}

.post-content h6 {
	font-size: 10px;
}

.page-template-template-fullwidth .navbar-brand-wpz .martoslogo img{
	margin: 0 0 20px 0;
}

.page-template-template-fullwidth .navbar-brand-wpz{
	margin-right:0;
}

/*********************************************************************************************

9. Sidebar & Widgets

*********************************************************************************************/


/* Widget blocks */
.widget {
    background-color: white;
    margin-bottom: 0;
    padding: 30px;
    box-shadow: 2px 2px 0 0 rgba(0,0,0,0.0);
}

/* gazerzekelo tipusok menu*/
div.wrapper .widget_nav_menu {
    /*font-weight: 600;*/
	text-align: left;
    font-size:95%;
    padding: 30px 5px 20px 30px;
    /*padding: 30px 0px 20px 30px;*/
    /* background-color: rgb(255,203,0); */
    background-color: rgb(255 203 0 / 75%);
    /*background-color: rgb(72,66,52);*/
}

div.wrapper widget .widget_text widget-none {
    background-color: rgb(241,241,241);
    padding: 30px;
    
}

#wpzoom-text-widget-3 widget .wpzoom-text .widget-green {
    border-radius: 10px;  
    background-color: rgb(249, 255, 96);   
}

/*div.wrwysija-2.widget.widget_wysija {
    background-color: rgb(1,241,241);
    
}*/

widget .title h3#reply-title  {
      font-size: 10px;
}

widget .widget_wysija .title h3 {
      font-size: 10px;
}

.column-widgets {
    margin: 0 0 80px 0;
}

/* frontpage middle (under slider) columns IF 3 columns
.column-widgets .widget-column {
    vertical-align: top;
    width: 33.33333333%;
    height: auto;
    margin: 0 0 0 0;
    font-size: 16px;
}*/

/* frontpage middle (under slider) columns IF 2 columns */
.column-widgets .widget-column {
    vertical-align: top;
    width: 50%;
    height: auto;
    margin: 0 0 0 0;
    font-size: 16px;
}

.widget-column .widget_custom_html {
    position:relative;
    padding:0;
    overflow: hidden;
    height:210px;
}

.widget-column .widget_custom_html .title{
    position:absolute;
    bottom:-15px; /* miert nincs 0-nal lent?*/
    /*left:5px;*/
    background-color:white;
    /*opacity:0.9;*/
    width:100%;
    text-align:center;
    /*font-size:18px;*/
    /*font-style:bold;*/
    z-index:1;
    font-family: Helvetica, Roboto, "Libre Baskerville", sans-serif;
    padding:0 5px 0 5px;
}

  /*felirat kozeg*/
  .widget.widget_text.widget-none .kozeg-alap {
    /*display:none;*/
    visibility:hidden;
    position:absolute;
    bottom:20px;
    /*left:5px;*/
    background-color:gray;
    color:white;
    font-size:14px;
    font-weight:bold;
    font-variant:small-caps;
    z-index:5;
    /*font-family: Helvetica, Roboto, "Libre Baskerville", sans-serif;*/
    padding:0 5px 0 5px;
}


/*felirat keszuleknev */
/*.widget.widget_text.widget-none .keszulektipus-alap {*/
/*.keszulek .keszulektipus-alap {
    position:absolute;
    top:30px;
    left:5px;
    background-color:white;
    opacity:0.9;
    font-size:20px;
    font-style:bold;
    z-index:99999;
    font-family: Helvetica, Roboto, "Libre Baskerville", sans-serif;
    padding:0 5px 0 5px;
}*/

#wpzoom-widget-feat-testimonials-2{
    width:100%;
    margin-top:-25px;
}

/* ??? a keszulek kepek (main oszlopa) a navbar alatt */
    .column-widgets .widget-column:nth-child(1) {
    margin: 0 0 0 0;
}

.keszulek img{
    /*border-style: solid;
    border-width: 1px;
    border-spacing: 1px;
    border-color: #EDEDED;*/
    /*padding: 15px;*/
    /*max-height:200px;*/
    /*max width:50%;*/
    object-fit:fill;
}

/* 1 2 tobb merohelyes*/
.keszulek img.color-cat1 {
    background-color: var(--martos-szin)!important; /*#4799B2;*/
    filter: saturate(0.8);
}

/* co co2*/
.keszulek img.color-cat2 {
    background-color: #FFCB00;
    filter: saturate(0.8);
}





/*#tags-all-in-one-13214 a:hover {
    color:aqua;
    background-color: orange;  
}*/



.tags-all-in-one.tagcloud {
   color:white;
}


.tags-all-in-one.tagcloud a {
    color:black;
    background-color: white; 
    font-size: 85%;
}

.tags-all-in-one.tagcloud a:hover {
    color:black;
    background-color: #FFCB00; 
}

/*********************************************************************************************

10. Footer

*********************************************************************************************/

.site-footer p,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6{
	font-family: Helvetica, "Libre Baskerville", sans-serif!important;
    font-weight: normal;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #fff;
}

.site-footer{margin-top: 0}

#footer-copy {
	background-color: #23427F;
    border: none;
	margin: 0;
    padding: 25px 0;
    font-family: Helvetica, Roboto, "Libre Baskerville", sans-serif!important;
}

.widget-areas .column:nth-child(1):nth-last-child(3) {
    /*width: 25%;*/
    /*margin-right: 5%;*/
    margin-left: 5%;
}

.widget-areas .column:nth-child(2):nth-last-child(2) {
    /*width: 25%;*/
    margin-right: 5%;
    /*text-align: center;*/
}





/* RESPPP ----------------------------------------------------------------------------------*/

@media screen and (min-width: 1350px) {
    .widget-areas .column:nth-child(1):nth-last-child(3) {
    margin-right: 0;
    margin-left: 8% !important;
    }
    
     .widget-areas .column:nth-child(2):nth-last-child(2){
    margin-right: 0 !important;     
    }
     
     .widget-areas .column:nth-child(3):nth-last-child(1){
    margin-right: -2% !important;
    }
    
    /*feliratkozas button kozepre*/
     .widget_wysija_cont .wysija-submit{ display: inline !important;}

}







@media screen and (max-width: 1350px) {
	div.wrapper {
		width:85%;
		margin-right: auto;
		margin-left: auto;
    }
    
    .navbar-brand-wpz {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-top:30px;
        padding-bottom:30px;
        margin-right: 40px;
    }
	
	.martoslogo img{
		max-height:80px;
	}
	
	.bal-oszlop{width:250px;}
	#main .wrapper .column-wide .column.column-narrow.column-narrow-child.column-last.jobb-oszlop.jobb-oszlop{width:25%!important;}

	.widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas {
        text-align: center;
        margin-left: auto!important; /*ezt irja felul: http://localhost/martostest/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/socicon.css?ver=20170209 */
        margin-top: auto!important; 
    }

	/* erzekelok oldalai (no sidebar) */
	.page-template-template-fullwidth div.wrapper {
    	/*width:98%!important;*/
		/*width:fit-content!important;*/
	}

    /*.page-template-home-full .slides li .slide-header {
        padding: 25px 10% 50px 2%;
    }*/

    .main-navbar a {
        font-size: 14px;
        padding-left: 15px; /* hogy ne legyenenk idetlenul a szelen a lenyilo menupontok (foleg) mobilon*/
    }

    .navbar-wpz a {
        padding-right: 20px;
    }

    .logo-navbar .navbar-wpz > li > a {
        padding-left: 15px;
        font-size: 14px;
    }

/*    .slides li .slide-header {
        padding: 25px 5% 30px 3%;
    }
*/
	
    #main .column-narrow {
        width: 30%;
    }

    #main .column-narrow .column-last {
        float: right;
    }

    #main .wrapper > div.column:nth-of-type(3) {
        width: 100%;
    }

    #main .column-wide,
    #main .column-medium {
        width: 67%;
        margin-right: 0;
    }

    #main .column-wide .column-wide {
        width: 100%;
        margin-right: 0;
    }

    #main .column-wide  .column-narrow {
        width: 100% !important;
    }

    #main .column .column-narrow .column-narrow-child .column-last{
        width: 34.1%;
    }
    
        /* 3 columns */
    .widget-areas .column:nth-child(1):nth-last-child(3),
    .widget-areas .column:nth-child(2):nth-last-child(2),
    .widget-areas .column:nth-child(3):nth-last-child(1) {
        /*align-content: center;  unknown property*/
        /*align-items: center; unknown property*/
        text-align: center;
        width: 100%;
        margin-right: 0;
        /*margin-left: 0;*/
    }
    
    .widget-areas .column:nth-child(1):nth-last-child(3) {
        margin-left: 0 !important;
    }
    
    /*gazerzekelo tipusok menu*/
    #nav_menu-3 {            
        padding:20px 5px 20px 5px!important;
        text-align: center;
        background-color:white;
    }

	/*bal oldali oszlopban a belso widget contenerek*/
    #tags_all_in_one-2 {
        text-align: center;
        /*padding: 20px 50px 0 50px;*/
		padding: 20px 5px 0 5px!important;
    }
    
    /*feliratkozas button kozepre*/
     .widget_wysija_cont .wysija-submit{ display: inline ;}
    
    #wysija-2 {
        text-align: center;
    }
    
    
    /* ez a 2 nem tiszta hogy mit waltoztat a hirlev feliratkozas formon */
    #form-wysija-2 {
        display:block;
        /*align-content: center;  unknown property*/
        /*align-items: center; unknown property*/
    }
    
    /*input .wysija-submit .wysija-submit-field {
        background-color:cadetblue;
        align-content: center;  unknown property
        display:inline-block;
    }*/
    
    #main .column .column-narrow .column-narrow-child .column-last{
    	display:inline;
		float: none;
		margin-right: 0;
		margin-left: 0;
		/*width: 100%; cant be used with display inline*/
	}
    
    /* 3 columns */
    .widget-areas .column:nth-child(1):nth-last-child(3),
    .widget-areas .column:nth-child(2):nth-last-child(2),
    .widget-areas .column:nth-child(3):nth-last-child(1) {
        /*align-content: center;  unknown property*/
        /*align-items: center; unknown property*/
        text-align: center;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    
    .widget-areas .column:nth-child(1):nth-last-child(3) {
    margin-left: 0 !important;
    }
}







/* ipad pro 1024x1366   - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 1024px) {
    
	html { overflow-x: hidden!important; }
	body { overflow-x: hidden!important; }
	
	div.wrapper {
		width: 94%;
		margin-right: auto;
		margin-left: auto;
    }

    .navbar-brand-wpz {
        padding-top: 30px;
        padding-bottom: 0!important;
		margin-bottom:10px!important;
        /*margin-right: 0!important;*/
    }
	.navbar-brand-wpz h1{
		line-height:.9em!important;	
	}
	
	#webtitle-meg-slogan{
		margin-top:0!important;
	}
	
	.widget-column .widget_custom_html .widget-none {
        height:200px!important;
    }
    .column-widgets{
        margin:0 0 0 0!important;
    }
}



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

    /* nav menu hamburgeresit whol 850-950 kozt erdemes */
    #menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

    #navbar-main {
        display: none
    }

    .navbar-toggle {
        display: block
    }

    .main-navbar {
        padding: 4px 0;
        min-height: 60px;
    }

    .slicknav_btn {
        padding: 16px 0;
    }
}



/* iPad   - - - - - - - - - - - - - - - - - - - - - */

@media screen and (max-width: 768px) {

    .navbar-brand-wpz {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-top:30px;
        padding-bottom:30px;
        margin-right: 40px;
    }

    .martoslogo img {
        margin:10px 0 0 20px!important
    }

    .widget-column .widget_custom_html {
        position: relative;
        padding: 0;
        overflow: hidden;
        height: 170px!important;
    }
}




/* max: 640 px    - - - - - - - - - - - - - - - - - - - - - */

@media screen and (max-width: 640px) {
    
	.brand_wrapper{
		margin:0 auto 0 auto;	
		margin-right: 2%!important;
    	/*margin-left: 1%!important;*/
	}
	
    .martoslogo {
        display: block!important;
        text-align:center!important;
        float: unset!important; 
        width: 100%!important; 
    }

    .martoslogo img {
        max-height: 120px!important;
        margin: 0 0 0 0!important;
        text-align:center!important;
        float:unset!important; 
    }

    .navbar-brand-wpz {
        display:block;
        /*padding: 30px 0 10px 0 !important;*/
		padding: 30px 25px 10px 25px !important;
		margin-right:unset!important;
    }

    .navbar-brand-wpz h1 a{
        font-size:16px;
    }

    .navbar-brand-wpz .tagline {
        margin: 0;
        font-size:14px;
    }

    #elerhetoseg-fejlecben {
        display: block!important;
        /* float: right; */
        text-align: center!important; 
        width: 100%!important;
    }

    #webtitle-meg-slogan{
        margin-bottom:20px;
    }

    #elerhetoseg-fejlecben{
        margin-bottom:20px;
    }


    /*.widget-column .widget_custom_html .widget-none {*/
        .widget-column .widget_custom_html{
        position: relative;
        padding: 0;
        overflow: hidden;
        height:max-content!important;
    }

    /*ezt megcsinalni h. menjen !!! .navbar-wpz ul a {font-size: 12px !important; }*/
    
    /* MENU hamburger menu gomb */
    a.slicknav_btn.slicknav_collapsed {
        margin-left: 10px;
    }
    
    /* EZ A SZEKCIO 560px max-width-bol lett felhozwa ide */
    /* #setop {
		padding-right: 1%;
		padding-left: 1%;
		width: 20%;
	} */

    #main{
        /*margin-top:40px!important;  MIERT? ES MI MIATT wan minus X top marginja??*/
        margin-top:19px!important; /* mert alap/desktop nezetben irritalo az 5px feher gyari tavolsag*/
    }

    .widget.widget_text.widget-none#custom_html-7{
        margin-bottom:50px;
    }

	#main .column-medium,
	#main .column-wide {
		display: block;
		float: none;
		width: 100% !important;
	}

	#main .column-narrow {
		display: block;
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
    }
    
    #mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
        width: 100%!important;
    }

    #footer-copy {
        font-size: 12px !important;
    }

    #footer-copy .copyright,
    #footer-copy .wpzoom {
        float: none;
        text-align: center;
        width: 100%;
    }

    .wpzoom-share a {
        display: block;
        max-width: 75%;
        width: auto;
        margin: 8px auto !important;
    }
    
    .page-template-home-full {
        font-size: 12px !important;
    }

	.wpzoom-featured-post .post-excerpt {
		font-size: 10px;
	}

	.flex-direction-nav a {
		top: 0;
	}

    /* 4 columns */
    .widget-areas .column:nth-child(1):nth-last-child(4),
    .widget-areas .column:nth-child(2):nth-last-child(3),
    .widget-areas .column:nth-child(3):nth-last-child(2),
    .widget-areas .column:nth-child(4):nth-last-child(1) {
        width: 100%;
        margin-right: 0;
    }
    
     /* 3 columns */
    .widget-areas .column:nth-child(1):nth-last-child(3),
    .widget-areas .column:nth-child(2):nth-last-child(2),
    .widget-areas .column:nth-child(3):nth-last-child(1) {
        width: 100%;
        margin-right: 0;
    }
    

    /* 2 columns */
    .widget-areas .column:nth-child(1):nth-last-child(2),
    .widget-areas .column:nth-child(2):nth-last-child(1) {
        width: 100%;
    }

    .wpzoom-share a {
        display: inline-block;
        margin: 0 8px;
        padding: 5px;
        font-size: 11px;
        font-weight: bold;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }
    
    /* gazerzekelo tipusok menu*/
    div.wrapper .widget_nav_menu {
        display:none;
        font-weight: 300;
        /*visibility:hidden;*/
	    /*text-align: left;*/
        font-size: 110% !important;
        padding: 20px 0 20px 0 !important;
        /*padding: 30px 0px 20px 30px;*/
        background-color: rgb(255,203,0);
        /*background-color: rgb(72,66,52);*/
    }
    
    /*feliratkozas widget ? ? nem reagal per pill*/
    widget .widget_wysija {
        visibility:hidden;
        font-size: 10px;
    }
    
    /*Bemutatkozas szoveg*/
    #text-8 {
        display:none;
        /*visibility:hidden;
        /*order:99;*/
        background-color:azure;
    }
    
    /*tanusitvanyaink*/
    #text-7 {
        display:none;
        /*visibility:hidden;
        /*order:99;*/
    }
    
    /*a 3db foto oszlop (x2) frontpage-n */ 
    .column-widgets .widget-column {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;    /*block !important;*/
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        float:left;
        width:100%!important;
        /* height:300px; */
        height:max-content!important;
        overflow:hidden;
        padding:0;
    }

    #custom_html-7{ /* co2 */
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
        margin: 0!important;
    }
    #custom_html-4{ /* tobbcsat */
        -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
    }
    #custom_html-5{ /* hordozhato */
        -webkit-box-ordinal-group:4;
            -ms-flex-order:3;
                order:3;
        margin: 0 0 50px 0!important;
    }

   /*.column-widgets .widget-column:nth-child(1) {
        margin: 0 0 0 0!important;
        }*/

    /*a 3db oszlop div a slider alatt*/
    .column-widgets .widget-column img {
        width: 100%;
    }
        
    /*custom HTML widgetek*/     
    /*.widget.widget_text.widget-none{
        position:relative;
        height:200px;
        object-fit:contain;
        overflow:hidden;
        padding:0;
    }*/
    
    .keszulek img{
        position:relative;
        /*max-height:200px;*/
        padding:0;
    }
    
    .keszulek{
        -o-object-fit:contain;
           object-fit:contain;
        overflow:hidden;
    }
    
    /*overlay effektezo*/
    .widget.widget_text.widget-none .overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 2px;
    color: #fff;
    resize:105%;
    overflow:hidden;
    background: transparent; /* For browsers that do not support gradients */
    /*background: radial-gradient(farthest-corner at 50%, transparent 60%, white 100%);*/
    background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, rgba(255,255,255, .0)), to(rgba(255,255,255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255,255,255, .0) 70%, rgba(255,255,255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255, .0) 70%, rgba(255,255,255, 0) 100%);
    background: linear-gradient(to top, rgba(255,255,255, .0) 70%, rgba(255,255,255, 0) 100%);
    pointer-events:none;
    }
    
    /*felirat keszuleknev */
    /*.widget.widget_text.widget-none .keszulektipus-alap {*/
    .keszulek .keszulektipus-alap {
        position:absolute;
        bottom:30px;
        left:5px;
        background-color:white;
        opacity:0.9;
        font-size:20px;
        font-weight:bold;
        z-index:99999;
        /*font-family: Helvetica, Roboto, "Libre Baskerville", sans-serif;*/
        padding:0 5px 0 5px;
    }
    
    /*felirat kozeg*/
    .widget.widget_text.widget-none .kozeg-alap {
        position:absolute;
        bottom:8px;
        left:5px;
        background-color:gray;
        color:white;
        font-size:14px;
        font-weight:bold;
        font-variant:small-caps;
        z-index:99999;
        /*font-family: Helvetica, Roboto, "Libre Baskerville", sans-serif;*/
        padding:0 5px 0 5px;
    }



}



/* MINDEN SMARTPHONE altalanosan - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 500px) {

    div.wrapper {
		width: 100%;
		/*margin-right: 2%;
		margin-left: 2%;*/
	}

    .navbar-brand-wpz h1 a{
        font-size:24px;
    }
  
    /*igy a keszulek kepek (.column-widgets-ben) pont a navbar alatt kezdodik*/
    .column-widgets .widget-column:nth-child(1) {
    margin: -40px 0 0 0!important;
    }
    
	.archives-columns-one .post-excerpt {
		display: block;
		float: none;
		width: 100%;
	}

    /*EZ MI */
/* .posts-archive li.divider {   syntax error? validator szerint */
    .posts-archive .divider {
        display: none;
    }

    /*EZ MI */
    .posts-archive .loop-post {
        display: block;
        float: none;
        margin-right: 0;
        margin-bottom:30px;
        border-bottom: solid 1px #e7e7e7;
        padding-bottom: 20px;
        width: 100%;
    }

    .archives-columns-one .post-cover {
        margin-right: 0;
        float: none;
        width: 100%;
    }

	/* CONTENT on Page/Post..*/
	.content-block{
		padding:10px;
	}
}


/* iPhone 6/7/8 Plus - - - - - - - - - - - - - - - - - - - - - - - - -  */
@media screen and (max-width: 414px) {

}


/* iPhone 6/7/8 - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 375px) {

    .widget-column .widget .widget_custom_html .widget-none {
        position: relative;
        padding: 0;
        overflow: hidden;
        height:250px!important;
    }

}


/* Galaxy S5, Lumia, egyeb gyakori telok - - - - - - - - - - - - - - - - */
@media screen and (max-width: 360px) {

	}
	
/* iPhone 5/SE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 320px) {
	
    .widget-column .widget_custom_html .widget-none{
        position: relative;
        padding: 0;
        overflow: hidden;
        height:150px!important;
    }

}