/* CSS Document */

/*for ADA compliance*/
.ttuc {text-transform:uppercase}

@import url('https://fonts.googleapis.com/css?family=Cutive');

/*eyelash nav color and padding*/
.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item:first-child a.top-title {background-color:#53b40f; color:#fff; padding: 6px 14px}
.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item:first-child a.top-title:hover {color:#eee}
.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item:nth-child(2) {display:none}
.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item:nth-child(3)  a.top-title {background-color:#1776bd; color:#fff; padding: 6px 10px}
.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item:nth-child(3)  a.top-title:hover {color:#eee}

/*improve the visibility of quantity in mini cart*/.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item.store-cart .cart-popover .cart-wrapper .incart-viewer ul.prod-list li.prod-item .prod-item-wrapper .prod-detail-block .prod-quantity {font-size:18px !important; color:#0000ff; float:right; display:inline-flex}
.htc-chrome .htc-header header .header-wrapper .d-header .top-navi-block ul.top-navi-wrapper li.top-item .dot-green .circle {display:none}

/* fix for adding new header navigational item*/
.htc-chrome .htc-header header .header-wrapper .d-header .main-navi-block ul.menu-list li .title {padding-left:40px; padding-right:40px: color:#ff0000 !important}

/*navigational item: turn green and center Team HTC on mobile*/
.m-header li.has-sub-menu div.third-menu + div.sub-item a {text-transform:uppercase; color:#a5cf4c !important; text-align:center}

/*keep mobile nav-bar at the top of the page*/
.htc-chrome .htc-header header .header-wrapper .m-header {position:fixed;}

/*hide 3rd accessory in sub-nav to improve responsiveness*/
@media only screen and (max-width: 1200px){header div.product-story.col-1:nth-child(4){ display: none !important; }}

/*Fixes wrapping issue on sub-head items*/
header .top li a { white-space: nowrap; }

/*Removes all auto-break hyphens*/
body { -ms-hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }

/* clear layout for listing page */
body.template_software_apps_listing_2015 .main .horizontal-dots, body.template_product_listing_2015 .main .horizontal-dots { display: none; }
body.template_software_apps_listing_2015 .main .list-contents h1, body.template_product_listing_2015 .main .list-contents h1 {display: none;}

/*footer*/
.htc-chrome .htc-footer, .htc-chrome .htc-footer footer .footer-wrapper .main-desk-modern .region-popover  {position:relative !important}
.htc-chrome .htc-footer footer .footer-wrapper .main-desk-modern .footer-align-center .arrow-block {display:none !important}
.htc-chrome .htc-footer footer .footer-wrapper .footer-list {display:block !important}
body.indexv2 #htc-site .htc-footer {left:0; right:0; padding:0 10px}
body.template_free_scroll_2016 section.htc-main div.main{max-width: initial;}
body.template_free_scroll_2016 div.htc-footer{width: 100%; max-width: initial;}
body.template_free_scroll_2016_perfume div.htc-chrome section.htc-main div.main{max-width: initial;}
body.template_free_scroll_2016_perfume div.htc-chrome div.htc-footer{width: 100%; max-width: initial;}

/*add accessories to left nav-bar of listing pages*/
body.template_software_apps_listing_2015 .main .listing-nav .item .icon-and-text.accessories .icon, body.template_product_listing_2015 .main .listing-nav .item .icon-and-text.accessories .icon { width: 51px; height: 60px; background-image: url(/managed-assets/shared/desktop/categories/nav-accessories.png); }
body.template_software_apps_listing_2015 .main .listing-nav .item .icon-and-text.accessories .icon.hover, body.template_product_listing_2015 .main .listing-nav .item .icon-and-text.accessories .icon.hover { margin-top: -60px; margin-bottom: 12px; background-position: center -60px; }