:root { --wdc-style-one-main-color: #29498d; } .wdc-search-one label, .wdc-search-one section { margin: 0; padding: 0; border: 0; vertical-align: baseline; } .wdc-search-one h3, .wdc-search-one span, .wdc-search-one button{ font-family: 'Montserrat'; /* padding: 0 10px; */ /* font-size: 14px; */ text-transform: none; } .wdc-search-one h3{ font-size: 24px; } .wdc-search-one .wdc-container { width: 99%; margin-right: auto; margin-left: auto; } .wdc-search-one .wdc-button { display: inline-block; padding: 14px 20px; border-radius: 5px; font-family: 'Montserrat'; font-weight: 500; font-size: 12px; 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; /* cursor: pointer; */ box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15); background-color: var(--wdc-style-one-main-color); color: #ffffff; border-width: 0; border-style: solid; border-color: transparent; } .wdc-search-one .wdc-button:hover, .wdc-search-one .wdc-button:focus { background-color: #202e78; color: #ffffff; box-shadow: 0 5px 25px 0 rgba(0,0,0,0.25); text-decoration: none; outline:0; } .wdc-search-one a,.wdc-search-one a:hover,.wdc-search-one a:focus { box-shadow: none; outline:0; } .wdc-search-one .wdc-button.small { padding: 11px 28px !important; } .wdc-search-one .wdc-button.secondary { box-shadow: none; background-color: transparent; color: var(--wdc-style-one-main-color); border: 2px solid var(--wdc-style-one-main-color); padding: 16px 28px; } .wdc-search-one .wdc-button.secondary:hover, .wdc-search-one .wdc-button.secondary:focus { background-color: var(--wdc-style-one-main-color); color: #ffffff; outline:0; } .wdc-search-one .wdc-search-form { margin: 0 0 5px 0; } .wdc-search-one .wdc-search-form .wdc-search-content { display: inline-block; width: 100%; } .wdc-search-one .wdc-search-form .wdc-search-content input { display: inline-block; height: 40px; width: 100%; margin: 0 0 15px; padding: 0 16px; color: #212b35; font-family: 'Montserrat'; font-size: 16px; box-shadow: 0 0 0 1px #c4cdd5; border: 0; border-radius: 5px; background-color: #ffffff; transition: padding 150ms; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wdc-search-one .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label { margin: 0 20px 0 0; width: 100%; } .wdc-search-one .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input { width: 100%; margin: 0; } .wdc-search-one .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input:focus { color: #000000; outline: 0; box-shadow: 0 0 0 2px var(--wdc-style-one-main-color); } .wdc-search-one .wdc-heading { display: none; margin: 10px 0 20px 0; text-align: center; } .wdc-search-one .wdc-heading h2 { color: #212b35; font-size: 36px; margin: 0 0 14px 0; } .wdc-search-one .wdc-heading .wdc-heading-result, .wdc-search-one .wdc-heading .wdc-heading-info { font-weight: 400; margin: 0; } .wdc-search-one .wdc-heading .wdc-heading-result .wdc-heading-query { font-weight: 900; } .wdc-search-one .wdc-heading p { font-size: 24px; margin: 0 0 14px 0; } .wdc-search-one .wdc-heading .wdc-heading-info { color: #637381; } .wdc-search-one .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-search-one .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-search-one .wdc-error-panel .wdc-error .wdc-error-content { font-weight: 500; } .wdc-search-one .wdc-error-panel .wdc-error .wdc-error-content p { margin: 0; } .wdc-search-one .icon-error, .wdc-search-one .wdc-error-panel .wdc-error .wdc-error-content { color: #eb644d; } .wdc-search-one .icon-info { position: absolute; top: 15px; left: 15px; width: 26px; height: 26px; fill: #eb644d; } .wdc-search-one .wdc-close { position: absolute; top: 0; right: 0; padding: 0.9375em; opacity: 0.8; transition: opacity 300ms ease-in-out; } .wdc-search-one .wdc-close svg { width: 15px; height: 15px; fill: #eb644d; } .wdc-search-one .wdc-result-subhead { font-weight: 700; color: #212b35; font-size: 12px; margin: 1px; text-transform: uppercase; letter-spacing: 0.7px; text-align: left; line-height: 42px; } .wdc-search-one .wdc-domain-result { border-bottom: 1px solid #dfe3e8; } .wdc-search-one .wdc-action { margin: 10px 0; font-size: 12px; } .wdc-search-one .wdc-domain-result .wdc-domain-result__button { width: 100%; color: #212b35; overflow: hidden; padding: 10px; -webkit-appearance: none; font-size: 12px; } .wdc-search-one .wdc-domain-result .wdc-domain-result__button.disabled { color: #454f5b; cursor: default; } .wdc-search-one .wdc-domain-result .wdc-domain-result__button:nth-child(even) { background: #f4f5fa; } .wdc-search-one .wdc-domain-result .wdc-domain-result__list:nth-child(odd) { background: #f4f5fa; } .wdc-search-one .wdc-domain-result .wdc-domain-result__list:nth-child(even) { background: transparent; } .wdc-search-one .wdc-domain-result .wdc-domain-empty { color: #454f5b; display: none; padding: 16px 0; text-align: center; } .wdc-search-one .wdc-grid-price { display: flex; align-items: center; justify-content: flex-end; } .wdc-search-one .wdc-grid { line-height: 25px; } .wdc-search-one .wdc-icon-result { width: 16px; height: 16px; color: var(--wdc-style-one-main-color); margin: 0 0 0 5px; font-size: 16px; vertical-align: middle; } .wdc-search-one .small-heading { font-size: 14px; margin: 0 0 22px 0; line-height: 1.2142857143; font-weight: 700; letter-spacing: 0.7px; text-transform: uppercase; } .wdc-search-one .wdc-button-next { display: block; margin: 0 auto; } .wdc-search-one .wdc-spinner { color: var(--wdc-style-one-main-color); /* display: none; */ text-align: center; } .wdc-search-one .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-style-one-main-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; vertical-align: bottom; } /*Search Style 2*/ .wdc-search-two { font-size: 16px; font-family: 'Brandon', sans-serif; font-weight: 400; color: #1d2b36; } .wdc-search-two .wdc-container { width: 776px; margin: 0 auto; } .wdc-search-two p { margin: 0; } .wdc-search-two .wdc-button { max-width: none; min-width: 120px; align-self: stretch; flex-shrink: 0; font-size: 14px; font-weight: 700; color: #fff; margin: 0px; padding: 15px 32px; border-radius: 4px; background-color: #00828c; } .wdc-search-two .wdc-button:hover, .wdc-search-two .wdc-button:focus { background-color: #005469; outline:0; } .wdc-search-two .wdc-button.small { min-width: 160px; max-width: 400px; padding: 8px 20px; } .wdc-search-two .wdc-search-button { border-radius: 0px 4px 4px 0px; } .wdc-search-two .wdc-transfer-button { min-width: 200px; max-width: 400px; } .wdc-search-two .wdc-search-form { display: flex; width: 100%; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px 0px; } .wdc-search-two .wdc-search-form .wdc-search-content { display: flex; position: relative; width: 100% } .wdc-search-two .wdc-search-form .wdc-search-content .wdc-search-input__field { width: 100%; border-width: 2px; border-style: solid; border-color: transparent; } .wdc-search-two .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-input { width: 100%; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: rgb(29, 43, 54); line-height: 100%; padding: 16px; border-width: 0px; border-style: initial; border-color: initial; overflow: hidden; } .wdc-search-two .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-input:hover, .wdc-search-two .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-input:focus { outline: none; border: none; } .wdc-search-two .wdc-loading { display: none; text-align: center; } .wdc-search-two .wdc-loading .wdc-icon-loading { width: 120px; height: 120px; } .wdc-search-two .wdc-transfer-content { display: flex; -webkit-box-align: center; align-items: center; text-align: left; padding: 24px 40px; margin: 60px 0px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px 0px; text-overflow: ellipsis; cursor: pointer; border-radius: 4px; overflow: hidden; transition: background-color 250ms ease-in-out 0s; } .wdc-search-two .wdc-transfer-content:hover { background-color: #e2e0df; } .wdc-search-two .wdc-transfer-content .wdc-transfer-icon { margin-right: 24px; } .wdc-search-two .wdc-transfer-content .wdc-transfer-icon svg { width: 60px; height: 60px; } .wdc-search-two .wdc-transfer-content .wdc-transfer-info { margin-right: 40px; } .wdc-search-two .wdc-transfer-content .wdc-transfer-info .wdc-transfer-domain { font-size: 22px; font-weight: 700; } .wdc-search-two .wdc-transfer-content .wdc-transfer-info p { margin: 0 0 8px 0; font-size: 18px; line-height: 28px; } .wdc-search-two .wdc-transfer-content .wdc-transfer-action { margin: 0px 0px 0px auto; } .wdc-search-two .wdc-domain-result .wdc-domain-result__title { display: flex; justify-content: space-between; align-items: center; margin: 20px 0px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__title h2 { font-size: 24px; font-weight: 700; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button { display: flex; justify-content: space-between; align-items: center; min-height: 40px; padding: 18px 20px; border-top: 1px solid #e2e0df; cursor: pointer; transition: background-color 250ms ease-in-out 0s, border-color 250ms ease-in-out 0s; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button:nth-child(2n) { background-color: #f2f2f2; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button:hover, .wdc-search-two .wdc-domain-result .wdc-domain-result__button:focus { background-color: #e2e0df; border-radius: 4px; outline:0; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button:hover .wdc-domain-taken .wdc-copy-taken { display: none; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button:hover .wdc-domain-taken .wdc-domain-owner { display: block; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-name .wdc-icon-result .wdc-icon-taken, .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-name .wdc-icon-result .wdc-icon-check { margin-right: 24px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-name .wdc-icon-result .wdc-icon-taken { width: 24px; height: 24px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-name .wdc-icon-result .wdc-icon-check { width: 16px; height: 16px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken, .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-ready { padding-left: 28px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-domain-owner { display: none; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-domain-owner .wdc-domain-owner__item { display: flex; flex-direction: row; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-domain-owner .wdc-domain-owner__item .wdc-copy { margin-right: 8px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-ready .wdc-domain-free { display: flex; align-items: center; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-ready .wdc-domain-free p { font-size: 14px; line-height: 18px; color: #696c76; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media (max-width: 1079px) { .wdc-search-one .wdc-heading p { font-size: 20px; } .wdc-search-one .wdc-heading h2 { font-size: 24px; } } @media (max-width: 960px) { .wdc-search-two .wdc-container { width: 100%; padding-left: 20px; padding-right: 20px; } } @media (max-width: 749px) { .wdc-search-one { padding-left: 5%; padding-right: 5%; } .wdc-search-one .wdc-container { width: 100%; } .wdc-search-one .wdc-search-form .wdc-search-content { display: block; } .wdc-search-one .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label { display: block; margin: 0; } .wdc-search-one .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; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .wdc-search-one .wdc-search-button { width: 100%; } .wdc-search-one .wdc-domain-price { display: block; width: 100%; font-size: 12px; text-align: left; } .wdc-search-one .wdc-icon-result { /* -webkit-transform: translateY(-50%); transform: translateY(-50%); */ font-weight: 600; } .wdc-search-one .wdc-domain-available { -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 500; } .wdc-search-one .wdc-domain-available button { margin: 0; } .wdc-search-one .wdc-domain-unavailable button{ -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 500; margin: 0; } } @media (min-width: 750px) { .wdc-search-one .wdc-search-input__field { display: flex; } .wdc-search-one .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label .wdc-input { width: 100%; } .wdc-search-one.mobile .wdc-search-input__field { display: block; } .wdc-search-one.mobile { padding-left: 5%; padding-right: 5%; } .wdc-search-one.mobile .wdc-container { width: 100%; } .wdc-search-one.mobile .wdc-search-form .wdc-search-content { display: block; } .wdc-search-one.mobile .wdc-search-form .wdc-search-content .wdc-search-input__field .wdc-search-input__label { display: block; margin: 0; } .wdc-search-one.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; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .wdc-search-one.mobile .wdc-search-button { width: 100%; } .wdc-search-one.mobile .wdc-domain-price { display: block; width: 100%; font-size: 12px; text-align: center; } .wdc-search-one.mobile .wdc-heading-result { font-size: 14px; } .wdc-search-one.mobile .wdc-icon-result { /* -webkit-transform: translateY(-50%); transform: translateY(-50%); */ font-weight: 600; } .wdc-search-one.mobile .wdc-domain-available { -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 500; } .wdc-search-one.mobile .wdc-domain-available button { margin: 0; } .wdc-search-one.mobile .wdc-domain-unavailable button { -webkit-transform: translateY(0%); transform: translateY(0%); font-weight: 500; margin: 0; } } @media (max-width: 678px) { .wdc-search-two .wdc-transfer-content { display: block; text-align: center; } .wdc-search-two .wdc-transfer-content .wdc-transfer-info .wdc-transfer-domain { font-size: 18px; margin: 16px 0; } .wdc-search-two .wdc-transfer-content .wdc-transfer-action { margin-top: 20px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__title { display: block } .wdc-search-two .wdc-domain-result .wdc-domain-result__title h2 { margin: 0; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button, .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-domain-owner .wdc-domain-owner__item { flex-direction: column; align-items: initial; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-name .wdc-icon-result .wdc-icon-taken, .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-name .wdc-icon-result .wdc-icon-check { margin-right: 8px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-copy-taken, .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-domain-owner { display: block !important; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-taken .wdc-domain-owner svg { display: none; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-ready { display: flex; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-ready .wdc-domain-free { flex-direction: column-reverse; align-items: center; margin-top: 8px; } .wdc-search-two .wdc-domain-result .wdc-domain-result__button .wdc-domain-ready .wdc-domain-free button { margin: 0 0 8px 0; } .wdc-search-two .wdc-button.ml-2 { margin-left: 0 !important; margin-right: 0 !important; } } .wdc-search-one .wdc-container { display: none; } .wdc-domain-result__list button:hover{ background-color: transparent; } .wdc-search-one .wdc-domain-unavailable button{ background-color: var(--wdc-style-one-main-color); color: #ffffff; /* padding: .25rem .5rem; */ padding: 2px 12px; font-size: 10px; line-height: 1.5; border-radius: .2rem; font-weight: 500; outline: 0; margin: 0; } .wdc-search-one .wdc-domain-unavailable button:focus, .wdc-search-one .wdc-domain-unavailable button:active { outline: 0; } .wdc-search-one .wdc-domain-unavailable{ margin: 0 0 0 5px; } .wdc-search-one .wdc-domain-result__list .wdc-domain-unavailable button:hover{ background-color: var(--wdc-style-one-main-color); } .wdc-search-one .added_to_cart { margin: 0 0 0 5px; color: var(--wdc-style-one-main-color); } .wdc-search-one .row .wdc-grid-item { margin: 0; } .wdc-search-one .row { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-top: 0; margin-bottom: 0; } .wdc-search-one { margin: 10px; } .wdc-search-one .wdc-domain-price { margin: 0 5px 0 0; } .wdc-search-one #results .added_to_cart { margin: 0 0 0 5px; } .wdc-search-one .text-left { text-align: left; } .wdc-search-one .text-right { text-align: right; } .wdc-search-one .btn { border: 1px solid transparent; white-space: nowrap; } @media (min-width: 768px){ .wdc-search-one .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .wdc-search-one.mobile .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; display: block; } } .wdc-search-one .col-md-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .wdc-search-one .recaptcha-text, .wdc-search-one .req-domain-text { display: none; } .wdc-search-one { font-family: 'Montserrat'; } .wdc-search-one .text-center { text-align: center; } .wdc-search-one a:link, wdc-search-one a:visited, .wdc-search-one a:hover, .wdc-search-one a:active, .wdc-search-one button:link, wdc-search-one button:visited, .wdc-search-one button:hover, .wdc-search-one button:active { text-decoration: none; } .wdc-search-one .hide { display: none; } .wdc-search-one #wdc-recaptcha { margin-top: 10px; display: inline-block; } .wdc-search-one .wdc-domain-available button { background-color: var(--wdc-style-one-main-color); color: #ffffff; font-size: 10px; line-height: 1.5; border-radius: .2rem; font-weight: 500; outline: 0; padding: 2px 12px; margin: 0; } .wdc-search-one .wdc-domain-available button:focus, .wdc-search-one .wdc-domain-available button:active { outline: 0; } .wdc-search-one .wdc-domain-available i { margin: 0 7px 0 0px; font-size: 12px; color: #fff; line-height: 1.3; } .wdc-search-one .wdc-domain-available button span { vertical-align: middle; } .wdc-search-one .wdc-domain-result__button .icon-only button { background-color: transparent; } .wdc-search-one .wdc-domain-result__button .icon-only i { color: var(--wdc-style-one-main-color); font-size: 18px; vertical-align: inherit; }