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

body { padding-top: 0; font-size: 16px; line-height: 1.6; }
img { max-width: 100%; }
a { color: #999; }
.blue, a:hover { color: #004b97; }
hr { border-top-color: #0b1f2e; }
h1, h2, h3, h4, h5, h6 { color: #004b98; margin-top: 10px; }
h1, .h1 { font-size: 32px; }
ul.space-li > li { margin-bottom: 10px; }
img.align-left { margin-right: 15px; }
img-center { margin: 0 auto; }
.form-control { border-radius: 0; }

/* buttons */
.btn-mwbc { margin-right: 1em; padding: 8px; line-height: 1.4; color: #004b97; text-transform: uppercase; border: 2px solid #004b98; }
.btn-mwbc:hover { color: #fff; background-color: #004b97; border: 2px solid #fff; text-decoration: none; }
.btn-mwbc.acrobat { font-size: 90%; text-align: center; padding-right: 40px; position: relative; }
.btn-mwbc.acrobat:after { content: "\f1c1"; color: red; display: inline-block; font: bold normal normal 14px/1 FontAwesome; position: absolute; right: 10px; top: 22.5%; }
.btn-mwbc.acrobat:after { font-size: 150%; }

/* social bar */
.social-widget { margin-bottom: 0; background-color: rgba(0, 0, 0, 0.75); }
.social-widget ul { float: none; columns: 2; margin-left: 0; padding-left: 0; list-style: none; }
.social-widget ul li { display: block; padding-top: 5px; }
.social-widget a { color: #fff; text-transform: uppercase; }

/* header */
.navbar { border-radius: 0; margin-bottom: 0; }
.navbar-header { position: relative; z-index: 99; }
.navbar-default { background-color: transparent; border: 0 none; }
.navbar-brand { height: auto; max-width: 84%; }
#menu-main-nav { position: relative; z-index: 1000; }
#menu-main-nav > li { position: relative; padding: 15px 0; text-transform:uppercase; font-weight:bold;}
#menu-main-nav > li > a { padding: 0 12px; border-right: 1px solid #3c3b39; }
#menu-main-nav > li:last-of-type > a { border-right-width: 0; }
.navbar-default .navbar-nav>li>a { color:#333; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #004b97; font-weight: bold; background-color: transparent; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #004b97; background-color: transparent; }
#content { padding-top: 20px; }

/* h1 area */
body > header { background: #fff url('images/header-bg.jpg') no-repeat 100% 10%; }
body > header.header { background: #0b1f2e; }
body > header.header div div div.page-header { padding-left: 0; border-bottom-width: 0; padding-bottom: 0px; }
body > header.header div div div.page-header h1 { color: #fff; text-transform: uppercase; font-weight: bold; font-style: normal; }
body > header.header div div div { background: #0b1f2e; color: #9da6ab; font-size: 16px; padding-left: 50px; font-style: italic; }
.page-header { margin: 10px 0; }

article > footer { display: none; }

/* home page */
.home-slide > img { width: 100%; }
.home-bg { background: url('images/home-bg.jpg') no-repeat 100% 0%; }
.home .page-header { padding-bottom: 0; border-bottom: 0 none; }
.well.questionnaire { padding: 30px; font-weight: bold; color: #fff; background: url('images/questionnaire-bg.jpg') no-repeat center; background-size: cover; border: 0 none; border-radius: 0; box-shadow: none; }
.well.questionnaire h2 { margin: 0 0 30px; font-weight: bold; color: #fff; }
.well.questionnaire .btn { margin: 30px auto 0; font-size: 24px; font-weight: bold; color: #004b97; background-color: #fff; border: 2px solid #fff; border-radius: 0; text-transform: uppercase; }
.well.questionnaire .btn:hover { color: #fff; background-color: transparent; }
/* bluebox */
.bluebox { padding: 45px 0; background-color: #004b98; }
.bluebox h2 { margin-top: 0; margin-bottom: 0; font-size: 21px; color: #fff; }
.partner { position: relative; padding: 40px 0 40px; background-color: #dadfed; }
.partner .bg-img { display: none; }
.partner h3 { margin-bottom: 20px; line-height: 1.4; }
.partner p { margin-bottom: 40px; }
.retention { margin-top: 40px; padding: 15px 20px; background-color: #404040; }
.retention h3 { margin: 0; color: #fff; font-size: 21px; line-height: 1.4; }

/* footer */
.testimonial { position: relative; margin-bottom: 40px; padding: 40px 0 60px; background-color: #dadfed; }
.testimonial .bg-img { display: none; }
.testimonial h2 { margin-left: 4.166%; font-size: 1em; font-style: oblique; line-height: 1.5; color: #555555; }
.testimonial cite { display: block; font-size: 1em; color: #555555; text-align: right; }
body > footer { font-size: 14px; background-color: #d7d7d7; padding-top: 20px; }
body > footer .widget_nav_menu ul { margin-left: 0; padding-left: 0; list-style: none; columns: 2; }
body > footer .widget_nav_menu ul li { display: block; border-right: 0 none; }
body > footer .widget_nav_menu ul li:last-of-type { border-right-width: 0; }
body > footer .widget_nav_menu ul li a { color: #5a5a5a; padding: 2px 16px; font-weight: bold; }
.attribution, .attribution a { color: #9b9b9b; text-align: center; }
.attribution a:hover { color: #004b97; }

/* bluebox */
.bluebox { margin-bottom: 40px; padding: 20px 15px; padding-left: 10%; background-color: #004b98; }
.bluebox .h1 { margin-top: 0; margin-bottom: 0; color: #fff; }
/* greybox */
.greybox { background-color: #ededed; padding: 5px 30px 10px; margin-top: -8px; }
.greybox h3 { padding-top: 10px; }
.greybox img { margin: 0 10px 5px 0; }

.grey-row > .col-sm-6 > .greybox { padding: 5px 30px 60px; margin-top: -8px; min-height: 325px; }

/* testimonial page */
.test-p { font-size: 1.25em; font-style: italic; color: #0b1f2e; padding-top: 4%; padding-bottom: 2%; }
.test-name { text-align: right; font-size: 1.25em; font-family: fantasy;  color: #004b97; }

/* faq page */
h4.collapseomatic { position: relative; margin: 10px 0; padding: 6px 12px; color: #333; background-color: #f1f1f1; }
h4.collapseomatic:after { position: absolute; top: 6px; right: 20px; content: '\f0d7'; font-family: FontAwesome; }
h4.collapseomatic.colomat-close:after { top: 5px; content: '\f0d8'; }

/* rating */
#scorecard { margin-top: -100px; }
#scorecardTable td { padding: 8px; }
#scorecardPercent { margin-top: -120px; }
#post-589 dl { visibility: hidden; opacity: 0; }
.unbold { font-weight: normal; }
#post-587 .dotted label { border-bottom: 1px dashed #000; }

/* media queries */
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1, h2, h3, h4, h5, h6 { margin-top: 20px; }
	h1, .h1 { font-size: 36px; }
	.page-header { margin: 40px 0 20px; }
	#menu-main-nav { position: absolute; top: 50%; right: -8%; transform: translateY(-50%); float: right; }
	#menu-main-nav > li { font-size:.95em; }
	.navbar-collapse { position: relative; }
	.navbar-brand { max-width: 100%; }
	.navbar-header { max-width: 40%; }
	body > header.header div div div.page-header h1 { font-size: 44px; }
	body > header.header div div div { font-size: 27px; }
	.page-header { margin: 10px 0 20px; }
	.home .bluebox h2 { font-size: 32px; }
	.retention { padding: 15px; }
	.retention h3 { font-size: 24px; }
	#scorecard { margin-top: inherit; }
	dl { padding-top: 100px; font-size: 1.5em;}
	.testimonial h2 { font-size: 1.5em; }
	.testimonial cite { font-size: 1.5em; }
	.social-widget ul { float: right; columns: 1; }
	.social-widget ul li { display: inline-block; padding: 5px 30px 0 0; }
	body > footer .widget_nav_menu ul { columns: 1; }
	body > footer .widget_nav_menu ul li { display: inline-block; border-right: 1px solid #5a5a5a; }
	.attribution, .attribution a { text-align: right; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar-header { max-width: 55%; }
	#menu-main-nav { right: -7%; }
	#menu-main-nav > li { font-size:.95em; }
	.partner .bg-img { display: block; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 52.5%; background: url('images/partnership-bg.jpg') no-repeat 0% 30%; background-size: cover; }
	.testimonial .bg-img { display: block; position: absolute; top: 0; right: 50%; bottom: 0; left: 0;}
	.bluebox { background: #004b98 url('images/compass-n.png') no-repeat -6.75% 0%; background-size: contain; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .navbar-header { max-width: 60%; }
  #menu-main-nav { right: -10px; }
  #menu-main-nav > li > a { padding: 0 12px; }
  #menu-main-nav > li { font-size:1em; }
}  

/* print */
@media print {
	body { padding-top: 0; }
    body>header, .navbar, .testimonial, .social-widget, footer { display: none; }
    #scorecardPercent { padding-left: 90px; }
    #scorecard { margin-top: -100px; margin: auto 33%; margin-top: -100px; }
}

.btn-default { background-color: #d4d4d4; border-color: #8c8c8c; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active,
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-color: #0b1f2e; border-color: #004b97; color: #fff; }
.btn-success { background-color: #004b97; border-color: #0b1f2e; }