/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

@import url('https://fonts.googleapis.com/css?family=Lato');

body { padding-top: 200px; font-family: Lato, sans-serif; font-size: 18px; }
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-align: center; }
h1, .h1 { font-size: 27px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 21px; }
a.pdf { padding-left: 24px; background: url('images/pdf_icon.gif') no-repeat left center; }
.uc { text-transform: uppercase; }
.red, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #ed1b24; }
.blue { color: #003868; }
.addtoany_share_save_container { float: right; }

/* header */
.navbar-fixed-top { border: 0; }
.navbar-default { background: transparent; }
.navbar-brand { height: auto; }
.navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: #fff; }
.navbar-brand img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.navbar-default .navbar-nav { margin-top: 27px; }
.navbar-default .navbar-nav > li > a { font-weight: bold; color: #ed1c24; text-transform: uppercase; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #ed1c24;; }
.navbar-default .fa-twitter { color: #797979; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-width: 0; }
.navbar-collapse.collapse.in { background: rgba(255,255,255,.8); }

/* footer */
footer { border-top: 3px solid #013766; padding-top: 20px; }
footer #menu-footer-nav { padding-left: 0; -webkit-padding-start: 0; }
footer #menu-footer-nav li { display: inline-block; padding-right: 40px; font-weight: bold; text-transform: uppercase; }
footer #menu-footer-nav li:last-child { padding-right: 0; }
footer #menu-footer-nav li a { padding: 8px 0; font-size: 18px; color: #b6272b; }
footer .attribution { padding-top: 4px; font-size: 14px; }
footer .text-muted { line-height: 1; }

/* bluebox */
.bluebox > [class*='col-'] > div { background: #d7e0e7; height: 100%; }
.bluebox h2 { color: #ed1b24; font-weight: bold; }

#updates { padding-top: 40px; padding-bottom: 20px; }

/* well.blue */
.well.blue { background: #5985a4; border-radius: 0; }
.well.blue h2 { font-size: 40px; color: #fff; padding-bottom: 20px; }
.well.blue { padding: 10px 0 30px; }
.well.blue .form-control { border-radius: 0; }
.well.blue .btn-primary { font-size: 18px; font-weight: bold; color: #ed1c24; background: #fff; border-width: 0; border-radius: 0; text-transform: uppercase; }

/* sprites */
.sprite { width: 100px; height: 100px; background-image: url('/wp-content/uploads/2017/06/sprites.png'); background-repeat: no-repeat; }
.sprite.scales { background-position: 0 0; }
.sprite.coin { background-position: 0 -100px; }
.sprite.hourglass { background-position: 0 -204px; }
.sprite.calendar { background-position: 0 -300px; }
.sprite.moneybag { background-position: 0 -400px; }

/* greybar / post block */
.greybar { background: #ebebeb; padding: 20px 0 40px; }
.post_block h3 { color: #333b7a; }
.post_block .btn-read-more { padding: 4px 8px; font-size: 86%; font-weight: bold; color: #fff; background: #ed1b24; text-transform: uppercase; white-space: nowrap; }

/* index */
body.home { padding-top: 105px; }
.valign > span { position: absolute; }
.home h1 { margin-bottom: 20px; }
#hero { margin-bottom: 20px; padding: 1px 0; background-color: #5985a4; /* background-repeat: no-repeat; background-size: cover; */ }
#hero #heroText { background: rgba(255,255,255,0.7); padding: 40px; }
#hero .row > div:last-child { padding-top: 15px; line-height: 1.3; color: #fff; }

/* about page */
.well.members { background-color: #fff; border: 2px solid #013766; border-radius: 0; }
.well.members h2.red { margin: 0 7.5%; padding-bottom: 20px; border-bottom: 1px solid #ed1b24; }
.well.members .logos { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.well.members .logos figure { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; margin: 20px; padding-bottom: 75px; width: 320px; height: 185px; text-align: center; }
.well.members .logos figure > a { display: block; width: 100%; }
.well.members .logos figure > img { max-height: 100px; }
.well.members .logos figcaption { position: absolute; top: 110px; right: 0; bottom: auto; left: 0; font-size: 16px; font-weight: bold; }

/* facts page */
.flag-bg { height: 106px; background: url('/wp-content/uploads/2017/07/flag-stripe.jpg') no-repeat; background-size: cover; }
.facts-group .sprite { display: block; margin: 0 auto; }

/* resources page */
.panel-heading { padding: 0; }
.panel { box-shadow: none; }
.panel-default > .panel-heading + .panel-collapse > .panel-body, .panel { border: 0 none; }
.panel-default > .panel-heading { background-color: transparent; }

/* media queries */
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	.navbar-brand img { max-height: 90px !important; }
	#hero .container > .row { margin: 12.5% 0 7.5%; }
	#hero .row > div:last-child { text-align: center; font-size: 27px; }
	footer #menu-footer-nav li { display: block; }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	#hero .row > div:last-child { text-align: left; font-size: 33px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-brand img { max-height: 90px !important; }
	.navbar-default .navbar-nav > li > a { padding-left: 9px; padding-right: 9px; font-size: 24px; }
	#hero .container { position: relative; /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; */ }
	#hero .container > .row { margin: 10% 0 7.5%; }
	#hero .row > div:last-child { font-size: 27px; }
	#closingGroup { margin-bottom: 40px; }
	.bluebox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
	.bluebox > [class*='col-'] { display: flex; flex-direction: column; padding-bottom: 20px; }
	footer #menu-footer-nav li { display: inline-block; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar-brand img { max-height: 170px !important; }
	.navbar-default .navbar-nav > li > a { padding-left: 15px; padding-right: 15px; font-size: 28px; }
	#hero .row > div:last-child { font-size: 39px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.navbar-default .navbar-nav > li > a { padding-left: 30px; padding-right: 30px; }
	#hero .row > div:last-child { font-size: 48px; }
}