@charset "UTF-8";
/*
Theme Name: Digital Human Library
Theme URI: http://digitalhumanlibrary.com
Author: Tim Bilcke
Author URI: http://yourschools.ca
Version: 2.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Template: sparkling
Description: This dHL theme is based off of the sparkling theme by Colorlib 
This theme, like WordPress, is licensed under the GPL.
*/

/*
	dHL Main Colors
	Light Blue:  45, 174, 236
	Dark Blue: 28, 118, 184
	Orange: 241, 152, 51 
	Accessible Orange: rgb(166, 104, 36)
	Green: 148, 191, 78
	Accessible Green: rgb(88, 116, 48)
*/

@import url('../sparkling/style.css');

/**/
/*Header and Navigation*/
/**/
.navbar.navbar-default, .navbar-default .navbar-nav .open .dropdown-menu > li > a {background-color:#FFF;}
.nav.navbar-nav{float:left;}
/*Social Nav First*/
#socialnav{background:rgb(51,51,51)/*Dark Blue*/; margin-bottom:0px; border-bottom:3px solid rgb(28,118,184); min-height:0px;}
#socialnav .supportdhl-header{max-width:320px; float:left;}
#socialnav .supportdhl-header li a{color:rgb(255,255,255); padding:5px; padding-left:10px;}
#socialnav .supportdhl-header li a i{display:inline-block; padding-right:10px; font-size:20px;}
#socialnav .supportdhl-header li a:hover, #socialnav .supportdhl-header li a:active,#socialnav .supportdhl-header li a:focus{background-color:transparent; color:rgb(241,152,51) /*Orange*/;}
#socialnav .socialbar-header{max-width:320px; float:right;}
#socialnav .socialbar-header #menu-social-menu li, #socialnav .socialbar-header #menu-social-menu-french li    {width:20%; float:left;}
#socialnav .socialbar-header #menu-social-menu li a, #socialnav .socialbar-header #menu-social-menu-french li a{color:rgb(255,255,255); font-size:16px; text-align:center;}
#socialnav .socialbar-header #menu-social-menu li a:hover, 
#socialnav .socialbar-header #menu-social-menu li a:active, 
#socialnav .socialbar-header #menu-social-menu li a:focus,

#socialnav .socialbar-header #menu-social-menu-french li a:hover, 
#socialnav .socialbar-header #menu-social-menu-french li a:active, 
#socialnav .socialbar-header #menu-social-menu-french li a:focus  

{ background-color:transparent; color:rgb(241,152,51);}




.navbar > .container .navbar-brand{
    background:url(images/dhl.png) no-repeat;
	text-indent:-9999px;
	display:none;
	width:380px;
	height:140px;
	margin:0px auto;
	position:relative;
	overflow: visible;
}
.dhl-icon{float:left;}
.nav > li > a {padding:18px 12px;}

#socialnav a{padding:5px 12px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000;
	background:rgb(28,118,184)/*Dark Blue*/;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    color: #FFF;
    background-color: rgb(28,118,184)/*Dark Blue*/;
}
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle{color:rgb(28,118,184)/*Dark Blue*/}

/**/
/*Call to Action, Register for the dHL*/
/**/
.cfa-button {
  	background:rgb(241,152,51) /*Orange*/;
	color:rgb(255,255,255);
	border:0px;
}
.cfa-button:hover {
	background:rgb(148,191,78);/*Green*/
}

/**/
/*Find An Expert Form on Call to Action Strip*/
/**/
#find-expert{width:100%;}
#find-expert label .cfa-text{font-size:19px;}
/*All inputs, text area, radio etc*/
#find-expert input{
	padding:15px 9px;
	color:rgb(28, 118, 184)/*Dark Blue*/;
	width:100%;
}
#find-expert input:focus{border:1px solid rgb(241,152,51) /*Orange*/; }
/*Submit Buttons*/
#find-expert button[type="submit"]{
	background:rgb(148, 191, 78);
	border:none;
	font-size:18px;
	margin:0px auto;
	padding:15px 30px;
	width:100%;
	max-width:320px;
	display:inline-block;
	text-transform:none;
}

/**/
/*Featured Post*/
/**/
.flex-caption h2 {
	background: rgba(241,152,51, 1) none repeat scroll 0% 0%;
	font-size:26px;
	padding:7px 20px;
}
.flex-caption .excerpt{font-size:17px; color:#FFF;}
/**/
/*Entry Content, Posts and Pages*/
/**/
.entry-title, .entry-title a{color:rgb(28,118,184)/*Dark Blue*/; }
.entry-title a:hover{color:rgb(241,152,51) /*Orange*/; }

a{color:rgb(28,118,184)/*Dark Blue*/; }
a:hover{color:rgb(51,51,51)/*Dark Grey*/;}
.entry-content a{ text-decoration:underline;}

.entry-content h2{color:rgb(88, 116, 48); /*Accessible Green*/}
.entry-content h3{color:rgb(28,118,184)/*Dark Blue*/; }
.entry-content h4{color:rgb(166, 104, 36); /*Accessible Orange*/}
.entry-content h5, .entry-content h6{color:#333;}
.entry-content ul{padding-left:0px; counter-reset: foo; display:table;}
.entry-content li{ list-style:none; display: table-row; vertical-align:middle; counter-increment:foo; }
.entry-content li:before{
	font-family:'FontAwesome';
	content:"\f1ce";
	padding-right:10px;
	color:rgb(28,118,184)/*Dark Blue*/; 
    display: table-cell; /* aha! */
    text-align: right;
}
.entry-content #unapproved-teachers li:before, .entry-content #unapproved-mebooks li:before{display:inline-block;}
.entry-content blockquote{
	border-left: 5px solid rgb(241,152,51) /*Orange*/;
}

/*The post Excerpts*/
.post-inner-content {
    padding: 49px 50px 75px 50px;
}
/*Post Entry Meta*/
.entry-meta .fa {
    font-size: 14px;
    margin-right: 3px;
	color:rgb(45, 174, 236);
}
/*Read More*/
.btn.btn-default.read-more {
   background:rgb(241,152,51) /*Orange*/;
   border:none;
   white-space:normal;
   color:#333;
   text-transform:none;
}
.btn.btn-default.read-more:hover, .btn.btn-default.read-more:active, .btn.btn-default.read-more:focus{
   background: rgb(148, 191, 78);/*Green*/
}

/*At the End of Posts the Single post pagination if you will*/

.post-navigation a, .paging-navigation a {
    border: none;
    background-color: rgb(241,152,51) /*Orange*/;
	color:#333;
}
.post-navigation a:hover, .post-navigation a:active, .post-navigation a:focus, .paging-navigation a:hover, .paging-navigation a:active, .paging-navigation a:focus {background:rgb(148, 191, 78);/*Green*/}

/*Testimonials Page*/
article.category-testimonials:first-of-type .blog-item-wrap {
    margin-top:50px;
} 

/*Approve Memebers Page*/
.dhl-member{
	border-bottom:1px solid rgb(28,118,184)/*Dark Blue*/;
	padding:10px 0px;
	margin:10px 0px;
}
.dhl-member .approve{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 15px;
	margin: 15px 0px;
	display: block;
	padding: 12px 20px;
	border: medium none;
	color: #FFF;
	transition: all 0.3s ease-in-out 0s;
	text-decoration:none;
	text-align:center;
	width:250px;
}
.dhl-member .approve:hover, .dhl-member .approve:active, .dhl-member .approve:focus{cursor: pointer;}
.dhl-member p{font-size:125%;}

#unapproved-teachers strong{color:rgb(28,118,184)/*Dark Blue*/;}
#unapproved-teachers .approve{background: #F19833 none repeat scroll 0% 0%;}
#unapproved-teachers .approve:hover, unapproved-teachers .approve:active, unapproved-teachers .approve:focus{background: #94BF4E none repeat scroll 0% 0%;}

#unapproved-mebooks h3{color:#DA4453;}
#unapproved-mebooks strong{ color:#DA4453;}
#unapproved-mebooks .approve{background: #DA4453; }
#unapproved-mebooks .approve:hover, #unapproved-mebooks .approve:active, #unapproved-mebooks .approve:focus{background: #333; }


/* SINGLE BLOG*/

/*Featured-image container*/
figure.featured-image-container{	
    background: rgb(255,255,255);
    border: 1px solid #dadada;
	border-bottom:none;
}


/*****************************************/
/*Social Media Menu at the bottom of Posts*/
/******************************************/
/******	Custom Social Share Buttons
		Author: Sachin Verma
		Author URL: www.bitdoz.com
		***************/

.dashicons {
    line-height: inherit !important;
}
.social-sharer {
    display: table;
	margin:20px auto;
}

.share-love {
    float: left;
    height: 42px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0 10px 0 10px;
    border-radius: 2px;
    line-height: 41px;
     background-color: #333;
}

.share-facebook {
    float: right;
    height: 42px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 0 10px 0 10px;
    border-radius: 2px;
    line-height: 41px;
  
	background-color: rgb(27,74,110);/*Blue*/
}

.share-twitter {
    float: right;
    font-size: 14px;
    height: 42px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0 10px 0 10px;
    border-radius: 2px;
    line-height: 41px;
    background-color: #2F7AC0; /*Accessible Blue*/
}

.share-google {
    float: right;
    height: 42px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0 10px 0 10px;
    border-radius: 2px;
    line-height: 41px;
    background-color: #EE060B;/*Accessible Red*/
}

.share-text,
.share-text-twitter {
    color: #ffffff;
    font-size: 14px;
}

.longtext {
    display: none;
}
.share-facebook:hover,
.share-twitter:hover,
.share-google:hover {
    opacity: 0.9;
}
/**/
/*SideBar and Widgets*/
/**/
#secondary .widget h3, #mc-embedded-subscribe-form h3{
	text-transform:none;
	text-align:center;
	font-size:22px;
	color:#636467;
}
#secondary .widget a.post-title{
	display:block;
	line-height:1.5;
	margin:15px auto;
}
/*Sidebar Menu*/
#secondary .menu a{display:block; color:rgb(88, 116, 48); /*Accessible Green*/}
#secondary .menu a:before{
	content:"\f067";
	display:inline-block;
	font-sixe:16px;
	font-family:'FontAwesome' !important;
	color:rgb(28,118,184)/*Dark Blue*/;
	padding:5px;
}
/*Sidebar Regular Text*/
.textwidget, .textwidget p{color:rgb(28,118,184);}

#secondary .menu a:hover:before, #secondary .menu a:focus:before, #secondary .menu a:active:before{color:rgb(241,152,51) /*Orange*/}
.arpw-title{font-size:18px; color:rgb(28,118,184)/*Dark Blue*/ !important; text-decoration:underline; }
.arpw-time{font-size: 12px; font-style:italic; }
.arpw-summary{margin-top:10px; color:#6E6E6E;}

/*MailChimp*/
#mc_embed_signup{background:#fff; clear:left; font-size:14px;}
#mc_embed_signup .indicates-required {text-align:center; font-size:12px;}
#mc_embed_signup .mc-field-group label {color:rgb(28,118,184)/*Dark Blue*/;}
#mc_embed_signup .button {
    background-color:rgb(241,152,51) !important /*Orange*/;
    color: #000 !important;
	font-weight:normal !important;
	text-transform:none;
}
#mc_embed_signup .button:hover, #mc_embed_signup .button:focus, #mc_embed_signup .button:active{
    background-color:rgb(148, 191, 78) !important;/*Green*/
}

/*DHL Spotlght*/
.cat-post-widget .post-title {
    font-size: 20px;
    color: rgb(28,118,184)/*Dark Blue*/ !important;
	display: block;
}
.cat-post-widget .post-title:hover{text-decoration:underline;color:rgb(241,152,51) !important; }
.cat-post-widget  img{display:block; margin:0px auto;}
.cat-post-widget .post-date{font-size: 12px; font-style:italic; margin-top:0px; }
.cat-post-widget p { margin-top: 10px;  color: #6E6E6E; }

/*Search Form*/
.btn-default{background-color:rgb(241,152,51); border-color:rgb(241,152,51); }
.btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color:rgb(148, 191, 78); border-color:rgb(148, 191, 78);}

/*Footer BXSLIDER*/
.footer-sponsors h3,.footer-partners h3{color:#FFF; text-align:center;}
.bx-wrapper {margin-top:25px;}
.bx-wrapper .bx-viewport {
    box-shadow: none;
    border:none;
    left: -5px;
    background:none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bxslider li a{border:5px solid #FFF; display:block;}
/*Footer Menu*/
.legallink{text-decoration:underline;}
.legallink:hover{text-decoration:none;}

/**/
/*ERROR REPORTING*/
/**/
.error-message{clear:both; border-bottom:1px solid rgb(210,0,3); /*Red*/}
.error-message p{
	padding:15px 5px 0px 5px;
	color:rgb(210,0,3);
	text-align:center;
}

/**************/
/*MEDIA QUERIES*/
/***************/
@media screen and (max-width: 768px) {
	.nav.navbar-nav{float:none; margin:0px auto; display:block;}
	.navbar-header{float:none; margin:0px auto;}
.dropdown-menu A, .dropdown-menu A:visited { color: #000000; } 

.navbar-default .navbar-nav .open .dropdown-menu > li > a, .dropdown-menu > li > a {
    color: #1c76b8 !important;
}


}

@media screen and (max-width: 480px) {
	.dhl-icon{display:none;}
	/* position: relative; */
	/*Social Nav*/
	#socialnav .socialbar-header{
		float:none;
		margin:0px auto;
	}
	/*Toggle menu*/
	.navbar-toggle{
		position: absolute;
		right: 0%;
		z-index:9999;
	}
	/*Logo*/
	.navbar> .container .navbar-brand{
		margin:15px auto;
	}
	.post-inner-content{padding:49px 30px 75px 30px;}
	/*List Items*/
	.entry-content ul{
		margin-left:0px;
		padding-left:0px;
	}


.wpsm_sec-title h3 {
	margin-bottom: 0 !important;
}	

.navbar.navbar-default { background-color: #ffffff !important; }