/* default styles apply to small screen; modify layout as size increases */

main{
	width:100%;
	background-color:white;
}

section{
	margin-bottom:10px;
}

section .text{
	padding: 20px 20px 0 20px;
	display:inline-block;
}

.block {
    display: block !important; /* used as an override */
}

.uppercase{
	text-transform:uppercase;
}

.main-indent{
	padding-left: 50px;
	padding-right:50px;
	display:inline-block;
	width:100%;
}


.hero-standard img.background{
	position:static;
	
}

.hero-standard .text{
	width:100%;
	height:100%;
}


/***********************************************************/
/* feature section + image */

.feature{
	padding-top:20px;
}

.feature img{
	width:100%;
}


figure{
	padding:10px 0;
}

figcaption{
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	margin:0 auto;
	margin-top:-8px; /* remove space between figcaption and fig img */
}

figcaption.text{
	padding-top:15px;
}


/***********************************************************/
/* inset image */

aside{
	padding:10px 0;
	float:none !important; /* override for small screen */
	margin-bottom:20px;
}

.image-aside img{
	width:100%;
}

.image-aside figcaption{
	background-color:#FFB819;
	padding:30px;
}

p{
	margin-bottom:10px;
}

ol, ul{
	list-style-position:inside;
}

ol{ /*default */
	list-style-type:decimal;
}

ul li::before { /*default, override elsewhere */
	content: "•";
	color: #FFB819;
	margin-right:5px;
}


/***********************************************************/
/* quotes and such */
q, blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

q:after, blockquote:after{
	content:"\201D";
}

.sunshine-quote{
	background-color: #FFB819;
	padding:60px 30px;
	margin: 40px 0;
	font-size:22px;
	line-height:36px;
	position:relative;
}

.sunshine-quote img {
    height: 50px;
    width: 70px;
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 0;
}

.sunshine-quote> span{
	position:relative;
	z-index:1;
}

cite{
	white-space:nowrap;
	display:block;
	font-size:15px;
	padding-top: 10px;
}

/***********************************************************/
/* tables */
.table-wrapper{
	position:relative;
	display:block;
}

.table-wrapper.standard-table table{
	display:block;
	overflow-x:auto;
	margin-bottom:10px;
	color:black;
}
.table-wrapper.standard-table thead{
	border-bottom: #FFB819 solid 2px;
	font-weight:500; /*gotham medium */
}

.table-wrapper.standard-table th {
	font-size:18px;
	text-align:left;
}

.table-wrapper.standard-table tbody {
	font-size:16px;
}

.table-wrapper.standard-table tr:nth-child(odd){
	background-color: white;
}
.table-wrapper.standard-table tr:nth-child(even){
	background-color: #E5F1FA;
}

.table-wrapper.standard-table th, .table-wrapper.standard-table td {
	padding:10px;
	min-width:200px;
}

.arrow-more-indicator {
	position:absolute;
	background-color: #0075C9;
	z-index:10;
	padding:10px;
	padding-bottom:4px;
	top:135px;
	right:0;
	cursor:pointer;
}

.arrow-more-indicator svg{
	height:20px;
	width:20px;
}

.arrow-more-indicator svg path{
	fill:white;
}


/***********************************************************/
/* Accordions */

.accordion-group {
	padding: 10px 0;
}


.accordion{
	background-color: #F5F5F5;
	margin-bottom:10px;
	padding: 15px 0;
    display: grid;
}

.accordion-title:before {
	content:"";
    background-image: url("/media/hcc-redesign/style-assets/images/img/accordion-plus.png");
    height:30px;
	width:30px;
	background-size:contain;
	display:block;
	margin-right:14px;
	vertical-align: text-bottom;
    float: left;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
@media screen and (max-width: 1000px){.accordion-title:before {margin-top:0px;}}

.accordion .accordion-title{
	padding-left:20px;
	padding-right:20px;
}
.accordion .accordion-title h2{
	margin-bottom:0; /* override */
}

.accordion .accordion-content{
	display:none;
}

/***********************************************************/
/* Centers of Excellence */
.coe-group{
	background-color:#E2E2E2;
	padding-bottom:10px;
}

.coe-group h2{
	padding-top:50px;
}

.coe-wrapper-parent{
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
}

.coe-wrapper{
	display: inline-block;
	width: 100%;
	float:left;
	padding:1px 0;
}

.coe{
	padding:5px;
    background-color: white;
	height:70px; /* needed to maintain row alignment */
}

.coe-title{
	padding: 15px;
	display:block;

}
.coe-title h3{
	line-height:1.2;
}

.coe-title.right-arrow-icon svg path{
	stroke: #0075C9;
}

.coe:hover{
	color:white;
	background-color:#0075C9;
}

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

/***********************************************************/
/* golden 3-up grid */

/* originally written for the carousel, but these styles apply to the gold block everywhere */

.gold-blocks .slide-center{
	transform:translateY(40px);
}

.gold-blocks .number-title{
	text-align:center;
	font-weight:700; /*gotham bold */
	font-size: 60px;
}
.gold-blocks .number-body{
	text-align:center;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:500; /*gotham medium */
	line-height: 1.2;
}

.gold-blocks h2{
	line-height:1.2;
}

.gold-blocks .text-body{
	margin:15px 0;
}

.gold-blocks .slides a{
	font-weight:bold;
	text-transform:capitalize;
}
.gold-blocks a>svg{
    height: 20px;
    vertical-align: middle;
}

/***********************************************************/
/* standard 3-across */
.standard-3-col .slides>li{
	padding:0px;
	min-height:200px;
}

/* the text-based children */
.standard-3-col .slides>li div{
	padding-left:10px;
	padding-right:10px;
}

.standard-3-col .title{
	padding: 20px 0 10px;
	font-size:22px
}


.standard-3-col .title .right-arrow-icon svg{
	left:-5px;
}

.standard-3-col .subtitle{
	padding: 5px 0;
	text-transform:uppercase;
	font-size:14px;
}
.standard-3-col .subtitle.blue{
	color:#0075C9;
}


.standard-3-col .body{
	/*display:none;*/
}

.standard-3-col.multi-row .body{
	display:block;
}


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

.blue .right-arrow-icon svg path{
	stroke: #0075C9;
}

.carousel .slides h2, .carousel .slides h3{
	line-height:1.2;
}


/***********************************************************/
/* modified 3-across (no carousel, stacks as screen condenses (float) */
.modified-3-col .slides{
	width:100%;
}

.modified-3-col .slides h3{
	line-height:1.2;
}

.modified-3-col .slides>li{
	padding:0px;
	min-height:200px;
	float:left;
	padding:20px;
	width:100%;
}

.modified-3-col .slides>li .carousel-media{
	width:100%;
}

/* the text-based children */
.modified-3-col .slides>li div{
	padding-left:10px;
	padding-right:10px;
}

.modified-3-col .title{
	padding: 10px 0 10px;
	font-size:22px
}


.modified-3-col .title .right-arrow-icon svg{
	left:-5px;
}

.modified-3-col .subtitle{
	padding: 5px 0;
	text-transform:uppercase;
	font-size:14px;
}
.modified-3-col .subtitle.blue{
	color:#0075C9;
}

.modified-3-col .body{
/*	display:none;*/
}



@media screen and (min-width: 769px) {
	.modified-3-col .slides{
		padding:30px;
	}

	.modified-3-col .slides>li{
		width:50%;
	}
	
	.modified-3-col .slides>li:nth-child(odd){
		clear:left;
	}
}


@media screen and (min-width: 1001px) {
	.modified-3-col .slides>li{
		width:33%;
	}
	
	/* undo this */
	.modified-3-col .slides>li:nth-child(odd){
		clear:none;
	}

	/* make sure we always get 3 to a row */
	.modified-3-col .slides>li:nth-child(3n + 1){
		clear:left;
	}
}



/***********************************************************/
/* 2-up slider */

#slider-intro-text{
	padding:40px 20px;
	line-height:1.2;
}

.expandable-slider .content-card{
	position:relative;
	display:block;

}
.expandable-slider .content-card h3{
	line-height:1.2;
}

.expandable-slider .sunshine-quote{
	margin-top:0;
	margin-bottom:0;
	line-height:1.6;
	padding: 30px 25px;
	font-size:18px;
	font-weight:500; /*gotham medium */
}
.expandable-slider .sunshine-quote q{
	position:relative; /* to allow z-index on quote image to apply */
}

.expandable-slider .sunshine-quote cite{
	text-transform:uppercase;
	font-size:18px; /* need to specifiy to override generic <cite> */
}

.expandable-slider .image{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height:200px;
	color:white;
	position:relative; /* so the control can be moved via position:absolute */
	
}

.expandable-slider .control{
	height:30px;
	width:30px;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1;
	content:url("/media/hcc-redesign/style-assets/images/img/blue-x.png");
	background-image: url("/media/hcc-redesign/style-assets/images/img/blue-x.png");
	background-size:contain;
	transform: rotateZ(-45deg); /* turn the X into a + */
	
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.expandable-slider .control.expanded{
	transform:none; /* turn back into an X */
}


.expandable-slider .slider-content{
	display:none;
}

.expandable-slider .sunshine-quote img{
	opacity:.5;
	height:80px;
	width:100px;
	left:15px;
}

.expandable-slider .image .text-title{
	padding:20px;
}
.darken-background{
	background-color: rgba(0,0,0,.5);
	display:inline-block;
	height:100%;
	width:100%;
}


.expandable-slider cite{
	display:block;
}

/***********************************************************/
/* Program Outcomes */

.program-outcomes{
	background-color: #F5F5F5;
}

.outcome{
	margin: 30px 0;
	position:relative;
}

.outcome img {
	height:35px;
	display:inline-block;
	vertical-align:top;
	position:absolute;
}

.outcome p{
	display:inline-block;
	padding:0;
	padding-left:50px;
}

/***********************************************************/
/* Degrees and Certificates */

.degrees-certs h2, .degrees-certs h3{
	line-height:1.2;
}

.degrees-certs .degree-row{
	border-bottom: 1px solid #FFB819;
	padding:15px 0;
}

.degrees-certs .degree-row:last-of-type{
	border-bottom:none;
}


.degrees-certs .degree-row .degree-type-short, .degrees-certs .degree-row .degree-type-full{
	display:inline;
	text-transform:uppercase;
}

.degrees-certs .degree-row .degree-more svg{
	height:15px;
	left:-10px;
}


/***********************************************************/
/* Get in touch */


.get-in-touch{
	position:relative;
}

.get-in-touch .sunshine{
	background-color: #FFB819;
}

.get-in-touch .grey{
	background-color: #F5F5F5;
}

.get-in-touch .contact-name{
	padding:10px 0;
}

.get-in-touch .contact-title{
	text-transform:uppercase;
	padding:10px 0;
}

.get-in-touch .contact-location{
	padding:10px 0;
}

.get-in-touch .contact-method{
	padding: 10px 0;
}

.get-in-touch .contact-method a{
    color: black;
}

.get-in-touch h3{
	line-height:1.2;
}


/***********************************************************/
/* Request Info form */
.request-info {
	background-color:white; /*override .get-in-touch .grey since it's a wrapper */
}

.request-info fieldset{
	margin-bottom:45px;
}

.request-info .info-header{
	display:block;
	padding-bottom:28px;
	width:100%;
}
.request-info .info-item{
    padding: 10px;
    width: 100%;
    border: 1px solid black;
	margin-bottom:10px;
	border-radius:0;
	height:50px;
}

.request-info select.info-item{
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance:none;
    background: transparent url("/media/hcc-redesign/style-assets/images/img/arrow-blue-down-sm.png") no-repeat 95% 50%;
    background-size: 20px;
}

.request-info select.info-item::-ms-expand {
    display: none; /* ie, because microsoft */
}

.request-info textarea.info-item{
	resize: vertical;
	height:300px;
}

.request-info .info-links {
	margin-top:10px; /* spacing to the submit button */
}
.request-info .info-links a{
	text-transform:uppercase;
	color: #0075C9;
}


/***********************************************************/
/* Industry Accreditation */

.industry-accreditation{
	background-color:#fafafa;
	margin-bottom:40px;
}

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

.industry-accreditation li {
	margin-bottom:10px;
	text-indent:0; /* override */
}


.industry-accreditation li a svg {
	height:15px;
	left: -10px;
}

.industry-accreditation li a svg path{
	fill:#0075C9;
	stroke: transparent;
}


/***********************************************************/
/* Image + Text Block */

.image-text-block {
	background-color: #55565A;
	color:white;
}

.image-text-block h2{
	line-height:1.2;
}

.image-text-block img{
	width:100%;
	height:auto;
}

.image-text-block .subtitle{
	text-transform:uppercase;
}

/***********************************************************/
/* Video Feature */

.video-feature .video-wrapper{
	position:relative;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.video-feature .video-wrapper.playing{
	position:fixed;
	padding-top:20%;
	padding-bottom:20%;
	overflow-y:scroll;
	z-index: 999 !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0, .9);
}



/* embedded via YouTube/Vimeo */
.video-wrapper .external-video-wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.video-wrapper .external-video-wrapper.ratio16x9 {
	padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.video-wrapper .external-video-wrapper.ratio4x3 {
	padding-bottom: 75%;
}
 
.video-wrapper .external-video-wrapper iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* resume regular styles */
.video-feature .video-play, .video-feature .video-close{
	cursor:pointer;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.video-feature .video-play{
	position:absolute;
	left: 50%;
	top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80px;
	z-index:1;
}

.video-feature .video-wrapper.playing .video-play{
	visibility:hidden;
	opacity:0;
}

.video-feature .video-close{
	visibility:hidden;
	opacity:0;

	width: 30px;
	height:30px;
	position:fixed;
	top:10px;
	right:10px;
}

.video-feature .video-wrapper.playing .video-close{
	visibility:visible;
	opacity:1;
	z-index:10;
}

.video-feature video{
	width:100%;
	height:auto;
}


/***********************************************************/
/* Tabbed Object */
.tab-group{
	padding-left:0;
	padding-right:0;
}
.tab {
	display:block;
	position:static;
	margin-bottom:5px;
}

.tab-group .tab:nth-of-type(even){
	background-color: #EDEDED;
}

.tab-group .tab:nth-of-type(odd){
	background-color: #F5F5F5;
}

.tab-group .tab.active{
	background-color: #0075C9;
	color:white;
}

.tab .tab-title{
	position:relative;
}

.tab .tab-title>p{
	padding:20px;
	padding-bottom:10px; /* since the <h*> element has 10px already */
	width:100%;
	padding-left:50px;
	text-transform:uppercase;
}

.tab .tab-title img{
	width:30px;
	height:30px;
	position:absolute;
	left:10px;
	
	-webkit-transition: content .3s linear;
	-moz-transition: content .3s linear;
	-o-transition: content .3s linear;
	transition: content .3s linear;
	
	content:url("/media/hcc-redesign/style-assets/images/img/accordion-plus.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/accordion-plus.png");
	background-size:contain;
}

.tab.active img{
	content:url("/media/hcc-redesign/style-assets/images/img/accordion-minus.png");
	background-image:url("/media/hcc-redesign/style-assets/images/img/accordion-minus.png");
}

.tab, .tab-data .tab-content{
/*	-webkit-transition: all .3s linear;*/
/*	-moz-transition: all .3s linear;*/
/*	-o-transition: all .3s linear;*/
/*	transition: all .3s linear;*/
/* iFactory said no animation */
}

.tab-content.active{
	background-color: #0075C9;
	color:white;
}

.tab.active a {
    color: white;    
}


/* get it out of the way! */
.tab-content:not(.active){
	position:fixed;
	z-index:-10;
	left:-1000px;
}

.tab-content .tab-header{

}

.tab-content .tab-body{
	padding-bottom:10px;
}






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

	.hero-standard img.background{
		position:absolute;
	}
	
	.hero-standard .text{
		position:relative;
		display:inline-block;
		color:white;
		background-color:rgba(0, 0, 0, 0.5);
		padding-top:50px;
		padding-bottom:50px;
	}
	
	section .text{
		padding-left:50px;
		padding-right:50px;
	}
	
	aside{
		max-width: 35%;
		padding:10px;
	}


	aside.right{
		float:right !important;
		margin-left:50px;
	}
	
	aside.left{
		float:left !important;
		margin-right:50px;
	}
	
	.sunshine-quote{
		padding:35px 80px;
	}
	
	/***********************************************************/
	/* Accordions */
	.accordion-group {
		padding:10px 50px ;
	}
	
	.accordion{
		padding: 20px 0;
	}
	
	.accordion .accordion-content{
		padding-left:70px;
		padding-right:70px;
	}
	
	/***********************************************************/
	/* Center of Excellence grid */
	.coe-wrapper-parent{
		padding-left:50px;
		padding-right:50px;
	}
	
	.coe-wrapper{
		width:50%;
		padding:5px;
	}
	
	.coe{
		height:95px;
	}
	
	/***********************************************************/
	/* 3-across carousel */
	
	/* the text-based children */
	.standard-3-col .slides>li div, .modified-3-col .slides>li div{
		padding-left:20px;
		padding-right:20px;
	}

	.standard-3-col .title, .modified-3-col .title{
		font-size:24px;
	}
	.standard-3-col .subtitle, .modified-3-col .subtitle{
		font-size:16px;
	}
	
	/***********************************************************/
	/* 2-up slider */
	.expandable-slider {
		position:relative;
	}

	#slider-intro-text{
		background-color:rgba(255,255,255,.8);
		display:inline-block;
		z-index:1;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		padding:25px 80px;
	}
	
	.expandable-slider .sunshine-quote{
		padding:50px;
		font-size:20px;
	}
	.expandable-slider .sunshine-quote cite{
		font-size:18px;
	}
	
	.expandable-slider .sunshine-quote img{
		height:110px;
		width:140px;
		left:0;
	}
	
	.expandable-slider .content-card{
		width:50%;
		float:left;
		
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;

	}
	
	.expandable-slider .slider-content{
		height:100%;
		position:absolute;
		top:0;
		bottom:0;
		opacity:.8;
	}
	
	.expandable-slider .slider-content .relative{
		top:25%; /* move text content down, towards center */
	}
	
	.expandable-slider .content-card.expanded{
		width:80%;
	}
	.expandable-slider .content-card.condensed{
		width:20%;
	}
	
	
	.expandable-slider .image {
		height:400px;
	}
	
	.expandable-slider .image .text-title{
		padding:20px 50px;
		top:35%;
	}

	.expandable-slider .control{
		top: 35%;
		transform: translateY(-50%);
		
		content:url("/media/hcc-redesign/style-assets/images/img/blue-arrow.png");
		background-image:url("/media/hcc-redesign/style-assets/images/img/blue-arrow.png");
		background-size: contain;
	}
	
	.expandable-slider #slider1 .control{
		left: 10px;
		transform: rotate(180deg) translateY(50%);
	}
	
	.expandable-slider #slider2 .control{
		transform: translateY(-50%);
	}
	
	.expandable-slider #slider1 .control.expanded, .expandable-slider #slider2 .control.expanded{
		content:url("/media/hcc-redesign/style-assets/images/img/blue-x.png");
		background-image:url("/media/hcc-redesign/style-assets/images/img/blue-x.png");
	}
	
	

	/***********************************************************/
	/* Program Outcomes */
	.outcome{
		margin: 35px 0;
	}
	
	/***********************************************************/
	/* Get In Touch */
	.get-in-touch .contact-method{
		display:inline-block;
		width:250px;
	}
	
	
	/***********************************************************/
	/* Request Info form */
	.request-info form div.cols2{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		 column-count: 2;
		 
		-webkit-column-gap: 90px;
		-moz-column-gap: 90px;
		column-gap: 90px;
	}
	
	/***********************************************************/
	/* Image + Text Block */
	.image-text-block img{
		width:40%;
	}
	
	.image-text-block .text-block{
		width:60%;
		float:right;
	}
	
	/***********************************************************/
	/* Tabbed Object */
	
	.tab-group{
		padding-left:50px;
		padding-right:50px;
	}
	
	.tab {
		display:inline-block;
		margin-bottom:0;
	}
	
	.tab .tab-title>p{
		padding-left:20px;
	}

}



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

	.hero-standard .text{
		padding-top:70px;
		padding-bottom:70px;
	}

	section .text{
		padding-left:120px;
		padding-right:120px;
	}
	
	.arrow-more-indicator {
		display:none;
	}
	
	aside{
		margin-bottom:50px;
	}
	
	aside.right{
		margin-left:100px;
	}
	
	aside.left{
		margin-right:100px;
	}
	
	
	.sunshine-quote{
		font-size:28px;
	}
	
	/***********************************************************/
	/* Accordions */
	.accordion-group {
		padding:10px 120px;
	}
	
	.accordion .accordion-title{
		padding-left:30px;
		padding-right:30px;

	}
	.accordion .accordion-content{
		padding-left:80px;
		padding-right:80px;
	}
	
	.coe-wrapper{
		width:33.333%;
	}
	
	.coe{
		height:130px; /* needed to maintain row alignment */
	}
	
	/***********************************************************/
	/* 3-across carousel */
	
	.gold-blocks .flexslider{
		margin-bottom:10px; /* screen is big enough to fit 3, no need for navigation */
	}
	
	.gold-blocks .number-title{
		font-size: 80px;
	}
	.gold-blocks .number-body{
		font-size: 25px;
	}
	
	.standard-3-col .slides>li div, .modified-3-col .slides>li div{
		padding-left:0; /* reset */
		padding-right:0;/* reset */
	}
	
	.standard-3-col .title, .modified-3-col .title{
		font-size:28px;
	}
	.standard-3-col .subtitle, .modified-3-col .subtitle{
		font-size:18px;
	}
	
	.standard-3-col .body, .modified-3-col .body{
		display:block;
	}
	
	/***********************************************************/
	/* Slider */
	
	#slider-intro-text{
		padding:35px 150px;
	}
	
	.expandable-slider .sunshine-quote{
		font-size:34px;
	}

	.expandable-slider .sunshine-quote cite{
		font-size:22px;
	}
	
	.expandable-slider .sunshine-quote img{
		height:210px;
		width:270px;
	}
	
	.expandable-slider .image {
		height:600px;
	}
	
	/***********************************************************/
	/* Program Outcomes */
	.outcome{
		margin: 50px 0;
	}

	.get-in-touch .touch-block.grey{
		width:34%;
		float:left;
		
	}
	
	.request-info {
		width:66%;
	}

}

.feature.image-aside figcaption {
    background-color: #fff;
}

.feature.image-aside figcaption.inner {
    background-color: #FFB819;
    line-height: 1.5;
    margin-top: -2rem;
}


/***********************************************************/
/* CSS Added for Search T4 */
.gs-result .gs-title, .gs-result .gs-title * {
    color: #0075C9;
    text-decoration: none;
    font-family: "GothamBook";
    font-family: "Gotham SSm A", "Gotham SSm B";
}
.gs-result .gs-title:hover, .gs-result .gs-title:hover * {
    text-decoration: underline;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    font-family: "GothamBook";
    font-family: "Gotham SSm A", "Gotham SSm B";
}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    font-family: "GothamBook";
    font-family: "Gotham SSm A", "Gotham SSm B";  
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    padding-bottom: 24px; 
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    font-size: 16px;
    color: #0075C9;
    font-family: "GothamBook";
    font-family: "Gotham SSm A", "Gotham SSm B";
}
.feature a {
    color: #0075C9;    
}

.main-indent a.white,
.main-indent .tab-body a{
    color:#d8d8d8;
	text-decoration: underline;
}

/***********************************************************/
/* CSS  for Intelliresponse Ask HCC Form */
#question {padding:10px; color:#000;}
#AskButton, #topTenBtn{    border-radius: 25px;
    padding: 10px 20px; color:#fff;     font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    top: 2px; 
    border: 1px solid #0075c9;
    background-color: #0075c9; 
    margin: 10px 5px;
    display: inline-block;}
#AskButton:hover, #topTenBtn:hover{    color: #0075c9;
    background-color: white;}