/*
Theme Name: quarterpast
Theme URI: 
Author: 
Author URI: 
Description: quarterpast nakig aus dem nix aufgebaut
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quarterpast
Tags: 


/*
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
*/



/* ************ footer *************************** */
.wp-block-social-links .wp-social-link svg{
    height: 2em;
    width: 2em;
}

.wp-block-navigation__responsive-container-open svg  {
	width:var(--wp--preset--font-size--large);
	height:var(--wp--preset--font-size--large);
}
.wp-block-template-part{
	 margin-block-start: 0px;
}

/* ************ navi oben  *************************** */

.wp-block-navigation__container .wp-block-navigation-item a:hover,
.wp-block-navigation__container .wp-block-navigation-item a:active,
.wp-block-navigation__container .wp-block-navigation-item a:focus,
.wp-block-navigation__container .current-menu-item,
.wp-block-navigation__responsive-container .wp-block-navigation-item a:hover, 
.wp-block-navigation__responsive-container .wp-block-navigation-item a:active, 
.wp-block-navigation__responsive-container .wp-block-navigation-item a:focus, 
.wp-block-navigation__responsive-container .current-menu-item
{
  	color:var(--wp--preset--color--custom-qp-brombeer);
}
:root .wp-block-navigation a:where(:not(.wp-element-button)) {
	font-family: var(--wp--preset--font-family--museo);
    font-size: var(--wp--preset--font-size--medium);
	letter-spacing: 0.01em;
	font-weight:bold;
}

.is-menu-open .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
   	color:var(--wp--preset--color--custom-qp-font-color);
}

.wp-block-navigation .current-menu-item .wp-block-navigation-item__label {
	color:var(--wp--preset--color--custom-qp-brombeer);
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover svg,
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active svg
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:focus svg
{
	fill:#000000;
	
}

:root h2 a{
	color: inherit;
    font-size: inherit;
    font-family: inherit;
}
:root h2 a:hover{
	opacity:0.7;
}
/* ****************************** logo ******************************************** */

.logo{
  /* position: absolute;
   content: "";*/
   top: 0;
   width: 150px;
   height: 150px;
   background-color: #A00E6F;
   border-radius: 0 0 150px 150px ;
   align-items: end;
   padding-top: 30px;
}
.logo a, 
.logo img {
    max-height: 150px;
}

.logo img {
    transition: all .2s ease-in-out;
    max-height: 150px; 
    width: auto;
}

/* ************* allgemein ******************************** */
body{

    background-color: var(--wp--preset--color--custom-qp-warmgrey) !important;
}
:root :where(.is-layout-flow) > * {
    margin-block-start: 0;
}
/* ****************************** inhalt  ************************* */
:root :where(.wp-block-cover), .wp-site-blocks {
	padding:0px;
}

:root :where(p) {
    line-height: 1.4;
}

a:where(:not(.wp-element-button)) {
	text-decoration: underline;
	color:var(--wp--preset--color--custom-qp-brombeer);
}

h1.wp-block-heading{
 line-height:1.3;
}

h3.wp-block-heading{
 color:var(--wp--preset--color--custom-qp-orange);
 font-size:var(--wp--preset--font-size--medium);
 margin-bottom: 0.5em;
}

/* ********** inhalt spezial  ****************************** */

.qp-btn a{
	padding-left:50px;
}
.qp-btn a.has-custom-qp-darkblue-background-color:hover::before, 
.qp-btn a.has-custom-qp-orange-background-color:hover::before, 
.qp-btn a::before{
	margin-left:-35px;
	position: absolute;
	height: 30px;
	width: 30px;
	content: "  ";
	z-index: 1000;
	background-image: url("assets/images/arrow.svg");
	background-repeat: no-repeat;
}    

.qp-btn a.has-custom-qp-orange-background-color:hover{
	background-color:#FFF !important;
	color:var(--wp--preset--color--custom-qp-orange);
}
.qp-btn a.has-custom-qp-darkblue-background-color:hover{
	background-color:#FFF !important;
	color:var(--wp--preset--color--custom-qp-darkblue);
}

.qp-btn a.has-custom-qp-orange-background-color:hover::before{
	background-image: url("assets/images/arrow_or.svg");
}
.qp-btn a.has-custom-qp-darkblue-background-color:hover::before{
	background-image: url("assets/images/arrow_db.svg");
}
.is-style-fill a:hover {
    mix-blend-mode: luminosity;
}

hr.thinline{
	border-top: 1px solid #FFFFFF;
	width:10%;

}
.plakat-border img {
    border: solid #4a4a49 1px;
}
.bigheader {
	font-size: 2em;
	line-height:1;
}

:root .topmover{
	 margin-top: -32px;
}


@media (min-width: 480px) {
	.bigheader {
		font-size: 6em;
		line-height:0.8;
	}
	
	:root .topmover{
	 margin-top: -88px;
    }
}


.tipover{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: absolute;
	height:400px;
}

.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
    line-height: 1.4;
    font-size: 1.2em;
	padding-top: 1em;
}
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite{
	width:75%;
	font-size: 0.9em;
}
        
ul.nodots{
	padding-left: 0px;
}
ul.nodots li{
	list-style-type:none;
}


.hero_overlay {
    /*background-image: linear-gradient(135deg, #000 20%, transparent 20%, transparent 50%, #000 50%, #000 70%, transparent 70%, transparent 100%);*/
	/*background-image: linear-gradient(135deg, #FFF 20%, transparent 20%, transparent 50%, #FFF 50%, #FFF 70%, transparent 70%, transparent 100%);*/
	/*background-image: radial-gradient(#000 50%, #FFF 50%);*/
    background-image: radial-gradient(#000 50%, #444 50%);
    background-size: 3px 3px;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	display:none;
  /*  z-index: 1;*/
}

:root :where(.is-layout-constrained) > h1{
	margin-block-start:0.2em;
}

/* WICHTIGE VRLAGEN ************************* , 

footer
header-blanko
header-big-beitragsbild

2 Templates:
page-qp-textpage
page-qp-textmitbild-gross

*/