@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic|Roboto+Slab:100,300,400|Roboto+Condensed);

/* ============================ MAIN STYLES ============================ */

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 144%;
	text-rendering: optimizeLegibility;
}
body {
	padding-right: 0px !important;
}
article {
	font-size: 18px;
	line-height: 150%;
}
a {
	font-weight: 400;
	color: #881e75;
}
a:hover {
	text-decoration: underline;
	color: #b129b6;
}
a:not(.btn):active:not(.nav li a):active 
{
   color: #731963 !important;
}
a.muted { 
	text-decoration: none;
	color: #555;
	}
a.muted:hover {
	text-decoration: underline;
	color: #222;
	}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #333;
}
body p a:hover {
	text-decoration: underline;
}

/* ============================ TYPOGRAPHY ============================ */

.lead a {
	text-decoration: none;
}
.lead-special {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.2;
	width: 60%;
	margin: 0 auto;
}
lead > b, lead > strong {
	font-weight: 400;
}
h1.xl, .h1.xl {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	line-height: 90%;
	font-weight: 300;
	font-size: 150px !important;
	color: #fff; 
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
	margin: 0;
	letter-spacing: -.05em;
}
h1, .h1 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 88px;
	margin: 0 0 32px 0;
	font-weight: 100;
	letter-spacing: -3px;
	text-transform: lowercase;
}
h2, .h2 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 50px;
	margin: 0 0 24px 0;
	font-weight: 200;
	color: #666;
}
h3, .h3 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 36px;
	margin: 0 0 24px 0;
	font-weight: 200;
	color: #666;
}
h4, .h4 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 27px;
	margin: 0 0 18px 0;
	font-weight: 300;
}
h5, .h5 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 22px;
	margin: 0 0 18px 0;
	font-weight: 300;
	margin-top: 0;
}
h5, .h5 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 18px;
}
h5.news_article_title {
	font-size: 20px;
	margin: 0 0 6px 0;
}
strong {
	font-weight: 500;
	}
.news-article-block ul li {
	margin-bottom: 6px;
	}
.news-article-block ul li:last-child {
	margin-bottom: 0px;
	}
.caption {
	font-size: 14px;
	font-style: italic;
	margin-top:30px;
	color: #666;
}
th {
	font-weight: 500;
	}
.news-tagline {
	text-transform: none;
	text-shadow: 0px 0px 5px rgba(0,0,0,.8);
}
.panel-heading {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	padding: 25px 25px;
}
.panel-body {
	font-size: 16px;
	padding: 25px 25px;
}

.panel-body p:last-child {
	margin-bottom: 5px;
}
.dropdown-menu > li > a {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 15px;
}
.lead {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 21px !important;
	line-height: 143%;
	font-weight: 300 !important;
}
p.lead em, div.lead em {
	font-weight: 500;
	color: #1B264F;
	font-style: normal;
	font-size: 24px;
	font-variant: small-caps;
}
.xsmall {
	font-size: 14px !important;
	line-height: 140%;
}
.input-lg {
	font-size: 18px
}

.gcal-item-date {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	}
.gcal-item-time {
	font-size: 13px;
	color: #888;
	font-weight: 400;
	margin-bottom: 6px;
	}
.gcal-item-title {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 6px;
	}
.gcal-item-location {
	font-size: 13px;
	color: #888;
	margin-bottom: 6px;
	}
.gcal-item-description {
	font-size: 13px;
	font-weight: 400;
	color: #888;
	}

/* ============================ NAVIGATION ============================ */

.btn {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding: 8px;
	}

.btn-default:hover {
	color: #fff;
	background-color: #731963;
	border-color: #731963;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	color: #fff;
	background-color: #9d2287;
	border-color: #9d2287;
}

.btn-sm, .btn-group-sm {
	font-size: 13px;
	padding: 6px 10px 7px 10px;
	font-weight: 500;
}

.btn-xl, .btn-group-xl {
	padding: 15px 5px 20px 5px;
}
.navbar {
	margin-bottom: 0px;
}
.nav > li {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 500;
}
.navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 19px;
}
.nav-pills > li > a {
	padding: 8px 12px 14px 12px;
}
.shadow {
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);  /* Firefox 3.5 - 3.6 */
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.brand-img {
	height: 150px;
	position: relative;
	margin-top: -20px;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}
/* ============================ UI COMPONTENTS ============================ */

.well {
    background-color: #efefef;
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
}

.table-text {
	font-size: 15px;
	line-height: 140%;
}
.table-borderless>thead>tr>th, .table-borderless>tbody>tr>th, .table-borderless>tfoot>tr>th, .table-borderless>thead>tr>td, .table-borderless>tbody>tr>td, .table-borderless>tfoot>tr>td {
	border-top: none;
}
.cell-max-width {
   max-width: fit-content;
}
.table-nonfluid {
   width: auto !important;
}
table-expanded > thead > tr > th,
.table-expanded > tbody > tr > th,
.table-expanded > tfoot > tr > th,
.table-expanded > thead > tr > td,
.table-expanded > tbody > tr > td,
.table-expanded > tfoot > tr > td {
  padding: 20px 10px;
  line-height: inherit;
  vertical-align: middle;
}

#centering-parent {display: table; height: 650px;  width: 100%;}
#centering-child {
  display: table-cell;
  vertical-align: middle;
 }

/* --------------------------- GLOBAL --------------------------- */

.jumbotron-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #361931;
	height: 650px;
	padding: 0;
}

.text-white {
	color: #fff !important;
}

.hr-dashed {
	height: 1px;
	border-bottom: dashed 1px #bbb;
	width: 100%;
	margin: 30px auto 30px auto;
	padding: 0;
}
.input-group-addon {
	background-color: #fff;
	color: #aaa;
}
.jumbotron {
	margin: 0;
	padding: 0;
}
.jumbotron h1 {
	font-size: 72px;
}

.divider-alt {
	height: 1px;
	width: 100%;
	margin: 25px 0 0 0;
	padding: 0;
	background: #015cac; /* Old browsers */
	background: -moz-linear-gradient(left, #005dac 0%, #93268f 33%, #f37320 66%, #ffd400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #005dac), color-stop(33%, #93268f), color-stop(66%, #f37320), color-stop(100%, #ffd400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #005dac 0%, #93268f 33%, f37320 66%, #ffd400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #005dac 0%, #93268f 33%, #f37320 66%, #ffd400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #005dac 0%, #93268f 33%, #f37320 66%,, #ffd400 100%); /* IE10+ */
	background: linear-gradient(to right, #005dac 0%, #93268f 33%, #f37320 66%, #ffd400 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005dac', endColorstr='#93268f', GradientType=1 ); /* IE6-9 */
}


/* --------------------------- INDEX --------------------------- */

.index_article_timestamp {
	font-size: 14px;
	margin: 0 0 6px 0;
}

/* --------------------------- ARTICLE --------------------------- */

.jumbotron-news {
	background-image: url(../images/hero-news.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	height: 650px;
	padding: 0;
}
.news-latest, .news-archives {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 15px;
}
.news-category {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 0 13px 0;
	margin: 30px 0 0 0;
	border-top: solid 3px #ccc;
	border-bottom: dotted 1px #ccc;
}

.byline_wrapper {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.author_photo {
	display: inline-block;
	height: 60px;
	width: 70px;
}
.credentials_wrapper {
	display: inline-block;
	vertical-align: top;
}

.article_author {
	margin-top: 8px;
}

.article_author, .article_timestamp {
	display: block;
	width: 100%;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 140%;
	text-transform: capitalize;
	font-weight: 400;
}

.article-block {
	padding: 60px 60px 50px 60px;
	border: 1px solid #eaeaea;
}

.article-block-overlap {
	margin: -80px 0 30px 0;
}

.date-stamp {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* --------------------------- WHAT WE DO --------------------------- */

.jumbotron-what {
	background-image: url(../images/hero-what.jpg);
}

/* --------------------------- ACT NOW --------------------------- */

.jumbotron-act {
	background-image: url(../images/hero-act.jpg);
}

#actnow-minislider-text
{
	display: table-cell;
	vertical-align: middle;
	padding-top: 10%;
}

/* --------------------------- RESOURCES --------------------------- */

.jumbotron-resources {
	background-image: url(../images/hero-resources.jpg);
}

/* --------------------------- WHO WE ARE --------------------------- */

.jumbotron-who {
	background-image: url(../images/hero-who.jpg);
}

.jumbotron-profiles {
	padding: 80px;
	margin-bottom: -80px;
}

.card-header {
	border: solid 1px #ccc;
	border-bottom: none;
	margin: 0;
	padding: 25px 15px 35px 15px;
	background-color: #fff;
}
.card-body {
	border: solid 1px #ccc;
	border-top: none;
	padding: 40px;
	margin: 0;
	background-color: #fff;
}

.bio_container {
  position: relative;
  width: 100%;
}

.bio_image {
  display: block;
  width: 100%;
  height: auto;
}

.bio_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}

.bio_container:hover .bio_overlay {
  opacity: 1;
}

.bio_text {
  color: #fff;
  font-size: 16px;
	line-height: 140%;
  position: absolute;
  padding: 25px;
}

/* --------------------------- SURVIVAL GUIDE --------------------------- */

.jumbotron-survival_7 {
	background-image: url(../images/hero-survival_7.jpg);
}

.jumbotron-survival_nw {
	background-image: url(../images/hero-survival_nw.jpg);
}


/* ============================ BG COLORS ============================ */

.bg-gray {
	background-color: #ccc;
	color: #fff;
}
.bg-black {
	background-color: #000;
	color: #fff;
}
.bg-green {
	background-color: #849483;
	color: #fff;
}
.bg-lavender {
	background-color: #413C58;
	color: #fff;
}
.bg-denim {
	background-color: #1B264F;
	color: #fff;
}
.bg-cream {
	background-color: #E6EED6;
	color: inherit;
}
.bg-white {
	background-color: #fff;
	color: inherit !important;
}
.bg-purple {
	background-color: #361931;
	color: #fff;
}

/* ============================ SHADOW DEPTHS ============================ */

.dp1 {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.dp2 {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
.dp3 {
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
}
.dp4 {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
}
.dp5 {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}
.dp6 {
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
}

/* ============================ TABLE SEARCH ============================ */

.results tr[visible='false'], .no-result {
	display: none;
}
.results tr[visible='true'] {
	display: table-row;
}
.counter {
	padding: 8px;
	color: #ccc;
}
/* ============================ FOOTER ============================ */

footer {
	background-color: #000;
	color: #ccc;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-bottom: 0;
}
.footer-cap {
	height: 1px;
	margin: 0 0 50px 0;
	padding: 0;
	background: #015cac; /* Old browsers */
	background: -moz-linear-gradient(left, #005dac 0%, #93268f 33%, #F37428 66%, #ffd400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #005dac), color-stop(33%, #93268f), color-stop(66%, #F37428), color-stop(100%, #ffd400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #005dac 0%, #93268f 33%, #F37428 66%, #ffd400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #005dac 0%, #93268f 33%, #F37428 66%, #ffd400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #005dac 0%, #93268f 33%, #F37428 66%,, #ffd400 100%); /* IE10+ */
	background: linear-gradient(to right, #005dac 0%, #93268f 33%, #F37428 66%, #ffd400 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005dac', endColorstr='#93268f', GradientType=1 ); /* IE6-9 */
}
footer .jumbotron {
	margin: 0;
}
footer .jumbotron a {
	color: #c3b8eb;
	font-weight: 400;
	text-decoration: none;
}
footer .jumbotron a:hover, a:active {
	color: #fff;
	text-decoration: none;
}

/* ============================ SPACING ============================ */

.buffer-20px {
	padding-top: 20px;
	padding-bottom: 20px;
}

.buffer-30px {
	padding-top: 30px;
	padding-bottom: 30px;
}

.buffer-40px {
	padding-top: 40px;
	padding-bottom: 40px;
}

.buffer-50px {
	padding-top: 50px;
	padding-bottom: 50px;
}

.buffer-60px {
	padding-top: 60px;
	padding-bottom: 60px;
}

.buffer-70px {
	padding-top: 70px;
	padding-bottom: 70px;
}

.buffer-80px {
	padding-top: 80px;
	padding-bottom: 80px;
}

.t-0px {
	margin-top: 0px;
}

.t-10px {
	margin-top: 10px;
}

.t-15px {
	margin-top: 15px;
}

.t-20px {
	margin-top: 20px;
}

.t-25px {
	margin-top: 25px;
}

.t-30px {
	margin-top: 30px;
}

.t-40px {
	margin-top: 40px;
}

.t-50px {
	margin-top: 50px;
}

.t-60px {
	margin-top: 60px;
}

.t-70px {
	margin-top: 70px;
}

.t-80px {
	margin-top: 80px;
}

.t-90px {
	margin-top: 90px;
}

.b-0px {
	margin-bottom: 0px;
}

.b-10px {
	margin-bottom: 10px;
}

.b-15px {
	margin-bottom: 15px;
}

.b-20px {
	margin-bottom: 20px;
}

.b-25px {
	margin-bottom: 25px;
}

.b-30px {
	margin-bottom: 30px;
}

.b-40px {
	margin-bottom: 40px;
}

.b-50px {
	margin-bottom: 50px;
}

.b-60px {
	margin-bottom: 60px;
}

.b-70px {
	margin-bottom: 70px;
}

.b-80px {
	margin-bottom: 80px;
}

/* ============================ LG DESKTOPS & LAPTOPS ============================ */

@media (min-width: 1200px) {
	.clearfix-auto:nth-child(even) {
		clear: both;
	}
	footer {
	margin: 70px 0 0 0 !important;
	}
}

/* ============================ POTRAIT DESKTOPS & MD DESKTOPS ============================ */

@media (min-width: 992px) and (max-width: 1199px) {
	.jumbotron-hero {
		height: 415px;
	}
	#centering-parent {height: 415px;}
	.brand-img {
		height: 130px;
	}
	h1.xl, .h1.xl {
	font-size: 80px !important;
	}
	h1, .h1 {
		font-size: calc(88px - 0px);
	}
	#actnow-minislider-text {
	padding-top: 9%;
	}
	.lead-special {
	width: 70%;
	}
	.article-block {
	padding: 25px 25px 20px 25px;
	}
	.article-block-overlap {
	margin-top: -60px;
	}
	footer {
	margin: 70px 0 0 0 !important;
	}
}

/* ============================ PORTRAIT TABLETS & SMALL DESKTOPS ============================ */

@media (min-width: 768px) and (max-width: 991px) {
	.jumbotron-hero {
		height: 300px;
	}
	#centering-parent {height: 300px;}
	.brand-img {
		height: 100px;
	}
	h1.xl, .h1.xl {
	font-size: 70px !important;
	}
	h1, .h1 {
		font-size: calc(68px - 10px);
	}
	h2, .h2 {
		font-size: 42px;
		line-height: 105%;
	}
	#actnow-minislider-text {
	padding-top: 11%;
	}
	.lead-special {
	font-size: 22px;
	width: 80%;
	}
	.article-block {
		padding: 25px 25px 20px 25px;
	}
	.article-block-overlap {
	margin-top: -45px;
	}
	.text-mobile {
		text-align: center !important;
	}
	.card-body {
		padding: 30px;
	}
	footer {
	margin: 60px 0 0 0 !important;
	}
}

/* ============================ LANDSCAPE PHONES & PORTRAIT TABLETS ============================ */

@media (max-width: 767px) {
	.jumbotron-hero {
		height: 250px;
	}
	#centering-parent { height: 250px; }
	.brand-img {
		height: 90px;
	}
	h1.xl, .h1.xl {
	font-size: 60px !important;
	}
	h1, .h1 {
		font-size: calc(68px - 20px);
	}
	h2, .h2 {
		font-size: 36px;
		line-height: 105%;
	}
	.mobile-image-buff {
		padding: 0 40px;
		margin-bottom: 25px;
	}
	.text-mobile {
		text-align: center !important;
	}
	.article-block {
		padding: 20px 20px 20px 20px;
	}
	.article-block-overlap {
	margin-top: -30px;
	}
	.card-body {
		padding: 20px;
	}
	footer {
		margin: 50px 0 0 0 !important;
	}
}

/* ============================ LANDSCAPE PHONES & SMALLER ============================ */

@media (max-width: 480px) {
	h1.xl, .h1.xl {
	font-size: 50px !important;
	}
	h2, .h2 {
	 font-size: 32px;
	 line-height: 105%;
	}
	 .jumbotron-news { background-image:url(../images/hero-xs-news.jpg); }
	.jumbotron-who { background-image:url(../images/hero-xs-who.jpg); }
	.jumbotron-what { background-image:url(../images/hero-xs-what.jpg); }
	.jumbotron-resources { background-image:url(../images/hero-xs-resources.jpg); }
	.jumbotron-act { background-image:url(../images/hero-xs-act.jpg); }
	.jumbotron-survival { background-image:url(../images/hero-xs-survival.jpg); }
	.jumbotron-hero { height: 275px !important; 	}
	#centering-parent { height: 275px; }
	 .mobile-image-buff {
	 padding: 0 0px;
	 margin-bottom: 22px;
	}
	 .tagline-resizing {
	 font-size: 25px;
	}
	 .text-mobile {
	text-align: center !important;
	}
	.article-block {
	padding: 20px 15px 15px 15px;
	}
	.article-block-overlap {
	margin-top: 30px;
	}
	 .card-body {
	 padding: 0;
	}
	footer {
		margin: 50px 0 0 0 !important;
	}
}