/*
 Theme Name:   Kate Gaertner Main 
 Author:       Jonathan Bailey 

 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html 

 Text Domain:  kategaertnermain 
*/
/* ==========================================================================
   Variables
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&display=swap");
@keyframes highlight_fade {
  from {
    background-color: white;
  }
  to {
    background-color: #FFFF01;
  }
}
body, html {
  overflow-x: hidden;
}
/****************PATCH***************/

body.single-product #primary {
  height:100vh;
}
/******************************/
body * {
  font-family: "Barlow Condensed", sans-serif;
}

section.elementor-section-boxed {
  padding: 0 2rem;
}
section.elementor-section-boxed section {
  padding: 0 !important;
}

button, .button, .elementor-button {
  text-transform: uppercase !important;
  font-weight: bold !important;
  background: #ff8159 !important;
  border: 2px solid #ff8159 !important;
  color: white !important;
  font-size: 1.4rem !important;
}
button a.elementor-button-link, .button a.elementor-button-link, .elementor-button a.elementor-button-link {
  padding: 0.5rem 0 0.6rem 0;
}
button:hover, .button:hover, .elementor-button:hover {
  color: #ff8159 !important;
  background-color: white !important;
}

#subscribe_button {
  text-transform: uppercase !important;
  font-weight: bold !important;
  background: #ff8159 !important;
  border: 2px solid #ff8159 !important;
  color: white !important;
  font-size: 1.4rem !important;
  width: 30%;
}
#subscribe_button a.elementor-button-link {
  padding: 0.5rem 0 0.6rem 0;
}
#subscribe_button:hover {
  color: #ff8159 !important;
  background-color: white !important;
}
#subscribe_button a.elementor-button-link {
  width: 90%;
}

.red {
  color: #a63333 !important;
}

.green-button .elementor-button-wrapper a {
  font-size: 16px;
  background-color: #0C5B5F !important;
  border: none !important;
  border: 2px solid #0C5B5F !important;
  padding: 0.1rem 1rem 0.4rem 1rem !important;
}
.green-button .elementor-button-wrapper a:hover {
  color: #0C5B5F !important;
  background: white !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  text-transform: uppercase !important;
  font-weight: bold !important;
  background: #ff8159 !important;
  border: 2px solid #ff8159 !important;
  color: white !important;
  font-size: 1.4rem !important;
  padding: 0.5rem 1rem 0.4rem 1rem !important;
  background: #ff8159 !important;
}
.woocommerce #respond input#submit a.elementor-button-link, .woocommerce a.button a.elementor-button-link, .woocommerce button.button a.elementor-button-link, .woocommerce input.button a.elementor-button-link {
  padding: 0.5rem 0 0.6rem 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  color: #ff8159 !important;
  background-color: white !important;
}

#full_cultivate ul.products .kg_product_short_description ul {
  padding-left: 2rem;
}

#full_cultivate ul.products .kg_product_short_description p, #full_cultivate ul.products .kg_product_short_description li {
  color: black;
}

#full_cultivate ul.products .kg_product_short_description li {
  list-style-type: disc;
}

body.cart .kg_product_short_description {
  display: none !important;
}

#alacarte_modules ul.products.elementor-grid li.product a.woocommerce-loop-product__link {
  display: flex;
  justify-content: space-between;
  position: relative;
}
#alacarte_modules ul.products li.product a img {
  width: 100%;
  height: auto;
  max-width: 25rem;
  display: block;
  margin: 0 0 1em;
  box-shadow: none;
}
#alacarte_modules ul.products li.product .button {
  display: block;
}
#alacarte_modules ul.products .woocommerce-loop-product__title {
  position: absolute;
  left: 28rem;
  padding-top: 0;
  padding-bottom: 2rem;
}
#alacarte_modules .elementor-widget-woocommerce-products.elementor-wc-products ul.products {
  position: absolute;
  left: 28rem;
  padding-top: 0;
}
#alacarte_modules .price {
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
}
#alacarte_modules .kg_product_short_description {
  margin-left: 3rem;
  margin-top: 3rem;
}

.fixed_purchase {
  display: none;
}

body.parent-pageid-4920 .fixed_purchase {
  display: block;
}
body.parent-pageid-4920 .fixed_purchase a {
  text-align: left;
  position: fixed;
  top: 6.5rem;
  right: 0;
  z-index: 1000;
}

#mc-embedded-subscribe-form {
  justify-content: flex-end;
}
#mc-embedded-subscribe-form #email {
  width: auto !important;
  margin-right: 1rem;
  border: 2px solid #29ABE3;
}
#mc-embedded-subscribe-form #mc-submit {
  font-size: 16px;
  background-color: #0C5B5F !important;
  border: none !important;
  border: 2px solid #0C5B5F !important;
  padding: 0.1rem 1rem 0.4rem 1rem !important;
}
#mc-embedded-subscribe-form #mc-submit:hover {
  color: #0C5B5F !important;
  background: white !important;
}

/**header**/
#header_black {
  z-index: 100;
}

#header_blue {
  z-index: 10;
}

.signup_header {
  display: flex;
}
.signup_header label {
  min-width: 40%;
  font-size: 1.3rem;
  padding-top: 0.5rem;
  letter-spacing: 1px;
}

#email_text {
  padding-right: 1rem;
}

.interior_photo {
  min-height: 320px !important;
  margin-right: 2rem;
}

#cart_box {
  width: 15%;
}

#social_media_box {
  width: 85%;
}

.h2_line_through .elementor-widget-wrap {
  justify-content: center;
}
.h2_line_through .elementor-widget-heading {
  margin-top: -2rem;
  display: inline;
  background: white;
  width: auto !important;
  padding: 0 1rem;
}

/*** Events ***/
#section_events article {
  border-bottom: 3px solid #0C5B5F;
}
#section_events article:last-of-type {
  border-bottom: none;
}

/***footer**/
#footer a, #footer span, #footer li, #footer div, #footer p {
  font-size: 1.4rem;
}
#footer a {
  color: #000;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .woocommerce-LoopProduct-link {
    display: block !important;
  }
  .woocommerce-LoopProduct-link li.product type-product {
    padding-bottom: 0 !important;
  }
  .woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail {
    margin: 0 auto !important;
    max-width: 95% !important;
  }
  .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    position: relative !important;
    left: 0 !important;
    padding-top: 1rem !important;
    text-align: center !important;
  }

  #footer_left .elementor-inline-items {
    justify-content: center;
  }

  #footer_center {
    text-align: center;
  }

  #alacarte_modules .price {
    bottom: -2rem;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 16px;
  }

  body.parent-pageid-4920 .fixed_purchase a {
    top: 8rem;
  }
}
@media only screen and (max-width: 800px) {
  html {
    font-size: 14px;
  }

  body.parent-pageid-4920 .fixed_purchase a {
    top: 11rem !important;
  }
}
@media only screen and (max-width: 600px) {
  html {
    font-size: 12px;
  }

  body.parent-pageid-4920 .fixed_purchase a {
    top: 10rem !important;
  }
}
@media only screen and (max-width: 468px) {
  #email_text {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 414px) {
  nav .menu-item a {
    padding: 5px 10px !important;
  }
}
/**home page**/
section[pclass=touts] {
  padding: 4rem;
}
section[pclass=touts] .elementor-button-wrapper {
  text-align: center;
}
section[pclass=touts] .elementor-button {
  text-transform: uppercase !important;
  font-weight: bold !important;
  background: #ff8159 !important;
  border: 2px solid #ff8159 !important;
  color: white !important;
  font-size: 1.4rem !important;
  background: white !important;
  border: 2px solid #29ABE3 !important;
  color: #29ABE3 !important;
}
section[pclass=touts] .elementor-button a.elementor-button-link {
  padding: 0.5rem 0 0.6rem 0;
}
section[pclass=touts] .elementor-button:hover {
  color: #ff8159 !important;
  background-color: white !important;
}
section[pclass=touts] .elementor-button:hover {
  color: white !important;
  background-color: #29ABE3 !important;
}

.main_slider_text, .main_slider_text p, .main_slider_text strong {
  font-style: italic;
  color: white;
  font-size: 1.9rem;
}

@media only screen and (max-width: 1650px) {
  #main_slider_right .elementor-widget-wrap {
    padding-top: 20%;
  }
}
@media only screen and (max-width: 1400px) {
  .main_slider_text p, .main_slider_text strong #preorder_button span {
    font-size: 1.5rem !important;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .main_slider_text p, .main_slider_text strong #preorder_button span {
    font-size: 1.4rem !important;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_box .elementor-widget-container {
    padding: 0 !important;
  }

  .main_slider_col {
    width: 100% !important;
  }

  .interior_photo {
    margin-right: 0 !important;
  }

  #main_slider_center {
    padding: 0 10rem 2rem 10rem;
  }

  #main_slider_right {
    padding-left: 5rem;
  }

  #main_slider {
    background-image: none;
  }
  #main_slider .elementor-row {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 990px) {
  #main_slider_center {
    padding: 0 !important;
  }
  #main_slider_center .main_slider_text {
    text-align: center;
  }

  #main_slider_right {
    padding-top: 0%;
  }

  #take-a-peek-image {
    width: 90%;
    margin: 0 auto;
  }

  #take-a-peek-copy {
    width: 100%;
  }
  #take-a-peek-copy .elementor-column-wrap {
    padding-top: 0 !important;
  }
  #take-a-peek-copy .elementor-column-wrap h2, #take-a-peek-copy .elementor-column-wrap p {
    text-align: center;
  }
  #take-a-peek-copy .elementor-column-wrap h2 {
    padding-top: 1.5rem;
  }
  #take-a-peek-copy .elementor-widget-container {
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  #social_media_box .elementor-inline-items, #cart_box .elementor-inline-items {
    justify-content: flex-end;
  }
  #social_media_box .elementor-inline-items .elementor-inline-item, #cart_box .elementor-inline-items .elementor-inline-item {
    margin: 0 !important;
  }
  #social_media_box .fab, #social_media_box .fas, #cart_box .fab, #cart_box .fas {
    font-size: 20px;
  }
}
.circle_icon {
  padding: 15% 5% 5% 5%;
  border-radius: 50%;
  margin: 0 auto;
  max-width: 400px;
}

#the_book_icon:hover #book_p1 {
  fill: #f6e7d5;
}
#the_book_icon:hover #book_p2 {
  fill: white;
}
#the_book_icon:hover #book_p3 {
  fill: white;
}

#course_icon:hover .course_1 {
  fill: #92CD79;
}

#course_icon:hover .course_2 {
  fill: #39AFAA;
}

#course_icon:hover .course_3 {
  fill: #6EC1E4;
}

#tips_icon:hover #tips_p1 {
  fill: #ffb936;
}
#tips_icon:hover #tips_p2 {
  fill: #91cc78;
}
#tips_icon:hover #tips_p3, #tips_icon:hover #tips_p4 {
  fill: #29abe3;
}
#tips_icon:hover #tips_p5 {
  fill: #ac723d;
}

#tools_icon:hover #tools_p1, #tools_icon:hover #tools_p2, #tools_icon:hover #tools_p8 {
  fill: #dff4f9;
}
#tools_icon:hover #tools_p3, #tools_icon:hover #tools_p4, #tools_icon:hover #tools_p5, #tools_icon:hover #tools_p6, #tools_icon:hover #tools_p7 {
  fill: #f2f2f2;
}
#tools_icon:hover #tools_p9 {
  fill: #92cd79;
}
#tools_icon:hover #tools_p10 {
  fill: #fbb03b;
}
#tools_icon:hover #tools_p11 {
  fill: #333;
}
#tools_icon:hover #tools_p12 {
  fill: white;
}
#tools_icon:hover #tools_p13 {
  fill: #999;
}
#tools_icon:hover #tools_p14 {
  fill: #f7bad7;
}

#quiz_icon:hover .q_lt_green {
  fill: #b1ca73;
}
#quiz_icon:hover .q_red {
  fill: #ed1c24;
}
#quiz_icon:hover .q_teal {
  fill: #39afaa;
}
#quiz_icon:hover .q_white {
  fill: #fff;
}

#workshops_icon:hover .wk_blue {
  fill: #29ABE3;
}
#workshops_icon:hover .wk_green {
  fill: #0C5B5F;
}
#workshops_icon:hover .wk_orange {
  fill: #ff8159;
}
#workshops_icon:hover .wk_beige {
  fill: #e6e6e6;
}
#workshops_icon:hover .wk_gray {
  fill: #4d4d4d;
}
#workshops_icon:hover .wk_dk_gray {
  fill: #1a1a1a;
}

#thei_icon:hover .f_blue {
  fill: #29ABE3;
}
#thei_icon:hover .f_lt_grn {
  fill: #b1ca73;
}

#twa_icon:hover .twa_orange {
  fill: #ff8159;
}
#twa_icon:hover .twa_green {
  fill: #0C5B5F;
}
#twa_icon:hover .twa_lt_green {
  fill: #92CD79;
}

#kate_icon img {
  border-radius: 50%;
}

.tout_text {
  text-align: center;
  font-size: 1.5rem;
}
.tout_text strong {
  font-size: 2rem;
  display: block;
  text-transform: uppercase;
}

.quiz, .test-quiz, .process-quiz {
  font-size: 22px;
}
.quiz #header_blue, .test-quiz #header_blue, .process-quiz #header_blue {
  display: none;
}

#quiz_text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}

div.share_text {
  text-align: center;
}
div.share_text i {
  color: #ff8159;
}
div.share_text i:hover {
  color: #ffc600;
}

ul.sub-menu {
  z-index: 110;
}

.grey {
  background: #C2ECFF;
}

#requiredMessage {
  padding: 0.5rem 1rem;
  background: red;
  color: white;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

form {
  display: flex;
  justify-content: center;
}
form .kg_quiz_section .section_wrap {
  display: none;
}
form .kg_quiz_section .section_wrap h2 {
  width: 100%;
  padding-bottom: 4rem;
  text-align: center;
}
form .kg_quiz_section .section_wrap .question_wrap {
  border-top: 2px solid #0C5B5F;
}
form .kg_quiz_section .section_wrap .question_wrap .artwork_wrap {
  width: 150px;
  background: white;
  margin: 0 auto;
  margin-top: -50px;
}
form .kg_quiz_section .section_wrap .question_wrap .artwork_wrap .artwork {
  width: 125px;
  margin: -4rem auto 0 auto;
}
form .kg_quiz_section .section_wrap .question_wrap h3 {
  text-align: center;
  color: #39AFAA;
  font-size: 1.9rem;
}
form .kg_quiz_section .section_wrap .question_wrap .instructions {
  margin-bottom: 1rem;
  text-align: center;
}
form .kg_quiz_section .section_wrap .question_wrap .instructions strong {
  font-size: 1.3rem;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable {
  width: 60%;
  list-style-type: decimal;
  margin: 0 auto;
  padding: 0;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li {
  display: flex;
  justify-content: space-between;
  background: #C2ECFF !important;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  height: auto;
  list-style-type: none;
  border: none !important;
  cursor: pointer;
  text-align: center;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li input {
  position: absolute;
  width: 50%;
  margin-left: 0.5rem;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li div.up_wrap, form .kg_quiz_section .section_wrap .question_wrap .sortable li div.down_wrap {
  width: 5%;
  min-width: 30px;
  text-align: center;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li div.up_wrap svg, form .kg_quiz_section .section_wrap .question_wrap .sortable li div.down_wrap svg {
  width: 80%;
  vertical-align: middle;
  fill: #39AFAA;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li div.up_wrap div.mask, form .kg_quiz_section .section_wrap .question_wrap .sortable li div.down_wrap div.mask {
  background: transparent;
  height: 100%;
  margin-top: -90%;
  position: relative;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li div.up_wrap:hover svg, form .kg_quiz_section .section_wrap .question_wrap .sortable li div.down_wrap:hover svg {
  fill: white;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li div.up_wrap {
  margin-right: 1rem;
}
form .kg_quiz_section .section_wrap .question_wrap .sortable li div.down_wrap {
  margin-left: 1rem;
}
form .kg_quiz_section .section_wrap .question_wrap select {
  width: 300px;
  margin: 0 auto;
}
form .kg_quiz_section .section_wrap .question_wrap select option {
  font-size: 1.2rem;
}
form .kg_quiz_section:first-of-type .section_wrap:first-of-type {
  display: block;
}
form .buttons {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin-top: 1rem;
}
form .buttons #next, form .buttons #prev {
  text-transform: uppercase;
  color: white !important;
  font-weight: bold;
  border: 2px solid #ff8159 !important;
}
form .buttons #next:hover, form .buttons #prev:hover {
  background: white !important;
  color: #ff8159 !important;
  border: 2px solid #ff8159 !important;
}
form .buttons #next {
  display: block;
}
form .buttons #prev {
  display: none;
}

@media only screen and (max-width: 600px) {
  .buttons #next, .buttons #prev {
    padding: 0 0.5rem !important;
  }
}
#progress_bar_wrap {
  text-align: center;
  height: 2rem;
  margin-top: 2rem;
}
#progress_bar_wrap #progress_bar {
  position: relative;
  display: inline-flex;
  justify-content: center;
  margin: 0 auto 2rem auto;
  border-top: 4px solid #ff8159;
}
#progress_bar_wrap #progress_bar .progress_dot {
  margin-top: -0.9rem;
  padding: 0 0.3rem;
}
#progress_bar_wrap #progress_bar .progress_dot svg circle {
  fill: white;
}
#progress_bar_wrap #progress_bar .progress_dot span {
  display: block;
  width: 24px;
  height: 24px;
}
#progress_bar_wrap #progress_bar .progress_dot:first-of-type {
  padding: 0;
}
#progress_bar_wrap #progress_bar .progress_dot:first-of-type svg circle {
  fill: #ff8159;
}
#progress_bar_wrap #progress_bar .progress_dot:last-of-type {
  padding: 0;
}

.rsb_inputs_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.rsb_inputs_row .rsb_option_cell {
  display: flex;
  width: 45%;
  font-size: 1.2rem;
}
.rsb_inputs_row .rsb_option_cell hr {
  width: 90%;
  margin-top: 0.9rem !important;
}
.rsb_inputs_row .rsb_option_cell strong, .rsb_inputs_row .rsb_option_cell em, .rsb_inputs_row .rsb_option_cell span, .rsb_inputs_row .rsb_option_cell a, .rsb_inputs_row .rsb_option_cell li, .rsb_inputs_row .rsb_option_cell div {
  font-size: 1.2rem;
}
.rsb_inputs_row .rsb_option_cell:first-of-type {
  padding-top: 0;
}
.rsb_inputs_row .rsb_option_cell.left {
  justify-content: flex-start;
}
.rsb_inputs_row .rsb_option_cell.left div {
  text-align: left;
}
.rsb_inputs_row .rsb_option_cell.left input {
  margin-right: 1rem;
  margin-top: 0.5rem;
}
.rsb_inputs_row .rsb_option_cell.right {
  justify-content: space-between;
}
.rsb_inputs_row .rsb_option_cell.right div {
  text-align: right;
}
.rsb_inputs_row .rsb_option_cell.right input {
  margin-left: 1rem;
  margin-top: 0.5rem;
}
.rsb_inputs_row .rsb_interstitial {
  width: 10%;
  margin-top: -0.2rem;
  font-weight: bold;
  text-align: center;
  font-size: 1.5rem;
}

.rsb_labels_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.rsb_labels_row .rsb_option_cell {
  width: 45%;
}
.rsb_labels_row .rsb_option_cell.right {
  justify-content: flex-end;
}
.rsb_labels_row .rsb_option_cell.right .rsb_label {
  text-align: right;
}

.w_question_wrap {
  padding: 0.2rem 1.5rem 1.5rem 1.5rem;
}
.w_question_wrap .w_question {
  margin: 1.5rem 0;
  text-align: center;
}
.w_question_wrap .w_options_row {
  display: flex;
  justify-content: space-evenly;
}
.w_question_wrap .w_options_row div {
  display: flex;
  justify-content: center;
}
.w_question_wrap .w_options_row div hr {
  width: 50%;
  margin-top: 0.3rem;
}
.w_question_wrap .w_options_row div:last-of-type hr:last-of-type {
  height: 1px;
  background-color: white;
  border: none;
}
.w_question_wrap .w_options_row div:last-of-type hr.grey:last-of-type {
  background: #C2ECFF;
}
.w_question_wrap .w_options_row div:first-of-type hr:first-of-type {
  height: 1px;
  background-color: white;
  border: none;
}
.w_question_wrap .w_options_row div:first-of-type hr.grey:first-of-type {
  background: #C2ECFF;
}
.w_question_wrap .w_labels_row {
  display: flex;
  justify-content: space-evenly;
}
.w_question_wrap .w_labels_row div {
  text-align: center;
  padding: 0 1%;
  font-size: 1.2rem;
}
.w_question_wrap .w_labels_row div em {
  font-size: 0.8rem;
}

@media only screen and (max-width: 900px) {
  .w_labels_row div em {
    display: none;
  }
}
.ch_options_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ch_options_row .ch_option_cell {
  display: flex;
  width: 30%;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  text-decoration: none;
}
.ch_options_row .ch_option_cell strong, .ch_options_row .ch_option_cell em, .ch_options_row .ch_option_cell span, .ch_options_row .ch_option_cell a, .ch_options_row .ch_option_cell li, .ch_options_row .ch_option_cell div {
  font-size: 1.2rem;
}
.ch_options_row .ch_option_cell input {
  margin-right: 0.5rem;
}

/*** quiz results ***/
body.process-quiz #header_img {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 2% 10% 2% 10%;
  background-color: #39AFAA;
  position: fixed;
  top: 136px;
  z-index: 90;
}
body.process-quiz #header_img .badge {
  width: 15%;
}
body.process-quiz #header_img .sharing_icons {
  color: white;
}
body.process-quiz #header_img .sharing_icons i {
  color: white;
}
body.process-quiz #header_img .header_content {
  width: 75%;
  padding-left: 5rem;
}
body.process-quiz #header_img .header_content p {
  font-size: 1.2rem;
}
body.process-quiz #header_img .header_content .congrats, body.process-quiz #header_img .header_content .congrats_title, body.process-quiz #header_img .header_content .congrats_tag {
  font-weight: bold;
}
body.process-quiz #header_img .header_content .congrats {
  font-size: 2.7rem;
}
body.process-quiz #header_img .header_content .congrats_title {
  font-size: 2.7rem;
  line-height: 1;
  text-transform: uppercase;
}
body.process-quiz #header_img .header_content .congrats_tag {
  margin-top: 1rem;
  line-height: 1;
}
body.process-quiz #header_img .header_content .congrats_tag p {
  font-size: 1.9rem;
}
body.process-quiz .section, body.process-quiz #tip_results, body.process-quiz #take_action {
  margin-top: 1rem;
}
body.process-quiz .section .h2_wrap, body.process-quiz #tip_results .h2_wrap, body.process-quiz #take_action .h2_wrap {
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
}
body.process-quiz .section .h2_wrap h2, body.process-quiz #tip_results .h2_wrap h2, body.process-quiz #take_action .h2_wrap h2 {
  color: #39AFAA;
  text-transform: uppercase;
  padding: 2rem 1rem 0 1rem;
  width: auto;
  display: inline-block;
  z-index: 100;
  background: white;
}
body.process-quiz .section .h2_wrap hr, body.process-quiz #tip_results .h2_wrap hr, body.process-quiz #take_action .h2_wrap hr {
  margin-top: -2.2rem;
  z-index: 1;
  border-color: #39AFAA;
  border-width: 3px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
body.process-quiz .section .table-row.ranking, body.process-quiz #tip_results .table-row.ranking, body.process-quiz #take_action .table-row.ranking {
  display: flex;
  flex-wrap: nowrap;
}
body.process-quiz .section:first-of-type {
  padding-top: 0;
  margin-top: 0;
}
body.process-quiz .take_action .take_action_content {
  padding: 0.4rem 2rem 0 2rem;
}
body.process-quiz .take_action_columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 2rem;
}
body.process-quiz .take_action_columns #book, body.process-quiz .take_action_columns #box, body.process-quiz .take_action_columns #digital {
  width: 32%;
}
body.process-quiz .take_action_columns #book .button_wrap, body.process-quiz .take_action_columns #box .button_wrap, body.process-quiz .take_action_columns #digital .button_wrap {
  text-align: center;
}
body.process-quiz .take_action_columns #book .button_wrap .button, body.process-quiz .take_action_columns #box .button_wrap .button, body.process-quiz .take_action_columns #digital .button_wrap .button {
  border-radius: 3px;
  padding: 6px 24px;
}
body.process-quiz .take_action_columns #book a.img, body.process-quiz .take_action_columns #box a.img, body.process-quiz .take_action_columns #digital a.img {
  height: 314px;
  display: block;
}
body.process-quiz .take_action_columns #book p.text, body.process-quiz .take_action_columns #box p.text, body.process-quiz .take_action_columns #digital p.text {
  height: 198px;
}
body.process-quiz .result_row {
  flex-wrap: wrap;
}
body.process-quiz span.question {
  font-size: 1.2rem;
  font-weight: bold;
}
body.process-quiz ul.bullet {
  padding-top: 1rem;
}
body.process-quiz ul.bullet li {
  list-style-type: none;
}
body.process-quiz #feedback p, body.process-quiz #feedback div.content {
  font-size: 1.3rem;
  margin: 0 0 0.5rem 0;
}
body.process-quiz #impacting div.content, body.process-quiz #owning__sharing div.content, body.process-quiz #empowerment_and_action div.content, body.process-quiz #tip_results div.content {
  padding: 0.4rem 2rem 0 2rem;
}
body.process-quiz #impacting .table-row.question {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.process-quiz #impacting .table-row.question .bullets_svg {
  width: 15%;
  padding: 1.7rem 0 0.5rem 1rem;
}
body.process-quiz #impacting .table-row.question .content {
  width: 80%;
  padding: 1rem;
  text-align: left;
}
body.process-quiz #your_sustainability_values div.content {
  padding: 0.4rem 2rem 0 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.process-quiz #your_sustainability_values div.driver_row {
  padding: 0.6rem 0 0 5%;
  width: 95%;
}
body.process-quiz #your_sustainability_values div.driver_row.full {
  width: 100%;
  padding-left: 0;
}
body.process-quiz #your_sustainability_values div.bullet_svg {
  width: 5%;
  min-width: 50px;
  padding-top: 1rem;
}
body.process-quiz #feedback {
  width: 80%;
  margin: 17rem auto 0 auto;
}
body.process-quiz #feedback #defining_sustainability {
  position: relative;
}
body.process-quiz #feedback #defining_sustainability .table-row.question {
  color: #ccc;
}
body.process-quiz #call_to_action, body.process-quiz #tip_results, body.process-quiz #tips_container, body.process-quiz #take_action {
  width: 80%;
  margin: 0 auto;
}
body.process-quiz #tips_container {
  padding-top: 1rem;
  margin-top: 1rem;
}
body.process-quiz .tip_results_content .tip_results_tag {
  padding: 0.4rem 2rem 0 2rem;
}
body.process-quiz .tip_results_content .tip_results_wrap {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
body.process-quiz .tip_results_content .tip_results_wrap .tip_results {
  width: 30%;
}
body.process-quiz .tip_results_content .tip_results_wrap .tip_results .driver_result {
  display: flex;
  flex-wrap: wrap;
}
body.process-quiz .tip_results_content .tip_results_wrap .tip_results .driver_result .artwork {
  width: 55px;
}
body.process-quiz .tip_results_content .tip_results_wrap .tip_results .driver_result .name {
  padding-left: 1rem;
  text-tranform: uppercase;
  font-weight: bold;
}
body.process-quiz #send_badge_box {
  position: absolute;
  padding: 0.5rem 0;
  top: 8.5rem;
  left: 0;
  right: 0;
  width: 60%;
  margin: 0 auto;
  background: #29ABE3;
  box-shadow: 2px 2px 5px #333;
}
body.process-quiz #send_badge_box h2 {
  color: white;
  text-align: center;
  font-size: 1.6rem;
  text-transform: none;
}
body.process-quiz #send_badge_box p {
  font-size: 1rem;
  font-style: italic;
}
body.process-quiz #send_badge_box #mc-submit {
  margin-top: 1rem;
}
body.process-quiz #send_badge_box .mc_wrap {
  display: flex;
  justify-content: center;
}
body.process-quiz #send_badge_box .mc_wrap .mc_email #email {
  display: block;
  margin: 0 auto;
}
body.process-quiz #send_badge_box .button {
  display: block;
  width: 30%;
  margin: 0.5rem auto;
  text-align: center;
}
body.process-quiz #send_badge_box #progress_circle {
  display: none;
  text-align: center;
  margin-top: 0.5rem;
}
body.process-quiz #send_badge_box p.optin {
  text-align: center;
}
body.process-quiz #send_badge_box .sharing {
  color: white;
  font-size: 1.2rem;
  text-align: center;
}
body.process-quiz #send_badge_box .sharing .fab {
  color: white;
  font-size: 1.2rem;
  margin: 1rem 0 0 1rem;
}
body.process-quiz #send_badge_box #pdf_message {
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  body.process-quiz #feedback {
    margin-top: 0px;
  }
  body.process-quiz #send_badge_box {
    padding: 0.5rem 0.5rem;
    width: 90%;
  }
  body.process-quiz #header_img {
    position: relative;
    top: 0px;
  }
  body.process-quiz #header_img .badge {
    margin: 0 auto;
    width: 35%;
  }
  body.process-quiz #header_img .header_content {
    width: 100%;
    padding-left: 0 !important;
  }
  body.process-quiz #header_img .header_content .congrats, body.process-quiz #header_img .header_content .congrats_title {
    text-align: center;
  }
  body.process-quiz #header_img .header_content p, body.process-quiz #header_img .header_content .sharing {
    display: none;
  }
  body.process-quiz #result_impacting_h2 .content {
    width: 70% !important;
  }
  body.process-quiz .result_row .bullets_svg {
    width: 25% !important;
  }
  body.process-quiz .result_row .content .bullet_svg {
    width: 10% !important;
  }
  body.process-quiz .result_row .content .driver_row {
    width: 85% !important;
  }
  body.process-quiz .result_row .content .driver_row.full {
    width: 100% !important;
  }

  #book, #box, #digital {
    width: 100% !important;
    text-align: center;
    padding-bottom: 1.5rem;
  }

  #send_badge_box {
    margin: 0 auto;
  }
  #send_badge_box p {
    display: none;
  }
  #send_badge_box form {
    justify-content: center;
  }
  #send_badge_box form p {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  body.process-quiz #header_img .badge {
    width: 45%;
  }
  body.process-quiz #header_img .sharing_icons {
    text-align: center;
  }
  body.process-quiz .section .h2_wrap h2, body.process-quiz #tip_results .h2_wrap h2 {
    border-bottom: 2px solid #0C5B5F;
  }
  body.process-quiz .section .h2_wrap hr, body.process-quiz #tip_results .h2_wrap hr {
    display: none;
  }
  body.process-quiz #tip_results .tip_results {
    width: 100%;
    border-bottom: 1px solid #0C5B5F;
    padding: 1.5rem 0;
    margin: 1.5rem 0 0 0;
  }
  body.process-quiz #tip_results .tip_results h3 {
    text-align: center;
  }
  body.process-quiz #tips_container .tip_front {
    margin-bottom: 5rem;
  }
  body.process-quiz .result_row .content .bullet_svg {
    width: 15% !important;
    margin: 0 auto;
  }
  body.process-quiz .result_row .content .driver_row {
    width: 100% !important;
    margin: 0 auto;
  }
  body.process-quiz .result_row .bullets_svg {
    width: 45% !important;
    margin: 0 auto;
  }
  body.process-quiz #result_impacting_h2 .content {
    width: 100% !important;
  }
}
.tip_teaser {
  text-align: center;
  padding: 2rem 0;
}

#tips_search_form {
  padding-bottom: 3rem;
}
#tips_search_form .search_row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#tips_search_form .tip_search {
  width: 25%;
}
#tips_search_form .tip_search label {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  padding: 0.2rem 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  vertical-align: top;
}
#tips_search_form .tip_search .input_row {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 0 1rem;
}
#tips_search_form .tip_search .input_row .input_radio {
  padding-top: 0.7rem;
}
#tips_search_form .tip_search .input_row .input_radio input {
  transform: scale(2);
}
#tips_search_form .tip_search .input_row .input_name, #tips_search_form .tip_search .input_row .input_name_radio {
  text-transform: capitalize;
}
#tips_search_form .tip_search .input_row .input_name_radio {
  padding-top: 0.7rem;
}
#tips_search_form .tip_search .input_row .input_artwork {
  padding-top: 0.9rem;
  width: 30px;
}
#tips_search_form .tip_search .input_row input, #tips_search_form .tip_search .input_row .input_artwork {
  margin-right: 1rem;
}
#tips_search_form .submit_tips_search {
  padding: 0.5rem 3rem;
  margin-top: 1.5rem;
}
#tips_search_form #impact_category label {
  background-color: #0C5B5F;
}
#tips_search_form #driver label {
  background-color: grey;
}
#tips_search_form #size_of_impact label {
  background-color: #39AFAA;
}
#tips_search_form #difficulty label {
  background-color: black;
}

.tip_row {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.tip_row .tip_intro {
  max-width: 100%;
  margin: 0 auto;
  border-top: 3px solid #39AFAA;
  padding-top: 2rem;
}
.tip_row .tip_intro p {
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 3rem;
}

.greyed {
  background: #ccc;
}

.search_preview_notice {
  margin-bottom: 2rem;
}
.search_preview_notice .text, .search_preview_notice h2 {
  color: red !important;
}

.passcode_fail {
  text-align: center;
  padding: 2rem 0;
}

.tip_card {
  background-color: transparent;
  width: 300px;
  min-height: 300px;
  margin-bottom: 4rem;
  perspective: 1000px;
}
.tip_card .tip_card_inner {
  position: relative;
  width: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.tip_card .tip_card_inner .tip_front, .tip_card .tip_card_inner .tip_back {
  /*position:absolute;*/
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 3px 6px 4px #777;
}
.tip_card .tip_card_inner .tip_front {
  background-color: white;
  color: black;
  max-height: 300px;
  border: 1px solid black;
}
.tip_card .tip_card_inner .tip_back {
  background-color: white;
  transform: rotateY(180deg);
  margin-top: -308px;
}
.tip_card .tip_card_inner .tip_back .attributes {
  display: flex;
  width: 95%;
}
.tip_card .tip_card_inner .tip_back .attributes .impact, .tip_card .tip_card_inner .tip_back .attributes .difficulty {
  width: 50%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0.2rem 0.5rem;
}
.tip_card .tip_card_inner .tip_back .attributes .impact span, .tip_card .tip_card_inner .tip_back .attributes .difficulty span {
  font-size: 0.8rem;
  color: white;
}
.tip_card .tip_card_inner .tip_back .attributes .impact svg, .tip_card .tip_card_inner .tip_back .attributes .difficulty svg {
  margin-left: 0.2rem;
}
.tip_card .tip_card_inner .tip_back .attributes .impact {
  background: #39AFAA;
  color: white;
  font-size: 1rem;
}
.tip_card .tip_card_inner .tip_back .attributes .impact svg circle.filled {
  fill: black;
}
.tip_card .tip_card_inner .tip_back .attributes .difficulty {
  background: black;
  color: white;
  font-size: 1rem;
}
.tip_card .tip_card_inner .tip_back .attributes .difficulty circle.filled {
  fill: #29ABE3;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box {
  border: 1px solid #ccc;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .drivers {
  background: #ccc;
  padding: 0.1rem 0 0 0.5rem;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .drivers .driver_art {
  width: 20px;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .drivers .print {
  margin-left: auto;
  margin-right: 0.5rem;
  font-size: 1.2rem;
  color: #0C5B5F;
  text-decoration: underline;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .drivers .print:hover {
  color: #ff8159;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .impact_category div {
  font-weight: bold;
  text-align: center;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .title {
  text-align: center;
  line-height: 1;
  padding: 0 1rem 0.5rem 1rem;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .read_more {
  text-decoration: underline;
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
  color: #a63333;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .art {
  margin: 0 auto;
  padding: 2rem 1.5rem;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .art img {
  height: 55px;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .copy_row {
  display: none;
  flex-wrap: wrap;
  padding: 1.5rem 0;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .copy_row .copy_text {
  min-width: 10%;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
  text-align: left;
}

.transform_rotate {
  transform: rotateY(180deg);
}

.drivers {
  display: flex;
}
.drivers .driver_art {
  margin-right: 0.5rem;
}

.driver_svg {
  max-width: 100px;
}

@media only screen and (max-width: 650px) {
  .tip_search label {
    font-size: 1.2rem !important;
    padding: 0.2rem 1rem !important;
  }

  .sortable {
    width: 100% !important;
  }
}
@media only screen and (max-width: 414px) {
  .tip_card .tip_card_inner .tip_front, .tip_card .tip_card_inner .tip_back {
    box-shadow: none;
  }
  .tip_card .tip_card_inner .tip_back .attributes {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .search_row, .submit_tips_search {
    display: flex !important;
  }

  .tip_card .print {
    display: none;
  }

  .search_row.mobile, .submit_tips_search.mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .search_row, .submit_tips_search {
    display: none !important;
  }

  .search_row.mobile, .submit_tips_search.mobile {
    display: flex !important;
    flex-wrap: wrap;
  }
  .search_row.mobile .tip_search, .submit_tips_search.mobile .tip_search {
    width: 45% !important;
  }
  .search_row.mobile .tip_search label, .submit_tips_search.mobile .tip_search label {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .search_row.mobile .tip_search .input_row, .submit_tips_search.mobile .tip_search .input_row {
    padding-left: 0px !important;
    width: 90%;
    margin: 0 auto;
  }
  .search_row.mobile .tip_search select, .submit_tips_search.mobile .tip_search select {
    margin-bottom: 0.5rem;
  }
  .search_row.mobile .tip_search .button, .submit_tips_search.mobile .tip_search .button {
    width: 90% !important;
    margin: 0 auto 2rem auto !important;
    text-align: center !important;
  }
}
@media print {
  .elementor-location-header, .elementor-location-footer {
    display: none !important;
  }

  .search_preview_notice, #tips_search, #tips_search_mobile, #tip_banner, #tip_h1, .tip_teaser {
    display: none !important;
  }

  .tip_card {
    padding-bottom: 20rem;
  }
  .tip_card .tip_front, .tip_card .print, .tip_card .read_more {
    display: none !important;
  }
  .tip_card .copy_row {
    display: block !important;
  }
  .tip_card .tip_back {
    min-height: 600px !important;
    margin-top: 100px !important;
  }
  .tip_card .impact {
    border: 1px solid black;
    background: #39AFAA;
    color: white;
  }
  .tip_card .difficulty {
    border: 1px solid black;
    background: #000000;
    color: white;
  }
}
/*** The I ***/
body.the-i-in-climate-change #header_blue, body.join #header_blue, body.tell-your-story #header_blue, body.parent-pageid-4920 #header_blue {
  display: none;
}
body.the-i-in-climate-change #thei_video_list, body.join #thei_video_list, body.tell-your-story #thei_video_list, body.parent-pageid-4920 #thei_video_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.the-i-in-climate-change #thei_video_list .video, body.join #thei_video_list .video, body.tell-your-story #thei_video_list .video, body.parent-pageid-4920 #thei_video_list .video {
  min-width: 48%;
  min-height: 400px;
}
body.the-i-in-climate-change #thei_video_list .video iframe, body.join #thei_video_list .video iframe, body.tell-your-story #thei_video_list .video iframe, body.parent-pageid-4920 #thei_video_list .video iframe {
  height: 95%;
}

#thei_nav li.menu-item:last-child a {
  padding-right: 0px !important;
}

body #join_title_wrap {
  margin-bottom: 0.7rem;
  height: 4rem;
  text-align: center;
  margin-top: 2rem;
}
body #join_title_wrap #join_title {
  padding-bottom: 0;
  color: #a63333 !important;
}
body #join_title_wrap span {
  font-style: italic;
  color: #333;
}
body #join_title_wrap #what_is_soup {
  font-style: italic;
  padding: 0.5rem;
  color: #333;
}
body .f-table {
  display: table;
}
body #join_h2 {
  color: #a63333 !important;
  text-align: left;
}
body form {
  display: flex;
  flex-wrap: wrap;
  /* Mark the steps that are finished and valid: */
}
body form .dashicons-smiley {
  display: none;
  margin: 0 auto;
  text-align: center;
  font-size: 10rem;
  color: green;
  width: 10rem;
  height: 10rem;
}
body form p.message {
  background-color: white;
  text-align: left;
  font-size: 1.5rem;
  padding-bottom: 1rem;
  transition: background-color 1s ease;
  margin-bottom: 0 !important;
}
body form div.response-output {
  margin: 2rem auto 1rem !important;
}
body form #tab_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
body form #tab_wrap .tab {
  flex-direction: column;
  flex-wrap: wrap;
  display: none;
}
body form #tab_wrap .tab .tab_col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body form #tab_wrap .tab p.message {
  font-size: 1.2rem;
  padding-left: 0 !important;
  font-style: italic;
}
body form #tab_wrap .tab p.explanation {
  padding: 0 0 1.5rem 0;
  font-size: 1.2rem;
  color: white;
  text-align: center;
  width: 100%;
}
body form #tab_wrap .tab .fullrow {
  width: 100% !important;
}
body form #tab_wrap .tab .f-cell.agree p {
  font-size: 1.1rem;
  text-transform: none;
}
body form #tab_wrap .tab .f-cell {
  font-size: 1.4rem;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  font-family: "Barlow Condensed", sans-serif;
}
body form #tab_wrap .tab .f-cell label {
  font-size: 1.3rem;
  color: #333;
  /* display: inline-block; */
  padding: 0 1.5rem 0 0;
  font-weight: bold;
  min-width: 25%;
  line-height: 1.3;
}
body form #tab_wrap .tab .f-cell .list-item {
  display: flex;
}
body form #tab_wrap .tab .f-cell .list-item div.input {
  margin-top: -7px;
  margin-right: 2%;
}
body form #tab_wrap .tab .f-cell .list-item-label {
  color: black;
  font-size: 1.2rem;
}
body form #tab_wrap .tab .f-cell span.control-wrap {
  position: relative;
  display: inline-block;
  color: black;
  width: inherit;
}
body form #tab_wrap .tab .f-cell #captchaInput {
  width: 3rem;
}
body form #tab_wrap .tab .f-cell input, body form #tab_wrap .tab .f-cell select, body form #tab_wrap .tab .f-cell textarea {
  background-color: white;
  transition: background-color 1s ease;
  width: inherit !important;
}
body form #tab_wrap .tab .f-cell input.invalid, body form #tab_wrap .tab .f-cell select.invalid, body form #tab_wrap .tab .f-cell textarea.invalid, body form #tab_wrap .tab .f-cell span.invalid {
  animation-name: highlight_fade;
  animation-direction: forward;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-duration: 3s;
}
body form #tab_wrap .tab .f-cell input {
  padding-top: 1.3rem;
  width: 100%;
}
body form #tab_wrap .tab .f-cell textarea {
  display: block;
  width: 20rem;
  margin-bottom: 2rem;
}
body form #tab_wrap .tab .f-cell select {
  background-color: white;
  width: 100%;
}
body form #tab_wrap .tab:last-child .f-cell {
  padding-bottom: 1.5rem;
}
body form #tab_wrap .tab:first-of-type {
  display: block;
}
body form #tab_wrap #tab3 div.f-cell, body form #tab_wrap #tab4 div.f-cell, body form #tab_wrap #tab5 div.f-cell {
  text-align: center;
}
body form #nav_buttons {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}
body form #nav_buttons div {
  display: flex;
  justify-content: space-around;
}
body form #nav_buttons div button {
  display: block;
  min-width: 8rem;
  height: auto;
  font-size: 1.2rem;
  padding: 0;
  text-transform: uppercase;
  border: 2px solid #ff8159;
  background-color: #ff8159;
  color: white;
}
body form #nav_buttons div button:hover {
  background: white;
}
body form #nav_buttons #prevBtn {
  display: none;
}
body form #nav_buttons #submit_join {
  display: none;
}
body form #steps {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
}
body form .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: black;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
body form .step.active {
  opacity: 1;
}
body form .step.finish {
  background-color: #ff8159;
}
body .fade {
  background-color: white;
}
body .fwcol {
  border-bottom: 3px solid #333;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  body.the-i-in-climate-change #header_blue, body.join #header_blue, body.tell-your-story #header_blue, body.about #header_blue {
    display: none;
  }
  body.the-i-in-climate-change #thei_logo .elementor-element-populated, body.join #thei_logo .elementor-element-populated, body.tell-your-story #thei_logo .elementor-element-populated, body.about #thei_logo .elementor-element-populated {
    padding: 1rem 2rem !important;
  }
}
@media only screen and (max-width: 620px) {
  #thei_video_list {
    justify-content: center !important;
  }
}
@media screen and (min-width: 639px) {
  form #tab_wrap .tab {
    flex-direction: row !important;
  }
  form #tab_wrap .tab .tab_col {
    width: 50% !important;
  }
}
@media screen and (min-width: 1024px) {
  .fwcol {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/*# sourceMappingURL=style.css.map */