/*
	Dominica Library and Information Service
	By Korlita Hamilton (hamiltonkg@dominica.gov.dm)
*/
/* GLOBAL */
a	{
	color: #518a37;
}
a:hover	{
	color: #000;
}
img.pull-right {
	margin-left: 20px;
	margin-bottom: 20px;
}
img.pull-left {
	margin-right: 20px;
	margin-bottom: 20px;
}


/*CLASSES*/
.mb-1	{
	margin-bottom: 0.25rem;
}
.mt-1	{
	margin-top: 0.25rem;
}
.mb-2	{
	margin-bottom: 0.5rem;
}
.mt-2	{
	margin-top: 0.5rem;
}
.mb-3	{
	margin-bottom: 1rem;
}
.mt-3	{
	margin-top: 1rem;
}
.pb-1	{
	padding-bottom: 0.25rem;
}
.pt-1	{
	padding-top: 0.25rem;
}
.pb-2	{
	padding-bottom: 0.5rem;
}
.pt-2	{
	padding-top: 0.5rem;
}
.pb-3	{
	padding-bottom: 1rem;
}
.pt-3	{
	padding-top: 1rem;
}
.wz-25	{
	width: 25%;
}
.wz-50	{
	width: 50%;
}
.wz-75	{
	width: 75%;
}
.wz-100	{
	width: 100%;
}


/*SEARCH BOX*/
#sp-search {
	text-align: right;
}
#sp-search .search	{
	padding-top: 5px;
}


/*COAT OF ARMS*/
#sp-top1 p	{
	margin: 0px 0px;
}


/*MAIN CONTENT*/
#sp-main-body {
	background: #fff url(../images/content.jpg) no-repeat bottom center;
	font-weight: normal;
}


/*Parents and teachers Children's Section Teens and Young Adults*/
#sp-divisions-library {
	padding: 50px;
}
.clear	{
	clear: both;
}
.customkh_parents{
  /*padding: 50px;*/
  background-color:transparent;
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}
.customkh_parents:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.customkh_home_items{
  /*padding: 50px;*/
  background-color:transparent;
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}
.customkh_home_items:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.customkh_young_adults{
  /*padding: 50px;*/
  background-color:transparent;
  transition: transform .2s; /* Animation */
  margin: 0 auto;
}
.customkh_young_adults:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.sp-module-title{
	 text-align: center;
 }


/*MOST RECENT | DOC CENTRE | ARCHIVES*/
#sp-positions	{
	padding: 50px 0px;
}
#sp-position1, #sp-position2, #sp-position3 {
}
#sp-position1 .sp-module-title,
#sp-position2 .sp-module-title,
#sp-position3 .sp-module-title,
#sp-dlis-links .sp-module-title,
#sp-divisions-library .sp-module-title,
#sp-bottom .sp-module-title	{
	text-transform: none;
	font-family: 'Courgette', cursive;
	font-style: italic;
	font-size: 24px;
}
#sp-position1 .sp-module-title::after,
#sp-position2 .sp-module-title::after,
#sp-position3 .sp-module-title::after,
#sp-dlis-links .sp-module-title::after,
#sp-divisions-library .sp-module-title::after,
#sp-bottom .sp-module-title::after	{
	display: block;
	content: "";
	background: #5f5f5f;
	width: 75px;
	height: 3px;
	margin: 10px auto;
	transform: skew(-45deg);
}
#sp-position1 .bt-cs .bt-inner .bt-title	{
	font-size: 16px;
	text-transform: none;
	font-weight: 700;
}
#sp-position1 .bt-cs .bt-extra	{
	text-align: center;
}
#sp-position1 .bt-date	{
	font-style: italic;
	font-size: medium;
}
.customkh_home_archives p,
.customkh_home_doc_centre p	{
	margin-bottom: 0px;
}
.customkh_home_archives .nat_archives_txt,
.customkh_home_doc_centre .doc_centre_txt	{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	color: #fff;
	padding: 20px;
	font-weight: 500;
	font-size: medium;
	background: rgba(0,0,0,.6);
	margin: 0px 15px;
	border-top: 1px solid rgba(0,0,0,.2);
}
.customkh_home_archives .nat_archives_txt .btn,
.customkh_home_doc_centre .doc_centre_txt .btn	{
	text-shadow: none;
	margin-top: 10px;
}


/* IMPORTANT LINKS */
#sp-dlis-links {
    box-shadow: inset 1px 0px 5px #000;
	background: #f0f0f0 url(../images/links_bg.jpg) no-repeat;
	background-size: cover;
    padding: 100px 0px;
}
#sp-dlis-links,
#sp-dlis-links a	{
	color: #fff;
}
#sp-dlis-links .wz_col	{
	text-align: center;
	transition: transform .2s;
}
#sp-dlis-links .wz_col:hover	{
	transform: scale(1.1);
}
#sp-dlis-links .wz_col a	{
	font-weight: 500;
}
#sp-dlis-links .wz_col img	{
	margin: 0 auto;
	padding: 2px;
	background: transparent;
}
#sp-dlis-links .sp-module-title::after	{
	background: #fff;
}


/*Footer*/
#sp-footer {
	background: #000;
}
 #sp-footer2 .nav.menu li {
  float: left;
  margin: 0em;
  padding: 0em 0.5em;
  border:none;
 }
 
/* NEWS & ALERTS */
#sp-bottom	{
	background: #fff url(../images/bottom_bg.jpg) no-repeat bottom center;
	background-size: cover;
	padding: 50px 0px;
}
#sp-bottom,
#sp-bottom a	{
	color: #fff;
}
#sp-bottom a	{
	text-decoration: none;
	border-bottom: 1px solid #e0e0e0;
}
#sp-bottom a:hover	{
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
#sp-bottom1 .sp-module-title::after,
#sp-bottom2 .sp-module-title::after,
#sp-bottom3 .sp-module-title::after	{
	background: #fff;
}
 #sp-bottom1 .sp-module .khdate{
	 display: block;
	 border-bottom: 1px  solid #e8e8e8;
	 padding-bottom: 10px;
}
#sp-bottom1 .sp-module .khlink{
	  float: left;
	  width: 80%;
}
.sp-module .latestnews > div {
    border-bottom: none;
}
#sp-bottom1 .sp-module .wzdate	{
	float: left;
	padding: 0px 0px;
	margin-right: 10px;
	background: #fff;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sp-bottom1 .sp-module .wzday,
#sp-bottom1 .sp-module .wzmon	{
	text-align: center;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	font-weight: bold;
}
#sp-bottom1 .sp-module .wzday	{
	margin-top: 7px;
}
#sp-bottom1 .sp-module .wzmon	{
}
#sp-bottom1 .sp-module .wzcatlinnk	{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
#sp-bottom1 .sp-module .wzcatlinnk a	{
	line-height: 20px;
}
#sp-bottom1 .sp-module ul > li	{
	clear: both;
	height: 60px;
	padding: 5px 0px;
}
#sp-bottom1 dt {
	padding: 10px 0px 0px;
}
#sp-bottom1 dd {
	border-bottom: 1px solid #444;
	padding: 0px 0px 10px;
}

#sp-top-bar {
	padding:0px;
}
#sp-top2 .nav.menu li {
  float: left;
  margin-top: -30px;
  padding: 0em 0.5em;
  border: none;
  content: "";
}
#sp-top-bar .sp-module {
    margin: 0 0 0 0px;
}


/* DROPDOWN MENU */
#sp-menu .sp-megamenu-parent > li > a,
#sp-menu .sp-megamenu-parent > li > span    {
    padding: 0 8px;
}
#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner	{
	padding: 0px;
	border: 1px solid #ccc;
}
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item	{
	text-align: left;
}
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
	color: #fff;
	background: #70bc4f;
}
#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background: #70bc4f;
}


/* PAGE HEADERS */
.page-header {
	margin: 0px 0 20px;
	padding-bottom: 31px;
}
.page-header h1 {
	margin-bottom: 26px;
}
.page-header::after {
    display: block;
    content: "";
    width: 100px;
    height: 1px;
    background: #70bc4f;
    margin-bottom: -32px;
}


/* BREADCRUMBS */
.breadcrumb {
	margin-bottom: 0px;
}


/* RIGHT */
#sp-right .kh_mission	{
	margin-top: 56px;
}
#sp-right .kh_mission .sp-module-title	{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#sp-right .sp-module ul > li:last-child {
	border-bottom: 1px solid #e8e8e8;
}


/* CHILDREN'S SECTION */
.carousel-caption	{
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 40%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 40%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 40%,rgba(0,0,0,0.75) 60%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
	margin: 0 auto;
}


/* HOMEWORK */
.wz_span_col {
	margin-top: 10px;
	min-height: 120px;
}
.wz_border_right	{
	border-right: 1px solid #ccc;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
	background-color: #f3fff2;
}


/*
**** MOBILE ****
*/
@media(max-width: 767px)	{
	#sp-dlis-links .wz_col	{
		width: 96%;
		padding: 0px 2%;
		float: none;
		margin: 0px auto 20px;
	}
	#sp-header .logo img {
		width: 280px;
	}
}
@media(min-width: 768px)	{
	#sp-header .logo img {
		width: 280px;
	}
	#sp-dlis-links .wz_col	{
		width: 20%;
		padding: 0px 1%;
		float: left;
		margin: 0px auto 0px;
	}
}
@media(min-width: 992px)	{
}
@media(min-width: 1200px)	{
}