@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic);

body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #444;
	word-spacing: 0.1875em;
	/*-webkit-font-smoothing: antialiased;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #03004c;
}

p { font-size: 0.9rem; -webkit-font-smoothing: antialiased; }

a {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #009ce5;
}

a:hover, a:focus {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #0079b2;
}

.center {
	text-align: center;
}

.row {
	max-width: 960px;
}

.button {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	background: #009ce5;
	color: #fff;		
}

.button:hover, .button:focus {
	background: #0079b2;
}

button.small, .button.small {
  padding-top: 0.7rem;
  padding-right: 5rem;
  padding-bottom: 0.8rem;
  padding-left: 5rem;
  font-size: 0.85rem;
}

button.tiny, .button.tiny {
  padding-top: 0.7rem;
  padding-right: 1rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  margin-bottom: 0;
  font-size: 0.8rem;
}

.last-section {
	margin-bottom: 40px;
}

/********** Header **********/  
#cool-header {
	background: #03004c;
}

#cool-header ul {
	margin-bottom: 0;
}

#cool-header ul li a.current {
	color: #009ce5;
}

#cool-header ul li a {
	padding: 20px 10px 20px 0;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

#cool-header .f-dropdown li a {
	padding: 10px 20px;
	color: #333;
}

.navi-sm, .navi-sm:hover, .navi-sm:focus  {
	margin-bottom: 0;
	background: #03004c;
	font-size: 0.85rem;
	padding: 12px 0;
}

/********** Footer **********/ 
#cool-footer {
	position: relative;
	bottom: 0px;
	background: #ece7df;
}

#cool-footer .footer-top {
	padding: 45px 0 20px 0;
}

#cool-footer .footer-top .no-bullet li a {
	font-size: 13px;
}

#cool-footer .footer-top .facebook {
	height: 30px;
	width: 30px;
	background: url('../img/facebook.png') no-repeat;
	background-position: center 0;
	margin-bottom: 12px;
}

#cool-footer .footer-top .twitter {
	height: 30px;
	width: 30px;
	background: url('../img/twitter.png') no-repeat;
	background-position: center 0;
}

#cool-footer hr {
	border-color: #d7d7d7;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.7);
	-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.7);
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.7);		
}

#cool-footer .footer-top .facebook a, #cool-footer .footer-top .twitter a {
	padding-left: 40px;
}

#cool-footer .footer-top .partners {
	margin-top: 20px;	
}

#cool-footer .footer-top .partners span {
	font-size: 12px;
	color: #666;
	padding-right: 10px;
	vertical-align: middle;
}

#cool-footer .footer-top .partners .inline-list>li {
	margin-right: 20px;	
}

@media only screen and (max-width: 40em) {
	#cool-footer .footer-top .partners .inline-list>li {
		margin-bottom: 15px;	
	}
}

#cool-footer .footer-top .partners .inline-list>li>* {
	display: inline-block;	
}

#cool-footer .footer-btm {
	background: #03004c;
	padding: 10px 0;
}

#cool-footer .footer-btm p {
	color: #ddd;
	font-size: 13px;
	margin-bottom: 0;
}

/********** Login **********/
.login-form {
	margin-top: 30px;
}

.login-form ul li a {
	font-size: 13px;
}

/********** Sider **********/
#slider {
	background: #f7f7f7;
}

#slider .slick-slider {
	margin-bottom: 0;
}

#slider .slick-slider .slick-list {
	box-shadow: 6px 0 10px -4px #999 , -6px 0 10px -4px #999;
}

#slider .slick-slider button, #slider .slick-slider button:hover {
	background: transparent;
}

#slider .slick-slider .slick-prev {
	left: -40px;	
}

#slider .slick-slider .slick-next {
	right: -40px;
}

#slider .slick-slider .slick-prev:before {
	content: url('../img/arrow-l.png');
	width: 18px;
	height: 37px;
}

#slider .slick-slider .slick-next:before {
	content: url('../img/arrow-r.png');
	width: 18px;
	height: 37px;
}

.SliderContainer .SlideText {
	position: absolute;
	top: 8%;
	right: 35px;	
	padding: 20px 30px;
}

.SliderContainer .SlideText h2 {
	font-style: italic;
	font-size: 2rem;
	color: #000;
}

.SliderContainer .SlideText a p {
	color: #222 !important;
	font-size: 16px; 
	line-height: 22px;
	margin-bottom: 5px;	
}

/********** Search **********/
#search {
	background: #ece7df;
	padding: 15px 0 3px 0;
}

#search h6 {
	font-weight: 700;
}

#form h6 {
	font-weight: 700;
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#search form .button.search-btn {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 8px;
	height: 42px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-width: 0px;
}

#search form select, #search form input {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding: 0.5rem 0.5rem 0.5rem 0.8rem;
	height: 42px;
	border-width: 2px;
	border-right: 2px;
} 

#search form input.keyword-input {
	background: url('../img/search.png') no-repeat;
	background-color: #fff;
	padding: 0 0 0 35px;
	background-position: 10px;	
}

#form {
	background: #ece7df;
	padding: 15px 15px 20px 15px;
	display: inline-block;
}

#form label {
	padding-top: 8px;	
	font-size: 0.8rem;
}

ul.pagination li a, ul.pagination li button, .teacherspace-pagination ul.pagination li a, ul.pagination li button {
	padding: 2px 10px;
	color: #666;
	border-radius: 3px;
}

ul.pagination li.active a, ul.pagination li.active button, ul.pagination li.current a, ul.pagination li.current button {
	background: #009ce5;
	color: #fff;
}

@media only screen and (max-width: 40em) {
	#search form .keyword-input {
		border-right: solid 2px #ccc;
	}
}
/********** Home Content **********/
#home-content {
	padding-top: 35px;
}

@media only screen and (min-width: 64.063em) and (max-width: 120em) { 
	#home-content .left-col, #main .left-col {
		padding-right: 50px;
	}
}

h3.main-heading  {
	border-bottom: solid 1px #9a9a9a;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

li.resource {
	padding: 0 0.625rem 0.425rem;
}

.resource h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #000;
	margin-bottom: 0;
}

.resource .topics {
	font-size: 13px;
	color: #999;
	margin-bottom: 10px;
	display: block;
}

.resource p {
	font-size: 15px;
	line-height: 21px;
	color: #333;
	margin-bottom: 0px;
}

#home-content hr {
	margin: 0.75rem 0 0.75rem;
}

#home-content .button:after {
	content: url('../img/btn1.png');
	position: absolute;
	right: 10px;
}

.button.action {
	  padding-right: 70px;
}

.button.action:after {
	content: url('../img/btn2.png') !important;
	position: absolute;
	background: #03004c;
	padding: 17px 20px 16px 20px;
	right: 0px !important;
	top: 0px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.side-header {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 16px;
	padding-left: 10px;
	border-left: solid 3px #009ce5;
	margin-top: 15px;
}

.side-content {
	margin: 30px 0;
}

.side ul li {
	padding: 12px 0;
	border-bottom: solid 1px #ddd;	
}

.side ul li:last-child {
	border-bottom: none;
}

.side ul li a, .side ul li p {
	font-size: 14px;
	line-height: 20px;
	display: block;
	margin-bottom: 0;
}

.rating {
	margin-bottom: 5px;	
	display: inline-block;
}

.header-box {
	border: solid 1px #ddd;	
	margin-bottom: 25px;
}

.intro {
	border: solid 5px #fff;
	padding: 20px 30px;
	background: #f7f7f7;	
}

.intro h3 {
	font-size: 1.5rem;
	line-height: 1;
}

.intro p {
	font-size: 1.01rem;
	margin-bottom: 0;	
}

.provincelist {
	margin-top: 20px;
}

.provincelist .province {
	margin-bottom: 20px;	
}

.provincelist .province p {
	margin-bottom: 5px;
	display: inline;
}

.provincelist .province img {
	border: solid 1px #ddd;	
}

.provincelist .province ul li a {
	font-size: 13px;	
}

/********** Teachers Space **********/
#main {
	padding-top: 40px;
}

.projects {
	margin-top: 30px;
}

.projects img:hover {
	opacity: 0.8;	
}

.detail {
	display: block;
	margin: 12px 0 10px;
}

.detail .title {
	margin: 0;
	line-height: 1.26rem;
	display: block;
	color: #333;
	font-size: 1rem;
	font-weight: 700;
}

.detail .user {
	font-size: 13px;
	color: #999;
	padding-left: 10px;
}

.updates-date {
	color: #03004c;
	margin-bottom: 5px;
	font-size: 14px;
}

.updates-category {
	padding: 2px 5px 3px 5px;
	color: #fff;
	font-size: 11px;
	border-radius: 1px;
}

.blogs {
	background: #e54900; 
}

.forum {
	background: #00997d;
}

.resources {
	background: #e5009c;
}

.info {
	font-size: 13px;
	color: #777;
	margin-top: 10px;
}

.resource-info {
	font-size: 14px;
	line-height: 1.6;
	color: #777;
	margin-top: 10px;
}

.info strong, .resource-info strong {
	color: #03004c;
	padding-right: 10px;
}

.text-block h4 {
	font-weight: 600;
	font-size: 1rem;
}

.section-header {
	margin-bottom: 15px;	
}

.section-header h5 {
	display: inline;
	margin-left: 5px;
}

ul.about-list li img {
	float: left;
	padding-right: 10px;
}

ul.about-list li p strong {
	font-variant: normal;
	color: #03004c;
}

ul.supporterslist li a div {
	border: solid 1px #ddd;
	text-align: center;
	padding: 20px 0;	
}

ul.supporterslist li a div:hover {
	opacity: 0.8;	
	border: solid 1px #999;
}

.about-links {
	margin-bottom: 30px;	
}

.about-links li a {
	color: #333;
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	text-transform: uppercase;	
}

.about-links li a.current {
	font-weight: 600;
	border-bottom: solid 1px #666;
}

@media only screen and (min-width: 40.063em) and (max-width: 120.063em) {
form.add-resource select {
	width: inherit;
}
}

form.add-resource h5 {
	font-weight: 600;	
}

/********** Project Search Box **********/
#form .search-btn {
	margin-bottom: 0;	
}

.teacherspace-img {
	max-height: 185px !important;
	border: solid 1px #ddd;
	overflow: hidden;
}

.adding-project {
	float: right;
	padding-top: 15px;
	font-size: 13px;
	color: #333;
}

/********** Add New Resources **********/
.note {
	font-size: 13px;
}

/********** Login **********/
.retrieve-input-pair {
  clear: both;
  overflow: auto;
}

#retrieve-form input[type="text"] {
	float: left;
	width: 400px;
}

#retrieve-form input[type="submit"] {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	background: #009ce5;
	color: #fff;	
	border-radius: 3px;
	font-size: 0.85rem;
	padding: 10px 20px;
	border: none;
	margin-bottom: 20px;
}

.register label {
	font-family: 'Lato', Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	line-height: 20px;
	padding-bottom: 5px;
	font-weight: 600;
}

/********** For Small Screen **********/
@media only screen and (max-width: 40em) {
	#main {
		padding-top: 20px;
	}

	.detail .title {
		font-size: 0.85rem;
		line-height: 1rem;
	}
}