@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;700&display=swap');


:root {
    --regular-size: 22px;
}

/*pop up questions*/
.xblock-initialized .in-video-problem {
    height: 550px !important;
}

/* PAGE SETUP */

.course-wrapper .course-content .vert-mod .vert > .xblock-student_view,
.course-wrapper .courseware-results-wrapper .vert-mod .vert > .xblock-student_view {
    /* this is for the annoying gray line between components */
    border: none;
}

.hint-label {
    /* for feedback in problems */
    font-weight: bold;
    display: inline-block;
    padding-left: 0.5em !important;
    padding-right: 0em !important;
}

.hint-text {
    display: block;
}

.notification-message ol li strong {
    /*for hints */
    padding-left: 0.5em !important;
}


/* STYLING */
main#main-content {
    font-family: 'Heebo';
}

#main, #main p, #main ul, #main h3, #main h2, #main h4, .xmodule_display.xmodule_CapaModule div.problem .choicegroup label, .xmodule_display.xmodule_CapaModule div.problem-progress {
    font-family: 'Heebo', sans-serif !important;
    font-weight: 400px !important;
    /* padding-bottom: 10px; */
}

#content *:not(.fa):not(code):not(.signature), .content-wrapper *:not(.fa):not(code):not(.signature) {
    font-family: 'Heebo', sans-serif !important;
}

/*blocks gaps*/
.course-wrapper .course-content .vert-mod .vert > .xblock-student_view, .course-wrapper .courseware-results-wrapper .vert-mod .vert > .xblock-student_view {
    margin-top: 70px;
} 

/*unit heading*/
h1.mb-0.h3 {
    margin-bottom: 0;
    font-size: 2.5em !important;
    font-weight: bold;
    text-align: center;
    color: #003e76 !important;
    border: 6px solid #003e76;
    padding: 100px;
    border-radius: 50px;
}
/* כפתור סימון דף זה */
span.d-flex.align-items-center.justify-content-center {
    color: #003e76 !important;
    text-decoration: none !important;
    transition: .2s;
    border: 2px solid #003e76 !important;
    border-radius: 8px !important;
    padding: 10px 20px;
    margin: 10px;
    background-color: white !important;
}
/* אייקון סימון */
svg.svg-inline--fa.fa-bookmark.text-primary {
    color: #003e76 !important;
}

/*****course navs*****/

/*back n next btns, arrowrs*/
.icon.fa.fa-chevron-prev, .icon.fa.fa-chevron-next, .icon.fa.fa-caret-right, .icon.fa.fa-caret-down {
    color: #003e76 !important;
}

.accordion-nav {
    background-color: rgba(0, 0, 0, 0.00) !important;
}

.chapter-menu .menu-item.active {
background-color: #E8E8E8 !important;
border-radius: 5px;
}

/* BUTTONS */

/* הקודם */
a.previous-button.mr-2.d-flex.align-items-center.justify-content-center.btn.btn-outline-secondary {
    color: #003e76 !important;
    transition: .2s;
    border: 2px solid #003e76 !important;
    border-radius: 8px !important;
}
/* הבא */
a.next-button.d-flex.align-items-center.justify-content-center.btn.btn-outline-primary {
    color: #003e76 !important;
    transition: .2s;
    border: 2px solid #003e76 !important;
    border-radius: 8px !important;
}


/*bookmarks*/

.wrapper-course-modes {
    text-align: center;
}

.courseware-bookmarks-button {
    width: 50% !important;
    margin: 10px auto;
}

#seq_content a.button, #seq_content span.bookmark-text, #seq_content a.btn-link {
    /* .bookmark-text exception is for the bookmarks button */
    text-decoration: none !important;
    display: inline-block;
}

.file, form input[type="button"], .xblock--drag-and-drop .btn-default, .xmodule_StaticTabModule *:not(.video-controls) .button, .xmodule_StaticTabModule button:not(.unbutton):not(.control):not(.wmd-button), .xmodule_StaticTabModule a.btn-link,
#seq_content *:not(.video-controls) .button, #seq_content button:not(.unbutton):not(.control):not(.wmd-button):not(.bookmark-button):not(.ui-slidable), #seq_content a.btn-link, .handouts a, .courseware-bookmarks-button .bookmarks-list-button, #seq_content button.btn.btn-link.bookmark-button, .mentoring input[type=button], nav.sequence-bottom .sequence-nav-button {
    color: #003e76 !important;
    text-decoration: none !important;
    transition: .2s;
    border: 2px solid #003e76 !important;
    border-radius: 8px !important;
padding: 10px 20px;
margin: 10px;
background-color: white !important;
}

.file:hover, form input[type="button"]:hover, .xblock--drag-and-drop .btn-default:hover, .xmodule_StaticTabModule *:not(.video-controls) .button:hover, .xmodule_StaticTabModule button:hover:not(.unbutton):not(.control):not(.wmd-button), .xmodule_StaticTabModule a.btn-link:hover:not(.inactive):not(.unbutton),
    #seq_content *:not(.video-controls) .button:hover:not(.inactive), #seq_content *:not(.video-controls) button:hover:not(.inactive):not(.unbutton):not(.control):not(.wmd-button):not(.bookmark-button):not(.ui-slidable), #seq_content a.btn-link:hover:not(.inactive):not(.unbutton),
.handouts a:hover, .courseware-bookmarks-button .bookmarks-list-button:hover,
#seq_content button.btn.btn-link.bookmark-button:hover, .mentoring input[type=button]:hover, nav.sequence-bottom .sequence-nav-button:hover {
    color: #003e76 !important;
    text-decoration: none !important;
    transition: .2s;
    border: 2px solid #003e76 !important;
background-color: #cae8ed !important;
border-radius: 8px !important;
    }

.file {
margin-top: 20px;
}

.btn-link, .table-sortable .sortable .action-sort {
    border-radius: 0;
    border-color: transparent;
    background: transparent;
}

/*
.xmodule_StaticTabModule .inactive, .xmodule_StaticTabModule button:disabled,
#seq_content .inactive, #seq_content button:disabled {
	color: gray !important;
	text-decoration: none !important;
	cursor: context-menu;
	background-color: lightgray;
	user-select: none;
	}
*/

.xmodule_display.xmodule_CapaModule div.problem .action .problem-action-btn {
    max-width: 150px !important;
}

#seq_content a.button.wide, .handouts a {
    color: black;
    text-decoration: none !important;
    text-align: center;
    display: block;
    padding: 15px;
}

    #seq_content a.button.wide img {
        margin-bottom: 15px;
    }

#seq_content a.btn-link {
    margin-bottom: 5px;
}


/*sec nav-bar*/

/*survey*/
.survey-question, .survey-table thead tr td, .survey-table thead tr th {
    font-weight: 400 !important;
}

.survey-table {
    margin-bottom: 4rem !important;
}

/*text-blocks*/
.mooc-text-block {
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    border: 2px solid #003e76 !important;
    background-color: #FFFFFF;
    padding: 30px;
}

    #sga-content .upload button {
        text-shadow: none;
    }

/*text-blocks and answers blocks in open question types*/
.xblock-answer, .mentoring.themed-xblock .mooc-text-block {
    margin-top: 30px;
}

/*text-blocks headings*/
.mooc-text-block h3, .hd.hd-3.problem-header, .mentoring.themed-xblock h2, h3 {
    color: #003e76 !important;
    font-weight: bold !important;
    font-size: 1.6rem !important;
}

.mooc-text-block h4 {
    color: #ea1f3d !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
}

/*text-blocks p*/
.mooc-text-block p {
    color: #003e76 !important;
}

    .xmodule_display.xmodule_CapaModule div.problem .choicegroup label:hover, .xmodule_display.xmodule_CapaModule div.problem .choicetextgroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicegroup label:hover, .xmodule_display.xmodule_ConditionalModule div.problem .xmodule_display.xmodule_CapaModule .choicetextgroup label:hover {
        border: 2px solid #06bba5 !important;
    }

/*upload file correction*/
.sga-block .upload {
    text-align: left;
}


/* On screens that are 600px or less */
/*unit heading*/
@media screen and (max-width: 600px) {
    .hd.hd-2.unit-title {
        padding-top: 18%;
        height: 250px;
    }

    /*width of main content*/
    .course-wrapper .course-content, .course-wrapper {
        width: 76.27119%;
    }
}

h3.hd.hd-2 {
    padding-bottom: 20px;
}

.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup label {
    padding: 10px
px
;
    padding-right: 45px;
    position: relative;
    font-size: 1em;
    line-height: normal;
    cursor: pointer;
}

.submit-attempt-container {
    margin-top: -88px;
    flex-grow: 0 !important;
}