/*!
	Theme Name: Church Play Pro
    Theme URI: https://dlishdesign.com
    Description: Custom Website for Church Play Pro
    Author: D-Lish Design
    Author URI: https://dlishdesign.com
    Template: blocksy
    Version: 1.0
*/
/*
 * Mixin for micro clearfix
 * @include microclearfix;
*/
/* Global Styles
----------------------------------------------- */
body h1, body h2, body h3, body h4, body h5, body p {
  font-family: "poppins", sans-serif;
}
body h1 {
  text-transform: uppercase;
  margin-bottom: 0;
}
body h2 {
  font-weight: 500;
}

.hero-section {
  display: none;
}

.page-header h1 {
  line-height: 1;
  margin: 20px 0 0 !important;
}

/* Header
----------------------------------------------- */
.ct-header {
  background-color: #292525;
}
.ct-header .ct-header-text {
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #292525;
}
.ct-header .ct-header-text i {
  color: #FA8072;
  font-size: 40px;
}
.ct-header .menu .menu-item a {
  font-size: 16px;
  background-color: #ffffff;
  color: #292525;
  border-radius: 5px;
  text-transform: none;
  font-family: "poppins", sans-serif;
  font-weight: 500;
}
.ct-header .menu .menu-item a:hover {
  background-color: #FA8072;
}
.ct-header .menu .menu-item.current-menu-item a {
  background-color: #FA8072;
}

/* Forms
----------------------------------------------- */
body .gform_wrapper.gravity-theme {
  font-family: "poppins", sans-serif;
}
body .gform_wrapper.gravity-theme .gform_heading {
  display: none;
}
body .gform_wrapper.gravity-theme .gform_validation_errors .validation_error {
  border-block-end: none;
  border-block-start: none;
  text-align: left;
}
body .gform_wrapper.gravity-theme .gform_validation_errors .validation_error p {
  margin: 0;
  color: var(--theme-text-color);
}
body .gform_wrapper.gravity-theme .gf_page_steps {
  border-bottom: none;
  margin-bottom: 33px;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_number {
  height: 70px;
  width: 70px;
  border: 1px solid #FA8072;
  background-color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  border-radius: 35px;
  color: #292525;
  padding-top: 7px;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_label {
  font-size: 21px;
  font-weight: 400;
  padding-left: 10px;
  line-height: 1.1;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_active .gf_step_number {
  background-color: #FA8072;
  color: #ffffff;
  border-color: #FA8072;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_active .gf_step_label {
  font-weight: 500;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
  border: none;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_completed .gf_step_number:before {
  background-color: #15D06B;
  border: 1px solid #15D06B;
  height: 70px;
  width: 70px;
  left: 0;
  top: 0;
  border-radius: 35px;
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_completed .gf_step_number:after {
  font-size: 36px;
  font-family: "Font Awesome 6 Pro";
  content: "\f00c";
}
body .gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_completed .gf_step_label {
  font-weight: 500;
}
body .gform_wrapper.gravity-theme .gform_body h2 {
  margin-bottom: 0;
}
body .gform_wrapper.gravity-theme .gform_body h5 {
  font-size: 14px;
  font-weight: 500;
}
body .gform_wrapper.gravity-theme .gform_body .sheet-music {
  border: 1px solid #ECEFF2;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield {
  margin-bottom: 10px;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.form-section-header {
  margin-bottom: 0;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gsection.no-border {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gsection.no-border .gsection_title {
  display: none;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gfield--type-fileupload input {
  /*height: 60px;
  padding: 20px 40px;
  line-height: 1;
  font-weight: bold;
  font-family: $font-family;
  font-size: 18px; 
  border: 1px solid $grey-alt;*/
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .gfield_label {
  font-weight: 600;
  font-size: 14px;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.audio-player {
  position: relative;
  top: -300px;
}
@media screen and (max-width: 979px) {
  body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.audio-player {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.audio-player {
    top: 0;
  }
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.recording-url {
  display: none;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield .pipeRecordRTC {
  max-width: 100%;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield #churchplay-vid {
  max-width: 100% !important;
}
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield #churchplay-vid #pipeVrec-churchplay-vid {
  max-width: 100% !important;
}
body .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper.gravity-theme textarea {
  padding: 12px 25px !important;
  border: 1px solid #A3A7AC;
  font-size: 18px;
  height: 60px;
  color: #272D34;
  -webkit-appearance: none;
  border-radius: 5px;
  background-color: #ECEFF2;
  font-weight: bold;
  font-family: "poppins", sans-serif;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, body .gform_wrapper.gravity-theme textarea:focus {
  border-color: #FA8072;
  background-color: #ffffff;
  font-weight: bold;
}
body .gform_wrapper.gravity-theme .gform_page_footer {
  margin: 29px 0 0;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button {
  height: 60px;
  padding: 12px 40px;
  line-height: 1;
  font-weight: bold;
  font-family: "poppins", sans-serif;
  font-size: 18px;
  border: 1px solid #545F6C;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button:hover {
  color: #ffffff;
  background-color: #545F6C;
}
@media screen and (max-width: 640px) {
  body .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button {
    width: 48%;
    float: left;
    margin: 0 4% 0 0;
  }
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button {
  height: 60px;
  padding: 12px 40px;
  line-height: 1;
  font-weight: bold;
  font-family: "poppins", sans-serif;
  font-size: 18px;
  border: 1px solid #FA8072;
  color: #ffffff;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:hover {
  background-color: #ffffff;
  color: #FA8072;
}
@media screen and (max-width: 640px) {
  body .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button {
    width: 48%;
    margin: 0;
  }
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
  height: 60px;
  padding: 12px 40px;
  line-height: 1;
  font-weight: bold;
  font-family: "poppins", sans-serif;
  font-size: 18px;
  border: 1px solid #FA8072;
  color: #ffffff;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_button:hover {
  background-color: #15D06B;
  color: #ffffff;
  border-color: #15D06B;
}
@media screen and (max-width: 640px) {
  body .gform_wrapper.gravity-theme .gform_page_footer .gform_button {
    width: 48%;
    margin: 0;
  }
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_save_link {
  float: right;
  height: 60px;
  padding: 12px 40px;
  border: 1px solid #545F6C;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_save_link svg {
  display: none;
}
body .gform_wrapper.gravity-theme .gform_page_footer .gform_save_link:hover {
  color: #ffffff;
  background-color: #545F6C;
}
@media screen and (max-width: 640px) {
  body .gform_wrapper.gravity-theme .gform_page_footer .gform_save_link {
    display: block;
    float: none;
    width: 100%;
    margin: 20px 0 0;
  }
}

::-webkit-input-placeholder {
  /* Chrome */
  color: #A3A7AC !important;
  font-weight: bold;
  opacity: 1 !important;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #A3A7AC !important;
  font-weight: bold;
  opacity: 1 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #A3A7AC !important;
  font-weight: bold;
  opacity: 1 !important;
}

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #A3A7AC !important;
  font-weight: bold;
  opacity: 1 !important;
}

/* WebKit browsers */
input:focus::-webkit-input-placeholder {
  color: transparent !important;
}

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
  color: transparent !important;
}

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
  color: transparent !important;
}

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
  color: transparent !important;
}

.styled-select select {
  background: transparent;
  border: none;
  font-size: 18px !important;
  height: 60px;
  padding: 0 15px !important;
  /* If you add too much padding here, the options won't show in IE */
  width: 105% !important;
  border-radius: 5px;
  font-weight: bold;
  color: #A3A7AC;
}
.styled-select .ginput_container_select {
  background-color: #ECEFF2;
  /*background-image: url(resources/images/snap-drop-down-bg.png);*/
  background-position: right center;
  background-repeat: no-repeat;
  height: 60px;
  background-size: 795px 44px;
  overflow: hidden !important;
  width: 100% !important;
  border: 1px solid #A3A7AC;
  border-radius: 5px;
  position: relative;
}
.styled-select .ginput_container_select:before {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  content: "\f078";
  right: 25px;
  top: 15px;
  color: #A3A7AC;
}
@media screen and (max-width: 979px) {
  .styled-select .ginput_container_select {
    width: 100% !important;
  }
}

.gform_wrapper.gravity-theme select:not(:has(option.gf_placeholder:checked)) {
  color: var(--theme-text-color);
}

.gform_confirmation_message {
  margin-top: 50px;
}
.gform_confirmation_message br {
  display: none;
}
.gform_confirmation_message a {
  font-weight: bold;
}
.gform_confirmation_message h2 {
  margin-bottom: 0;
}