.elementor-1604 .elementor-element.elementor-element-cc6e7c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--flex-wrap:wrap;--margin-top:2em;--margin-bottom:1em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-1604 .elementor-element.elementor-element-cc6e7c7.e-con{--align-self:flex-end;}.elementor-1604 .elementor-element.elementor-element-a8c66e7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;--z-index:0;}.elementor-1604 .elementor-element.elementor-element-9784592{width:initial;max-width:initial;}.elementor-1604 .elementor-element.elementor-element-9784592 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-1604 .elementor-element.elementor-element-a0add67{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-1604 .elementor-element.elementor-element-f4f1ef5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1604 .elementor-element.elementor-element-8d5becf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:01em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:1.3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1604 .elementor-element.elementor-element-e5c3696{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1604 .elementor-element.elementor-element-a53be35 iframe{height:20em;}.elementor-1604 .elementor-element.elementor-element-5b378f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:2em;--margin-bottom:3em;--margin-left:0em;--margin-right:0em;}.elementor-1604 .elementor-element.elementor-element-2a27a97{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.69;border-style:solid;--border-style:solid;border-width:0.2em 0.2em 0.2em 0.2em;--border-top-width:0.2em;--border-right-width:0.2em;--border-bottom-width:0.2em;--border-left-width:0.2em;border-color:var( --e-global-color-astglobalcolor4 );--border-color:var( --e-global-color-astglobalcolor4 );--margin-top:0em;--margin-bottom:-2em;--margin-left:0em;--margin-right:0em;--padding-top:2.5em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-1604 .elementor-element.elementor-element-2a27a97:not(.elementor-motion-effects-element-type-background), .elementor-1604 .elementor-element.elementor-element-2a27a97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEF3;}.elementor-1604 .elementor-element.elementor-element-2a27a97::before, .elementor-1604 .elementor-element.elementor-element-2a27a97 > .elementor-background-video-container::before, .elementor-1604 .elementor-element.elementor-element-2a27a97 > .e-con-inner > .elementor-background-video-container::before, .elementor-1604 .elementor-element.elementor-element-2a27a97 > .elementor-background-slideshow::before, .elementor-1604 .elementor-element.elementor-element-2a27a97 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1604 .elementor-element.elementor-element-2a27a97 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1604 .elementor-element.elementor-element-8dca2eb{text-align:center;}.elementor-1604 .elementor-element.elementor-element-c9f9168 > .elementor-widget-container{margin:0em 0em 0em -0.8em;padding:0em 0em 0em 0em;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1604 .elementor-element.elementor-element-cc6e7c7{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:1em;--padding-left:2em;--padding-right:2em;}.elementor-1604 .elementor-element.elementor-element-8ff4de4 .elementor-heading-title{font-size:1.9em;}.elementor-1604 .elementor-element.elementor-element-9784592{width:var( --container-widget-width, 27em );max-width:27em;--container-widget-width:27em;--container-widget-flex-grow:0;text-align:center;line-height:1.5em;}.elementor-1604 .elementor-element.elementor-element-9784592 > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-1604 .elementor-element.elementor-element-a0add67{--margin-top:-1em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-1604 .elementor-element.elementor-element-a0add67.e-con{--align-self:flex-start;}.elementor-1604 .elementor-element.elementor-element-8d5becf{--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-1604 .elementor-element.elementor-element-c557aef > .elementor-widget-container{margin:-0.2em 0em 0em 0em;}.elementor-1604 .elementor-element.elementor-element-c557aef{line-height:1em;}.elementor-1604 .elementor-element.elementor-element-2a27a97{--padding-top:2em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}}@media(max-width:767px){.elementor-1604 .elementor-element.elementor-element-cc6e7c7{--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-1604 .elementor-element.elementor-element-8ff4de4{text-align:center;}.elementor-1604 .elementor-element.elementor-element-8ff4de4 .elementor-heading-title{line-height:1em;}.elementor-1604 .elementor-element.elementor-element-9784592 > .elementor-widget-container{margin:-0.6em 0em 0em 0em;}.elementor-1604 .elementor-element.elementor-element-a0add67{--content-width:100%;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-1604 .elementor-element.elementor-element-8d5becf{--width:100%;}.elementor-1604 .elementor-element.elementor-element-a53be35{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1604 .elementor-element.elementor-element-2a27a97{--padding-top:3em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}}@media(min-width:768px){.elementor-1604 .elementor-element.elementor-element-cc6e7c7{--content-width:1200px;}.elementor-1604 .elementor-element.elementor-element-a8c66e7{--width:100%;}.elementor-1604 .elementor-element.elementor-element-a0add67{--content-width:1200px;}.elementor-1604 .elementor-element.elementor-element-f4f1ef5{--width:40%;}.elementor-1604 .elementor-element.elementor-element-8d5becf{--width:100%;}.elementor-1604 .elementor-element.elementor-element-e5c3696{--width:60%;}.elementor-1604 .elementor-element.elementor-element-5b378f0{--content-width:1200px;}.elementor-1604 .elementor-element.elementor-element-2a27a97{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1604 .elementor-element.elementor-element-f4f1ef5{--width:50%;}.elementor-1604 .elementor-element.elementor-element-e5c3696{--width:50%;}.elementor-1604 .elementor-element.elementor-element-2a27a97{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c9f9168 *//* ===== Creative Classroom: CF7 Artwork Form ===== */
.cc-artwork-form{
  width: 100%;
  margin: 0 auto;
  padding: 3em 2.5em 3em 2.5em;
  background-color: #F3EEF3;
}

/* Labels */
.cc-artwork-form label{
  display: block !important;
  font-weight: 700;
  font-size: 1em;
  font-family: nunito;
  color: #5F285E; /* deep purple */
}

/* Inputs + textarea */
.cc-artwork-form input[type="text"],
.cc-artwork-form input[type="email"],
.cc-artwork-form input[type="tel"],
.cc-artwork-form textarea{
  width: 100%;
  padding: 0.5em;
  font-size: 1em;
  border-radius: 0.35em;
  background: transparent;
  outline: none;
  background-color: #FFFF;
   margin-top: 0.3em;
   margin-bottom: 0.5em;
}


/* Keep the message box from becoming massive */
.cc-artwork-form textarea{
  height: 2em;
  min-height: 2em;
  resize: vertical;
}

/* File upload */
.cc-artwork-form input[type="file"]{
  display: block;
  font-size: 1em;
  height: 2em;
  margin-top: 0.6em;
}

/* Submit button (remove CF7 default orange) */
.cc-artwork-form input[type="submit"]{
  display: block;
  width:13em;
  margin: 1.5em auto;
  padding: 0.8em;
  font-size: 0.95em;
  font-weight: 700;
  color: #fff !important;
  background: #5F285E;
  border: none !important;
  border-radius: 0.5em;
  cursor: pointer;
}

/* Hover */
.cc-artwork-form input[type="submit"]:hover{
  filter: brightness(0.9);
  background: #1DBEDF;
}

/* CF7 validation text */
.cc-artwork-form .wpcf7-not-valid-tip{
  font-size: 0.9em;
  margin-top: -0.8em;
  margin-bottom: 1em;
}

/* CF7 response box */
.cc-artwork-form .wpcf7-response-output{
  margin: 1em 0 0;
  padding: 1em;
  border-radius: 0.5em;
}

/* ===== FIX: Elementor + CF7 spacing around the artwork form ===== */

/* 1) Remove Elementor widget container padding that pushes the form in */
.elementor-widget-shortcode .elementor-widget-container{
  padding: 0 !important;
}

/* 2) Remove CF7 default bottom spacing between top-level blocks (causes the big gap) */
.wpcf7 form > p,
.wpcf7 form > div{
  margin-bottom: 0 !important;
}

/* 3) Keep spacing controlled only by your wrapper (tweak side padding if needed) */
.cc-artwork-form{
  width: 100%;
  margin: 0 auto !important;
  padding: 3em 1.5em 1em; /* change 1.5em to 2.5em if you want wider side padding */
  box-sizing: border-box;
}

/* 4) Ensure no extra space below the submit button */
.cc-artwork-form input[type="submit"]{
  margin-bottom: 0 !important;
}

/* FIX: Input text disappearing on blur (Astra + CF7) */
.cc-artwork-form input[type="text"],
.cc-artwork-form input[type="email"],
.cc-artwork-form input[type="tel"],
.cc-artwork-form textarea{
  color: #00000 !important;                 /* force visible text */
  background-color: #ffffff !important;     /* prevent transparent blur bug */
  -webkit-text-fill-color: #3b0a45 !important;
  opacity: 1 !important;
}

/* ===============================
   CF7 Desktop 2-column layout
   =============================== */

.cc-artwork-form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8em 0.5em; /* row gap | column gap */
  width: 100%;
  box-sizing: border-box;
}

/* Make labels behave as grid items */
.cc-artwork-form label{
  display: block;
  margin: 0;
}

/* Full-width rows */
.cc-artwork-form label:has(input[name="your-email"]),
.cc-artwork-form label:has(textarea),
.cc-artwork-form label:has(input[type="file"]),
.cc-artwork-form input[type="submit"]{
  grid-column: 1 / -1;
}

/* Inputs fill available width */
.cc-artwork-form input,
.cc-artwork-form textarea{
  width: 100%;
  box-sizing: border-box;
}

/* Center submit button */
.cc-artwork-form input[type="submit"]{
  justify-self: center;
  margin-top: 1em;
}

/* Make upload full-width and left-aligned */
.cc-artwork-form .cc-upload{
  grid-column: 1 / -1;
  text-align: left;
}

/* Center ONLY the submit row */
.cc-artwork-form .cc-actions{
  grid-column: 1 / -1;
  text-align: center;
  margin-top: -1em;
  margin-left: 2em;
}

.cc-artwork-form .cc-actions input[type="submit"]{
  display: inline-block;
  margin: 0 auto !important;
}



/* ===============================
   Mobile: single column
   =============================== */
@media (max-width: 48em){
  .cc-artwork-form{
    grid-template-columns: 1fr;
  }

  .cc-artwork-form input[type="submit"]{
    width: 100%;
  }
  
  /* Center ONLY the submit row */
.cc-artwork-form .cc-actions{
  grid-column: 1 / -1;
  margin-left: 0;
}
}/* End custom CSS */