/* http://chadkuehn.com/animated-font-spinners/ */



a.eds-right { color: 0000EE !important; }
a#instructor_info { color: 0000EE !important; }


.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/* Custom columns for course descriptions */
.eds-left{
   width:40%; float:left;
	padding-left: 3%;
   padding-right: 3%;
	
}



.eds-right{
   display: inline-block; 
   width: 40%;
   padding-left: 3%;
   padding-right: 3%;
	margin-top:0 px;
   float: left;
}
.eds-below{
    display:block;
    clear:both;
}
.eds-note{
    border: 1px solid #eeebeb;
    border-radius: 3px;
    background-color: #fbf6ee;
    padding-left: 2%;
}

.boxed {
  border-left: 1px solid #eeebeb ;
  background: #ffffff;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 12px;
  width:20%; 
	margin-top: 5px;
  float:right;
}



.eds-left, .eds-right, .eds-below, .eds-note, .boxed, p{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


/* Headings throughout descriptions display with underlines as block-level elements */

.eds-right a{
	color:#0000EE !important;
}
.eds-left h3, .eds-right h3, .eds-below h3 {
   font-weight:bold;
   display:block;
   font-style:normal !important;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   /*border-bottom: 1px solid #e03a3e;*/
   font-size: 16pt;
	color: #e03a3e;
   margin-bottom:20px;
}
.eds-below h3 {
   font-weight:bold;
   display:block;
   font-style:normal !important;
   border-bottom: 2px solid #000000;
   font-size: 26px;
   margin-bottom:20px;
}
.eds-note h3{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    display:block;
    font-style:normal !important;
    font-size: 30px;
    letter-spacing: 1px;    
}
.eds-note-column1 {
    display: flex;
    float: left;
    width: 10%;
    padding: 10px;
    height: 120px;
    justify-content: center;
}
.eds-note-column2 {
    float: left;
    width: 90%;
    padding: 10px;
    text-align: top;
}

.eds-left p, .eds-left ul, .eds-right p, .eds-right p{
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	/*font-size: 12pt;*/
	color: #000;
}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.sidebar-text {
    overflow:hidden;
}

#instructor_img{
   margin-left: 28%;
   width: 40%;
	height: 40%;
	
}

#instructor_info{
	pa
	padding-top:7%;
	
}

/*css for icon font*/
@charset "UTF-8";

@font-face {
    font-family: "eds-icons-font";
    src:url("https://www.iu.edu/~oidddev/expand/themedev/fonts/eds-icons-font.eot");
    src:url("https://www.iu.edu/~oidddev/expand/themedev/fonts/eds-icons-font.eot?#iefix") format("embedded-opentype"),
      url("https://www.iu.edu/~oidddev/expand/themedev/fonts/eds-icons-font.woff") format("woff"),
      url("https://www.iu.edu/~oidddev/expand/themedev/fonts/eds-icons-font.ttf") format("truetype"),
      url("https://www.iu.edu/~oidddev/expand/themedev/fonts/eds-icons-font.svg#eds-icons-font") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "eds-icons-font" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="eds-icons-font-"]:before,
[class*=" eds-icons-font-"]:before {
    font-family: "eds-icons-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.eds-icons-font-length:before , .eds-icons-font-department:before , .eds-icons-font-certificate:before , .eds-icons-font-audience:before{
    font-size: 180%;
    padding: 4% 4% 4% 4%;
    vertical-align: bottom;
    color: white;
    background-color: #4A3C31;
    border-radius: 50%;
}
.eds-icons-font-audience:before {
    content: "\61";
}
.eds-icons-font-certificate:before {
    content: "\62";
}
.eds-icons-font-department:before {
    content: "\63";
    padding: 3.4% 4.2% 5.4% 4.2%;
}
.eds-icons-font-length:before {
    content: "\64";
    padding: 3.5% 4.24% 3.7% 4.3%;
}

 /*end of style for icon font*/

.boxed b {
    padding-left: 5%;
}
.item2 b {
    padding-left: 5%;
}
.boxed-text {
    padding-left: 25%;
}
.eds-note-line2 a {
    color: #990000;
}

.grid-container {
  display: grid;
  grid-template-columns: 0fr 2fr;
/*  grid-gap: 10px;*/
/*  background-color: #2196F3;*/
/*  padding: 10px;*/
}

.grid-container > div {
/*  background-color: lightblue;*/
  text-align: left;
/*  padding: 20px 0;*/
/*  font-size: 30px;*/
}

.item1 {
    text-align: center;
    font-family: BentonSans;
    /*grid-row-start: 1;
    grid-row-end: 3;*/
}

.item2 {
    grid-column-start: 2;
    grid-column-end: 4;
	color:#e03a3e;
	padding-top:15px;
}
.item3 {
    grid-column-start: 2;
    grid-column-end: 4;
}

.item1 span{
    display: block;
    width:380%;
    padding: 3.5% 4.24% 3.7% 4.3%;
}

.item4 {
    text-align: center;
    font-family: BentonSans;
    grid-row-start: 1;
    grid-row-end: 3;
    padding-right: 0;
}

.item5 {
    padding-top: 7%;
    padding-left: 0;
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
}
.item4 span{
    display: block;
    width:380%;
    padding: 3.5% 4.24% 3.7% 4.3%;
}