/* 
 Theme Name:   Demme Learning Custom
 Theme URI:    
 Description:  
 Author:       minddnd
 Author URI:   https://www.minddnd.com
 Template:     kadence
 Version:      1.0.2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd-BoldIt.woff2') format('woff2'),
        url('fonts/GillSansInfantStd-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd.woff2') format('woff2'),
        url('fonts/GillSansInfantStd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd-Bold.woff2') format('woff2'),
        url('fonts/GillSansInfantStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd.woff2') format('woff2'),
        url('fonts/GillSansInfantStd.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd-Italic.woff2') format('woff2'),
        url('fonts/GillSansInfantStd-Italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd-Italic.woff2') format('woff2'),
        url('fonts/GillSansInfantStd-Italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd-BoldIt.woff2') format('woff2'),
        url('fonts/GillSansInfantStd-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gill Sans Infant Std';
    src: url('fonts/GillSansInfantStd-Bold.woff2') format('woff2'),
        url('fonts/GillSansInfantStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root {
    --global-md-spacing: 1rem !important;
}
/*html, body, input, select, optgroup, textarea, h1, h2, h3, h4, h5, h6, p, span, button, mark, div { font-family: 'Gill Sans Infant Std', sans-serif; }*/
html, body { font-family: 'Gill Sans Infant Std', sans-serif; }

img.Wirisformula { display: inline; }

.ld-focus-content ol,
.single-content ol {
    padding-left: 40px;
    display: block;
}

.ld-focus-content ol li,
.single-content ol li {
    list-style: none;
    display: list-item;
    position: relative;
}
.ld-focus-content  ol:not(.wpProQuiz_questionList):not(.wpProQuiz_list) li:not(.wpProQuiz_questionListItem):not(.wpProQuiz_listItem)::before,
.single-content ol:not(.wpProQuiz_questionList) li:not(.wpProQuiz_questionListItem)::before
 {
    font-weight: bold;
    content: counter(list-item) ")\a0";
    white-space: nowrap;
    left: -1.5em;
    width: 30px;
    position: absolute;
}

.ld-focus-content ol li>ol>li::before
.single-content ol li>ol>li::before {
    font-weight: bold;
    content: counter(list-item, lower-alpha) ")\a0";
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 30px;
    text-align: right;
}


.ld-focus-content ol[type="A"] li::before,
.single-content ol[type="A"] li::before {
    font-weight: bold;
    content:  counter(list-item, upper-alpha) ")\a0";
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 30px;
    text-align: right;
}

.ld-focus-content ol[type="A"] li>ol>li::before
.single-content ol[type="A"] li>ol>li::before {
    font-weight: bold;
    content: counter(list-item) ")\a0";
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 30px;
    text-align: right;
}

.instructor-notes .kt-inside-inner-col ol li::before{
    font-weight: normal;
}


td:has(span>img){
    text-align:center;
}

td:has(span>img[alt="0.27 with bar on top"]){
    text-align:left;
}

.single-sfwd-topic .ld-focus-content > h1:nth-of-type(1) { display: none; }

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .wp-block-kadence-advancedheading {
padding-top: var(--global-kb-spacing-xs, 1rem);
padding-right: var(--global-kb-spacing-xs, 1rem);
padding-bottom: var(--global-kb-spacing-xs, 1rem);
padding-left: var(--global-kb-spacing-xs, 1rem);
margin-bottom: var(--global-kb-spacing-xs, 1rem);
}

.ld-focus-content > h1:first-child{
    display: none;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
        padding-top: 4em !important;
}

body.admin-bar .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
        padding-top: 2em !important;
}

@media screen and (min-width: 641px) {
     .wp-block-kadence-accordion.demme-blue > .kt-accordion-wrap > .kt-accordion-inner-wrap > .kt-accordion-pane > .kt-accordion-header-wrap .kt-blocks-accordion-title .fas {
        left: -12px;
        position: absolute;
        color: #00538f;
        border-radius: 50%;
        background: #fff;
        padding: 1px;
        transition: all .2s ease-in-out;
    }
    .wp-block-kadence-accordion.demme-blue > .kt-accordion-wrap > .kt-accordion-inner-wrap > .kt-accordion-pane > .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-title .fas,
    .wp-block-kadence-accordion.demme-blue > .kt-accordion-wrap > .kt-accordion-inner-wrap > .kt-accordion-pane > .kt-accordion-header-wrap .kt-accordion-panel-active .kt-blocks-accordion-title .fas {
        color: #fff;
        background: #00538f;
    }
}
.wp-block-kadence-accordion.demme-blue > .kt-accordion-wrap > .kt-accordion-inner-wrap > .kt-accordion-pane > .kt-accordion-header-wrap button.kt-blocks-accordion-header {
    padding: 16px 16px;
    border-radius: 12px !important;
}


.wp-block-kadence-tabs .kt-tabs-title-list { display: flex !important; margin: 0 !important; padding: 0 !important; }

.kb-btn_da5e96-5f { justify-content: flex-start !important; }

.kt-blocks-accordion-title{
    margin-left: 5px;
}

.kt-blocks-accordion-title .fa-chevron-right {
    font-size: 14px;
    padding: 0 12px 0 6px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .kt-tabs-mobile-layout-accordion .kt-tabs-title-list {
        display: none !important;
    }
    .kt-tabs-mobile-layout-accordion .kt-blocks-info-box-link-wrap {
        flex-direction: column;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .kt-tabs-mobile-layout-accordion .kt-blocks-info-box-media {
        margin: 0 !important;
    }
    .kt-tabs-mobile-layout-accordion .kt-blocks-info-box-media-container {
        align-self: flex-start;
    }

    .wp-block-group{
        overflow-x: auto;
    }

    .mtr-cell-content{
        float: left;
    }
    .mtr-cell-content > span{
        float: right;
    }

    .kt-blocks-accordion-title{
        display: flex;
    }
    .kt-blocks-accordion-title > i{
        margin-right: 1rem;
        align-self: center;
    }

}

.learndash_mark_complete_button:hover { color: #fff !important; }
.learndash_mark_complete_button:focus { color: #fff !important; }
.learndash_mark_complete_button:active { color: #fff !important;}


.kt-blocks-accordion-header>.kt-blocks-accordion-title-wrap>.kt-blocks-accordion-title>.fas{
    left: -12px;
    position: absolute;
    color: #00538f;
    border-radius: 50%;
    background: #fff;
    padding: 1px;
    transition: all .2s ease-in-out;
}

.wp-block-group {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

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

.kt-blocks-info-box-text{ 
    margin-bottom: auto !important;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 1rem !important;
}

.solutions-columns {
    display: flex;
    flex-wrap: wrap;
  }
  
  .solutions-contents-directory {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #f9f9fb;
  }
  
  .solutions-contents-directory li {
    margin-bottom: 10px;
    flex: 0 0 calc(50% - 10px);
  }

  .noty_layout{
    display: none;
  }

  .achievement-message {
    background-color: #fff; /* Background color for the achievement message */
    color: #1b1b1b; /* Text color for the achievement message */
    padding: 2rem; /* Padding for the achievement message */
    position: fixed;
    top: 50%; /* Center vertically on the page */
    left: 50%; /* Center horizontally on the page */
    transform: translate(-50%, -50%); /* Center using translate */
    z-index: 9999; /* Set a high z-index to make sure it appears on top */
  }

  .achievement-message>p>strong{
    display: block;
  }

  .achievement-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: rgba(0,0,0,0.5); /*dim the background*/ 
  }

  .achievement-message:hover{
    cursor: pointer;
  }

  .achievement-popup-next a{
    margin: 0;
    border-radius: 20px;
    background-color: #232a3f;
    color: white;
    box-shadow: none;
    text-transform: none;
    font-family: inherit;
    font-weight: 800;
    font-size: 0.75em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    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;
    padding: 1em;
    line-height: 1.25em;
  }

  .achievement-popup-next a:hover{
    color: white;
    opacity: 0.85;
  }

  .achievement-popup-next a > span{
    content-visibility: hidden;
  }

  .ld-table-list-item-indent{
    padding-left: 1.5rem;
  }

  @media only screen and (max-width: 767px) { 
    .ld-table-list-item-indent{
        padding-left: initial;
        background-color: #e4e4e4;
        border-radius: 10px;
      }
    
    .ld-topic-list.ld-table-list {
        padding: 0px !important;
    }

    .explore-item > strong{
        padding-left: 0.5rem !important;
      }
  }
  
  .explore-item{
    margin-top: 0.5rem;
  }
  
  .explore-item > strong{
    padding-left: 2.75rem;
  }

  .ld-table-list-practice-section{
    margin-top: 0.5rem;
  }

  div.entry-content.single-content table td:nth-child(2), th:nth-child(2),
  div.entry-content.single-content table td:nth-child(3), th:nth-child(3) {
    text-align: center; /* Align center under the "Work" and "Answer" columns */
  }

/*   div.entry-content.single-content div:has(div):has(table) td:nth-child(2), th:nth-child(2),
  div.entry-content.single-content div:has(div):has(table) td:nth-child(3), th:nth-child(3) {
    text-align: center !important; // Align center under the "Work" and "Answer" columns 
  }
  */

  .tooltip-icon{
	display: none;
	padding-left: 20px
}

@media only screen and (max-width: 1366px) {
  /* Tooltip styling for mobile */
span.tooltip-icon {
    display: none; /* Initially hide the tooltip icon on larger screens */
    cursor: pointer;
    font-size: larger;
}

span.tooltip-icon {
        display: inline; /* Display the tooltip icon on smaller screens */
        position: absolute;
        top: 0.4rem;
        left: -2%;
}
.ld-topic-row  > .ld-status-icon{
 margin-left: 1rem;
}
  


div.ld-topic-row {
    position: relative;
    cursor: pointer;
}

/* div.ld-topic-row::after {
    content: attr(title);
    position: relative;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.9em;
    padding: 5px;
    margin: 5px;
    display: none;
    color: white;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 4px;
    transition: opacity 0.1s ease-out;
    z-index: 99;
    text-align: center;
}
 */
div.ld-topic-row:hover::after,
span.tooltip-icon:hover + .ld-topic-row::after {
    display: block;
}
}

ul.kt-svg-icon-list{
    margin-block-start: 1em !important;
}

div.kt-tab-inner-content-inner > p:has(img) p{
    white-space-collapse: preserve;
}

td:has(.Wirisformula){
    text-align: center;
}

tr>td:has(p){
    text-align: center;
}

.kt-accordion-panel-inner a {
    text-decoration: underline;
}
.not-bold-list li::before{
    font-weight: normal !important;
}

/* Target the WIRIS formula within the list item */
li > .Wirisformula img {
    vertical-align: middle; /* Adjust the vertical alignment */
}

.ol-paren {
    list-style: none !important;
    position: relative !important;
}

/** Un-Ordered List without Parenthesis Wrapper */
.ol-paren li {
    bottom: 0 !important;
}

.ol-paren li::before{
    white-space: nowrap;
    left: -1.5em !important;
    width: 30px !important;
    position: absolute;
}
/** List Item with Parenthesis */
.list-item::before {
    font-weight: normal !important;
    content: counter(list-item) ")\a0" !important;
}
.list-bold-item::before {
    font-weight: bold !important;
    content: counter(list-item) ")\a0" !important;
}

/** List Item with Parenthesis + Upper Alpha */
.list-upper-alpha-item::before {
    font-weight: normal !important;
    content: counter(list-item, upper-alpha) ")\a0" !important;
}
.list-bold-upper-alpha-item::before {
    font-weight: bold !important;
    content: counter(list-item, upper-alpha) ")\a0" !important;
}

/** List Item with Parenthesis + Lower Alpha */
.list-lower-alpha-item::before {
    font-weight: normal !important;
    content: counter(list-item, lower-alpha) ")\a0" !important;
}
.list-bold-lower-alpha-item::before {
    font-weight: bold !important;
    content: counter(list-item, lower-alpha) ")\a0" !important;
}

.colored-list-items {
    color: inherit !important; /* Use 'inherit' to ensure that the color inherits from the parent */
}

.ld-content-action input,
.ld-content-action .ld-text,
.ld-content-action .ld-course-step-back
 {
    font-family:  'Bree Serif' !important;
    font-size: 14.4px !important;
    font-weight:  400;
}

.learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action {
    align-content:  flex-end;
}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress{
    background-color: #FBBC04 !important;
    color: #232a3f !important;
}
.learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action .ld-course-step-back,
.learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action .ld-button 
 {
    display: block;
    background: #232a3f !important;
    border: solid 2px #232a3f !important;
    border-radius: 12px !important;
    padding: 10px 20px !important;
    margin-top: 20px !important;
    color: #fff !important;
    white-space: nowrap;
}
.learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action .ld-course-step-back:hover,
.learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action .ld-button:hover {
    opacity: 1 !important;
    background: #fff !important;
    color:  #232a3f !important;
    transition: all 0.3s ease-in-out;
}

.ld-progress {
    display: none !important;
}

.ld-content-action .learndash_mark_complete_button:not(.learndash_mark_incomplete_button):hover,
.ld-content-action .learndash_mark_complete_button.learndash_mark_incomplete_button {
    background-color: #349869 !important;
    color: #fff !important;
    padding-left: 2.5rem;
    text-wrap: nowrap;
}

.ld-content-action .learndash_mark_complete_button.learndash_mark_incomplete_button:hover,
.ld-content-action .learndash_mark_complete_button:not(.learndash_mark_incomplete_button){
    background-color: #FBBC04 !important;
    color: #232a3f !important;
    padding-left: 2.5rem;
    text-wrap: nowrap;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:has(.learndash_mark_complete_button[value='Not Complete'])::after,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button[value='Not Complete']{
    color: #DAA302 !important;
    text-wrap: nowrap;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-incomplete.sfwd-mark-complete .learndash_mark_incomplete_button.learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-incomplete.sfwd-mark-complete:hover::after{
    color: #FBBC04 !important;
    text-wrap: nowrap;
}

.learndash-wrapper .sfwd-mark-complete {
    max-width: 200px;
}

.learndash-wrapper .sfwd-mark-complete:has(.learndash_mark_complete_button[value="Mark Not Complete"]):hover::after,
.learndash-wrapper .sfwd-mark-complete::after{
    content: '' !important;
    pointer-events: none;
} 

.sfwd-mark-complete.sfwd-mark-incomplete::after,
.learndash-wrapper .sfwd-mark-complete:has(.learndash_mark_complete_button[value="Mark Complete"]):hover::after{
    content: '\e906' !important;
    margin-right: 75%
}

.gray-border-table{
    border-spacing: 2px;
    border-collapse: collapse;
    border: 2px solid #dedede;
    border-style: solid;
}
.gray-border-table tbody{
    vertical-align: middle;
}

.gray-border-table td{
    padding: 8px;
    border-color: #dedede;
    border-style: solid;

}

.toc-bookmark {
    color: #3f89a2;
    margin-left: 0.75rem;
    transition: color 0.3ms ease;
    padding-right: 0.75rem;
    align-self: center;
    z-index: 99;
}

.toc-bookmark:hover{
    color: #319064;
}

.toc-item:hover > .toc-bookmark {
    color: #319064;
}

.toc-item.highlight > .toc-bookmark {
    color: #319064;
}

.toc-item .fa-solid{
    color:#319064;
}

.toc-item {
    margin-top: 4px;
    padding: 4px;
    border-radius: 15px;
    transition: background-color 0.35s ease;
    display: flex;
}

.toc-item:hover {
    cursor: pointer;
    background-color: #e2e2e2;
    font-weight: bold;
}

.toc-item>div {
    display: flex;
}

.toc-item:has(div a.active)
{
    background-color: #e2e2e2;
}

.toc-parent-highlight{
    margin-top: 4px;
    padding: 2px;
    border-radius: 25px;
    transition: background-color 0.35s ease;
}

.toc-parent-highlight.active {
    background-color: #232a3f;
}

.toc-parent-highlight:hover{
    background-color: #232a3f;
}
.toc-parent-highlight.active a > .ld-topic-title,
.toc-parent-highlight:hover a > .ld-topic-title{
    color: white;
}

.section-title > i{
    font-style: normal;
}

.ld-status.ld-status-progress.ld-primary-background{
    background-color: #FBBC04 !important;
    color: #000 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze input{
    width: 8rem;
} 

.nudged li::before {
    top: var(--offset, 0) !important; /* Use the --offset variable, default to 0 if not set */
  }


  @media screen and (max-width: 768px) {
    .column-reverse-mobile {
      flex-direction: column-reverse;
    }
  }

body > div.h5p-content.h5p-initialized.h5p-no-frame.using-mouse{
    background: none !important;
}

body > div.h5p-content.h5p-initialized.h5p-no-frame.using-mouse div.h5p-container.h5p-standalone.h5p-question.h5p-true-false{
    background: none !important;
}

.h5p-crossword .h5p-crossword-cell-clue-id-marker {
	font-size: 1em !important;
}

/* May need to be changed ? */
:where(.wp-block-columns) {
    margin-bottom: inherit;
}
  
.wpProQuiz_content .wpProQuiz_questionList,
.wpProQuiz_content .wpProQuiz_matrixSortString,
.wpProQuiz_content ul.wpProQuiz_maxtrixSortCriterion {
overflow: hidden;
}


body:not(.logged-in) .kadence-column10071_d677b2-e4,
body:not(.logged-in) .kt-pane10071_606064-d1,
body:not(.logged-in) .kt-pane10071_c5b64f-d3 {
    display: none !important;
}

.learndash-wrapper .ld-button {
    margin: auto;
}

.profile-course-lessons{
    padding: 0.25rem 2rem;
    overflow: auto;
}

.my-courses-lesson-header {
    background: #fafafa;
    border-bottom: 1px solid #e2e7ed;
}
.my-courses-quiz-list.ld-quiz-list{
    list-style: none;
}
.my-courses-quiz-list.ld-quiz-list > .ld-quiz-item{
    padding: 1rem;
}

.my-courses-quiz-list.ld-quiz-list > .ld-quiz-item > .ld-quiz-link {
    display: flex;
}

.my-courses-quiz-list.ld-quiz-list > .ld-quiz-item .ld-item-title{
    margin-left: 1rem;
}
.course-content-wrapper{
    background: whitesmoke;
    transition: opacity 0.5s ease, max-height 0.5s ease; /* Smooth transition for both opacity and max-height */
}
.course-content-wrapper .ld-lesson-list{
    margin: 0.5em 0.25em;
}

.course-content-wrapper .ld-lesson-list .ld-section-heading{
    background-color: #232a3f;
    padding: 1.5rem;
}

.course-content-wrapper .ld-lesson-list .ld-section-heading h2{
    color:white;
}
.course-content-wrapper .ld-lesson-list .ld-section-heading:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 66px;
    margin-bottom: -85px;
    background: whitesmoke;
    transform: rotate(-45deg);
    z-index: 9;
}

.ld-lesson-quizzes > .ld-quiz-list{
    padding: 1rem 1.5rem;
}

.ld-lesson-quizzes > .ld-quiz-list > .ld-quiz-item{
    list-style: none;
}

.ld-lesson-quizzes > .ld-quiz-list > .ld-quiz-item > a{
    display: flex;
    gap: 1rem;
}

.user-courses-none{
    text-align: center;
    padding: 1rem;
    font-weight: 600;
    border: 2px solid black;
}

.kt-accordion-panel-inner .course-link-wrapper {
  text-align: center;
  font-size: large;
  font-weight: 500;
}