/*
 Theme Name:     Family Fun Canada 2015 Child Theme
 Theme URI:      http://www.familyfuncanada.com
 Description:    Spike Child Theme
 Author:         Build Studio Inc.
 Author URI:     http://www.buildstudio.ca
 Template:       spike
 Version:        4.2.4
*/
 
@import url("https://www.familyfuncanada.com/wp-admin/wp-content/themes/spike/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

#top-bar { margin-top: 40px; }

.site-id-8 #top-bar { margin-top: 0px; }

.thetime { display: none; }
.site-id-1 .thetime { display: inline-block; }

.widget li {
margin: 0 !important;
list-style: none !important;
}
.wp_rss_retriever_image {
max-height: 150px !important;
overflow: hidden !important;
margin-bottom: 10px;
}
.wp_rss_retriever_item_wrapper {
font-style: italic;
}

p {
	line-height: 22px;
}
.logo-wrap {
margin-top: -50px;
}
.secondary-navigation a {
margin: 0 12px 0;
}
.menu-item-has-children:after {
right: 0px;
}
li.item {
	list-style: none;
	margin-left: 0;
}
.flexslider .slides {
	max-height: 400px;
	overflow: hidden;	
}

.flexslider .slides > li:first-child{
display:block;
}

.flex-caption {
margin-top: 10%;
top: 0;
display: block;
}
.slidertitle {
    background: rgba(101,201,203, 0.8) !important;
}
.slidertext {
	background: rgba(154, 204, 48, 0.8) !important;
}
.featured-thumbnail {
max-height: 200px;
    overflow: hidden;
}
.title a {
	color: #65c9cb !important;
}
.title a:hover {
	color: #333333 !important;
}
.social-profile-icons ul li a {
	width: 50px;
	height: 50px;
}
.social-twitter a {
	background: url(https://www.familyfuncanada.com/calgary/wp-content/themes/FFCanada-Child/images/icon-twitter.png);
}
.social-facebook a {
	background: url(https://www.familyfuncanada.com/calgary/wp-content/themes/FFCanada-Child/images/icon-facebook.png);
}
.social-instagram a {
	background: url(https://www.familyfuncanada.com/calgary/wp-content/themes/FFCanada-Child/images/icon-instagram.png);
}
.social-pinterest a {
	background: url(https://www.familyfuncanada.com/calgary/wp-content/themes/FFCanada-Child/images/icon-pinterest.png);
}
.social-email a {
	background: url(https://www.familyfuncanada.com/calgary/wp-content/themes/FFCanada-Child/images/icon-email.png);
}
.social-rss a {
	background: url(https://www.familyfuncanada.com/calgary/wp-content/themes/FFCanada-Child/images/icon-subscribe.png);
}
.rss-image {
	height: 100px;
	overflow: hidden
}
.data h5 { 
	font-size: 16px; 
	color: #CE6464; 
}
.ko-calendar-entry-date-text, .ko-calendar-entry-location-text, .ko-calendar-entry-body {
padding-left: 15px;
color: #000000;
margin: 0 !important;
}
 .ko-calendar-entry-body {
padding-bottom: 10px;
}
.ko-calendar-entry-body a {
color: #65c9cb !important
}
.ko-calendar-entry-body a:hover {
color: #000000;
}
a.ko-calendar-entry-title {
color: #666666 !important;
}
#newsletter-form {
	width: 35%;
	padding: 10px 20px;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
}
#newsletter-form p {
	font-size: 12px;
}
.st_fblike_large span {
width: 100%;
}
.enews form {
	margin-top: 5px;
}
.enews input[type=text] {
	width: 65%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.enews input[type=submit] {
	width: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	background-color: #9ACC30;
}
.enews input[type=submit]:hover {
	background-color: #333;
}
#leaderboard {
	text-align: right;
	width: 100%;
	margin: 10px 0;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 9999;
	max-width: 728px;
    overflow: hidden;
    float: right;
}
.sidebar .widget h3 {
	color: #65C9CB;
}
.widget.adsanity-single, .widget.adsanity-group, .adsanity-shortcode .adsanity-single, .adsanity-shortcode .adsanity-group {
margin-bottom: 27px;
}
#mc_embed_signup input.email {
float: left;
}
#mc_embed_signup input.button {
display: inline-block !important;
}
#mc-embedded-subscribe-form input[type=submit] {
background-color: #8AC835;
color: #ffffff;
}
#mc_embed_signup form {
padding: 0px 0px 0px 0px !important;
}
.latestPost {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.home_meta_comment_social {
	border-top: none;
}
#mobile-advert {
	display: none;
}
.newer-older a {
	padding: 10px 20px;
	color: #fff !important;
	background-color: #CC6666;
	text-transform: uppercase;
}
.newer-older a:hover {
	background-color: #65C9CB;
}
.older { float: left; }
.newer { float: right; }

.author-list { 
	clear: both;
}
.author-list h2 { margin-bottom: 20px; }
.author-wrap {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.author-photo {
	width: 25%;
	margin-right: 2.5%;
	float: left;
}
.author-photo img, .editor-photo img, .freelance-photo img { 
	border-radius: 50%;
	
}
.author-info {
	width: 70%;
	margin-right: 2.5%;
	float: left;
}
.editor-wrap {
	display: inline-block;
	float: left;
	width: 47%;
	margin-right: 3%;
	text-align: center;
	margin-bottom: 20px;
}
.freelance-wrap {
	display: inline-block;
	float: left;
	width: 30%;
	margin-right: 3%;
	text-align: center;
	margin-bottom: 20px;
}
.autho-big-bio { font-size: 18px; }

@media screen and (max-width: 1180px) {

.secondary-navigation a {
margin: 0 10px 0;
}
.menu-item-has-children:after {
right: 10px;
}
.menu li a  {
font-size: 12px !important;
}

}

@media screen and (max-width: 960px) {

.flex-caption {
top: 0 !important;
}
.secondary-navigation a {
margin: 0 5px 0;
}
.menu-item-has-children:after {
right: 0px;
}
.editor-info h3 {
	font-size: 18px;
}

}
@media only screen and (max-width: 865px) {

.navigation-is-visible .mobile #navigation ul ul {
    width: 0!important;
    height: 0!important;
}

.sub-menu {
display: none !important;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (max-width: 767px) {
	
#newsletter-form {
	width: 100%;	
}
#leaderboard {
	width: 100%;
	text-align: center;
}
.author-photo {
	width: 100%;
	margin-right: 0;
	float: none;
	text-align: center;
	padding-bottom: 20px;
}
.author-info {
	width: 90%;
	margin-right: 0;
	float: none;
	padding: 0 20px;
}
.editor-wrap {
	width: 100%;
	float: none;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (max-width: 720px) {
	
#mobile-advert {
	display: block;
	margin: 20px 0;
	text-align: center;
}
#top-bar { display: none; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}