/* CSS Document - pruned to selectors used by index.html */
body {
  font-family: 'Sen', sans-serif;
  font-size: 1.5em;
}

h1, h2, h3, h4 {
  font-family: 'Fauna One', serif;
  font-weight: bold;
}

h1 {
  font-size: 2.75em;
  font-weight: bold;
}

h2 {
  font-size: 1.75em;
  font-weight: bold;
}

ul {
  text-align: left;
}

.bonusrow .col-sm-8, .bonusrow .bonus_image {
  background-color: rgba(255, 255, 255, 0.60);
  border: 0px solid white;
  border-radius: 15px;
}

.bonusrow .col-sm-8 {
  padding-top: 10px;
}

.area1 h1 {
  font-variant: small-caps;
}

.area1 {
  text-align: center;
  padding: 50px;
  color: #000000;
	  background-image: url(images/area_1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.area2 {
  text-align: left;
  background-color: rgba(186, 139, 190, .1);
  background-image: url(images/area_2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.area2a {
  text-align: left;
  background-color: rgba(186, 139, 190, .1);
  background-image: url(images/area_2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 50px;
}

.area2inner {
  padding: 50px;
  background-image: url('images/area2inner.png');
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}

@media (min-width: 1280px) {
  h1 .large {
    font-size: 1.5em;
  }
}

.area3 {
  background: linear-gradient(
    135deg,
    #d9d4b8 0%,
    #b9c39b 18%,
    #8fa07a 40%,
    #6f8666 62%,
    #556b52 82%,
    #8f6c74 100%
  );

  text-align: center;
  padding: 50px;
  color: #ffffff;
}
/*
.area3 {
  background: #645698;
  background: linear-gradient(to bottom right, #fbd887 0%, #645698 10%, #380548 100%);
  text-align: center;
  padding: 50px;
  color: #ffffff;
}
*/

.area4 {
  background: linear-gradient(
    135deg,
    #f7e4a6 0%,
    #f2c96b 22%,
    #d9a14d 45%,
    #b7a06a 68%,
    #8f9a68 100%
  );

  text-align: center;
  padding: 50px;
  color: #000000;
}


.area4a {
  background: linear-gradient(
    45deg,
    #f7e4a6 0%,
    #f2c96b 22%,
    #d9a14d 45%,
    #b7a06a 68%,
    #8f9a68 100%
  );

  text-align: center;
  padding: 50px;
  color: #000000;
}
/*
.area4 {
  background: #d4bcd5;
  background: linear-gradient(to bottom right, #d4bcd5 35%, #e1e3ff 90%, #fbd887 100%);
  text-align: center;
  padding: 50px;
  color: #000000;
}

.area4a {
  background: #d4bcd5;
  background: linear-gradient(to top right, #d4bcd5 35%, #e1e3ff 90%, #fbd887 100%);
  text-align: center;
  padding: 50px;
  color: #000000;
}
*/
.area5{
  background: #d4bcd5;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	 background-image: url('images/area_5.jpg');
  padding: 50px;
  color: #000000;	
	
}

.letter{
	font-family: 'Shadows Into Light Two', sans-serif;
	font-size: 150%;
	font-weight:400;
	
}
.area6 {
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
}

.area6 img, .area7 img {
  width: 100%;
  height: auto;
}

.area7 {
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
}

.area9 {
  display: none;
  background-image: url(images/area_9.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px;
  color: #000000;
  background-position: center center;
}

.area11 {
  background: rgb(83, 53, 29);
  background: -webkit-linear-gradient(bottom right, rgba(83, 53, 29, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(58, 31, 34, .5) 100%);
  background: -o-linear-gradient(bottom right, rgba(83, 53, 29, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(58, 31, 34, .5) 100%);
  background: linear-gradient(to top left, rgba(83, 53, 29, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(58, 31, 34, .5) 100%);
  text-align: center;
  padding: 50px;
  color: #000000;
}

.area11a {
  background: rgb(83, 53, 29);
  background: -webkit-linear-gradient(bottom left, rgba(58, 31, 34, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(83, 53, 29, .5) 100%);
  background: -o-linear-gradient(bottom left, rgba(58, 31, 34, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(83, 53, 29, .5) 100%);
  background: linear-gradient(to top right, rgba(58, 31, 34, .5) 0%, rgba(221, 180, 89, .5) 50%, rgba(83, 53, 29, .5) 100%);
  text-align: center;
  padding: 50px;
  color: #000000;
}

.area12 {
  border: rgba(212, 188, 213, 1), solid 1px;
  background-color: rgba(186, 139, 190, .1);
  border-radius: 20px;
  text-align: center;
  padding: 20px 40px 0px 40px;
  color: #000000;
  margin: 40px auto 40px auto;
}

.sociallink {
  padding: 10px;
}

.bonus_image {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
  width: 100%;
  height: auto;
}

.testimonial_image {
  width: 100%;
  height: auto;
  border: 1px #645698 solid;
  border-radius: 50%;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.25), 0px 0px 2px #FFFFFF;
}

.checklist {
  padding-left: 15%;
  list-style-image: url("images/checkmark.png");
}

.side_image {
  width: 100%;
  height: auto;
}

.bonusrow {
  text-align: left;
  margin-top: 50px;
}

.blacktext {
  color: #000000;
}

.btn {
  background: #ffe279;
  background-image: -webkit-linear-gradient(top, #ffe279, #f2b270);
  background-image: -moz-linear-gradient(top, #ffe279, #f2b270);
  background-image: -ms-linear-gradient(top, #ffe279, #f2b270);
  background-image: -o-linear-gradient(top, #ffe279, #f2b270);
  background-image: linear-gradient(to bottom, #ffe279, #f2b270);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 1px 3px 3px #666666;
  -moz-box-shadow: 1px 3px 3px #666666;
  box-shadow: 1px 3px 3px #666666;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  min-width: 200px;
  font-weight: bold;
}

.btn_order {
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 24px;
  padding: 10px 20px 10px 20px;
  margin: 20px;
}

.btn:hover {
  background: #f2b270;
  background-image: -webkit-linear-gradient(top, #f2b270, #ffe279);
  background-image: -moz-linear-gradient(top, #f2b270, #ffe279);
  background-image: -ms-linear-gradient(top, #f2b270, #ffe279);
  background-image: -o-linear-gradient(top, #f2b270, #ffe279);
  background-image: linear-gradient(to bottom, #f2b270, #ffe279);
  text-decoration: none;
  color: #000000;
}


/* ===== ENTIRE FORM BACKGROUND TRANSPARENT ===== */

.formkit-form[data-uid="5418afa3d9"] {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    max-width: 420px;
}

/* Remove white card backgrounds */
.formkit-form[data-uid="5418afa3d9"] [data-style="card"],
.formkit-form[data-uid="5418afa3d9"] .formkit-column,
.formkit-form[data-uid="5418afa3d9"] .formkit-background {
    background: transparent !important;
    box-shadow: none !important;
}

/* ===== HIDE EVERYTHING EXCEPT FIELDS + BUTTON ===== */

/* Hide left black header column entirely */
.formkit-form[data-uid="5418afa3d9"] [data-element="header"] {
    display: none !important;
}

/* Hide subheader text */
.formkit-form[data-uid="5418afa3d9"] [data-element="subheader"] {
    display: none !important;
}

/* Hide guarantee/spam text */
.formkit-form[data-uid="5418afa3d9"] .formkit-guarantee {
    display: none !important;
}

/* Hide error box until needed */
.formkit-form[data-uid="5418afa3d9"] .formkit-alert {
    display: none !important;
}

/* Remove extra padding */
.formkit-form[data-uid="5418afa3d9"] .formkit-column {
    padding: 0 !important;
}

/* ===== INPUT FIELD STYLING ===== */

.formkit-form[data-uid="5418afa3d9"] .formkit-input {
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
    color: #333 !important;
}

/* ===== BUTTON SELECTOR ===== */
/* THIS is the selector you edit for the button */

.formkit-form[data-uid="5418afa3d9"] .formkit-submit {
    background: linear-gradient(to bottom, #ffe279, #f2b270) !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    width: 100% !important;
    padding: 14px 20px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;
    transition: all .2s ease;
}

/* Hover */
.formkit-form[data-uid="5418afa3d9"] .formkit-submit:hover {
    background: linear-gradient(to bottom, #f2b270, #ffe279) !important;
    transform: translateY(-1px);
}

/* Button text */
.formkit-form[data-uid="5418afa3d9"] .formkit-submit span {
    background: transparent !important;
}

/* ===== REMOVE EXTRA CONVERTKIT BRANDING ===== */

.formkit-form[data-uid="5418afa3d9"] .formkit-powered-by-convertkit-container {
    display: none !important;
}