@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap&subset=latin-ext');
body {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400;
  font-size: 18px; 
  background: url('../images/hatter.jpg');
  background-attachment: fixed;
  background-size: cover;
  }
header {
  width: 100%;
  }
#header_inner {
  max-width: 1400px;
  margin: 0 auto ;
  }
#block-webhelymarkazasa {
  float: left;
  width: 300px;
  clear: left;
  }
h1, h2, h3, h4, h5, h6 {
  /*font-family: 'Berkshire Swash', cursive;*/
  font-weight: 500;
  }
.site-name {
  width: 300px;
  height: 90px;
  overflow: hidden;  
  }

@media screen and (max-width: 500px) { 
  .site-name {
    width: 350px;
    }
  } 
.site-name a {
  width: 245px;
  height: 0;
  padding-top: 90px;
  background: url('../images/vorpa-logo03b.png');
  overflow: hidden;
  }  
#block-fonavigacio {
  float: right;  
  width: calc( 100% - 320px );
  clear: right;
  text-align: right;
  }

@media screen and (max-width: 1600px) {
  #block-fonavigacio {
    width: calc( 100% - 420px );
    margin-right: 100px;
    }
  } 
ul.sf-menu.sf-style-default {
  float: right;
  margin-top: 22px;
  }
ul.sf-menu.sf-style-default li, 
ul.sf-menu.sf-style-default.sf-navbar {
  background: none;
  }  

ul.sf-menu.sf-style-default li:hover,
ul.sf-menu.sf-style-default li.sfHover,
ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default a:hover,
ul.sf-menu.sf-style-default span.nolink:hover {
  background: transparent;
  }  
#superfish-main-accordion li {   
  text-align: center;
  }    
.sf-accordion-toggle a {
  color: black;
  text-decoration: none;
  }
.region-content {
  padding: 0;
  /* background: #9bf4c4; */
  }  
#block-oldalcime {
  /*
  background: #2aa763;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhYTc2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YmY0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #2aa763 0%, #9bf4c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2aa763), color-stop(100%,#9bf4c4));
  background: -webkit-linear-gradient(top,  #2aa763 0%,#9bf4c4 100%);
  background: -o-linear-gradient(top,  #2aa763 0%,#9bf4c4 100%);
  background: -ms-linear-gradient(top,  #2aa763 0%,#9bf4c4 100%);
  background: linear-gradient(to bottom,  #2aa763 0%,#9bf4c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa763', endColorstr='#9bf4c4',GradientType=0 );  
  background: white;
  */
  background: transparent;
  }  
h1.page-title {
  padding: 10px 0;
  font-size: 40px;
  color: black;
  text-shadow:
     4px  4px 0 silver;
  } 
article,
.view-kepgaleriakepek {
  max-width: 1500px;
  margin: 0 auto;
  }  
.view-content,  
.view-kepgaleria .view-content,
.view-kepgaleriakepek .view-content,
.view-palyazatok .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  } 
.view-content > div.views-row {
  padding: 5px;
  width: 300px;
}  
.views-row a, 
.view-kepgaleria a,
.view-kepgaleriakepek a {
  text-decoration: none;
  color: black;
  text-align: center;
  }  
.views-field-title {
  text-align: center;
  }  
.node--type-palyazat .field--name-field-palyazat-kep {
  float: right;
  }  
#block-views-block-palyazatok-block-1 {
  background: #003399;
  }
#block-views-block-palyazatok-block-1 h2 {
  color: white;
  }
#block-views-block-palyazatok-block-1 .view-content > div.views-row {
  background: white;
  margin: 5px;
  }
#block-views-block-kepgaleria-block-1 {
  padding: 10px 0;
  background: #e9e9e9;/* #2aa763;*/
  }  
#block-views-block-kepgaleria-block-1 .view-content > div.views-row {
  background: white;
  margin: 10px;
  border: 1px solid gray;
  }    
#block-views-block-palyazatok-block-1 {
  padding: 10px 0;
  }
.node__links {
  text-align: center;
  padding: 10px.0
  }  
div.region.region-featured {
  position: fixed;
  right: 0;
  top:0;
  z-index: 2000;
  }
body.toolbar-horizontal div.region.region-featured,
body.toolbar-vertical div.region.region-featured {
  top: 40px; 
  }   
body.toolbar-tray-open div.region.region-featured {
  top: 80px;
  }
#block-palyatatful.contextual-region {
  position: static;
  font-size: 16px;
  }  
div.region.region-featured p {
  margin: 0;
  }  
div.region.region-featured a {
  display: block;
  background-image: url('../images/palyazat.png');  
  background-size: cover;
  padding-top: 80px;
  height: 0;
  overflow: hidden;
  width: 140px; 
  z-index: 2000;
  }

footer {
  /*background: #3c3c3c;
  color: white;*/
  padding-top: 10px;
  }
#block-webform {
  width: calc( 50% - 5px );
  float: right;
  }
#block-webform label {
  display: inline-block;
  width: 65px;
  } 
#block-webform input {
  display: inline-block;
  width: calc( 100% - 120px);
  }
#block-webform #edit-message {
  display: inline-block;
  width: calc( 100% - 50px);
  }
#block-webform #edit-actions-submit {
  color: black;
  width: 160px;
  }
#block-kapcsolat {
  width: calc( 50% - 5px );
  float: left;
  }
#block-terkep {
  width: 100%;
  clear: both;
  }  
#block-terkep p {
  margin: 0;
  }  
div.view-szolgaltatasok .view-content .views-row {
  width: 100%;
  max-width: 1200px;
  } 
div.view-szolgaltatasok .views-row .views-field-field-szolg-kep img {
  height: 100%;
  } 
div.view-szolgaltatasok .views-row .views-field-body,
div.view-szolgaltatasok .views-row .views-field-title {
  width: calc( 50% - 5px );
  float: right;
  clear: right;
  }
div.view-szolgaltatasok .views-row .views-field-field-szolg-kep {
  width: calc( 50% - 5px );
  float: left;
  clear: left;
  }
div.view-szolgaltatasok .views-row.even .views-field-body,
div.view-szolgaltatasok .views-row.even .views-field-title {
  float: left;
  clear: left;
  }
div.view-szolgaltatasok .views-row.even .views-field-field-szolg-kep {
  float: right;
  clear: right;
  }
@media screen and (max-width: 790px) {
  div.view-szolgaltatasok .views-row .views-field-body,
  div.view-szolgaltatasok .views-row .views-field-title,
  div.view-szolgaltatasok .views-row .views-field-field-szolg-kep {
    width: 100%;
    float: none;
    clear: both;
    }
  }  

body.path-frontpage main {
  clear: both;
  width: calc( 100% - 20px );
  max-width: 1200px;
  margin: 0 auto; 
  padding: 50px 10px; 
  }
body.path-frontpage #block-oldalcime,
body.path-frontpage #block-kezdomenu,
body.path-frontpage article {
  width: calc( 50% - 5px );  
  }
body.path-frontpage #block-kezdomenu {
  float: right;
  height: 300px;
  margin-top: 60px;
  }
body.path-frontpage #block-oldalcime,  
body.path-frontpage article {
  float: left;
  }

body.path-frontpage #block-kezdomenu li {
  display: block;
  width: calc( 50% - 20px );
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  }
body.path-frontpage #block-kezdomenu li a {
  display: block;
  width: 100%;
  height: 150px;
  line-height: 150px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  color: black;
  text-transform: uppercase;
  /*font-size: 120%;*/
  font-weight: bold;
  }
body.path-frontpage #block-kezdomenu li.elso a {
  /* background: pink; */
  /*
  background: -moz-linear-gradient(45deg,#009de0 0,#007baf 100%);
  background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#009de0),color-stop(100%,#007baf));
  background: -webkit-linear-gradient(45deg,#009de0 0,#007baf 100%);
  background: -o-linear-gradient(45deg,#009de0 0,#007baf 100%);
  background: -ms-linear-gradient(45deg,#009de0 0,#007baf 100%);
  background: linear-gradient(45deg,#009de0 0,#007baf 100%); 
  */
  background: #179452;
  color: #fff;   
  }
body.path-frontpage #block-kezdomenu li.masodik a {
  /* background: lime; */
  /*
  background: -moz-linear-gradient(45deg,#e4007b 0,#af0561 100%);
  background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#e4007b),color-stop(100%,#af0561));
  background: -webkit-linear-gradient(45deg,#e4007b 0,#af0561 100%);
  background: -o-linear-gradient(45deg,#e4007b 0,#af0561 100%);
  background: -ms-linear-gradient(45deg,#e4007b 0,#af0561 100%);
  background: linear-gradient(45deg,#e4007b 0,#af0561 100%);  
  color: #fff;    */
  background: #27aa64;
  color: #fff;   
  }
body.path-frontpage #block-kezdomenu li.harmadik a {
  /* background: yellow; */
  /*
  background: -moz-linear-gradient(45deg,#feed01 0,#cbbe03 100%);
  background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#feed01),color-stop(100%,#cbbe03));
  background: -webkit-linear-gradient(45deg,#feed01 0,#cbbe03 100%);
  background: -o-linear-gradient(45deg,#feed01 0,#cbbe03 100%);
  background: -ms-linear-gradient(45deg,#feed01 0,#cbbe03 100%);
  background: linear-gradient(45deg,#feed01 0,#cbbe03 100%);
  color: #000;  */
  background: #3ab871;
  color: #fff;   
  }
body.path-frontpage #block-kezdomenu li.negyedik a {
  /* background: aqua;   */
  /*
  background: -moz-linear-gradient(45deg,#1b1b1b 0,#494949 100%);
  background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#1b1b1b),color-stop(100%,#494949));
  background: -webkit-linear-gradient(45deg,#1b1b1b 0,#494949 100%);
  background: -o-linear-gradient(45deg,#1b1b1b 0,#494949 100%);
  background: -ms-linear-gradient(45deg,#1b1b1b 0,#494949 100%);
  background: linear-gradient(45deg,#1b1b1b 0,#494949 100%);
  */
  background: #5dc68b;
  color: #fff; 
  }
@media screen and (max-width: 790px) {
  body.path-frontpage #block-kezdomenu ,
  body.path-frontpage #block-oldalcime,  
  body.path-frontpage article {
    float: none;
    width: 100%;
    }
  body.path-frontpage #block-kezdomenu li {
    margin: 0 10px 20px 10px; 
    }  
  body.path-frontpage main {
    padding: 5px 10px; 
    }    
  body.path-frontpage #block-kezdomenu {
    height: 240px;
    margin-top: 0;
    }    
  }
@media screen and (max-width: 430px) {
  body.path-frontpage #block-kezdomenu li {
    display: block;
    width: calc( 100% - 20px );
    float: none;
    margin: 10px;
    }  
  body.path-frontpage #block-oldalcime,  
  body.path-frontpage article {
    float: none;
    clear: both;
    }    
  body.path-frontpage #block-kezdomenu {
    height: auto;
    float: none;    
    }    
  }

@media screen and (max-width: 790px) {
  #block-webhelymarkazasa {
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
    }
  #block-fonavigacio {
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
    }  
  ul.sf-menu.sf-style-default {
    float: none;
    margin-top: 0;
    }    
  article,
  .view-kepgaleriakepek {
    padding: 0 5px;
    }    
  #block-webform {
    width: calc( 100% - 20px );
    float: none;
    clear: both;
    padding: 0 10px;
    }  
  #block-webform input {
    display: block;
    width: calc( 100% - 10px);
    }  
  #block-webform #edit-message {
    width: 100%;
    }    
  #block-kapcsolat {
    width: 100%;
    float: none;
    clear:both;  
    }    
  }  
@media screen and (max-width: 650px) {
  .node--type-palyazat .field--name-field-palyazat-kep {
    float: none;
    width: 100%;
    text-align: center;
    }  
  }  
.view-termekek .view-content div.views-row {
  width: 100%;
  max-width: 1200px;
  margin-top: 20px;  
  }  
.view-termekek .views-field-field-termek-kep,
.view-termekek .views-field-title,
.view-termekek .views-field-body {
  width: calc( 50% - 20px );
  }
.view-termekek .views-field-field-termek-kep img {
  width: 480px;
  }    
.view-termekek .views-field-field-termek-kep {
  float: left;
  width: 500px;
  text-align: left;
  }  
.view-termekek .views-field-title,
.view-termekek .views-field-body,
.view-termekek .views-field-field-fajlok {
  width: calc( 100% - 500px );
  float: right;
  }  
.view-termekek .views-field-field-fajlok {
  overflow: hidden;
  } 
@media screen and (max-width: 1000px) {
  .view-termekek .views-field-field-termek-kep {
    float: none;
    width: 500px;
    text-align: center;
    margin: 0 auto;
    }  
  .view-termekek .views-field-field-fajlok .field-content {
    margin: 0 10px;
    }  
  .view-termekek .views-field-title,
  .view-termekek .views-field-body,
  .view-termekek .views-field-field-fajlok {
    width: 100%;
    float: none;
    } 
}
@media screen and (max-width: 500px) {
  .view-termekek .views-field-field-termek-kep {
    width: 100%;
    }  
  .view-termekek .views-field-field-termek-kep img {
    width: calc( 100% - 20px );
    height: 100%;
    }      
  .view-termekek .views-field-title,
  .view-termekek .views-field-body,
  .view-termekek .views-field-field-fajlok {
    width: 100%;
    float: none;
    } 
  }


/*
.view-termekek .views-field-title {
  background: aqua;
  }
.view-termekek .views-field-body {
  background: pink;
  }  
.view-termekek .views-field-field-termek-kep {
  background: lime;
  }    
  */
/* 20200817 változtatások */
.node__links .statistics-counter {
  display: none;
  }
body.path-frontpage .node__links .statistics-counter {
  display: inline;
  }
.view-termekek .view-content div.views-row {
  margin-bottom: 100px;  
  }
div.view-szolgaltatasok .views-row .views-field-field-szolg-kep {
  text-align: center;
  }
.view-szolgaltatasok  div.views-row {
  margin-bottom: 100px;  
  } 
/* ex 20220518 energetikai jelentések */  
div#energjel {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 80px;
  }
div#energjel p {
  margin: 0;
  }    
div.energlapuszt div.view-content {
  display: block;
  }
div.energlapuszt .view-content > div.views-row {
  width: calc( 100% - 10px );
  }