/*
 Theme Name:   benchmark academy
 Theme URI:    https://academy.benchmark-gm.co.uk
 Description:  Benchmark Ground Maintenance Training Academy
 Author:       Weblake
 Author URI:   https://weblake.co.uk
 Template:     Divi
 Version:      1.0.0
*/

/* Benchmark colours
Dark green: 0e5310
Light green: 97d103\
Light green tint for backgrounds: c8d99e
*/

/* #region import fonts */
@font-face {
  font-family: Aleo_bold;
  src: url(/wp-content/themes/benchmark_academy/fonts/Aleo-Bold.ttf);
}

@font-face {
  font-family: Aleo_light;
  src: url(/wp-content/themes/benchmark_academy/fonts/Aleo-Light.ttf);
}

@font-face {
  font-family: Aleo_regular;
  src: url(/wp-content/themes/benchmark_academy/fonts/Aleo-Regular.ttf);
}

@font-face {
  font-family: Quicksand_regular;
  src: url(/wp-content/themes/benchmark_academy/fonts/Quicksand-Regular.ttf);
}

@font-face {
  font-family: Quicksand_semibold;
  src: url(/wp-content/themes/benchmark_academy/fonts/Quicksand-SemiBold.ttf);
}
/* #endregion */

/* #region questionnaire styling */

.wpProQuiz_question_text p,
.wpProQuiz_points p {
  font-family: Aleo_regular;
  font-size: 1.6em;
  line-height: 1.4em;
  color: #0e5310;
  margin: 20px 0 0 0;
}

@media screen and (max-width: 428px) {
  .wpProQuiz_question_text p,
  .wpProQuiz_points p {
    font-family: Aleo_regular;
    font-size: 1.3em;
    line-height: 1.2em;
    color: #0e5310;
    margin: 20px 0 0 0;
    text-align: center !important;
  }

  .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {
    line-height: 1.2em;
  }

  .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {
    margin-bottom: 0.5em;
    display: block !important;
    flex-direction: column;
    align-items: flex-start;
  }

  li.wpProQuiz_questionListItem {
    text-align: center !important;
  }

  .learndash-wrapper
    .wpProQuiz_content
    ul.wpProQuiz_questionList
    input.wpProQuiz_questionInput {
    max-width: 100%;
    min-width: 15px;
    width: 100% !important;
  }
}

.learndash-wrapper
  .wpProQuiz_content
  .wpProQuiz_questionListItem
  label.is-selected,
.learndash-wrapper
  .wpProQuiz_content
  .wpProQuiz_questionListItem
  label:focus-within {
  border-color: #97d103 !important;
}

/* #endregion */

body {
  font-family: Quicksand_regular, Arial, sans-serif !important;
}

h1 {
  font-family: Aleo_regular !important;
}

/* lesson button */
a#lesson_button {
  padding: 14px 20px 20px 20px;
  background: #0e5310;
  color: #fff !important;
  font-size: 2em !important;
  border-radius: 10px !important;
  text-align: center !important;
  width: 80% !important;
  margin: 14px auto !important;
}

/* #region PPE icons styling */
h4.ppe {
  font-family: Aleo_regular !important;
  color: #0e5310;
  font-size: 140% !important;
  line-height: 1.5em !important;
  padding: 0 3%;
}

h4.ppe + p {
  font-family: Quicksand_regular, Arial, sans-serif !important;
  color: red !important;
  font-size: 140% !important;
  line-height: 1.5em !important;
}

.et_pb_code_inner {
  font-family: Quicksand_regular, Arial, sans-serif !important;
  color: red !important;
  font-size: 140% !important;
  line-height: 1.5em !important;
}

/* #region hazard and risks assessment tables */
.red {
  background-color: #ff2500;
}

.yellow {
  background-color: #ffc100;
}

.green {
  background-color: #00af50;
}

table#risks_assess,
table#risks_angles {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /* table-layout: fixed; */
  color: #000;
}

table#risks_assess caption,
table#risks_angles caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}

table#risks_assess tr,
table#risks_angles tr {
  background-color: #eaeceb;
  border-bottom: 2px solid #fff;
  /* padding: 0.35em; */
}

table#risks_assess tr:nth-child(even),
table#risks_angles tr:nth-child(even),
table#risks_angles tr > td.main {
  background-color: #d9d9d9;
  border-bottom: 2px solid #fff;
  /* padding: 0.35em; */
}

table#risks_assess th:nth-child(1),
table#risks_assess tr > td:nth-child(1) {
  font-family: Aleo_bold;
  width: 18%;
}

table#risks_assess th:nth-child(2),
table#risks_assess tr > td:nth-child(2) {
  width: 18%;
}

table#risks_assess th:nth-child(3),
table#risks_assess tr > td:nth-child(3) {
  width: 40%;
}

table#risks_assess th:nth-child(4),
table#risks_assess th:nth-child(5),
table#risks_assess tr > td:nth-child(4),
table#risks_assess tr > td:nth-child(5) {
  width: 12%;
}

table#risks_assess th,
table#risks_assess td,
table#risks_angles th,
table#risks_angles td {
  padding: 0.625em;
  text-align: center;
  border-right: 2px solid #fff;
}

table#risks_assess th,
table#risks_angles th {
  font-size: 1.4em;
  font-family: Aleo_regular;
  color: #fff;
  background-color: #666;
}

span.multiple_row {
  font-family: Quicksand_regular, Arial, sans-serif !important;
}

@media screen and (max-width: 820px) {
  table#risks_assess,
  table#risks_angles {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 1200px;
  }
}

@media screen and (max-width: 428px) {
  /* Styles for the table container */
  div.table-container {
		padding:0 !important;
    /* This must be set to create the internal scroll context */
    height: 500px !important; /* Example fixed height */
    overflow-y: auto !important; /* Enables vertical scrolling within the container */
    overflow-x: auto !important; /* Ensures horizontal scrolling is maintained */
  }

	table#risks_angles caption {
		text-align:left !important;
	}


  table#risks_assess td,
  table#risks_angles td {
    font-size: 0.7em !important;
    padding: 10px !important;
    /* text-align:left; */
    line-height: 1.4em;
  }

  table#risks_assess th,
  table#risks_angles th {
    position: sticky; /* Makes the element stick when its scroll position meets the defined offset */
    top: 0; /* Defines the sticking point: 0 pixels from the top of the viewport */
    background-color: #666 !important;
    font-size: 0.7em !important;
    z-index: 100; /* Ensure it always sits above all other page content */
  }

  /* Header Cells */
  #risks_angles thead th:nth-child(1),
  #risks_angles thead th:nth-child(3) {
    position: sticky;
    z-index: 18;
    background-color: #f1f1f1;
  }

  /* Column 1 (Rowspan - Machine Type) */
  #risks_angles .main {
    position: sticky;
    left: 0;
    width: 80px;
    min-width: 80px;
    background-color: #e6e6fa;
    z-index: 15;
  }

  /* Column 2 (Make) - Required fixed width for calculation */
  #risks_angles tbody td:nth-child(2) {
    width: 80px;
    min-width: 80px;
  }

  /* ** NEW/SIMPLIFIED MODEL BODY STYLES ** */
  #risks_angles .col-model {
    position: sticky;
    background-color: #fff !important;
    z-index: 12;
    /* LEFT position will be set by JavaScript */
  }
}

/* additional action table */
table#action {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /* table-layout: fixed; */
  color: #000;
}

table#action caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}

table#action tr {
  background-color: #eaeceb;
  border-bottom: 2px solid #fff;
  /* padding: 0.35em; */
}

table#action tr:nth-child(even) {
  background-color: #d9d9d9;
  border-bottom: 2px solid #fff;
  /* padding: 0.35em; */
}

table#action th:nth-child(1),
table#action tr > td:nth-child(1),
table#action th:nth-child(2),
table#action tr > td:nth-child(2),
table#action th:nth-child(4),
table#action tr > td:nth-child(4),
table#action th:nth-child(5),
table#action tr > td:nth-child(5),
table#action th:nth-child(6),
table#action tr > td:nth-child(6),
table#action th:nth-child(7),
table#action tr > td:nth-child(7) {
  font-family: Aleo_bold;
  width: 12%;
}

table#action th:nth-child(3),
table#action tr > td:nth-child(3) {
  font-family: Aleo_bold;
  width: 28%;
}

table#action th,
table#action td {
  padding: 0.625em;
  text-align: center;
  border-right: 2px solid #fff;
}

table#action th {
  font-size: 1.4em;
  font-family: Aleo_regular;
  color: #fff;
  background-color: #666;
}

@media screen and (max-width: 820px) {
  table#action {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 1200px;
  }
}

@media screen and (max-width: 428px) {
  table#action td {
    font-size: 0.8em !important;
    padding: 10px !important;
    /* text-align:left; */
    line-height: 1.4em;
  }

  table#action th {
    font-size: 1em !important;
  }
}
/* #endregion */

.et_pb_section_0 {
  height: auto;
  min-height: auto;
  max-height: none;
  height: auto !important;
}

/* #region Learndash styling */

/* new dashboard ( with Toolbox Talk ) styling  */
#Academy_dashboard .ld-course-list-items .ld_course_grid .thumbnail.course {
  line-height: 1.5;
  background-color: #ffffff;
  border: none !important;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
  padding: 14px;
  margin: 0;
}

#Academy_dashboard h3.entry-title {
  text-align: center !important;
  font-size: 200%;
  padding-bottom: 30px;
  line-height: 130%;
  width: 84% !important;
  margin: 0 auto !important;
}

#Academy_dashboard div.ld_course_grid_button {
  width: 50%;
  margin: 0 auto !important;
}

#Academy_dashboard div.learndash-wrapper.learndash-widget {
  width: 50% !important;
  margin: 0 auto !important;
}

#Academy_dashboard div.ld-progress-heading {
  width: 100% !important;
}

#Academy_dashboard div.learndash-wrapper.ld-secondary-color {
  color: #000 !important;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  display: block !important;
  font-weight: normal !important;
}

#Academy_dashboard div.ld-progress-stats {
  color: #000 !important;
  width: 50%;
  margin: 5px auto !important;
  text-align: center;
  display: block !important;
  font-weight: normal !important;
  font-size: 150% !important;
}

#Academy_dashboard div.ld-progress-steps {
  display: block !important;
  margin: 20px auto 0 !important;
  font-size: 100% !important;
  line-height: 120%;
}

#Academy_dashboard
  .learndash-wrapper
  .ld-progress
  .ld-progress-heading
  .ld-progress-stats
  .ld-progress-percentage {
  text-transform: none !important;
  font-weight: normal !important;
}

#Academy_dashboard .ld_course_grid_button a.btn.btn-primary {
  color: #fff !important;
  font-size: 110%;
  background-color: #97d103 !important;
  border-color: #97d103 !important;
  opacity: 0.6 !important;
}

#Academy_dashboard .ld_course_grid_button a.btn-primary:hover {
  color: #fff !important;
  font-size: 110%;
  background-color: #0e5310 !important;
  border-color: #0e5310 !important;
  opacity: 0.99 !important;
}

/* mobile styling for #Academy_dashboard */

@media screen and (max-width: 810px) {
  #Academy_dashboard div.learndash-wrapper.learndash-widget {
    width: 100% !important;
    margin: 0 auto !important;
  }

  #Academy_dashboard div.ld-progress-stats {
    color: #000 !important;
    width: 90%;
    margin: 5px auto !important;
    text-align: center;
    display: block !important;
    font-weight: normal !important;
    font-size: 150% !important;
  }
}

@media screen and (max-width: 428px) {
  #Academy_dashboard h3.entry-title {
    font-size: 120%;
  }

  #Academy_dashboard div.ld-progress-steps {
    display: block !important;
    margin: 20px auto 0 !important;
    font-size: 90% !important;
    line-height: 120%;
    width: 80%;
  }
}

.container {
  width: 94% !important;
}

.ld-breadcrumbs {
  background-color: #c8d99e !important;
  border-radius: 6px;
  padding: 0.5em 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ld-breadcrumbs .ld-breadcrumbs-segments span a {
  color: #fff !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span::after {
  content: '>';
  unicode-bidi: plaintext;
  color: #fff !important;
}

.learndash-wrapper #quiz_continue_link,
.learndash-wrapper .ld-secondary-background,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .ld-status-complete,
.learndash-wrapper .ld-alert-success .ld-button,
.learndash-wrapper .ld-alert-success .ld-alert-icon {
  background-color: #0e5310 !important;
}

.ld-lesson-topic-list {
  display: none !important;
}

.learndash-wrapper .ld-quiz-actions {
  border-top: none !important;
  padding-top: 0 !important;
  justify-content: none !important;
  align-items: top !important;
  margin: 0 !important;
  display: block !important;
  flex-direction: none !important;
  text-align: center !important;
}

.wpProQuiz_button.wpProQuiz_button_restartQuiz {
  background-color: #97d103 !important;
}

.learndash-wrapper .quiz_continue_link {
  display: block !important;
  justify-content: space-around;
  margin: 10px auto 30px !important;
  width: 100% !important;
  text-align: center !important;
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
  background-color: #0e5310 !important;
  color: #fff !important;
}

.learndash-wrapper .ld-quiz-actions input[name='restartQuiz'],
.learndash-wrapper .ld-quiz-actions input[name='reShowQuestion'] {
  display: block !important;
  width: 50% !important;
  margin: 20px auto !important;
  text-align: center !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_response {
  border-radius: 6px;
  margin: 5px 0 40px !important;
  border: none !important;
  color: #0e5310;
  position: relative;
  min-height: 85px;
  padding: 25px;
  background-color: #c8d99e;
  text-align: center;
  box-shadow: none;
  min-height: none;
}

.wpProQuiz_incorrect {
  font-size: 150%;
  color: red !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
  padding-bottom: 0 !important;
}

ul.wpProQuiz_questionList {
  padding-bottom: 0 !important;
}

/* generic button */
/* button {
	background-color:#97d103 !important;
	border:none !important;
	width: auto !important;
	margin:20px auto !important;
	padding:15px !important;
	border-radius:15px !important;
	display:block !important;
}

button a {
	color:#fff !important;
} */

/* hide the entry title meta box */
.et_post_meta_wrapper {
  display: none !important;
}

.learndash-wrapper .ld-button.ld-login-button.ld-login {
  justify-content: center !important;
}

.learndash-wrapper {
  width: 100% !important;
  display: block !important;
  position: relative !important;
}

.learndash-wrapper a {
  display: block !important;
  width: 60% !important;
  margin: 0 auto !important;
}

.learndash-wrapper .ld-button {
  font-size: 1.4em !important;
  color: #fff !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
  border: 1px dotted #0e5310 !important;
  border-radius: 6px;
  margin: 1em 0;
  background: #fff !important;
}

.ld-course-title {
  font-size: 200% !important;
}

@media screen and (max-width: 428px) {
  .ld-course-title {
    display: block !important;
    font-size: 120% !important;
    line-height: 1em !important;
    margin-bottom: 20px !important;
  }

  .ld-item-name {
    text-align: center !important;
  }

  .learndash-wrapper .ld-item-list {
    margin: 0 !important;
  }

  .learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat {
    width: 45%;
    border: 0;
    flex: 1;
    margin: 0 !important;
    padding: 0 0 !important;
  }

  .ld-profile-stats {
    margin: 0 !important;
    padding: 0 !important;
  }

  .ld-section-heading {
    text-align: center !important;
  }

  .learndash-wrapper .ld-section-heading h3 {
    font-size: 24px;
    margin: 0 auto !important;
    width: 80% !important;
  }

  form#loginform p label {
    font-size: 1.6em !important;
  }
}

.ld-item-title {
  width: 80% !important;
  display: inline-block !important;
}

#learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button {
  margin: 0;
  border-radius: 20px;
  background-color: #00a2e8;
  color: #fff;
  box-shadow: none;
  text-transform: none;
  font-family: inherit;
  font-weight: 800;
  font-size: 1em !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  max-width: 385px;
  white-space: normal;
  text-shadow: none;
  border: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  line-height: 1.25em;
  background-color: #019e7c;
  padding: 1em 3em 1em 1em;
}

.learndash-wrapper .ld-button {
  margin: 0;
  border-radius: 20px;
  background-color: #00a2e8;
  color: #fff;
  box-shadow: none;
  text-transform: none;
  font-family: inherit;
  font-weight: 800;
  font-size: 1em !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  max-width: 385px;
  white-space: normal;
  text-shadow: none;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 1em;
  line-height: 1.25em;
}

.ld-content-actions > a.ld-primary-color,
.ld-content-actions
  .ld-content-action
  > a.ld-primary-color.ld-course-step-back {
  margin: 0;
  border-radius: 20px !important;
  background-color: #666 !important;
  color: #fff !important;
  box-shadow: none;
  text-transform: none;
  font-family: inherit;
  font-weight: 800;
  font-size: 1em !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  max-width: 385px;
  white-space: normal;
  text-shadow: none;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 1em !important;
  line-height: 1.25em;
}

.et_pb_code_inner button,
.et_pb_code_inner button:hover {
  margin: 0;
  border: none !important;
  background-color: #fff !important;
}

.et_pb_code_inner button a {
  margin: 0;
  border-radius: 20px !important;
  background-color: #97d103 !important;
  color: #fff !important;
  box-shadow: none;
  text-transform: none;
  font-family: inherit;
  font-weight: 800;
  font-size: 1.4em !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  max-width: 385px;
  white-space: normal;
  text-shadow: none;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  opacity: 1;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 1em !important;
  line-height: 1.25em;
}

@media screen and (max-width: 420px) {
  .ld-text {
    font-size: 90% !important;
  }
}

.ppe_heading .et_pb_text_inner h2 {
  padding: 15px;
  border-radius: 15px;
  background-color: #0e5310;
  color: #fff !important;
  display: inline-block;
  width: auto;
  margin: 0 auto 20px auto;
}

form#loginform,
a.ld-forgot-password-link {
  font-size: 200% !important;
  font-family: Quicksand_regular, Arial, sans-serif !important;
}

form#loginform label {
  font-size: 120% !important;
  font-family: Aleo_light, serif !important;
}

@media screen and (max-width: 428px) {
  form#loginform p label {
    font-size: 0.6em !important;
    font-family: Aleo_light, serif !important;
  }

  form#loginform p.login-submit input#wp-submit {
    font-size: 0.6em !important;
    /* font-family: Aleo_light, serif !important; */
  }

  form#loginform p {
    padding-bottom: 0 !important;
  }

  .learndash-wrapper
    .ld-login-modal
    .ld-login-modal-form
    .login-username::before {
    font-family: ld-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none !important;
    content: '';
    position: absolute;
    color: #728188;
    top: -9999em;
    left: -9999em;
  }

  .learndash-wrapper
    .ld-login-modal
    .ld-login-modal-form
    .login-password::before {
    font-family: ld-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none !important;
    content: '';
    position: absolute;
    color: #728188;
    top: -9999em;
    left: -9999em;
  }

  form#loginform p input {
    font-size: 0.6em !important;
  }

  .learndash-wrapper .ld-profile-summary .ld-profile-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 !important;
  }

  /* admin login / password recovery */
  #login {
    width: 95% !important;
  }
}

input#wp-submit {
  font-size: 150% !important;
}

.learndash-wrapper .ld-login-modal input[type='submit'] {
  margin: 0.2em auto 1.5em;
  min-width: 150px;
  text-align: center;
  justify-content: center;
  border: 0;
  border-radius: 20px;
  font-weight: 700;
  font-size: 14px;
}

.learndash-wrapper
  .ld-login-modal
  .ld-login-modal-form
  .ld-login-modal-branding::before {
  content: '';
  display: none !important;
  position: absolute;
  width: 50px;
  height: 3px;
  background-color: #fff;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
  display: flex;
  flex: 1 1 100% !important;
  align-items: top;
  color: #0e5310 !important;
  font-weight: 400 !important;
}

.p2 {
  padding-top: 30px !important;
}

h2.close {
  padding-bottom: 0 !important;
  line-height: 1.3em !important;
}

.ld-profile-heading {
  font-family: Aleo_light !important;
  color: #000;
  font-size: 2.4em !important;
}

.ld-tab-content.ld-visible h1 {
  font-size: 3em;
  color: #0e5310 !important;
  line-height: 1.4em;
  text-align: center;
  padding: 0 5%;
}

/* tablet styling for the lessons list and breadcrumbs in course */
@media screen and (max-width: 820px) {
  .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-list-item-preview {
    padding: 20px;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: left !important;
  }

  .ld-item-title {
    width: 90% !important;
    display: inline-block !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-list-item-preview
    .ld-status-icon {
    margin-right: 0.5em;
    margin-top: 0.75em !important;
  }

  .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
    font-size: 0.75em;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    padding-right: 1em;
    width: auto !important;
  }

  .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span::after {
    content: '>';
    unicode-bidi: plaintext;
  }

  h1 {
    font-size: 1.6em !important;
  }

  h2 {
    font-family: Quicksand_semibold;
    font-size: 1.6em !important;
  }

  h4.ppe {
    font-family: Aleo_regular !important;
    color: #0e5310;
    font-size: 120% !important;
    line-height: 1.5em !important;
    padding: 0 3%;
  }

  .gfield_checkbox {
    line-height: 1.9em !important;
  }
}

/* mobile styling for course listings */
@media screen and (max-width: 428px) {
  .learndash-wrapper
    .ld-item-list
    .ld-item-list-item
    .ld-item-list-item-preview {
    padding: 20px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .ld-item-title {
    width: 90% !important;
    display: inline-block !important;
    padding: 0 !important;
    text-align: center !important;
  }

  h1 {
    font-size: 1.4em !important;
  }

  h2 {
    font-family: Quicksand_semibold;
    font-size: 1.6em !important;
  }

  h4.ppe {
    font-family: Aleo_regular !important;
    color: #0e5310;
    font-size: 110% !important;
    line-height: 1.5em !important;
    padding: 0 3%;
  }

  .gform_wrapper.gravity-theme .gfield-choice-input + label {
    /* max-width: 100% !important; */
    margin-bottom: 0;
    vertical-align: middle;
  }

  .gfield_checkbox {
    line-height: 1.9em !important;
  }
}

.ld-breadcrumbs-segments {
  text-align: left !important;
  padding-left: 0 !important;
  width: 80% !important;
  font-size: 90% !important;
}

.learndash-wrapper a {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
}

.reviewer_sub_heading h3 {
  margin: 0 !important;
  padding: 15px !important;
  color: #fff !important;
  font-size: 1.9em !important;
  font-family: 'Quicksand_regular' !important;
  border-radius: 10px;
  background-color: #0e5310 !important;
  width: 100%;
}

.inner_lower {
  margin-top: 40px !important;
}

.gfield_header_item {
  font-size: 1.3em !important;
}

/* #endregion */

/* #region Buttons  */
.wpProQuiz_text div input.wpProQuiz_button {
  display: block !important;
  margin: 0 auto !important;
}
/* #endregion */

.ld-logout {
  font-size: 60% !important;
}

span.ld-icon.ld-icon-certificate {
  margin-right: 15px;
}

/* remove space from top of learndash course page */
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
  padding-top: 10px !important;
}

/* remove space from top of Assets frontend */
article#post-222 div.et_pb_section_0.et_pb_section {
  padding-top: 0px !important;
}

/* conditional timesheet dashboard link styling */
a.timesheet_conditional {
  width: 100% !important;
  margin: 0 0 30px 0 !important;
  display: block !important;
  background-color: rgba(14, 83, 16, 0.8) !important;
  text-align: center !important;
  height: auto !important;
  overflow: hidden !important;
  padding: 20px !important;
  border-radius: 20px 20px 20px 20px !important;
}

/* remove sidebar keyline in single template */
#main-content .container:before {
  background: none;
}

/* #main-content {
	min-height: 300px !important; */
/* display: block !important;
} */

#et-boc .wpfd-content,
.wpfd-content {
  font-weight: normal;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 20px;
  font-size: 18px !important;
  background-color: #fff;
  padding: 5px;
  clear: both;
}

#et-boc .wpfd-content .breadcrumbs,
.wpfd-content .breadcrumbs {
  margin: 0;
  list-style: outside none none;
  background: #fff;
  color: #666666;
  font-size: 20px !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid #ccc;
}

#et-boc .wpfd-content .breadcrumbs > li,
.wpfd-content .breadcrumbs > li {
  display: inline-block;
  font-size: 20px !important;
  text-transform: none !important;
  color: inherit;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  vertical-align: middle;
}

et-boc .wpfd-content-tree ul li.directory > ul,
.wpfd-content-tree ul li.directory > ul {
  margin: 0;
  padding: 2px 0 0 0px !important;
}

.swpm-post-no-access-msg {
  position: absolute !important;
  display: block !important;
  width: 50% !important;
  left: 25%;
  text-align: center !important;
  margin-top: 170px !important;
}

.sdp_icon i {
  font-size: 300%;
  color: #fff;
  display: block;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 15px !important;
}

a.sdp_dashboard_link {
  background-color: #97d103;
  color: #fff;
  padding: 5px 30px;
  border-radius: 50px;
  display: block;
  margin: 0 auto;
  width: 50%;
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
}

/* @media screen and (max-width: 720px) {
	a.sdp_dashboard_link {
		background-color: #97d103;
		color: #fff;
		padding: 5px 15px;
		border-radius: 50px;
		display: block;
		margin: 0 auto;
		width: 90% !important;
		font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
	}

	a.sdp_dashboard_link:hover {
		background-color: #0e5310;
		color: #fff;
		padding: 5px 15px;
		border-radius: 50px;
		display: block;
		margin: 0 auto;
		width: 90% !important;
		font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
	}
} */

/* date and time fields */
.gform_legacy_markup_wrapper .gfield_time_hour,
.gform_legacy_markup_wrapper .gfield_time_minute {
  max-width: 13% !important;
  width: auto !important;
}

.gform_legacy_markup_wrapper .gfield_time_hour i {
  font-style: normal !important;
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
  width: 10px;
  text-align: center;
  float: right;
  margin-top: 25% !important;
}

input#input_21_21_1,
input#input_21_21_2 {
  width: 6rem !important;
  margin-right: 5px !important;
}

/* mobile style for date and time fields */
/* @media screen and (max-width: 1200px) {
	.gform_legacy_markup_wrapper .gfield_time_hour,
	.gform_legacy_markup_wrapper .gfield_time_minute {
		max-width: 90% !important;
		width: auto !important;
	}

	.gform_legacy_markup_wrapper .gfield_time_hour i {
		font-style: normal !important;
		font-family: sans-serif !important;
		width: 10px;
		text-align: center;
		float: right;
		margin-top: 25% !important;
	}

	div#input_21_21,
	div#input_21_22 {
		width: 7rem !important;
		margin-right: 5px !important;
	}

	input#input_21_21_1,
	input#input_21_21_2 {
		width: 6rem !important;
		margin-right: 5px !important;
	}
} */

/* login form */
div.swpm-login-widget-form {
  text-align: center;
}

form#swpm-login-form
  div.swpm-login-form-inner
  div.swpm-forgot-pass-link
  a#forgot_pass,
form#swpm-login-form
  div.swpm-login-form-inner
  div.swpm-join-us-link
  a#register {
  display: none !important;
}

form#swpm-login-form label {
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
  font-weight: 500 !important;
  font-size: 1.9em !important;
  color: #0e5310;
  display: block !important;
  text-align: center !important;
  line-height: 1.6em;
}

form#swpm-login-form input {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #0e5310;
  font-size: 1.9em !important;
  text-align: center;
  width: 95% !important;
}

form#swpm-login-form input[type='submit'] {
  padding: 20px 40px !important;
  margin-bottom: 55px !important;
  border-radius: 10px;
  background-color: #0e5310 !important;
  border: none !important;
  color: #fff;
  font-size: 2.1em !important;
  width: 50% !important;
  cursor: pointer;
}

form#swpm-login-form input[type='submit']:hover {
  padding: 20px 40px !important;
  margin-bottom: 55px !important;
  border-radius: 10px;
  background-color: #97d103 !important;
  border: none !important;
  color: #0e5310;
  font-size: 2.1em !important;
  width: 50% !important;
  cursor: pointer;
}

form#swpm-login-form div.swpm-remember-me {
  display: none !important;
}

/* checkbox larger */
form#swpm-login-form
  div.swpm-login-form-inner
  div.swpm-remember-me
  span.swpm-remember-checkbox
  input[type='checkbox'] {
  visibility: hidden;
  margin-bottom: 25px !important;
}

form#swpm-login-form
  div.swpm-login-form-inner
  div.swpm-remember-me
  span.swpm-remember-checkbox
  input[type='checkbox']
  + label:before {
  border-radius: 5px !important;
  background: #bbb !important;
  content: '\00a0' !important;
  display: inline-block !important;
  height: 1.2em !important;
  margin: 0 0.5em 0 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
  width: 1.2em !important;
}

form#swpm-login-form
  div.swpm-login-form-inner
  div.swpm-remember-me
  span.swpm-remember-checkbox
  input[type='checkbox']:checked
  + label:before {
  background: #0e5310 !important;
  color: #fff !important;
  content: '\2713' !important;
  text-align: center !important;
}

/* Asset list ui */
#sdp_assets {
  margin: 0;
  font-size: 1.4em;
  line-height: 150%;
}

.asset_wrapper {
  border-radius: 20px;
  line-height: 200%;
  padding: 10px;
  width: 100%;
  margin: 0 0 30px;
  overflow: hidden;
  background-color: #f0f0f0;
}

.asset_wrapper a {
  color: #666;
  border-bottom: 1px dotted;
}

.asset_wrapper a:hover {
  color: #666;
  border-bottom: none !important;
}

.asset_wrapper h2 {
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
  font-size: 30px;
  color: #0e5310 !important;
  padding: 15px 0 15px 0;
}

.asset_wrapper h2 a {
  color: #0e5310 !important;
  border-bottom: none !important;
}

.asset_wrapper h2 a:hover {
  color: #0e5310 !important;
  border-bottom: 1px dotted #0e5310 !important;
}

.asset_photo_left {
  margin: 0 20px 0 0;
  float: left;
  width: 20%;
  border-radius: 12px;
  text-align: center;
  line-height: 1.3em;
}

.asset_photo_left p {
  margin: 10px 0 0 0;
}

.asset_photo_left a {
  border-bottom: none !important;
}

.asset_photo_left img,
.asset_detail_top_left img {
  border-radius: 12px;
}

.asset_list_content {
  float: left;
  width: 70%;
}

.sdp_container {
  padding-top: 220px !important;
  overflow: hidden !important;
}

.sdp_container_assets {
  padding-top: 120px !important;
  overflow: hidden !important;
}

.sdp_container hr {
  border: none;
  border-top: 2px dotted #aaa;
  color: #fff;
  background-color: #fff;
  height: 2px;
  width: 100%;
}

.sdp_form_rule hr {
  border: none;
  border-top: 2px dotted #0e5310;
  color: #fff;
  background-color: #fff;
  height: 2px;
  width: 100%;
  margin: 20px 0 20px 0 !important;
}

/* Asset detail page */
h1.asset_detail {
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
  font-size: 30px;
  color: #0e5310;
  padding: 15px 0 15px 0;
}

.asset_detail_top_left {
  float: left;
  width: 35%;
  margin: 0 5% 20px 0;
  font-size: 150%;
  line-height: 140%;
  text-align: center;
}

.asset_detail_top_right {
  float: left;
  width: 60%;
  margin: 0 0 20px 0;
  font-size: 150%;
  line-height: 180%;
}

.asset_detail_costs_list_wrapper {
  width: 100%;
  border-radius: 20px;
  padding: 5%;
  background-color: #b3c9b3 !important;
  margin: 20px 0;
  color: #0e5310;
}

.asset_detail_costs_list_wrapper h3 {
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
  font-size: 50px;
  color: #0e5310;
  padding: 0 0 20px 0;
  width: 100%;
  text-align: center;
}

.asset_costs_list_row {
  width: 100%;
  padding: 0;
  border-bottom: 1px dotted #fff;
  overflow: hidden;
  margin-bottom: 15px;
}

.asset_costs_list_date {
  display: inline-block;
  width: 26%;
  text-align: center;
}

.asset_costs_list_cost {
  display: inline-block;
  width: 13%;
  text-align: center;
}

.asset_costs_list_notes {
  display: inline-block;
  width: 52%;
  padding: 0 5px;
  text-align: center;
}

.asset_costs_list_document {
  display: inline-block;
  width: 4%;
  text-align: center;
}

span.asset_entry {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 10px 10px 0;
  border-radius: 10px;
}

.low {
  background-color: rgba(255, 255, 255, 0.2);
}

.mid {
  background-color: rgba(255, 255, 255, 0.5);
}

.high {
  background-color: rgba(255, 255, 255, 0.8);
}

.grey {
  background-color: rgba(0, 0, 0, 0.1);
}

.red {
  color: white;
  background-color: red;
}

/* restrict content pro */

form#rcp_login_form {
  text-align: center !important;
  padding-bottom: 50px !important;
  display: block !important;
}

form#rcp_login_form label {
  font-family: 'Aleo_regular', Georgia, 'Times New Roman', serif;
  font-weight: 300 !important;
  font-size: 1.9em !important;
  color: #0e5310;
  display: block !important;
  text-align: center !important;
}

form#rcp_login_form input {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #0e5310;
  font-size: 1.9em !important;
  text-align: center;
  width: 95% !important;
}

/* restrict content pro checkbox larger */
form#rcp_login_form input[type='checkbox'] {
  display: none;
  margin-bottom: 25px !important;
}

form#rcp_login_form input[type='checkbox']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

/* submit button */
form#rcp_login_form input[type='submit'] {
  padding: 20px 40px !important;
  margin-bottom: 55px !important;
  border-radius: 10px;
  background-color: #0e5310 !important;
  border: none !important;
  color: #fff;
  font-size: 2.1em !important;
  width: auto !important;
  cursor: pointer;
}

form#rcp_login_form p.rcp_lost_password {
  display: none !important;
}

div.rcp_logged_in {
  margin-top: 50px;
  text-align: center !important;
}

div.rcp_logged_in a {
  font-size: 200% !important;
  text-decoration: underline;
}

form#rcp_login_form fieldset.rcp_login_data {
  display: block !important;
  margin-bottom: 40px;
}

/* article.rcp-is-restricted p, article.rcp-no-access p {
	display:block;
	margin:0 auto;
	width:90%;
	text-align:center;
	font-size:150%;
} */

p.rcp_error.empty_username span,
p.rcp_error.empty_password span {
  text-align: center !important;
  font-size: 1.6em !important;
  color: red !important;
  display: block;
  width: 100%;
}

div.rcp_restricted {
  display: none !important;
}

div.rcp_restricted + p {
  display: none !important;
}

/* forms styling */

.benchmark_form label,
.benchmark_nested_form_site_visit label,
.benchmark_form legend,
.benchmark_nested_form_site_visit legend {
  font-family: 'Aleo_light', Georgia, 'Times New Roman', serif !important;
  font-weight: 300 !important;
  font-size: 1.3em !important;
  color: #0e5310;
  margin-top: 20px;
}

/* .benchmark_form.performance_review label, */
.benchmark_form.performance_review legend,
.benchmark_form.performance_review div.appraisees_view label {
  font-family: 'Aleo_light', Georgia, 'Times New Roman', serif !important;
  font-weight: 300 !important;
  font-size: 1.3em !important;
  color: #0e5310;
  margin-top: 20px;
  line-height: 1.2em !important;
}

/* .benchmark_form.performance_review label, */
form#gform_99.benchmark_form.performance_review legend,
form#gform_99.benchmark_form.performance_review div.appraisees_view label,
form#gform_99.benchmark_form.performance_review label {
  font-family: 'Aleo_light', Georgia, 'Times New Roman', serif !important;
  font-weight: 300 !important;
  font-size: 1.1em !important;
  color: #0e5310;
  margin-top: 20px;
  line-height: 1.2em !important;
}

button.class.tingle-btn.tingle-btn--pull-right.tingle-btn--primary {
  background-color: #0e5310 !important;
}

.benchmark_form.performance_review label {
  margin: 0 0 5px !important;
  padding: 0 !important;
}

.benchmark_form.performance_review div.performance_review_spaced {
  margin-top: 20px;
}

.admin_performance_review_name_UI {
  margin: 0;
}

.benchmark_form input[type='submit'].gform_button.button {
  font-family: 'Quicksand_semibold', Arial, sans-serif !important;
  width: 50% !important;
  margin: 0 auto !important;
  display: block !important;
}

.benchmark_form h2.gsection_title {
  font-family: 'Quicksand_semibold', Arial, sans-serif !important;
}

/* submit button for ipad and mobiles */
@media screen and (max-width: 768px) {
  .benchmark_form input[type='submit'].gform_button.button {
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 130% !important;
  }

  select#input_71_8 {
    width: 90% !important;
  }
}

legend.gfield_label.gfield_label_before_complex {
  display: block !important;
  margin: 0 auto !important;
}

.gfield_signature_container.ginput_container {
  display: block !important;
  width: 600px !important;
  margin: 0 auto !important;
}

.benchmark_form input,
.benchmark_nested_form_site_visit input {
  padding: 10px 0 10px 15px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

/* confirmation message */
.gform_confirmation_message {
  padding-top: 40px;
  font-size: 140%;
  line-height: 180%;
  text-align: center;
}

/* red flagged issue warning textarea */
li.sdp_issue textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #ff7f7f !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  li
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #ff7f7f !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  li.sdp_not_red
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-1,
li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-2 {
  width: 30% !important;
}

li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-3 {
  width: 40% !important;
}

/* submit button */
.benchmark_form input[type='submit'] {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #10b610 !important;
  border: none !important;
  color: #fff;
  font-size: 1.6em !important;
  width: auto !important;
  cursor: pointer !important;
}

.benchmark_form a.gform_save_link {
  padding: 23px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #f7440d !important;
  border: none !important;
  color: #fff;
  font-size: 1.6em !important;
  width: auto !important;
  font-family: 'Quicksand_regular' !important;
}

/* save progress button */

.benchmark_form select,
.benchmark_nested_form_site_visit select {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.3em !important;
}

.benchmark_form textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.3em !important;
}

.benchmark_form li.benchmark_form_grey textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.3em !important;
}

.benchmark_form .gfield_description,
.benchmark_nested_form_site_visit .gfield_description {
  margin: 0;
  font-size: 1.2em !important;
  line-height: 130%;
  font-style: italic;
  padding: 0 !important;
}

.benchmark_form .gsection.collapsible-sections-field {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #0e5310 !important;
}

.benchmark_form .gsection.collapsible-sections-field h2 {
  color: #fff !important;
  font-size: 1.6em !important;
}

/* checkbox larger */
.benchmark_form input[type='checkbox'] {
  visibility: hidden;
  margin-bottom: 25px !important;
}

input[type='checkbox'] + label:before {
  border-radius: 5px;
  background: #bbb;
  content: '\00a0';
  display: inline-block;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 1.2em;
}

.benchmark_form input[type='checkbox']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

/* radio button larger */
.benchmark_form input[type='radio'] {
  visibility: hidden;
  margin-bottom: 25px !important;
}

input[type='radio'] + label:before {
  border-radius: 5px;
  background: #bbb;
  content: '\00a0';
  display: inline-block;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 1.2em;
}

.benchmark_form input[type='radio']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

/* performance review radio button larger */
.benchmark_form.performance_review input[type='radio'] {
  visibility: hidden;
  margin-bottom: 0px !important;
}

.benchmark_form.performance_review .ginput_container_radio {
  line-height: 1.4em;
  margin: 0 !important;
  padding: 0 !important;
}

.benchmark_form.performance_review .gfield_description {
  padding-bottom: 12px !important;
}

/* site visit nested form  */

.benchmark_nested_form_site_visit {
  padding: 0;
}

th.gpnf-field-5 {
  width: 25%;
}

th.gpnf-field-2 {
  width: 5%;
}

th.gpnf-field-1 {
  width: 50%;
}

th.gpnf-field-3 {
  width: 5%;
}

th.gpnf-field-6 {
  width: 5%;
}

th.gpnf-row-actions {
  width: 10%;
}

.benchmark_form .collapsible-sections-field {
  cursor: pointer;
  padding: 10px 20px 10px 20px !important;
  margin: 24px 0 0 0 !important;
  border: none !important;
  background-color: #f1f1f1;
  position: relative;
}

.benchmark_form .collapsible-sections-collapsible-body {
  padding: 20px;
  border-radius: 10px;
  background-color: #d7e3d7;
  border: none !important;
  border-top-color: rgb(204, 204, 204);
  border-top-style: solid;
  border-top-width: 1px;
  border-top: none !important;
}

.benchmark_form .collapsible-sections-collapsible-body input {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #0e5310;
  font-size: 1.6em !important;
}

.benchmark_form .collapsible-sections-collapsible-body select {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.3em !important;
}

.benchmark_form_main_level_group {
  padding: 30px 20px 20px 20px !important;
  border-radius: 10px;
  background-color: #d7e3d7;
  border: none !important;
  text-align: center;
}

.gform_wrapper div.validation_error {
  padding: 20px 20px 20px 20px !important;
  border-radius: 10px;
  background-color: red;
  border: none !important;
  color: #fff !important;
  font-size: 200% !important;
  line-height: 1.6em;
}

.gform_wrapper .gfield_error .gfield_label {
  color: red !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper
  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: rgba(255, 223, 224, 0.25);
  margin-bottom: 6px !important;
  border-top: 1px solid red !important;
  border-bottom: 1px solid red !important;
  padding-bottom: 6px;
  padding-top: 8px;
  box-sizing: border-box;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
  color: red !important;
}

.gform_wrapper .validation_message {
  color: red !important;
  font-weight: 700;
  letter-spacing: normal;
}

.benchmark_form h1 {
  color: #0e5310;
  margin-bottom: 20px;
  line-height: 140%;
}

.benchmark_form h2 {
  color: #0e5310;
  margin-bottom: 20px;
  line-height: 140%;
}

.benchmark_form h2.no_bottom_margin {
  color: #0e5310;
  margin-bottom: 0;
  line-height: 100%;
}

.benchmark_form p.space_below {
  margin-bottom: 40px;
}

/* new starter form styling */

.benchmark_form li.sdp_inline_label_top {
  margin: 20px 0 -30px 0 !important;
}

.benchmark_form li.sdp_inline_label_top h2 {
  margin: 0 !important;
}

.benchmark_form li.sdp_inline_label_bottom {
  margin: -10px 0 20px 0 !important;
}

.benchmark_form li.sdp_inline_label_bottom h2 {
  margin: 0 !important;
}

td.gfield_list_cell > select {
  width: 100% !important;
}

.mobile_message {
  display: none;
}

li.uniform_select label.gfield_label.gfield_label_before_complex {
  font-size: 2em !important;
}

.benchmark_form li.uniform,
.benchmark_form li.uniform div.gfield_description {
  margin: 0;
  font-size: 22px !important;
  line-height: 140% !important;
  font-style: normal;
  font-weight: 400;
}

li.uniform_declaration h2 {
  margin: 30px 0 0 0 !important;
  font-size: 160% !important;
}

.benchmark_form li.uniform a {
  text-decoration: underline;
}

@media screen and (max-width: 720px) {
  table.gfield_list {
    background-color: transparent !important;
  }

  td.gfield_list_cell > input {
    display: block !important;
    position: relative !important;
  }

  .gform_wrapper table.gfield_list tr {
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
  }

  td.gfield_list_cell::after {
    display: none !important;
  }

  .mobile_message {
    display: block;
  }

  table.gfield_list.gfield_list_container {
    margin-top: -30px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    border-bottom: 2px dotted #0e5310 !important;
  }

  .gform_wrapper table.gfield_list td {
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  li.expression_wish_payees table thead tr th {
    display: block !important;
  }

  li#field_40_35.expression_wish_payees .ginput_container table td input {
    font-size: 18px !important;
  }
}

/* forms signature panel */
li.benchmark_signature div > div.gfield_signature_container {
  width: 600px !important;
  height: 200px !important;
}

li.benchmark_signature div > canvas {
  width: 600px !important;
  height: 200px !important;
}

@media screen and (max-width: 810px) {
  li.benchmark_signature div > div.gfield_signature_container {
    width: 90% !important;
    height: 150px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  li.benchmark_signature div > canvas {
    width: 90% !important;
    height: 150px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .gfield_signature_container.ginput_container {
    width: 90% !important;
    height: 150px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

/* for mobile */
@media screen and (max-width: 340px) {
  .benchmark_form .collapsible-sections-collapsible-body {
    padding: 10px !important;
    border-radius: 10px;
    background-color: #d7e3d7;
    border: none !important;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none !important;
  }

  .benchmark_form .collapsible-sections-collapsible-body input {
    padding: 10px !important;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #fff !important;
    border: none !important;
    color: #0e5310;
    font-size: 1.2em !important;
  }

  .benchmark_form .collapsible-sections-collapsible-body select {
    padding: 10px !important;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #fff !important;
    border: none !important;
    color: #000;
    font-size: 1em !important;
  }

  .benchmark_form_main_level_group {
    padding: 20px 10px 10px 10px !important;
    border-radius: 10px;
    background-color: #d7e3d7;
    border: none !important;
    text-align: center;
  }
}

/* checkbox larger */
ul.gfield_checkbox li input[type='checkbox'] {
  display: none !important;
}

@media screen and (max-width: 1020px) {
  .gform_wrapper ul.gfield_checkbox li label,
  .gform_wrapper ul.gfield_radio li label {
    width: 95% !important;
    cursor: pointer;
  }

  .gform_wrapper .gfield_checkbox li label,
  .gform_wrapper .gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0;
    width: auto;
    line-height: 1.5;
    font-size: 0.875em;
    vertical-align: middle;
    width: 95% !important;
  }

  .gform_wrapper .gfield_checkbox li label,
  .gform_wrapper .gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0;
    width: auto;
    line-height: 1.5;
    font-size: 0.875em;
    vertical-align: middle;
    max-width: 95% !important;
  }

  ul.gfield_checkbox li label {
    font-size: 1.1em !important;
  }

  /* solve overlap of site visit entries within timesheet after site visit has been added */
  .gpnf-nested-entries td::before {
    content: attr(data-heading);
    position: relative !important;
    width: 10% !important;
    left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .entry-content tr td,
  body.et-pb-preview #main-content .container tr td {
    border-top: 1px solid #eee;
    padding: 6px 24px;
    padding-top: 6px;
    padding-right: 5px !important;
    padding-bottom: 6px;
    padding-left: 0 !important;
  }

  li.sdp_file_upload div.ginput_container.ginput_container_fileupload input {
    font-size: 80% !important;
  }
}

input[type='checkbox'] + label:before {
  border-radius: 5px;
  background: #bbb;
  content: '\00a0';
  display: inline-block;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 1.2em;
}

.benchmark_form input[type='checkbox']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

table.gpnf-nested-entries thead {
  background-color: #0e5310;
  border-radius: 10px;
}

table.gpnf-nested-entries thead th {
  color: #fff !important;
}

button.gpnf-add-entry {
  padding: 20px !important;
  margin: 15px auto !important;
  border-radius: 10px;
  background-color: #0e5310 !important;
  border: none !important;
  color: #fff;
  font-size: 1.6em !important;
  cursor: pointer;
  width: 50% !important;
  display: block;
  text-align: center;
}

/* nested form header */
.gpnf-modal-header {
  background-color: #0e5310 !important;
  font-size: 150% !important;
}

/* task fields */
.benchmark_nested_form_site_visit > td.gfield_list_cell.gfield_list_1_cell1 {
  width: 35% !important;
}

.benchmark_nested_form_site_visit > td.gfield_list_cell.gfield_list_1_cell2 {
  width: 40% !important;
}

.benchmark_nested_form_site_visit > td.gfield_list_cell.gfield_list_1_cell3 {
  width: 25% !important;
}

/* site visit modal box */
@media screen and (max-width: 940px) {
  .tingle-modal-box {
    position: inline-block !important;
    flex-shrink: 0;
    /* margin-top: auto;
    margin-bottom: auto; */
    width: 100% !important;
    border-radius: 10px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    will-change: transform, opacity;
  }

  /* undo the save button sticking */
  .tingle-modal-box__footer--sticky {
    position: relative !important;
    bottom: -200px;
    z-index: 10001;
    opacity: 1;
    transition: bottom 0.3s ease-in-out 0.3s;
  }

  .tingle-modal-box__footer {
    padding: 1.5rem 2rem;
    width: 100% !important;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #f5f5f5;
    cursor: auto;
  }
}

button.tingle-btn.tingle-btn--default.gpnf-btn-cancel {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
  border-radius: 10px;
}

button.tingle-btn.tingle-btn--primary.gpnf-btn-submit {
  background-color: #0e5310 !important;
  color: #fff !important;
  font-size: 150% !important;
  border-radius: 10px;
  cursor: pointer !important;
}

a.resume_form_link {
  color: #f7440d !important;
}

div.form_saved_message {
  margin: 1em auto;
  padding: 3em 2em 3em;
  width: 99%;
  font-size: 1.6em !important;
  line-height: 1.4em !important;
  color: #0e5310 !important;
  background-color: #b3c9b3 !important;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div.form_saved_message h2 {
  margin: 0 auto;
  width: 99%;
  font-weight: 700 !important;
  font-size: 1.6em !important;
  line-height: 1.4em !important;
  color: #0e5310 !important;
  text-align: center;
}

@media screen and (max-width: 760px) {
  div.form_saved_message {
    margin: 1em auto;
    padding: 10px 10px !important;
    width: 99%;
    font-size: 1.1em !important;
    line-height: 1.3em !important;
    color: #0e5310 !important;
    background-color: #b3c9b3 !important;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}

div.form_saved_message_emailform > form input {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

p.resume_form_link_wrapper {
  margin: 15px 0 0 0;
}

div.form_saved_message_emailform > form input[type='submit'] {
  padding: 23px !important;
  margin-bottom: 15px;
  border-radius: 10px !important;
  background-color: #0e5310 !important;
  border: none !important;
  color: #fff;
  font-size: 1.6em !important;
  cursor: pointer !important;
}

@media screen and (max-width: 768px) {
  div.form_saved_message_emailform > form input[type='text'] {
    padding: 20px !important;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #fff !important;
    border: none !important;
    color: #000;
    font-size: 1.3em !important;
    width: 95% !important;
  }
}

form.benchmark_nested_form_site_visit div.gform_heading span.gform_description {
  display: none !important;
}

table.gpnf-nested-entries table.gfield_list thead {
  display: none !important;
}

/* operations handbook link styling */

#et-boc .wpfd-content-tree ul li.directory a.catlink span,
.wpfd-content-tree ul li.directory a.catlink span {
  margin: 0 0 0 15px;
  position: relative;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  vertical-align: baseline;
  display: block !important;
  line-height: 26px;
  height: auto !important;
  float: left;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  /* clear:both !important; */
}

li.directory,
li.ext {
  clear: both !important;
}

#et-boc .wpfd-content-tree ul li.ext a,
.wpfd-content-tree ul li.ext a {
  margin-left: 7px;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #999999;
  vertical-align: baseline;
  display: inline !important;
  min-height: 19px;
}

.gform_wrapper .gsection.collapsible-sections-field,
.collapsible-sections-field {
  cursor: pointer;
  padding: 10px 20px 10px 20px !important;
  margin: 24px 0 0 0 !important;
  border: none !important;
  background-color: #f1f1f1;
  position: relative;
}

.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input {
  width: calc(4rem + 8px);
}

/* .entry-content table:not(.variations),
body.et-pb-preview #main-content .container table {
	border: none;
	margin: 0 0 15px 0;
	text-align: left;
	width: 100%;
} */

.tingle-modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 80%;
  border-radius: 10px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}

/* div#input_9_1_Container {
	height:400px !important;
	width:100% !important;
		background-color: rgba(255,255,255,0) !important;
	background:url('https://sdp.benchmark-gm.co.uk/wp-content/uploads/2020/11/van.png') no-repeat center;
	  background-size:contain;
}

canvas#input_9_1 {
opacity:0.7;
} */

li.centre_bgm_heading h1 {
  width: 90 !important;
  margin: 0 auto !important;
  font-size: 230% !important;
  text-align: center !important;
  font-weight: bold;
}

/* forms styling */

.benchmark_form label,
.benchmark_nested_form_site_visit label,
.benchmark_form legend,
.benchmark_nested_form_site_visit legend {
  font-family: 'Aleo_light', Georgia, 'Times New Roman', serif !important;
  font-weight: 300 !important;
  font-size: 1.5em !important;
  color: #0e5310;
  margin-top: 20px;
}

.benchmark_form input[type='submit'].gform_button.button {
  font-family: 'Quicksand_regular', Arial, sans-serif !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block !important;
  font-size: 2em !important;
  color: #fff !important;
}

.benchmark_form h2.gsection_title {
  font-family: 'Quicksand_regular', Arial, sans-serif !important;
}

/* submit button for ipad and mobiles */
@media screen and (max-width: 768px) {
  .benchmark_form input[type='submit'].gform_button.button {
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 130% !important;
  }

  .benchmark_form input {
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 1em !important;
  }

  select#input_71_8 {
    width: 90% !important;
  }
}

.benchmark_form input,
.benchmark_nested_form_site_visit input {
  padding: 10px 0 10px 15px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

/* confirmation message */
.gform_confirmation_message {
  padding-top: 40px;
  font-size: 140%;
  line-height: 180%;
  text-align: center;
}

/* red flagged issue warning textarea */
/* legacy
li.sdp_issue textarea {
	padding: 20px !important;
	margin-bottom: 15px;
	border-radius: 10px;
	background-color: #ff7f7f !important;
	border: none !important;
	color: #000;
	font-size: 1.6em !important;
} */

div.sdp_issue div.ginput_container_textarea textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #ff7f7f !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  li
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #ff7f7f !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

.performance_review
  div.collapsible-sections-collapsible-body
  li
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  li.sdp_not_red
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #ff7f7f !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

.performance_review
  div.collapsible-sections-collapsible-body
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  li.sdp_not_red
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

div.collapsible-sections-collapsible-body
  div.sdp_not_red
  div.ginput_container_textarea
  textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

/*
li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-1, li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-2 {
	width:30% !important;
}

li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-3 {
	width:40% !important;
} */

li.sdp_plots_table
  div.gpnf-nested-entries-container
  table.gpnf-nested-entries
  thead
  tr
  th.gpnf-field-1,
li.sdp_plots_table
  div.gpnf-nested-entries-container
  table.gpnf-nested-entries
  thead
  tr
  th.gpnf-field-3 {
  width: 15% !important;
}

li.sdp_plots_table
  div.gpnf-nested-entries-container
  table.gpnf-nested-entries
  thead
  tr
  th.gpnf-field-2 {
  width: 50% !important;
}

li#field_4_52.sdp_plots_table div table thead tr th.gpnf-field-3 {
  width: 40% !important;
}

/* submit button */
.benchmark_form input[type='submit'] {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #10b610 !important;
  border: none !important;
  color: #fff;
  font-size: 1.6em !important;
  width: auto !important;
  cursor: pointer !important;
}

button.gform_save_link.button,
a.gform_save_link {
  padding: 23px !important;
  margin: 15px auto !important;
  display: block !important;
  border-radius: 10px;
  background-color: #f7440d !important;
  border: none !important;
  color: #fff !important;
  font-size: 1.6em !important;
  width: 30% !important;
  font-family: 'Quicksand_regular' !important;
}

button.gform_save_link.button svg {
  display: none !important;
}

@media screen and (max-width: 760px) {
  button.gform_save_link.button,
  a.gform_save_link {
    width: 80% !important;
  }
}

/* save progress button */

.benchmark_form select,
.benchmark_nested_form_site_visit select {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

.benchmark_form textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff !important;
  border: none !important;
  color: #000;
  font-size: 1.3em !important;
}

.benchmark_form li.benchmark_form_grey textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

.benchmark_form div.ginput_container_textarea textarea {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: rgb(214, 210, 210) !important;
  border: none !important;
  color: #000;
  font-size: 1.6em !important;
}

.benchmark_form .gfield_description,
.benchmark_nested_form_site_visit .gfield_description {
  margin: 0;
  font-size: 1.2em !important;
  line-height: 130%;
  font-style: italic;
  padding: 0 !important;
}

.benchmark_form .gsection.collapsible-sections-field {
  padding: 20px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #0e5310 !important;
}

.benchmark_form .gsection.collapsible-sections-field h2,
.benchmark_form .gsection.collapsible-sections-field h3 {
  padding-top: 5px !important;
  color: #fff !important;
  font-size: 1.6em !important;
  font-family: 'Quicksand_regular' !important;
}

h2.gsection_title {
  font-family: 'Quicksand_regular' !important;
}

/* checkbox larger */
.benchmark_form input[type='checkbox'] {
  visibility: hidden;
  margin-bottom: 25px !important;
}

input[type='checkbox'] + label:before {
  border-radius: 5px;
  background: #bbb;
  content: '\00a0';
  display: inline-block;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 1.2em;
}

.benchmark_form input[type='checkbox']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

/* radio button larger */
.benchmark_form input[type='radio'] {
  visibility: hidden;
  margin-bottom: 25px !important;
}

input[type='radio'] + label:before {
  border-radius: 5px;
  background: #bbb;
  content: '\00a0';
  display: inline-block;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 1.2em;
}

.benchmark_form input[type='radio']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

.gfield_signature_container.ginput_container {
  width: 600px !important;
  height: 200px !important;
  margin: 0 auto;
}

.gfield_signature_container.ginput_container canvas {
  width: 600px !important;
  height: 200px !important;
  margin: 0 auto;
}

@media screen and (max-width: 540px) {
  .gfield_signature_container.ginput_container {
    width: 300px !important;
    height: 150px !important;
  }

  .gfield_signature_container.ginput_container canvas {
    width: 300px !important;
    height: 150px !important;
  }

  .gfield.benchmark_signature {
    width: 98% !important;
    margin: 0 auto !important;
  }
}

/* for mobile */
@media screen and (max-width: 382px) {
  .benchmark_form .collapsible-sections-collapsible-body {
    padding: 10px !important;
    border-radius: 10px;
    background-color: #d7e3d7;
    border: none !important;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none !important;
  }

  .benchmark_form .collapsible-sections-collapsible-body input {
    padding: 10px !important;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #fff !important;
    border: none !important;
    color: #0e5310;
    font-size: 1.2em !important;
  }

  .benchmark_form .collapsible-sections-collapsible-body select {
    padding: 10px !important;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #fff !important;
    border: none !important;
    color: #000;
    font-size: 1em !important;
  }

  .benchmark_form_main_level_group {
    padding: 20px 10px 10px 10px !important;
    border-radius: 10px;
    background-color: #d7e3d7;
    border: none !important;
    text-align: center;
  }

  .gfield_signature_container.ginput_container {
    width: 250px !important;
    height: 200px !important;
    margin: 0 auto !important;
  }

  .gfield_signature_container.ginput_container canvas {
    width: 250px !important;
    height: 200px !important;
    margin: 0 auto !important;
  }
}

/* checkbox larger */
ul.gfield_checkbox li input[type='checkbox'] {
  display: none !important;
}

@media screen and (max-width: 1020px) {
  .gform_wrapper ul.gfield_checkbox li label,
  .gform_wrapper ul.gfield_radio li label {
    width: 95% !important;
    cursor: pointer;
  }

  .gform_wrapper .gfield_checkbox li label,
  .gform_wrapper .gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0;
    width: auto;
    line-height: 1.5;
    font-size: 0.875em;
    vertical-align: middle;
    width: 95% !important;
  }

  .gform_wrapper .gfield_checkbox li label,
  .gform_wrapper .gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0;
    width: auto;
    line-height: 1.5;
    font-size: 0.875em;
    vertical-align: middle;
    max-width: 95% !important;
  }

  ul.gfield_checkbox li label {
    font-size: 1.1em !important;
  }

  /* solve overlap of site visit entries within timesheet after site visit has been added */
  .gpnf-nested-entries td::before {
    content: attr(data-heading);
    position: relative !important;
    width: 10% !important;
    left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .entry-content tr td,
  body.et-pb-preview #main-content .container tr td {
    border-top: 1px solid #eee;
    padding: 6px 24px;
    padding-top: 6px;
    padding-right: 5px !important;
    padding-bottom: 6px;
    padding-left: 0 !important;
  }

  li.sdp_file_upload div.ginput_container.ginput_container_fileupload input {
    font-size: 80% !important;
  }
}

input[type='checkbox'] + label:before {
  border-radius: 5px;
  background: #bbb;
  content: '\00a0';
  display: inline-block;
  height: 1.2em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: top;
  width: 1.2em;
}

.benchmark_form input[type='checkbox']:checked + label:before {
  background: #0e5310;
  color: #fff;
  content: '\2713';
  text-align: center;
}

body.login {
  background-image: url(https://academy.benchmark-gm.co.uk/wp-content/uploads/2022/01/Benchmark_Service_Delivery_Platform_Background.jpg) !important;
}

.login h1 a {
  background-image: url(../wp-content/uploads/2022/01/Benchmark_Service_Delivery_Platform_Background.jpg);
  background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
  background-size: 300px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #3c434a;
  height: 80px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto 25px;
  padding: 0;
  text-decoration: none;
  width: 300px;
  text-indent: -9999px;
  outline: 0;
  overflow: hidden;
  display: block;
}

#login form p {
  margin-bottom: 0;
  text-align: center;
}

.login label {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

/* #gform_submit_button_29[disabled='disabled'] {
	display: none !important;
} */

#gform_save_29_footer_link {
  width: 70% !important;
  cursor: pointer;
}

/* hide the performance review page items */
article#post-3967 div.ld-lesson-status,
article#post-3967 div.ld-content-actions {
  display: none;
}

/* password protected form */
.et_password_protected_form {
  width: 70% !important;
  margin: 100px auto !important;
}

.gsection.collapsible-sections-field::after {
  background-color: #97d103 !important;
  width: 2em !important;
  height: 2em !important;
}

form#gform_60 {
  margin: 0;
}

form#gform_59 .gsection.collapsible-sections-field::after {
  background-color: #97d103 !important;
  width: 1.5em !important;
  height: 1.5em !important;
}

form#gform_60
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h2 {
  font-family: Aleo_bold, Arial, Helvetica, sans-serif !important;
  font-size: 1.6em !important;
  margin: 0 !important;
  padding: 0 !important;
}

form#gform_59
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h2 {
  font-family: Aleo_bold, Arial, Helvetica, sans-serif !important;
  font-size: 1.4em !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0e5310 !important;
}

form#gform_60
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible {
  font-size: 1.6em !important;
  line-height: 1.4em !important;
  width: 80% !important;
  margin: 0 !important;
}

form#gform_59
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible {
  font-size: 1.2em !important;
  line-height: 1.4em !important;
  width: 80% !important;
  margin: 0 !important;
  color: #0e5310 !important;
}

form#gform_60 legend {
  font-family: Aleo_regular !important;
}

form#gform_59 legend {
  font-family: Aleo_regular !important;
  font-size: 1.4em !important;
  color: #0e5310 !important;
}

form#gform_60 label {
  font-family: Quicksand_regular !important;
}

form#gform_59 label,
div.gform-field-label {
  font-family: Quicksand_regular !important;
  font-size: 1.3em !important;
  color: #0e5310 !important;
}

form#gform_60
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.benchmark_inside_section.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h2,
form#gform_60
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.t.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h3,
form#gform_59
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.benchmark_inside_section.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h2,
form#gform_59
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.t.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h3 {
  margin-top: 60px !important;
  color: #0e5310 !important;
}

form#gform_60
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h3,
form#gform_59
  div.gform-body.gform_body
  div.gform_fields.top_label.form_sublabel_below.description_below
  div.collapsible-sections-collapsible-body.gform-theme__no-reset--el
  div.gfield.gfield--type-html.gfield--width-full.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible
  h3 {
  font-size: 1.2em !important;
  color: #0e5310 !important;
  line-height: 1.4em !important;
}

form#form_59 h2.gsection_title,
form#form_59
  div.gform-body.gform_body
  div#gform_fields_59
  div.gfield.gfield--type-section.gsection.field_sublabel_below.gfield--no-description.field_description_below.gfield_visibility_visible.collapsible-sections-field.collapsible-sections-description-title.collapsible-sections-start-field
  h3.gsection_title {
  padding-top: 5px !important;
  color: #fff !important;
  font-size: 1.2em !important;
  font-family: 'Quicksand_regular' !important;
}

input#gform_save_99_footer {
  color: #fff !important;
}

/* Hide the Saved Cards block */
.ld-profile__saved-cards.ld-breakpoint--initialized.ld-breakpoint--mobile.ld-breakpoint--tablet.ld-breakpoint--extra-small.ld-breakpoint--small.ld-breakpoint--medium.ld-breakpoint--large.ld-breakpoint--wide,
.ld-profile__saved-cards.ld-breakpoint--initialized.ld-breakpoint--extra-small.ld-breakpoint--small.ld-breakpoint--medium.ld-breakpoint--large.ld-breakpoint--wide.ld-breakpoint--mobile {
  display: none !important;
}

@media screen and (max-width: 420px) {
  .ginput_container input {
    font-size: 1em !important;
  }
}