/* OneTrust reformatting */
#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
	outline: none;
	text-decoration: none;
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href]:focus {
	outline: none;
	text-decoration: none;
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover {
	color: #1c7cd1;
}

.ot-floating-button__front {
    background-image: url('../images/ntt_colored_otcookie.png') !important;
}

/* THEME changes and additions*/
/* Button color 'Show all' within front page hero carousel cards */
/* Overwrites property in file assets/scss/components/stencil/heroCarousel/_heroCarousel.scss */
.heroCarousel-action {
    margin: 0;
    background-color: #006FD3;
    border-color: #006FD3;    
}

.heroCarousel-action:hover {
    background-color: #2091F7;
    border-color: #2091F7;
}

/* Teko font in Hero Carousel Cards, GeoTargetly Popup */
/* Adds Teko font */
@font-face {
    font-family: 'NTTTekoFont';
    src: url('../nttfonts/Teko-Regular.ttf') format('truetype');
}


/* Overwrites property in file assets/scss/components/stencil/heroCarousel/_heroCarousel.scss */
.heroCarousel-title {
    color: #ffffff;
    font-size: 30px;
    margin-top: 0;
	font-family: 'NTTTekoFont', sans-serif;
}

/* Link underlining in account drop down */
/* Overwrites property in file assets/scss/f/_dropdown-menu.scss */
.navUser-section .dropdown-menu-item > a {
    text-decoration: none;
}


/* NanoTemper Background image for header */
/* Overwrites property in file assets/scss/f/_header.scss */
/* class is quite big but only 6 lines were changed background-repeat and media query for 450px */
/* Main Header */
.header {
    margin-bottom: calc(1rem * 1.5);
    padding: 0;
    position: relative;
    top: auto;
    background-repeat: no-repeat;
    background-size: cover;    
}


/* Spacing in product description */
/* Overwrites property in file assets/scss/f/_product.scss */
/* filled via a custom field. Feature of Camden Theme */
.productView-info-value--short-description {
    margin-top: 1rem;
}


/* added class to get rid of white edges behind main search button */
.nttmainsearch {
    width: 99%;
}


/* Colouring search and sku add buttons blue */
/* Overwrites property in file assets/scss/f/_search.scss */
.search .search-button,
.sku-add .search-button {
	background: #006FD3;
}

.search .search-button:hover,
.sku-add .search-button:hover {
	background: #2091F7;
}

/* Login in Reminder link in side cart */
.nttloginreminder-sidecart {
	color:#84368a;
}

.nttloginreminder-sidecart:hover {
	color:#bb90bf;
}

/* Infobanner for US tax certificates */
.nttsetupinfobanner-container {
    display: flex;
    width: 100%;
    background-color: #fafafa;
	max-width: 1400px;
	margin: 0 auto 10px;
}

.nttsetupinfobanner-container-mob {
    width: 100%;
    background-color: #fafafa;
}

.nttsetupinfobanner-mob {
    background-color: #f3EBf4;
    border-top: 1px solid #e5c7e7;
    border-right: 1px solid #e5c7e7;
    border-left: 1px solid #e5c7e7;
    border-bottom: 1px solid #e5c7e7;
    padding: 10px;
    text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.nttsetupinfobanner-left {
    flex: 1;
    overflow: hidden;
    background-color: #f3EBf4;	  
    border-top: 1px solid #e5c7e7;
    border-right: none;
    border-left: 1px solid #e5c7e7;
    border-bottom: 1px solid #e5c7e7;
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px;
    margin-left:6rem;
}

.nttsetupinfobanner-right {
    flex: 1;
    background-color: #f3EBf4;
    border-top: 1px solid #e5c7e7;
    border-right: 1px solid #e5c7e7;
    border-left: none;
    border-bottom: 1px solid #e5c7e7;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 10px;
    margin-right:6rem;
}

.nttsetupinfobanner-scrolling-text {
    white-space: nowrap;
    transform: translateX(0%);
    animation: scroll-to-right 5s ease-out forwards;
    position: absolute;
    left: 0;

}

@keyframes scroll-to-right {
  to {
	left: 100%;
	transform: translateX(-100%);
  }
}

.nttsetupinfobanner-link {
	color: #84368A;
	text-decoration: underline;
}
.nttsetupinfobanner-link:hover {
	color: #c381c7;
	text-decoration: underline;
}

/* Footer */
/* overwriting */
.footer-info-heading {
    font-size: 1.4rem;
    font-family: "NTTTekoFont";
}

.footer-info-list {
    line-height: 2;

    a {
        color: #9aa1a8;
        font-size: 15px;
		font-weight: bold;
    }
	
	a:hover {
		color: #1c7cd1; 
	}
}

/* adding class for customized footer */
address.footer-nttaddress {
    font-size: 15px;
	opacity: 0.6;
}

.nttfootercopyright {
	font-size: 13px;
	color: #9aa1a8;
}

.footer-copyright a {
	text-decoration: none;
	font-size: 13px;
	color: #9aa1a8;
}

.footer-copyright a:hover {
	color: #1c7cd1;
}

.footer-nttlogo img {
    display: inline-block;
}

/* Accounting for different screen resolutions for specific classes */
@media screen and (max-width: 450px) {
    .header {
	    background-size: 130%;	
	}
	.heroCarousel-title {
        font-size: 35px;
	}
    .nttfaq input:checked ~ .nttanswer {
		max-height: 360px; /* Adjust as needed */
		margin-bottom: 12px;
	}
	.nttsetupinfobanner-container {
		display: none;
	}
}

@media (max-width: 550px) {
    .footer-nttlogo {
	    text-align: center;
	}
    .footer-nttlogo-text {
		font-size: 15px;
		text-align: center;
        margin-top: 1.5rem;
        vertical-align: bottom;
        opacity: 0.9;		
	}
    .nttfaq input:checked ~ .nttanswer {
		max-height: 300px; /* Adjust as needed */
		margin-bottom: 12px;
	}
	.nttsetupinfobanner-container {
		display: none;
	}	
}

@media (min-width: 551px) and (max-width: 1260px) {
    .footer-nttlogo {
	    text-align: right;
	}
    .footer-nttlogo-text {
		font-size: 15px;
		text-align: right;
        margin-top: 1.5rem;
        vertical-align: bottom;
		opacity: 0.9;
	}
    .nttfaq input:checked ~ .nttanswer {
		max-height: 200px; /* Adjust as needed */
		margin-bottom: 12px;
	}
    .nttsetupinfobanner-container-mob, .nttsetupinfobanner-mob {
        display: none;
    }	
}

@media (min-width: 1261px) {
    .footer-nttlogo {
	    text-align: right;
	}
    .footer-nttlogo-text {
		font-size: 15px;
		text-align: right;
        margin-top: 1.5rem;
        vertical-align: bottom;
		opacity: 0.9;
	}
    .nttfaq input:checked ~ .nttanswer {
		max-height: 120px; /* Adjust as needed */
		margin-bottom: 12px;
	}
    .nttsetupinfobanner-container-mob, .nttsetupinfobanner-mob {
        display: none;
    }
}


/* Currency/location selection menu recolouring */
/* 801 = breakpoint "medium" */
@media (min-width: 801px) {
    .heroCarousel-title {
        font-size: 40px;
	}
	.heroCarousel-action {
		margin-top: 1rem;
	}
	.navUser .dropdown-menu {
        border: 1px solid #0e253a;
        background-color: #0e253a;
    }
	.header__bottom-nav .navUser .dropdown-menu-item a {
        color: #ffffff;
		font-weight: bold;
    }
	.header__bottom-nav .navUser .dropdown-menu-item a:hover {
        color: #1c7cd1;
		font-weight: bold;
    }
	.navUser .dropdown-menu-item a {
		color: #ffffff;
		font-weight: bold;
	}
	.navUser .dropdown-menu-item a:hover {
		color: #1c7cd1;
		font-weight: bold;
	}
	.navBar--sub .navBar-item.is-active {
		border-bottom: none;
	}
}

/* Account section navigation links */
.account-container li.navBar-item, .account-container li.navBar-item>a, .navBar-action {
	color: #000;
    font-weight: normal !important;
	text-decoration: underline !important;
    font-size: 13px !important;	
}

.account-container li.navBar-item.navBar-item__orders.is-active,
.account-container li.navBar-item>a.is-active,
.account-container li.navBar-item.is-active, 
.account-container li.navBar-item>a.is-active,
.navBar-item.is-active>.navBar-action {
	text-decoration: none !important;
	color: #000 !important;
}

/* Account Section Order List */
td.actions-field a.shoppinglist-button {
	display: none !important;
}

td.actions-field a.reorder-button {
	margin-top: 0px !important;
}

td.actions-field a.reorder-button:hover {
	text-decoration: none !important;
}

/* Single Order Details */
div.account-product-body.c00141 {
	padding-left: 10px;
	padding-right: 10px;
}

.account-orderTotal-value {
	padding-right: 10px;
}

/* single order page - reorder button */
div.order-details-info button.c00159 {
	background-color: #333333;
    border-color: #333333;
    color: #fff;
}

div.order-details-info button.c00159:hover {
	background-color: #1A1A1A;
}

/* single order page - add to shopping list & return button */
div.order-details-info button.c00160 {
	display: none !important;
}

/* Buy again list */
div.button.button--small.add-shopping-list.c0093 {
	display: none !important;
}

/* User Management */
/* hide huge title*/
div.title-wrap.title-wrap--alt {
	display: none !important;
}

/* edit and delete button */
td.actions-field.t-align-c.flex-center.c00340 > a.c00341:hover, td.actions-field.t-align-c.flex-center.c00340 > a.c00342:hover {
	text-decoration: none !important;
}

/* Account Section FAQ page formatting */
.nttfaq input {
            display: none;
        }
.nttfaq label {
	cursor: pointer;
	display: block;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #ebecf0;
	font-size: 18px;			
}
.nttfaq label::after {
	content: '+';
	float: right;
	color: gray;
}
.nttfaq input:checked + label::after {
	content: '-';
	color: gray;
}
.nttfaq .nttanswer {
	font-size: 14px;	
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.8s ease;
}
.nttfaq .nttanswer p {
    padding-top: 10px;
}
.nttfaq input:checked ~ .nttanswer p {
    padding-top: 10px;
}
.ntt-faq-section h3 {
	margin-bottom: 0px;
}
.ntt-help-section {
	margin-top:50px;
}
.ntt-help-section p {
	font-size: 14px;
}
.ntt-help-section p a {
	text-decoration: none;
}

/* GeoTargetly Popop restyling */
/*
EU Prod: 1744791014073
US Prod: 1744792329032
EU Test: 1744722639146
US Test: 1744791577325
*/

.gt_redirectpopup_1744791014073_modal, 
.gt_redirectpopup_1744792329032_modal, 
.gt_redirectpopup_1744722639146_modal, 
.gt_redirectpopup_1744791577325_modal {
    border-radius: 0px !important;
}

.gt_redirectpopup_1744791014073_popup_container, 
.gt_redirectpopup_1744792329032_popup_container, 
.gt_redirectpopup_1744722639146_popup_container, 
.gt_redirectpopup_1744791577325_popup_container {
    padding: 20px 30px 20px 30px !important;
}

.gt_redirectpopup_1744791014073_content_container, 
.gt_redirectpopup_1744792329032_content_container, 
.gt_redirectpopup_1744722639146_content_container, 
.gt_redirectpopup_1744791577325_content_container {
    margin-top: 25px !important;
}

.gt_redirectpopup_1744791014073_heading, 
.gt_redirectpopup_1744792329032_heading, 
.gt_redirectpopup_1744722639146_heading, 
.gt_redirectpopup_1744791577325_heading {
    font-size: 40px !important;
	font-family: NTTTekoFont, "Teko" !important;
}

.gt_redirectpopup_1744791014073_countdown, 
.gt_redirectpopup_1744792329032_countdown, 
.gt_redirectpopup_1744722639146_countdown, 
.gt_redirectpopup_1744791577325_countdown {
	background-color: #8d8d8d !important;
}

.gt_redirectpopup_1744791014073_heading strong,
.gt_redirectpopup_1744792329032_heading strong,
.gt_redirectpopup_1744722639146_heading strong,
.gt_redirectpopup_1744791577325_heading strong {
    font-weight: 400 !important;
}

.gt_redirectpopup_1744791014073_text,
.gt_redirectpopup_1744792329032_text,
.gt_redirectpopup_1744722639146_text,
.gt_redirectpopup_1744791577325_text {
   margin-top: 30px !important;
}

.gt_redirectpopup_1744791014073_subtext,
.gt_redirectpopup_1744792329032_subtext,
.gt_redirectpopup_1744722639146_subtext,
.gt_redirectpopup_1744791577325_subtext {
   font-size: 16px !important;
   margin-top: 25px !important;
}

.gt_redirectpopup_1744791014073_closetext,
.gt_redirectpopup_1744792329032_closetext,
.gt_redirectpopup_1744722639146_closetext,
.gt_redirectpopup_1744791577325_closetext {
   font-size: 10px !important;
}

.gt_redirectpopup_1744791014073_button,
.gt_redirectpopup_1744792329032_button,
.gt_redirectpopup_1744722639146_button,
.gt_redirectpopup_1744791577325_button {
   font-weight: 600 !important;
   color: #fff !important;
   border-radius: 4px !important;
   padding: .85714rem 2.28571rem !important;
   border-style: solid !important;
   border-width: 1px !important;
   line-height: 1rem !important;
   transition: all .15s ease !important;
}

.gt_redirectpopup_1744791014073_button:hover,
.gt_redirectpopup_1744792329032_button:hover,
.gt_redirectpopup_1744722639146_button:hover,
.gt_redirectpopup_1744791577325_button:hover {
   background-color: #2091f7 !important;
}