/*
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
*/
/* Open Sans Regular Font */
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

/* Open Sans Italic Font */
@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Roboto Bold */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Roboto Italic */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/* Roboto Bold Italic */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

/* Roboto Light */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Roboto Thin */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* Roboto Medium */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Roboto Black (Bolder) */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

/* Roboto Black Italic (Bolder Italic) */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/Roboto-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
img { max-width: 100%; }
body { padding-top: 170px; font-size: 13px; font-family:"Open Sans", serif; }
h1, h2, h3, h4, h5, h6 { color: #18563f; font-family:"Open Sans", serif; }
.btn-green { background: #18563f; color: #fff; padding: 2px 15px; text-transform: uppercase; }
.btn-green:hover, .btn-green:focus, .btn-green.focus { color: #fff; }
a { color: #18563e; }

/* header */
.home header .navbar p.lead { color: #18563f; margin-bottom: 0; margin-top: 10px; font-size: 21px; line-height: 28px; }
.home header .navbar p.lead a.btn-green { margin-top: 15px; }


/* nav */
.navbar-default { background-color: #fff; border-width: 0; padding-top: 20px; margin-bottom: 0; }
body:not(.home) .navbar-responsive-collapse { background-image: url('/wp-content/themes/wp-bootstrap/images/globe.png'); background-size: 150px; background-repeat: no-repeat; background-position: 35% 10px; }
body:not(.home) .navbar-right.nav>li>a { padding-bottom: 5px; padding-top: 25px; padding-right: 40px; }
.navbar-brand { height: auto; padding: 0; }
.navbar .navbar-brand img { max-width: 90% }
.popover { max-width: 100%; border-width: 0; border-bottom: 3px solid #18563f; border-radius: 0; color: #000; line-height: 25px; padding-top: 20px; padding-bottom: 20px; }
.popover.bottom { margin-top: 0; }
.popover-closer { position: relative; top: -25px; margin-bottom: -25px; }
.popover-close { background: #175d41; color: #fff; font-weight: bold; font-size: 35px; padding: 2px 8px; line-height: 1em; }
.popover-close:hover { background: #175d41; }
.popover-content .nav-tabs { margin-top: 0 !important; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: #175d41; color: #fff; }
.nav-tabs>li>a { font-weight: bold; color: #175d41; }

/* general */
#content { padding-top: 0; }
#info-box h5 { color: #18563f; text-transform: uppercase; }
#info-box a { color: #727272; }
#info-box a:hover { text-decoration: none; }
#info-box a:hover strong { text-decoration: underline; }
#info-box a p { padding-top: 20px; }
#info-box a img { -webkit-filter: grayscale(1); filter: grayscale(1); }
#info-box a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }
/* map */
#map { padding-top: 40px; }

/* map sidebar */
#simplemaps_sidebar h3 { text-align: center; padding: 20px 0; color: #175d41; }
#simplemaps_list_region { -webkit-padding-start: 0; }
#simplemaps_list_region li { background: #eaeaea; border: 0 solid #fff; border-width: 1px 0; text-align: center; text-transform: uppercase; padding: 4px; }
#simplemaps_list_region li, #simplemaps_list_region li a { color: #175d41; display: block; width: 100%; font-weight: bold; }
#simplemaps_list_region li.simplemaps_list_region_over, #simplemaps_list_region li.simplemaps_list_region_over a { background: #175d41; color: #eaeaea; text-decoration: none; }
.home section.post_content div[class^=col]:first-of-type { background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 15%, #eaeaea 85%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 15%,#eaeaea 85%,#ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 15%,#eaeaea 85%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

/* general */
.page-header { border-bottom-width: 0; }


/* footer*/
body > .no-container > footer { border-top: 15px solid #175d41; position: relative; }    
body > .no-container > footer:after { position: absolute; left: 25%; right: 0; top: -15px; border-top: 15px solid #ebebeb; content: ''; }
.footer-links { float: left; }
.footer-links .menu { -webkit-padding-start: 0; font-size: 12px; }
.footer-links .menu a { color: #757575; }
.footer-links .menu li a:after { content: ""; border-right: 1px solid #757575; padding-left: 10px; }
.footer-links .menu li:last-of-type a:after { display: none; }
.attribution { float: right; font-size: 12px; color: #757575; }

/* choose page */
body.page-id-57>.no-container { border-bottom: 30px solid #175d41; }
body.page-id-57>.no-container>footer { display: none }
body.page-id-57 .chooseMan { max-height: 600px; }
body.page-id-57 .berkley-logo { width: auto; }
body.page-id-57 #main { background-image: url('/wp-content/uploads/2017/10/north-america.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 100px -100px; }
article#post-57 { margin-bottom: 0; }
body.page-id-138>.no-container { border-bottom: 30px solid #175d41; }
body.page-id-138>.no-container>footer { display: none }

/* 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) {
  .collapse .nav { margin-top: 30px; }
  .navbar > .container { position: relative; }
  .navbar > .container #menu-main-nav { position: absolute; bottom: 0; right: 0; }
  .navbar-collapse.col-sm-6 { width: 50%; }

  .home section.post_content { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }
  .home section.post_content div[class^=col] { flex: 1; }
  .home section.post_content div[class^=col]:first-of-type { max-width: 25%; }

  body.page-id-57 .col-sm-4 .col-md-10 { padding-top: 125px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .navbar-collapse.col-sm-9 { width: 75%; }
  .navbar-collapse.col-sm-9 > ul { margin: auto; float: none; display: table; }
  .navbar-header.col-sm-3 .navbar-brand { margin: auto; float: none; display: table; }
  .caribbeancol_left { padding-left: 20%; }
  .caribbeancol_right { padding-right: 20%; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


@media only screen and (min-width : 1500px) {
	.renav { padding-right: 45px; }
}


/* bootstrap changes */
.modal-dialog { margin: 10% auto; }