/*
Theme Name: Division of Small Business
Theme URI: https://business.delaware.gov
Author: Delaware GIC - Matt Campbell & Julianne Solum
Author URI: https://gic.delaware.gov
Description: Custom WordPress theme designed exclusively for the Division of Small Business.
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_BUSINESS_theme
*/

/* ############################################################################################## */

/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF4 2016  */
/*  Developed by the GIC (Matt Campbell & Julianne Solum)  */

/* ############################################################################################## */

/*==========  Bootstrap 3 Mobile First Method CSS  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

/* ============================= ELEMENTS ============================= */
html {
-webkit-font-smoothing: antialiased !important;
position: relative;
min-height: 100%;
}
body {
width: 100%;
min-height: 100%;
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
padding-bottom: 980px;
}
a[href^=tel] {
    color: #999 !important;
    font-weight: normal !important;
}
/* ============================= ID's ============================= */

/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS  */
/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
#menu-business-main-navigation {
z-index: 999;
}
.affix #menu-business-main-navigation {
position: absolute !important;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #275996;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
header h1, 
#main_content h1 {
font-family: 'Tahoma', sans-serif !important;
font-weight: 700;
color: #2299d5 !important;
font-size: 48px;
margin-top: 10px;
}
#main_header h2, 
#main_content h2 {
font-family: 'Georgia';
color: inherit !important;
margin-top:	0px;
color: #2299d5 !important;
font-weight: 400;
}
#main_content h3, h3 {
font-family: 'Tahoma', sans-serif !important;
font-weight: 400;
font-size: 35px;
color: #444 !important;
margin-top: 0px;
}
#main_content h4 {
font-family: 'Tahoma', sans-serif !important;
font-weight: 600;
font-size: 25px;
color: #1a8fc5 !important;
margin-top: 0px;
}
#main_content h5 {
font-family: 'Tahoma', sans-serif !important;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
color: #a4a4a4;
margin-top: 5px;
margin-bottom: 5px;
}
#main_content a, 
#main_content a:link, 
#main_content a:active, 
#main_content a:visited {
color: #275996;
text-decoration: none;
font-weight: bold;
}
#main_content a:hover {
color: #c99c27;
text-decoration: none;
font-weight: bold;
}
#main_content ul, 
#main_content ol {
#font-size: 0.9em;
line-height: 2.1em;
margin-top: 1.0em;
margin-bottom: 1.0em
}
#loading1 {
margin-left: auto;
margin-right: auto;
width: 100px
}
#loading2 {
margin-left: auto;
margin-right: auto;
width: 100px
}
#headerImage {
height: 150px;
width: 100%;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
}
#headerImage h1 {
font-family: 'Tahoma', sans-serif !important;
font-size: 49px;
font-weight: 900;

padding: 20px;
        
margin-top: 150px;

color: #fff !important;

text-align: center;
}
#headerVideo {
position: relative;

width: 100%;
height: 300px;
margin-top: 0px;
padding-top: 95px;

background: url('img/business-video-freeze.jpg');
background-repeat: no-repeat;
background-position: 50%;
/*background-position: 30%;*/
background-size: cover;
}
#bgvid {
display: none;
}
#business-tagline {
padding: 30px 30px 30px 30px;
background: #fff;
margin-top: 0px;
position: relative;
z-index: 12;
left: 0px;
border-top: 10px solid #2299d5;
border-bottom: 10px solid #2299d5;
}
#business-tagline h1 {
font-family: 'Tahoma', sans-serif;
font-size: 42px;
font-weight: bold;
color: #2299d5;
}
#business-tagline p {
color: #222;
font-size: 18px;
}
#business-tagline span.little {
font-size: 36px !important;
font-weight: 300 !important;
color: #2299d5;
}
#business-tagline a, 
#business-tagline a:link, 
#business-tagline a:active, 
#business-tagline a:visited {
color: #275996;
text-decoration: none;
font-weight: bold;
}
#business-tagline a:hover {
color: #c99c27;
text-decoration: underline;
font-weight: bold;
}
#business-bkg {
background-image: url("img/business-bkg.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
margin-top: 0px;
}
#parallax { 
/* The image used */
background-image: url("img/biz-parallax-beer.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 90% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 40px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: 0px;
border-top: 0px solid #2299d5;
}
#parallax-lower { 
/* The image used */
background-image: url("img/biz-parallax-lower.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 40px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: 0px;
}
#parallax h2, #parallax-lower h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 50px;
color: #2299d5 !important;
}
#parallax h4, #parallax-lower h4, #bizModal h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#businessForm {
padding: 25px;
}
#businessResources {
padding: 25px;
}
#parallax .btn-business, #oppZones .btn-business, #parallax-lower .btn-business, #bizModal .btn-business, #public-meetings .btn-business, #small-business-news .btn-business {
    color: #fff !important;
    background-color: #275996;
    border-color: #275996;
    display: inline-block;
    padding: 15px 35px;
    margin-bottom: 0;
    font-family: 'Georgia', sans-serif !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 300 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #275996;
    border-radius: 0px;
}
#parallax .btn-business:hover, #oppZones .btn-business:hover, #parallax-lower .btn-business:hover, #bizModal .btn-business:hover, #public-meetings .btn-business:hover, #small-business-news .btn-business:hover {
    color: #fff !important;
    background-color: #c99c27;
    border-color: #c99c27;
    display: inline-block;
    padding: 15px 35px;
    margin-bottom: 0;
    font-family: 'Georgia', sans-serif !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 300 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #c99c27;
    border-radius: 0px;
}
#resource-managers {
border-top: 10px solid #2299d5;
border-bottom: 10px solid #2299d5;
background-color: #eeeeee;
padding: 10px;
}
#resource-managers h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 60px;
color: #2299d5 !important;
}
#resource-managers h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#resource-managers p {
font-size: 20px;
}
#public-meetings a, 
#public-meetings a:link, 
#public-meetings a:active, 
#public-meetings a:visited {
color: #275996;
text-decoration: none;
font-weight: bold;
}
#public-meetings a:hover {
color: #c99c27;
text-decoration: none;
font-weight: bold;
}
#newsletter-bottom {
background-color: #2299d5;
padding: 40px;
color: #fff;
}
#newsletter-bottom h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
color: #fff !important;
font-size: 25px;
}
#business-newsletter {
margin-top: 8px;
}
#stats1, #stats2 {
background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
background: rgba(255, 255, 255, 0.8);
padding: 50px;
min-height: 350px;
}
#transparencyStats #stats1 h2, #transparencyStats #stats2 h2 {
color: #85c774 !important;
font-size: 20px !important;
font-weight: bold !important;
font-family: 'Open Sans', sans-serif !important;
}
#stats1 h3, #stats2 h3 {
color: #222;
font-size: 32px;
font-weight: bold;
font-family: 'Georgia', sans-serif !important;
}
#stats1 div, #stats2 div {
    display: none;
}
#agencyFooter {
background-color: #4a5968;
color: #ffffff;
font-size: 15px;
line-height: 1.5em;
padding-top: 30px;
padding-bottom: 2.0em;
border-bottom: 10px solid #4bc1d2;
position: absolute;
bottom: 0;
width: 100%;
height: 818px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 830px;
}}
#agencyFooter h3 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
color:#85c774 !important;
font-size: 18px !important;
}
#agencyFooter a,
#agencyFooter a:link, 
#agencyFooter a:active, 
#agencyFooter a:visited {
color: #fff;
text-decoration: none;
}
#agencyFooter a:hover {
color: #fff;
text-decoration: underline;
}
.agencyFooter_icons {
width: 40px;
height: 40px;
border: none;
display: inline-block;
text-align: center;
}
#agencyFooter ul {
list-style-type: none;
margin-left: -38px;
}
/* ============================= Classes ============================= */


/* WordPress Core CSS */
.alignnone {
margin: 5px 20px 20px 0
}
.aligncenter, 
div.aligncenter {
display: block;
margin: 5px auto 5px auto
}
.alignright {
float:right;
margin: 5px 0 20px 20px
}
.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px
}
a img.alignnone {
margin: 5px 20px 20px 0
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0
}
.wp-caption.alignright {
margin: 5px 0 20px 20px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000 /* Above WP toolbar */
}
img.alignright { 
float: right;
margin: 0 0 1em 1em
}
img.alignleft { 
float: left;
margin: 0 1em 1em 0
}
img.aligncenter { 
display: block; 
margin-left: auto;
margin-right: auto
}
.alignright { 
float: right
}
.alignleft { 
float: left
}
.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto
}
/* End WP Core Classes */




@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: none;
	position: absolute;
	z-index:15;
	left: 0;
	right: 0;
	bottom: 10px;
	text-align: center;
}
.scroll-btn > * {
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #2299d5;
	font-family: 'Tahoma', sans-serif !important;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #2299d5;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #2299d5;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #2299d5;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}
.post-categories {
  list-style: none;
  display: block;
  margin-top: -30px;
  margin-left: 48px;
  font-family: "Georgia", sans-serif;
  font-weight: bold;
  margin-left: 55px;
}
.postDate {
  font-family: "Georgia", sans-serif;
  font-weight: bold;
  color:#673c4f;
}
h2.postTitle {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 22px !important;
}
h2.postTitle a, 
h2.postTitle a:link, 
h2.postTitle a:active, 
h2.postTitle a:visited,
.post-categories a,
.post-categories a:link, 
.post-categories a:active,
.post-categories a:visited  {
color: #275996;
text-decoration: none;
font-weight: inherit;
}
h2.postTitle a:hover, .post-categories a:hover {
color: #c99c27;
text-decoration: none;
font-weight: inherit;
}
.newsletter-modal {
    position: fixed;
    top: 25%;
    left: 0.6%;
    z-index: 4000;
}
.text-white {
	color: #fff !important;
}
.jsCSSClass {
	padding-top: 25px;
}
.meetingItem {
	border: 1px solid #ccc;
	border-radius: 10px;
	width: auto;
	min-height: 75px;
}
.newsletter_logo {
	width: 						40px;
	height: 					40px;
	border: 					none;
	text-align: 				center;
}
.agencyFooter_logo {
	width: 						100px;
	height: 					100px;
	border: 					none;
	text-align: 				center;
}
hr.clf {
    -moz-border-bottom-colors: 	none;
    -moz-border-left-colors: 	none;
    -moz-border-right-colors: 	none;
    -moz-border-top-colors: 	none;
    border-image: 				none;
    border: 					1px solid #2299d5;
    margin-bottom: 				20px;
    margin-top: 				10px;
}
hr.footer-line {
    -moz-border-bottom-colors: 	none;
    -moz-border-left-colors: 	none;
    -moz-border-right-colors: 	none;
    -moz-border-top-colors: 	none;
    border-image: 				none;
    border: 					1px solid #2299d5;
    margin-bottom: 				20px;
    margin-top: 				10px;
}
hr.short {
    -moz-border-bottom-colors: 	none;
    -moz-border-left-colors: 	none;
    -moz-border-right-colors: 	none;
    -moz-border-top-colors: 	none;
    border-image: 				none;
    border: 					2px solid #f0f0f0;
    width: 						100px;
    margin-bottom: 				5px;
    margin-top: 				5px;
}
.panel-heading h4 {
    font-size: 20px !important;
}
.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.no-padding-xs {
  padding-left: inherit;
  padding-right: inherit;
}
.business-about {
	font-size: 24px;
	text-align: center;
}
ul.meeting-container > li {
  list-style-type: none;
}
.meeting-container {
  text-align: center;
  padding:0px;
}
span.meeting-title {
  font-family: 'Tahoma', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #606060;
}
span.meeting-agency {
  display:none;
}
span.meeting-date {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-time {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-end {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-purpose {
  display:none;
}
span.meeting-address {
    color: #7e8082;
    background-color: #f0f0f0;
    padding: 15px;
    border-radius: 4px;
    display:block;
}
a.map-link, 
a.map-link:link, 
a.map-link:active, 
a.map-link:visited,
a.info-link, 
a.info-link:link, 
a.info-link:active, 
a.info-link:visited {
  color: #275996;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #275996;
  border-radius: 30px;
  padding: 15px 35px;
}
a.info-link:hover, a.map-link:hover {
  color: #fff !important;
  background-color: #275996;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #275996;
  border-radius: 30px;
  padding: 15px 35px;
}
.news_date {
display: none;
}
.news_title, .news_title a, .news_title a:link, .news_title a:visited, .news_title a:active {
font-size: 24px;
padding-bottom: 8px;
font-weight: 800;
display: block;
text-align: left;
}
.news_desc {
line-height: 1.5em;
text-align: left;
}
.news_wrapper {
margin-bottom: 35px;
padding-bottom: 20px;
border-bottom: 2px dashed #cccccc !important;
text-align: left;
}
/*Fix for Guide Showcase plugin*/
.wp_teamshowcase_grid.design-3 .wp-tsas-medium-4 .teamshowcase-image-bg {
height:350px;
}
.wp-modal-header {
height:600px;
}
.btn-business {
    color: #fff !important;
    background-color: #274d7c;
    border-color: #274d7c;
    display: inline-block;
    padding: 15px 35px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 900 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #274d7c;
    border-radius: 30px;
}
.btn-business:hover {
    color: #fff !important;
    background-color: #c99c27;
    border-color: #c99c27;
    display: inline-block;
    padding: 15px 35px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 900 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #c99c27;
    border-radius: 30px;
}
.btn-newsletter {
    color: #fff !important;
    background-color: #274d7c;
    border-color: #274d7c;
    display: inline-block;
    padding: 15px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 900 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #274d7c;
    border-radius: 50%;
}
.btn-newsletter:hover {
    color: #fff !important;
    background-color: #4a5968;
    border-color: #4a5968;
    display: inline-block;
    padding: 15px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 900 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #4a5968;
    border-radius: 50%;
}
.border_none {
border: none;
}
.agency_map {
border: 0px; 
width: 710px;
height: 600px;
margin: 0px;
}
.interiorTitle {
color: #fff;
font-size: 22px;
text-transform: normal;
font-weight: 300;
font-family: 'Tahoma', sans-serif !important;
line-height: 1.0;
padding-top: 30px !important;
padding-bottom: 15px !important;
background-color: #4a5968;
}
.interior-title-wrapper {
margin-top: -20px;
background-color: #4a5968;
}
.jumbo {
font-size: 36px;
font-weight: 350;
}
.smallTitle {
font-family: 'Tahoma', sans-serif !important;
font-weight: 300;
font-size: 20px;
}
.noshow {
display: none;
}
input[type="hidden" i] {
display: none;
}
.footer-text {
color: #b8cfe6;
}
.fontRegular {
font-weight: 300 !important;
}
.opaque-well {
background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
background: rgba(255, 255, 255, 0.8);
font-size: 20px;
}
.event-bkg {
padding: 30px;
margin: 10px 0px 0px 10px;
background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
background: rgba(255, 255, 255, 0.8);
}
.date-block {
background-color: #673c4f;
color: #fff;
text-align: center;
width: 100px;
padding: 5px;
float:left;
margin-right: 20px;
}
.eventTop {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 16px;
}
.eventBottom {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
}
.eventName {
font-size: 18px;
list-style: none;
}
.eventPlace {
list-style: none;
color: #673c4f;
font-style: italic;
}
.eventDesc {
list-style: none;
font-size: 18px;
margin-bottom:20px;
}
.wp_teamshowcase_grid.design-3 .team-grid:hover > .member-main-info {
    background: #c99c27;
    color: #fff;
}
.teamshowcase-image-bg:hover .teamshowcase-hover-icon {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 1;
    color: #2299d5;
}
.wp-modal-body .contact-content a {
    color: #fff;
    display: inline-block;
    padding: 5px;
}
.contact-content a {
    background: #274d7c;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 5px 10px;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.signUp {
    color: #fff !important;
    background-color: #275996;
    border-color: #275996;
    display: inline;
    padding: 15px 35px;
    margin-bottom: 0;
    font-family: 'Georgia', sans-serif !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 300 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #275996;
    border-radius: 0px;
}
.newsletter-form {
    display: inline;
    width: auto;
    min-width: 100px;
    height: 52px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    margin-top: 0px;
    margin-left: -3px;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.newsletter-form::placeholder {
	font-family: 'Georgia', sans-serif !important;
	font-weight: bold;
	color: #818181;
}
.modal-newsletter-form {
    display: inline;
    width: 100%;
    height: 55px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    margin-top: 0px;
    margin-left: -3px;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.modal-newsletter-form::placeholder {
	font-family: 'Georgia', sans-serif !important;
	font-weight: bold;
	color: #818181;
}
#newsletter-bottom .btn-business {
    color: #fff !important;
    background-color: #275996;
    border-color: #275996;
    display: inline-block;
    padding: 15px 15px 15px 15px;
    margin-top: -4px;
    margin-bottom: 0;
    font-family: 'Georgia', sans-serif !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 300 !important;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #275996;
    border-bottom: 5px solid #275996;
    border-radius: 0px;
}
#newsletter-bottom .btn-business:hover {
    color: #fff !important;
    background-color: #c99c27;
    border-color: #c99c27;
    display: inline-block;
    padding: 15px 15px 15px 15px;
    margin-top: -4px;
    margin-bottom: 0;
    font-family: 'Georgia', sans-serif !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 300 !important;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #c99c27;
    border-bottom: 5px solid #c99c27;
    border-radius: 0px;
}
.deda-logo {
width:800px;
margin-top:75px;
}
.onmain-logo {
width:400px;
margin-top:75px;
}
#oppZones {
  position: relative;
  width: 100% !important;
  margin:0;
}
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
#oppZones .col-sm-6 {
  padding-left: 0px;
  padding-right: 0px;
}
.media {
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  transition: all 0.3s ease;
  width: 100%;
}
figure {
  height: 400px;
  overflow: hidden;
  position: relative;
}
figure a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
figure:hover .media {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}
figcaption {
  color: #252830;
  height: calc(100% - 30px);
  margin: 15px;
  position: absolute;
  top: 0;
  width: 250px;
}
.cap-left {
  right: 0;
}
.cap-right {
  right: 0;
}
.body {
  background-color: white;
  margin-top: -60px;
  height: 55px;
  top: 10;
  padding: 15px;
  position: relative;
  width: 100%;
}
svg {
  height: inherit;
  width: 100%;
}
svg text {
  text-anchor: middle;
}
svg #alpha {
  fill: white;
}
svg #alpha2 {
  fill: white;
}
svg .title {
  font-size: 20px;
  font-family: 'Tahoma', sans-serif !important;
  font-weight: bold;
  letter-spacing: 2px;
}
svg #base {
  fill: white;
  -webkit-mask: url(#mask);
  mask: url(#mask);
}
svg #base2 {
  fill: white;
  -webkit-mask: url(#mask2);
  mask: url(#mask2);
}
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    right: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3em;
	background: #c99c28;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}
.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}
.hovereffect p.overlay-links a {
	color: #fff;
	font-size: 1em;
    font-family: 'Georgia', sans-serif;
    font-style: italic;
}

.hovereffect:hover p.overlay-links a:hover,
.hovereffect:hover p.overlay-links a:focus {
	color: #fff;
	font-style: underline;
}
.hovereffect p.overlay-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
	visibility: visible;
}
.hovereffect p.overlay-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.hovereffect:hover .overlay,
.hovereffect:hover p.overlay-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.hovereffect:hover p.overlay-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.hovereffect:hover p.overlay-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.hovereffect:hover p.overlay-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#headerImage {
height: 300px;
width: 100%;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
}
/* ============================= Classes ============================= */
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
/* ============================= ELEMENTS ============================= */
a[href^=tel] {
    text-decoration: none !important;
  }
/* ============================= ID's ============================= */
#headerVideo {
position: relative;

display: block;
overflow: hidden;

width: 100%;
height: 100%;
padding-top: 0px;

background: none;
}
#headerImage {
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#business-tagline {
padding: 80px 80px 80px 80px;
background: none;
margin-top: 80px;
position: absolute;
z-index: 12;
left: 0px;
border-top: 0px solid #2299d5;
border-bottom: 0px solid #2299d5;
}
#business-tagline h1 {
font-family: 'Tahoma', sans-serif;
font-size: 46px;
font-weight: bold;
color: #2299d5;
}
#business-tagline p {
color: #fff;
font-size: 18px;
}
#business-tagline span.little {
font-size: 36px !important;
font-weight: 300 !important;
color: #2299d5;
}
#business-tagline a, 
#business-tagline a:link, 
#business-tagline a:active, 
#business-tagline a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}
#business-tagline a:hover {
color: #fff;
text-decoration: underline;
font-weight: bold;
}
#video-overlay {
position:absolute;
z-index:10;
margin-top: -425px;
width: 2575px;
}
video {
width: 100%;
height: 100%;
min-height: 450px;
object-fit: cover;
}
#bgvid {
display: inline;
}
#parallax { 
/* The image used */
background-image: url("img/biz-parallax-beer.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 200px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: -5px;
border-top: 10px solid #2299d5;
}
#parallax-lower { 
/* The image used */
background-image: url("img/biz-parallax-lower.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 200px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: 0px;
}
#parallax h2, #parallax-lower h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 70px;
color: #2299d5 !important;
}
#parallax h4, #parallax-lower h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#resource-managers {
border-top: 10px solid #2299d5;
border-bottom: 10px solid #2299d5;
background-color: #eeeeee;
padding: 50px;
}
#resource-managers h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 70px;
color: #2299d5 !important;
}
#resource-managers h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#businessForm {
padding: 20px;
}
#businessResources {
padding: 20px;
}
#agencyFooter {
padding-top: 2.0em;
padding-bottom: 2.0em;
height: 480px;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 497px;
}}
#agencyFooter h3 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
color:#85c774 !important;
font-size: 18px !important;
}

/* ============================= Classes ============================= */
.meeting-date {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.meeting-desc {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.no-padding-xs {
  padding-left: inherit;
  padding-right: inherit;
}
.meetingItem {
	border: 0px solid #ccc;
}
.newsletter-form {
    display: inline;
    width: auto;
    min-width: 400px;
    height: 52px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    margin-top: 0px;
    margin-left: -3px;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.newsletter-modal {
    position: fixed;
    top: 20%;
    left: 0.6%;
    z-index: 4000;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#headerVideo {
position: relative;

display: block;
overflow: hidden;

width: 100%;
height: 100%;
padding-top: 0px;

background: none;
}
#headerImage {
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#business-tagline {
padding: 80px 80px 80px 80px;
background: none;
margin-top: 80px;
position: absolute;
z-index: 12;
left: 10px;
border-top: 0px solid #2299d5;
border-bottom: 0px solid #2299d5;
}
#business-tagline h1 {
font-family: 'Tahoma', sans-serif;
font-size: 60px;
font-weight: bold;
color: #2299d5;
}
#business-tagline p {
color: #fff;
font-size: 18px;
}
#business-tagline span.little {
font-size: 45px !important;
font-weight: 300 !important;
color: #2299d5;
}
#business-tagline a, 
#business-tagline a:link, 
#business-tagline a:active, 
#business-tagline a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}
#business-tagline a:hover {
color: #fff;
text-decoration: underline;
font-weight: bold;
}
#video-overlay {
position:absolute;
z-index:10;
margin-top: -425px;
width: 2575px;
}
video {
width: 100%;
height: 100%;
min-height: 600px;
object-fit: cover;
}
#bgvid {
display: inline;
}
#parallax { 
/* The image used */
background-image: url("img/biz-parallax-beer.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 200px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: -5px;
border-top: 10px solid #2299d5;
}
#parallax-lower { 
/* The image used */
background-image: url("img/biz-parallax-lower.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 200px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: -5px;
}
#parallax h2, #parallax-lower h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 65px;
color: #2299d5 !important;
}
#parallax h4, #parallax-lower h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#resource-managers {
border-top: 10px solid #2299d5;
border-bottom: 10px solid #2299d5;
background-color: #eeeeee;
padding: 50px;
}
#resource-managers h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 65px;
color: #2299d5 !important;
}
#resource-managers h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#businessForm {
padding: 50px;
}
#businessResources {
padding: 50px;
}
#agencyFooter {
background-color: #4a5968;
color: #ffffff;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #4bc1d2;
position: absolute;
bottom: 0;
width: 100%;
height: 420px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 425px;
}}
#agencyFooter h3 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
color:#85c774 !important;
font-size: 18px !important;
}

/* ============================= Classes ============================= */
.newsletter-form {
    display: inline;
    width: auto;
    min-width: 210px;
    height: 52px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    margin-top: 0px;
    margin-left: -3px;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.newsletter-modal {
    position: fixed;
    top: 18%;
    left: 0.6%;
    z-index: 4000;
}
 .scroll-btn {
	display: block;
	position: absolute;
	z-index:15;
	left: 0;
	right: 0;
	bottom: 10px;
	text-align: center;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#headerVideo {
position: relative;

display: block;
overflow: hidden;

width: 100%;
height: 100%;
padding-top: 0px;

background: none;
}
#headerImage {
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 0% 35%;
}
#business-tagline {
padding: 40px 40px 40px 40px;
background: none;
margin-top: 200px;
position: absolute;
z-index: 12;
left: 10px;
border-top: 0px solid #2299d5;
border-bottom: 0px solid #2299d5;
}
#business-tagline h1 {
font-family: 'Tahoma', sans-serif;
font-size: 75px;
font-weight: bold;
color: #2299d5;
}
#business-tagline p {
color: #fff;
font-size: 18px;
}
#business-tagline span.little {
font-size: 45px !important;
font-weight: 300 !important;
color: #2299d5;
}
#business-tagline a, 
#business-tagline a:link, 
#business-tagline a:active, 
#business-tagline a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}
#business-tagline a:hover {
color: #fff;
text-decoration: underline;
font-weight: bold;
}
#video-overlay {
position:absolute;
z-index:10;
margin-top: -425px;
width: 2575px;
}
video {
width: 100%;
height: 100%;
max-height: 1400px;
object-fit: cover;
}
#bgvid {
display: inline;
}
#parallax { 
/* The image used */
background-image: url("img/biz-parallax-beer.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 0%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 200px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: -5px;
border-top: 10px solid #2299d5;
}
#parallax-lower { 
/* The image used */
background-image: url("img/biz-parallax-lower.jpg");

/* Set a specific height */
height: 100%; 

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0% 60%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 200px 30px 30px 30px;
z-index: 90;
position: relative;
margin-top: -5px;
}
#parallax h2, #parallax-lower h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 80px;
color: #2299d5 !important;
}
#parallax h4, #parallax-lower h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#resource-managers {
border-top: 10px solid #2299d5;
border-bottom: 10px solid #2299d5;
background-color: #eeeeee;
padding: 50px;
}
#resource-managers h2 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
font-size: 90px;
color: #2299d5 !important;
}
#resource-managers h4 {
font-family: 'Georgia', sans-serif !important;
font-weight: bold !important;
font-size: 30px;
color: #2299d5 !important;
}
#stats1 h3, #stats2 h3 {
    font-size: 42px;
}
#businessForm {
padding: 50px;
}
#businessResources {
padding: 50px;
}
#agencyFooter {
background-color: #4a5968;
color: #ffffff;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #4bc1d2;
position: absolute;
bottom: 0;
width: 100%;
height: 420px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 425px;
}}
#agencyFooter h3 {
font-family: 'Tahoma', sans-serif !important;
font-weight: bold !important;
color:#85c774 !important;
font-size: 18px !important;
}

/* ============================= Classes ============================= */
.newsletter-form {
    display: inline;
    width: auto;
    min-width: 255px;
    height: 52px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    margin-top: 0px;
    margin-left: -3px;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.newsletter-modal {
    position: fixed;
    top: 15%;
    left: 0.6%;
    z-index: 4000;
}
 .scroll-btn {
	display: block;
	position: absolute;
	z-index:15;
	left: 0;
	right: 0;
	bottom: 100px;
	text-align: center;
}
}

/* ============================= CUSTOM MEDIA QUERIES ============================= */

@media (max-width: 874px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 1;
font-size: 20px;
font-weight: bold;
color: #2299d5;
}}
@media (min-width: 875px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #2299d5;
}}
@media (min-width: 1100px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #2299d5;
}}
@media (min-width: 1300px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #2299d5;
}}
/* ============================= END CUSTOM MEDIA QUERIES ============================= */



/**************** NEWSROOM BLOG STYLES ****************/
.newsroom .panel-title {
font-size:26px !important;
}
.newsroom .panel-default {
border-radius:0;
margin-bottom:40px;
margin-right:10px;
margin-left:10px;
}
.newsroom .panel-default>.panel-heading {
border-radius:0;
background-color:#fbfeff;
}
.newsroom-contact {
margin-top:18px;
}
.sidebar-badge {
width:75px;
padding-top:10px;
}
.newsroom-contact h5 {
font-size:22px !important;
text-align:center;
line-height:28px;
color:#f7b92d !important;
background-color:#1e3350;
padding:15px;
}
.newsroom-sidebar {
margin-top:-30px;
}
.newsroom-sidebar h5 {
font-size:22px !important;
text-align:center;
line-height:28px;
color: #ffffff !important;
font-family:'Tahoma', sans-serif !important;
font-weight:350;
background-color:#275996;
padding:15px;
}
.newsroom-sidebar button, .newsroom-sidebar input, .newsroom-sidebar select, .newsroom-sidebar textarea {
width:100%;
font-family: 'Lato', sans-serif;
color:#1e3350;
font-size:18px;
height:45px;
}
.newsroom-sidebar ul {
list-style:none;
margin-top:-25px !important;
}
.newsroom-sidebar ul li:before  {
font-family: 'Font Awesome 5 Solid';
content: '\f0da';
display:none;
}
.newsroom-sidebar ul li {
font-size:16px;
padding-bottom:10px;
padding-top:10px;
border-bottom:2px solid #ddeff6;
margin-left:-35px;
}
.newsroom-sidebar ul li .svg-inline--fa {
color:#f9ba17;
font-size:16px;
margin:0 5px 0 0px;
}
.wp-post-image {
margin-bottom: 15px;
margin-top: 15px;
}
li.cat-item.cat-item-31.current-cat {
background-color:#fffde8 !important;
}
/**************** /END OF NEWSROOM BLOG STYLES ****************/







/**************** OPPORTUNITY ZONES STYLES ****************/
.oz-hero {
height: 507px;
background-repeat: no-repeat;
background-size: cover;
background-position: 90% 30%;
}
#ozHeaderImage {
background-image: url("img/oz-hero-image.jpg");
height: 307px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 90% 30%;
}
#ozInteriorHeaderImage {
background-image: url("img/oz-interior-hero-2.jpg");
height: 150px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 90% 20%;
border-top:2px solid #c6c6c6;
border-bottom:2px solid #c6c6c6;
}
#ozWrapper .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color:#FFF;
}
#ozWrapper-interior .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color:#FFF;
}
#ozWrapper .blue-banner-lg {
background-color:#275996;
padding:25px 0px 35px 0px;
}
#ozWrapper .blue-banner-md {
background-color:#275996;
padding:35px 0px 35px 0px;
}
#ozWrapper .blue-banner-md h2 {
color:#FFF !important;
font-size:40px !important;
font-weight:700 !important;
}
#ozWrapper .blue-banner-lg h2 {
color:#FFF !important;
font-size:40px !important;
font-weight:700 !important;
}
#ozWrapper h3 {
color:#FFF !important;
}
#ozWrapper #main_content h4 {
color:#275996 !important;
font-size:28px;
}
#ozWrapper .yellow-txt {
color:#ffde8a;
}
#ozWrapper-interior .panel-heading h4{
font-size:20px !important;
}
.yellow-accent {
color:#c99c28;
}
#ozWrapper .intro-wrapper {
background-color:#f7f7f7;
padding:45px 0px 65px 0px;
}
#ozWrapper .facts-wrapper {
padding:85px 0px 55px 0px;
}
.graphic-1 {
height:350px;
}
.graphic-3 {
height:350px;
}
.smug-wrapper {
background-color:#f7f7f7;
padding:45px 0px 65px 0px;
}
.smug-wrapper input {
background-color:#FFF;
}
hr.blue {
margin-top:75px;
border:2px solid #275996;
}
#ozWrapper .dashboard-wrapper p {
color:#FFF !important;
}
#ozWrapper #main_content .dashboard-wrapper a {
color:#ffde8a !important;
cursor:pointer;
}
#ozWrapper #main_content .dashboard-wrapper a:hover {
color:#FFF !important;
}
.dashboard-icon {
height:300px;
}
.dashboard-wrapper a {

}
.oz-sub-nav {
border:2px solid #eeeeee;
background-color:#f7f7f7;
margin-top:15px;
margin-bottom:15px;
}
.warning-text h5 {
color:#8a6d3b !important;
font-size:30px;
font-family: 'Open Sans';
margin-top:	0px;
}
.warning-color {
color:#8a6d3b !important;
}
.info-color {
color:#31708f !important;
}
.info-text h5 {
color:#31708f !important;
font-size:30px;
font-family: 'Open Sans';
margin-top:	0px;
}
.oz-jumbo {
background-color:#275996;
color:#FFF;
}
.oz-jumbo h6 {
color:#FFF !important;
font-size:32px;
}
.why-wrapper {
border:2px solid #c99c28;
padding:10px;
}
.video-wrapper {

}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#ozHeaderImage {
height: 300px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 30%;
margin-top: -32px;
}
.oz-logo {
height:100px;
}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
/* ============================= ELEMENTS ============================= */
/* ============================= ID's ============================= */

#ozHeaderImage {
height: 330px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 40%;
}
.oz-logo {
height:100px;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#ozHeaderImage {
height: 300px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 5% 50%;
}
@-moz-document url-prefix() { 
#ozHeaderImage {
height: 300px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 30%;
}}
.oz-logo {
height:150px;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#ozHeaderImage {
height: 405px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
@-moz-document url-prefix() { 
#ozHeaderImage {
height: 405px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}}
.oz-logo {
height:150px;
}
}

@media (min-width: 1950px) {
#ozHeaderImage {
height: 505px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
margin-top: -32px;
}
.oz-logo {
height:150px;
}
@-moz-document url-prefix() { 
#ozHeaderImage {
height: 505px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}}
}


/*************** GRANT SEARCH STYLES ***************/
.btn-blue {
background-color: #275996;
color:#FFF;
font-family: 'Georgia', sans-serif !important;
font-weight: 300;
font-style: italic;
}
.btn-clearAll {
background-color: #fff;
color: #275996;
font-weight: bold;
}
.btn-clearAll:hover {
color:#c99c28 !important;
}
.search-wrapper .input-lg {
height:66px;
border-color:#2899d5;
border-radius:1px;
}
.filter-wrapper .input-lg {
border-color:#2899d5;
}
.search-wrapper .btn-lg {
padding:20px;
border:1px solid #2899d5;
border-radius:1px;
}
.search-wrapper .btn-lg:hover {
background-color:#f88126;
color:#FFF !important;
}
.filter-wrapper .btn-filter {
border-radius:1px;
padding-left:45px;
padding-right:45px;
}
.filter-wrapper .btn-filter:hover {
background-color:#c99c28;
color:#FFF !important;
}
.filter-wrapper .btn-filter-no-padding {
border-radius:1px;
}
.filter-wrapper .btn-filter-no-padding:hover {
background-color:#c99c28;
color:#FFF !important;
}
.applied-filters {
background-color:#FFF;
padding:25px;
}
.filter-row {
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
display: flex;   
flex-wrap: wrap;
}
.label-blue {
background-color:#fcf1e8;
color:#54554b;
padding:125;
font-size:14px;
}
.label-blue .close {
float:none;
opacity:.4;
line-height:2;
}
.blue {
color:#275996;
}
.brp-cards .topicBlock {
width: 97%;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 15px;
border: 2px solid #e3e3e3;
background: #FFF;
overflow: hidden;
height:430px;
border-radius: 6px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.10);
}
.brp-cards .year-program {
background-color: #f5f5f5;
padding:20px;
margin-left:-15px;
margin-right:-15px;
font-weight:700;
color:#54564c;
text-transform:uppercase;
min-height:90px;
}
.brp-cards .name {
color:#e37222;
font-family: 'Tahoma', sans-serif !important;
font-size:20px;
margin-top:15px;
line-height:28px;
}
.brp-cards .detail {
color:#54564c;
font-weight:600;
padding-top:15px;
}
.brp-cards-other .topicBlock {
width: 97%;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 15px;
border: 2px solid #e3e3e3;
background: #FFF;
overflow: hidden;
height:430px;
border-radius: 6px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.10);
}
.brp-cards-other .year-program {
background-color: #f5f5f5;
padding:20px;
margin-left:-15px;
margin-right:-15px;
font-weight:700;
color:#54564c;
text-transform:uppercase;
min-height:90px;
}
.brp-cards-other .name {
color:#e37222;
font-family: 'Tahoma', sans-serif !important;
font-size:20px;
margin-top:15px;
line-height:28px;
}
.brp-cards-other .detail {
color:#54564c;
font-weight:600;
padding-top:15px;
}
.brp-pagination .btn {
border-radius:0;
font-weight:800;
color:#275996;
border-color:#275996;
}
.brp-pagination span.btn.btn-warning {
background-color:#275996;
color:#FFF;
}

#fromValidation {
color:#a94442;
margin-top:10px;
font-weight:bold;
}
#toValidation {
color:#a94442;
margin-top:10px;
font-weight:bold;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
    /* ============================= ELEMENTS ============================= */

    /* ============================= Classes ============================= */
.brp-cards .topicBlock {
/*width: 32%;*/
width:100%%;
height:350px !important;
}
.brp-cards-other .topicBlock {
/*width: 32%;*/
width:100%%;
height:350px !important;
}}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{
    /* ============================= ELEMENTS ============================= */

    /* ============================= Classes ============================= */

.brp-cards .topicBlock {
/*width: 32%;*/
width:23.9%;
height: 515px !important;
}
.brp-cards-other .topicBlock {
/*width: 32%;*/
width:23.9%;
height: 515px !important;
}}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
    /* ============================= ELEMENTS ============================= */

    /* ============================= Classes ============================= */

.brp-cards .topicBlock {
/*width: 32%;*/
width:24.1%;
height: 465px !important;
}
.brp-cards-other .topicBlock {
/*width: 32%;*/
width:24.1%;
height: 405px !important;
}}









/*======================================= EVENT CALENDAR ================================*/
.eme-location-map {
width: 100% !important;
height: 350px !important;
}
.eme-calendar-table {
font-size: 14px;
width:100%;
height:340px;
background-color:#4A5967;
color:#FFF;
}
table.fullcalendar td {
border-color:#4A5967;
}
.month_name {
color:#FFF;
font-family: 'Tahoma', sans-serif;
font-weight:600;
font-size:24px;
}
.eme-calendar-table thead th {
padding: 10px 0px 10px 0px;
text-transform: uppercase;
color: #FFF;
border-bottom: 1px solid #bbb;
background: #4A5967;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.eme-calendar-table tbody td {
color: #666;
padding: 8px;
text-align: center;
border: 1px solid;
border-color: #4A5967 #4A5967 #4A5967 #4A5967;
background-color: #FFF;
}
table.eme-calendar-table td {
padding:2px !important;
padding-top:5px !important;
}
table.eme-calendar-table td.eventful a {
color:#61aadd !important;
font-weight:bold;
}
.prev-month {
color:#FFF !important;
font-size:24px;
font-family: 'Tahoma', sans-serif;
}
.next-month {
color:#FFF !important;
font-size:24px;
font-family: 'Tahoma', sans-serif;
}
.left-sidebar-interior tr td .next-month {
color:#FFF !important;
font-family: 'Open Sans', sans-serif;
}
.left-sidebar-interior tr td .prev-month{
color:#FFF !important;
font-family: 'Open Sans', sans-serif;
}

/** Specific Event Date Styles **/
table.eme-calendar-table td.eventful a {
color:#fff !important;
font-weight:bold;
transition: 0.4s ease-in-out;
}
table.eme-calendar-table td.eventful a:hover {
color:#FFF !important;
transition: 0.4s ease-in-out;
text-decoration: none !important;
background-color: #2299d5 !important;
}
.eventful {
background: #275996 !important;
transition: 0.4s ease-in-out;
}
.eventful:hover {
background-color: #2299d5 !important;
}
table.fullcalendar ul li {
list-style-type:none;
}
table.fullcalendar td.month_name, div.month_name {
padding:15px !important;
}
/*======================================= / END OF EVENT CALENDAR ================================*/
.panel-purple {
    border-color: #f5f5f5;
}

.panel-purple>.panel-heading {
    color: #FFF;
    background-color:#673c4f;
    border-color: #f5f5f5;
}

.exact-match-count, .close-match-count {
    color: #fff;
    float: left;
    padding: 10px;
    border-radius: 10px;
    margin: 0 10px;
    font-size: 22px;
}

.exact-match-count, .exact-match-label {
    background-color: #85C774;
    border-color: #85C774;
}

.close-match-count, .close-match-label {    
    background-color: #673C4F;
    border-color: #673C4F;
}
.exact-match-label, .close-match-label {  
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

.cou-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
}
.label-filter{
  background-color: #4A5968;
}
.osd-search-card-padding-right {
padding-right:15px;
}