@charset "utf-8";

/* =========================================================
   CONTACT
   ========================================================= */

/* section */
.contact-section{
  padding: 70px 15px 100px;
}

/* intro */
.contact-intro{
  width: min(800px, 100%);
  margin: 0 auto 40px;
  text-align: left;
}

.contact-title{
  font-size: clamp(1.4rem,2vw,1.8rem);
  font-weight:900;
  margin-bottom:14px;
}

/* form box */
.contact-form-box{
  width: min(760px, 100%);
  margin: 0 auto;
  background:#fff;
  border:2px solid var(--black);
  border-radius: 10px;
  padding: 20px;
}

/* =========================================================
   CF7 STYLE
   ========================================================= */

.cf7-field{
  margin-bottom:24px;
}

.cf7-field label{
  display:block;
  font-weight:900;
  margin-bottom:8px;
}

.required{
  font-size:.75rem;
  margin-left:8px;
  padding:3px 8px;
  border-radius:999px;
  background:var(--black);
  color:var(--yellow);
}

/* input */
.wpcf7 input,
.wpcf7 textarea{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  border:2px solid var(--black);
  font-weight:600;
  background:#fff;
  transition:.2s;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus{
  outline:none;
  box-shadow: 4px 4px 0 var(--black);
}

/* textarea */
.wpcf7 textarea{
  min-height:160px;
  resize:vertical;
}

/* submit */
.cf7-submit{
  text-align:center;
  margin-top:30px;
}

.wpcf7-submit{
  padding:16px 40px;
  border-radius:999px;
  border:2px solid var(--black);
  background:#fff;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}

.wpcf7-submit:hover{
  background:var(--black);
  color:var(--yellow);
  transform: translateY(-2px);
}

/* error */
.wpcf7-not-valid{
  border-color:#ff0000 !important;
}

.wpcf7-response-output{
  margin-top:20px;
  border-radius:12px;
  font-weight:800;
}


@media (min-width: 767px){
  
/* =========================================================
   CONTACT
   ========================================================= */

/* section */
.contact-section{
  padding: 70px 15px 100px;
}

/* intro */
.contact-intro{
}

.contact-title{
  font-size: clamp(1.4rem,2vw,1.8rem);
  font-weight:900;
  margin-bottom:14px;
}

/* form box */
.contact-form-box{
  border-radius:28px;
  padding:40px;
}

/* =========================================================
   CF7 STYLE
   ========================================================= */

.cf7-field{
}

.cf7-field label{
}

.required{
}

/* input */
.wpcf7 input,
.wpcf7 textarea{
}

.wpcf7 input:focus,
.wpcf7 textarea:focus{
  outline:none;
  box-shadow: 4px 4px 0 var(--black);
}

/* textarea */
.wpcf7 textarea{
  min-height:160px;
  resize:vertical;
}

/* submit */
.cf7-submit{
  text-align:center;
  margin-top:30px;
}

.wpcf7-submit{}

.wpcf7-submit:hover{
  background:var(--black);
  color:var(--yellow);
  transform: translateY(-2px);
}

/* error */
.wpcf7-not-valid{
  border-color:#ff0000 !important;
}

.wpcf7-response-output{
  margin-top:20px;
  border-radius:12px;
  font-weight:800;
}

}
@media (min-width: 991px){
  
/* =========================================================
   CONTACT
   ========================================================= */

/* section */
.contact-section{
}

/* intro */
.contact-intro{
}

.contact-title{
  font-size: clamp(1.4rem,2vw,1.8rem);
  font-weight:900;
  margin-bottom:14px;
}

/* form box */
.contact-form-box{}

/* =========================================================
   CF7 STYLE
   ========================================================= */

.cf7-field{
}

.cf7-field label{
}

.required{
}

/* input */
.wpcf7 input,
.wpcf7 textarea{
}

.wpcf7 input:focus,
.wpcf7 textarea:focus{
  outline:none;
  box-shadow: 4px 4px 0 var(--black);
}

/* textarea */
.wpcf7 textarea{
  min-height:160px;
  resize:vertical;
}

/* submit */
.cf7-submit{
  text-align:center;
  margin-top:30px;
}

.wpcf7-submit{}

.wpcf7-submit:hover{
  background:var(--black);
  color:var(--yellow);
  transform: translateY(-2px);
}

/* error */
.wpcf7-not-valid{
  border-color:#ff0000 !important;
}

.wpcf7-response-output{
  margin-top:20px;
  border-radius:12px;
  font-weight:800;
}

}
@media (min-width: 1200px){
  
/* =========================================================
   CONTACT
   ========================================================= */

/* section */
.contact-section{
}

/* intro */
.contact-intro{
}

.contact-title{
  font-size: clamp(1.4rem,2vw,1.8rem);
  font-weight:900;
  margin-bottom:14px;
}

/* form box */
.contact-form-box{}

/* =========================================================
   CF7 STYLE
   ========================================================= */

.cf7-field{
}

.cf7-field label{
}

.required{
}

/* input */
.wpcf7 input,
.wpcf7 textarea{}

.wpcf7 input:focus,
.wpcf7 textarea:focus{
  outline:none;
  box-shadow: 4px 4px 0 var(--black);
}

/* textarea */
.wpcf7 textarea{
  min-height:160px;
  resize:vertical;
}

/* submit */
.cf7-submit{
  text-align:center;
  margin-top:30px;
}

.wpcf7-submit{}

.wpcf7-submit:hover{
  background:var(--black);
  color:var(--yellow);
  transform: translateY(-2px);
}

/* error */
.wpcf7-not-valid{
  border-color:#ff0000 !important;
}

.wpcf7-response-output{
  margin-top:20px;
  border-radius:12px;
  font-weight:800;
}

}