<script>
$('div.header_style.clearafter').append("<a href='http://abcmetrowashington.us4.list-manager.com/subscribe?u=53586e4d4a3a157e935ae9ab8&id=40d7e13640' style='float: right; color: white !important; background-color: #0f4c9' class='btn btn-default'>Subscribe</a> ");
</script>

span[itemprop="name"] {
   color: #fff;
}

/*Move logo to top of site */
.economic_skin.skin_wrapper { width: 100%; }
.economic_skin .skin_user { background:#fff; }
.economic_skin .skin_body { box-shadow:none; }
.economic_skin .footer_shadow { display:none; }
.economic_skin .user_style { padding::5px 0 0;}
.economic_skin .logo_style { margin-top:-20px;}

.skin_user { min-height:20px; }
.skin_header { border-bottom:30px solid #fff;     }
.header_style { position:relative; min-height:90px; padding:0 10px;}
.logo_style { position: absolute; top: -65px; float:left; padding:10px; margin:0!important;}
.site_logo { line-height:160px; }
.user_style { float:right; padding:5px 0; }
.menu_style { position:absolute; right:10px; top:70px; z-index:8000; padding-right: 20px; width: 100%; }

@media handheld, only screen and (max-width: 767px)
.mobile_nav {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: -5px;
    top: 100px;
    z-index: 9000;
    
}
#megaMenu .root li a span {
    display: block;
    padding: 0 18px;
    line-height: 30px;
    color: #777;
    white-space: nowrap;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
}

#megaMenu .category {
    display: none;
    position: absolute;
    left: 0;
    /* top: 78px; */
    z-index: 9210;
    width: 380px;
    padding: 0;
    border-top: 3px solid #39c381;
    top: 30px;
}

.EventRegistrantsTable td {
  text-align: center;
}

.EventRegistrantsTable th {
  text-align: center;
}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */
.clear { clear:both;} 
.left { float:left;} 
.right { float:right;}
.img-left {float: left; margin-right: 10px;} 
.img-right {float: right; margin-left: 10px;}
.dnnsprite { background-image: url('images/AsideIcons.png'); background-color: transparent; background-repeat: no-repeat; }
.Community { background-position: -249px -5px; }
.Conferences { background-position: -188px -5px; }
.Manuals { background-position: -127px -5px; }
.Marketplace { background-position: -66px -5px; }
.Training { background-position: -5px -5px; }


ul.RotatorNav { margin:-74px 0 0 0;}
ul.RotatorNav li {margin:0;list-style:none;}

ul.sidebar-nav li { list-style-type: none;}
ul.sidebar-nav li ul li { padding-left: 20px;;}

/* Getting Started content */
.getting-started-wrap .left { width: 116px; padding-top:20px;}
.getting-started-wrap .right { width:500px;}
a#TourStart img, a#TourVideo img { margin: 3px 3px 3px -10px; vertical-align: middle;}
#dnnTourContainer { display:none; }
hr.tour { border-style: solid; border-top-width: 0; color: #ccc; margin-top: 1em; }

#Footer #dnn_Footer_LeftPane {float: left;margin: 0 20px 0 0;width: 430px;}
#Footer #dnn_Footer_RightPane {float: left;width: 510px;}

#Sponsors img{width:118px;height:58px;border:solid 1px #000;margin:0 7px 7px 0;background:url(images/Logos.jpg) no-repeat;}
#Sponsors .aspnet img{background-position:0 0;}
#Sponsors .maxasp img{background-position:-118px 0;}
#Sponsors .telerik img{background-position:-236px 0;}
#Sponsors .exacttarget img{background-position:-354px 0;}
#Sponsors .winlive img{background-position: 0 -58px;}
#Sponsors .redgate img{background-position: -118px -58px;}
#Sponsors .appliedi img{background-position: -236px -58px;}
#Sponsors .arrowdesign img{background-position: -354px -58px;}

/* Quick Links */
.tblQuickLinks { width:100%; }
.tblQuickLinks td { line-height:22px; }
.tblQuickLinks a:link, .tblQuickLinks a:active, .tblQuickLinks a:visited{ text-decoration:underline; color:#e5e5e5; }
.tblQuickLinks a:hover {color:#d0171e;}

/* ------    Awesome Cyles site styles    ------ */
/* footer */
.left-footer { width:48%; float:left;}
.right-footer { width:48%; float:right;}

/* Home page */
/* Header Banner*/
.bannerShadow {padding-bottom: 34px; background:url(/Portals/0/images/Slide-Shadow.png) no-repeat 0 bottom;}
	.header-banner { background-image: url("/Portals/0/images/header-bg.jpg"); background-repeat: repeat-x; background-color:#830c11; min-height:200px; color:#FFF;}
		.header-banner .header-banner-image { float:left; width:280px; margin-left:50px; padding-top:13px;}
		.header-banner .header-banner-text { float:right; width:550px; margin-right:55px;}
			.header-banner .header-banner-text { font-size:16px; line-height:19px; padding-top:10px;}
			.header-banner .header-banner-text h2 { font-size:36px; text-transform:uppercase}
			.header-banner .header-banner-text .header-read-more { font-size:14px; text-align:right;}
			.header-banner .header-banner-text .header-read-more a { color:#FFF;}

/* services columns */
.home-services div { width:190px; margin-right:20px; float:left;}
.home-services div.last { margin-right:0;}

/*  home page sidebar styles*/
#RightLinks .last { background:none;}
#RightLinks li.icoAbout img { background-image: url("images/bike-about-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoBike img { background-image: url("images/bike-icon.png"); background-repeat: no-repeat;}
#RightLinks li.icoNews img { background-image: url("images/bike-news-icon.png"); background-repeat: no-repeat;}

/* Subpage sidebar navigation on */
.Normal ul.sidebar-nav li { line-height:200%;}
.c_DNN6_Aside h3 { padding:0; margin:0; line-height:200%;}
A:link{color:#0f4c91;}
A:visited{color:#0f4c91;}
A:active{color:#0f4c91;}
.color_text{color:#0f4c91;}
.color_bg{background-color:#0f4c91;}
h1{color:#0f4c91;}
h2{color:#0f4c91;}
h3{color:#0f4c91;}
h4{color:#0f4c91;}
h5{color:#0f4c91;}
h6{color:#0f4c91;}
A.Login:hover{color:#0f4c91;}
A.User:hover{color:#0f4c91;}
.economic_skin.skin_wrapper { width: 100%; }
.economic_skin .skin_user { background:#fff; }
.economic_skin .skin_body { box-shadow:none; }
.economic_skin .footer_shadow { display:none; }
.economic_skin .user_style { padding::5px 0 0;}
.economic_skin .logo_style { margin-top:-20px;}

A:link{color:#0f4c91;}
A:visited{color:#0f4c91;}
A:active{color:#0f4c91;}
.color_text{color:#0f4c91;}
.color_bg{background-color:#0f4c91;}
h1{color:#0f4c91;}
h2{color:#0f4c91;}
h3{color:#0f4c91;}
h4{color:#0f4c91;}
h5{color:#0f4c91;}
h6{color:#0f4c91;}
A.Login:hover{color:#0f4c91;}
A.User:hover{color:#0f4c91;}

.economic_skin .pre_defined_color{background-color:#0f4c91;}
.economic_skin .page_name{background-color:#0f4c91;}

.economic_skin #standardMenu > .rootMenu > li.selected > a span, .economic_skin #standardMenu > .rootMenu > li.breadcrumb > a span, .economic_skin #standardMenu > .rootMenu > li:hover > a span, .economic_skin #standardMenu > .rootMenu > li > a:hover span{color:#0f4c91;}
.economic_skin #standardMenu .subMenu{border-color:#0f4c91;}
.economic_skin #standardMenu .subMenu li.selected > a span,.economic_skin #standardMenu .subMenu li.breadcrumb > a span,.economic_skin #standardMenu .subMenu li.item a:hover span{color:#0f4c91;}
.economic_skin #megaMenu > .root > li.selected > a span,.economic_skin #megaMenu > .root > li.breadcrumb > a span, .economic_skin #megaMenu > .root > li:hover > a span, .economic_skin #megaMenu > .root > li > a:hover span {color:#0f4c91;}
.economic_skin #megaMenu .category{border-color:#0f4c91;}
.economic_skin #megaMenu .category li.selected > a span,.economic_skin #megaMenu .category li.item a:hover span{color:#0f4c91;}
.economic_skin #leftMenu .leftSub li.selected > a span,.economic_skin #leftMenu .leftSub li a:hover span{background-color:#0f4c91;}
.economic_skin #leftMenu .level1 li.selected > a span,.economic_skin #leftMenu .level1 li a:hover span{color:#0f4c91;}
.economic_skin #leftMenu .level1 li a:hover span{color:#0f4c91;}

.economic_skin #Login .registerGroup a:hover,.economic_skin #Login .loginGroup a:hover{color:#0f4c91;}
.economic_skin .nav-tabs > li.active > a,.economic_skin .nav-tabs > li.active > a:hover,.economic_skin .nav-tabs > li.active > a:focus{color:#0f4c91;}
.economic_skin .nav-tabs > li > a:hover{color:#0f4c91;}
.economic_skin .tab_container_right:hover h3{color:#0f4c91;}
.economic_skin .quovolve-box ul.quovolve{background-color:#0f4c91;}
.economic_skin .quovolve-box ul li cite:before{border-left-color:#0f4c91;}
.economic_skin .quovolve-box ul li cite span{color:#0f4c91;}
.economic_skin .quovolve-box .quovolve-nav .nav-numbers li.active a{background-color:#0f4c91;}
.economic_skin .quovolve-box .quovolve-nav .nav-numbers li a:hover{background-color:#0f4c91;}
.economic_skin .icon_hover .icon-effect-1 .glyphicon{background-color:#0f4c91;}
.economic_skin .icon_hover .icon-effect-2 .glyphicon{background-color:#0f4c91;}
.economic_skin .icon_hover .icon-effect-3 .glyphicon:after{background-color:#0f4c91;}
.economic_skin .icon_hover .icon-effect-4 .glyphicon{background-color:#0f4c91;}
.economic_skin .icon_hover .icon-effect-5 .glyphicon{background-color:#0f4c91;}
.economic_skin .icon-effect-6 .glyphicon{background-color:#0f4c91;}
.economic_skin .icon_effect:hover .icon-effect-5 .glyphicon{background-color:#0f4c91;}
.economic_skin .carouFredSel ul li:hover{border-color:#0f4c91;}
.economic_skin a#carousel_prev{background-color:#0f4c91;}
.economic_skin a#carousel_next{background-color:#0f4c91 ;}
.economic_skin .carouFredSel ul li:hover h3.carousel_subtitle{color:#0f4c91;}
.economic_skin .caroul_prev02{background-color:#0f4c91;}
.economic_skin .caroul_next02{background-color:#0f4c91;}
.economic_skin .carousel_up ul li .carousel_up_text a{color:#0f4c91;}
.economic_skin .portfolio-list li > .portfolio-overlay{background-color:#0f4c91;}
.economic_skin .content_colorbg{background-color:#0f4c91;}
.economic_skin .top_icons a{background-color:#0f4c91;}
.economic_skin .main_top:hover h3{color:#0f4c91;}
.economic_skin .main_top .readmore a{color:#0f4c91;}
.economic_skin .post_right p a:hover{color:#0f4c91;}
.economic_skin .home_list li:hover a, .page_list li:hover a span{color:#0f4c91;}
.economic_skin .logo_list h3:hover{color:#0f4c91;}
.economic_skin .dynamic_bar .progress-bar-success3{background-color:#0f4c91;}
.economic_skin .our_services:hover h3{color:#0f4c91;}
.economic_skin .home_team:hover h3{color:#0f4c91;}
.economic_skin .testimonials_style{border-left-color:#0f4c91;}
.economic_skin .testimonials_style .testimonials_right span{color:#0f4c91;}
.economic_skin .features_list span{color:#0f4c91; border-color:#0f4c91;}
.economic_skin .features_list:hover .features_list_right h3{color:#0f4c91;}
.economic_skin .service_list:hover{border-color:#0f4c91;}
.economic_skin .service_list .glyphicon{color:#0f4c91;}
.economic_skin .service_list:hover h3{color:#0f4c91;}
.economic_skin .price-table .head{background-color:#0f4c91;}
.economic_skin .price_bottom:hover{background-color:#0f4c91;}
.economic_skin .price_bottom_success{background-color:#0f4c91;}
.economic_skin .sidebar_tag ul li a:hover{background-color:#0f4c91;border-color:#0f4c91;}
.economic_skin .categories_style li a:hover{color:#0f4c91;}
.economic_skin .error_page .sorry_title h3:hover{color:#0f4c91;}
.economic_skin .contact_number .btn-primary{background-color:#0f4c91;}
.economic_skin .testimonials_page{border-left-color:#0f4c91;}
.economic_skin .page_number_style .pagination > .active > a,.economic_skin .pagination > .active > span, .pagination > .active > a:hover,.economic_skin .pagination > .active > span:hover,.economic_skin .pagination > .active > a:focus,.economic_skin .pagination > .active > span:focus{background-color:#0f4c91;border-color:#0f4c91;}
.economic_skin .sidebar_content p a{color:#0f4c91;}
.economic_skin .sidebar_content .sidebar_blockquote{border-left-color:#0f4c91;}
.economic_skin .sidebar_content_right p a{color:#0f4c91;}
.economic_skin .sidebar_content_right .sidebar_blockquote{border-left-color:#0f4c91;}
.economic_skin .full_width p a{color:#0f4c91;}
.economic_skin .full_width .sidebar_blockquote{border-left-color:#0f4c91;}
.economic_skin .banner_readmore .readmore_button{background-color:#0f4c91;}
.economic_skin .isotope_img img:hover{color:#0f4c91;}
.economic_skin #options a:hover{color:#0f4c91;}
.economic_skin .unoslider_indicator a.unoslider_indicator_active{background-color:#0f4c91;}

.economic_skin .c_title_SpringGreen{color:#0f4c91;}
.economic_skin .BlackTitle_SpringGreen:hover .c_title_black{color:#0f4c91;}
.economic_skin .BlackTitle02_SpringGreen:hover .c_title_black{color:#0f4c91;}
.economic_skin .BlackTitle03_SpringGreen:hover .c_title_black{color:#0f4c91;}
.economic_skin .BlackTitle03_SpringGreen:hover .c_title{border-color:#0f4c91; color:#0f4c91;}
.economic_skin .BlackTitle04_SpringGreen:hover .c_title_black{color:#0f4c91;}
.economic_skin .SpringGreen02_top_bg{border-color:#0f4c91;}
.economic_skin .SpringGreen03_top_bg{background-color:#0f4c91;}
.economic_skin .SpringGreen04_style:hover .SpringGreen04_top_bg{background-color:#0f4c91;}
.economic_skin .SpringGreen05_top_bg{border-color:#0f4c91;}
.economic_skin .SpringGreen06_top_bg{border-color:#0f4c91;}
.economic_skin .SpringGreen07_style{border-color:#0f4c91;}
.economic_skin .SpringGreen07_top_bg{background-color: #0f4c91;}
.economic_skin .SpringGreen08_top_bg{background-color: #0f4c91;}

.economic_skin .icon_hover .icon-effect-1 .glyphicon:after{box-shadow: 0 0 0 2px #0f4c91;}
.economic_skin .icon_hover .icon-effect-2 .glyphicon:after{box-shadow: 0 0 0 2px #0f4c91;}
.economic_skin .icon_hover .icon-effect-3 .glyphicon{box-shadow: 0 0 0 2px #0f4c91;}

.economic_skin .threeColSocial .console-mouseon{background-color:#0f4c91;}
.economic_skin .threeColSocial a.dnnPrimaryAction{background-color:#0f4c91;}
.economic_skin .threeColSocial .selectDrop.active > a{background-color:#0f4c91;}
.economic_skin .threeColSocial .dnnButtonGroup > li > a.active{border-color:#0f4c91;background-color:#0f4c91;}
.economic_skin .threeColSocial .dnnButtonGroup > li > a.disabled:hover{border-color:#0f4c91;background-color:#0f4c91;}
.economic_skin .threeColSocial .alpha > a:hover{background-color:#0f4c91;border-color:#0f4c91;}
.economic_skin .threeColSocial .alpha > a,.economic_skin .threeColSocial .alpha > a:hover,.economic_skin .threeColSocial .alpha > a.active{border-color:#0f4c91;}
.economic_skin .threeColSocial a.dnnSecondaryAction.ArchiveItems:hover{background-color:#0f4c91;}
.economic_skin .threeColSocial a.dnnSecondaryAction.ArchiveItems:hover{background-color:#0f4c91;}
.economic_skin .threeColSocial .dnnTertiaryAction:hover,.economic_skin a.dnnTertiaryAction:hover{background-color:#0f4c91;}

@media handheld,only screen and (max-width:767px){
.economic_skin #standardMenu > .rootMenu > li.selected > a, .economic_skin #standardMenu > .rootMenu > li.breadcrumb > a, .economic_skin #standardMenu > .rootMenu > li:hover > a, .economic_skin #standardMenu > .rootMenu > li > a:hover{background-color:#0f4c91;}
.economic_skin #megaMenu > .root > li.selected > a,.economic_skin #megaMenu > .root > li.breadcrumb > a,.economic_skin #megaMenu > .root > li:hover > a,.economic_skin #megaMenu > .root > li > a:hover{background-color:#0f4c91;}
}



@media only screen and (max-width: 600px) {

.ListTitleRow {
margin-bottom: 3em;
}
}

.site_logo {
  width:40%;
}

.logo_style {
   width: 70%
}

/* 2023 Updates*/

:root{
    --text__content: 18px; 
}
.box-shadow{
    box-shadow: 3px 3px 3px black;
};
#dnn_LOGO1_imgLogo {
    width: 115px;
    height: 100%;
    margin-top: -0.5em;
    margin-right: -0.5em;
}

img#dnn_dnnLOGO_imgLogo {
    width: 130px;
    height: 90px;
}

.title{
    background: #00336601;
    mix-blend-mode:  difference;
    padding: .4em;
    width: fit-content;
    color: white;
    font-size: var(--text__content);
    position: relative;
    &:after{
        content:'';
        position: absolute;
        inset:0;
        background: #0089cf;
        transform: skewX(-10deg);
        z-index: -1;
    }
}
.tile__main{
    overflow: hidden;
    &:hover .tile__info{
        left:0;
    }
}
.tile__info{
   position: absolute;
    left: -100%;
    height: 100%;
    background: linear-gradient(45deg, #00aaff, #14315a);
    transition: all linear .3s;
}
.text__title{
     background: #00a9ff;
    color: #ffffff;
    padding: .21em;
    font-size: 25px !important;
    font-weight: 600 !important;
    box-shadow: 5px 4px 0px #ffffff, 9px 8px 0px red;
}

.text__title2{
    color: #000f;
    padding: .21em;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.text__content{
    font-size: 16px !important;
}

.btn-lightblue{
    background-color: #0089cf !important;
    transition: all ease .4s;
    &:hover{
        background-color: #003366 !important;
    }
}

/*2025*/
.spacer{
    padding: 1.2em;
}

.text__lightblue{
    color:  #014892
}

.tile__background {

    border-radius: var(--brd-radius);
    align-content: center;
    text-align: center;
    background: linear-gradient(#fff, #00000044), var(--img);
    background-size: cover;
    background-position: center;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    height: min(calc(100vh* .35), 400px);
    transition: all ease-in .3s;
    
    &:hover{

        box-shadow: 3px 3px 6px black;

    }
}

.text-animation__underscore{
    --animation__bounce: cubic-bezier( 0.68, -0.55, 0.265, 1.55 );
        position: relative;
        &::after{
            content: '';
            position: absolute;
            width: 0%;
            height: 0px;
            top: -10%;
            z-index: 9;
            background: white;
            left: 50%;
            transform: translateX(-50%);
            transition: opacity ease 0.1s, top var(--animation__bounce) .7s, width ease-in .55s;
        }
        &:hover::after {
            content: '';
            position: absolute;
            width: 60%;
            height: 3px;
            top: 110%;
          
        
        }
}




























