body { font-family:'Roboto', sans-serif; -webkit-font-smoothing:antialiased; }

a {
    color: #c10d0d;
    transition: .2s;
}
.element a { font-weight: bold; }
a:hover, a:focus {
    color: red;
    text-decoration: none;
}
.skip-to.sr-only:focus {
    height: 50px;
    width: 175px;
    overflow: visible;
    margin: 0;
    clip: auto;
    background: #f2f2f2;
    border: 1px solid black;
    outline: black;
    opacity: 1;
    z-index: 999;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
	top: 10px;
	left: 10px;
}

a.btn.btn-default.disabled {
    color: #000000 !important;
}


#copy-content h1 { border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px; }

#header { background:url(../images/bg.jpg) no-repeat top center; background-size:cover; }

#navigation { position:absolute; top:0; right:15px; left:15px; }
#navigation a { color:inherit; }
#navigation a:hover { color:inherit; }
#navigation #mainnav { float:left; }

#logo { margin-top:146px; position:relative; z-index:2; }
#page_home #logo { padding: 15px; margin-top:80px; }
#logo a .logo-image { display:block; background:url(../images/logo_subpage.png) no-repeat center center; background-size:cover; width: 100%;  height: auto; min-height: 150px; margin:0 auto; text-indent:-9999px; max-width:100% }
#logo a .site-title { display:none; color:white; text-align:center; }
#logo a .site-title .line-1 { display:block; text-transform:uppercase; font-size:34px; line-height:1; font-weight:300; }
#logo a .site-title .line-2 { display:block; text-transform:uppercase; font-size:50px; line-height:1; font-weight:900; }
#logo a .site-title .line-2 em { text-transform:lowercase; font-weight:300; }

@media screen and (min-width: 455px) {
	#logo a .logo-image {  width:500px; height:200px; min-height: unset; }
}

#page_home #header { padding:100px 0; }
#page_home #logo a .logo-image { background-image:url(../images/logo_new.png); width:400px; height:200px; max-width:100%; }
#page_home #logo a .site-title { display:block; }

/* 01,02,03,04,05,06,07,08,09,10,11,12,13,14,15,16 */
/* #header.seed_01 { background-image:url(../images/headers/01.jpg); } */


#header-social-media-links { float:right; }
#header-social-media-links .link { float:left; }
#header-social-media-links .link a { display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; text-indent:-9999px; margin:15px 0 15px 1px; opacity:1; transition:opacity 0.2s; }
#header-social-media-links .link a:hover { opacity:0.9; }
#header-social-media-links .link.facebook a { background-image:url(../images/icon_facebook_white.png); }
#header-social-media-links .link.twitter a { background-image:url(../images/icon_twitter_white.png); }
#header-social-media-links .link.youtube a { background-image:url(../images/icon_youtube_white.png); }
#header-social-media-links .link.instagram a { background-image:url(../images/icon_instagram_white.png); }
#header-social-media-links .link.linkedin a { background-image:url(../images/linkedin.svg); background-size: 24px; background-color: rgba(255,255,255,.25); transition: .2s ease; }

@media (max-width: 991px) {
	#mainmenu-search .dropdown-toggle { display:none; }
	#mainmenu-search .dropdown-menu { display: block; position: static; top: auto; left: auto; bottom: auto; right: auto; float: none; border: 0; box-shadow: none; }
}

@media (min-width:992px) {
	#navigation { color:white; }
	
	#mainnav #nav-home a { display:block; background-image:url(../images/icon_home.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; width:60px; height:80px; }
	
	#mainmenu-search { display:block; float:left; position:relative;}
	#mainmenu-search .dropdown-toggle { display:block; width:60px; height:80px; padding:30px 20px 30px; text-indent:-9999px; background:url(../images/icon_search.png) center center no-repeat; }
	#mainmenu-search .dropdown-toggle:hover { background-color:rgba(255,255,255,0.15); }
	#mainmenu-search .dropdown-menu { left:auto; right:0; padding:15px; min-width:300px; border-radius:0; }

	#header-social-media-links .link a { width:40px; }
}

@media (min-width:1230px) {
	#header-social-media-links .link a { width:50px; }
}

#page-header { color:white; text-align:center; }
#page-header h1 { margin:0; padding-bottom:15px; padding-top: 15px; font-size:40px; font-weight:300; text-transform:uppercase; }
#page-header h1 a { color:inherit; }

@media screen and (min-width: 455px) {
	#page-header h1 {
		padding-top: unset;
	}
}

#breadcrumbs { background:#f2f2f2; text-align:center; }
#breadcrumbs .breadcrumb { margin:0; padding:15px 0; line-height:1.1; font-weight:300; font-style:italic; }
#breadcrumbs .breadcrumb a { color:inherit; }
#breadcrumbs .breadcrumb>li+li:before { color:inherit; }

#copy { padding:50px 0; }

#sidebar { background:#f2f2f2 url(../images/bg_related.jpg) no-repeat top center; background-size:cover; padding:30px 0; }

.sidebar-nav { padding:0; margin-bottom:30px; }
.sidebar-nav:before { display:block; font-size:30px; line-height:1; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:10px; }
.sidebar-nav#related-links:before { content:"Related Links"; }
.sidebar-nav#stay-connected:before { content:"Stay Connected"; }
.sidebar-nav li { padding:10px 0; margin:0; border-bottom:1px dashed #ccc; }
.sidebar-nav li a { display:block; color:inherit; padding-right:20px; background:url(../images/carat_right.png) no-repeat right center; }
.sidebar-nav li a:hover { color:#dc1010; }
.sidebar-nav li a i { display:inline-block; width:25px; height:20px; background-repeat:no-repeat; background-position:center center; vertical-align:middle; margin-right:5px; }

.sidebar-nav#stay-connected li.signup a i { background-image:url(../images/stay_connected_newsletter.png); }
.sidebar-nav#stay-connected li.facebook a i { background-image:url(../images/stay_connected_facebook.png); }
.sidebar-nav#stay-connected li.twitter a i { background-image:url(../images/stay_connected_twitter.png); }
.sidebar-nav#stay-connected li.youtube a i { background-image:url(../images/stay_connected_youtube.png); }
.sidebar-nav#stay-connected li.instagram a i { background-image:url(../images/stay_connected_instagram.png); }
.sidebar-nav#stay-connected li.Linkedin a i { background-image:url(../images/linkedin.svg); opacity: .45;}

@media (min-width:768px) {
	#sidebar { min-height:470px; position:relative; overflow:hidden; padding:90px 0; }
	.sidebar-nav { margin-bottom:0; }
}

#footer { background:black; color:white; text-align:center; padding:30px 0; }
#footer a { color:inherit; }
#footer a:hover { text-decoration:underline; }

#footer-links { display:none; margin:10px 0; font-weight:16px; font-weight:500; }
#footer-links .divider { padding:0 4px; }
#footer-contact { margin:0px 0; font-weight:16px; font-weight:300; }

#footer-follow { font-size:0; margin:40px 0; }
#footer-follow .follow-us { display:inline-block; background:rgba(255,255,255,0.25); font-size:16px; line-height:1; font-weight:900; padding:17px 15px; vertical-align:bottom; text-transform:uppercase; }
#footer-follow .link { display:inline-block; vertical-align:bottom; }
#footer-follow .link a { display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; text-indent:-9999px; margin-left:1px; opacity:1; transition:opacity 0.2s; }
#footer-follow .link a:hover { opacity:0.9; }
#footer-follow .link.facebook a { background-image:url(../images/icon_facebook_white.png); }
#footer-follow .link.twitter a { background-image:url(../images/icon_twitter_white.png); }
#footer-follow .link.youtube a { background-image:url(../images/icon_youtube_white.png); }
#footer-follow .link.instagram a { background-image:url(../images/icon_instagram_white.png); }
#footer-follow .link.linkedin a { 
	background-image:url(../images/linkedin.svg);
    background-size: 24px;
    background-color: rgba(255,255,255,.25);
    transition: .2s ease;
}

@media (min-width:768px) {
	#footer-links { display:block; }
	#footer-logo { display:block; }
}

@media (min-width:992px) {
	#page_home #logo { padding:30px; }
}

@media (min-width:1230px) {
	#navigation .container { border-bottom:1px solid rgba(255,255,255,0.35); padding:0; }
}


#logo-menu { margin-top:10px; position:relative; }
#logo-menu .link { background:rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,0.5); text-align:center; margin:0 0 10px; font-weight:300; text-transform:uppercase; transition:0.3s ease-in-out; }
#logo-menu .link:hover { background:rgba(255,255,255,0.3); border-color:white; }
#logo-menu a { display:block; color:white; line-height:25px; padding:15px; }

#logo-menu a i { display:inline-block; width:25px; height:25px; margin-right:5px; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:middle; }
/* latest-news,committee-hearings,ranking-member,committee-members,email-signup */

#logo-menu .news i { background-image:url(../images/feature_latest_news.png); }
#logo-menu .hearings i { background-image:url(../images/feature_committee_hearings.png); }
#logo-menu .ranking-member i { background-image:url(../images/feature_ranking_member.png); }
#logo-menu .members i { background-image:url(../images/feature_committee_members.png); }
#logo-menu .contact i { background-image:url(../images/feature_email_signup.png); }

@media (min-width:768px) {
	#logo-menu { display:flex; }
	#logo-menu .link { width:20%; margin:0 7px; background:transparent; }  
	#logo-menu .link a { padding:25px 0; margin:0; font-size:20px; line-height:1; } 
	#logo-menu .link a i { display:block; width:35px; height:35px; margin:0 auto 10px; }
	#logo-menu .link a span { display:block; }
}

/* HOME PAGE HEARINGS SECTION */

.hearings-list {
	display: flex;
	gap: 10px;
	flex-direction: column;
}
.hearings-list a {
	flex-basis: 25%;
	border: 1px solid #ffffff40;
	transition: .2s ease;
}
.hearings-list a:hover {
	background-color: rgba(255, 255, 255, .2);
}
.hearing-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	padding: 10px;
}
.upcoming {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	background-color: #C10D0D;
	font-size: 14px;
	margin: 15px 0;
	padding: 0 5px;
	display: inline-block;
}
.recent {
	color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    background-color: #39A0E0;
    font-size: 14px;
    margin: 15px 0;
    padding: 0 5px;
    display: inline-block;
}
span.hearing-month-time {
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
}
.hearing-day {
	font-size: 80px;
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
	line-height: 1;
}
h4.hearing-title {
	font-family: 'Roboto';
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.viewall {
	margin-top: 20px;
	text-align: center;
}
.viewall a{
	color: #fff; 
	display: block;
	background-color: #222222;
	padding: 20px;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.viewall a:hover {
	background-color: #39A0E0;
}
.viewall a::before{
	color: #fff;
}
@media (min-width:768px) {
	.hearings-list {
		flex-direction: row;
	}
}