.text-center {
text-align: center;
}
#bc_embedded hr, #bc-main-content-wrapper hr {
margin-top: 10px;
margin-bottom: 10px;
}
#bc_embedded label, #bc-main-content-wrapper label {
display: inline;
}
#dynamic_div_for_slot_times {
min-height: 38px;
}
#dynamic_date_selector {
overflow-x: auto;
}
.bc-booking-details h2, .bc-booking-details h3, .bc-booking-details h4,.bc-booking-details p, .bc-booking-details label{
color: #111;
}
.bc-booking-details label {
font-weight: 500;
opacity: 0.95;
}
.bc-border-bottom {
height: 5px;
width: 25px;
border-bottom: 2px solid #ff5653;
display: inline-block;
position: absolute;
left: 0;
bottom: -5px;
}
.bc-front-widget .title {
position: relative;
color: rgba(0,0,0,0.75);
font-weight: 500;
font-size: 18px;
text-align: left;
}
.bc-front-widget select, .bc-front-widget input {
background-color: transparent;
}
.bc-front-widget p {
margin: 0px 0px 15px 0px;
}
.bc-border-bottom {
height: 5px;
width: 25px;
border-bottom: 2px solid #ff5653;
display: inline-block;
position:absolute;
left: 0;
bottom: -5px;
}
.bc-front-widget .form-control {
display: block;
width: 100%;
height: 40px;
font-size: 14px;
line-height: 1.42857;
color: #555;
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
padding: 6px 12px;
border-width: 1px;
border-style: solid;
border-color: #555;
border-image: initial;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
font-weight: 500;
}
.bc-btn-normal {
padding: 8px 12px;
border: none;
border-radius: 4px;
font-size: 16px;
font-weight: 500;
text-decoration: false;
color: rgba(0,0,0,0.75);
background-color: #ccc;
}
.bc-btn-normal:hover {
color: rgba(0,0,0,1);
background-color: #e8e8e8;
}
.bc-text {
font-size: 16px;
color: rgba(0,0,0,0.65);
text-align: left;
}
.bc-label {
font-size: 16px;
color: rgba(0,0,0,0.9);
}
.table-booking-info {
margin-bottom: 10px;
}
.table-booking-info td, .table-booking-info tr, .table-booking-info th {
border: none;
padding: 5px 0px;
}
.bc-table-schedule td, .bc-table-schedule tr, .bc-table-schedule th {
border: none;
padding: 5px 5px;
background-color: transparent;
display: table-cell;
}
.bc-table-fields td, .bc-table-fields tr, .bc-table-fields th {
border: none;
background-color: transparent;
}
.bc-table-schedule {
width: 100%;
margin-bottom: 0px;
background-color: transparent;
border: none;
min-height: 70px;
}
.bc-table-schedule td:nth-child(1) {
width: 5%;
}
.bc-table-schedule td:nth-child(2) {
width: 30%;
}
.bc-table-schedule td:nth-child(3) {
width: 30%;
}
.bc-table-schedule td:nth-child(4) {
width: 30%;
}
.bc-table-schedule td:nth-child(5) {
width: 5%;
}
.bc-th {
font-weight: 500;
font-size: 16px;
color: rgba(0,0,0,0.85);
}
.pad10 {
padding: 10px;
}
.pad-r-5 {
padding-right: 5px;
}
.pad-l-5 {
padding-left: 5px;
}
.pad-r-15 {
padding-right: 15px;
}
.pad-l-15 {
padding-left: 15px;
}
.pad15 {
padding: 15px;
}
.top10 {
margin-top: 10px;
}
.top20 {
margin-top: 20px;
}
.bottom10 {
margin-bottom: 10px;
}
.bottom20 {
margin-bottom: 20px;
}
.width50{
width: 50% !important;
}
.bc-icon-arrow-right {
background-position: -420px 0px;
}
.bc-icon-arrow-left {
background-position: -378px 0px;
}
.bc-icon-arrow-up {
background-position: -862 0px;
}
.bc-icon-arrow-down {
background-position: -900px 0px;
}
.bc-navi-circle {
border-radius: 50%;
background-color: #dedede;
padding: 6px 8px;
float: right;
}
.pointer {
cursor: pointer;
}
.not-allowed {
cursor: not-allowed;
}
.bc-navi-circle:hover {
background-color: #ccc;
}
.slot-date-text {
color: rgba(0,0,0,0.65);
font-size: 14px;
text-align: center;
cursor: pointer;
font-weight: 600;
}
.slot-date-text.active {
border-bottom: 2px solid #ff5653;
color: rgba(0,0,0,1);
}
.slot-time-selection {
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.85);
padding: 5px 10px;
font-size: 14px;
text-align: center;
display: inline-block;
margin-top: 5px;
cursor: pointer;
font-weight: 600;
margin-right: 5px;
color: rgba(0,0,0,0.85);
}
.slot-time-selection:hover {
color: rgba(0,0,0,1);
border: 1px solid rgba(0,0,0,1);
}
.slot-time-selection.active {
background-color: #ff5653;
border: 1px solid #ff5653;
color: #fff;
transition: 0.3s;
}
.bc-div-slot-times {
padding-left : 15px;
padding-right: 15px;
display: none;
}
.required::after {
width: 5px;
height: 5px;
background: #ff5656;
display: inline-block;
content: "";
margin-left: 5px;
border-radius: 50%;
vertical-align: middle;
margin-top: -3px;
}
.bc-label-type {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff !important;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.bc-label-default {
background-color: #f45b4f;
}
.bc-label-primary {
background-color: #337ab7;
}
.bc-label-success {
background-color: #5cb85c;
}
.bc-label-info {
background-color: #5bc0de;
}
@media only screen and (max-width: 749px) {
#bc-main-content-wrapper {
width: 95%;
margin: 0px auto;
}
.wk-bc-wrapper {
width: 100%;
}
.bc-navi-circle {
float: none;
}
}
@media only screen and (max-width: 500px) {
.bc-control-date {
width: 100% !important;
}
#bc_guest_quantity {
width: 100% !important;
}
.bc-control-dropdown {
width: 100% !important;
}
.slot-date-text.active {
border-bottom: none;
font-weight: 500;
}
.slot-date-text .label-date {
font-size: 16px;
font-weight: 500;
border-left: 2px solid;
padding: 5px 15px;
display: inline-block !important;
margin-bottom: 0px;
width: 228px;
text-align: left;
}
.slot-time-selection {
font-weight: 500;
}
.bc-navi-circle {
border-radius: 4px;
}
.bc-div-slot-times {
display: block !important;
}
.mobile_date_selector hr {
margin-top: 20px;
margin-bottom: 20px;
}
.mobile_date_selector {
min-height: 214px;
}
#dynamic_div_for_slot_times {
display: none;
min-height: 0px;
}
.bc-icon-arrow-right {
background-position: -900px 0px;
}
.bc-icon-arrow-left {
background-position: -862px 0px;
}
}
@media only screen and (max-width: 406px) {
#btn_cancel {
margin-top: 10px;
}
.bc-action-button {
text-align: center;
}
}
@media only screen and (min-width: 750px) {
#bc-main-content-wrapper {
width: 80%;
margin: 0px auto;
}
.wk-bc-wrapper {
width: 50%;
}
}
.opac8 {
opacity: 0.8;
}
.opac65 {
opacity: 0.65;
}
.bc-opac5 {
opacity: 0.5;
}
.font26 {
font-size: 26px;
}
.bc-font12 {
font-size: 12px;
}
.bc-font16 {
font-size: 16px;
}
.right5 {
margin-right: 5px;
}
.btn-default {
padding: 2px 5px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.65);
}
.bc-btn-default-attention {
background-color: #fff;
border: 1px solid #f45b4f;
color: #f45b4f;
}
.text-capitalize {
text-transform: capitalize;
}
.text-uppercase {
text-transform: uppercase !important;
}
.bc-border-attention {
border: 1px solid #f45b4f;
border-radius: 4px;
}
.btn:hover {
opacity: 0.8;
}
.bc-btn-action {
border: 1px solid #f45b4f;
border-radius: 0.25em;
text-transform: capitalize;
color: #f45b4f;
padding: 8px 12px;
background-color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
.bc-btn-action-deactive {
border: 1px solid #d1d1d1 !important;
color: #fff !important;
background-color: #d1d1d1 !important;
cursor: not-allowed;
}
.bc-btn-action-active {
border: 1px solid #f45b4f;
border-radius: 2px;
text-transform: capitalize;
color: #fff !important;
padding: 8px 12px;
background-color: #f45b4f;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
.bc-btn-action:hover {
border: 1px solid #f45b4f;
color: #fff !important;
background-color: #f45b4f;
transition: 0.3s;
}
.bc-front-widget-slot {
border: 1px solid rgb(51, 51, 51);
border-radius: 4px;
padding: 15px;
float: left;
width: 100%;
margin-bottom: 10px;
}
.bc-front-widget-extra {
margin-top: 15px;
clear: both;
}
.bc-control-date {
min-width: 200px;
}
.bc-control-dropdown {
min-width: 200px;
background-image: url(//cdn.shopify.com/s/files/1/0010/4110/4961/t/1/assets/ico-select.svg?11819640602402748395);
background-repeat: no-repeat;
background-position: right 10px center;
cursor: pointer;
}
.bc-control-dropdown option {
font-size: 16px;
font-weight: 500;
}
.bc-disabled {
opacity: 0.65;
}
.bc-dark {
color: #111;
}
.hide {
display: none;
}
.bootbox {
background: transparent;
}
.modal-booking {
top: 127px;
}
.modal-booking .modal-content {
box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.15), 0px 3px 15px 0px rgba(0, 0, 0, 0.12);
border-radius: 4px;
}
.modal-booking .modal-footer {
border: none;
text-align: left;
}
.modal-booking .modal-title {
margin-bottom: 10px;
}
.modal-booking .message {
color: #111;
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
}
.modal-booking label {
font-size: 14px;
font-weight: 400;
color: #111;
}
.div-spin-loader {
position: fixed;
height: 100%;
width: 100%;
background-color: white;
top: 0;
z-index: 1000;
}
.cp-spinner {
left: 50%;
margin-left: -40px;
top: 45%;
opacity: initial;
position: fixed !important;
height: 80px !important;
width: 80px !important;
}
.cp-skeleton:before {
height: 80px !important;
width: 80px !important;
}
.cp-skeleton:after {
height: 80px !important;
width: 80px !important;
}
.div-spin-loader .bc-spin-ajax {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
margin-left: 45%;
margin-top: 250%;
opacity: initial;
}
.text-error {
color: #ff5653 !important;
font-size: 12px;
font-weight: 400;
}
#ui-datepicker-div {
width: auto !important;
}
#bc_guest_quantity[disabled] {
background-color: transparent;
}
.cp-spinner{width:48px;height:48px;display:inline-block;box-sizing:border-box;position:relative}.cp-skeleton{border-radius:50%;border-top:solid 6px #f45b4f;border-right:solid 6px transparent;border-bottom:solid 6px transparent;border-left:solid 6px transparent;animation:cp-skeleton-animate 1s linear infinite}.cp-skeleton:before{border-radius:50%;content:" ";width:48px;height:48px;display:inline-block;box-sizing:border-box;border-top:solid 6px transparent;border-right:solid 6px transparent;border-bottom:solid 6px transparent;border-left:solid 6px #f45b4f;position:absolute;top:-6px;left:-6px;transform:rotateZ(-30deg)}.cp-skeleton:after{border-radius:50%;content:" ";width:48px;height:48px;display:inline-block;box-sizing:border-box;border-top:solid 6px transparent;border-right:solid 6px #f45b4f;border-bottom:solid 6px transparent;border-left:solid 6px transparent;position:absolute;top:-6px;right:-6px;transform:rotateZ(30deg)}@keyframes cp-skeleton-animate{0%{transform:rotate(0);opacity:1}50%{opacity:.7}100%{transform:rotate(360deg);opacity:1}}
Be the first to hear about upcoming releases, ballots and distillery news.