::-moz-placeholder {
  opacity: 1;
}

:-moz-placeholder {
  opacity: 1;
}

::-moz-focus-inner {
  border: 0;
}

::-ms-clear {
  display: none;
}

::selection {
  background: $selection;
}

::-moz-selection {
  background: $selection;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: "color 99999s ease-out, background-color 99999s ease-out";
  transition-delay: 99999s;
  transition: "color 99999s ease-out, background-color 99999s ease-out";
}

::-webkit-input-placeholder   {color: $pewter}
:-moz-placeholder		  	      {color: $pewter}
::-moz-placeholder         	  {color: $pewter}
:-ms-input-placeholder        {color: $pewter}

:focus::-webkit-input-placeholder   {color: $gumbo}
:focus:-moz-placeholder 		        {color: $gumbo}
:focus::-moz-placeholder		        {color: $gumbo}
:focus:-ms-input-placeholder        {color: $gumbo}

.header-search-field::-webkit-input-placeholder   {color: $gumbo}
.header-search-field:-moz-placeholder		  	      {color: $gumbo}
.header-search-field::-moz-placeholder         	  {color: $gumbo}
.header-search-field:-ms-input-placeholder        {color: $gumbo}

.header-search-field.error::-webkit-input-placeholder   {color: $red}
.header-search-field.error:-moz-placeholder 		        {color: $red}
.header-search-field.error::-moz-placeholder		        {color: $red}
.header-search-field.error:-ms-input-placeholder        {color: $red}

.header-search-field.error:focus::-webkit-input-placeholder   {color: $red}
.header-search-field.error:focus:-moz-placeholder 		        {color: $red}
.header-search-field.error:focus::-moz-placeholder		        {color: $red}
.header-search-field.error:focus:-ms-input-placeholder        {color: $red}

body, html, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, fieldset,
dl, dt, dd, img, figure {
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  background: $heather;
  box-sizing: border-box;
  color: $shark;
  font-family: $base-font-family;
  font-size: $base-font-size;
  font-weight: normal;
  height: 100%;
  line-height: $base-line-height;
  min-height: 100vh;
  overflow-wrap: break-word;
	position: inherit;
  scroll-behavior: smooth;
	z-index: 4500;
  word-break: keep-all;
  word-wrap: break-word;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
  border-bottom: 1px solid transparent;
  color: $link_color;
	padding-bottom: 1px;
	text-decoration: none;
  transition: all linear 0.2s;
	outline: none;
  &:hover {
    border-bottom: 1px solid $link_color;
  }
}

button,
input,
label,
option,
select,
textarea {
	font-family: $base-font-family;
	font-size: $base-font-size;
	&:active,
	&:focus,
	&:hover {
		outline: 0;
	}
}

select {
  max-width: 100%;
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

fieldset,
input,
textarea {
	background: $white;
  border: 1px solid $pewter;
}

input {
	vertical-align: middle;
}

textarea {
	&.noresize {
		resize: none;
	}
}

button,
input[type=button],
input[type=submit],
input[type=reset]  {
	background: $heather;
	border: 1px solid $pewter;
	border-radius: 4px;
	color: $shark;
  cursor: pointer;
	display: inline-block;
	position: relative;
	user-select: none;
	transition: all linear 0.2s;
	vertical-align: middle;
	white-space: nowrap;
}