/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center, ol, ul, li,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, select, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	color:inherit;
	vertical-align: baseline;
	text-decoration:none;
	box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;

}
.main-indent li, .tab-body li {
	list-style-position: inside;
	text-indent: -.8em;
    margin-left: 1em;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.bordered-table{
  border-collapse: collapse;
}
table.bordered-table th {
  padding: 10px; 
  border: 1px solid black;
}
table.bordered-table td {
   padding: 10px;   
   border: 1px solid black;
}
/*CSS For ADA Accessibility Skip to Main Content link */
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
}

/****************************************************************/
/* browser standardization complete; let's get down to business */
html,body{
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



html{
	background-color:#FAFAFA;
}

body{
	max-width:1900px;
	margin: 0 auto;
	line-height:1.6;
}

section{
    max-width: 1200px;
    margin: 0 auto;
    display: block !important; /* !important to override main-indent */
}

.side-extension.always{
	position: absolute;
	bottom: 0;
	top: 0;
	width: 50%;
	z-index:0;
}

/* very large overrides */
@media screen and (min-width: 1201px) {
	.very-large{
		max-width:1900px;
		background-color:#FAFAFA;
	}

	.max-1200{
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
		display:block !important;
	}


	.side-extension{
		position: absolute;
		bottom: 0;
		top: 0;
		width: 50%;
		z-index:0;
	}

	.side-extension.grey{
		background-color:#f5F5F5;
	}
	.side-extension.dark-grey{
		background-color:#D0D0D0;
	}
	.side-extension.black{
		background-color:black;
	}
	.side-extension.blue{
		background-color:#0075C9;
	}

	.side-extension.left{
		left:0;
	}
	.side-extension.right{
		right:0;
	}
}

.z-index-1{
	z-index:1;
	position:relative;
}

.load-on-scroll{
	opacity:0;
}


.no-break{
	white-space:nowrap;
	display:inline-block;
}

.yes-break{
	white-space:normal;
	display:inline-block;
}

.left{float:left;}
.right{float:right;}
.clear:after{
	clear:both;
	height:0;
	content: " ";
	display:block;
	visibility:hidden;
}

hr{
	color:#CACACA;
	border-color:#CACACA;
	background-color:#CACACA;
}

hr.vertical-divider{
	display:inline-block;
	height:70px;
	width:1px;
}



.sunshine{
	border-color:#FFB819;
	background-color:#FFB819;
}

.inline-block{
	display:inline-block;
}

.relative{
	position:relative;
}

.vcenter{
	position:relative;
	top:50%;
	transform: perspective(1px) translateY(-50%);
}


.cols3{
	width:33%;
	box-sizing:border-box;
/*	border:1px solid black;*/
}

.cols4{
	box-sizing:border-box;
	width:25%;
/*	border:1px solid black;*/
}
.cols5{
	box-sizing:border-box;
	width:20%;
}




/* <a> customizations */
a:hover{
	cursor:pointer;
}


a.blue {color:#0075C9;}
a.blue svg path{stroke:#0075C9;}
a.blue.solid svg path{fill:#0075C9;}
a.blue:hover{color:black;}
a.blue:hover svg path{stroke:black;}
a.blue.solid:hover svg path{fill: black;}



a.white {color:white;}
a.white svg path{stroke:white;}
a.white.solid svg path{	fill:white;}
a.white:hover svg path{fill:white;}

a.black {	color:black;}
a.black svg path{stroke:black;}
a.black.solid svg path{	fill:black;}

a.body-link{font-size: 19px;font-weight: bold;}
a.body-link:hover{color:black;}

a.inline-link{color:#0075C9; text-decoration:underline;}
a.inline-link:hover{color:black;}


img.background{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



.ptop20{
	padding-top:20px;
}

.ptop40{
	padding-top:40px;
}

.ptop50{
	padding-top:50px;
}

.pbottom50{
	padding-bottom:50px;
}

.md-only{display:none !important;}
.sm-only{display:none;}

/* general font styles */
h1,h2,h3, .h1,.h2,.h3, .gotham-black{
/*	font-family:"GothamBlack";*/
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 800;
}

.gotham-bold{
/*	font-family:"GothamBold";*/
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

h4,h5,h6, .h4,.h5,.h6, .gotham-medium{
/*	font-family:"GothamMedium";*/
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

.cta.big, .cta.small, .cta > a{
/*	font-family:"GothamMedium";*/
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
	text-transform:uppercase;

	/*used to center within cta */
	position:relative;
	top:2px;
}

.gotham-medium-italic{
/*Medium Italic*/
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: italic;
	font-weight: 500;
}

.intro-text, body, .body-text, .gotham-book{
/*	font-family:"GothamBook";*/
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400; /* also called "normal" */
}


h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{
	line-height:70px;
}

h1,h2{
	line-height:80px;
}


/* small-size screen header overrides */
@media screen and (max-width: 1000px) {
	h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6{
		line-height:1.2;
		margin-bottom:10px;
	}
}


/* large-size screen general styles */
@media screen and (min-width: 1001px) {
	h1, .h1{font-size:50px;}
	h2, .h2{font-size:40px;}
	h3, .h3, h4, .h4{font-size:34px;}
	h5, .h5{font-size:28px;}
	h6, .h6, .intro-text{font-size:22px;}
	body, .body-text, .cta.big{font-size:18px;}
	.cta.small{font-size:14px;}
}

/* medium-size screen general styles */
@media screen and (min-width: 769px) and (max-width: 1000px) {
	h1, .h1{font-size:38px;}
	h2, .h2{font-size:30px;}
	h3, .h3, h4, .h4{font-size:24px;}
	h5, .h5{font-size:20px;}
	h6, .h6, .intro-text{font-size:18px;}
	body, .body-text{font-size:16px;}
	.cta.big{font-size:14px;}
	.cta.small{font-size:12px;}
}

/****************************************************************/
/* small-size screen general styles */
@media screen and (max-width: 768px) {
	.md{display:none !important;}
	.sm-only{display:inherit;}

	h1, .h1{font-size:32px;}
	h2, .h2{font-size:28px;}
	h3, .h3, h4, .h4{font-size:22px;}
	h5, .h5{font-size:20px;}
	h6, .h6, .intro-text{font-size:18px;}
	body, .body-text{font-size:16px;}
	.cta.big{font-size:12px;}
	.cta.small{font-size:10px;}
     /* Hide Student Services Chat button
	.b-open-btn{visibility: hidden; display:none;}
    .b-chat-btn{visibility: hidden; display:none;}
    .b-chat-ctrl{visibility: hidden; display:none;}
    .b-invite{visibility: hidden; display:none;}*/

}



.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visually-hidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/****************************************************************/
/****************************************************************/
/*  header  */

header, .menu-icon{
	position:relative;
	z-index:500;
}

#alert-bar{
	background-color:#D9272D;
	padding:10px;

	color:white;
	position:relative;


/*	display:none;*/
}

#alert-bar h2{
	line-height:1;
	margin-bottom:5px;
        padding-right: 10px
}

.right-arrow-icon svg{
	height:25px;
	width:25px;
	vertical-align:middle;

	/*used to center within cta */
	position:relative;
	top:-1px;
}

.x-close-icon svg{
	height:25px;
	width:45px;
	vertical-align:middle;
	transform: rotateZ(45deg); /* turn + into x */

	/*used to center within cta */
	position:relative;
	top:-1px;
}

.right-arrow-icon svg path{
	stroke:white;
}

#alert-icon{
	position:absolute;
	height:25px;
	width:25px;
	left:10px;
	top:10px;
}

#dismiss-alert{
	position:absolute;
	top:0px;
	right:0px;
	height:25px;
	width:25px;
}

#alert-bar>div{
	padding-left:100px;
	max-width:75%;
}

#alert-bar a{
	text-decoration: underline;
}

#alert-bar .cta{
	position:absolute;
	right:50px;
	top:50%;
	transform:translateY(-50%);
}


#alert-bar  .header{

}

/* *********************************** */
/* *********************************** *//* *********************************** */
/* *********************************** */
/* *********************************** */



.disable-transitions{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}


/* called mobile, yes, but applies to all sizes (oversight during dev) */
#mobile-menu-wrapper.sticky{
	position:fixed;
	top:0; /* gets set via js, but still need this default */
	z-index:100;
	width:100%;
	max-width:1900px;

	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-ms-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration:0.3s;

	-webkit-transition: top .3s;
	-moz-transition: top .3s;
	transition: top .3s;
}


.nav-wrapper li::before{
	content:""; /* override */
	margin-right:0; /* override */
}
.nav-wrapper li{
	text-indent:0; /* override */
}

#top-nav{
	background-color:#EDEDED;
}
#sub-nav{
	background-color: #f8f8f8;
}

#main-nav{
	background-color:#FFFFFF;
}


.dropdown{
	display:inline-block;
}

.dropdown-content{
	display:none;
	position:absolute;
	white-space:nowrap;
	right:0;
	background-color: #cccccc;
	padding: 15px;
}

#main-nav .dropdown-content{
	left:0;
	color:white;
	background-color: #0075C9;
	padding-bottom:0;
	width:100%;
}

#main-nav span.main-menu-col p {
	white-space:pre-line;
}

#main-nav .expandable-title.expanded{
	font-weight:500; /* gotham medium */
}

#main-nav .main-menu-header{
	font-size:18px;
	font-weight:bold;/*gotham-medium */
	line-height: 1.6;
	margin-bottom: 20px;
}

#top-nav{
	font-size:12px;
}

#top-nav .expandable-title, #top-nav .static-links{
	font-size:14px;
}

#top-nav .dropdown-content .ancillary-header{
	text-decoration:underline;
	text-transform:uppercase;
	font-size:12px;
	line-height:1.2;
	margin-top:10px;
	margin-bottom:10px;
}

#top-nav .dropdown-content li {
    line-height: 2.2;
	font-size:14px; /* yes, bigger than the ancillary-headers right above them */
}


#search-bar input[type=search]{
	border:none;

	font-size:16px;
	outline:none;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:35px;
	width:100%;
	background: #FFB819 url('/media/hcc-redesign/style-assets/images/img/search.png') no-repeat 97% 50%;
	background-size:20px;

	-webkit-appearance: none; /* fixes safari issues */
	-moz-appearance:none; /* fixes firefox issues */

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}


#search-bar input[type=search]:focus{
	color:black;
}

#search-bar input[type=search]::-webkit-search-cancel-button{
	display: none; /* Hide the button */
	-webkit-appearance: none; /* turn off default browser styling */
}

/* set placeholder text color to black */
#search-bar input[type=search]:-moz-placeholder {color: black;}
#search-bar input[type=search]:-ms-input-placeholder {color:black;}
#search-bar input[type=search]::-webkit-input-placeholder {color:black;}


/***********************************************************/
/* sub nav and breadcrumbs */

#sub-nav{

}

#section-nav{
	background-color: #55565A;
	color:white;
}



.subnav-title .subnav-main-title{
	padding:20px;
	font-size:20px;
	font-weight:normal;
	line-height:1;
	margin-bottom:0; /* override */
}

@media screen and (min-width: 769px) {
	.subnav-title .subnav-main-title{
		padding-left:50px;
	}
}



.subnav-title:after {
	content:"";
    background-image: url("/media/hcc-redesign/style-assets/images/img/accordion-plus.png");
    height:30px;
	width:30px;
	background-size:contain;
	display:inline-block;
	margin:0 20px;
	vertical-align:middle;

	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.subnav-title.expanded:after {
	background-image: url("/media/hcc-redesign/style-assets/images/img/accordion-minus.png");
}

.subnav-content{
	display:none;
	background-color: #3D3C41;
	position:absolute;
	padding:10px;
	box-shadow:1px 1px rgba(0,0,0,0.5);
	overflow-y:auto;
}

/*
.subnav-section-parent{
	padding:0 20px;
	margin-top:10px;
}
.subnav-section-parent:before{
	content:" + ";
}

.subnav-section-parent.expanded:before{
	content:" - ";
}

.subnav-section-parent .subnav-section-title {
    display: inline-block;
    padding:10px 0;
}

.subnav-section-child{
	display:none;
	padding:0 20px;
	margin-top:10px;
}
*/

#sub-nav .subnav-content li:before{
	content:"";  /* override */
	margin-right:0; /* override */
	color:white; /*override */
}

#sub-nav .subnav-content li {
    padding: 10px;
	text-indent:0;  /* override */

	white-space:nowrap;

}



/* hide everything deeper than top level */
.subnav-content >ul>li>ul {
	display:none;
	margin-left:10px;
}
/* hide everything deeper than level 2 */
.subnav-content >ul>li>ul>li>ul {
	display:none;
	margin-left:20px;
}
/* hide everything deeper than level 3 */
.subnav-content >ul>li>ul>li>ul>li>ul {
	display:none;
	margin-left:30px;
}


#sub-nav .subnav-content li.expandable:before{
	content:" + ";
}

#sub-nav .subnav-content li.expanded:before{
	content:" - ";
}

#sub-nav .subnav-content li.active {
	font-weight:700;
	background-color:#55565A;
}

#breadcrumb-row {
	display:none;
}


/* medium only header styles */
@media screen and (min-width: 769px) {
	#alert-icon{
		height:25px;
		width:25px;
		left:10px;
		top:10px;
	}

	#alert-bar{
		padding-top:10px;
	}
}


/* special case */
@media screen and (min-width: 1001px) and (max-width: 1150px){
	#main-nav .dropdown a {
		font-size:1.5vw;
	}
}

/* large-screen ONLY header styles */
@media screen and (min-width: 1001px) {

	#alert-icon{
		position:absolute;
		height:50px;
		width:50px;
		left:20px;
		top:50%;
		transform:translateY(-50%);
	}




	/* grey nav bar below alert banner */
	#top-nav{
		background-color:#EDEDED;
		height:60px;
		padding-left:50px;
	}

	#top-nav .static-links{
		padding-top:24px;
	}

	#top-nav >span>a{
		margin-right:20px;
	}


	.ancillary-arrow{
		content: url("/media/hcc-redesign/style-assets/images/img/arrow-blue-solid-sm.png");
		background: url("/media/hcc-redesign/style-assets/images/img/arrow-blue-solid-sm.png");
		background-size:contain;
		height:18px;
		vertical-align:sub;
		margin-left:5px;
		transition: all 0.3s linear;
	}

	.ancillary-arrow.flipped{
		transform: rotateZ(-180deg);
	}



	#top-nav span.dropdown {
		margin-left: -2px;
		margin-right: -3px;
		padding-bottom:0;
	}

	#top-nav a.expandable-title,
    #top-nav span.expandable-title{
		height: 36px;
		display: block;
	}

	.dropdown{
		position:relative;
		padding:24px 10px;
	}



	/* search field */
	#search-bar {
		display:inline-block;
	}

	#search-bar input[type=search]{
		width:40px;
		margin-left:10px;

		color: transparent;
		background-color:transparent;
		background-position-x: 50%;
		padding-top:22px;
		padding-bottom:13px;

	}

	#search-bar input[type=search]:focus{
		width:350px;
		background-color:#FFB819;
		background-position:320px;
	}


	/* hide placeholder while collapsed */
	#search-bar input[type=search]:-moz-placeholder {color: transparent;}
	#search-bar input[type=search]:-ms-input-placeholder {color:transparent;}
	#search-bar input[type=search]::-webkit-input-placeholder {color: transparent;}

	/* show placeholder while expanded */
	#search-bar input[type=search]:focus:-moz-placeholder {color: initial;}
	#search-bar input[type=search]:focus:-ms-input-placeholder {color:black;}
	#search-bar input[type=search]:focus::-webkit-input-placeholder {color: initial;}


	.menu-plus-minus{
		display:none;
	}

	/* main menu nav bar */
	#main-nav{
		background-color:#FFFFFF;
		white-space:nowrap;
	}

	#main-nav>span{
		display:inline-block;
		max-width:55%;
		height:95px;
	}
	#main-nav>span:nth-of-type(1){
		width:45%;
	}


	#main-nav span.main-menu-col {
		display: inline-block;
		padding: 30px;
		vertical-align: top;
	}

    #main-dropdown-container a.expandable-title,
	#main-dropdown-container span.expandable-title {
        cursor: pointer;
		display:block !important;
		height:39px;
		font-size:16px;
		font-weight:400; /* back to gotham book */
	}

	#main-dropdown-container hr.vertical-divider{
		vertical-align:text-bottom;
		position:relative;
		bottom:-13px;
		border:none;
	}

	#main-nav .dropdown {
		position: static;
		white-space:pre-line;
		padding-top:0;
		padding-bottom:0;
		margin-right:-7px; /* there's a gap for some reason */
		margin-left:-7px; /* there's a gap for some reason */
		/*margin-top:-1px; */ /* get rid of white line along top */
		height:100%;
		vertical-align:bottom;
	}

	#main-nav .dropdown a{
		display:inline-block;
	}

	#main-nav .dropdown-content{
		padding:0;
		max-width:1900px;

		top:95px; /* match the height of #main-nav */
	}

	.main-menu-header {
		text-transform:capitalize;
		border-bottom:1px solid white;
		font-size:20px;
	}

	.main-menu-col:not(.main-menu-header){
		font-size:16px;
	}



	#hcc-main-menu-logo>img{
		display:inline-block;
		height:70px;
		width:85%;
		max-width:410px;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:50px;


	}


	#mobile-menu-controls{
		display:none;
	}

	#breadcrumb-row {
		display:inline-block;
		padding:0 20px;
	}

	#breadcrumb-row li:before{
		content:""; /* override */
		margin-right:0; /* override */
	}

	#breadcrumb-row li{
		display:inline-block;
		text-indent:0; /* override */
		color: #0075C9;
	}

	#breadcrumb-row svg{
		height:15px;
		vertical-align: middle;
	}

	#breadcrumb-row li:last-child{
		color:black;
	}

}




/* small and medium-size screen header styles */
@media screen and (max-width: 1000px) {


	#alert-bar{
		padding-bottom:0;
	}

	#alert-bar>div{
		max-width:none;
	}

	#alert-bar .cta{
		position:static;
		margin-top:10px;
                margin-bottom: 0px;
		display:inline-block;
	}




	#mobile-menu-controls{
		overflow:hidden; /* because IE */
		vertical-align:top; /* to account for the overflow: hidden. //stackoverflow.com/questions/23529369/why-does-x-overflowhidden-cause-extra-space-below */

		display:inline-block;
		width:100%;
		background-color:white;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.24);
	}

	.nav-wrapper{
		position:absolute;
		right:0;
		z-index:1;
		padding-left:5px;
	}

	.sunshine-border-top{
		border-top: 1px solid rgb(255, 184, 25);
		position:fixed;
		width:100%;
	}

	#wrapper-with-shadow{
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		display:inline-block;
	}


	body.scroll-lock{
		overflow:hidden;
	}

	body.menu-open .nav-wrapper{
		position: fixed;
		top: 77px; /* gets set via js to correct height, but 77 is a safe default */
		right: 0;
		bottom: 0;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	#hcc-main-menu-logo>img{
		display:none;
	}

	#hcc-main-menu-logo-mobile>img{
		display:inline-block;
		height:56px;
		width:360px;
		margin: 10px;
		margin-left:50px;

	}

  	.menu-icon{
		display:block;
		float:right;
		padding:15px 20px;
		background-color: #dfdfdf;
		border:none;
		zoom:1.5;
  	}

	#main-nav, #top-nav{
		width:500px;
		float:right;
		clear:right;
		display:none;
	}
	#main-dropdown-container{
		float:none; /* overrides use of "right" class */
	}

	#main-nav hr{
		display:none;
	}


	#top-nav .static-links a{
		display:block;
		margin-left:22px;
	}

	#top-nav .expandable-title:before, #main-nav .expandable-title:before{
/*		margin: 0 5px;*/
/*		content: "\2B";*/
/*		content:url("/media/hcc-redesign/style-assets/images/img/menu-plus.svg");*/
/*		color: #FFB819;*/
/*		font-weight:bold;*/
	}

	#top-nav  .expandable-title.expanded:before, #main-nav .expandable-title.expanded:before{
/*		margin: 0 7px;*/
/*		content: "\2D";*/
/*		color: white;*/
/*		color:black;*/
	}


	#top-nav  .expandable-title, #main-nav .expandable-title{
    cursor: pointer;
		position:relative;
		left:29px;
	}

	#top-nav .menu-plus-minus svg, #main-nav .menu-plus-minus svg{
	    height: 10px;
		width: 10px;
/*		margin: 0 16px;*/
		position:relative;
		left:16px;
	}


	#top-nav .menu-plus-minus.expanded polygon{
		fill:black;
	}

	#main-nav .menu-plus-minus.expanded polygon{
		fill:white;
	}


	/* align "contact us" and "departments" */
	#top-nav>span:last-child>a{
		padding:10px 17px;
	}



	.dropdown {
		width: 100%;
		padding: 15px 0;
	}

	.dropdown-content{
		margin:0;
		right:auto;
		left: auto;
		max-width:500px;
		padding: 15px 40px;
		position:static;
	}

	/* hide non- group header info */
	.main-menu-col :not(.main-menu-header){
		display:none;
	}
	/* and make sure the group headers DO show! */
	.main-menu-col .main-menu-header a{
		display:block;
	}

	#section-nav{
		width:100%;
	}

}

/****************************************************************/
/* small-size screen header styles */
@media screen and (max-width: 768px) {
	#main-nav, #top-nav{
		width:100%;
	}

	#hcc-main-menu-logo-mobile>img{
		height:auto;
		max-width:70%;
		margin:10px 0 0 20px;
	}

	.menu-icon{
		zoom:1.4;
  	}

	#alert-bar>div{
		padding-left:30px;
		max-width:none;
	}


	.nav-wrapper{
		padding:0; /* override small/medium */
	}

	#section-nav{
		position:relative;
	}

	.subnav-title:after {
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
	}

	.subnav-title .subnav-main-title{
		width:100%;

	}

	.subnav-content{
		width:100%;
	}
}












/****************************************************************/
/****************************************************************/
/***********************************************************/
/* Get Started overlay */

body.scroll-lock{
	overflow:hidden;
}

#get-started-overlay{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 40px 20px;
	background:white;
	max-width:1900px; /* take up entire screen */

	opacity:0;
	z-index:-1;/* default state, hidden and out of the way */
	margin-bottom:0;
}

#get-started-overlay.show{
	z-index: 500; /* footer is 500 */
	max-width:1900px;

	overflow: scroll;
	position: fixed;
	top: 0;
	bottom: 0; /* default, gets overriden by js to show footer*/
	left: 0;
	right: 0;
}



#get-started-overlay .right-arrow-icon svg{
	height:15px;
	margin-left:-5px;
}

#get-started-overlay .right-arrow-icon path{
	fill:#0075c9;
	stroke:transparent;
}

#get-started-overlay .btn-close{
	cursor:pointer;
	width: 30px;
	height:30px;
	position:absolute;
	top:38px;
	right:20px;
}

#get-started-overlay .get-started-wrapper{
	opacity:1;
}

#get-started-overlay .get-started {
	padding: 20px 0;
    border-bottom: 1px solid #FFB819;
}

#get-started-overlay .get-started h4{
	line-height:1.2;
}




/* medium-size styles */
@media screen and (min-width: 769px) {


	#get-started-overlay{
		background-image: url("/media/hcc-redesign/style-assets/images/img/get-started.jpg");
		background-size:cover;
		background-repeat: no-repeat;
		background-position:center;
 	}


	#get-started-overlay>span>h3{
		text-align:center;
		position:relative;
	}

	#get-started-overlay .get-started-wrapper-parent{
		padding:10px 0;
	}

	#get-started-overlay .get-started-wrapper{
		padding:5px;
		float:left;
		width:50%;

		opacity:0; /* gets animated in */
	}

	#get-started-overlay .get-started{
		background-color:white;
		opacity:.8;
		padding:20px;
		height:100px;
		border-bottom:none;
	}
	#get-started-overlay .get-started:hover{
		opacity:1;
	}




}


/* large-size styles */
@media screen and (min-width: 1001px) {
	#get-started-overlay .get-started-wrapper{
		width:25%;
	}

	#get-started-overlay .get-started{
		padding:40px;
		height:260px;
	}

	#get-started-overlay .btn-close{
		height:40px;
		width:40px;
		top:55px;
	}
}





/****************************************************************/
/****************************************************************/
/*  footer  */

footer{
	background-color:#3d3c41;
	color:#f2f2f2;
/*	text-align:center;*/
}

footer>*{
	padding: 0 30px;
}


/*  Calls-to-action  */
.cta-div{
	background-color:black;
	text-align:center;
	padding:0;
	width:100%;
	max-width:1900px;
	z-index:500;
	white-space:nowrap;
	bottom:0;

}

span.cta{
	border-width:1px;
	border-style:solid;
	background-color:#0075c9;
	border-color: #0075c9;
	margin: 10px 5px;
	display:inline-block;
}

span.cta.small, span.cta.big{
	border-radius:25px;
	padding: 5px 10px;
}

@media screen and (min-width: 1001px) {
	span.cta.big{
		border-radius:40px;
		padding: 20px 30px;
	}

	.cta.big .right-arrow-icon svg {
		height: 30px;
	}


}

span.cta svg path{
	stroke: white !important;
}

span.cta.blue{
	color:white;
}

span.cta.blue:hover{
	color: #0075c9;
	background-color: white;
}

span.cta.blue:hover .right-arrow-icon svg path, span.cta.blue:hover .x-close-icon svg path{
	fill:#0075c9;
}


span.cta.black{
	border-color: black;
	background-color: black;
	color:white;
}


span.cta.black:hover{
	color: black;
	background-color: white;
}

span.cta.black:hover .right-arrow-icon svg path{
	fill:black;
}




span.cta img{
	height:30px;
	vertical-align:middle;
	margin-left:10px;
	background-size:contain;
	background-repeat:no-repeat;
}

span.cta img.icon-plus{
	content:url("/media/hcc-redesign/style-assets/images/img/plus.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/plus.png");
}

span.cta img.icon-visit{
	content:url("/media/hcc-redesign/style-assets/images/img/location.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/location.png");
}

span.cta img.icon-apply{
	content:url("/media/hcc-redesign/style-assets/images/img/pencil.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/pencil.png");
}
span.cta img.icon-calendar{
	content:url("/media/hcc-redesign/style-assets/images/img/calendar.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/calendar.png");
}

span.cta img.icon-info{
	content:url("/media/hcc-redesign/style-assets/images/img/info.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/info.png");
}

span.cta:hover img.icon-plus{
	content:url("/media/hcc-redesign/style-assets/images/img/plus_hover.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/plus_hover.png");
}

span.cta:hover img.icon-visit{
	content:url("/media/hcc-redesign/style-assets/images/img/location_hover.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/location_hover.png");
}

span.cta:hover img.icon-apply{
	content:url("/media/hcc-redesign/style-assets/images/img/pencil_hover.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/pencil_hover.png");
}

span.cta:hover img.icon-calendar{
	content:url("/media/hcc-redesign/style-assets/images/img/calendar_hover.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/calendar_hover.png");
}

span.cta:hover img.icon-info{
	content:url("/media/hcc-redesign/style-assets/images/img/info_hover.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/info_hover.png");
}


/* actual image is 816 by 128 */
#hcc-footer-logo{
	background-image:url("/media/hcc-redesign/style-assets/images/img/hcc-logo-white-and-sunshine.png");
	background-size:100%;
	display:block;
	width:408px;
	height:64px;
}

.social-icon{
	display:inline-block;
}

.social-nav{
	overflow:hidden; /* Because IE */
}

.social-nav a{
	display:inline-block;
	vertical-align:middle;
}

.social-icon>svg{
	width:32px;
	margin-right:20px;
}


.social-icon>svg>g path{
	fill: #ababad;
}

.social-icon:hover >svg>g path{
	fill: #ffb819;
}

/**************************************************/
#contactInfo{
	margin-top:30px;
}

#contactInfo>span{
	margin: 0 20px;
	display:inline-block;
}

.social-icon.call, .social-icon.chat, .social-icon.email {
	background-size:100%;
	vertical-align:middle;
	margin-right:10px;
}

.social-icon.chat{
	background-image: url("/media/hcc-redesign/style-assets/images/img/chat.png");
	height: 24px;
    width: 32px;
}

.chat-icon-parent:hover .chat{
	background-image: url("/media/hcc-redesign/style-assets/images/img/chat_hover.png");
}

.social-icon.chat.black{
	background-image: url("/media/hcc-redesign/style-assets/images/img/chat-black.png");
}

.chat-icon-parent:hover .chat:not(.black){
	background-image: url("/media/hcc-redesign/style-assets/images/img/chat_hover.png");
}

.social-icon.call{
	background-image: url("/media/hcc-redesign/style-assets/images/img/call.png");
	height: 32px;
    width: 22px;
}

.social-icon.call.black{
	background-image: url("/media/hcc-redesign/style-assets/images/img/call-black.png");
}

.call-icon-parent:hover .call:not(.black){
	background-image: url("/media/hcc-redesign/style-assets/images/img/call_hover.png");
}

.social-icon.email{
	background-image: url("/media/hcc-redesign/style-assets/images/img/email.png");
	height:22px;
    width: 32px;
}

.social-icon.email.black{
	background-image: url("/media/hcc-redesign/style-assets/images/img/email-black.png");
}

.email-icon-parent:hover .email:not(.black){
	background-image: url("/media/hcc-redesign/style-assets/images/img/email_hover.png");
}





#address-copyright{
	vertical-align:text-top;
}

footer address{
	display:inline-block;
	white-space:nowrap;
}
#copyright{
	white-space:nowrap;
}


.footer-links{
	text-align:center;
	margin:30px 0;
    font-size: 14px;
    line-height:1;
}

.footer-links > span{
	display:inline-block;
	text-align:left;
	vertical-align:top;

	border-left: 1px solid lightgray;
	padding:10px;
	float:left;
	width:20%;
}

.footer-links h2{
	color: #FFB819;
	font-size:16px;
	line-height:1;
}

/* override */
.footer-links li::before{
	content:"";
	margin-right:0;
}

.footer-links li{
	text-indent:0; /* override */
}

.footer-links li a{
	font-weight: 500; /* gotham medium */
}

.footer-links > span *{
	margin-bottom:10px;
}


.footer-partners{
	background-color:black;
	text-align: left;
    padding-top: 10px;
	padding-bottom: 10px;
    vertical-align: middle;
}

.footer-partners>* {
    display: inline-block;
    vertical-align: middle;
}

#learn-about-partners svg{
	height:16px;
	vertical-align:middle;
}

#learn-about-partners svg path{
	fill:white;
}

.footer-partners>a{
	height:75px; /* 20 larger than max-height of the image (set below) */
}

.partner-icon{
	margin:0 10px;
	max-height:50px;
	max-width:105px;
	transform: translateY(-50%);
}


/* large-screen ONLY styles */
@media screen and (min-width: 1001px) {
	footer>*{
		padding: 0 50px;
	}

	.footer-links > span:not(.md-only){
		height:500px;
		padding-left:20px;
	}

	.footer-links > span:last-child{
		margin-right:0;
	}

}

/* medium-size screen footer styles */
@media screen and (min-width: 769px) and (max-width: 1000px) {

	.md-only{
		display:block !important;
	}


	footer>*{
		padding: 0 30px;
	}

	.cta a{
		font-size:1.5vw;
	}

	#hcc-footer-logo{
		height:56px;
		width:360px;
	}

	footer address{
		margin:10px 0;
	}

	footer address:after{
		content:"\A";
		white-space:pre;
	}

	.footer-links > span{
		width:33%;
		padding-left:20px;
		height:330px;
	}


	.footer-links > span:not(.md-only){
		display:none; /* special markup for medium, hide the normal one */
	}

	.footer-partners {
		white-space:normal;
	}

	.footer-partners>span {
		float:left;
		clear:left;
		position: relative;
		top: 20px;
	}

	.footer-partners>a{
		float:right;
	}

}


/* small-size screen footer styles */
@media screen and (max-width: 768px) {

	#hcc-footer-logo{
		height:45px;
		width:74px;
		margin-right:10px;
		background-image:url("/media/hcc-redesign/style-assets/images/img/hcc-logo-short.png");
		background-repeat:no-repeat;
	}

	.social-nav{
		padding-top:20px; /*override .ptop40 class */
		white-space:nowrap;
	}

	.social-icon>svg{
		margin-right:10px;
	}

	footer>*{
		padding: 0 15px;
	}



	#contactInfo>span{
		margin:5px 0;
		margin-right:15px;
	}


	.cta-div.sm-only{
		background-color: #0075c9;
		white-space:nowrap;
	}

	.cta-div.sm-only span.cta{
		border:none;
		border-radius:0;
		margin:0;
		padding-top:10px;
		padding-left:0;
		padding-right:0;
		float:left;
	}

	.cta-div.sm-only span.cta img{
		margin:0;
		margin-bottom:5px;
	}

	footer address{
		margin:10px 0;
		white-space:pre-line;
	}

	#copyright{
		white-space:pre-line;
	}


	.footer-links > span:not(.md-only){
		display:block;
		border:none;
		border-top: 1px solid lightgray;
		padding-top:10px;
		padding-left:0;
		margin-left:0;
		float:none;
		width:100%;
	}

	.footer-links> span:first-child{
		border:none;/* don't need top border on first one */
	}

	.footer-partners{
		padding:10px 20px;
	}

	.footer-partners>*{
		float:left;
	}

	.footer-partners>a{
		width:20%;
	}

	.footer-partners>a:nth-of-type(1){
		clear:left;/* force new row */
	}
	.footer-partners>span:nth-of-type(2){
		clear:left;/* force new row */
	}

	.partner-icon{
/*		max-height:35px;*/
		max-height:55%;
		max-width:100%;
		margin:0;
	}

}
/*T4 Implementation updates*/

@media screen and (min-width: 1001px){
  #hcc-main-menu-logo {
      background-size: 100%;
      background-repeat: no-repeat;
      display: inline-block;
      height: 70px;
      width: 85%;
      max-width: 410px;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: 50px;
  }
}

.browse-header{
	background-color:#3D3C41;
	color:white;
	padding:20px 30px;
}
@media screen and (min-width: 769px) {
	.browse-header{
		padding:60px 30px;
	}
}

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

	.browse-header{
		padding:60px 140px;
	}
}

#breadcrumb-row a {
    color: #0075C9;
}

#alert-bar.emergency{
    background-color: #D9272E;
}
#alert-bar.warning{
    background-color: #ea9a00;
}
#alert-bar.notice-green{
    background-color: #6CC04A;
}

.emergencynotice {
    opacity: 1;
    display: block ;
    max-height: 400px;
}

.emergencynotice.closed {
    display: block ;
    transition: opacity 500ms ease-out, max-height 500ms ease-out ;
    max-height: 0 ;
    opacity: 0 ;
}

.big input {
    background-color: #0075c9;
    width: 150px;
}

.big input:hover, .big:hover input {
    background-color: #fff;
}

#request-info-form label.error {
    font-style: italic;
    color: #990000;
    font-size: 80%;
}


.events-stacked{padding-left:0;padding-right:0}.events-stacked ul li::before{content:none;margin:none}.events-stacked li{background-color:#FAFAFA;min-height:100px;text-indent:0; padding-top:30px; padding-bottom:30px;}.events-stacked li svg{height:15px;width:15px}.events-stacked .event-when-wrapper{float:left;max-width:10%;text-align:center}.events-stacked .event-details-wrapper{float:left;padding-left:20px;max-width:90%}.events-stacked .event-month{font-size:12px;font-weight:700;text-transform:uppercase}.events-stacked .event-day{font-size:34px;border-bottom:4px solid #FFB819;display:inline-block;margin-bottom:10px}.events-stacked .subtitle{font-size:12px;font-weight:500}.events-stacked .event-time{display:inline-block}.events-stacked .event-location{display:inline-block}.events-stacked .event-audience{font-size:12px;font-weight:400}.events-stacked .event-details{display:none}@media screen and (min-width:769px){.events-stacked{padding-left:50px;padding-right:50px}.events-stacked .event-details{display:block}}@media screen and (min-width:1001px){.events-stacked .event-details-wrapper{padding-left:30px}.events-stacked .event-day{font-size:43px}.events-stacked .event-month{font-size:14px}.events-stacked .title{margin-bottom:10px;position:relative;top:-4px}.events-stacked .title .h6{line-height:inherit}.events-stacked .subtitle{font-size:16px}.events-stacked .event-audience{font-size:16px}.events-stacked li{padding:40px 30px}}

.feature a.right-arrow-icon {
  color: white;
}
.feature a.right-arrow-icon:hover {
  color: #0075C9;
}
.main-indent a {
    color: #0075c9;
}

              /* CSS for homepage Alerts with WP/FeedBurner script  */
.alert {
  background: #FFB819;
  margin: -25px 0px;
  text-align: center;
}
.alert .feedburnerFeedBlock ul li {
  list-style: none;
  padding: 25px 0px 25px;
  text-indent: 1%;
}
.alert .feedburnerFeedBlock ul li:before {
  content: '';
  display: inline-block;
  height: 31px;
  width: 41px;
  background: url("/media/hcc-redesign/style-assets/images/img/arrow-blue-sm.png") transparent no-repeat;
  background-size: contain;
}
.alert .feedburnerFeedBlock a {
  font-size: 137.5%;
  font-family: "Gotham SSm A", "Gotham SSm B";
  color: #333;
  vertical-align: text-bottom;
  text-decoration: none;
}
@media only screen and (max-width:  695px) {
.alert .feedburnerFeedBlock a {
  font-size: 100%;
  }@
.alert .feedburnerFeedBlock ul li:before {
  height: 20px;
  width: 25px;
  }
}

/* Removes FeedBurner Buzzboost Logo (MBT) */
div #creditfooter {
  display: none;
}
/*  Removes Trumba Logo in calendar */
div #ctl05_credit {
  display:  none;
}
/*Styling for Emergency Alerts Dashboard PHP */
.emergency_alert_dashboard {
  font-size: x-large;
}