/* Herendi Iskola custom 91.82.85.66 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

body{
  background-image:url('https://herendiskola.hu/images/matek-bg.jpg');
}



.sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span {
  display: inline-block;
  padding: 0 15px;
  line-height: 65px;
  font-size: 16px!important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #374c91;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
    padding: 10px;
  text-align:left;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
  background: #374c91;
}
.offcanvas-menu {
    background-color: rgba(21, 48, 77, 0.85)!important;
}

#sp-top-bar, #sp-footer{
  background:#0d3d7c;
}

#sp-header {
  background: #000701b2;
  position:absolute;
  top: 80px;
  width:100%;
  border-bottom:1px solid #ffffff;
  height:65px;
}
#sp-header.menu-fixed{
    background: rgba(21, 48, 77, 0.77);
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    top: 0px;
}
.fentjobb{
  text-align:right;
}
#easycookieinfo {
    background: #000000!important;
}
#easycookieinfo a{
    background: #000000!important;
  color:#22b8f0!important;
}
#easycookieinfo .accept > a{
  color:#ffffff!important;
  background-color: #22b8f0!important;
}
#sp-bottom {
  background-color: #15304d;
  color: #ffc500;
  padding: 50px 0px;
}
#sp-bottom a {
  color: #89a4c2;
}
  
/*Címsorok*/
h1{
  color:#344a8d;
}
h2{
  color:#344a8d;
}

h3{
  color:#344a8d;
}
h3 a{
  color:#344a8d;
}
h3 newsflash-title a{
  color:#344a8d;
}
h4{
  color:#34578d;
}
.sppb-carousel-content h1{
  color:#eab700;
  font-size:6vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
.okoiskola h1{
  color:#eab700;
  font-size:6vw;
}
.entry-header h2 {
  margin: 8px 0 0;
  color:#3366cc;
  outline:1px #ffffff;
  font-size: 30px;
  text-shadow: 0px 0px 4px #ffffff;
  line-height: 1;
  max-width: 70%;
  border-top-left-radius: 10px;
  border-top-right-radius: 50px;
  /*box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.2);*/
  padding: 15px 30px 10px 3px;
}
.entry-header h2 a {
  color: #344a8d;
  font-size: 30px;
}
.entry-header h2 a::first-letter {
    color: #ffc500!important;
}
#sp-bottom h3{
  color:#ffc500;
}
.okoiskola h3{
  color:#ffffff;
}
/*Címsorok eddig*/

#offcanvas-toggler {
    float: right;
    line-height: 65px;
}
#offcanvas-toggler > i {
    color: #ffffff;
}
#offcanvas-toggler > i:hover {
    color: #ffc500;
}
.nav-placeholder{
  background: #002b4d;
}
.nagyablak{
  background: transparent url("../images/cimsav-bg.png") repeat-x;
}
.iskolamenu{
  text-align:right;
}
.haziko a{
  font-size:120%;
}

.doboz{
  margin-bottom:20px;
}
.hirek article{
  background:#f1fa9e;
  padding:10px;
  box-shadow:#000000 1px 2px 3px 5px 0.40;
  border-top-right-radius:100px;
}

.hirek article:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 10px 5px 0 rgba(0, 0, 0, 0.19);
  -webkit-transform 0.2s; /* Safari */
   transition: 0.2s;
}
  
.bloghirek h1{
  font-family: 'Shadows Into Light', cursive;
}
.osztaly:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 10px 5px 0 rgba(0, 0, 0, 0.19);
  -webkit-transform 0.2s; /* Safari */
   transition: 0.2s;
}
.legfrissebbcikkek a{
  font-size:16px;
  font-weight:bold;
}
.category-desc{
  /*background: rgba(255, 255, 255, 0.41);*/
  padding:20px;
  border-bottom:1px solid #34578d;
  margin-bottom:20px;
}

/*étrend*/
#hetietrend tr>td{
    border: 5px #000000;
    padding: 5px;
}

.heti-etrend {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 15px;
  text-align: center;
  width:99%;
  border-collapse: separate;
  border-spacing: 5px;
}

.item-het{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(52, 87, 141, 1);
  margin:5px;
  padding: 5px;
}
.item-nap{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(52, 87, 141, 0.8);
  margin:5px;
  padding: 5px;
}
.item-etkezes{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(255, 197, 0, 0.8);
  margin:5px;
  padding: 5px;
}
.item-etel{
  font-size:16px;
  background-color: rgba(255, 255, 255, 0.8);
  margin:5px;
  padding: 5px;
}

/*órarend*/
.heti-orarend {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  grid-column-gap:5px;
  grid-row-gap: 5px;
background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
}
.heti-orarend>div {
  text-align: center;
  padding:10px;
}
.item-het{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(52, 87, 141, 1);
}
.item-het-b{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(84, 108, 64, 1);
}
.item-nap{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(52, 87, 141, 0.8);
}
.item-nap-b{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(84, 108, 64, 0.8);
}
.item-oraszam{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(255, 197, 0, 0.8);
}
.item-oraszam-b{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(202, 158, 0, 0.8);
}
.item-tantargy{
  font-size:16px;
  background-color: rgba(255, 255, 255, 0.8);
}
.hetvege{
  height:35px;
}
/*órarend vége*/

/*tanulók névsora*/
.tanulok-nevsora {
background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
}
.tanulok-nevsora>div {
  text-align: center;
  padding:5px;
}
.item-tanulo{
  float: left;
  width: 24%;
  padding: 10px;
  margin:5px;
  height: 50px;
}
.row:after{
 content: "";
 display: table;
 clear: both;
}
.item-tanulo{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(52, 87, 141, 1);
}
@media screen and (max-width: 550px) {
    .item-tanulo {
        width: 90%;
    }
}

/*tanárok névsora*/
.tanarok-nevsora {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  grid-column-gap:5px;
  grid-row-gap: 5px;
background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
}
.tanarok-nevsora>div {
  text-align: center;
  padding:10px;
}
.item-tanar{
  font-family:Oswald, sans-serif;
  color:#ffffff;
  font-size:20px;
  background-color: rgba(52, 87, 141, 1);
}
.nevsorvege{
  height:15px;
}
/*névsorok vége*/

.okoiskolalevel{
  border-radius: 100px 0px 100px!important;
  background:#ffffff;
  padding:20px;
  margin:0px;
}
img .okoiskolalevel{
  margin-bottom:50px;
}

/*alsó menük*/
.sp-module ul > li {
  display: block;
  border-bottom: 0px solid #34578d;
  font-size:14px;
  line-height:24px;
}
.sp-module ul > li a{
  line-height:24px;
}
.sppb-panel-faq > .sppb-panel-heading {
    border-bottom: 0px solid #e5e5e5!important;
}

.tamopdoboz {
    margin-top: 0px;
}
.sppb-panel-group > .sppb-panel:first-child{
    border-top: 0px solid #34578d!important;
}
/*osztályaink*/
.negyedikb{
  background: transparent url("../images/3b-kirandulas.jpg") no-repeat fixed cover;
}
.kapcsolatgomb{
  margin:20px 0px;
  padding:10px;
  background:#34578d;
  color:#ffffff;
  width:auto;
}
.kapcsolatgomb a{
  color:#ffffff;
}
#kapcsolatgomb{
  margin:20px 0px;
  padding:5px 35px 5px 10px;
  background:#34578d url(../images/jobbra-nyil.png)no-repeat right;
  color:#ffffff;
  width:auto;
  line-height:40px;
}
#kapcsolatgomb{
  color:#ffffff;
}
.enaplomenupont{
  vertical-align: middle;
}
.enaplomenupont a{
  max-width:60%;
}
/*közösségi oldalak ikonjai*/
a {
  color:#34578d;
}
a:hover {
}

/*osztályképek*/
.osztalykep{
 height:auto!important;
}
@media screen and (min-width: 800px){.pull-right{
 height:auto!important;
   width:70%!important;
}
}

.osztalykep{
 height:auto!important;
}
@media screen and (min-width: 800px){.pull-right{
 height:auto!important;
   width:70%!important;
}
}
ul li{
  list-style-type: square;
}
.dtree {
    font-size: 14px!important;
}
.dTreeNode{
  font-family: Oswald, sans-serif!important;
  font-weight:bold;
  color:#fff;
}
.kifelellink a{
}
.kretalogotop img{
  width:350px;
}
.sp-copyright{
  font-size:80%!important;
}

#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span {
  color: #fff !important;
}

#sp-header .sp-dropdown .sp-menu-item > a,
#sp-header .sp-dropdown .sp-menu-item > span {
  color: #fff !important;
}