/*
Theme Name:   Twenty Twenty SKILLS PARK-Theme
Description:  SKILLS PARK Child-Theme für das Standardtheme Twenty Twenty
Author:       Fabian Jucker (IT-Bude GmbH)
Template:     twentytwenty
Version:      1.0.0
*/

/* General Colors */

body {
	background: #000000;
	color: #ffffff;
}

:root .has-background-color {
	color: #000000;
}

:root .has-primary-background-color {
	background-color: #ffffff;
	color: #000000;
}

:root .has-background-background-color {
	background-color: #000000;
	color: #ffffff;
}

.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
	color: #f7a600;
}

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
	background-color: #f7a600;
}

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
	border-color: #f7a600;
}

.fill-children-accent,
.fill-children-accent * {
	fill: #f7a600;
}

:root .has-accent-color {
	color: #f7a600;
}

:root .has-accent-background-color {
	background-color: #f7a600;
}

.has-drop-cap:not(:focus)::first-letter {
	color: #f7a600;
}

.wp-block-button.is-style-outline {
	color: #f7a600;
}

.wp-block-pullquote::before {
	color: #f7a600;
}

.comment-reply-link {
	background-color: #f7a600;
}

a {
	color: #f7a600;
}

blockquote {
	border-color: #f7a600;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #f7a600;
}

/* Layout Stuff */

.powered-by-wordpress {
	display: none;
}

.post-author {
	display: none;
}
.custom-logo {
	min-height: 150px;
}

/* Font */

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary,
.entry-content,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt {
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

/*Arrows in Desktop*/
body:not(.overlay-header) .primary-menu > li > .icon,
body:not(.overlay-header) .primary-menu > li > a {
	color:#000000;
}

.primary-menu .sub-menu a {
	color:#ffffff;
}

/*The Menus*/
.modal-menu a,
.footer-widgets .widget-content a{
	color:#000000;
}

/*Social Menu*/
.social-icons a {
	background-color:#000000;
}
.footer-social a {
	background-color: #000000;
}