File "_forms.scss"

Full Path: /home/romayxjt/public_html/wp-content/themes/kadence/assets/css/src/_forms.scss
File size: 3.95 KB
MIME-type: text/plain
Charset: utf-8

@import "_custom-properties.scss";
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
textarea {
	width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	color: var(--global-palette5);
	border: 1px solid var(--global-gray-400);
	border-radius: 3px;
	padding: 0.4em 0.5em;
	max-width: 100%;
	background: var(--global-palette9);
	box-shadow: 0px 0px 0px -7px rgba(0,0,0,0);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: var(--global-palette6);
}
::-moz-placeholder { /* Firefox 19+ */
color: var(--global-palette6);
opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
color: var(--global-palette6);
}
:-moz-placeholder { /* Firefox 18- */
color: var(--global-palette6);
}
::placeholder {
	color: var(--global-palette6);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: var(--global-palette3);
	border-color:var(--global-palette6);
	outline: 0;
	box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.1);
}

select {
	border: 1px solid var(--global-gray-400);
	background-size: 16px 100%;
	padding: 0.2em 35px 0.2em 0.5em;
    background: var(--global-palette9) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 98% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: 0;
	box-shadow: 0px 0px 0px -7px rgba(0,0,0,0);
}
select::-ms-expand {
    display: none;
}
select:focus {
	color: var(--global-palette3);
	border-color:var(--global-palette6);
	background-color: var(--global-palette9);
	box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.1);
	outline: 0;
	// Fix for firefox if the color palette is dark.
	option {
		color: #333;
	}
}
.elementor-select-wrapper select{
    background-image:none;
}
.search-form {
	position: relative;
	input[type="search"], input.search-field {
		padding-right: 60px;
		width:100%;
	}
	.search-submit[type="submit"] {
		top: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		color: transparent;
		background: transparent;
		z-index: 2;
		width: 50px;
		border: 0;
		padding: 8px 12px 7px;
		border-radius: 0;
		box-shadow: none;
		overflow: hidden;
		&:hover, &:focus {
			color: transparent;
			background: transparent;
			box-shadow: none;
		}
	}
	.kadence-search-icon-wrap {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 50px;
		padding: 0;
		text-align: center;
		background: 0 0;
		z-index: 3;
		cursor: pointer;
		pointer-events: none;
		color: var(--global-palette6);
		text-shadow: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.search-submit[type="submit"]:hover ~ .kadence-search-icon-wrap {
		color: var(--global-palette4);
	}
}
body.rtl .search-form .button[type="submit"],
body.rtl .search-form .kadence-search-icon-wrap {
    left: 0;
    right: auto;
}
body.rtl .search-form input[type="search"], body.rtl .search-form input.search-field {
    padding-right: 0.5em;
    padding-left: 60px;
}
fieldset {
	padding: 0.625em 1.425em 0.625em;
	border: 1px solid var(--global-gray-500);
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
.affwp-form fieldset {
    padding: 0;
}
legend {
    font-weight: bold;
}