

:focus {
	outline-color:transparent;
	outline-style:none;
}

input[type="text"]:focus,
textarea:focus
{
	border-color: gold !important;
	box-shadow: 0 0 3px hsla(52, 97%, 50%, .4) !important;
	background-color: hsla(60, 100%, 96%, 1.0) !important;
	color: #981328 !important;
}

.main-content {
	margin-top: .4em;
}

.wpcontent-area table {
	border: none;
}

div.gsc-control-cse {

    border: 0;
    background: transparent;

	& table {
		& td,
		& tr:last-child td {
			border: 0 !important;
		}

		& td {
		    padding: 0;
		}

		& tr:nth-child(2n+1){
		    background-color: transparent;
		}
	}

	 & a:link,
	 & a:visited,
	 & a:hover {
	    border: 0;
	}

	.gsc-table-result {
		margin-left: 8px;
	}
}

div.gs-fileFormat {
    padding: 3px;
}

div.gs-title {
	height: auto !important;
	padding: 0 0 10px 0;
}

.gs-result {

	.gs-title * {
		color: #851326 !important;
		font-size: 16px !important;
		font-family: 'Neue Frutiger W01', 'Lucida Grande', Geneva, Verdana, sans-serif;
		font-weight: 600;
		margin: 0 0 .6em 0;
	}

	&, .gs-title, .gs-title * {
		border: none;
		text-decoration: none !important;
	}

} 

.gsc-above-wrapper-area, .gsc-refinementsArea {
	padding: 0 !important;
	border: 0 !important;
}

.gsc-webResult {
	margin:2em 0 !important;
}

.gs-webResult {
	padding:0 .8em !important;
}

div.gs-visibleUrl {
	color: #999 !important;
	padding: 5px 0 !important;
}
 
#cse td {
	border: none;
}
 
.gsc-resultsHeader ,
.gs-image ,
.gsc-table-cell-thumbnail ,
.gsc-thumbnail
{
	display: none;
}

.gsc-imageResult .gs-image ,
.gsc-imageResult .gsc-table-cell-thumbnail ,
.gsc-imageResult .gsc-thumbnail
{
	display: inline-block;
}

.gs-image-box a {
	border-bottom: 0 !important;
}

.gsc-imageResult.gsc-imageResult-column {
	margin-right: 1%; /* override google */
}

.gs-image a ,
.gsc-table-cell-thumbnail a ,
.gsc-thumbnail a
{
	text-decoration: none !important;
	border: 0 !important;
}

.gsc-thumbnail-inside ,
.gsc-table-result ,
.gsc-url-top {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0;
}

.gsc-table-result ,
.gsc-url-top
{
	font-family: var(--fontSansSerif), 'Lucida Grande', Geneva, Verdana, sans-serif !important;
	font-size: .9rem !important;
}

a.gcsc-branding-clickable {
	border: none;
}

 /* no results */
.gs-no-results-result .gs-snippet {
	border: none !important;
	background: none !important;
	font-weight: bold;
}

.gsc-results {
	width: auto !important;
	margin-top: 0!important;
}

.gs-fileFormat {
	padding-bottom: .7em;
	color: #333;
}

.gs-webResult .gs-snippet {
	line-height: 1.4em;
	color: #000;
}

.gsc-webResult {

	.gsc-result ,
	.gsc-result:hover
	{
		padding: 15px 10px !important;
	}
}

.gsc-webResult .gsc-result:nth-child(2n) ,
.gsc-imageResult-column.gsc-result
{
    background-color: hsl(0, 0%, 96%);
    border: 1px solid hsl(0,0%,96%); /* to wrap around images in img search */
    border-radius:4px;
}

.gsc-imageResult-column.gsc-result {
	padding: 1em .5em .75em 1em;
}

.gsc-promotion {
	background-color: hsl(44,59%,91%) !important;
}

/* page nav */
.gsc-results .gsc-cursor-box {
	.gsc-cursor {
		font-size: 1.4em;
		font-weight: 500;
		margin-top: 1em;
		float:left;
		text-align: center;
	}

	.gsc-cursor-page {
		padding: 12px 15px;
		width:20px;
		float: left;
		margin:0 5px 5px 0;
		background: hsl(0,0%,98%);
		border-radius: 4px;
		border: 1px solid hsl(0,0%,92%);
	}

	.gsc-cursor-page:hover ,
	.gsc-cursor-page:active {
		background: #881124;
		color:#fff !important;
		text-decoration: none !important;
		border: 1px solid #881124;
	}

	.gsc-cursor-current-page {
		color: #fff !important;
		background: #141414;
		border: 1px solid #141414;
		
		&:hover, &:active {
			background: none;
			text-decoration: none !important;
			color: #981328 !important;
			cursor: pointer;
		}
	}
}

#cse tr {
	background: transparent !important;
}

#cse table {
	border: none;
}

.gsc-refinementsArea {
	border-bottom: 0 !important;
	margin-bottom: 0px !important;
}

.gsc-tabHeader {
	&.gsc-tabhInactive {
		border-bottom: 1px solid #ccc;
	}
	&.gsc-tabhActive {
		border-bottom-color: hsl(0,0%,96%) !important;
		background: hsl(0,0%,96%);
	}
}

.gsc-refinementsArea, 
.gsc-above-wrapper-area, 
.gsc-tabhActive {
	background: hsl(0,0%,96%);
}

.gsc-refinementHeader:focus, .gsc-tabHeader:focus {
	outline: none;
}
.gsc-refinementhActive {
	color: #851326 !important;
}

.gs-per-result-labels {
	display: none;
}


/* search page styles */
.wpcontent-area {
	clear: both;
}

.advancedWrap {
	margin: -2px 12px 7px 5px;
	position: relative;
	min-height: 2.5em;
	display: none;
	background: hsl(0,0%,92%);
	background: linear-gradient(to bottom, hsl(0,0%,85%), hsl(0,0%,100%));
	padding: 20px;
	line-height: 2.5em;
	clear: both;
}

#advancedSearchOptionsToggler {
	padding: 1em;
	display: block;
	float: left;
	transition: .3s;
	border-radius: 5px 5px 0 0;	
	border-bottom: 0;
	width: 46%;
	margin:0  1.4% 0 2%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	text-decoration: underline;
	font-weight: 400;
	font-size: 1em;

	&.advancedSearchOpen {
		background: hsl(0,0%,85%);
		border-color: hsl(0,0%,85%);
		color: #000;
		top: 1px;
	}
}

.advancedWrap {
	& input[type="text"] {
		border-radius: 3px;
		background: #fff;
		font-size: 1em;
		display: block;
		padding: .9em;
		width: 90%;
		border:1px solid #CCC;

	}
	& input[type="checkbox"] {

	}
	& label {
		width: 250px;
		display: block;
		margin-top: 1em;
	}
	.submitButton[type="submit"] {
		margin: 1em 0 2em 0;
		opacity: 1 !important;
		float: left;
	}
}

.searchSecondChance {
	padding: 0 5px 0 5px;

	.submitButton[type="submit"] {
		border-radius: 4px;
		padding: 12px 16px;
		border: none;
		cursor: pointer;
		font-size: 1em;
		margin: 0;
		opacity: 1!important;
		transition:0s;
		color:#fff!important;
		display: block;
		width: 50%;
		float: left;
		box-sizing: border-box;
		clear: left;
	}

	input[type="text"] {
		font-size: 1em;
		background: #fff;
		border: 1px solid hsla(350, 77%, 33%, .5);
		padding: 1em;
		width: 90%;
		margin-bottom: 1em;

		&:hover, &:focus {
			color: #000;
			border-color: #546d78;
		}
	}
}

.advancedSearchError {
	color: red;
	padding-left: 11px;
}

#inputInurlCheckbox {
	display: block;
}

.page-title {
	margin: 0 0 .4em 0;
	font-size: 2em;
	font-weight: 500;
}

/* styles for bates directory results */
.batesDirectoryResults {
	background: hsl(0,0%,96%);
	padding: 15px 22px;
	margin: 15px 1em 0;

	li {
		padding: 2px 0;
	}
	.batesDirContactName {
		font-weight: bold;
		font-size: 1.1em;
	}
}
/* end directory styles */

.breadcrumb {
	visibility: hidden;
}

/***************************************/
@media ( min-width:550px ){

	.gsc-webResult .gs-result .gs-title * {
		font-size: 18px !important;
	}
	.page-title {
		float: left;
	}

	.searchSecondChance {
		& input[type="text"] {
			float: left;
			padding: 7px;
			margin-right: 20px;
			margin-bottom: 0;
			color: #555;
		}

		.submitButton[type="submit"] {
			margin-top: 1em;
		}
	}

	#advancedSearchOptionsToggler {
		margin-top: 1em;
	}

	label[for="inputInurlCheckbox"] ,
	#inputInurlCheckbox {
		display: inline-block;
	}

	.batesDirectoryResults {
		overflow: auto;
	}

	.gsc-cursor {
		margin-top: 2em;
	}
}


@media (min-width:800px){
	.page-title {
		margin: 4px 30px 0 10px;
	}
	.gsc-webResult .gs-result .gs-title * {
		font-size: 20px !important;
	}
	.gsc-webResult .gs-image, 
	.gsc-webResult .gsc-table-cell-thumbnail, 
	.gsc-webResult .gsc-thumbnail 
	{
		display:table-cell;
	}
	.gs-title.gsc-table-cell-thumbnail {
		display: none;
	}
	.searchResult {
		border: none;
		padding: .5em 1em;
	}
	.searchResultsPageNav {
		margin: 1em 7em 0;
	}
	
	.searchSecondChance .submitButton[type="submit"] {
		padding: 8px 13px; /* 14px 18px; */
		display: inline;
		float: none;
		width: auto;
		margin: 0;
		background-color: #881124;
	}

	.searchSecondChance input[type="text"] {
		width: auto;
	}

	.advancedWrap {
		background: hsl(0,0%,96%);
		background: linear-gradient(to bottom, hsl(0,0%,92%), hsl(0,0%,100%));
		border-radius: 5px 5px 0 0;
	}
	
	#advancedSearchOptionsToggler {
		padding: 14px 18px;
		float: none;
		display: inline;
		font-size: .9em;
		border-bottom: 2px solid transparent;
		margin: 0 0 0 10px;
		width: auto;
	
		&:hover {
			text-decoration: underline;
		}

		&.advancedSearchOpen {
			background: hsl(0,0%,92%);
			border-color: hsl(0,0%,92%);
		}
	}

	.advancedWrap {
		& label ,
		& input[type="text"] {
			float: left;
			width: 50%;
			box-sizing: border-box;
			max-width: 300px;
		}
	
		& label {
			clear: left;
		}

		.submitButton[type="submit"] {
			display: block;
			max-width: 200px;
			clear: both;
		}
	}

	#inputInurlCheckbox {
		display: inline;
		float: left;
		margin-top: 2.4em;
	}

	.gsc-cursor-page {
		padding: 16px 18px;
	}
}


/***************************************/
@media (min-width:1024px){
	.gsc-webResult .gs-result .gs-title * {
		font-size: 24px !important;
	}
	.gsc-cursor-page {
		padding: 12px 14px;
		width: 18px;
	}
	.searchResultsPageNav {
		background: hsl(0,0%,97%);
		text-align: center;
		margin: 1em 0;
		border-radius: 3px;

		& a {
			display: inline-block;
			margin: 0 15px;
			float: none;
			padding: .5em;

			&:hover {
				text-decoration: underline;
			}
		}
	}
}

/***************************************/
@media (min-width:1400px){
	.gsc-cursor-page {
		padding: 8px 14px;
	}
}
