#container {
	border-right: 1px solid #AAA;
	width: 68%;
	float: left;
}
#content {

}
.main-aside {
    padding: 1.5% 1.5% 2.25%;
    width: 29%;
    float: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-meta {
	display: none;
}

.et_pb_post .entry-content {
  padding-top: 0;
}

#ial-breadcrumbs {
    font-style: italic;
}

/***** Session Test *****/

#session-test {
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 1em 1.5em;
}



/*------------------------------ Lessons Pages CSS */

div#ia-lesson {

}

h2.ial-section-title:before { // This keeps the section link from "headbutting" the title text
  display: block;
  content: " ";
  margin-top: -20px;
  height: 20px;
  visibility: hidden;
}

h2.ial-section-title {
	border-bottom: 1px solid #024;
	line-height: 2em;
	margin-bottom: 1em;
}

.ial-section-time {
  color: #777;
  text-align: right;
  margin-top: -13px;
  font-style: italic;
}

div.ial-section {
}

h3.ial-teacher-content-title, h3.ial-student-content-title {
	border:1px solid #cccccc;
	box-shadow: inset 0px 0px 50px 0px rgba(178, 178, 178, 0.08),
	0px 5px 8px -3px rgba(102, 102, 102, 0.60);
	margin: 0.4em 0 .8em 0;
  padding: 0.45em;
	margin-bottom:2em;
  text-align: center;
}

.ial-teacher-content, .ial-student-content {
	margin: 0 0 5em;
	padding: 1em 1.5em;
  border-left: 1px solid #DDD;
  overflow: auto;
}

.ial-teacher-content h4, .ial-student-content h4 {
	line-height: 1.5em;
	margin-top: .5em;
}

/***** Unit Menu Page *****/

#ia-unit-page-menu {
	width: 100%;
	text-align: center;
	border: 0;
}

#ia-unit td {
    border: 1px solid #CCC;
    padding: .5em 1em;
}

.ial-menu-grid-header-teacher {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.ial-menu-grid-title {
    font-weight: bold;
}

/***** Section Menu *****/

#ia-lesson-menu {
    padding: 0 0 23px 0em;
    list-style-type: none !important;
	margin-left:0;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    column-width: 20em;
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
}

#ia-lesson-menu a {
    background-color: #ffffff;
    border-left: 1px solid #dddddd;
    display: inline-block;
    padding: 0.35em 0.5em;
    text-decoration: none;
    font-size: 22px;
	line-height:1.4;
    font-family: 'Yanone Kaffeesatz',Helvetica,Arial,Lucida,sans-serif;
	width:100%

}

#ia-lesson-menu a:hover {
	background-color: #f3f3f3;
}


#ia-lesson-menu li {
  counter-increment: step-counter;
  margin-bottom: .5em;
 list-style-position: inside;
}

#ia-lesson-menu a::before {
  content: counter(step-counter);
  margin-left: 5px;
  margin-right: 10px;
  font-size: 70%;
  background-color: #038;
  color: white;
  font-weight: bold;
  padding: .32em .5em .4em .5em;
  vertical-align: 2px;
list-style-position: inside;


}

/***** Sticky Menu *****/



#ia-lesson-side-menu {
    list-style-type: none !important;
	margin-left:0;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    left: 0;
}


#ia-lesson-side-menu a {
    background-color: #ffffff;
    border-left: 1px solid #dddddd;
    display: block;
    padding: 0.35em 0.5em;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Yanone Kaffeesatz',Helvetica,Arial,Lucida,sans-serif;

}


#ia-lesson-side-menu a:hover {
	background-color: #f3f3f3;
}


#ia-lesson-side-menu h4 {
  font-size:22px;
color:#038;
}


/***** Footnotes ****/

.iaRefLink, .iaRefNum {
	font-size: .9em;
	vertical-align: super;
	line-height: 0;
}

.iaRef {
	border-top: 1px solid #CCC;
	margin: 1em 0 0;
	padding: 1em 1.5em;
	background-color: #FAFAFA;
	border-radius: 5px;
	font-size: .85em;
}

.iaRef p {
	display: inline;
}

.iaRetLink {
	font-style: italic;
}

/***** TeacherNotes *****/

.ia-teachernote-link {
    background-color: #FFC;
    border-left: 7px solid #FFC;
    border-radius: 0.5em;
    border-right: 7px solid #FFC;
    cursor: pointer;
    border-bottom: 1px dotted #CCC;
}
#ia-teachernote, #ia-teachernote-popup {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#161616;
    border-radius:5px;
    padding:10px;
    color:#fff;
    font-size:12px Arial;
}
#ia-teachernote-popup {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 10px #000000;
    max-width: 90%;
    padding: 1em 1.5em;
}
#ia-teachernote-shade {
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
}


/***** ChangeView *****/

#changeview-button {
    background-color: #038;
    border: 1px solid #038;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px;
    padding: 6px 18px;
    text-decoration: none;
    text-transform: uppercase;
	margin:0 -3px 0 -3px;
	height:35px;
	float:right;
	border-right: 1px solid #e7e7e7;
}

#changeview-button:hover {
	background:none no-repeat center center #b88e34;
    border: 1px solid #b88e35
}



/************************************************************
/* PORTAL
/***********************************************************/

#iavl-portal-unit-menus {
	display: table;
}

.tablecell {
	display: table-cell;
	width: 50%;
}


#iavl-portal-inst-info {
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 2em 1.5em;
	margin-top: 4em;
}

#iavl-portal-inst-info h3 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 1em;
	margin-bottom: 1em;
	text-align: center;
}

.entry-content #iavl-portal-inst-info .wp-post-image {
	border: none;
	margin: 0 auto;
	display: block;
	float: none;
}

#iavl-portal-inst-contact {
	text-align: center;
	font-weight: bold;
}

#iavl-portal-inst-contact p {
	margin: 0;
}

#iavl-portal-vv-contact {
	margin-top: 2em;
}



/************************************************************
/* VL User Admin
/***********************************************************/

#vl-user-stats-header {
	margin-bottom: 5em;
	border-bottom: 1px solid #eee;
	padding-bottom: 3em;
	min-height: 15vw;
	overflow: auto;
}

.vl-user-stats-logo {
	max-width: 15%;
	vertical-align: middle;
	margin-right: 2vw;
	display: inline-block;
	float: left;
}

#vl-user-stats-in-name {
	font-size: 4.5vw;
	vertical-align: middle;
	line-height: 1.25em;
	width: 80%;
	display: inline-block;
	float: left;
}

.signin-count {
	display: inline-block;
	width: 50%;
	text-align: center;
	margin-bottom: 2em;
}

.signin-count .count-large {
	font-size: 5em;
	line-height: 100%;
}

.center {
	text-align: center;
}



/* Screens above 768px wide ----------- */
@media only screen and (min-width : 768px) {

	#container {
	    margin: 4% 0 4% 3%;
	}

	#content {
	    padding-right: 5%;
	}

	.entry-content #iavl-portal-inst-info .wp-post-image {
		float: right;
		background-color: #FFF;
		padding-left: 1em;
		max-width: 40%;
	}

	#iavl-portal-inst-info h3 {
		text-align: left;
	}

	#iavl-portal-inst-contact {
		text-align: left;
	}

	#changeview-button {
	    float: right;
	}

}



/* Screens below 768px wide (smaller than ipads and most common med tablets) ----------- */
@media only screen and (max-width : 767px) {
/* Styles */

	#container {
		float: none;
		width: auto;
		border-right: none;
	}

	.main-aside {
		float: none;
		width: auto;
		border-top: 1px solid #AAA;
		margin: 4% 6%;
	}

}