/*
Theme Name: Sparkling Child
Theme URI: http://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Sparkling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, design, art, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready and is available in Spanish. Sparkling is a free WordPress theme with premium functionality and design.
Version: 1.5.0
Template: sparkling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

*/


@import url("../sparkling/style.css");
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700|Merriweather);

body {
    background: #ffffff;
	-webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Lato","Helvetica Neue","Helvetica",sans-serif;
    color: #000;
}

a { color: #4f8bef; }
a:hover { color: #2269dd; }


.btn {
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    text-shadow: none;
    font-family: "Lato","Helvetica Neue","Helvetica",sans-serif;
    text-transform: none !important;
}

.btn.btn-primary {
    background: #4f8cef;
    color: #fff;
    border: 1px solid #4f8cef;
}

.btn.btn-primary:hover, .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background: #2269dd;
    border: 1px solid #2269dd;
    color: #fff;
    outline: none;
}

.btn.btn-default {
    background: #EEF0F1;
    border: 1px solid #d5d9dc;
    color: #76879e;
}

.btn.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
 

.btn.btn-invert {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: none;
}

.btn.btn-invert:hover {
    background: #2269dd;
    color: #fff;
    border: 1px solid #2269dd;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

.site-content [class*="navigation"] a:hover {
    background: #4f8cef;
}

.nav.navbar-nav {
    float: none;
    padding-top: 18px;
    padding-bottom: 18px;
}

.navbar-default .navbar-nav > li > a {
padding: 0px;
}

.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;
}

/** Dropdown Arrow **/
.dropdown-menu {
    margin-top: 10px;
    min-width: 120px;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.navbar-nav > li > .dropdown-menu {
    padding-top: 4px;
    padding-bottom: 4px;
}

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu > li > a {
    padding: 5px 15px;
}

.anchor-offset {
	display: block;
    position: relative;
    visibility: hidden;
    top: -15px;
}

.dropdown-menu>.active>a {
    background-color: transparent;
    color: #636467;
    border: transparent;
}
.dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: transparent;
    color: #999;
    border: transparent;
}

.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 {
    color: #999;
    background-color: transparent;
}

.dropdown-menu {
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
}

.access {
    padding-top: 20px;
    float: right;
}    

.entry-meta span {
    margin-right: 0px;
}

.post-navigation a, .paging-navigation a {
	max-width: 450px;
}

.posted-on i {
    display: none;
}

.entry-title {
    font-weight: 700;
    font-size: 36px;
    color: #000;
	margin-bottom: 15px;
	line-height: 1.6;
}

.entry-title a {
	color: #000;
}

.entry-content p, .entry-content li {
    line-height: 28px;
    font-size: 16px;
    color: #000000;
    font-family: 'Lato', san-serif;
    -webkit-font-smoothing: antialiased
}


.container {
    max-width: 920px;
}


.post-inner-content {
    padding: 0px;
    border: none;
}

.post-inner-content:first-child {
    border: none;
}

.widget-area .well {
    background: #f1f3f4;
    border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    border: none;
}

#secondary .widget a {
    color: #76879e;
}

#secondary .widget > h3 {
    color: #424950;
    margin-bottom: 10px;
}

#secondary .widget {
    margin-bottom: 19px;
}

#secondary .widget_categories ul li:before {
    display: none;
}

.widget ul li {
    padding-bottom: 0px;
}

.comment-author .fn, .author-bio h4, .comment-reply-title, .btn.btn-default, #secondary .widget > h3, .navbar-default .navbar-nav > li > a {
    text-transform: none;
}
.avatar.photo{
    border-radius: 50%;
    margin-right: 5px;
}



.form-allowed-tags {
    display: none;
}

.navbar.navbar-default {
	background-color: #ffffff;
	font-family: "Lato","Helvetica Neue","Helvetica",sans-serif !important;
}

.collapse.navbar-collapse.navbar-ex1-collapse {
padding-right: 0px;
}


/* Blog post style changes */

.single .page-header {
	margin-top: 0px;
}

@media screen and (max-width: 768px) {	
	.blogx .nav.navbar-nav {
		float: none !important;
	}

	.blogx .nav.navbar-nav > li a {
		padding-left: 0px;
		padding-bottom: 5px;
		font-size: 14px;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
}

.readingtime {
	float: right;
    padding: 4px 10px;
    border-radius: 5px;
	background: #f5f7f9;
    color: #76879e;
    font-size: 12px;
}


.spotlight {
	background: #ed4b57;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 5px;
    width: fit-content;
    font-size: 12px;
	float: right;
	margin-right: 10px !important;
}

.spotlight i {
	margin-right: 5px;
}

.spotlight:hover {
	background: #e82e3c;
}

/* start */
.number-nav {
	text-align: center;
}

.number-nav .navigation ul {
	padding-left: 0px;
}

.number-nav .navigation li a,
.number-nav .navigation li.disabled {
	color: #76879E !important;
	text-decoration:none;
	display:table;
	padding:8px 15px;
	background-color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid #eaecee;
	font-size: 14px;
}

.number-nav .navigation li {
    display: inline-block;
    margin: 5px;
}
.number-nav .navigation li a:hover{
 background-color: #4f8bef;
    color: #fff!important;
}
.number-nav .navigation li.active a{
 background-color: #4f8bef;
    color: #fff!important;
}
/* end */


.navbar-default .navbar-nav > li > a, .headlink {
    color: #4F8CEF;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 0px;
	font-family: "Lato","Helvetica Neue","Helvetica",sans-serif;
	font-weight: 700;

}

.headlink {
    padding-right: 0px;
    margin-left: 20px;
}

.caret {
	display: none;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #2269dd;
}

.navbar-default .navbar-nav > .active > a {
    color: #2B3242;
}

.email-promo {
    background: #f1f3f4;
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2);
    padding: 20px 15px;
    color: #999;
}

.email-promo .input-group-btn:last-child>.btn {
    font-size: 14px;
    text-transform: none;
}

#exit-email {
    border: 1px solid #d5d9dc;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
    color: #999999;
    font-size: 14px;
}


#logo a {
	background-image: url(https://www.hopperhq.com/wp-content/themes/sparkling-child/home-imgs/logo-blue-fold.png);
	background-size: 110px;
	background-repeat: no-repeat;
	height:35px;
	width: 120px;
	float:left;
	margin-top: 24px;
    margin-right: 30px;
}

.scroll-to-top {
    background: rgba(118, 135, 158, 0.6);
}

.scroll-to-top:hover {
    background: rgba(34, 105, 221, 0.6);
}

.share-buttons{
	list-style: none;
    padding-left: 0px;
    margin-bottom: 80px;
}

.share-buttons li{
	display: inline;
}

.single-featured {
    margin-bottom: 20px;
    border-radius: 5px;
}

#footer-area, #colophon {
    background: #F5F7F9;
    color: #fff;
    border: none;
}

.copyright {
    margin-top: 0px;
}

.site-info {
    color: #999;
}

#secondary .widget .post-content a {
    color: #76879e;
}

.entry-title a:hover, #secondary .widget .post-content a:hover {
color: #2269dd;
}

.search-widget {
	margin-bottom: 20px;
}

.search-widget .input-group .form-control:first-child {
	padding-left: 10px;
    border: 1px solid #d5d9dc;
}

.search-widget .btn {
	border-left: 0px;
	box-shadow: none;
}

/* Hopper Promo */
.blogx .hopper-promo {
    border-radius: 5px;
    background: #4f8cef;
    margin-bottom: 20px;
    padding: 30px;
    /*background-image: url(../sparkling-child/imgs/insta-pattern.png);*/
    background-repeat: repeat;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    border: 1px solid #527abb;
}

.blogx .hopper-promo h3 {
    margin: 0px;
    color: #fff;
    line-height: 28px;
}

.blogx .hopper-promo p {
    margin-top: 10px !important;
    color: #fff;
    margin-bottom: 20px !important;
}


@media only screen and (min-width:768px){
	#menu-primary-navigation a[title="Sign Up"] {
		background: #4F8CEF;
		padding: 7px 10px;
		line-height: normal;
		color: #fff;
		border-radius: 4px;
		margin-left: 20px;
		margin-top: 5px;
	}
	#menu-primary-navigation a[title="Sign Up"]:hover {
		background: #2269dd;
	}
}


.mob-signup {
	background: #4F8CEF;
    padding: 6px 12px;
    line-height: normal;
    color: #fff;
    border-radius: 4px;
    margin-right: 0px;
    margin-top: 10px;
    display: inline-block;
    float: right;
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	display: none;
}

.mob-signup:hover, .mob-signup:focus, .mob-signup:active {
	background: #2269dd;	
}

@media only screen and (max-width:768px){
	.mob-signup {display:block;}
}




.thin-hero {
    background: #EEF0F1;
    margin-bottom: 40px;
    padding-top: 30px;
    border: 1px solid #ccc;
}

.thin-hero h2{
    font-size: 29px;
    line-height: 40px;
}

.thin-hero h3 {
    font-weight: 300;
    color: #999999;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}

.mt0 {
    margin-top: 0px;
}

.main-content-area.mt70 {
	margin-top: 35px;
}

 .mb20 {
     margin-bottom: 40px;
 }

.mb20x {
	margin-bottom: 20px !important;
}

.mob-access {
    padding-top: 8px;
    margin-right: 8px;
	display: none;
}

.entry-meta, .entry-meta a, .comments-title {
    font-family: 'Lato', san-serif;
    font-style: normal;
}

.entry-meta {
	margin-bottom: 20px;
	font-size: 13px;
	color: #76879e;
}

.entry-meta a {
    color: #4F8CF7;
}

.meta-mobile {display: none;}
.meta-desk {display: inline-block;}


	#footer-area {
		background: #4F8CEF !important;
		padding: 60px 0px;
		margin-top: 0px;
		color: #000000;
		font-family: 'Open Sans', sans-serif;
		-webkit-font-smoothing: antialiased !important;
	}
	#footer-area ul {list-style: none; padding-left: 0px;}
	#footer-area ul li {border: none; list-style: none; line-height: 1.9;}
	#footer-area ul li.copyright {line-height: 1.4;}
	#footer-area a {color: #B9D1F9;}
	#footer-area a:hover {color: #ffffff; text-decoration: none; cursor: pointer;}
	#footer-area h6, #footer-area h3 {color: #ffffff;}
	#footer-area h3 {font-weight: 400; font-size: 20px; margin: 20px;}
	#footer-area .try-footer {
		border-bottom: 1px solid #83AEF4;
		text-align: center;
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	#footer-area .btn-primary {
		background: #fff;
		color: #4F8CEF;		
		text-transform: none !important;
		text-shadow: none;
		box-shadow: none;
	}
	
	#footer-area .btn-primary:hover {
		color: #000000;
	}
	
	#footer-area .socialbadge {
		display: inline-block;
		border-radius: 30px;
		padding: 0px;
		background: #B9D1F9;
		color: #4F8CEF;
		margin-right: 2px;
		text-align: center;
		height: 25px;
		width: 25px;
		margin-top: 5px;
	}
	
	#footer-area .socialbadge:hover {
		background: #ffffff;
	}
	
	#footer-area .download {
		margin: 15px 0px;
		display: block;
	}
	
	#footer-area small { color: #B9D1F9;}
	
	#footer-area .copyright {
		float: left;
		text-align: left;
	}


	.single .powered-by-sumo {
		display: none !important;
	}


	.blog-item-wrap:hover {
		box-shadow: 0px 0px 5px -3px rgba(0,0,0,0.7);
		border-radius: 5px;
		cursor: pointer;
	}

@media screen and (max-width: 768px) {	
	
	.mob-access {
		padding-top: 8px;
		margin-right: 8px;
		display: block;
	}
	
	.xs-hide {
		display: none;
	}
	
	.signup {
		margin: 0 auto;
		float: none !important;
		padding-bottom: 1px;
	}
	
	.middle {
		width: 100%;
	}
	
	.navbar-toggle {
		margin-right: 0px;
	}
	
	.navbar-default .navbar-toggle {
		padding: 4px 1px 4px 15px;
		color: #4F8CEF;
		border: 0px;
		font-size: 18px;
		box-shadow: none;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:hover {
		background: none !important;
		background-color: transparent !important;	
	}			
}

/** Sumome mobile hide **/
.page-template-home-template>.sumome-share-client-wrapper.sumome-share-client-wrapper-mobile-bottom-bar.sumome-share-client-counts.sumome-share-client-light.sumome-share-client-medium.sumome-share-client-circle {display: none;}



/** Blog Styles **/
body.blogx {
	background: #F5F7F9;
}

.blogx .navbar.navbar-default {
	background-color: #FFFFFF;
	border: 0px;
	border-bottom: 1px solid #eaecee;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
}

#wpadminbar {
	display: none;
}

.blogx .nav.navbar-nav {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

.blogx #logo a {
	background-size: 80px;
    height: 30px;
    width: 100px;
	margin-top: 15px;
}

.blogx .navbar-default .navbar-nav > li > a, .headlink, .blogx .access .btn.btn-default {
	font-size: 12px;
}	
	
.blogx .single-featured {
	border-radius: 5px 5px 0px 0px;
	margin-bottom: 0px;
	width: 100%;
}	

.blogx .post-inner-content  {
	padding: 70px 120px;
	border: 1px solid #eaecee;
}

.single.blogx h1, .single.blogx h2, .single.blogx h3 {
    margin-bottom: 20px;
	color: #000000;
	line-height: 1.6;
	font-weight: bold;	
}

.single.blogx .entry-content p a, .single.blogx .entry-content ol a, .single.blogx .entry-content ul a {
	color: #4f8cef;
}


.blogx p {
    margin: 0px 0 30px;
}

.single.blogx .entry-content p a.btn {
    margin: 30px auto;
    color: #ffffff;
    display: block;
    width: fit-content;
}

.blogx .img-featured {
	overflow: hidden;
	max-height: 250px;
}


.blogx .img-featured img {
	border: 1px solid rgb(234, 236, 238);
	border-bottom: 0px;
}


.blogx .comments-area {
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
	
	
	.blogx #logo a {
		margin-top: 16px !important;
		margin-left: 0px !important;
	}
	
	.entry-title {
		font-size: 27px;
		line-height: 1.6;
	}
	
	.blogx h1 { font-size: 27px; }
	.blogx h2 { font-size: 20px; }
	.blogx h3 { font-size: 18px; }
	
	.main-content-area {margin-top: 0px;}	
	
}

@media screen and (max-width: 992px) {
	.blogx .post-inner-content {padding: 40px;}
}

.blog-item-wrap a.blog-home-img {
	display: block;
	max-height: 250px;
	overflow: hidden;
}

.blog-item-wrap a.blog-home-img img {
	width: 100%;
}

.blog-item-wrap .post-inner-content {
	padding: 40px;
}

.popular-posts-wrapper .post-content {
	line-height: 1.4;
}


.popular-posts-wrapper .post-content a {
	color: #000000;
    font-weight: 700;
}

.popular-posts-wrapper .post-content date {
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #999;
}

.popular-posts-wrapper h2 {
	font-weight: 400;
	color: #000;
	margin: 30px 0px;
}

.post-inner-content .cat-links {display:none;}

/*Hide date for no date category posts*/
.category-no-date .byline {display:none !important;}

.main-content-area {
	margin-top: 0px;
}

/* Mobile fixes */
@media only screen and (max-width: 420px) {
	.container.main-content-area {padding-left: 15px;padding-right: 15px;}
	
	body.single.blogx {
		background: #ffffff;
	}
	
	.single-post.blogx .post-inner-content {
		padding: 20px 10px;
		border: 0px;
		padding-top: 125px;
	}
	
	.blogx .img-featured {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
	.blogx .img-featured img {
		border: 0px;
		border-radius: 0px;
	}
	
	.single.blogx .container.main-content-area {
		margin-top: 0px;
	}
	
	.entry-title {font-size: 22px;}
	.blogx h2 {font-size: 18px;}
	.blogx h3 {font-size: 16px;}
	
	.meta-mobile {display: inline-block;}
	.meta-desk {display: none;}	
}