/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* GeneratePress Site CSS */  /* End GeneratePress Site CSS */
* 
.gb-button {
	border-radius: 70px;
}

@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;
    }
	  nav .main-nav .mega-menu > ul > li {
			background-color: white;
	}

    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 {
			background-color: grey;
        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;
    }
}

  /* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('https://testing.womoguide.de/wp-content/themes/generatepress_child/fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('https://testing.womoguide.de/wp-content/themes/generatepress_child/fonts/poppins-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
 

  /* hervorhebungen  
  b, strong {
    background-color: #fb5623;
    color: white;
    font-weight: 700;
    margin: 0 5px 0 0px;
  }
*/

  /* change background color of the comments section */

.comments-area {
    background-color: #ffffff;
    padding: 2em;
      /* center comments and make as wide as article */
      max-width: 860px;
      margin-left: auto;
      margin-right: auto;
  }
  
  /* modify color, size and alignment of the comments title */
  .comments-area .comments-title {
    font-size: 1em;
    color: gray;
    text-align: center;
  }
  
  /* change links color in the comments area */
  .comments-area a {
    color: #2e99ce;
    font-weight: bold;
  }
  
  /* make form submits round and colorful */
  input#submit {
      background-color: #2e99ce;
      border-radius: 70px;
  }
  
    /* make comment form a little nicer  */
  textarea#comment {
      border-radius: 20px;
      border-color: #2e99ce;
  }
  #reply-title, .must-log-in {
      text-align: center;
  }
  
   /* comment content */
  .comment-content p {
      font-size: 16px;
      padding: 0px 70px 0 10px;
      max-width: 800px
  }

  .form-submit {
    text-align: right;
  }


  /* rank math breadcrumb styling */

  nav.rank-math-breadcrumb p {
    font-size: 14px;
    margin-bottom: 10px
  }

  /* clean up old article styles */

  figure {
    margin-bottom: 30px;
  }


 /* my ubermenu styles */

 nav.ubermenu {
  margin-left: auto;

}


.ubermenu .ubermenu-item.ubermenu-item-level-0 {
  font-size: 16px;
}

@media screen and (min-width:960px)
{

	nav.ubermenu.ubermenu-main {
	  display: flex !important;
	  width: 100%;
	  justify-content: end;
	}
/*
	nav.ubermenu a:hover span {
		color: var(--accent);
	}
*/

	div.inside-header.grid-container {
		position:relative;
	}
/*

	nav.ubermenu a:hover span {
	  color: var(--accent);
	}

	li.ubermenu-item-level-0:hover {
	background-color: #dff4ff;
	border-radius: 30px 30px 0 0;
	}

	ul.ubermenu-submenu.ubermenu-submenu-drop {
	background-color: #dff4ff !important;
	border-color: white;
	border: solid 3px;
	border-top: 0;
	}
*/
	/* overwrite generatepress breakpoints so that top-bar disappears at the same time as the menu */
/*	.hide-on-mobile {
		display:block !important;
	}
	*/
}
	.uber-round-image img {
		border-radius: 100px !important;
	}

@media screen and (max-width:959px)
{

	/* toggle to the right */
	button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
		font-size:25px !important;
		margin-left:auto !important;
		padding:0;
	}
	span.ubermenu-sub-indicator-close, span.ubermenu-sub-indicator {
		font-size: 25px;
	}

	nav.ubermenu.ubermenu-main > div.ubermenu-mobile-header {
		width:100%;
		display: flex;
		justify-content:space-between;
		align-items:center;
	}
	.ubermenu.ubermenu-main .ubermenu-mobile-header img {
		padding: 20px;
	}
	.ubermenu.ubermenu-main .ubermenu-mobile-header span.gb-button {
		padding:.7em .8em;
		margin-left:auto;
		margin-right:15px;
	}
	.ubermenu-mobile-close-button {
		font-size: 20px;

	}

	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator>.ubermenu-icon-essential {
		display: flex;
		font-size: 17px;
		margin-top: 1px;
	}
	
	/* overwrite generatepress breakpoints so that top-bar disappears at the same time as the menu */
	.hide-on-mobile {
		display:none !important;
	}

}

ul.circle-checkmark {
  line-height: 1.5em;
  margin: 5px 0 15px;
  padding: 0;
}

ul.circle-checkmark li {
  list-style: none;
  position: relative;
  padding: 0 0 10px 40px;
}


ul.circle-checkmark li::before {
  position:absolute;
  content: "";
  left: 0;
  top: 2px;
  border: solid 14px #ff8530;
  border-radius: 14px;
}

ul.circle-checkmark li::after {
  content: "";
  position:absolute;
  left: 10px;
  top: 6px;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


p.p-no-margin {
	margin: 0;
}


div.ez-toc-sticky-fixed {
	top: 25%;
	font-size:14px;
	opacity:0.95;
	max-width: 400px;
}

div.ez-toc-sticky-fixed > div {
	border-radius: 0 30px 30px 0;
	height: auto !important;
	top: 25%;
}
div.ez-toc-sidebar {
	background-color: lightskyblue !important;
}
#ez-toc-sticky-container a:visited {
    color: #444444 !important;
}
.ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container {
    border-bottom-color: #2277aa !important;
    background-color: #2277aa !important;
    color: white;
    }


div#ez-toc-container p.ez-toc-title {
	text-transform: uppercase;
	padding: 15px;
	color: #52c5ff !important;
	padding:0;
}
#ez-toc-container span.ez-toc-cssicon {
	text-indent: -9999px;
	border: none;
}

#ez-toc-container span.ez-toc-cssicon::after {
   content: "";
   font-weight: 900;
   height: 0;
   width: 0;
   border-left: 21px solid #52c5ff; 
   border-top: 13px solid transparent; 
   border-bottom: 13px solid transparent; 
   border-right: 0px solid transparent; 
   display: block;
   transition: transform .3s, -webkit-transform .3s;
	transform: rotate(90deg);
}

#ez-toc-container span.ez-toc-cssicon span.ez-toc-icon-toggle-span {
	display: none;
}
div#ez-toc-container input:checked + label span.ez-toc-cssicon {
	color: green;
	transform: rotate(90deg);
}

div#ez-toc-container label.ez-toc-cssicon-toggle-label:has(+ input:checked) span.ez-toc-cssicon::after  {
	transform: rotate(0deg);
}



html {
	scroll-behavior: smooth;
}

a.ez-toc-link.activesection {
    background-color: white;
    width: 100%;
}
@media (min-width: 767px) {
.gb-block-image:has(img.cover-image) {
    position: absolute;
    inset: 0;
    overflow: hidden;
    margin-bottom: 0;
    
}
.gb-block-image:has(img.cover-image) img {
	object-fit: cover;
}
}

@media (min-width: 767px) {

.gb-container.hero-text-absolute {
	position: absolute;
}
}


div.dynamic-entry-excerpt p {
	font-size: 16px;
}


img.dynamic-featured-image.further-reading-img {
	height: 100px;
	background-color: blue;
}

img.post-nav-img {
	margin-bottom: 0;
	max-width: unset;
}
@media (max-width: 767px) {
    div.singlepostnav .gb-grid-column {
        padding-bottom: 0px;
    }
    img.post-nav-img {
	width: 100%;
    }
}

p.nostyle {
	padding: 0;
	margin: 0;
	font-size: 14px;
}
p.tag {
	margin: 0;
	padding: 3px;
	font-size: 14px;
}

p.tag.travelupdate {
	background-color: #52c5ff;
	color: white;
}

p.tag.newvideo {
	background-color: #fc3a87;
	color: white;
}
p.tag.newarticle {
	background-color: #888;
	color: #eee;
}