.input-wrapp {
position: relative;
}
.input-wrapp ::-webkit-input-placeholder {
color: #00a3b7 !important;
}
.input-wrapp :-ms-input-placeholder {
color: #00a3b7 !important;
}
.input-wrapp ::placeholder {
color: #00a3b7 !important;
}
.input-wrapp #postal-code {
position: relative;
border-radius: 25px;
color: #00a3b7 !important;
font-size: 16px;
padding: 15px;
padding-left: 50px;
}
.input-wrapp #selectdate {
position: relative;
border-radius: 25px;
color: #00a3b7 !important;
font-size: 16px;
padding: 15px;
padding-left: 50px;
}
.input-wrapp .map-icon {
position: absolute;
left: 15px;
z-index: 1;
max-width: 26px;
top: 10px;
}
#selectdate-form .input-wrapp .map-icon {
position: absolute;
left: 15px;
z-index: 9;
max-width: 30px;
top: 15px;
}
.ui-widget.ui-widget-content {
background-color: #00a3b7;
}
#ui-datepicker-div {
background-color: #fff;
border: 1px solid #707070;
z-index: 9 !important;
}
.ui-datepicker .ui-datepicker-header {
background: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
background-color: #daebef;
color: #388a9d;
}
.ui-state-default.ui-state-active.ui-state-hover {
background-color: #388a9d;
color: #fff;
}
.ui-state-default.ui-state-active {
background-color: #00a3b7;
color: #fff;
}
.ui-datepicker-calendar {
border: 0px;
}
#estimated_hatching_date {
margin: 0px;
color: #fff;
font-size: 25px;
}
.estimate-date {
background-color: #ea7718;
max-width: 250px;
padding: 10px;
margin: 0 auto 10px;
}
.date-schedule {
text-align: center;
background-color: #fff;
padding: 20px;
position: absolute;
border: 1px solid #707070;
padding-top: 50px;
font-family: "Open Sans", Sans-serif;
transition: all 0.3s ease;
visibility: hidden;
z-index: -1;
opacity: 0;
}
.date-schedule.active {
visibility: visible;
z-index: 7;
opacity: 1;
}
.date-schedule .dissmiss-btn {
background-color: transparent;
color: #333;
font-size: 20px;
padding: 10px;
position: absolute;
right: 10px;
top: 5px;
}
.date-schedule h4 {
margin: 0px;
font-size: 24px;
color: #464749;
margin-bottom: 10px;
}
.date-schedule p {
font-size: 14px;
}
.estimate-date h4 {
color: #fff;
margin-bottom: 0px;
}
.date-schedule h4 span.colored-txt {
font-size: 135%;
color: #00a3b7;
}
.elementor-container {
padding-right: 10px;
padding-left: 10px;
}
.page-id-44 #elementor-lightbox,
.page-id-911 #elementor-lightbox {
background-color: rgba(255, 255, 255, 1);
}
.page-id-44
#elementor-lightbox
.dialog-close-button.dialog-lightbox-close-button,
.page-id-911
#elementor-lightbox
.dialog-close-button.dialog-lightbox-close-button {
color: #333;
}
@media only screen and (min-width: 1025px) {
.input-wrapp .map-icon {
top: 7px;
}
#selectdate-form .input-wrapp .map-icon {
top: 12px;
}
.input-wrapp #postal-code {
padding: 15px 15px;
padding-left: 50px;
}
.input-wrapp #selectdate {
padding: 15px 15px;
padding-left: 50px;
}
.elementor-section .elementor-container .elementor-button {
padding: 5px 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.input-wrapp #selectdate {
padding: 10px 15px;
padding-left: 50px;
}
#selectdate-form .input-wrapp .map-icon {
top: 12px;
max-width: 22px;
}
.input-wrapp #postal-code {
padding: 10px 15px;
padding-left: 50px;
}
.input-wrapp .map-icon {
max-width: 20px;
top: 7px;
}
#dateOpen .elementor-button {
padding: 0px;
}
#z-open-btn .elementor-button {
padding: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.input-wrapp #postal-code {
font-size: 14px;
padding: 10px;
padding-left: 40px;
}
.input-wrapp .map-icon {
max-width: 16px;
top: 10px;
}
.input-wrapp #selectdate {
font-size: 14px;
}
#selectdate-form .input-wrapp .map-icon {
max-width: 20px;
top: 12px;
}
.footer-social-menu ul li:first-child {
display: block;
}
.input-wrapp #selectdate {
padding: 10px;
padding-left: 45px;
}
#dateOpen .elementor-button {
padding: 0px;
}
#z-open-btn .elementor-button {
padding: 0px;
}
}
@media only screen and (max-width: 767px) {
.input-wrapp #postal-code {
font-size: 13px;
padding: 10px;
padding-left: 40px;
}
.input-wrapp .map-icon {
max-width: 16px;
top: 8px;
}
.input-wrapp #selectdate {
font-size: 13px;
padding: 10px;
padding-left: 40px;
}
#selectdate-form .input-wrapp .map-icon {
max-width: 20px;
top: 12px;
}
.date-schedule h4 {
font-size: 23px;
}
#estimated_hatching_date {
font-size: 22px;
}
#dateOpen .elementor-button {
padding: 0px;
}
#z-open-btn .elementor-button {
padding: 0px;
}
}
#zip-date-fr .elementor-container,
#zip-date-en .elementor-container {
padding: 0px;
}