/*
=======================================
Global Styles
=======================================
*/



/*-----------------------------------
TABLE OF CONTENT

1. HTML & BODY
2. HEADER
3. NAVIGATION
4. CONTENT
5. SIDEBARS
6. FOOTER
7. TYPOGRAPHY
8. HELPERS
9. MISC

Web Fonts used...
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;

Colors....
MAST Blue:  #194090 **
Med Blue:   #1262a8 **
Light Blue: #80bcf9
Dark Blue:  #004c93

Light Gray: #dddddd
Med Gray:   #999999
Dark Gray:  #666666
-----------------------------------*/



/*-----------------------------------
1. HTML & BODY
-----------------------------------*/
body,html {
	height:100%;
}

body {
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	background: #999;
	color: #404040;
	font-family: Roboto,sans-serif;
	/*font-size: 15px;*/
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

/* helper (for jquery detect) to detect mobile browser width */
.isMobile {
	float: left;
}
@media only screen and (max-width: 767px){
	.isMobile {float:none;}
}

/* xsmall screen */
@media (max-width: 767px) {
	body {
		background: #fff;
		font-weight: normal;
	}
	
	.isMobile {
		float: none;
	}
}

a {
	color: #194090;
}

a:focus,
a:hover {
	color: #194090;
	text-decoration: underline;
}

/*--------------------------------------------
*
* Hide WP ADMIN bar
*
---------------------------------------------*/
body.logged-in.canvas-slid #wpadminbar {
	margin-top: -46px;
}
/*--------------------------------------------
*
* END: Hide WP ADMIN bar
*
---------------------------------------------*/


/* admin only class */
.admin-only {
	display: none !important;
}

.logged-in.role-administrator .admin-only {
	display: block !important;
}

/* hide ADMIN user box from suppliers */
body.role-supplier #main .entry-content .tml-user-panel {
	display: none !important;
}


/* line-break for long urls */
.break-url,
.break-word {
	/*white-space: pre; 
	white-space: pre-wrap;
	white-space: pre-line; 
	white-space: -pre-wrap;
	white-space: -o-pre-wrap; 
	white-space: -moz-pre-wrap;*/
	word-wrap: break-word; /* IE 5+ */
	
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

#page {
	background: #fff;
	margin: 0 auto;
	max-width: 1600px;
	position: relative;
	text-align: left;
}


/*-----------------------------------
2. HEADER
-----------------------------------*/
.site-header {
}

#site-branding {
	text-align: center;
}

#site-branding .site-title img {
	height: auto;
	width: 100%;
	max-width: 220px;
}

#site-branding .site-description {
    display: none; /* hide slogan/tagline */
	
	color: #666;
	font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    margin: -5px auto 10px auto;
	max-width: 200px;
    text-transform: capitalize;
	text-align: center;
}

#top-bar {
	background: #ddd;
    height: 50px;
	line-height: 50px;
	/*padding: 6px;*/
}

.logged-in #top-bar {
    height: auto;
	line-height: 1em;
	padding: 6px;
}

#top-bar .login-link-button .btn {
	padding: 6px 16px;
}

.page-login #top-bar .login-link-button {
	display: none;
}


/* smaller screens */
@media (max-width: 767px) {
	.site-header {
		height: 90px;
		position: relative;
	}
	
	.site-header #header-info {
		margin: 0 -15px;
	}
	
	#site-branding .site-title img {
		max-width: 180px;
		margin: 5px 50px;
	}
	
	#site-branding .site-description {
		max-width: 100%;
	}
}

/* medium screens */
@media (min-width: 768px) and (max-width: 991px) {
	.site-header .container,
	#top-bar .container {
		width: 100% !important;
	}
	
	#site-branding .site-title img {
		margin: 5px 0;
	}
}

/* large screens */
@media (min-width: 992px) {
	#site-branding .site-title img {
		margin: 5px 0;
	}
}


/*
Social media icons
---------------------
*/
#top-bar ul.menu.social-media-menu {
	display: inline-block;
	margin-left: 40px;
	vertical-align: middle;
}

.logged-in  .col.social-media {
	display: none;
}

/* small screens */
@media (max-width: 767px) {
	#top-bar .col.social-media {
		/*line-height: 1em;
		padding-top: 2px;*/
		text-align: center;
	}
	
	#top-bar ul.menu.social-media-menu {
		margin-left: auto;
	}
}

/* small-medium screens */
@media (min-width: 768px) and (max-width: 991px) {
	#top-bar ul.menu.social-media-menu {
		margin-left: 0;
	}
}

/* medium screens */
@media (min-width: 992px) and (max-width: 1199px) {
	#top-bar ul.menu.social-media-menu {
		margin-left: 15px;
	}
}

/* large screens */
@media (min-width: 1200px) {
	
}


/*
Member Info
---------------------
*/
@media (min-width: 768px) {
	.logged-in .member-info .col {
		border-left: 1px solid #bbb;
		min-height: 80px;
	}
	
	.logged-in .member-info .col:first-child {
		border: none;
	}
}

/* 
login box
*/
#top-bar .widget_theme_my_login {
	display: inline-block;
	float: right;
}

@media (max-width: 767px) {
	/* hide login form on small screens */
	.not-logged-in #top-bar .widget_theme_my_login {
		display: none;	
	}
}

/* NOT logged in */
#top-bar .widget_theme_my_login .widget-title {
	display: none;	
}

#top-bar .widget_theme_my_login .tml-login {
	max-width: none;
}

#top-bar .widget_theme_my_login .tml-login .title {
	color: #666;
	display: inline-block;
	float: left;
	font-size: 13px;
	line-height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
}

#top-bar .widget_theme_my_login .tml-login form {
	display: inline-block;
	float: right;
}

#top-bar .widget_theme_my_login .tml-login ul.tml-action-links {
	/* lost pswd link */
	display: inline-block;
    float: left;
	font-size: 13px;
	margin: 0 10px 0 0;
	padding: 0;
}

#top-bar .widget_theme_my_login .tml-login ul.tml-action-links li:before {
	color: #aaa;	
	content: "(";
}

#top-bar .widget_theme_my_login .tml-login ul.tml-action-links li:after {
	color: #aaa;	
	content: ")";
}

#top-bar .widget_theme_my_login .tml-login ul.tml-action-links a {
	/*color: #aaa;*/
	display: inline-block;	
	line-height: 32px;
}

#top-bar .widget_theme_my_login .tml-login ul.tml-action-links a:focus,
#top-bar .widget_theme_my_login .tml-login ul.tml-action-links a:hover {
	text-decoration: underline;
}

#top-bar .widget_theme_my_login .tml-login form p {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}

#top-bar .widget_theme_my_login .tml-login form label,
#top-bar .widget_theme_my_login .tml-login form .tml-rememberme-wrap {
	display: none;
}

#top-bar .widget_theme_my_login .tml-login form input {
	line-height: 24px;
    margin: 0 5px 0 0;
    padding: 0 5px;
    width: 120px;
}

#top-bar .widget_theme_my_login .tml-login form .tml-rememberme-submit-wrap {
	float: left;
    margin: 0;
    width: auto;
}

#top-bar .widget_theme_my_login .tml-login .tml-submit-wrap input[type=submit] {
 	/*line-height: 28px;*/
	line-height: 32px;
	margin: 0;
    padding: 0 10px;
    width: auto;
}

/* logged in... */
.logged-in #top-bar .member-info .widget_theme_my_login {
	/*float: none;*/
	float: left;
}

.logged-in #top-bar .member-info .widget_theme_my_login .widget-title {
	display: block;	
	font-size: 18px;
	line-height: 1em;
	margin: 0 0 10px 0;
	padding: 0;
}

.logged-in #top-bar .member-info .widget_theme_my_login .tml-user-panel .tml-user-avatar {
	float: left;
	margin: 0 10px 0 0;
}

.logged-in #top-bar .member-info .widget_theme_my_login .tml-user-panel ul.tml-user-links {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
} 

/* small screens */
@media (max-width: 767px) {
}

/* medium screens */
@media (min-width: 768px) and (max-width: 991px) {
	#top-bar .widget_theme_my_login .tml-login .title {
		display: none;
	}
}

/* large screens */
@media (min-width: 992px) {
}
/* END: login box */


/* search form */
#search-form {
}

#search-form input[type=text] {
	border-color: #ccc;
    height: auto;
	margin: 0;
    width: 70%;
}

#search-form .btn[type=submit] {
	vertical-align: top;
}

/*
#search-form submit[type=submit] {
	line-height: 17px;
}
*/

/* medium screens */
@media (max-width: 767px) {
	#search-form input[type=text] {
		float: left;
		line-height: 32px;
		margin-right: 5px;
	}
	
	/*#search-form submit[type=submit]*/
	#search-form .btn[type=submit] {
		float: left;
		line-height: 21px;
	}
}

/* medium screens */
@media (min-width: 768px) and (max-width: 1199px) {
	#search-form input[type=text] {
		max-width: 140px;
	}
	
	#search-form {
		margin-top: 25px;
		text-align: right;
	}
}

/* large screens */
@media (min-width: 1200px) {
	#search-form input[type=text] {
		max-width: 180px;
	}
	
	#search-form {
		margin-top: 25px;
		text-align: right;
	}
}
/*
---------------------
END: Member Info
*/



/*-----------------------------------
3. NAVIGATION
-----------------------------------*/
/*
The navigation styles have been moved
into the 'navigation.css' file
*/
.nav-pills {
	
}

.nav-pills > li {
	
}

.nav-pills > li > a {
	color: #222;
	background-color: #e9e9e9;
	border: 1px solid #ddd;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	color: #fff;
	background-color: #194090;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #194090;
}

.nav-stacked {
}

.nav-stacked > li {
}

.nav-stacked > li + li > a {
  margin-top: 6px;
  margin-left: 0;
}

.nav-stacked > li > a {
}


/*-----------------------------------
4. CONTENT
-----------------------------------*/

/* banner areas (top/bottom of pages) */
.banner-wide {
	background: #222;
	color: #fff;
}

.banner-wide .banner-content {
	/*padding: 15px 0;*/
}

/* END: banner areas (top/bottom of pages) */


.site-content.wide-page .page-header .page-title,
.site-content.wide-page .entry-header .entry-title {
	text-align: center;
}

.page-header {
	padding: 0;
}

.page-header .page-title,
.entry-header .entry-title {
	color: #194090;
	font-size: 38px;
	font-weight: 300;
	margin: 30px 0;
	padding: 0;
	text-align: center;
}

#content.member-content .page-header .page-title,
#content.member-content .entry-header .entry-title {
	font-weight: 500;
}

.page-header .page-title span,
.entry-header .entry-title span {
	font-weight: bold;
}

.page-subheader {
	border-bottom: 1px solid #ddd;
	margin: 0 0 30px 0;
}

.page-subheader .page-title {
	color: #194090;
	font-size: 38px;
	font-weight: 500;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	/*text-align: left;*/
}

.site-content {
	margin-bottom: 40px;
	min-height: 300px;
}

.site-content img {
	height: auto;
    max-width: 100%;
    width: auto;
}

.site-content #primary {
	position: relative;
}

.site-content #primary #main {
}

.site-content #primary #main #content-top,
.site-content #primary #main #content-bottom {
	margin: 30px 0 15px 0;
}

/*
.site-content #primary #main #content-bottom {
	margin: 20px 0;
}
*/


/* thumbnail icons */
#main section img.icon {
	height: auto;
	margin: 0 auto 15px auto;
	width: 70%;
	max-width: 170px;
}


/* xsmall screens */
@media (max-width: 767px) {
	.entry-header .entry-title {
		font-size: 36px;
		margin: 20px 0 30px 0;
		text-align: center;
	}
	
	.site-content {
		margin-bottom: 20px;
		min-height: 200px;
	}
	
	.site-content img {
		height: auto;
		/*max-width: none;
		width: 100%;*/
		max-width: 100%;
	}
}


/*
sections
---------------------*/

/* gray BG section */
#main section.section-gray,
.wide-page #main section.section-gray {
	background: #e9e9e9;
}

/* blue BG section */
#main section.section-blue,
.wide-page #main section.section-blue {
	background: #1262a8;
	color: #fff;
}

#main section.section-blue a,
.wide-page #main section.section-blue a {
	/*color: #80bcf9;*/
	color: #b0ddff;
}

#main section.section-blue a.btn-default,
.wide-page #main section.section-blue a.btn-default {
	color: #444;
}

#main section.section-blue h2 a,
.wide-page #main section.section-blue h2 a {
	color: #fff;
}

#main section.section-blue .well,
.wide-page #main section.section-blue .well {
	background: #004c93;
    border-color: #88c;
    box-shadow: none;
}

#main section.section-blue form,
.wide-page #main section.section-blue form {
	color: #444;
}


/*
Wide page templates
-----------------------------*/
.site-content.wide-page {
	margin-bottom: 0;
}

.wide-page #main section .entry-header .entry-title {
	margin: 30px 0;
}

.wide-page #main section.section-intro {
    color: #666;
	font-family: Open Sans, sans-serif;
	font-size: 18px;
    font-weight: 300;
    /*line-height: 1.6em;*/
	padding: 0 0 30px 0;
}

.wide-page #main section {
	background: #fff;
	/*overflow: auto;*/
	overflow: hidden;
	padding: 40px 0;
	position: relative;
	text-align: center;
}

.wide-page #main section h1:first-child,
.wide-page #main section h2:first-child,
.wide-page #main section h3:first-child,
.wide-page #main section h4:first-child {
	margin-top: 0;
}

.wide-page #main .section-content {
}

.wide-page #main section .title:first-child {
	margin-top: 0;
}

/* thumbnail icons
.wide-page #main section img.icon {
	height: auto;
	margin: 0 auto 15px auto;
	width: 70%;
	max-width: 170px;
}
*/

/* photo section */
.wide-page #main section.section-photo {
  	height: 0;
	overflow: hidden;
	position: relative;
  	padding-bottom: 36%;
  	padding-top: 30px;
}

.wide-page #main section.section-photo img {
    height: auto;
    width: 100%;
	
	position: absolute;
    bottom: 0;
    left: 0; 
 }

/* small screens */
@media (max-width: 767px) {
	.wide-page #main section .entry-header .entry-title {
	}
	
	.wide-page #main section.section-intro {
		font-size: 16px;
		padding: 0 0 20px 0;
	}
	
	.wide-page #main section {
		padding: 20px 0;
	}

	.wide-page #main section .section-col {
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
}

/* medium screens */
@media (min-width: 768px) and (max-width: 1199px) {
}

/* large screens */
@media (min-width: 1200px) {
	.wide-page .entry-header .col {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	.wide-page #main .section-intro .col {
		padding-left: 80px;
		padding-right: 80px;
	}
}

#contact-page-owner.well {
	font-size: 0.9em;
}



/*-----------------------------------
5. SIDEBARS
-----------------------------------*/
aside.sidebar {
	padding-top: 20px;
}

aside.sidebar .widget hr {
	margin: 15px 0;
}

aside.sidebar .widget hr.or-line:before {
	background: #fff;
    content: "\2013or\2013";
    display: inline-block;
    float: left;
    margin-left: 40%;
    margin-top: -11px;
    padding: 0 9px;
}

aside.sidebar .widget .form-inline .form-group {
    display: block;
	width: 100%;
}

aside.sidebar .widget .form-inline select,
aside.sidebar .widget .form-inline .form-select {
	width: 75%;
}

aside.sidebar .AdWidget_ImageWidget img {
    max-width: 340px;
    width: 100%;
}

/* Banner Ads */
aside.sidebar .widget.AdWidget_ImageWidget {
	border: 1px solid #333;
	padding: 0;
}

/* Sidebar Forms */
aside.sidebar form button[type=submit] {
	text-transform: uppercase;
}

aside.sidebar form button[type=submit].btn-block {
    border: 1px solid #194090;
    /*border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}


/* xsmall screens */
@media (max-width: 767px) {
	
}

/* small-medium screens */
@media (min-width: 768px) and (max-width: 1199px) {
	aside.sidebar {
		padding-top: 30px;
	}
	
	aside.sidebar-right {
		padding-left: 5px;
	}
}

/* large screens */
@media (min-width: 1200px) {
	aside.sidebar {
		padding-top: 30px;
	}
}



/*-----------------------------------
6. FOOTER
-----------------------------------*/
.site-footer .site-info p {
	line-height: 32px;
	margin: 0;
}

/* top footer */
#footer-top {
	background: #ddd;
	/*background: #194090;*/
	border-top: 1px solid #ccc;
	padding: 20px 0;
	text-align: right;
}

#footer-top .widget.company-address .widget-title {
	display: none;
}

/* bottom footer */
#footer-bottom a {
	color: #bbb;
}

#footer-bottom {
	background: #444;
	/*background: #004c93;*/
	color: #fff;
	padding: 15px 0;
}

#footer-bottom .row {
	margin-bottom: 15px;
}

#footer-bottom ul.menu.social-media-menu {
    float: right;
}

#footer-bottom .member-of-logos .title {
	background: #333;
	border: none;
	/*color: #bbb;*/
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 6px 9px;
}

#footer-bottom .member-of-logos img {
	/*
	background: #fff;
    border: 2px solid #999;
    display: inline-block;
    height: 100px;
    margin: 0 15px 0 0;
    padding: 10px;
    width: auto;
	*/
    display: inline-block;
    height: 75px;
    margin: 0 15px;
    width: auto;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#footer-bottom .member-of-logos a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#footer-bottom .company-address {
	text-align: right;
}


/* xx-small- screens */
@media (max-width: 480px) {
	#footer-bottom .member-of-logos img {
		display: block;
		height: 90px;
		margin: 0 auto 20px;
	}
}

/* x-small- screens */
@media (max-width: 767px) {
	.site-footer {
		/*margin: 0 15px;*/
		text-align: center;
	}
	
	.site-footer .site-info p {
		line-height: 1.4em;
	}
	
	.site-footer .site-info,
	.site-footer .social-media  {
		margin-bottom: 10px;
	}
	
	#footer-top {
		text-align: center;
	}
	
	#footer-bottom ul.menu.social-media-menu {
		float: none;
	}

	#footer-bottom .company-address {
		text-align: center;
	}
}

/* small screens */
@media (min-width: 768px) and (max-width: 1199px) {
	#footer-bottom .member-of-logos img {
		margin: 0 10px;
	}
}


/*-----------------------------------
7. TYPOGRAPHY
-----------------------------------*/

/* headers */
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6 {
	font-family: 'Open Sans', sans-serif !important;
	/*font-family: 'Roboto', sans-serif !important;*/
	line-height: 1.2em;
}

ul h1,  ul h2, ul h3, ul h4, ul h5,
ol h1,  ol h2, ol h3, ol h4, ol h5 {
	margin-top: 0;
}

.h1, .h1 {
	font-weight: 300;
}

.h2, h2 {
    font-size: 38px;
	font-weight: 300;
	margin-bottom: 20px;
}

.h3, h3 {
    font-size: 26px;
	margin-bottom: 10px;
}

.h4, h4 {
    font-size: 20px;
	margin-bottom: 10px;
}

.h5, h5 {
    font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
}

.h6, h6 {
    font-size: 1em;
	font-weight: 600;
	margin-bottom: 0.1em;
}

/*
code {
	display: block; 
	margin: 0 0 20px 0;
}
*/

/* 
block headers
------------------------
*/
.block-header {
	background: #f0f0f0;
	/*border: 1px solid #ddd;*/
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 15px;
	padding: 8px 12px;
}

.block-header-gray {
	background: #f0f0f0;
	border-color: #ddd;
}

.block-header-dark-gray {
	background: #666;
	border-color: #444;
	color: #fff;
}

.block-header-dark-gray a {
	color: #fff;
}

.block-header-blue {
	/*background: #1262a8;*/
	background: #194090;
	border-color: #004990;
	color: #fff;
}

.block-header-blue a {
	color: #fff;
}

/* 
underline headers
------------------------
*/
.underline-header {
	border-bottom: 1px solid #ddd;
	/*margin-bottom: 15px;*/
	padding-bottom: 0.15em;
}

.underline-header-gray {
	border-color: #ddd;
}

.underline-header-dark-gray {
	border-color: #444;
}

.underline-header-blue {
	border-color: #004990;
}


/* 
doubleline headers
------------------------
*/
.doubleline-header {
	border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;
	/*margin-bottom: 15px;*/
	padding: 0.15em 0;
}

.doubleline-header-gray {
	border-color: #ddd;
}

.doubleline-header-dark-gray {
	border-color: #444;
}

.doubleline-header-blue {
	border-color: #004990;
}

/* 
icon headers
------------------------
*/
.icon-header {
	position: relative;
	padding: 10px 10px 10px 45px;
}

.icon-header .fa {
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #999;
	
	font-size: 22px;
	padding: 10px;
	position: absolute;
	top: -8px;
	left: -8px;
}



/*
others
-----------------------
*/
p, ul, ol, table {
    margin-bottom: 15px;
}




/*-----------------------------------
8. HELPERS
-----------------------------------*/
.admin-bar .navbar-fixed-top {
	margin-top: 45px !important;
}

/* images */
img.thumbnail {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: 10px;
}

img.thumbnail-round {
	height: auto;
	width: 130px;
	
	/*border: 5px solid #ddd;*/
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.wp-caption img {
	/*border: 1px solid #ddd;*/
	margin: 0 0 1px 0;
}

.wp-caption .wp-caption-text {
	background: #f0f0f0;
	color: #666;
    font-size: 0.9em;
    padding: 6px 9px;	
}

/* gray out images */
img.fade-out,
img.gray-out,
img.grayed-out {
	opacity: 0.5;
    filter: alpha(opacity=50);
}


/* floats */
#main .alignleft,
#main .pull-left,
#main img.pull-left {
	float: left;
	margin: 0 15px 15px 0;
}

#main .alignright,
#main .pull-right,
#main img.pull-right {
	float: right;
	margin: 0 0 15px 15px;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}


/*
lists
*/
ul.double-line,
ol.double-line,
dl.double-line {
}

ul.double-line li,
ol.double-line li,
dl.double-line dt {
	margin-bottom: 10px;
}

/* Fancy un-ordered (bulleted) lists
ul.fancy-list {
	list-style: none;
	margin-left: 10px;
	padding-left: 10px;
}

ul.fancy-list li {
	background: url("../images/icons/bullets/bullet-med-blue.png") no-repeat scroll 0 6px;
    padding-left: 15px;
}
*/


/* list wrapper... for left-aligning lists */
.list-wrapper {
	display: inline-block;
}

.list-wrapper:before,
.list-wrapper:after {
  clear: both;
  content: " ";
  display: table;
}

.list-wrapper ul {
	text-align: left;
}


/* default bulleted list */
#content ul {
	list-style: none;
	margin-left: 10px;
	padding-left: 10px;
}

#content ul li {
	background: url("../images/icons/bullets/bullet-med-blue.png") no-repeat scroll 0 6px;
    padding-left: 15px;
}

/* un-do styles for 'nav' ul */
#content ul.nav {
	margin: 0;
	padding: 0;
}

#content ul.nav li {
	background-image: none;
	margin: 0;
	padding: 0;
}

/* un-do styles for 'soliloquy slider' ul */
#content .soliloquy-container ul {
	margin: 0;
	padding: 0;
}

#content .soliloquy-container ul li {
	background-image: none;
	margin: 0;
	padding: 0;
}

/* un-styled bulleted list */
#content ul.list-unstyled {
    list-style: outside none none;
    margin-left: 0;
	padding-left: 0;
}

#content ul.list-unstyled li {
	background-image: none;
	padding-left: 0;
}
 
/*
Fancy ordered (circles) lists
*/
ol.fancy-list {
    counter-reset: li; /* Initiate a counter */
    margin-left: 10px; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}

ol.fancy-list > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 1.2em 2.8em; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    /*border-top:2px solid #1262a8;*/
}

ol.fancy-list > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    
	/* Position and style the number */
    position: absolute;
    top: -4px; /*top:-2px;*/
    left: -2.8em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2.6em;
    
	/* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 10px;
    padding: 8px;
    
	/* style the number */
	/*border-top: 2px solid #1262a8;*/
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    background: #ddd;
	color: #333;
    text-align: center;
}

ol.fancy-list li ol,
ol.fancy-list li ul {margin-top:6px;}
ol.fancy-list ol li:last-child {margin-bottom:0;}

/* color options */
ol.fancy-list-light-gray > li:before {
	background: #ddd;
	color: #333;
}

ol.fancy-list-medium-gray > li:before {
	background: #999;
	color: #fff;
}

ol.fancy-list-dark-gray > li:before {
	background: #444;
	color: #fff;
}

ol.fancy-list-light-blue > li:before {
	background: #609cd9;
	color: #444;
}

ol.fancy-list-medium-blue > li:before {
	background: #1262a8;
	color: #fff;
}

ol.fancy-list-dark-blue > li:before {
	background: #004c93;
	color: #fff;
}

/* hr horizontal rules */
hr {
    background: #ddd;
	border-color: #ddd;
}


/*
text sizes & weights
*/
.big {
	font-size: 1.15em;
}

.x-big {
	font-size: 1.3em;
}

.xx-big {
	font-size: 1.45em;
}

.xxx-big {
	font-size: 1.6em;
}

.small {
	font-size: 0.9em;
}

.x-small {
	font-size: 0.8em;
}

.xx-small {
	font-size: 0.7em;
}

.xxx-small {
	font-size: 0.6em;
}

.italic {
	font-style: italic;
}

.text-thin {
	font-weight: 200;
}

.text-normal,
.no-bold {
	font-weight: 300;
}

b,
strong,
.text-bold,
.bold {
	font-weight: 500;
	/*font-weight: 600;*/
}

.text-x-bold,
.x-bold {
	font-weight: 600;
}

.indent {
	margin-left: 15px;
	margin-right: 15px;
}

.cross-out,
.line-out {
	text-decoration: line-through;
}


/*
Text case
*/
.all-caps {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}


.capitals,
.capitalize {
	text-transform: capitalize;
}


/*
Colors
--------------------
*/
.red,
.color-red {
	color: #b00;
}

.gray,
.color-gray {
	color: #777;
}

.black,
.color-black {
	color: #000;
}

.blue,
.color-blue {
	color: #194090;
}

.white,
.color-white {
	color: #fff;
}



/*
Content Blocks
--------------------
*/
.block {
	margin-bottom: 30px;
}

.block .block-title {
	background: #f0f0f0;
	border-bottom: 3px solid #ddd;
	font-size: 24px;
	margin-bottom: 15px;
	padding: 8px;
}

.block .block-title-gray {
	border-color: #ddd;
}

.block .block-title-dark-gray {
	border-color: #666;
}

.block .block-title-blue {
	border-color: #004990;
}

.block .block-content {

}

.block .block-footer {
	margin-top: 15px;
}


/*
Buttons
--------------------
*/
.btn {
	font-size: 15px;
}

.btn-primary {
	background: #194090;
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #002c73;
	box-shadow: none; 
	color: #fff !important; 
	padding: 10px 20px;
	text-shadow: none;
}

#header .btn-primary,
#top-bar .btn-primary,
#member-menu-bar .btn-primary,
.sidebar form .btn-primary,
.sidebar form .btn-default {
	padding: 6px 12px;
}

.sidebar form .btn-go {
	padding: 6px 9px;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #002c73;
	border-color: #002c73; 
	color: #fff !important; 
}

.btn-default {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	color: #194090 !important;
	display: inline-block;
	font-weight: 400;
	padding: 10px 20px;
	text-shadow: none;
}

.btn-default:focus,
.btn-default:hover {
	background: #194090;
	border-color: #004c93; 
	color: #fff !important;
	text-decoration: none;
}

.btn-gray {
	background: #e9e9e9;
	
	/*
	background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*/
	
	border: 1px solid #bbb;
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	color: #194090 !important;
	display: inline-block;
	font-weight: 400;
	padding: 10px 20px;
	text-shadow: none;
}

.btn-gray:focus,
.btn-gray:hover {
	background: #f6f6f6;
	border-color: #bbb; 
	color: #194090 !important;
	text-decoration: none;
}

.btn-sm,
.btn-small {
	font-size: 14px !important;
	padding: 6px 12px !important;
}

.btn-lg,
.btn-large {
	font-size: 16px;
	padding: 15px 40px;
}

.btn-arrow:after{
	content: "\e258";
	font-family: 'Glyphicons Halflings';
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 3px;
	position: relative;
	top: 1px;
}

/* toggle button */
.btn-toggle {
	/*display: block;*/
	padding: 8px 16px;
	text-align: left;
}

.btn-toggle:before {
	content: "\e259";
	font-family: 'Glyphicons Halflings';
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 3px 0 -6px;
	position: relative;
	top: 1px;
}

.btn-toggle.collapsed:before {
	content: "\e258";
}

/* END: toggle button */


/*
.btn-default {
	background: #f0f0f0;
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #ccc;
	box-shadow: none; 
	color: #444; 
	text-shadow: none;
}

.btn-default:hover,
.btn-default:focus {
	background: #194090;
	border-color: #002070; 
	color: #fff; 
}
*/

.btn-rounded {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 10px 32px;
}

/* read-more links/buttons */
.read-more {
    background: #fff;
	border: 1px solid #ddd;
	color: #194090 !important;
    display: inline-block;
	font-weight: 400;
    padding: 9px 18px;
    text-transform: uppercase;
}

.read-more:hover {
	background: #194090;
	border-color: #004c93; 
	color: #fff !important;
	text-decoration: none;
}


/* archive-link */
.archive-link {
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}

.archive-link:after {
	content: "\e258";
	font-family: 'Glyphicons Halflings';
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0 3px;
	position: relative;
	top: 1px;
}


/* content wells */
.well {
	background-image: none;
	box-shadow: none;
	color: #222;
	margin-bottom: 15px;
	overflow: auto;
}

.well > .title,
.well .well-title {
	margin-top: 0;
}

.well hr {
	background: #d3d3d3;
	border-color: #d3d3d3;
}

.well header {
	border-bottom: 1px solid #d3d3d3;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

.simple-well {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* blue well */
.well-blue {
	background: #1262a8 ;
	color: #fff;
}

.well-blue a {
	/*color: #80bcf9;*/
	color: #adf;
}

.well-blue a.btn-default {
	color: #444;
}

.well-blue h2 a {
	color: #fff;
}

.well-blue form {
	color: #444;
}

/* gray well */
.well-gray {
	background: #ccc;
	border-color: #aaa;
}

.well-gray a {
	
}

.well-gray a.btn-default {
	
}

.well-gray h2 a {
	
}

.well-gray form {
	
}

/* borders */
.border {
	border: 1px solid #ddd;
}

.border-light-gray {
	border: 1px solid #ddd;
}

.border-med-gray {
	border: 1px solid #999;
}

.border-dark-gray {
	border: 1px solid #666;
}

.border-light-blue {
	border: 1px solid #80bcf9;
}

.border-med-blue {
	border: 1px solid #1262a8;
}

.border-dark-blue {
	border: 1px solid #004c93;
}


/* text boxes */
[class*="text-box"] {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	display: block;
	margin-bottom: 15px;
	padding: 12px 15px;
}

[class*="text-box"] .title {
	border-bottom: 1px solid #ddd;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
}

.text-box-white {
    background-color: #fff;
	border-color: #ddd;
}

.text-box-primary {
	background-color: #337ab7;
	border-color: #226aa7;
    color: #fff;
}

.text-box-primary .title {
	border-color: #226aa7;
}

.text-box-success {
	background-color: #dff0d8;
	border-color: #cfe0c8;
}

.text-box-success .title {
	border-color: #cfe0c8;
}

.text-box-info {
    background-color: #d9edf7;
	border-color: #c9dde7;
}

.text-box-info .title {
	border-color: #c9dde7;
}

.text-box-warning {
    background-color: #fcf8e3;
	border-color: #ece8d3;
}

.text-box-warning .title {
	border-color: #ece8d3;
}

.text-box-danger {
    background-color: #f2dede;
	border-color: #e2cece;
}

.text-box-danger .title {
	border-color: #e2cece;
}

.text-box-updated {
    background-color: #fee;
	border-color: #b00;
}

.text-box-updated .title {
	border-color: #b00;
}



/*
tables
*/
.table-unstyled,
.table-unstyled tbody,
.table-unstyled tr,
.table-unstyled td {
	border: none !important;
}

/* xxsmall screens */
@media (max-width: 480px) {
	.table-responsive table tr {
		display: block !important;
		width: 100% !important;
	}
	
	.table-responsive table tr th,
	.table-responsive table tr td {
		display: block !important;
		width: 100% !important;
	}
}

/* 
.table-register ... for Events page
*/
.table-register {
	border-bottom: 1px solid #ddd;
}

.table-register tr th {
	background: #f0f0f0;
}

.table-register tr td {
	vertical-align: middle !important;
}


/* Form error message */
.error-message {
	background: #ecc;
	border: 1px solid #933;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #933;
	display: none;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 10px;
}

.has-error .error-message {
	display: block;
}

.has-error .input,
.has-error .select,
.has-error .form-control {
	border: 2px solid #b00 !important;
}



/* WP admin helpers */
#main .entry-footer {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.edit-link {
	border: 1px solid #ddd;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	margin: 20px 0;
	padding: 20px;
}

/*
.edit-link .post-edit-link {
	background: #f0f0f0; 
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #bbb; 
	color: #666; 
	padding: 10px 20px;
	text-decoration: none;
	text-shadow: none;
}

.edit-link .post-edit-link:focus ,
.edit-link .post-edit-link:hover {
	background: #d0d0d0; 
	border-color: #999; 
	color: #444;
}
*/

.edit-link .post-edit-link {
	background: #f0f0f0; 
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #bbb; 
	color: #194090 !important;
	font-size: 0.95em;
	font-weight: 400;
	padding: 10px 20px;
	text-decoration: none;
	text-shadow: none;
}

.edit-link .post-edit-link:focus ,
.edit-link .post-edit-link:hover {
	background: #194090; 
	border-color: #026; 
	color: #fff !important;
}


/* footnotes */
.footnote {
	color: #7777;
	margin: 0 0 20px 0;
}


/* anchor link styles */
.back-to-top,
.top-of-page {
	border-top: 1px dotted #ddd;
	display: block;
	margin: 20px 0 30px 0;
	padding: 8px 0;
}

.back-to-top::before,
.top-of-page::before {
	background: url(../images/icons/arrow-up-gray-108px.png) no-repeat center center;
	background-size: auto 100%; /* width height */
	content: "";
	display: inline-block;
	
	height: 10px;
	width: 14px;
	
	margin: 0 6px 0 0;
}


/*
Boostrap helpers
-----------------------------------*/
@media (min-width: 992px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}



/*-----------------------------------
9. MISC
-----------------------------------*/

/* social media icons
-----------------------*/
ul.menu.social-media-menu {
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu.social-media-menu * {
	line-height: 1em;
}

ul.menu.social-media-menu li {
	display: inline-block;
	line-height: 1em;
	margin-left: 2px;
}

ul.menu.social-media-menu li:first-child {
	margin: 0;
}

ul.menu.social-media-menu li a {
	display: inline-block;
	line-height: 1em;
	overflow: hidden;
	position: relative;
	
	width: 32px;
	height: 31px;
}

ul.menu.social-media-menu li img {
	height: auto;
	width: 32px;
	position: absolute;
	top: 0;
	left: 0;
}

/* light version */
ul.menu.social-media-menu.light-version li img {
	top: -38px;
}

ul.menu.social-media-menu.light-version li a:hover img {
	top: -76px;
}

/* dark version */
ul.menu.social-media-menu.dark-version li img {
	top: 0;
}

ul.menu.social-media-menu.dark-version li a:hover img {
	top: -38px;
}

@media (max-width: 767px) {
	ul.menu.social-media-menu {
		display: inline-block;
		margin: 0 auto;
	}
	
	ul.menu.social-media-menu li a {
		margin: 0 2px;
	}
}


/* Video Container (Responsive)
-----------------------------------*/
.video-container {
  height: 0;
  margin: 0 0 20px 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 58%;
  padding-top: 0;
  /*padding-bottom: 56.25%;
  padding-top: 30px;*/
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* MAST Video */
.wide-page #main section#mast-video .video-container iframe,
.wide-page #main section#mast-video .video-container object,
.wide-page #main section#mast-video .video-container embed {
	background: #fff;
	border: 15px solid #a7a9ac;
	/*padding: 5px 0;*/
}


/*
Web forms
----------------------*/
/* WP Contact Form 7... remove empty <p> tags */
#main .wpcf7-form p:empty {
	display: none !important;
}

/* form defaults */
form .form-control,
form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #d6d6d6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #404040;
	height: 33px;
	line-height: 33px;
	padding: 0 6px;
}

form textarea,
form textarea.form-control {
	height: auto !important;
	line-height: 1.35em;
	padding: 6px;
}

form .form-select,
form select.form-control,
form select {
	background-image: none;
	background-color: #fff;
	height: 33px;
	line-height: 33px;
	padding: 0 24px 0 6px;
	
	/*background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-appearance: none !important;
	
	background: #fff url('../images/icons/dropdown-arrow-black-xs.png') no-repeat right center; /* add down arrow */
}

form .form-control select::-ms-expand,
form select::-ms-expand {
	display: none;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #777;
}

form .rqd:before {
	color: #b00;
	content: "*";
	display: inline-block;
	font-weight: bold;
	margin: 0 2px 0 0;
}

form .form-instructions {
	color: #888;
	text-align: center;
}

form .checkbox input[type="checkbox"], 
form .checkbox-inline input[type="checkbox"], 
form .radio input[type="radio"], 
form .radio-inline input[type="radio"] {
    /*margin-left: -20px;*/
    margin-left: -18px;
}

/* custom 'fancy-form' styles */
.fancy-form {
	background: #fff;
	border: 1px solid #1262a8;
	padding: 20px;
}

.section-blue .fancy-form {
	border-color: #fff;
}

.fancy-form .form-title {
	background: #1262a8;
	color: #fff;
	margin: -20px -20px 20px -20px;
	padding: 20px;
}

.fancy-form input[type=submit],
.fancy-form button[type=submit] {
	background: #1262a8;
	border-color: #1262a8;
}

.fancy-form input[type=submit]:hover,
.fancy-form input[type=submit]:focus,
.fancy-form button[type=submit]:hover,
.fancy-form button[type=submit]:focus {
	background: #004c93;
	border-color: #004c93;
}


/*---------------------------------
  Gravity Forms
---------------------------------*/

/* defaults */
.gform_wrapper {
	display: block !important;
}

.gform_wrapper .description, 
.gform_wrapper .gfield_description, 
.gform_wrapper .gsection_description, 
.gform_wrapper .instruction {
    font-size: 1em;
}

.gform_wrapper .description_above .gfield_description {
    padding: 0 !important;
}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"], 
.gform_wrapper ul.gfield_radio li input[type="radio"] {
    outline: none;
}

.ginput_container input, 
.ginput_container select, 
.ginput_container textarea {
	height: auto;
}
/* END: defaults */

.gform_wrapper ul {
	margin: 0 !important;
	padding: 0 !important;
}

.gform_wrapper ul li {
	background-image: none !important;
	padding: 0 !important;
}

.gform_wrapper .gfield_label {
	margin-bottom: 0;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 6px;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}


.gform_wrapper .gform_footer {
	padding: 0;
	text-align: center;
}

.gform_wrapper .button, 
.gform_button {
	background: #194090;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	margin: 0;
	padding: 12px 40px;
}

.gform_wrapper .button:hover, 
.gform_button:hover {
	background: #002c73;
	color: #fff;
}

.gform_wrapper .ginput_container_fileupload input {
	background: #eee;
	font-size: 16px;
	height: auto;
	padding: 9px;
}

@media (min-width: 768px) {
	.gform_wrapper .ginput_container textarea.large {
		height: 360px !important;
	}
	
	.gform_wrapper .ginput_container textarea.medium {
		height: 260px !important;
	}
	
	.gform_wrapper .ginput_container textarea.small {
		height: 120px !important;
	}	
}
/*---------------------------------
  END: Gravity Forms
---------------------------------*/


/* author by-line */
.by-line {
	/*color: #777;*/
	font-size: 0.9em;
}

.by-line .well {
	
}

.by-line .well .thumbnail {
	float: left;
	margin: 0 15px 0 0;
}

.by-line .well .date {
	display: block;
	margin: 0 0 10px 0;
}

.by-line .well .credits .title {
	display: block;
}

.by-line .well .credits .author {
	font-weight: bold;
}


/* Testimonials
-----------------------*/
.testimonial {
	border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin: 0 0 20px;
    padding: 25px 50px;
    position: relative;
    text-align: left;
}

.testimonial .quote-mark {
	color: #ccc;
    display: inline-block;
    font-family: airal,univers,helvetica,sans-serif;
    font-size: 64px;
    font-weight: bold;
    line-height: 1em;
    position: absolute;
}

.testimonial .inner:before {
	color: #ccc;
    content: "\201C";
    display: inline-block;
    font-family: airal,univers,helvetica,sans-serif;
    font-size: 64px;
    font-weight: bold;
    left: 10px;
    line-height: 1em;
    position: absolute;
    top: 10px;
}

.testimonial .inner:after {
	color: #ccc;
    content: "\201D";
    display: inline-block;
    font-family: airal,univers,helvetica,sans-serif;
    font-size: 64px;
    font-weight: bold;
    right: 10px;
    line-height: 1em;
    position: absolute;
    bottom: -25px;
}

.testimonial .quote {
	
}

.testimonial .source {
	margin: 0;
}



/*
FAQ
-----------------------*/
#main dl.faq {
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 15px 0;
}

#main dl.faq dt {
	font-size: 1.15em;
	margin: 0 0 5px 0;
}

#main dl.faq dd {
	/*padding-left: 15px;*/
}


/* blockquotes
-----------------------*/
blockquote {
	border: 1px solid #e6e6e6;
    border-radius: 3px;
	font-size: 1.1em;
    margin: 0 0 20px;
    padding: 25px 50px;
    position: relative;
    text-align: left;
}

blockquote .inner:before {
	color: #ccc;
    content: "\201C";
    display: inline-block;
    font-family: arial,univers,helvetica,sans-serif;
    font-size: 64px;
    font-weight: bold;
    left: 10px;
    line-height: 1em;
    position: absolute;
    top: 10px;
}

blockquote .inner:after {
	color: #ccc;
    content: "\201D";
    display: inline-block;
    font-family: arial,univers,helvetica,sans-serif;
    font-size: 64px;
    font-weight: bold;
    right: 10px;
    line-height: 1em;
    position: absolute;
    bottom: -25px;
}


/* popup Modals
-----------------------*/
.modal {
}


.modal-dialog {
	text-align: left;
}

.modal .modal-title {
	line-height: 1.2em;
	text-align: center;
}

/* small screens */
@media (max-width: 767px) {
	.modal.fade.in,
	.modal {
		top: 5%;
	}
}

/* large screens */
@media (min-width: 768px) {
	.modal.fade.in.modal {
		top: 10%;
	}
}



/* 
Lightbox mag-glass (+) icon...
*/
a[rel=lightbox] {
	display: inline-block;
	position: relative;
}

a[rel=lightbox] .fa {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 9999;
	
	background: #fff;
	border: 1px solid #fff;
	color: #444;
	font-size: 20px;
	padding: 3px;
	
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

a[rel=lightbox]:hover .fa {
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}



/* tabs
-----------------------*/
.nav-tabs {
	border-bottom: 2px solid #ddd;
	margin: 0 !important;
	padding: 0 !important;
}

.nav-tabs > li {
	background-image: none !important;
	margin-bottom: -2px;
	padding: 0 !important;
}

.nav-tabs > li:first-child {
	margin-left: 15px;
}

.nav-tabs > li > a {
	background: #f0f0f0;
	line-height: 1.15em;
	margin: 0 2px 2px 2px;
	outline: none;
	padding: 9px 15px;
}

.nav-tabs > li > a:focus, 
.nav-tabs > li > a:hover {
	background: #e0e0e0;
}

.nav-tabs > li.active {
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
	background: #fff;
	border-width: 2px;
	margin: 0 2px;
	outline: none;
	padding: 11px 15px;
}

.tab-content {
	margin: 10px 0;
	padding: 10px 0;
}

/* tabs on blue section... */
.section-blue .nav-tabs > li > a {
	background: #004c93;
	color: #ddd !important;
}

.section-blue .nav-tabs > li > a:focus, 
.section-blue .nav-tabs > li > a:hover {
	background: #003c83;
	border-color: #003c83;
}

.section-blue .nav-tabs > li.active > a,
.section-blue .nav-tabs > li.active > a:focus, 
.section-blue .nav-tabs > li.active > a:hover {
	background: #1262a8;
	border-color: #ddd #ddd transparent #ddd;
	color: #fff !important;
}


/*
pagination
-----------------------*/
.pagination {
    /*
	border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
	*/
	
	background: #444;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 10px;
	margin: 0;
	text-align: right;
	width: 100%;
	
}

.pagination-top {
	margin-bottom: 20px;
}

.pagination-bottom {
	margin-top: 20px;
}

.pagination .wp-pagenavi {
	color: #fff;
	display: inline-block;
	margin: 0;
}

.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
	border: 1px solid #777;
	color: #fff;
	margin: 2px;
	padding: 3px 5px;
	text-decoration: none;
}

.pagination .wp-pagenavi span.pages {
	border: none;
}

.pagination .wp-pagenavi span.current {
	background: #777;
	border-color: #777;
	color: #444;
	font-weight: bold;
}

.pagination .wp-pagenavi a:hover {
	background: #ddd;
	border-color: #777;
	color: #444;
}


/*--------------------------------
  admin edit button 
--------------------------------*/
.admin-meta {
	background: #ffc;
	border: 1px dashed #bbb;
	color: #888;
	font-size: 0.9em;
	margin-bottom: 5px;
	padding: 6px 8px;
}

.admin-meta .admin-meta-field {
	
}


/*--------------------------------
  admin edit button 
--------------------------------*/
.entry .admin-edit-button {
	color: #888;
	display: inline-block;
	/*float: left;*/
	font-size: 13px;
	margin: 0;
	padding: 0;
	/*display: none;  hide unless needed */
}

.entry .admin-edit-button a {
	color: #888;
}

.entry .admin-edit-button:hover,
.entry .admin-edit-button a:hover {
	color: #444;
}

.entry .admin-edit-button:before {
	content: "[";
	display: inline-block;
	padding-right: 2px;
}

.entry .admin-edit-button:after {
	content: "]";
	display: inline-block;
	padding-left: 2px;
}

/* 'inline' admin edit button */
.admin-item {
	position: relative;
	width: 100%;
	z-index: 999;
}

.admin-item .admin-edit-button {
	background: #fff;
	border-color: #999;
    border-style: solid;
    border-width: 1px;
	margin: 0;
	padding: 4px 8px;
	
	position: absolute;
	right: 5px;
	top: 5px;
	
	/* drop shadow 
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.4);
	*/
}
/*--------------------------------
  END: admin edit button 
--------------------------------*/



/*--------------------------------
  Popups
--------------------------------*/
.mfp-container .mfp-content .ig_popup {
	border: 8px solid #025;
	padding: 20px;
}

.mfp-container .mfp-content .ig_popup .ig_close {
	opacity: 1.0;
	filter: alpha(opacity=100);
	
	background-color: #025;
	background-position: -760px center;
	height: 30px;
	right: 10px;
	top: 10px;
	width: 30px;
}

.mfp-container .mfp-content .ig_popup .ig_close:hover {
	
}

.mfp-container .mfp-content .ig_popup .ig_headline {
	/*background: #222;*/
	background: #194090;
	color: #fff;
	font-size: 2.2em;
	font-weight: 500;
	margin: -20px -20px 10px -20px;
	padding: 30px 20px 20px 20px;
	text-align: center;
}

.mfp-container .mfp-content .ig_popup .ig_message {
	margin: 0 -20px;
}

.mfp-container .mfp-content .ig_popup .ig_message p {
	margin-bottom: 15px;
}


/*--------------------------------
  END: Popups
--------------------------------*/



/* Icon menu */
ul.icon-menu > li {
	margin-bottom: 8px !important;
}

ul.icon-menu > li > a {
	background: #f0f0f0;
	border: 1px solid #bbb;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #444;
	font-size: 1.2em;
	font-weight: 500;
	padding: 8px 10px;
}

ul.icon-menu > li > a:hover {
	background: #ddd;
}

ul.icon-menu > li > a .fa {
	margin: 0 7px 0 0;
	
	background: #fff;
	border: 3px solid #bbb;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #333 !important;
	font-size: 1.2em;
	padding: 8px;
}



/*
Make .row act like table...
@media (max-width: 767px) {
    .is-table-row {
		margin-bottom: 0;
    }
    .is-table-row [class*="col-"] {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .is-table-row {
        display: table;
		margin-bottom: 20px;
		height: 100%;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
		height: 100%;
		position: relative;
        vertical-align: top;
    }
}
*/


/**
* Make .row act like table...
*/
@media (max-width: 767px) {
}

@media (min-width: 768px) {
  .row-as-table {
    display: table;
    margin-bottom: 20px;
    height: 100%;
	/*width: 100%;*/
  }

  /*.row-as-table .col,*/
  .row-as-table [class*="col-"] {
    float: none;
    display: table-cell;
    height: 100%;
    position: relative;
    vertical-align: top;
  }
}