/*!
Theme Name: Commwork Site Theme
Theme URI: http://didapress.com/
Author: hammercode
Author URI: http://hammercode.eu
Description: commwork.de main theme
Version: 1.0
Tested up to: 8.3
Requires PHP: 8.0
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%;
}


.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: flex;
    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;
}

/*  */

/* ARCHIVE PAGE OR OTHERS */
header.page-header {
  margin-bottom: 60px;
}

header.page-header h1 {
  font-size: 78px;
}

@media screen and (max-width: 1440px) {
  header.page-header h1 {
    font-size: 72px;
  }
}


@media screen and (max-width: 1279px) {
  header.page-header h1 {
    font-size: 65px;
  }
}

@media screen and (max-width: 767px) {
  header.page-header h1 {
    font-size: 42px;
  }
}

.da-opener-position-bottom {
	bottom: 2%;
}
.da-opener-right {
    right: 21px;
}


/* HIDE MEDIA CONTROLS (Safari) */
.media-controls-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}