/**
 * style.css
 * 
 * Out and Out styles.
 * 
 * @package Out and Out
 */

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

/*  Copyright 2015  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
*/

/**
 * ====================================================================================================
 * Out and Out Custom Styles
 * ====================================================================================================
 */

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

::-moz-selection { background-color: #00b4dc; }
::selection { background-color: #00b4dc; }

a { color: #00b4dc; }

blockquote::before { background: #00b4dc; }

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

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

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

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

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

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

@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: #62bfd6; }
}

.archive-pagination li a:hover,
.archive-pagination .active a { background-color: #62bfd6; text-decoration: none;}

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

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

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

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

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

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a {
	color: black;
	text-decoration: underline;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:'Josefin Slab', serif;
	font-weight:normal;
	margin-bottom: 16px;
}

/* ==========================================================================
	5.5 - Forms & Buttons
========================================================================== */

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


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

.sidebar-primary {
	padding: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:20px 30px 30px 30px;
	border-top:10px solid #62bfd6;
}

.sidebar .widget:first-child {
	margin-bottom:0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding:0;
}

.sidebar .widget .tagcloud a {
    text-decoration: none;
    padding: 4px 7px;
    background-color: #62BFD6;
    color: white;
    margin: 0 1px 1px 0;
    display: inline-block;
}

@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:30px;
	}
}

@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;
	}
	.sidebar .widget {
		border-top:0;
		box-shadow:none;
	}
	.sidebar .widget:first-child {
		margin-bottom: 30px;
	}
}

/* ==========================================================================
    7.4 - BoardingArea
========================================================================== */

.archive-description,
.author-box {
	border-top:10px solid #62bfd6;
}

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

	.archive-description,
	.author-box {
		border-top:0;
	}
	.after-entry {
		border-top:0;
	}
}	

.after-entry {
	border-top:10px solid #62bfd6;
}

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

.entry-title {
	color:#00b4dc;
	text-transform: uppercase;
}

.entry-title a,
.sidebar .widget-title a {
	color: #00b4dc;
	text-decoration: none;
}

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

.widget-title,
.widgettitle {
	color:#00b4dc;
	text-transform: uppercase;
}

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

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

/* Ads Widgets */
.content .archive-ad {
	margin-bottom: 30px;
}
.sidebar #text-2.widget,
.sidebar #text-4.widget,
.footer-widgets #text-13.widget,
.content .archive-ad,
.content .after-entry {
	background-color: #ffffff;
	border-top: 10px solid #62bfd6;
	padding-bottom: 30px;
	padding-top: 20px;

	-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-13.widget {
	background-color: #2e2e2e;
	border-top: none;
	padding-top: 30px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

@media only screen and (min-width: 1021px) and (max-width: 1260px) {
	.sidebar #text-2.widget,
	.sidebar #text-4.widget,
	.footer-widgets #text-13.widget {
		background-color:transparent;
		border: none;
		padding: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}
@media only screen and (max-width: 420px) {
	.sidebar #text-2.widget,
	.sidebar #text-4.widget,
	.footer-widgets #text-13.widget,
	.content .archive-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-2.widget,
	.sidebar #text-4.widget,
	.footer-widgets #text-13.widget {
		margin-left: -5px;
	}

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

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

/* Before Content Ad */
@media only screen and (max-width: 840px) {
	.before-content-ad, .div-gpt-ad-above-content { margin-left: 30px; }
}
@media only screen and (max-width: 320px) {
	.before-content-ad, .div-gpt-ad-above-content { margin-left: 10px; }
}
@media only screen and (max-width: 1260px) {
	.before-content-ad, .div-gpt-ad-above-content {
		margin: auto;
		width: 728px;
	}
}
@media only screen and (max-width: 767px) {
	.before-content-ad, .div-gpt-ad-above-content {
		margin: auto;
		width: 300px;
	}
}
.before-content-ad, .div-gpt-ad-above-content {
	margin-bottom: 30px;
}

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

/* Jetpack Image Container */
.sidebar .jetpack-image-container img.aligncenter { margin-bottom: 0; }

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

.widget .subscribe input[type="submit"], 
.widget .subscribe input[type="button"] {
	background-color:#62BFD6;
	border:1px solid white;
}

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

::-webkit-input-placeholder {
    color: #00b4dc;
}

:-moz-placeholder {
   color: #00b4dc;
   opacity:  1;
}

::-moz-placeholder {
   color: #00b4dc;
   opacity:  1;
}

:-ms-input-placeholder {
   color: #00b4dc;
}

.sidebar .widget .subscribe {
	background-color: white; 
	padding:0;
	box-shadow: none
}

.widget .subscribe, 
.widget .subscribe .widget-title {
	padding:0; 
	color:#00b4dc;
	background-color:transparent;
}

.widget .subscribe input, .widget .subscribe input:focus {
	border:1px solid #62bfd6;
}


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

@media only screen and (min-width:840px) {
	
	.title-area {
		width:800px;
		margin:auto;
		float:none;
	}
}
/* ==========================================================================
    11.3 - Primary Navigation
========================================================================== */

/* Nav Primary */
.nav-primary {
	background: transparent;
	box-shadow:none;
}

.nav-primary li a {
	font-family:'Josefin Slab', serif;
	text-transform: uppercase;
}

.nav-primary ul > li:hover > a,
.nav-primary ul > li.current-menu-item > a {
	background: #62BFD6;
	color:#333;
}

.nav-primary ul > li ul {
	background: #fff;
}

.nav-primary ul > li ul a {
	color:#333;
}

.nav-primary ul > li ul li {
    border-bottom: none;
}

.nav-primary ul > li ul li a {
	color:#00b4dc;
	border-bottom: 1px solid #62BFD6;
	border-left: 1px solid #62BFD6;
	border-right: 1px solid #62BFD6;
	margin-left:-1px;

}

.nav-primary ul > li ul li a:hover {
	color:#333;
}

.nav-primary ul > li ul > li:hover a,
.nav-primary ul > li ul > li.current-menu-item a {
	box-shadow: none !important;
}

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

	/* Nav Primary Toggle */
	.menu-primary-toggle {
		display: block;
		box-shadow:none;
		border-bottom:3px solid #62BFD6;
	}

	.nav-primary ul > li {
		border-top:1px solid #fff;
	}

	.nav-primary ul > li a {
		background-color: #00B4DC;
		color:#fff;
	}

	.nav-primary ul > li a:hover {
		background-color:#fff ;
		color:#333;
	}

	.nav-primary ul > li ul li:first-child {
		border-top:1px solid #fff;
	}

	.nav-primary ul > li ul li {
		border-top:1px solid #fff;
	}
	
	.nav-primary ul > li ul li:hover {
		border-top:1px solid #333;
	}

	.nav-primary ul > li ul li a {
		background-color: #00B4DC;
		border-bottom: 0;
		color:#fff;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.nav-primary ul > li ul li a:hover {
		background-color: #fff;
		color:#333;
	}

	.nav-primary ul > li:hover > a,
	.nav-primary ul > li.current-menu-item > a {
		background: white;
		color:#333;
	}

	.nav-primary ul > li:hover > a {
	    -webkit-box-shadow: inset 0 -3px 0 white;
	-moz-box-shadow: inset 0 -3px 0 white;
	box-shadow: inset 0 -3px 0 white;
	}
}

@media only screen and (max-width: 320px) {
	.menu-primary-toggle {
	    background-color:#00B4DC;
	}
}

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

.content .entry  {
	padding:20px 30px 30px 30px;
	border-top:10px solid #62bfd6;
}

.more-link {
	padding: 5px 5px;
    background-color: #62bfd6;
    cursor: pointer;
    color: white;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    margin: auto;
    width: 90px;
}

.more-link:hover {
	color:white;
	background-color: #00b4dc;
}

@media only screen and (max-width: 320px) {
	.content .entry  {
		border-top:0;
		padding:20px 0;
	}
}

.entry-nav {
	padding:8px 12px;
	background-color:#62bfd6;
	float:left;
	cursor: pointer
}

.entry-nav a {
	color: white;
	text-decoration: none;
}

.entry-nav:hover {

	background-color: #00b4dc;
}

.entry-categories a {
	padding:5px 5px;
	background-color:#62bfd6;
	cursor: pointer;
	color:white;
	display:inline-block;
	margin-bottom:5px;
	margin-left:5px;
	text-decoration: none;
}

.entry-categories a:hover {
	background-color:#00b4dc;
}

.divider {
	background: #F5F5F5;
    height: 1px;
    font-size: 1px;
    line-height: 0px;
    display: block !important;
    overflow: hidden;
    margin: 30px 0;
    clear: both;
}

/* ==========================================================================
    12.2 - Entry Meta
========================================================================== */

.entry-header .entry-meta a {
	text-decoration: none;
}

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

.archive-pagination .pagination-previous a,
.archive-pagination .pagination-next a {
	padding:8px 12px;
	background-color:#62bfd6;
	float:left;
	cursor: pointer;
	text-decoration: none;
}

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

.archive-pagination li a {
	text-decoration: none;
}

.pagination {
	background-color: white;
    padding: 20px 30px;
    border-top:10px solid #62bfd6;
}

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

	.pagination {
		border-top:0;
	}
}
	
.pagination-next a {
	margin-right: 5px;
	text-decoration: none;
}

.pagination-previous a {
	margin-right:5px;
	text-decoration: none;
}

/* ==========================================================================
    12.4 - Comments
========================================================================== */

.comment-respond, .entry-comments, .entry-pings {
	border-top:10px solid #62bfd6;
}

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

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

/* ==========================================================================
    15.0 - Site Footer
========================================================================== */

.site-footer {
	background-color: white;
	color: #62bfd6;
}

/* ======================================================================= */

.site-footer a {
	color: #62bfd6;
}
.site-footer a:hover {
	color: #00b4dc;
}

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

/* ==========================================================================
    17.0 - Open (16.0 - Media Queries)
========================================================================== */

@media only screen and (max-width: 320px) {
	.open .comment-respond,
	.open .entry-pings {
		border-top:0;
	}
}