/* ######################
    COLORS:
    Orange:   #db5c2f
    Beige:    #e2dbca
    Gray:     #f3f3f3

     ###################### */

/* ######################
  	   UNIT NAV MENU
     ###################### */

[dir=rtl] .sequence-navigation .previous-btn
[dir=rtl] .sequence-navigation .next-btn {
       background-color: rgba(0,52,85,0.3);
       color: #ffca00;
     }

.sequence-navigation .btn.active, .sequence-navigation .btn:focus, .sequence-navigation .btn:hover {
       background-color: #ffca00;
       border-bottom: 0px;
     }

      /* new temp */
     .sequence-nav button:hover {
        border-bottom: 3px solid white;
        padding-top: 2px;
      }
     
     /* icon hover*/
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover .icon, .xmodule_display.xmodule_SequenceBlock .sequence-nav button:active .icon {
       color: #ffca00;
     }

     /* text hover */
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover span,
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button:active span {
      color: #24adff;
    }
     
     /*bottom line hover*/
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover {
       border-bottom-color: #24adff;
       padding-top: 2px;
     }

     button.active span.icon {
       color: white;
     }
     
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button.active .icon {
       color: #005787;
     }

     .xmodule_display.xmodule_SequenceBlock .sequence-nav ol li button .icon {
       color: white;
     }

     span.icon.fa.fa-chevron-next,
     span.icon.fa.fa-chevron-prev {
       color: #ffca00;
     }

     /* next/prev icon hover color */
     .xmodule_display.xmodule_SequenceBlock .sequence-nav button:hover .icon 
     {
      color: #24adff;
     }

[dir=rtl] .sequence-navigation .btn {
       background-image: url(https://courses.campus.gov.il/asset-v1:Taasuka+GOV_Career_CVBuilding101_HE+2022_1+type@asset+block@unit_nav_bar_career.jpg);
     }

     /* ######################
               SIDE NAVIGATION PANEL
             ###################### */
#courseHome-outline li .collapsible-trigger {
       background-color: #e5e5e5;
       color: black;
       margin-top: 3px;
       margin-bottom: 3px;
       font-family: "Alef";
    font-size: 131%;
     }
     
     .course-index .accordion .course-navigation .button-chapter .group-heading {
       font-family: "Alef";
       font-size: 131%;
     }
     
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu {
       padding: 0;
     }
     
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu
       .menu-item {
       background-color: #f3f3f3;
       margin: 0;
     }
     
     /* current select menu item - remove rounded corners */
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu
       .menu-item
       a {
       border-radius: 0;
     }
     
     .course-index
       .accordion
       .course-navigation
       .chapter-content-container
       .chapter-menu
       .menu-item.active
       a {
       background-color: #003354;
     }
     
     /* current menu item text color */
     div.chapter-menu.is-open div.active p.accordion-display-name {
       color: white;
     }
     
     p.accordion-display-name {
       font-family: "Alef";
     }
     
     /* ######################
               TOP NAVIGATION MENU
             ###################### */
.course-tabs-navigation{
       background-color: #003253;
       height: 86px;
       background-repeat: no-repeat;
       background-image: url(https://courses.campus.gov.il/asset-v1:DigitalIsrael+GOV_Oryanut_ExcelBasic101_HE+2022-1+type@asset+block@excel_beginners_header_banner_11_11_20a.jpg);
     }

     #content .wrapper-course-material .course-tabs li.tab a.active {
       color: #ffca00;
       border-bottom-color: #ffca00;
       border-bottom-width: 3px;
     }

     .wrapper-course-material .course-tabs li a:hover,
     .wrapper-course-material .course-tabs li a:visited:hover {
       color: #24adff;
       border-bottom-color: #24adff;
       border-bottom-width: 3px;
     }
     
     .wrapper-course-material .course-tabs li a,
     .wrapper-course-material .course-tabs li a:visited {
       font-family: "Alef";
       font-size: 110%;
       color:white;
       /*background-color: rgba(243, 243, 243, 0.8);*/
     }
     
     
     .course-wrapper .course-content h3,
     .course-wrapper .course-content p {
       font-family: "Alef";
       font-size: 120%;
     }
     
     .breadcrumbs {
       font-family: "Alef";
       font-size: 111%;
     }

     /* breadcrumbs/learning map under main header */
     /*
     header.page-header.has-secondary {
      display: none;
     }
     */



     /* ######################
                 MAIN CONTENT AREA
             ###################### */
     div#seq_content {
       background-color: #f3f3f3;
       padding: 12px 12px 12px 0px;
     }
     
     h2.unit-title {
       color: #003354;
       font-family: "Alef";
       font-size: 160%;
     }
     
     button.submit {
       border-color: #24adfe;
       border-width: 2px;
       font-family: "Alef";
       color: white;
       background: #ffffff;
       border-radius: 5px;
       padding: 0.325rem 1.3rem;
     }

     /* #################################################
         MAIN CONTENT AREA - FOOTER NAV BUTTONS PREV/NEXT
      ################################################# */
     nav.sequence-bottom button.sequence-nav-button {
       color: #ffca00;
       background-color: #014671;
     }

     .xmodule_display.xmodule_SequenceBlock .sequence-nav-button:hover .icon,
     .xmodule_display.xmodule_SequenceBlock .sequence-nav-button:hover {
      border-bottom-color: #24adff;
      padding-top: 2px;
      color: #24adff;
     }


     nav.sequence-bottom button.sequence-nav-button:hover {
       border-bottom-color: #24adff;
       padding-top: 2px;
     }

     .xmodule_display.xmodule_SequenceBlock .sequence-nav-button {
      background-color: #004670;
     }


     
     /* ######################
            PROBLEMS
          ###################### */
     
     div .problem {
       /*background-color: #393939;*/
       background-image: url(q_mark_bg_02.png);
       background-repeat: no-repeat;
       background-position: left bottom;
       margin-top: 0px;
       margin-left: 0px;
       padding-right: 50px;
       padding: 50px 50px 50px 50px;
       border-radius: 15px;
       /*color: white;*/
     }
     div div.field {
       width: 300 px;
     }
     
     /*
     div.problem div.field label {
       color: white;
       font-family: "Assistant";
     }
       */
     div.problem p,
     div.problem legend,
     button.submit {
       font-family: "Alef";
       font-size: 115%;
     }
     
     .problem-header {
       font-family: "Alef";
       font-weight: bold;
       color: #ea7d00;
     }
     
     .wrapper-problem-response input {
       font-family: "Alef";
       font-size: 115%;
     }
     
     div.problem p.instruction-text {
       color: #003354;
       font-weight: bold;
     }
     div.wrapper-problem-response div.field label.field-label {
     }
     
     button.submit .submit-label {
       font-size: 125%;
       color: #24adfe;
     }

    /* multiple choice question - options' text and background */
     .xmodule_display.xmodule_CapaModule div.problem .choicegroup label {
      /*color: white;*/
      /*background-color: #24adff;*/
      font-family: "Alef";
      font-size: 115%;
      border-radius: 0px;
    }

    /* radio button adjustments*/
    .xmodule_display.xmodule_CapaModule div.problem .choicegroup input[type="radio"] {
      right: 0.2em;
    }

    /*fix feedback label right offset bug - 2. actually hide it*/
    .xmodule_display.xmodule_CapaModule .hint-label {
      padding-right: 0;
      display:none;
    }

    /*hide feedback explanation title*/
    .xmodule_display.xmodule_CapaModule .explanation-title {
      display: none;
    }

    /*problem feedback font*/
    .xmodule_display.xmodule_CapaModule .hint-text {
      font-family: "Alef";
      font-size: 110%;;
    }
     
     /* ######################
            PROBLEM custom JS
          ###################### */
     
     div.problem div.wrapper-problem-response p {
       font-family: "Alef";
       font-size: 118%;
     }
     
     /* ######################
            TABLES
          ###################### */
     
     .xmodule_display.xmodule_HtmlModule table {
       width: auto;
     }
     
     .xmodule_display.xmodule_HtmlModule table th {
       background-color: #db5c2f;
       color: white;
       font-size: 100%;
     }
     
     table.striped-table tr:nth-child(even) {
       background-color: #b4b2b2;
     }
     
     tbody {
       font-family: "Alef";
       font-size: 116%;
     }
     
     table audio {
       width: 210px;
     }


      /* ######################
           POLL/SURVEY component
      ###################### */

    .survey-table tr.survey-row th p {
      margin-right: 10px;
    }

    tbody tr.survey-row .survey-question p {
      font-size: 1.15rem;
    }

    tbody tr.survey-row .survey-question p {
      font-size: 1.15rem;
    }

    .themed-xblock.poll-block .survey-table thead tr th {
        font-size:1rem;
        font-family: Alef;
    }


      /* ######################
            TEXT PAGE
      ###################### */
      .regular-text-page-1,
      .regular-text-page-1 p,
      .regular-text-page-1 ul li,
      .regular-text-page-1 ol li {
        font-family: "Alef";
        color: #595959;
      }

      .regular-text-page-1 p {
        font-size: 1.2rem;
      }

      .regular-text-page-1 ul,
      .regular-text-page-1 ol {
        margin-top: 0px;
      }

      .regular-text-page-1 ol li {
        font-size: 1.1rem;
        margin-bottom: 0px;
      }

      .regular-text-page-1 ul li {
        font-size: 1.1rem;
        margin-bottom: 0px;
      }

      .regular-text-page-1 .section-header {
        color: #5b9bd5;
        font-family: "Alef";
        font-weight: bold;
        font-size: 1.2rem;
      }


/* KOA Fixes */
.wrapper-course-material .course-tabs .tab a,
.wrapper-course-material .course-tabs .tab a:visited {
	color:white;
}

.xblock.xmodule_display.xmodule_SequenceBlock .sequence-nav-button {
	color: #ffca00;
}

button.button-previous, main#main div.sequence-nav button.sequence-nav-button.button-previous {
	background-color: #004670;
}

body .wrapper-course-material .course-material .course-tabs .tab a:hover {
  color: #24ADFF;
  border-bottom-color: #24ADFF;
}
.nav-underline-tabs .nav-link {
color: white;
}
#courseHome-outline li .collapsible-trigger {
background: #f5f5f5 !important;
}
[dir=rtl] #courseHome-outline .collapsible-body ol li {
    border-right: 5px solid #0000 !important;
    background: #f3f3f3 !important;
}
a {
    background-color: #0000;
    color: #1790c8;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #313131;
}
.active-sequence-color-background {
background-color: #003354;
}
.btn:hover {
    border-bottom: 3px solid #1790c8;
    background-color: #fffefe;
}
.sequence-navigation .next-btn, .sequence-navigation .previous-btn {
        color: #ffca00;
}
.sequence-navigation .btn {
color: white;
}
.sequence-navigation .btn.active, .sequence-navigation .btn:focus, .sequence-navigation .btn:hover {
    overflow: hidden;
    background-image: none !important;
background-color: #ffca00;
}