/*BEGIN IMPORTED STYLES FROM HEAD*/
.w3-navbar li {
display:inline-block;
margin-right: -4px;
top:9px;

}
.w3-navbar {
padding: 0 0 0 0;
top:11px;
}

.el_helplist > li {
  list-style-type:none;
  padding-top:1em;
  clear:left;

}

.el_helplist {
  -webkit-margin-before:0em;
  -webkit-padding-start: 0px;

}

.el_helplist_li {
	padding-left:78px;
	list-style-type: none;
}

.el_helplist_logo {
	padding: 10px 21px 20px 0px;
	vertical-align: middle;
	max-width: 107px !important;
}

.el_helplist_div {
	float: left; 
	height: 120px;
	line-height: 120px;
	margin-bottom: 2em;
}

.el_image_navmessage:hover::before {
  content: "Go to ";
}
.el_image_navmessage:hover::after {
  content: " →";
}


#container2{
	width: 100%;
	text-align: left;
	margin-left: 160px;
    display: flex;
    flex-flow: row wrap;
}

#one, #two, #three, #four {

display: inline-block;

background: -moz-linear-gradient(top,  #f6ebce 0px, #ffffff 20px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#f6ebce), color-stop(20px,#ffffff));
background: -webkit-linear-gradient(top,  #f6ebce 0px,#ffffff 20px);
background: -o-linear-gradient(top,  #f6ebce 0px,#ffffff 20px);
background: -ms-linear-gradient(top,  #f6ebce 0px,#ffffff 20px);
background: linear-gradient(top,  #f6ebce 0px,#ffffff 20px);

background-color: White;
border-top: 4px solid #f2c858 !important;
position:relative !important;
padding-top: 2px !important;
padding-left: 8px !important;
padding-bottom: 8px !important;
z-index:1;
overflow: visible;
width: 236px;
border-style: solid;
border-width: 1px;
border-color: #ececec
text-align: left;
/*margin: 10px;*/
font-size: small;
position: relative;
}

#one p, #two p, #three p, #four p {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px; 
}

.el_hr { 
    color: #FFCC00;
    background: #FFCC00;
    noshade: noshade; /*Deprecated, but still supported*/
    border: 0;
    width: 200px;
    box-shadow: 0px 0px 0px #ffffff;
    height: 6px;
}

/*END IMPORTED*/
.el_help_image {
	/*border: 1px solid black;*/
	box-shadow: 2px 4px 6px black;
	margin-top:1em;
	margin-bottom:1em;
}
.w3-container {
  padding:1em;	
}

.mcontent.left.span_1_of_1 > h1 {
	display: none;
}
.col.span_1_of_1 {
	margin-top: 0px;

}

.elparagraph{
	margin: 0px 0px 0px 0px;
}

.loginyellow {
	position: absolute;
	width: 95%;
	height: 200px;
	background-position: left bottom;
	background-size: cover;
	/*z-index: 1;*/
	top: 18px;
	margin-left: 20px;
}
.d2l_login_btn {
    width:74px;
	/*background-image: url('*** Broken Link ***');reference broken 08/07 PM*/
	background-image: url('/elearning/images/btn_LoginD2L_blue.png');
	padding-left:18px;color: #ffffff;
	font-weight:bold;
}

.D2LLogin {
	position: absolute;
	/*width: 400px;*/
	/*height: 200px;*/
	/*background-position: left bottom;*/
	/*background-size: cover;*/
	top: 18px;
	margin-left: 20px;
	/*background: url("*** Broken Link ***");lost reference 08/07*/
	background: url("/elearning/images/yellowhomeback.png");
	/*background-color:#F0B310;*/
	padding-right: 90px;
	/*z-index: 2;*/
}

#div-wrapper2017 {
    white-space: nowrap;
    margin-top: -65px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	background: #e0e0e0;
    width: 100%;
    opacity: 0.85;
    overflow-x: hidden;
    overflow-y: hidden;
}
.single-div {
    width: 100%;
    height: 66px;
    display: inline-block;
    text-align: center;
    vertical-align: middle; 
    white-space: normal;
}


#containerbuttonsleft {
	position: relative;
        margin-top: -48px;
	display: inline-block;
	overflow: hidden;
    margin: 0;
	width: 50%;
	height: auto;
	float: left;
	text-align: center;
	cursor: pointer;
	background: #15356D;
}
#containerbuttonsleft .photoleft {
	transition: .3s all linear;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	position: relative;
	background: url('/elearning/images/studenthomebutton_F19.jpg') no-repeat center center;
}
#containerbuttonsleft:hover .photoleft {
	transform: matrix(0.95, 0, 0, 0.95, 0, 0);
	opacity: 0.5;
}
#containerbuttonsleft:hover .descleft {
	margin: -20px 0 0 10px;
	opacity: 1;
}
.descleft {
	transition: .3s all linear;
	font-size: 12px;
	top: 60px;
	width: 210px;
	text-align: right;
	left: 20px;
	padding-right: 10px;
	border-right: 1px solid;
	opacity: 0;
	margin: 0;
}

.descleft a, .descright a {
	text-decoration: none;
	color: #FFFFFF;
}

.titleleft {
	font-size: 30px;
	bottom: 15px;
	left: 40px;
}
.descleft, .titleleft {
	position: absolute;
	z-index: 2;
	color: #ffffff;
	font-family: Arial;
}

#containerbuttonsright {
    position: relative;
    margin-top: -48px;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    width: 50%;
    height: auto;
    float:right;
    text-align: center;
    cursor: pointer;
    background: #15356D;


}
#containerbuttonsright .photoright {
	transition: .3s all linear;
	width: 100%;
	text-align: right;
	height: auto;
	left: 0px;
	top: 0px;
	position: relative;
	background: url('/elearning/images/facultyhomebutton_F19.jpg') no-repeat center center;
}
#containerbuttonsright:hover .photoright {
	transform: matrix(0.95, 0, 0, 0.95, 0, 0);
	opacity: 0.5;
}
#containerbuttonsright:hover .descright {
	margin: -20px 0 0 10px;
	opacity: 1;
}
.descright {
	transition: .3s all linear;
	font-size: 12px;
	top: 60px;
	width: 210px;
	text-align: right;
	left: 20px;
	padding-right: 10px;
	border-right: 1px solid;
	opacity: 0;
	margin: 0;
}
.titleright {
	font-size: 30px;
	bottom: 15px;
	left: 40px;
}
.descright, .titleright {
	position: absolute;
	z-index: 2;
	color: #ffffff;
	font-family: Arial;
}
div#D2LNotificationBanner {

    background-color: red;
    position: relative;
    -webkit-animation-name: D2LBannerAnim; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 16s; /* Safari 4.0 - 8.0 */
    animation-name: D2LBannerAnim;
    animation-duration: 14s;
    animation-iteration-count: infinite;
    overflow:hidden;
	white-space: normal;
}
#el_footer_sub {
	display:inline-block;max-width:48%;font-size: 1em;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes D2LBannerAnim {
    0%   {background-color:white; left:110%; top:0px;}
   /*25%  {background-color:white; left:25%; top:0px;}*/
   /*50%  {background-color:white; left:110%; top:0px;}*/
   /*5%  {background-color:white; left:75%; top:0px;}*/
    100% {background-color:white; left:-100%; top:0px;}
}

/* Standard syntax */
@keyframes D2LBannerAnim {
    0%   {background-color:white; left:110%; top:0px;}
   /*25%  {background-color:white; left:25%; top:0px;}*/
   /*50%  {background-color:white; left:110%; top:0px;}*/
   /*5%  {background-color:white; left:75%; top:0px;}*/
    100% {background-color:white; left:-100%; top:0px;}
}

#twocolumns {
margin:0;
padding:0;
color:#000;
/*background:#a7a09a;*/
}
#wrap {
width:50%;
margin: 0 auto;
}
.column1 {
/*float:left;*/
width:40%;
display: inline-block;
}
.column2 {
/*float:right;*/
width:59%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 1114px) {
	.single-div {
		height:auto;
	}
}
/* Mobile */

/*iPad Horizontal*/

/*@media screen and (max-width: 1024px) {
	.block-grid-item {
		max-width:33%;
	}
}*/

/*iPad Vertical*/
@media screen and (max-width: 768px) {
	#el_support_options h2 {
		background-color:rgba(0,0,0,0.6);
		transition:background-color 0.8s;
	}
}

@media screen and (max-width: 520px) {

    #containerbuttonsleft {
        display: block;
        width: 100%;
    	text-align: center;
        margin: 0 auto;
    }
    #containerbuttonsright {
        display: block;
        width: 100%;
    	text-align: center;
        margin: 0 auto;
    }

	.D2LLogin {
	padding-right: 15%;
	}
	
	.column1 {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
	
    .column2 {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
	
	.single-div {
      /*display: block;*/
      width: 65%;
      height: 100%;
      text-align: center;
      margin: 0 auto;
    }
	.block-grid-item {
		max-width:100%;
	}
	/*#el_support_options h2 {
		background-color:rgba(0,0,0,0.6);
	}*/
}

@media only screen and (max-width: 480px) {

	.w3-navbar li {   

		height: 2.4em;
		width: 100%;
		display: block;
		margin-bottom:0 !important;
		position: static;
	}

	.w3-navbar li a {

		display: block;
		padding: 0 25% 0 25%;
		margin: auto;
		height: 100%;
	}

	.blue-c {

		padding-top:0;
		height:auto;
	}

	.w3-navbar {
		height:auto;
	}
	
	.D2LLogin {
		margin-left:0;
	}
	
	.el_helplist_li {
		padding-left:0;
	}
	
	.el_helplist_div {
		float: none; 
		height: auto;
		margin: auto;
  		width: 50%;
	}
	
	.el_helplist {
    	padding-left:1em;
	}

	#one, #two, #three, #four {
		width: auto;
		min-width: 236px;
		max-width:100%;
	}
	
	.el_helplist_logo {
	max-width: 100% !important;
    }
	
	#el_footer_sub {
		max-width:100%;
		padding-right:0;
		padding-top:1em;
	}

}
/*android generic*/
@media only screen and (max-width: 412px) {
	#el_support_options {
		margin-left:1em;
	}
}
/*iphone 6/7/8*/
@media only screen and (max-width: 375px) {
	.el_login_field {
		margin-left: 1.2em;
	}
}

@media only screen and (max-width: 320px) {

	.w3-navbar li a {
		padding: 0 2% 0 2%;
	}
	.el_login_field {
		margin-left: 1.2em;
	}

}