/*
Theme Name: Flippfly - Flat Bootstrap Child
Theme URI: http://xtremelysocial.com/wordpress/child/
Description: Child theme for Flat Bootstrap.
Author: XtremelySocial
Author url: http://xtremelysocial.com
Version: 1.4
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-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background
*/

/* Include the parent theme's stylesheet(s). Then anything you change below that will
 * override those styles. If you'd rather start from scratch, you can comment out this
 * next line.
 */
@import url("../flat-bootstrap/style.css");

/* PUT YOUR CHANGED STYLES HERE
 *
 * The best way to do this is to copy in the relevant section from the parent's style.css
 * file, change what you want, and remove the lines that you didn't change.
*/




 /*
  * OVERALL STYLES
  */

 body {
 	font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #555;
		 background-color: #F2ECE4;
 }

 a {
     color: #33779E;
 }

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


 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: "Raleway", Arial, "Helvetica Neue", sans-serif;
 }
 h1,
 h2,
 h3 {
     font-weight: 300;
 }

 p {
     line-height: 28px;
 }

 blockquote {
 	border-color: #9F5F90;
 }

  hr {
     border-top: 1px solid #B3B3B3;
 }

 .no-margin {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
 }

 .med-border {
   border: 10px solid #B1A89F;
 }

 .lg-border {
   border: 15px solid #B1A89F;
 }

/* Add a spacer class to use on small devices when the columns stack */
@media (max-width: 992px) {
   .mobile-spacer-sm {
     padding-bottom: 24px;
   }

   .mobile-spacer-med {
     padding-bottom: 48px;
   }

   .mobile-spacer-lg {
     padding-bottom: 64px;
   }
}

  /* Style for login drop-down */
div.login-container {
}

div.account-login {
  margin-top: 10px;
}

.account-login a {
  margin-left: 12px;
  font-size: 20px;
}

.account-login label {
  margin-left: 12px;
}

.account-login button {
  padding: 4px 12px;
}

.fine-print, .fine-print a {
  font-size: 14px;
  margin-left: 0px;
}

.login-well {
    margin-bottom: 0px;
    background-color: #F5F2ED;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

 /* Remove padding from "branding" (header) area */
 .site-branding {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* Make svg header image work on Internet Expolorer 8-10 */
.site-branding img {
 width: 100% \9;
}

/* Change navbar styling */

.navbar {
    border-radius: 0px;
}

.navbar-default {
   background-color: #2B6082;
   border-color: #465E6C;
}

.navbar-text {
  padding-top: 10px;
  font-size: 26px;
}

.navbar-static-top {
   border-width: 0px;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-text {
     color: #DBD6D1;
 }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #F2DB90;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #F2DB90;
    background-color: #7A5894;
}

/* Active & current navbar link styling*/
.navbar-default
.navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	 color: #F2DB90;
	 background-color: #2B6082;
   /*text-decoration: underline;*/
 }

.navbar-default .navbar-nav>li>a {
    color: #E2BC7B;
		font-size: 26px;
		padding-top: 28px;
		padding-bottom: 28px;
}

/*.navbar-default.navbar-nav>.active>a, {
   color: black;
   background-color: #2B6082;*/
 }

/* Content Header BG (seen on archive pages) */

.content-header {
    background-color: #DBD6D1;
}

.content-header h1 {
    color: #555;
}

h1.page-title {
  font-size: 56px;
}

/* Featured image content-post-header styling */
 .entry-header {
	 min-height: 140px;
 }

 .featured-image-container {
	 position: relative;
	 width: 200px;
	 height: 130px;
	 float: left;
	 margin-right: 25px;
 }

.no-featured-image-div, .featured-image-div {
	margin: 10px;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	background-size: cover !important;
}

.featured-image-underlay {
	position: absolute;
	top: -80px;
	left: -10px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background-color: #DBD6D1;
 }

.featured-image-overlay {
	/* background-color: rgba(171, 0, 255, 0.26); */
	width: 200px;
	height: 200px;
	border-radius: 50%;
}


a.featured-image-link {
  display: block;
  height: 200px;
  border-radius: 50%;
}

.entry-title-container {
}

.entry-meta {
	float: left;
}

.entry-content {
	clear: both;
	padding-top: 35px;
}

/* Change the post and widget styling */

#secondary, .content-area, .content-area-wide {
  padding-top: 0px;
}

#main-grid {
  padding-top: 38px;
}

 article.post, article.page {
	 background-color: #DBD6D1;
	 padding: 25px;
   margin-bottom: 25px;
 }

 #secondary aside.widget {
	 background-color: #DBD6D1;
	 padding: 25px;
	 margin-bottom: 25px;
 }

 .widget-title {
	 margin-top: 5px;
 }

 .sidebar-footer {
    background-color: #F2ECE4;
    color: #555;
    padding-top: 0px;
}
.sidebar-footer h1, .sidebar-footer h2, .sidebar-footer h3 {
    color: #555;
}



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

 /* Site credits & Footer Styling */
.after-footer {
	background: #0F3248;
	color: #F2ECE4;
	font-size: 20px;
}

 /* Make search field a tad smaller so it fits in all widget sizes */
 aside.widget .form-control {
     padding: 6px 4px 6px 12px;
}

 /* Buttons styling. */

.btn, button,
 html input[type="button"],
 input[type="submit"] {
 	font-size: 16px;
  border: none;
  border-radius: 0px;
 	-webkit-border-radius: 0px;
 	-moz-border-radius: 0px
 }

.btn-primary, button,
html input[type="button"],
input[type="submit"] {
  color: #fff;
  background-color: #33779E;
  border-color: #33779E;
}

a.btn-primary:hover, a.btn-primary:focus,
button:hover, button:focus,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #fff;
    background-color: #7A5894;
    border-color: #7A5894;
}

.pager li>a, .pager li>span {
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    border-radius: 0px;
}

.pager li>a:hover {
    background-color: rgba(0, 0, 0, 0);
}

.pagination>li>a, .pagination>li>span, span.page-numbers.current {
  color: #33779E;
  border: 0px solid #fff;
}

.pagination>li>a, .pagination>li>span {
    background-color: #DBD6D1;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, span.page-numbers.current {
    background-color: #33779E;
    border-color: #33779E;
    color: #fff;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0px;
}

/* Account Page & Form Styling */

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff !important;
    color: #555 !important ;
}

div.account-form-container {
  margin-top: 8px;
}

div.product {
  margin-top: 32px;
}

/* Comment Area Styling */

.comment-author > img.avatar {
  position: relative;
  top: -6px;
  margin-bottom: 0px;
}


.comment-metadata {
  font-size: 12px;
}

.comment-content {
  clear: both;
  margin-bottom: 16px;
  border-top: 1px solid #DBD6D1;
}

p.no-comments {
  background-color: #DBD6D1;
  padding: 0 0 2px 6px;
}



/* Votable Styling */

.votable-image-container img {
  /* height: 225px; */
  width: 400px;
}

.votable-download-links a {
  margin: 6px;
}

div.votable, div.votable-content {
  text-align: center;
}

div.votable-actions {
  padding:12px 0 12px 0;
}

.circle-btn-lrg {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 32px;
  line-height: 34px;
}

header.showdown-header {
  margin: 0 0 24px 0;
  text-align: center;
}

header.showdown-header h1 {
  font-size: 56px;
}

div.showdown-timer {
  /* padding: 8px 0 0 0; */
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  font-size: 32px;
}

div.vote-percentage {
  font-size: 54px;
}