/* KY Content Query Webpart Styles */
@media only screen and (min-width: 100px)
{

	/* Body Content Fix */
	
	.Homepage-Layout #bodyContent {
		padding: 10px 15px;
	}


	/* accessible offscreen style for hiding content */
		
	.offscreen {
	 clip: rect(1px 1px 1px 1px); /* IE 6/7 */
	  clip: rect(1px, 1px, 1px, 1px);
	  height: 1px;
	  overflow: hidden;
	  position: absolute;
	  white-space: nowrap; /* added line */
	  width: 1px;
	}
	
	.text-muted {
		color:#777;
	}

		
	/* Search Styles */
	
	
	.btnBlock {
		margin-top: 20px;
	}
	
	/*.btnBlock button {
		margin-bottom: 10px;
	}*/
	

   /* Top Three Block */
	
	#greywrap {
		background: #f5f5f5;
		margin-top: 0px;
		padding-top: 40px;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	
	#greywrap .callout {
		margin-bottom: 20px;
	}
	
	#greywrap h2 {
		font-weight:300;
	}
	
	#greywrap a {
		text-decoration: none;
		color: black;
	}
	
	#greywrap a::before {
	    content: "> ";
	}
		
	#greywrap p {
		margin-left: 30px;
		margin-right: 30px;
		letter-spacing: 1px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#greywrap .icon {
		font-size: 60px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	.actionBlock .descBlock {
		padding-left: 20px;
	    padding-bottom: 10px;
	    display: block;
	}	
	

/* Announcement Card Styles */

/*	.announceCards {
		display:flex;
		flex-flow: row wrap; /*flex-flow: row wrap; to make the announcements 100%*/
	/*}*/

	.announceCard a:before {
		content: ""!important;
		display: inline!important;
    	margin-right: 0px!important;
	}

	.announceCard {
	    /*will-change: transform;*/
	    /* margin: 8px; */
	    position: relative;
	    border-radius: 2px;
	    /*overflow: hidden;*/
	    background-color: #fafafa;
	    /*height: 35%;*/
	    width: 100%;
	    -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	    transition: 0.25s;
	    box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
		padding:0px; /* added */
		flex:0 0 47%; /* added */
	    margin:0% 3% 4% 0; /* added */
	    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    	line-height: 16px;
    	text-align:left;
	}
	
	.announceCard:hover {
    box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
	}

	.announceImg {
	    /*position: absolute;
	    background-size: cover;
	    background-position: center bottom;
	    background-repeat: no-repeat;*/
	    width: 100%;
	    height: 200px;
	    overflow: hidden;
	    display: block;
	    opacity: 1;
	    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    margin:0px 0px 10px 0px!important;
	    object-fit: fill;
	}
	
	.announceCardBody {
	}

	.announceCardTitle {
		-webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    font-size: 24px;
	    color: #FFF;
	    margin: 0;
	    /*position: absolute;
	    left: 0;
	    right: 0;*/
	    padding: 0 16px;
	    font-weight: 400;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    font-style: normal;
	    min-width: 0;
    	-webkit-box-flex: 1;
    	-ms-flex: 1;
    	flex: 1;
	}
	
	.announceCardTitle h2 {
		color: #444;
    	line-height: 1.5em;
    	font-weight: 500;
    	font-size:1rem;
    	border-bottom:0px;
    	margin: 0px;
    	font-style: normal;
    	white-space: initial;
    }
	
	.announceDesc {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    font-size: 15px;
	    display: block;
	    /*left: 0;
	    right: 0;
		position: absolute;*/
	    top: 100px;
	    padding: 0px 16px 16px 16px;
	    margin: 0;
	    overflow: hidden;
	    -webkit-transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    -webkit-transition: delay 0.1s;
	    transition: delay 0.1s;
	    color: #666;
    	line-height: 20px;
    	font-weight:400;
    	font-style: normal;
	}
	
	.announceDesc em {
    	font-style: normal;
	}
	
	.announceRead {
    	/*color: #0088cc!important;*/
    	text-decoration: none;
    	font-weight:700;
	}
	

	/* Card Styles */
	
	
	.topCards {
		margin-top: 50px;
	}
	
	.cards {
	  display:flex;
	  flex-flow: row wrap;
	}
	
	.card a:before {
		content: ""!important;
		display: inline!important;
    	margin-right: 0px!important;
	}


	.card {
	    /*will-change: transform;*/
	    /* margin: 8px; */
	    position: relative;
	    border-radius: 2px;
	    /*overflow: hidden;*/
	    background-color: #fafafa;
	    height: 35%;
	    width: 344px;
	    -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
		padding:0px; /* added */
		flex:0 0 30%; /* added */
	    margin:2% 3% 1% 0; /* added */
	}	
	


	.card-image {
	    position: absolute;
	    background-size: cover;
	    background-position: center bottom;
	    background-repeat: no-repat;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    display: block;
	    opacity: 0;
	    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	}
	
	.card-title {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    font-size: 24px;
	    color: #FFF;
	    margin: 0;
	    position: absolute;
	    left: 0;
	    right: 0;
	    padding: 0 16px;
	    font-weight: 400;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	.card-subtitle {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    font-size: 14px;
	    display: block;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    color: #000;
	    left: 88px;
	    right: 0;
	    top: 45px;
	    position: absolute;
	    padding: 0 16px;
	    opacity: 0;
	    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	
	.card-text {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    font-size: 14px;
	    display: block;
	    left: 0;
	    right: 0;
	    top: 100px;
	    padding: 16px;
	    margin: 0;
	    line-height: 1.6;
	    position: absolute;
	    color: #000;
	    overflow: hidden;
	    -webkit-transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    -webkit-transition: delay 0.1s;
	    transition: delay 0.1s;
	}

	
	.card-action-bar {
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    position: absolute;
	    bottom: 0;
	    top: auto;
	    left: 0;
	    right: 0;
	    padding: 0 8px;
	    border-top: 1px solid #E0E0E0;
	    boz-sizing: border-box;
	    height: 52px;
	    -webkit-transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	    transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	
	.card-button {
	    outline: none;
	    position: relative;
	    display: inline-block;
	    line-height: 51px;
	    padding: 0 16px;
    	color: #FF4136!important;
    	border: none;
    	text-decoration: none!important;
    }
	
    
    .card-button:hover, .card-button:active {
	    color: #FF4136;
		text-decoration: underline!important;
		border-color: #92c0e0;
   		background-color: #e6f2fa;
	}
    
	
	.card-button a, .card-button a:visited, .card-button a:link {
	    text-decoration: none;
	    color: #FF4136;
	}
		
	.card-lg {
	    box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);
	    height: 304px;
	    min-height: 330px;
		flex: 0 0 21%;
    	margin: 2% 2% 1% 2%;
    	margin: 1em auto;	
    }
	
	.card-lg .card-image {
	    border-radius: 1px 1px 0 0;
	    left: 0;
	    right: 0;
	    top: 0;
	    opacity: 1;
	    max-height: 176px;
	    background-position: center top;
	}
	
	.card-title-bg {
		top: 149px;
	    background-color: dodgerblue;
	    position: absolute;
	    left: 1px;
	    right: 1px;
	    height: 26px;	
    }
	
	.card-lg .card-title {
    	text-shadow: 0 1px black;
	}	
	
	.card-lg .card-text {
	    top: 176px;
	    padding: 5px 16px 16px;
	}	
	
	.card-lg .card-action-bar {
	    left: 0;
	}
	
	.card-md {
	    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
	    height: 140px;
	    min-height: 140px;
	    cursor: pointer;
	}
	
	.card-md-wide {
	    height: auto;
	    min-height: 140px;
	    cursor: pointer;	
		flex:0 0 46%; /* added */
	    margin: 3% 3% 1% 1%; /* added */
	    /*margin:1em 1em;*/
	}
		
	.card-md .card-title {
	    color: #333;
	    font-weight: 500;
	    top: 16px;
	    font-size: 1.7rem;
	    margin-left: 5px;
	    display: inline-block;
	    line-height: 20px;
	    white-space: normal;
	    overflow: visible;
	}
	
	.card-md .card-subtitle {
		opacity: 100;
		left: 5px;
		top: 60px;
	}
		
	.card-md .card-text {
	    font-size: 16px;
	    top: 50px;
	}
	
	.card-md .card-action-bar {
		padding: 14px 20px;
	}
	
	.card-primary {
		border-top: 5px solid lightblue;
	}
	
	.card-warning {
		    border-top: 5px solid #fae86e;
	}
	
	.card-success {
    	border-top: 5px solid lightgreen;
	}
	
	.btn-card-default {
	    color: #333;
    	background-color: #ddd;
    	border-color: #ddd;
	}
	
	.btn-card-default.active:focus, .btn-card-default:hover {
	}
	
	.btn-card-primary {
		background-color: lightblue;
	}
	
	.btn-card-primary:active, .btn-card-primary.active:focus, .btn-card-primary:active:focus,  .btn-card-primary.active, .btn-card-primary.active:hover, .btn-card-primary:hover {
		background-color: deepskyblue;
	}
	
	.btn-card-warning {
		background-color: #fae86e;
	}
	
	.btn-card-warning:active, .btn-card-warning.active:focus, .btn-card-warning:active:focus, .btn-card-warning.active, .btn-card-warning.active:hover, .btn-card-warning:hover {
		background-color: yellow;
	}

	.btn-card-success {
    	background-color: lightgreen;
	}

	.btn-card-success:active, .btn-card-success.active:focus, .btn-card-success:active:focus, .btn-card-success.active, .btn-card-success.active:hover, .btn-card-success:hover {
    	background-color: lawngreen;
	}
	
	.card .card-header {
	  padding:10px
	}

	.card .card-header .course-length {
	  float:right;
	}

	.card .card-body {
	  position:relative;
	}

	.card .card-body img {
	  max-width:100%;
	  width:100%;
	  height:auto;
	}

	.card .card-body .card-title {
	  position:absolute;
	  bottom:0;
	  left:0;
	  right:0;
	  width:100%;
	  background:rgba(0,0,0,0.75);
	  margin:0;
	  padding:10px;
	  color:#fff;
	}

	.card .card-footer {
	  padding:10px;
	}

	.card .card-footer p {
	  border-bottom:1px solid #ddd;
	  padding-bottom:10px;
	  margin-bottom:10px;
	}

	.card .btn-success {
	    background: #1a931a;
	    color: #ffffff;
	    color: #f0fff0;
	    border: 1px solid transparent;
	    border-top-color: #5fb35f;
	}
	
	.card .btn-danger {
	    background: #a21510;
	    color: #ffffff;
	    color: #fff0f0;
	    border: 1px solid transparent;
	    border-top-color: #be5b58;
	}
	
	.card .btn-info {
	    background: #00345e;
	    color: #ffffff;
	    color: #fff0f0;
	    border: 1px solid transparent;
	    border-top-color: #002849;
	
	}
	
	.card h3 {
	    font-size: 1.7rem;
	    margin-left: 5px;
	    display: inline-block;
		line-height: 20px;
		white-space: normal;
		overflow:visible;
	}
	  
	.card .panel-body h4 {
		
		margin-top: -35px;
	    /* display: block; */
	    /* z-index: 1; */
	    position: absolute;
	    /* top: 150px; */
	    /* left: 0; */
	    /*background: #e74c3c;*/
	    padding: 10px 15px;
	    color: #FFFFFF;
	    font-size: 14px;
	    font-weight: 600;
	    text-transform: uppercase;
	    border-radius: 6px;
	}
	
	.card h5 {
		font-size: 2rem;
		min-height: 45px;
	}
	
	.card.thumbnail .caption {
		padding: 16px;
	}

	.fa-12x {
		float: left;
	    font-size: 12rem;
	    opacity: 0.8;
	    margin-right: 10px;
	    padding-right: 20px;
	}
	
	.card .panel-heading .fa-stack {
		padding-top: 5px;
	}
	
	.card .panel-heading .subtitle {
	    display: block;
	    font-size: 1.5rem;
	    margin-left: 43px;
	    margin-top: -12px;
	}
	
	.card.panel-primary>.panel-heading {
	    color: #333;
	    background-color: aliceblue;
	    border-color: gainsboro;
	}
	
	.card.panel-primary {
	    border-color: gainsboro;
	}
	
	.card-modal {
		padding-top: 10px;
	}
	
	.card-modal h1 {
		font-size: 2.5rem;
	}
	
	.card-modal .subtitle small {
		color: #333;
	}
	
	.card-modal .jumbotron {
		background-color: transparent;
	}
	
	.modal-header {
		padding: 0px;
	}
	.modal-header .close {
	    top: -27px;
	    position: relative;
	    left: 28px;
	    opacity: 1;
	}
	
	.jumbo-primary {
	    color: #333;
	    background-color: lightblue;
	}
	
	.jumbo-warning {
		color:#333;
		background-color:#fae86e;
	}
	
	.jumbo-success {
		color:#333;
		background-color:lightgreen;
	}
	
	.modal-body {
		font-size: 16px;
		margin-bottom: 20px;
	}
	
	.card-modal .modal-footer {
		text-align: start;
	}
	
	.infoBox {
	    padding-top: 15px;
	    float: left;
	}
	  
	.card .panel-body .image{
		width:100%;
	}
	
	.card .duration {
		font-weight:600;
		margin-right: 5px;
	}
	
	.card-modal .duration {
		font-weight:600;
	}
	
	.cardDescription {
	    min-height: 94px;
	    border-bottom: 1px solid #ccc;
	}
	
	.card .student li {
		padding:10px;
	}
	
	.card .caption a.btn {
		text-decoration: none;
	}
	
	.card .btn {
		color: #333;
	}
	
	.card .btn-default {
		background-color: white;
	}

	.filterContainer {
		border-width: 1px;
		border-style: solid;
		display: inline;
	}
	
	.cbq-h2 {
	    width: 100%;
	    margin: 40px 0px 30px;
	}

	#cbqwpctl00_ctl00_m_g_69473741_586a_4d55_9db6_ce98b8f6c1b8 h3 {
		clear:both;
	}
	
	 .cbq-h3{
		padding-top: 20px;
	}
		
	.imgBlock {
	    display: block;
	    width: 155px;
	    padding: 10px 10px 20px 10px;
	    margin-bottom: 40px;	
	}
	
	.imgBlockSmall {
	    width: 107px;
	    margin-bottom: 0px;
	}

	.imgBlock .image {
	    /*width:100%;*/
	    width: 87px;
    	height: 122px;	
	}
	
	.imgBlockSquare {
		width:100%;
		margin-bottom: 0px;
		padding: 0px;
	}
	
	.imgBlockSquare .image {
		width: 200px;
	    height: 200px;
	    margin-bottom: 10px;
	   /* margin: 0 auto;
	    display: block;	*/
	}
	
	.squareAddressBlock .blockLeft {
    	text-align: left;
    	width: 45%;
    	margin-left:10px;
	}
	
	.squareAddressBlock .blockRight {
    	text-align: right;
    	width: 45%;
    	margin-right:10px;
	}
	
	.text-left-20 {
		margin-left:20px;
	}

	
	.card-md .descBlock .card-title, .card-md .descBlock .card-subtitle {
		padding-left: 150px;
	}
	
	.addressBlock {
		min-height: 140px;
	    display: block;
	}	
	
	.descBlock .card-subtitle {
		top:95px;
	}
	
	.card-wide .title {
		margin-bottom: 10px;
	}
	
	.card-wide .subtitle {
		margin-bottom: 20px;
		display: block;
	}
	
	.card-wide .cardTitle {
		font-size:1.3em;
	}
	
	.card-wide .card-subtitle {
		top: 45px;
	    position: static;
	    padding: 0;
	    opacity: 1;
	}
	
	.footerBlock {
	    padding: 5px;
    	display: block;
	}
	
	.cardFooterBlock ul {
	    margin: -7px 0 0 0;
	}
	
	.card-wide {
	    height: auto;
	    min-height: 140px;
	    cursor: default;	
		flex:0 0 100%; /* added */
	    margin: 0; /* added */
	    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
	    border-radius: 2px;
    	background-color: #fafafa;
   		-webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    	transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    	width: 100%;
    	padding: 20px 20px 20px 20px;
    	margin-bottom: 20px;
	}
	
	.card-wide .imgBlock {
		float:right;
		margin-bottom:0;
	}

	.card-wide .descBlock, .card-wide .infoBlock, .card-wide .descBlock .card-title, .card-wide .descBlock .card-subtitle, .card-wide .card-action-bar {
		/*display: block;*/
	    text-align: left;
	}
	
	.card-wide .descBlock .card-title, .card-wide .descBlock .card-subtitle {
    	padding-left: 0px;
	}
	
	.card-wide .descBlock .card-subtitle, .card-wide .infoBlock {
		margin-bottom:15px;
	}
	
	.card-wide .descBlock {

	}
	
	.card-wide .card-title {
		color: #333;
    	font-weight: 500;
    	font-size: 1.3rem;
    	padding: 0;
    	margin-left: 0;
    	margin-bottom: 5px;
    }
    
    .card-wide .card-subtitle {
    	margin-bottom: 15px;
    }
    
    .card-wide .directions {
		float:right;
		display: block;
		text-align:center;
		color: blue;
		margin: 50px 25px;
	}
	
	.card-wide .directions img {
		margin-bottom:10px;
	}
	
	.card-wide .directions-icon {
		width:32px;
		height:32px;
		margin: 0 auto;
	}
	
	.directions-icon svg {
		width:100%;
		height:100%;
	}
	
	.card-wide address {

	}
	.card-wide .addy1 {
		padding-left: 4px;
	}
	.card-wide .addy2, .card-wide .city {
		padding-left: 26px;
	}
	
	.fa-solid.fa-phone-office {
		margin-right:8px!important;
}
	
	
	.card-wide address .website {
		margin-top: 5px;
    	display: block;
	}
	
	.card-wide .infoBlock .fa, .card-wide .infoBlock .fa-solid, .card-wide .infoBlock .card-address, .contactBlock .card-address {
		/*display: table-cell;*/
		margin-right: 10px;
	}

	.card-wide .infoBlock .card-address {
		padding-left:10px;
	}	
	
	.card-wide .infoBlock {
	
	margin-bottom: 20px;
}
	.card-wide .zipcodes {
		display:none;
	}
	
	.card-wide .catItem {
    display: inline-block;
    padding-bottom: 4px;
	}	
	
	.jobs li {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.jobs li:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.jobs address {
	padding: 2px 16px;
}

.jobs li {
    padding: 10px;
}


.boardList, .staffList {
	  /* border-top: 1px solid lightgray; */
	  padding: 0px 15px;
}

.boardList li, .staffList li {
	  display:block;
	 /* padding: 20px;*/
      margin: 0 0px 20px;
      border-left: 1px solid #cfcccc;
     /* background-color: #f1f1f1;
      box-shadow: 0 2px 3px rgb(0 0 0 / 0.2); */
}

.boardList .name, .boardList .name b, .boardList .name strong, .staffList .name, .staffList .name b, .staffList .name strong {
	  font-family: 'Source Sans Pro', sans-serif;
	  font-size:1.35em;
	  line-height:1.5em;
	  font-weight:300;
}

.boardList .title, .staffList .title {
	color: #1e99c1;
	font-size: 1.25em;
    margin-bottom: 10px;
    display: block;
}

.boardList .department, .staffList .department {
    margin-left: 0px;
    padding-left: 0px;
}


.img-left-zero {
	padding-left:0px;
}


.featureRow {
   /* border-bottom: 1px solid lightgray;
    padding: 20px;*/
}
		
	/*   FAQ Styles     */
	
	.docList {
	  border-top: 1px solid lightgray;
	}
	
	.docList li {
	  color: #005782;
	  text-decoration: none;
	  background: 0 0;
	  transition: background .3s ease-out;
	  font-weight: 500;
	  font-size:16px;
	  line-height: 16px;
	  position:relative;
	  border-bottom: 1px solid lightgray;
	  cursor:pointer;
	}
	
	.docList li .disabled {
    	cursor: pointer !important;
	}
	
	.boardList li, .boardList li .disabled {
		cursor: default !important;
		min-height: 443px;
	}
	
	.staffList li {
		cursor: default !important;
		max-height: 235px;
		min-height: 214px;
	}
	
	.staffList h3 {
		margin: 40px 0px !important;
		width: 100%;
    	clear: both;
	}
	
	.faq li, .docList li {
    }
    
    .docList li a {
	  padding:20px;
	  display:block;
	}
	
	.docList li a:hover {
  	  text-decoration: none!important;
	}
	
	.docList li:hover {
	  background-color: #f1f1f1;
	  box-shadow: 0 2px 3px rgb(0 0 0 / 0.2);
	}
	
	.downloadIcon {
	    right: 0;
	    z-index: 1000;
	    color: #9a9a9a;
	    top: 10px;
	    position: absolute;
	    display: block;
	    width: 39px;
	    height: 34px;
	    line-height: 34px;
	    font-size: 17px;
	    visibility: hidden;
	}

	.docList li:hover .downloadIcon {
	  visibility: visible;
	}
    
    .answer li {
	  border-bottom: 0px;
    }
	
	.faq h2 {
		margin: 20px 0;
	}
	
	.faq h3 {
		margin: 20px 0;
	}
	
	.faq .question, .faq .answer {
		display: block;
	}
	
	.question {
		margin-bottom:10px;
		font-weight:800;
	}
	
	.answer {
		margin-bottom:20px;
	}
	
	.filterSearch {
		border-radius: 6px!important;
		padding-left: 43px!important;
	}
	
	.filterBlock {
		margin-bottom: 15px;
	}
	
	.filterBlock .input-group-lg {
		position:relative;
	}
	
	#inputClear {
	    cursor: pointer;
	    left: unset;
	    margin-right: 5px;
	    color: #9a9a9a;
	    pointer-events: auto;
	    display: none;
	}
	
	#inputClear:before {	
	    text-align: center;
    	display: block;
	}
	
	.clearBg {
    	display: block;
	}
	
	.clearBg:hover {
	    background: #f1f1f1;
    	border-radius: 50%;
	}
	
	#clear {
		display: none;
	}
	
	.sort.asc, .sort.desc {
	  background-color: yellow;
	  }
	.sort.asc::after {
	  content: "\002B06";
	  padding-left: 3px;
	  }
	.sort.desc::after {
	  content: "\002B07";
	  padding-left: 3px
	  }
	
	.tooltip-inner {
		background-color: #444;
		border-radius: 6px!important;
	}

	.filterBlock .form-control-feedback {
	    left: 0px;
    	z-index: 1000;
    	color: #9a9a9a;
    	top: 5px;
    	margin-left: 5px;
    	width: 44px;	
    }
    
	.filterBlock .form-control-feedback-right {
	    right: 1px;
	    z-index: 1000;
	    color: #9a9a9a;
	    top: 7px;
	    position: absolute;
	    display: block;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 17px;
   	}
	
	.result-block {
		display: block;
	    margin-bottom: 20px;
	    color: darkgrey;
	    margin-left: 2px;
	}
	
	.no-result {
	  /*display:none;*/
	  font-size: 2em;
	  font-weight: 600;
	}

	.suggest {
		margin-bottom:30px;
	}
	
	.suggestBlock {
		margin-left:30px;
	}
	
	.highlight{
		background-color:yellow;
		font-weight:700;
	}
	
	.divider {
	  font-size: 14px;
	  padding: 1px 5px;
	  line-height: 1.5;
	}
	
	
	#staff {
	  display:flex;
	  flex-flow: row wrap;
	}
	.member {
	    flex:0 0 30%;
	    margin:2% 3% 1% 0;
	    will-change: transform;
	    overflow: hidden;
	    height: 35%;
	    width: 344px;
	    -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	
	
	/*   Medical Index Numbers     */
	
	.indexNumber {
		margin-right: 40px;
	}
	
	.docName {
		font-weight:bold;
	}
	
	.specialty {
		margin-left: 95px;
		font-style: italic;
		color: gray;
		font-size: 0.5rem;
		display: block;
		margin-top: 6px;
	}


    /* Current Wage Rates */
    
    .county, .davis {
		display:block;
	}
	
	.county {
		font-weight: bold;
	}
	
	.davis {
		font-style: italic;
	}

	  
	
	/*   Button Circle Styles     */
	
	
	
	.btn-circle {
	  width: 49px;
	  height: 49px;
	  text-align: center;
	  padding: 5px 0 5px 2px;
	  font-size: 20px;
	  line-height: 1.80;
	  border-radius: 30px;
	}
	
	.btn-circle-micro {
	  width: 19px;
	  height: 19px;
	  text-align: center;
	  padding: 1px 0;
	  font-size: 13px;
	  line-height: 0.1;
	  border-radius: 30px;
	}
	
	.btn-circle-sm {
	  width: 35px;
	  height: 35px;
	  text-align: center;
	  padding: 2px 0;
	  font-size: 17px;
	  line-height: 1.65;
	  border-radius: 30px;
	}
	
	.btn-circle-lg {
	  width: 79px;
	  height: 79px;
	  text-align: center;
	  padding: 13px 0;
	  font-size: 30px;
	  line-height: 2.00;
	  border-radius: 70px;
	}


	/*   Ribbon Styles     */

	.box li {
		position:relative;
		margin-bottom:20px !important;
	}
	
	.ribbonBox {
	  width: 150px;
	  height: 150px;
	  overflow: hidden;
	  position: absolute;
	}
	.ribbonBox::before,
	.ribbonBox::after {
	  position: absolute;
	  /* z-index: -1; */
	  content: '';
	  display: block;
	  border: 5px solid #2980b9;
	}
	.ribbonBox span {
	  position: absolute;
	  display: block;
	  width: 225px;
	  padding: 10px 0;
	  background-color: #3498db;
	  box-shadow: 0 5px 10px rgba(0,0,0,.1);
	  color: #fff;
	  font: 700 14px/1 'Lato', sans-serif;
	  text-shadow: 0 1px 1px rgba(0,0,0,.2);
	  text-transform: uppercase;
	  text-align: center;
	}
	
	/* top left*/
	.ribbon-top-left {
	  top: -10px;
	  left: -10px;
	}
	.ribbon-top-left::before,
	.ribbon-top-left::after {
	  border-top-color: transparent;
	  border-left-color: transparent;
	}
	.ribbon-top-left::before {
	  top: 0;
	  right: 0;
	}
	.ribbon-top-left::after {
	  bottom: 0;
	  left: 0;
	}
	.ribbon-top-left span {
	  right: -25px;
	  top: 30px;
	  transform: rotate(-45deg);
	}
	
	/* top right*/
	.ribbon-top-right {
	  top: -10px;
	  right: -10px;
	}
	.ribbon-top-right::before,
	.ribbon-top-right::after {
	  border-top-color: transparent;
	  border-right-color: transparent;
	}
	.ribbon-top-right::before {
	  top: 0;
	  left: 0;
	}
	.ribbon-top-right::after {
	  bottom: 0;
	  right: 0;
	}
	.ribbon-top-right span {
	  left: -25px;
	  top: 30px;
	  transform: rotate(45deg);
	}
	
	/* bottom left*/
	.ribbon-bottom-left {
	  bottom: -10px;
	  left: -10px;
	}
	.ribbon-bottom-left::before,
	.ribbon-bottom-left::after {
	  border-bottom-color: transparent;
	  border-left-color: transparent;
	}
	.ribbon-bottom-left::before {
	  bottom: 0;
	  right: 0;
	}
	.ribbon-bottom-left::after {
	  top: 0;
	  left: 0;
	}
	.ribbon-bottom-left span {
	  right: -25px;
	  bottom: 30px;
	  transform: rotate(225deg);
	}
	
	/* bottom right*/
	.ribbon-bottom-right {
	  bottom: -10px;
	  right: -10px;
	}
	.ribbon-bottom-right::before,
	.ribbon-bottom-right::after {
	  border-bottom-color: transparent;
	  border-right-color: transparent;
	}
	.ribbon-bottom-right::before {
	  bottom: 0;
	  left: 0;
	}
	.ribbon-bottom-right::after {
	  top: 0;
	  right: 0;
	}
	.ribbon-bottom-right span {
	  left: -25px;
	  bottom: 30px;
	  transform: rotate(-225deg);
	}


	/*   Associated RibbonBox Styles     */

	.box li .imgBlockSmall {
		width: 207px;
		height: 160px;
	}
	
	.box li .imgBlockSmall img {
		height: 150px;
	}
	.boxBlock.imgBlock {
		width:auto;
	}


	/*   Icons for Files Font Styles     */
	
	
	/*a:before,
	a.link-file[href]:before {
	    content: "\f016"; /* generic file icon *//*
	    display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    transform: translate(0, 0);
	    width: 20px;
	    text-align: right;
	    margin-right: 10px;
	}
	*/
	
	.list-group .list-group-item .list-group-item-title {
		display:initial;
	}
	
	/*.mainContent li {
		margin-bottom: 10px;
	}*/
	
	.mainContent .btn a:before, .mainContent a.btn:before, .mainContent .image-area-left a:before, .mainContent .link-item a:before, .list-group a.list-group-item:after, #secondaryNav li a:before, .directions a:before, .card-wide a:before {
		content:none!important;
	}
	
	.mainContent ul a, .mainContent ol a, .mainContent p a {
		text-decoration: none;
	}
	
	.mainContent ul a:hover, .mainContent ol a:hover, .mainContent p a:hover {
		text-decoration: underline ;
	}
	
	
	.mainContent ul a:before, .mainContent ol a:before, .mainContent p a:before, .mainContent a:before {
		display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    transform: translate(0, 0);
	    width: 16px;
	    text-align: right;
	    margin-right: 10px;
	}
	
	
	.mainContent a[href$=".txt"]:before {
	    content: "\f0f6"; /*Text*/
	}
	.mainContent a[href$=".pdf"]:before,
	.mainContent a[href$=".PDF"]:before {
	    content: "\f1c1"; /*PDF*/
	}
	.mainContent a[href$=".doc"]:before,
	.mainContent a[href$=".docx"]:before,
	.mainContent a[href*=".doc"]:before {
	    content: "\f1c2"; /*Word*/
	}
	.mainContent a[href$=".xls"]:before,
	.mainContent a[href$=".xlsx"]:before {
	    content: "\f1c3"; /*Excel*/
	}
	.mainContent a[href$=".ppt"]:before,
	.mainContent a[href$=".pptx"]:before {
	    content: "\f1c4"; /*Powerpoint*/
	}
	.mainContent a[href$=".gif"]:before,
	.mainContent a[href$=".jpg"]:before,
	.mainContent a[href$=".jpeg"]:before,
	.mainContent a[href$=".png"]:before,
	.mainContent a[href$=".bmp"]:before,
	.mainContent a[href$=".tif"]:before {
	    content: "\f1c5"; /*Image*/
	}
	.mainContent a[href$=".zip"]:before,
	.mainContent a[href$=".zipx"]:before,
	.mainContent a[href$=".rar"]:before,
	.mainContent a[href$=".tar"]:before,
	.mainContent a[href$=".gz"]:before,
	.mainContent a[href$=".dmg"]:before,
	.mainContent a[href$=".iso"]:before {
	    content: "\f1c6"; /*Archive*/
	}
	.mainContent a[href$=".wav"]:before,
	.mainContent a[href$=".mp3"]:before,
	.mainContent a[href$=".fla"]:before,
	.mainContent a[href$=".flac"]:before,
	.mainContent a[href$=".ra"]:before,
	.mainContent a[href$=".rma"]:before,
	.mainContent a[href$=".aif"]:before,
	.mainContent a[href$=".aiff"]:before,
	.mainContent a[href$=".aa"]:before,
	.mainContent a[href$=".aac"]:before,
	.mainContent a[href$=".aax"]:before,
	.mainContent a[href$=".ac3"]:before,
	.mainContent a[href$=".au"]:before,
	.mainContent a[href$=".ogg"]:before,
	.mainContent a[href$=".avr"]:before,
	.mainContent a[href$=".3ga"]:before,
	.mainContent a[href$=".flac"]:before,
	.mainContent a[href$=".mid"]:before,
	.mainContent a[href$=".midi"]:before,
	.mainContent a[href$=".m4a"]:before,
	.mainContent a[href$=".mp4a"]:before,
	.mainContent a[href$=".amz"]:before,
	.mainContent a[href$=".mka"]:before,
	.mainContent a[href$=".asx"]:before,
	.mainContent a[href$=".pcm"]:before,
	.mainContent a[href$=".m3u"]:before,
	.mainContent a[href$=".wma"]:before,
	.mainContent a[href$=".xwma"]:before {
	    content: "\f1c7"; /*Audio*/
	}
	.mainContent a[href$=".avi"]:before,
	.mainContent a[href$=".mpg"]:before,
	.mainContent a[href$=".mp4"]:before,
	.mainContent a[href$=".mkv"]:before,
	.mainContent a[href$=".mov"]:before,
	.mainContent a[href$=".wmv"]:before,
	.mainContent a[href$=".vp6"]:before,
	.mainContent a[href$=".264"]:before,
	.mainContent a[href$=".vid"]:before,
	.mainContent a[href$=".rv"]:before,
	.mainContent a[href$=".webm"]:before,
	.mainContent a[href$=".swf"]:before,
	.mainContent a[href$=".h264"]:before,
	.mainContent a[href$=".flv"]:before,
	.mainContent a[href$=".mk3d"]:before,
	.mainContent a[href$=".gifv"]:before,
	.mainContent a[href$=".oggv"]:before,
	.mainContent a[href$=".3gp"]:before,
	.mainContent a[href$=".m4v"]:before,
	.mainContent a[href$=".movie"]:before,
	.mainContent a[href$=".divx"]:before {
	    content: "\f1c8"; /*Video*/
	}
	.mainContent a[href$=".css"]:before,
	.mainContent a[href$=".js"]:before,
	.mainContent a[href$=".py"]:before,
	.mainContent a[href$=".git"]:before,
	.mainContent a[href$=".py"]:before,
	.mainContent a[href$=".cpp"]:before,
	.mainContent a[href$=".h"]:before,
	.mainContent a[href$=".ini"]:before,
	.mainContent a[href$=".config"]:before {
	    content: "\f1c9"; /*code*/
	}
	.mainContent a[href$=".exe"]:before,
	.mainContent a[href$=".jar"]:before,
	.mainContent a[href$=".dll"]:before,
	.mainContent a[href$=".bat"]:before,
	.mainContent a[href$=".pl"]:before,
	.mainContent a[href$=".scr"]:before,
	.mainContent a[href$=".msi"]:before,
	.mainContent a[href$=".app"]:before,
	.mainContent a[href$=".deb"]:before,
	.mainContent a[href$=".apk"]:before,
	.mainContent a[href$=".jar"]:before,
	.mainContent a[href$=".vb"]:before,
	.mainContent a[href$=".prg"]:before,
	.mainContent a[href$=".sh"]:before {
	    content: "\f085"; /*Executable*/
	}
	
	.mainContent a[href$=".com"]:before,
	.mainContent a[href$=".net"]:before,
	.mainContent a[href$=".org"]:before,
	.mainContent a[href$=".edu"]:before,
	.mainContent a[href$=".gov"]:before,
	.mainContent a[href$=".mil"]:before,
	.mainContent a[href$="/"]:before,
	.mainContent a[href$=".html"]:before,
	.mainContent a[href$=".htm"]:before,
	.mainContent a[href$=".xhtml"]:before,
	.mainContent a[href$=".jhtml"]:before,
	.mainContent a[href$=".php"]:before,
	.mainContent a[href$=".php3"]:before,
	.mainContent a[href$=".php4"]:before,
	.mainContent a[href$=".php5"]:before,
	.mainContent a[href$=".phtml"]:before,
	.mainContent a[href$=".asp"]:before,
	.mainContent a[href$=".aspx"]:before,
	.mainContent a[href$=".cfm"]:before,
	.mainContent a[href$=".jsp"]:before,
	.mainContent a[href*="?"]:before,
	.mainContent a[href*="#"]:before,
	.mainContent a:not([href*='.']):before {
	    content: "\f0c1"; /*link*/
	}
	
	.mainContent a[href$=".doc"]:before,
	.mainContent a[href$=".docx"]:before,
	.mainContent a[href*="download.aspx"]:before {
	    content: "\f1c2"; /*Word*/
	}
	
	.mainContent a[href^="mailto:"]:before {
	    content: "\f003"; /*email*/
	    width: 15px;
	    margin-right: 12px;
	}
	
	
	/*   Recaptcha and Webpart Icon Reset     */

	#recaptcha_widget_div a:before, .js-webpart-menuCell a:before, .ms-core-menu-link:before, .ms-summaryLinksToolbar a:before, .ms-core-menu-root:before, .pagination li a:before, .left-nav a:before {
	    content: ""!important;
    	margin: 0!important;
    	display: inline!important;
	}

  #heroText {
	text-align: center;
    text-shadow: -1px 1px 1px #333333;
    padding: 40px 0 90px 0;
    margin-top: -20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    background-image: url(/Banners/banner.jpg);
  }
  
  .heroItem {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 850px;
  }
  
  /* Loader animation */

#results .loader {
  color: #000;
  font-size: 4px;
  margin: -30px 0 0px 200px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /*position: absolute;*/
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  background-image: url('../Images/loader.gif');
  background-repeat:no-repeat;
  background-size: 30px 30px;
}

  /* End Loader animation */


}

@media only screen and (min-width:100px) and (max-width:599px)
{
	
	.card-lg {
	    flex: 0 0 90%;

	}
}

@media only screen and (min-width:460px)
{
	
	.announceImg {
	    height: 250px;
	}
}


@media only screen and (min-width:600px)
{
	
	.announceImg {
	    height: 300px;
	}
	
	.boardList li, .boardList li .disabled {
		min-height: 400px;
	}
	
}

@media only screen and (min-width:700px)
{
	
	.announceImg {
	    height: 350px;
	}
}


@media only screen and (max-width: 767px)
{

	header .headerRow a {
	    margin-left: 0px;
	}

	.modal-body .image {
		margin-bottom: 15px;
	}
	
	.card-md-wide {
		flex:0 0 100%; /* added */
		margin: 0;
	}

}

@media only screen and (min-width: 768px)
{
	
	header .header-title-description {
		font-size: 3rem;
	}
	
	.card-modal h1 {
		font-size: 3.8rem;
		margin-top: 10px;
	}
	
	.container {
    	width: 100%;
	}
	
	#heroText {
		padding: 100px 0 140px 0;
  	}

	.announceImg {
	    height: 200px;
	}


}

@media only screen and (min-width: 600px) and (max-width:992px)
{
	
	.card-lg {
	    flex: 0 0 46%;
    }

}

@media only screen and (max-width: 1068px)
{

	.announceCards {
	  display:flex;
	  flex-flow: row wrap; /*flex-flow: row wrap; to make the announcements 100%*/
	}

	.announceCard {
		flex:0 0 100%; /* added */
	    margin:0% 3% 4% 0; /* added */
	}



}


@media only screen and (min-width: 992px)
{	
	.hero h1 {
	    display: block;
	}
	
	/*.container {
    	width: 82%;
	}*/
	

}

@media only screen and (min-width: 1069px)
{	
	
	.announceCards {
	  display:flex;
	  flex-flow: row wrap; /*flex-flow: row wrap; to make the announcements 100%*/
	}
	
	.announceCard {
		flex:0 0 47%; /* added */
	    margin:0% 3% 4% 0; /* added */
	}


}



@media only screen and (min-width: 993px) and (max-width:1132px)
{	
	.card-lg {
	    min-height: 400px;	
	}

}

@media only screen and (min-width: 1133px) and (max-width:1371px)
{
	
	.card-lg {
	    min-height: 370px;	
	}

}


@media only screen and (min-width: 1372px) and (max-width:1422px)
{
	
	.card-lg {
	    min-height: 350px;	
	}

}

/* Services Search Page */


/* Select Control */

.selectize-control .items .item a:before {
	content: ""!important;
	display: inline!important;
	margin-right: 0px!important;
}

.services li a:before {
	content: ""!important;
	display: inline!important;
	margin-right: 0px!important;
}

.services li {
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.services li a {
	text-decoration: none;
    color: #333333;
    display: block;
    padding: 10px 0;
}
.services li a:hover,
.services li a:focus {
	color:#19C07E;
	text-decoration: none;
}
.services li {
    width: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding:20px;
    margin-bottom:10px;
}
.services li:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.services .category li {
	padding: 0;
	box-shadow: none;
	display: initial;
}

.services .category .catItem + .catItem::before {
    content: " | ";
} 

.countyBlock .catItem ~ .catItem::before {
  content: ', '; 
}

.jsTopic {
	width: 175px;
	height:36px!important;
}

.jsAgency {
	width: 628px;
	height:36px!important;
}

.services-wrapper .media .media-body .media-aa {
	color:#999;
}
.service-title,
.service-desc,
.service-agency {
	margin-bottom:0 !important;
}
.service-title,
.service-desc {
    color: #333333;
}
.service-title {
    margin-top: 0;
}
.services-wrapper .media a:hover .media-body h3,
.services-wrapper .media a:hover .media-body p,
.services-wrapper .media a:focus .media-body h3,
.services-wrapper .media a:focus .media-body p {
    color: #19C07E;
    text-decoration: underline;
}
.services-wrapper .media:after a:hover,
.services-wrapper .media:after a:focus {
    color: #19C07E;
    text-decoration:none;
}
@media only screen and (min-width: 768px) {
	.services-wrapper .main-left {
    	padding-right: 55px;
  	}
  	.services-wrapper .media .media-left {
   		width: 130px;
    	height: 130px;
    }
	.services-wrapper .media .media-left img {
		width: auto;
		height: 130px;
	}
	.services-wrapper .media .media-body {
		padding-right: 55px;
		padding-left: 140px;
		min-height: 130px;
	}
	.services-wrapper .media:after {
		visibility: visible;
	}
}
/* end services search page */

    .department.disabled, .listSection.disabled, .category.disabled, .judge.disabled {
	  opacity:1;
    }

	.department {
		margin-left: 19px;
	}