/* Hides troubleshooting information. Do not touch */
sip-troubleshooting-information {
 display: none;
}
.list-item__cancel {
	display: none;
}

#interestsForm {
    display: none;
}

a#myAccountPopupWishlist {
    display: none;
}

.account-navigation-list li:nth-child(7) {
    display: none;
}

.cart-item-title-bopickup {
    display: none;
}

.cart-carousel-container {
    display: none;
}

/* DRFIX - Remove 'Terms and Conditions' Modal Link on Marketing Prefs */

#showModalLink {
    display: none;
}


[_nghost-storefront-c126] .page.homepage .costco-carousel-component {
	margin: 20px auto !important;
}

[_nghost-storefront-c126] sip-product-carousel.has-title {
    min-height: 400px !important;
}

/* FIX FOR BULLET POINTS? */

.wrapper_itemDes .container_itemDes .txt_itemDes ul.bullet_point {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	text-align: left;
	padding: 0px 0px 0px 30px;
}

ol.bullets, ul.bullets {
    margin: 10px 20px;
    line-height: 24px;
    padding: 0;
}

li.bullets {
    font-size: 14px;
    list-style-type: disc;
    padding-top: 1%;
}

li.numbers {
    font-size: 14x;
    list-style-type: decimal;
    padding-top: 1%;
}

/* END FIX FOR BULLET POINTS */


.product-details-content-wrapper ul {
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
	padding: 0px 0px 0px 30px;
}

.product-details-content-wrapper ul > li {
	list-style-type: disc !important;
}



/* TO REMOVE THE GOOGLE ANALYTICS POP UP  ADDED BY EHSAN ON 28-12-22*/
/*
.gdpr-modal-container:nth-child(6) {
display: none !important;
}
*/
.gdpr-modal hr:nth-child(7) {
display:none
}






/* GDPR Message */

.gdpr-message-item .gdpr-message-item_content p {
	font-size: 16px;
	font-weight: 400;
}

/*
.gdpr-message-item .gdpr-buttons {
	width: 60px;
}
*/

.gdpr-message-item .gdpr-message-item_content {
	max-width: 100%;
}


.my-account-communicationPreferences > .panel-default {
   display: none;
}

/* DRFIX - Removal of Marketing Prefs */
.my-account-communicationPreferences .row:nth-child(3) {
    display: none;
}

/* DRFIX - Login Page */

.login-section-container .register-text {
	font-size: 20px;
	font-weight: bold;
}

.login-section-container .signup-text {
	font-size: 20px;
	font-weight: bold;
}

.login-section-container .login-box-container .costco-custom-checkbox {
	width: 50%;
	float: left;
}

@media screen and (max-width: 767px) {
	#loginForm {
		padding-top: 0;
	}

	.product-listing.product-grid .product-item {
		width: 49.5%;
	}
}

/* END DRFIX - Login Page */

/* DRFIX - Gender / My Account */

#updateMemberInfoForm > .member-info-container > .form-group {
	display: none;
}

/* END DRFIX - Gender / My Account */

.membership-info > .declaration {
	display: none;
}

/* DRFIX - a fix for all the links that have been capitalized for some reason */

.shlink {
	text-transform: none !important;
}

/* END DRFIX - a fix for all the links that have been capitalized for some reason */

html[lang="en_GB"] a, html[lang="en_CA"] a, html[lang="en_US"] a, html.translated-ltr a, html[lang="en_GB"] button, html[lang="en_CA"] button, html[lang="en_US"] button, html.translated-ltr button, html[lang="en_GB"] .btn, html[lang="en_CA"] .btn, html[lang="en_US"] .btn, html.translated-ltr .btn, html[lang="en_GB"] .headline, html[lang="en_CA"] .headline, html[lang="en_US"] .headline, html.translated-ltr .headline, html[lang="en_GB"] .h1, html[lang="en_CA"] .h1, html[lang="en_US"] .h1, html.translated-ltr .h1, html[lang="en_GB"] .h2, html[lang="en_CA"] .h2, html[lang="en_US"] .h2, html.translated-ltr .h2, html[lang="en_GB"] .breadcrumb li, html[lang="en_CA"] .breadcrumb li, html[lang="en_US"] .breadcrumb li, html.translated-ltr .breadcrumb li, html[lang="en_GB"] .account-address-header, html[lang="en_CA"] .account-address-header, html[lang="en_US"] .account-address-header, html.translated-ltr .account-address-header, html[lang="en_GB"] .costco-custom-radio label, html[lang="en_CA"] .costco-custom-radio label, html[lang="en_US"] .costco-custom-radio label, html.translated-ltr .costco-custom-radio label

{ text-transform: none; !important }

/* Size Variant Drop Down */

.variant-section .variant-selector .variant-select {
	padding: 6px 16px;
}

/* DRFIX - Second row of featured content components on mobile - fixed spacing related to one line vs two line titles*/
@media screen and (max-width: 768px) {
	.hpfs {
		padding-bottom: 35px !important;
	}
}
/* END DRFIX - Second row of featured content components on mobile - fixed spacing related to one line vs two line titles*/

/* Remove double scroll */

#chooseAddressModalContainer .choose-shipping-address-popup .modal-body, #chooseAddressModalContainer .choose-billing-address-popup .modal-body {
    overflow-y: scroll;
}




/* Store Finder Opening Hours */


.panel-group .panel.panel-default .panel-body h4, .panel-group .panel.panel-default .panel-body p {
	margin-top: 10px;
}


.store-finder-details-info-address .store-openings li span {
	width: 32%;
}

.warehouse-locator-single-pos .opening-hours-desc {
}


/* Hides Prefix Suffix & Middle Initial COSINT-6511 */

#newInlineMem-membership-memberInfoForm .form-group #suffix
{
    display: none;
}

#newInlineMem-membership-memberInfoForm label[for="suffix"] {
	display: none;
}



#newInlineMem-membership-memberInfoForm .form-group #middleName
{
    display: none;
}

#newInlineMem-membership-memberInfoForm label[for="middleName"] {
	display: none;
}

/*.col-xs-6.col-sm-3.col-md-2 {
	display: none;
}
*/

#newInlineMem-membership-memberInfoForm .membership-prefix-field {
	display: none;
}




/* Checkout */

/* .cart-total .checkout-ajax, .cart-total .paymentinfo-btn-submit {
	height: 100%;
	white-space: normal;
} */



/* COSINT-6413 */

.choose-shipping-address-popup.modal, .choose-billing-address-popup.modal {
       overflow: hidden;
}

.choose-shipping-address-popup .ship-to, .choose-billing-address-popup .ship-to {
	margin: 0;
}

.choose-shipping-address-popup .group-address-list,
.choose-billing-address-popup .group-address-list {

     overflow-y: auto;
	/*Removed by Dylan to fix shipping address issue*/
    /*max-height: calc(100vh - 260px);*/
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.choose-shipping-address-popup .group-address-list,
        .choose-billing-address-popup .group-address-list {

   		max-height: calc(100vh - 300px);
	}
}

/* COSINT-6413 END */








/* Hiding Desktop Menu */


@media screen and (min-width: 1024px){
	
	header.main-header .menu-trigger {
		width: 180px !important;
	}
/*
header.main-header .menu-trigger {
    display: none !important;
}
*/

}


.checkout-review .review-shipping {
    display: none !important;
}

/* Hiding Gift Message container */


.gift-message-container {
    display: none !important;
}








/* PDP */

.product-name-container .lister-name, .lister-name-en {
	max-height: 62px;
	-webkit-line-clamp: 3;
}





	footer#footer-widget ul.footer-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.panel-group .panel.panel-default .panel-body ul li {
	list-style-type: disc;
	margin:  1% 2%;
	display: list-item;
}

.panel-group .panel.panel-default .panel-body .pdp-pdf-bullets {
	list-style: none;
	margin: 0;
}


@media screen and (max-width: 640px) {


.panel-group .panel.panel-default .panel-body ul li {
	list-style-type: disc;
	margin:  1% 5%;
	display: list-item;
}


}






.adobe-pdf-icon {
	max-width: 20px;
}

/* PDP - Colour Variant Content */
.product-variants-options .variant-selector > ul.variant-list:after {
    content: "Please select a colour";
	font-weight: bold;
}

/* PDP - TO MAKE THE TOP NAV LINKS ALCOHOL, HOT BUYS, WHAT'S NEW BOLD */
#theMenu > li:nth-child(2), #theMenu > li:nth-child(3), #theMenu > li:nth-child(4) {
	font-weight: bold !important;
}

/*
#theMenu > li > a:nth-child(2), #theMenu > li > a:nth-child(3) {
	font-weight: bold !important;
}
*/




/* online register and membership purchase and my account */

#onlineregister-memberInfoForm .my-account-communicationPreferences > .account-label {
display: none;
}

#onlineregister-memberInfoForm .my-account-communicationPreferences > dev.email-radio-container{
	padding-top: 30px;
	margin-top: 30px;
}


#newInlineMem-membership-memberInfoForm .my-account-communicationPreferences > .account-label {
display: none;
}

#newInlineMem-membership-memberInfoForm .my-account-communicationPreferences >  dev.email-radio-container{
	padding-top: 30px;
	margin-top: 30px;
}


#onlineregister-memberInfoForm .row .membership-form-info-container + .col-sm-push-1:not(.membership-preferences-display-wrapper):not(.col-sm-pull-1) {
    display: none;
}


#onlineregister-memberInfoForm .row:nth-child(2):after, #onlineregister-memberInfoForm .row:nth-child(3):after {
    clear: none;
}

#newInlineMem-membership-memberInfoForm .row .membership-form-info-container + .col-sm-push-1:not(.membership-preferences-display-wrapper):not(.col-sm-pull-1) {
    display: none;
}


#newInlineMem-membership-memberInfoForm #newInlineMem-membership-inputform-addonSection + .row:after
{
  clear: none;
}

/* Hide the first preferences form and the first HR which immediately follows */
.my-account-interests
{
    display: none;
}



/* Homepage - added to UK Featured Category Title Component

.homepage .featured-content-component h1 {
	padding-top: 5px;
}

.homepage .featured-content-component h3 {
	padding-top: 5px;
}

.homepage .featured-content-component h4 {
	display: none;
}

.homepage-banners {
	border-bottom:0px;
}
*/


/* Registration */

.membership-section-content .consent-section-box .consent-section-box-content {
	max-height: 500px;
}

.membership-section-content .content-section-title {
	margin: 0px 0 10px;
}




/* Tyres */

/*
.page-tiresearch .container .page .tire-search-content {
	background-color: #2f383d;
}
*/

/* Main Navigation */

.cms-nav-component-wrapper .nbc-container > li {
	margin-right: 2em;
}







@media screen and (min-width: 0px) and (max-width: 640px) {

	.page-tiresearch .container .page .cms-slot .simple-responsive-banner-component > img {
		height: 0px;!important;
	}
}




/* Category Menu */


#theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
	font-size: 18px;
	text-transform: none;
}

#theMenu > li > ul > li > ul > li a {
	font-size: 16px;
}


#theMenu > li > ul > li {
	display:block;
	font-size: 12px;
}

#theMenu > li > ul {
	width: 980px;
}


 #theMenu ul ul a {
   padding: 3px 0;
}












@media screen and (min-width: 0px) and (max-width: 1023px) {


#theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
	font-size: 16px;
}



#theMenu > li > ul {
	width: 100%;
}
}



.mobile-bnr {
	display: none;
	margin: 10px 0;
}

.desktop-bnr {
	display: block;
	margin: 10px 0;
}

@media only screen and (max-width: 480px) {
	.desktop-bnr {
		display: none;
	}

	.mobile-bnr {
		display: block;
	}
}





@media screen and (min-width: 1024px) {
	#theMenu > li > ul > li {
		min-width: 120px;
		max-width: calc(756px/4);
	  }



	.wrapper_itemDes {
		width: 95%;
		display: inline-block;
		margin: 0px auto;
	}

	.wrapper_itemDes h1 {
		width: 100%;
		display: inline-block;
		clear: both;
		font-size: 1.5em;
		font-weight: 600;
		margin-top: 30px;
		color: #333333;
	}

	.container_itemDes {
		position: relative;
		width: 100%;
		display: inline-block;
		clear: both;
		margin-top: 30px;
	}

	.container_itemDes .img_itemDes_L {
		position: relative;
		float: left;
		width: 35%;
		display: inline-block;
	}

	.container_itemDes .img_itemDes_R {
		position: relative;
		float: right;
		width: 35%;
		display: inline-block;
	}

	.container_itemDes .img_itemDes_L img {
		width: 100%;
		max-width: 440px;
	}

	.container_itemDes .img_itemDes_R img {
		width: 100%;
		max-width: 440px;
	}

	.container_itemDes .tbl_itemDes_L {
		position: relative;
		float: left;
		width: 60%;
		display: inline-block;
	}

	.container_itemDes .tbl_itemDes_R {
		position: relative;
		float: right;
		width: 60%;
		display: inline-block;
	}

	.container_itemDes .txt_itemDes_L {
		position: relative;
		float: left;
		width: 60%;
		display: inline-block;
		text-align: left;
	}

	.container_itemDes .txt_itemDes_R {
		position: relative;
		float: right;
		width: 60%;
		display: inline-block;
		text-align: left;
	}

	.container_itemDes h2 {
		clear: both;
		font-size: 1.2em;
		font-weight: 600;
		line-height: 150%;
		color: #333333;
		line-height: 1.5em;
		margin-top: 15px;
	}

	.container_itemDes p {
		clear: both;
		font-size: 0.9em;
		font-weight: 500;
		margin-top: 15px;
		line-height: 150%;
		color: #333333;
	}

	caption {
		position: absolute;
		visibility: hidden;
		font-size: 0;
	}

	table.tbl_gray {
		border-collapse: collapse;
		width: 100%;
		margin: 0px;
		font-size: 13px;
		position: relative;
	}

	table.tbl_gray th {
		border: 1px solid #d1d1d1;
	}

	table.tbl_gray td {
		border: 1px solid #d1d1d1;
		font-weight: none;
		text-align: center;
		padding: 6px 6px 5px 12px;
		line-height: 160%;
		color: #333333;
	}

	table.tbl_gray thead {
		font-weight: normal;
		text-align: center;
	}

	table.tbl_gray thead th {
		background: #d1d1d1;
		border-bottom: 0px;
		color: #555;
		font-weight: 500;
		text-align: center;
		vertical-align: middle;
		padding: 5px 7px 4px 11px;
		line-height: 160%;
	}

	table.tbl_gray tbody th {
		background: #f5f5f5;
		color: #555;
		font-weight: 500;
		text-align: right;
		vertical-align: middle;
		padding: 5px 7px 4px 11px;
		line-height: 160%;
	}

	table.tbl_gray td img {
		vertical-align: middle;
	}

	ul.bullet_point {
		position: relative;
		clear: both;
		width: 100%;
		display: block;
		list-style-type: disc;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 40px;
		text-align: left;
		padding: 0px 0px 0px 30px;
	}

	ul.bullet_point>li {
		text-indent: 8px;
		font-size: 0.98em;
		font-weight: 500;
		line-height: 150%;
		color: #333333;
		list-style: inherit;
	}

}




@media screen and (min-width: 1024px) {



/*	header #theMenu {
		min-height: calc(100vh - 180px);
		min-width: calc(100vh - 800px);
	}




	#theMenu > li > ul {
		width: 1100px;
		-webkit-column-count: 6;
		-moz-column-count: 6;
		column-count: 6;
		padding: 10px;

	}
	#theMenu > li > ul > li {
		min-width: 90px;
		max-width: calc(1100px/5);

	}

	#theMenu > li > ul > li > ul > li a {
		font-size: 14px;
	}

	#theMenu > li > ul > li .show-sub-menu, #theMenu > li > ul > li > a {
		font-size: 18px;
	}

*/



}


@media screen and (min-width: 0px) and (max-width: 640px) {
	.container_itemDes .img_itemDes_L {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		max-width: 360px;
	}
	.container_itemDes .tbl_itemDes_L {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
	}
	.container_itemDes .txt_itemDes_L {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		margin-top: 30px;
	}
	.container_itemDes .img_itemDes_R {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		max-width: 360px;
	}
	.container_itemDes .tbl_itemDes_R {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
	}
	.container_itemDes .txt_itemDes_R {
		position: relative;
		clear: both;
		width: 100%;
		display: inline-block;
		margin-top: 30px;
	}

	/* DRFIX ISSUE WITH IPHONES CUTTING CHARACTER TAILS OFF IN THE SORT BY DROP DOWN */
	.search-filter-container .sort-select {
		font-size: 15px;
	}
	/* END DRFIX ISSUE WITH IPHONES CUTTING CHARACTER TAILS OFF IN THE SORT BY DROP DOWN */
}

/*** Country flags fix ***/
.country-selector-main:before {
    content: ' ';
    text-transform: capitalize;
	padding-right: 10px;
	font-size: 16px;
}

.top-header .flagicon, .bottom-footer .flagicon, .flag-footer {
	display: none;
}

.top-header .country-select-dropdown,
.bottom-footer .country-select-dropdown {
	min-width: 240px;
	padding: 30px !important;
	left: -40px;
 }

.top-header .md-secondary-navigation .country-select-dropdown {
	top: 40px;
}

.header-nav-links {
	color: #3d3d3d;
}

.top-header .md-secondary-navigation li a {
	color: #3d3d3d;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.top-header .country-select-dropdown,
	.bottom-footer .country-select-dropdown {
		width: 150px;
		left: 0;
	 }
}

.top-header .country-select-dropdown li .country-name,
.bottom-footer .country-select-dropdown li .country-name {
  margin-left: 8px;
	line-height: 30px;
	color: #0060a9;
	font-size: 18px;
}

.country-select-dropdown {
  padding-left: 30px;
  padding-right: 10px;
}

footer#footer-widget .country-text {
  float: left;
}

footer#footer-widget .footer-flags a {
  line-height: 24px;
  color: #5f5f5f;
  font-size: 16px;
}

footer#footer-widget .footer-flags a {
	line-height: 24px;
	color: #5f5f5f;
	font-size: 16px;
}

#checkoutPaymentStep #costcoPaymentDetailsForm > .row > div:first-child > div:nth-child(4) {
	display: none
}

label[for=prefix] {
		display: none;
}
#prefix {
		display: none;
}

#costcoPreOrder > section > .preorder-form-element-container:last-child {
     display: none; 
}

.my-account-interests { display: block; }
.my-account-section-select-all { display: none!important; }


/*Make nav bar sticky */
@media screen and (max-width: 768px) {

header.main-header {
                position: sticky;
                top: 0px;
                z-index: 1000;}

span.costco-menu-hamburger

{
 font-size: 1.2em !important;}


span.menu-font-size.mobile-message
{
 font-size: 1.2em !important;}

  ul#theMenu {
    overflow-y: scroll;
    height: 70vh;}
    /* second nav font-weight */

#theMenu > li > ul > li .show-sub-menu

{font-weight: 900; !important;}
  
  }

/*-- TO FIX THE HEADER NAV LINKS ON MOBILE VIEW ADDED by Ehsan on 18/04/24 --*/
@media screen and (max-width: 1024px) {
	
	header.main-header .mobile-nav .link-with-media {
		width: 75px !important;
	}
	
	.link-with-media-name {
		font-size: 10px !important;
	}
	
	header .mobile-nav .cart-link-container > a span + span, header .nav-icons-links-container .cart-link-container > a span + span { font-size: 10px !important; }
	
	header .nav-icons-links-container nav .link-with-media:not(:first-child):not(:last-child), header .fluid-container-2 nav.mobile-nav .link-with-media:not(:first-child):not(:last-child) { padding-right: 4px !important; padding-left: 4px !important;}
}