/* 
This is where the over-rides from the shared layout 'cart-popup-base' go for this template 
Font Awesome should be installed for the icons
*/

body div.shopping-cart.BE, body div.cartInOverlay { font-family: 'Ubuntu', Cambria, Arial, Helvetica, sans-serif; }

div#wdOverlayContent div.item-details div.removeItem a { background-image: none; }
body div#wdOverlayContent div.item-details div.removeItem a:hover span { text-decoration: none !important; }

body div#wdOverlayContent div.add-to-cart-form div.name, body div#wdOverlayContent div.item-details div.name { height: auto; }
#wdOverlayContent .add-to-cart-information { padding-left: 20px; padding-right: 20px; }

div#wdOverlayContent div.add-to-cart-form div.name span.item-name.item-name, 
div#wdOverlayContent div.item-details div.name span.item-name.item-name { background-color: transparent; font-size: 25px; color: #000 !important; margin: 0 0 15px 0; padding: 0; font-weight: 300 !important; width: 100%; text-align: left; }
div#wdOverlayContent div.add-to-cart-form a.checkOutNow span, 
div#wdOverlayContent div.item-details a.checkOutNow span { font-weight: normal; }

div.region-gadget.BE div.list-view div.type-group div.list-item div.fromPrice.fromPrice a { border-radius: 7px; width: 100%; border: none; padding: 15px 0; }

div#wdOverlayContent div.add-to-cart-form label, 
div#wdOverlayContent div.item-details label { font-size: 1.1em; color: #3f2b55 !important; }

body div#wdOverlayContent div.add-to-cart-form div.addButton:after { content: ""; display: table; clear: both; }
body div#wdOverlayContent div.add-to-cart-form div.addButton a {}
body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow span { font-weight: 300 !important; }

body div#wdOverlayContent div.add-to-cart-form div.price, 
body div#wdOverlayContent div.add-to-cart-form div.quantity, 
body div#wdOverlayContent div.add-to-cart-form div.date, 
body div#wdOverlayContent div.add-to-cart-form div.dateEnd, 
body div#wdOverlayContent div.add-to-cart-form div.period, 
body div#wdOverlayContent div.add-to-cart-form div.adults,
body div#wdOverlayContent div.item-details .startdate, 
body div#wdOverlayContent div.item-details .period, 
body div#wdOverlayContent div.item-details .price, 
body div#wdOverlayContent div.item-details .adults, 
body div#wdOverlayContent div.item-details .quantity { margin-right: 0; margin-bottom: 0; width: 100%; height: auto; text-align: left; border-bottom: 1px solid #e8e9ea; }

body div#wdOverlayContent div.add-to-cart-form div.price label, 
body div#wdOverlayContent div.add-to-cart-form div.quantity label, 
body div#wdOverlayContent div.add-to-cart-form div.date label, 
body div#wdOverlayContent div.add-to-cart-form div.dateEnd label, 
body div#wdOverlayContent div.add-to-cart-form div.period label, 
body div#wdOverlayContent div.add-to-cart-form div.adults label,
body div#wdOverlayContent div.item-details .startdate label, 
body div#wdOverlayContent div.item-details .period label, 
body div#wdOverlayContent div.item-details .price label, 
body div#wdOverlayContent div.item-details .adults label, 
body div#wdOverlayContent div.item-details .quantity label { width: 140px; font-weight: 300; margin-top: 5px; }

body div#wdOverlayContent div.add-to-cart-form div.price label, 
body div#wdOverlayContent div.add-to-cart-form div.price span, 
body div#wdOverlayContent div.add-to-cart-form div.quantity label, 
body div#wdOverlayContent div.add-to-cart-form div.quantity span, 
body div#wdOverlayContent div.add-to-cart-form div.date label, 
body div#wdOverlayContent div.add-to-cart-form div.date span, 
body div#wdOverlayContent div.add-to-cart-form div.dateEnd label, 
body div#wdOverlayContent div.add-to-cart-form div.dateEnd span, 
body div#wdOverlayContent div.add-to-cart-form div.period label, 
body div#wdOverlayContent div.add-to-cart-form div.period span, 
body div#wdOverlayContent div.add-to-cart-form div.adults label,
body div#wdOverlayContent div.add-to-cart-form div.adults span,
body div#wdOverlayContent div.item-details .startdate label, 
body div#wdOverlayContent div.item-details .startdate span, 
body div#wdOverlayContent div.item-details .period label, 
body div#wdOverlayContent div.item-details .period span, 
body div#wdOverlayContent div.item-details .price label, 
body div#wdOverlayContent div.item-details .price span, 
body div#wdOverlayContent div.item-details .adults label, 
body div#wdOverlayContent div.item-details .adults span, 
body div#wdOverlayContent div.item-details .quantity label,
body div#wdOverlayContent div.item-details .quantity span { display: inline-block; }

body div#wdOverlayContent div.add-to-cart-form div.AdditionalData, body div#wdOverlayContent div.item-details div.AdditionalData { padding-top: 0; padding-bottom: 0; }
body div#wdOverlayContent div.add-to-cart-form div.AdditionalData .RoutesData, body div#wdOverlayContent div.item-details div.AdditionalData .RoutesData { padding-top: 10px; }
body div#wdOverlayContent div.add-to-cart-form div.AdditionalData .RoutesData:empty, body div#wdOverlayContent div.item-details div.AdditionalData .RoutesData:empty { padding-top: 0; }
body div#wdOverlayContent div.add-to-cart-form div.AdditionalData .BookingQuestionsData, body div#wdOverlayContent div.item-details div.AdditionalData .BookingQuestionsData { padding-top: 10px; }
body div#wdOverlayContent div.add-to-cart-form div.AdditionalData .BookingQuestionsData:empty, body div#wdOverlayContent div.item-details div.AdditionalData .BookingQuestionsData:empty { padding-top: 0; }

div#wdOverlayContent div.add-to-cart-information span { font-weight: normal !important; font-size: 1.1em; }
div.removeItem.removeItem a, div#wdOverlayContent div.item-details div.removeItem.removeItem a { text-decoration:none; background: #3095b4 !important; font-weight: normal; border-radius: 2px; }
body div#wdOverlayContent div.add-to-cart-form div.location, body div#wdOverlayContent div.item-details div.location { z-index: 100; }
body div#wdOverlayContent div.item-details div.location a { color: #3095b4; }
body div.cartInOverlay { font-weight: 300; }
body div.cartInOverlay div.cartItems div.item div.name a { font-size: 20px; }
body div.cartInOverlay div.cartItems div.checkout a {border:none;}
body div.cartInOverlay div.title { font-size: 30px; }
body div.cartInOverlay div.title, body div.cartInOverlay div.cartItems div.item div.name a, body div#wdOverlayContent div.add-to-cart-information label { color: #adaa75 !important; }

div.cartInOverlay div.cartItems div.total label {padding-right:4px;}

div.shopping-cart.BE div.cartItems div.item div.price label, div.cartInOverlay div.cartItems div.item div.price label { width:auto !important;}

body div.cartInOverlay div.cartItems div.item div.remove a, body div#wdOverlayContent b#wdOverlayClose {background: url(icon-cart-popup-close.png) 50% 50%;}
div.shopping-cart.BE div.cartItems div.item div.name, div.cartInOverlay div.cartItems div.item div.name {background-image: none !important;}

.bookingQuestion-answer { margin-right: 15px; }
.bookingQuestion-answer input { margin-right: 2px; padding: 5px 8px; border-radius: 2px; }
.bookingQuestion-answer select { border: 0; border-radius: 7px; width: 100%; }
body div#wdOverlayContent div.add-to-cart-form div.accordian div.accordian-header { background-color: #3095b4; }

body div#wdOverlayContent div.add-to-cart-form div.routes-chooser div.pickups,
body div#wdOverlayContent div.item-details div.routes-chooser div.pickups,
body div#wdOverlayContent div.add-to-cart-form div.routes-chooser div.dropoffs,
body div#wdOverlayContent div.item-details div.routes-chooser div.dropoffs {clear:both;}

/* Cart Override */
body div#wdOverlayContent { color: #000; font-family: 'Ubuntu', Arial, Helvetica, sans-serif !important; font-weight: 300; max-width: 920px; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0 !important; border: 0; box-shadow: none; }

body div.cartInOverlay div.cartItems div.item div.operator,
body div.cartInOverlay div.cartItems div.item div.date-nights { color: #000; font-size:14px; }

div#wdOverlayContent div.add-to-cart-form a.addToCart, div#wdOverlayContent div.item-details a.addToCart { background-color:#F4A461 !important; text-decoration: none; }
div#wdOverlayContent div.add-to-cart-form a.checkOutNow.checkOutNow, div#wdOverlayContent div.item-details a.checkOutNow.checkOutNow { background-color:#EAC56A !important; }
body div#wdOverlayContent { height: auto; }
body div#wdOverlayContent div.add-to-cart-form div.addButton a:hover span { text-decoration: none; }
body div.cartInOverlay div.title, body div.cartInOverlay div.cartItems div.item div.name a, body div#wdOverlayContent div.add-to-cart-information label { color: #000 !important; font-weight: 300; }

#wdOverlayContent .addButton .addToCart { font-weight: 300 !important; text-transform: uppercase; }

body div#wdOverlayContent div.add-to-cart-form div.name span.operator-name, 
body div#wdOverlayContent div.item-details div.name span.operator-name { color: #000 !important; font-size: 35px; line-height: 1; background: none !important; float: none; margin: 0; text-align: left; padding-left: 0; padding-right: 0; padding-bottom: 0; font-weight: 300 !important; }

div#wdOverlayContent div.add-to-cart-form label, div#wdOverlayContent div.item-details label { color: #000 !important; }

body div#wdOverlayContent div.add-to-cart-information span { color: #000 !important; font-size: 16px; font-weight: 300 !important; }
div#wdOverlayContent div.cartItems { }

body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart span { text-decoration: none; padding-left: 10px; background: none; }
body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart span:before { content: "\f07a"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 24px; margin-right: 6px; }
body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart { border-radius: 2px; }
body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow { border-radius: 2px; }
.add-to-cart-information .period label:before { display: none; }

/* Prev buttons for booking questions */
body div#wdOverlayContent div.add-to-cart-form div.addButton a.previous span, 
body div#wdOverlayContent div.item-details div.addButton a.previous span, 
body div#wdOverlayContent div.add-to-cart-form div.removeItem a.previous span, 
body div#wdOverlayContent div.item-details div.removeItem a.previous span, 
body div#wdOverlayContent div.add-to-cart-form div.addProgress a.previous span, 
body div#wdOverlayContent div.item-details div.addProgress a.previous span { font-weight: normal; background-color: #aaa; border-radius: 2px; }

/* Next buttons for booking questions */
body div#wdOverlayContent div.add-to-cart-form div.addButton a.next span, 
body div#wdOverlayContent div.item-details div.addButton a.next span, 
body div#wdOverlayContent div.add-to-cart-form div.removeItem a.next span, 
body div#wdOverlayContent div.item-details div.removeItem a.next span, 
body div#wdOverlayContent div.add-to-cart-form div.addProgress a.next span, 
body div#wdOverlayContent div.item-details div.addProgress a.next span { font-weight: normal; background-color: #aaa; border-radius: 2px; }

/* checkout button */
#wdOverlayContent .addButton .checkOutNow,
body div.shopping-cart.BE div.cartItems div.checkout a span, 
body div.cartInOverlay div.cartItems div.checkout a span { background-color: rgb(20, 134, 154); text-transform: uppercase; border-radius: 2px; font-weight: 300; text-decoration: none; }

body div.cartInOverlay div.cartItems div.checkout a { background: transparent !important; }
#cart-bar div.shopping-cart.BE .totalDisplay:hover { background-color: rgb(20, 134, 154); }

/* Specific shopping cart */
#cart-bar div.shopping-cart.BE .total { margin-top: 4px; }
#cart-bar div.shopping-cart.BE .totalDisplay { margin-top: 4px; }

body div#wdOverlayContent.extraContent div.add-to-cart-information { padding: 0 20px; }
body div#wdOverlayContent div.add-to-cart-form div.AdditionalData, 
body div#wdOverlayContent div.item-details div.AdditionalData { padding: 0; }

@media (max-width: 767px) {
	.banner-adjust-hidden { min-height: 0; }
	#wdOverlayContent#wdOverlayContent div.add-to-cart-form div.name span.operator-name, 
	#wdOverlayContent#wdOverlayContent div.item-details div.name span.operator-name { background: transparent !important; }
	#wdOverlayContent#wdOverlayContent .add-to-cart-form .name span { padding-left: 0; }
	body div#wdOverlayContent { left: 50% !important; }
	body div#wdOverlayContent div.add-to-cart-form div.name span.operator-name, body div#wdOverlayContent div.item-details div.name span.operator-name { font-size: 21px; }
	div#wdOverlayContent div.add-to-cart-form div.name span.item-name.item-name, div#wdOverlayContent div.item-details div.name span.item-name.item-name { font-size: 15px; }
	body div#wdOverlayContent div.add-to-cart-form div.addButton {padding-right:35px;}
	body div#wdOverlayContent div.add-to-cart-form div.accordian div.accordian-content {padding-bottom:50px;}
	body div#wdOverlayContent div.add-to-cart-form div.BookingQuestionsData div.accordian:last-child div.accordian-content {padding-bottom:100px;}

}
@media (max-width: 600px) {
	body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart span:before { font-size: 18px; }
}
@media (max-width: 480px) {
	body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow { width: 100%; }
	body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart { width: 100%; margin-left: 0; }
}