/*COURSE LAYOUT COLUMNS*/

.course-column {
position:absolute;
overflow:hidden;
}

.course-column.padding {
padding:1.5em;
}


/*COLUMN WIDTHS*/

.column-10 {
width:10%;
}

.column-15 {
width:15%;
}

.column-20 {
width:20%;
}

.column-25 {
width:25%;
}

.column-33 {
width:33%;
}

.column-34 {
width:34%;
}

.column-40 {
width:40%;
}

.column-50 {
width:50%;
}

.column-60 {
width:60%;
}

.column-66 {
width:66%;
}

.column-67 {
width:67%;
}

.column-70 {
width:70%;
}

.column-75 {
width:75%;
}

.column-80 {
width:80%;
}

.column-85 {
width:85%;
}

.column-90 {
width:90%;
}

.column-100 {
width:100%;
}

/*DLS COURSE LAYOUT VERTICAL HEIGHT AS A CALCULATION OF SLIDE HEIGHT */

.height-100 {
height:100%;
}

.height-90 {
height:90%;
}

.height-85 {
height:85%;
}

.height-80 {
height:80%;
}


.height-75 {
height:75%;
}

.height-70 {
height:70%;
}

.height-66 {
height:66%;
}

.height-60 {
height:60%;
}

.height-50 {
height:50%;
}

.height-40 {
height:40%;
}

.height-30 {
height:30%;
}

.height-33 {
height:33%;
}

.height-34 {
height:34%;
}

.height-35 {
height:35%;
}

.height-25 {
height:25%;
}

.height-20 {
height:20%;
}

.height-10 {
height:10%;
}



/*VERTICAL DISTANCE FROM TOP*/

.vertical-position-10 {
top:10%
}

.vertical-position-15 {
top:10%
}

.vertical-position-20 {
top:20%
}

.vertical-position-25 {
top:25%
}

.vertical-position-30 {
top:30%
}

.vertical-position-33 {
top:33%
}

.vertical-position-34 {
top:34%
}

.vertical-position-35 {
top:35%
}

.vertical-position-40 {
top:40%
}

.vertical-position-50 {
top:50%
}

.vertical-position-60 {
top:60%
}

.vertical-position-65 {
top:65%
}

.vertical-position-66 {
top:66%
}

.vertical-position-70 {
top:70%
}

.vertical-position-75 {
top:75%;
}

.vertical-position-80 {
top:80%;
}

.vertical-position-90 {
top:90%;
}


/*BASIC BACKGROUNDS*/

.background0 {
background:transparent;
}

.background-white {
background-color:#fff;
}

.background-black {
background-color:#000;
}

/*BASIC OPACITIES*/

.opacity-high {
opacity:0.5;
}

.opacity-medium {
opacity:0.7;
}

.opacity-low {
opacity:0.9;
}


/*HORIZONTAL POSITIONING*/

.margin-left-5 {
margin-left:5%;
}

.margin-left-10 {
margin-left:10%;
}

.margin-left-20 {
margin-left:20%;
}

.margin-left-25 {
margin-left:25%;
}

.margin-left-33 {
margin-left:33%;
}

.margin-left-34 {
margin-left:34%;
}

.margin-left-35 {
margin-left:35%;
}

.margin-left-40 {
margin-left:40%;
}

.margin-left-50 {
margin-left:50%;
}

.margin-left-60 {
margin-left:60%;
}

.margin-left-65 {
margin-left:65%;
}

.margin-left-66 {
margin-left:66%;
}

.margin-left-70 {
margin-left:70%;
}

.margin-left-75 {
margin-left:75%;
}

.margin-left-80 {
margin-left:80%;
}

.margin-left-90 {
margin-left:90%;
}


/*MARGIN ADJUSTMENTS TO CREATE OVERLAPPING AREAS*/

.margin-right-5 {
margin-right:5%;
}

.margin-right-10 {
margin-right:10%;
}

/*BASIC BOX CORNERS*/

.rounded-corners-soft {
border-radius:20px;
}

.rounded-corners-medium {
border-radius:10px;
}

.rounded-corners-hard {
border-radius:5px;
}


/*ADDITIONAL*/

.relative {
position:relative;
}

.overlap-top {
margin-top:-5%;
}


/*BASIC TEXT SIZE COLOURS*/

#slide-body .text {
padding:1.5em;
font-size:22px;
}

#slide-body .text-md {
padding:1.5em;
font-size:20px;
}

#slide-body .text-sm {
padding:1.5em;
font-size:18px;
}

.background-white.text {
color:#000;
}

.background-black.text {
color:#fff;
}

.background-dk-grey {
background-color:#777777;
}

.background-dk-grey.text {
color:white;
}

.background-sg-purple {
/*background:#9669a9;*/
background:#8379b5;
}

.background-sg-purple.text, .background-sg-purple.text {
color:white;
}

.background-black.text {
color:white;
}

.margins {
margin:2em;
}


.square {
aspect-ratio: 1 / 1;
}

.purple {
color:purple;
}

/*NEXT PAGE CUE*/

.click-next-page-cue {
position:absolute;
bottom:-100%;
right:0px;
background-color:#e9ecef;
color:#8379b5;
height:75px;
width:75px;
text-align:right;
padding:1em;
border-radius:100% 0px 0px 0px;
}

.click-next-page-cue.conditional {
animation-play-state:paused;
}


/*SELECTION BLOCKS*/

.selection-block:hover {
margin-right:30px;
border-radius:20px 0px 0px 20px;
transition:0.5s ease;
}

/*TEXT CONTAINER*/

#text-version > .text {
overflow:auto;
}

/*TEXT MODE TOGGLE BUTTON*/

.toggle-text-mode {
width:175px;
float:right;
margin:-20px -32px 20px 20px;
font-size:20px;
}

.toggle-text-mode button {
cursor:pointer;
}

/*TABS*/

.slide-body-tabs li {
line-height:30px!important;
margin-bottom:10px!important;
}

#slide-body .text li {
line-height:26px;
margin-bottom:0.5em;
}