THE MENUS

/* ----------------------------------------- */ /* View: Check Availability – sticky - start */ /* ----------------------------------------- */ /* labels */ .check-availability-label { font-size:0.8em; } /* Widget width + alignment */ .view-126 { max-width: 500px; margin-left: auto; margin-right: auto; margin-top:15px; background-color:#ffffff; border-style: solid; border-width: 1px; border-color:#d3d3d3; padding:5px 20px 5px 20px; } .view-126 .wpb_column.column_container.col-sm-4 { padding: 0; } /* Arrive field style */ .view-126 img { margin-bottom:0px; margin-left: 7px; } /* Arrive Date Picker */ .ui-datepicker .ui-widget-header { border: 1px solid #F2F3F4!important; background: #2b2b2b url(https://thegilpin.co.uk/wp-content/uploads/date-picker-background-v2.png) 50% 50% repeat-x!important; color: #ffffff; font-weight: bold; } .ui-datepicker .ui-datepicker-title select { padding-left: 5px; } .ui-datepicker.ui-helper-clearfix { padding: 10px; background-color: #F2F3F4!important; } .ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { border: 1px solid #cccccc!important; font-weight: bold; background-color: #ffffff!important; color: #2b2b2b!important; } .ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { border: 1px solid #82E0AA!important; color: #363636!important; background: #D5F5E3 url(https://thegilpin.co.uk/wp-content/uploads/date-cell-background.png) 50% top repeat-x!important; } /* Arrive Date Picker - when fixed in header */ div#ui-datepicker-div { top: 40%!important; position: fixed!important; } /* Arrive Date Picker - change delete icon to pen */ .js-wpt-date-clear.wpt-date-clear.dashicons-before.dashicons-no::before { content: "\f464"; } /* Nights Dropbox Style */ .view-126 .select-option { width: 50px; } .view-126 .select-option i { right: 2px; top: 6px; } /* Button style */ .view-126 button.wpv-submit-trigger.js-wpv-submit-trigger.btn { width: 174px!important; height: 49px; padding-left: 9px!important; border: none; text-transform: inherit; background-color: white; background-image: url(/wp-content/uploads/Check-Availability-Bkg.jpg); } .view-126 button.wpv-submit-trigger.js-wpv-submit-trigger.btn:hover { background-image: url(/wp-content/uploads/Check-Availability-Bkg-hover.jpg); } /* ----------------------------------------- */ /* View: Check Availability – sticky - end */ /* ----------------------------------------- */