/*
 Theme Name:   Alys Koolitused
 Template:     twentytwentyfive
 Author:     virte.ee
*/

@import url("header.css");
@import url("hero.css");
@import url("journey.css");
@import url("testimonials.css");
@import url("shop.css");
@import url("about.css");
@import url("mentoring.css");
@import url("organisatsioonidele.css");
@import url("workshop.css");
@import url("footer.css");

a {
	text-decoration: none !important;
}
a:focus {
  outline: none;
}

/* Hide empty paragraphs globally */
p:empty {
  display: none !important;
}

/* Offset fixed header: padding-top on inner pages only (not front page) */
body:not(.home) {
  padding-top: 52px;
}
@media (min-width: 40rem) {
  body:not(.home) {
    padding-top: 60px;
  }
}

.nav1 ul li a span, .nav2 ul li a span{
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
    }
.nav1, .nav2 {
    display: none;
}

.wp-block-post-author__bio {
    margin-top: 5px;
    font-size: 12px !important;
    font-family: 'Spartan', sans-serif;
    color: #59804A;
}
.wp-block-post-author__avatar img {
    border-radius: 48px;
}
.testimonials {
    background-position: center;
    position: relative;
    background-size: cover !important;
}

.cta {
    position: relative
}
.quotecontainer {
	position: relative;
}
.quotecontainer .top img,
.quotecontainer .bottom img {
  height: 220px;
}
.contactform {
    font-size: 16px;
    line-height: 140%;
    padding: 24px;
    width: 100%;
    box-sizing: border-box;
}
.contactform p {
margin: 0;
}
.contactform label {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contactform br {
  display: none;
}
.wpcf7-form {
display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Hide the contact form spinner */
.wpcf7-spinner {
    display: none !important;
}
.wpcf7-response-output {
	border: none !important;
}

.form-content {
    width: 100%;
    max-width: 448px;
    z-index: 0 !important;
}
.contactform input, textarea {
    height: 40px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    width: 100%;
    box-sizing: border-box;
}
.contactform textarea {
    height: 220px;
    resize: none;
}

/* Make textarea and submit button match text input width */
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-submit {
    width: 100% !important;
    box-sizing: border-box;
}
.wpcf7-submit {
    width: 100%;
    height: 50px !important;
    border-radius: 32px !important;
    background: linear-gradient(96.52deg, #59804A 9.32%, #3A632B 93.13%);
    border: 2px solid #2E3B29 !important;
    color: #F8F9F7;
    font-size: 16px;
    box-shadow:   0px -4px 4px 0px #00000040 inset, 
    0px 4px 4px 0px #00000040 !important;
    cursor: pointer;
    margin-top: 48px;
}
.wpcf7-form > p:nth-child(6) {
    margin-bottom: 0;
}

.contact {
    display: flex;
    justify-content: center;
    background: none;
}

.contact-content {
    display: flex;
    flex-direction: column;
    padding: 48px 24px !important;
    align-items: center !important;
}

/* FAQ stays here as global */ 
.faq {
    display: flex;
    flex-direction: column;
    gap: 32px !important;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 48px;
    padding-bottom: 48px;
    margin: auto;
}
.faqlist {
    gap: 16px !important;
    display: flex;
    flex-direction: column;
    max-width: 768px;
    width: 100%;
}

/* Medium screens and up */
@media (min-width: 48rem) {

}

/* Large screens and up */
@media (min-width: 64rem) {
    .faq {
        width: 100%;
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 96px !important;
        padding-bottom: 96px !important;
        gap: 48px !important;
    }
    .quotecontainer {
    	position: relative;
    }
    .quote {
        max-width: 768px;
        width: 100%;
    }
.recommendations-container h3 {
    margin-left: 18vw;
}
    .navicon {
        margin-left: 24px !important;
    }
    .nav1 {
        display: flex;
        margin-right: auto !important;
    }
    .nav2 {
        display: flex;
        margin-left: auto !important;
    }

    .contact {
        display: flex;
        justify-content: center;
    }
    
    .contact-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1280px;
        width: 100%;
        align-items: flex-start !important;
    }
    .cf-turnstile {
        margin: 0 !important;
    }
    .contactform {
        width: 100%;
        padding: 24px;
    }
    /*
    .intro p, .intro h1 {
        text-align: left;
    }
    .wp-image-455 {
        position: absolute;
        height: 21em !important;
        width: 19em !important;
        object-fit: cover;
        top: 5em;
        right: -20vw;
    }
    .explorebutton .wp-block-button__link {
        width: 40% !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }*/
}

/* Extra large screens and up */
@media (min-width: 80rem) {

}

/* 2 Extra large screens and up */
@media (min-width: 96rem) {

}

 .contactpage-business-content .aboutitem figure {
 	flex: 0 0 auto;
 }
	.contactpage-formarea {
display: grid;
  grid-template-columns: 6fr 4fr !important;
  gap: 24px;
  padding:  24px;
  max-width: 1024px;
  box-sizing: content-box !important;
  margin: 0 auto;
	}
	@media (max-width: 640px) {
	.contactpage-formarea {
	display: flex !important;
	flex-direction: column;
	}
}
@media screen and (min-width: 1280px) {
    /* Contact page */
    .contactpage-form-content {
        max-width: 640px;
        width: 100%;
    }

    .contactpage-business-content {
        max-width: 471px;
        width: 100%;
    }

    #contactpage-form-firstline {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 24px;
    }
}