/*
Theme Name:     Infinite for Isle of Raasay Distillery
Description:    Infinite Wordpress Theme. 
Author:         R&B Distillers Limited
Author URI:     http://rbdistillers.com/
Template:       infinite
*/

@import url("../infinite/style.css");

/* SM Quick Fix for WPML Flags 
 * ------------------ */
 .infinite-custom-wpml-flag-item img {
	width: auto;
}

/* Goodlayers Top Bar 
 * ------------------ */

/* Adding paper background image to top bar */
.infinite-top-bar-background{opacity: 1; background-image: url('/wp-content/uploads/2021/06/raasay-distillery-paper-background.jpg'); background-repeat: repeat; background-position: top left; background-attachment: fixed;}

/*Created to allow social moving right and flags left on the top bar*/
.infinite-top-bar-left-social {float: left;}
.infinite-top-bar-left-social a {margin-right: 25px;}
.infinite-top-bar-left-text {float: left;}

/* Goodlayers Header 
 * ------------------ */

/*stopping menu and cart icons overlapping the logo*/
.infinite-mobile-menu{margin-left: 20px;}
.infinite-main-menu-cart{padding-left: 10px;}

/*reduce margin on nav menu search icon*/
.infinite-main-menu-search{margin-left: 10px;}

/*increasing font size and adding block caps to sub menu item titles*/
.infinite-navigation .sf-menu>.infinite-normal-menu li>a{font-size: 16px;}

/*matching menu item description padding to menu item title*/
.infinite-mega-menu-section-content{padding-left: 12px; padding-right: 12px;}

/* Reducing the margin right bringing the menu icon closer to the menu text */
.infinite-navigation .sf-menu a i{margin-right: 5px;}

/* Goodlayers Misc. 
 * ------------------ */

/*Changing size on WooCommerce product title*/
.single-product.woocommerce .product_title {font-size: 32px;}

/*Changing colour on goodlayers category filter links on WooCommerce pagebuilder element*/
.gdlr-core-page-builder-body [data-skin] .gdlr-core-filterer-wrap.gdlr-core-style-text .gdlr-core-button-color{color: #ac9751; text-decoration: underline;}

/*Changing colour on goodlayers image gallery page builder element*/
.gdlr-core-sly-scroll .gdlr-core-sly-scroll-handle{background: #ac9751;}

/*Reducing margin on goodlayers WooCommerce product grid*/
.gdlr-core-product-grid{margin-bottom: 30px;}

/* Making all Goodlayers H tags uppercase*/
.infinite-body h1, .infinite-body h2, .infinite-body h3, .infinite-body h4, .infinite-body h5, .infinite-body h6{text-transform:uppercase;} 

/* Making all Goodlayers buttons tags uppercase*/
.gdlr-core-button .gdlr-core-content{text-transform: uppercase; font-size: 16px;}

/* Overriding infinite lightbox for lightbox cart etc. setting to Off White*/
.infinite-lightbox-content-wrap{display: none;background: #f9f7f5;}

/* Removing radius and padding on shortcode button */
.gdlr-core-button{padding: 10px 28px!important;;border-radius: 0px!important;;-moz-border-radius: 0px!important;;-webkit-border-radius: 0px!important;}

/* Remove radius on buttons */
.gdlr-core-button,.infinite-body .infinite-button,.infinite-body input[type="button"],.infinite-body input[type="submit"]{border-radius: 0px;}

/* Overriding background-colour on 404 search form input due to opacity */
.infinite-not-found-wrap form.search-form input.search-field{background-color: #8a5366;} 

/* Setting font size and text transform on widget titles */
.infinite-footer-wrapper .infinite-widget-title{font-size: 22px;text-transform: none;}

/* Reducing bottom margin on footer widgets */
.infinite-footer-wrapper .widget {margin-bottom: 40px;}

/* adjust text alignment on tables and removing padding */
table{text-align: inherit;}
table tr td{padding: 0px 0px;}

/* cask costing example table */
table#caskcosting{width:100%; text-align: center;}
table#caskcosting tr td{padding: 10px 10px;}
table#caskcosting tr th{font-weight: bold;}


/* Overriding the fixed bottom border and field colour on search overlay */
.infinite-top-search-wrap input.search-field{border-bottom-color: #ac9751; color: #f9f7f5;}
.infinite-top-search-wrap .infinite-top-search-submit,
.infinite-top-search-wrap .infinite-top-search-close{color: #f9f7f5;}
.infinite-top-search-wrap input::-webkit-input-placeholder{color: #f9f7f5;}
.infinite-top-search-wrap input::-moz-placeholder{color: #f9f7f5;}
.infinite-top-search-wrap input:-ms-input-placeholder{color: #f9f7f5;}
.infinite-top-search-wrap input:-moz-placeholder{color: #f9f7f5;}

/*Changing size of single post title*/
.infinite-blog-title-wrap .infinite-single-article-title{font-size: 42px;}

/*Adjust font size, remove block caps and letter spacing for toggle box titles*/
.gdlr-core-toggle-box-item-title{font-size: 17px;text-transform: none;letter-spacing: 0px;}

/* Hiding percentage from skill bar on Goodlayers Page Builder */
.gdlr-core-skill-bar-right{display: none;}

/* Reducing the padding on icon list Goodlayers page builder object */
.gdlr-core-icon-list-item.gdlr-core-with-divider ul li{padding: 5px 0px;}

/* Turning blog date posted border from solid to dotted */
.infinite-single-article-date-wrapper{	border-right-style: dotted;	}

/* Bringing down fotn size of the overlay title & caption font */
.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-title{font-size: 14px}
.gdlr-core-image-overlay.gdlr-core-gallery-image-overlay .gdlr-core-image-overlay-caption{font-size: 13px;}

/* Bringing down font size of the timeline element body font */
.gdlr-core-timeline-item .gdlr-core-timeline-item-content{font-size: 15px;font-weight: inherit;}

/* Goodlayers 404 
 * ------------------ */

/* Overriding background-colour on 404 search form input due to opacity */
.infinite-not-found-wrap form.search-form input.search-field{background-color: #8a5366;} 

/* WooCommerce Misc.
 * ------------------ */

/*WooCommerce info bars to gold background*/
.woocommerce .woocommerce-info{background-color: #ac9751;border-top: 3px solid #c4b583;color: #fff;}

/*Underline hyperlinks on WooCommerce info bars*/
.woocommerce .woocommerce-info a{text-decoration: underline; color: #8a5366}
.woocommerce .woocommerce-info a:hover{color: #decdd3}

/*Setting WooCommerce product tabs colour to Rich Prune*/
.single-product.woocommerce div.product .infinite-woocommerce-tab .gdlr-core-tab-item-title{color: #8a5366;}

/*Reducing font size and padding on WooCommerce view details on hover to stop text going onto two lines*/
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info > a{font-size: 14px!important;padding: 19px 5px 0px!important;color: #ffffff;}

/*Changing colour of WooCommerce breadcumbs*/
.woocommerce .woocommerce-breadcrumb{color: #c4b583;}
.woocommerce .woocommerce-breadcrumb a{color: #8a5366;}

/*Changing colour of price on WooCommerce single product page to Rich Prune*/
.single-product.woocommerce div.product p.price{color: #8a5366;}

/*Changing variation form width to auto from 300px*/
.single-product.woocommerce div.product form.cart.variations_form{width: auto;}

/*Changing colour of WooCommerce message box*/
.woocommerce .woocommerce-message{background-color: #ac9751; border-top: 3px solid #ac9751;}

/*Style for the WooCommerce add to cart shortcode*/
.product.woocommerce.add_to_cart_inline {border:2px dotted #8a5366; padding: 12px!important;}
.product.woocommerce.add_to_cart_inline.amount {font-size:60px}
.add_to_cart_inline input.input-text.qty.text{padding:15px 0 15px 10px;border-bottom-width:1px;}

/*Style for the WooCommerce add to cart shortcode on hero image backgrounds*/
.product.woocommerce.add_to_cart_inline.hero-landing-page {border:2px solid #ffffff; padding: 12px!important;}

.page.page-id-65524 .gdlr-core-text-box-item-content .woocommerce-Price-amount {
    color:#fff;
    font-weight:bold;
    position:relative;
    top:4px
}

.page.page-id-67514 .gdlr-core-text-box-item-content .woocommerce-Price-amount {
    color:#fff;
    font-weight:bold;
    position:relative;
    top:4px
}


.page.page-id-65524 .gdlr-core-text-box-item-content input[type="number"] {
    margin-top:3px;
    padding: 11px 0 11px 10px;
    margin-left:10px;
    margin-right:10px;
    width:60px;
    color: #000 !important;
    font-size:16px;
    height:40px;
    text-align:center;
}

.page.page-id-65524 .gdlr-core-text-box-item-content .add_to_cart_button {
    margin-left:6px;
}

.page.page-id-65524 .gdlr-core-text-box-item-content .product.woocommerce.add_to_cart_inline.hero-landing-page {
	text-align: center;
}

.page.page-id-65524 .gdlr-core-text-box-item-content  p.add_to_cart_inline.hero-landing-page {
    padding-top:2px !important;
}

.page.page-id-65524 .gdlr-core-text-box-item-content  p.add_to_cart_inline.hero-landing-page >* {
    margin-top:10px !important;
}

.page.page-id-65524 .gdlr-core-text-box-item-content  p.add_to_cart_inline.hero-landing-page .woocommerce-Price-amount {
    margin-top:11px !important;
    display:inline-block;
}


.page.page-id-65524 .gdlr-core-text-box-item-content  p.add_to_cart_inline.hero-landing-page  .input-text.qty {
    margin-top:3px !important;
}

/* WooCommerce Product Bundles
 * ------------------ */

/*Reducing font size on ooCommerce Product Bundles Bundle-sells within Linked Products titles on single product pages*/
.bundle_sells_title h3 {font-size:26px; margin-bottom:0px;}

/*Reducing font size on WooCommerce Product Bundle titles on single product pages*/
h4.bundled_product_title.product_title {font-size:18px!important;}

/*Changing colour of WooCommerce from price & each on Product Bundle configurable product*/
.woocommerce div.product p.price,.woocommerce div.product span.price{color: #8a5366;}

/* WooCommerce Bookings
 * ------------------ */

/*Changing colour of WooCommerce book now button for WooCommerce Bookings*/
.woocommerce button.button.alt.disabled {background-color:#ac9751;}
.woocommerce button.button.alt.disabled:hover {background-color:#c4b583;}

/*Removing the brown partial booked indicator on WooCommerce Bookings calendars*/
.wc-bookings-date-picker .ui-datepicker td.partial_booked a:before{border-top:2.5em solid #2ecc71}

/*Float to none to allow WooCommerce Bookings calendar to span full width of area*/
.single-product.woocommerce div.product form.cart {float: none;}

/*WooCommerce Bookings calendar removing gradient background on date picker & removing the on hover*/
.wc-bookings-date-picker .ui-datepicker-header{background-color:#8a5366; background-image:none;}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {background:none}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover,.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover{background:none}

/*WooCommerce Bookings calendar removing background on total cost area*/
.wc-bookings-booking-form .wc-bookings-booking-cost{background: none;}


/* WooCommerce Product Addons & Name Your Price
 * ------------------ */

/*Reducing the font size of the WooCommerce Product Addons titles on single product pages*/
h3.wc-pao-addon-heading {font-size: 20px!important;}
.wc-pao-addon-name{font-size: 20px!important;}

/*Removing margin-top as it was breaking the layout on WooCommerce checkout when product addons/tours were in the cart*/
dl dt{margin-top: 0px;}

/*Adjusting font size, weight and padding on the price entry box for WooCommerce Name Your Price plugin*/
.product .nyp label {font-weight: normal;}
.product .nyp .nyp-input {padding: 13px 15px;}

/*reducing font size of addons title*/
h3.addon-name {font-size: 16px!important;}

/* WooCommerce Subscriptions
 * ------------------ */
/*Adjusting font size on single product price for WooCommerce Subscriptions products*/
.single-product.woocommerce div.product p.price{font-size: 18px!important;}


/* Other Misc.
 * ------------------ */

/*Tweaking the WooCommerce Goodlayers element for Woo Product lists.*/
.gdlr-core-product-grid-3 .gdlr-core-product-title {font-size: 17px;}
.gdlr-core-product-grid-3.gdlr-core-button-style-border .gdlr-core-product-add-to-cart {padding: 10px 40px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #f9f7f5; background: #8a5366; border-color: #8a5366;}

/*Underline hyperlinks on releases Tabs page element. Used on Na Sia single cask pages.*/
.releases-tabs a{text-decoration: underline;}

/*Remove margin on bottom of testimonials plugin*/
.bx-wrapper {margin-bottom: 0px;}

/*Remove italics from blockquotes*/
blockquote {font-style: normal; border-left-style: none;}

/* Centering quote author and bolding*/
.testimonials-widget-testimonial cite,
.testimonials-widget-testimonial div.credit {text-align: inherit;font-weight: bold;}
.testimonials-widget-testimonial .ratings{float: none;display: inline-block;}

/*creating no margin image class for inline image icons*/
img.nomargin { margin: 0px 0px 0px 0px; }

/*hide the sticky post banner from post category pages*/
.gdlr-core-sticky-banner, .infinite-sticky-banner{display: none;} 

/*remove padding on bottom on blog articles*/
.infinite-single-article{padding-bottom: 0px;}

/* Creating warning accordion ELEM ID for more noticable warning message */
#warning .gdlr-core-accordion-item-title {background-color: #ac9751; color: #f9f7f5;}

/* Changing colour of CF7 confirm box border */
.wpcf7 form.sent .wpcf7-response-output {border-color: #8a5366}

/* Adding class for form input field to centre button*/
input.centre-input {display: block; margin: auto;}

/* Trustpilot score colour change*/
.tp-widget-trustscore {color:#8a5366!important}

/* Goodlayers Responsive
 * ------------------ */

/*Copied from the core styling as didn't resize early enough (used to be 999px)*/
@media only screen and (max-width: 1110px){
	
	body{ width: 100%; overflow-x: hidden; }
	body.infinite-boxed div.infinite-body-wrapper{ margin-top: 0px; margin-bottom: 0px; }

	.infinite-bullet-anchor{ display: none; }

	/* remove header */
	.infinite-top-bar{ display: none; }
	.infinite-header-wrap.infinite-header-style-plain, 
	.infinite-header-wrap.infinite-header-style-bar, .infinite-navigation-bar-wrap,
	.infinite-header-background-transparent, .infinite-header-boxed-wrap, .infinite-header-side-nav, 
	.infinite-header-transparent-substitute, .infinite-sticky-navigation{ display: none !important; } 

	.infinite-mobile-header-wrap{ display: block; }
	.infinite-mobile-header-wrap .infinite-top-bar{ display: block; }
	.infinite-mobile-header-wrap .infinite-top-bar{ font-size: 13px; }
	.infinite-mobile-header-wrap .infinite-top-bar-left,
	.infinite-mobile-header-wrap .infinite-top-bar-right{ padding-top: 0px; padding-bottom: 0px; }
	.infinite-mobile-header.infinite-fixed-navigation{ display: block; }
	.infinite-sticky-menu-placeholder{ display: none !important; }

	body .infinite-header-side-content.infinite-style-left{ margin-left: 0px; }
	body .infinite-header-side-content.infinite-style-right{ margin-right: 0px; }

	body.single-product.woocommerce div.product form.cart{ float: none; margin-bottom: 30px; width: auto; margin-right: 0px; }
	body.single-product.woocommerce div.product .product_meta{ margin-top: 0px; }
}


/*----------------------------------------------------------*/
/* Changes
/*----------------------------------------------------------*/
.cross-sells .products .qty,
.upsells.products .qty {
	display: none;
}

/*----------------------------------------------------------*/
/* CART PAGE - button colours
/*----------------------------------------------------------*/
.woocommerce .coupon .button,
.woocommerce form.woocommerce-cart-form .actions button.button[name="update_cart"] {
	background-color: #ac9751;
	color: #f9f7f5;
}

.woocommerce .coupon .button:hover,
.woocommerce form.woocommerce-cart-form .actions button.button[name="update_cart"]:hover {
	background-color: #c4b583;
	color: #f9f7f5;
}

.woocommerce form.woocommerce-cart-form .actions button.button[name="update_cart"] {
	margin-right: 30px;
	margin-bottom: 8px;
	padding: 19px 23px;
}

.woocommerce form.woocommerce-cart-form .actions .th-proceed-to-checkout-btn-custom {
	padding-top: 19px;
	padding-bottom: 19px;
	text-align: center;
}

td.product-remove a {
    font-family: auto;
}

.details .item_qty,
.product-quantity {
    font-family: 'Arial';
}


/* Boxzilla
 * ------------------ */

.heading-boxzilla{
	color: #f9f7f5!important;
}

.boxzilla-close-icon{
	font-family: 'fontawesome';
	color: #f9f7f5!important;
	opacity: 1!important;
}

/* CSS for variable product
 * ------------------ */
 .variations select {
    padding:22px 15px;
    margin-top: 0px !important;
}

a.reset_variations {
    margin-top:12px !important;
    margin-left:10px !important;
    display:inline-block;
}

#wc-bookings-booking-form p.form-field input {
     padding:10px 15px;
}


/*----------------------------------------------------------*/
/* Christmas Gifts - Menu button
/*----------------------------------------------------------*/
span.th-christmas-gifts {
	-webkit-transition: background 300ms, color 300ms, border-color 300ms, padding 200ms;
	background-color: #fff;
	color: #8a5366;
	padding: 4px 5px 2px 5px;
}

span.th-christmas-gifts:hover {
	color: #ac9751;
}

/*----------------------------------------------------------*/
/* CHECKOUT
/*----------------------------------------------------------*/
.woocommerce-input-wrapper input[type="email"].woocommerce-invalid {
    border: 1px solid #FF0000 !important;
}

/** notices to theme-like color **/
.woocommerce-checkout .wc-block-components-notice-banner.is-info {
    background-color: #f4f0f1;
    border-color: #decdd3;
    color: #8a5366;
}

.woocommerce-checkout .wc-block-components-notice-banner.is-info a {
    font-weight:bold;
    color: #ac9751;
}

.woocommerce-checkout .wc-block-components-notice-banner.is-info svg {
    background-color: #8a5366;
    opacity:0.8
}


/*----------------------------------------------------------*/
/* STOCKIST PAGE LABEL FONT SIZE
/*----------------------------------------------------------*/
@media (max-width: 767px) {
    .page-id-17371 .wpgmza_cat_checkbox_item_holder label {
        font-size: 13px !important;
    }
}

@media (max-width: 450px) {
    .page-id-17371 .wpgmza_cat_checkbox_item_holder label {
        font-size: 10px !important;
    }
}

/* Fix for WPML Flags 
 * ------------------ */
.infinite-custom-wpml-flag-item img {
	width: auto;
}

/*----------------------------------------------------------*/
/* HIDE ADD TO CART QTY
/*----------------------------------------------------------*/

body.page:not(.woocommerce-cart) .input-text.qty.text,
body.single-post .input-text.qty.text {
    display: none;
}