/*
Theme Name: Agenda Child Theme
Theme URI: https://agendadigital.fi
Template: twentytwentyfour
Author: Agenda Digital
Author URI: https://agendadigital.fi
Description: Agenda Child Theme
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,accessibility-ready,blog,portfolio,news
Version: 1.0
Updated: 2023-05-29 12:20:10
*/

:root :where(p) {
  margin-top: 0;
}

/* to control block spacing, especially typography */
:where(body .is-layout-constrained)>*,
:where(body .is-layout-flow)>* {
  margin-block-start: 0;
}

:where(body .is-layout-constrained)>.wp-block-buttons,
:where(body .is-layout-flow)>.wp-block-buttons,
:where(body .is-layout-constrained)>.wp-block-image,
:where(body .is-layout-flow)>.wp-block-image {
  margin-block-start: 1rem;
  margin-block-end: 1.5rem;
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

p a {
  text-decoration: underline;
}

.wp-site-blocks {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.wp-site-blocks>*+* {
  /*  margin-top: 100px !important; */
  padding-top: 0;
}

/*
#wp--skip-link--target {
  margin-top: 0;
}
*/

/* to clean header from unneeded padding */
body>div.wp-site-blocks>header>div>div {
  padding-top: 0;
}

.flex {
  display: flex;
  gap: 2rem;
  align-items: center;

  &>p {
    margin-block-start: 0px !important;
  }
}

/* post author styles */

.wp-block-post-author {
  z-index: 1;
  position: relative;
}

/*
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)):where(.wp-block-post-author) {
	max-width: 700px;
	margin-left: 0px !important;
  } */

div.wp-block-post-author__content {
  position: relative;
  margin: auto;
  min-width: 200px;
  max-width: 500px;
}

.wp-block-post-author__avatar {
  margin-right: 2rem;
}

.wp-block-post-author__avatar>img {
  width: 200px;
  height: auto;
  /*border-radius: 99px;*/
}

div.wp-block-post-author__content>p {
  font-size: medium;
}

div.wp-block-post-author__content>p.wp-block-post-author__name {
  margin-block-start: 1rem;
  font-weight: bold;
}

div.wp-block-post-author__content>p.wp-block-post-author__bio {
  margin-block-start: 0.25rem;
}

.author-green {
  margin-right: -150px;
  z-index: -1;
}

@media only screen and (max-width: 781px) {
  .author-green {
    margin-left: var(--wp--preset--spacing--30);
    min-height: 30px;
    width: 100px;
  }
}

/* hero */

.hero {
  min-height: 350px;
  margin-top: 0;
}

.hero-video {
  max-width: 400px;
}

@media only screen and (min-width: 1201px) {
  .hero-large-text {
    font-size: 9em !important;
    line-height: 0.95 !important;
  }
}

@media only screen and (max-width: 1200px) {
  .hero-large-text {
    font-size: 6em !important;
    line-height: 0.95 !important;
  }
}

@media only screen and (max-width: 800px) {
  .hero-large-text {
    font-size: 4em !important;
    line-height: 0.95 !important;
  }
}

/* other styles */

.wpcf7-spinner {
  max-width: 50vw;
}

@media only screen and (min-width: 979px) {
  .flexwrap>.negativetopmargin {
    margin-block-start: -150px !important;
    margin-block-end: 250px !important;
  }
}

.flexwrap {
  display: flex;
  flex-wrap: wrap;
}

.flexwrap>.max-width-500 {
  max-width: 450px;
}

.flex {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.flex>p {
  margin-block-start: 0px !important;
}

/* hide mobile */

.hide-mobile p a {
  text-decoration: none;
}

.hide-mobile p a:hover {
  text-decoration: underline;
}

.hide-mobile p a {
  text-decoration: none;
}

.hide-mobile p a:hover {
  text-decoration: underline;
}

/*miten näkyisi myös leveämmällä näytöllä?*/
@media only screen and (max-width: 805px) {
  .hide-mobile {
    display: none !important;
    visibility: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
    visibility: hidden;
  }
}

/* typewriter */

.typewriter,
.typewriter-faster {
  opacity: 0;
}

.typewriter::after {
  content: "_";
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  50% {
    color: transparent
  }
}

.typewriter,
.typewriter-faster {
  opacity: 0;
}

:is(h1, h2, h3, h4, h5, h6)>a:where(:not(.wp-element-button)) {
  text-decoration: none;
}