/*
CSS written by Amy Jackson & Stuart Feltham
amyj@liv.ac.uk & stuf@liv.ac.uk
20152
Last Updated:
06/07/2015
*/

/* LINE 244 in HTML is where the main content starts*/

img{
	box-shadow: none !important;
	border: none !important;
}
h1{
	color:#0e7184!important;
}
/* MENU COLOUR CHANGE */
#site-navigation #navigation li a{
	background-color: #d2e0e3;
}
#site-navigation #navigation li a:hover{
	background-color: #7ad0e1;
}
#site-navigation #navigation li span.currentbranch0 a{
	background-color: #206e7d;
}
#site-navigation #navigation li span.currentbranch1 a{
	background-color: #17b0cd;
}
#site-navigation #navigation li .multilevel-linkul-0 a{
	background-color: #87b5be;
}
#site-navigation #navigation li .multilevel-linkul-0 a:hover{
	background-color: #7ad0e1;
}
#site-navigation #navigation li .multilevel-linkul-1 a{
	background-color: #3493a5;
}
#site-navigation #navigation li .multilevel-linkul-1 a:hover{
	background-color: #7ad0e1;
}
#container #breadcrumb {
    background-color: #e4edef;
}

.iLearn_divideFull{
width:100%;
height:10px;
float:left;
}
#iLearn_col1 img, #iLearn_col2 img, #iLearn_col3 img, #iLearn_col4 img, #iLearn_col5 img, #iLearn_col6 img, 
#iLearn_col7 img, #iLearn_col8 img, #iLearn_col9 img, #iLearn_col10 img, #iLearn_col11 img, #iLearn_col12 img{
padding:2% !important;
padding-top:5% !important;
padding-bottom:5% !important;
}
#iLearn_col1 h2, #iLearn_col2 h2, #iLearn_col3 h2, #iLearn_col4 h2, #iLearn_col5 h2, #iLearn_col6 h2, 
#iLearn_col7 h2, #iLearn_col8 h2, #iLearn_col9 h2, #iLearn_col10 h2, #iLearn_col11 h2, #iLearn_col12 h2{
text-align:center;
font-size:19px !important;
color:#38393b;
}
#iLearn_col1, #iLearn_col2, #iLearn_col3, #iLearn_col4, #iLearn_col5, #iLearn_col6, #iLearn_col7, #iLearn_col8, #iLearn_col9,
#iLearn_col10, #iLearn_col11, #iLearn_col12 {
background:#eae9e9;
width:22%;
height:auto;
min-height:230px;
float:left;
overflow:hidden;
margin-bottom:4%;
padding-left:1%;
padding-top:1%;
padding-right:1%;
}
#iLearn_col1{
border-top:thick #af7877 solid;
border-bottom:thick #af7877 solid;
}
.iLearn_col1_background_change h2{
color:#fff !important;
}

#iLearn_col2{
border-top:thick #debc8d solid;
border-bottom:thick #debc8d solid;
}
#iLearn_col3{
border-top:thick #9badd9 solid;
border-bottom:thick #9badd9 solid;
}
#iLearn_col4{
border-top:thick #96d1d9 solid;
border-bottom:thick #96d1d9 solid;
}
#iLearn_col5{
border-top:thick #aed2ab solid;
border-bottom:thick #aed2ab solid;
}
#iLearn_col6{
border-top:thick #c896a1 solid;
border-bottom:thick #c896a1 solid;
}
#iLearn_col7{
border-top:thick #da96d1 solid;
border-bottom:thick #da96d1 solid;
}
#iLearn_col8{
border-top:thick #e3de92 solid;
border-bottom:thick #e3de92 solid;
}
#iLearn_col9{
border-top:thick #80c4b8 solid;
border-bottom:thick #80c4b8 solid;
}
#iLearn_col10{
border-top:thick #c89adf solid;
border-bottom:thick #c89adf solid;
}
#iLearn_col11{
border-top:thick #bfac91 solid;
border-bottom:thick #bfac91 solid;
}
#iLearn_col12{
border-top:thick #b0c0cb solid;
border-bottom:thick #b0c0cb solid;
}

.iLearn_divide1, .iLearn_divide2, .iLearn_divide3, .iLearn_divide5, .iLearn_divide6, .iLearn_divide7,
.iLearn_divide9{
width:4%;
height:10px;
float:left;
}
.iLearn_divid4, .iLearn_divid8{
width:0%;
height:10px;
float:left;
}
.iLearn_rhc{
widty:100%;
height:200px;
}

/* MOBILE CSS */
@media screen and (max-width: 800px) {
#iLearn_col1, #iLearn_col2, #iLearn_col3, #iLearn_col4, #iLearn_col5, #iLearn_col6, #iLearn_col7, #iLearn_col8, #iLearn_col9,
#iLearn_col10, #iLearn_col10{
min-height:200px;
}
}

@media screen and (max-width: 768px) {
#iLearn_col1, #iLearn_col2, #iLearn_col3, #iLearn_col4, #iLearn_col5, #iLearn_col6, #iLearn_col7, #iLearn_col8, #iLearn_col9,
#iLearn_col10,#iLearn_col10{
min-height:200px;
}
}

@media screen and (max-width: 640px) {
#iLearn_col1, #iLearn_col2, #iLearn_col3,#iLearn_col4, #iLearn_col5, #iLearn_col6, #iLearn_col7, #iLearn_col8, #iLearn_col9,
#iLearn_col10,#iLearn_col10{
width:30%;
min-height:235px;
}
.iLearn_divide1, .iLearn_divide2, .iLearn_divide4, .iLearn_divide5, .iLearn_divide7,.iLearn_divide8{
width:4%;
height:10px;
float:left;
}
.iLearn_divide3, .iLearn_divide6, .iLearn_divide9{
width:0%;
height:10px;
float:left;
}
}

@media screen and (max-width: 480px) {
.sidebar{
display:none;
}
}

@media screen and (max-width: 360px) {
#iLearn_col1, #iLearn_col2, #iLearn_col3,#iLearn_col4, #iLearn_col5, #iLearn_col6, #iLearn_col7, #iLearn_col8, #iLearn_col9,
#iLearn_col10{
width:48%;
height:100%;
background:#eae9e9;
float:left;
overflow:hidden;
margin-bottom:4%;
padding:2%;
}
#iLearn_col1 img, #iLearn_col2 img, #iLearn_col3 img, #iLearn_col4 img, #iLearn_col5 img, #iLearn_col6 img, 
#iLearn_col7 img, #iLearn_col8 img, #iLearn_col9 img, #iLearn_col10 img{
padding-left:2.5% !important;
padding-bottom:5% !important;
}
#iLearn_col1, #iLearn_col2, #iLearn_col3, #iLearn_col4, #iLearn_col5, #iLearn_col6, #iLearn_col7, #iLearn_col8{
margin-bottom:8% !important;
}
.iLearn_divide1, .iLearn_divide2, .iLearn_divide3, .iLearn_divide5, .iLearn_divide7, .iLearn_divide9, .iLearn_divide10, #iLearn_col10{
width:4%;
height:10px;
float:left;
}
.iLearn_divide2, .iLearn_divide4, .iLearn_divide6, .iLearn_divide8{
width:0%;
height:10px;
float:left;
}

}