@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,500italic,600italic,700italic,700,600,500,400,300&subset=latin-ext);

body {
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-weight: 400;
}

.headerpart1 {
  background: rgba(0, 0, 0, 1.0);
  border-bottom: 7px solid rgba(168, 43, 49, 1.0);
}
.headerpart2 {
  background: rgba(255, 255, 255, 1.0);
}
.headerpart3 {
  background: rgba(255, 255, 255, 1.0);
}
#headerpart2 div.region-header {
  border-bottom: 1px solid rgba(128, 128, 128, 1.0);
  padding: 0.357em 0 0;
}
#headerpart2 div.region-header {
  text-align: center;
}

@media all and (min-width: 851px) {
  html {
    height: 102%;
  }
  .layout-container {
/*    max-width: 1290px; */
    max-width: 960px;
  }
  #headerpart2 div.region-header {
    text-align: left;
  }
}

/* -- topinfo block  -- */

#block-topinfo {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 10px;
  text-align: right;
}
#block-topinfo p {
  margin-top: 0.4em;
  margin-bottom: 0.2em;
  margin-right: 0.5em;
  margin-left: 0.5em;
  font-family: 'Oswald', sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  font-style: normal;
  color: #c0c0c0;
  letter-spacing: 0.02em;
}
#block-topinfo a {
  color: #d0d0d0;
}
#block-topinfo a:hover {
  color: #ffffff;
}
#block-topinfo a:focus {
  color: #ffffff;
}
#block-topinfo .link {
  color: #d0d0d0;
}
#block-topinfo .link:hover {
  color: #ffffff;
}
#block-topinfo .link:focus {
  color: #ffffff;
}

/* -- site branding  -- */

.region-header .site-branding {
  float: none;
  text-align: center;
}

.site-branding__text {
  margin-bottom: 0.8em;
}

.site-branding__logo {
  margin-right: 0.2em;
}

.site-branding__slogan {
  margin-top: 2px;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  word-spacing: normal;
  color: #000000;
}

.site-branding__name {
  font-family: 'Open Sans', sans-serif;
  margin-top: 4px;
  color: #000000;
}

@media all and (min-width: 821px) {
  .site-branding__text {
    padding: 0.1em 0 0;
  }
  .site-branding__name {
    font-weight: 600;
    font-size: 1.8em;
  }
  .site-branding__slogan {
    font-weight: 600;
  }
}

@media all and (min-width: 821px) {
  .region-header .site-branding {
    float: left;
    text-align: left;
  }
}

/* -- search block  -- */

.region-header .block:not(.site-branding) {
  display: table;
  margin: 0.6em auto;
}

.region-header .search-block-form {
  float: none;
}

/*
#block-searchapipagesearchblockform .button.search-form__submit {
  float: left;
}
*/
.search-block-form .button.search-form__submit {
  float: left;
}

.search-block-form .form-actions .button {
  margin-top: 0.1em;
}

div#block-mybartik-content form#search-api-page-block-form-kereses::after {
  content: "";
  display: table;
  margin-bottom: 1em;
  clear: both;
}

/* @media screen and (max-width: 60em) { * 920px */ 
@media screen and (max-width: 768px) {
  .search-block-form input,
  .search-block-form textarea {
    font-size: 16px;
  }
  .search-block-form .form-actions .button {
    margin-top: 6px;
  }
}
@media screen and (min-width: 768px) {
  .search-block-form input,
  .search-block-form textarea {
    font-size: 1.1em;
  }
  .search-block-form .form-actions .button {
    margin-top: 0.2em;
  }
}
@media screen and (min-width: 821px) {
  .search-block-form input,
  .search-block-form textarea {
    font-size: 0.929em;
  }
  .search-block-form .form-actions .button {
    margin-top: 0.1em;
  }
}

@media all and (min-width: 821px) {
  .region-header .search-block-form {
    float: right;
  }
  .region-header .block:not(.site-branding) {
    margin: 1.167em 0 1em;
  }
}

/* --   -- */




/* -- primary menu  -- */

.region-primary-menu .block-superfish .menu {
  display: table;
  margin: 0 auto;
}

div.sf-accordion-toggle {
  text-align: center;
}
div.sf-accordion-toggle a#superfish-main-toggle {
  font-size: 4.0em;
  line-height: 1.0;
}

.region-primary-menu .menu li.sf-depth-1 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.14em;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.region-primary-menu .menu a {
  border-radius: 0px;
  color: #000000;
  color: rgba(0, 0, 0, 1.0);
  background: #ffffff;
  background: rgba(255, 255, 255, 1.0);
/*  text-shadow: 0 1px #eee; */
}
.region-primary-menu .menu a:hover,
.region-primary-menu .menu a:focus {
  color: #c1272d;
  color: rgb(193, 39, 45, 1.0);
  background: #e0e0e0;
  background: rgba(224, 224, 224, 1.0);
}
.region-primary-menu .menu a:active {
  color: #c1272d;
  color: rgb(193, 39, 45, 1.0);
  background: #ffffff;
  background: rgba(255, 255, 255, 1.0);
}
.region-primary-menu .menu a.is-active {
  color: #c1272d;
  color: rgb(193, 39, 45, 1.0);
  background: #ffffff;
  background: rgba(255, 255, 255, 1.0);
  border-bottom: none;
}







/* -- footer -- */

.site-footer {
/*  border-top: 1px solid rgba(168, 43, 49, 1.0); */
  border-top: 1px solid #a0a0a0;
  padding: 5px 0 30px;
}
.site-footer .content {
  color: #000000;
  font-family: 'Oswald', sans-serif;
}
.site-footer h2 {
  color: #000000;
}

/* -- copyrightlablec block  -- */

#block-copyrightlablec .content {
  display: table;
  margin: 0 auto;
}

.site-footer__bottom {
  margin-top: 5px;
  border-top-width: 0;
}

.site-footer__bottom .region {
  margin-top: 5px;
}

.site-footer__bottom .content p.footercopy {
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.2em;
  letter-spacing: 0.1em;
  margin-bottom: 0.6em;
  text-align: center;
/*  border-top: 1px solid rgba(168, 43, 49, 1.0);
  padding-top: 0.4em; */
}
.site-footer__bottom .content p.footerimg {
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  text-align: center;
}
.footerimg {
  margin-bottom: 0.5em;
}

.site-footer__bottom .menu--footer {
  display: table;
  margin: 0 auto;
}
.site-footer__bottom .menu--footer ul.menu li.menu-item {
  float: left;
}

.site-footer__bottom .menu--footer li.menu-item {
  text-transform: uppercase;
}
.site-footer__bottom .menu-item:first-child a {
  padding-left: 12px;
}
.site-footer__bottom .menu-item:last-child a {
  padding-right: 12px;
}

.site-footer .menu a {
  border-radius: 0px;
  color: #000000;
  color: rgba(0, 0, 0, 1.0);
}
.site-footer .menu a:hover,
.site-footer .menu a:focus {
  color: #c1272d;
  color: rgb(193, 39, 45, 1.0);
  background: #e0e0e0;
  background: rgba(224, 224, 224, 1.0);
}
.site-footer .menu a:active {
  color: #c1272d;
  color: rgb(193, 39, 45, 1.0);
}
.site-footer .menu a.is-active {
  color: #c1272d;
  color: rgb(193, 39, 45, 1.0);
  background: rgba(255, 255, 255, 0.0);
}

/* -- content -- */

h1.page-title {
  margin-bottom: 1.4em;
  padding-bottom: 4px;
  border-bottom: 2px solid rgba(168, 43, 49, 1.0);
  font-weight: 600;
  font-size: 1.4em;
}

h1.main-title {
  margin-bottom: 1.4em;
  padding-bottom: 4px;
  border-bottom: 2px solid rgba(168, 43, 49, 1.0);
  font-weight: 600;
  font-size: 1.4em;
}

.node__content {
  color: #000000;
  font-size: 1.0em;
}

.node__content h2 {
  margin-bottom: 0.6em;
}

.node__content a {
  color: #a82b31;
}
.node__content a:hover {
  color: #c1272d;
}
.node__content a:focus {
  color: #c1272d;
}

.node__content .link {
  color: #a82b31;
}
.node__content .link:hover {
  color: #c1272d;
}
.node__content .link:focus {
  color: #c1272d;
}

.node__content p img {
  border: 1px solid #a0a0a0;
}

.node__content dl dt p {
  margin-bottom: 0em;
}

.ytiframe {
  border: 1px solid #a0a0a0;
}

.ytvideowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.ytvideowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #a0a0a0;
}

@media all and (min-width: 851px) {
  .ytvideowrapper iframe {
    max-width: 840px;
  }
}