/*
Theme Name: Austin Theatre Theme
Theme URI: http://www.fireflypartners.com
Description: custom theme for Austin Theatre designed and developed by Firefly Partners
Version: 1.X
Author: Leslie Beck
*/

/*Colors 
MAGENTA - #89184a
DARK PURPLE - #530e2d
ORANGE - #cc7b16
DARK ORANGE - #b04a13
DARK GREEN - #4f6018
LIGHT GREEN - #879f37
LIGHT GREY - #636363
DARK GREY - #2c2c2c
*/

/* General Styles */
body {
  font-family: 'Roboto',sans-serif;
  color: #636363;
  -webkit-font-smoothing: antialiased;
}
a:link,a:visited {
  font-weight: 700;
  text-decoration: none;
  color: #879f37;
}
a:hover,a:active {
  text-decoration: underline;
  color: #4f6018;
}
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 20px;
}
h1 {
  font-family: 'Oswald',sans-serif;
  color: #89184a;
  letter-spacing: 1px;
}
h2 {
  font-family: 'Oswald',sans-serif;
  color: #b04a13;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h3 {
  font-family: 'Oswald',sans-serif;
  color: #b04a13;
  letter-spacing: 1px;
}
h4 {
  text-transform: uppercase;
  font-family: 'Bree Serif',serif;
  color: #530e2d;
  letter-spacing: 1px;
  font-weight: 700;
}
h5 {
  font-family: 'Oswald',sans-serif;
  color: #cc7b16;
  letter-spacing: 1px;
}
.collapse-hd {
  text-transform: uppercase;
  float: left;
  margin-top: 15px;
  margin-left: 20px;
}
.credits {
  font-size: .75em;
  padding-top: 20px;
  text-align: center;
}
table th {
  text-transform: uppercase;
  font-family: 'Bree Serif',serif;
  color: #530e2d;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 1.25em;
}
.img-credit {
  text-align: right;
  font-size: .8em;
}
.row.int-head {
  min-height: 120px;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.no-pad-left {
  padding-left: 0;
  margin-left: 0;
}
img {
  max-width: 100%;
}
img.alignright {
	float: right;
	margin: 10px 0 20px 20px;
	max-width: 50%;
}
.rightimg img.alignright  {
	margin: 0;
}
img.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
	max-width: 50%;
}
img.aligncenter {
	float: none;
	display: block;
	margin: 10px auto;
}
button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-default, a.btn-default {
  background-color: #cc7b16;
  border-color: #cc7b16;
  font-family: 'Oswald',sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 0;
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active {
  background-color: #b04a13;
  border-color: #b04a13;
  color: #fff;
}
.btn-primary {
  background-color: #89184a;
  border-color: #89184a;
  font-family: 'Bree Serif',serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 0;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active {
  background-color: #530e2d;
  border-color: #530e2d;
  color: #fff;
}

/* Header styles */
header { 
  background: #ffffff;
  padding-top: 5px;
  padding-bottom: 0;
  width: 100%;
}

header .container {
  position: relative;
}

.main-logo-container {
  display: block;
  float: left;
  height: 120px;
  max-width: 138px;
  width: 100%;
  margin-right: 0;
}
header .container img.main-logo {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}
header .container img.main-logo-int {
  position: absolute;
  z-index: 100;
  top: -3px;
}
header .container .sub-logos {
  float: left;
}
h1.logo {
  text-indent: -9999px;
  position: absolute;
  top: 0;
}

.logos img {
  vertical-align: top;
  max-height: 136px;
}
h4.soc {
  text-align: right;
  font-family: 'Oswald',sans-serif;
  color: #530e2d;
  margin: 20px 0 10px;
  text-transform: uppercase;
}
.fa-facebook {
  color: #4a85b7;
  padding-left: 10px;
  font-size: 1.4em;
}
.fa-twitter {
  color: #74bbd1;
  padding-left: 10px;
  font-size: 1.4em;
}
form.search {
  text-align: right;
}

/* Navigation styles */
.navbar-default {
  background-color: #fff;
  border-top: none;
  border-bottom: 4px solid #c1c0c0;
  font-family: 'Oswald',sans-serif;
  font-size: 1.3em;
  text-transform: uppercase;
  padding-top: 20px;
}
.navbar-default #myNavbar > ul >li> a {
  color: #89184a;
  font-weight: 400;
  padding: 10px 16px;
}
.navbar-default #myNavbar > ul >li>a:hover,.navbar-default #myNavbar > ul> li> a:active {
  color: #b04a13;
}
.navbar-default #myNavbar > ul > li.last-item > a {
  padding: 10px 0 10px 16px;
}
.dropdown-menu>li>a {
  color: #fff;
  letter-spacing: 1px;
  padding: 6px 15px;
  font-weight: 400;
}
.dropdown-menu>li:hover,.dropdown-menu>li:active {
  color: #fff;
  background-color: #cc7b16;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:active, .dropdown-menu>li>a:focus {
  color: #fff;
  background-color: transparent;
}
ul>li>.dropdown-menu {
  background-color: #b04a13;
}
.navbar-default ul>.open>a,.navbar-default ul>.open:focus>a,.navbar-default ul>.open:hover>a {
  color: #530e2d;
}
.navbar {
  margin-bottom: 0;
}
.sub-menu .open > .dropdown-menu {
    display: block;
	position:relative;
}
ul>.active>a {
  background-color: #321c17;
}
#myNavbar span.caret {
  margin-left: 5px;
  color: #fff;
}
form#mobile-search {
  display: none;
}
header form.search input {
  float: right;
}
header .btn-default {
  float: right;
  margin-left: 5px;
}
.navbar-default #myNavbar ul ul ul.dropdown-menu {
  background-color: #cc7b16;
  position: relative;
  width: 100%; 
  display:none;
  border: 0;
  box-shadow:none;
  margin-bottom: 0;
  margin-top: -2px;
  border-top: 1px;
  border-style:solid;
  border-top-color: #530e2d !important;
}
.navbar-default #myNavbar ul ul li.open ul.dropdown-menu{
	display: block; 
	clear: both;
}

/*.navbar-default #myNavbar ul ul > li.dropdown:hover > ul.dropdown-menu {
  display: block;
}*/
.nav .sub-menu .open > a, .nav .sub-menu .open:focus > a, .nav .sub-menu .open:hover > a {
  background-color: #cc7b16;
}
.navbar-default #myNavbar ul ul ul li {
  margin-bottom: 5px;
}

#myNavbar ul ul > li.dropdown > ul.dropdown-menu a:link, #myNavbar ul ul > li.dropdown > ul.dropdown-menu a:visited {
  color: #530e2d;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration:none;
}
#myNavbar ul ul > li.dropdown > ul.dropdown-menu a:hover, #myNavbar ul ul > li.dropdown > ul.dropdown-menu a:active {
    color: #89184a;
    text-decoration: none;
}
#myNavbar .nav > li.dropdown > a {
    padding: 10px 5px 10px 15px;
}
.dropdown-menu > li > a.dropdown-toggle{
	padding: 6px 0; 
	margin-left: -15px;
}

#myNavbar .nav > li > a.dropdown-toggle {
    padding: 10px 15px 10px 0;
}
#myNavbar .nav li a {display:inline-block;}

/*END NAV */
.panel-body a:hover,.panel-body a:active {
  color: #89184a;
  text-decoration: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}

/* HP Styles */
.hp-divider {
  width: 60%;
  margin-left: 0;
  margin-bottom: 20px;
  border: 1px solid #2c2c2d;
}
.jumbotron {
  padding: 0;
  background-color: #000;
  position: relative;
  width: 100%;
  border-bottom: 4px solid #c1c0c0;
  margin-bottom: 20px;
}
.jumbotron ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.jumbotron img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width:1170px;
}
.jumbotrontxt {
  position: absolute;
  bottom: 20%;
  right: 0;
  width: 50%;
  text-align: right;
  padding-right: 1.75%;
}
.jumbotrontxt h2 {
  font-size: 3em;
  font-family: 'Oswald',sans-serif;
  color: #cc7b16;
}
.jumbotrontxt p {
  font-family: 'Oswald',sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
span.darken {
  color: #636363;
}
.cycle-pager {
    bottom: 5px;
    right: 30px;
    position: absolute;
    width: 100%;
    z-index: 2500;
	text-align:right;
}
.cycle-pager span {
    color: #dcdcdc;
    cursor: pointer;
    font-size: 50px;
	line-height:55px;
	padding: 0 2px;
}
.cycle-pager span.cycle-pager-active {
    color: #b04a13;
}
.cycle-pager > * {
    cursor: pointer;
}
.jumbotron .banner {
  padding: 0;
  float: none;
  margin: 0 auto;
  position: relative;
}
.ue-item {
  position: relative;
}
.ue-list table {
  margin-bottom: 0;
}
.ue-overlay-txt {
  position: absolute;
  top: 10%;
  right: 0;
  width: 60%;
  z-index: 21;
  text-align: right;
  padding-right: 15px;
}
.ue-row {
  padding-bottom: 20px;
}
.ue-img {
  width: 100%;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff;
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
  border-top: 4px solid #c1c0c0;
}
.ue-list a:link,.ue-list a:visited {
  font-weight: 700;
  color: #89184a;
  margin: 0;
}
.ue-list a:hover,.ue-list a:active {
  text-decoration: none;
  color: #530e2d;
}
.ue-list a.btn, .ue-list a.btn:hover, .ue-list a.btn:active, .ue-list a.btn:link, .rss-feed a.btn, .rss-feed a.btn:hover, .rss-feed a.btn:active, .rss-feed a.btn:link {
	color: #ffffff!important;
}
.upcoming-events h3 {
  margin: 4px 0;
  font-size: 1em;
  font-family: 'Oswald',sans-serif;
  color: #cc7b16;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 120%;
}
.upcoming-events h5 {
  margin-top: 0;
  font-family: 'Oswald',sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.ue-list {
  font-family: 'Oswald',sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ue-list h3 {
  font-size: 1em;
}
.nfp-item {
  padding-bottom: 40px;
}
.nfp-item img {
  margin-bottom: 30px;
}
.mission {
  background-color: #eee;
  padding: 10px 15px 15px;
}
.mission-img {
  float: left;
  margin-right: 20px;
}
.nfp-item h3, .rss-feed .feed-item a {
  margin: 4px 0;
  font-size: 1em;
  font-family: 'Oswald',sans-serif;
  color: #cc7b16;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.3;
}
.nfp-item a:link,.nfp-item a:visited, .rss-feed a:link, .rss-feed a:visited {
  color: #89184a;
}
.nfp-item a.btn-default:link, .nfp-item a.btn-default:visited {
	color: #ffffff!important;
}
.nfp-item a:hover,.nfp-item a:active, .rss-feed a:hover,.rss-feed a:active {
  text-decoration: none;
  color: #530e2d;
}
.rss-feed {
  margin-bottom: 0;
  padding-top: 8px;
}
.rss-feed ul.rss-aggregator {
	list-style: none;
	padding: 0;
}
.rss-feed ul.rss-aggregator li {
    border-top: 4px solid #c1c0c0;
	padding: 8px 0 8px 8px;
	list-stlye: none;
	margin: 0;
}
.rss-feed span.feed-source {
	font-weight:bold;
}
.rss-feed .nav-links {
  display: none;
}
div.wprss-feed-meta > span.feed-source, div.wprss-feed-meta > span.feed-date {
	font-size: 12px;
}
.specialappeal {
  padding-top: 8px;
}

.blog-feed p {
  font-size: 12px;
}

/* Footer styles */
.twitter-feed {
  background-color: #eee;
  margin-bottom: 15px;
}
img.twt-avatar {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 5px 0 5px 5px;
}
.tweet-hd {
  padding-top: 30px;
}
.tweet-hd h4 {
  font-weight: 400;
  font-family: 'Oswald',sans-serif;
  color: #b04a13;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 3px;
  margin-top: 10px;
}
.tweet-hd p {
  font-style: italic;
}
.tweet {
  padding-top: 30px;
}
img.twt-follow {
  float: right;
}
p.timestamp {
  color: #636363;
}
.email-signup {
  padding: 15px 0 20px;
  background-color: #89184a;
}
.email-signup .signup-block {
	display:block;
	float: none;
    margin: 0 auto;
    max-width: 152px;
}
.email-signup h3 {
  color: #fff;
  margin-top: 25px;
  margin-bottom: 15px;
}
.sponsor-logos {
  margin-top: 40px;
  height: 120px;
  float: left;
}
.sponsor-logos img {
  float: left;
  margin: 0 20px 10px 0;
}
.nbs-flexisel-container {
    position:relative;
	height: 130px;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:none;
    width:90%;
	max-width:1000px;
	margin: 0 auto;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
    list-style-type:none;  
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:180px;
    max-height:105px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 35px;
    height: 48px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(images/prev-sponsor-slider.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(images/next-sponsor-slider.png) no-repeat;
}
.footerbk {
    background-color:#530e2d
}

footer {
    padding:20px 0;
    color:#fff
}

.footer-nav-links ul {
	padding-left: 0;
	list-style: none;
	margin-bottom: 20px;
}
.footer-nav-links ul > li {
    padding-top:20px;
}
.footer-nav-links ul > li a {
    text-transform:uppercase;
    font-family:'Bree Serif',serif;
    color:#530e2d;
    letter-spacing:1px;
    font-weight:700;
    color:#fff
}
.footer-nav-links ul ul {
    padding-top:0;
	margin-bottom: 0;
}
.footer-nav-links ul ul li{
    padding-top:0;
}
.footer-nav-links ul > li > ul >li a, .footer-nav-links a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    color:#cc7b16;
	text-transform:none;
	letter-spacing:normal;
}

.footer-nav-links dl a:hover,.footer-nav-links dl a:active {
    color:#b04a13
}

.footer-nav-links h4 {
    text-transform:uppercase;
    font-family:'Bree Serif',serif;
    color:#530e2d;
    letter-spacing:1px;
    font-weight:700;
    color:#fff;
	padding-top: 20px;
}

/* Interior styles */

.lp-promo-grid {
  padding-top: 20px;
  padding-bottom: 40px;
}
.lp-promo-pad {
  border: 4px solid #c1c0c0;
  padding: 20px 15px 0;
  margin-bottom: 20px;
}
.lp-promo-pad img.lp-promo-img {
  width: 100%;
  padding-bottom: 15px;
  margin: 0 auto;
  padding-top: 20px;
  vertical-align:bottom;
}
img.float-left {
  float: right;
  margin: 0 20px 20px;
}
a.promo-link:hover {
  background-color: #C8C6C6;
}
.content {
  padding-top: 20px;
  padding-bottom: 40px;
}
.rightimg {
  float: right;
  padding: 0 0 20px 20px;
}
figure img {
  padding-bottom: 5px;
}
figcaption {
  font-style: italic;
  padding-bottom: 5px;
}
.breadcrumb {
  background-color: #fff;
  padding-left: 0;
  font-size: 12px;
  color: #C8C6C6;
  margin-bottom: 0;
}
/* TESSITURA SITE */
#tnew-site-table-wrapper img {
	max-width: none;
}
#tessitura-btns {
	text-align:center;
}
#tessitura-btns .btn {
	display:inline-block; 
	margin: 0 20px 20px;
	min-width: 130px;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .container {
    width: 97.5%;
  }
}

@media (max-width: 1140px) {
  nav.navbar-default {
    font-size: 17px;
  }
}
@media (max-width: 1120px) {
  header .container img.main-logo-int {
    position: relative;
    z-index: 100;
    top: -3px;
    left: 10px;
  }
.navbar-right {
    margin-right: -15px;
    margin-left: -15px;
    text-align: center;
    float: none!important;
  }
ul.navbar-right > li {
    float: none!important;
    display: inline-block;
  }
  .main-logo-container {
    height: 155px;
    width: 30%;
  }
header .container img.main-logo {
    position: relative;
    left: 0;
    margin-right: 5px;
  }
.sub-logos {
    width: 70%;
  }
.sub-logos img {
    height: 100px;
    width: 71px;
  }
}

@media (max-width: 992px) {
  .logos img {
    vertical-align: top;
    max-height: 136px;
    width: 24%;
  }
.container {
    width: 97.5%;
  }
.jumbotrontxt h2 {
    font-size: 2.5em;
  }
.ue-item {
    position: relative;
    max-width: 460px;
    margin: 0 auto 25px;
    float: none;
  }
.ue-item img.ue-img {
    display: block;
    float: none;
  }
.ue-overlay-txt {
    width: 50%;
  }
.ue-overlay-txt h3 {
    font-size: 1.35em;
  }
  .email-signup .signup-block {
    max-width: 310px;
}
.email-signup h3 {
    display: inline-block;
    float: left;
	margin-top: 18px;
  }
  .rss-feed {
	  margin-bottom: 15px;
	  padding-top: 8px;
	}
.email-signup button.btn {
    margin: 16px 0 0 15px;
    float: left;
    display: inline-block;
  }
.lp-promo {
    text-align: center;
    width: 50%;
  }
.rightimg {
    float: none;
    padding: 20px;
    margin: 0 auto;
  }
  .rightimg img.alignright  {
		float:none;
		margin: 0 auto;
	}
}

@media (max-width: 886px) {
  .jumbotrontxt p {
    font-size: 19px;
  }
  .jumbotrontxt {
    bottom: 25%;
  }
  header form.search input {
    width: 190px;
  }
}
  @media (max-width: 872px) {
	.nbs-flexisel-inner {
	  width: 88%;
	  max-width: 570px;
	}
	.nfp-item .mission-img {
		margin-bottom: 10px;
	}
	#tessitura-btns .btn {
		margin: 0 12px 20px;
	}
  }
  @media screen and (min-width: 769px){

		#navbar.nav > li.dropdown:hover > .dropdown-menu{display: block; margin-top: -1px;}
		#navbar.nav > li.dropdown:hover > .dropdown-menu > li.dropdown:hover > .dropdown-menu{display: block; margin-top: -25px; margin-left: 96%;}
	}

  @media (max-width: 768px) {
    .main-logo-container{width: 100%;
    max-height: 180px;
    height: auto;
  }
  .collapse-hd {
    margin-left: 15px;
  }
  .main-logo-container {
	  margin-left: 12px;
  }
  .header-right,.logos {
    width: 100%!important;
  }
  img.main-logo,img.main-logo-int {
    float: left;
    left: 0;
    margin: 0;
    display: block;
  }
  form.form-inline {
    float: right;
    margin: 0;
    width: 100%;
    max-width: 320px;
  }
  header form.search input {
    width: 230px;
  }
  nav.navbar-default {
    padding-top: 0;
  }
  .navbar-default #myNavbar > ul > li > a {
	  float:left;
  }
  .navbar-default #myNavbar >ul > li:hover > .dropdown-menu {
	display: none;
  }
  .navbar-default #myNavbar >ul > li.open .dropdown-menu{
	  display: block; 
	  clear: both;
	}

  .navbar-default #myNavbar >ul > li.open .dropdown-menu .dropdown-menu {
	  display: none;
	}
  
  .navbar-default #myNavbar >ul > li.open .dropdown-menu li.open .dropdown-menu{
	  display: block; 
	  clear: both;
	}

  .jumbotrontxt {
    width: 100%;
    position: relative;
    bottom: auto;
    text-align: center;
    padding:20px 0 50px;
  }
  .jumbotrontxt h2 {
	  font-size: 1.9em;
	}
  .jumbotrontxt p {
	  font-size: 1em;
	}
  .jumbotron button {
	  font-size: 16px;
	  padding: 6px 12px;
	}
  .cycle-pager {
	  bottom: -10px;
	  right: 0;
	  text-align: center;
  }
  .ue-item h3 {
	  font-size: 1.7em;
	}
  .ue-item {
	  max-width: 420px;
	}
	.navbar-default ul {
		width: 100%;
		float: left;
		position: relative; 
	}
	.navbar-default ul> li {
		width: 100%; 
	}
	ul > li > .dropdown-menu {
		background-color: transparent;
		border: none;
		box-shadow: none;
	}
	.navbar-default #myNavbar ul li .dropdown-menu > li > a {
	  color: #b04a13;
	}
	ul.navbar-right > li {
	  float: left!important;
	  display: inline-block;
	}
	.navbar-default ul .open .dropdown-menu>li>a {
	  color: #b04a13;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus  {
		background-color: transparent!important;
		color: #fff!important;
	}
  .navbar-default #myNavbar ul li .dropdown-menu>li>a:hover,.navbar-default #myNavbar ul li .dropdown-menu>li>a:active, .navbar-default #myNavbar ul li .dropdown-menu>li>a:focus  {
          color: #fff;
	}
	.navbar-default #myNavbar ul li .dropdown-menu>li.dropdown-submenu.open>a:first-child, 
	.navbar-default #myNavbar ul li .dropdown-menu>li.dropdown-submenu.open>a.dropdown-toggle {
		color: #fff; 
		background-color: #cc7b16
	}
	.navbar-default #myNavbar .dropdown-menu > li > a {
		padding: 6px 25px;
	}
	.navbar-default #myNavbar .dropdown-menu > li > a.dropdown-toggle{
		padding: 6px 0px; 
		margin-left: 0;
		/*margin-left: -5px;*/
	}
  .ue-item {
	  margin-bottom: 20px;
	}
  .ue-item h5 {
	  font-size: 1.25em;
	}
  .sponsor-logos {
	  margin: 30px auto;
	  max-width: 450px;
	}
  .sponsor-logos img {
	  float: none;
	  margin: 0 auto;
	  display: inline-block;
	  width: 48%;
	  max-width: 200px;
  }
  .email-signup {
	  padding: 15px 0 30px;
  }
  .email-signup .signup-block {
	  width: 310px;
	  display:block;
	  margin: 0 auto;
	  float: none;
  }
  .nbs-flexisel-inner {
	  width: 85%;
	}
  .footer-nav-links ul > li {
	  padding-top: 0;
  }
  .footer-nav-links ul > li  >ul {
	  padding-bottom: 15px;
  }
  .footer-nav-links ul {
	  margin-bottom: 0;
  }
  footer {
	  padding:20px 0 60px;
  }
  .rightimg img.alignright  {
		float:none;
		margin: 0 auto;
	}
}
@media (max-width: 675px) {
  img.twt-avatar {
	  float: left;
	  margin-bottom: 0;
	  margin-right: 10px;
	  padding: 5px;
  }
}
@media (max-width: 670px) {
.nbs-flexisel-inner {
	width: 400px;
}
}
@media (max-width: 600px) {
  header form.search input {
    width: 220px;
  }
.lp-promo {
    width: 100%;
  }
  .footer-nav-links .col-xxs-12 {
	  width: 100%;
  }
}

@media (max-width: 520px) {
  .header-right,.logos {
    width: 100%!important;
  }
.logos img.main-logo {
    float: none;
    margin: 0 auto 5px;
    display: block;
  }
form.form-inline {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
  }
header form.form-inline input {
    width: 200px;
  }
  .twitter-feed .tweet-hd, .twitter-feed .tweet {
	  width: 100%;
	  padding-top: 0;
  }
}
@media (max-width: 480px) {
	.nbs-flexisel-inner {
		width: 200px;
	}
	img.alignright, img.alignleft {
		float: none;
		margin: 10px auto;
		max-width: 100%;
		display:block; 
	}
	.rightimg img.alignright  {
		margin: 0;
	}
}
@media (max-width: 440px) {
  header form.form-inline input {
    width: 140px;
  }
  header .btn-default {
    padding: 6px;
    margin-left: 5px;
  }
  header .container img.main-logo {
    width: 100px;
    max-width: 100px;
    left: 0;
  }
  .ue-item {
	  min-height: 180px;
	  width: 100%;
	  background: #000;
  }
    .ue-item img {
	  display: none;
  }
  .ue-overlay-txt {
	  padding-left: 15px;
	  top: 7.5%!important;
	  text-align: right;
	  width: 100%;
  }
  .ue-item .ue-overlay-txt h5 {
	  margin-bottom: 10px;
  }
  .email-signup button.btn {
    display: block;
    float: none;
    margin: 16px auto;
  }
  .email-signup h3 {
    display: block;
    float: none;
    text-align: center;
    width: 100%;
  }
  .nfp-item .mission-img {
    float: none;
    margin: 0 auto 20px;
  }
}

@media (max-width: 350px) {
	.navbar-default ul > li.menu-item-421{
		width: 80%;
	}
	li.menu-item-421 a{
		white-space: normal;
	}
	.navbar-default #myNavbar .dropdown-menu > li.menu-item-421 a.dropdown-toggle{
		margin-left: -20px;
	}
}

