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

a:link { color:#2573c3; }
a { color:#2778CC; transition: .2s ease; }

a:hover, a:focus {
    color: #dc1010;
    text-decoration: underline;
}

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

p a:link {
    font-weight: bold;
    text-decoration: underline;
}

/* HEADER / NAV */
#header { background-color: black; background:url(../images/bg_subpage_top.jpg) no-repeat top center; background-size:cover; }
#header { position:relative; }
#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:80px; position:relative; z-index:2; padding:15px; }
#logo a { display:block; background:url(../images/HASCD_logo_mobile.png) no-repeat center center; width:140px; height:140px; margin:0 auto; text-indent:-9999px; opacity:0.8; transition:opacity 0.2s; }
#logo a:hover { opacity:1; }

/* 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.seed_02 { background-image:url(../images/headers/02.jpg); }
#header.seed_03 { background-image:url(../images/headers/03.jpg); }
#header.seed_04 { background-image:url(../images/headers/04.jpg); }
#header.seed_05 { background-image:url(../images/headers/05.jpg); }
#header.seed_06 { background-image:url(../images/headers/06.jpg); }
#header.seed_07 { background-image:url(../images/headers/07.jpg); }
#header.seed_08 { background-image:url(../images/headers/08.jpg); }
#header.seed_09 { background-image:url(../images/headers/09.jpg); }
#header.seed_10 { background-image:url(../images/headers/10.jpg); }
#header.seed_11 { background-image:url(../images/headers/11.jpg); }
#header.seed_12 { background-image:url(../images/headers/12.jpg); }
#header.seed_13 { background-image:url(../images/headers/13.jpg); }
#header.seed_14 { background-image:url(../images/headers/14.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:0.25; transition:opacity 0.2s; }
#header-social-media-links .link a:hover { opacity:1; }


/* #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.linkedin { display:none; } */
#header-social-media-links .link.youtube { display:none; }
#header-social-media-links .link.instagram { display:none; }

/* SOCIAL ICONS - FROM home.css */
#header-social-media-links .link a { opacity: 1 !important;}
#header-social-media-links .link.facebook a {
	background-image: url(../images/icons/icon-social-facebook.svg) !important;
	background-color: rgba(255,255,255,.25);
	transition: .2s ease;
}
#header-social-media-links .link.twitter a {
    background-image: url(../images/icons/icon-social-twitter.svg) !important;
	background-color: rgba(255,255,255,.25);
	transition: .2s ease;
}
#header-social-media-links .link.linkedin { display: block !important;}
#header-social-media-links .link.linkedin { margin-left: 1px;}
#header-social-media-links .link.linkedin a { 
	background-image:url(../images/icons/linkedin-in-brands.svg);
	background-size: 24px; 
	filter: invert(1);
	background-color: rgba(0,0,0,.25);
	transition: .2s ease;
}
#header-social-media-links .link a:hover {
    background-color: rgba(255,255,255, .1) ;
}
#header-social-media-links .link.linkedin a:hover {
    background-color: rgba(0,0,0, .1) ;
}
/* END home.css */

@media (min-width:768px) {
	#logo a { width:198px; height:198px; background-image:url(../images/HASCD_logo_tablet.png); }
}

@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; }
}

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

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

#copy { padding:50px 0; }

/* SIDEBAR */
#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:30px; 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:20px; height:20px; background-repeat:no-repeat; background-position:center center; vertical-align:middle; margin-right:5px; }

.sidebar-nav#stay-connected li.youtube { display:none; }
.sidebar-nav#stay-connected li.instagram { display:none; }

.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); }

@media (min-width:768px) {
	#sidebar { min-height:470px; position:relative; overflow:hidden; padding:90px 0; }
	#sidebar:before { display:block; position:absolute; top:-72px; left:-72px; content:"Related"; background:#4590d1; color:white; text-transform:uppercase; font-size:18px; text-align:center; line-height:20px; width:141px; padding:119px 0 5px 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
	.sidebar-nav { margin-bottom:0; }
}

/* FOOTER */
#footer { background:url(../images/bg_footer.jpg) no-repeat top center; background-size:cover; color:white; text-align:center; padding:30px 0; background-color: black;}
#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:16px; 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:0.25; transition:opacity 0.2s; }
#footer-follow .link a:hover { opacity:1; }
#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.linkedin a { background-image:url(../images/linkedin-in.svg); background-size: 24px; filter: invert(1); }
#footer-follow .link.linkedin {  background: rgba(255,255,255, .25); margin-left: 1px; }
#footer-follow .link.linkedin:hover {  background: rgba(255,255,255, 1); }
#footer-follow .link.youtube { display:none; }
#footer-follow .link.instagram { display:none; }
#footer-follow .link.linkedin a:hover { opacity: .45;}
#footer-logo { display:none; width:310px; height:310px; margin:60px auto; background:url(../images/HASCD_logo_desktop.png) no-repeat center center; }

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

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

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

/* FOOTER - COPIED FROM home.css */
.signup-align { padding: 15px 30px; }
.signup-title { line-height: 1.2; margin-bottom: 10px; }
.signup-title em {
    font-size: 36px;
    font-weight: 300;
}
.signup-title strong {
    font-size: 36px;
    text-transform: uppercase;
}
.signup-input { margin-bottom: 20px; }
.signup-button input {
    background: #3e8ecf;
    width: 180px;
    text-transform: uppercase;
    font-weight: 700;
	transition: .2s ease;
	position: relative;
}
.signup-button { position: relative;}
.signup-button:before {
	content: '';
    position: absolute;
    background: url(../images/icon-email-signup.svg) no-repeat;
    height: 20px;
    width: 20px;
    z-index: 1;
    background-size: contain;
    top: 10px;
    left: 24px;
}
@media(min-width: 768px) {
	.signup-inputs { 
		display: flex; 
		max-width: 600px;
		margin: auto;
	}
	.signup-input {
		flex-grow: 1;
		margin-right: 20px;
		margin-bottom: 0;
	}
	.signup-button .btn.btn-primary { padding-left: 30px; }
}
#footer-follow .link a { opacity: 1 !important; }
#footer-follow .link {
    background: rgba(255,255,255,.25) !important;
	transition: .2s ease;
}
#footer-follow .link:hover {
    background: rgba(255,255,255,.1) !important;
}
.link.twitter {
    margin-left: 1px;
}
#footer-follow .link.facebook a {
    background-image: url(../images/icons/icon-social-facebook.svg) !important;
}
#footer-follow .link.twitter a {
    background-image: url(../images/icons/icon-social-twitter.svg) !important;
}
#footer-follow .link.linkedin a {
    background-image: url(../images/icons/linkedin-in-brands.svg) !important;
}

/* ADDITIONAL HEADER STYLES */
body.layout_home #header { background-image:url(../images/1st-frame.jpg); }

#header .bg-video { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; }
#header .bg-video:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(44,83,117,0.65); } 
#header .bg-video video { min-width:100%; min-height:100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

#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; }
#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 .latest-news i { background-image:url(../images/feature_latest_news.png); }
#logo-menu .committee-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 .committee-members i { background-image:url(../images/feature_committee_members.png); }
#logo-menu .email-signup i { background-image:url(../images/feature_email_signup.png); }

@media (min-width:768px) {
	#logo-menu { margin-top:-198px; height:500px; }
	#logo-menu .link { transform:rotate(-45deg); transition:transform 0.2s; width:140px; height:140px; margin:0; background:transparent; position:absolute; left:50%; z-index:3; }  
	#logo-menu .link a { transform:rotate(45deg); transition:transform 0.2s; width:140px; height:140px; padding:25px 0 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; }
	#logo-menu .latest-news { top:157px; left:50%; margin-left:-198px; }
	#logo-menu .committee-hearings { top:157px; margin-left:59px; }
	#logo-menu .ranking-member { top:284px; margin-left:-326px; }
	#logo-menu .committee-members { top:284px; margin-left:-70px; }
	#logo-menu .email-signup { top:284px; margin-left:187px; }
	
	#logo-menu .link:hover { transform:rotate(0); }
	#logo-menu .link:hover a { transform:rotate(0); }
}

@media (min-width:992px) {
	#logo-menu { margin-top:-284px; height:720px; }
	body.layout_home #logo a {  width:254px; height:254px; background-image:url(../images/HASCD_logo_laptop.png); }
	#logo-menu .link { width:180px; height:180px; }
	#logo-menu .link a { width:180px; height:180px; padding-top:40px; }
	#logo-menu .latest-news { top:204px; margin-left:-256px; }
	#logo-menu .committee-hearings { top:204px; margin-left:77px; }
	#logo-menu .ranking-member { top:369px; margin-left:-421px; } 
	#logo-menu .committee-members { top:369px; margin-left:-90px; }
	#logo-menu .email-signup { top:369px; margin-left:242px; }
}

@media (min-width:1230px) {
	#logo-menu { margin-top:-340px; height:820px; }
	body.layout_home #logo a { width:310px; height:310px; background-image:url(../images/HASCD_logo_desktop.png); }
	#logo-menu .link { width:220px; height:220px; }
	#logo-menu .link a { width:220px; height:220px; padding-top:48px; font-size:24px; }
	#logo-menu .link a i { width:50px; height:50px; }
	#logo-menu .latest-news { top:240px; margin-left:-305px; }
	#logo-menu .committee-hearings { top:240px; margin-left:85px; }
	#logo-menu .ranking-member { top:436px; margin-left:-499px; } 
	#logo-menu .committee-members { top:436px; margin-left:-110px; }
	#logo-menu .email-signup { top:436px; margin-left:281px; } 
}