@charset "UTF-8";
/* CSS Document */

/* GLOBAL */
body {
	background-color:#fff;
		font-family: "Roboto", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight:300;
}
a {
	color:#0081c6;
	text-decoration:none;
	font-weight:400;
}
a:hover {
	color:#4D4D4D;
	text-decoration:none;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.orangeLink a {
	color:#f89829;
	text-decoration:none;
	font-weight:bold;
}
.whiteLink a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
img {
	border:0;
}
.blacktop {
	background-color:#232020;
	line-height:40px;
	font-size:.8rem;
	text-align:right;
}
.blacktop a {
	color:#EDEDED;
	text-decoration:none;
}
.blacktop a:hover {
	color:#f89829;
	text-decoration:none;
}

/* TYPOGRAPHICAL ELEMENTS */
	
h1 {
	font-size:2.25rem;
	font-weight:bold;
}
h2 {
	font-size:2rem;
	font-weight:bold;
}
h3 {
	font-size:1.75rem;
	font-weight:bold;
}
.subtitles {
	width:100%;
	color:#484848;
	border-bottom:solid 1px #EAEAEA;
	font-size:1.5rem;
	font-weight:bold;
}
.subtitle_home {
	width:100%;
	color:#fff;
	border-bottom:solid 1px #EAEAEA;
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom:10px;
}	


/* TOP HEADER */

.globalTop {
	margin-top:20px;
}
.nav-desktop {
background-color:#f4f4f4;
height:110px;
padding:0;
}
.nav-desktop .menu-desktop {
	/*background-color:red;*/
	line-height:80px;
	background-color:transparent;
}
.nav-desktop a {
	display: inline-block;
	color:#000;
}
.menu > li > a {
	display:inline-block;
	line-height:60px;
	padding-top:0;
	padding-bottom:0;
	  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.menu > li > a:hover {
	background-color:#fff;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.submenu > li > a {
	display:block;
	width:250px;
	border:0;
	padding:0.7rem 1rem;
	line-height:2rem;
	font-size:.8rem;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.site-logo {
	line-height:80px;
	}

.mobNav {
	background-color:#434343;
}
.mobNavmenu > li > a {
	display:inline-block;
	list-style-type:none;
	width:100%;
	color:#000;
	line-height:50px;
	margin-left:0;
	padding-top:0;
	padding-bottom:0;
	  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.mobNavmenu > li > a:hover {
	list-style-type:none;
	margin-left:0;
	background-color:#A7A7A7;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.mobNavsubmenu > li > a {
	list-style-type:none;
	display:block;
	background-color:#e6e6e6;
	color:#000;
	margin-left:0;
	width:100%;
	border:0;
	padding:0.7rem 1rem;
	line-height:2rem;
	font-size:.8rem;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.mobNavsubmenu > li > a:hover {
	list-style-type:none;
	display:block;
	background-color:#f89829;
	margin-left:0;
	width:100%;
	border:0;
	padding:0.7rem 1rem;
	line-height:2rem;
	font-size:.8rem;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}








/* HOMEPAGE BACKGROUNDS */
.orange {
	background-color:#f89829;
}
.grey {
	background-color:#282828;
}
.advocacyBackground {
	background-image:url(/images/homepage/capitol.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.advocacyBackgroundMed {
	background-image:url(/images/homepage/capitol-med.jpg);
	background-repeat:no-repeat;
	height:250px;
	text-align:center;
}
.advocacyBackgroundSmall {
	background-image:url(/images/homepage/capitol-small.jpg);
	background-repeat:no-repeat;
	height:200px;
	text-align:center;
}
.educationBackground {
	background-image:url(/images/homepage/education.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.educationBackgroundMed {
	background-image:url(/images/homepage/education-med.jpg);
	background-repeat:no-repeat;
	height:250px;
	text-align:center;
}
.educationBackgroundSmall {
	background-image:url(/images/homepage/education-small.jpg);
	background-repeat:no-repeat;
	height:200px;
	text-align:center;
}
.innovationBackground {
	background-image:url(/images/homepage/touch.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.innovationBackgroundMed {
	background-image:url(/images/homepage/touch-med.jpg);
	background-repeat:no-repeat;
	height:250px;
	text-align:center;
}
.innovationBackgroundSmall {
	background-image:url(/images/homepage/touch-small.jpg);
	background-repeat:no-repeat;
	height:200px;
	text-align:center;
}

.heroIntro { 
margin:20px 0 20px 0;
}
.heroIntro h1 {
	font-size:2rem;
	color:#fff;
}
.heroIntro p {
	font-size:1.25rem;
	color:#fff;
}
.black {
	background-color:#000;
}
.white {
	background-color:#fff;
}
.news_home {
	padding:20px;
}
.news_home a {
	color:#fff;
	text-decoration:none;
}
.news_home a:hover {
	color:#f89829;
	text-decoration:none;
}
.event_home {
	padding:20px;
}
.event_home a {
	color:#fff;
	text-decoration:none;
}
.event_home a:hover {
	color:#f89829;
	text-decoration:none;
}
.event_home h5 {
	margin-bottom:0;
}
.event_home_dateloc {
	color:#fff;
}


/* SECTION FRONT PARALLAX */


.advocacyHero {
	background-image: url(/images/advocacy/capitolParallax.jpg);
background-repeat:no-repeat;
	background-type:cover;
	height:300px;
}
.heroIntro {
	text-align:center;
	font-size:1.1rem;
	color:#000;
	padding:20px;
	background-color:transparent;
	font-weight:600;
}
/* FOOTER */
.nab-footer {
	background-color:#f4f4f4;
	list-style:none;
	border-top:solid 5px #f89829;
}

/* BUTTON REVISED */
.button {
    background-color: #f89829;
    color: #fefefe; }
	.button:hover {
		background-color:#000;
		color:#fff; }
  .button.active {
    background-color: #777;
    color: #fefefe; }
    .button.active:hover, .button.active:focus {
      background-color: #5f5f5f;
      color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #147cc0;
      color: #fefefe; }
  .button.secondary {
    background-color: #777;
    color: #fefefe; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5f5f5f;
      color: #fefefe; }
  .button.success {
    background-color: #3adb76;
    color: #fefefe; }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: #fefefe; }
  .button.warning {
    background-color: #ffae00;
    color: #fefefe; }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: #fefefe; }
  .button.alert {
    background-color: #ec5840;
    color: #fefefe; }
    .button.alert:hover, .button.alert:focus {
      background-color: #da3116;
      color: #fefefe; }
  .button.hollow {
    border: 3px solid #fff;
    color: #fff; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #f89829;
      color: #f89829;
	}
 .button.hollow.square:hover, .button.hollow:focus {
      border-color: #f89829;
      color: #f89829;
	}

  .button.hollow.squareorange {
	width:250px;
	height:250px;
	border: 10px solid #fff;
	padding:80px 0 0 0;
	text-align:center;
	color: #fff; }
    .button.hollow.squareorange, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.squareorange:hover, .button.hollow:focus {
      border-color: #f89829;
      color: #f89829;
	    background-color: rgba(255,255,255,0.25);
 }

  .button.hollow.squareorangeMed {
	margin-top:70px;
	border: 5px solid #fff;
	padding:30px;
	text-align:center;
	color: #fff; }
    .button.hollow.squareorangeMed, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.squareorangeMed:hover, .button.hollow:focus {
      border-color: #f89829;
      color: #f89829;
	    background-color: rgba(255,255,255,0.25);
 }
  .button.hollow.squareorangeSmall {
	margin-top:45px;
	border: 5px solid #fff;
	padding:20px;
	text-align:center;
	color: #fff; }
    .button.hollow.squareorangeSmall, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.squareorangeSmall:hover, .button.hollow:focus {
      border-color: #f89829;
      color: #f89829;
	    background-color: rgba(255,255,255,0.25);
 }
  .button.hollow.squaregrey {
	width:250px;
	height:250px;
	border: 10px solid #fff;
	padding:80px 0 0 0;
	text-align:center;
	color: #fff; }
    .button.hollow.squaregrey, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.squaregrey:hover, .button.hollow:focus {
      border-color: #272727;
      color: #272727;
	  background-color: rgba(255,255,255,0.25);
	   }
	   
  .button.hollow.squaregreyMed {
	margin-top:70px;
	border: 5px solid #fff;
	padding:30px;
	text-align:center;
	color: #fff; }
    .button.hollow.squaregreyMed, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.squaregreyMed:hover, .button.hollow:focus {
      border-color: #272727;
      color: #272727;
	  background-color: rgba(255,255,255,0.25);
	   }	  
  .button.hollow.squaregreySmall {
	margin-top:45px;
	border: 5px solid #fff;
	padding:20px;
	text-align:center;
	color: #fff; }
    .button.hollow.squaregreySmall, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.squaregreySmall:hover, .button.hollow:focus {
      border-color: #272727;
      color: #272727;
	  background-color: rgba(255,255,255,0.25);
	   }	  	    
	   

    .button.hollowwhite {
      border: 3px solid #fff;
      color: #fff; }
      .button.hollowwhite:hover, .button.hollow.primary:focus {
        border-color: #000;
        color: #000; 
		background-color:transparent;}
		
    .button.hollow.primary {
      border: 1px solid #2199e8;
      color: #2199e8; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c4d78;
        color: #0c4d78; }
    .button.hollow.secondary {
      border: 1px solid #777;
      color: #777; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3c3c3c;
        color: #3c3c3c; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
    .button.hollow.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2199e8;
      color: #fefefe; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em; }


/* BREADCRUMBS */
.breadcrumbs a {
	color:#0081C6;
	text-decoration:none;
}

/* CALLOUTS */

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border:0;
  border-top: 5px solid rgba(248, 152, 41, 1);
  border-bottom: 5px solid rgba(248, 152, 41, 1);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: #f4f4f4; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #def0fc; }
  .callout.secondary {
    background-color: #ebebeb;
	padding:1rem;
	text-align:center;
	border:0;
		 }
  .callout.success {
    background-color: #e1faea; }
  .callout.warning {
    background-color: #fff3d9; }
  .callout.alert {
    background-color: #fce6e2; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.issue_callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border:0;
  border-top: 5px solid rgba(248, 152, 41, 1);
  border-bottom: 5px solid rgba(248, 152, 41, 1);
  border-radius: 0;
  position: relative;
  color: #fff;
  background-color: #000;
  font-weight:400 }


	
/* MEDIA QUERIES */
@media (max-width:1023px) {
	.nav-desktop {
		display:none;
	}
}

/* FOUC */

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}


/* HEADSHOTS */
.headshot {
	float:right;
	padding:0px;
	border:double #dfdfdf;
	margin:0 0 5px 10px;
}

/* PRESS PHOTOS */
.pressPic {
	float:right;
	padding:3px;
	border:double #dfdfdf;
	margin:0 0 5px 10px;
	text-align:center;
}

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 .25rem;
  padding-top: 0.50rem; }
  .sub-nav ul li {
    float: left;
    margin-left: 0;
    margin-bottom: 1rem;
    font-weight: 300;
    font-size: 1rem;
    color: #333333; }
    .sub-nav li a {
      text-decoration: none;
      color: #333333;
	  padding-bottom:2rem; }
      .sub-nav li a:hover {
        color: #f89828; }
    .sub-nav li.subactive a {
/*      -webkit-border-radius: 5px;
      border-radius: 5px; */
      font-weight: bold;
      /* background: #f89828;
      padding: 0.25rem .50rem;*/
      cursor: default;
      color: #f89829; }
      .sub-nav li.active a:hover {
        background: #f89828; }
		
/* HOMEPAGE LOGO GROW */
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }		
		

/* LEGAL CALENDAR COLORS */
.lcboth {
	color:#007dff;
	font-weight:bold;
}
.lcradio {
	color:#ff0000;
	font-weight:bold;
}
.lctv {
	color:#0acc00;
	font-weight:bold;
}
.lcpol {
	color:#c000ff;
	font-weight:bold;
}