/*
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: 172px; font-size: 16px; font-weight: 600; background-color: #004a80; }
.purple { color: #4d176b; }
.blue { color: #337ab7; }
.btn { font-weight: bold; text-transform: uppercase; }
.btn-purple { color: white; background-color: #4d176b; }
.btn-purple:hover { color: white; }
.anchor { content: ''; display: block; margin-top: -175px; height: 175px; }
small.note { display: inline-block; padding-left: 1.15em; text-indent: -1.15em; }

.navbar { margin-bottom: 0; }
.navbar-default { background-color: #fff; border-color: transparent; border-top: 14px solid #004a80; border-bottom: 8px solid #000; }
.navbar-brand { padding: 15px 0; }
.navbar-brand img { /* width: 11.95vmax; */ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.5s ease-in-out; }
.navbar-brand img.small { transform: translate(0px,-32px) scale(0.7); }
.navbar-header { float: none; height: 80px; }
.navbar-header h2 { margin-top: 35px; font-size: 2.875rem; font-weight: bold; white-space: nowrap; }
.navbar-top { float: right; margin-bottom: 8px; }
.navbar-top .svg-inline--fa { margin-left: 1rem; }
.navbar-top .svg-inline--fa.fa-instagram { margin-right: 15px; }
.navbar-top [src*='linkedin'] { margin-right: 15px; }
.navbar-login { margin: 0; margin-bottom: 3px; padding-left: 0; list-style: none; text-align: right; }
.navbar-login > li { display: inline-block; }
.navbar-login > li > a { padding: 10px 15px; font-size: 12px; line-height: 2; color: #333; text-transform: uppercase; }
.navbar-login > li > a:hover { color: #333; text-decoration: underline; }
.navbar-default .navbar-form { margin-top: 0; }
.navbar-form .form-group { width: 70%; }
.navbar-form .form-control { width: 100%; }
.navbar-bg { background-color: #4d176b; }
.navbar-nav { float: right; }
.navbar-default .navbar-nav > li > a { padding: 15px 12px; font-size: 14px; font-weight: normal; color: #fff; }
.navbar-default .navbar-nav > li > a:hover { color: #fff; text-decoration: underline; }

.body-bg { background-color: #fff; }
.body-bg .featured img { width: 100%; }
.page-header { padding-bottom: 0; border-bottom: 0 none; }
#main article > footer { display: none; }
.row.margin-bottom { margin-bottom: 20px; }

/* home page */
.carousel-inner img { width: 100%; }
.carousel-caption { padding: 20px 30px; right: 45%; bottom: 15%; left: 14%; text-align: left; }
.carousel-caption h2, .carousel-caption p { font-style: oblique; text-shadow: 7px 7px 10px rgba(0, 0, 0, 0.45); }
.carousel-caption h2 { margin: 0; font-size: 3.175vw; }
.carousel-caption p { display: block; margin-left: 1em; font-size: 2.325vw; }
.carousel-caption .btn-white { float: right; margin-top: 5%; padding: 6px 30px; font-size: 21px; color: #333; background-color: #fff; border-radius: 9px; box-shadow: 6px 6px 8px rgba(35, 31, 31, 0.65); }
.home .lead .purple { font-size: 33px; font-weight: bold; }
.home .donate { padding: 24px; min-height: 333px; font-size: 21px; background: url('/wp-content/uploads/2016/04/donate-bg.jpg') no-repeat; background-size: cover; border: 0 none; border-radius: 9px; }
.home .donate p:last-child { margin-top: 2em; margin-bottom: 0; }
.home .donate .btn-purple { font-size: 18px; box-shadow: 6px 6px 8px rgba(35, 31, 31, 0.65); }
.modulewidget-upcoming_events-2-title { width: 100% !important; border: 0 none !important; border-radius: 0 !important; }
#upcoming_events-2 { margin-bottom: 0; padding-bottom: 16px; border: 1px solid #c2c2c2; border-bottom: 0 none; border-radius: 12px 12px 0 0; }
#upcoming_events-2 .widgettitle { margin: 0 0 10px; padding: 12px 0 10px; font-size: 24px; font-weight: bold; color: #4d176b; background-color: #ebebeb; text-align: center; text-transform: uppercase; border-bottom: 1px solid #c2c2c2; border-radius: 11px 11px 0 0; }
#event_tablewidget-upcoming_events-2-title div { padding: 0 !important; }
#event_tablewidget-upcoming_events-2-title .pad { float: right; width: 66%; }
#event_tablewidget-upcoming_events-2-title .pad br { display: none; }
#event_datewidget-upcoming_events-2-title { display: inline-block; width: 30%; text-align: center; text-transform: uppercase; }
#event_datewidget-upcoming_events-2-title span { display: block; font-size: 36px; line-height: 0.85; }
#event_textwidget-upcoming_events-2-title { display: none; }
#dividerwidget-upcoming_events-2-title { clear: both; margin: 10px 0; }
#event_tablewidget-upcoming_events-2-title:last-child #dividerwidget-upcoming_events-2-title { display: none; }
.btn-purple.opportunities { width: 100%; text-align: right; border-radius: 0; }

h3 > small { font-weight: bold; color: #333; }

/* calendar */
#afterbig1 { width: 100% !important; }

.publications p { padding-left: 2em; text-indent: -2em; }

body > footer { padding-top: 36px; line-height: 2; border-top: 12px solid #fff; }
body > footer, body > footer a { color: #fff; }
body > footer a:hover { color: #fff; }
#inner-footer .border-right { position: absolute; top: 0; right: 0; width: 6px; height: 400px; border-left: 1px solid #fff; }
#inner-footer .widgettitle { margin: 0; font-size: 16px; font-weight: bold; line-height: 2; text-transform: uppercase; }
#inner-footer .menu { margin-left: 0; padding-left: 0; list-style: none; }
#inner-footer .menu li:before { content: '\2727\0020'; }
#inner-footer .testimonial_rotator_wrap { margin: 0; padding: 0 10px 0 0; }
#inner-footer .testimonial_rotator .testimonial_rotator_slide_title { display: none; }
#inner-footer .testimonial_rotator .testimonial_rotator_quote { margin-bottom: 10px; }
#inner-footer .testimonial_rotator .testimonial_rotator_author_info { margin: 0; padding: 0 5px 0 0; text-align: right; border-left: 0 none; }
#inner-footer .testimonial_rotator .testimonial_rotator_author_info p { line-height: 1.5; }
#inner-footer #text-3 { margin-top: 6px; }
#inner-footer #text-3 #logo-footer { float: left; margin-right: 10px; }
#inner-footer #text-3 .textwidget .inner { margin-bottom: 20px; margin-left: 25%; width: 75%; }
#inner-footer #text-3 .textwidget .svg-inline--fa { margin-right: 1rem; }
#inner-footer .copyright { margin-top: 3em; font-size: 12px; line-height: initial; }

@media (max-width: 767px){
	body { padding-top: 0; }
}
@media (min-width: 768px) and (max-width: 1200px){
	body { padding-top: 162px; }
	.navbar-default .navbar-nav > li > a { padding: 9px 12px; font-size: 1.075vw; }
	.navbar-brand img { width: 17vw; margin-top: -10px; }
	#event_tablewidget-upcoming_events-2-title .pad { width: 46%; }
	#event_datewidget-upcoming_events-2-title { width: 50%; }
	#nav_menu-2 .border-right { height: 266px; }
	#nav_menu-3 .border-right { display: none; }
	#text-2 .border-right { height: 480px; }
}
@media (max-width: 768px){
	.navbar-header h2 { margin-top: 36px; white-space: normal; }
	.navbar-nav { width: 100%; }
	.carousel { display: none; }
	#inner-footer .border-right { display: none; }
}
@media (max-width: 500px){
	.navbar-default { min-height: 218px; }
	.navbar-top { float: none; margin-left: 45%; width: 55%; }
	.navbar-form .form-group { width: 92.5%; }
	.navbar-header h2 { margin-top: 24px; }
	.navbar-brand img { width: 45vw; margin-top: -100px; }
	.navbar-default .navbar-form { margin-left: 11%; margin-right: 0; padding: 0; border: 0 none; }
}
@media (max-width: 350px){
	.navbar-brand img { width: 45vw; margin-top: -90px; }
}
@media (max-width: 300px){
	.navbar-top { margin-left: 19%; width: 81%; }
}
