t@charset "UTF-8";
/* CSS Document */

/*========= Empty CSS file for client to add custom CSS ==========*/

/*to remove the page title from a course or change its properties - #### is course ID in url. 
.context-course_####, .context-course_#### #wiki_page_show h1.page-title {
	display: none;
}
*/

.context-course_1361 #wiki_page_show h1.page-title {
	display: none;
}
.context-course_7073 #wiki_page_show h1.page-title {
	font-variant: small-caps;
	font-style: italic;
		color: #ffffff;
	font-family: "ITC StoneSerif", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	background: rgb(80,45,127);
background: linear-gradient(90deg, rgba(80,45,127,1) 37%, rgba(35,97,146,1) 100%);text-shadow: .15rem .15rem .2rem #000;
	padding-left: 40px; 
}

/*purple to blue gradients in an element*/
.bg-gradient {
	background: rgb(80,45,127);
background: linear-gradient(90deg, rgba(80,45,127,1) 37%, rgba(35,97,146,1) 100%);
}

/**/

.stktraining-header {
	background: rgb(80,45,127);
background: linear-gradient(90deg, rgba(80,45,127,1) 37%, rgba(35,97,146,1) 100%);
	border-radius: 5px;
}



/*set the max width of a page - useful when using banners*/
.stk_wrapper {
    max-width: 1205px;
}


.reading-container {
	max-width: 800px;
	line-height: 1.4em;
	font-size: 1.4em;
	margin: auto; 
	font-family:  Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}

.discussion-container {
	background-color: #f2f4f8; color: #374a67; padding: 25px; width: 95%;
}

.divider {background-color: #236192; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; color: #ffffff; font-size: x-large; border-radius: 5px; }


.directions {
    
    color:#e03e2d;
    font-style: italic;
}


.stk_button {
	text-align: center; background: #502D7F; color: #ffffff;
}

.stk_button a {color: #ffffff; }
.stk_button a:link {
  text-decoration: none;
}

.stk_button a:visited {
  text-decoration: none;
}

.stk_button a:hover {
  text-decoration: underline;
}

.stk_button a:active {
  text-decoration: underline;
}

/***Image Overlay - General***/

/*div class for both image and text*/
.overlay-content {
	text-align: center;
	position: relative;   
}

/*To lighten the image so darker text is more accessible*/
.overlay-lighten {opacity: 0.3;}

/*To darken the image so lighter text is more accessible*/
.overlay-darken {filter: brightness(50%)}

/*div class for the text box*/
.overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/***Banner Overlay***/


.overlay-banner {
text-align: left;
	position: relative;
    width: 100%;
    max-height:300px;
}

.overlay-banner-text {
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
    margin-left: 5%;
    color: #ffffff;
    font-size: 5em;       
}

/***Footer***/


.stk_footer {
	width:100%;
	margin: 15px; auto; 
}

.stk_footer-img {
    float: left;
    width: 33%; 
	text-align: center;
}

/**** SHADOWS ****/

/* Box Shadows - applies a shadow to entire box */
/* syntax: box-shadow: offset-x offset-y blur-radius spread-radius color;
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator
*/

/* List of box shadows
*
* 1. Basic Box Shadow
* 2. Box Shadow Spread 5px 
* 3. Offset Box Shadow lower right
* 4. Hard Edge Shadow lower right
* 5. Offset Box Shadow lower left
* 6. Hard Edge Shadow lower left
* 7. Purple Shadow
* 8. Blue Shadow
*
*/

/* Basic Box Shadows */
.box-shadow1 {
-moz-box-shadow: 0 0 10px;
-webkit-box-shadow: 0 0 10px;
box-shadow: 0 0 10px;
}

.box-shadow2 {
	-moz-box-shadow: 0 0 10px 5px;
	-webkit-box-shadow: 0 0 10px 5px;
	box-shadow: 0 0 10px 5px;
	
}

/* Offset Box Shadows */
.box-shadow3_sm {
-moz-box-shadow: 5px 5px 10px;
-webkit-box-shadow: 5px 5px 10px;
box-shadow: 5px 5px 10px;
}



.box-shadow4_sm {
	-moz-box-shadow: 5px 5px;
	-webkit-box-shadow: 5px 5px;
	box-shadow: 5px 5px;
}

.box-shadow3_md {
-moz-box-shadow: 10px 10px 10px;
-webkit-box-shadow: 10px 10px 10px;
box-shadow: 10px 10px 10px;
}



.box-shadow4_md {
	-moz-box-shadow: 10px 10px;
	-webkit-box-shadow: 10px 10px;
	box-shadow: 10px 10px;
}

.box-shadow3_lg {
-moz-box-shadow: 20px 20px 20px;
-webkit-box-shadow: 20px 20px 20px;
box-shadow: 20px 20px 20px;
}



.box-shadow4_lg {
	-moz-box-shadow: 20px 20px;
	-webkit-box-shadow: 20px 20px;
	box-shadow: 20px 20px;
}


.box-shadow5_sm {
-moz-box-shadow: -5px 5px 10px;
-webkit-box-shadow: -5px 5px 10px;
box-shadow: -5px 5px 10px;
}



.box-shadow6_sm {
	-moz-box-shadow: -5px 5px;
	-webkit-box-shadow: -5px 5px;
	box-shadow: -5px 5px;
}


.box-shadow5_md {
-moz-box-shadow: -10px 10px 10px;
-webkit-box-shadow: -10px 10px 10px;
box-shadow: -10px 10px 10px;
}



.box-shadow6_md {
	-moz-box-shadow: -10px 10px;
	-webkit-box-shadow: -10px 10px;
	box-shadow: -10px 10px;
}


.box-shadow5_lg {
-moz-box-shadow: -20px 20px 20px;
-webkit-box-shadow: -20px 20px 20px;
box-shadow: -20px 20px 20px;
}



.box-shadow6_lg {
	-moz-box-shadow: -20px 20px;
	-webkit-box-shadow: -20px 20px;
	box-shadow: -20px 20px;
}

/* Colored Box Shadows */
.box-shadow7 {
	-moz-box-shadow: 0 0 10px 5px #502d7f;
	-webkit-box-shadow: 0 0 10px 5px #502d7f;
	box-shadow: 0 0 10px 5px #502d7f;
}


.box-shadow8 {
	-moz-box-shadow: 0 0 10px 5px #502d7f;
	-webkit-box-shadow: 0 0 10px 5px #502d7f;
	box-shadow: 0 0 10px 5px #236192;
}

.box-shadow9 {
	-moz-box-shadow: 0 0 10px 5px #502d7f;
	-webkit-box-shadow: 0 0 10px 5px #502d7f;
	box-shadow: 0 0 3px 2px #000;
}

/* Drop Shadow - applies shadow to element's alpha mask */

/* syntax: drop-shadow(offset-x offset-y blur-radius color)
*/


/* List of Drop shadows
*
* 1. Basic Drop Shadow
* 2. Drop Shadow Spread 5px 
* 3. Offset Drop Shadow lower right
* 4. Hard Edge Shadow lower right
* 5. Offset Drop Shadow lower left
* 6. Hard Edge Shadow lower left
* 7. Purple Shadow
* 8. Blue Shadow
*
*/

/* Basic Drop Shadows */

.drop-shadow1 {
filter: drop-shadow(0 0 .5rem)

}

.drop-shadow2 {
filter: drop-shadow(0 0 5px)
	
}

/* Offset Drop Shadows */

.drop-shadow3_sm {
filter: drop-shadow(0.35rem 0.35rem 0.4rem)
}

.drop-shadow3_md {
filter: drop-shadow(0.75rem 0.75rem 0.4rem)
}

.drop-shadow3_lg {
filter: drop-shadow(1rem 1rem 0.6rem)
}

.drop-shadow4_sm {
filter: drop-shadow(-0.35rem 0.35rem)
}

.drop-shadow4_md {
filter: drop-shadow(-0.75rem 0.75rem)
}

.drop-shadow4_lg {
filter: drop-shadow(-1rem 1rem)
}

.drop-shadow5_sm {
filter: drop-shadow(-0.35rem 0.35rem 0.4rem)
}

.drop-shadow5_md {
filter: drop-shadow(-0.75rem 0.75rem 0.4rem)
}

.drop-shadow5_lg {
filter: drop-shadow(-1rem 1rem 0.6rem)
}

.drop-shadow6_sm {
filter: drop-shadow(-0.35rem 0.35rem)
}

.drop-shadow6_md {
filter: drop-shadow(-0.75rem 0.75rem)
}

.drop-shadow6_lg {
filter: drop-shadow(-1rem 1rem)
}


/* Colored Drop Shadows */


.drop-shadow7 {
filter: drop-shadow(0 0 .5rem #502d7f)
	
}


.drop-shadow8 {
filter: drop-shadow(0 0 .5rem #236192)	

}



/* Text Shadow */

/* syntax: text-shadow: offset-x offset-y blur-radius spread-radius color;
*/

.text-shadow1 {text-shadow: .1rem .1rem .2rem #999;}
.text-shadow2 {text-shadow: .15rem .15rem .2rem #ccc;}
.text-shadow3 {text-shadow: .15rem .15rem .2rem #000;}

/*Training courses styles*/
.stktraining-section1 {
	padding: 30px;
	border-bottom: ridge medium #000;

}
.stktraining-section2 {
	background-color:#f2f2f2;
	padding: 30px;
	
	border-bottom: ridge medium #000;
}

.stktraining-nav {
	border-top: ridge medium #000;
	padding: 10px;
	
	margin: 40px; border: 1px solid #000; background-color: #fcfcfc;
}

.stktraining-moreinfo {
	border-top: ridge medium #000;
}

.stktraining-header {
		background: rgb(80,45,127);
background: linear-gradient(90deg, rgba(80,45,127,1) 37%, rgba(35,97,146,1) 100%);
	border-radius: 5px;
}