/* 
 Theme Name:   Hello Elementor Luciana Seabra
 Theme URI:    lucinanaseabra.com.br
 Description:  Luciana Seabra Theme
 Author:       LeandroCSA
 Author URI:   lucinanaseabra.com.br
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* LUCIANA SEABRA THEME CSS */
@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&display=swap');

:root {
  --background: #1c1d1e;
  --primary-color: #11DB8A;
  --primary-color-light: #073aa8;
  --text-color: #B4C9C7;

  --background-footer: #161217;
  --background-second-block: #042546;
  
  --font-primary: 'Ropa Sans', sans-serif;
  --font-secondary: 'Ropa Sans', sans-serif;

  --design-bg: #212121;
  --design-text: #ffffff;
  --design-text-featured: #7bf5e2;
  --design-error-color: #ff4545;
  --design-error-color-rgb: 255, 69, 69;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body { padding: 0; margin: 0; }

body {
  background-color: #212121 !important;
  color: var(--design-text) !important;
  background-image: url('./assets/luciana-seabra-bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

a {
  color: inherit;
  text-decoration: underline;
  color: var(--design-text-featured);
}

h1 {
  color: var(--design-text);
}

h2 {
  margin: 0 0 2rem 0;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

main#content { padding: 0; }
.main { margin-top: 16px; }
.w-full { width: 100%; }
.block { position: relative; }
.img { display: block; width: 100%; height: auto; max-width: 210px; margin: 0 auto; margin-top: -5vh; }
.container { margin: 0 auto; max-width: 1090px; width: calc(100% - 32px); background-color: var(--design-bg); box-shadow: 0 0 15px 0 rgba(#222222, 0.76); padding: 24px; padding-bottom: 0; min-height: 100vh; overflow: hidden; }
.container.bg-1 { background-image: url('./assets/luciana-1-mobile.png'); background-size: auto 22vh; background-repeat: no-repeat; background-position: top center; padding-top: 16vh; }
.container.bg-2 { background-image: url('./assets/luciana-2-mobile.png'); background-size: auto 30vh; background-repeat: no-repeat; background-position: center 2vh; padding-top: 20vh; }

.row-flex { display: flex; gap: 40px; justify-content: space-between; align-items: center; flex-direction: column; }
.col { width: 100%; }
.flex { display: flex; }
.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-align-start { align-items: flex-start; gap: 24px; }
.mg-b-50 { margin-bottom: 16px; }
.gap-16 { gap: 16px; }
.ps { flex-direction: column; gap: 8px; }
.ps svg { width: 32px; height: 32px; }
.ps span a { color: var(--design-text-featured) !important; }
.paragraph-icon { gap: 16px; flex-direction: column; }
.paragraph-icon span { width: 100%; }
.icon-paragraph { width: 32px; height: auto; }
.position-abs-top-lef-0 { position: absolute; top: 0; left: 0; }
.position-rel { position: relative; }
.check-paragraph { padding-left: 66px; }
.check-paragraph svg { top: 4px; }
.order-m-reverse .col:first-child { order: 2; }
.order-m-reverse .col:last-child { order: 1; }

.concord { margin-top: 2px; }
.concord label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.concord label input { width: 20px; height: 20px; display: block; padding: 0; margin: 0; box-sizing: border-box; }
.concord label span { width: calc(100% - 30px); }

footer { text-align: center; justify-content: center; align-items: center;  gap: 8px; }
footer .show { margin: 0 auto; width: calc(100% - 50px); background-color: var(--design-bg); padding: 24px 0; }
footer p { font-size: 16px !important; }

form#_form_6331F57E2BB2E_{ background: transparent !important; padding: 0; }

.detail-lines { position: absolute; content: ''; top: 0; right: 0; width: 50%; display: block; z-index: 1; }

/* FORM SCSS */
._form_active_ ._form-content,
._form_1 ._form-content,
._form_5 ._form-content { width: 100%; display: flex; flex-direction: column; gap: 4px; margin-top: 0; }
._form_active_ ._form-content ._form_element label,
._form_1 ._form-content ._form_element label,
._form_5 ._form-content ._form_element label { display: none; }

._form_active_ ._form-content ._form_element ._field-wrapper input,
._form_1 ._form-content ._form_element ._field-wrapper input,
._form_5 ._form-content ._form_element ._field-wrapper input { height: 40px; border: 0; border-bottom: 2px solid #388075; padding: 12px; color: #fff; }
._form_active_ ._form-content ._form_element ._field-wrapper input,
._form_1 ._form-content ._form_element ._field-wrapper input,
._form_5 ._form-content ._form_element ._field-wrapper input { background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.05) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.05) 100%); background: linear-gradient(90deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
._form_active_ ._form-content ._form_element ._field-wrapper input:focus,
._form_1 ._form-content ._form_element ._field-wrapper input:focus,
._form_5 ._form-content ._form_element ._field-wrapper input:focus { border-color: var(--primary-color); }
._form_active_ ._form-content ._form_element ._field-wrapper input::placeholder,
._form_1 ._form-content ._form_element ._field-wrapper input::placeholder,
._form_5 ._form-content ._form_element ._field-wrapper input::placeholder { color: rgb(202, 202, 202); font-size: 0.9em; font-style: italic; }

.btn,
input[type="submit"] { border: 0; outline: none; font-size: 16px; font-weight: bold; line-height: 1em; padding: 0; border-radius: 0px; width: 100%; transition: all .15s ease-in-out; background: #388075; text-transform: uppercase; position: relative; height: 50px; cursor: pointer; }
.btn:before,
input[type="submit"]:before { content: ""; position: absolute; bottom: -6px; left: 0; width: 100%; height: 8px; }
.btn:before,
input[type="submit"]:before { transition: all .15s ease-in-out; background: rgb(56,128,117); background: -moz-linear-gradient(90deg, rgba(56,128,117,1) 0%, rgba(56,128,117,0) 100%); background: -webkit-linear-gradient(90deg, rgba(56,128,117,1) 0%, rgba(56,128,117,0) 100%); background: linear-gradient(90deg, rgba(56,128,117,1) 0%, rgba(56,128,117,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#388075",endColorstr="#388075",GradientType=1); }
.btn.last-button,
input[type="submit"].last-button { margin-top: 32px; }
.btn:hover,
input[type="submit"]:hover { background: #479e91; }
.btn:disabled,
input[type="submit"]:disabled { background-color: #484848; color: #ccc; }

#_form_1_submit,
#_form_5_submit,
._form_active_ ._form-content ._button-wrapper button,
._form_1 ._form-content ._button-wrapper button
._form_5 ._form-content ._button-wrapper button { color: #fff; border: 0; outline: none; font-size: 16px; font-weight: bold; line-height: 1em; padding: 0; border-radius: 0px; width: 100%; transition: all .15s ease-in-out; background: #388075; text-transform: uppercase; position: relative; height: 50px; cursor: pointer; }
#_form_1_submit:before,
#_form_5_submit:before,
._form_active_ ._form-content ._button-wrapper button:before,
._form_1 ._form-content ._button-wrapper button:before,
._form_5 ._form-content ._button-wrapper button:before { content: ""; position: absolute; bottom: -6px; left: 0; width: 100%; height: 8px; }
#_form_1_submit:before,
#_form_5_submit:before,
._form_active_ ._form-content ._button-wrapper button:before,
._form_1 ._form-content ._button-wrapper button:before,
._form_5 ._form-content ._button-wrapper button:before { transition: all .15s ease-in-out; background: rgb(56,128,117); background: -moz-linear-gradient(90deg, rgba(56,128,117,1) 0%, rgba(56,128,117,0) 100%); background: -webkit-linear-gradient(90deg, rgba(56,128,117,1) 0%, rgba(56,128,117,0) 100%); background: linear-gradient(90deg, rgba(56,128,117,1) 0%, rgba(56,128,117,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#388075",endColorstr="#388075",GradientType=1); }
#_form_1_submit:hover,
#_form_5_submit:hover,
._form_active_ ._form-content ._button-wrapper button:hover,
._form_1 ._form-content ._button-wrapper button:hover,
._form_5 ._form-content ._button-wrapper button:hover { background: #479e91; }
#_form_1_submit:disabled,
#_form_5_submit:disabled,
._form_active_ ._form-content ._button-wrapper button:disabled,
._form_1 ._form-content ._button-wrapper button:disabled,
._form_5 ._form-content ._button-wrapper button:disabled { background-color: #484848; color: #ccc; }

.validation--error { color: var(--design-error-color); background: rgba(var(--design-error-color-rgb), 0.1); padding: 8px; font-size: 14px; border-left: 2px solid var(--design-error-color); line-height: 14px; }
.form-textbox-error { border-color: var(--design-error-color); }

p { font-weight: 400; font-family: 'Ropa Sans', sans-serif; margin-bottom: 0!important; }
strong, b { font-weight: 700; }
button { cursor: pointer; }

.fnt-title { font-family: var(--font-primary); }
.fnt-text { font-family: var(--font-primary); }
.fnt-color-white { color: #fff; }
.fnt-regular { font-weight: 400; }
.fnt-size-small { font-size: 0.85rem; line-height: 1.25em; }
.fnt-size-regular { font-size: 16px; line-height: 1.15em; font-weight: 400; }
.fnt-size-big { font-size: 1.75rem; line-height: 1.25em; }
.destaque { color: var(--design-text-featured) }
.desc-text { gap: 16px; }

._form_active_ ._form-content ._form_element ._form-fieldset,
._form_1 ._form-content ._form_element ._form-fieldset,
._form_5 ._form-content ._form_element ._form-fieldset { padding: 8px; background: rgba(0,0,0,.5); border-radius: 4px; margin-top: 2px; border: 2px solid #000; }
._form_active_ ._form-content ._form_element ._form-fieldset ._checkbox-radio,
._form_1 ._form-content ._form_element ._form-fieldset ._checkbox-radio,
._form_5 ._form-content ._form_element ._form-fieldset ._checkbox-radio { display: flex; align-items: center; gap: 10px; }
._form_active_ ._form-content ._form_element ._form-fieldset ._checkbox-radio input,
._form_1 ._form-content ._form_element ._form-fieldset ._checkbox-radio input,
._form_5 ._form-content ._form_element ._form-fieldset ._checkbox-radio input { width: 20px; height: 20px; }
._form_active_ ._form-content ._form_element ._form-fieldset ._checkbox-radio span,
._form_1 ._form-content ._form_element ._form-fieldset ._checkbox-radio span,
._form_5 ._form-content ._form_element ._form-fieldset ._checkbox-radio span { width: 100%; }
._form_active_ ._form-content ._form_element ._form-fieldset ._checkbox-radio span label,
._form_1 ._form-content ._form_element ._form-fieldset ._checkbox-radio span label,
._form_5 ._form-content ._form_element ._form-fieldset ._checkbox-radio span label { display: block !important; font-size: 1rem; line-height: 1.2em; font-family: var(--font-primary); }

.page-header { display: none; }
.page-header h1.entry-title { text-indent: -99999px; }

@media (min-width: 992px) {
  .main { margin-top: 32px; }
    h2 { margin: 0 0 2.5rem 0; font-size: 4rem; line-height: 4rem; }
  .img { margin-top: -60px; max-width: 460px; }
  .container { width: calc(100% - 50px); padding: 80px; }
  .container.bg-1 { background-image: url('./assets/luciana-foto-1.jpg'); background-size: auto 100%; background-repeat: no-repeat; background-position: top right; padding-top: 48px; }
  .container.bg-2 { background-image: url('./assets/luciana-foto-3.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: center left; padding-top: 100px; }
  .row-flex { flex-direction: row; gap: 80px; }
  .mg-b-50 { margin-bottom: 50px; }
  .ps { flex-direction: row; }
  .ps svg { width: 40px; height: 40px; }
  .paragraph-icon { gap: 24px; flex-direction: row; }
  .paragraph-icon span { width: calc(100% - 74px); }
  .icon-paragraph { width: 50px; }
  .order-m-reverse .col:first-child { order: 1; }    
  .order-m-reverse .col:last-child { order: 2; }
  .concord { padding: 16px; }

  footer .show { padding: 48px 0; gap: 16px; max-width: 1090px; width: calc(100% - 48px); }
  footer p { font-size: 18px !important; }

  ._form_active_,
  ._form_1,
  ._form_5 { gap: 12px; margin-top: 0; }
  input { height: 56px; }
  .btn,
  input[type="submit"] { height: 70px; padding: 0; font-size: 1.3rem; }
  .btn.last-button,
  input[type="submit"].last-button { margin-top: 50px; }
  ._form_active_ ._form-content ._form_element ._form-fieldset,
  ._form_1 ._form-content ._form_element ._form-fieldset,
  ._form_5 ._form-content ._form_element ._form-fieldset { padding: 16px; }
  ._form_active_ ._form-content ._form_element ._field-wrapper input,
  ._form_1 ._form-content ._form_element ._field-wrapper input,
  ._form_5 ._form-content ._form_element ._field-wrapper input { height: 48px; }
  .btn,
  input[type="submit"],
  #_form_1_submit,
  #_form_5_submit,
  ._form_active_ ._form-content ._button-wrapper button,
  ._form_1 ._form-content ._button-wrapper button,
  ._form_5 ._form-content ._button-wrapper button { font-size: 18px; height: 60px; }

  .fnt-size-small { font-size: 1rem; line-height: 1.25em; }
  .fnt-size-regular { font-size: 1.2rem; line-height: 1.3em; }
  .fnt-size-big { font-size: 3rem; line-height: 1.25em; }
  .desc-text { gap: 24px; }

  ._form_active_ ._form-content,
  ._form_1 ._form-content,
  ._form_5 ._form-content { gap: 8px; }
}