#searchbox {
	color: rgba(0,0,0,0.75) !important;
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 50px;
	height:50px;
	margin:0 2px 0 2px !important;
	margin-bottom:.75rem !important;
}

#searchbox.focus {
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
}

.hide {
	display:none !important;
}

.show {
	display:block !important;
}

.inactivefilter {
	color:#cecece !important;
	cursor:default !important;
}

.submenu.inactivefilter:hover {
	background:none !important;
}

.callout.primary a {
	color:#1B4CAB;
}

#searchresults {
	background-color: #fff;
	margin: 0;
	min-height: 200px;
	margin-bottom: 14px;
	margin-left:2px;
	margin-right:2px;
}

#searchfooter {
	padding:1rem;
	background-color:#ECF0F0;
}

#cse-results, #dir-results {
	/*padding:1.3rem 1.3rem;*/
	padding:0 !important;
}

#dir-err-msg {
	font-size:.8rem;
	text-align:center;
	padding-bottom:20px;
}

#filtermenu-sites, #filtermenu-dir, #filtermenu-dir2 {
	padding:10px;
	margin:0;
	background-color: transparent;
	padding-right: 30px;
}

#filtermenu-sites, #filtermenu-dir, #filtermenu-label {
	font-family: "Roboto", Helvetica, ​Arial, ​sans-serif !important;
    font-size: .8rem;
    font-weight: 500;
	color:#5f6368;
	border-radius:8px;
	padding-top:8px;
}

#filtermenu-sites {
	width: auto;
    max-width: 430px;
}

#filtermenu-dir {
	width: auto;
	max-width: 216px;
}

#filtermenu-label {
	padding-right:10px;	
}

.icon-filter:before {
    font-size: .7rem !important;
}

#dirfilters {
	padding-bottom:10px;
	
}

#sitefilters {
	padding: 2px 0 10px 9px;
	float:left;
}

#moreoptionsweb, #moreoptionsdir {
	border: 1px solid #cecece;
	background-color:#fff;
	position:relative;
	width:170px;
	z-index:100;
	padding:6px;
	background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
	margin-top: 8px;
}


#moreoptionsdir {
	width:140px;
	left:-32px;
	
}

/*
*:focus {
	outline:0 !important; 
}
*/

.menuitem:focus, .menuitem:hover {
	/*background-color:#d8d8d8;*/
	/*border-bottom:3px solid #47484d;*/
	color:#0078CC !important;
	outline:0 !important;
}

.filters .dirfilter {
	font-family:"Montserrat" !important;
	font-size:.75rem;
	font-weight:500;
	color:#000;
	cursor:pointer;
	line-height:1.3rem;
	padding:.25rem 0 .25rem .75rem;
	width:100%;
	text-align:left;
	text-indent: -28px;
    padding-left: 39px;
	display:inline;
}

select#filtermenu-sites option, select#filtermenu-dir option  {
	font-family: "Roboto", Helvetica, ​Arial, ​sans-serif !important;
	font-size:.8rem;
	font-weight:500;
	color:#5f6368;
	padding-bottom:10px !important;
}


.tab-label {
	font-family:"Montserrat" !important;
	font-size:1rem;
	font-weight:600;
	letter-spacing: 1px; 
}

/* back to top button */
#cd-container { 
    float: right;
}

.cd-top {
	border-radius: .5rem 0 0 .5rem;
	position: fixed;
	width: 2.4rem;
	height: 3rem;
	bottom: 4rem;
	left: -2.4rem;
	margin-left:100%;
	padding-left: 7px;
    padding-top: 14px;
	display: inline-block;
	text-align:center;
	font-size:0.9rem;
	font-weight:bold;
	line-height:1rem;
	color: white;
	background-color: rgb(0, 120, 204);
	visibility: hidden;
	overflow: hidden;
	z-index:1000;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

/* the button becomes visible */
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
.cd-top.cd-fade-out {
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #435ED5;
	opacity: 1;
}

.tab {
	height: 2.8125rem;
	padding-top: 0.6rem;
	text-align: center;
	font-weight:bold;
	color: #0078CC;
	cursor:pointer;
	border:1px solid #d8d8d8;
	border-radius: 25px 25px 0 0;
	background-color:#f9f9f9;
	z-index: 95;
}

.active-tab {
	background: #fff none repeat scroll 0 0;
	border-bottom:none !important;
	color: #47484d;
	cursor:default !important;
}

#searchcontent .active-tab span {
	border-bottom: 3px solid #F7B905;
	color:#47484d;
}

#results-dir {
	overflow:hidden;
}

#results-web.show, #results-dir.show, #results-dpt.show, #results-azl.show {
	display:block;
}

#smdirfilter {
	text-align: left;
	top:-6px;
	left:-3px;
}

#feedbackform, #feedbacksuccess, #feedbackerr {
	font-size:.8rem;
}

/* main containers */
#searchcontent {
	margin-bottom:2rem;
}

#searchtabs span {
	font-size:.85rem;
}

#searchtabs .active-tab span {
	border-bottom: 2px solid #F7B905;	
}
	
#searchtabs {
	padding-top:12px !important;
}

.dir-result {
	text-align:left;
	/*border-bottom:1px dotted #d8d8d8;*/
	padding: 10px 5px 20px 10px;
	margin:0 -10px;
	font-size: 0.8rem;
	line-height:1rem;
	color:#5A5B61;
}

.dir-result:last-child {
	border:none;
}

.dir-name {
    font-weight:bold;
	font-size:1rem;
	text-align:left;
	display:block;
	padding-bottom:0.4rem;
	line-height: 1.2rem;
}

.dir-email, .dir-title, .dir-phone, .dir-dep, .dir-loc, .dir-web {
    font-size:14px;
	text-align:left;
	display:block;
	line-height:1rem;
}

.dir-contactinfo {
	padding-top:0.4rem;
}


#dir-msg, #gsa-msg, #gsa-msg_m {
	padding-bottom:10px;
	font-size:1em;
	position:relative;
}

#dir-filter {
    margin-bottom: 10px;
}

.dir-filteroption {
    border: 1px solid #c0c0c0;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	font-size: 0.8rem;
}

.sub-nav dd[id^='dir-filter-'] {
	margin-left:0;
}

#dir-filter .sub-nav .active a {
	color:#000;
	background-color:#e6e6ed;
	font-weight:bold;
}

.sub-nav dd[id^='dir-filter-'] a {
	color:#485ebf;
}

#results-dir .sub-nav dd[id^='dir-filter-'] a {
	font-size:1rem;
}

#large-dir .sub-nav dd[id^='dir-filter-'] a {
	font-size:0.8rem;
}

#dir-filter label {
	margin-left: 0.2rem;
	margin-right: 0.6rem;
	color: #000;
}

#results-dir .dir-results {
	border:none;
	background:none;
	padding:0;
	margin-bottom:5px;
}

#results-dir .dir-result  {
	background-color:#fff;
}
	
#studentmsg, #therearemore {
    padding: 0.5rem;
    margin: 0 0 0.4rem 0;
	font-size:.75rem;
	text-align:left;
}

.filter-button {
	width:40px;
	margin:0 !important;
	font-family:"Montserrat" !important;
	font-size:1rem;
}

.filter-button.active:before {
	content: "\ea10";
	
}

#web-filters-small, #dir-filters-small {
	border: 1px solid #d8d8d8 !important;
    display: none !important;
    margin: 0px 0px 10px;
    padding: 10px 0 10px 0;
	background:white;
}

#dir-filters-small {
    padding: 10px 0 10px 15px;
}

#dir-filter-text, #web-filter-text {
	font-size: .75rem;
    padding-top: 4px;
	text-align:left;
}

#web-filters-small .filter-active, #dir-filters-small .filter-active {
	background-color:white;
	width:96% !important;
}

#web-filters-small.active, #dir-filters-small.active {
	display:block !important;

}

#web-filters-small .filters, #dir-filters-small .filters {
	 margin:0;
}

#gs_cb50 {
	color:#000;
}

#site-info {
	padding-left:8px;
}

#site-info:before {
	font-size:.8rem;
	color:#0078CC;
}

#oops:before {
	color:#D4D9D9;
	font-size:1.5rem;
    margin-left: -7px;
    -moz-osx-font-smoothing: grayscale;
    top: 7px;
    position: relative;	
}

#message {
	padding:1rem 0 0 0;
}

.poppages {
    padding: 0 0 .6rem 0;
	line-height: .8rem;    
	color:#0078CC;
}

.poppages::before {
	color:#0078CC;
	font-size:.6rem !important;
	padding-right:.3rem;
}

.poppages a {
	font-size:.8rem;
	font-weight:500;
	font-family:"Roboto",arial,sans-serif;
	padding-bottom:1rem;
}

#poppagelist {
	padding-left: 8px;
	margin-bottom:0 !important;
}

#feedback .button {
    width: 100%;
}

.serpfeat {
	background-color:#fff;
	padding: 10px 15px 8px 15px !important;
	/*box-shadow: 0px 2px 5px rgba(0,0,0,0.2);*/
	border-radius: 8px;
    border: 1px solid #cecece;
	margin: 9px 0 11px 0;
	float: left;
	width: 100%;
}

.serpfeat .grid-container {
    padding-bottom: 0.5rem !important;
    padding-top: .5rem;
	border-bottom: 1px solid #eee;
}

.serpfeat .grid-container:last-child {
	border:none;
	
}

.serpfeat .grid-container .dateext {
	text-align:right;
}

.large-4.datecol, .large-6.datecol {
    font-weight: 500;
    padding-bottom: 14px;	
	text-align: left;
	color:#47484d;
}

.large-6.datecol {
	font-size: 28px;
}

.large-4.datecol {
	font-size: 1rem;
}

.large-6.descrcol {
    padding-top: 10px;
}

.large-6.descrcol, .large-8.descrcol {
    text-align: left;
    color: #5A5B61;
}


.kcard {
	background-color:#fff;
	padding: 20px 15px 20px 15px;
	/*box-shadow: 0px 2px 5px rgba(0,0,0,0.2);*/
	margin-bottom: 1rem;			
	padding: 0 15px 5px 15px;
	float: left;
	width: 100%;
    border-radius: 8px;
	border: 1px solid #cecece;

}

.kcard.img {
	padding: 170px 15px 20px 15px;
}

.kcardtitle {
	color: #47484d;
	font-weight: 500;
	font-size: 1.25rem;
	font-family: "Montserrat";
	padding: 0.5rem 0rem 10px;
	margin-bottom: 1rem;
	position: relative;			
}
			
.kcardtitle:after {
	background-color: #0078cc;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	bottom: 0px;
	width: 75px;
}

.vendor {
	padding:7px;
	padding-left: 0;
	border-bottom:1px solid #dcdcdc;
	background-color:#fff;
	text-align:left;
}

.vendor:last-child {
	border-bottom:none;
}
	
.vendorname {
	color:#5f6368;
	font-family: "Roboto", Helvetica, ​Arial, ​sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	display:block;
	line-height:1rem;
}

.vendorstatus, .vendorstatusopen, .vendorstatusclosed {
	font-family:"Roboto", Helvetica, ​Arial, ​sans-serif;
	font-size: 12px;
	font-weight: normal;
	display:inline;
	text-align:left;
	float:left;
}

.vendorstatusclosed  {
	color:red;
	font-weight:bold;
	padding-right: 10px;
}

.vendorstatusopen {
	color:green;
	font-weight:bold;
	padding-right: 10px;
}


.vendorstatusopen::after,.vendorstatusclosed::after {
  content: "⋅";
  padding-left: 9px;
  color: #47484D;
}

#showmorebutton {
	display:none;
	position:relative;
	float:left;
	text-align: center;
    width: 100%;
	margin-bottom:.5rem;
}

.icon-info {
	padding-left: 5px;
	top: 1px !important;
	color:#0078CC;
	border:none;
}

.icon-camera:before,.icon-info:before {
    position: relative !important;
    top: -2px !important;
    font-size: .8rem !important;
}

#modalsb, #modalcc {
	max-width:700px;
	padding-top:60px;
}

.offcanvas-icon {
	z-index:1000 !important;
}

.gs-webResult.gs-result.gs-no-results-result.callout.primary {
	color:black !important;
}

a:active, a:focus {
	outline: 0;
	border: none;
	-moz-outline-style: none;
}



/* Medium down */
@media screen and (max-width: 64em) {

	.gs-no-results-result.callout.primary {
		top: -52px;
		padding-top: 48px;
		margin: 5px 10px;
	}

	#dir-results {
		padding:0;
	}	
	
	#searchbox {
		margin:-20px 0 0 0 !important;
	}
	
	#searchcontent {
		/*padding:0;*/
		margin-bottom:.25rem;
		padding:0;
	}
	
	#message {
		padding:0rem 0 2rem 0;
	}
	
	#msg404 {
		padding:1rem 1rem;
	}
	
	#contentslab {
		padding: .25rem 0;
	}
	
	.hide2 {
		display:none !important;
	}
	
	#searchresults {
		border-left: 1px solid #d8d8d8;
		border-right: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		margin: 0 0 0 0;
	}
	
	#filtermenu-sites {
		width: auto;
		max-width: 230px;
	}

	#filtermenu-dir {
		width: auto;
		max-width: 200px;
	}
	
	#therearemore {
		display:block;
	}
	
	#results-web {
		padding-top: 10px;
	}
	
	.kcard {
		border:none;
		padding: 12px 15px 0 14px;
	}

	.serpfeat {
		border:none;
	}
	
	#dir-err-msg {
		margin: 2px 0 0 2px !important;
		padding-top: 19px;
		padding-bottom: 26px;
		margin: 0;
	}
}


/* Large up */
@media screen and (min-width: 64em) {
	.gs-no-results-result.callout.primary {
		margin: -34px 10px;
	}
	
	#filtermenu-sites {
		width: auto;
		max-width: 330px;
	}
	
	#therearemore {
		display:none;
	}

	.temphide {
		display:none !important;
	}	
	
	#results-web {
		padding-right: 18px;
	}
}

#alerts-content-lg, #alerts-content-sm {
	padding-bottom:15px;
	background-color:#00243d;
	color:#fff;
}

#alerts-content-lg a, #alerts-content-sm a {
	color: #6ACEFE;
}

#alerts-content-sm {
	border:1px solid #d8d8d8;
	border-radius:25px;
	margin-top:10px;
	margin-bottom:0;
	padding:0px 15px 8px 14px;
}

.PostTitleMin {
    padding: .75rem 0rem;
}

.errpanel {
	background-color: #FDEAB4;
    border: 1px solid;
	border-top: 4px solid;
	border-color: rgb(247,186,5) rgb(247 186 5 / 50%) rgb(247 186 5 / 50%);
    padding: 17px;
    margin: 0 20px 33px 3px;
}

.errpanel p {
	margin-bottom:0;
}

.errpanel span {
	color:rgb(71,72,77);
	font-family: "Roboto",Arial,sans-serif;
	font-weight: 600;
    font-size: 1.15rem;
}

.errpanel i::before {
	color: #CC8400;
    top: -3px;
    position: relative;
    padding-right: 6px;
}