/* Background Images and Footer */
#MPCopyright { clear: both; float: none; text-align: center; }
/* Color Picker */
/********************* Basics **************************/ /*
body { color: ; } */
/*
a { color: ; } */
/*
.hl-linkcolor-background { background-color: ; } */
/*
a.user-content-mention { color: ; } */
/*
a.user-content-hashtag { color: ; } */
/*
a:hover { color: ; } */
/*
a.user-content-mention:hover { color: ; } */
/*
a.user-content-hashtag:hover { color: ; } */
/*
.bodyBackground { background-color: ; } */
/*
a.user-content-hashtag { background: ; } */
/*
a.user-content-hashtag:hover { background: ; } */
/*
.siteFrame { background-color: ; } */
/*
#MPOuterMost { border-color: ; } */
h1, .Heading1 { /* color: ;
*/
/* background-color: ;
*/
} h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 { /* color: ;
*/
/* background-color: ;
*/
} h3, .Heading3, h3 a, h3 a:hover { /* color: ;
*/
/* background-color: ;
*/
} /*
hr, hr.delimiter, .HLLandingControl ul li { border-bottom-color: ; } */
#MPOuterFooter { /* background-color: ;
*/
/* color: ;
*/
} /*
fieldset { border-color: ; } */
fieldset legend { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} /*
.SearchResults .SortBy { color: ; } */
/*********************** Landing Controls ******************/ .HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader { /* background-color: ;
*/
/* color: ;
*/
} /*
.drItemSubHeader a:not(.skip-header-text-color){ color: ; } */
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl { /* border-color: ;
*/
/* color: ;
*/
/* background-color: ;
*/
} /*
.HLLandingControl .Content a:not(.btn) { color: ; } */
/*
.HLLandingControl .ByLine { color: ; } */
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 { color: ; } */
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a { color: ; } */
/************************ Tabs **********************/ .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} /*
.nav-tabs { border-bottom-color: ; } */
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus { /* background-color: ;
*/
/* border-bottom-color: ;
*/
/* color: ;
*/
} .nav-tabs > li > a { /* background-color: ;
*/
/* color: ;
*/
} /************************ Miscellaneous **********************/ /*
.SloganText { color: ; } */
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow { /* background-color: ;
*/
/* color: ;
*/
} /*
.lblratingBig { color: ; } */
/************************ Tables **********************/ .Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader, .table-thead-background tr th, .table-thead-background tr td { /* background-color: ;
*/
/* color: ;
*/
} /*
th a, th a:hover { color: ; } */
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td { background-color: ; } */
/************************ Menus ***********************/ /*
#MPAuxNav ul.level1 li a { color: ; } */
/*
#MPAuxNav ul.level1 li ul { background-color: ; } */
/*
#MPAuxNav ul.level1 li li.dynamic { border-right-color: ; } */
/* #SideMenu ul.level1 li ul { background-color: White; } */ /* .MPSideNavBottom { color: #0069A5; } */ /*
.breadcrumb { background-color: ; } */
/*
.breadcrumb li { color: ; } */
/*
.breadcrumb li a { color: ; } */
/*
.MPBottomMenu ul li a { color: ; } */
/************************ Bootstrap Menus ***********************/ /*
.navbar-default, #NAV { background-color: ; border-color: ; } */
/*
.navbar-default .navbar-nav > li > a { color: ; } */
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > li > a:hover { /* background-color: ;
*/
/* color: ;
*/
} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { /* background-color: ;
*/
/* color: ;
*/
} /*
#MPButtonBar .dropdown-menu { background-color: ; } */
/*
#MPButtonBar .dropdown-menu li a { color: ; } */
/*
#MPButtonBar .dropdown-menu li a:hover, #MPButtonBar .dropdown-menu li a:focus { background-color: ; } */
#MPButtonBar .dropdown-menu .active > a, #MPButtonBar li .dropdown-menu .active > a:hover, #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover, #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover { /* background-color: ;
*/
/* color: ;
*/
} /*
#MPButtonBar .dropdown-menu { border-color: ; } */
/************************ Bootstrap Buttons ***********************/ .btn-primary, .ui-widget-content a.btn-primary {  background-color: #012D69;

/* border-color: ;
*/
/*
color: !important;
*/
} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {  background-color: #011E47;

/* border-color: ;
*/
/* color: ;
*/
} .btn-info { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-success { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-danger { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-default { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .pagination > li > a { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .pagination > li > a:hover { /* background-color: ;
*/
/* border-color: ;
*/
/* color: ;
*/
} .label-default { /* background-color: ;
*/
/* color: ;
*/
} .badge, .badge a, a.badge a:hover { /* background-color: ;
*/
/* color: ;
*/
} .modal-header { /* background-color: ;
*/
/* color: ;
*/
} .modal-body, .panel-body { /* background-color: ;
*/
/* color: ;
*/
} .modal-footer, .panel-footer { /* background-color: ;
*/
} /*
#MPFooterLink { background-color: ; } */
/*
#MPFooterLink a { color: ; } */
/*
.faceted-search-main .facets .header { color: ; } */
/*
.faceted-search-main .facets .header { background-color: ; } */
/*
.cookie-notification-bar { background-color: ; } */
/*
.cookie-notification-bar span { color: ; } */ /************ New Bootstrap 4^ Themeing ****/ /******** Block Buttons ****/ /**** btn-primary ****/ .bootstrap-4 :not(.no-theme) .btn-primary { /* color: ; */  background-color: #012D69;  /* border-color: ; */
} .bootstrap-4 :not(.no-theme) .btn-primary:focus, .bootstrap-4 :not(.no-theme) .btn-primary:hover {  background-color: #011E47;   outline-color: #011E47; 
} /**** btn-secondary (aka default) ****/ .bootstrap-4 :not(.no-theme) .btn-secondary { /* color: ; */ /* background-color: ; */ /* border-color: ; */
}
.bootstrap-4 :not(.no-theme) .btn-secondary:focus, .bootstrap-4 :not(.no-theme) .btn-secondary:hover { /* background-color: ; */ /* outline-color: ; */
} /**** btn-link ****/ .bootstrap-4 :not(.no-theme) .btn-link { /* color: ; */
}
.bootstrap-4 :not(.no-theme) .btn-link:focus, .bootstrap-4 :not(.no-theme) .btn-link:hover { /* color: ; */ /* outline-color: ; */
} /**** btn-icon-primary ****/ .bootstrap-4 :not(.no-theme) .btn-icon-primary { /* color: ; */ /* background-color: ; */ /* border-color: ; */
}
.bootstrap-4 :not(.no-theme) .btn-icon-primary:focus, .bootstrap-4 :not(.no-theme) .btn-icon-primary:hover { /* outline-color: ; */ /* background-color: ; */
} /******** Inline Buttons ****/ /**** btn-inline-link-primary ****/ .bootstrap-4 :not(.no-theme) .btn-inline-link-primary.btn-inline-link-primary { /* color: ; */
}
.bootstrap-4 :not(.no-theme) .btn-icon-link:focus, .bootstrap-4 :not(.no-theme) .btn-icon-link:hover { /* outline-color: ; */ /* color: ; */
} /**** btn-inline-link-meta ****/ .bootstrap-4 :not(.no-theme) .btn-inline-link-meta { /* color: ; */
}
.bootstrap-4 :not(.no-theme) .btn-icon-link:focus, .bootstrap-4 :not(.no-theme) .btn-icon-link:hover { /* outline-color: ; */ /* color: ; */
} /**** btn-inline-icon ****/ .bootstrap-4 :not(.no-theme) .btn-icon-primary { /* color: ; */
}
.bootstrap-4 :not(.no-theme) .btn-icon-primary:focus, .bootstrap-4 :not(.no-theme) .btn-icon-primary:hover {  outline-color: #011E47;   background-color: #011E47; 
}
/**** Generated Utils ****/ /* .text-color { color:  !important; } */ /* .link-color { color:  !important; } */ /* .mention-link-color { color:  !important; } */ /* .tag-link-color { color:  !important; } */ /* .link-hover-color:hover, .link-hover-color:focus { color:  !important; } */ /* .mention-hover-color:hover, .mention-hover-color:focus { color:  !important; } */ /* .tag-hover-color:hover, .tag-hover-color:focus { color:  !important; } */ /* .outer-background-color { background-color:  !important; } */ /* .tag-background-color { background-color:  !important; } */ /* .tag-background-hover-color:hover, .tag-background-hover-color:focus { color:  !important; } */ /* .page-background-color { background-color:  !important; } */ /* .border-color { color:  !important; } */ /* .primary-heading-text-color { color:  !important; } */ /* .primary-heading-background-color { background-color:  !important; } */ /* .secondary-heading-text-color { color:  !important; } */ /* .secondary-heading-background-color { background-color:  !important; } */ /* .tertiary-heading-text-color { color:  !important; } */ /* .tertiary-heading-background-color { background-color:  !important; } */ /* .seperator-color { color:  !important; } */ /* .footer-background-color { background-color:  !important; } */ /* .footer-text-color { color:  !important; } */ /* .primary-color { color:  !important; } */ /* .text-on-primary { color:  !important; } */ /* .table-header-text-color { color:  !important; } */ /* .landing-control-header-background-color { background-color:  !important; } */ /* .landing-control-header-text-color { color:  !important; } */ /* .landing-control-border-color { color:  !important; } */ /* .landing-control-text-color { color:  !important; } */ /* .landing-control-background-color { background-color:  !important; } */ /* .landing-control-link-color { color:  !important; } */ /* .landing-control-byline-text-color { color:  !important; } */ /* .landing-control-sub-title-text-color { color:  !important; } */ /* .landing-control-title-text-color { color:  !important; } */ /* .selected-tab-background-color { background-color:  !important; } */ /* .selected-tab-border-color { color:  !important; } */ /* .selected-tab-text-color { color:  !important; } */ /* .unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus { background-color:  !important; } */ /* .unselected-tab-hover-text-color { color:  !important; } */ /* .unselected-tab-background-color { background-color:  !important; } */ /* .unselected-tab-text-color { color:  !important; } */ /* .slogan-text-color { color:  !important; } */ /* .table-header-background-color { background-color:  !important; } */ /* .table-alternate-background-color { background-color:  !important; } */ /* .aux-menu-text-color { color:  !important; } */ /* .unselected-menu-background-color { background-color:  !important; } */ /* .breadcrumb-bar-background-color { background-color:  !important; } */ /* .breadcrumb-text-color { color:  !important; } */ /* .breadcrumb-link-color { color:  !important; } */ /* .footer-menu-text-color { color:  !important; } */ /* .unselected-menu-text-color { color:  !important; } */ /* .selected-menu-background-color { background-color:  !important; } */ /* .selected-menu-text-color { color:  !important; } */ /* .hover-menu-text-color { color:  !important; } */ /* .hover-menu-background-color { background-color:  !important; } */ /* .hover-menu-selected-background-color { background-color:  !important; } */ /* .hover-menu-selected-text-color { color:  !important; } */ /* .hover-menu-border-color { color:  !important; } */  .primary-button-background-color { background-color: #012D69 !important; }  /* .primary-button-border-color { color:  !important; } */ /* .primary-button-text-color { color:  !important; } */  .primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus { background-color: #011E47 !important; }  /* .info-button-background-color { background-color:  !important; } */ /* .info-button-border-color { color:  !important; } */ /* .info-button-text-color { color:  !important; } */ /* .info-button-hover-background-color:hover, .info-button-hover-background-color:focus { background-color:  !important; } */ /* .success-button-background-color { background-color:  !important; } */ /* .success-button-border-color { color:  !important; } */ /* .success-button-text-color { color:  !important; } */ /* .success-button-hover-background-color:hover, .success-button-hover-background-color:focus { background-color:  !important; } */ /* .danger-button-background-color { background-color:  !important; } */ /* .danger-button-border-color { color:  !important; } */ /* .danger-button-text-color { color:  !important; } */ /* .danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus { background-color:  !important; } */ /* .default-button-background-color { background-color:  !important; } */ /* .default-button-border-color { color:  !important; } */ /* .default-button-text-color { color:  !important; } */ /* .default-button-hover-background-color:hover, .default-button-hover-background-color:focus { background-color:  !important; } */ /* .pagination-activebutton-background-color { background-color:  !important; } */ /* .pagination-active-button-border-color { color:  !important; } */ /* .pagination-activebutton-text-color { color:  !important; } */ /* .pagination-button-background-color { background-color:  !important; } */ /* .pagination-button-border-color { color:  !important; } */ /* .pagination-button-text-color { color:  !important; } */ /* .pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus { background-color:  !important; } */ /* .label-background-color { background-color:  !important; } */ /* .label-text-color { color:  !important; } */ /* .badge-background-color { background-color:  !important; } */ /* .badge-text-color { color:  !important; } */ /* .popup-window-header-background-color { background-color:  !important; } */ /* .popup-window-header-text-color { color:  !important; } */ /* .popup-window-background-color { background-color:  !important; } */ /* .popup-window-text-color { color:  !important; } */ /* .popup-window-footer-background-color { background-color:  !important; } */ /* .powered-by-higher-logic-background-color { background-color:  !important; } */ /* .powered-by-higher-logic-text-color { color:  !important; } */ /* .search-sidebar-heading-text-color { color:  !important; } */ /* .search-sidebar-heading-background-color { background-color:  !important; } */ /* .cookie-notification-background-color { background-color:  !important; } */ /* .cookie-notification-text-color { color:  !important; } */ 
/* CSS Overrides */
.nav-Completed a::after {content: "These projects are ready for enactment";}
.nav-Drafting a::after {content: "These projects are currently in drafting";}
.nav-Study a::after {content: "These projects are currently in study";}
.nav-Other a::after {content: "These projects are specialized committees";}
.nav-Projects .nav-All a::after {content: "Complete project catalog";}

.nav-Current a::after {content: "These acts are ready for enactment";}
.nav-InDrafting a::after {content: "These acts are in drafting";}
.nav-InStudy a::after {content: "These acts are in study";}
.nav-Acts .nav-All a::after {content: "Complete catalog of Acts";}

.hero .HtmlContent > div {visibility:hidden}

.nav .dropdown-menu > li > a:hover, .nav .dropdown-menu > li > a:focus {background-color:#fff; color: #404040;}

.dropdown-submenu.nav-Projects li a::after,
.dropdown-submenu.nav-Acts li a::after {
    display: block;
    margin-bottom: 4px;
color:#888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    font-size: 13px;
}

.navbar-nav>li>.dropdown-menu {
    font-size: 12px;
}

.navbar-nav > li > a {font-weight:bold}

/*ul.dropdown-menu > li a, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #0248c2;
}*/

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #1287c3;
    white-space: nowrap;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #0248c2;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}
.nav .dropdown-submenu > a {color: #012d69;
    font-size: 16px;
    font-weight: bold;
    padding-top: 4px;
    text-decoration: underline !important;}

body.bodyBackground {font-family:"Lato", Arial; font-size:16px}
h2, .hero h3, .reverse h3, h1 {font-family:"Vollkorn"}

.HLLandingControl ol li, .HLLandingControl ul li {border-bottom:0px none}

tr.grid-pager table tr td a, .table-hover tbody tr.grid-pager table tr td span, tr.datagrid-pager td a, .table-hover tbody tr.datagrid-pager td span, .well, .navbar-inner, .popover, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav > .active > a, .dropdown-menu, .tooltip-inner, .img-polaroid {border-radius:0px !important}

.indrafting ul.pagination {display:none}

.rotate .community-list::after {display:block; width:100%; height:60px; content:""; position:absolute; bottom:0px; left:0px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
}

#MPButtonBar .nav > li:last-child {display:none}

a {
    color: #1287c3; text-decoration:none;
}
a:hover {text-decoration:underline; color: #404040;}

.row.siteFrame.stickyNav.stickyNav-full {background:#fff}

/*Search Nav Bar*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchlinks,
.overlay__content a {
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  margin:10px;
}

.searchlinks {
  padding: 3px 25px;
  background-color: rgba(106, 0, 0, 1);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.searchlinks:hover {
  background-color: rgba(64, 64, 64, 0.8);
}

/*End Search Nav Bar*/

/*Act Page Info Grid*/

.actpageinfo {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "map map map"
    "relatedacts actvideo actvideo"
    "LegislativeBillTracking LegislativeBillTracking LegislativeBillTracking";
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  grid-gap: 0.2rem;
  grid-row-gap: 0.4rem;
  font-size: 14px;
  color: #000000;
}

#map {
  background: #ffffff;
  border: none;
  grid-area: map;
  border-radius: 0px;
  padding: 0px;
}

#relatedacts {
  background: #012d69;
  color: #ffffff;
  text-align: left;
  grid-area: relatedacts;
  border-radius: 7px;
  padding: 15px;
  width: auto;
}

#actvideo {
  background: #1287c3;
  grid-area: actvideo;
  border-radius: 7px;
  padding: 15px;
  width: auto;
}

#LegislativeBillTracking {
  background: #ffffff;
  color: #000000;
  border: solid;
  grid-area: LegislativeBillTracking;
  border-radius: 7px;
  padding: 15px;
}

.actpageinfo a {
  text-align: left;
  color: #ffffff;
  font-family: inherit;
  text-decoration: none;
  margin: 1rem;
}

.actpageinfo a:hover {
  color: #a5acb0;
  text-decoration: underline;
}

@media only screen and (max-width: 480px) {
  .actpageinfo {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
      "map"
      "relatedacts"
      "actvideo"
      "LegislativeBillTracking";
  }
}

/*End Act Page Info Grid*/

/*Act Page Nav Bar*/

body {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  background: #ffffff;
}
.skew-menu {
  text-align: center;
  margin-top: 0em;
  margin-bottom: 0em;
}
.skew-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.skew-menu ul li {
  background: #a5acb0;
  float: left;
  border-right: 1px solid #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #000000;
  font-weight: bolder;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.skew-menu ul li:first-child {
  background: linear-gradient(-45deg, #88c312, #88c312, #88c312, #b0ea3e, #88c312, #88c312, #b0ea3e, #88c312, #88c312, #88c312);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
  border-radius: 7px 0 0 7px;
}
.skew-menu ul li:last-child {
  border-right: none;
  border-radius: 0 7px 7px 0;
}
.skew-menu ul li:hover {
  background: linear-gradient(-45deg, #1287c3, #1287c3, #1287c3, #2f95c9, #1287c3, #1287c3, #2f95c9, #1287c3, #1287c3, #1287c3);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  
  color: #ffffff;
}
.skew-menu ul li a {
  display: block;
  padding: 0.5em 1em;
  color: inherit;
  text-decoration: none;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

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

.skew-menu ul {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}
.skew-menu ul li {
  float: center;
  border-bottom: 3px solid #eee;
}
.skew-menu ul li:first-child {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(2) {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(3) {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:last-child {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li a {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}

}

@media only screen and (min-width : 481px) {

.skew-menu ul {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}
.skew-menu ul li {
  float: center;
  border-bottom: 3px solid #eee;
}
.skew-menu ul li:first-child {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(2) {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(3) {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:last-child {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li a {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}

}

@media only screen and (min-width : 985px) {

.skew-menu ul {
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.skew-menu ul li {
  float: left;
  border-right: 1px solid #eee;
}

.skew-menu ul li:first-child {
  width:auto;
  border-radius: 7px 0 0 7px;
}
.skew-menu ul li:nth-child(2) {
  width:auto;
  border-radius: 0 0 0 0;
}
.skew-menu ul li:nth-child(3) {
  width:auto;
  border-radius: 0 0 0 0;
}
.skew-menu ul li:last-child {
  width:auto;
  border-right: none;
  border-radius: 0 7px 7px 0;
}
.skew-menu ul li a {
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

}

/*End Act Page Nav Bar*/

/*Act Page Newer Version Bar*/

body {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  background: #ffffff;
}
.newerversion {
  text-align: center;
  margin-top: 0em;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.newerversion ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(-10deg);
}
.newerversion ul li {
  background: linear-gradient(-45deg, #6a0000, #6a0000, #6a0000, #960000, #6a0000, #6a0000, #960000, #6a0000, #6a0000, #6a0000);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
  float: left;
  border-right: 1px solid #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bolder;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 7px 7px 7px 7px;
}
.newerversion ul li:first-child {
  border-radius: 7px 7px 7px 7px;
}
.newerversion ul li:last-child {
  border-right: none;
}
.newerversion ul li:hover {
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(-45deg, #000000, #000000, #000000, #2d2d2d, #000000, #000000, #2d2d2d, #000000, #000000, #000000);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  
}
.newerversion ul li a {
  display: block;
  padding: 0.25em 10em;
  color: inherit;
  text-decoration: none;
  transform: skew(10deg);
}

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

.newerversion ul li {
  width:100%;
  float: center;
}
.newerversion ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(0deg);
  width:100%;
}
.newerversion ul li a {
  display: block;
  padding: 0.25em 2em;
  color: inherit;
  text-decoration: none;
  transform: skew(0deg);
}
}

/*End Act Page Newer Version Bar*/

/*Act Map iFrame*/

/* OLD Map Responsive iFrame */

.map-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 56px;
    height: 0;
    overflow: hidden;
}

.map-container iFrame {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* NEW Map Responsive iFrame */

.act-map-container {
  position: relative;
  padding-top: 131%;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  .act-map-container {
    padding-top: 145%;
  }
}

/*Used to hide map footer*/
.act-map-container-parent {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1525px;
}

.act-map-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*End Act Map iFrame*/

/* Video Responsive iFrame */

.video-container {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

/*Used to hide map footer*/
.act-map-container-parent{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1525px;
}

.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px;
}

/*End Video Responsive iFrame*/

/*Act Social Share*/

/*Logo Icons*/
.sm_icons .fa {
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin: 2px 5px;
	text-rendering: geometricPrecision;
        background-color: #012d69; 
        border:solid; 
        border-color:#a5acb0; 
        border-radius: 7px;
        border-width:2px;
}

.sm_icons .fa:hover{
        background-color: #a5acb0;
        color:#000000
        border:solid; 
        border-color:#1287c3;
}

.fa:before { display: block; }

.sm_icons.big .fa {
	height: 48px;
	width: 48px;
	line-height: 48px;
	font-size: 36px;
}

.fa.fa-share-alt{border-style:none;background-color: transparent; color:#000000;}
.fa.fa-facebook  {}
.fa.fa-twitter {}
.fa.fa-linkedin {}
.fa.fa-envelope {background-color: #1287c3;}
.fa.fa-print {background-color: #88c312;}

.fa.fa-share-alt:hover{border-style:none;background-color: transparent; color:#000000;}
.fa.fa-facebook:hover {}
.fa.fa-twitter:hover {}
.fa.fa-linkedin:hover {}
.fa.fa-envelope:hover {}
.fa.fa-print:hover {}
 
/*End Act Social Share*/

.HtmlFooter {display:none}

.rotate div[id*="CommunityFilter"], .rotate div[id*="CommunityOptionHeader"] {display:none}

.rotate .rowContainer { border:1px solid #ccc; margin:10px; padding:15px; background-color:#fff; border-top:6px solid #012d69; text-align:left}
.rotate .rowContainer h3 a {font-weight:normal; color:#000 !important}

.interior .rowContainer {
 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #012d69 #ccc #ccc;
    border-style: solid;
    border-width: 6px 1px 1px;
    margin: 10px;
    padding: 15px;
    text-align: left;
}
.interior .rowContainer h3 a {color:#000}


.HtmlContent::after {display:table; content:""; clear:both; float:none}

.bg-gray {background-color:#556174; padding:0px 0px 20px;}
.bg-lightgray {background-color:#f5f5f3; padding-top:15px; padding-bottom:15px}
.bg-lightgray + .bg-lightgray {padding-top:0px}
.bg-lightgray + .bg-lightgray .btn {margin-top:-20px}
.bg-gray p, .bg-gray h3 {padding-left:20px; padding-right:20px}
.reverse *, .reverse * a {color:#fff}
.mem-spotlight img {border-top:8px solid #a5acb0}

.resource {text-align:left}
.resource img {border-top:6px solid #a5acb0}
.contain-inner .HtmlContent, .rotate .form-horizontal,
.contain-inner .HLLandingControl {max-width:1200px; margin:0px auto}

.reverse h3 span {display:inline-block; border-bottom:2px solid #1287c3; padding-bottom:.2em}

.pad1 {padding:15px}

h2  {margin-bottom:20px}

h2 span.util, .h2style1 h2 {border-bottom:2px solid #6a0000; padding-bottom:10px; display:inline-block}

.navbar-default, #NAV {background-color:transparent; border-color:transparent}

.reverse .row.title-row *:not(.btn):not(i), .reverse .heading *, .reverse .content-row *, .reverse .HtmlContent * {color:#fff}

#MPheader > div.row {padding-top:10px}

div.SloganText {display:none !important}

#MPOuterHeader::before {/* 
    background: #404040 none repeat scroll 0 0;
    display: block;
    height: 40px; */
}

.btn-clear {border:2px solid #fff}

.hero {background-color:#404040:}
.hero .cycle-slide {padding:15px; width:100%;}
.hero .cycle-slide .container { background-color:rgba(1,1,1,.6)}
.hero .cycle-slide * {color:#fff}
.full-pager {padding:5px; text-align:center; background-color:#4f91cd;}
.full-pager span {background-color:#fff; width:10px; height:10px; display:inline-block; border-radius:50%; text-indent:-9000px; overflow:hidden; margin:5px; cursor:pointer}
.hero {overflow:hidden}
span.cycle-pager-active {background-color:#000000}

#AuxMenu li {float:left}

#MPAuxNav ul.level1 li a {color:#fff; text-decoration:none; font-size:10px}
#MPAuxNav ul.level1 li a:hover {color:#a5acb0; text-decoration:none; font-size:10px}

#MPheader > .row:first-child {  background: #404040 none repeat scroll 0 0;  background: linear-gradient(-45deg, #404040, #404040, #404040, #4d4d4d, #404040, #404040, #4d4d4d, #404040, #404040, #404040);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;}

#MPOuterMost.full #HEADER {max-width:9000px}

#MPOuterHeader, #MPOuterHeader .row {margin-left:0px !important; margin-right:0px !important}
#MPOuterHeader, #MPOuterHeader .col-md-12 {padding:0px}
#MPheader > .row > .col-md-12 {max-width:1200px; margin:0px auto}

.btn {border-radius:0px !important}

.bg1 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg1.jpg'); background-size:cover}
.bg2 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg2.jpg'); background-size:cover}
.bg3 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg3.jpg'); background-size:cover}
.bg4 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg4.jpg'); background-size:cover}
.bgAMOpacity {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bgAMOpacity.png'); background-size:cover}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#fff}


#MPOuterFooter {background-color:#1287c3; padding-top:15px}
.lower-footer {background:#404040; padding:15px; font-size:14px}
.lower-footer .HtmlContent {margin:0px auto; max-width:1350px}
#MPCopyright, #MPFooterLink {display:none}
.social a {font-size:22px; display:inline-block; padding:0px 4px}
.socialhead a {color:#c4c7c8;}
.socialhead a:hover {color:#4f91cd}

#MPOuterFooter * {color:#fff}

.col-brand img {float:left; margin:0px 20px 35px 0px}
.col-brand .HtmlContent p {margin-bottom:9px}
.col-brand .fa {opacity:.6}
.MPContentArea .HtmlContent img {max-width:100%; height:auto;}

.HtmlContent .btn, .home .HLEventList .btn, .newslist .btn-default {font-size:18px; padding:12px 20px; min-width:180px}
div[id*="BottomLink"] > .col-md-12 {padding-left:0px}

h4 {color:#828a8f}

.newslist .item {text-align:left}
.item h3 {font-size:20px}

.home .newslist li {
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: left;
    vertical-align: top;
  
}
.home .newslist li a {color:#000; text-decoration:none; }
.home .newslist li a:hover { text-decoration:underline}
.home .newslist li h3 a {font-size:20px; line-height:1.1; display:block; margin-bottom:10px}
.home .newslist .btn-default {background-color:#012d69 !important; color:#fff !important; margin-top:30px}

/* Calendar/events on home */
.HLEventList h3 a {color:#6a0000 !important}
.HLEventList .form-inline .form-group {display:block;}
.HLEventList .form-inline .form-group .btn-group {float:right}
.HLLandingControl.HLEventList h3 a {font-size:20px; color:#000; text-decoration:none; line-height:1.1; display:block}
.HLEventList .timeAgoFormat, .HLEventList div[id*="LocationPanel"] {font-size:16px; line-height:1.1; opacity:.9}

.date-block { text-transform:uppercase}
.calendar-month {background-color:#6a0000; color:#fff; padding-top:12px;}
.calendar-day {display:none}
.calendary-number {display:none}
.HLEventList .col-md-10.no-pad {padding-left:15px !important}
.calendar-month span {display:block; padding-bottom:10px; font-size:20px }
.calendar-month::after {
    background: #fff none repeat scroll 0 0;
    color: #000;
    content: "EVENT";
    display: block;
    padding: 12px 0;
border:2px solid #ccc; border-top:0; font-size:12px;
}


/*==========  Mobile First Method  ==========*/

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

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

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

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

.nav.navbar-nav .dropdown-submenu > ul.dropdown-submenu {
    margin-left: 0;
    padding-left: 00px;
} 
.nav .dropdown-submenu {margin-bottom:10px;}


.home .newslist li {

    width: 32%;
}
.col-md-3.social.socialhead {
    position: absolute;
    top: 12px;
    left: 70%;
    z-index: 1;
    padding-left:0px;
    
}

h1 {font-size:40px}
.home .row.rowContainer.community-list > div {min-height:220px !important; max-height:220px !important}
.rotate .form-horizontal {padding-right:30px; padding-left:30px}
.rotate .form-horizontal {position:relative;}
.rotate .next i, .rotate .previous i {cursor:pointer; color:#c5cacc; font-size:30px}
.rotate .next {
    position: absolute;
    right: -20px;
    top: 48%;
}
.rotate .previous{
    position: absolute;
    left: -20px;
    top: 48%;
}
.bg-lightgray { padding-top:45px; padding-bottom:55px}
.annual p {font-size:24px;}
.reverse h3 {font-size:44px;}
div.mem-spotlight h3 {font-size:34px;  }
.MPContentArea {padding-bottom:75px}
h2 {font-size:34px;}
.lower-footer {padding-top:30px; padding-bottom:30px}
.lower-footer .col-md-3 {text-align:right}
.pad1 {padding:45px}
.hero .cycle-slide h3, .hero .cycle-slide p {margin-bottom:30px; padding-bottom:0px}
.hero .cycle-slide {padding: 45px 0 0; text-align:right; margin-right:15%}
.hero .cycle-slide .container {text-align:left; width:50%; float:right; background-color:rgba(1,1,1,.4); padding-right:200px; padding-left:45px}

#MPOuterFooter  {padding-top:50px}
.col-value p {line-height:24px;  }
.col-value strong {font-size:20px; font-weight:400; padding-bottom:10px; display:block}
.ContentItemHtml.col-md-5.col-value {
    border-left: 1px solid #5fbbdd;
    padding-left: 50px;
}
ul.FatFooterMenu {display:table; width:100%; table-layout:auto; padding-left:50px; padding-right:50px; padding-top:40px; border-top:1px solid #5fbbdd; margin-top:45px}
ul.FatFooterMenu > li {display:table-cell; min-width:100px; padding:0; padding-right:15px}
ul.FatFooterMenu > li ul.level2{padding-left:0px; font-size:12px;}
#Logo {padding-top:0px !important}
.navbar-nav > li > a {padding-right:10px; padding-left:10px}
.collapse.navbar-collapse.navbar-ex1-collapse {padding-right:0px}
#MPheader > div.row {padding-left:0px; padding-right:80px}
.LogoImg.inline {position:relative;}

.navbar-nav {float:right}
#searchColumn {
    float: none;
    max-width: 220px;
    position: absolute;
    right: 0;
    top: -68px;
    z-index: 2;
}
#MPButtonBar .navbar.navbar-default {
    border-bottom: 1px solid #ededed;}

    }

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

.col-md-3.social.socialhead {
    position: absolute;
    top: 12px;
    left: 60%;
    z-index: 1;
    padding-left:0px;
    text-align: right;
}

/* two col menu */
.dropdown-menu > li > a {padding-left:0px}
.nav.navbar-nav .dropdown-menu::after {
    border-left: 0px solid #fff;
    bottom: 10px;
    content: "";
    left: 49%;
    position: absolute;
    top: 10px;
}
.dropdown-menu > span:last-child {padding-left:15px}
.nav .dropdown-menu {	-webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;}
.nav .dropdown-menu li {-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;}
.navbar-nav li:last-child .dropdown-menu, .navbar-nav li:nth-last-child(2) .dropdown-menu {left:inherit; right:0}
.navbar-nav > li > .dropdown-menu {min-width:370px; padding:20px }
.navbar-nav > li.nav-Projects > .dropdown-menu {min-width:560px; }
.navbar-nav > li.nav-Acts > .dropdown-menu {min-width:450px; }
li.nav-Acts li.nav-overview {font-size: 16px; font-weight: bold; padding-top: 4px;}
/* end two col menu */

.navbar-nav > li > .dropdown-menu {min-width:400px}
.hero .cycle-slide .container {min-height:360px}
.hero h3 {font-size:46px; margin-bottom:10px !important; margin-top:25px}
.rotate .rowContainer {margin-top:40px}
.home .hlevents { padding-left:40px}
.home .row-3 {padding-bottom:40px}
.featured {padding-right:40px}
.home .row-3 .featured::after {content:""; position:absolute; top:90px; bottom:20px; border-left:1px solid #dbdbdb; right:-10px; display:block}
.hero, .resources {margin-bottom:10px}
.resources {padding-top:45px }
.resources + .viewall {border-bottom:1px solid #dbdbdb; padding-bottom:55px; margin-bottom:55px }
.home .row-7 .border-left::after {content:""; position:absolute; top:90px; bottom:20px; border-left:1px solid #dbdbdb; left:-96px; display:block}
.HtmlContent p{margin-bottom:25px}
.mem-spotlight {width:65%}
.hero .cycle-slide {padding-top:10px}
#Logo::after {
    background: #fafafa none repeat scroll 0 0;
    content: "";
    display: block;
    height: 67px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 62.5%;
  border-bottom: 1px solid #ededed;
}
#DesktopLogoDiv > a {
    position: relative; top:25px;
    z-index: 2;
}

#Logo::before {
    /* border-right: 1px solid #ededed; */
    content: "";
    display: block;
    height: 118px;
    position: absolute;
    width: 37.5%;
    z-index: 1;


}
#NAV {position:relative}

#MPheader::after  {
    content: "";
    display: block;
    height: 118px;
    top:54px;
    left: 37.5%;
    position: absolute;
    width: 11px;
    z-index: 99;
}


#MPheader::after { 
background: -moz-linear-gradient(left,  rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to right,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#00000000',GradientType=1 ); IE6-9 
}


    }

@media only screen and (min-width : 1600px) {
#MPheader::after {height:107px}
.hero .cycle-slide .container {padding-right:300px}
#Logo::after {height:57px}
#searchColumn {top:-56px}
#Logo .img-responsive {
    max-width: 80%;
}
}

@media only screen and (min-width : 2500px) {

#Logo .img-responsive {
    max-width: 70%; padding-top: 5px;
}
}

    /*==========  Non-Mobile First Method  ==========*/

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

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 968px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.socialhead {display:none !important}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
#searchColumn {float:none !important;}
    }

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

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

@media print
{    
    .no-print, .no-print *, #Logo, #Hero, #MPheader, #MPfooter, #MPOuterHeader, #MPAuxNav, #AuxMenu, #HEADER, #MPOuterFooter, #searchColumn, #searchColumn, #NAV, #DesktopLogoDiv, #CommunityTabsContainer, #MPimage, #ae_app, #MainCopy_ctl02_CommunityDescriptionDashboard1_CommunityManagementGear_CommunityManagementGearDropDown, .col-md-6.section14, .btn.btn-primary.btn-cta, .hero.cycle-slide.container, .col-md-6.section15, .HtmlContent.cycle-slideshow.ae-carousel-original, .btn.btn-primary, #MainCopy_ctl20_MoreLink, .menu.searchlinks, .btn.btn-clear, .skew-menu, .newerversion
    {
        display: none !important;
    }
    #MPOuter
    {
        padding-top: 0px !important;
    }
    #map, #displayAreaContainer, #horizontalItemsContainer
    {
        width: 100% !important;
        height: 100% !important;
        page-break-after:always;
     }
    #LegislativeBillTracking
    {
        width: 100%;
        height: 100%;
        margin: auto;
        margin-top: 0px !important;
        border: none;
        font-size: 8px;
        padding-top: 0px;
        page-break-inside: avoid;
        page-break-after:always;
    }
    #relatedacts 
     {
        background: #ffffff;
        color: #000000;
        width: 100%;
        page-break-before:always;
     }
     .actpageinfo 
     {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
           "map"
           "LegislativeBillTracking"
           "relatedacts";
      }
      .act-map-container 
      {
         position:relative;

         overflow: hidden;
      }
body{zoom:54%;}
}

.btn-default {
    background-color: #012D69;
    border-color: #ccc;
    color: #ffffff;
}

.btn-default .caret {
    border-top-color: #ffffff;
}

.btn-default:hover {
background-color: #011E47;
color: #ffffff;
}

.alert-warning {
    background-color: #012d69;
    border-color: #fbeed5;
    color: #ffffff;
}

.alert-warning:hover {
color:#ffffff;
background-color: #011E47;
}