paron_world_services_css

 avatar
unknown
css
a year ago
15 kB
5
Indexable
/***services***/
.service-title, .col-md-4.service-includes-header > h4{
    color:#6A2853 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}
.gray-back, .result-item{
    background:#FFF !important;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10) !important;
    border: 0px !important;
}
#app > div.container.services > div:nth-child(1){
    margin-bottom: 60px !important;
}

div.col-md-12.booking-form{
    background: var(--ffffff-page-background, #FFF) !important;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10) !important;
    
}

h4.control-label{
    display: none !important;
}

.row.form-group.return-group{
    display:block !important;
}

div.row.form-group.hidden.return-group > div.col-md-4{
    display: none !important;
}

#bookingform > div:nth-child(2){
    display: none !important;
}

div.row.form-group.return-group.hidden > div:nth-child(2){
    padding-top: 10px !important;
}

div.col-md-9 > div.form-group.pickup-range{
    padding-top: 10px !important;
}

.btn.btn-rengine.orphan{
    border: 4px solid var(--b-7812-a-footer, #B7812A) !important;
    background: var(--b-7812-a-footer, #B7812A) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 1.28px !important;
    border-radius: 0px !important;
    padding: 12px 16px !important;
    text-transform: uppercase !important;
}

.btn.btn-rengine.orphan:hover{
    background: transparent !important;
    color: #B7812A !important;
}

.book-button.btn-blue.select-dates, .btn-slot:enabled{
    border: 4px solid var(--b-7812-a-footer, #B7812A) !important;
    background: transparent !important;
    color: #B7812A;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 1.28px !important;
    border-radius: 0px !important;
    padding: 12px 16px !important;
    text-transform: uppercase !important;
}



.btn-slot:enabled, .btn[disabled]{
    position: relative !important;
    right: 55px !important;
}

.book-button.btn-blue.select-dates:hover, .btn-slot:enabled:hover{
    background: #B7812A !important;
    color: #FFF !important;
}

.btn[disabled]{
    border: 4px solid grey !important;
    background: transparent !important;
    color: grey;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    letter-spacing: 1.28px !important;
    border-radius: 0px !important;
    padding: 12px 16px !important;
    text-transform: uppercase !important;
}


.btn.btn-rengine.orphan > i {
    display: none !important;
}

#bookingform > div:nth-child(1) > div.col-md-9{
    padding-top: 15px !important;
}

#bookingform > div:nth-child(1) > div.col-md-9 > div > input.form-control.picker.flatpickr-input.flatpickr-input.form-control.input{
    border-bottom: 0.8px solid var(--1-e-0-b-17-text, #1E0B17) !important;
    border-radius: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.calendar-icon::after {
    content: url("https://phpmysqlappdiag454.blob.core.windows.net/blob/assets/images/gabriil-karathomas-monike/material-symbols_calendar-today-rounded (1).png");
}

#group_id{
    border-bottom: 0.8px solid var(--1-e-0-b-17-text, #1E0B17) !important;
    border-radius: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.col-md-4 > label > i, .col-md-3 > label > i{
    display: none !important;
}

.col-md-4 > label, .col-md-3 > label{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.amount-control{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.minus-control, .plus-control{
    color: #1E0B17 !important;
    border: 0px !important;
    font-size: 18px !important;
    padding: 15px 10px !important;
}

#bookingform > div.row.form-group.hidden.return-group > div.col-md-5 > div.col-md-4{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

#bookingform > div.row.form-group.hidden.return-group > div.col-md-5 > div > .more-filters-label{
    flex: 100% !important;
    text-align: center !important;
}

#bookingform > .row.form-group.return-group.hidden {
    padding-top: 30px !important;
}

.service-name{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

.service-group{
    color: var(--1-e-0-b-1760-text, rgba(30, 11, 23, 0.60)) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: 1.12px !important;
    margin-bottom: 20px !important;
}

.service-attributes > ul > li{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

div.service-prices, .no-charge-now, .no-charge, .total-price-modal.padd10b{
    display: none !important;
}
div.row.result-item > div:nth-child(3){
    margin-bottom: 35px !important;
}

.service-book{
    margin-top: 22px !important;
}

.date-spots-header.strong-bold{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}
.date-spots-calendar-header{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.date-spots-calendar-header > i{
    display: none !important;
}

.timeCell {
    border: 1px solid var(--1-e-0-b-17-text, #1E0B17) !important;
    background: var(--ffffff-page-background, #FFF) !important;
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

#slots .ui-selected, #slots .selectable-selected, .timeCell:hover {
    border: 1px solid var(--1-e-0-b-17-text, #1E0B17) !important;
    background: var(--1-e-0-b-17-text, #1E0B17) !important;
    color: var(--ffffff-page-background, #FFF) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.col-md-10.col-xs-12.date-spots > div.row.padd20b.padd10t, #slots > hr{
    display: none !important;
}

.booking-option-header{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

div.center.text-center.booking-option > p.padd30l.padd30r{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.show-signin-modal.register.button.btn-primary, .button.btn-primary, .btn.btn-rengine.btn-block{
    border-radius: 0px !important;
    background: var(--b-7812-a-footer, #B7812A) !important;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid #B7812A !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

.show-signin-modal.register.button.btn-primary:hover, .button.btn-primary:hover, .btn.btn-rengine.btn-block:hover{
    background: transparent !important;
    color: #B7812A !important;
}

.show-signin-modal.go-guest.secondary-button, .show-signin-modal.register.secondary-button{
    border-radius: 0px !important;
    background: transparent !important;
    color: #B7812A;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10) !important;
    border: 1px solid #B7812A !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

.show-signin-modal.go-guest.secondary-button:hover, .show-signin-modal.register.secondary-button:hover{
    background: #B7812A !important;
    color: #FFF !important;
}

div.sign-up-continue > p.sign-in{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

a.go-signin.show-signin-modal, a.terms, a.forgot, .text-center.size18 > a.register, #payment-form > div:nth-child(2) > div > div.row > p.col-md-12.text-center.click-terms > a {
    color: var(--1-e-0-b-17-text, #3658AF) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

h4.selected-services{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important; 
    text-transform: uppercase !important;
}

.booking-date-range{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

#collapseReview > div > div.col-md-8 > div.service-title{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

#collapseReview > div > div.col-md-8 > div.size14.service-categories.strong-bold, .col-md-4.booking-media > img{
    display: none !important;
}

#collapseReview > hr:nth-child(8), #service-section, #extras-section, #collapseReview > hr:nth-child(11), #collapseReview > div:nth-child(12){
    display: none !important;
}

.col-md-12.includes-header{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin-bottom: 15px !important;
}

p.col-md-12.size14.includes-description{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 26px !important;
}

.col-md-12.text-center.size14.step-guide.hidden-xs > ul > li{
    color: var(--1-e-0-b-17-text, #1E0B17) !important; 
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.box-register.modal-box > h3, .box-guest.modal-box > h3, .box-login.modal-box > h3{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

.booking-step3-header{
    color: var(--6-a-2853-titles, #6A2853) !important;  
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

#payment-form > div:nth-child(2) > div > div.row > p.col-md-12.text-center.click-terms, #app > div.container-fluid.steps > div > div > div > div > div > div.padd20t.order-id, #app > div.container-fluid.steps > div > div > div > div > div > div.padd20t.reservation-in-view-desc{
    color: var(--1-e-0-b-17-text, #1E0B17) !important; 
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

#payment-form > div:nth-child(2) > div > h4.text-center.extra-heading{
    color: var(--1-e-0-b-17-text, #1E0B17) !important; 
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.col-md-12.reservation-in-view > h1{
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

.fa.fa-check-circle-o.green{
    color: #6A2853 !important;
}

div.size60.padd20t > strong{
    color: var(--6-a-2853-titles, #6A2853) !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 60px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
}

.lightbox .mySlides img{
width: fit-content !important;
}

.lightbox .modal-content {
background-color: transparent !important;
margin-top: 150px !important;
}

.booking-area img {
    width: 100% !important;
    max-height: 700px !important;
    object-fit: cover !important;
    border-radius: 0px !important;
}

div.col-md-12.service-description > span > span:nth-child(2){
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

div.col-md-4.gray-back > div.slide-subtitle.strong-bold{
    color: var(--1-e-0-b-1760-text, rgba(30, 11, 23, 0.60)) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important; 
    letter-spacing: 1.12px !important;
}

.col-md-6.service-media{
    color: var(--1-e-0-b-17-text, #1E0B17) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

div.col-md-4.gray-back > div:nth-child(6){
    display: none !important;
}
/****end of services***/
Editor is loading...