/*!
Theme Name:   Deborah Child
Template:     deborah
Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
Version:      1.0.0
Description:  You can change this description text in your child theme's "style.css" file.
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

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

/* Put your custom CSS styles below... */

/* Logo*/

.custom-logo {
    height: 100px;
}

.site-branding {
    padding: 0 10px;
}



/* Div*/

.page-media {
  width: 60% !important;
  height: 75% !important;
  left: auto !important;
  margin-left: 30% !important;
  margin-bottom: 50px !important;
}

.page-media img{
  object-fit: contain !important;
}

.page-media::after {
  display: none;
}

@media (min-width:1700px){
  .page-media {
    margin-left: 25% !important;
  }
}

@media (min-width: 880px){
.page-header-text {
  max-width: 45% !important;
}
}

@media (max-width: 879px){
  .page-media {
    display: revert !important;
    margin-bottom: -23px !important;
}
}

@media (max-width: 767px){
  .page-media {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0px !important;

}
}

/*.page-header {
    padding-top: 70px !important;
}*/

.site-header a {
    color: #363533;
}

@media (min-width: 1280px) {
  /*.force-overlaid-header-dark .page-header, .force-overlaid-header-light .page-header, .force-overlaid-header .page-header, .has-overlaid-header.has-primary-title .page-header {
      padding-top: 150px !important;
  }*/

.force-overlaid-header-dark .page-header, .home.force-overlaid-header-light .page-header, .home.force-overlaid-header .page-header, .home.has-overlaid-header.has-primary-title .page-header {
    padding-top: var(--intro_padding_overlaid_header)!important;
}
}


/* ======== Abschnitte ========*/

blockquote {
font-weight: normal;
}

.aid-icon-box h3{
  margin-top: 25px;
}
.wp-block-group.aid-icon-box {
  margin-bottom: 50px !important;
  padding-right: 10%;
}

.wp-block-coblocks-event-item {
    border-bottom: solid #f7f7f7 3px;
}

/* ======= Blog ========= */
.button, .buttons-navigation a, .page-numbers:not(.current):not(.dots), .post-page-numbers:not(.current):not(.dots), .wp-block-button__link, [type="button"], [type="reset"], [type="submit"], button {
    background: #363533;
    color: #fff;
    border: solid 2px #2e2d2a;
  }

  .button:not(.has-background):hover, .buttons-navigation a:not(.has-background):active, .buttons-navigation a:not(.has-background):focus, .buttons-navigation a:not(.has-background):hover, .page-numbers:not(.current):not(.dots):not(.has-background):active, .page-numbers:not(.current):not(.dots):not(.has-background):focus, .page-numbers:not(.current):not(.dots):not(.has-background):hover, .post-page-numbers:not(.current):not(.dots):not(.has-background):active, .post-page-numbers:not(.current):not(.dots):not(.has-background):focus, .post-page-numbers:not(.current):not(.dots):not(.has-background):hover, .wp-block-button__link:not(.has-background):active, .wp-block-button__link:not(.has-background):focus, .wp-block-button__link:not(.has-background):hover, [type="button"]:not(.has-background):active, [type="button"]:not(.has-background):focus, [type="button"]:not(.has-background):hover, [type="reset"]:not(.has-background):active, [type="reset"]:not(.has-background):focus, [type="reset"]:not(.has-background):hover, [type="submit"]:not(.has-background):active, [type="submit"]:not(.has-background):focus, [type="submit"]:not(.has-background):hover, button:not(.has-background):active, button:not(.has-background):focus, button:not(.has-background):hover {
    background-color: #F7F7F7;
    border: solid 2px #2e2d2a;
}

.wp-block-button__link:not(.has-text-color):visited {
    color: #fff !important;
}

.wp-block-button__link:not(.has-text-color):hover {
    color: #000 !important;
}

.wp-block-latest-posts.columns-3 li {
    margin-left: 0 !important;
}

.wp-block-latest-posts .entry-meta {
  font-weight: 500 !important;
}

.wp-block-latest-posts.columns-3 li {
    width: calc( 33.33333% - 11px) !important;
}

@media (max-width: 1199px){
  .wp-block-latest-posts.columns-3 li {
      width: calc( 50% - 16px) !important;
  }
}

@media (max-width: 767px){
  .wp-block-latest-posts.columns-3 li {
      width: 100% !important;
  }
}

/* ======== Footer ======== */

.site-branding-footer {
    display: none;
}

.footer-widgets-section {
  padding-top: 135px;
  padding-bottom: 20px;
}

.site-info-content {
  padding: 0;
}

.footer-logo {
  height: 100%;
  display:flex;
  align-items: center;
}
.footer-logo img {
    height: 100px;
    width: auto;
}

.unizh img {
    height: 75px;
}

/* Team */

.aid-team-item {
    width: calc(25% - 15px);
    margin-right: 15px;
}

.team-email {
  margin-top: 10px;
}

.aid-team-item .team-image {
    padding-top: 100%;
}

.aid-team-item {
    text-decoration: none;
    margin-bottom: 50px;
}

.aid-team .team-name{
  font-size: var(--typography_heading_size_5);
  font-weight: bolder;
  margin-top:20px;
}

.team-social-media ul {
  margin-left: 0;
}
.team-social-media li {
  list-style:none;
  margin-top:  10px;
}
.team-social-media a {
  text-decoration:none;
  font-weight:bolder;
}

/* Module */

.module .wp-block-column:not(:first-child) {
    margin-left: 0;
}

/* Anmeldung */

.feld-halb input {
    max-width: calc(50% - 30px);
}

.wpcf7-checkbox span {
  margin: 10px 15px 0 0;
}

.wp-block-column:not(:first-child) {
    margin-left: 3em;
}


/* Mobile */

@media (max-width: 767px){
  .wp-block-latest-posts a:not(.link-more) {
    font-size: 20px !important;
  }
  .wp-block-column:not(:first-child) {
    margin-left: 0 !important;
  }

  .footer-logo img {
      height: auto;
      width: 100%;
  }

  .unizh img {
      height: auto;
  }
  .wp-block-spacer{
    height: 50px !important;
  }
  .feld-halb {
    width: 100% !important;
    float:none !important;
  }
  textarea {
    width: 100% !important;
  }
  label {
    width: 100% !important;
  }
}

@media (max-width:992px){
	.aid-team-item {
    width: calc(33% - 15px);
		margin-right: 15px;
}
  .aid-team .team-name{
    font-size: 18px;
  }
}

@media (max-width:576px){
	.aid-team-item {
    width: 100%;
    margin-right: 0;
}
.aid-team .team-name{
  font-size: 22px;
}
}