@charset "UTF-8";
/*
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");
#archive_container {
  display: flex;
  justify-content: space-evenly;
}
#archive_container .archive_col {
  width: 30%;
}
#archive_container h2 {
  background-color: #0073aa;
  padding: 0.5rem 1rem;
  color: white;
}
#archive_container .users_container {
  border: 1px solid #0073aa;
}
#archive_container .users_container .resume_container {
  padding-left: 1rem;
}
#archive_container .users_container .resume_container ul {
  padding-left: 1rem;
}
#archive_container .hide {
  display: none;
}

#filter {
  width: 100%;
  padding-bottom: 1.5rem;
}
#filter thead td {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid #333;
}
#filter tbody td {
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid #333;
}
#filter tbody #control-row td {
  border: 0px;
}
#filter #customDateFilter {
  display: none;
}
#filter label {
  font-size: 15px;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
#filter select {
  border-radius: 5px;
  border-color: #333;
  padding: 0.2rem;
}

#filter_buttons {
  display: flex;
  flex-direction: column;
}
#filter_buttons button {
  margin-bottom: 0.5rem;
  display: block;
  color: #fff;
  background-color: #DD1198;
  border-radius: 5px;
}

#dates {
  display: none;
  justify-content: space-between;
  max-width: 30%;
  margin: 0 auto;
  text-align: center;
}
#dates h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
#dates span {
  display: block;
  font-size: 16px;
}

li.group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid #333;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  max-width: 50%;
}
li.group::before {
  content: "⚄";
  color: darkgreen;
  font-weight: bold;
  font-size: 2rem;
  margin-right: 0.5rem;
}
li.group h3 {
  margin: 0;
}
li.group .stats {
  width: 100%;
}
li.group .stats u {
  color: red;
  font-size: 0.9rem;
}
li.group .stats strong {
  font-weight: bold;
  font-size: 0.9rem;
  padding: 0 0.5rem;
  border: 1px solid #333;
}

.counselor_data {
  background-color: #f2f2f2;
}

#admin_panel {
  width: 75%;
  margin: 0 auto;
  padding: 2rem;
}

#controlPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#controlPanel #totalsContent {
  font-size: 14px;
  margin-left: 1rem;
}

#group_lists #active_groups {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  width: 100%;
}
#group_lists #active_groups .target-group {
  position: relative;
  width: 30%;
  font-family: Arial, sans-serif;
  border: 3px solid #FF914D;
  border-radius: 10px;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
#group_lists #active_groups .target-group .status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.2rem 0.5rem;
  text-transform: uppercase;
  color: white;
  border-top-right-radius: 7px;
}
#group_lists #active_groups .target-group .status.expired {
  background: red;
}
#group_lists #active_groups .target-group .status.active {
  background: green;
}
#group_lists #active_groups .target-group .status.pending {
  background: orange;
}
#group_lists #active_groups .target-group .status.cancelled {
  background: black;
}
#group_lists #active_groups h2 {
  padding: 0.3rem 0.5rem;
  background: green;
  color: white;
  max-width: 50%;
}
#group_lists #expired_groups h2 {
  padding: 0.3rem 0.5rem;
  background: black;
  color: white;
  max-width: 50%;
}

table.table-sortable {
  border-collapse: collapse;
}
table.table-sortable th {
  background: #333;
  color: #fff;
}
table.table-sortable th, table.table-sortable td {
  width: auto;
  border: 1px solid #333;
  padding: 0.5rem 0.6rem;
  max-width: 400px;
}
table.table-sortable td.login {
  background: darkgreen;
  color: white;
}
table.table-sortable td.expired {
  background: red;
  color: black;
}

.jc_detail ul {
  margin-top: 1rem;
}

.job_seekers, .jc_log {
  display: none;
}
.job_seekers .usage_info div, .jc_log .usage_info div {
  min-width: 80px;
}
.job_seekers .usage_info div.date, .jc_log .usage_info div.date {
  min-width: 100px;
}
.job_seekers .usage_info div.status, .jc_log .usage_info div.status {
  min-width: 50px;
}

.job_seekers li.js_info {
  display: flex;
  justify-content: flex-start;
}
.job_seekers li.js_info::before {
  content: "🗎";
  color: #333;
  font-weight: bold;
  font-size: 2rem;
}
.job_seekers li.js_info div {
  margin-right: 1rem;
  padding: 0.2rem 0.5rem;
}
.job_seekers li.js_info div.name {
  min-width: 200px;
  max-width: 200px;
}

.jc_log li.usage_info {
  display: flex;
  justify-content: flex-start;
}
.jc_log li.usage_info div {
  margin-right: 1rem;
  padding: 0.2rem 0.5rem;
}
.jc_log li.usage_info div.LogIn {
  color: white;
  background: green;
}
.jc_log li.usage_info div.LogOut {
  background: black;
  color: white;
}

.jc_nav {
  display: flex;
  justify-content: flex-start;
}
.jc_nav .member_name {
  display: flex;
  justify-content: space-between;
}
.jc_nav .member_title {
  margin: 0.2rem 0.5rem 0 0.2rem;
  padding: 0.2rem 0.5rem;
  background: #ccc;
  border: 1px solid #333;
}
.jc_nav h4 {
  margin: 0.2rem 0 0 0;
  min-width: 200px;
  padding: 0.1rem 0 0 0;
}
.jc_nav div.status {
  min-width: 0.4rem;
  margin: 0.2rem 0.4rem 0 0;
  font-weight: bold;
  padding: 0.1rem 0.3rem 0 0.3rem;
}
.jc_nav div.exp {
  color: green;
}
.jc_nav div.out {
  color: red;
}
.jc_nav div.in {
  background: green;
  color: white;
}

#member_activity td {
  padding: 0.2rem;
  margin: 0.2rem 0;
  border: 1px solid black;
  text-align: center;
}

thead {
  background-color: #FF914D;
  border-radius: 5px;
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}

th {
  padding: 1rem;
  font-size: 16px;
}

#group_lists {
  display: flex;
  justify-content: center;
  font-size: 14px;
}

#groupPanel {
  right: 0;
}

#memberPanel {
  right: 20%;
}

.group_row, .member_row, .job_seeker_row {
  cursor: pointer;
}

.job_seeker_row {
  background: #2542BB;
  color: white;
  font-size: 14px;
}
.job_seeker_row td {
  padding: 0.2rem;
  margin: 0.2rem 0;
}

#groupPanel, #memberPanel {
  width: fit-content;
  position: absolute;
  border: 1px solid black;
  border-radius: 5px;
  padding: 1rem;
  margin-left: 1rem;
  background-color: white;
  color: black;
  display: none;
}
#groupPanel td, #memberPanel td {
  cursor: pointer;
  border: 1px solid black;
  padding: 0.2rem;
}
#groupPanel h2, #memberPanel h2 {
  font-size: 25px;
  color: #DD1198 !important;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
#groupPanel .closer, #memberPanel .closer {
  font-weight: bold;
  padding: 0.2rem;
  border: 1px solid black;
  float: right;
  font-size: 14px;
}

.green {
  background: limegreen;
  color: white;
}

#spinner {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 10rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#spinner img {
  width: 60px;
  height: 60px;
}

.job_seeker_group {
  display: none;
}

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

#dashboard #spinner {
  top: 0 !important;
  bottom: 0 !important;
}

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

#survey_questions li {
  padding-bottom: 1rem;
}

#survey_questions li div {
  margin-top: 0.5rem;
}

#survey_questions li div label input {
  margin-right: 0.5rem;
}

#survey_questions li div label {
  margin-right: 1rem;
}

#location {
  margin-top: 1rem;
  margin-left: 0.5rem;
  width: 20rem;
  padding: 0 0.5rem;
}

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

#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;
}
#survey_button:hover {
  color: #fff;
}

#survey_button.gsa {
  background-color: #8dc63f !important;
}

#no_tips {
  width: 3rem;
  padding: 0 0 0 1rem !important;
}

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

#sustainability_survey {
  padding: 0 5rem 1rem 5rem;
}

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

.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 #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;
}
.standard_box #specific_choices {
  display: flex;
  flex-direction: column;
}

#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;
}

.hidden {
  display: none;
}

#status_nav {
  display: flex;
  justify-content: center;
  margin: 1rem auto;
}
#status_nav div {
  border: 1px solid #333;
  font-family: "Barlow Condensed", sans-serif;
  min-width: 160px;
  text-align: center;
  cursor: pointer;
  margin: 0 2rem;
}
#status_nav #stn_saved {
  background-color: #6EC1E4;
}
#status_nav #stn_saved:hover {
  background-color: #ccc;
}
#status_nav #stn_draft {
  background-color: #ccc;
}
#status_nav #stn_draft:hover {
  background-color: #6EC1E4;
}

.tipContainer .content_wrapper {
  padding-bottom: 3rem !important;
}

.tips_container .tip_card_wrap {
  min-width: 300px;
}

#tips_container {
  justify-content: center;
}

.tips_container, .tipContainer {
  justify-content: space-between;
}

.tips_container, .tipContainer, #tips_container {
  display: flex;
  flex-wrap: wrap;
}
.tips_container .tip_card_wrap, .tipContainer .tip_card_wrap, #tips_container .tip_card_wrap {
  width: 30%;
  padding: 0 0.5rem;
}
.tips_container .tip_card_wrap #action_plan_wrapper, .tipContainer .tip_card_wrap #action_plan_wrapper, #tips_container .tip_card_wrap #action_plan_wrapper {
  display: none;
  position: absolute;
  background: white;
  z-index: 1000;
  width: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 1rem;
  border: 1px solid #333;
  border-radius: 10px;
}
.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_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_wrapper .implement h3, .tipContainer .tip_card_wrap .implementation_wrapper .implement h3, #tips_container .tip_card_wrap .implementation_wrapper .implement h3 {
  margin-top: 0.1rem;
}
.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_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_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 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: white;
  border: none;
  cursor: pointer;
  margin: 1.3rem 1rem 0 1rem;
  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;
}
.tips_container .tip_card, .tipContainer .tip_card, #tips_container .tip_card {
  margin: 1rem 0;
}
.tips_container .tip_card:first-of-type, .tipContainer .tip_card:first-of-type, #tips_container .tip_card:first-of-type {
  display: block;
}
.tips_container .tip_card .wrapper, .tips_container .tip_card .image_wrapper, .tipContainer .tip_card .wrapper, .tipContainer .tip_card .image_wrapper, #tips_container .tip_card .wrapper, #tips_container .tip_card .image_wrapper {
  padding: 0 0.5rem;
}
.tips_container .tip_card .image_wrapper .art, .tipContainer .tip_card .image_wrapper .art, #tips_container .tip_card .image_wrapper .art {
  width: 40%;
  padding: 0;
  margin: 0 auto 1rem auto;
}
.tips_container .tip_card .wrapper, .tipContainer .tip_card .wrapper, #tips_container .tip_card .wrapper {
  justify-content: flex-start;
  margin-top: -1.8rem;
}
.tips_container .tip_card .title, .tipContainer .tip_card .title, #tips_container .tip_card .title {
  font-weight: bold;
  text-transform: normal;
  margin-bottom: 1rem;
  text-align: center;
}
.tips_container .tip_card .attributes, .tipContainer .tip_card .attributes, #tips_container .tip_card .attributes {
  display: flex;
  width: 95%;
  font-size: 0.7rem;
}
.tips_container .tip_card .attributes .impact, .tips_container .tip_card .attributes .difficulty, .tipContainer .tip_card .attributes .impact, .tipContainer .tip_card .attributes .difficulty, #tips_container .tip_card .attributes .impact, #tips_container .tip_card .attributes .difficulty {
  width: 50%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0.2rem 0.5rem;
  font-weight: bold;
}
.tips_container .tip_card .attributes .impact, .tipContainer .tip_card .attributes .impact, #tips_container .tip_card .attributes .impact {
  color: #000;
  background: #ccc;
}
.tips_container .tip_card .attributes .impact span, .tipContainer .tip_card .attributes .impact span, #tips_container .tip_card .attributes .impact span {
  color: #000;
}
.tips_container .tip_card .difficulty, .tipContainer .tip_card .difficulty, #tips_container .tip_card .difficulty {
  color: white;
  background: rgb(0, 0, 0);
}
.tips_container .tip_card .difficulty span, .tipContainer .tip_card .difficulty span, #tips_container .tip_card .difficulty span {
  color: white;
}
.tips_container .tip_card .drivers, .tipContainer .tip_card .drivers, #tips_container .tip_card .drivers {
  background: #ccc;
  padding: 0.1rem 0 0 0.5rem;
  border-bottom: 1px solid #333;
}
.tips_container .tip_card .drivers .driver_art, .tipContainer .tip_card .drivers .driver_art, #tips_container .tip_card .drivers .driver_art {
  width: 20px !important;
  padding-top: 5px;
}
.tips_container .title_wrapper, .tipContainer .title_wrapper, #tips_container .title_wrapper {
  display: flex;
  justify-content: center;
  background-color: #041e42;
  text-transform: uppercase;
}
.tips_container .title_wrapper div, .tipContainer .title_wrapper div, #tips_container .title_wrapper div {
  color: #fff;
  font-size: 18px;
  padding: 0.5rem 0;
}
.tips_container .art_wrapper, .tipContainer .art_wrapper, #tips_container .art_wrapper {
  width: 15%;
}
.tips_container .content_wrapper, .tipContainer .content_wrapper, #tips_container .content_wrapper {
  padding-bottom: 2rem;
  margin-top: 0.5rem;
}
.tips_container .content_wrapper .impact_category div, .tipContainer .content_wrapper .impact_category div, #tips_container .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;
}
.tips_container .content_wrapper .tip_inner_box, .tipContainer .content_wrapper .tip_inner_box, #tips_container .content_wrapper .tip_inner_box {
  width: 95%;
  margin: 0 auto;
}
.tips_container .content_wrapper .tip_inner_box .title, .tipContainer .content_wrapper .tip_inner_box .title, #tips_container .content_wrapper .tip_inner_box .title {
  font-size: 18px;
  line-height: 1;
}
.tips_container .content_wrapper .tip_inner_box .copy_row, .tipContainer .content_wrapper .tip_inner_box .copy_row, #tips_container .content_wrapper .tip_inner_box .copy_row {
  position: relative;
  margin-top: 0.5rem;
}
.tips_container .content_wrapper .tip_inner_box .copy_row .copy_color, .tipContainer .content_wrapper .tip_inner_box .copy_row .copy_color, #tips_container .content_wrapper .tip_inner_box .copy_row .copy_color {
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 100%;
}
.tips_container .content_wrapper .tip_inner_box .copy_row .copy_text, .tipContainer .content_wrapper .tip_inner_box .copy_row .copy_text, #tips_container .content_wrapper .tip_inner_box .copy_row .copy_text {
  line-height: 1.2;
  padding: 0 0.5rem 1rem 0.5rem;
  font-size: 14px;
  color: black;
  height: 8rem;
}
.tips_container .content_wrapper .action_button_wrapper, .tips_container .content_wrapper .financial_button_wrapper, .tipContainer .content_wrapper .action_button_wrapper, .tipContainer .content_wrapper .financial_button_wrapper, #tips_container .content_wrapper .action_button_wrapper, #tips_container .content_wrapper .financial_button_wrapper {
  text-align: center;
}
.tips_container .content_wrapper .financial_button_wrapper, .tipContainer .content_wrapper .financial_button_wrapper, #tips_container .content_wrapper .financial_button_wrapper {
  margin-bottom: 1rem;
}
.tips_container .content_wrapper .financial_plan, .tipContainer .content_wrapper .financial_plan, #tips_container .content_wrapper .financial_plan {
  padding-bottom: 2rem;
  width: 85%;
  margin: 0 auto;
}
.tips_container .content_wrapper .toggle_plan, .tipContainer .content_wrapper .toggle_plan, #tips_container .content_wrapper .toggle_plan {
  background-color: #6EC1E4 !important;
  width: 90%;
  color: #000 !important;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0.5rem auto;
}
.tips_container .content_wrapper .toggle_plan button, .tips_container .content_wrapper .toggle_plan div, .tipContainer .content_wrapper .toggle_plan button, .tipContainer .content_wrapper .toggle_plan div, #tips_container .content_wrapper .toggle_plan button, #tips_container .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;
}
.tips_container .content_wrapper .toggle_plan button:hover, .tips_container .content_wrapper .toggle_plan div:hover, .tipContainer .content_wrapper .toggle_plan button:hover, .tipContainer .content_wrapper .toggle_plan div:hover, #tips_container .content_wrapper .toggle_plan button:hover, #tips_container .content_wrapper .toggle_plan div:hover {
  color: #fff;
}
.tips_container .content_wrapper .financial_plan, .tipContainer .content_wrapper .financial_plan, #tips_container .content_wrapper .financial_plan {
  font-size: 14px;
}
.tips_container .content_wrapper .action_plan, .tipContainer .content_wrapper .action_plan, #tips_container .content_wrapper .action_plan {
  display: none;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.tips_container .content_wrapper .action_plan a, .tipContainer .content_wrapper .action_plan a, #tips_container .content_wrapper .action_plan a {
  color: blue;
}
.tips_container .content_wrapper .action_plan .action_plan_title, .tipContainer .content_wrapper .action_plan .action_plan_title, #tips_container .content_wrapper .action_plan .action_plan_title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.tips_container .content_wrapper .action_plan .action_plan_list ul, .tipContainer .content_wrapper .action_plan .action_plan_list ul, #tips_container .content_wrapper .action_plan .action_plan_list ul {
  margin-left: 0;
  padding-left: 16px;
}
.tips_container .content_wrapper .action_plan .action_plan_list ul li, .tipContainer .content_wrapper .action_plan .action_plan_list ul li, #tips_container .content_wrapper .action_plan .action_plan_list ul li {
  font-size: 14px;
}

.tip_card_wrap.gsa .implementation_nav button {
  background-color: #8dc63f !important;
}

.tip_teaser {
  text-align: center;
  padding: 2rem 0;
  background: blue;
}

#tips_search_form {
  padding-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  background: red;
}
#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: #fff;
  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: rgb(12, 91, 95);
}
#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: #000000;
}

.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;
  min-height: 300px;
  margin-bottom: 1rem;
  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 #000000;
}
.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;
}
.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 .difficulty {
  color: white;
}
.tip_card .tip_card_inner .tip_back .attributes .difficulty span {
  color: white;
}
.tip_card .tip_card_inner .tip_back .attributes .impact {
  background: #39AFAA;
  color: #000;
  font-size: 0.8rem;
}
.tip_card .tip_card_inner .tip_back .attributes .impact span {
  color: #000;
}
.tip_card .tip_card_inner .tip_back .attributes .impact svg circle.filled {
  fill: #000000;
}
.tip_card .tip_card_inner .tip_back .attributes .difficulty {
  background: #000000;
  color: white;
  font-size: 0.8rem;
}
.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 .title {
  font-weight: bold;
}
.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 !important;
}
.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;
  min-height: 76px;
}
.tip_card .tip_card_inner .tip_back .tip_inner_box .read_more {
  text-decoration: underline;
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
  color: rgb(166, 51, 51);
}
.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;
}

body.sorting-tips .tip_card_inner, body.single-sfwd-topic .tip_card_inner {
  transition: unset;
  transform-style: unset;
}
body.sorting-tips .tip_card_inner .tip_front, body.sorting-tips .tip_card_inner .tip_back, body.single-sfwd-topic .tip_card_inner .tip_front, body.single-sfwd-topic .tip_card_inner .tip_back {
  -webkit-backface-visibility: unset;
  backface-visibility: unset;
}
body.sorting-tips .tip_card_inner .tip_back, body.single-sfwd-topic .tip_card_inner .tip_back {
  transform: unset;
  margin-top: unset;
}
body.sorting-tips .tip_card_inner .tip_front, body.single-sfwd-topic .tip_card_inner .tip_front {
  display: none;
}
body.sorting-tips .in_box, body.single-sfwd-topic .in_box {
  position: relative;
  width: 60%;
  margin: 1rem auto 0 auto;
  padding: 0.4rem 0.4rem 0 0.4rem;
  border: 1px solid black;
  cursor: pointer;
  height: 100px;
  box-shadow: 3px 6px 4px #777;
  background-color: white;
  z-index: 10;
}
body.sorting-tips .in_box img.icon, body.single-sfwd-topic .in_box img.icon {
  height: 60px;
  margin: 0 auto;
  display: block;
}
body.sorting-tips .in_box .info, body.single-sfwd-topic .in_box .info {
  display: flex;
  justify-content: space-between;
  margin-top: 0.6rem;
}
body.sorting-tips .in_box .info .drivers .driver_art, body.single-sfwd-topic .in_box .info .drivers .driver_art {
  width: 16px;
}
body.sorting-tips .in_box .info .drivers .driver_art img, body.single-sfwd-topic .in_box .info .drivers .driver_art img {
  display: block;
}
body.sorting-tips .in_box .info .drivers .print, body.single-sfwd-topic .in_box .info .drivers .print {
  display: none;
}
body.sorting-tips .in_box .info .attributes, body.single-sfwd-topic .in_box .info .attributes {
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
}
body.sorting-tips .in_box .info .attributes .impact, body.single-sfwd-topic .in_box .info .attributes .impact {
  background-color: #39AFAA;
}
body.sorting-tips .in_box .info .attributes .difficulty, body.single-sfwd-topic .in_box .info .attributes .difficulty {
  background-color: #000;
}
body.sorting-tips .in_box .info .attributes .impact, body.sorting-tips .in_box .info .attributes .difficulty, body.single-sfwd-topic .in_box .info .attributes .impact, body.single-sfwd-topic .in_box .info .attributes .difficulty {
  color: #fff;
  padding: 0.1rem 0.2rem;
}
body.sorting-tips .in_box .info .attributes .impact span, body.sorting-tips .in_box .info .attributes .difficulty span, body.single-sfwd-topic .in_box .info .attributes .impact span, body.single-sfwd-topic .in_box .info .attributes .difficulty span {
  display: none;
}

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

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

.driver_svg {
  max-width: 100px;
}

.sorted_tips_nav {
  display: flex;
  justify-content: space-around;
}

#tip_dots {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
#tip_dots .tip_dot {
  font-size: 36px;
  margin: 0 0.1rem;
}

.sort_box .icon_wrap, .chart_bucket .icon_wrap {
  display: flex;
  justify-content: flex-start;
  width: fit-content;
  min-width: 156px;
  padding: 0.3rem 0.4rem 0.3rem 0.4rem;
  margin: 0 auto;
  height: 50px;
  border-radius: 2px;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
.sort_box .icon_wrap div.fas, .chart_bucket .icon_wrap div.fas {
  font-size: 26px;
  padding-top: 6%;
}
.sort_box .icon_wrap h2, .chart_bucket .icon_wrap h2 {
  font-size: 15px !important;
  color: black !important;
  margin: 0 0 0 0.4rem;
  padding-top: 9%;
}
.sort_box .icon_wrap h2:hover, .chart_bucket .icon_wrap h2:hover {
  color: white !important;
  opacity: 0.9;
}

.chart_bucket {
  cursor: pointer;
}

#willnot_bucket .icon_wrap h2 {
  padding-top: 2%;
}

#view_list {
  background: transparent;
}

.feedback_container {
  display: flex;
  justify-content: space-between;
}

@keyframes dashboard_up {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}
.trigger_dashboard_up {
  animation-name: dashboard_up;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

#sorted_tips_prev, #sorted_tips_next {
  color: #F47920;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0.5rem !important;
  cursor: pointer;
}
#sorted_tips_prev:hover, #sorted_tips_next:hover {
  color: #97BB6B;
}

#sorted_tips_next {
  text-align: right;
}

.dashboard {
  position: relative;
}
.dashboard .tip_list {
  display: none;
}
.dashboard #tip_choice {
  display: none;
  position: absolute;
  background: #9ed3f3;
  color: black;
  top: 4.9rem;
  left: 0rem;
  width: 100%;
  padding: 1rem 1.5rem;
  box-shadow: 3px 6px 4px #777;
  z-index: 30;
}
.dashboard #tip_choice .choice_feedback {
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500;
}
.dashboard #tip_choice #close_tip_choice {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: #9ed3f3;
  color: black;
  padding: 0.1rem;
  text-align: center;
  font-size: 16px;
}
.dashboard #tip_choice #close_tip_choice:hover {
  background-color: white;
  color: blue;
}

#chart_of_results {
  position: relative;
  display: table;
  margin-left: 2rem;
  width: 100%;
  border-radius: 8px;
}
#chart_of_results #watermark {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  font-size: 54px;
  text-align: center;
  color: #654321;
  font-weight: bold;
  opacity: 0.1;
}
#chart_of_results #chart_body {
  display: table-row-group;
}
#chart_of_results #chart_body .chart_cell {
  display: table-cell;
  padding: 0.5rem;
  vertical-align: top;
  width: 33%;
  border-top: 2px solid #654321;
}
#chart_of_results #chart_header {
  display: table-header-group;
}
#chart_of_results #chart_header .chart_cell {
  display: table-cell;
  padding: 0;
  border: none;
  padding: 0.5rem 0.5rem;
  vertical-align: top;
}
#chart_of_results .chart_row {
  display: table-row;
}

@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 */