@charset "utf-8";
/* CSS Document */

/* CLAIRE'S HIGHLIGHT COLOUR IS 'BURNT ORANGE': rgba(201,75,18,1.00) (claire's)
/* OLD HIGHLIGHT COLOUR WAS LIGHTER ORANGE: rgba(255,110,0,1) (old), #FF6E00 
/* FINAL HIGHLIGHT COLOR IS DARK ORANGE: rgba(255,90,0,1), #FF5A00
/* All color changes can be made in 'bootstrap_mods' and 'HeroInsert'


/* *************** START WEBSITE FONTS (overrides) *************** */
html {
  	/* THIS DOESN'T AFFECT ANYTHING AS OVERWRITTEN BY 'BODY' */
	font-family: sans-serif; 
	/* font-family: monospace; */
	/*font-family: wf_segoe-ui_normal,'Segoe UI',Segoe,'Segoe WP',Tahoma,Verdana,Arial,sans-serif;*/
	/*font-size: 10px;*/
	}


body {
	/* THIS CHANGES ALL 'GENERAL' FONTS ON PAGES INCLUDING NAVBAR, EXCLUDES HERO FONTS AS DEFINED LOCALLY*/
	
  	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: "Comic Sans MS", cursive, sans-serif;						/* curly and silly
	font-family: "Lucida Console", Monaco, monospace;
	font-family: "Arial Black", Gadget, sans-serif;							/* too 'bold' - hard to read
	font-family: Arial, Helvetica, sans-serif;								
	font-family: "Trebuchet MS", Helvetica, sans-serif; 					/* too curly; needs to be boxier
	font-family: Copperplate / Copperplate Gothic Light, sans-serif;		/* no difference to Arial (didn't work with Chrome)
	font-family: Impact, Charcoal, sans-serif;								/* no good - hard to read
	font-family: Tahoma, Geneva, sans-serif;								/* too close; needs to be boxier 
	font-family: Verdana, Geneva, sans-serif;								/* FAVORITE */
	font-family: wf_segoe-ui_normal,'Segoe UI',Segoe,'Segoe WP',Tahoma,Verdana,Arial,sans-serif;
	}

/* *************** UN-USED AVAILABLE FONT CHANGES ***************
samp {
  	font-family: monospace, monospace;
	}
	
code,
kbd,
pre,
samp {
  	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	}

.tooltip {
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.popover {
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.carousel-control .icon-next {
  	font-family: serif;
	}
*/

/* *************** END WEBSITE FONTS *************** */


/* *************** START BOX-SHADOW TO ADD COLOR 'BAR' TO TOP OF NAVBAR UPON HOVER *************** */
/* START FOR NAVBAR FIXED BUTTON LINKS */
.navbar-default{ 					/* creates a 'top bar' to the entire navbar div element */
    text-align: center;
    box-shadow: inset 0px 6px 0px #f8f8f8, 0 1px 3px rgba(34,25,25,0.4); /* initial gray color to the 'top bar' and blur at bottom */   
	}

@media (min-width: 768px) {					/* only active for large screens ('top bar' shows orange, general block; no change) */
.navbar-default .navbar-nav > li > a:hover { /* when mouse hovers over any links... */
	/* .navbar-default .navbar-nav > li > a:focus */
    color: black;							/* black; text color of 'top bar' on hover */
	background-color: transparent;			/* use this to color-in full block. i.e. change to : #AAA (or another color) */
    box-shadow: inset 0px 6px 0px #FF5A00; 	/* switch 'bar' to a darker color on hover (currently is WT orange) */
	}
}

@media (max-width: 767px) {					/* same as above but only active for small screens (full link turns orange) */
.navbar-default .navbar-nav > li > a:hover,	/* when mouse hovers over any links... */
.navbar-default .navbar-nav > li > a:focus {
    color: black;							/* black; text color on hover */
	background-color: rgba(255,90,0,0.7);	/* old default block color was: #AAA */
	}
}

/* Used when the navabar has been collapsed into a single dropdown itself. Nominated text and background color of navbar dropdown */		
@media only screen and (max-width: 767px) {
.collapsing, 
.in {
	background-color: #f7f7f7;
	}

.collapsing > ul > li > a, 
.in > ul > li > a {
	color: #555!important;					/* term 'color' refers to text color */
	}
}
/* END NAVBAR FIXED BUTTON LINKS */

/* START FOR NAVBAR DROPDOWN LINKS */
@media (min-width: 768px) {						  /* only active for large screens */
.dropdown-toggle:active, .open .dropdown-toggle { /* details what happens on dropdown-toggle (click) */
	box-shadow: inset 0px 6px 0px #FF5A00; 		  /* switch top 'bar' to a darker color on hover (currently is WT orange) */
	}
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
navbar-default .navbar-nav .open .dropdown-submenu:hover > a,
navbar-default .navbar-nav .open .dropdown-submenu:focus > a {
    color: black;								/* black; text in dropdown list color on hover */
    background-color: rgba(255,90,0,0.7);		/* use this to color full block of dropdown list during hover WT Orange: #FF6E00 */
	background-image: none;
	}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu {
    color: black;								/* #333; dropdown BUTTON text color (without hover) */
	}

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a {
   	color: black;								/* dropdown BUTTON text color (with hover) */
   	background-color: #E8E8E8;					/* dropdown BUTTON background color (with hover)...no change: background-color: #f8f8f8 */
	border-color: #d7d7d7;
	}

/* END NAVBAR DROPDOWN LINKS */

/* *************** END BOX-SHADOW TO ADD COLOR 'BAR' TO TOP OF NAVBAR UPON HOVER *************** */


/* *************** START BOOTSTRAP NAVBAR CHANGES FROM DEFAULT *************** */

/* *************** START COLOUR OF NAVBAR *************** */
/*.navbar-default {
  	background-color: #f8f8f8;
  	border-color: #e7e7e7;
	}
*/

/* *************** START ALLOWS RESIZE OF THE NAVBAR *************** */
.navbar-nav > li > a, 
.navbar-brand {
  	padding-top:3vh !important;
  	padding-bottom:0 !important;
  	height: 8vh;
	}
	
.navbar {
  	min-height:8vh !important;
	}

/* *************** START ADJUST NAVBAR HEIGHT AT TOP OF SCREEN (WHEN NAVBAR LOCKED TO TOP) *************** */
.navbar-fixed-top {
    height: 55px;
	}
	
/* Following kept only if we want a sliding size scale for the navbar...not currently used (navbar height fixed for all screen sizes)*/
/*@media (min-width: 768px) {
.navbar-fixed-top {
    height: 2vw;
  }
}

@media all and (max-width: 992px) and (min-width: 768px) {
.navbar-fixed-top {
    height: 3vw;
  }
}

@media all and (max-width: 767px) and (min-width: 50px) {
.navbar-fixed-top {
    min-height: 55px;
	height: 10vw;
  }
}*/

/* *************** START CHANGE FONT SIZE OF NAVBAR *************** */
/*.navbar-nav .open .dropdown-menu > li > a {
    line-height: 30px;
	
	font-height
  } */

/* *************** START REMOVES WHITE SPACE BELOW NAVBAR *************** */
.navbar {
  	margin-bottom: 0 !important;
	}

/* *************** START MAKES SURE THE PAGE IS FULL HEIGHT *************** */
body,html {
  	height: 100%;
	}

/* *************** START ADDS PADDING TO THE TOP OF THE PAGE TO ACCOUNT FOR FIXED NAVBAR *************** */
body {
  	padding-top: 8vh;
	}

/* *************** START FIXES HREF BY ADDING PADDING TO LINKS *************** */
.anchor{
  	display: block;
  	height: 8vh; /*same height as header*/
  	margin-top: -8vh; /*same height as header*/
  	visibility: hidden;
	}

/* *************** END BOOTSTRAP NAVBAR CHANGES FROM DEFAULT *************** */

.page-header {
  	border-bottom: 1px solid rgba(255,110,0,1);		/*normally...   border-bottom: 1px solid #eee;*/
	}

/* *************** END OF BOOTSTRAP CHANGES *************** */


/* *************** NEW ITEMS ADDED (DEFINED) FOR SPECIALTY USES ARE BELOW *************** */
.add-border {
  	text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);
	}

.orange_mod {
	color:#FF5A00;
}


u { color: rgba(255,90,0,1); }   /* changes underline colour on all pages */

.white_mod { color: white;}        /* changes the color of all text ABOVE the underline */

 
.img-thumbnail-mod {
  	display: inline-block;
  	max-width: 100%;
  	height: auto;
  	padding: 14px;
  	line-height: 1.42857143;
  	background-color: #fff;
  	/* border: 1px solid #ddd; */
  	border: 0 none;
  	border-radius: 4px;
  	-webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
	}

.child { 
  	display:table-cell;
  	vertical-align:bottom;
	}​

.page-header-mod {
  	padding-bottom: 9px;
  	margin: 40px 0 20px;
  	/*border-bottom: 1px solid #eee;*/
  	border-bottom: 1px solid rgba(255,90,0,1);
	}

.page-header-words {
  	padding-bottom: 9px;
  	margin: 40px 0 20px;
	}

.page-header-tb-blur {
  	/* box-shadow to both top and bottom of element */
  	box-shadow: 0 1px 3px rgba(34,25,25,0.4), 0 -1px 3px rgba(34,25,25,0.4);
	}

.page-header-bblur {
  	/* box-shadow to only bottom of element */
  	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	}

.webStats-bottom {
  	padding-bottom: 9px;
  	margin: 0 0 40px;
  	border-bottom: 1px solid rgba(255,90,0,1);
	}

.black-text-color-mod {
  	color:#000000
	}

.col-centered{
  	float: none;
  	margin: 0 auto;
	}

.row-moveup {
    margin-top: -65px;
	}

.text-offset-1 {
  	text-indent: 50px;
	}

.text-offset-2 {
  	text-indent: 100px;
	}

.text-offset-3 {
  	text-indent: 150px;
	}

.glyphicon.glyphicon-dot {
  	margin-bottom: 0.25em;
  	overflow: hidden;
	}

.glyphicon.glyphicon-dot:before {
  	content:"\25cf";
  	font-size: 0.5em;
	}
  
/* change button color to website colors (orange) */
.btn-thirdary {
  	color: #fff;
  	background-color: rgba(255,90,0,0.8); /*#337ab7;*/
  	border-color: rgba(255,90,30,0.8); /*#2e6da4;*/
	}

.btn-thirdary:focus,
.btn-thirdary.focus {
  	color: #fff;
  	background-color: rgba(255,90,0,1); /*#286090;*/
  	border-color: rgba(255,90,30,1); /*#122b40;*/
	}

.btn-thirdary:hover {
  	color: #fff;
  	background-color: rgba(255,90,0,1); /*#286090;*/
  	border-color: rgba(255,90,30,1); /*#204d74;*/
	}

.btn-thirdary:active,
.btn-thirdary.active,
.open > .dropdown-toggle.btn-thirdary {
  	color: #fff;
  	background-color: #286090;
  	border-color: #204d74;
	}

.btn-thirdary:active:hover,
.btn-thirdary.active:hover,
.open > .dropdown-toggle.btn-thirdary:hover,
.btn-thirdary:active:focus,
.btn-thirdary.active:focus,
.open > .dropdown-toggle.btn-thirdary:focus,
.btn-thirdary:active.focus,
.btn-thirdary.active.focus,
.open > .dropdown-toggle.btn-thirdary.focus {
  	color: #fff;
  	background-color: #204d74;
  	border-color: #122b40;
	}

.btn-thirdary:active,
.btn-thirdary.active,
.open > .dropdown-toggle.btn-thirdary {
  	background-image: none;
	}

.btn-thirdary.disabled,
.btn-thirdary[disabled],
fieldset[disabled] .btn-thirdary,
.btn-thirdary.disabled:hover,
.btn-thirdary[disabled]:hover,
fieldset[disabled] .btn-thirdary:hover,
.btn-thirdary.disabled:focus,
.btn-thirdary[disabled]:focus,
fieldset[disabled] .btn-thirdary:focus,
.btn-thirdary.disabled.focus,
.btn-thirdary[disabled].focus,
fieldset[disabled] .btn-thirdary.focus,
.btn-thirdary.disabled:active,
.btn-thirdary[disabled]:active,
fieldset[disabled] .btn-thirdary:active,
.btn-thirdary.disabled.active,
.btn-thirdary[disabled].active,
fieldset[disabled] .btn-thirdary.active {
  	background-color: #337ab7;
  	border-color: #2e6da4;
	}

.btn-thirdary .badge {
  	color: #337ab7;
  	background-color: #fff;
	}

img-site_map {
  display: block;
  max-width:100px;
  max-height:100px;
  width: auto;
  height: auto;
}