/*
Theme Name: Lucy B (Flat Childtheme)
Theme URI: http://pretentia.com/
Description: 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. 
Author: Pretentia
Author URI: http://pretentia.com
Version: 1.3
Template: flat-bootstrap
Template Version: 1.9
*/

/* 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: 50px;
	background-color:#FFF;
	color:#333;
}

/* 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: #f85c37;
}

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

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

/* Style the fixed top nav */
.navbar-inverse {
	font-size: 14px;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
}

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

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

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

/* 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: #ff7878;
}

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

/* For larger screens, adjust some things */
@media (min-width: 768px) {
	body {
    	padding-top: 80px;
    }
    .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: #3498db;
	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: #f85c37;
}

.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: #ff7878;
}

/* 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);
}