:root { --carters-green: #004F40; --carters-green1: #A1CC38; --carters-green2: #6AB139; --carters-green3: #13A438; --carters-red: #E30513; --carters-black-tint: #4d4d4d; } body { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 16px; color: var(--carters-black-tint); } h1 { font-size: 36px; font-weight: bold; color: var(--carters-green); } h2 { font-size: 18px; font-weight: bold; color: black; } h3 { font-size: 18px; font-weight: bold; color: var(--carters-green); } h4 { font-size: 18px; font-weight: bold; color: var(--carters-red); } h5 { font-size: 16px; font-weight: bold; color: var(--carters-black-tint); } h6 { font-size: 16px; font-style: italic; color: var(--carters-black-tint); } @media (max-width: 1024px) { h1 { font-size: 26px; font-weight: bold; color: var(--carters-green); } h2 { font-size: 17px; font-weight: bold; color: black; } h3 { font-size: 17px; font-weight: bold; color: var(--carters-green); } h4 { font-size: 17px; font-weight: bold; color: var(--carters-red); } h5 { font-size: 16px; font-weight: bold; color: var(--carters-black-tint); } h6 { font-size: 16px; font-style: italic; color: var(--carters-black-tint); } } :root { --carters-green: #004F40; --carters-green1: #A1CC38; --carters-green2: #6AB139; --carters-green3: #13A438; --carters-red: #E30513; --carters-black-tint: #4d4d4d; } a { color: var(--carters-green); text-decoration: none; } .text-primary { color: var(--carters-green); } .form-control:focus { border-color: var(--carters-green); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 104, 179, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 104, 179, 0.6); } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: var(--carters-green); border-color: var(--carters-green); } .btn-primary .badge { color: var(--carters-green); background-color: #ffffff; } .btn-link { color: var(--carters-green); font-weight: normal; cursor: pointer; border-radius: 0; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: var(--carters-green); } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: var(--carters-green); } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: var(--carters-green); } .pagination > li > a, .pagination > li > span { position: relative; float: left; line-height: 1.42857143; text-decoration: none; color: var(--carters-green3); background-color: #ffffff; border: 1px solid #cccccc; margin-left: -1px; font-size: 16px; font-weight: normal; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; font-weight: bold; color: var(--carters-green3); cursor: default; border: 3px solid var(--carters-green); margin: -5px 3px; position: relative; padding-top: 2px; } .label-primary { background-color: var(--carters-green); } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: var(--carters-green); background-color: #ffffff; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: var(--carters-green); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 13px; line-height: 20px; color: #ffffff; text-align: center; background-color: var(--carters-green); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: var(--carters-green); border-color: var(--carters-green); } .panel-primary { border-color: var(--carters-green); } .panel-primary > .panel-heading { color: #ffffff; background-color: var(--carters-green); border-color: var(--carters-green); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: var(--carters-green); } .panel-primary > .panel-heading .badge { color: var(--carters-green); background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: var(--carters-green); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { color: var(--carters-green); cursor: pointer; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 15px; line-height: 1; margin-top: 5px; width: 30px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: var(--carters-green); color: #ffffff; } .site-search .ui-state-active, .site-search .ui-widget-content .ui-state-active{ background-color: #e5e5e5; color: var(--carters-green); margin:0; } /* General *****************************************************************/ a, button { color: var(--carters-green); text-decoration: none; } .well.well-primary { background-color: var(--carters-green); color: #ffffff; } .well.well-tertiary { background-color: var(--carters-green); color: #ffffff; } .well.well-tertiary.detail { background: none; color: #333; } .well.well-quinary .well-headline { background-color: var(--carters-green); color: #ffffff; } .well-headline { background-color: var(--carters-green); color: #ffffff; border-bottom: 1px solid #ffffff; } footer { padding-top: 15px; margin-top: 30px; background: var(--carters-green); color: #ffffff; font-weight: 300; } .footer__right .footer__dropdown .form-control { cursor: pointer; background-color: var(--carters-green); color: #ffffff; padding: 7px 10px; height: 26px; line-height: 20px; font-size: 14px; } .footer__right .footer__dropdown .form-control option { background-color: var(--carters-green); } .footer__right .footer__dropdown .form-control:focus::-ms-value { background-color: var(--carters-green); } .branding-mobile div a img { width: 280px !important; height: 100%; } .navigation--top .nav__right .nav__links--account li { display: inline-block; font-size: 12px; color: #fff; font-weight: 400; text-transform: uppercase; margin: 0 2px; padding: 8px 0 8px 0px; border-top: 4px solid transparent; } .navigation--top .nav__right .nav__links--account li.flex-li { display: flex; padding: 0; justify-content: center; align-items: center; margin: 0; border: 0; height: 60px; } footer .navigation--top .nav__right .nav__links--account li.flex-li { display: block; padding: 0 20px; justify-content: center; align-items: center; border: 0; height: auto; } @media (max-width: 640px) { footer .navigation--top .nav__right .nav__links--account li.flex-li { padding-bottom: 10px; } footer .navigation--top .nav__right .nav__links--account li.flex-li:last-child { padding-bottom: 0; } footer .navigation--top .nav__right .nav__links--account { flex-direction: column; } } footer .navigation--top .nav__right .nav__links--account li a { display: inline-block; padding: 0; } @media (min-width: 1024px) { ul.nav__links li.js-enquire-has-sub { display: flex; } .navigation--bottom .nav__links--products li.nav__links--primary-has__sub span.nav__link.js_nav__link a:after { display: none; } .navigation--bottom .nav__links--products li.nav__links--primary-has__sub > span.nav__link.js_nav__link a:hover:after { display: none; } .navigation--bottom li.nav__links--primary.nav__links--primary-has__sub span.nav__link a { display: block !important; } .menu-level1-arrow { background: rgb(237,237,237); padding: 7px 10px; /*border-bottom: 1px solid lightgrey;*/ color: var(--carters-green); font-size: 9px; } .navigation--bottom .nav__links--products li:hover span.yCmsComponent a, .navigation--bottom .nav__links--products li:hover span.nav__link.js_nav__link a, .navigation--bottom .nav__links--products li:hover span.menu-level1-arrow { font-weight: bold !important; color: var(--carters-red) !important; } li.nav__links--primary:hover span{ background-color: white; } ul.nav__links.nav__links--products > li { border-bottom: 1px solid lightgrey; } } .navigation--bottom .nav__links--products li:last-child, .navigation--bottom .nav__links--products li:last-child .nav__link.js_nav__link, .navigation--bottom .nav__links--products li:last-child .menu-level1-arrow { border-bottom: none; } li.nav__links--primary { cursor: pointer; } .navigation--bottom .nav__link { border-bottom: 1px solid #ddd; } .navigation--bottom li.nav__links--primary.js-enquire-has-sub.nav__links--primary-has__sub .nav__link { border-bottom: none; } @media (max-width: 767px) { .navigation--top .nav__right .nav__links--account li.flex-li { font-size: 11px; width: 33%; justify-content: start; text-align: left; } footer .navigation--top .nav__right .nav__links--account li.flex-li { font-size: inherit; width: inherit; justify-content: inherit; text-align: inherit; } } @media (max-width: 449px) { .navigation--top .nav__right .nav__links--account li.flex-li { font-size: 9px; } } .navigation--top .nav__right .nav__links--account li button { background: transparent none repeat scroll 0% 0%; border: medium none; color: var(--carters-green); font-size: 1em; text-transform: uppercase; } .js-mainHeader .navigation--top .nav__right .nav__links--account .myAccountLinksHeader, .js-mainHeader .navigation--top .nav__right .nav__links--account .myCompanyLinksHeader, .js-mainHeader .navigation--top .nav__right .nav__links--account li.liOffcanvas a{ background-color: transparent; color: inherit; display: block; cursor: pointer; padding: 0 12px; font-size: 11px } .js-mainHeader .navigation--top .nav__right .nav__links--account .myAccountLinksHeader, .js-mainHeader .navigation--top .nav__right .nav__links--account .myCompanyLinksHeader, .js-mainHeader .navigation--top .nav__right .nav__links--account .advantagePointsLinkHeader, .js-mainHeader .navigation--top .nav__right .nav__links--account li.liOffcanvas a{ background-color: transparent; color: inherit; display: block; cursor: pointer; padding: 0 12px; font-size: 11px } .js-mainHeader .navigation--top .nav__right .nav__links--account .myAccountLinksHeader:hover, .js-mainHeader .navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:hover, .js-mainHeader .navigation--top .nav__right .nav__links--account .advantagePointsLinkHeader:hover, .js-mainHeader .navigation--top .nav__right .nav__links--account li.liOffcanvas a:hover{ text-decoration: none; /* color: #8A8D8F; */ } .js-mainHeader .navigation--top .nav__right .nav__links--account li.liOffcanvas a{ padding: 0 0 0 12px; display:flex; } .js-mainHeader .navigation--top .nav__right .nav__links--account li.liOffcanvas a span{ color:#fff; margin-right: 5px; font-size: 1.5rem; } #accNavComponentDesktopOne, #accNavComponentDesktopTwo { padding: 0; max-width: 1280px; width: 100%; margin: auto; background-color: transparent; } .cust-prof-wrapper #accNavComponentDesktopOne { border-bottom: 1px solid #ffffff; } #accNavComponentDesktopOne ul.nav__links li, #accNavComponentDesktopTwo ul.nav__links li { text-transform: capitalize; list-style: none; font-size: 12px; color: var(--carters-green); font-weight: 400; padding: 0; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #accNavComponentDesktopOne ul.nav__links li:hover, #accNavComponentDesktopTwo ul.nav__links li:hover { background-color: transparent; } .navigation--middle .btn { background-color: transparent; width: 100%; padding: 0; height: 100%; color: var(--carters-green); border: none; } .navigation--middle .nav__right ul.nav__links--shop_info .nav-location span { font-size: 30px; top: 27%; color: var(--carters-green); } .navigation--middle .nav-cart .mini-cart-link { color: #fff; } @media (max-width: 639px) { .navigation--middle .nav-cart .mini-cart-link { display: block; } .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon { color: var(--carters-green); left: -7px; top: 10px; } .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart { width: 30px; font-size: 22px; position: relative; right: -6px; top: 3px; } .navigation--middle .nav-cart .mini-cart-link .mini-cart-count { font-size: 12px; position: absolute; right: 44%; top: -13px; margin: 0; } .navigation--middle .nav-cart .mini-cart-link .nav-items-total { display: inline-block; background-color: #fff; border-radius: 50%; height: 26px; width: 26px; color: var(--carters-green); line-height: 24px; border: 2px solid var(--carters-green); } } @media (min-width: 640px) { .navigation--middle .your-store .your-store-icon { float: right; position: relative; top: 8px; right:-10px; display:none; } } .navigation--middle .your-store .your-store-icon span { font-size: 30px; top: 27%; color: var(--carters-green); } .js-mainHeader { background: var(--carters-green); } .js-mainHeader .navigation--middle .your-store .your-store-icon span, .js-mainHeader .navigation--middle .nav__right ul.nav__links--shop_info .nav-location span { font-size:20px; color: #fff; opacity: 0.5; } .js-mainHeader .nav-order-tools:before{ color: #fff; font-size:20px; } .js-mainHeader .glyphicon-shopping-cart:before{ font-size:20px; color: #fff; } .js-mainHeader .navigation--middle .your-store .yourStore-currentStore{ font-size:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 108px; } .navigation--middle .your-store .yourStore-currentStore { font-size: 15px; top: 27%; color: #fff; margin-left: 0px; float: right; } @media (max-width: 639px) { .navigation--middle .mobile__nav__row.mobile__nav__row--table, .navigation--middle .mobile__nav__row .mobile__nav__row--table { display: table !important; width: 100%; border: 0; } .navigation--middle .mobile__nav__row .mobile__nav__row--table-group { display: table-row-group !important; } .navigation--middle .mobile__nav__row .mobile__nav__row--table-row { display: table-row !important; } .navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before { display: table; content: " "; } .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell { display: table-cell !important; vertical-align: top; border: 0; min-width: 50px; } .navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer { margin-bottom: 0; overflow: hidden; } .navigation--middle .mobile__nav__row span.glyphicon-align-justify { position: relative; cursor: pointer; margin: 0 auto; color: var(--carters-green); font-size: 29px; top: 2px; } .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools, .navigation--middle .mobile__nav__row .componentContainer .nav-cart { font-size: 30px; line-height: 60px; padding: 0; width: 100%; } .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell { border: 0; } .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child { border-right: none; } } @media (max-width: 639px) { .navigation--middle .mobile__nav__row--btn { padding: 0; height: 50px; font-size: 30px; line-height: 50px; max-width: 70px; } button.mobile__nav__row--btn.btn.mobile__nav__row--btn-menu.js-toggle-sm-navigation.srch-btn span{ background-color: var(--carters-red); padding: 10px; height: 42px; } .navigation--middle .mobile__nav__row--btn .nav-order-tools, .navigation--middle .mobile__nav__row--btn .mini-cart-link, .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search { font-size: 30px; line-height: 60px; padding: 0; width: 100%; } .navigation--middle .mobile__nav__row--btn .nav-order-tools:hover, .navigation--middle .mobile__nav__row--btn .mini-cart-link:hover, .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover, .navigation--middle .mobile__nav__row--btn .nav-order-tools:focus, .navigation--middle .mobile__nav__row--btn .mini-cart-link:focus, .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus, .navigation--middle .mobile__nav__row--btn .nav-order-tools:active, .navigation--middle .mobile__nav__row--btn .mini-cart-link:active, .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active { background-color: #e5e5e5; color: var(--carters-green); text-decoration: none; } .navigation--middle .mobile__nav__row--btn span.glyphicon { color: #fff; font-size: 20px; } } .navigation--middle .mobile-menu span { position: relative; cursor: pointer; margin: 0 auto; color: #fff; font-size: 20px; top: 2px; } .navigation--bottom { background-color: var(--carters-green); border-bottom: 1px solid var(--carters-green); } .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span { color: var(--carters-red); font-size: 20px; } @media (max-width: 1023px) { .navigation--bottom .nav__links--products li.liUserSign { border-bottom: 1px solid #ffffff; } .navigation--bottom .nav__links--products li.liUserSign:hover { background-color: #054b3d; } #advantageLink{ border-bottom:1px solid #fff; text-transform:uppercase; outline: 0; } .js-mainHeader .glyphicon-shopping-cart:before{ font-size:20px; } } .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down { display: inline-block; width: max-content; color: var(--carters-green); min-height: 30px; padding: 20px 0; } @media (max-width: 1023px) { .navigation--bottom .nav__links--primary .sm-back { color: var(--carters-green); padding: 5px 50px; border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 50px; } .navigation--bottom .nav__links--primary .sm-back::after { content: ' '; } .navigation--bottom .nav__links--primary .sm-back::before { position: inherit; top: 0px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: .8em; margin-right: 1em; } } .navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li, .navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li { border-bottom: 1px solid #ffffff; } @media (max-width: 1023px) { .navigation--bottom .nav__links--mobile { overflow: hidden; } .navigation--bottom .nav__links--mobile li { overflow: hidden; background-color: var(--carters-green); border: none; padding-left: 0; } .navigation--bottom .nav__links--mobile li a { color: #ffffff; } .navigation--bottom .nav__links--mobile .subNavList { padding-left: 0; } .navigation--bottom .nav__links--mobile .subNavList li { padding: 5px 0; background: #8A8D8F; } } @media (max-width: 1023px) { .navigation--bottom .nav__links--mobile div.sub-nav a { border-bottom: 1px solid #ffffff; } } @media (max-width: 1023px) { .navigation--bottom .userGroup { position: relative; line-height: 50px; background-color: #ffffff; padding: 5px 12px 5px 20px; cursor: pointer; color: var(--carters-green); display: inline-block; width: calc(100% - 60px); float: left; height: 60px; text-transform: uppercase; text-align: left; } } @media (max-width: 1023px) { .navigation--bottom .userGroup a { border: none; color: var(--carters-green); } .navigation--bottom .userGroup a:hover { background-color: transparent !important; } } @media (max-width: 1023px) { .sticky-nav-top .userSign { text-align: left; width: 80%; display: inline-block; color: var(--carters-green); padding: 20px 30% 20px 50px; } } .nav-order-tools:before { position: relative; top: 23%; display: inline; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e032"; color: var(--carters-green); font-size: 30px; } .btn-primary { border: 3px solid; color: #ffffff; background-color: var(--carters-green); border-color: var(--carters-green); } .account-section .account-section-content .disable-link a, .account-section .account-section-content .disable-link button, .account-section .account-section-content .disable-link form { color: #ffffff; } .account-section .account-section-content .disable-link a:hover, .account-section .account-section-content .disable-link button:hover, .account-section .account-section-content .disable-link form:hover { color: #004F40 !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, a.btn.btn-default.btn-block.js-mini-cart-close-button:hover, .cart-pg-cust-btn-continue:hover { color: var(--carters-green); background-color: #ffffff; border-color: var(--carters-green); -webkit-box-shadow: none; box-shadow: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { color: #ffffff; background-color: #bebebe; border-color: #bebebe; } .btn-primary .badge { color: var(--carters-green); background-color: #ffffff; } .pagination-wrap { float: right; text-align: right; } .pagination > li.pagination-prev > a, .pagination > li.pagination-prev > span { border-right: none; } .pagination > li.pagination-next > a, .pagination > li.pagination-next > span { border-left: none; } .pagination { border: none; font-weight: 600; margin: 0; } .pagination > li { vertical-align: top; display: table-cell; } .pagination > li > a, .pagination > li > span { position: static; border: none; margin: 0; float: none; display: inline-block; } .pagination > li.pagination-prev > a, .pagination > li.pagination-next > a, .pagination > li.pagination-prev > span, .pagination > li.pagination-next > span { font-size: 14px; margin: 0px; padding: 0px; color: var(--carters-green); } .pagination > li.pagination-prev.disabled > a, .pagination > li.pagination-next.disabled > a, .pagination > li.pagination-prev.disabled > span, .pagination > li.pagination-next.disabled > span { color: #cccccc; } .pagination > li.pagination-prev > a:hover, .pagination > li.pagination-next > a:hover, .pagination > li.pagination-prev > span:hover, .pagination > li.pagination-next > span:hover, .pagination > li.pagination-prev > a:focus, .pagination > li.pagination-next > a:focus, .pagination > li.pagination-prev > span:focus, .pagination > li.pagination-next > span:focus { background-color: white; color: #cccccc; } .variant-section .variant-selector .variant-list li:hover a, .variant-section .variant-selector .variant-list li.active a { background: var(--carters-green); -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; border: 1px solid var(--carters-green); color: #fff; } .rating .rating-stars { float: left; margin: 0 5px 0 0; padding: 3px 0 1px; letter-spacing: 50px; } .rating .rating-stars span { color: #dee3e8; overflow: hidden; position: static; width: 1em; height: 1em; display: block; float: left; margin: 0 0.1em; } .rating .rating-stars span.fh { width: 0.5em; margin-right: 0; } .rating .rating-stars span.lh { width: 0.5em; text-indent: -0.5em; margin-left: 0; } .rating .rating-stars span.active { color: var(--carters-green); } .owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon, .owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: auto; height: auto; font-size: 25px; line-height: 125px; color: var(--carters-green); -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } .carousel .item a:hover, .carousel__component--carousel .item a:hover, .carousel .carousel__item a:hover, .carousel__component--carousel .carousel__item a:hover, .carousel .item a:focus, .carousel__component--carousel .item a:focus, .carousel .carousel__item a:focus, .carousel__component--carousel .carousel__item a:focus { text-decoration: none; color: var(--carters-green); } .js-site-logo .yCmsComponent .banner__component a img { /* width: 450px !important; */ height: auto; width:100%; max-width:100%; } .tabs .tabs-list .open > a, .tabs .tabs-list .open > a:hover, .tabs .tabs-list .open > a:focus { background-color: #eeeeee; border-color: var(--carters-green); } .tabs .tabs-list li a { text-transform: uppercase; color: var(--carters-green); padding: 0 0 5px 0; border: 0; border-bottom: 4px solid transparent; } .tabs .tabs-list li.active a, .tabs .tabs-list li.active a:hover, .tabs .tabs-list li.active a:focus { color: #3c3c3c; font-weight: bold; border: 0; border-bottom: 3px solid var(--carters-red); } .tabs.tabs-responsive .tabhead.active { border-bottom: 3px solid var(--carters-red); } .product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark { background: var(--carters-green3); border: 1px solid var(--carters-green); -webkit-box-shadow: inset 0 0 0 1px @check-box-bg; box-shadow: inset 0 0 0 1px @check-box-bg; } .product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text, .product__facet .facet .facet__list .facet__list__text { color: var(--carters-green3); display: inline-block; text-decoration: underline; text-transform: capitalize; } .product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text .facet__value__count, .product__facet .facet .facet__list .facet__list__text .facet__value__count { color: black; text-decoration: none; display: inline-block; margin-left: 4px; } .product__facet .facet .facet__list .facet__list__checkbox:focus + .facet__list__label .facet__list__mark { border: 1px solid var(--carters-green); -webkit-box-shadow: inset 0 0 0 1px @check-box-bg; box-shadow: inset 0 0 0 1px @check-box-bg; } input.facet__list__checkbox { display: none; } .product__facet .facet .facet__list .glyphicon-star-empty { background-color: transparent; border: none; font-size: 18px; font-weight: bold; vertical-align: bottom; } .product__facet .facet .facet__list a { color: var(--carters-green3); text-decoration: underline; } .item__list .item__list--header li { display: table-cell; background-color: var(--carters-green); color: #f4f4f4; font-size: 13px; text-transform: uppercase; padding: 7px 10px; } .item__list .item__remove .btn { font-size: 25px; background-color: transparent; padding: 0; border: 0; color: var(--carters-green); } .cart-top-bar a.help .glyphicon { color: var(--carters-green); font-size: 1.5em; position: absolute; right: 0; top: -1px; } .pickup-component .find-store-display .store-navigation { float: left; width: 50%; border-right: 1px solid var(--carters-green); } .pickup-component .pickup-store-list li.loading { height: 56px; background: #f2f4f7; border-bottom: 1px solid #ddd; border-right: 1px solid var(--carters-green); text-align: center; line-height: 56px; } .pickup-component .pickup-store-list li.loading .glyphicon { color: var(--carters-green); -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @media (min-width: 1024px) { .pickup-component .find-store-display .pickup-store-list { margin: 0 -1px 1px 0; } .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label { padding-right: 14px; } .nav-order-tools:before{ top:30%; } .navigation--middle .nav__right ul.nav__links--shop_info .nav-location span{ /* top:33%; */ } .navigation--middle .nav-cart .mini-cart-price{ top:0px; } .navigation--middle .nav-cart .mini-cart-count:before,.navigation--middle .nav-cart .mini-cart-count:after,.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart{ top:-2px; } .navigation--middle .nav-cart .mini-cart-count .nav-items-total{ top:-2px; font-size:9px; } .js-mainHeader .nav__links.nav__links--account li.yCmsComponent > a{ font-size:10px; margin:0 ; padding:0 15px 0 5px; } .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after { content: ""; display: block; width: 1px; height: auto; position: absolute; top: -1px; right: 0; bottom: -1px; background: var(--carters-green); } .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label { background: var(--carters-green); } .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info { color: #fff; } .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability { color: #fff; } .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after { display: block; content: ""; width: 28px; height: 28px; position: absolute; top: 50%; right: -1px; background: transparent; border: 14px solid transparent; border-right-color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .pickup-component .display-details .store-tabs .tabs-list li.active { border: 1px solid #eee; border-left: 0; background: #fff; color: #000; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); border-right: 2px solid var(--carters-green); } .pickup-component .display-details .store-tabs .tabs-list li a:hover, .pickup-component .display-details .store-tabs .tabs-list li a:focus { color: #000; border-left: 2px solid var(--carters-green); } .pickup-component .display-details .store-tabs .tabs-list li a:hover:before, .pickup-component .display-details .store-tabs .tabs-list li a:focus:before { display: block; content: attr(aria-label); width: auto; height: 20px; line-height: 20px; background: #004F40; position: absolute; top: 0; left: -10px; margin: 6px 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); font-size: 12px; padding: 0 5px; color: #fff; white-space: nowrap; z-index: 100; } .pickup-component .display-details .store-tabs .tabs-list li a:hover:after, .pickup-component .display-details .store-tabs .tabs-list li a:focus:after { display: block; content: ""; width: 10px; height: 10px; border: 5px solid transparent; border-left: 5px solid var(--carters-green); background: transparent; position: absolute; top: 0; left: 0; margin: 6px 0; -webkit-transform: translate(-100%, 5px); -ms-transform: translate(-100%, 5px); -o-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } .addressbook-component .addressbook-header { background: #eee; position: relative; border-bottom: 1px solid var(--carters-green); padding: 10px; height: 56px; display: table; width: 100%; } .addressbook-component .find-address-display .address-navigation { float: left; width: 50%; border-right: 1px solid var(--carters-green); } @media (min-width: 1024px) { .addressbook-component .find-address-display .address-list { margin: 0 -1px 0 0; } .addressbook-component .find-address-display .address-list .address-list-entry label { padding-right: 14px; } .addressbook-component .find-address-display .address-list .address-list-entry label:after { content: ""; display: block; width: 1px; height: auto; position: absolute; top: -1px; right: 0; bottom: -1px; background: var(--carters-green); } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label { background: var(--carters-green); } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info { color: #fff; } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions { color: #fff; } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after { display: block; content: ""; width: 28px; height: 28px; position: absolute; top: 50%; right: -1px; background: transparent; border: 14px solid transparent; border-right-color: #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 1023px) { .addressbook-component { overflow: hidden; } .addressbook-component .find-address-display { width: 200%; -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .addressbook-component .find-address-display .address-navigation { width: 50%; border: 0; } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label { background: var(--carters-green); } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info { color: #fff; } .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions { color: #fff; } } .checkout-steps .step-head, .checkout-steps .step-head.active { background-color: #f9f9f9; } .checkout-steps .step-head.active { border-bottom: none; } .checkout-steps .step-head .edit { color: var(--carters-green); font-size: 20px; display: table-cell; vertical-align: top; } .checkout-order-summary .checkout-order-summary-list { margin: 0px 30px; border-bottom: none; } .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading { background-color: white !important; color: black; padding: 15px 0px; border-bottom: none; } .store__finder .store__finder--pagination { line-height: 48px; padding-top: 20px; padding-bottom: 20px; display: inline-block; width: 100%; } .store__finder .store__finder--details { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 36px; padding-right: 10px; } .store__finder .store__finder--navigation-list .list__entry input:checked + label { background: var(--carters-green); color: #fff !important; } .store__finder .store__finder--details .store__finder--details-info { margin-left: 0px; } .account-navigation .account-navigation-list li a:hover, .account-navigation .account-navigation-list li afocus { color: var(--carters-green); } .account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove, .account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove, .account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil, .account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil { color: var(--carters-green); } table th { font-size: 12px; border-top: 3px solid var(--carters-green); font-weight: 600; text-transform: uppercase; background-color: rgb(226,226,228); color: #3c3c3c; padding: 12px 10px; vertical-align: top; } .responsive-table-item a.responsive-table-link { color: var(--carters-green); } .form-control:focus { border-color: var(--carters-green); outline: 0; box-shadow: none; } .form-element-icon.datepicker .glyphicon { top: 32px; right: 10px; color: var(--carters-green); cursor: pointer; } @media (min-width: 640px) { .add-to-cart-order-form-wrap { position: relative; padding-left: 30px; padding-right: 30px; } @media (min-width: 640px) and (max-width:960px) { .navigation--middle .nav__right ul.nav__links--shop_info .nav-location{ min-width:50px; } .nav-order-tools{ padding:0 6px; } } .add-to-cart-order-form-wrap::after { background-color: white; bottom: 0; content: ""; height: 17px; position: absolute; width: 100%; } .add-to-cart-order-form-wrap::before { background-color: white; right: 0; content: ""; position: absolute; height: 100%; } .add_to_cart_order_form { overflow: scroll; max-height: 907px; } .order-form-scroll { cursor: pointer; background-color: var(--carters-green); opacity: 0.4; color: #fff; text-align: center; position: absolute; display: none; } .order-form-scroll.right { width: 50px; height: 75px; line-height: 75px; right: 0px; top: 50%; margin-top: -35px; } .order-form-scroll.left { width: 50px; height: 75px; line-height: 75px; left: 0; top: 50%; margin-top: -35px; } .order-form-scroll.up { width: 75px; height: 50px; line-height: 50px; top: 0; left: 50%; margin-left: -35px; } .order-form-scroll.down { width: 75px; height: 50px; line-height: 50px; bottom: 17px; left: 50%; margin-left: -35px; } .product-grid-container-dim-3, .product-grid-container-dim-2 { width: 100%; } .product-grid-container table { border-bottom: 1px solid #e5e5e5; } .product-grid-container table:nth-child(2n) { background: #f4f4f4; } .product-grid-container table tr:first-child > th:first-child { border-right: 1px solid #334b5c; white-space: nowrap; } .product-grid-container table tr > td:first-child { border-right: 1px solid #e5e5e5; padding-top: 20px; } .product-grid-container table th { text-align: center; } .product-grid-container table td { text-align: center; padding: 25px 10px 15px; vertical-align: top; max-width: 200px; } } .replenishment-cancel-button span { color: var(--carters-green); font-size: 21px; padding: 13px; } .account-section .account-list .account-cards .selected .glyphicon-ok { color: var(--carters-green); } @media (max-width: 639px) { .account-section .account-section-content #addNewPermissionForm form .confirm { margin-bottom: 20px; } .nav-order-tools:before { top: 3%; } .account-section .account-section-content .accountActions-bottom .btn-default { margin-top: 30px; } .account-section .account-section-content .accountActions-bottom .btn.confirm { margin-bottom: 30px; } .account-section .pagination-bar.top + .account-list .account-cards { margin-top: -1px; } .account-section .account-list .account-list-header { padding-left: 20px; padding-right: 20px; } .account-section .account-list .account-cards { border: none; } .account-section .account-list .account-cards .card { border-left: 0; border-right: 0; } .account-section .account-list .account-cards .card:first-child { margin: 0; } .account-section .account-list .account-cards .selected:first-child { border-left: none; } .account-section .account-list .add-user-action-menu .add-user-action-buttons { display: none; } .account-section .account-list .add-user-action-menu.open .add-user-action { background-color: var(--carters-green); color: #ffffff; padding: 16px 20px; text-transform: uppercase; } .account-section .account-list .add-user-action-menu.open .add-user-action-buttons { display: block; position: absolute; right: 0; width: 120px; top: 38px; z-index: 9000; } .account-section #unittree { padding-left: 0; padding-right: 0; } } .navigation--top .nav__left .simple-banner-component img, .navigation--top .nav__left .banner__component img { width: 100%; } /*------ CARTERS MODIFICATIONS --------*/ .navigation--bottom .nav__links--products li a { font-weight: 600; font-size: 12px; line-height: 20px; padding: 20px 15px; text-transform: uppercase; color: var(--carters-green); } .nav__links--products li a { text-transform:none; } @media (min-width: 1024px){ .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a { text-transform:none; font-weight:500; text-align:left; min-height:100%; border-right:none; } .navigation--bottom .nav__link { width:100%; max-width:250px; background:#ededed; } .navigation--bottom .nav__links--products li a { color: var(--carters-green); } } .navigation--bottom .nav__links--primary .sub-navigation-section .title { font-size: 12px; } .navigation--bottom .nav__links--products li a { font-weight: 700; font-size: 11px; line-height: 16px; padding: 6px 12px; /*min-height: 80px;*/ text-align: left; display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; flex-direction: column; -ms-flex-direction: column; /*border-right: 1px solid #07604e;*/ position:relative; } .navigation--bottom .nav__links--primary .sub-navigation-section .title { font-size: 11px; font-weight: bold; color:var(--carters-green); } .your-store { margin: 10px 12px; } .your-store-icon { margin-right:12px; } .navigation--top .nav__right .nav__links--account li.logged_in { padding: 11px; } .navigation--top .nav__right .nav__links--account { margin: 10px; } .navigation--bottom .nav__links--products li a:hover { background-color: #fff; color:var(--carters-red); } .footer__nav--container { width: 59%; justify-content: center; } .footer__left { width: 100vw; justify-content: center; display: flex; text-align: center; } .navigation--top .nav__left .banner__component img { width: 55%; } .footer__top { padding-bottom: 20px; } /** TODO need to refactor or removed later */ .container .navigation--top .nav__right .nav__links--account { float: left; } .color_white { color: #ffffff !important; } /** TODO temporarily fixed need be removed */ html { min-height: 100%; } body { margin-bottom: 60px; position: s !important; } footer { bottom: 0px; height: 60px; width: 100%; padding-top: 0; margin-top: 10px; padding-bottom: 0; } @media (max-width: 767px) { body { margin-bottom:120px; } footer { height: auto; bottom: auto; } } @media (min-width: 1280px) { .main__inner-wrapper + footer { bottom: 0px; } } @media screen and (min-width: 1400px) { .nav-menu-center-aligned { width: 80%; margin: auto; } } @media (min-width: 1280px) { .nav-menu-center-aligned{ max-width:1280px; width: 100%; } #storeFinder .yCmsComponent .row .col-lg-8{ width:100%; } } .errorNotFoundPageMiddle .errorNotFoundPageMiddle-component .banner__component--responsive img { width: 100%; } .errorNotFoundPageMiddle .errorNotFoundPageMiddle-component .banner__component--responsive { text-align: center; } .product-classifications .table tr td a{ font-weight:bold; } .download_link { width: -webkit-fill-available; display: inline-block; padding: 13px 25px; background-color: buttonface; font-size: 16px; text-transform: uppercase; text-align: center; } .download_link:hover { text-decoration: none; color: #fff; } .account-section-pricebook .well-content { padding-left: 0px; padding-right: 0px; } .account-section-pricebook .priceBookName { border: none; background-color: inherit; } .account-section-pricebook{ margin:0px!important; } .item__list .item__orderedquantity{ display: table-cell; height: 40px; text-align: center; width: 100px; vertical-align: middle; } .estimateBackBtn, .accountSummaryBackBtnAction{ padding-right: 30px; padding-bottom: 30px; } .estimate-comment { padding-left: 0px; padding-right: 0px; } .estimate-comment-section{ height: 225px; overflow-y: auto; background: #fff; padding: 15px 15px; border: 1px solid #ccc; } .estimate-comment-section [class^="est-qual-sec-"], [class^="company-qual-sec-"]{ font-weight: normal; margin: 10px 0; } .estimateTitle{ margin: 20px 5px; text-align: justify; } .featuretitle{ margin: 0; font-weight: bold; font-size: 18px; } @media screen and (max-width: 767px){ .nav-order-tools:before { /* top: 3%; */ } .nav-order-tools__child-wrap{ top: 130px; } } @media screen and (max-width: 1023px){ html.offcanvas { overflow-x: hidden; } .navigation--bottom .nav__links--products li a{ padding: 16px 16px 16px 24px; text-align: left; min-height: 50px; } .navigation--bottom .nav__links--products li.auto a { padding: 0px 16px 0px 24px; color: var(--carters-green); border: none; background: rgb(240,240,240); border-bottom: 1px solid rgb(221,221,221); } .navigation--bottom .nav__links--products li.auto a.myAccountLinksHeader { padding: 16px 16px 0px 24px; } .navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down{ vertical-align: top; padding: 18px 15px 18px 16px; } .navigation--bottom .nav__links--products li.liUserSign a.userSign{ border: 0px; } .navigation--bottom .nav__link { width:inherit; max-width:94px; } .navigation--bottom .nav__link { max-width: 250px; } .navigation--bottom .nav__links--products li.nav__links--primary a{ color: var(--carters-green); border-right: none; width: calc(100% - 55px); float:left; background: #fff; border-bottom: 0; font-size: 12px; } .navigation--bottom .nav__links--products li.nav__links--primary a.sm-back.js-enquire-sub-close { width:100%; display: inline-block; } .navigation--bottom .nav__links--products li.nav__links--primary a:hover { background-color: #fff; } .navigation--bottom .nav__links--mobile .subNavList li.auto { padding: 0px; } .navigation--bottom .nav__links--mobile .subNavList li.auto a { border-right: 0px; } .myAccountLinksContainer.js-myAccountLinksContainer .subNavList li.auto a { background: var(--carters-red); color: #fff; border: 0; } .js-mainHeade .navigation--bottom .nav__links--products li.nav__links--primary a.sm-back { background: #fff; display: block; border-right: 0px; } .js-mainHeader .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a { text-transform: none; font-weight: 500; background: #fff; color: var(--carters-green); border-right: none; } .js-mainHeader .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover { background-color: #fff; } } .item__list .item__list--item:last-child { padding-right: 0px; } @media (min-width: 1024px) { .item__list .item__list--item .item__info, .item__list .item__list--item .item__price { text-align: center; } } .item__list .item__list--header li { text-align: center; } .account-summary-filter .advanced-search-btn-container { order: 0; -ms-flex-order: 0; } .advanced-search-button-group .advanced-search-btn-container { display: flex; align-items: center; height: 48px; } .advanced-search-button-group .advanced-search-btn-container .advanced-filters{ cursor: pointer; color: var(--carters-red); font-weight: 300; font-size: 13px; text-decoration: underline; margin-right: 4px; } .advanced-search-button-group .advanced-search-btn-container .glyphicon { cursor: pointer; color: var(--carters-red); } .account-summary-filter .advanced-filters { /* cursor: pointer; color: #929292; font-weight: normal; */ } .account-summary-filter .advancedSearch { display: none; } .account-summary-filter .advancedSearch.activing { display: block; } .delivery-address-container { position: fixed; left: 20%; top: 1%; width: 60%; border: 1px solid #bdbdbd; background-color: #fff; z-index: 100; box-shadow: 5px 5px 1px #bdbdbd; padding: 40px; } .delivery-address-container .delivery-address-item-container { display: flex; display: -ms-flexbox; flex-wrap: wrap; width: 100%; max-height: 400px; overflow-y: auto; align-items: stretch; -ms-flex-align: stretch; } .delivery-address-container .delivery-address-item { display: flex; display: -ms-flexbox; margin: 10px; width: 100%; } .delivery-address-container .delivery-address-item__title { font-size: 18px; font-weight: bold; } .delivery-address-container .delivery-address-item__address { font-size: 18px; font-weight: normal; } .delivery-address-container .delivery-address-item.btn-group { justify-content: center; -ms-flex-pack: center; margin-top: 40px; } .delivery-address-container .delivery-address-item .btn { margin: 0 20px; width: 100px; } .deliveryAddressCriteria .delivery-address-icon-container { right: 0; } .delivery-address-icon-container { position: absolute; right: 10px; background-color: #ffffff; width: 40px; height: 32px; top: 26px; border: 1px solid #cccccc; border-left: none; cursor: pointer; } .delivery-address-container .auto-suggestion-container ul { border: 1px solid #bdbdbd; background-color: #fff; } .delivery-address-icon { left: 10px; top: 7px; } .advanced-search-content { display: none; } .address-input-group { background-color: #ffffff; min-height: 38px; border: 1px solid #cccccc; margin-bottom: 40px; } .address-input-group .address-search-input { border: 0; box-shadow: none; height: 38px; } .address-input-group .address-search-button { background-color: transparent; width: 100%; color: var(--carters-green); border: none; width: 40px; padding: 0; cursor: pointer; } .invoice-totalPrice { float: right; text-align: right; padding-right: 30px; margin-top: 35px; font-weight: 600; } .export-download-link-container { text-align: center; margin-top: 15px; } .account-summary-operation-container { padding: 0 19px; position: relative; margin-bottom: 20px; } .account-summary-operation-container .operation-menus { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; } .account-summary-operation-container .operation-menus .select-menu, .account-summary-operation-container .operation-menus .delete-menu { border: 1px solid #FFFFFF; padding: 10px; margin-right: 10px; background-color: #FFFFFF; } .account-summary-operation-container .operation-menus .select-menu input { margin-bottom: 0; margin-right: 0; } .account-summary-operation-container .operation-menus .select-menu .more-options-icon { cursor: pointer; } .account-summary-operation-container .operation-menus .select-menu .more-options-icon .caret { margin-top: -5px; border-top: 6px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; } .account-summary-operation-container .operation-menus .display-menu { padding: 10px; } .account-summary-result__select-options { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; width: 200px; border: 1px solid #bdbdbd; padding: 10px; position: absolute; top: 45px; background-color: #fff; color: var(--carters-red); font-weight: normal; } .account-summary-result__select-option { cursor: pointer; display: inline-block; } .export-format-item .export-format-label { color: #3c3c3c; } .account-summary-bottom-btn-group { display: flex; display: -ms-flexbox; justify-content: flex-end; -ms-flex-pack: end; } .account-summary-bottom-btn-group #exportPopupOpenBtn, .account-summary-bottom-btn-group #bulkDownload { margin: 0; } .account-summary-bottom-btn-group .accountSummaryBackBtnAction { padding-left: 0; padding-right: 0; } .advanced-search-button-group { padding-left: 0; padding-right: 0; display: flex; display: -ms-flexbox; margin-top: 16px; } .advanced-search-button-group_search-btn { order: 0; -ms-flex-order: 1; } .advanced-search-button-group_search-btn button { margin-top: 0 !important; } .generate-file-error { margin-top: 5px; font-weight: normal; color: var(--carters-red); } .bulk-download-link-container { text-align: center; margin-top: 10px; margin-bottom: 10px; } .bulk-download-btn-container, .export-bottom-btn-container { padding: 35px 10px; } .bulk-download-error { margin-top: 10px; margin-bottom: 10px; color: var(--carters-red); font-weight: 400; text-align: center; } .bulk-download-pdf-not-exist-error { margin-top: 10px; margin-bottom: 10px; color: var(--carters-red); font-weight: 400; text-align: center; } .generate-file-btn-group { margin-top: 20px; } .account-section .account-section-content.account-summary-empty { float: none; } .export-load-container { background-color: #929292; overflow: hidden; } .export-load-container .loader, .export-load-container .loader:after { border-radius: 50%; width: 48px; height: 48px; } .export-load-container .loader { margin: 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: export-loading 1.1s infinite linear; } @-webkit-keyframes export-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes export-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (max-width: 1023px){ .delivery-address-container { left: 5%; width: 90%; } .delivery-address-icon-container { height: 42px; top: 28px; } .account-summary-bottom-btn-group { display: flex; display: -ms-flexbox; justify-content: flex-end; -ms-flex-pack: end; width: 90%; margin-left: 10%; } .delivery-address-container .delivery-address-item-container { max-height: 300px; } } @media screen and (max-width: 639px){ .delivery-address-container { padding: 20px; box-shadow: 1px 1px 1px #bdbdbd; } .delivery-address-container .delivery-address-item-container { max-height: 200px; } .delivery-address-container .auto-suggestion-container ul { max-height: 300px; overflow-y: auto; } .delivery-address-container .auto-suggestion-container ul li { padding: 5px; font-size: 12px; font-weight: normal; } .bulk-download-btn-container { padding: 10px 20px; } .account-summary-bottom-btn-group { width: 100%; margin-left: 0; flex-direction: column; -ms-flex-direction: column; } .account-summary-bottom-btn-group #exportPopupOpenBtn { margin: 0; } .account-summary-bottom-btn-group .pull-right { padding: 0; } .export-bottom-btn-container { margin: 0; padding: 0 20px; } .account-summary-bottom-btn-group .accountSummaryBackBtnAction { padding-left: 20px; padding-right: 20px; margin-top: 10px; } .account-summary-bottom-btn-group .accountSummaryBackBtnAction .accountSummaryUnitBackBtn { margin-top: 10px; } .advanced-search-button-group { flex-direction: column; -ms-flex-direction: column; } .account-summary-filter .advanced-search-btn-container { order: 1; -ms-flex-order: 1; } .advanced-search-button-group_search-btn { order: 0; -ms-flex-order: 0; } .account-summary-operation-container { margin-top: 10px; } } .navigation--top .nav__right .nav__links--account .advantagePointsLinkHeader { background-color: transparent; color: inherit; display: block; height: 40px; line-height: 40px; cursor: pointer; padding: 0 12px; line-height: 15px; height: auto; font-size: 10px; } .item__list__cart .item__delivery, .item__list__cart .item__quantity { text-align: center; } .product-details .price .price-ex-gst, .product__listing.product__grid .details .price .price-ex-gst, .add-to-cart .add-to-cart-item .price .price-ex-gst, .item__list .item__total .price-ex-gst, .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .price-ex-gst, .cart-top-totals .price-ex-gst, .mini-cart-body .mini-cart-list .price .price-ex-gst { font-size: 13px; line-height: 1em; font-weight: bold; } @media (min-width: 1024px) { .item__list .item__list--item .item__price .price-ex-gst { font-size: 10px; line-height: 1em; font-weight: bold; } } .checkout-order-summary .checkout-order-summary-list .details .salesUnit span { font-size: 13px; color: #929292; font-weight: 600; padding-right: 10px; } .register__container .yCmsContentSlot > li:first-child { list-style-type: none; } .secondaryNavWrapper { background-color: rgba(138,141,143,0.5); } #accNavComponentDesktopOne ul.nav__links li a, #accNavComponentDesktopTwo ul.nav__links li a { color: #ffffff; display: block; padding: 15px 0 15px 30px; font-size: 12px; font-weight: 700; text-transform:uppercase; } #accNavComponentDesktopOne ul.nav__links li, #accNavComponentDesktopTwo ul.nav__links li { text-transform: capitalize; list-style: none; font-size: 12px; color: var(--carters-green); font-weight: 400; padding: 0; border-right: none; border-bottom: 1px solid #ffffff; margin-bottom: -1px; } .superScriptPrice { font-size: 66%; top: -0.3em; } .btn-default { background-color: #8A8D8F; border-color: #8A8D8F; } .btn-default:hover { color: #8A8D8F; background-color: #ffffff; border-color: #8A8D8F; } .navigation--middle .nav__left .site-search { background-color: transparent; } .navigation--middle .nav__left { padding: 0; } .breadcrumb-section { background: #fff; } .breadcrumb { background: transparent; } .page-productGrid .price .product-price, .page-searchGrid .price .product-price { font-size:19px; } .accNavComponent, companyNavComponent { font-size: 11px !important; } @media (min-width: 1210px) { .js-mainHeader .navigation--middle .nav__left .site-search .input-group{ width:fit-content; } } .navigation--middle .nav__right ul.nav__links--shop_info { padding-left: 0; padding-right: 0; float: right; } @media (max-width: 1023px) { .mobileNavStrip,.StripBrand{ background-color: rgb(240,240,240); } .favPriceBook{ background-color: var(--carters-green); } } .account-section .account-section-header .account-section-header-add a,#quickOrder #js-reset-quick-order-form-btn-bottom,#js-reset-quick-order-form-btn-top { background-color: var(--carters-green); border-color: var(--carters-green); } .account-section .account-section-header .account-section-header-add a:hover,#quickOrder #js-reset-quick-order-form-btn-bottom:hover,#js-reset-quick-order-form-btn-top:hover{ color: var(--carters-green); border-color: var(--carters-green); } .navStrip{ background:rgb(232,232,232); } .page-productGrid .price .product-price, .page-searchGrid .price .product-price { color: black; } @media (min-width: 1024px) { .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover { color: var(--carters-red); } } @media (max-width: 1023px) { .mobileNavStrip.dropdown-is-active,.StripBrand.dropdown-is-active { color:var(--carters-red); } } .js-mainHeader .navigation--bottom { display: block; clear: left; } .navStrip{ display: block; /* border-bottom: 1px solid white; */ } @media (max-width: 1023px) { .navStrip{ height: 0; } .our_productsCat, .our_BrandsCat{ display:none; } .navBarWrapper{ background-color: rgb(240,240,240); color:#fff; /*overflow:hidden;*/ display: block; cursor: pointer; } .navBarWrapper .favBook{ background-color: rgb(240,240,240); float:none; display:block; border:0; padding: 16px 16px 16px 24px; } .navBarWrapper .favBook:nth-child(1){ /* border:1px solid #fff; */ border-bottom: 1px solid rgb(221,221,221); padding: 14px 16px 14px 24px; } .navBarWrapper a.favBook{ padding: 16px 16px 16px 24px; } .navigation--bottom .nav__links--primary .sub-navigation-section .title { font-size: 11px; font-weight: bold; color: var(--carters-green); } } @media (min-width: 1024px) { .navigation__overflow{ position:absolute; } .navBarWrapper{ float: left; } .js-mainHeader .navigation--bottom { display: block !important; } } .favBook{ color: var(--carters-green); float: left; font-size: 14px; border-right: 1px solid rgb(221,221,221); font-weight: 700; cursor:pointer; text-decoration:none; outline:none; padding: 9px 16px; display:block; text-transform:uppercase; } .favBook:hover{ text-decoration:none; /* color: #fff; */ } .navStripContMenu{ max-width: 1280px; margin: auto; height: 40px; background: var(--carters-green); } @media (max-width: 1023px) { .navStripContMenu{ max-width: unset; margin: unset; height: unset; background: unset; } } .navigation--bottom .nav__links--primary .sub-navigation-section .title a{ font-size: 11px; font-weight: bold; padding: unset; } @media (max-width: 1023px) { .navigation--bottom .nav__links--products li.nav__links--primary .secondPart a{ float:none; } } @media (min-width: 1024px) { .overflowContent{ display:none; } .navProducts.dropdown-is-active,.nav__links--brands.dropdown-is-active { min-width: 1024px; position: relative; } .navProducts.dropdown-is-active.AccountsNavComponentMob, .navProducts.dropdown-is-active.OrdersNavComponentMob { min-width: 0px; } } @media (min-width: 1400px){ .navigation--bottom .navBarWrapper a{ padding: 9px 16px; } } .nav-order-tools__child-wrap { z-index: 15; } .carters-save-cart { padding-right: 0px; } .cart-totals .cart-totals-left { padding-left: 10px; } @media (min-width: 1024px) { .navigation--bottom .nav__links--products { border-top: none; position: absolute; margin-top: 40px; margin-left: -49px; width: 100%; } .navigation--bottom .nav__links--products.AccountsNavComponentMob, .navigation--bottom .nav__links--products.OrdersNavComponentMob { width: auto; } } .our_BrandsCat, .our_productsCat { padding: 9px 16px; border-right: 1px solid rgb(221,221,221); border-left: none; } .navigation--bottom .nav__links--mobile div.sub-nav a span { float: right; line-height: 60px; left: 260px; position: absolute; height: 30px; top: 0; margin-left: 2px; } @media (max-width: 639px) { .navigation--bottom .glyphicon-chevron-up, .navigation--bottom .glyphicon-chevron-down { float: right; line-height: 60px; left: 260px; position: absolute; height: 30px; top: 0; margin-left: 2px; } } @media (max-width: 1023px) { .StripBrand { border: none; border-top: 1px solid white; } } .navigation--bottom .nav__links--products li:last-child { border-bottom: none; } @media (max-width: 1023px) { .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child { border-bottom: 1px solid #e5e5e5; } } @media (min-width: 1280px) { .navigation__overflow { left:-4px; } } .loader { border: 10px solid #8A8D8F; border-radius: 50%; border-top: 10px solid var(--carters-green); width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .file-upload-label { color: #929292; font-weight: 600; text-transform: uppercase; font-size: 13px; display: inline-block; max-width: 100%; margin-bottom: 5px; } .file-attachment-error { background: #fec3c3; border-color: #fd7b7b; } .quick-view-popup .product-details .price { font-size: 27px; } @media (max-width: 639px) { .product-classifications table.table td.attrib { width: 50%; } } @media (min-width: 640px) { .product-classifications table.table td.attrib { width: 20%; } } @media (min-width: 1400px){ .documentAdvancedSearchTable .container-lg { overflow: visible; } } .tabs .tabbody.documentAdvancedSearchTable { background-color: #ffffff; } /* Start of Org Unit Switching changes */ @media (min-width: 1024px) { .js-mainHeader .navigation--top .nav__right .nav__links--account li.orgunit_link { line-height: 15px; font-size: 12px; margin: 0; } .js-mainHeader .navigation--top .nav__right .nav__links--account li.orgunit_link a, .single_orgunit{ padding: 0 12px; line-height: inherit; } } @media (max-width: 1023px) { .navigation--bottom .userGroup .userName{ top: 0px; position: absolute; height: 60px; width: calc(100% - 40px); z-index: 5; } .navigation--bottom .userGroup .userName p.welcome-mob-deb{ margin: 0; top: 0px; height: 20px; margin-top: -5px; } .navigation--bottom .userGroup p.js-save-orgunit-link{ top: 0px; height: 40px; margin: 0; padding: 0; } .navigation--bottom .userGroup .welcome-mob-deb span{ color: var(--carters-green); font-size: 12px; padding-right: 5px; top: 0px; } .navBarWrapper .ordersNav, .navBarWrapper .accountsNav{ display:none; } } .js-mainHeader .navigation--top .nav__right .nav__links--account li.orgunit_link a, .single_orgunit, .js-save-orgunit-link{ font-weight: 600; } .js-mainHeader .navigation--top .nav__right .nav__links--account li.orgunit_link a:hover{ text-decoration:none; color: #929292; } /* End of Org Unit Switching changes */ .favourite-action { font-size: 21px; padding: 14px 0; } .export__cart--link { display: inline-block; padding-left: 14px; color: #8e8e8e; } .account-section-sub-header { font-size: 14px; font-weight: normal; text-transform: none; } .print-only { display: none; } @media print { .no-print { display: none; } .print-only{ display: block; } .item-label, .item-value { display: block; padding: 0; } } .no-horizontal-margins { margin-left: 0px !important; margin-right: 0px !important; } .print-subtitle { font-size: 18px; padding-left: 20px; } @media (min-width: 1024px) { .js-mainHeader .navigation--middle .nav__left .site-search .input-group { width: fit-content !important; } } @media (min-width: 1024px) and (max-width:1269px) { .js-mainHeader .navigation--middle .your-store .yourStore-currentStore{ max-width: 79px; } .nav-order-tools { padding: 10px; } .js-mainHeader .navigation--middle .nav__right ul.nav__links--shop_info .nav-location { padding: 0px; min-width: 30px; } } .cartersOrderNavTabs, .cartersOrderNavTabs__child-wrap, .cartersAccountNavTabs, .cartersAccountNavTabs__child-wrap { display: block !important; overflow-x: auto; border-bottom: 1px solid #ccc; } a.activeNavigationTab { color: var(--carters-red); } @media (max-width: 1023px) { .auto.liUserSign { /* background-color: lightgrey; */ list-style-type: none; padding: 12px 24px; font-weight: 600; opacity: 0.6; font-size: 14px; } .auto.liUserSign a{ color: grey; text-transform: uppercase; } } @media (min-width: 1024px) { .auto.liUserSign { display: none; } } .account-section .account-section-content .accountDetails.help-block { font-size: 12px; margin-bottom: 25px; text-align: right; color: #7c7c7c; } .account-section .account-section-content .account-section-header.pricebook-title { border-bottom: none; padding: 0px 0 5px 0; } .account-section .account-section-header__subheadline.pricebook-subtitle { padding-bottom: 10px; } .add-to-cart .add-to-cart-item .price, .mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price { text-align: inherit; } .downloadPricebookDiv { text-align: center; } .carters-question-tooltip { font-size: 23px; margin-top: 5px; } /* Tooltip text */ .carters-tooltip .carters-tooltiptext { visibility: hidden; width: 300px; background-color: #555; color: #fff; text-align: center; padding: 5px 20px; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } /* Show the tooltip text when you mouse over the tooltip container */ .carters-tooltip:hover .carters-tooltiptext { visibility: visible; opacity: 1; } .product-details .name .sku:before, .product-details-price .name .sku:before { border-left: none; } .product-details .name .sku, .product-details-price .name .sku { padding-left: 0px; font-weight: normal; font-size: 12px; color: black; } .product-details .name .code, .product-details-price .name .code { color: var(--carters-green); font-weight: normal; font-size: 12px; } .product-details .price .price-sales-unit { font-size: 13px; font-weight: normal; } .product-details .name, .product-details-price .name { font-size: 22px; } /** Custom CSS */ .mgn-top-1 {margin-top: 10px;} .mgn-top-2 {margin-top: 20px;} .mgn-top-3 {margin-top: 30px;} .mgn-top-4 {margin-top: 40px;} .mgn-top-5 {margin-top: 50px;} .mgn-bot-08 { margin-bottom: 8px !important} .mgn-bot-1 {margin-bottom: 10px;} .mgn-bot-2 {margin-bottom: 20px;} .mgn-bot-3 {margin-bottom: 30px;} .mgn-bot-4 {margin-bottom: 40px;} .mgn-bot-5 {margin-bottom: 50px;} .mgn-rt-8 {margin-right: 8px;} .mgn-rt-3 { margin-right: 30px;} .mgn-rt-4 { margin-right: 40px;} .mgn-lt-1 { margin-left: 10px;} nav.cartersOrderNavTabs__child-wrap > div:first-child:after, nav.cartersAccountNavTabs__child-wrap > div:first-child:after { content: "\e080"; position: relative; top: 2px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; opacity: 0.8; -webkit-font-smoothing: antialiased; margin-left: 28px; } nav.cartersOrderNavTabs__child-wrap > div , nav.cartersAccountNavTabs__child-wrap > div { float: left; margin-right: 32px; } .cartersOrderNavTabs .cartersOrderNavTabs__child-wrap, .cartersAccountNavTabs .cartersAccountNavTabs__child-wrap{ border: 0; overflow: hidden; width: max-content; } .cartersOrderNavTabs .cartersOrderNavTabs__child-wrap::after,.cartersAccountNavTabs .cartersAccountNavTabs__child-wrap::after { display: block; content: ""; clear: both; } .cartersAccountNavTabs a.tabNavLink, .cartersOrderNavTabs a.tabNavLink { padding-bottom: 12px; display: block; position: relative; top: 1px; opacity: 0.6; color: #000; font-size: 17px; } nav.cartersOrderNavTabs__child-wrap > div:first-child, nav.cartersAccountNavTabs__child-wrap > div:first-child, .account-section .account-section-content .account-section-header, .account-section .account-section-header, .account-section .account-section-content .account-list .account-list-header, .back-link .label, .checkout-headline, .checkout-summary-headline, .content h1, .cart-headline { font-size: 18px; font-weight: 600; } .checkout-steps .step-head .title, .checkout-steps a.step-head { font-size: 16px; font-weight: 600; padding-left: 30px; color: #cccccc; } .checkout-steps .step-head.active .title { color: black; } .back-link .glyphicon { top: 0px; } .checkout-steps .step-head:before { border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ width: 25px; height: 25px; color: white; background: #cccccc; border: 2px solid #cccccc; font: 15px Arial, sans-serif; content: counter(checkout); margin: 10px 0px 0px 15px; padding: 2px 0px 0px 1px; } @media (max-width: 640px) { .checkout-steps .step-head:before { margin: 17px 0px 0px 15px; } } .checkout-steps .step-head.active:before { background: var(--carters-green3); border: 2px solid var(--carters-green3); } .cartersOrderNavTabs .cartersOrderNavTabs__child-wrap > div:first-child:after { content: "\e080"; font-family: 'Glyphicons Halflings'; opacity: 0.8; -webkit-font-smoothing: antialiased; margin-left: 28px; } .cartersAccountNavTabs a.tabNavLink.activeNavigationTab, .cartersOrderNavTabs a.tabNavLink.activeNavigationTab { color: var(--carters-red); border-bottom: 2px solid var(--carters-red); margin-bottom: 1px; opacity: 1; } .cust-row .item-label { font-weight: 600; color: var(--carters-green); margin-bottom: 2px; text-transform: initial; } .cust-row .item-group { margin-bottom: 16px; } .cust-row .item-value { font-size: 16px; } .doc-type-wrapper-inner { align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 24px; margin-top: 16px; } .doc-type-wrapper .documentTypeCriteria .sel-wrapper select { border: 0; box-shadow: none; font-weight: 600; border-bottom: 2px solid var(--carters-red); padding: 0px; } .quickViewPopup-title { font-weight: normal; font-size: 18px; } .quick-view-popup .product-details .name { font-size: 20px; } .quick-view-popup .product-details .name a { color: black; } .quick-view-popup .product-image { float: none; /* width: fit-content; */ width: 100%; } .quick-view-popup .product-details { padding-left: 0px; margin-left: 0px; } .quick-view-popup .product-details .sku { color: black; } .js-product-add-to-favourite.btn { padding-left: 0px; } #js-add-to-cart-quick-order-btn-top,#js-add-to-cart-quick-order-btn-bottom { color: white; background-color: #13A438; border-color: #13A438; padding-left: 22px; } button.js-add-to-cart.btn-icon.glyphicon-shopping-cart, button.js-add-to-cart.btn-icon.glyphicon-shopping-cart:focus, #addToCartLayer.add-to-cart a.add-to-cart-button, button.checkout-next, button.btn-place-order, .cart-pg-cust-btn-checkout { color: white; background-color: #13A438; border-color: #13A438; padding-left: 0px; } button.js-add-to-cart.btn-icon.glyphicon-shopping-cart:disabled { background-color: #bebebe; border-color: #bebebe; } .AddToCart-AddToCartAction button.js-add-to-cart.btn-icon.glyphicon-shopping-cart:disabled { text-align: left; padding-left: 60px; } .quick-view-popup button.js-add-to-cart.outOfStock:disabled { padding-left: 0px; } #js-add-to-cart-quick-order-btn-top:disabled,#js-add-to-cart-quick-order-btn-bottom:disabled { background-color: #bebebe; border-color: #bebebe; } #js-add-to-cart-quick-order-btn-top,#js-add-to-cart-quick-order-btn-bottom { padding-left: 0px; } @media (min-width: 1024px) { #js-add-to-cart-quick-order-btn-top,#js-add-to-cart-quick-order-btn-bottom { padding-left: 50px; } } button.js-add-to-cart.btn-icon.glyphicon-shopping-cart:hover, .actions-container-for-ProductGridComponent #addToCartButton:hover, .actions-container-for-ProductGridScrollingComponent #addToCartButton:hover, .actions-container-for-SearchResultsGrid #addToCartButton:hover, #js-add-to-cart-quick-order-btn-top:hover,#js-add-to-cart-quick-order-btn-bottom:hover, #addToCartLayer.add-to-cart a.add-to-cart-button:hover, button.checkout-next:hover, button.btn-place-order:hover, a.btn.btn-primary.btn-block.mini-cart-checkout-button:hover, .cart-pg-cust-btn-checkout:hover { color: var(--carters-green3); background-color: white; border-color: var(--carters-green3); } .btn-icon:after { border-right: none; } .carters-minus-btn, .carters-minus-btn:focus { border: 3px solid #cecece; background-color: #cecece; color: white; } .carters-minus-btn:hover { border: 3px solid #cecece; background-color: white; color: #cecece; } .qty-selector .js-qty-selector-input { font-size: 13px; font-weight: bold; height: 48px; text-align: center; width: 73px; } .quick-view-popup .addtocart-component { padding-top: 0px; margin-top: 0px; } .qty-selector.input-group.js-qty-selector { padding-top: 20px; } .quick-view-popup .action-row { padding-top: 20px; } .btn { font-weight: normal; } .js-qty-selector-plus, .js-qty-selector-plus:focus { color: white; background-color: var(--carters-green3); border-color: var(--carters-green3); } .js-qty-selector-plus:hover{ color: var(--carters-green3); background-color: white; border-color: var(--carters-green3); } .qty-selector.js-qty-selector { display: inline-flex; } .quick-view-popup .product-details .price { text-align: left; } .actions-container-for-ProductGridComponent, .actions-container-for-ProductGridScrollingComponent, .actions-container-for-SearchResultsGrid { display: inline-flex; width: 90%; } .listing-page-cart-icon { padding-left: 10px; font-size: 20px; vertical-align: text-bottom; } #enquire-btn:after { position: relative; top: -1px; padding-left: 10px; vertical-align: middle; } .actions-container-for-ProductGridComponent #addToCartButton, .actions-container-for-ProductGridScrollingComponent #addToCartButton, .actions-container-for-SearchResultsGrid #addToCartButton { color: white; background-color: var(--carters-green3); border-color: var(--carters-green3); max-height: 52px; min-height: 52px; } .actions-container-for-ProductGridComponent #enquire-btn, .actions-container-for-ProductGridScrollingComponent #enquire-btn, .actions-container-for-SearchResultsGrid #enquire-btn { max-height: 52px; min-height: 52px; } #enquire-btn { color: white; background-color: var(--carters-green3); border-color: var(--carters-green3); } #enquire-btn:after { content: '\f27a'; font-family: "Font Awesome 5 Free"; } .page-productDetails #enquire-btn:after { content: none; } .page-productDetails #enquire-btn:before { content: '\f27a'; font-family: "Font Awesome 5 Free"; font-size: 20px; margin-right: 15px; margin-left: 20px; vertical-align: middle; } .page-productDetails #enquire-btn { padding-left: 0px; text-align: left; line-height: 1; } #enquire-btn:hover { background-color: white; color: var(--carters-green3); } .ProductGridComponent-ListAddToCartAction, .ProductGridScrollingComponent-ListAddToCartAction, .SearchResultsGrid-ListAddToCartAction, .ProductGridComponent-ListEnquireAction, .ProductGridScrollingComponent-ListEnquireAction, .SearchResultsGrid-ListEnquireAction{ margin-right: 2px; width: 75%; } .ProductGridComponent-ListAddToFavouriteAction, .ProductGridScrollingComponent-ListAddToFavouriteAction, .SearchResultsGrid-ListAddToFavouriteAction { width: 25%; } .actions-container-for-ProductGridComponent .js-product-add-to-favourite, .actions-container-for-ProductGridScrollingComponent .js-product-add-to-favourite, .actions-container-for-SearchResultsGrid .js-product-add-to-favourite { top:0px; max-height: 52px; min-height: 52px; } .js-product-add-to-favourite.btn.glyphicon:before { font-size: 26px; } @media (min-width: 1024px) and (max-width:1200px) { .actions-container-for-ProductGridComponent #addToCartButton, .actions-container-for-ProductGridComponent .js-product-add-to-favourite, .actions-container-for-ProductGridScrollingComponent #addToCartButton, .actions-container-for-ProductGridScrollingComponent .js-product-add-to-favourite, .actions-container-for-SearchResultsGrid #addToCartButton, .actions-container-for-SearchResultsGrid .js-product-add-to-favourite { padding-left: 0px; padding-right: 0px; } } @media (min-width: 640px) and (max-width:900px) { .actions-container-for-ProductGridComponent #addToCartButton, .actions-container-for-ProductGridComponent .js-product-add-to-favourite, .actions-container-for-ProductGridScrollingComponent #addToCartButton, .actions-container-for-ProductGridScrollingComponent .js-product-add-to-favourite, .actions-container-for-SearchResultsGrid #addToCartButton, .actions-container-for-SearchResultsGrid .js-product-add-to-favourite { padding-left: 0px; padding-right: 0px; font-size: 16px; } } @media (max-width:450px) { .actions-container-for-ProductGridComponent #addToCartButton, .actions-container-for-ProductGridComponent .js-product-add-to-favourite, .actions-container-for-ProductGridScrollingComponent #addToCartButton, .actions-container-for-ProductGridScrollingComponent .js-product-add-to-favourite, .actions-container-for-SearchResultsGrid #addToCartButton, .actions-container-for-SearchResultsGrid .js-product-add-to-favourite { padding-left: 0px; padding-right: 0px; font-size: 13px; } .listing-page-cart-icon, .js-product-add-to-favourite.btn.glyphicon:before { font-size: 15px; } .js-product-add-to-favourite.btn.glyphicon:before { font-size: 23px; } } .account-section .account-section-header .account-section-header-add a.add-user, .account-section .account-list .account-list-header .account-list-header-add a.add-address { background-color: inherit; color: var(--carters-green); border: none; text-transform: uppercase; } .account-section .account-section-header .account-section-header-add a.add-user:before, .account-section .account-list .account-list-header .account-list-header-add a.add-address:before { font-family: 'Glyphicons Halflings'; content:"\2b"; padding-right: 3px; font-size: 12px; } @media (max-width: 639px) { .account-section .account-list .account-list-header .account-list-header-add a.add-address span.visible-xs { display: table-cell !important; } } .account-section .account-list .account-list-header .account-list-header-add { top: 0px; } .account-section .account-section-content .restore-item-link .glyphicon-share-alt { font-size: inherit; padding: 0px; margin-right: 0px; } .account-section .account-section-content .remove-item-link .glyphicon-remove { padding: 3px 14px; } .js-delete-saved-cart.remove-item-link { margin-top: 10px; display: block; } .saved-carts-details .item-label { color: var(--carters-green); } .accountActions-bottom.saved-carts { padding-right: 0px; } .btn.js-remove-entry-button .glyphicon-remove { color: var(--carters-red); } .save__cart--link.cart__head--link.carters-save-cart:before { font-family: 'Glyphicons Halflings'; content:"\e172"; vertical-align: middle; font-size: 16px; } .export__cart--link:before { font-family: 'Glyphicons Halflings'; content:"\e197"; vertical-align: middle; font-size: 18px; } .wt-brd { border: 1px solid #fff; } .cust-search-sp { left: 0px; background: var(--carters-red); border: 2px solid #fff; padding: 0 16px; color: #fff; } .cust-search-sp .js_search_button { color: #fff; opacity: 1; font-size: 12px; display: flex; justify-content: center; align-items: center; } .cust-search-sp .js_search_button .glyphicon { color: #fff !important; margin-right: 8px; } .cust-search-sp .js_search_button .cust-src-txt { position: relative; top: 2px; font-size: 13px; letter-spacing: 0.5px; } .brd-top-red { border-top-color: var(--carters-red) !important; } .brd-top-green { border-top-color: rgb(15 ,164, 56) !important; } .col-grn { color: var(--carters-green) !important; } .navigation--top .nav__right .nav__links--account li.cust-prof-wrapper { position: relative; z-index: 99; padding: 0 !important; border-top-color: var(--carters-red) !important; } .cust-prof-wrapper .myAccountLinksHeader { padding: 8px 6px 8px 6px !important; /* margin: 0 2px !important; */ } .cust-prof-wrapper .myAccountLinksHeader.js-myAccount-toggle.show { background: var(--carters-red) !important; } .cust-prof-wrapper .secondaryNavWrapper { background-color: var(--carters-red); position: absolute; min-width: 100px; top: 31px; left: 10px; } .cust-prof-wrapper .secondaryNavWrapper ul li { display: inline-block !important; float: none; width: 100%; min-width: 200px; max-width: initial; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.4) !important; } .cust-prof-wrapper .secondaryNavWrapper ul li a { display: flex !important; padding: 12px !important; } .ht-100 { height: 100%; } .hom-banner-img-or { display: block; width: auto; height: auto; max-height: 100%; min-height: 100%; max-width: 100%; } @media (min-width: 1024px){ .home-banner-295 .js-responsive-image { height: 100%; } } #signedInUserOptionsToggle .glyphicon-chevron-up { display: none; } .account-summary-filter .item-label { text-transform: uppercase !important; font-weight: 500 !important; } .product-details-panel-images-div .carousel.image-gallery__image .owl-item img, .enquire-form-image-panel .carousel.image-gallery__image .owl-item img { display: block; margin-left: auto; margin-right: auto; width: auto; height: auto; max-width: 353px; max-height: 353px; } .enquire-form-image-panel { margin-top: 30px; } .product-details-panel-images-div .carousel.image-gallery__image .owl-item .zoomImg img { max-width: none; max-height: none; } .product-details-panel-images-div .gallery-carousel .owl-item img { display: block; margin-left: auto; margin-right: auto; width: auto; height: auto; max-width: 53px; max-height: 53px; } @media (max-width: 630px){ .product-details-panel-images-div .carousel.image-gallery__image .owl-item img { max-width: 260px; max-height: 260px; } .product-details-panel-images-div .gallery-carousel .owl-item img { max-width: 260px; max-height: 260px; } .product-details-panel-images-div .carousel.image-gallery__image .owl-item .zoomImg img { max-width: none; max-height: none; } } @media (min-width: 640px){ .page-details-add-to-cart-component #addToCartButton, .page-details-add-to-cart-component #addToFavouriteButton, .pdp-find-stock-button { text-align: left; padding-left: 60px; } } .first-visible-td { padding-left: 30px !important; } .estimate-summary-table { margin-top: 30px; } .mainNavNode:before, .mainNavNodeMob:before { font-family: 'Glyphicons Halflings'; color: #929292; font-size: 16px; vertical-align: top; padding-right: 10px; line-height: normal; position: relative; top: 1px; } .our_productsCat:before, .our_productsCatMob:before { content: "\e040"; } .favouritesNavNode:before { content:"\e006"; } .priceBooksNavNode:before { content:"\e043"; } .estimatesNavNode:before { content:"\270f"; } .ordersNav:before { content:"\e032"; } .accountsNav:before { content:"\e028"; } .usersNavNode:before { content:"\e008"; } .navigation--bottom .navBarWrapper a.homeNavNode { border-left: 1px solid rgb(221,221,221); padding-right: 5px; } .homeNavNode:before { content:"\e021"; color: var(--carters-green); } .cust-flex { display: flex; justify-content: center; align-items: center; height: 60px; max-width: 120px; width: 100%; color: #fff; flex-direction: column; } .cust-flex > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align: center; } .cust-breadcrumb-wrapper { background: #fff; } .cust-breadcrumb-wrapper .cust-contianer { max-width: 1280px; overflow-x: auto; } .cust-breadcrumb-wrapper .cust-contianer .breadcrumb{ margin: 0; width: max-content; } .page-favouriteDetailsPage #addToCartForm { float: none; margin-right: 80px; } .page-favouriteDetailsPage #addToCartForm #addToCartButton, .page-favouriteDetailsPage #addToCartForm #addToCartButton:focus, .page-favouriteDetailsPage #addToCartForm #enquire-btn, .page-favouriteDetailsPage #addToCartForm #enquire-btn:focus { background-color: transparent !important; border-color: transparent !important; color: var(--carters-green3); !important; } @media (max-width: 639px) { .favourite-details-action-or #enquire-btn { padding: 0 0 0 6px; font-size: 13px; } } .page-favouriteDetailsPage #addToCartForm #addToCartButton:hover { color: var(--carters-green3); background-color: white; border-color: var(--carters-green3); } @media (max-width: 1100px){ .page-favouriteDetailsPage #addToCartForm { margin-right: 20px; } } @media (max-width: 1023px) and (min-width: 640px){ .page-favouriteDetailsPage .account-section .account-section-content .remove-item-column .glyphicon-remove { top: -40px; right: -30px; } } .account-orderhistory.current-orders ul.pagination, .account-section .account-orderhistory.current-orders .pagination-bar, .account-section .account-section-content .account-orderhistory.current-orders .account-orderhistory-pagination { margin-top: 0px; padding-top: 0px; } .estimate-listing { padding-top: 20px; } @media (max-width: 1023px) { .favBook.ordersNav.mainNavNodeMob.OrdersNavComponentMob, .favBook.accountsNav.mainNavNodeMob.AccountsNavComponentMob { display: block; } } footer .container .navigation--top .nav__right .nav__links--account { margin: 0; padding: 22px 0px; } .max-container { max-width: 1280px;; } .flex-center{ text-align: center; display: flex; justify-content: center; } .no-float{ float: none !important; } @media (min-width: 1024px) and (max-width: 1280px) { .our_productsCat, .favBook { padding: 9px 12px; margin-left: 0px; } .mainNavNode:before, .mainNavNodeMob:before { padding-right: 8px; } .navigation--bottom .navBarWrapper a.homeNavNode { padding-left: 14px; } } @media (min-width: 1280px) { .navigation--bottom .navBarWrapper a.homeNavNode { padding-left: 16px; } } .documentTypeCriteria .sel-wrapper { display: inline-block; } .documentTypeCriteria .lbl-hz { padding-top: 5px; } #js-reset-quick-order-form-btn-top.quick-order__reset-link { display: inline-block; font-weight: normal; } #js-add-to-cart-quick-order-btn-top { margin-top: 20px; float:right; } #quickOrder #js-reset-quick-order-form-btn-top { padding: 10px 35px; } @media (max-width: 1024px) { .quick-order__reset-link, #js-add-to-cart-quick-order-btn-top { width: 100%; } } .quick-order__introduction { padding-left: 0px; } button.js-remove-quick-order-row .glyphicon-remove{ color: var(--carters-red); } .mini-cart-icon { float: left !important; margin-right: 8px; } /*.navigation--bottom .nav__link > a {*/ /* border-bottom: 1px solid #ddd;*/ /*}*/ .carters-cart-display input.js-update-entry-quantity-input { min-width: 63px; } .product-action ol.estimateDetailsPage-addToCartPanel li { float: left; margin-left: 0px; margin-top: 0px; } .product-action ol.estimateDetailsPage-addToCartPanel li.sub-total { margin-right: 20px; } @media (min-width: 1024px) { .flex-row-col { display: flex; } .flex-row-col .col-md-1, .flex-row-col .col-md-2, .flex-row-col .col-md-3, .flex-row-col .col-md-4, .flex-row-col .col-md-5, .flex-row-col .col-md-6, .flex-row-col .col-md-7, .flex-row-col .col-md-8, .flex-row-col .col-md-9, .flex-row-col .col-md-10, .flex-row-col .col-md-11, .flex-row-col .col-md-12 { float: none } .flex-row-col .img-100 > div { height: 100%; } } .cust-summ-filters-clear a { cursor: pointer; font-weight: 300; font-size: 13px; text-decoration: underline; margin-top: 16px; float: left; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .accordion.orgunit .panel .panel-heading { padding: 20px 58px; } .accordion.orgunit .panel .panel-heading .accordion-lnk { position: initial; } /* Landing page layout change css - start */ .lp-flex-row { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 1024px) { .lp-flex-row-or { display: flex; } } .btn-or-grn, .btn-or-gry { height: 50px; text-align: center; line-height: 47px; cursor: pointer; } .btn-or-grn a, .btn-or-gry a{ color:#fff; text-transform: uppercase; } .btn-or-grn, .errorPageAction a.findABranchNearYouLink, a.loginLink { background: var(--carters-green); border: 3px solid var(--carters-green); } .btn-or-grn:hover, .errorPageAction a.findABranchNearYouLink:hover, a.loginLink:hover { background: white; } .btn-or-grn:hover a, .errorPageAction a.findABranchNearYouLink:hover, a.loginLink:hover { color:var(--carters-green); } .btn-or-gry, .errorPageAction a.applyForAccountLink { background: rgb(152,152,152); border: 3px solid rgb(152,152,152); } .btn-or-gry:hover, .errorPageAction a.applyForAccountLink:hover { background: white; } .btn-or-gry:hover a, .errorPageAction a.applyForAccountLink:hover { color:rgb(152,152,152); background: white; } @media (max-width: 1023px) { .btn-or-grn { margin: 15px 0; } .btn-or-gry { margin-bottom: 15px; } } /* Landing page layout change css - end */ /* SSO ERROR PAGE - start */ p.sso-noaccess-intro { padding: 15px; font-size: 18px; margin-bottom: 0; color: #000; } p.sso-noaccess-instructions { padding: 15px; font-size: 18px; font-weight: 600; margin-top: 24px; } .errorPageAction a.applyForAccountLink, .errorPageAction a.findABranchNearYouLink, a.loginLink { margin: 15px; display: inline-block; color: #fff; font-size: 18px; width: 400px; height: 50px; text-align: center; line-height: 47px; cursor: pointer; text-transform: uppercase; } .errorPageAction a.applyForAccountLink { background: rgb(152,152,152); } .errorPageAction a.findABranchNearYouLink, a.loginLink { background: var(--carters-green); } .errorPageAction { display: inline-block; } /* SSO ERROR PAGE - end */ /* CREDIT APPLICATION PAGE - start */ .creditApplicationLinks { margin-bottom: 20px; } .startPartnershipJourneyParagraph { font-weight: bold; margin: 20px 0px; font-size: 18px; } .creditApplicationLinks .yCmsContentSlot { background-color: var(--carters-green); width: fit-content; color: white; text-align: center; display: inline-block; vertical-align: middle; } .creditApplicationLinks .yCmsContentSlot.link1 { padding: 20px 40px; } .creditApplicationLinks .yCmsContentSlot.link2 { padding: 10px 40px; margin-left: 15px; } .creditApplicationLinks .linkBox a { color: white; font-size: 26px; text-decoration: underline; font-weight: bold; text-transform: uppercase; } .creditApplicationLinks .linkBox.subText { padding-bottom: 0px; } .creditApplicationLinks .linkBox.subText .content{ font-size: 14px; font-weight: bold; } .credit-application-paragraph { font-size: 18px; } .credit-application-paragraph .title { font-weight: bold; font-size: 20px; } .credit-application-paragraph .findBranchLink { color: black; text-decoration: underline; } .credit-application-paragraph .tab1 { margin-left: 19px; } .credit-application-paragraph .address { margin-left: 200px; margin-top: -34px; } .credit-application-paragraph .footNote { border-top: 1px solid black; margin-top: 15px; padding-top: 15px; font-weight: bold; padding-bottom: 30px; } @media (max-width: 1399px) { .creditApplicationLinks .yCmsContentSlot.link1 { width: -webkit-fill-available; padding: 20px 0px; } .creditApplicationLinks .yCmsContentSlot.link2 { margin-left: 0px; margin-top: 15px; width: -webkit-fill-available; } .credit-application-paragraph .address { margin-left: 0px; margin-top: 0px; } } /* CREDIT APPLICATION PAGE - end */ .product__listing.product__grid .thumb img { width: auto; max-height: 210px; } .add-fav-options input[type="radio"] { margin-top: 16px; vertical-align: middle; position: inherit; } .add-fav-options label { display: block; } .variant-section .variant-selector #add-fav-select .variant-name { margin-top: 0px; } /* CATEGORY LOGOS - end */ .category-logo { height: 145px !important; } .date-instructions-step { padding: 30px 20px 15px; border: 1px solid #cccccc; border-top: 0; padding-top: 30px; padding-bottom: 10px; } .date-instructions-step #instructions{ min-height: 30px; } .step-head.js-checkout-step.disabled { color: #afafaf; } #dateInstructionsForm .glyphicon-calendar { position: absolute; right: 20px; top: 50%; margin-top: 4px; cursor: pointer; } .checkout-details-pos { background-color: white; color: black; padding-left: 30px; padding-top: 10px; } @media (max-width: 1024px) { .checkout-details-pos { margin-right: 20px; } } .main__inner-wrapper:before, .main__inner-wrapper:after { content: " "; display: table; clear: both; } .product__listing.product__grid .product-item { border: 1px solid #cccccc; margin: 5px; padding: 0px; } @media (max-width: 363px) { .product__listing.product__grid .product-item { margin: 4px; } } .product-category-page .product__listing.product__grid .product-item { border: none; margin: 20px 4px 4px 4px; padding: 20px 0px; } @media (max-width: 791px) { .product-category-page .product__listing.product__grid .product-item { margin: 20px 4px 4px 4px; padding: 0px; } } .product__listing.product__grid .product-item { width: 47%; } @media (min-width: 640px) { .product__listing.product__grid .product-item { width: 23%; } } .product__listing.product__grid .product-item:first-child { margin-left: 5px; } .product__facet { border-right: none; } .product__facet .facet{ padding-right: 0px; margin-right: 30px !important; } .product__listing.product__grid .details .name { margin: 0px 5px; } .page-productGrid .product-identifiers .product-code .sku, .page-searchGrid .product-identifiers .product-code .sku,.page-productList .product-identifiers .product-code .sku { color: var(--carters-green); } .page-productGrid .product-identifiers, .page-searchGrid .product-identifiers, .page-productGrid .price, .page-searchGrid .price { margin-top: 10px; } .page-productGrid .price .product-sales-unit, .page-searchGrid .price .product-sales-unit { font-weight: normal; color: black; } .page-productGrid .price .price-ex-gst, .page-searchGrid .price .price-ex-gst { color: black; } .main__inner-wrapper { margin-bottom: 80px; } .prod-hdr-or div{ font-size: 16px; font-weight: bold; } @media (min-width: 1400px) { .prod-name-bord-or { border-right: 1px solid #ccc; padding-right: 30px; } .prod-name-bord-lt-or { padding-left: 30px; } } #addToCartLayer.add-to-cart .add-to-cart-item .details { margin-left: 0px; } #addToCartLayer.add-to-cart .add-to-cart-item .thumb { margin-right: 0px; } #addToCartLayer.add-to-cart .add-to-cart-item .qty { margin-top: 5px; font-size: 15px; } #addToCartLayer.add-to-cart .add-to-cart-item .qty .number{ color: var(--carters-green); } #addToCartLayer.add-to-cart .add-to-cart-item .price { margin-top: 20px; font-size: 27px; } .mini-cart-body .mini-cart-list .price { margin-top: 0px; font-size: 27px; } #addToCartLayer.add-to-cart .add-to-cart-item .price .sales-unit, .mini-cart-body .mini-cart-list .price .sales-unit { font-size: 13px; text-transform: lowercase; font-weight: normal; } .quick-view-popup .product-details .price .price-ex-gst, #addToCartLayer.add-to-cart .add-to-cart-item .price .price-ex-gst, .mini-cart-body .mini-cart-list .price .price-ex-gst { color: #808080; } .step-body-form, .step-body .checkout-shipping , .step-body .date-instructions-step, .step-body .checkout-review { background-color: #f9f9f9; } .checkout-steps .step-body label, .place-order-form label { color: black; font-weight: normal; text-transform: none; } .checkout-steps .step-body .radiobuttons_paymentselection label { text-transform: uppercase; } .step-body #addressForm input[type="checkbox"] { margin-top: 2px; } .summary-label, .checkout-order-summary-list-heading .title{ font-weight: bold; color: var(--carters-green); } .checkout-order-summary .subtotals .totals span { color: var(--carters-green3); } .checkout-order-summary-list.cart-items { border-bottom: none; } .checkout-oder-summary-wrapper { border: 1px solid lightgrey; } .checkout-order-summary .subtotals { margin: 30px; border-top: 1px solid lightgray; } .checkout-oder-summary-wrapper .subtotals { padding-top: 20px; } .step-body .checkout-order-summary .subtotals { border-top: none; } .place-order-form { display: grid; background-color: white; } @media (max-width: 639px) { .checkout-order-summary { border: none; padding: 0px; margin-bottom: -30px; } .checkout-oder-summary-wrapper { border-bottom: 0; } } .checkout-order-summary .checkout-order-summary-list .details .name a { color: black; } .signUpLogInLink, .applyForAccountLink { display: flex; justify-content: center; height: 100%; } .your_store_lbl { font-size: 16px; margin-bottom: 16px; } button.btn.btn-default.js-store-finder-pager-prev, button.btn.btn-default.js-store-finder-pager-next { font-size: 12px; padding: 8px 12px; } .make-my-pos-branch-button { margin-top: 12px; } .product__list--wrapper .product__view--mode { font-size: 1.8rem; } .product__list--wrapper .product__view--mode a.clr__orange{ color:orange; } .recently-used-email { padding-right: 5px; cursor: pointer; text-decoration: underline; } .orderConfirmationEmailCheckoutTextarea { overflow-y: scroll; resize: none; min-height: 25px; } .recentlyUsedLabel { font-weight: bold; } .trade-faq-intro { background-color: #f7f7f7; text-align: center; padding: 50px; margin-bottom: 50px; } .trade-faq-intro .title { color: var(--carters-green); font-weight: bold; font-size: 22px; padding-bottom: 30px; } .trade-faqs-title { font-weight: bold; margin-top: 60px 0px 20px 0px; } .cust-prod-view-or a:hover { color: white; background-color: var(--carters-green); } @media (max-width: 1150px) { #enquire-btn { padding: 10px 5px; } } @media (max-width: 800px) and (min-width:640px), (max-width:400px) { #enquire-btn { padding: 10px 0px; } .search-empty #enquire-btn { font-size: initial; } } @media (max-width:330px) { #enquire-btn { font-size: 12px; } #enquire-btn:after { font-size: 15px; } } .account-orderdetail .responsive-table > tbody > tr > td:nth-last-child(2) { text-align: right; padding-right: 30px; } .videoWrapper { position: relative; /*padding-bottom: 56.25%; !* 16:9 *!*/ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 5px; padding-right: 5px; } .ui-autocomplete .ui-menu-item:hover { background-color: var(--carters-green); } .asmAutoComplete .ui-autocomplete .ui-menu-item span { background-color: inherit; } .asmAutoComplete .ui-state-active, .asmAutoComplete .ui-widget-content .ui-state-active, .asmAutoComplete .ui-widget-header .ui-state-active, .asmAutoComplete .ui-state-hover, .asmAutoComplete .ui-widget-content .ui-state-hover, .asmAutoComplete .ui-widget-header .ui-state-hover, .asmAutoComplete .ui-state-focus, .asmAutoComplete .ui-widget-content .ui-state-focus, .asmAutoComplete .ui-widget-header .ui-state-focus { background-color: var(--carters-green) !important; color: white; } #asmHover { top: 40px; } footer .navigation.navigation--top { padding: 0px; } @media (max-width: 639px) { .place-order-form { margin: 0px 20px 15px; border-top: 1px solid lightgrey; padding: 0px; } .checkout-order-summary .subtotals { padding: 0px; } .page-productDetails #enquire-btn:before { margin-right: 2%; } } .cart-header-actions { margin-bottom: 8px; } .cart-header-actions .right { display: flex; justify-content: flex-end; font-weight: 700; text-transform: uppercase; margin-top: 15px; } .cart-header-actions .right a { padding-left: 20px; } .cart-header-actions .js-clear-cart-link:before { font-family: 'Glyphicons Halflings'; content: "\e014"; vertical-align: middle; font-size: 16px; } .product__list--wrapper .product-offer, .search-grid-page-result-grid-component .product-offer, .search-list-page-right-result-list-component .product-offer { margin: 0px 5px 0px 0px; } /***** MOBILE START *****/ @media (max-width: 639px) { .cart-header-actions .right { justify-content: flex-start; } .cart-header-actions .right a { padding-left: 0px; } .cart-header-actions .right a:last-child { padding-left: 20px; } .product-grid-right-result-component .product-offers-section-all, .product-list-right-component .product-offers-section-all, .search-page-bottom-comps .product-offers-section-all, .search-list-page-right-result-list-component .product-offers-section-all { justify-content: space-between; margin-bottom: 20px; } .product__list--wrapper .product-offers-section-all .product-offer, .search-grid-page-result-grid-component .product-offers-section-all .product-offer, .search-page-bottom-comps .product-offers-section-all .product-offer, .search-list-page-right-result-list-component .product-offers-section-all .product-offer { margin: 0px 0px 5px 0px; width: 77px; height: 77px; } .branding-mobile div a img { height: 100%; max-height: initial; width: 100% !important; max-width: 420px; margin: 8px auto 12px; display: block; } .branding-mobile input.js-site-search-input { height: 45px; border: none; } } /***** MOBILE END *****/ .product-offers-section { flex-wrap: wrap; display: flex; } .product-offer { color: White; width: 80px; height: 80px; display: inline-flex; margin: 20px 5px 0px 0px; align-items: flex-end; } .product-offer fieldset { font-weight: bold; font-size: 15px; margin-left: 3px; } .page-details-add-to-cart-component, .product-details-panel .actions { margin-top: 30px; } .product__listing.product__grid .product-offers-section, .carousel__component .product-offers-section { justify-content: flex-end; margin-top: 6px; margin-right: 6px; position: absolute; right: 0; z-index: 100; } .product__listing.product__grid .product-offer, .carousel__component .product-offer{ width: 25px; height: 25px; margin: 4px 4px 0px 0px; } .product__listing.product__list .product-offers-section { margin-top: 0px; } .product__listing.product__list .product-offer { width: 20px; height: 20px; margin: 0px 5px 10px 0px; } .product__listing.product__grid .actions-container-for-ProductGridComponent, .product__listing.product__grid .actions-container-for-SearchResultsGrid { margin-top: 10px; } .product-details-panel .product-offers-section { margin-bottom: 25px; } .carousel__component--carousel .carousel__item .carousel__item--thumb { height: 150px; padding-top: 25px; } .branding-mobile .wt-brd { border: none; } .branding-mobile .cust-search-sp { border: 3px solid #fff; padding: 0px; } @media (max-width: 1024px) { .branding-mobile { padding-left: 15px; padding-right: 15px; } } .cust-flex.mobile-your-store { max-width: none; } #Paginated-view-icn, #Endless-scroll-view-icn { width: 55px; padding-top: 6px; display: inline-block; } .cartersProductListingPaginationTopHeaderRow { display: block; } .page-sroll-selectors { margin-right: 10px; display: inline-block; } .prod-listing-results-by { color: #929292; font-size: 16px; padding-top: 6px; margin-right: 20px; } .cartersProductListingPaginationTopHeaderRow .pagination-bar-results { padding: 0px; margin-top: 17px; } .cartersProductListingPaginationTopHeaderRow .grid-list-selector { display: inline-block; } .cartersProductListingPaginationTopHeaderRow .cust-prod-view-or a { padding: 7px; margin-left:0px; } .cartersProductListingPaginationTopHeaderRow .cust-prod-view-or #cust-grid-view-icn span { top: 1px; left: 3px; } .cartersProductListingPaginationTopHeaderRow .cust-prod-view-or #cust-list-view-icn span { top: 1px; left: 1px; padding: 2px; } .cartersProductListingPaginationTopHeaderRow .cust-prod-view-or #cust-grid-view-icn { margin-right: 5px; } @media (max-width: 640px) { .cartersProductListingPaginationTopHeaderRow .pagination-bar-results { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } } @media (max-width: 340px) { .page-sroll-selectors { margin-right: 0px; } .prod-listing-results-by { margin-right: 5px; } } .product-list-right-component .pagination-bar.top, .searchresults-listcomponent .pagination-bar.top { margin-bottom: 10px; } /*Xero CSS Starts*/ span.xero_left_arrow{ content: "\2190"; font-size: 30px; } .xero_btn{ border-radius: 10px !important; } .carters_img_logo{ height: 50px; width: 120px; } .xero_img_logo{ width: 70px; margin-top: -4px; } .xero_h4{ color: #000 !important; } ul.debtorContainer{ padding: 10px; border: 1px solid #999; } li.option{ list-style: none; } .xero-info{ padding-top: 15px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .m-y-20{ margin-top:30px; margin-bottom: 30px; } .xero-account-header{ padding: 20px; font-weight: 600; font-size: 18px; } .p-15{ padding: 15px; } .fieldError{ font-size: 14px; font-weight: normal; color: #fd7b7b; } .disconnectToXero{ background-image: url(../images/disconnect-white.svg); border-color: #f4f4f4; height: 50px; background-color: #f4f4f4; background-repeat: no-repeat; background-position:center; min-width: 250px; } .disconnectToXero:disabled{ background-color: #f7f2f2; } .disconnectToXero:hover{ background-image: url(../images/disconnect-blue.svg); border-color: #0c80a6; background-color: #0c80a6; -webkit-box-shadow: none; box-shadow: none; } .connectToXero{ background-image: url(../images/connect-white.svg); border-color: #f4f4f4; height: 50px; background-color: #f4f4f4; background-repeat: no-repeat; background-position:center; min-width: 200px; } .xero-connected-to { float: left; min-width: 250px; } .connectToXero:hover{ background-image: url(../images/connect-blue.svg); border-color: #0c80a6; background-color: #0c80a6; -webkit-box-shadow: none; box-shadow: none; } .connectToXero:disabled{ background-color: #f7f2f2; } .p-20{ padding: 20px; } .p-t-20{ padding-top:20px; } .p-l-0{ padding-left:0px !important; } .p-0{ padding:0px !important; } .m-r-10{ margin-right:10px; } .m-r-connect{ margin-right:-53px; } .m-r-disconnect{ margin-right:-100px; } .reconnectToXero{ background: #005443; border-color: #005443; } .reconnectToXero:hover{ color: #005443; background-color: #ffffff; border-color: #005443 !important; -webkit-box-shadow: none; box-shadow: none; } .xero_a_link, .xero_a_link:hover{ text-decoration: underline; } .loader-overlay { -ms-opacity: 0.9; background: #444; display: block; height: 100%; left: 0; opacity: 0.9; position: fixed; top: 0; vertical-align: middle; width: 100%; z-index: 100000; } .pageLoader{ position: fixed; left: 0px; top: 50%; } .m-y-2{ margin-top:2rem; margin-bottom:2rem; } .s-hidden { visibility:hidden; padding-right:10px; } .select-contactList { cursor:pointer; display:inline-block; position:relative; font:normal 11px/22px Arial, Sans-Serif; color:black; border:1px solid #ccc; width:100%; } .styledSelect { position:absolute; top:0; right:0; bottom:0; left:0; background-color:white; padding:6px 10px; font-weight:bold; font-size:12px; } .styledSelect:after { content:""; width:0; height:0; border:5px solid transparent; border-color:black transparent transparent transparent; position:absolute; top:14px; right:6px; } .styledSelect:active, .styledSelect.active { background-color:#eee; } .options { display:none; position:absolute; top:100%; right:0; left:0; z-index:999; margin:0 0; padding:0 0; list-style:none; border:1px solid #ccc; background-color:white; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); } .options li { padding:0 6px; margin:0 0; padding:6px 10px; font-size:12px; } .options li:hover { background-color:#39f; color:white; } .contactList{ width:100%; } .opened { max-height: 120px; overflow: auto; } ul.debtorContainer { width: auto; overflow-y: auto; max-height: 128px; display: flex; flex-direction: column; } .header-flex, .footer-flex { flex-shrink:0; } @media screen and (min-width: 520px) and (orientation: portrait) , screen and (max-height: 700px) and (orientation: portrait) { ul.debtorContainer{ max-height: 184px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { ul.debtorContainer{ max-height: 128px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { ul.debtorContainer{ max-height: 128px; } } #listAppend .debtorContainer { max-height: 86px; } .m-t-15{ margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-r-0 { margin-right: 0px !important; } #pre-load-disconnect { background-image: url(../images/disconnect-blue.svg); width=0px; height=0px; } #pre-load-connect { background-image: url(../images/connect-blue.svg); width=0px; height=0px; } /* .btn-center-align{ margin-left: -25%; } */ /*End*/