/****************************************
Typography
*****************************************/
//Open Sans Light 300
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-light-300.woff2) format('woff2'),
  url('/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-light-300.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
//Open Sans Normal 400
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Normal'), local('OpenSans-Normal'), url(/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-normal-400.woff2) format('woff2'),
  url('/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-normal-400.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
//Open Sans Bold 700
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-bold-700.woff2) format('woff2'),
  url('/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-bold-700.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
//Open Sans Extra Bold 800
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans exBold'), local('OpenSans-exBold'), url(/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-exbold-800.woff2) format('woff2'),
  url('/digitalcoast/sites/all/themes/bootstrap/fonts/open-sans-exbold-800.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #333;
	text-rendering: optimizeLegibility;
	margin-bottom: 14px;
	margin-top: 14px;
}
h1 {
	font-size: 28px;
	line-height: 31px;
}
h2 {
	font-size: 22px;
	line-height: 26px;
}
h3 {
	font-size: 20px;
	line-height: 24px;
}
h4 {
	font-size: 18px;
	line-height: 22px;
}
h5 {
	font-size: 16px;
	line-height: 20px;
}
h6 {
	font-size: 14px;
	line-height: 18px;
}
a {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-weight: 400;
	color: #0091cd;
}
p {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

ul {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-weight: 400;
	margin-left: 17px;
}
.font-ultra-lite {
  font-family: 'Open Sans', Verdana, Geneva, sans-serif;
  font-weight: 300 !important;
}
.font-normal {
  font-family: 'Open Sans', Verdana, Geneva, sans-serif;
  font-weight: 400 !important;
}
.font-bold {
  font-family: 'Open Sans', Verdana, Geneva, sans-serif;
  font-weight: 700 !important;
}
.font-xbold {
  font-family: 'Open Sans', Verdana, Geneva, sans-serif;
  font-weight: 800 !important;
}
.img-polaroid {
	box-shadow: none;
}
.img-polaroid p {
	padding: 10px;
}
[class^="icon-"], [class*=" icon-"]{
	opacity: .45;
}
.hero-unit {
	background-color: #1C3A6D;
	box-shadow: none;
}

/*********************************************************************************************************************
Nav bar 
***********************************************************************************************************************/
.navbar .logo {
	margin-right: 10px;
}
.logo {
	text-indent: -9999px;
	display: block;
	position: relative;
	background-color: transparent;
	background-image: url("http://coast.noaa.gov/assets/logos/digitalcoast-logo-camelcase.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 298px;
	height: 48px;
}
.navbar .btn-navbar {
	float: right;
	padding: 7px 10px;
	margin-right: 5px;
	margin-left: 5px;
	color: #FFF;
	margin-top: 16px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #fff;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-repeat: repeat-x;
	border-color: #E5E5E5 #E5E5E5 #BFBFBF;
	border-color: rgba(0, 0, 0, 0);
	filter: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 1px;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.navbar .btn-navbar .icon-bar {
	display: block;
	width: 18px;
	height: 2px;
	background-color: #1C3A6D;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 1;
}
.navbar .brand {
	margin: 0;
}
/*.navbar ul li:nth-of-type(5):before {
	content: "";
	display: block;
	position: absolute;
	background: #F00;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	right: 10px;
	top: 23px;
}*/
.navbar p{
	margin: 0;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
	background-color: rgba(255,255,255,.92);
	border-bottom: 1px solid #2955a0;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.08);
}
.navbar-inner {
	background-image: none;
	border: none;
}
#site-name {
	line-height: 1;
	margin: 0;
}
.navbar form {
	float: right;
	margin: 5px 0 5px 0;
}
.navbar form input[type="text"] {
	background: url('../img/header-search-icn.png') no-repeat 12px 5px;
	border: 1px solid #ADC0CC;
	vertical-align: middle;
	font-size: 12px;
	margin-top: 13px;
	text-align: center;
}
.navbar form input[type="image"] {
	margin-left: -3px;
	vertical-align: middle;
}
.navbar .nav>li {
	padding-top: 16px;
	position: relative;
}
.navbar .nav>li>a {
	padding: 8px 11px 8px;
	font-size: 12px;
	text-shadow:none;
	color: #666;
	border-color: transparent;
	border-width: 1px;
	border-style: solid;
	margin: 0 1px;
}
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
	color: #1C3A6D;
	border-color: #1C3A6D;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	transition: all .25s;
}
.navbar .nav>li>a.active {
	background: #1C3A6D;
	border-radius: 0;
	color: #fff;
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.1);
	text-shadow: none;
}
.navbar .nav>li>a.active:after {
	display: block;
	position: absolute;
	background-color: #1C3A6D;
	width: 10px;
	height: 10px;
	top: 47px;
	z-index: 1010;
	content: "";
	left: 45%;
	/* Safari */
	-webkit-transform: rotate(45deg);

	/* Firefox */
	-moz-transform: rotate(45deg);

	/* IE */
	-ms-transform: rotate(45deg);

	/* Opera */
	-o-transform: rotate(45deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.submitted {
	margin-bottom: 1em;
	font-style: italic;
	font-weight: normal;
	color: #777;
}
ul.action-links {
	margin-bottom: 2em;
}
ul.action-links li {
	display: inline;
	padding-right: 1.5em;
}
ul.action-links [class^="icon-"], ul.action-links [class*=" icon-"] {
	padding-right: .5em;
}
/******************************************************************************************************
General Page styles
********************************************************************************************************/
.main-container {
	padding: 20px 0;
} /*Adds padding under navbar and above footer #NC */
/* ARROW TABS - applies arrow background to Bootstrap tabs within main content article */
article .nav-tabs {
	border: none;
}
article .nav-tabs li, article .nav-tabs li a, article .nav-tabs li.active a {
	background: transparent;
	border: none;
	height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
}
article .nav-tabs li {
	background: url(/digitalcoast/sites/all/themes/bootstrap/img/page_nav_cap.png) bottom right no-repeat;
	padding-right: 15px;
	margin-right: -10px;
}
article .nav-tabs li a {
	background: url(/digitalcoast/sites/all/themes/bootstrap/img/page_nav.png) bottom left no-repeat;
	padding: 0 20px 0 33px;
	color: #06255B;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
article .nav-tabs li.active {
	background: url(/digitalcoast/sites/all/themes/bootstrap/img/page_nav_cap.png) top right no-repeat;
	padding-right: 15px;
}
article .nav-tabs li.active a {
	background: url(/digitalcoast/sites/all/themes/bootstrap/img/page_nav.png) top left no-repeat;
	padding: 0 20px 0 33px;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
article .nav-tabs li a:hover, article .nav-tabs li.active a:hover, article .nav-tabs li.active a:focus {
	background-color: transparent;
	color: #fff;
	border: none;
}
/*Generic Sidebar */
.dc_sidebar {
	background: #D7E3EA;
	border-radius: 5px;
}
.dc_sidebar h5 {
	color: #000;
}
/*.field-name-field-sidebar{padding:10px 10px 30px 10px;}*/
.dc_sidebar ul.menu li.first.leaf.about a {
}
.dc_sidebar ul.menu {
	list-style: none;
	background: #ededed;
	margin: 0;
	padding: 10px;
	padding-left: 10x;
	border-radius: 5px;
	border: 1px solid #afbecc;
	border-bottom: 2px solid #afbecc;
}
.dc_sidebar ul.menu li {
	border-bottom: 1px solid #ccc;
	padding: 5px
}
.dc_sidebar ul.menu li a {
	font-size: 16px;
	line-height: 18px;
}
.dc_sidebar ul.menu li.active-trail {
	border-bottom: 2px solid #2955a0;
}
.dc_sidebar_container {
	margin: 10px;
}
.highlight {
	clear: both;
	list-style: none;
	background: #ededed;
	margin: 0 0 10px 0;
	padding: 10px;
	padding-left: 10x;
	border-radius: 5px;
	border: 1px solid #afbecc;
	border-bottom: 2px solid #afbecc;
	font-size: 12px;
	line-height: 14px;
}
.highlight li {
	padding-bottom: 10px;
}
/*Contributing Partners View*/
.view-id-contributing_partner .view-content h3 {
	border-bottom: 1px dashed #999;
	clear: both;
	padding-top: 20px;
}
.view-id-contributing_partner .view-content h3:first-child {
	padding-top: 0;
}
.view-id-contributing_partner .view-content .views-row {
	width: 50%;
}

.view-id-contributing_partner .view-content .views-row-odd {
	float: left;
}
.view-id-contributing_partner .view-content .views-row-even {
	float: right;
}
.contributingPartner strong {
	float: left;
	line-height: 30px;
}
.contributingPartner .viewpartners {
	line-height: 30px;
	margin-left: 10px;
	cursor: pointer;
}
.contributingPartner ul {
	padding: 0;
	margin: 0;
	float: left;
}
.contributingPartner li {
	float: left;
	list-style: none;
	margin: 5px;
}
.contributingPartner li a {
	color: #000;
	background: #eee;
	border-radius: 5px;
	padding: 5px;
	font-size: 10px;
}
.contributingPartner li a:hover {
	background: #999;
	color: #fff;
	text-decoration: none;
}
/*Taxonomy View*/
.vocabulary-contributing-partner .content {
	margin: 0;
	font-size: 14px;
	width: 100%;
}
.vocabulary-contributing-partner .field-label {
	padding: 10px 10px 0 0;
}
.vocabulary-contributing-partner .field-item {
	padding: 0 10px 10px 0;
}
/* Modal OVerlay Actionable Buttons*/
ul.modal-btns {
	display: block;
	position: relative;
	margin: 0 auto;
}
ul.modal-btns li {
	display: block;
	position: relative;
	float: left;
	list-style: none;
	margin: 0 7px 20px 0;
}
.dc_sidebar blockquote {
	border: none;
}
/******************************************************************************************************
Home page styles
********************************************************************************************************/
.home-container {
	max-width: 960px;
	margin: 0 auto;
}
.blue-row{
	/*background-color: #e0f2ff;*/
	background-color: #EFF8FE;
}
.home-jumbotron{
	margin-top: -77px;
	padding: 0;
	border-bottom: 4px solid #1c3a6d;
	position: relative;
	max-height: 460px;
	overflow: hidden;
}
.home-jumbotron p{
	margin: 0;
}
.home-jumbotron img{
	width: auto;
	width: 100%;
}
.home-tagline-container {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 50px;
}
.home-tagline {
	line-height: 1.2em;
	padding: 10px;
	width: 600px;
	margin: 0 auto;
	text-align: center;
}
.home-tagline h2 {
	color: #FFF;
	font-size: 2em;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
	line-height: 1.25em;
	font-weight: 400;
}
.home-tagline h4 {
	color: #FFF;
	font-size: 1em;
	text-shadow: 1px 1px 0px #666;
	line-height: 1.25em;
}
.home-jumbotron-btn-group {
	max-width: 713px;
	margin: 0 auto;
	display: block;
	padding: 0;
	margin-top: -61px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto !important;
	overflow: hidden;
}
.home-jumbotron-btn-group li{
	padding-left: 1px !important;
	padding-right: 1px !important;
}
.home-jumbotron-btn{
	display: block;
	position: relative;
	background-color: #1C3A6D;
	border: 1px solid #1C3A6D;
	font-size: 19px;
	color: #FFF;
	padding: 17px 0;
	width: 135px;
	text-align: center;
	font-weight: 300;
	border-radius: 4px;
	text-transform: uppercase;
	overflow: hidden;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.30);
	-webkit-transition:all .2s;
	transition:all .2s;
}
.home-jumbotron-btn:hover{
	background-color: #fff;
	color: #264C85;
	text-decoration: none;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.0);
}
.new-badge {
	display: block;
	position: absolute;
	background: #F00;
	font-size: 12px;
	top: -5px;
	right: -26px;
	padding: 20px 13px 10px 13px;
	width: 48px;
	line-height: 0;
	text-align: center;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
/* Home features carousel */
.digcoast-home-carousel {
	background: #fff;
	border: 1px solid #333 !important;
	height: 289px;
	overflow: hidden;
	border: none;
	margin: 0;
	clear:both;
}
.carousel-control-group{
	margin: 10px 0 0 0;
}
.region-home-anncouncements-carousel .carousel-control {
	position: relative;
	display: block;
	left: 0;
	width: 30px;
	height: 25px;
	margin-top: 0;
	font-size: 40px;
	font-weight: 100;
	line-height: 16px;
	color: #0091cd;
	text-align: center;
	background: #fff;
	border: 1px solid #0091cd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.35);
	-webkit-transition:all .2s;
	transition:all .2s;
}
.region-home-anncouncements-carousel .carousel-control .right {
	right: 0;
	left: 0;
}
.region-home-anncouncements-carousel .carousel-control:hover, .carousel-control:focus {
	color: #fff;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	background: #0091cd;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0);
}

.home-tools-data-tabs {

}
.home-tools-data-tabs>.nav-tabs {
	border: none;
	margin-bottom: 10px;
}
.home-tools-data-tabs>.nav-tabs>li>a {
	font-weight: normal;
	color: #6d6d6d;
	border: none;
	padding: 0 7px 3px 7px;
}
.home-tools-data-tabs ol li a {
	color: #0091cd;
}
.home-tools-data-tabs ol li a:hover, .home-tools-data-tabs ol li:hover {
	color: #2955a0;
}
.home-tools-data-tabs>.nav-tabs>.active>a, .home-tools-data-tabs>.nav-tabs>.active>a:hover, .home-tools-data-tabs>.nav-tabs>.active>a:focus {
	color: #0091cd;
	font-weight: normal;
	border-bottom: 3px solid #0091cd;
}
.home-tools-data-tabs>.nav>li>a:hover {
	color: #2955a0;
	font-weight: normal;
	border: none;
	background-color: transparent;
}
.home-tools-data-tabs>.nav-tabs>li.active {
	padding: 0 0 6px 0;
}
.home-tools-data-tabs ol > li:hover {
	
}
.home-tools-data-tabs ol {
	margin: 10px 0 0 22px;
}
.home-tools-data-tabs ol {
	counter-reset: li; /* Initiate a counter */
	margin-left: 0; /* Remove the default left margin */
	padding-left: 0; /* Remove the default left padding */
}
.home-tools-data-tabs ol > li {
	position: relative; /* Create a positioning context */
	margin: 0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding: 10px 20px; /* Add some spacing around the content */
	list-style: none; /* Disable the normal item numbering */
	font-size: 14px;
	color: #B4CBF2;
}
.home-tools-data-tabs ol > 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: 6px;
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 30px;
	/* 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: 8px;
	padding: 4px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #0091cd;
	color: #0091cd;
}
.home-tools-data-tabs ol > li:hover:before{
	background-color: #0091cd;
	color: #fff;
}
.home-tools-data-tabs li ol, .home-tools-data-tabs li ul {
	margin-top: 6px;
}
.home-tools-data-tabs ol ol li:last-child {
	margin-bottom: 0;
}
.home-partner-news-section h4 {
	margin: 0;
}

/* GeoZone */

.view-geozone-feed-from-wordpress {
	padding: 0 0 0 24px;
}
.view-geozone-feed-from-wordpress table td {
	width: 25%;
}
.home-row {
	margin: 30px 0;
	padding: 30px 0;
}
.home-row table tr td{
	border: none;
}

/* Topics row*/
.home-topic-entry {
	position: relative;
	max-height: 200px;
	overflow: hidden;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
	-webkit-transition: all .2s;
	transition: all .2s;
}
.home-topic-entry:hover{
	box-shadow: 0 0 10px 1px rgba(0,0,0,.0);
}
.home-topic-entry img {
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.07);
	max-width: 120%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.home-topic-entry img:hover{
	border-color: #0091cd;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.0);
}
.home-topic-entry h4 {
	position: absolute;
	top: 65%;
	width: 100%;
	text-align: center;
}
.home-topic-entry a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
/* Partner News column */
.home-partner-news-entry {
	padding: 0 0 20px 0;
}
.home-partner-news-img {
	float: left;
	padding: 1px;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.09);
	margin: 3px 14px 3px 0px;
}
.home-partner-news-section h4 {
	font-size: 13px;
}
.view-home-view-partner-news h5 {
	margin-bottom: 10px;
}

.feedback-btn {
	display: block;
	border: 1px solid #06255B;
	background: #06255B;
	padding: 20px;
	text-align: center;
	color: #FFF;
	width: 210px;
	font-size: 20px;
	border-radius: 4px;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.35);
	-webkit-transition:all .2s;
	transition:all .2s;
}
.feedback-btn:hover{
	background: #fff;
	color: #06255B;
	text-decoration: none;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.0);
}
/*****************************************************************************************************
Landing Pages Top Picks
******************************************************************************************************/
.featured-tabs {
	background-color: #D7E3EA;
	float: left;
	width: 200px;
	height: 200px;
	border-bottom: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}
.featured-tabs li {
	float: none;
	margin: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.02);
	border-top: 1px solid rgba(255,255,255,0.2);
}
.featured-tabs li:first-child {
	border-top: none;
}
.featured-tabs > .active > a, .featured-tabs > .active > a:hover {
	background-color: #1c3a6d;
	color: #b4cbf2;
	border: none;
}
.featured-tabs > li > a {
	border-radius: 0px;
	padding: 10px 0px 9px 17px;
	margin-right: 0px;
	border: none;
}
.featured-tab-content {
	width: 470px;
	padding: 2px 22px;
	height: 200px;
	float: left;
}
.
.featured-tab-content h2, 
.hero-unit h2 {
	color: #b4cbf2;
	font-size: 18px;
	line-height: 20px;
	border-bottom: 1px solid;
	padding: 0px 0px 7px 0px;
	margin: 10px 0 0 0;
}
.featured-tab-content ol, 
.featured-tab-content ul, 
.hero-unit ol {
	margin: 5px 17px;
	float: left;
}
.featured-tab-content ol li, 
.featured-tab-content ol li a, 
.featured-tab-content ul li p, 
.featured-tab-content ul li, 
.featured-tab-content ul li a, 
.hero-unit ol li, 
.hero-unit ol li a {
	color: #b4cbf2;
	font-size: 12px;
}
.featured-tab-content ol li p, 
.featured-tab-content ul li p {
	margin: 0 0 0 3px;
}
.featured-tab-content ol li a:hover, 
.featured-tab-content ul li a:hover, 
.hero-unit ol li a:hover {
	color: #f1f1f1;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.featured-tab-content .btn {
	margin: 5px 0 0 0;
}
.featured-tabs-image {
	background-color: #ececec;
	display: block;
	position: relative;
	float: right;
	width: 180px;
	height: 150px;
	overflow: hidden;
	margin: 16px 0 0 0;
}
.featured-tabs-image img {
	width: 100%;
	height: 100%;
}

/*****************************************************************************************************
MISC & Utility Styles
******************************************************************************************************/
.floatright {
	float: right;
	padding: 0 0 10px 10px;
	clear: both;
}
.floatleft {
	float: left;
	padding: 0 10px 10px 0;
	clear: both;
}
.clear {
	clear: both;
}
p.action a {
	color: #fff;
	display: inline-block;
	padding: 8px 45px 8px 18px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background: #2D5276 url('/digitalcoast/sites/all/themes/bootstrap/img/white-arrow.png') 93% 50% no-repeat;
	border: 3px solid #B6C8D1;
	border-bottom-color: #B3B3B3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 8px;
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
p.action a:hover {
	color: #2D5276;
	background-color: #B6C8D1;
	border-color: #2D5276;
	text-decoration: none;
}
.tooltippopover {
	border-bottom: 1px dotted;
}
.submitted {
	margin-bottom: 1em;
	font-style: italic;
	font-weight: normal;
	color: #777;
}
ul.action-links {
	margin-bottom: 2em;
}
ul.action-links li {
	display: inline;
	padding-right: 1.5em;
}
ul.action-links [class^="icon-"], ul.action-links [class*=" icon-"] {
	padding-right: .5em;
}

.pubImage{padding-bottom:10px;}

/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
 *padding-top: 19px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* Echo out a label for the example */
.bs-docs-example:after {
	content: "Example";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #9da0a4;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}
/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
	margin-top: -20px;
	padding-top: 15px;
}
/******************************************************************************************************
ApplyIt styles
********************************************************************************************************/
#applyit {
	padding-top: 10px;
}
.h2overimg {
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 450px;
	margin-bottom: 10px;
}
.h2overimg h2 {
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	padding: 7px 5px;
	color: #2955A8;
	bottom: -13px;
	left: 1px;
	background: rgba(255,255,255,0.8);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.h2overimg img {
	position: relative;
	border: 1px solid #999;
}
#applyit .span4 p:nth-child(2) {
	min-height: 40px;
}
#applyit .accordion-heading {
	background: #ededed url(/digitalcoast/sites/all/themes/bootstrap/img/applyitgrad.png) top left repeat-x;
	height: 35px;
	line-height: 6px;
	padding: 0;
	margin: 0;
}
#applyit .accordion-heading a.accordion-toggle {
	color: #2955A8;
	padding-left: 20px;
	margin-left: 10px;
	background: transparent url(/digitalcoast/sites/all/themes/bootstrap/img/glyphicons-arrows.png) 0 6px no-repeat;
}
#applyit .accordion-inner .applyitmore {
	float: right;
	margin: 10px 0 0 10px;
}
.divlistitems div {
	padding: 5px;
}
.divlistitems div:nth-child(odd) {
	background: #efefef;
}
.divlistitems div:last-child {
	border-bottom: 1px solid #333;
	margin-bottom: 10px
}
/*Hide Header*/
.page-node-9 h1.page-header {
	display: none;
}
/* Social Coast */

/* How Page Image Tabs*/
ul.social-coast-how-tabs {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	height: 260px;
}
ul.social-coast-how-tabs li {
	background: transparent;
	background-image: none;
	display: block;
	position: relative;
	float: left;
}
ul.social-coast-how-tabs li a {
	background-image: none;
	background-color: #2955a0;
	display: block;
	position: relative;
	height: 225px;
	padding: 13px;
	border-radius: 15px 15px 0px 0px;
	border: 1px solid #333;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.09);
	color: #fff;
	font-weight: bold;
	line-height: 1.25em;
	font-size: 19px;
	width: 185px;
}
ul.social-coast-how-tabs li a:hover {
	background-image: none;
	background-color: #0091cd;
	border: 1px solid #333;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.09);
}
ul.social-coast-how-tabs li.active {
	background-image: none;
	height: 225px;
}
ul.social-coast-how-tabs li.active a {
	background-image: none;
	background-color: #0091cd;
	display: block;
	position: relative;
	height: 233px;
	padding: 13px;
	border-radius: 15px 15px 0px 0px;
	border: 1px solid #333;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	line-height: 1.25em;
}
ul.social-coast-how-tabs li.active a:hover {
	background-image: none;
	background-color: #0091cd;
	border: 1px solid #333;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.social-coast-how-tabs-content {
	border-top: 1px solid #000;
	padding: 10px 0px;
}
div.width-half div.img {
	background: #ADC0CC;
	clear: both;
	float: left;
	height: 150px;
	margin: 0 10px 10px 0;
	padding: 10px;
	text-align: center;
	width: 150px;
}
div.width-half ul {
	overflow: hidden;
}
.faq {
	margin: 0;
	padding: 0;
	width: 100%;
}
.heading {
	background-color: #ADC0CC;
	color: #203A55;
	cursor: pointer;
	font-weight: bold;
	margin: 1px;
	padding: 3px 10px;
	position: relative;
}
.content {
	background-color: #F8F9FA;
	color: #222222;
	padding: 5px 10px;
}
p {
	padding: 0;
}
.align-right {
	float: right;
	margin: 0 0 15px 15px;
}
.align-left {
	float: left;
	margin: 0 15px 15px 0;
}
.frame {
	border: 1px solid #AAAAAA;
	padding: 5px;
}
span.pulled-right {
	border-left: 3px solid #CCCCCC;
	color: #666666;
	display: block;
	float: right;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	text-align: right;
	width: 250px;
}
span.pulled-left {
	border-right: 3px solid #CCCCCC;
	color: #666666;
	display: block;
	float: left;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 10px 10px 0;
	padding: 0 10px 0 0;
	text-align: left;
	width: 250px;
}
#slidorion-container {
	display: block;
	position: relative;
	width: 100%;
}
#slidorion {
	border: 1px solid #BBBBBB;
	box-shadow: 0 0 34px #BBBBBB;
	height: 380px;
	margin: 25px 0;
	position: relative;
	width: 879px;
}
#slider {
	float: left;
	height: 380px;
	overflow: hidden;
	position: relative;
	width: 629px;
}
#slider > div {
	height: 100%;
	position: absolute;
	width: 100%;
}
#accordion {
	background: none repeat scroll 0 0 #EEEEEE;
	box-shadow: -3px 0 3px -1px rgba(51, 51, 51, 0.3);
	float: left;
	font-size: 140%;
	height: 380px;
	overflow: hidden;
	position: relative;
	width: 250px;
	z-index: 999;
}
#accordion > .link-header {
	background: url("../_img/highlight_back.png") repeat-x scroll left top #ADC0CC;
	border-top: 1px solid #315982;
	color: #203A55;
	display: block;
	font-weight: bold;
	padding: 8px 14px;
}
#accordion > .link-header:first-child {
	border-top: medium none;
}
#accordion > .link-header:hover {
	background: none repeat scroll 0 0 #EDEDED;
	cursor: pointer;
}
#accordion > .link-header.active {
	background: none repeat scroll 0 0 #203A55 !important;
	border-bottom: 0.9px solid #CCCCCC;
	color: #FFFFFF;
}
#accordion > .link-content {
	background: -moz-linear-gradient(center top, #D6D6D6 0%, #FFFFFF 10%) repeat scroll 0 0 transparent;
	border: medium none;
	font-size: 13px;
	font-weight: normal;
	height: 190px;
	line-height: 20px;
	margin: 0;
	overflow: auto;
	padding: 16px;
}
#hor-minimalist-a {
	background: none repeat scroll 0 0 #FFFFFF;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#hor-minimalist-a th {
	border-bottom: 2px solid #6678B1;
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}
#hor-minimalist-a td {
	color: #666699;
	padding: 9px 8px 0;
}
#hor-minimalist-a tbody tr:hover td {
	color: #000099;
}
#hor-minimalist-b {
	background: none repeat scroll 0 0 #FFFFFF;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#hor-minimalist-b th {
	border-bottom: 2px solid #6678B1;
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}
#hor-minimalist-b td {
	border-bottom: 1px solid #CCCCCC;
	color: #666699;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td {
	color: #000099;
}
#ver-minimalist {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#ver-minimalist th {
	border-bottom: 2px solid #6678B1;
	border-left: 30px solid #FFFFFF;
	border-right: 30px solid #FFFFFF;
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 8px 2px;
}
#ver-minimalist td {
	border-left: 30px solid #FFFFFF;
	border-right: 30px solid #FFFFFF;
	color: #666699;
	padding: 12px 2px 0;
}
#box-table-a {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#box-table-a th {
	background: none repeat scroll 0 0 #B9C9FE;
	border-bottom: 1px solid #FFFFFF;
	border-top: 4px solid #AABCFE;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}
#box-table-a td {
	background: none repeat scroll 0 0 #E8EDFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;
	color: #666699;
	padding: 8px;
}
#box-table-a tr:hover td {
	background: none repeat scroll 0 0 #D0DAFD;
	color: #333399;
}
#box-table-b {
	border-bottom: 7px solid #9BAFF1;
	border-collapse: collapse;
	border-top: 7px solid #9BAFF1;
	font-size: 12px;
	margin: 45px;
	text-align: center;
	width: 480px;
}
#box-table-b th {
	background: none repeat scroll 0 0 #E8EDFF;
	border-left: 1px solid #9BAFF1;
	border-right: 1px solid #9BAFF1;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}
#box-table-b td {
	background: none repeat scroll 0 0 #E8EDFF;
	border-left: 1px solid #AABCFE;
	border-right: 1px solid #AABCFE;
	color: #666699;
	padding: 8px;
}
#hor-zebra {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#hor-zebra th {
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
}
#hor-zebra td {
	color: #666699;
	padding: 8px;
}
#hor-zebra .odd {
	background: none repeat scroll 0 0 #E8EDFF;
}
#ver-zebra {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#ver-zebra th {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
}
#ver-zebra td {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #666699;
	padding: 8px 15px;
}
.vzebra-odd {
	background: none repeat scroll 0 0 #EFF2FF;
}
.vzebra-even {
	background: none repeat scroll 0 0 #E8EDFF;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children {
	background: none repeat scroll 0 0 #D0DAFD;
	border-bottom: 1px solid #C8D4FD;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action {
	background: none repeat scroll 0 0 #DCE4FF;
	border-bottom: 1px solid #D6DFFF;
}
#one-column-emphasis {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#one-column-emphasis th {
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
}
#one-column-emphasis td {
	border-top: 1px solid #E8EDFF;
	color: #666699;
	padding: 10px 15px;
}
.oce-first {
	background: none repeat scroll 0 0 #D0DAFD;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#one-column-emphasis tr:hover td {
	background: none repeat scroll 0 0 #EFF2FF;
	color: #333399;
}
#newspaper-a {
	border: 1px solid #6699CC;
	border-collapse: collapse;
	font: 12px/200% Tahoma, Verdana, Geneva, sans-serif;
	margin: 10px;
	text-align: left;
	width: 650px;
}
#newspaper-a th {
	border-bottom: 1px dashed #6699CC;
	color: #003399;
	font: 140% Tahoma, Verdana, Geneva, sans-serif;
	padding: 12px 17px;
}
#newspaper-a td {
	color: #666699;
	font: 120% Tahoma, Verdana, Geneva, sans-serif;
	padding: 7px 17px;
}
#newspaper-a tbody tr:hover td {
	background: none repeat scroll 0 0 #F8F9FA;
	color: #333399;
	font: 120% Tahoma, Verdana, Geneva, sans-serif;
}
#newspaper-b {
	border: 1px solid #6699CC;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#newspaper-b th {
	color: #003399;
	font-size: 14px;
	font-weight: normal;
	padding: 15px 10px 10px;
}
#newspaper-b tbody {
	background: none repeat scroll 0 0 #E8EDFF;
}
#newspaper-b td {
	border-top: 1px dashed #FFFFFF;
	color: #666699;
	padding: 10px;
}
#newspaper-b tbody tr:hover td {
	background: none repeat scroll 0 0 #D0DAFD;
	color: #333399;
}
#newspaper-c {
	border: 1px solid #66CCFF;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#newspaper-c th {
	border-color: #0865C2 #0865C2 #FFFFFF;
	border-right: 1px solid #0865C2;
	border-style: solid;
	border-width: 1px;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 20px;
	text-transform: uppercase;
}
#newspaper-c td {
	border-right: 1px dashed #66CCFF;
	color: #666699;
	padding: 10px 20px;
}
#rounded-corner {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#rounded-corner thead th.rounded-company {
	background: #B9C9FE;
}
#rounded-corner thead th.rounded-q4 {
	background: #B9C9FE;
}
#rounded-corner th {
	background: none repeat scroll 0 0 #B9C9FE;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}
#rounded-corner td {
	background: none repeat scroll 0 0 #E8EDFF;
	border-top: 1px solid #FFFFFF;
	color: #666699;
	padding: 8px;
}
#rounded-corner tfoot td.rounded-foot-left {
	background:  #E8EDFF;
}
#rounded-corner tfoot td.rounded-foot-right {
	background:  #E8EDFF;
}
#rounded-corner tbody tr:hover td {
	background: none repeat scroll 0 0 #D0DAFD;
}
#background-image {
	background:  transparent;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#background-image th {
	color: #333399;
	font-size: 14px;
	font-weight: normal;
	padding: 12px;
}
#background-image td {
	border-top: 1px solid #FFFFFF;
	color: #666699;
	padding: 9px 12px;
}
#background-image tfoot td {
	font-size: 11px;
}
#background-image tbody td {
	background: transparent;
}
* html #background-image tbody td {
	background: none repeat scroll 0 0 transparent;
}
#background-image tbody tr:hover td {
	background: none repeat scroll 0 0 transparent;
	color: #333399;
}
#gradient-style {
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#gradient-style th {
	background:  #B9C9FE;
	border-bottom: 1px solid #FFFFFF;
	border-top: 2px solid #D3DDFF;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}
#gradient-style td {
	background: #E8EDFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #666699;
	padding: 8px;
}
#gradient-style tfoot tr td {
	background: none repeat scroll 0 0 #E8EDFF;
	color: #9999CC;
	font-size: 12px;
}
#gradient-style tbody tr:hover td {
	background:  #D0DAFD;
	color: #333399;
}
#pattern-style-a {
	background: transparent;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#pattern-style-a thead tr {
	background:  transparent;
}
#pattern-style-a th {
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}
#pattern-style-a td {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;
	color: #666699;
	padding: 8px;
}
#pattern-style-a tbody tr:hover td {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #333399;
}
#pattern-style-b {
	background: transparent;
	border-collapse: collapse;
	font-size: 12px;
	margin: 45px;
	text-align: left;
	width: 480px;
}
#pattern-style-b thead tr {
	background: transparent;
}
#pattern-style-b th {
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}
#pattern-style-b td {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;
	color: #666699;
	padding: 8px;
}
#pattern-style-b tbody tr:hover td {
	background: none repeat scroll 0 0 #CDCDEE;
	color: #333399;
}
.tabset li a img {
	float: left;
	margin-left: 46px;
	padding-top: 10px;
	width: 100px;
	height: 76px;
}
.tabset li a {
	min-height: 143px;
	width: 206px;
}
div.panes div.section {
	display: block;
}
.inundation-understand img {
	padding: 0 0 10px 0;
}
.coastal-inundation-comm-container {
	border: 1px solid #eee;
	margin: 0 10px 0 0;
	height: 150px;
}
.coastal-inundation-comm-container > h6 {
	line-height: 1.25em;
	margin: 0;
	border-bottom: 1px solid #eee;
	padding: 10px;
	background: #f1f1f1;
}
.coastal-inundation-comm-container > p {
	padding: 10px;
}
/*****************************************************************************************************
Blog Styles
******************************************************************************************************/

.sharebuttons {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	height: 50px;
}
.sharebuttons li {
	display: inline;
	float: left;
	padding-left: 10px;
}
.sharebuttons li.shareTitle {
	float: left;
	font-weight: bold;
}
.node-type-blog .page-header {
}
.node-type-blog article header .submitted {
}
.node-type-blog article footer {clear:both;
	border-top: 1px solid #999;
	padding-top: 10px;
}
.biophoto {
	margin: 5px 14px 5px 0;
}
.page-blog h2 {
}
.submittedInfo {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 0;
	margin-bottom: 15px;
	color: #666;
}
.submittedInfo a {
	color: #666;
	border-bottom: 1px dotted #666;
}
.submittedInfo a:hover {
	color: #357bad;
	border-bottom: 1px solid #357bad;
	text-decoration: none;
}
.submitted {
}
.authorsName {
	padding-left: 30px;
}
.commentNumber {
	padding-left: 30px;
}
#taglist{}
.blogtags{float:left; padding:10px 0 10px 0;}
#taglist ul { float:left;
	padding: 0;
	margin: 0;	
}
#taglist li {
	float: left;
	list-style: none;
	margin: 5px;
}
#taglist li a {
	color: #000;
	background: #eee;
	border-radius: 5px;
	padding: 5px;
	font-size: 10px;
}
#taglist li a:hover {
	background: #999;
	color: #fff;
	text-decoration: none;
}

.view-blog-writers-block {
	border-bottom: 1px solid #eee;
}
.blog-writer-avatar {
	display: block;
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #fff;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
	margin: 0;
}
.view-blog-writers-block .views-row {
	height: 97px;
	border-bottom: 1px solid #f9f9f9;
	padding: 10px 0;
}
.blog-writer-list-name {
	margin: -4px 0 13px 64px;
	display: block;
	position: relative;
}
.view-blog-writers-block .views-row:hover .blog-writer-avatar {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0091cd;
	transition: all .25s;
}
.view-blog-writers-block .views-row a {
	margin: -5px 0 0 65px;
	display: block;
	font-size: 11px;
}
.view-blog-writers-block p {
	font-size: 11px;
	margin-top: -10px;
	margin-left: 65px;
	line-height: 16px;
	color: #444;
}
#block-blog-recent, #block-comment-recent {
	margin: 25px 0;
}
#block-blog-recent ul, #block-comment-recent ul {
	margin: 0 0 0 17px;
	color: #ccc;
}
.submittedInfo>span>i {
	opacity: .45;
}
.submittedInfo {
	font-size: 11px;
}
block-views-blog-writers-block-block .pager {
	font-size: 11px;
}
#block-views-blog-writers-block-block .pager>li>a {
	padding: 0px 5px;
	border-radius: 3px;
}
/*Comments
*********************************/
.comment-wrapper article.comment .row {
}
.comment-wrapper article.comment .row h4 {
	margin: 0;
	padding: 0;
}
.comment-wrapper article.comment .row p {
	padding: 10px 0 0 0;
}
.comment-wrapper article.comment .row span {
	color: #888;
}
/*****************************************************************************************************
Tools Training Stories List Pages Styles
******************************************************************************************************/

.tools-training-stories-top-picks-container {
	margin-bottom: 0px;
}
.tools-training-stories-top-picks-container h2{
	color: #B9D2E2;
}
.tool-training-story-list-entry p {
	margin: 0px 0 11px 124px;
}
.contextual-filters-container {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.08);
	font-size: 12px;
	margin-top: -20px;
}
#block-views-training-block h3, #block-views-tools-filter-block h3, #block-views-f034c1ad87b6f4f6e6136c3b2160253d h3 {
	font-size: 14px;
	line-height: 26px;
	border-bottom: 1px solid #EEE;
	margin: 0px 0px 6px 0px;
}
.related-content-entry > ul {
}
.related-content-entry > ul > li {
	list-style: disc;
	margin: 8px 0;
}
/*Adds styling to View content when not included within a sidebar*/
.view-id-related_content_for_data_tools_training_and_stories_pages .view-content .views-row-1 div:nth-child(1) {
	border-radius: 5px 5px 0 0;
}
.view-id-related_content_for_data_tools_training_and_stories_pages .view-content .views-row-1 div:last-child {
	border-radius: 0 0 5px 5px;
}
.view-id-related_content_for_data_tools_training_and_stories_pages .view-content .views-row-1 div {
	background: #D7E3EA;
	padding: 10px 0 5px 10px;
}
.dc_sidebar_container .view-id-related_content_for_data_tools_training_and_stories_pages .view-content .views-row-1 div {
	background: #D7E3EA;
	padding: 0;
}
.stories-list-page-image, .tools-list-page-image, .training-list-page-image, .tools-training-story-entry-list-img {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 2px solid #fff;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	float: left;
	margin: 8px 20px 0px 0px;
}
.stories-list-page-image img, .tools-list-page-image img, .training-list-page-image img, .tools-training-story-entry-list-img img {
	max-width: none;
}
.stories-list-page-image img, .training-list-page-image img, .tools-list-page-image img {
	max-width: 100px;
}
h4.tools-training-stories-list-page-entry-title {
	margin-top: 5px
}
.view-tools-list-page .views-row, .view-training-list-page .views-row, .view-training-landing-page .views-row, .view-stories-list-page .views-row, .view-stories-landing-page .views-row, .view-tools-training-stories-list-view .views-row {
	min-height: 120px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 5px 15px;
}
.view-tools-list-page .views-row-even, .view-training-list-page .views-row-even, .view-training-landing-page .views-row-even, .view-stories-list-page .views-row-even, .view-stories-landing-page .views-row-even, .view-tools-training-stories-list-view .views-row-even {
	background: #f9f9f9;
}
.stories-landing-page-map {
	background: transparent url('/digitalcoast/sites/all/themes/bootstrap/img/stories-page-map-img.jpg') no-repeat center center;
	display: block;
	position: relative;
	width: 100%;
	height: 200px;
	border: 5px solid #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	margin: 18px 0 20px 0;
}
.stories-landing-page-map h2 {
	color: #fff;
	font-size: 40px;
	margin: 22px 20px 7px 20px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	line-height: 40px;
	border: none;
}
.stories-landing-page-map a {
	margin: 10px 24px;
}
.contributingPartner {
	margin: -10px 0 10px 0;
	display: block;
}
.wetlands-understand img {
	padding: 0 0 10px 0;
}
.wetlands-prioritize img {
	padding: 0 10px 10px 0;
}
.inundation-understand img {
	padding: 0 0 10px 0;
}
p.resources {
	font-weight: bold;
}
ul.socialcoast-social-btns {
	margin: 35px 0;
	height: 42px;
}
ul.socialcoast-social-btns li {
	list-style: none;
	display: block;
	padding-right: 30px;
	float: left;
}
ul.socialcoast-social-btns li a {
	border-left: 1px solid #ddd;
	border-radius: 3px;
	margin: 0px 10px 0px 0px;
	background: #f1f1f1;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	padding: 13px 17px 15px 8px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #fff;
	color: #333;
	text-shadow: 1px 1px 0px #fff;
}
ul.socialcoast-social-btns li a:hover {
	background: #eee;
}
ul.socialcoast-social-btns li a img {
	margin: 0px 17px 0px 0px;
}
.highlighted_resources {
	padding: 5px;
	width: 300px;
	max-width: 100%;
	border: #adc0cc solid 1px;
	height: 340px;
}
.pad {
	padding: 0 5px 0 5px;
}
.socialcoast-home-img {
	padding: 5px;
}
.social-coast-what {
	padding: 0 0 10px 0;
}
.social-coast-what img {
	padding: 0 0 10px 0;
}
.social-coast-where {
	min-height: 225px;
}
.social-coast-where img {
	padding: 0 0 10px 0;
	margin: 20px 0 0 0;
}
/*****************************************************************************************************
CCAP Regional Mailing List
******************************************************************************************************/
.ccap-mailing-list-form {
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 20px;
	margin: 20px 0px;
}
.ccap-mailing-list-form h3 {
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 20px 0px;
}
ul.ccap-mailing-list-btns {
	display: block;
	position: relative;
	margin: 20px auto;
	height: 44px;
	width: 310px;
}
ul.ccap-mailing-list-btns li {
	list-style: none;
	display: block;
	position: relative;
	float: left;
	margin: 0px 25px 0 0;
	height: 46px;
}
/*****************************************************************************************************
HPP Tool Landing Page
******************************************************************************************************/
.hpp-accordion-group {
	background: #F9F9F9;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.09);
}
.hpp-accordion-group > .accordion-heading > h4 {
	line-height: 0px;
}
.hpp-accordion-bdy > .accordion-inner {
	background: #fff;
	padding: 20px;
}
#hppForm {
	padding: 20px;
}
/*****************************************************************************************************
Sea Level Rise Viewer Tool Landing Page
******************************************************************************************************/
.slr-acknowledgements > .accordion-group {
	border: none;
}
/*****************************************************************************************************
News from Partners Landing page
******************************************************************************************************/
.partner-news-img {
	border: 2px solid #fff;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	margin: 18px 0 0 15px;
}
/*****************************************************************************************************
Webinar Page
*****************************************************************************************************/
.webinar-date {
	background: transparent url('/digitalcoast/sites/all/themes/bootstrap/img/home-webinars-icns.png') no-repeat 0 4px;
	padding: 0 0 0 20px;
	font-size: 14px;
}
.webinar-time {
	background: transparent url('/digitalcoast/sites/all/themes/bootstrap/img/home-webinars-icns.png') no-repeat 0px -32px;
	padding: 0 0 0 20px;
	font-size: 14px;
}
/*****************************************************************************************************
How To Template Styles
*****************************************************************************************************/
.how-to-title-well{
	background: #1c3a6d;
	width: 100%;
	height: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.how-to-title-well a {
	color: #fff;
	text-decoration: underline;
	opacity: .6;
}
.how-to-title-well a:hover {
	text-decoration: none;
	opacity: .95;
	transition: all .25s;
}
.how-to-title-well h2{
	color: #fff;
	color: #fff;
	font-size: 220%;
	line-height: 120%;
}
.how-to-steps-outline-well{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background: #EFF8FC;
	border-bottom: 6px solid #C9DEE8;
}
.how-to-steps-outline-well-inner{
	height: 300px;
	overflow: auto;
}
.how-to-steps-outline-well h5 {
	background-color: #C9DEE8;
	padding: 11px 20px;
	margin-top: 0;
	color: #89A9B8;
	font-weight: normal;
}
.step-count {
	border: 1px solid;
	border-radius: 50px;
	font-size: 12px;
	padding: 0 3px;
	text-align: center;
}
.how-to-steps-outline-well ol {
	counter-reset: li; /* Initiate a counter */
	margin-left: 0; /* Remove the default left margin */
	padding-left: 0; /* Remove the default left padding */
	padding: 20px;
}
.how-to-steps-outline-well ol > li {
	position: relative; /* Create a positioning context */
	margin: 0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding: 10px 20px; /* Add some spacing around the content */
	list-style: none; /* Disable the normal item numbering */
	font-size: 12px;
}
.how-to-steps-outline-well ol > 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;
	left: -2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 30px;
	/* 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: 8px;
	padding: 5px;
	background: #C9DEE8;
	font-weight: bold;
	text-align: center;
	border-radius: 17px;
	border: none;
	color: #89A9B8;
}
.how-to-steps-outline-well ol > li.last-step:before{
	background-color: green;
	border-color: green;
	color: #fff;
	content: "\2713 ";
}
.how-to-jumbotron {
	margin-bottom: 15px;
}
.how-to-steps{
	padding-top: 30px;
}
.how-to-steps ol {
	counter-reset: li; /* Initiate a counter */
	margin-left: 0; /* Remove the default left margin */
	padding-left: 0; /* Remove the default left padding */
}
.how-to-steps ol > li {
	position: relative; /* Create a positioning context */
	margin: 0 0 10px 0; /* Give each list item a left margin to make room for the numbers */
	padding: 10px 20px; /* Add some spacing around the content */
	list-style: none; /* Disable the normal item numbering */
	font-size: 14px;
	background: #FCFCFC;
	border: 1px solid #E6E6E6;
}
.how-to-steps ol > li:before {
	content: counter(li); /* Use the counter as content */
	counter-increment: li; /* Increment the counter by 1 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 30px;
	/* 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: 8px;
	margin-top: 11px;
	float: left;
	padding: 5px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 17px;
	border: 1px solid #0091cd;
	color: #0091cd;
}
.how-to-steps ol > li:hover:before{
		color: #fff;
		background: #0091cd;
		transition: all .25s;
}	
.how-to-steps ol > li.last-step:before{
	background-color: green;
	border-color: green;
	color: #fff;
	content: "\2713 ";
}
.how-to-step-well{
	margin: 5px 0;
}
.how-to-step-well li a:hover [class*='icon-'],
.how-to-tools-used li:hover [class*='icon-'] {
	opacity: .95;
	transition: all .25s;
}
.how-to-step-well h6 {
	border-bottom: 1px solid #E1EDF1;
	padding-bottom: 9px;
}
/*****************************************************************************************************
About Page Styles
*****************************************************************************************************/
.normal-weight {
	font-weight: normal;
}
.offscreen {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.about-page-nav li a {
	font-size: 18px;
	color: #1c3a6d;
}
.about-page-nav li a span {
	background-image: url(/DigitalCoast/sites/all/themes/bootstrap/img/about-page/about-page-link-icons.png);
	background-repeat: no-repeat;
	display: block;
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: #1c3a6d;
	width: 120px;
	height: 120px;
	margin: 10px auto;
}
.about-page-nav li:hover a span,
.about-page-nav li a:hover span {
	background-color: #1c3a6d;
	transition:background-color .15s;
}
.dc-partners-icon{background-position: 12px 23px}
.dc-faq-icon{background-position:-462px 33px}
.dc-report-icon{background-position:-100px 26px}
.dc-slides-icon{background-position:-204px 26px}
.dc-newsletter-icon{background-position:-327px 19px}

.about-page-nav li:hover .dc-partners-icon{background-position:12px -74px }
.about-page-nav li:hover .dc-faq-icon{background-position:-461px -60px}
.about-page-nav li:hover .dc-report-icon{background-position:-100px -70px}
.about-page-nav li:hover .dc-slides-icon{background-position:-205px -70px}
.about-page-nav li:hover .dc-newsletter-icon{background-position:-327px -75px}

.aboutpage-row {
	display: block;
	position: relative;
	padding: 50px 0;
}
.stat-pullout {
	font-size: 50px;
	font-weight: normal;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 50%;
	width: 390px;
	z-index: 1010;
	margin-left: -195px;
	top: 140px;
	line-height: 1em;
}
.stat-pullout span{
	font-size: 68px;
}
.stat-pullout small{
	font-size: 55%;
}
.container-narrow{
	max-width: 725px;
	margin:0 auto;
}
.stat-header-text {
	font-size: 250%;
	margin-bottom: 30px;
}
.dc-about-communities-infographic-text-wrap {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 275px;
	margin-left: -159px;
	font-size: 205%;

}
.dc-about-communities-infographic-text{
	font-size: 100%;
	line-height: 1.2em;
}
.about-circle-stats-container {
	max-width: 640px;
	margin: 0 auto;
}
.about-circle-stat-entry {
	width: 50%;
	float: left;
	margin: 20px 0;
	font-size: 205%;
}
.about-circle-stat-entry img {
	margin: 0 0 20px 0;
}
.about-circle-stat-entry-text{
	font-size: 100%;
}
/*****************************************************************************************************
Admin styles
******************************************************************************************************/
/* Fix Toolbar for .navbar-fixed-top */
body.toolbar .navbar-fixed-top {
	top: 30px;
}
body.toolbar-drawer .navbar-fixed-top {
	top: 65px;
}
html.overlay-open .navbar-fixed-top {
	z-index: 400;
}
/**
 * Search form stylings.
 */
.region-navigation form#search-block-form {
	margin-bottom: 5px;
	margin-top: 5px;
}
fieldset.search-advanced {
	padding-bottom: 1.5em;
	margin-top: 1em;
}
/* Admin toolbar fix */
body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar {
	margin-left: 260px;
}
div#admin-toolbar {
	z-index: 500;
}
/* Admin_menu fix */
#admin-menu {
	z-index: 1100;
	position: fixed;
}
body.admin-menu .navbar-fixed-top {
	top: 30px;
}
#admin-menu .dropdown li {
	line-height: normal;
}
/* System base fix */
.container-inline div, .container-inline label {
	display: block;
}
/* Default form fields to auto */
input, textarea, select, .uneditable-input {
	width: auto;
}
/* Default textfield styles inside vertical tabs */
.vertical-tabs .form-type-textfield input {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	width: auto;
}
/* Vertical tabs form elements alighment */
.vertical-tabs .form-item {
	margin: 1em 0;
}
/* Collapsible field groups fix */
html.js fieldset.collapsed {
	height: auto;
}
/* throbber fix */
html.js input.form-autocomplete {
	background-position: 100% 8px; /* LTR */
	background-repeat: no-repeat;
}
html.js input.throbbing {
	background-position: 100% -13px; /* LTR */
}
.navbar-search .control-group {
	margin-bottom: 0px;
}
input.error {
	color: #B94A48;
	border-color: #B94A48;
}
/* Password strength indicator. */
.password-strength {
	width: 17em;
	float: right;  /* LTR */
	margin-top: 1.4em;
}
.password-strength-title {
	display: inline;
}
.password-strength-text {
	float: right; /* LTR */
	font-weight: bold;
}
.password-indicator {
	background-color: #C4C4C4;
	height: 0.3em;
	width: 100%;
}
.password-indicator div {
	height: 100%;
	width: 0%;
	background-color: #47C965;
}
input.password-confirm, input.password-field {
	width: 16em;
	margin-bottom: 0.4em;
}
div.password-confirm {
	float: right;  /* LTR */
	margin-top: 1.5em;
	visibility: hidden;
	width: 17em;
}
div.form-item div.password-suggestions {
	padding: 0.2em 0.5em;
	margin: 0.7em 0;
	width: 38.5em;
	border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
	margin-bottom: 0;
}
.confirm-parent, .password-parent {
	clear: left; /* LTR */
	margin: 0;
	width: 36.3em;
}
/* added an extra clear both in the situation the form actions is preceded by an badly wrapped float element and they overlap
e.g. multipage*/
.form-actions {
	clear: both;
}
/*****************************************************************************************************
footer
******************************************************************************************************/
#footer {
	background-color: #06255B;
	color: #B3CCD3;
	padding: 40px 0;
}
#footer ul {
	margin: 0;
}
#footer li {
	font-size: 12px;
	list-style: none;
}
#footer li a {
	color: #B3CCD3;
}
#footer li a:hover {
	color: #fff;
	transition: all .25s;
}
#footer h3 {
	font-size: 16px;
	line-height: 34px;
	color: #B3CCD3;
	border-bottom: 1px solid #B3CCD3;
}
.connectIcons {
	position: relative;
/*	height: 38px;*/
	padding-top: 12px;
}
.connectIcons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	height: 45px;
}
.connectIcons a {
	font-size: 20px;
	border-radius: 50%;
	opacity: .8;
	background: rgba(255, 255, 255, 0.11);
	padding: 8px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}
.connectIcons a:hover {
	text-decoration: none;
	opacity: .95;
	border-color: #eee;
	transition: all .25s;
}
/*****************************************************************************************************
Topic Pages - formerly Issue Pages
These began life as Issues but where changed to replace Apply its. Styles remain prefixed by "Issue"
******************************************************************************************************/
.btn {
	 background-color: rgba(245,245,245,0.1);
	 border-color: #ccc;
	 border-width: 1px;
	 border-style: solid;
}
.jumbo-img {
	display: block;
	position: relative;
	margin: -77px auto 0 auto;
	width: 100%;
	height: 475px;
	overflow: hidden;
	box-sizing: border-box;
}
.jumbo-img img {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -100;
}
.title-bar {
	background-color: #d1d1d1;
	padding: 200px 0 0 0;
}
.page-title {
	font-size: 40px;
	line-height: 68px;
}
.topic-page-title-block {
	display: block;
	position: absolute;
	height: 200px;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 20px 1px rgba(0,0,0,0.09);
	border-top: 1px solid rgba(255,255,255,0.45);

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.85) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.85)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.85) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.topics-back-btn {
	display: block;
	position: relative;
	top: 20px;
	left: 0;
	padding: 10px 0;
	text-decoration: none;
}
.topic-boilerplate {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 20px 20px 0;
	width: 48%;
	max-height: 320px;
	min-height: 320px;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.35);
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
}
.topic-boilerplate:hover{
	border: 1px solid #777;
	box-shadow: 0 0 20px 1px rgba(0,0,0,0.0);
}
.topic-boilerplate img{
	max-width: 120%;
	transition: all .25s ease-in-out;
}
.topic-media .topic-item:nth-child(odd){
	background-color: #f5f5f5; 
}
.topic-popup {
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.18);
	height: 100%;
	bottom: 0;
	padding: 5px 20px;
	width: 100%;
	box-sizing: border-box;
	transition:all .2s ease-in-out;
	box-shadow: 0 0 25px 1px rgba(0,0,0,0.4);
	border-top: 1px solid rgba(0,0,0,0.25);
}
.topic-popup h3 {
	color: #fff;
	font-weight: 800;
}
.topic-popup h3 a:hover {
	color: #06255B;
}
.topic-boilerplate:hover .topic-popup {
	background-color: rgba(0,0,0,0.67);
}
.topic-boilerplate:hover img{
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.topic-boilerplate:hover .topic-popup-content{
	opacity: 1;
}
.topic-popup-content {
	height: 100%;
	margin: 0 -20px;
	padding: 30px 20px;
	overflow: auto;
	font-size: 16px;
	box-sizing:border-box;
	opacity: 0;
	color: #fff;
	transition: all .35s ease-in-out;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.topic-hdr-underline{
	display: block;
	width: 0%;
	height: 1px;
	background-color: rgba(255,255,255,.9);
	transition: all .4s ease-in-out;
}
.topic-boilerplate:hover .topic-hdr-underline{
	width: 100%;
}
.topic-media{
	margin-left: 0;
	margin-right: 20px;
}
.topic-section-hdr {
	display: block;
	position: relative;
	text-align: center;
	padding: 10px 0;
	margin: 0 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	box-sizing:border-box;
}
.container-full-width{
	background-color: #fff;
	padding: 22px 0 0 0;
}
.topic-hr-icon {
	display: block;
	position: absolute;
	background-color: transparent;
	background-size: cover;
	top: 50%;
	left: 0;
	width: 64px;
	height: 64px;
	margin-top: -32px;
}
.topic-hr-icon.tools-icon{
	background-image: url(/digitalcoast/sites/all/themes/bootstrap/img/icons/tool-icn-outline.svg);
}
.topic-hr-icon.information-icon{
	background-image: url(/digitalcoast/sites/all/themes/bootstrap/img/icons/info-icn-outline.svg);
}
.topic-hr-icon.training-icon{
	background-image: url(/digitalcoast/sites/all/themes/bootstrap/img/icons/training-icn-outline.svg);
}
.topic-hr-icon.data-icon{
	background-image: url(/digitalcoast/sites/all/themes/bootstrap/img/icons/data-icn-outline.svg);
}
.topic-section-hdr h4{
	color: #555;
}
.topic-item {
	margin: 0;
	padding: 10px 10px 25px 10px;
	border: 1px solid transparent;
	border-bottom-color: #e0e0e0;
}
.topic-item:hover {
	border-color: #666;
}
.topic-item h5 a{
	color: #333;
	font-weight: 800;
}
.btn-more-info {
	display: block;
	position: relative;
	background-color: #EFF8FE;
	margin:20px 0;
	padding:10px;
}
.admin-menu-variant {
	display: block;
	position: fixed;
	top: 165px;
	left: 50%;
	margin-left: -100px;
	z-index: 2020;
	width: 184px;
	/*background: rgba(27, 27, 27, 0.82);
	border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.24);*/
}
.bottom-row {
	padding: 50px 0;
	box-sizing:border-box;
}
/*****************************************************************************************************
Site footer Contact Form
******************************************************************************************************/
.control-group .footerCapcha{color:#333;}
#contactModal {
	padding: 20px;
}
#contactModal p, #contactModal h3, #contactModal label {
	color: #333;
}
/*****************************************************************************************************
Site footer Icon Fonts
******************************************************************************************************/
@font-face {
	font-family: 'social-icons';
	src:url('/digitalcoast/sites/all/themes/bootstrap/fonts/social-icons.woff?pf5zp9') format('woff');
	src:url('/digitalcoast/sites/all/themes/bootstrap/fonts/social-icons.eot?pf5zp9');
	src:url('/digitalcoast/sites/all/themes/bootstrap/fonts/social-icons.eot?#iefixpf5zp9') format('embedded-opentype'),
		url('/digitalcoast/sites/all/themes/bootstrap/fonts/social-icons.ttf?pf5zp9') format('truetype'),
		url('/digitalcoast/sites/all/themes/bootstrap/fonts/social-icons.svg?pf5zp9#social-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="ico-"], [class*=" ico-"] {
	font-family: 'social-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ico-twitter-icon:before {
	content: "\e600";
}
.ico-subscribe-icon:before {
	content: "\e601";
}
.ico-facebook-icon:before {
	content: "\e602";
}
.ico-contact-icon:before {
	content: "\e603";
}
.ico-blog-icon:before {
	content: "\e604";
}

/* Sticky footer styles ADDED by NC
-------------------------------------------------- */
html, body {
	height: 100%;/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -270px;
}
/* Set the fixed height of the footer here */
#push {
	height: 270px;
}
#footer {
	min-height: 250px;
}
/* Tech Assist Modal Styles*/
#tech_assist_Modal {
	color: #333;
	padding: 20px
}
#tech_assist_Modal h4 {
	text-align: center;
}
/* Print Page Link */
.print-page{
	float: right;
	margin-right: 0;
}

/* Arrows */
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent; 
	
	border-right:4px solid #e9e9e9; 
}