/**
 * style.css
 * 
 * Flying With Fish styles.
 * 
 * @package Flying With Fish
 */

/**
 * Theme Name: Flying With Fish
 * Theme URI: http://boardingarea.com/
 * Description: Flying With Fish, a BoardingArea child theme.
 * Version: 1.0.0
 * Author: Chet Hardin
 * Author URI: http://boardingarea.com/
 * Template: boardingarea
 * Text Domain: flyingwithfish
 * Tags: responsive, custom-menu, featured-images, post-formats, sticky-post, translation-ready
 */

/*  Copyright 2014  Chet Hardin  (email : chardin@frequentflyerservices.com)

	This program is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License, version 2, as 
	published by the Free Software Foundation.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program; if not, write to the Free Software
	Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

/**
 * ====================================================================================================
 * Flying With Fish Custom Styles
 * ====================================================================================================
 */
 

/* ==========================================================================
    Primary Color
========================================================================== */

::-moz-selection { background-color: #000; }
::selection { background-color: #000; }

a { color: #E60000; }

blockquote::before { background: #E60000; }

/* 
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button { background-color: #E60000; }
*/

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover { background-color: #E60000; }

.entry-title a:hover { color: #333; }

.nav-primary ul > li:hover > a,
.nav-primary ul > li.current-menu-item > a {
	background-color:#424242;
	-webkit-box-shadow: inset 0 -3px 0 #E60000;
	-moz-box-shadow: inset 0 -3px 0 #E60000;
	box-shadow: inset 0 -3px 0 #E60000;
}

/*
.nav-secondary ul > li:hover > a,
.nav-secondary ul > li.current-menu-item > a { background: #E60000; }
*/
@media only screen and (max-width: 840px) {
	.nav-primary ul > li:hover > a,
	.nav-primary ul > li.current-menu-item > a {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: inset none;
	}

	.nav-secondary ul > li:hover > a,
	.nav-secondary ul > li.current-menu-item > a { background: #E60000; }
}

.archive-pagination li a:hover,
.archive-pagination .active a { background-color: #E60000; }

.archive-pagination .pagination-previous a:hover,
.archive-pagination .pagination-next a:hover { background-color: #E60000; }

.site-footer a:hover { color: #E60000; }

.boxed .footer-widgets a { color: #E60000; }

/* ==========================================================================
    5.2 - Typography
========================================================================== */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-weight: normal;
}

a {
	color: #E60000;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: none;
}

/* ==========================================================================
    5.3 - Headings
========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 16px;
}

/* ==========================================================================
    6.2 - Site Areas
========================================================================== */

.sidebar-primary {padding: 30px 0 0 0;width: 360px;margin-right:15px;margin-bottom:30px;background-color:transparent;}

.sidebar .widget {
	webkit-box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
    -moz-box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
    box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
	background-color:white;
	padding:30px;
}


	@media only screen and (max-width: 1260px) {
		.sidebar-primary {width:300px; padding:0px;margin-right:0;}
		.content {width: 615px;}
	}
	
	@media only screen and (max-width: 1020px) {
		.content {max-width: 780px;width: 100%;}
    	.sidebar-primary {max-width:780px;width:100%;padding:0;}
    }
	
	@media only screen and (max-width: 840px) {
		.sidebar-primary {max-width:100%;width:100%;}
		.sidebar .widget {padding:30px;}
   		.content {max-width: 840px;width: 100%;}
	}

	@media only screen and (max-width: 320px) {
		.sidebar-primary {padding:30px 15px;}
		.sidebar .widget {padding:0;}

	}

/* ==========================================================================
    7.6 - Titles
========================================================================== */

.entry-title {
	color:#E60000;
}

.entry-title a,
.sidebar .widget-title a {
	color: #E60000;
}

.entry-title a:hover {
	color: #333;
}

.widget-title,
.widgettitle {
	padding:15px;
	color:#fff;
	background-color:#333;
	-webkit-box-shadow: inset 0 -3px 0 #4d4d4d;
	-moz-box-shadow: inset 0 -3px 0 #4d4d4d;
	box-shadow: inset 0 -3px 0 #4d4d4d;
}

.sidebar_header {
	padding:15px;
	color:#fff;
	background-color:#333;
	-webkit-box-shadow: inset 0 -3px 0 #4d4d4d;
	-moz-box-shadow: inset 0 -3px 0 #4d4d4d;
	box-shadow: inset 0 -3px 0 #4d4d4d;
}

.footer-widgets .widget-title {
	padding-left:0;
}


/* ==========================================================================
    8.0 - Widgets
========================================================================== */

/* Before Content Ad */

.before-content-ad {margin: 0 0 30px 0px;}

@media only screen and (max-width: 1260px) {
	
	.before-content-ad {margin: 0 auto 30px auto;width: 720px;}
}

@media only screen and (max-width: 840px) {
	
	.before-content-ad {margin-left: 30px;}
}


@media only screen and (max-width: 767px) {
	
	.before-content-ad {margin: 0 auto 30px auto;width: 300px;}
}

@media only screen and (max-width: 320px) {
	
	.before-content-ad { margin-left: 10px;}
}

/* Move Sidebar Up (Before Content Ad) */
@media only screen and (min-width: 1261px) {
	
	.sidebar-primary {margin-top: -150px;}
}

/* Ads Widgets */

/* Open layout */
.fifth-post-ad {
	background-color: white;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
    -moz-box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
    box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
}

.content .archive-ad {
	margin-bottom: 30px;
}

.sidebar #text-5.widget,
.sidebar #text-8.widget,
.footer-widgets #text-10.widget,
.content .archive-ad,
.content .after-entry {
	background-color: #ffffff;
	/*border: 1px solid #e9e9e9;*/
	padding-bottom: 30px;
	padding-top: 30px;

	-webkit-box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
	-moz-box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
	box-shadow: rgba(0,0,0,0.175) 0 6px 6px -6px;
}
.footer-widgets #text-10.widget {
	background-color: #999;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#simple-social-icons-2 {
	padding:0;
	background-color: transparent;
	box-shadow: none;
}

@media only screen and (min-width: 1021px) and (max-width: 1260px) {
	.sidebar #text-5.widget,
	.sidebar #text-8.widget,
	.footer-widgets #text-10.widget {
		background: none;
		border: none;
		padding: 0;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}
@media only screen and (max-width: 420px) {
	.sidebar #text-5.widget,
	.sidebar #text-8.widget,
	.footer-widgets #text-10.widget,
	.content .fifth-post-ad,
	.content .after-entry {
		background: none;
		border: none;
		padding: 0;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

@media only screen and (max-width: 320px) {
	.sidebar #text-5.widget,
	.sidebar #text-8.widget,
	.footer-widgets #text-10.widget {
		margin-left: -5px;
	}

	.content .fifth-post-ad,
	.content .after-entry {
		margin-left: -5px !important;
	}

	.sidebar .widget {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
}

/* ==========================================================================
    9.1 - Subscribe
========================================================================== */

.widget .subscribe input[type="submit"], .widget .subscribe input[type="button"] {
	background-color:#E60000;
}

/* ==========================================================================
    10.1 - Title Area
========================================================================== */

.title-area {
	padding:0;
}

/* ==========================================================================
    12.1 - Entries
========================================================================== */

.entry-nav {
	padding:8px 12px;
	background-color:#333;
	-webkit-box-shadow: inset 0 -3px 0 #4d4d4d;
	-moz-box-shadow: inset 0 -3px 0 #4d4d4d;
	box-shadow: inset 0 -3px 0 #4d4d4d;
	float:left;
	cursor: pointer
}

.entry-nav a {
	color: white;
}

.entry-nav:hover {
	-webkit-box-shadow: inset 0 -3px 0 #E60000;
	-moz-box-shadow: inset 0 -3px 0 #E60000;
	box-shadow: inset 0 -3px 0 #E60000;
}

/* ==========================================================================
    12.3 - Pagination
========================================================================== */

.archive-pagination .pagination-previous a,
.archive-pagination .pagination-next a {
	padding:8px 12px;
	background-color:#333;
	-webkit-box-shadow: inset 0 -3px 0 #4d4d4d;
	-moz-box-shadow: inset 0 -3px 0 #4d4d4d;
	box-shadow: inset 0 -3px 0 #4d4d4d;
	float:left;
	cursor: pointer
}

.archive-pagination .pagination-previous a:hover,
.archive-pagination .pagination-next a:hover {
	-webkit-box-shadow: inset 0 -3px 0 #E60000;
	-moz-box-shadow: inset 0 -3px 0 #E60000;
	box-shadow: inset 0 -3px 0 #E60000;
	background-color:#333;
}


/* ==========================================================================
    14.0 - Footer Widgets
========================================================================== */

.footer-widgets a:hover {
	color:#e60000;
}

/* ==========================================================================
    16.0 - Media Queries
========================================================================== */

@media only screen and (max-width: 320px) {
	.entry a.alignleft,
	.entry img.alignleft,
	.entry a.alignright,
	.entry img.alignright {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}

	.menu-primary-toggle .fa {
		margin-left: 15px;
	}
	.nav-primary ul > li a {
		padding: 0 15px;
	}
	.nav-primary ul > li ul li a {
		padding-left: 30px;
	}
	.nav-primary ul > li ul li ul li a {
		padding-left: 45px;
	}
	.nav-primary ul > li ul li ul li ul li a {
		padding-left: 60px;
	}

	.menu-secondary-toggle .fa {
		margin-left: 15px;
	}
	.nav-secondary ul > li a {
		padding: 0 15px;
	}
	.nav-secondary ul > li ul li a {
		padding-left: 30px;
	}
	.nav-secondary ul > li ul li ul li a {
		padding-left: 45px;
	}
	.nav-secondary ul > li ul li ul li ul li a {
		padding-left: 60px;
	}

	.before_content_ad {
		margin-left: 15px;
	}

	.open .content,
	.open .sidebar-primary,
	.open .footer-widgets-1,
	.open .footer-widgets-2,
	.open .footer-widgets-3,
	.open .footer-widgets-4,
	.open .site-header .widget-area,
	.open .title-area {
		padding-left: 15px;
		padding-right: 15px;
	}

	.boxed .site-inner,
	.boxed .footer-widgets {
		padding: 30px 0 0;
	}

	.site-footer .wrap {
		padding: 0 15px;
	}
	
}