/*
Theme Name: Lab Design : Based on Ample Theme
Author: William Bruno
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
      2.1 Headings
      2.2 Others
3.0 Elements
      3.1 Superscript and Subscript
      3.2 Table
      3.3 Lists
      3.4 Blockquote
      3.5 Others
4.0 Forms
5.0 Navigation
      5.1 Links
      5.2 Primary Menu
      5.3 Primary Menu Dropdown
      5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
      9.1 Captions
10.0 Extras
      10.1 Featured Slider
      10.2 Search Design
      10.3 Page Header Title
11.0 Widgets
      11.1 Widgets General CSS
      11.2 Services Widget
      11.3 Call to Action Widget
      11.4 Featured Posts Widget
      11.5 Portfolio Widget
12.0 Plugins Support
      12.1 Breadcrumb NavXT
      12.2 WP-PageNavi
13.0 Content
      13.1 Body
      13.2 Header
      13.3 Primary, Secondary & Tertiary Content Area
      13.4 Content Columns
      13.5 Posts and Pages
      13.6 Pagination
      13.7 Comments
      13.8 Footer
            13.8.a Footer General CSS
            13.8.b Footer Widget Area
            13.8.c Footer Copyright Info
            13.8.d Footer menu
            13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form,  legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0;
   font: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;
}
html {
   overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
   -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
   -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
   display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
a:focus {
   outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
   outline: 0;
}
embed, iframe, object {
   max-width: 100%;
}
button::-moz-focus-inner {
   border: 0;
   padding: 0;
   margin: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
   color: #666666;
   line-height: 1.4;
   padding-bottom: 15px;
   font-weight: normal;
}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 19px; }

#team_page h1 { 
font-size: 30px; 
margin-top:200px;
}
/*
====> 2.2 Others
--------------------------------------------------------------*/
/*******************************
Old Text: 888888
Next Text: 334c4c - Good but maybe too dark-class
#727272
#595959#444444
CHAANGE FOR MAIN TEXT COLOR
**********************/
body,
button,
input,
select,
textarea {
   color: #444444;
   font-size: 15px;
   line-height: 1.5;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
}
p.collaborations {
   margin-top:30px;
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   font-weight: 400;
}

p.front_page{
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   margin-bottom: 15px;
   font-weight: 400;
}

p.contact{
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   margin-top: 25px;
   font-weight: 400;
}

p.happening{
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   margin-top: 25px;
   font-weight: 400;
   weight:100%;
}

p.publications{
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   margin-bottom: 15px;
   font-weight: 400;
}

p.robison_profile{
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   margin-bottom: 15px;
   font-weight: 400;
}

p {
   color: #222222;
   font-size: 18px;
   line-height: 1.5;
   margin-bottom: 15px;
   font-weight: 400;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

/*
====> 3.1 Superscript and Subscript
--------------------------------------------------------------*/
sup, sub {
   font-size: 10px;
   height: 0;
   line-height: 1;
   position: relative;
   vertical-align: baseline;
}
sup {
   bottom: 1ex;
}
sub {
   top: .5ex;
}

/*
====> 3.2 Table
--------------------------------------------------------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
   border-collapse: collapse;
   border-spacing: 0;
   margin: 0 0 1.5em;
   width: 100%;
}
th {
   font-weight: bold;
}
th, td {
   border: 1px solid #f2f2f2;
   padding: 6px 10px;
}
caption, th, td {
   text-align: left;
}

/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
   list-style: none;
}
ol {
   list-style: decimal;
}
li > ul,
li > ol {
   margin: 0 0 0 20px;
}

/*********************************************************************************************************
====> 3.4 Blockquote
--------------------------------------------------------------*/

/*********************
Deleted border-left: 3px solid #7095AE;
************************************/
/******************************************
changes border: 1px solid #f2f2f2;
********************************************/
blockquote {
   font-style: italic;
   font-weight: normal;
   padding-left: 10px;
   padding-top: 8px;
   padding-bottom: 3px;
   margin-bottom: 15px;
}


/*********************
 --page_one_main_color: #0A789D;
 --page_two_main_color: #4E9DB7;
 --page_three_main_color: #034961;
***************/
blockquote.page_one_quote{
   border-left: 3px solid #0A789D;
}
blockquote.page_two_quote{
   border-left: 3px solid #0A789D;
}
blockquote.page_three_quote{
   border-left: 3px solid #0A789D;
}

blockquote.page_two_quote_small{
   border-left: 3px solid #4E9DB7;
   paddding: 10px;
}

blockquote.research_quote{
   font-style: italic;
   font-weight: normal; 
   padding: 5px;
   border: 1px solid #f2f2f2;
   border-left: 3px solid #4E9DB7;
}

blockquote em, blockquote i, blockquote cite {
   font-style: normal;
}

blockquote cite {
   color: #666666;
   font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   letter-spacing: 0.05em;
   text-transform: uppercase;
}

/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
   background: #F2F2F2; /* Fallback for when there is no custom background color defined. */
} /**  F2F2F2  **Chagned **/
strong {
   font-weight: bold;
}
cite, em, i {
   font-style: italic;
}
pre {
   background-color: #f2f2f2;
   margin-bottom: 20px;
   overflow: auto;
   padding: 20px;
   border: 1px solid #eaeaea;
}
pre, code, kbd, var, samp, tt {
   font-family: "Courier 10 Pitch", Courier, monospace;
   font-size: 14px;
   line-height: 19px;
   white-space: pre-wrap;
}
abbr, acronym, dfn {
   border-bottom: 1px dotted #f2f2f2;
   cursor: help;
}
address {
   display: block;
   font-style: italic;
   margin: 0 0 15px;
}
ins {
   background-color: #f2f2f2;
}
hr {
   border-color: #f2f2f2;
   border-style: solid none none;
   border-width: 1px 0 0;
   height: 0;
   margin: 30px 0;
}
dl {
   margin-bottom: 24px;
   font-size: 16px;
}
dt {
   font-weight: bold;
   margin-bottom: 5px;
}
dd {
   margin-bottom: 24px;
}
.screen-reader-text { display: none; }

/*** 
3.60
DIVS
***/

div.happening{
	clear:both;
	padding-top: 45px;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
input, textarea {
   -webkit-border-radius: 0px;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
   -moz-appearance: none !important;
   -webkit-appearance: none !important;
   appearance: none !important;
   padding: 1%;
   border: 1px solid #f2f2f2;
   line-height: 20px;
   width: 98%;
   margin: 0 0 30px;
   background-color: #f8f8f8;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
   border: 1px solid #eaeaea;
}
input.s {
   width: 60%;
   padding: 4px 54px 4px 10px;
   height: 36px;
   color: #666666;
   background-color: #ffffff;
   margin: 0;
   border: 1px solid #f2f2f2;
}
input.s:focus {
   padding-left: 10px;
   border-color: #eaeaea;
   text-indent: 0;
}
.ample-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
   -moz-appearance: none !important;
   -webkit-appearance: none !important;
   appearance: none !important;
   color: #FFFFFF;
   display:inline-block;
   margin-bottom: 30px;
   padding: 5px 25px;
   cursor: pointer;
   background-color: #7095AE;
   border: 0px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-size: 16px;
}
.ample-button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
   -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
   -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
   box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*
====> 5.1 Links  --**change this
--------------------------------------------------------------*/
/***********************************************************
Change this for hyperlinks....
#7095AE - liter blue grayish - original text.
#0A789D - darker blue - page one 
#034961 - darkest blue.  page three
***********************************************************/
a {
   color: #708C84;
   font-weight: 600;
   text-decoration: none;
   -webkit-transition: color 0.25s ease-in-out;
   -moz-transition: color 0.25s ease-in-out;
   transition: color 0.25s ease-in-out;
   -ms-transition: color 0.25s ease-in-out;
   -o-transition: color 0.25s ease-in-out;
}

a:focus, a:active, a:hover {
   color: #003D2F;
   text-decoration: none;
}

/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
/*  padding: 20px 4px 20px 0;
  **/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.top_menu li:hover > ul {
    -webkit-animation: fadein .5s; /* Safari and Chrome */
    -moz-animation: fadein .5s; /* Firefox */
    -ms-animation: fadein .5s; /* Internet Explorer */
    -o-animation: fadein .5s; /* Opera */
    animation: fadein .5s;
}

.top_menu ul {
   width:100%;
   list-style:none;
   white-space: nowrap;
   display: table;
   margin: 0;
   overflow:visible; position:relative;
   table-layout:fixed;
}

.top_menu ul li {
    padding: 5px 0px;
	text-align: center;
	width: auto;
	font: Roboto;
	font-size: 18px;
	color: #444;
	font-weight: bold;
	display: table-cell;
	
}

.top_menu ul li a{
   border: 0;
   font: Roboto;
   font-size: 18px;
   color: #444;
   font-weight: bold;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;
   
   -webkit-transition: none;
   -moz-transition: none;
   transition: none;;
   -ms-transition: none;
   -o-transition: color 0 ease-in-out;
}

.top_menu ul  li:hover > a {
  color: #FFFFFF;
}

.top_menu ul > li:hover {
  background: #708C84;
  color: #FFFFFF;
}

.top_menu ul li ul {
  padding: 0;
  float:left;
  position: absolute;
  width: 250px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
}

.top_menu ul li ul li { 
  text-align:left;
  font-size: 14px;
  padding: 15px 20px;
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.top_menu ul li ul li a{ 
  font-size: 14px;
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}

.top_menu ul li ul li:hover > a { background: #666; }
.top_menu ul li ul li:hover { background: #666; }
.top_menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.line_shadow_footer{clear: both;  float: left;  margin:     0;  display:  block;  height: 3px;  background-image:  linear-gradient(      #fff, #666    );}
.line_shadow {
clear: both;
  float: left;
  margin:     0;
  display:  block;
  height: 3px;
  background-image:
  linear-gradient(
      #666, #FFF
    );
}

.line{
  line-height: 1px;
  height: 1px;
  border: none;
  display:  block;
  margin-left:auto;
  margin-right:auto;
  padding: 0px;
  width: 100%;
}

.line_margins{
margin-top: 10px;
margin-bottom: 5px;
}

.line_margins_bigger{
margin-top: 30px;
margin-bottom: 35px;
}

.line_header{
  height: 4px;
  margin: 10px 0px 0px; 
  padding: 0px;
  width: 100%;
}

div.hr{
	height: 14px;
	overflow: inline-block;
}

div.hr hr{
	display: none;
}

.lite_green{
	background: #708C84;
    background-color: #708C84;
}
.page_one{
    background: #1B463C;
    background-color: #1B463C;
}
.page_two{
    background: #0A789D;
    background-color: #0A789D;
}

.page_three{
    background: #0A789D;
    background-color: #0A789D;
}
.page_four{
    background: #4E9DB7;
    background-color: #4E9DB7;
}

.page_five{
    background: #0A789D;
    background-color: #0A789D;
}

.main-navigation ul li ul{ display:none !important;}


/****************************80
IMAGES 
***********************************/

/*
/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
   display:none;
   z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
   display:block;
}
.main-navigation ul li ul {
	display:none;
}
*/
/** **Changed
   background-color: #ffffff;
   left: -1px;
   position: absolute;
   top: 70px;
   width: 160px;
**/

/*
.main-navigation ul li .sub-menu a {
   text-transform: none;
}
.main-navigation ul ul > li:last-child {
   border-bottom: 1px solid #eaeaea;
}
.main-navigation ul li ul li {
   float: none;
   padding: 0;
   border-left: 1px solid #eaeaea;
   border-right: 1px solid #eaeaea;
   border-top: 1px solid #eaeaea;
} */
/** **changed

.main-navigation ul li ul li a,
.main-navigation ul li ul li.current-menu-item a,

.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
   float: none;
   line-height: 21px;
   font-size: 13px;
   height: 100%;
   padding: 10px 20px;
   color: #666666;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
   color: #7095AE;
}
.main-navigation ul li ul li ul {
   left: 158px;
   top: -1px;
}
.main-navigation select {
   display: none;
}
 **/
/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
   display: none;
   cursor: pointer;
}

/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/

img.staff_photo{
    padding: 2px;
	margin-top: 16px;
	border: 2px solid #003025;
	margin-right: 10px;
    display:block;
	float: left;
}
img.left_photo {
	padding: 8px;
	float: left;
	margin-right: 16px;
	margin-bottom: 8px;
	border: 2px solid #003025;
}

img.right_photo {
	padding: 8px;
	float: right;
	margin-left: 16px;
	margin-bottom: 8px;
	border: 2px solid #003025;
}

figure {
   margin: 0;
   text-align: center;
}

/******

   vertical-align: top;
   margin-bottom: 18px;
*******/
img {
   max-width: 100%;
   height: auto;
}
.entry-content img, .comment-content img, .widget img {
   max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
}
img.size-full, img.size-large {
   max-width: 100%;
   height: auto;
}
.entry-content img.wp-smiley {
   border: none;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
   margin-bottom: 1.625em;
}
p img {
}
a img {
   border: 0;
}
a img:hover {ho
   opacity: 0.8;
   filter:alpha(opacity=80); /* For IE8 and earlier */
   box-shadow: #000 0 0 0;
}
img#wpstats {
   display: none;
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
   display: inline;
   float: left;
   margin-right: 30px;
}
.alignright {
   display: inline;
   float: right;
   margin-left: 30px;
}
.aligncenter {
   clear: both;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
.clearfix {
   display: inline-block;
}
* html .clearfix {
   height:1%;
}
.clearfix {
   display: block;
}
.tg-after-three-blocks-clearfix {
   clear: both;
}
.tg-featured-posts-clearfix {
   clear: both;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/

/*
====> 9.1 Captions
--------------------------------------------------------------*/
.wp-caption {
   border: 1px solid #ccc;
   margin-bottom: 1.5rem;
   max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
   display: block;
   margin: 1.2% auto 0;
   max-width: 98%;
}
.wp-caption-text {
   text-align: center;
}
.wp-caption .wp-caption-text {
   margin: 0.8075rem 0;
}
.gallery-caption {
}

/*--------------------------------------------------------------
10.0 Extras
--------------------------------------------------------------*/

/*
====> 10.1 Featured Slider
--------------------------------------------------------------*/
.big-slider-wrapper{
   max-width: 1600px;
   margin: 0 auto;
   position: relative;
}
.bx-wrapper .big-slider img {
   margin: 0 auto;
}
.big-slider img {
   margin-bottom: 0;
}
.big-slider .displayblock {
   display: block;
}
.big-slider .displaynone {
   display: none;
}
.big-slider .slider-entry-container{
   position: absolute;
   width: 700px;
   text-align: center;
   z-index: 999;
   margin: auto;
   left: 0;
   right: 0;
   top: 50%;
   -ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.big-slider .entry-title {
   font-size: 40px;
   text-transform: uppercase;
   color: #ffffff;
   padding-bottom: 35px;
   line-height: 1.1;
}
.big-slider .entry-title a {
   color: #ffffff;
}
.big-slider .entry-title a:hover {
   color: #7095AE;
}
.big-slider-wrapper .bx-wrapper .bx-viewport{border: 0; box-shadow: none; }
.big-slider-wrapper .bx-wrapper .bx-viewport{left: 0;}
.slider-button {
   display: inline-block;
   color: #ffffff;
   font-size: 16px;
   padding: 18px 20px;
   text-transform: uppercase;
   letter-spacing: 2px;
   border: 1px solid #ffffff;
}
.slider-button:hover{ background: rgba(255, 255, 255, 0.26);}
.slide-prev,
.slide-next {
   opacity: 0.5;
   filter:alpha(opacity=50);
   background-color: #7095AE;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 9;
   border-radius: 3px;
}
.slide-prev { margin-left: 20px; }
.slide-next { right: 0; margin-right: 20px; }
.slide-prev:hover,
.slide-next:hover {
   opacity: 1;
   filter:alpha(opacity=100);
}
.slide-prev a:before,
.slide-next a:before {
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #fff;
   font-size: 30px;
   padding: 10px 24px;
   display: block;
}
.slide-prev a:before { content: "\f104"; }
.slide-next a:before { content: "\f105"; }

/*
====> 10.2 Search Design
--------------------------------------------------------------*/
#masthead .search-wrap input.s {
   width: 180px;
}
.fa.search-top {
   color: #7095AE;
   position: absolute;
   right: 0;
   line-height: 70px;
   cursor: pointer;
   padding-left: 10px;
   top: 0;
}
.search-wrap {
   position: relative;
}
.search-wrap button {
   border-radius: 0;
   color: #fff;
   line-height: 45px;
   margin-left: -2px;
   margin-bottom: 0;
   padding: 0 15px;
   position: absolute;
   top: 0;
   right: 0;
}
.search-icon:before {
   content: "\f002";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #ffffff;
   font-size: 18px;
}
.search-form-top {
   border: 1px solid #eaeaea;
   display: none;
   padding: 10px;
   position: absolute;
   right: 0;
   top: 70px;
   z-index: 9999;
   background-color: #ffffff;
}
.not-found .search-wrap button {
    right: 175px;
}

/*
====> 10.3 Page Header Title
--------------------------------------------------------------*/
/******************************************************************
padding 0;
margin 0;
**************************************************************/
.header-post-shadow-container {
}

/*******************************************
was 40px 0;
*****************************/

.header-post-title-container {
   padding: 0px 0;
} 
/************************************************
Chagned border-bottom: 

  border-bottom: 5px solid #ff0002;
   background-color: #7095AE;
  1px solid #f2f2f2; - deleted 
*********************************************************************/ 

.header-post-title-container .post-title-wrapper {
   float: left;
   max-width: 100%;
   padding-right: 30px;
}
/**************************************************************************
ffffff
******************************************************************************************************/

.header-post-totle-class-lite-margin {
   margin-top:10px;
   font-size: 32px;
   padding-bottom: 0;
   color: #666666;

}
.header-post-title-class {
   margin-top:20px;
   font-size: 32px;
   padding-bottom: 0;
   color: #666666;
}

.header-post-subtitle-class {
   font-size: 24px;
   padding-bottom: 0;
   color: #666666;
}

.header-page-break {
   font-size: 30px;
   padding-bottom: 20px;
   color: #666666;
   bottom-border: 2px solid #000;
}

.header-post-title-dark-class {
   font-size: 34px;
   padding-bottom: 0;
   color: #666666;
}

h1.page_break{
font-size:30px;
font-color:red;
border: 2px solid #000;
}


/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/

/*
====> 11.1 Widgets General CSS
--------------------------------------------------------------*/
.business-template .main-wrapper .widget {
   background-color: #ffffff;
}
.business-template .widget.widget_call_to_action_block,
.business-template .widget.widget_portfolio_block {
   background-color: transparent;
}
.business-template .widget.widget_call_to_action_block > .inner-wrap,
.business-template .widget.widget_portfolio_block > .inner-wrap {
   max-width: 100%;
}
#secondary .widget,
#tertiary .widget {
    padding-bottom: 40px;
}
#secondary .widget-title,
#tertiary .widget-title {
   font-size: 24px;
}
#secondary .widget li a,
#tertiary .widget li a {
   padding-bottom: 10px;
   display: inline-block;
   color: #7095AE;
}
#secondary .widget li a:hover,
#tertiary .widget li a:hover {
   text-decoration: underline;
}
.widget select {
   max-width: 100%;
}
#secondary .search-wrap button,
#tertiary .search-wrap button {
   right: 26px;
}
.both-sidebar #secondary .search-wrap button,
.both-sidebar #tertiary .search-wrap button {
   right: 0;
}

/*
====> 11.2 Services Widget
--------------------------------------------------------------*/
.widget.widget_service_block {
   padding: 60px 0;
}
.widget_service_block .services-main-description img {
   padding-bottom: 40px;
}
.widget_service_block h3.widget-title {
   text-align: center;
   text-transform: uppercase;
   padding-bottom: 0;
}
.widget_service_block h5 a {
   color: #666666;
}
.widget_service_block h5 a:hover {
   color: #7095AE;
}
.widget_service_block h3.widget-title:after {
   background: none repeat scroll 0 0 #ccc;
   content: "";
   display: block;
   height: 2px;
   margin: 20px auto;
   width: 100px;
}
.widget_service_block .services-main-description p {
   padding-bottom: 50px;
   margin-bottom: 0;
}
.services-header{text-align: center;}
.services-header h2{
   text-transform: uppercase;
   border-bottom: 4px solid #7095AE;
   display: inline;
   padding-bottom: 10px;
}
.single-service{
   text-align: center;
}
.single-service:hover .icons {
   background-color: #7095AE;
}
.single-service:hover .icons i {
   color: #ffffff;
}
.single-service h5{
   padding: 20px 0;
   font-size: 20px;
}
.single-service span.icons{
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: 2px solid #f8f8f8;
   display: block;
   position: relative;
   margin: 0 auto;
}
.single-service span i{
   font-size: 36px;
   line-height: 102px;
   margin: 0;
   color: #7095AE;
}

/*
====> 11.3 Call to Action Widget
--------------------------------------------------------------*/
.business-template .widget.widget_call_to_action_block {
}
.business-template .widget.widget_call_to_action_block .call-to-action-content-wrapper {
   padding: 100px 0;
}
.call-to-action-content-wrapper h3 {
   padding-bottom: 0;
   font-size: 26px;
   color: #ffffff;
   line-height: 2;
   text-align: center;
   z-index: 1;
}
.call-to-action-button {
   border: 2px solid #ffffff;
   color: #ffffff;
   font-size: 18px;
   line-height: 2;
   text-align: center;
   padding: 10px 30px;
   margin-left: 60px;
   display: inline-block;
   border-radius: 3px;
}
.call-to-action-button:hover {
   background: rgba(255, 255, 255, 0.26);
   color: #ffffff;
}

/*
====> 11.4 Featured Posts Widget
--------------------------------------------------------------*/
.featured-posts-header .widget-title {
   text-align: center;
   line-height: 28px;
   padding-bottom: 0;
}
.featured-posts-main-description {
   text-align: center;
}
.featured-posts-main-description p {
   padding-bottom: 50px;
   margin-bottom: 0;
}
.widget_featured_posts_block .widget-title {
   text-transform: uppercase;
}
.widget_featured_posts_block .widget-title:after {
   background: none repeat scroll 0 0 #ccc;
   content: "";
   display: block;
   height: 2px;
   margin: 20px auto;
   width: 100px;
}
.widget_featured_posts_block {padding-top: 60px;}
.featured-posts-content {
   padding-bottom: 40px;
}
.single-post-image-wrap {
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
}
.single-post-image-wrap img {
   padding-top: 8px;
   margin-bottom: 0;
}
.single-post-content .read-btn a {
   margin-top: 0;
}
.widget_featured_posts_block .single-post .entry-title {
   margin: 0 0 6px 0;
   font-size: 25px;
   padding-bottom: 0;
}
.widget_featured_posts_block .single-post {
   margin-bottom: 10px;
}
.single-post-content p{}
.single-post-content a{color: #0A789D;}
.single-post-content .entry-title a{color: #666666;}
.single-post-content .entry-title a:hover{color: #0A789D;}
/*****************************************
both 0A789D were the 80abc8
******************************/

/*
====> 11.5 Portfolio Widget
--------------------------------------------------------------*/
.widget_portfolio_block {
}
.widget_portfolio_block .tg-column-odd,
.widget_portfolio_block .tg-column-even {
   margin-bottom: 25px;
   text-align: center;
}
.widget_portfolio_block .tg-one-fourth {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.portfolio-container {
   background-color: transparent;
   padding: 80px 0;
}
.portfolio-container img {
   margin-bottom: 0;
}
.widget_portfolio_block h3.widget-title {
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   padding-bottom: 0;
}
.widget_portfolio_block h3.widget-title:after {
   background: none repeat scroll 0 0 #ccc;
   content: "";
   display: block;
   height: 2px;
   margin: 20px auto;
   width: 100px;
}
.portfolio-main-description {
   text-align: center;
   padding-bottom: 50px;
}
.portfolio-main-description p {
   color: #ffffff;
}
.moving-box{
   position: absolute;
   bottom: -80px;
   left: 0;
   right: 0;
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   transition: 0.25s ease-in-out;
   -ms-transition: 0.25s ease-in-out;
   -o-transition: 0.25s ease-in-out;
}
.moving-box a{
   color: #fff !important;
   display: block;
   background-color: #7095AE;
   padding: 15px 5px;
   text-align: center;
}
.view-detail a {
   height: 58px;
   width: 58px;
   display: block;
   position: absolute;
   top: -70px;
   z-index: 1;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
}
.portfolio-container .tg-one-fourth:hover .view-detail a{top: 70px; }
.fa.fa-link {
   font-size: 40px;
   line-height: 58px;
}
.portfolio-view-more {
   text-align: center;
}
.portfolio-button {
   display: inline-block;
   color: #ffffff;
   font-size: 16px;
   padding: 18px 20px;
   text-transform: uppercase;
   letter-spacing: 2px;
   border: 1px solid #ffffff;
   margin-top: 40px;
}
.portfolio-button:hover{ background: rgba(255, 255, 255, 0.26);}
.portfolio-container .tg-one-fourth {position: relative; float:left;}
.portfolio-container .tg-one-fourth:hover .moving-box{bottom: 0;}
.portfolio-container .tg-one-fourth .single-portfolio-thumbnail{position: relative; padding:0; overflow: hidden;}

/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/

/*
====> 12.1 Breadcrumb NavXT
--------------------------------------------------------------*/
.breadcrumb {
   float: right;
   text-align: right;
   margin-top: 8px;
   margin-bottom: 2px;
   font-size: 14px;
}
.breadcrumb {
   color: #ffffff;
   font-weight: 300;
}
.breadcrumb a {
   color: #ffffff;
   font-weight: normal;
}
.breadcrumb a:hover {
   text-decoration: underline;
}

/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
   padding-bottom: 40px;
}

/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/

/*
====> 13.1 Body
--------------------------------------------------------------*/
<!-- **Changed body to have footer at bottom 
   height: 100%;
   position: relative; -->

body {
   padding-top: 10px;
   padding-bottom: 35px;
}
body.wide {
   padding-top: 0;
   padding-bottom: 0;
}
/********************************************************************************
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
********************************************************************************/

/**************************************************************************
Page - Main Body Content Area
Change for background color
*************************************************************************/
#page {
   background-color: #FCFCFC;
   margin: 0px auto;
   max-width: 1180px;
}
.wide #page {
   max-width: 100%;
}
.inner-wrap {
   max-width: 1100px;
   margin: 0 auto;
}

/*
====> 13.2 Header
--------------------------------------------------------------*/
.business-template #masthead {
   background-color: #ffffff;
}

.main-head-wrap {
    height: 120px;
	padding: 0px;
}

/* was 30 px 0; */

/***************************************************************************************
 border-bottom: 2px solid #FF0000;
    background-image: url("http://brunotech.org/main/wp-content/uploads/2015/04/long_long.png");
	    background-size: 100%;

Blue background: orginal : E9F3F4;
Gray : E3ECED
Blue: DCE9EA
********************************************************************************************/
.header {
    background: -webkit-linear-gradient(#003025 , #859D96); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#003025, #859D96); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#003025, #859D96); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#003025 , #859D96); /* Standard syntax */
   margin: 0px;
   padding: 0px;
   -webkit-box-shadow: 0 0 10px 2px #777;
   -moz-box-shadow: 0 0 10px 2px #777;
   box-shadow: 0 0 10px 2px #777;
} 

/****************************************************
changed was 1px
border-bottom: 2px solid #f2f2f2; 
**********************************************************/

#header-left-section {
   float: left;
   margin-right: 25px;
}
#header-logo-image {
   float: left;
   padding: 5px 20px 5px 0;
   max-width: 100%;
}
#header-logo-image img {
   margin-bottom: 0px;
   max-height: 60px;
}

/*****************************************************************
	pading-top: 24px;
********************************************************************************************/
div.site-title-content {
        display:inline-block;
        float: left;
}

div.contact-us-content {
	padding-top: 10px;
        padding-bottom: 40px;
	margin-bottom: 0px;
        display:inline-block;
}

div.contact-us-main {
	width: 100%;
	padding-top: 25px;
        padding-bottom: 00px;
	margin-bottom: 0px;
        display:inline-block;
}

div.publications_content {
        padding-top: 10px;
    margin-bottom: 40px;
        display:inline-block;
}

.new_container {
    text-align: center;
}

div.news_content {
    font-size: 16px;
      padding-top: 10px;
    margin-bottom: 20px;
        display:inline-block;
}
/*** 
padding-top:20px;
**/

img.header-logo-photo {
	margin-top: 35px;
	width:235px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
    display: block;
	float: left;
}

img.group_photo {
    margin-top: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 90%;
    display: block;
	clear:left;
}

img.contact-us-logo-photo {
	width: 65px;
	height: 65px;
	float: left;
}

#header-text-image {
   display: block;
   position: relative;
	float:left;
	height: 92px;
	line-height:92px; /** height - border height **/
	padding-right: 20px;
	margin-left: 10px;
}

#header-text {
   float: left;
   padding-right: 20px;
}
/*font-family: "himalaya";
   */
#site-title {
	padding-top:24px;
   /* line-height: 120px;   */
   padding-bottom: 0px;
   padding-left: 8px;
} /* **changed : added padding-top: */

/** was 34 px **/
#site-title a {
	margin-top: 4px;
   color: #f2f2f2;
   font-size: 32px;
}

/** good 7095AE **/
#site-title a:hover {
	border-bottom: 2px solid #FFFFFF;
}

#site-description {
   line-height: 1.5;
   font-size: 13px;
   padding-bottom: 0;
   color: #888888;
   font-weight: 300;
}

#header-right-section {

}
img.header-image {
   display: block;
   margin: 0 auto;
}

/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/

/* Right Sidebar */
#primary {
   float: left;
   width: 100%;
} <!--64.54545454%-->
#secondary {
   float: right;
   width: 31.81818181%;
}

/* Left Sidebar */
.left-sidebar #primary {
   float: right;
   width: 64.54545454%;
}
.left-sidebar #tertiary {
   float: left;
   width: 31.81818181%;
}

/* Both Sidebar */
.both-sidebar #primary {
   width: 72.72727272%;
}
.both-sidebar #secondary {
   width: 23.63636363%;
}hea
.both-sidebar #primary #content {
   float: right;
   width: 62.5%;
}
.both-sidebar #primary #tertiary {
   float: left;
   width: 32.5%;
}

/* No Sidebar */
.no-sidebar-full-width #primary {
   width: 100%;
}
.no-sidebar #primary {
   float: none;
   margin: 0 auto;
}

/*
====> 13.4 Content Columns
--------------------------------------------------------------*/

/* Two Column */
.tg-one-half {
   float: left;
   width: 48.18181818%;
   margin: 0 3.63636363% 0 0;
   padding: 0px 0px 30px;
}
.tg-one-half-last {
   float: right;
   margin: 0px;
}

/* Three Column */
.tg-one-third {
   float: left;
   margin: 0 3.63636363% 0 0;
   width: 30.90909090%;
}
.tg-one-third-last {
   float: right;
   margin-right: 0;
}

/* Four Column */
.tg-one-fourth {
   float: left;
   width: 22.95454545%;
   margin: 0 2.72727272% 0 0;
}
.tg-one-fourth-last {
   margin: 0px;
}

/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.extra-hatom-entry-title {
   display: none;
}
.single-page {
   margin-top: 10px;
}
.single-header {padding: 2% 0;background-color: #444;}
.single-header h2 {
   font-size: 2.5em;co
   color: #7095AE;
   font-weight: 200;
   margin-bottom: 16px;
}
#content,#content{
height:100%;
} <!-- **change this delete delete -->
.sidebar {
}
/*********************************************
#7095AE - liter blue grayish - original text.
#0A789D - darker blue - page one 
#034961 - darkest blue.  page three
Change this for hyperlinks.


.single-page p a{color: #0A789D;}
.single-page p a:hover{color: #7095AE;}
***********************************/

.single-page p a{color: #708C84; font-weight:600;}
.single-page p a:hover{color: #003D2F;}

#content strong{
   font-size: 1.1em;
   color: #333;
   font-weight: 400;
}
.single-page p{margin-bottom: 10px;}
.single-page #content ol,
.single-page #content ol li,
.single-page #content ul li{
   color: #888888;
   font-size: 20px;
   font-weight: 200;
   display: inline-block;
}
.sidebar h4{
   font-weight: 400;
   padding-bottom: 8px;
   margin-bottom: 17px;
}
.date-icon, .author-icon {
   width: 32px;
   height: 32px;
   display: block;
   float: left;
}
.hentry .entry-title {
   font-size: 24px;
   padding-bottom: 10px;
}
.hentry .entry-title a {
   color: #666666;
   display: block;
   font-weight: 400
}
.hentry .entry-title a:hover {
   color: #7095AE;
}
.entry-meta{width: 100%;padding-bottom: 20px;}
.entry-meta{ font-size: 14px;}
.read-btn a {
   border: 1px solid #7095AE;
   display: inline-block;
   margin-top: 20px;
   padding: 10px 16px;
}
.read-btn a:hover {
   background-color: #7095AE;
   color: #ffffff;
}
.entry-meta > span {
   padding-right: 15px;
}
.entry-meta .fa {
   color: #7095AE;
   padding-right: 5px;
}
.entry-meta a {
   color: #888888;
   font-weight: 300;
}
.entry-meta a:hover {
   color: #7095AE;
}
article.post {
   padding-bottom: 60px;
}
.tags a {
   display: inline-block;
}

/*
====> 13.6 Pagination
--------------------------------------------------------------*/
.previous a,
.next a {
   color: #7095AE;
   padding: 5px 0;
   cursor: pointer;
   font-size: 16px;
   display: inline-block;
}
.next {
   float: right;
}
.previous a:hover,
.next a:hover {
   text-decoration: underline;
}
.default-wp-page {
   padding: 20px 0;
}
.nav-previous,
.nav-next {
   margin-bottom: 15px;
}
.nav-previous a,
.nav-next a {
   color: #7095AE;
   cursor: pointer;
   font-size: 16px;
}
.nav-previous a { float: left; }
.nav-next a { float: right; }
.nav-previous a:hover,
.nav-next a:hover {
   text-decoration: underline;
}

/*
====> 13.7 Comments
--------------------------------------------------------------*/
#comments {
   border-top: 1px solid #F8F8F8;
   padding-top: 15px;
}
#comments i {
   font-size: 12px;
   color: #7095AE;
   padding-right: 10px;
   line-height: 1.5;
}
#comments img {
   margin-bottom: 5px;
}
.comments-title {
   font-size: 22px;
   line-height: 28px;
}
.comment-content a {
   word-wrap: break-word;
}
.comment-navigation {
   margin-bottom: 15px;
}
.bypostauthor {
}
#comments h2.comments-title {
   margin-bottom: 10px;
}
.avatar {
   border-radius: 50%;
   float: left;
}
.comments-area article header {
   margin: 0 0 5px;
   overflow: hidden;
   position: relative;
}
.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
   display: block;
   margin-left: 100px;
   color: #999999;
   font-size: 14px;
}
.comments-area article header cite a:hover,
.comments-area a.comment-edit-link:hover,
.comments-area a.comment-permalink:hover {
   color: #7095AE;
}
.comments-area .comment-author-link a {
   color: #999999;
}
.comments-area .comment-author-link a:hover {
   color: #7095AE;
}
.comments-area .comment-author-link span {
   margin-left: 10px;
   padding: 0 5px;
   background-color: #7095AE;
   color: #FFFFFF;
   border-radius: 3px;
}
.comments-area article header .comment-edit-link:before{
   content: "\f044";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #7095AE;
   font-size: 12px;
   padding-right: 10px;
}
.comment-content {
   padding: 15px 15px 25px;
   background-color: #F8F8F8;
   border-radius: 2px;
}
li.comment {
   margin-bottom: 20px;
   width: 100%;
}
.comment ul, .comment ol {
   margin: 0 0 20px 20px;
}
.comment ul {
   list-style: square outside none;
}
.comment .comment-reply-link {
   float: right;
   color: #aaaaaa;
   font-size: 14px;
}
.comment .comment-reply-link:before {
   content: "\f112";
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #7095AE;
   font-size: 12px;
   padding-right: 10px;
}
.comment .comment-reply-link:hover {
   color: #7095AE;
}
.comment-list {
}
.comment-list, .comment-list .children {
   list-style-type: none;
   padding: 0;
}
.comment-list .children {
   margin-left: 40px;
   padding-top: 20px;
   margin-bottom: 0;
}
#reply-title {
   font-size: 20px;
}
.comment-respond {
   padding-top: 20px;
}
.comment-respond small {
   float: right;
}
.form-allowed-tags {
   display: none;
}

/*
====> 13.8 Footer
--------------------------------------------------------------*/

/*
====> ====> 13.8.a Footer General CSS#1f2021#37383A#E3ECED same as header#E3ECED same as header

blue: DCE9EA
--------------------------------------------------------------*/
#colophon{
   margin-top: 45px;
   font-size: 16px;
   clear: both;
   color: #DDDDDD;
   background-color: #3B6057;
   overflow: hidden;
   padding: 20px 0 20px;       
   -webkit-box-shadow: 0 0 10px 2px #777;    
   -moz-box-shadow: 0 0 10px 2px #777;    
   box-shadow: 0 0 10px 2px #777;	
} 
/**-- **changed colophon to have height width padding position.... delete height...
   height: 35px;
   position:absolute;
   width: 100%;
   bottom: 0; **/

.scrollup:hover{opacity: 0.6;}
.copyright-info ul li {margin-bottom: 10px; float: left;margin-left: 25px;}
.copyright-info ul li a{color: #fff;padding: 5px 5px;}
.copyright-info ul li a:hover{color: #0A789D;} /******80abc8******/
.extra-info{float: right !important;}
#colophon p {
   font-weight: 300;
   color: #DDDDDD;
   line-height: 22px;
   font-size: 15px;
}/*******************************b1b6b6**********************************/
#colophon a {
   font-weight: 300;
   color: #D4D4D4;
   line-height: 22px;
   font-size: 16px;
}
#colophon a:hover {
   color: #769189;
}
#colophon-box {
   float: left;
   width: 22%;
   margin-right: 4%;
}

/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/
.footer-widgets-wrapper {
}
.footer-widgets-area {
   padding-bottom: 40px;
   color: #777777;
}
.footer-widgets-area .tg-one-fourth .widget-title {
   text-align: left;
}
.footer-widgets-area h3.widget-title {
   color: #D5D5D5;
}
.footer-widgets-area .tg-one-fourth p {
   text-align: left;
   color: #b1b6b6;
}
.footer-widgets-area a {
   color: #D5D5D5;
}
.footer-widgets-area a:hover {
   color: #769189;
}
#colophon .widget {
   padding-bottom: 25px;
}
#colophon .widget-title {
   font-size: 22px;
   line-height: 1.4;
   color: #b1b6b6;
}
#colophon, #colophon p {
   font-size: 14px;
   line-height: 1.4;
}
#colophon .footer-widgets-area li a {
   display: inline-block;
   padding-bottom: 3px;
}
.footer-widgets-area .search-icon:before {
   font-size: 20px;
}

/*************************
Crossfades....
************************************/

#cf {
}

#cf img {
    position:absolute;
    left:0;
    opacity: 1;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#cf img.top:hover {
  opacity:0;
}
	
/*
====> ====> 13.8.c Footer Copyright Info
--------------------------------------------------------------*/

	.footer-photo{
	  -webkit-transition: all 1s ease;
		 -moz-transition: all 1s ease;
		   -o-transition: all 1s ease;
		  -ms-transition: all 1s ease;
			  transition: all 1s ease;   
	  
	}

.footer-photo:hover{
	content: url('..');
}

#colophon span{
font-size: 18px;
color:#e9e9e9;
}
#colophon span:hover{
   color: #769189;
}

.copyright-info {
   float: left;
   padding-right: 10px;
   font-weight: 300;
}
#colophon .copyright-info a {
   color: #	;
}
#colophon .copyright-info a:hover {
   color: #769189;
}

/*
====> ====> 13.8.d Footer Menu
--------------------------------------------------------------*/
.footer-nav {
   float: right;
}
.footer-nav ul li {
   display: inline-block;
   padding-left: 10px;
}/***b1b6b6***/
#colophon .footer-nav ul li a {
   color: #DDDDDD;
}

/********************
chagned
80abc8  -- also in all copyright / footer areas that have 0A789D
**********************/

#colophon .footer-nav ul li a:hover {
   color: #769189;
}

/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
   bottom: 20px;
   position: fixed;
   right: 20px;
   display: none;
   background-color: #0A789D;
   opacity: 0.5;
   filter:alpha(opacity=50); /* For IE8 and earlier */
   padding: 9px 18px;
   border-radius: 2px;
 border-bottom: 1px solid #034961;
 border-top: 1px solid #034961;
 border-right: 1px solid #034961;
 border-left: 1px solid #034961	;
   font-size: 20px;
   z-index: 999;
}
a#scroll-up i {
   color: #FFF;
}
a#scroll-up:hover {
   opacity: 1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/

.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

@media screen and (max-width: 1190px) {
/************************************************************************** 
changed was 97% 
inner was 94....
**************************************************************************/

/** added body **/

   #page {
      width: 100%;
   }
   .wide #page {
      width: 100%;
   }
   .inner-wrap {
      width: 96%;
   }
   .business-template .widget.widget_call_to_action_block > .inner-wrap,
   .business-template .widget.widget_portfolio_block > .inner-wrap {
      width: 100%;
   }

}

@media screen and (max-width: 1000px) {

.main-head-wrap {
	padding: 00px;
}

#site-title a {
   font-size: 34px;
}

.main-navigation li {
  -webkit-transition: background-color 1s, border-color 1s ease;
     -moz-transition: background-color 1s, border-color 1s ease;
       -o-transition: background-color 1s, border-color 1s ease;
      -ms-transition: background-color 1s, border-color 1s ease;
          transition: background-color 1s, border-color 1s ease;   
  
   border-bottom: 8px solid transparent;
   float: left;
   position: relative;
   padding:  0px 12px  0px;
   }
   /*
   padding: 30px 12px 10px;*/
}

@media screen and (max-width: 900px) {

.main-head-wrap {
	padding: 0px;
}

#site-title a {
   font-size: 30px;
}

.main-navigation li {
  -webkit-transition: background-color 1s, border-color 1s ease;
     -moz-transition: background-color 1s, border-color 1s ease;
       -o-transition: background-color 1s, border-color 1s ease;
      -ms-transition: background-color 1s, border-color 1s ease;
          transition: background-color 1s, border-color 1s ease;     
   border-bottom: 8px solid transparent;
   float: left;
   position: relative;
   padding:  0px 6px  0px;
}
}


@media screen and (max-width: 800px) {
/*********************************** changed was 80% *************************************************/
.main-head-wrap { 
    height: 60px;
	padding: 0px;
}

#header-text-image {
   display: block;
   position: relative;
	float:left;
	height: auto;
	line-height: 0; /** height - border height **/
	padding-right: 20px;
	margin-left: 10px;
}


div.site-title-content {
	padding-top: 10px;
    padding-bottom: 10px;
	margin-bottom: 0px;
 display:inline-block;
    white-space: nowrap;
  overflow: hidden;	
     float: left;
}

#site-description {
   line-height: 1.5;
   font-size: 13px;
   padding-bottom: 0;
   color: #888888;
   font-weight: 300;
   padding-bottom: 0px;
}

   /*font-family: "himalaya";*/
#site-title {
   padding-top: 00px;
   padding-bottom: 00px;
   line-height: 60px;
   overflow: hidden;
   padding-bottom: 0px;
   padding-left: 8px;
} 
/******************************
changed : added padding-top: 
**********************************/

/***************************************** 
was 34 px 
******************************************/
#site-title a {
   font-size: 24px;
}

img.header-logo-photo {

	width:117px;
	height:25px;
	vertical-align: middle;
    margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
    display: block;
	float: left;
}

#header-left-section {
      max-width: 80%;
      margin-right: 0;
   }

#header-right-section {
      float: none;
   }
/**************************************************
changed: added padding-left 10px; 
**********************************************************/
   #header-text {
      padding-right: 0;
   }
   .big-slider .slider-entry-container {
      width: 80%;
   }
   .big-slider .entry-title {
      font-size: 30px;
      padding-bottom: 28px;
   }
   .slider-button {
      font-size: 12px;
      padding: 10px 14px;
      letter-spacing: 1px;
   }
   .slide-prev a:before, .slide-next a:before {
      font-size: 24px;
      padding: 14px 18px;
   }
   .slide-prev {
      margin-left: 8px;
   }
   .slide-next {
      margin-right: 8px;
   }
   .menu-toggle,
   .main-navigation.toggled .menu-primary-container {
      display: block;
   }
   .main-navigation ul {
      display: none;
   }

   .main-navigation {
      padding-top: 0;
   }
   .main-navigation ul li ul{
	display: none !important;
    } 

/** **changed ..this is added above...**/

   .menu-toggle {
      margin-top: 18px;
      right: 36px;
      position: absolute;
   }
/********************************************************
80abc8
**************************************************/
   .menu-toggle:before{
      color: #e0e0e0;
      content: "\f0c9";
      font-family: fontawesome;
      font-size: 22px;
      position: absolute;
      margin-top: 8px;
      top: -10px;
   }

/****************************************************
changed: adding padding to sides


   .menu-primary-container > ul > li > a,
   .menu > ul > li > a {
      line-height: 50px;
      height: 88px;
   }

**************************************************/
   .menu-primary-container {
      clear: both;
      padding-bottom: 6px;
 }

   .menu-primary-container ul ul li {
      padding-right: 0;
   }

   .menu-primary-container > ul > li > a,
   .menu > ul > li > a {
      height: auto;
      line-height: 2;
   } 
   
   .menu-primary-container li {
      margin-bottom: 4px;
   }

   #masthead .menu-primary-container li a{
      color: #E8E8E8;
      display: block;
      font-size: 14px;
      padding: 16px 8px;
      width: 100%;
}   /** **changed
	deleted a after li 
        border-bottom: 1px solid #f8f8f8; **/


/*  4E9DB7  border left cell phone navigation */
.menu-primary-container  li:nth-child(n) {
	border-left: 2px solid #7095AE;
}

#masthead  .menu-primary-container ul li ul{ display:none !important;}

 .menu-primary-container ul li ul{ display:none !important;}
}

/**********************************************************************************
 **Changed  padding 10px 0;  
*************************************************************************************/
   .call-to-action-content-wrapper h3 {
      line-height: 1.5;
   }
   .call-to-action-button {
      margin: 20px auto 0;
   }
   /* Featured Posts widget */
   .single-post-image-wrap {
      float: none;
      margin-right: 0;
   }
   .single-post-content .entry-title,
   .single-post-content p,
   .read-btn {
      text-align: center;
   }
   .footer-widgets-wrapper .tg-column-odd,
   .widget_portfolio_block .tg-column-odd {
      float: left;
      width: 48.18181818%;
   }
   .footer-widgets-wrapper .tg-column-even,
   .widget_portfolio_block .tg-column-even {
      float: right;
      width: 48.18181818%;
      margin-right: 0;
   }
   .widget_portfolio_block .tg-column-odd,
   .widget_portfolio_block .tg-column-even {
      text-align: center;
      margin-bottom: 25px;
   }
   .single-service.tg-one-third {
      margin-bottom: 25px;
   }
   .tg-after-two-blocks-clearfix {
      clear: both;;
   }
   .tg-after-three-blocks-clearfix {
      clear: none;
   }
   .copyright-info {
      padding-right: 0;
      float: none;
      text-align: center;
   }
   .footer-nav {
      float: none;
      text-align: center;
   }
}

@media screen and (max-width: 767px) {
.show-menu {
		display:block;
}
	
.top_menu :after {
  content: "";
  display: table;
  clear: both;
}

	/*Make dropdown links appear inline*/
	.top_menu ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.top_menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.top_menu ul li, li a {
		width: 100%;
	}

   #primary, #secondary,
   .both-sidebar #primary,
   .both-sidebar #secondary,
   .both-sidebar #primary #content,
   .both-sidebar #primary #tertiary {
      float: none;
      width: 100%;
   }
   .tg-one-half, .tg-one-third {
      float: none;
      width: 100%;
      margin: 0;
   }
}

@media screen and (max-width: 600px) {
img.left_photo {
	padding: 8px;
	float: left;
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	border: 2px solid #003025;
}

img.right_photo {
	padding: 8px;
	float: left; /* changed from float right to keep everything uniform in cell phones....*/
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	border: 2px solid #003025;
}

   .big-slider .slider-entry-container {
      width: 75%;
   }
   .big-slider .entry-title {
      font-size: 24px;
      padding-bottom: 20px;
   }
   .slider-button {
      font-size: 12px;
      padding: 8px 10px;
      letter-spacing: 0;
   }
   .slide-prev a:before, .slide-next a:before {
      font-size: 18px;
      padding: 6px 12px;
   }
   .slide-prev {
      margin-left: 4px;
   }
   .slide-next {
      margin-right: 4px;
   }
   .footer-widgets-wrapper .tg-column-odd,
   .footer-widgets-wrapper .tg-column-even {
      float: none;
      width: 100%;
   }
#site-title a {
   font-size: 20px;
}
img.header-logo-photo {
	width:85px;
	height:18px;
    margin-top: 21px;
	margin-left: auto;
	margin-right: auto;
    display: block;
	float: left;
}

   }
   
   
@media screen and (max-width: 500px) {
#site-title a {
   font-size: 16px;
}

}
@media screen and (max-width: 400px) {
  .big-slider .entry-title {
      font-size: 16px;
      padding-bottom: 10px;
   }
   .slider-button {
      font-size: 10px;
      letter-spacing: 0;
      padding: 1px 8px;
   }
   .widget_portfolio_block .tg-column-odd,
   .widget_portfolio_block .tg-column-even {
      float: none;
      width: 100%;
   }
   #site-title a {
   font-size: 12px;
}

}


/*thick line break*/
hr.thick_line{
    
	background-color: #fff;
	border-top: 2px dotted #003D2F;

    }

/***************************
Box templates for images
********************/
.funding{
    width:100%;
    }
@media(min-width:960px){
img.funding{
    display:inline-block;
    height:60px;
    width:auto;
    vertical-align:top;
    margin-left:5%;
    float:right;
    }
}
img.funding{
    display:block;
    height:60px;
    width:auto;
    vertical-align:top;
    margin:5px 0;
    
}

/*Whitehall logo very wide needs own class*/
@media(min-width:960px){
img.funding_WH{
    display:inline-block;
    height:30px;
    width:auto;
    vertical-align:top;
    margin-left:5%;
    float:right;
    }
}
img.funding_WH{
    display:block;
    height:30px;
    width:auto;
    vertical-align:top;
    margin:5px 0;
    
}

p.funding{
    
    display:inline-block;
    font-size:20px;
    vertical-align:top;
    }

h1.funding{
   margin-top:5px;
   font-size: 22px;
   padding-bottom: 5px;
   font-weight:bold;
   color:#000;
    }


ul.affiliations{
    list-style-position: inside;
    list-style-type:none;
    font-size:18px;
    }