/*
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, html { overflow-x: hidden; }
body { padding-top: 0; background-color: #0055a5; }
a { color: #0055a5; }
img { max-width: 100%; }
.blue { color: #0055a5; }
.btn { border-radius: 0; white-space: inherit; }
.btn-blue { color: #fff; background-color: #0055a5; }
.btn-blue:hover { color: #fff; background-color: #003383; }
.btn-blue:focus { color: #fff; }
.arrow-list { list-style: none; }
.arrow-list li:before { content: '\25B6'; padding-right: 6px; font-size: 70%; vertical-align: 1px; }

.navbar-fixed-top { border: 0 none; }
.navbar { margin-bottom: 0; }
.navbar-default { padding-top: 24px; background-color: #fff; border-bottom: 6px solid #0055a5; }
.navbar-logo { margin-left: -13px; }
.navbar-logo img { max-width: 130px; }
.navbar-default .header-right > div > div:first-child { margin-bottom: 0; }
.navbar-default .header-right { height: 195px; }
.navbar-default .header-right .masthead { font-size: 3.625vw; line-height: 2.725; letter-spacing: -0.0375em; white-space: nowrap; }
.navbar-default .header-right .address { text-align: right; }
.navbar-default .header-right .address h3 { margin: 3px 0; font-weight: bold; }
.navbar-default .header-right .address img { margin-left: 0.5em; }
.navbar-default .navbar-collapse { position: absolute; bottom: 0; }

.navbar-default .navbar-nav > li > a { padding-bottom: 5px; border-bottom: 10px solid transparent; }
.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 { background-color: #ffffff; border-bottom: 10px solid #3bc8c3; }
.dropdown-menu a { border-bottom-color: #fff; }
.navbar-default .dropdown-menu  > li > a,
.navbar-nav .open .dropdown-menu,
.navbar-toggle { background-color: #fff; }

.featured img { width: 100%; }
.blog .featured, .archive .featured { display: none; }
.body-bg { background-color: #fff; }
article footer { display: none; }
.page-header { margin: 0 0 20px; padding-bottom: 0; border-bottom: 0 none; }
.page-header h1 { margin: 0; }
.page-header .h2 { line-height: 1.4; }
.single-post .featured { display: none; }

/* home page */
.carousel-inner > .item > img,
.carousel-inner > .item > img a { max-width: none; width: 100%; }
.carousel-caption { top: 0; right: 16%; bottom: auto; left: 16%; text-align: left; text-shadow: none; }
.carousel-caption h2 { margin-bottom: 1.5vmin; font-size: 2vw; color: #0055a5; letter-spacing: -0.025em; }
.carousel-caption p,
.carousel-caption ul { display: block; margin-bottom: 1.5vw; margin-left: 5%; font-size: 1vw; color: #525353; }
.carousel-caption .p2 { display: block; margin-bottom: 2.5vh; margin-left: 5%; font-size: 1vw; color: #525353; }
.carousel-caption .btn { margin-left: 15%; padding: 0.75vmin 1vw; font-size: 1.07vw; font-weight: bold; color: #0055a5; text-transform: uppercase; border: 2px solid #0055a5; }
.carousel-caption .btn:hover { color: #fff; background-color: #0055a5; }
[src$='-welcome.jpg'] + .carousel-caption h3 { margin-top: 1.5vmin; font-size: 2.875vw; }
[src$='-welcome.jpg'] + .carousel-caption h2 { margin-top: 1vmin; margin-left: 0.5em; font-size: 3.1875vw; font-weight: bold; }
[src$='-welcome.jpg'] + .carousel-caption p { margin-left: 6.5%; margin-bottom: 2vmin; font-size: 1.6125vw; }
[src$='-saturday.jpg'] + .carousel-caption .btn { margin-left: 0; }
[src$='-kc.jpg'] + .carousel-caption h2 { margin-bottom: 15%; color: #fff; text-align: right; }
[src$='-kc.jpg'] + .carousel-caption .btn { margin-left: 0; color: #fff; border: 2px solid #fff; }
[src$='-cataract.jpg'] + .carousel-caption { left: 40%; }
[src$='-cataract.jpg'] + .carousel-caption h2 { margin-top: 0; margin-bottom: 10px; }
[src$='-cataract.jpg'] + .carousel-caption ul { margin-bottom: 1.07vw; margin-left: 0; list-style: none; }
[src$='-cataract.jpg'] + .carousel-caption ul li:before { content: '\27A2'; padding-right: 6px; font-size: 120%; vertical-align: -1px; }
[src$='-cataract.jpg'] + .carousel-caption .btn { margin-left: 0; }
[src$='-doctors.jpg'] + .carousel-caption { top: 5%; right: 32%; text-align: center; }
[src$='-doctors.jpg'] + .carousel-caption h2 { margin-bottom: 2vmin; font-size: 2.5vw; }
[src$='-doctors.jpg'] + .carousel-caption span.row { margin: 0 auto; }
[src$='-doctors.jpg'] + .carousel-caption .btn { margin: 0 auto; }
.home #main article { margin-bottom: 0; padding-bottom: 0; }
.home #main article .row { position: relative; }
#sidebar2 { padding-left: 21px; padding-right: 21px; font-size: 21px; line-height: 2; background-color: #e5eef6; }
#sidebar2 .widget,
#sidebar2 .widget p { margin-bottom: 0; }
#sidebar2 h2 { text-transform: uppercase; }
.button-row { background-color: #9de3e1; }
.button-row h2 { margin-top: 0; padding-left: 15px; font-weight: bold; color: #0055a5; text-align: center; letter-spacing: -0.01em; }
.button-row .btn { float: right; display: block; margin-bottom: 8px; width: 66%; font-size: 18px; color: #fff; background-color: #3bc8c3; border: 2px solid #0055a5; }
.button-row .btn + .btn { margin-bottom: 0; }
.button-row .portal { background: url('/wp-content/themes/wp-bootstrap/images/portal-bg.png') no-repeat 5% 55%; }
.button-row .portal .btn { width: 75%; }
.button-row .eyes { background: url('/wp-content/themes/wp-bootstrap/images/eye-bg.png') no-repeat 5% 74%; }
.button-row .vision { background: url('/wp-content/themes/wp-bootstrap/images/eyeglass-bg.png') no-repeat 5% 82.5%; }
.button-row .vision .btn { width: 80%; }
.feeds { padding: 30px 0; }
.feeds .widgettitle { margin-top: 0; font-size: 36px; color: #0055a5; }
.feeds .fbook { border: 1px solid #bebebe; }
.feeds .fbook { border-top-color: #0055a5; }
.fts-jal-fb-header { background-color: #edeff4; }
.fts-jal-fb-header h1 { padding: 6px 9px; font-size: 1em; font-weight: bold; }
.fts-jal-fb-header h1 a { color: #000; }
.fts-jal-fb-group-header-desc { display: none; }
.fts-jal-single-fb-post { padding: 15px 15px 6px !important; }
.fts-jal-single-fb-post a { color: #0055a5; }

.c-accordion__item { border-bottom: 1px solid #7faad2; }
.c-accordion__title { margin: 20px 0; color: #0055a5; }

body > footer, body > footer a, body > footer a:hover { color: #fff; }
body > footer { padding-top: 40px; }
#widget-footer div { height: 125px; }
#nav_menu-2, #nav_menu-3, #text-2 { border-left: 1px solid #fff; }
#widget-footer .menu { margin-left: 0; padding-left: 0; list-style: none; }
#widget-footer .menu a { line-height: 2; }
#widget-footer h3 { margin-top: 10px; font-weight: bold; }
#text-3 { margin-top: -10px; text-align: right; }
#text-3 [src*='foursquare'] { margin-right: -10px; }
#text-3 .copyright { position: absolute; margin-bottom: 0; right: 15px; bottom: 0; font-size: 12px; }

.chkbox-wrapper span.chkbox { padding: 0 5px; }

@media (max-width: 450px){
/*	body { padding-top: 202px; } */
	.navbar-default .header-right .masthead { visibility: hidden; }
	.navbar-logo img { max-width: 80px; }
	#text-2, #text-3 { width: 100%; }
	#text-2, #text-2 div { height: auto !important; }
	.dropdown-menu>li>a { white-space: initial; }
}
@media (max-width: 700px){
	#text-2 { border-left: 0 none; }
}
@media (max-width: 768px){
	.home .featured { display: block; }
	.navbar-collapse.in { margin-top: 20px !important; }
	.navbar-default .header-right > div > div:first-child { margin-bottom: 24px; }
	.navbar-default .header-right { height: 230px; }
	.navbar-default .header-right .masthead { line-height: 1; }
	.navbar-header { float: right; display: inline-block; margin-bottom: 0; vertical-align: middle; }
	.navbar-header button { margin: 0 0 0 15px; }
	.navbar-default .navbar-collapse { position: absolute; margin-top: 13px; right: 0; bottom: auto; z-index: 100; }
	.navbar-default .navbar-nav > li > a { background-color: #fff; }
	.carousel { display: none; }
	.home article .lead { margin-top: 20px; }
	.metaslider + p { display: none; }
	.button-row .col-sm-4 { display: block; clear: both; }
	.button-row .col-sm-4:first-child h2 { margin-top: 20px; }
	.button-row .col-sm-4 a { width: 75% !important; }
	.button-row .col-sm-4 .clearfix { margin-bottom: 24px; }
	#sidebar2 h2 { margin-top: 0; padding-top: 20px; }
	#sidebar2 .widget p { padding-bottom: 10px; }
	#nav_menu-2 { border-left: 0 none; }
	header .address a[target=_blank] { display: none; }
	
}
@media (min-width: 768px){
	.w-md-75 { width: 75%; }
	.btn { white-space: nowrap; }
	.home .featured { display: none; }
	.sidebar-bg { position: absolute; width: 25%; top: -10px; right: 0; bottom: 0; background-color: #e5eef6; }
	.home article [class$='8'] { position: relative; bottom: 0; padding-bottom: 30px; }
	.home article .metaslider { position: absolute; right: 25%; bottom: 0; }
	.home article .lead { margin-top: 20px; width:60%; }
	.button-row [class^='col'] { padding: 24px 30px 24px 15px; border-left: 2px solid #fff; }
	.button-row [class^='col']:last-child { border-right: 2px solid #fff; }
	.navbar-default .header-right .address button { margin-bottom: 8px; }
	.navbar-default .header-right .address .btn { float: right; display: block; margin-bottom: 8px; padding: 3px 12px; width: 35%; font-size: 18px; color: #fff; background-color: #3bc8c3; border: 2px solid #0055a5; }
	#sidebar2 { background-color: transparent; }
	#sidebar2 .widget { margin-bottom: 30px; }
	#sidebar2 h2 { margin-left: -21px; margin-right: -21px; letter-spacing: -0.05em; }
	#sidebar2 .widget p { margin-bottom: 10px; }
}
.home .lead p { background-color: rgba(255,255,255,.6) }
.navbar-collapse.in ul#menu-main-menu { padding-bottom: 20px; }

@media (max-width: 768px){
    .navbar-default { padding-top: 0; }
}
@media (max-width: 450px){
}

.metaslider .slides img { max-width: 25vw !important; }
@media (max-width: 480px){
	.metaslider .slides img { display: none !important; }
}

