/* Login */

.dda-login-form h2 {
    padding-bottom: 1rem;
}

/* Error messages */
.notice.notice-error {
    background-color: #ffeaa7;
    border-left: 4px solid #e74c3c;
    padding: 12px;
    margin: 16px 0;
    border-radius: 4px;
}

.notice.notice-error p {
    color: #e74c3c;
    margin: 0;
    font-weight: 500;
}

/* Logged in page */

.short-header.short-header-dda {
    padding-top: 0;
}

.short-header.short-header-dda h1 {
  color: var(--tropical-rain-forest);
  font-size: 1.25rem;
}

.dda-login-header {
   text-align: right;
   padding-bottom: 1rem;
}

.section-with-bg {
  position: relative;
  z-index: 1;
}

.section-with-bg::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100px;
  background: var(--tropical-rain-forest);
  z-index: -1;
}

.dda-intro h2 {
    padding-top: 3rem;
}

.dda-intro h2 {
    color: #003041;
}

.dda-intro p:last-of-type{
    padding-bottom: 3rem;
}

.dda-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    position: relative;
    bottom: 2rem;;
}

.dda-grid__item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: #e1fef3;
    border-radius: 1rem;
    text-align: center;
}

.dda-grid__item img {
    display: block;
    margin: 0 auto;
    padding-top: 1rem;
}

.dda-grid__item p {
     padding: 1rem;
}

.dda-grid__top {
    background: #e1fef3;
    padding: 1.5rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.dda-grid__item:nth-of-type(2) img[src$=".svg"] { 
    width: 118px;
}

.dda-grid__item:nth-of-type(3) img[src$=".svg"] { 
    width: 80px;
}      

.dda-grid__footer {
    background: #63fac0;
    text-transform: uppercase;
    padding: 0.6rem 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-top: auto;
}

.dda-grid__footer a {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    color: var(--tropical-rain-forest);
    font-weight: bold;
    text-decoration: none;
}

.dda-grid__footer a:hover {
    text-decoration: underline;
}

.dda-grid__footer a svg {
    position: relative;
    width: 1rem;
}

.dda-blockquote-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;;
}

.dda-blockquote-wrapper h2 {
     color: #003041;
}

.dda-blockquote-wrapper h2 ~ p:last-of-type {
    padding-bottom: 2rem;;
}

.dda__blockquote {
     background: #e1fef3;
     border-left: none;
     position: relative;
     margin-bottom: 120px;
     padding: 65px 1rem 55px 80px;
}

.dda__blockquote::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -46px;
  left: -28px;
  width: 100px;
  height: 100px;
  background: url('../images/quote.svg') no-repeat center bottom;
  background-size: contain;
}

.dda__blockquote::after {
    content: '';
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100px;
    height: 80px;
    background: #e1fef3;
    z-index: 1;
    clip-path: polygon(0 0, 0% 100%, 44% 0);
}

@media (min-width: 64em) { 
    .dda-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* Login Box */
.login-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15rem;

}