/*
Theme Name: Abortion Without Borders
Theme URI: https://abortion.eu
Author: Abortion Without Borders
Author URI: https://abortion.eu
Description: GeneratePress child theme for AWB.
Version: 2.0.0
Text Domain: awb
Template: generatepress

Minimal customisations for GeneratePress.
*/

:root {
  --awb-purple-dark: #754871;
}


/* Site containers */
.separate-containers .site-main {
    margin-block-start:0;
    margin-block-end:0;
}
.one-container .site-content {
    padding-block-start:0;
    padding-block-end:0;
}

/* Site logo */
@media screen and (max-width: 600px) {
  img.header-image {
    width: 90px;
  }
}

/* Language switcher */
.inside-header .pll-switcher-select {
  margin-left: auto;
}
/* Menu Toggle */
.mobile-menu-control-wrapper {
  margin-left: 1rem;
}
.main-navigation .menu-toggle {
  background-color: var(--awb-purple-dark);
  color: white;
  line-height: 41px;
}
/* Menu Dropdown */
.main-navigation .main-nav ul li a {
  font-weight: bold;
}
.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li a:focus {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .main-navigation.toggled .main-nav > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Content containers */
.constrain .wp-block-group__inner-container > *, .constrain--column {
    max-width: 45rem;
    margin-inline-start:auto;
    margin-inline-end:auto;
}

.constrain--inner {
    max-width: 45rem;
    margin-inline-start:auto;
    margin-inline-end:auto;
}

/* Design flourishes */
.svg-arrow {
    animation: arrowAnimation 4.6s ease-in-out infinite;
}

@keyframes arrowAnimation {
  0% {
    height: 90px;
    margin-bottom: 0;
  }
  25% {
    height: 60px;
    margin-bottom: 30px;
  }
  50% {
    height: 90px;
    margin-bottom: 0;
  }
  75% {
    height: 60px;
    margin-bottom: 30px;
  }
  100% {
    height: 90px;
    margin-bottom: 0;
  }
}

.grid-gallery {
  display: grid !important;
  gap: 2rem  !important;
  align-items: center;
  grid-template-columns: repeat(2,1fr);
  align-content: center;
}
@media screen and (min-width: 480px) {
  .grid-gallery {
    grid-template-columns: repeat(3,1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid-gallery {
    grid-template-columns: repeat(6,1fr);
  }
}
.grid-gallery > figure{
  width: auto !important;
}
.grid-gallery > figure a img{
  flex: 0 !important;
  height: auto !important;
}

.grid-gallery > figure a {
  flex: 0 !important;
}

/* Footer */
.copyright-bar {
  display: grid;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
    .copyright-bar {
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Form */
@media screen and (max-width: 768px) {
  .form-container {
    margin-left: 0 !important;
    width: calc(100% - 60px) !important;
  }
}

@media screen and (min-width: 768px) {
  .form-container {
    width: auto !important;
  }
}
.form-container > .wp-block-group__inner-container{
    padding: 0;
}

.form-container .contact-details {
    padding: 1rem;
}

.form-container .contact-details p, .form-container .contact-details a, .form-container .contact-details a:hover {
    color: white;
}

@media screen and (max-width: 768px) {
  .form-container .contact-details ~ div {
    margin-block-start: -40px;
  }
}

.form-container .contact-details ~ div {
  padding: 1rem 2rem 0 1rem;
}

@media screen and (min-width: 768px) {
  .form-container .contact-details ~ div {
    padding-left: 0;
  }
}

.form-container .gfield_label {
    color: var(--wp--preset--color--black);
    font-weight: normal !important;
}

.gform_wrapper .gform_validation_errors > h2.hide_summary {
  font-family: inherit;
}

.gform_validation_errors {
  display: none;
}

.gform_required_legend, .gform_confirmation_message {
  color: var(--wp--preset--color--black);
}

@media screen and (min-width: 768px) {
  .our-services-last {
    width: calc(50% + 25px) !important;
    margin-left: -40px;
  }
}

/* Background images */
.our-services-columns {
  background: url('assets/images/our-services-bg.svg') no-repeat bottom 150px right -200px;
}
.contact-group {
  background-image: url('assets/images/contact-left.svg');
  background-repeat: no-repeat;
  background-position: top 20px left -100px
}
.ukraine-update {
  background-image: url('assets/images/update-right.svg');
  background-repeat: no-repeat;
  background-position: bottom -150px right 20px;
}
.hero-group {
  background-image: url('assets/images/hero-left.svg');
  background-repeat: no-repeat;
  background-position: bottom -250px left -260px;
}
.squiggle {
  padding-bottom: 0.5rem;
  background-image: url('assets/images/squiggle.svg');
  background-repeat: no-repeat;
  background-position: bottom center;
}

/* 404 page */
body.error404 h1 {
  text-align:center;
  color: var(--awb-purple-dark);
  margin: 6rem auto;
}