@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap');
@import url("https://use.typekit.net/hdw8spc.css");

/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  overflow-x: hidden;
  margin: 0;
  -webkit-font-smoothing: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;
}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
}
h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 18px;
  line-height: 25px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: #563d7c ;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: .74rem 1rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  display: block;
  position: absolute;
  width: 80px;
  top: -27px;
  z-index: 100;
}

@media (min-width: 992px) {
  .navbar-brand > a {
    top: -25px;
  }
}

@media (min-width: 992px) {
  .navbar-brand > a {
    width: 131px;
    top: -96px;
  }
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#main-nav{
  z-index: 1000;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}

.header_top__link_search{
  width: 1.25rem;
  height: 1.25rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/top_header/icon_search.svg');
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  font-weight: 600;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
  min-width: 40px;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 14.5rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}




/* *****************************************************************************************************************************
********************************************************************************************************************************
// DVSC Kézilabda Akadémia
********************************************************************************************************************************
***************************************************************************************************************************** */

/*--------------------------------------------------------------
# Bootstrap
--------------------------------------------------------------*/

.container {
  max-width: 1240px!important;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body{
  font-family: ddt, sans-serif;
  font-weight: 400;  /* 400:book, 500:regular, 700:bold*/
  font-style: normal;  
  font-size: 1rem;
  color: #000;
  letter-spacing: .3px;
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #000;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: 'Jockey One', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

h1 {
  font-size: 32px;
  padding-bottom: 10px;
}

h2 {
  font-size: 2.625rem;
  margin-bottom: 30px;
  padding-bottom: 0;
  line-height: 1.2;
}

h2.title_section{
  margin: 0 0 40px;
  padding: 0;
  line-height: 1;
}

h3 {
  font-size: 1.625rem;
  line-height: 1.3;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}

p:last-child {
  margin-bottom: 0;
}

a{
  color: #DA030E;
  text-decoration: none;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

a:hover{
  color: #DA030E;
  text-decoration: none;
}

p a, span a, td a{
  display: inline-block;
  color: #DA030E;
  text-decoration: none;
  font-weight: 500;
}

p > a::after, span > a::after, td > a::after{
  display: block;
  content: '';
  width: 0;
  height: 2px;
  background: #DA030E;
  transition: width .3s;
}

p a:hover::after, span a:hover::after, td a:hover::after{
  color: #DA030E;
  width: 100%;
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/

.bg_red{
  background-color: #DA030E!important;
}
.bg_black{
  background-color: #202020!important;
}
.bg_gold{
  background-color: #BF9461!important;
}
.bg_white{
  background-color: #fff!important;
}

.text_red{
  color: #DA030E!important;
}
.text_black{
  color: #202020!important;
}
.text_gold{
  color: #BF9461!important;
}
.text_white{
  color: #fff!important;
}

/*--------------------------------------------------------------
## Overlays
--------------------------------------------------------------*/

.overlay::before{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overlay30::before{
  background: rgba(0,0,0,.3);
}

.overlay45::before{
  background: rgba(0,0,0,.45);
}

.overlay60::before{
  background: rgba(0,0,0,.6);
}

.overlay75::before{
  background: rgba(0,0,0,.75);
}

.overlay90::before{
  background: rgba(0,0,0,.9);
}

/*--------------------------------------------------------------
## Background image
--------------------------------------------------------------*/
.bg_cover{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg_coverFix{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/*--------------------------------------------------------------
## Ratio
--------------------------------------------------------------*/

.ratio11{
  width: 100%;
  padding-top: 100%;
}

.ratio43{
  width: 100%;
  padding-top: 75%;
}

.ratio169{
  width: 100%;
  padding-top: 56.25%;
}

/*--------------------------------------------------------------
## Position
--------------------------------------------------------------*/
.posRel{
  position: relative;
}

/*--------------------------------------------------------------
## Moving
--------------------------------------------------------------*/
.move-down-135{
  margin-bottom: -135px;
}

/*--------------------------------------------------------------
## Seps 
--------------------------------------------------------------*/

.sepSide::before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 30px;
  background-image: url('img/title/wing_left.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}

.sepSide::after{
  content: '';
  display: inline-block;
  width: 40px;
  height: 30px;
  background-image: url('img/title/wing_right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}

/*
.title_section__sepUnder{
  display: block;
  width: 30px;
  height: 6px;
  background-image: url('img/title/sep.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin:30px auto;
}
*/

.title_section__sepUnder{
  display: none;
  width: 80px;
  height: 30px;
  background-image: url('img/title/sep.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin:30px auto;
}

/*--------------------------------------------------------------
## Dividers
--------------------------------------------------------------*/

hr.dashed {
  border-top: 2px dashed #999;
}

hr.dotted {
  border-top: 2px dotted #999;
}

hr.solid {
  border-top: 2px solid #999;
}

hr.hr-text { /* HOW TO USE: <hr data-content="AND" class="hr-text"> */
position: relative;
  border: none;
  height: 1px;
  background: #999;
}

hr.hr-text::before {
  content: attr(data-content);
  display: inline-block;
  background: #fff;
  font-weight: bold;
  font-size: 0.85rem;
  color: #999;
  border-radius: 30rem;
  padding: 0.2rem 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.space{
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  margin: 0;
}

.space15{
  display: block;
  width: 100%;
  height: 15px;
}

.space30{
  display: block;
  width: 100%;
  height: 30px;
}

.space60{
  display: block;
  width: 100%;
  height: 60px;
}

.space80{
  display: block;
  width: 100%;
  height: 80px;
}

.space120{
  display: block;
  width: 100%;
  height: 120px;
}

/*--------------------------------------------------------------
## Borders
--------------------------------------------------------------*/
@media (min-width: 992px) {
  .border_right_grey{
    border-right: 1px solid #eaeaea;
  }
  .border_right_grey:last-child{
    border-right: 0;
  }
}

/*--------------------------------------------------------------
## Margin & Padding
--------------------------------------------------------------*/

.topBottPadd80{
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .topBottPadd80{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.topPadd80{
  padding-top: 50px;
}

@media (min-width: 992px) {
  .topPadd80{
    padding-top: 80px;
  }
}

.bottPadd80{
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .bottPadd80{
    padding-bottom: 80px;
  }
}

/*--------------------------------------------------------------
## Maxer & Minner
--------------------------------------------------------------*/
.maxWidth_560{
  max-width: 560px;
}

/*--------------------------------------------------------------
## Backgrounds
--------------------------------------------------------------*/
.rowFullBgWhite{
  background: #fff;
  margin: 0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  z-index: 100;
  position: relative;
  -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.5);
  box-shadow: 0 15px 30px 0 rgba(0,0,0,.5);
}


/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

button, .button, input[type="submit"], .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wp-block-button__link {
  font-family: 'Jockey One', sans-serif;
  display: inline-block;  
  padding: 13px 20px;
  margin: 0!important;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 1px;
  color: #fff;
  border: 0;
  cursor: pointer;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

button:hover, .button:hover, input[type="submit"]:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  filter: brightness(110%);
  background: #DA030E;
  text-decoration: none;
  color: #fff;
}

button:disabled, .button:disabled, input[type="submit"]:disabled{
  display: inline-block;
  background: #a3a3a3;
  padding: 15px 25px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  border: 0;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.button--fill{
  background: #DA030E;
}

.button--fill_black{
  background: #000;
}

.button--border{
  border: 2px solid #DA030E;
}

.button--fullwidth{
   width:100%;
}



/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/

.top_header_banner{
  background-color: #DA030E;
  background-image: url('img/bg/header/bg__header.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;  
}

@media (min-width: 992px) {
  .top_header_banner{
    min-height: 76px;
  }
}

/* 
.banner{
  background-color: #DA030E;
  background-image: url('img/bg/header/bg__header.jpg');
  background-position: center;
  background-repeat: no-repeat;
}
*/

.dvsc_logo{
  width: 405px;
  margin-left: 135px;
  margin-top: -10px;
}

@media (min-width: 992px) {
  .dvsc_logo{
    margin-top: 1px;
  }
}

.dvsc_logo_red{
  width: 170px;
  margin-left: 90px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header#masthead {  
  -webkit-box-shadow: 0 30px 30px 0 rgba(0,0,0,0.03);
  box-shadow: 0 30px 30px 0 rgba(0,0,0,0.03);
  padding: 10px 0 !important;
  margin-bottom: 0;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

@media (min-width: 992px) {
  header#masthead {
    padding: 0 15px !important;
  }
}

header#masthead.filled, header#masthead.transparent{
  background-color: #fff;
}

@media (min-width: 992px) {
  header#masthead.filled {
    background-color: #fff;
  }
  header#masthead.transparent {
    background-color: transparent;
  }
}

.navbar ul.navbar-nav{
  text-align: center;
}

@media (min-width: 992px) {
  .navbar ul.navbar-nav{
    margin: 0;
  }
}

.navbar ul.navbar-nav li.menu-item:last-child{
  margin-bottom: -10px;
}

@media (min-width: 992px) {
  .navbar ul.navbar-nav li.menu-item:last-child{
    margin-bottom: inherit;
  }
}

.navbar ul.navbar-nav li.menu-item a.nav-link{
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  padding: 15px 0 !important;  
  position: relative;
  text-align: center;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

@media (min-width: 992px) {
  .navbar ul.navbar-nav li.menu-item a.nav-link{
    /*padding: 28px 13px !important;*/
    padding: 28px 10px !important;
  }

  .dropdown-toggle {
    white-space: inherit!important;
  }
}

.navbar-dark ul.navbar-nav li.menu-item a.nav-link{
  color: #DA030E !important;
}

.navbar-light ul.navbar-nav li.menu-item a.nav-link{
  color: #DA030E !important;
}

.navbar ul.navbar-nav li.menu-item a.nav-link::after{
  content: '';
  display: block;
  position: absolute;
  width: 0%;
  height: 3px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

@media (min-width: 992px) {
  .navbar ul.navbar-nav li.menu-item a.nav-link::after{
    bottom: 15px;
  }
}

.navbar ul.navbar-nav li.menu-item a.nav-link:hover::after{
  width: 100%;
}

.navbar ul.navbar-nav li.menu-item a.nav-link:hover{
  font-size: 140% !important;
}

@media (min-width: 992px) {
  .navbar ul.navbar-nav li.menu-item a.nav-link:hover{
    font-size: 0.75rem !important;
  }
}

@media (min-width: 992px) {
  .navbar ul.navbar-nav li.menu-item a.nav-link:hover::after{
    width: 50%;
  }
}

.navbar-dark ul.navbar-nav li.menu-item a.nav-link:hover::after{
  background: rgba(255,255,255,.6);  
}

.navbar-light ul.navbar-nav li.menu-item a.nav-link:hover::after{
  background: rgba(0,0,0,.6);
}

.icon__eredmenyek--toggle{
  position: absolute;
  display: block;
  top: -8px;
  right: -48px;
}

#box__header_eredmenyek{
  margin-top: 7px;
}



/*--------------------------------------------------------------
## Navbar dropdown
--------------------------------------------------------------*/
.navbar .dropdown-menu{
  background-color: #e8252f;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  border: 0;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  text-align: center;
}

.navbar .dropdown-menu .dropdown-item{
  color: #fff;
  text-transform: uppercase;
  font-family: 'Jockey One', sans-serif;
  font-size: 1rem;
  padding: 5px 0;
  white-space: nowrap;
}

.navbar .dropdown-menu .menu-item:hover{
  background-color: #2d2d2d;
}

@media (min-width: 992px) {
  .navbar .dropdown-menu{
    background-color: #da030e;
    text-align: left;
    margin-top: -1px;
    margin-bottom: 0;
  }

  .navbar .dropdown-menu .dropdown-item{
    padding-left: 20px;
    padding-right: 20px;
  }
}


/*--------------------------------------------------------------
## Menu group
--------------------------------------------------------------*/
li.menu_group__title{
  background-color: #2d2d2d;
}

li.menu_group__title a.dropdown-item{
  font-size: 1rem !important;
  color: #000 !important;
}


/*--------------------------------------------------------------
## Header social
--------------------------------------------------------------*/

.navbar__social{
  display: none;
  width: 100%;
  margin-top: 8px;
  border-top: 1px solid #d2d2d2;
  padding-top: 20px;
  margin-bottom: 15px;
}

.navbar-collapse.show ~ .navbar__social{
  display: block;
}

@media (min-width: 992px) {
  .navbar__social{
    display: block;
    width: auto;
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
    margin-bottom: 0;
  } 
}

  .navbar__social_title{
    text-transform: uppercase;
    color: #000;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
  }

  .navbar__social_line{
    display: block; 
    line-height: 1;
    cursor: pointer;
  }

  .navbar__social_line:hover{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

    .navbar__social_icon{
      display: inline-block;
      width: 25px;
      height: 25px;
      margin-right: 8px;
    }

    @media (min-width: 992px) {
      .navbar__social_icon{
        margin-right: 0;
        width: 42px;
        height: 42px;
      }
    }

    .navbar__social_text{
      display: inline-block;
      text-transform: uppercase;
      font-size: .75rem;
      font-weight: 600;
      color: #DA030E;
  }

    @media (min-width: 992px) {
      .navbar__social_text{
        display: none;
      }
    }


/*--------------------------------------------------------------
## Top header
--------------------------------------------------------------*/
.header_top{
  background: rgb(29, 29, 29);
  padding: 15px 0 13px;
  font-size: .65rem;
  letter-spacing: .8px;  
  line-height: 1.2;  
  font-weight: 500;
  text-transform: uppercase;
}

.header_top a{
  color: #fff;
}

.header_top .icon_inline{
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-bottom: -0.125rem;
  margin-right: 0.3125rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.header_top__icon_phone{
  background-image: url('img/top_header/icon_phone.svg');
}

.header_top__icon_mail{
  background-image: url('img/top_header/icon_mail.svg');
}

.header_top__icon_facebook{
  background-image: url('img/top_header/icon_facebook.svg');
}

.header_top__icon_instagram{
  background-image: url('img/top_header/icon_instagram.svg');
}




/*--------------------------------------------------------------
## Eredmények
--------------------------------------------------------------*/

@media (min-width: 992px) {
  .own-col-45{
    max-width:46%;
  }

  .own-col-55{
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
  }
}

.er_ikon{
  height: 25px;
  margin-right: 3px;
  margin-top: -5px;
}

.er_eredmeny{
  font-weight: 500;
  font-size: .85rem;
  font-family: 'Jockey One', sans-serif;
  line-height: 1;
  color: #fff;
  letter-spacing: -.2px;
}

.er_ikon_eredmeny{
  margin: 0 15px 0 0;
}

.er_ikon_eredmeny:last-child{
  margin-right: 0;
}


/*--------------------------------------------------------------
## Eredmények - Top header
--------------------------------------------------------------*/

/*
.header__top__eredmenyek{
  background-image: url('img/bg/decor/bg__wing__pattern__dgrey.png');
  background-repeat: repeat-y;
}
*/

.header__top__eredmenyek{
  position: relative;
}

.header__top__eredmenyek::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  z-index: 1;
}

.header__top__eredmenyek > * {
  z-index: 100;
}

.header__top__eredmenyek .er_ikon{
  height: 40px;
  margin-right: 15px;
  margin-top: 0;
}

.header__top__eredmenyek .er_eredmeny{
  font-weight: 500;
  font-size: 1.35rem;
  font-family: 'Jockey One', sans-serif;
  line-height: 1;
  color: #fff;
  letter-spacing: -.2px;
}

.header__top__eredmenyek .er_ikon_eredmeny{
  margin: 0 40px;
}

.header__top__eredmenyek .er_ikon_eredmeny:last-child{
  margin-right: 0;
}



/*--------------------------------------------------------------
# Matches
--------------------------------------------------------------*/

.matchesinrow{
 background-color: rgb(19, 19, 19);
}

.slick__match_wrap{
  background-color: rgb(29, 29, 29);
  color: #fff;
  min-height: 120px;
  border: solid 1px transparent;
}

.matchinrow__date_wrap{
  border-bottom: 1px solid rgba(255,255,255,.3);
  font-size: .75rem;
  letter-spacing: .05rem;
  color: rgba(255,255,255,.6);
}

.matchinrow__team_wrap{
  text-transform: uppercase;
}

.matchinrow__team_point{
  color: #da030e;
  font-weight: 500;
  font-size: 1.4rem;
  font-family: 'Jockey One', sans-serif;
  line-height: 1;
}

.future_match:first-child .matchinrow__team_point, a:not(.future_match) + a.future_match .matchinrow__team_point{
  color: #d6b36a;
}

.future_match:first-child:hover, a:not(.future_match) + a.future_match:hover {
  color: #d6b36a;
}

.matchinrow__type_wrap{
  border-top: 1px solid rgba(255,255,255,.3);
  font-size: .75rem;
  letter-spacing: .1rem;
  color: rgba(255,255,255,.6);
}

.future_match{
  opacity: 1;
}

.future_match .matchinrow__date_wrap, a:not(.future_match) + a.future_match .matchinrow__date_wrap{
  background: #da030e;
  border: 0;
  color: #fff;
}

.future_match:first-child .matchinrow__date_wrap, a:not(.future_match) + a.future_match .matchinrow__date_wrap{
  background: #d6b36a;
  border: 0;
  color: #000;
  margin: 0 -8px;
}

.future_match:first-child, a:not(.future_match) + a.future_match{
  border: 1px solid #d6b36a;
}

.matchesinrow .slick-prev, .matchesinrow .slick-next{
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: #DA030E;
  border: none;
  z-index: 100;
  border-radius: 5px;
}

.matchesinrow .slick-prev:hover, .matchesinrow .slick-next:hover{
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: #000;
}

.matchesinrow .slick-prev{
  left: -7px;
  padding: 0 0 0 7px;
}

.matchesinrow .slick-next{
 right: -7px;
 padding: 0 0 0 7px;
}

.matchesinrow .slick-prev::before, .matchesinrow .slick-next::before {
  font-size: 20px;
  opacity: 1;
  color: #fff;
  font-family: 'Jockey One', sans-serif;
  font-weight: 600;
  line-height: 0.4;
}

.matchesinrow .slick-prev:hover::before, .matchesinrow .slick-next:hover::before {
  color: #DA030E;
}

.passed_match_wrap.red_border{
  border: 3px solid #DA030E;
}

.passed_match_wrap.red_border .next_match__date{
  background: #DA030E;
  color: #fff;
}


/*--------------------------------------------------------------
# Matches future
--------------------------------------------------------------*/
.matchesinrow h4.sp-table-caption {
  display: none !important;
}

/*--------------------------------------------------------------
# Matches last
--------------------------------------------------------------*/

.matchesinrow--last {
  -webkit-box-shadow: inset 0 20px 80px 0 rgba(0,0,0,0.08);
  box-shadow: inset 0 20px 30px 0 rgba(0,0,0,0.08);
}

.matchesinrow--last h4.sp-table-caption {
  display: none !important;
}

.home .in_footer .matchesinrow--last{
  display: none;
}

/*--------------------------------------------------------------
# Shop row
--------------------------------------------------------------*/

.shopinrow {
  background-color: #DA030E;
  background-image: url('img/bg/header/bg__header.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




/*--------------------------------------------------------------
# Next match
--------------------------------------------------------------*/
.next_match{
  -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.08);
  box-shadow: 0 10px 30px 0 rgba(0,0,0,.08);
}

/*--------------------------------------------------------------
## Next match top
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Next match bottom
--------------------------------------------------------------*/

.next_match_bott{
  padding: 10px 0;
  background: #fff;
}

.next_match__team_name{
  font-family: 'Jockey One', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
}

.next_match__cimer{
  display: block;
  width: 50px;
  height: 45px;
  margin: 0 auto;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .next_match__cimer{
    display: inline-block;
    width: 50px;
    height: 45px;
    margin-bottom: -13px;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
  } 
}

.next_match__vs{
  font-family: 'Jockey One', sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1;
  margin-top: 3px;
  color: #DA030E;
  border-top: 3px solid #DA030E;
  border-bottom: 3px solid #DA030E;
  padding-top: 5px;
  padding-bottom: 5px;
}

.next_match__team_point{
  color: #da030e;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: 'Jockey One', sans-serif;
}

.next_match__date{
  position: absolute;
  display: inline-block;
  width: 100%;
  left: 50%;
  bottom: -60px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: 'Jockey One', sans-serif;
  font-size: 0.875rem;  
  background: #fff;
  padding: 5px 15px;
  z-index: 100;
}

@media (min-width: 992px) {
  .next_match__date{
    width: auto;
    bottom: -40px;
  }
}

.nav-tabs {
  border-bottom: 0;
  padding-top: 5px;
  font-family: 'Jockey One', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;  
}

.nav-tabs .nav-link {
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #A7A7A7;
}

.nav-tabs .nav-link.active {
  color: #DA030E;
  background-color: #fff;
  border: 0;
}


/*--------------------------------------------------------------
# Passed match
--------------------------------------------------------------*/

.passed_match_wrap{
  padding: 25px 0 35px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 0 16px 30px 0 rgba(0,0,0,.08);
  box-shadow: 0 16px 30px 0 rgba(0,0,0,.08);
}

@media (min-width: 992px) {
  .passed_match_wrap{
    padding: 25px 0;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
  }
}

.passed_match_wrap .next_match__date{
  width: 90%;
}

@media (min-width: 992px) {
  .passed_match_wrap .next_match__date{
    width: auto;
  }
}

.passed_match_wrap .next_match__team_name {
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .passed_match_wrap .next_match__team_name {
    font-size: 1.5rem;
  }
}



/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.tax_wrap a{
  background: #fff;
  padding: 2px 10px;
  margin: 0 1px 2px;
  font-weight: 500;
}

.tax_wrap a::after{
  display: none;
}

.tax_wrap a:hover{
  background: #DA030E;
  color: #fff;
  padding: 2px 15px;
}

/*--------------------------------------------------------------
## Main news
--------------------------------------------------------------*/
.news_main{
  position: relative;
  height: auto;
  padding: 80px 0;
}

@media (min-width: 992px) {
  .news_main{
    height: 100%;
  }
}

.news_main__title{
  font-size: 3.7rem;
  color: #fff;
  line-height: 1.1;
}

@media (min-width: 992px) {
  .news_main__title{
    font-size: 5.75rem;
  }
}

.news_main__excerpt{
  font-family: 'Jockey One', sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  color: #fff;
}

/*--------------------------------------------------------------
## Other news
--------------------------------------------------------------*/
.news_other{
  padding-bottom: 60px;
}

.card_news_img{
  width: 100%;
  padding-top: 62.5%;
  position: relative;
  background-color: #e3e3e3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.card_news_img .tax_wrap{
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.card_news{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;  
  background-color: #fff;
  color: #000;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.card_news:hover {
  text-decoration: none;
  color: inherit;
  background-color: #DA030E;
  color: #fff;
}

@media (min-width: 992px) {
  .card_news{
    padding-bottom: 75px;
  }
}

.card_news .button{
  margin: 0 0 30px 30px !important;
}

@media (min-width: 992px) {
  .card_news .button{
    position: absolute;
    bottom: 30px;
    left: 30px;
    margin: 0!important;
  }
}

.card_news_content{
  display: block;
  padding: 30px;
  color: #000;
}

.card_news:hover .card_news_content{
  color: #fff;
}

.card_news h3{
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.card_news:hover h3{
  color: #fff;
}

.card_news:hover .button--fill{
  background-color: #fff;
  color: #DA030E;
}



/*--------------------------------------------------------------
## Other news horizontal
--------------------------------------------------------------*/
.news_other{
  padding-bottom: 60px;
}

.card_news_hor_img{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  background-color: #e3e3e3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px) {
  .card_news_hor_img{
    padding-top: 77%;
    height: 100%;
  }
}

.card_news_hor_img .tax_wrap{
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.card_news_hor{
  position: relative;
  display: block;
  width: calc(100% + 30px);
  height: 33.35%;  
  background-color: #fff;
  color: #000;
  margin-right: -15px;
  margin-left:-15px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.card_news_hor .row{
  margin-right: 0;
  margin-left: 0;
}

.card_news_hor .button{
  margin: 0 0 30px 30px !important;
}

@media (min-width: 992px) {
  .card_news_hor .button{
    margin: 0 !important;
  }  
}

.card_news_hor_content{
  display: block;
  padding: 30px;
  color: #fff;
}

@media (min-width: 992px) {
  .card_news_hor_content{
    padding: 0;
  }
}

.card_news_hor h3{
  color: #fff;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

@media (min-width: 992px) {
  .card_news_hor h3{
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) {
  .card_news_hor__excerpt{
    display: none;
  }
}

.card_news_hor__post-date small::before {
  content: url('img/news/icon_clock_white.svg');
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-right: 5px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}



/*--------------------------------------------------------------
## Post date icons
--------------------------------------------------------------*/
.main-news__post-date small::before{
  content: url('img/news/icon_clock_white.svg');
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-right: 5px;
}

.other-news__post-date small::before{
  content: url('img/news/icon_clock_black.svg');
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-right: 5px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.card_news:hover .other-news__post-date small::before{
  content: url('img/news/icon_clock_white.svg');
}

/*--------------------------------------------------------------
## More links
--------------------------------------------------------------*/
.link_more__arrow{
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}

@media (min-width: 992px) {
  .title_section__link_more_wrap{
    position: absolute;
    top: 9px;
    right: 15px;
  }
}

/*--------------------------------------------------------------
# Tabella
--------------------------------------------------------------*/

#tabella{
  background-color: #f9f9f9;
  padding-top: 80px;
}

.dataTables_wrapper table tr td{
  vertical-align: middle;
}

.dataTables_wrapper table thead tr th{
  background-color: #DA030E;
  color: #fff;
  text-transform: uppercase;
}

.tablepress .row-hover tr:hover td {
  background-color: #dbdbdb!important;
  cursor: pointer;
}

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
  background-color: #202020!important;
}

.tablepress .column-2{
  height: 52px;
  width: 52px;
}

.tablepress .column-2 img{
  height: 32px;
  width: auto;
}

.tablepress .column-3{
  text-transform: uppercase;
}

/*--------------------------------------------------------------
# Team top
--------------------------------------------------------------*/
.section_team_top{
  padding: 60px 0;
  background-image: url('img/bg/team_top/bg__stadion_pattern--grey.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

/*--------------------------------------------------------------
## Team top cards
--------------------------------------------------------------*/

.card_team_member{
  position: relative;
  display: block;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #000;
  text-align: center;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

@media (min-width: 992px) {
  .card_team_member{
    padding-bottom: 65px;
  }
}

.card_team_member:hover{
  text-decoration: none;
  color: inherit;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
  box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
  z-index: 100;
}

.card_team_member_img{
  width: 100%;
  padding-top: 150%;
  position: relative;
  background-color: #e3e3e3;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.card_team_member_img__decor{
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .card_team_member_img__decor{
    bottom: -45px;
  } 
}

.card_team_member_content{
  position: relative;
  padding: 30px 15px;
  z-index: 100;
  font-family: 'Jockey One', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.card_team_member__num{
  display: flex;
  background: #fff;
  width: 67px;
  height: 50px;
  justify-content: center;
  align-items: center;
  margin: -60px auto 5px;
  font-size: 2.625rem;
  color: #DA030E;
}

.card_team_member__name{
  font-size: 1.625rem;
  margin-bottom: 5px;
}

.card_team_member__position{
  display: block;
  font-size: 1.125rem;
  position: relative;
  margin-bottom: 8px;
}

.card_team_member__position span{
  display: inline-block;
  background-color: #fff;
  position: relative;
  padding: 0 10px;
}

.card_team_member__position::before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,.15);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.card_team_member__plusinfo{
  margin-bottom: 5px;
}

.card_team_member__plusinfo small{
  line-height: 1;
  display: block;
  text-transform: none;
  font-size: .75rem;
  margin-top: -2px;
}

.card_team_member__plusinfo_icon{
  margin: 0 auto 10px;
  width: 60px;
}

.card_team_member__plusinfo .text_bigboy{
  font-size: 2rem;
}

.card_team_member .button{
  margin: 0 auto 30px!important;
}

@media (min-width: 992px) {
  .card_team_member .button{
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0!important;
  }
}


.text__nb{
  color: #da030e;
  font-size: 1.6rem;
  line-height: 1;
  padding-top: 7px;
  display: inline-block;
}

/*--------------------------------------------------------------
# Join to Academy
--------------------------------------------------------------*/

.section_join{
  background-image: url('img/bg/join/bg_join.jpg');
  padding: 60px 0 60px;
}

body.home .section_join{
  padding: 130px 0 60px;
}

.title_section--bigBoy{
  font-size: 4.5rem;
}

.form-control{
  width: 100%;
  height: 45px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
  letter-spacing: 1px;
  background-color: #fff;
  border-top: 2px solid #a2a2a2;
  border-left: 2px solid #a2a2a2;
  border-right: 2px solid #a2a2a2;
  border-bottom: 2px solid #DA030E;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.form-control:hover{
  outline: none;
}

.form-control:focus{
  border: 2px solid #DA030E;
  outline: none;
  box-shadow: none;
}

textarea.form-control{
  height: 230px;
  margin-bottom: 30px;
  margin-top: 17px;
}

/*--------------------------------------------------------------
# Subscribe
--------------------------------------------------------------*/

.section_subscribe{
  background-image: url('img/bg/subscribe/bg_subscribe.jpg');
  padding: 35px 0;
}

.section_subscribe .form-control{
  background-color: transparent;
  color: #fff;
  border: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #DA030E;
  border-radius: 0;
  outline: none;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.section_subscribe .form-control:hover{
  outline: none;
}

.section_subscribe .form-control:focus{
  border: 2px solid #DA030E;
  outline: none;
  box-shadow: none;
}

/*--------------------------------------------------------------
# Partner
--------------------------------------------------------------*/

.section_partner{
  padding: 60px 0 60px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 65%, rgba(244,244,244,1) 100%); 
}

.home .section_partner{
  padding: 60px 0 60px;
}

.section_partner .slick-prev, .section_partner .slick-next{
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: transparent;
  border: 2px solid #dfdfdf;
  z-index: 100;
  border-radius: 5px;
}

.section_partner .slick-prev:hover, .section_partner .slick-next:hover{
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);  
}

.section_partner .slick-prev{
  left: -40px;
  padding: 0 0 0 7px;
}

.section_partner .slick-next{
 right: -40px;
 padding: 0 0 0 7px;
}

.section_partner .slick-prev::before, .section_partner .slick-next::before {
  font-size: 20px;
  opacity: 1;
  color: rgba(0,0,0,.3);
  font-family: 'Jockey One', sans-serif;
  font-weight: 600;
}

.section_partner .slick-prev:hover::before, .section_partner .slick-next:hover::before {
  color: #DA030E;
}

.slick__partners_wrap .slick-track{
  display: flex!important;
  align-items: center;
}

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
.page__content-wrap{
  padding: 60px 0;
}

/*--------------------------------------------------------------
# Archive
--------------------------------------------------------------*/
.archive__content-wrap{
  padding: 60px 0;
}

.post-type-archive-jatekosok .archive__content-wrap, 
.post-type-archive-szakmai-stab .archive__content-wrap,
.post-type-archive-dijazottak .archive__content-wrap,
.page-template-page-csapat .archive__content-wrap,
.tax-csapatok .archive__content-wrap,
.tax-szakmai-csoport .archive__content-wrap, 
.tax-dij-kategoria .archive__content-wrap{
  background-image: url('img/bg/decor/bg__wing__pattern__dgrey.png');
  background-repeat: repeat-y;
}

/*--------------------------------------------------------------
## Archive pagination
--------------------------------------------------------------*/

.archive .wp-paginate a {
  background: transparent;
  border: 1px solid #DA030E;
  color: #DA030E;
  margin-right: 4px;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
}

.archive .wp-paginate a:hover, .wp-paginate a:active {
  background: #2c2c2c;
  border: 1px solid #2c2c2c;
  color: #fff;
}

.archive .wp-paginate .current {
  color: #fff;
  background: #DA030E;
  border: 1px solid #DA030E;
  margin-right: 4px;
  padding: 4px 8px;
}

/*--------------------------------------------------------------
# Archive : Játékosok - csapatok
--------------------------------------------------------------*/
.link-csapatok-term{
  display: block;
  background-color: transparent;
  border: 2px solid #fff;
  padding: 20px 15px;
  text-transform: uppercase;
  font-family: 'Jockey One', sans-serif;
  font-size: 1.5rem;
  color: #fff;
}

.link-csapatok-term:hover{
  border: 2px solid #DA030E;
  background-color: #DA030E;
  color: #fff;
  letter-spacing: 1px;
}

.link-csapatok-term__num_member{
  display: block;
  font-size: 1.2rem;
  letter-spacing: normal;
}

.link-csapatok-term__num_member::before{
  content:'';
  display: block;
  width: 50px;
  height: 1px;
  background-color: white;
  margin: 10px auto;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.link-csapatok-term:hover .link-csapatok-term__num_member{
  letter-spacing: normal;
}

.link-csapatok-term:hover .link-csapatok-term__num_member::before{
  width: 100px;
}


/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/

aside#secondary .widget{
  margin-bottom: 30px;
}

aside#secondary .widget-title{
  color: #000;
  border-bottom: 2px solid #DA030E;
  padding-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1;
}

aside#secondary .widget h4{
  font-size: 1.2rem;
}

aside#secondary .widget article{
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

aside#secondary .widget article:last-child{
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

aside#secondary .widget article .entry-meta{
  color: #999;
  font-weight: 600;
  font-size: .7rem;
}


aside#secondary .widget article p:last-child{
  margin-bottom: 0!important;
}

aside#secondary .widget article .entry-summary{
  margin-top: 15px;
}

aside#secondary img{
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer_top{
  background: #DA030E;
  height: 40px;
  position: relative;
}

.footer_bottom{
  background-image: url('img/bg/footer/bg_footer.jpg');
  color: #fff;
  padding: 100px 0 60px;
}

.footer__logo_link{
  position: absolute;
  display: block;
  width: 110px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: -24px;
}


footer .icon_inline{
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-bottom: -0.125rem;
  margin-right: 0.3125rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.footer__ci_content_wrap a{
  font-size: 0.7rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer__icon_phone{
  background-image: url('img/top_header/icon_phone.svg');
}

.footer__icon_mail{
  background-image: url('img/top_header/icon_mail.svg');
}

.footer__icon_facebook{
  background-image: url('img/top_header/icon_facebook.svg');
}

.footer__icon_instagram{
  background-image: url('img/top_header/icon_instagram.svg');
}


footer .copyright a {
  color: #DA030E;
}


/*--------------------------------------------------------------
## Widget
--------------------------------------------------------------*/
.widget{
  margin: 0;
}

.widget:last-child{
  margin-bottom: 0 !important;
}

.widget h3{
  color: #fff;
}

footer .widget ul li{
  margin: 0;
  padding: 0;
  width: 60%;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

footer .widget ul li a{
  position: relative;
  width: 100%;
  margin: 0;
  padding: 10px 0;
  border: 2px solid transparent;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

footer .widget ul li a::after{
  display: block;
  content: ' ';
  background-image: url('img/svg/icon/arrow_right.svg');
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

footer .widget ul li:hover{
  width: 100%;
}

footer .widget ul li:hover a{
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  border: 2px solid #000;
  background: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

footer .widget ul li:hover a::after{
  opacity: 1;
}



/*--------------------------------------------------------------
## Szakmai stáb
--------------------------------------------------------------*/

.card_stab_member{
  position: relative;
  display: block;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #000;
  text-align: center;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.card_stab_member_img{
  width: 100%;
  padding-top: 130%;
  position: relative;
  background-color: #e3e3e3;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.card_stab_member_img__decor{
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .card_stab_member_img__decor{
    bottom: -45px;
  } 
}

.card_stab_member_content{
  position: relative;
  padding: 30px 15px;
  z-index: 100;
  font-family: 'Jockey One', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.card_stab_member__num{
  display: flex;
  background: #fff;
  width: 67px;
  height: 67px;
  justify-content: center;
  align-items: center;
  margin: -75px auto 5px;
  font-size: 2.625rem;
  color: #DA030E;
}

.card_stab_member__name{
  font-size: 1.625rem;
  margin-bottom: 5px;
}

.card_stab_member__position{
  display: block;
  font-size: 1.125rem;
  position: relative;
  margin-bottom: 8px;
}

.card_stab_member__position span{
  display: inline-block;
  background-color: #fff;
  position: relative;
  padding: 0 10px;
}

.card_stab_member__position::before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,.15);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.card_stab_member__plusinfo{
  margin-bottom: 5px;
}

.card_stab_member__plusinfo small{
  line-height: 1;
  display: block;
  text-transform: none;
  font-size: .75rem;
  margin-top: -2px;
}

.card_stab_member__plusinfo_icon{
  margin: 0 auto 10px;
  width: 60px;
}

.card_stab_member__plusinfo .text_bigboy{
  font-size: 2rem;
}

.card_stab_member .button{
  margin: 0 auto 30px!important;
}

@media (min-width: 992px) {
  .card_stab_member .button{
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0!important;
  }
}

.card_stab_member__job{
  color: #da030e;
}




/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Main
--------------------------------------------------------------*/

body.woocommerce{
  background-color: #f9f9f9;
}

.woocommerce .navigation{
  display: none;
}

@media (max-width: 575.98px) {
  .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 2.992em;
  }
}

/*--------------------------------------------------------------
## Login
--------------------------------------------------------------*/

.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2{
  float: none;
  width: 100%;
  flex: none;
  max-width: 100%;
}

@media (min-width: 992px) {
  .woocommerce-account .col2-set .col-1{
    float: left;
    width: 49%;
    flex: none;
    max-width: 49%;
  }

  .woocommerce-account .col2-set .col-2{
    float: left;
    width: 49%;
    flex: none;
    max-width: 49%;
  }
}
.woocommerce-account .col2-set .col-1 h2, .woocommerce-account .col2-set .col-2 h2{
  font-size: 2.6rem;
  text-align: center;
}

.woocommerce .form-row .password-input{
  width:100%;
}

/*--------------------------------------------------------------
## Up-sells
--------------------------------------------------------------*/

.up-sells{
  margin-top: 40px;
  padding-top: 30px;
  background-image: url('img/pix/sep/sep_shadow_full.png');
  background-position: top center;
  background-repeat: no-repeat;
}

.single-product.woocommerce li.product {
  vertical-align: top;
  display: inline-block;
  float: none!important;
  margin-bottom: 0!important;
}

.single-product.woocommerce ul.products {
  text-align: center;
  margin-bottom: 0!important;
}

/*--------------------------------------------------------------
## Menu Cart
--------------------------------------------------------------*/
a.wpmenucart-contents{
  display: block;
  color: #DA030E !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 15px 0 !important;
  margin: 0 0 25px;
  position: relative;
  text-align: center;
  border: 2px solid #DA030E;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

@media (min-width: 992px) {
  a.wpmenucart-contents{
    padding: 10px 10px !important;
    margin: 15px 10px;
  }
}

a.wpmenucart-contents:hover{
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
  box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
}

a.wpmenucart-contents.empty-wpmenucart-visible{
  border: 2px solid #dbdbdb;
  color: #dbdbdb !important;
}

a.wpmenucart-contents.empty-wpmenucart-visible:hover{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-box-shadow: none;
  box-shadow: none;
}


/*--------------------------------------------------------------
## Prod archive
--------------------------------------------------------------*/

@media (min-width: 992px) {
  .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 33%;
    margin: 0 .5% 5px 0;
  }

  .woocommerce-page ul.products.columns-3 li.product:nth-child(3n) {
    margin-right: 0;
  }
}

/* Prod archive : cat title **************************************** */
.woocommerce .page__content-wrap .page-title{
  margin: 0 0 1rem;
  padding: 0;
  line-height: 1;
}

/* Prod archive : orderby select *********************************** */
.woocommerce-result-count{
  padding: .8rem 0;
  margin: 0 0 1em;
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.woocommerce-ordering .orderby{
  padding: .8rem 1rem;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
}

/* Prod archive : sidebar ******************************************* */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #000;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #DA030E;
  width: 1.2rem;
  height: 1.2rem;
  top: -.4rem;
  border-radius: 100%;
}

aside#secondary .widget_price_filter .widget-title{
  border-bottom: 0;
  padding-bottom: 5px;
}

/* widget filter price */
.woocommerce aside#secondary button.button{
  color: #DA030E;
}

.woocommerce aside#secondary button.button:hover{
  background-color: #DA030E;
  color: #fff;
}

/* widget filter attr */
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{
  padding: 5px 0;
  display: inline-block;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover{
  padding: 5px 15px;
  background-color: #DA030E;
  color: #fff;
}

/* widget filter cat menu */
.woocommerce .widget_product_categories ul li a{
  display: inline-block;
  padding: 5px 0;
}

.woocommerce .widget_product_categories ul li a:hover{
  padding: 5px 15px;
  background-color: #DA030E;
  color: #fff;
}




/*----------------------------------------------------------------------
## Card
----------------------------------------------------------------------*/

/* Card : Layout **************************************************** */
.card_prod{
  position: relative;
  background: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  z-index: 10;
}

@media (min-width: 992px) {
  .card_prod_fixH{
    min-height: 505px;
  }
}

.card_prod:hover{
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.16);
  box-shadow: 0 0 30px 0 rgba(0,0,0,.16);
  z-index: 12;
}

.card_prod .card_prod_img_wrap{
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
}

.card_prod .card_prod_img_wrap img {
  margin: 0!important;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.card_prod .card_prod_text_wrap{
  margin-bottom: 15px;
  padding: 0 15px;
}

.card_prod .card_prod_text_wrap h2{
  font-size: 1.6rem !important;
  line-height: 1.1;
  color: #000;
  margin: 0!important;
  padding: 0!important;
}

/* Card : Price *********************************** */
.card_prod .card_prod_price_wrap{
  margin-bottom: 15px;
}

.woocommerce ul.products li.product .price {
  color: #DA030E;
  display: block;
  font-weight: 400;
  margin-bottom: .5em;
  font-size: 1.3rem;
}

.woocommerce ul.products li.product .price del {
  color: rgba(0,0,0,.3);
  opacity: 1;
  display: block;
  font-size: .85rem;
}

.woocommerce ul.products li.product .price ins {
  background: 0 0;
  font-weight: 700;
  display: block;
  text-decoration: none;
}

.card_prod .card_prod_price_wrap .price .woocommerce-price-suffix{
  display: block;
  color: #333;
}

/* Card : Button *********************************** */

.woocommerce a.button{
  background-color: #DA030E;
}

.card_prod_btn_wrap{
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .card_prod_fixH .card_prod_btn_wrap{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 220px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* Card : Sale badge ****************************** */
.woocommerce span.onsale {
  min-height: auto;
  min-width: auto;
  padding: .5rem;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 1;
  top: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  border-radius: 0;
  background-color: #DA030E;
  color: #fff;
  font-size: .857em;
  z-index: 9;
  display: inline-block;
}



/*--------------------------------------------------------------
## Product single
--------------------------------------------------------------*/

/* product single - title, price, desc ********************** */

.woocommerce div.product .entry-summary{
  margin: 0 0 30px;
}

.woocommerce div.product .product_title{
  font-size: 4.3rem;
  line-height: 1;
  color: #000;
  margin-bottom: 25px;
  border: 0;
}

.woocommerce div.product p.price{
  margin-bottom: 25px;
  color: #DA030E;
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

.woocommerce div.product p.price del{
  margin-bottom: 8px;
  color: rgba(0,0,0,.3);
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}

.woocommerce div.product p.price ins{
  display: block;
  line-height: 1;
  text-decoration: none;
}

.woocommerce div.product p.price .woocommerce-price-suffix{
  display: block;
  color: #333;
}

.woocommerce div.product div.images img{
  border-radius: 36px;
}

.woocommerce div.product span.onsale {
  min-height: auto;
  min-width: auto;
  padding: .5rem;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 1;
  top: 0 !important;
  left: 0;
  right: auto !important;
  margin: 0 !important;
  border-radius: 0;
  background-color: #DA030E;
  color: #fff;
  font-size: .857em;
  z-index: 9;
  display: inline-block;
}

.woocommerce-product-details__short-description{
  margin-bottom: 25px;
}

.woocommerce div.product form.cart {
  margin-bottom: 30px;
}

/* product single - quantity ****************************** */

.woocommerce div.product .quantity {
  width: 48%;
  height: 54px;
  padding-bottom: 0;
  max-width: 100%;
  border: 2px solid #000;
  margin: 0 !important;
  font-size: 1.8rem;
}

.woocommerce div.product .quantity .minus {
  float: left;
  border-radius: 0px;
  border: 0;
  background: transparent;
  cursor: pointer;
  height: 100% !important;
  width: 33%;
  color: #DA030E;
  padding: 0;
  font-size: 2rem;
}

.woocommerce div.product .quantity .qty {
  height: 100% !important;
  background: transparent;
  padding: 0;
  min-width: 33% !important;
  width: 33% !important;
  text-align: center;
  border: 0;
  color: #000;
}

.woocommerce div.product .quantity .plus {
  float: right;
  border-radius: 0px;
  border: 0;
  background: transparent;
  cursor: pointer;
  height: 100% !important;
  width: 33%;
  color: #DA030E;
  padding: 0;
  font-size: 2rem;
}

.woocommerce div.product form.cart .button {
  width: 48%;
  float: right;
}

/* product single - variations *************************** */

.woocommerce div.product .form-control{
  cursor: pointer;
  height: 54px;
  border: 1px solid #dbdbdb;
  margin: 0;
}

.woocommerce div.product form.cart table.variations{
  margin-bottom: 15px;
}

.woocommerce div.product form.cart table.variations td.label{
  vertical-align: middle;
  padding-bottom: 15px;
}

.woocommerce div.product form.cart table.variations td.label label{
  margin: 0;
}

.woocommerce div.product form.cart table.variations td.value{
  padding-bottom: 15px;
}

.woocommerce div.product form.cart .reset_variations{
  display: none!important;
}

/* product single - button ************************* */

.woocommerce div.product form.cart .button{
  background-color: #DA030E;
  padding: 17px 20px;
}

.woocommerce button.button.alt.disabled:hover{
  background-color: #DA030E;
  padding: 17px 20px;
}

/* product single - cart message ************************* */

.woocommerce-message {
  border-top-color: #000;
}

.woocommerce-message::before {
  color: #DA030E;
}

/* product single - tabs ******************************** */

.woocommerce div.product .woocommerce-tabs{
  display: none;
}

.woocommerce div.product .tab-description h2{
  font-size: 2.6rem;
  margin-bottom: 20px;
  line-height: 1.2;
}

/* product single - related products ********************** */

@media (min-width: 992px) {
  .related .products.columns-4 li{
    margin: 0 .2% 0 0 !important;
    width: 24.5%!important;
  }

  .related .products.columns-4 li:last-child{
    margin: 0 !important;
  }
}



/*--------------------------------------------------------------
## Product cart
--------------------------------------------------------------*/

.woocommerce table.cart td.product-quantity{
  overflow: hidden;
}

.woocommerce table.cart .quantity {
  width: 50%;
  height: 54px;
  padding-bottom: 0;
  max-width: 100%;
  border: 2px solid #000;
  margin: 0 !important;
  font-size: 1.2rem;
  float: right
}

@media (min-width: 992px) {
  .woocommerce table.cart .quantity {
    width: 100%;
    float: none;
  }
}

.woocommerce table.cart .quantity .minus {
  float: left;
  border-radius: 0px;
  border: 0;
  background: transparent;
  cursor: pointer;
  height: 100% !important;
  width: 33%;
  color: #DA030E;
  font-size: 1.6rem;
  padding: 0;
}

.woocommerce table.cart .quantity .qty {
  height: 100% !important;
  background: transparent;
  padding: 0;
  min-width: 33% !important;
  width: 33% !important;
  text-align: center;
  border: 0;
  color: #000;
}

.woocommerce table.cart .quantity .plus {
  float: right;
  border-radius: 0px;
  border: 0;
  background: transparent;
  cursor: pointer;
  height: 100% !important;
  width: 33%;
  color: #DA030E;
  font-size: 1.6rem;
  padding: 0;
}

.woocommerce .cart_totals h2{
  font-size: 2.6rem;
  line-height: 1.3;
}

.woocommerce .cart .button{
  background-color: #DA030E;
  color: #fff!important;
}

.woocommerce a.button.alt{
  background-color: #DA030E;
  color: #fff!important;
}

/*--------------------------------------------------------------
## Product checkout
--------------------------------------------------------------*/

/* product customer details ********************************* */

#customer_details .col-12{
  padding-left: 0;
  padding-right: 0;
}

#customer_details {
  background: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
  box-shadow: 0 0 16px 0 rgba(0,0,0,.08);
  padding: 10px 20px 5px;
  margin-bottom: 30px;
  border: 4px solid transparent;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

#customer_details:hover{
  border: 4px solid #DA030E;
  padding: 10px 30px 5px;
}

.woocommerce .form-row {
  padding: 0!important;
  margin: 0 0 20px!important;
}

.woocommerce .form-row .control-label, .woocommerce .form-row label{
  width: 100%;
  line-height: 1.4!important;
  display: block!important;  
  text-transform: uppercase;  
  font-weight: 500;  
  font-size: .95rem;
}

.woocommerce .woocommerce-input-wrapper{
  display: block;
  width: 100%;
}

.woocommerce .woocommerce-input-wrapper .form-control{
  display: block;
  width: 100%;
  height: 54px;
  border: 2px solid #dbdbdb;
  text-align: left;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.woocommerce .woocommerce-input-wrapper .form-control:hover{
  border: 2px solid #000;
}

/* product payment ********************************* */

.woocommerce-checkout #payment{
  background: #eaeaea;
  color: #000;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.woocommerce-checkout #payment label{  
  font-size: 1rem;  
  margin-bottom: 0;
  line-height: 1.6;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #fff;
  color: #000;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: block;  
  border: 1em solid #fff;  
  border-right-color: transparent;  
  border-left-color: transparent;  
  border-top-color: transparent;  
  position: absolute;  
  top: -.75em;  
  left: 0;  
  margin: -1em 0 0 2em;
}

.woocommerce-terms-and-conditions-wrapper{
  width: 100%;
  margin-bottom: 10px;
  margin-top: 0;
}

.woocommerce-privacy-policy-text{
  display: none;
}

.woocommerce-checkout .form-row.place-order{
  padding: 20px 20px 30px 20px !important;
}

.woocommerce button.button.alt{
  background-color: #DA030E;
}


/*--------------------------------------------------------------
## Táblázatok a bejegyzésekben és oldalakon
--------------------------------------------------------------*/

.wp-block-table thead tr th,
.wp-block-table tbody tr td{
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  border: 1px solid #e5e5e5 !important;
  padding: 5px 10px !important;
  text-align: center !important;
}

.wp-block-table tbody tr td:first-child{
  font-weight:600!important;
  text-transform: uppercase!important;
  font-size: 12px !important;
}

.wp-block-table thead tr th {
  background-color: #DA030E !important;
  color: #fff !important;
  text-transform: uppercase !important;
  line-height: 1;
  font-size: .95rem !important;
  font-family: "Jockey One", sans-serif;
  font-weight: 800;
  font-style: normal;
}


/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
#searchModal .close{
  width: 35px;
  height: 35px;
  padding: 0;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  font-size: 2rem;
  line-height: 1.2;
  font-family: arial;
  background-color: rgba(0,0,0,0.2);
  text-align: center;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#searchModal .close:hover{
  background-color: #DA030E;
  color: #FFFFFF;
}

/*--------------------------------------------------------------
# Gravity forms
--------------------------------------------------------------*/

#gform_wrapper_1{
  padding: 20px 30px;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.08);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.08);
}

.ginput_container_consent{
  display: flex;
  align-items: start;
}

.ginput_container_consent input[type="checkbox"]{
  margin-right: 10px;
}

.ginput_container_consent .gfield_required_asterisk{
  display: none !important;
}





/*--------------------------------------------------------------
================================================================
# 2022.06.10.
================================================================
--------------------------------------------------------------*/

/* Hero N Tiles */

.hero__tile{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #000;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.hero__tile--content{
  text-align: center;
  z-index: 100;
  color: #fff;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.hero__tile--vert{
  height: 33.35%;
}

.hero__tile--vert{
  border: 3px solid #fff;
  border-bottom: 0;
}

.hero__tile--hor{
  border: 3px solid #fff;
  border-bottom: 0;
}

.line__white{
  width: 100%;
  height: 3px;
  background-color: #fff;
}

@media (min-width: 992px) {
  .news_main {
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
  }
  
  .hero__tile--vert{
    border: 3px solid #fff;
    border-bottom: 1px;
  }
  
  .hero__tile--hor{
    border: 3px solid #fff;
    border-right: 1px;
  }

  .hero__tile--hor{
    height: 250px!important;
  }

  .h-100--disp{
    height: 100% !important;
  }
}