/*
Theme Name: RelateMN 2016
Author: Fuzzy Duck
Author URI: http://fuzzyduck.com/
Description: A devdmbootstrap3 v1.80 child theme.
Text Domain: devdmbootstrap3
Template: devdmbootstrap3
*/

@import "css/bootstrap.css";
@import url(https://fonts.googleapis.com/css?family=Bitter:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic);

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've include a child theme to use. Need help? http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap rules ****************/

label {
    color: #fff;
}
.hs-richtext {
    color: #fff!important;
}


body, p {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#636363;
	padding-bottom: 0px;
}
img {
	max-width:100%;
	height:auto;
}
#mc_embed_signup {
	background: transparent!important;
}
/* FONTS */
h1, h2, h3, h4, h5 {
	font-family: 'Bitter', serif;
	text-transform:uppercase;
	margin-top:10px;
	line-height:1;
}

h2 {
	font-size:30px;
}
h3 {
	font-size:22px;
}
h3.entry-title {
    text-transform: none;
}
h4 {
	font-size:20px;
}
h5 {
	font-size:17px;
	text-transform: none;
}
a, a:hover, a:focus {
	color:#027878;
	border-color:#027878;
}
.bold {
	font-weight:600;
}
.normal {
	font-weight:400;
}
.light {
	font-weight:100;
}

/* Buttons */
.image-btn.btn {
	height:185px;
	width:172px; 
	
	display:inline-block;
	padding:0px;
	position:relative;
	margin:15px;
}
.image-btn.btn:hover {
	border:none;
	box-shadow:3px 3px 5px #636363;
}
.image-btn.btn img {
	padding:0px;
	margin:0px;
	width:100%;
	height:auto;
}
.image-btn.btn .btn-text {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:30px;
	text-shadow: 2px 2px #000000; /*Fallback shadow for IE8 */
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-family:'Bitter', serif;
	color:#fff;
	padding-top:15px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

.btn.btn-default {
	text-transform:uppercase;
	font-family:'Bitter', serif;
	font-size:18px;
	border:2px solid #027878;
	color:#027878;
	background:none;
	border-radius:0px;
}
.btn.btn-default.btn-orange, .btn.btn-primary {
	background:#f89c37;
	color:#fff;
	border:2px solid #F89C37;
	border-radius:0px;
} 
.btn.btn-default.btn-orange:hover, .btn.btn-default.btn-orange:focus,
.btn.btn-primary:hover, .btn.btn-primary:focus{
	background:#fff;
	color:#f89c37;
	border:2px solid #F89C37;
} 

.btn:hover {
	color:#fff;
	border-color:#f89c37;
	background:#f89c37;
	border-radius:0px;
}
.btn-large img{
	padding: 0px 30px 0px 20px;
	display:inline-block;
}
.btn.btn-default.btn-checkbox {
	background-image:url('./images/icon-green-checkbox.png');
	background-position: 15px center;
	background-repeat:no-repeat;
	padding-left:100px;
	line-height:70px;
}
.btn.btn-default.btn-checkbox:hover {
	background-image:url('./images/icon-white-checkbox.png');
}
.btn.btn-default.btn-question {
	background-image:url('./images/icon-green-question.png');
	background-position: 15px center;
	background-repeat:no-repeat;
	padding-left:100px;
	line-height:70px;
}
.btn.btn-default.btn-question:hover {
	background-image:url('./images/icon-white-question.png');
}
.btn.btn-default.btn-files {
	background-image:url('./images/icon-green-files.png');
	background-position: 15px center;
	background-repeat:no-repeat;
	padding-left:100px;
	line-height:70px;
}
.btn.btn-default.btn-files:hover {
	background-image:url('./images/icon-white-files.png');
}
.btn.btn-default.btn-people {
	background-image:url('./images/icon-green-people.png');
	background-position: 15px center;
	background-repeat:no-repeat;
	padding-left:100px;
	line-height:70px;
}
.btn.btn-default.btn-people:hover {
	background-image:url('./images/icon-white-people.png');
}


/* Colors */
.blue {
	color:#112259;
}
.turquoise {
	color:#027878;
}

.orange {
	color:#f89c37;
}
.green {
	color:#72985b;
}

.white, .dark-bg, .dark-bg p, .dark-bg a, .dark-bg a:hover, .dark-bg a:focus, .dark-bg .btn.btn-default {
	color:#fff;
	border-color:#fff;
}
.dark-bg .btn:hover {
	background:#fff;
	color:#027878;
}
.grey, .light-bg, .light-bg p {
	color:#636363;
}
.light-bg a, .light-bg a:hover, .light-bg a:focus {
	color:#027878;
	border-color:#027878;
}


.blue-bg {
	background:#112259;
	color:#fff;
}
.turquoise-bg {
	background:#027878;
	color:#fff;
}
.turquoise-bg input[type="text"] {
  color:black;
}
.orange-bg {
	color:#027878;
}
.metrics.container.dmbs-main{
	padding-bottom:0px;
}

.green-bg {
	background:#72985b;
	color:#fff;
}
.white-bg {
	background:#fff;
	color:#636363;
}

/* Layout */
.full {
	width:100%;
	height:auto;
}
.no-margin{
	margin:0;
	padding:0 !important;
}
.padding {
	padding:20px !important;
}
.half-container-right {
	padding-left:30px;
}
.half-container-left {
	padding-right:30px;
}
.text-left {
	text-align:left!important;
}

/* Header */

.dmbs-header{
	line-height:35px;
}
.dmbs-header a {
	color:rgba(255,255,255, 0.65);
}
.dmbs-header a:hover {
	text-decoration:none;
}
.dmbs-header .search-icon{
	background:#135050;
	display: inline-block;
    width: 40px;
    text-align: center;
}
.dmbs-header-img {

}

.dmbs-header-text {

}
.dmbs-header .searchform {
	display:none;
}
/* Navigation */
.dmbs-top-menu {

}


.dmbs-top-menu nav.navbar {
	    margin-bottom: 0px;
	}
.dmbs-top-menu .navbar-brand {
    padding: 10px;
    display: block;
    height: auto;
}

.dropdown-menu > li > a {
	line-height:40px;
}

.dmbs-top-menu nav.navbar a {
    line-height: 75px;
    color:#636363;
    text-transform:uppercase;
}
.dmbs-top-menu nav.navbar ul.navbar-nav > li > a {
    margin:0px;
    padding:15px;
}
.dmbs-top-menu nav.navbar ul.navbar-nav > li.menu-item-32 > a{
	background:#f89c37;
	color:#fff;
	border:2px solid #F89C37;
	margin-top:13px;
	margin-bottom:13px;
	padding:0px 15px;
} 
.dmbs-top-menu nav.navbar ul.navbar-nav > li a:hover, .dmbs-top-menu nav.navbar ul.navbar-nav > li a:focus,
.dmbs-top-menu nav.navbar ul.navbar-nav > li:hover > a, .dmbs-top-menu nav.navbar ul.navbar-nav li.active > a , .dmbs-top-menu nav.navbar ul.navbar-nav li.current-menu-ancestor > a {
	background-color: #027878;
	color:#fff;
}
.dmbs-top-menu nav.navbar ul.navbar-nav > li.menu-item-32 > a:hover, .dmbs-top-menu nav.navbar li.menu-item-32 > a:focus{
	background:#fff;
	color:#f89c37;
	border:2px solid #F89C37;
} 

.dmbs-top-menu nav.navbar ul.navbar-nav > li.menu-item-2946 > a{
	background:#72985b;
	color:#fff;
	border:2px solid #72985b;
	margin-top:13px;
	margin-bottom:13px;
	margin-right:5px;
	padding:0px 15px;
} 

.dmbs-top-menu nav.navbar ul.navbar-nav > li.menu-item-2946 > a:hover, .dmbs-top-menu nav.navbar li.menu-item-2946 > a:focus{
	background:#fff;
	color:#72985b;
	border:2px solid #72985b;
}

  


/* MetaSlider */
.metaslider .slides .caption-wrap {
	top:80px;
	text-align: center;
	opacity: 1;
	background: none;
}
.metaslider .slides .caption-wrap:before {
	content: '';
  	display: inline-block;
  	height: 100%;
  	vertical-align: middle;
  	margin-right: -0.25em; /* Adjusts for spacing */
}
.metaslider .slides .caption {
	position:relative;
	display: inline-block;
	vertical-align: middle;
	background:none;
	font-size:30px;
	text-shadow: 2px 2px #000000; /*Fallback shadow for IE8 */
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	font-family:'Bitter', serif;
	color:#fff;
}
.metaslider .flex-direction-nav a {
    overflow:hidden;
}

.metaslider .flex-direction-nav li:first-child, 
.metaslider .flex-direction-nav li:last-child {
    top: 80px;
    position: absolute;
    bottom: 0;
    display: block;
}
.metaslider .flex-direction-nav li:first-child, .metaslider .flex-direction-nav li:first-child a {
    left:20px;
}
.metaslider .flex-direction-nav li:last-child, .metaslider .flex-direction-nav li:last-child a {
    right:20px;
}
/* Header Image */
.image-row img {
	width:100%;
	height:auto;
}
.page-id-14 .image-row {
	max-height:100%;
	overflow:hidden;
}

.image-row {
	max-height:400px;
	overflow:hidden;
}


/* Content Sections */
.dmbs-main {
	padding-top: 30px;
	padding-bottom: 30px;
}
.dmbs-main > :first-child { margin-top: 0 !important;}
.dmbs-main > :last-child { margin-bottom:0 !important;}

/* Circle Donut Graphs */
.circle {
	display: inline-block;
	margin: 1em;
	
}
.circles-decimals {
	font-size: .4em;
}

.circles-text:hover {
    outline: 5px auto -webkit-focus-ring-color;
}

.circles-text {
	color:#112259;
	font-family:'Bitter', serif;
	font-size: 4.0vw !important;
}
.circle-wrapper p{
	min-height:70px;
}

/* News Posts */
.news-posts{
	padding:10px 0px 0px;
	margin:0px -15px
}
.alm-reveal:before{
	content: " ";
    display: table;
}
.alm-reveal:after{
	clear:both;
	content: " ";
    display: table;
}
.news-post {
	min-height:530px;
	margin-bottom:30px;
}
.alm-btn-wrap {
	
}
.btn.btn-default.alm-load-more-btn.done {
	display:none;
}

/* Events */
.event-weekday, .event-year {
    display: none;
}

.event-list .start-date, .event-list .end-date {
    height: 60px;
    display: block;
    width: 60px !important;
    position: relative;
    margin-right:10px;
}
.event-list-wrapper {
	font-family: 'Bitter', serif;
	padding: 5px 10px;
    border: 2px solid #fff;
}
.event-list-wrapper h2.widgettitle {
    color: #f8c559;
}

.dmbs-footer .event-list-wrapper .tribe-clearfix {
    border-top: 1px dashed;
    padding: 5px 0 10px;
    color: #ddd;
}

.event-day {
    height: 60%;
    position: absolute;
    width: 100%;
    margin-top: 40%;
    padding-top: 5px;
    background: #fff;
    color: #000;
    font-weight: 300 !important;
    font-size:1.7em !important;
}

.event-list-wrapper .event-month {
    height: 40%;
    position: absolute;
    top: 0;
    width: 100%;
    background: #4a6072;
    padding: 7px!important;
    font-size: .8em!important;
}
span.event-time:before {content: 'Time: ';}

span.event-time {
    display: block;
    float: none;
    font-weight: 300;
}

span.event-location:before {content: 'Location: ';}


.event-list-wrapper .event-title h3 {
    font-size: 16px;
    text-transform: none;
    margin-bottom: 5px !important;
}

.event-list-wrapper ul.event-list-view {
    margin: 0;
    padding: 0;
}

.event-list-wrapper li.event {
    margin: 0;
    padding: 0;
}
ol.tribe-list-widget {
    list-style-type: none;
    -webkit-padding-start: 0;
}

/* Team */

.team-item.col-xs-12 {
    border-bottom: 1px solid #a8a8a8;
    padding: 20px 0;
}

/* Services */
.services-item > a > img  {
	float:none;
	width:100%;
	margin:0px;
	padding:0px;
}
.services-column {
	padding:0px 5px;
}
div.services-sub-column {
	padding-right:0px;
}

div.services-sub-column:first-child {
	padding-right:10px;
}

.services-item, .services-item a {
	position:relative; 
	display:block;
	clear:both;
}
.services-item a {
	margin-bottom:10px;
}


.services-item > a > div {
	position:absolute;
	width:100%;
}

.services-item > a > div.overlay {
	background:rgb(19, 80, 80);
	background:rgba(19, 80, 80, 0.85);
	display:none;
}
.services-item > a > div.overlay::before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}

.services-item > a:hover > div.overlay {
	height:100%;
	display:block;
	text-align:center;
}
.services-item > a > div.overlay p {
	color:#fff;
	text-transform:uppercase;
	display: inline-block;
  	vertical-align: middle;
  	font-size:27px;
    margin-bottom: 0px;  	
}
.services-item > a > div.caption {
	bottom:0;
	width:100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 23%, rgba(0,0,0,0.44) 48%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 23%,rgba(0,0,0,0.44) 48%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 23%,rgba(0,0,0,0.44) 48%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	padding-top:10px;
}
.services-item > a > div.caption p {
	color:#fff;
	vertical-align:bottom;
	width:100%;
	text-transform:uppercase;
	padding-left:10px;
}
.services-list.sidebar .services-item a {
	max-height:68px;
	overflow:hidden;
}
.services-list.sidebar .services-item a img{
	width:100%;
}
.services-list.sidebar .services-column, .services-list.sidebar .services-sub-column {
	width:100% !important;
}
.services-list.sidebar .services-sub-column {
	padding:0px!important;
}

/* Testimonials */
.testimonials h2, .testimonial_body{
    text-align: center;
}
.testimonials h2 {
	color:#027878;
}

.testimonial_body p:first-child:before {content: '"';}

.testimonial_body p:last-child:after {content: '"';}

.testimonial_body {}

p.testimonial_author {}

p.testimonial_author {
    text-align: center;
    font-size:12px;
}

p.testimonial_author cite span.testimonial-client:before {
    content:"-";
}
/* Footer */
.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {

}
.dmbs-footer .navbar {
	margin-bottom:0px;
	border-top:1px solid #fff;
}
.dmbs-footer .navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.dmbs-footer .navbar .navbar-collapse {
    text-align: center;
}
.dmbs-footer .navbar a {
	text-transform:uppercase;
}
.dmbs-footer .navbar a:hover, .dmbs-footer .navbar a:focus {
	background:none;
}
.bill-pay-submit-table {
	display:inline-block;
	width:auto;
	vertical-align:top;
}
.bill-pay-submit-table td {
	border:none;
	padding:0px;
}
.bill-pay-submit-table input[type="submit"] {
    color: #000;
    border-width: 2px;
    padding: 3px;
}
.bill-pay-submit-table

/* Media Queries */ 
@media (max-width: 490px) {
	.image-btn.btn{
		width:50%;
		margin:0;
		height:auto;
	}

}
@media (max-width: 767px) {

	.navbar-collapse.navbar-1-collapse.collapse.in {
		background: #f8f8f8;
	}
	
	.metaslider .slides .caption-wrap {
		top: 0px;
	}
	a.navbar-brand {
		max-width: 200px!important;
	}
	.dmbs-top-menu nav.navbar a {
		line-height: 20px;
	}
	.navbar-toggle {
		padding: 30px 10px;
	}

  .dmbs-footer .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .dmbs-top-menu .navbar-toggle .icon-bar {
    background-color: #027878;
  }
 .dmbs-footer .dropdown-menu, .dmbs-top-menu .dropdown-menu{
        display: block;
	    background-color: transparent;
	    border: 0 none;
	    box-shadow: none;
	    position: relative;
	    width: 100%;
	    top: auto;
	    left: auto;
	    float: none;
    }
    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a{    
        color:#777;
    }
    .metrics div.circle-wrapper:last-child {
	    margin: 0 auto;
	    float: none;
	}
	.services-item a {
		max-height:68px;
		overflow:hidden;
	}
	.services-item a img{
		width:100%;
	}
	.services-column, .services-sub-column {
		width:100% !important;
	}
	.services-sub-column {
		padding:0px!important;
	}
}
@media screen and (min-width:768px){

	.navbar-header{
		width:245px;
	}

	.home .dmbs-top-menu {
	    position: absolute;
	    z-index: 10;
	    width: 100%;
	    background:#fff;
	    background:rgba(255, 255, 255, 0.85);
	}
	.dmbs-top-menu nav.navbar a:hover, .dmbs-top-menu nav.navbar a:focus {
		color:#027878;
		background:none;
		text-decoration:none;
	}
	.dmbs-top-menu nav.navbar .dropdown-menu a:hover, .dmbs-top-menu nav.navbar .dropdown-menu a:focus {
		background:#ececec;
	}
	
	
	.dmbs-top-menu .dropdown-submenu {
	    position:relative;
	}
	.dmbs-top-menu .dropdown-submenu>.dropdown-menu {
	   top:0;left:100%;
	   margin-top:-6px;margin-left:-1px;
	   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
	 }
	  
	.dmbs-top-menu .dropdown-submenu > a:after {
	  border-color: transparent transparent transparent #333;
	  border-style: solid;
	  border-width: 5px 0 5px 5px;
	  content: " ";
	  display: block;
	  float: right;  
	  height: 0;     
	  margin-right: -10px;
	  margin-top: 5px;
	  width: 0;
	}
	 
	.dmbs-top-menu .dropdown-submenu:hover>a:after {
	    border-left-color:#555;
	 }
	 .image-row{
	 	position:relative;
	 }
	 .title-wrapper {
	 	width:100%;
	 	position:absolute;
	 	bottom:0;
	 	color:#fff;
	 }
	 .title-wrapper .page-header {
	 	border:none;
	 }
	 .title-wrapper {
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
	}
	.col-sm-five {
		width:20%;
		float:left;
	}
	.half-container{
		width:375px;
	}
	.half-container.half-container-right {
		float:right;	
	}
	.half-container.half-container-left {
		float:left;	
	}
	.how-we-can-help {
		padding:0px !important;
	}
	.how-we-can-help .row {
		display:table;
		width:100%;
		margin:0px;
	}
	.how-we-can-help .row > div {
		display:table-cell;
		float:none;
		width:50%!important;
		
	}
	.how-we-can-help .row > div.how-we-can-help-img{
		background:url('./images/sunrise-boy.jpg') center center no-repeat;
		background-size:cover;
	}
	ul.nav li:hover > ul.dropdown-menu {
		display: block;
		border:none;
	}
	#navbar {
	  	text-align: center;
	}
}
@media screen and (min-width:992px){
	.image-btn.btn{
		width:18%;
		height:auto;
		margin:0 1%;
		float:left;	
		display:block;
	}
	.col-md-five {
		width:20%;
		float:left;
	}
	.half-container{
		width:485px;
	}
	
}
@media screen and (min-width:1200px){
	.col-lg-five {
		width:20%;
		float:left;
	}
	.half-container{
		width:585px;
	}
	
}
@media screen and (min-width:768px) and (max-width:1200px){
	.dmbs-top-menu nav.navbar ul.navbar-nav > li > a {
	    font-size: 12px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px){
	.dmbs-top-menu nav.navbar ul.navbar-nav > li > a {
	    padding:15px 5px;
	    /*margin:5px 0px;*/
	}
	.dmbs-top-menu nav.navbar ul.navbar-nav > li.menu-item-2946 > a {
		/*margin:3px 0px;*/
	}
}


/* =Sidebar Style
-------------------------------------------------------------- */
.side-nav li a {
	border-bottom: 1px solid #ededed;
	display: block;
	height: auto;
	padding: 10px 10px 0px 10px;
}

ul.side-nav {
	border: 1px solid #ededed;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ededed;
	margin-bottom: 20px;
}