.wdc-style-1-clean { --search-button-bg-color: rgb(107, 114, 128);
--search-button-text-color: #ffffff;
--search-button-border-color: rgb(107, 114, 128);
--search-input-bg-color: #ffffff;
--search-input-border-color: #d1d5db;
--search-input-text-color: #374151;
--purchase-button-bg-color: rgb(107, 114, 128);
--purchase-button-text-color: #ffffff;
--whois-button-bg-color: rgb(75, 85, 99);
--whois-button-text-color: #ffffff;
--skeleton-color: #e5e7eb;
--result-item-bg-color: #f1f3f4;
--domain-name-color: #374151;
--status-available-color: #10b981;
--status-taken-color: #6b7280;
--price-text-color: #374151;
}
.wdc-style-1-clean * {
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: normal;
}
.wdc-style-1-clean {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding: 40px 20px;
}
.wdc-style-1-clean-container {
max-width: 600px;
margin: 0 auto;
}
.wdc-style-1-clean-search-container {
display: flex;
align-items: center;
margin-bottom: 20px;
border: 1px solid var(--search-input-border-color);
border-radius: 5px;
background: var(--search-input-bg-color);
padding: 4px;
gap: 8px;
}
.wdc-style-1-clean-search-input {
flex: 1;
padding: 12px 16px;
border: none;
outline: none;
font-size: 16px;
color: var(--search-input-text-color);
background: var(--search-input-bg-color);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.wdc-style-1-clean-search-input::placeholder {
color: var(--search-input-text-color);
font-weight: 400;
filter: opacity(0.4);
}
.wdc-style-1-clean-search-container input[type="text"] {
flex: 1;
padding: 12px 16px;
border: none;
outline: none;
font-size: 16px;
color: var(--search-input-text-color);
background: transparent;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 0;
}
.wdc-style-1-clean-search-container input:focus {
flex: 1;
padding: 12px 16px;
border: none;
outline: none;
font-size: 16px;
color: var(--search-input-text-color);
background: transparent;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.wdc-style-1-clean-search-button, .wdc-style-1-clean-search-button:focus {
background: var(--search-button-bg-color);
color: var(--search-button-text-color);
border: 1px solid var(--search-button-border-color);
padding: 12px 20px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
letter-spacing: 0.5px;
border-radius: 3px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: normal;
outline: none;
}
.wdc-style-1-clean-search-button:hover {
filter: brightness(90%);
}
.wdc-style-1-clean-search-container button:hover {
filter: brightness(90%);
background: var(--search-button-bg-color);
color: var(--search-button-text-color);
border: 1px solid var(--search-button-border-color);
}
.wdc-style-1-clean-search-button:disabled {
background: var(--search-button-bg-color);
filter:contrast(0.9);
cursor: not-allowed;
} .wdc-style-1-clean-skeleton-container {
display: none;
}
.wdc-style-1-clean-skeleton-item {
background: var(--skeleton-color);
margin-bottom: 8px;
padding: 16px 20px;
border-radius: 8px;
border-left: 4px solid var(--skeleton-color);
display: flex;
align-items: center;
justify-content: space-between;
}
.wdc-style-1-clean-skeleton-content {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
filter: contrast(0.8);
}
.wdc-style-1-clean-skeleton-icon {
width: 18px;
height: 18px;
background: var(--skeleton-color);
border-radius: 50%;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
}
.wdc-style-1-clean-skeleton-text {
height: 16px;
background: var(--skeleton-color);
border-radius: 4px;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
}
.wdc-style-1-clean-skeleton-domain {
width: 120px;
}
.wdc-style-1-clean-skeleton-status {
width: 80px;
}
.wdc-style-1-clean-skeleton-button {
width: 60px;
height: 32px;
background: var(--skeleton-color);
border-radius: 6px;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
filter: contrast(0.8);
} .wdc-whois-skeleton-container {
background-color: #fff;
border-radius: 8px;
margin-top: 20px;
}
.wdc-whois-skeleton-section {
border: 1px solid #e5e7eb;
border-radius: 8px;
margin-bottom: 20px;
overflow: hidden;
}
.wdc-whois-skeleton-header {
background-color: #f9fafb;
padding: 12px 16px;
border-bottom: 1px solid #e5e7eb;
margin-top: 0px;
}
.wdc-whois-skeleton-header-title {
height: 16px;
background: var(--skeleton-color);
border-radius: 4px;
width: 150px;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
}
.wdc-whois-skeleton-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 16px;
padding: 16px;
}
.wdc-whois-skeleton-grid-item {
display: flex;
flex-direction: column;
}
.wdc-whois-skeleton-label {
height: 12px;
background: var(--skeleton-color);
border-radius: 4px;
width: 80px;
margin-bottom: 4px;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
}
.wdc-whois-skeleton-value {
height: 14px;
background: var(--skeleton-color);
border-radius: 4px;
width: 120px;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
}
.wdc-whois-skeleton-nameservers {
padding: 16px;
}
.wdc-whois-skeleton-nameserver-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
padding: 8px 0;
border-bottom: 1px solid #e5e7eb;
}
.wdc-whois-skeleton-nameserver-item:last-child {
border-bottom: none;
}
.wdc-whois-skeleton-nameserver-value {
height: 14px;
background: var(--skeleton-color);
border-radius: 4px;
animation: wdc-style-1-clean-pulse 1.5s ease-in-out infinite;
}
@keyframes wdc-style-1-clean-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
.wdc-style-1-clean-loading-text {
text-align: center;
padding: 20px;
color: #6b7280;
font-size: 14px;
} .wdc-style-1-clean-results-container {
display: none;
}
.wdc-style-1-clean-results-container pre {
padding: 10px;
font-size: 14px;
}
.wdc-style-1-clean-result-item {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--result-item-bg-color);
margin-bottom: 8px;
padding: 12px 12px;
border-radius: 8px;
border-left: 4px solid transparent;
transition: all 0.2s ease;
line-height: 35px;
}
.wdc-style-1-clean-result-item:hover {
filter: contrast(0.9);
}
.wdc-style-1-clean-result-item.available {
border-left-color: transparent;
}
.wdc-style-1-clean-result-item.taken {
border-left-color: transparent;
}
.wdc-style-1-clean-result-info {
display: flex;
align-items: baseline;
gap: 12px;
flex: 1;
}
.wdc-style-1-clean-domain-name {
font-weight: 600;
color: var(--domain-name-color);
margin-right: 8px;
}
.wdc-style-1-clean-status-text {
color: #6b7280;
font-size: 14px;
}
.wdc-style-1-clean-status-text.available {
color: var(--status-available-color);
}
.wdc-style-1-clean-status-text.taken {
color: var(--status-taken-color);
}
.wdc-style-1-clean-action-buttons {
display: flex;
gap: 8px;
align-items: center;
}
.wdc-style-1-clean-action-buttons .hide {
display: none;
}
.wdc-style-1-clean-price {
font-size: 14px;
font-weight: 500;
color: var(--price-text-color);
margin-right: 12px;
}
.wdc-style-1-clean-buy-button {
background: var(--purchase-button-bg-color);
color: var(--purchase-button-text-color);
border: none;
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
}
.wdc-style-1-clean-buy-button:hover {
filter: brightness(90%);
background: var(--purchase-button-bg-color);
color: var(--purchase-button-text-color);
}
.wdc-style-1-clean-whois-button {
background: var(--whois-button-bg-color);
color: var(--whois-button-text-color);
border: none;
padding: 8px 16px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s;
}
.wdc-style-1-clean-whois-button:hover {
filter: brightness(90%);
background: var(--whois-button-bg-color);
color: var(--whois-button-text-color);
}
.wdc-style-1-clean-whois-button:focus {
background: var(--whois-button-bg-color);
color: var(--whois-button-text-color);
border: 1px solid var(--whois-button-bg-color);
outline: none;
}
.wdc-style-1-clean-whois-button.hide {
display: none;
} .wdc-style-1-clean-error-message {
background: var(--search-input-bg-color);
border: 1px solid var(--search-input-border-color);
border-radius: 6px;
padding: 12px 16px;
margin-bottom: 16px;
color: var(--search-input-text-color);
font-size: 14px;
display: none;
}
.wdc-style-1-clean-error-message.show {
display: block;
} .wdc-style-1-clean-recaptcha {
margin: 20px 0;
text-align: center;
} @media (max-width: 768px) {
.wdc-style-1-clean {
padding: 20px 10px;
}
.wdc-style-1-clean-search-container {
flex-direction: column;
gap: 12px;
}
.wdc-style-1-clean-search-input {
width: 100%;
border: none;
}
.wdc-style-1-clean-search-button {
width: 100%;
padding: 14px 20px;
}
.wdc-style-1-clean-result-item {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.wdc-style-1-clean-action-buttons {
width: 100%;
justify-content: space-between;
}
}
.wdc-style-1-clean .wdc-icon-result {
margin-right: 5px;
}
.wdc-style-1-clean .added_to_cart {
font-size: 12px;
text-decoration: none;
}
.wdc-style-1-clean-search-container:focus-within {
border: 1px solid var(--search-input-border-color); }
.wdc-style-1-clean-domain-name {
font-size: 22px;
}
.wdc-style-1-clean-domain-name strong {
font-weight: bolder;
}
.wdc-style-1-clean-form input, .wdc-style-1-clean-form input:focus {
border: none;
box-shadow: none;
}
.wdc-whois-container {
background-color: #fff;
border-radius: 8px;
margin-top: 20px;
}
.wdc-whois-section {
border: 1px solid #e5e7eb;
border-radius: 8px;
margin-bottom: 20px;
overflow: hidden;
}
.wdc-whois-section h3 {
background-color: #f9fafb;
padding: 12px 16px;
font-size: 16px;
font-weight: 600;
color: #111827;
border-bottom: 1px solid #e5e7eb;
margin-top: 0px;
}
.wdc-whois-section h4 {
font-size: 14px;
font-weight: 600;
color: #374151;
padding: 10px 16px;
background-color: #f9fafb;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
margin-top: -1px;
}
.wdc-whois-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 16px;
padding: 16px;
}
.wdc-whois-grid.nested {
grid-template-columns: 1fr;
padding: 0;
gap: 0;
}
.wdc-whois-grid-item {
display: flex;
flex-direction: column;
}
.wdc-whois-grid-item.full-width {
grid-column: 1 / -1;
}
.nested .wdc-whois-grid-item {
flex-direction: row;
justify-content: space-between;
padding: 8px 16px;
border-bottom: 1px solid #e5e7eb;
}
.nested .wdc-whois-grid-item:last-child {
border-bottom: none;
}
.wdc-whois-label {
font-size: 12px;
color: #6b7280;
margin-bottom: 4px;
font-weight: 500;
}
.wdc-whois-value {
font-size: 14px;
color: #111827;
word-break: break-all;
}
.wdc-whois-nameservers {
padding: 16px;
}
.wdc-whois-nameserver-header,
.wdc-whois-nameserver-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
padding: 8px 0;
border-bottom: 1px solid #e5e7eb;
}
.wdc-whois-nameserver-header .wdc-whois-label {
font-weight: 600;
color: #111827;
}
.wdc-whois-nameserver-item:last-child {
border-bottom: none;
}.wdc-whois-container {
background-color: #fff;
border-radius: 8px;
padding: 0px;
margin-top: 20px;
text-align: left;
}
.wdc-whois-section {
border: 1px solid #e5e7eb;
border-radius: 8px;
margin-bottom: 20px;
overflow: hidden;
}
.wdc-whois-section h3 {
background-color: #f9fafb;
padding: 12px 16px;
font-size: 16px;
font-weight: 600;
color: #111827;
border-bottom: 1px solid #e5e7eb;
margin: 0;
margin-top: 0px;
}
.wdc-whois-section h4 {
font-size: 14px;
font-weight: 600;
color: #374151;
padding: 10px 16px;
background-color: #f9fafb;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
margin-top: -1px;
}
.wdc-whois-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 16px;
padding: 16px;
}
.wdc-whois-grid.nested {
grid-template-columns: 1fr;
padding: 0;
gap: 0;
}
.wdc-whois-grid-item {
display: flex;
flex-direction: column;
}
.wdc-whois-grid-item.full-width {
grid-column: 1 / -1;
}
.nested .wdc-whois-grid-item {
flex-direction: row;
justify-content: space-between;
padding: 8px 16px;
border-bottom: 1px solid #e5e7eb;
}
.nested .wdc-whois-grid-item:last-child {
border-bottom: none;
}
.wdc-whois-label {
font-size: 12px;
color: #6b7280;
margin-bottom: 4px;
font-weight: 500;
}
.wdc-whois-value {
font-size: 14px;
color: #111827;
word-break: break-all;
}
.wdc-whois-nameservers {
padding: 16px;
}
.wdc-whois-nameserver-header,
.wdc-whois-nameserver-item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
padding: 8px 0;
border-bottom: 1px solid #e5e7eb;
}
.wdc-whois-nameserver-header .wdc-whois-label {
font-weight: 600;
color: #111827;
}
.wdc-whois-nameserver-item:last-child {
border-bottom: none;
}  .wdc-style-2 { --wdc-button-bg-color: #29498d;
--wdc-button-text-color: #ffffff;
--wdc-button-border-color: #29498d;
--wdc-input-bg-color: #ffffff;
--wdc-input-border-color: #29498d;
--wdc-input-text-color: #374151;
--wdc-purchase-button-bg-color: #29498d;
--wdc-purchase-button-text-color: #ffffff;
--wdc-whois-button-bg-color: #6b7280;
--wdc-whois-button-text-color: #ffffff;
--wdc-skeleton-color: #e5e7eb; --wdc-style-two-main-color: var(--wdc-button-bg-color);
}
.wdc-style-2 label, .wdc-style-2 section {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
.wdc-style-2 h3, .wdc-style-2 span, .wdc-style-2 button{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-transform: none;
}
.wdc-style-2 h3{
font-size: 20px;
}
.wdc-style-2 .wdc-container {
width: 99%;
margin-right: auto;
margin-left: auto;
}
.wdc-style-2 button {
cursor: pointer;
}
.wdc-style-2 #loading {
display: none;
}
.wdc-style-2 .wdc-button {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.133;
-webkit-font-smoothing: antialiased;
transition: 150ms ease;
transition-property: background-color, border-color, box-shadow, color;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
background-color: var(--wdc-button-bg-color);
color: var(--wdc-button-text-color);
border-width: 1px;
border-style: solid;
border-color: var(--wdc-button-border-color);
}
.wdc-style-2 .wdc-button:hover,
.wdc-style-2 .wdc-button:focus { color: #ffffff; text-decoration: none;
outline:0;
}
.wdc-style-2 a,.wdc-style-2 a:hover,.wdc-style-2 a:focus {
box-shadow: none;
outline:0;
}
.wdc-style-2 .wdc-button.small {
padding: 11px 28px !important;
}
.wdc-style-2 .wdc-button.secondary {
box-shadow: none;
background-color: transparent;
color: var(--wdc-style-two-main-color);
border: 2px solid var(--wdc-style-two-main-color);
padding: 16px 28px;
}
.wdc-style-2 .wdc-button.secondary:hover,
.wdc-style-2 .wdc-button.secondary:focus {
background-color: var(--wdc-style-two-main-color);
color: #ffffff;
outline:0;
}
.wdc-style-2 .wdc-search-form {
margin: 0 0 5px 0;
}
.wdc-style-2 .wdc-search-form .wdc-search-content {
display: inline-block;
width: 100%;
}
.wdc-style-2 .wdc-search-form .wdc-search-content input {
display: inline-block;
height: 40px;
width: 100%;
margin: 0 0 15px;
padding: 0 16px;
color: var(--wdc-input-text-color);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 16px;
box-shadow: 0 0 0 1px var(--wdc-input-border-color);
border: 0;
border-radius: 5px;
background-color: var(--wdc-input-bg-color);
transition: box-shadow 150ms ease;
}
.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label {
margin: 0 10px 0 0;
width: 100%;
}
.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
width: 100%;
margin: 0;
}
.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input:focus {
color: var(--wdc-input-text-color);
outline: 0;
box-shadow: 0 0 0 2px var(--wdc-input-border-color);
}
.wdc-style-2 .wdc-heading {
display: none;
margin: 20px 0 10px 0;
text-align: center;
}
.wdc-style-2 .wdc-heading h2 {
color: #212b35;
font-size: 36px;
margin: 0 0 14px 0;
}
.wdc-style-2 .wdc-heading .wdc-heading-result,
.wdc-style-2 .wdc-heading .wdc-heading-info {
color: rgb(47, 58, 95);
font-weight: 300;
margin: 0;
}
.wdc-style-2 .wdc-heading .wdc-heading-result .wdc-heading-query {
font-weight: 700;
}
.wdc-style-2 .wdc-heading p {
font-size: 24px;
margin: 0 0 14px 0;
}
.wdc-style-2 .wdc-heading .wdc-heading-info {
color: #637381;
}
.wdc-style-2 .wdc-error-panel .wdc-error {
position: relative;
padding: 15px 50px 15px 55px;
min-height: 60px;
border: 2px solid #eb644d;
border-radius: 5px;
background-color: rgba(235,100,77,0.05);
}
.wdc-style-2 .wdc-error-panel .wdc-error .icon {
display: inline-block;
width: 26px;
height: 26px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.wdc-style-2 .wdc-error-panel .wdc-error .wdc-error-content {
font-weight: 300;
}
.wdc-style-2 .wdc-error-panel .wdc-error .wdc-error-content p {
margin: 0;
}
.wdc-style-2 .icon-error, .wdc-style-2 .wdc-error-panel .wdc-error .wdc-error-content {
color: #eb644d;
}
.wdc-style-2 .icon-info {
position: absolute;
top: 15px;
left: 15px;
width: 26px;
height: 26px;
fill: #eb644d;
}
.wdc-style-2 .wdc-close {
position: absolute;
top: 0;
right: 0;
padding: 0.9375em;
opacity: 0.8;
transition: opacity 300ms ease-in-out;
}
.wdc-style-2 .wdc-close svg {
width: 15px;
height: 15px;
fill: #eb644d;
}
.wdc-style-2 .wdc-result-subhead {
font-weight: 500;
color: #212b35;
font-size: 12px;
margin: 1px;
text-transform: uppercase;
letter-spacing: 0.7px;
text-align: left;
line-height: 42px;
}
.wdc-style-2 .wdc-domain-result {
border-bottom: 1px solid #dfe3e8;
}
.wdc-style-2 .wdc-action {
margin: 10px 0;
font-size: 12px;
}
.wdc-style-2 .wdc-domain-result .wdc-domain-result__button {
width: 100%;
color: #212b35;
overflow: hidden;
padding: 10px 0px 10px 0px;
font-size: 14px;
font-weight: 400;
}
.wdc-style-2 .wdc-domain-result .wdc-domain-result__button.disabled {
color: #454f5b;
cursor: default;
}
.wdc-style-2 .wdc-domain-result .wdc-domain-result__button:nth-child(even) {
background: #f4f5fa;
}
.wdc-style-2 .wdc-domain-result .wdc-domain-result__list:nth-child(odd) {
background: #f4f5fa;
}
.wdc-style-2 .wdc-domain-result .wdc-domain-result__list:nth-child(even) {
background: transparent;
}
.wdc-style-2 .wdc-domain-result .wdc-domain-empty {
color: #454f5b;
display: none;
padding: 16px 0;
text-align: center;
}
.wdc-style-2 .wdc-grid-price {
display: flex;
align-items: center;
justify-content: flex-end;
}
.wdc-style-2 .wdc-grid {
line-height: 25px;
}
.wdc-style-2 .wdc-icon-result {
width: 16px;
height: 16px;
color: var(--wdc-style-two-main-color);
margin: 0 0 0 5px;
font-size: 16px;
vertical-align: middle;
}
.wdc-style-2 .small-heading {
font-size: 14px;
margin: 0 0 22px 0;
line-height: 1.2142857143;
font-weight: 500;
letter-spacing: 0.7px;
text-transform: uppercase;
}
.wdc-style-2 .wdc-button-next {
display: block;
margin: 0 auto;
}
.wdc-style-2 .wdc-spinner {
color: var(--wdc-button-bg-color);
text-align: center;
}
.wdc-style-2 .wdc-spinner:before {
content: '';
display: block;
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -12px;
margin-top: -12px;
border-radius: 50%;
border: 3px solid var(--wdc-button-bg-color);
border-top-color: transparent;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
display: inline-block;
margin-right: 0.625em;
position: relative;
top: auto;
left: auto;
} .wdc-style-2 .wdc-row {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 10px;
margin-left: 10px;
margin-top: 0;
margin-bottom: 0;
}
.wdc-style-2 .wdc-col-6 {
position: relative;
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
@media (min-width: 768px){
.wdc-style-2 .wdc-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.wdc-style-2.mobile .wdc-col-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
display: block;
}
} .wdc-style-2 .wdc-text-left {
text-align: left;
}
.wdc-style-2 .wdc-text-right {
text-align: right;
}
.wdc-style-2 .wdc-text-center {
text-align: center;
} .wdc-style-2 .wdc-mt-5 {
margin-top: 1rem;
}
.wdc-style-2 .wdc-mb-5 {
margin-bottom: 1rem;
} .wdc-style-2 .btn {
border: 1px solid transparent;
white-space: nowrap;
} .wdc-style-2 .wdc-grid-item {
margin: 0;
}
.wdc-style-2 {
margin: 10px auto 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.wdc-style-2 .wdc-domain-price {
margin-right: 12px;
}
.wdc-style-2 #results .added_to_cart {
margin: 0 0 0 5px;
}
.wdc-style-2 .wdc-container {
display: none;
}
.wdc-style-2 .wdc-domain-unavailable button{
background-color: var(--wdc-whois-button-bg-color);
color: var(--wdc-whois-button-text-color);
padding: 4px 12px;
font-size: 12px;
line-height: 1.5;
border-radius: .2rem;
font-weight: 300;
outline: 0;
margin: 0;
}
.wdc-style-2 .wdc-domain-unavailable button:focus,
.wdc-style-2 .wdc-domain-unavailable button:active {
outline: 0;
}
.wdc-style-2 .wdc-domain-unavailable{
margin: 0 0 0 5px;
}
.wdc-style-2 .wdc-domain-result__list .wdc-domain-unavailable button:hover{
background-color: var(--wdc-whois-button-bg-color);
}
.wdc-style-2 .added_to_cart {
margin: 0 0 0 5px;
color: var(--wdc-style-two-main-color);
}
.wdc-style-2 a:link, .wdc-style-2 a:visited, .wdc-style-2 a:hover, .wdc-style-2 a:active,
.wdc-style-2 button:link, .wdc-style-2 button:visited, .wdc-style-2 button:hover, .wdc-style-2 button:active {
text-decoration: none;
}
.wdc-style-2 .hide {
display: none;
}
.wdc-style-2 #wdc-recaptcha {
margin-top: 10px;
display: inline-block;
}
.wdc-style-2 .wdc-domain-available button {
background-color: var(--wdc-purchase-button-bg-color);
color: var(--wdc-purchase-button-text-color);
font-size: 12px;
line-height: 1.5;
border-radius: .2rem;
font-weight: 300;
outline: 0;
padding: 4px 12px;
margin: 0;
}
.wdc-style-2 .wdc-domain-available button:focus,
.wdc-style-2 .wdc-domain-available button:active {
outline: 0;
}
.wdc-style-2 .wdc-domain-available i {
margin: 0 7px 0 0px;
font-size: 12px;
color: #fff;
line-height: 1.3;
}
.wdc-style-2 .wdc-domain-result__button .icon-only button {
background-color: transparent;
}
.wdc-style-2 .wdc-domain-result__button .icon-only i {
color: var(--wdc-style-two-main-color);
font-size: 18px;
vertical-align: inherit;
}
.wdc-style-2 .recaptcha-text,
.wdc-style-2 .req-domain-text {
display: none;
} @media (max-width: 1079px) {
.wdc-style-2 .wdc-heading p {
font-size: 20px;
}
.wdc-style-2 .wdc-heading h2 {
font-size: 24px;
}
}
@media (max-width: 960px) {
.wdc-style-2 .wdc-container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 749px) {
.wdc-style-2 {
padding-left: 5%;
padding-right: 5%;
}
.wdc-style-2 .wdc-container {
width: 100%;
}
.wdc-style-2 .wdc-search-form .wdc-search-content {
display: block;
}
.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label {
display: block;
margin: 0;
}
.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
margin: 0 0 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wdc-style-2 .wdc-search-button {
width: 100%;
}
.wdc-style-2 .wdc-domain-price {
display: block;
width: 100%;
font-size: 12px;
text-align: left;
}
.wdc-style-2 .wdc-icon-result {
font-weight: 600;
}
.wdc-style-2 .wdc-domain-available {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
}
.wdc-style-2 .wdc-domain-available button {
margin: 0;
}
.wdc-style-2 .wdc-domain-unavailable button{
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 300;
margin: 0;
}
}
@media (min-width: 750px) {
.wdc-style-2 .wdc-search-input__field {
display: flex;
}
.wdc-style-2 .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
width: 100%;
}
.wdc-style-2.mobile .wdc-search-input__field {
display: block;
}
.wdc-style-2.mobile {
padding-left: 5%;
padding-right: 5%;
}
.wdc-style-2.mobile .wdc-container {
width: 100%;
}
.wdc-style-2.mobile .wdc-search-form .wdc-search-content {
display: block;
}
.wdc-style-2.mobile .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label {
display: block;
margin: 0;
}
.wdc-style-2.mobile .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input {
margin: 0 0 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wdc-style-2.mobile .wdc-search-button {
width: 100%;
}
.wdc-style-2.mobile .wdc-domain-price {
display: block;
width: 100%;
font-size: 12px;
text-align: center;
}
.wdc-style-2.mobile .wdc-heading-result {
font-size: 14px;
}
.wdc-style-2.mobile .wdc-icon-result {
font-weight: 600;
}
.wdc-style-2.mobile .wdc-domain-available {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
}
.wdc-style-2.mobile .wdc-domain-available button {
margin: 0;
}
.wdc-style-2.mobile .wdc-domain-unavailable button {
-webkit-transform: translateY(0%);
transform: translateY(0%);
font-weight: 500;
margin: 0;
}
} @keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.wdc-style-2 button:hover {
filter: brightness(90%);
}