/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 5, 2021, 1:22:15 PM
    Author     : jbailey
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 5, 2021, 1:22:27 PM
    Author     : jbailey
*/
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&display=swap");
.standard-button {
  font-family: "Barlow Condensed", serif;
  background-color: #BF0D3E !important;
  color: #fff;
  border: none;
  padding: 0 1rem;
  cursor: pointer;
}
.standard-button:hover {
  color: #ccc;
}

.card-base {
  background-color: white;
  border: 1px solid #333;
  box-shadow: 3px 6px 4px #777;
}

#spinner {
  display: none;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  z-index: 1000;
}
#spinner img {
  width: 60px;
  height: 60px;
}

#generate_tips, .std_button, .return_button {
  background-color: #BF0D3E !important;
  font-family: "Barlow Condensed", sans-serif;
  border: none !important;
  width: fit-content;
  color: #041e42;
  margin: 1rem auto;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 0 2rem;
  font-weight: normal !important;
}
#generate_tips:hover, .std_button:hover, .return_button:hover {
  color: #ccc;
}
#generate_tips a, .std_button a, .return_button a {
  color: #fff;
}
#generate_tips a:hover, .std_button a:hover, .return_button a:hover {
  color: #ccc;
}

.standard_box {
  background-color: #fff;
  margin: 3rem auto 0 auto;
  padding: 1rem;
  border: 1px solid #333;
  border-radius: 10px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  width: 80%;
}
.standard_box #choose_type h3 {
  margin-top: 1.5rem;
}
.standard_box h3.header {
  text-align: center;
  color: #041e42;
  font-weight: bold;
  font-size: 28px;
  padding: 1rem 0 0 0;
  margin-bottom: 1rem;
}
.standard_box #all_choices {
  width: 25%;
  min-width: 350px;
}
.standard_box #specific_choices {
  width: 70%;
  min-width: 700px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.standard_box #specific_choices #row {
  display: flex;
  justify-content: space-between;
}
.standard_box #specific_choices #right_col {
  width: 60%;
}
.standard_box #specific_choices #right_col label {
  padding-bottom: 1rem;
}
.standard_box #specific_choices label {
  display: block;
  margin-top: 0.5rem;
}
.standard_box #specific_choices h4 {
  margin: 0.2rem 1rem 0.2rem 0;
  font-size: 18px;
  min-width: 35%;
}
.standard_box #specific_choices select {
  max-height: 60px;
  padding: 0;
}
.standard_box #specific_choices #no_tips {
  width: 3rem;
  padding: 0 0 0 1rem !important;
}
.standard_box #specific_choices #organizational_sustainability label div, .standard_box #specific_choices #numberOfTips label div {
  width: 40%;
}
.standard_box #choose_tips h3 {
  margin-top: 1.5rem;
}
.standard_box button {
  float: right;
}

.text-center {
  text-align: center;
}

.mt-1 {
  margin-top: 0.5rem;
}

.mt-2 {
  margin-top: 1rem;
}

.mt-3 {
  margin-top: 2rem;
}

ol > li::marker {
  font-weight: bold;
}

.hidden {
  display: none;
}

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

body.page-id-16668 #content {
  background-color: #ededed !important;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.grid {
  display: grid;
  gap: 1rem;
}
.grid--2-col {
  grid-template-columns: repeat(2, 1fr);
}
.grid--3-col {
  grid-template-columns: repeat(3, 1fr);
}

.tips_container,
.tipContainer,
#tips_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tips_container .tip_card_wrap,
.tipContainer .tip_card_wrap,
#tips_container .tip_card_wrap {
  width: 30%;
  padding: 0 0.5rem;
  min-width: 300px;
}
.tips_container .tip_card_wrap .implementation_wrapper .implement,
.tipContainer .tip_card_wrap .implementation_wrapper .implement,
#tips_container .tip_card_wrap .implementation_wrapper .implement {
  text-align: center;
  background-color: #6EC1E4;
}
.tips_container .tip_card_wrap .implementation_wrapper .implement h3, .tips_container .tip_card_wrap .implementation_wrapper .implement div,
.tipContainer .tip_card_wrap .implementation_wrapper .implement h3,
.tipContainer .tip_card_wrap .implementation_wrapper .implement div,
#tips_container .tip_card_wrap .implementation_wrapper .implement h3,
#tips_container .tip_card_wrap .implementation_wrapper .implement div {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #6EC1E4;
  color: #000;
  font-size: 18px;
  padding: 0 0.5rem;
  margin: 0;
}
.tips_container .tip_card_wrap .implementation_details,
.tipContainer .tip_card_wrap .implementation_details,
#tips_container .tip_card_wrap .implementation_details {
  width: 300px;
  display: block;
  margin-top: 0.5rem;
}
.tips_container .tip_card_wrap .implementation_details label,
.tipContainer .tip_card_wrap .implementation_details label,
#tips_container .tip_card_wrap .implementation_details label {
  width: 45%;
}
.tips_container .tip_card_wrap .implementation_details b,
.tipContainer .tip_card_wrap .implementation_details b,
#tips_container .tip_card_wrap .implementation_details b {
  padding-top: 0.5rem;
}
.tips_container .tip_card_wrap .implementation_details input,
.tipContainer .tip_card_wrap .implementation_details input,
#tips_container .tip_card_wrap .implementation_details input {
  padding: 0 0.2rem;
}
.tips_container .tip_card_wrap .implementation_details .implementation_row,
.tipContainer .tip_card_wrap .implementation_details .implementation_row,
#tips_container .tip_card_wrap .implementation_details .implementation_row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.tips_container .tip_card_wrap .implementation_nav,
.tipContainer .tip_card_wrap .implementation_nav,
#tips_container .tip_card_wrap .implementation_nav {
  display: flex;
  justify-content: center;
  margin: 1rem;
}
.tips_container .tip_card_wrap .implementation_nav button,
.tipContainer .tip_card_wrap .implementation_nav button,
#tips_container .tip_card_wrap .implementation_nav button {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: normal !important;
  padding: 0 0.5rem;
  background-color: #BF0D3E !important;
  font-size: 16px;
  color: #fff;
  border: none;
  cursor: pointer;
  margin: 1.3rem 1rem 0;
  height: fit-content;
}
.tips_container .tip_card_wrap .implementation_nav #print_checkbox,
.tipContainer .tip_card_wrap .implementation_nav #print_checkbox,
#tips_container .tip_card_wrap .implementation_nav #print_checkbox {
  color: #BF0D3E;
  margin-left: 1rem;
}
.tips_container .tip_card_wrap .implementation_nav #print_checkbox label,
.tipContainer .tip_card_wrap .implementation_nav #print_checkbox label,
#tips_container .tip_card_wrap .implementation_nav #print_checkbox label {
  font-size: 3rem;
}

.tip_card {
  margin: 1rem 0;
  background-color: transparent;
  min-height: 300px;
  margin-bottom: 1rem;
  perspective: 1000px;
}
.tip_card:first-of-type {
  display: block;
}
.tip_card .wrapper, .tip_card .image_wrapper {
  padding: 0 0.5rem;
}
.tip_card .image_wrapper .art {
  width: 40%;
  padding: 0;
  margin: 0 auto 1rem auto;
}
.tip_card .wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: -1.8rem;
}
.tip_card .title {
  font-weight: bold;
  text-transform: normal;
  margin-bottom: 1rem;
  text-align: center;
}
.tip_card .attributes {
  display: flex;
  width: 95%;
  font-size: 0.7rem;
}
.tip_card .attributes .impact, .tip_card .attributes .difficulty {
  width: 50%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0.2rem 0.5rem;
  font-weight: bold;
}
.tip_card .attributes .impact {
  color: #000;
  background: #ccc;
}
.tip_card .attributes .impact span {
  color: #000;
}
.tip_card .difficulty {
  color: white;
  background: rgb(0, 0, 0);
}
.tip_card .difficulty span {
  color: white;
}
.tip_card .drivers {
  background: #ccc;
  margin-top: 1rem;
  padding: 0.1rem 0 0 0.5rem;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.tip_card .drivers .driver_art {
  width: 20px !important;
  padding-top: 5px;
}
.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 {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 3px 6px 4px #777;
}
.tip_card .tip_card_inner .tip_front {
  background-color: #fff;
  color: #000;
  max-height: 300px;
  border: 1px solid #000;
}
.tip_card .tip_card_inner .tip_back {
  background-color: #fff;
  transform: rotateY(180deg);
  margin-top: -308px;
}
.tip_card .title_wrapper {
  display: flex;
  justify-content: center;
  background-color: #041e42;
  text-transform: uppercase;
}
.tip_card .title_wrapper div {
  color: #fff;
  font-size: 18px;
  padding: 0.5rem 0;
}
.tip_card .content_wrapper {
  padding-bottom: 2rem;
  margin-top: 0.5rem;
}
.tip_card .content_wrapper .impact_category div {
  height: fit-content;
  min-height: 4rem;
  margin: 0 auto;
  font-weight: bold;
  line-height: 1.1;
  font-size: 20px;
  font-family: "Barlow Condensed", sans-serif;
}
.tip_card .content_wrapper .tip_inner_box {
  width: 95%;
  margin: 0 auto;
}
.tip_card .content_wrapper .tip_inner_box .title {
  font-size: 18px;
  line-height: 1;
}
.tip_card .content_wrapper .tip_inner_box .copy_row {
  position: relative;
  margin-top: 0.5rem;
}
.tip_card .content_wrapper .tip_inner_box .copy_row .copy_text {
  line-height: 1.2;
  padding: 0 0.5rem 1rem;
  font-size: 14px;
  color: #000;
  height: 8rem;
}
.tip_card .content_wrapper .action_button_wrapper,
.tip_card .content_wrapper .financial_button_wrapper {
  text-align: center;
}
.tip_card .content_wrapper .action_plan {
  display: none;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.tip_card .content_wrapper .action_plan a {
  color: blue;
}
.tip_card .content_wrapper .action_plan .action_plan_title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.tip_card .content_wrapper .action_plan .action_plan_list ul {
  margin-left: 0;
  padding-left: 16px;
}
.tip_card .content_wrapper .action_plan .action_plan_list ul li {
  font-size: 14px;
}
.tip_card .content_wrapper .toggle_plan {
  background-color: #6EC1E4 !important;
  width: 90%;
  color: #000 !important;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0.5rem;
}
.tip_card .content_wrapper .toggle_plan button, .tip_card .content_wrapper .toggle_plan div {
  background-color: #6EC1E4 !important;
  padding: 0 0.5rem;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  border: none !important;
  font-size: 16px !important;
  color: #000 !important;
}
.tip_card .content_wrapper .toggle_plan button:hover, .tip_card .content_wrapper .toggle_plan div:hover {
  color: #fff;
}

#sustainability_survey {
  padding: 0 5rem 1rem 5rem;
}
#sustainability_survey .header {
  text-align: center;
  padding-top: 0.8rem;
}
#sustainability_survey .btn_wrapper {
  display: flex;
  justify-content: center;
}

#sustainability_survey, #sustainability_prompt, #sustainability_results {
  display: block !important;
}

#sustainability_survey.survey_results .header {
  flex-basis: 100%;
}
#sustainability_survey.survey_results .icon_image {
  margin: 0 auto;
  text-align: center;
  display: block;
}
#sustainability_survey.survey_results .location_header {
  text-align: center;
  color: black;
}

#sustainability_survey.survey_main .header {
  flex-basis: 100%;
}
#sustainability_survey.survey_main .instructions {
  font-size: 18px;
  padding: 0 1.8rem;
}
#sustainability_survey.survey_main .location {
  margin-top: 1rem;
  margin-left: 0.5rem;
  width: 20rem;
  padding: 0 0.5rem;
}
#sustainability_survey.survey_main .survey_questions li {
  padding-bottom: 1rem;
}
#sustainability_survey.survey_main .survey_questions li div {
  margin-top: 0.5rem;
}
#sustainability_survey.survey_main .survey_questions li div label {
  margin-right: 1rem;
}
#sustainability_survey.survey_main .survey_questions li div label input {
  margin-right: 0.5rem;
}
#sustainability_survey.survey_main .survey_button {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0 1rem;
  font-family: "Barlow Condensed", sans-serif;
  background-color: #BF0D3E !important;
  color: #fff !important;
  border: none !important;
  font-size: 26px !important;
  font-weight: normal !important;
}
#sustainability_survey.survey_main .survey_button:hover {
  color: #fff;
}

#dashboard .header {
  margin: 2rem 0 1rem 0;
  text-align: center;
  text-transform: none;
  color: #041e42;
}
#dashboard #print_button {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: normal !important;
  padding: 0 0.5rem;
  background-color: #BF0D3E !important;
  font-size: 16px;
  color: white;
  border: none;
  cursor: pointer;
  margin: 0 0.2rem;
}

@media only screen and (max-width: 950px) {
  #specific_choices {
    min-width: initial !important;
  }
  #specific_choices #row {
    display: block !important;
    max-width: none !important;
    width: 95% !important;
  }
  .tip_card_wrap {
    width: 48% !important;
  }
}
@media only screen and (max-width: 650px) {
  #specific_choices {
    width: 98% !important;
  }
  #specific_choices #right_col {
    width: 98% !important;
  }
  .tip_card_wrap {
    width: 98% !important;
  }
  #sustainability_survey {
    margin: 0 auto !important;
    padding: 0.5rem !important;
    width: 98% !important;
  }
  form.sustainability-measures-survey p {
    padding: 0 !important;
  }
  #location {
    width: 95% !important;
  }
  #survey_questions {
    padding-left: 1.4rem;
  }
  #tips_search_mobile {
    display: block;
  }
  .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;
  }
}

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