/*
** Art Mulder - WordsNWood.com -- custom CSS tweaks
*/

/* ALWAYS underline web links?...  BUT NOT the "btn" class (buttons) */ 
/* a:not(.btn,.dropdown-toggle) {  -- DOESN NOT WORK */
a:not(.btn) {
  text-decoration: underline;
}

/* this must be placed AFTER the above section.
** - force the navbar to ignore the above "a" overrides and just
**   inherit it's previous settings.
*/
#navbar a {
  text-decoration: inherit;
}


/* bit more space around images...  */
.img-thumbnail {
  margin-right: 5px;
  }

/* get rid of gap under the navbar at the top */
.navbar {
   margin-bottom:0;
   }

.jumbotron {
   margin-bottom:0;
   }

/* add vertical lines between column elements. 
** Found this online: http://www.bootply.com/qjvYXfWLuN
** use this in the row element: <div class = "row vdivide">
*/
.row.vdivide [class*='col-']:not(:last-child):after {
  background: #cccc99;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 70px;
}


/* 
** http://www.am22tech.com/google-custom-search-input-box-conflicting-bootstrap-css/
*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}


/*******************************************/
/*  New stuff being tested - February 2016 */
/*  Keeping it separate until sure...      */


/* 
 * This belongs with the: <nav class="navbar navbar-default navbar-fixed-top">
 * section of code, for fixing the navbar to the top of the window
 */
body {
  min-height: 2000px;
  padding-top: 50px;
}


/*
 * I want a dark box to appear when I hover the house over 
 * menu items in the navbar.  AND ALSO in the dropdown menus.
 */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #000;
    box-shadow: inset 0px 0px 0px #570026;
}


/* playing with the navbar font */
.navbar .nav > li > a, .navbar .nav > li {
font-size: 16px;
}

/* transparent panel so it works with well colour */
.panel-transparent {
    background: none;
}


/* end */