/**
 * style.css
 * 
 * Points to Be Made styles.
 * 
 * @package Points to Be Made
 */

/**
 * Theme Name: Points to Be Made
 * Theme URI: http://boardingarea.com/
 * Description: Points to Be Made, a BoardingArea child theme.
 * Version: 2.0.0
 * Author: Chet Hardin
 * Author URI: http://boardingarea.com/
 * Template: boardingarea
 * Text Domain: points-to-be-made
 * 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
*/

/**
 * ====================================================================================================
 * Points to Be Made Custom Styles
 * ====================================================================================================
 */

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

::-moz-selection { background-color: #0055A6; }
::selection { background-color: #0055A6; }

a { color: #0055A6;font-weight:500; }

a:hover {color: #4B88C1; }

blockquote::before { background: #0055A6; }

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

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

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

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

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

.nav-secondary ul > li:hover > a,
.nav-secondary ul > li.current-menu-item > a { background: #0055A6;font-weight:500; }

@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: #4B88C1;font-weight:500; }
}

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

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

.site-footer a:hover { color: #4B88C1;font-weight:500; }

.boxed .footer-widgets a { color: #0055A6;font-weight:500; }

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

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

body {font-family:'Open Sans', sans-serif;font-weight:normal}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Rationale', sans-serif;font-weight:500;color:#0055A6;
}

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

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

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


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

.entry-title a {color: #0055A6;font-weight:500;}
.sidebar .widget-title a {color:#fff;font-weight:500;}

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


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

.widget-title,
.widgettitle {
	padding: 15px;
    background-color: #0055A6;
    color: white;
}

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

/* Ads Widgets */
.sidebar #text-6.widget,
.sidebar #text-11.widget { }

.footer-widgets #text-10.widget { }

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

	.content .in-content-ad,
	.content .after-entry #text-9.widget {
		margin-left: -5px !important;
	}
}

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

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

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

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

.sidebar .widget .subscribe {background-color: #0055A6;}

.widget .subscribe, 
.widget .subscribe .widget-title {padding:0; color:white;background-color:transparent;}

.widget .subscribe input, .widget .subscribe input:focus {border: 1px solid white;}

/* ==========================================================================
    11.3 - Primary Navigation
========================================================================== */

/* Nav Primary */
.nav-primary {background-color:#4B88C1;-webkit-box-shadow: inset 0 -3px 0 #0055A6;-moz-box-shadow: inset 0 -3px 0 #0055A6;box-shadow: inset 0 -3px 0 #0055A6;}
.nav-primary ul > li a {font-weight:500;color:#f5f5f5;}

.nav-primary ul > li:hover > a,
.nav-primary ul > li.current-menu-item > a {
	background: white;
	color: black;
	font-weight:500;
	-webkit-box-shadow: inset 0 -3px 0 #fff;
	-moz-box-shadow: inset 0 -3px 0 #fff;
	-moz-box-shadow: inset 0 -3px 0 #fff;
	box-shadow: inset 0 -3px 0 #fff;
}

.nav-primary ul > li ul {background-color:#4B88C1;border-left: 1px solid #4B88C1;border-right: 1px solid #4B88C1;border-bottom:1px solid #4B88C1;margin-left: -1px;}
.nav-primary ul > li ul li {background-color:#4B88C1;border-bottom:none;border-top: 1px solid #0055A6;}

.nav-primary ul > li ul li:first-child {border-top:0;}

@media only screen and (max-width: 840px) {
	
	.menu-primary-toggle {display: block; border-bottom:1px solid #4B88C1;background-color:#4B88C1;-webkit-box-shadow: inset 0 -3px 0 #0055A6;-moz-box-shadow: inset 0 -3px 0 #0055A6;box-shadow: inset 0 -3px 0 #0055A6;}
	.nav-primary ul > li {border-top:1px solid #0055A6;float: none;}
	.nav-primary ul > li:first-child {border-top:0;}
	.nav-primary ul > li ul {border-left: none;border-right:none;border-bottom:1px solid #4B88C1;margin-left:0;}
	.nav-primary ul > li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.nav-primary ul>li ul li:first-child {border-top: none;}
	.nav-primary ul>li ul li:first-child a {border-top: 1px solid #0055A6;}
	.nav-primary ul>li ul li:first-child a:hover {border-top: 1px solid #4B88C1;}
	.nav-primary ul > li:hover > a, 
	.nav-primary ul > li.current-menu-item > a {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
}
/* ==========================================================================
    12.1 - Entries
========================================================================== */

.entry-content a {
	text-decoration: underline;
}

.entry-content img {
	align: middle;
}
.entry p.entry-nav {
	margin: 30px 0 35px;
}
.entry p.entry-nav a.more-link {
	background: #0055A6;
	color: #fff;
	display: inline-block;
	padding: 8px 12px 8px;
	text-decoration: none;
}
.entry p.entry-nav a.more-link:hover {
	background: #4B88C1;
}

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

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

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

.archive-pagination .pagination-previous a,
.archive-pagination .pagination-next a {
	background-color:#0055A6;
}

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

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

	.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;
	}
	
}

/* ==========================================================================
    18.0 - Boxed (6.1 - Containers & Wrappers)
========================================================================== */

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

	@media only screen and (max-width: 1260px) {
		.boxed .sidebar-primary {width:300px; padding:0px;background-color:transparent;}
		.boxed .content {width: 600px;}
	}
	@media only screen and (max-width: 1020px) {
		.boxed .site-container,
		.boxed .content,
		.boxed .footer-widgets,
		.boxed .footer-widgets-1,
		.boxed .footer-widgets-2,
		.boxed .footer-widgets-3 {max-width: 780px;width: 100%;}
		.boxed .sidebar-primary {padding:30px 30px; margin-right:0;width:720px;margin-right:15px;background-color:#f5f5f5;}
		.boxed .site-container {margin:auto;}
	}
	@media only screen and (max-width: 840px) {
		.boxed .sidebar-primary {padding:0 15px; margin-right:0;width:100%;max-width:780px;background-color:transparent;}
	}


/* ==========================================================================
    18.0 - Boxed (12.2 - Entry Meta)
========================================================================== */

.boxed .entry-footer .entry-meta {
	padding: 15px;
    background-color: #f5f5f5;
    color: black;
}


/* ==========================================================================
    18.0 - Boxed (14.0 - Footer Widgets)
========================================================================== */

.boxed .footer-widgets .widget-title {color: white;}

.boxed .footer-widgets a.button, .boxed .footer-widgets a:hover {color:#4B88C1;}


/* ==========================================================================
    18.0 - Boxed (15.0 - Site Footer)
========================================================================== */

.boxed .site-footer {background-color:#4B88C1;color:white;}

@media only screen and (max-width: 840px) {
	
	.boxed .site-footer {border-top:1px solid #ddd;}
}


.icon-2x {
    font-size: 1rem!important;
}