/*
Theme Name: GeneratePress Child Theme Antike am Koenigsplatz
Theme URI: https://generatepress.com
Author: Nils Brüchert
Author URI: https://www-antike-am-koenigsplatz.mwn.de
Description: Child Theme basierend auf Generatepress für Antike am Königsplatz
Template: generatepress
Version: 3.6.0
*/

/* Eigene Styles kommen hier rein */

/* Animation für Container "Aktuelles" auf der Startseite */

/* Anfangszustand */
.home-aktuelles {
  background-color: #f0bd3a;
  color: black;
  opacity: 1;
  position: relative;
}

/* Animation für den Blitz */
@keyframes flashBackground {
  0% {
    background-color: #f0bd3a;
  }
  20% {
    background-color: white;
  }
  100% {
    background-color: #f0bd3a;
  }
}

/* Animation für den Text-Container */
@keyframes scaleFadeIn {
  0% {
    transform: scale(1.5);
    opacity: 0;
  }
  80% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Wird durch JS hinzugefügt, sobald sichtbar */
.home-aktuelles.animate {
  animation: flashBackground 1.2s ease-out;
  }

.home-aktuelles.animate .gb-container {
  animation: scaleFadeIn 0.6s ease-out;
  animation-delay: 0.1s;
  animation-fill-mode: both;
}

/* Alternative Stile für Homepage */

body.page-id-2657 .content-area#primary {
	margin-top:-60px;
    color:#1e4758;
}

body.page-id-2657 .content-area#primary h2
{
  /* text-transform:uppercase; */
	font-weight:bold;
}

body.page-id-2657 #n2-ss-1item1.n2-font-78f7d7186e298a8211dec81602dd7374-hover.n2-ss-item-content.n2-ss-text.n2-ow {
	font-family:inherit;
	font-size: 300%;
}

body.page-id-2657 {
	background-color:#006f80;
	color:fff8ed;
}

body.page-id-2657 .inside-article {
	background-color:hsl(188 10% 88% / 1);
}

body.page-id-2657 .home-aktuelles {
    background-color:#e9ac51;
}

/* Bilder Ausgrabungen */
.grb-figure {
	max-width:fit-content;
}

/* Styles für Ausgrabungs-Menu */

/* change row layout to column */
div.gb-menu-container>ul.gb-menu {
	flex-direction:column;
}

/* Full width for all Entries */
div.gb-menu-container ul.gb-sub-menu {
	width:100%;
}

/* always show submenus, aligned left */
div.gb-menu-container>ul.gb-menu>li.menu-item ul.gb-sub-menu {
    display: block;
    position: static;
}

/* only show one level after currently selected */
div.gb-menu-container>ul.gb-menu li.current-menu-item>ul>li>ul,
div.gb-menu-container>ul.gb-menu li.current-menu-item+li>ul>li>ul {
    display: none !important;
}

/* Hide toggle elements */
div.gb-menu-container span.gb-submenu-toggle {
	display:none;
}

/* Colors + images*/
div.gb-menu-container>ul.gb-menu li>a {
	color: #fff;
    padding: 6px 6px 6px 3px;
    border-left: 6px solid transparent;
    background-color: #555;
	display: flex;
    flex-direction: column-reverse;
	align-items:start;
}

/* max width for thumbs in menu */
div.gb-menu-container>ul.gb-menu li>a>img {
    width: 160px;
    max-width: 100%;
}

img.grb-image {
    max-width: 100%;
}

div.gb-menu-container>ul.gb-menu li>a:hover,
div.gb-menu-container>ul.gb-menu li>a:focus,
div.gb-menu-container>ul.gb-menu li>a:active {
    background-color: #555;
    text-decoration: underline;
    color: #fff;
}

.grb-maplink:hover,
.grb-maplink:focus,
.grb-maplink:active {
    background: rgba(255, 0, 0, 0.2);
}

/* space between intro and documentation menu */

div.gb-menu-container>ul.gb-menu li.menu-item-8123>ul {
    margin-bottom: 6px;
}

/* Hide submenus if not current */
div.gb-menu-container>ul.gb-menu>li>ul>li,
div.gb-menu-container>ul.gb-menu li>ul>li>ul>li,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li:not(.current-menu-parent){
    display:none;
}

div.gb-menu-container>ul.gb-menu>li.current-menu-item>ul li,
div.gb-menu-container>ul.gb-menu>li.current-menu-parent>ul li,
div.gb-menu-container>ul.gb-menu>li.current-menu-ancestor>ul>li,
div.gb-menu-container>ul.gb-menu>li>ul>li.current-menu-item>ul>li,
div.gb-menu-container>ul.gb-menu>li>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor,
div.gb-menu-container>ul.gb-menu li>ul>li>ul>li.current-menu-ancestor,  /* show Karacimirli when Vorhalle Gurban Tepe is selected */
div.gb-menu-container>ul.gb-menu>li.current-menu-ancestor>ul.sub-menu>li.current-menu-parent>ul>li,
div.gb-menu-container>ul.gb-menu>li.current-menu-ancestor>ul.sub-menu>li.current-menu-parent>ul>li.current-menu-item>ul>li,
div.gb-menu-container>ul.gb-menu li>ul>li.current-menu-parent>ul>li,
div.gb-menu-container>ul.gb-menu li>ul>li.current-menu-item>ul>li,
div.gb-menu-container>ul.gb-menu>li>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li,  /* show three other places when Gurban Tepe is selected */
div.gb-menu-container>ul.gb-menu>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li  /* show Ideal Tepe when Vorhalle is selected */
{
    display:block;
}

/* Hide images in submenu if not current */

div.gb-menu-container>ul.gb-menu li>ul>li>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li.current-menu-parent>ul>li:not(.current-menu-item)>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li:not(.current-menu-parent)>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li.current-menu-ancestor>ul>li:not(.current-menu-ancestor)>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li>ul>li:not(.current-menu-item)>a img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li:not(.current-menu-item)>a>img

{
	display:none;
}

div.gb-menu-container>ul.gb-menu li>ul>li>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li.current-menu-parent>ul>li.current-menu-item>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li.current-menu-ancestor>ul>li.current-menu-ancestor>ul>li.current-menu-item>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li.current-menu-ancestor>ul>li.current-menu-item>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li>ul>li.current-menu-ancestor>a img,
div.gb-menu-container>ul.gb-menu li.current-menu-item>a>img,
div.gb-menu-container>ul.gb-menu>li>ul>li>ul>li.current-menu-item>ul>li>a img,
div.gb-menu-container>ul.gb-menu>li>ul>li.current-menu-item>ul>li>a>img
{
	display:block;
}

div.gb-menu-container>ul.gb-menu li>ul>li>ul>li.current-menu-ancestor>a>img {
	display:block!important;
}
 

/* base style for menu ULs */
div.gb-menu-container ul.gb-sub-menu {
    box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.15);
    clip-path: inset(-12px 0 0 0);
}

/* style for currently selected element */
div.gb-menu-container>ul.gb-menu li.current-menu-item>a {
    font-weight: bold;
    border-left-color: hsl(51 90% 46% / 1);
}

/* styles for different levels */

/* Background mobile menu */
div.gb-menu-container.gb-menu-container--mobile {
	background-color:#555;
}

div.gb-menu-container.gb-menu-container--mobile #menu-grabungen-de {
	margin-top:0;
}

/* level 2 */
div.gb-menu-container ul.gb-menu li ul.gb-sub-menu li a {
    font-size: 100%;	
    /* background-color: hsl(0 0% 36% / 1); */
	background-color: hsl(0 0% 32% / 1);
    padding-left: 10px;
}

/* level 3 */

div.gb-menu-container ul.gb-menu li ul.gb-sub-menu>li>ul>li>a {
    font-size: 95%;
    /* background-color: hsl(0 0% 41% / 1); */
	background-color: hsl(0 0% 34% / 1);
    padding-left: 20px;
}

/* level 4 */
div.gb-menu-container ul.gb-menu>li>ul>li>ul.sub-menu>li>ul>li>a {
    font-size: 90%;
    /* background-color: hsl(0 0% 46% / 1); */
	background-color: hsl(0 0% 36% / 1);
    padding-left: 30px;
}


/* level 5 */
div.gb-menu-container ul.gb-menu>li>ul>li>ul.sub-menu>li>ul>li>ul>li>a {
    font-size: 85%;
    /* background-color: hsl(0 0% 51% / 1); */
	background-color: hsl(0 0% 38% / 1);
    padding-left: 40px;
}

/* level 6 */
div.gb-menu-container ul.gb-menu>li>ul>li>ul.sub-menu>li>ul>li>ul>li>ul>li>a {
    font-size: 80%;
    /* background-color: hsl(0 0% 56% / 1); */
	background-color: hsl(0 0% 40% / 1);
    padding-left: 60px;
}