/*!
Theme Name: Didapress Site Theme
Theme URI: http://didapress.com/
Author: hammercode
Author URI: http://hammercode.eu
Description: didapress.de main theme
Version: 1.1.3
Tested up to: 8.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dsite
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
*,
*::after,
*::before {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
}

body {
  min-height: 100vh;
}

button {
  border: none;
  outline: none;
}

input,
button,
textarea,
select {
  font: inherit;
}

html,
body {
  scroll-behavior: smooth;
}

button, a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

button {
  outline: none;
  border: none;
  cursor: pointer;
}

figure {
  margin: 0;
  padding: 0;
  display: block;
}

.wp-block-heading {
  hyphens: auto;
}

/* Normalize for Wordpress*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

main {
  display: block;
}

b,
strong {
  font-weight: bolder;
}

img {
  border-style: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.skip-link {
    position: absolute;
    top: -40px; 
    left: 0;
    background-color: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 100; 
    text-decoration: none;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 0; 
}

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

input[type=search] {
  padding: 3px 5px;
  border: 1px solid #000;
  outline: none;
  font-size: 16px;
  line-height: 1;
  width: 100%;
}


/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
}

.main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
    gap: 10px 33px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
    position: relative;
    line-height: normal;
    /* font-size: 17px; */
    color: var(--black);
    padding: 8px 16px;
    font-weight: 300;
}

.main-navigation li a {
	display: block;
	text-decoration: none;
	font-size: 17px;
	color: var(--black);
	transition: color 0.3s ease;
	/* text-decoration: underline 1px transparent; */
	/* text-underline-offset: 2px; */
	/* transition: text-decoration 0.3s ease, color 0.3s ease; */
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #7C979E;
	transition: color 0.3s ease;
}

/* .main-navigation li.current-menu-item {
    margin: 0 16px;
} */

.main-navigation li.current-menu-item a {
	/* text-decoration: none;
	font-weight: 600; */
	color: #7C979E;
}


.main-navigation li.current-menu-item:hover > a,
.main-navigation li.current-menu-item.focus > a {
	text-decoration: none;
}

/* Contacts navigation */
ul#contacts-menu {
    list-style: none;
    padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

ul#contacts-menu li {
    display: flex;
}

ul#contacts-menu > li a {
    background-color: var(--black);
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    /* padding: 13px 26px; */
    padding: 14px 26px 13px 26px;
    font-size: 17px;
    line-height: 1;
    transition: all .3s ease-in-out;
    display: inline-block;
}

@media screen and (max-width: 1023px) {
	ul#contacts-menu > li a {
		padding: 10px 20px;
		font-size: 14px;
	}

	
    nav.main-contacts {
        display: none;
    }
}   

ul#contacts-menu > li a:hover {
	cursor: pointer;
	background-color: var(--blue);
	color: #fff;
	transition: all .3s ease-in-out;
}

/* Small menu. */

.menu-toggle {
	display: none;
}

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

	.burger {
        position: relative;
        display: block;
        padding: 0;
        width: 24px;
        height: 20px;
        outline: none;
        background: transparent;
		font-size: 0;
    }

    /* .burger span {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #191919;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        transition: all .12s ease;
    } */

    .burger::after,
    .burger::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background: #191919;
        left: 0;

        transition: all .12s ease;
    }

    .burger::before {
        top: 5px;
    }

    .burger::after {
        bottom: 5px;
    }

    .burger.open::before{
        top: 50%;
        transform: translate(-0,-50%) rotate(-45deg);
        transition: all .12s ease;
    }

    .burger.open::after {
		top: 50%;
        bottom: auto;
        transform: translate(0 ,-50%) rotate(45deg);
        transition: all .12s ease;
    }

    /* .burger.open span {
        left: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .12s ease;
    } */
	
	.main-navigation li a {
		color: #191919;
	}
	

	.menu-wrapper {
		position: fixed;
		/* display: flex; */
		/* flex-direction: column; */
		background-color: #fff;
		width: 100%;
		left: -100%;
		top: 66px;
		padding: 50px 30px 100px 30px;
		transition: left 0.3s ease;
		max-width: 520px;
		height: 100%;
		z-index: 1000;
	}

  .menu-wrapper__inner {
      display: flex;
      flex-direction: column;
      height: 100%;
  }

	.menu.nav-menu {
		display: flex;
		flex-direction: column;
		gap: 16px;
		text-align: left;
	}
    
    .main-navigation {
        padding-bottom: 0;
    }

	.main-navigation li {
		padding: 0;
	}

	.main-navigation li a {
		font-size: 43px;
		line-height: 120%;
		text-decoration: none;
    font-variation-settings: "wdth" 100, "wght" 300;
	}

	.main-navigation.toggled .menu-wrapper {
		left: 0;
		transition: left 0.3s ease;
	}


	#primary-menu li a {
		font-family: var(--secondaryFont);
	}

}


.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/* .post,
.page {
	margin: 0 0 1.5em;
} */

.updated:not(.published) {
	display: none;
}

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

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

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
/* .widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
} */

/* 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 logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
    flex-shrink: 0;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}


/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

/* body.page-id-2 {
  section.sliderlg.bgcolor,
  section.sliderii,
  section.pagehead,
  section.wichtigste,
  section.support {
    display: none;
  }

} */