/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

div {
   scroll-margin-top: 120px;
}

.home .default-logo {
   display: none;
}

h1,
h2,
h3 {
   text-transform: lowercase !important;
}
 
/** ---Courses Sidebar --- **/

.mpcs-section-overview h3 {
    display: none;
}

.mpcs-section-overview .mpcs-lessons, 
.mpcs-section-overview .mpcs-lesson,
.mpcs-section-overview .stk-column-wrapper  {
    margin-top: 0;
    padding-top: 0;
}

.mpcs-section-overview ol,
.mpcs-section-overview ol li {
    list-style-type: none;
    padding-left: 0;
}

.post-16743 details h3,
.post-16743 .mpcs-lesson a {
    color: #00abbf;
}

.post-16743 details h3:hover,
.post-16743 details.stk--is-open h3,
.post-16743 .mpcs-lesson a:hover {
    color: #58585B;
}

/** --- Vimeo Embed Height Correction --- **/

.wp-block-embed-vimeo .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.wp-block-embed-vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** --- Courses Single Page Button --- **/

button#next_lesson_link,
button#previous_lesson_link {
    background: #00abbf;
    border-radius: 3px;
    border-width: 1px;
    color: #fff;
    font-family: Dosis, sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 12px;
    text-transform: uppercase;
    transition: all var(--stk-transition-duration,.12s) cubic-bezier(.45,.05,.55,.95),flex 0s,max-width 0s,visibility 0s;
}

button#next_lesson_link:hover,
button#previous_lesson_link:hover {
    background: #58585B;
}

.mpcs-bookmark .mpcs-button .is-purple, 
.mpcs-button .mpcs-button.is-purple, 
.mpcs-bookmark .mpcs-button .is-green, 
.mpcs-button .mpcs-button.is-green, 
.mpcs-lesson-locked-buttons .mpcs-bookmark a.mpcs-button.is-purple {
    background-color: #00abbf;
    border: 1px solid #00abbf;
}

.mpcs-bookmark .mpcs-button .is-purple:hover,
.mpcs-button .mpcs-button.is-purple:hover, 
.mpcs-bookmark .mpcs-button .is-green:hover, 
.mpcs-button .mpcs-button.is-green:hover, 
.mpcs-lesson-locked-buttons .mpcs-bookmark a.mpcs-button.is-purple:hover,
.mpcs-button .mpcs-button.is-outline:hover {
    background-color: #58585B;
    border: 1px solid #58585B;
    color: #fff;
}

/** --- Courses Outline Page --- **/

.mpcs-button .mpcs-button.is-outline {
    border: 2px solid #00abbf;
    color: #00abbf;
}

.mpcs-lesson-link {
    font-weight: 500;
}

.mpcs-progress-bar .course-progress-bar-main > span {
    background-color: #00abbf;   
}

.mpcs-lesson-row-link .mpcs-lesson-progress .mpcs-lesson-complete {
    color: #58585B;
}

.mpcs-section-title .mpcs-section-title-text {
    font-weight: 700;
}

/** --- Membership Header Items --- **/

.ct-widget.widget_block p {
    display: none;
}
.button.login,
.button.logout {
    background: none;
    border: 2px #fff solid;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: lowercase;
}

.button.login:hover,
.button.logout:hover {
    background: #fff;
    border: 2px #00abbf solid;
    color: #00abbf;
}

/** --- Footer Social links --- **/

.ct-footer-socials .ct-label {
    text-transform: lowercase;
}

/* -- Gravity Forms----------- */

.gform_wrapper.gform_oyo_wrapper label,
.gform_wrapper.gform_oyo_wrapper legend,
.gform_required_legend,
.gfield.gfield--type-honeypot {
    display: none;
}
    
.gform_wrapper.gform_oyo_wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.gsection_title {
   text-transform: lowercase;
}

.gform_wrapper.gform_oyo_wrapper input, 
.gform_wrapper.gform_oyo_wrapper select, 
.gform_wrapper.gform_oyo_wrapper textarea,
.gform_wrapper.gform_oyo_wrapper fieldset.gfield--type-checkbox,
.gform_wrapper.gform_oyo_wrapper fieldset.gfield--type-option,
.gform_wrapper.gform_oyo_wrapper fieldset.gfield--type-product {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 20px;
    height: auto;
    padding: 20px;
    width: 100%;
}

.gform_wrapper.gform_oyo_wrapper .gfield,
.gform_wrapper.gform_oyo_wrapper .name_first.gform-grid-col {
   display: block;
   margin: 0 25px 20px 0;
   width: 100%;  
}

article > .entry-content > .gform_subscribe {
   max-width: none;
}

.gform_subscribe {
   width: fit-content;
   margin: 0 auto;
}

@media screen and (max-width: 782px) {
   .gform_wrapper.gform_oyo_wrapper .gfield,
   .gform_wrapper.gform_oyo_wrapper .name_first.gform-grid-col {
      margin: 0 0 25px 0;
   }
   
   .gform_subscribe {
      width: 100%;
   }
}

.gform_wrapper.gform_oyo_wrapper .gchoice {
   line-height: 1.3;
}

.gform_wrapper.gform_oyo_wrapper fieldset {
   padding: 0;
}

.gform_wrapper.gform_oyo_wrapper .gchoice input {
    display: inline;
    margin: 0;
    width: auto;
}
    
.gform_wrapper.gform_oyo_wrapper .gchoice label {
    color: #00abbf;
    display: inline;
    font-size: 20px;
    margin-left: 2.564102564102564%;
}

.gform_wrapper.gform_oyo_wrapper input[type="submit"],
.gform_wrapper.gform_oyo_wrapper input[type="button"] {
    background-color: #00abbf;
    border: 2px solid #00abbf;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.15;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 14px 24px;
    width: auto;
}

.gform_wrapper.gform_oyo_wrapper select::placeholder, 
.gform_wrapper.gform_oyo_wrapper textarea::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="url"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="tel"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="text"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="time"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper [type="date"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="datetime"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="datetime-local"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="email"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="number"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="search"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper input[type="password"]::placeholder, 
.gform_wrapper.gform_oyo_wrapper fieldset .wc-stripe-elements-field::placeholder, 
.gform_wrapper.gform_oyo_wrapper .ff-inherit-theme-style select.ff-el-form-control:not([size]):not([multiple])::placeholder,
.gform_wrapper.gform_oyo_wrapper select {
    color: #00abbf;
    opacity: 1;
}

.gform_wrapper.gform_oyo_wrapper .gform_submission_error,
.gform_wrapper.gform_oyo_wrapper .validation_message {
   font-size: 1.3rem;
   color: red;
}

.gform_wrapper input[type="text"]:focus {
   background: #ffffff;
   border: 1px solid #58585B;
}

/* -- Gravity Form Placeholder Color -- */

::-webkit-input-placeholder {
    color: #00abbf;
}

:-moz-placeholder { /* Firefox 18- */
    color: #00abbf;
}

select::-moz-placeholder,
::-moz-placeholder,
label::-moz-placeholder {  /* Firefox 19+ */
    color: #00abbf;
}

:-ms-input-placeholder { 
    color: #00abbf;
}

/* -- Gravity Form - Footer Subscribe -- */

.gform_wrapper.gform_oyo_wrapper.gform_subscribe_wrapper {
   max-width: none;
}

.gform_wrapper.gform_oyo_wrapper.gform_subscribe_wrapper input[type="submit"] {
   background-color: #58585B;
   border: 2px solid #58585B;
}

.gform_wrapper.gform_oyo_wrapper.gform_subscribe_wrapper input[type="submit"]:hover {
   filter: brightness(.9) contrast(1.2);
}

.gform_wrapper.gform_subscribe_wrapper ul {
   list-style-type: none;
   padding-left: 0;
}

.gform_wrapper.gform_subscribe_wrapper ul li {
   width: 100%;
}

@media screen and (max-width: 782px) {
   .gform_wrapper.gform_subscribe_wrapper {
      width: 100%;
   }
}

@media screen and (min-width: 782px) {
   .gform_wrapper.gform_subscribe_wrapper .gform_body,
   .gform_wrapper.gform_subscribe_wrapper .gform_footer {
      display: inline-block;
   }
   
   .gform_wrapper.gform_subscribe_wrapper .gform_fields {
      display: inline-flex;
   }
   
   .gform_wrapper.gform_subscribe_wrapper ul li {
      margin-right: 20px;
      width: 400px;
   }
}