/*
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: 240px;
	font-size: 16px;
	background-image: url(/wp-content/themes/wp-bootstrap/images/Skyline.jpg);
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: calc(100% - 370px);
  background-position-x: center;
}
a, .green, .page-header h1 { color: #0f563f; }
a:hover { color: #0c230c; }
a.anchor { display: block; position: relative; top: -240px; visibility: hidden; }
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 27px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { color: #333; }
.text-green { color: #0f563f; }
.btn { border: 0 none; border-radius: 0; }
.btn-green { font-weight: bold; text-transform: uppercase; color: #fff; background-color: #0f563f; }
.btn-green:hover, .btn-green:focus { text-decoration: underline; color: #fff; }
.first { color: #0f563f; text-transform: uppercase; }
.first strong { font-size: 119.444%; }
.uc { text-transform: uppercase; }
.fa-2x { font-size: 1.5em !important; }

.topbar { padding: 0.5rem 0; font-size: 12px; color: #fff; background-color: #0f563f; }
.topbar a { color: #fff; }

.navbar-default { min-height: 200px; background-color: #fff; border: 0 none; }
.navbar-brand, .navbar-header { float: none; }
.navbar-brand img { max-width: 80%; }
.social { float: left; margin-top: 0.75em; }
.social a { margin-left: 1em; }
.navbar-nav { float: right; margin-top: 6px; margin-right: 0; }
.navbar-nav > li > a { padding: 5px 12px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { font-weight: bold; color: #0f563f; background-color: transparent; letter-spacing: -0.049em; }

/* banner */
.carousel-control { width: 10%; }
.carousel-inner > .item > img { width: 100%; }
.carousel-caption { right: 5%; left: 5%; bottom: -3px; padding-top: 0; padding-bottom: 0; font-size: 14px; }
.carousel-caption h2 { padding: 9px 12px 9px; font-size: 14px; font-weight: bold; color: #0f563f; text-shadow: none; background: rgba(255, 255, 255, 0.8); border-radius: 10px; }
.carousel-caption p { display: block; }
.carousel-caption .text-pull-right { position: absolute; right: -10%; bottom: 15px; }
.carousel-caption a.btn { position: absolute; bottom: 0; right: 0; padding: 12px 18px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #0f563f; }
.featured-img img { width: 100%; height: auto; }

/* home page */
.home #content, .page-template-page-first #content { margin-top: 45px; }
.home .lead { line-height: 1.75; }
.home #main article .post_content .row > div img { margin: auto; max-width: 85px; }
.row.firstrow { margin-top: 30px; }
.row.firstrow .col-5, .row.navrow .col-5 { float: left; padding: 0 15px; width: 100%; }
.row.firstrow .col-5:hover { transition: all 200ms ease-in; transform: scale(1.1); }
.row.firstrow h3 { font-size: 21px; }
.row.navrow { margin-top: 20px; margin-bottom: 40px; }
.row.navrow .well { padding-top: 40px; padding-bottom: 30px; background-color: #f4f6f7; border: 0 none; }
.row.navrow > div img { margin-bottom: -45px; max-width: 50%; }
.row.navrow .well h3 { min-height: auto; }
.row.navrow .well:last-child h3 { margin-left: -7.5%; margin-right: -7.5%; }
.row.navrow .well p { margin-bottom: 10px; }
.row.navrow .well .btn { color: #fff; background-color: #8a7349; border: 1px solid #8a7349; text-transform: uppercase; }
.row.navrow .well .btn:hover { color: #8a7349; background-color: #fff; }
.container-fluid.bg { padding-top: 30px; padding-bottom: 30px;
	background-image: url('/wp-content/themes/wp-bootstrap/images/Skyline.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 81.5%;
 }
.container-fluid.testimonial { background-color: #e8eeec; }
.container-fluid.testimonial .container { position: relative; padding: 40px 0; }
.container-fluid.testimonial .container img { position: absolute; }
.container-fluid.testimonial #begin-quote { top: 0; }
.container-fluid.testimonial #end-quote { right: 0; bottom: 15%; }
.container-fluid.testimonial h3 { padding: 0 1.5em; font-size: 16px; font-weight: bold; line-height: 1.4; color: #8d7245; }
.container-fluid.testimonial h4 { margin-top: 10px; margin-right: 10%; font-size: 16px; font-style: oblique; line-height: 1.2; }
.row.events { margin-top: 50px; }
.events table { background-color: #e1e1e1; }
.events table > thead > tr > th, .events table > tbody > tr > td { border: 0 none; }
.events table thead { color: #fff; background-color: #0f563f; }
.events table thead .h1 { margin: 0; padding-left: 0; font-size: 18px; }
.events table thead th:last-child { text-align: right; padding-right: 4%; vertical-align: middle; }
.events table thead th #calendar-icon { display: inline-block; padding-right: 4px; width: 32px; height: 32px; font-size: 18px; font-weight: bold; line-height: 2.1; text-align: center; background: url('/wp-content/uploads/2018/09/calendar-frame.png') no-repeat center; }
.events table > tbody > tr:nth-child(even) { background-color: #ebebeb; }
.events table > tbody > tr > td { font-size: 14px; }
.events table > tbody > tr > td:first-child { padding-left: 8px; }
.events table > tbody > tr > td a { color: #333; }
.row.visit { margin-bottom: 45px; }
.row.visit img { width: 100%; }
.row.visit .btn { position: absolute; right: 7.5%; bottom: 15%;  padding: 6px 18px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #0f563f; border-radius: 0; }

.form-horizontal .form-group { margin-bottom: 7px; }
.form-horizontal .form-group.mrgn-bttm { margin-bottom: 15px; }
.form-horizontal .control-label { padding-top: 14px; text-align: left; }
.checkbox .wpcf7-acceptance label { padding-top: 0; }
@-moz-document url-prefix() {
	.checkbox .wpcf7-acceptance input[type="checkbox"] { margin: -3px 0 0 -20px; }
}
.checkbox .wpcf7-acceptance .wpcf7-list-item { display: inline; margin-left: 0; }

/* f.i.r.s.t. page */
.page-template-page-first { overflow-x: hidden; }
.f-i-r-s-t { margin-bottom: 30px; }
.f-i-r-s-t .container-fluid { margin: 0 -15px; padding-top: 24px; height: auto; background-color: #e7eeeb; }
.f-i-r-s-t .h1 { margin-top: 164px; letter-spacing: -0.01em; }
.f-i-r-s-t .desc div:first-child img { position: absolute; top: 22px; max-height: 118px; }
.f-i-r-s-t .desc h4 { font-size: 20px; line-height: 1.45; }
.f-i-r-s-t .first-ico { max-width: 40px; vertical-align: -5px; }
.f-i-r-s-t .testimonial-bg { position: absolute; top: 0; right: -40%; bottom: 0; left: 0; background-color: #cfddd9; z-index: -1; }
.f-i-r-s-t .testimonial > div { padding: 40px 40px 50px; text-align: center; }
.f-i-r-s-t .definition > div { padding: 20px 0 50px 80px; }
.f-i-r-s-t .testimonial img { position: absolute; mix-blend-mode: multiply; max-width: 80px }
.f-i-r-s-t .testimonial #begin-quote { top: 2%; left: 3%; }
.f-i-r-s-t .testimonial #end-quote { right: 15px; bottom: 15%; }
.f-i-r-s-t .testimonial h4 { line-height: 1.4; color: #8d7245; }
.f-i-r-s-t .testimonial .pull-right { margin-top: 10px; margin-right: 10%; font-style: oblique; line-height: 1.2; color: #333; }
.f-i-r-s-t .definition h2 { font-weight: bold; font-style: oblique; color: #87a299; }
.f-i-r-s-t .definition h2 small { font-weight: normal; font-style: normal; color: #87a299; }
.f-i-r-s-t .definition h4 { margin-top: 10px; margin-left: 7.5%; font-style: oblique; line-height: 1.2; color: #828b88; }

/* programs we want */
.row.programs { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.program-img { padding-bottom: 66.8%; width: 100%; height: 1px; }
.row.programs h3 { margin: 3px 0 20px; min-height: 70px; font-size: 21px; }

/* our programs */
.panel { background-color: transparent; }
.panel-group .panel, .panel-default .panel-heading { border-radius: 0; box-shadow: none; }
.panel-default, .panel-default .panel-heading, .panel-group .panel-heading + .panel-collapse > .panel-body { border: 0 none; }
.panel-default > .panel-heading { background-color: #0d553f; }
.panel-title > a { display: block; color: #fff; }
.panel-body { padding: 10px 0; }

/* blog pages */
.archive #main .post h3 { line-height: 1.2; }

/* meet our team page */
.row.team p { margin-bottom: 1em; line-height: 1.8; }

/* program parameters page */
.media { padding: 30px 33px; background-color: #e7eeeb; }
.media-left { padding-right: 30px; width: 128px; }
.media-body h3 { margin-top: 28px; font-size: 26px; font-weight: bold; color: #0f563f; }
#parameters-footer { padding-top: 40px; padding-bottom: 40px; background-color: #dedede; }
#parameters-footer h2 { margin-top: 0; margin-bottom: 0; }

/* workplace violence */
.page-id-1088 .carousel-caption h2 { display: inline-block; }
.wv-pillar { position: relative; margin-bottom: 0.5rem; padding: 1rem; color: #fff; background-color: #0f563f; }
.wv-pillar span { position: absolute; top: 0; left: 0; padding: 1rem; border-right: 1px solid #eee; }

body > footer { padding-top: 50px; border-top: 5px solid #0f563f; }
#inner-footer .menu { margin: 0; padding: 0; list-style: none; }
#inner-footer .menu > li > a { font-size: 16px; line-height: 1.75; color: #858585; }
#media_image-2 { margin-bottom: 30px; }
#widget-footer > div:last-child { text-align: center; }
#nav_menu-2 { margin-bottom: 0; }
#nav_menu-4 { float: none; margin: 0 auto; }
#nav_menu-4 .menu > li { display: inline-block; }
#nav_menu-4 .menu > li > a { padding: 0 5px; font-size: 14px; color: #333; border-left: 1px solid #333; }
#nav_menu-4 .menu > li:first-child > a { padding-left: 0; border-left: 0 none; }
.attribution { font-size: 14px; }

/* Extra Small Devices, Phones */
@media (min-width: 379px) {
  body { background-position-y: calc(100% - 350px); }
	a.anchor { display: block; position: relative; top: -240px; visibility: hidden; }
}

@media only screen and (min-width : 480px) {
  body { background-position-y: calc(100% - 325px); }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px){
  body { background-position-y: calc(100% - 160px); }
	.navbar-brand { float: left; max-width: 250px; }
	.navbar-collapse.collapse { display: none !important; visibility: hidden !important; }
	.collapse.in { display: block !important; visibility: visible !important; }
	.navbar-toggle { display: block; }
	.navbar-nav > li { float: none; }
	.navbar-nav > li > a { padding: 16px; }
	.carousel-caption h2 { margin: 20px 0 10px; font-size: 27px; }
	.row.firstrow .col-5, .row.navrow .col-5 { width: 20%; }
	.row.navrow .well h3 { min-height: 60px; }
	.row.navrow .well p { margin-bottom: 30px; }
	.testimonial h4 { font-size: 18px; }
	.events table thead .h1 { padding-left: 0.75em; font-size: 27px; }
	.events table > tbody > tr > td:first-child { padding-left: 3em; }
	.events table > tbody > tr > td { font-size: 20px; }
	#nav_menu-4 { float: right; }
	#widget-footer > div:last-child { text-align: right; }
	.f-i-r-s-t .container-fluid { height: 186px; }
	.f-i-r-s-t .desc div:first-child img { top: 15px; }
	.f-i-r-s-t .h1 { margin-top: 20px; }
}

@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.row.navrow .well h3 { margin-left: -25%; margin-right: -25%; min-height: 40px; font-size: 16px; }
	.row.navrow .well h3 strong { font-size: 21px; }
	.row.navrow .well .btn { margin-left: -10%; margin-right: -10%; font-size: 12px; }
}

@media only screen and (min-width : 992px) {
	h1, .h1 { font-size: 36px; } /* bootstrap default size */
	h2, .h2 { font-size: 30px; } /* bootstrap default size */
	.social { float: right; margin-top: 1em; }
	.fa-2x { font-size: 2em !important; }
	.navbar-nav { margin-right: -12px; }
	.navbar-collapse.collapse { display: block !important; visibility: visible !important; }
	.navbar-toggle { display: none; }
	.navbar-nav > li { float: left; }
	.carousel-caption { right: 15%; left: 15%; bottom: 10%; }
	.carousel-caption h2 { font-size: 36px; }
	.carousel-caption .text-pull-right { right: 10%; }
	.row.firstrow h3 { font-size: 24px; }
	.row.navrow > div img { max-width: 100%; }
	.f-i-r-s-t .container-fluid { height: 164px; }
	.f-i-r-s-t .desc div:first-child img { top: 22px; }
	.row.programs h3 { min-height: 50px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.navbar-brand { float: left; max-width: 375px; }
}