/*
 Theme Name:   Eduma Child
 Theme URI:    -
 Description:  Eduma Child Theme (original: eduma, from thimpress.com)
 Author:       The ROC Institute
 Author URI:   https://therocinstitute.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/* add some margins around the explanation content */
.question-explanation-content {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* make explanation "title" block element, such that there is a line break, naturally */
.question-explanation-content .explanation-title {
    display: block;
}
/* skip button is equivalent to "next" button */
.button-skip-question {
    display: none !important;
}
/* custom enlargement of stuff marked with "large" css class */
.large {
    font-size: 150%;
}
/* increase readability again */
.learn-press-question-options.disabled li {
    background-color: #ffffff;
}
/* display disabled question options differently (so it's readable) */
.learn-press-question-options.disabled {
    background-color: #fff;
    color: #666;
}
/* force correct questions background color */
.learn-press-question-options li.correct {
    background-color: rgba(0,255,0,0.1) !important;
}
/* force incorrect questions background color */
.learn-press-question-options li.incorrect {
    background-color: rgba(255,0,0,0.1) !important;
}
/* the menu has - for whatever reason - not a set color by default? */
.site-header {
    background-color: #000 !important;
}
/* main content must not be moved back up, where there's a header ... */
#main-content {
    margin-top: 0 !important;
}
/* give the course info some more space */
.thim-course-info {
    width: 30% !important;
    min-width: 30%;
}
/* remove space from the course description */
.thim-course-content {
    width: 70% !important;
    min-width: 70%;
}
/* too much space in curriculum (this is before sections) */
body.course-item-popup #learn-press-course-curriculum ul.curriculum-sections {
    padding-top: 0;
}
/* make quizes non-bold in curriculum */
#learn-press-course-curriculum .curriculum-scrollable .curriculum-sections .section-content > .course-quiz .quiz-title {
    font-weight: normal;
}
/* make games non-bold in curriculum */
#learn-press-course-curriculum .curriculum-scrollable .curriculum-sections .section-content > .course-lesson .game {
    font-weight: normal;
}
/* reduce margins of section-headers in curriculum */
#learn-press-course-curriculum ul.curriculum-sections .section-header {
    margin: 0;
    margin-top: 5px !important;
}
/* adapt paddings of section-headers (on the same level as super-sections) */
#learn-press-course-curriculum ul.curriculum-sections .section-header.super-style {
    margin: 0 !important;
    padding-left: 0px !important;
    padding-top: 15px !important;
}
/* style super section headers */
.super-section-header {
    margin: 0;
    padding: 15px 0px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #eaeaea !important;
    text-transform: uppercase;
    font-size: 16px;
    border-top: 2px solid #bbb !important;
}
/* adapt style of super section headers and section headers with super style */
.super-style {
    padding: 0px 0px 15px 40px !important;
    background-color: #eaeaea !important;
    text-transform: uppercase;
    font-size: 16px;
    border-top: 2px solid #bbb !important;
}
/* have to position the collapse icons properly  */
.super-style .collapse {
    left: initial !important;
    top: initial !important;
    position: static !important;
    display: inline-block !important;

}
/* position and size the collapse icons for super section headers */
.super-section-header .collapse {
    display: inline-block;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	visibility: visible;
	border: 0;
	text-align: center;
	font-size: 13px;
	color: #000;
	-webkit-transition: all .3s ease-in-out;
	-khtml-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/* define the icon for super section collapse icon */
.super-section-header .collapse::before {
	font-family: FontAwesome;
	content: '\f077';
}
/* in curriculum, adapt left side padding to produce a more favorable indentation */
body.course-item-popup #learn-press-course-curriculum ul.curriculum-sections .section-content .course-assignment,
body.course-item-popup #learn-press-course-curriculum ul.curriculum-sections .section-content .course-lesson,
body.course-item-popup #learn-press-course-curriculum ul.curriculum-sections .section-content .course-quiz {
    padding-left: 40px;
}


/* helper class to flex row stuff. */
.flex-row {
    display: flex;
    width: 100%;
}
/* specific flex width for course title */
.flex-row .course-title {
    flex: 1 0 70%;
}
/* specific bottom margin for course title */
.flex-row .course-title h1.entry-title {
    margin-bottom: 1em;
}
/* specific flex width for course payment and buttons */
.flex-row .course-payment {
    flex: 0 1 30%;
    text-align: right;
    white-space: nowrap;
}
/* add class that adds top margins */
.add-margin-top {
    margin-top: 30px;
}
/* add helper class for normal wrapping */
.wrap {
    white-space: normal;
}
.vc_col-sm-3 button.vc_btn3 {
    hyphens: none;
}


/* from this on, I don't know what the reasons are ... */
.footer{
    padding-top:0px !important;
}
footer:hover #text-3{
    margin-left: 0px;
    margin-right: 0px !important;
    background-repeat: no-repeat;
    width: 25%;
}
footer:hover .container {
    border-top: 1px solid #011c31;
    padding-top: 50px !important;
}
footer:hover .copyright-area .container {
    border-top: 1px solid #011c31;
    padding-top: 0px !important;
}

.footer:hover {
    margin-top: 0px !important;;
}
.vc_row.wpb_row.popuprow{
    margin-bottom:0px;
}
.popuprow .bg-blue {
    background-color: #061c2f;
    color: white;
    padding: 0.5rem;
    margin-bottom: 0px;
}

.pum-content.popmake-content .bg-blue .vc_column-inner{
    align-items: center;
    display: flex !important;
    flex-direction: row !important;
}
.popuprow .bg-pink {
    background-color: #ee776d;
    color: black;
    padding: 0.5rem;
    margin-bottom: 0px;
}

.pum-content.popmake-content .bg-pink .vc_column-inner{
    align-items: center;
    display: flex !important;;
    flex-direction: row !important;;
}
.popuprow .bg-white {
    background-color: #fff;
    color: black;
    padding: 0.5rem;
    margin-bottom: 0px;
}

.pum-content.popmake-content .bg-white .vc_column-inner{
    align-items: center;
    display: flex !important;;
    flex-direction: row !important;;
}
.pum-content.popmake-content .vc_row.wpb_row{
    margin-bottom:0px;
}
.pum-content.popmake-content .vc_column_container{
    border:1px solid white;
}
.text-justify {
    hyphens: auto;
}