/*
Theme Name: Spot
Theme URI: http://xtremelysocial.com/wordpress/spot/
Description: Spot by XtremelySocial is an adaptation of the "Spot" theme by Blacktie.co. It is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. The navbar is dark and fixed at the top of the page for easy navigation. It includes several beautiful header images for businesses, photographers, musicians, writers and you can upload your own as well. For more information go to http://xtremelysocial.com/wordpress/spot/.
Author: XtremelySocial and Blacktie
Author URI: http://xtremelysocial.com
Version: 1.3
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, rtl-language-support, theme-options, translation-ready, sticky-post, threaded-comments, light, blue, black, red

Spot WordPress theme, Copyright (C) 2014 XtremelySocial
Spot WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/* IMPORT the parent theme's stylesheet(s) */
@import url("../flat-bootstrap/style.css");

/* OVERRIDDEN styles from the parent theme's stylesheet(s) */

/* Need room for fixed navbar at the top. If you change the height of it, change it 
 * here as well. Make sure the navbar doesn't wrap on tablets or this won't work 
 * right.
 */
body {
    padding-top: 100px;
}

/* When WordPress admin bar is displayed, move theme menu down below it. Note that the
 * media query here uses the exact breakpoint in WordPress not the breakpoint in this
 * theme. */
.navbar-fixed-top { 
	top: 0px; 
}
body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
}
@media screen and (max-width:782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px !important; 
	}
}

/* Adjust heading styles and font sizes */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	text-transform: uppercase;
}

h1 {
	font-size: 28px;
	font-weight: 700;
}
h2 {
	font-size: 24px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
}
h4,
h5,
h6 {
	font-size: 16px;
}

.cover-image, 
.cover-image-overlay,
.section-image, 
.section-image-overlay {
	height: 480px; /* cross-browser */
	min-height: 480px;
}

/* Change cover (front page) and section image crop to center. Bold the h1 tag. */
.section-image, 
.cover-image {
	background-position: center center;
}

.cover-image-overlay h1,
.cover-image-overlay h2,
.section-image-overlay h1,
.section-image-overlay h2 {
	text-transform: none;
}
.cover-image-overlay h1 {
	font-weight: 700;
}

/* Set spacer margin back to 100px as the header image as not as tall as in the parent theme */
@media (min-width: 768px) {
	.cover-image .spacer {
		margin-top: 100px;
	}
}

.nocaps h1,
.carousel h1 {
	font-size: 41px;
	text-transform: none;
}
.nocaps h2,
.carousel h2 {
	font-size: 34px;
	text-transform: none;
}

/*.cover-image {
	background-color: #689abd;
}*/

/* Set link color to red and hover to gray */
a {
    color: #DD370A;
}

a:hover,
a:focus {
    color: #7b7b7b;
}

a:hover i,
a:focus i {
	color: #DD370A;
}

/* Style the fixed top nav */
.navbar-inverse {
	font-size: 13px;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}

.navbar-inverse .navbar-brand {
	font-size: 22px;
	text-transform: uppercase;	
}

/* Just for fun, color dot red (only if site name has an "O" in it. see functions.php) */
.navbar-inverse .navbar-brand i {
	color: #DD370A;
	letter-spacing: 1px;
}

.navbar-inverse .navbar-nav > .active > a {
	background: #DD370A
}

/* Don't black out the active nav link on hover */
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #DD370A;
}

/*.navbar-inverse .navbar-nav > .active > a {
	background: #DD370A
}*/

/* For larger screens, adjust some things */
@media (min-width: 768px) {
	body {
    	padding-top: 110px;
    }
    .navbar-inverse {
		padding-top: 15px;
		padding-bottom: 15px;
    }
/*	.cover-image, .cover-image-overlay {
		min-height: 480px !important;
	}*/
}

/* Set initial image background so light text is readable before image loads */
.content-header-image,
.content-header {
	background-color: #DD370A;
	color: #fff;
}
.content-header h1, 
.content-header h2, 
.content-header h3, 
.content-header h4, 
.content-header h5, 
.content-header h6 {
	color: #fff;
	text-align: center;
}

aside.widget-text h2.widget-title {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase; 
}
	
/* Tone down the date | author | comments meta links on index pages */
/*.entry-meta {
	font-size: 14px;
}*/

/* Widgeted Footer - Almost Black Section Wrap */
.sidebar-footer, 
footer.sidebar-footer, 
nav.sidebar-footer {
	background-color: #2f2f2f;
}

.sidebar-footer a:hover:not(.btn), 
.sidebar-footer a:focus:not(.btn),
.footer-nav-menu a:hover:not(.btn),
.footer-nav-menu a:focus:not(.btn) {
    color: #DD370A;
}

.sidebar-footer span, 
.sidebar-footer i {
	color: #bdbdbd;
}
.sidebar-footer span:hover, 
.sidebar-footer span:active, 
.sidebar-footer i:hover,
.sidebar-footer i:active {
	color: #DD370A;
}

/* Move up the edit link on single pages so it doesn't create an uncolored section */
/*.page footer.entry-meta {
	margin-bottom: 0px;
	margin-top: -20px;
}*/

/* TILT ANIMATION */
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.site-credits img {
	margin: 0px auto!important;
}

.soliloquy-controls-direction {
	display: none!important;
	visibility: hidden!important;
}

/* TablePress styling */

table {
	font-size: 14px!important;
	
}

.dataTables_wrapper .tablepress {
	margin-top: 20px!important;
	overflow-x: scroll;
}

#tablepress-1_wrapper {
	overflow-x: scroll!important;
}

.tablepress thead th {
  background-color: #000!important;
  font-weight: 700;
  vertical-align: middle;
  color: #FFF;
}