@charset "UTF-8";
/*
 Theme Name:   Nationalmannschaft
 Theme URI:    https://nationalmannschaft.net
 Description:  The Nationalmannschaft Theme based on GeneratePress.
 Author:       Martin Schuster
 Author URI:   https://www.webquartier.org/
 Template:     generatepress
 Version:      1.0
*/

/* Mega Menu */
@media (min-width: 769px) {
	nav .main-nav .mega-menu {
  		position: static;
  	}
	nav .main-nav .mega-menu > ul {
		position: absolute;
		width: 100%;
		left: 0 !important;
		display: flex;
		flex-wrap: wrap;
		border-bottom: 9px solid #df0000;
	}

	nav .main-nav .mega-menu > ul > li > a {
		font-weight: bold;
	}

	nav .main-nav .mega-menu > ul > li {
		display: inline-block;
		width: 25%;
		vertical-align: top;
	}

	nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
		width: 50%;
	}

	nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
		width: 33.3333%;
	}

	nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
		width: 20%;
	}

	nav .main-nav .mega-menu > ul > li:hover > a,
	nav .main-nav .mega-menu > ul > li:focus > a,
	nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
	nav .main-nav .mega-menu ul ul {
		background-color: transparent !important;
		/*color: inherit;*/
	}

	nav .main-nav .mega-menu ul .sub-menu {
		position: static;
		display: block;
		opacity: 1;
		visibility: visible;
		width: 100%;
		box-shadow: 0 0 0;
		left: 0;
		height: auto;
		pointer-events: auto;
		transform: scale(1);
	}

	nav .main-nav .mega-menu ul.toggled-on .sub-menu {
		pointer-events: auto;
	}

	nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
		display: none;
	}
}

/* Top Bar */
.top-bar {
  width: 100%;
  height:9px;
  background-color: black;
  background: linear-gradient(to right, black 0%, black 33.33%, #df0000 0, #df0000 66.66%, #ffcd01 0);
}

/* Branding Logo */
.navigation-branding img, .site-logo.mobile-header-logo img {
	height: 60px;
	margin-left:10px;
}

/* Content */
.entry-meta,
.wp-block-rss__item-publish-date {
  font-style: italic;
}
.entry-title a {
  box-shadow: inset 0 -15px 0 var(--accent-2);
  line-height:1.5em;
}

.featured-image {
	position: relative;
}
.featured-image .image-credit {
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.25);
  padding: 10px 15px;
  position: absolute;
  color: var(--accent-2);
  font-size: .5em;
}

/* Images + Gallery */
.wp-block-image,
.wp-block-gallery {
	margin-bottom: 1.5em;
}

/* Table */
figure.wp-block-table {
	margin-bottom:1.5em;
}
figure.wp-block-table table {
  margin-bottom:0.5em;
}
figure.wp-block-table table tr {
  vertical-align: top;
}
.wp-block-table.is-style-stripes {
  border: none;
}
figcaption.wp-element-caption {
  font-size:small;
  text-align:center;
}

/* Button */
.load-more {
  text-align: center;
}
.read-more.button {
  border-radius: 9999px;
}
.wp-block-buttons {
  margin-bottom: 1.5em;
}

/* Button */
.wp-block-button__link, .wp-block-search__button, .read-more, .button, .read-more.button, .submit, .mailpoet_submit {
  border-radius: 5px;
}

/* Latest Posts Block */
.wp-block-latest-posts {
  margin: 0;
}

/* RSS Block */
.wp-block-rss {
  margin: 15px 0 25px;
}
.wp-block-rss .wp-block-rss__item-title {
  font-weight: bold;
}
.wp-block-rss .wp-block-rss__item-publish-date {
  color: var(--contrast-3);
}

/* Coundtown */
.countdown {
  text-align: center;
  margin-bottom: 1.5em;
}
.countdown #timer {
  border: 3px solid var(--contrast);
  border-radius: 15px;
}
.countdown div {
  display: inline-block;
  padding: 5px 15px;
}
.countdown strong {
  font-size: 2rem;
}
 .countdown span {
  display: block;
}

@media (max-width: 768px) {
	.countdown {
	  font-size: 75%;
	}
	.countdown div {
	  padding: 5px;
	}
}

/* GetYourGuide + Booking */
.getyourguide, .bookingaff iframe {
  margin-bottom: 1.5em!important;
}

/* Datawrapper */
.datawrapper {
  border: 1px solid #eee;
  padding: 1.5em;
  margin-bottom: 1.5em;
}

/* Breadcrumbs */
.breadcrumbs {
	color: var(--contrast-3);
	font-size: smaller;
	padding-top: 10px ;
	margin-top: 25px;
	border-top: 5px solid var(--accent-2);
}
.breadcrumbs a {
	color: var(--contrast);
}

/* Sidebar */
.page-header,
.inside-article,
.comments-area,
.sidebar .widget {
	border-radius: 0.25rem;
	box-shadow: 0 0 #000, 0 0 #000, 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
}

/* Featherlight Image Caption */
.featherlight .featherlight-content .caption {
  font-weight: normal!important;
  bottom: 0px;
  left: 0px;
  background: rgba(0,0,0,.7);
  padding: 10px 15px;
}

/* Footer */
.footer-widgets h2 {
  color: var(--base-2);
  text-decoration: underline var(--accent);
  text-underline-position: under;
}
.inside-footer-widgets ul.menu li::before,
.inside-footer-widgets ul.wp-block-latest-posts__list li::before {
  content: "›";
  color: rgb(204, 204, 204);
  margin-right: 5px;
}

@media (max-width: 768px) {
	.post-image img {
		max-width: 100%;
	}
}

/* TOC */
#ez-toc-container {
  background: #fff;
  border: 2px solid #eee;
	border-radius: 5px;
  padding: 15px 25px;
}
div#ez-toc-container p.ez-toc-title {
  font-weight: 800;
}
div#ez-toc-container .ez-toc-list {
	margin-top: 10px;
}
div#ez-toc-container .ez-toc-list li {
	line-height: 1.8;
}

/* Football App */
.football-matches td,
.football-standing td {
  text-align: center;
}
figure.wp-block-table table.football-matches tr {
  vertical-align: middle;
}
.football-standing td.team-name {
  text-align: left;
}
.football-standing .qualified {
  color: var(--accent);
}
.football-matches .live,
.football-standing .live {
  color: #c00;
}

.football-matches .match-result {
  font-size: 2em;
}
.football-matches .match-result strong {
  padding: 8px 16px;
  border-radius: 5px;
	background-color: #f0f0f0;
}
.football-matches .finished .match-result strong {
  background: #eee;
}
.football-matches .live .match-result strong {
  background: #ffcd44;
}
.football-matches .match-team-home,
.football-matches .match-team-away {
  font-weight: bold;
}
.football-matches .match-meta-1,
.football-matches .match-meta-2 {
  font-size: small;
  font-style:italic;
}
.football-matches .match-meta-1 {
  color: darkgray;
}
.football-matches .match-meta-2 {
  color: gray;
}
.football-matches .winner {
  padding: 0px 10px 5px;
  border-radius: 3px;
  background-color: #ffd970;
}

.team-logo.small {
	width:24px;
}
.team-logo.medium {
	width:48px;
}

/* Events */
#events .event {
  margin-bottom: 1.5em;
  padding: 1.5em;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
  box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
}
#events .event:hover {
  background-color: #fafafa;
}
#events .event .title {
  margin: 0.5em auto;
}
#events .event .image {
  float: right;
  max-width: 200px;
  margin: 0 0 1.5em 1.5em;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
  box-shadow: 0 1px 1px 0 rgb(60 64 67 / 10%), 0 1px 3px 1px rgb(60 64 67 / 20%);
}
#events .event .category {
  text-transform: uppercase;
}
#events .event .meta {
  color: #666;
  font-style: italic;
  margin-bottom: 0.5em;
}
#events .event ul {
  list-style: none;
  margin: 0 0 1.5em 0;
}
#events .dashicons {
  color: #fabb00;
}

@media (max-width: 768px) {
  #events .event .image {
    max-width: 100px;
  }
}


/* Tickaroo */
tickaroo-liveblog {
  margin-bottom: 1.5em;
  display: block;
}
tickaroo-liveblog .tik4-by {
  display: none;
}