/* --------------------------------------- */
/* Google css */
/* --------------------------------------- */

#cse-search-form {
	width: 31% !important;
	margin-top: 8px;
	float: right;
	}

.gsc-input-box {
	border-radius: 3px !important;
	}

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
	border-color: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	filter: none;
	}

input.gsc-search-button-v2 {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: 4px 8px !important;
	}


/* results */
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0em !important;
	}

.gsc-completion-title,
a.gsc-trailing-more-results:link,
.gsc-cursor-page,
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b  {
	color: #0e72b5 !important;
	}

.gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl-short,
.gs-webResult div.gs-visibleUrl-short,
.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
	color: #cc9933 !important;
	}

/* --------------------------------------- */
/* mediaqueries css */
/* --------------------------------------- */

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

	#cse-search-form			{ width: 35% !important; }

}

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

	#cse-search-form			{ width: 40% !important; }

}

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

	#cse-search-form			{ width: 36% !important; }

}

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

	#cse-search-form			{ width: 38% !important; }

}

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

	#cse-search-form			{ width: 29% !important; }

}

/* ==> breakpoint mobiles */
@media only screen and (max-width: 640px) {

	#cse-search-form			{ width: 50% !important; }

}

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

	#cse-search-form			{ width: 100% !important; }

}