.ar_tickets_widget {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
padding: 12px;
font-family: 'Montserrat';
position: relative;
z-index: 0;
background: #f7f0f0;
}
.ar_tickets_widget_title h5 {
font-size: 16px;
font-weight: 600;
}
.ar_tickets_widget_title {
text-align: center;
color: #1d2d53;
color: #000000;
}
.ar_tickets_widget_title small {
font-size: 12px;
font-weight: 600;
}
.ar_tickets_widget .ar_tickets_datepicker {
color: #000;
font-weight: 600;
font-size: 16px;
text-align: center;
}
.ar_tickets_datepicker .ui-datepicker {
padding: 8px;
border-radius: 8px;
border: 1px solid #D3D8E3!important;
width: 100%;
margin-top: 11px;
}
.ar_tickets_datepicker {
width: 100%;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header {
border: none;
background: transparent;
padding: 0;
margin-bottom: 0;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
color: #1d2d53;
font-size: 18px;
font-family: 'Montserrat';
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar thead tr th span {
color: #76819E;
font-size: 14px;
font-weight: 500;
font-family: 'Montserrat';
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar thead tr th {
padding: 8px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail a, .ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .ui-state-default {
background-color: transparent;
border: none;
padding: 0;
text-align: center;
font-size: 16px;
color: #1d2d53;
font-weight: 600;
border: 1px solid transparent;
border-radius: 5px;
font-family: 'Montserrat';
text-align-last: center;
min-height: 54px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail a:hover, a.ui-state-default:hover, .time-cell:hover {
background-color: rgba(152, 1, 46, 0.1) !important;
border: 1px solid rgba(152, 1, 46, 0.2) !important;
}
.ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail span, .ar_tickets_widget .ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-not-avail span, .ar_tickets_widget .ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-not-avail a, span.ui-state-default {
background-color: transparent;
border: none;
padding: 6px 0;
text-align: center;
font-size: 11px;
color: #fff;
font-weight: 600;
border: 1px solid transparent;
border-radius: 5px; font-family: 'Montserrat';
padding: 4px;
}
.ui-state-disabled .ui-state-default {
color: #c7c7c7!important;
}
.ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail span:hover, .ar_tickets_widget .ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-not-avail span:hover {
border: 1px solid rgba(236, 238, 243, 1) !important;
}
.ar_tickets_datepicker .datepicker {
margin-bottom: 8px;
}
.ar_tickets_datepicker .avail_response select {
padding: 10px 40px 10px 10px;
display: block;
width: 100%;
border-radius: 4px;
border: 1px solid #D3D8E3;
text-align: center;
appearance: none;
background-image: url(//www.archeoroma.org/wp-content/plugins/ar-tickets-api/assets/css/assets/images/dropdown-icon.png);
background-repeat: no-repeat;
background-color: #fff;
background-position: 95% center;
background-size: 12px;
text-align: left;
font-size: 14px;
color: #1d2d53;
}
.ar_tickets_datepicker .avail_response .ar_tickets_price span {
font-size: 32px;
color: #000;
font-weight: 600;
}
.ar_tickets_datepicker .avail_response .ar_tickets_price {
text-align: center;
margin: 8px 0;
font-size: 24px;
color: #000;
}
.ar_tickets_datepicker .avail_response .ar_tickets_btn a {
background-color: #98012e;
display: block;
text-align: center;
padding: 12px 0;
color: #fff;
font-size: 16px;
border-radius: 4px;
transition: all 0.3s linear;
font-weight: 600;
}
.ar_tickets_datepicker .avail_response .ar_tickets_btn a:hover {
background-color: #7a0125;
}
.ar_tickets_datepicker .avail_response .ar_tickets_btn a::after {
display: none;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
background-image: url(//www.archeoroma.org/wp-content/plugins/ar-tickets-api/assets/css/assets/images/prev-arrow.png);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0;
background-color: transparent;
background-size: 13px;
display: block;
background-position: center center;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
background-image: url(//www.archeoroma.org/wp-content/plugins/ar-tickets-api/assets/css/assets/images/next-arrow.png);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: 0;
background-color: transparent;
background-size: 13px;
display: block;
background-position: center center;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header a {
background: transparent;
border-radius: 100%;
border: 2px solid #1d2d53;
cursor: pointer;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker .ui-datepicker-prev {
left: 0;
top: 0;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker .ui-datepicker-next {
right: 0;
top: 0;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-today a {
background-color: #f7f0f0
}
.ui-datepicker-today {
background-color: #f7f0f0;
border-radius: 5px;
}
.loader-img:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgb(192 192 192 / 70%);
z-index: 9;
}
.ui-datepicker .ui-datepicker-title select {
margin-left: 5px!important;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-current-day .ui-state-active {
background: #98012e !important;
color: #fff !important;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-prev-hover, .ar_tickets_widget .ar_tickets_datepicker .ui-datepicker .ui-datepicker-next-hover {
top: 2px;
}
.ar_tickets_datepicker .ui-datepicker table {
table-layout: fixed;
}
.ar_tickets_datepicker .ui-datepicker table tr .ui-datepicker-unselectable {
opacity: 1;
}
.ar_tickets_datepicker .avail_response select[disabled] {
opacity: 0.3;
cursor: not-allowed;
}
.ar_tickets_datepicker .datepicker::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgb(192 192 192 / 70%);
z-index: 9991;
}
.ar_tickets_datepicker .datepicker::before {
content: "";
position: absolute;
width: 40px;
height: 40px;
border: 7px solid rgb(192 192 192 / 50%);
border-top-color: #fff;
border-radius: 50%;
animation: loader-custom-inner 1s linear infinite;
top: 50%;
left: 50%;
z-index: 9992;
}
.ar_tickets_datepicker .datepicker.hasDatepicker::before, .ar_tickets_widget .ar_tickets_datepicker .datepicker.hasDatepicker::after {
display: none;
}
.ar_tickets_datepicker .ui-datepicker-current-day .ui-state-highlight {
background-color: #f5f5f6;
color: #1d2d53 !important;
}
.ar_form_datepicker input[name="pickup_date"] {
display: none;
}
.loader-custom-inner .loader-content {
position: absolute;
width: 40px;
height: 40px;
border: 7px solid rgb(192 192 192 / 50%);
border-top-color: #fff;
border-radius: 50%;
}
.loader-custom-inner .loader-content {
animation: loader-custom-inner 1s linear infinite;
top: 50%;
left: 50%;
}
.loader-custom-main {
display: none;
overflow: hidden;
background: none;
position: absolute;
width: 100%;
height: 100%;
}
.loader-custom-inner {
position: relative;
backface-visibility: hidden;
transform-origin: 0 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.loader-custom-inner .loader-content {
box-sizing: content-box;
}
@keyframes loader-custom-inner {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.ar_events_tickets_widget {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
font-size: 20px;
text-align: left;
width: calc(100% - 10px);
background: #f7f0f0;
border-radius: 4px 4px 4px 4px;
padding-left: 37px;
min-height: 145px;
}
.ar_events_tickets_widget:hover {
background-color: #e3e3e3;
}
.box-ext-link-white a {
color: #000;
font-size: 16px;
line-height: 25px;
font-weight: 600;
}
.ar_events_tickets_widget_text_black {
font-size: 16px;
margin-bottom: 0;
color: #1b2629;
line-height: 20px;
font-weight: 700;
}
.ar_events_tickets_widget_text_provider {
font-size: 16px;
color: #1b2629;
line-height: 20px;
}
.ar_events_tickets_widget:before {
background: radial-gradient(circle, #ffffff 50%, #ffffff00 50%, #f7f0f0 100%) 0 -8px/16px 18px repeat-y;
left: 60px;
content: '';
position: absolute;
height: 100%;
width: 17px;
}
.ar_events_tickets_widget:hover:before {
background: radial-gradient(circle, #ffffff 50%, #ffffff00 50%, #e3e3e3 100%) 0 -8px/16px 18px repeat-y;
left: 60px;
content: '';
position: absolute;
height: 100%;
width: 17px;
}
.ar_hotel_widget {
border-radius: 4px 4px 4px 4px;
width: calc(100% - 10px);
padding: 17px;
background: #f7f0f0;
}
.product-box-price {
font-weight: 600;
font-size: 24px;
line-height: 31px;
color: #000000;
}
.product-box-title {
font-size: 28px;
line-height: 27px;
} .ui-datepicker .ui-state-default {
display:block;
padding:13px 0 2px;
position:relative;
}
.day-price{
font-size:12px; line-height:12px;
color:#1d2d53; pointer-events:none;
display:block; margin-top:2px;
}
.ar-date-chosen {
font-size: 16px;
padding-bottom: 6px;
}
.booking-avail span.day-price {
background-color: rgb(152, 1, 46) !important;
}
.booking-avail span.day-price {
color:#fff;
}
.ui-datepicker-unselectable .day-price {
color: #fff;
} .ui-state-active:hover,
.ui-state-active:focus{ background:#98012e!important; color:#fff!important;
}
.ui-state-active:hover .day-price{color:#fff}
.ui-state-active{pointer-events:none;}