/* WANE help page styles.

   developer:   charlest
   requires:    /common/framework/css/framework.ko.css
   ========================================================================== */

html { font-family: 'Source Sans Pro', Arial, sans-serif; }

.page-wrapper {
    padding-bottom: 3.75rem;
    padding-top: 2.5rem;
}

header#header
{ max-width: 730px;  margin: 0 0 0 1.5rem; } 

#header h1 {
    color: #d51100;
    font-size: 2.8125rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

section {
  max-width: 730px;
  border-top: 1px solid #c4c4c4; 
  margin: 4rem 0 2rem 1.5rem;
}

section#overview
{margin: 3rem 0 2rem 1.5rem;} 

.page-wrapper h2 {
    font-weight: 300; 
	font-size: 1.875rem;
    margin-top: 2rem;	
}

.page-wrapper h3 {
	font-size: 1.25rem;
    margin: 2.2rem 0 1.2rem 0;	
	color: #ed5b20;
}

.page-wrapper p {
	padding-left: 3.15rem;
	margin-bottom: 8px;
	font-size: 0.9375rem;
}

.page-wrapper p.top-margin {
    margin-top: 2rem;
}

.page-wrapper img {
	max-width: 100%;
}

.page-wrapper img.inline {
	vertical-align: middle;
}

.page-wrapper a {
	color: #dd1100;
}

.page-wrapper a:hover {
	color: #f77700;
}

.blue-text {
   color: #798cda;
   font-weight: 700;
}

.green-text {
   color: #799f53;
   font-weight: 700;   
}

.MenuName {
    font-size: .62rem;
}
.KeyEvent {
    background: #fff;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    border-color: #d5d5d5;
    display: inline;
    padding: 0 .27rem;
    margin: 0 .11rem;
    vertical-align: middle;
}

#homework p{
    max-width: 690px;	
}

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */
@media all and (max-width: 1200px) {}


/* styles for medium screens (900px)
   ========================================================================== */
@media all and (max-width: 900px) {

}


/* styles for small screens (600px)
   ========================================================================== */
@media all and (max-width: 600px) {
header#header
{
	margin: 0; 
} 

section {
  margin: 0 0 2rem 0;
}
}


/* styles for minimum supported screen width (320px)
   ========================================================================== */
@media all and (max-width: 320px) {}


/* printer styles
   ========================================================================== */
@media print {}