@charset "utf-8";

/* CSS Document */

body{
	
	font-family:Arial, Helvetica, sans-serif;

}

#footer{

	font-size: 0.8em;
	
    padding: 2px 20px 4px;

    background-color: rgba(0,51,102,0.8);

    color: #FFFFFF;

    width: calc(100% - 0px);

    overflow: auto;

    position: fixed;

    bottom: 0px;

	display:flex;

    box-sizing: border-box;

}



.footerItem {

    flex:1;

	text-align: center;

}

.footerItem:first-child{

	text-align: left;

}

.footerItem:last-child{

	text-align: right;

}



.ilearnPanelFooter{

	background-color:#006666;

	min-height:150px;

	width:calc(25% - 6px);

	float:left;

	position:relative;

	color:rgba(0,0,0,1);

	margin:3px;

	

	/*-moz-box-shadow: -5px 5px 8px 0px #111;

	-webkit-box-shadow: -5px 5px 8px 0px #111;

	box-shadow: -5px 5px 8px 0px #111;*/

}

.ilearnPanel p{

	margin:5px;

}

.iLearnLogo{

	font-size:1.4em;

	font-weight:bold;

}

.ilearnPanel h2{

    bottom: 0px;

    padding: 5px;

    position: absolute;

    background-color: black;

    font-size: 1em;

    margin: 0px;

    width:calc(100% - 0px);

	color:#ffffff !important;

	border-bottom:thick solid #333;

        

}

.ilearnPanel:hover{

	opacity:0.6;

}

.linkDiv:first-of-type .ilearnPanel:hover{
	/*opacity: 1;
	cursor:default;*/
}

/*.counter{

	margin:5px;

	font-size:0.8em;

	position:absolute;

	bottom:10px;

}*/

.external{

	width:32px;

	height:32px;

	background-image:url(images/external.png);

	background-size:contain;

	position:absolute;

	/*bottom:5px;

	left:5px;*/

	top:5px;

	right:5px;

}

.externalWhite{

	width:32px;

	height:32px;

	background-image:url(images/externalWhite.png);

	background-size:contain;

	position:absolute;

	/*bottom:5px;

	left:5px;*/

	top:5px;

	right:5px;

}

.bish{

	width:32px;

	height:32px;

	background-image:url(images/bish.png);

	background-size:contain;

	position:absolute;

	/*bottom:5px;

	left:5px;*/

	top:5px;

	right:5px;

}

#PHPfooter{
    display:none;
}



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

	.ilearnPanel h2{

		/*font-size: 0.8em;*/

	}

	.iLearnLogo{

		font-size:1.2em;

		font-weight:bold;

	}

}

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

	.ilearnPanel h2{

		/*font-size: 0.7em;*/

	}

	.iLearnLogo{

		font-size:1em;

		font-weight:bold;

	}

	.smallIlearnLogo{

		width: 50px;

		height: 14px;

	}
	
	.footerItem:last-child{

		display: none;

	}

}