/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://hypmarketing.dk
 Description:    Divi Child Theme
 Author:         Jacob Juul
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

html, body {
  overflow-x: hidden;
}

/* CF7 */

.sip-form{
  background:#11150f;
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  padding:34px;
}

/* to felter side om side */
.sip-form .sip-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.sip-form .sip-field{
	margin:0 0 14px;
	padding: 0;
}

.sip-form .sip-field label{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#ffffff;
  font-weight:700;
  margin-bottom:7px;
  font-family:"Barlow Semi Condensed",sans-serif;
}

/* selve inputs */
.sip-form input[type="text"],
.sip-form input[type="tel"],
.sip-form input[type="email"],
.sip-form select,
.sip-form textarea{
  width:100%;
  background:#0a0c0a;
  border:1px solid rgba(255,255,255,.14);
  border-radius:3px;
  padding:13px 14px;
  color:#fff;
  font-family:"Barlow",sans-serif;
  font-size:15px;
  outline:none;
  transition:border-color .2s;
  box-sizing:border-box;
}

.sip-form input::placeholder,
.sip-form textarea::placeholder{color:#bfbfbf;}

.sip-form input:focus,
.sip-form select:focus,
.sip-form textarea:focus{border-color:#15e87f;}

.sip-form textarea{resize:vertical;min-height:90px;}

/* CF7 pakker hvert felt i et <span class="wpcf7-form-control-wrap"> — sørg for fuld bredde */
.sip-form .wpcf7-form-control-wrap{display:block;width:100%;}

/* knappen */
.sip-form input[type="submit"]{
  width:100%;
  background:#15e87f;
  color:#062a17;
  border:0;
  border-radius:2px;
  padding:15px 26px;
  margin-top:6px;
  cursor:pointer;
  font-family:"Barlow Semi Condensed",sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:15px;
  transition:transform .15s ease, background .2s ease;
}
.sip-form input[type="submit"]:hover{
  transform:translateY(-2px);
  background:#2bff93;
}

/* CF7's egne beskeder (validering / kvittering) */
.sip-form .wpcf7-response-output{
  margin:14px 0 0 !important;
  border-radius:3px;
  color:#fff;
  font-family:"Barlow",sans-serif;
  font-size:14px;
}
.sip-form .wpcf7-not-valid-tip{
  color:#ff8c8c;
  font-size:12.5px;
  margin-top:5px;
}
.sip-form .wpcf7-spinner{margin:0 0 0 10px;}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: white;
    text-align: center;
    background-color: black;
}

/* responsivt — felter under hinanden på mobil */
@media(max-width:540px){
  .sip-form .sip-row{grid-template-columns:1fr; gap: 0px;}
  .sip-form{padding:24px;}
}