/**
* Grid Mixins
*/
/*
example usage:
.main__news {
@include grid-row;
}
.main__news__content {
@include grid-col( 60% );
}
.main__news__related {
@include grid-col( 40% );
}
*/
/**
* Used to remove first column's padding
*
* @param {metric} $gutter-width - scoped override of global
*/
/**
* Grid column of $width
* allows for grid sizes entirely disconnected from markup
*
* @param {metric} $width - width of column ( usually percentage )
* @param {metric} $gutter-width - scoped override of global
*/
/**
* High resolution device media query
* http://davidtheclark.github.io/scut/#hd_breakpoint
*/
/**
* Media Query mixins
*
* includes in ie stylesheet using $fixed-width as a condition
* see old-ie.scss
*/
/*
example usage:
//nested
h1 {
font-size: 2em;
@include respond-min( 30em ){
font-size: 3em;
}
}
//wrapping
@include respond-min-max( 30em, 50em ){
h1 { color: red; }
body { background: #eeeeee; }
}
//often project common breakpoints are set in _variables.scss
*/
/**
* Specifically pass styling through to the old
* IE stylesheet.
*/
/*
example usage:
h1 {
color: #252525;
}
@include old-ie {
h1 {
color: #ff0099; // old-ie users love pink
}
}
*/
/**
* Utility mixins
*/
/**
* Hiding visually (keep accessibility)
* http://h5bp.com/v
* http://davidtheclark.github.io/scut/#hide_visually
*/
/**
* clear floats within container when overflow:hidden is undesirable
*/
/**
* inline block with ie7 hack
*/
/**
* a common pattern when making styled lists
*/
/**
* Image replacement
* http://davidtheclark.github.io/scut/#image_replacement
*/
/**
* Cross-browser calc
* https://coderwall.com/p/qac-og
*
* TODO: Tidy this up
*/
/**
* Cross-browser form element placeholder styling
*/
/**
* Adds a block offset to an element of $width. The
* $target child element will be moved in to the
* newly created space.
*/
/**
* Use an SVG icon where possible, fall back to a PNG where not.
* Also see: base/_icons.scss
*/
/*
example markup:
Widgets
.icon {
// generic icon styles
}
.icon--widget {
@include icon('widget');
}
*/
/**
* Prevent long strings from breaking out of container
* http://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
*/
/**
* Stop Android Chrome changing font size
* http://stackoverflow.com/questions/11289166/chrome-on-android-resizes-font#comment29303194_12965146
*/
.cf:after {
content: '';
display: table;
clear: both;
}
.sr {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/**
* Keyframes are all kept in this file so that it can be included at the top of the stylesheet
* to avoid issues in IE10/11.
*/
@keyframes showInstruction {
from {
transform: scale(0.95);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes showZoomLightbox {
from {
transform: scale(0.6);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@keyframes hideZoomLightbox {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.6);
opacity: 0;
}
}
@keyframes zoomMovePaper {
from {
transform: translate3d(0, -11px, 0);
}
to {
transform: translate3d(0, 11px, 0);
}
}
@keyframes zoomMoveHandle {
from {
transform: translate3d(48px, 10px, 0);
}
to {
transform: translate3d(48px, 37px, 0);
}
}
@keyframes showAccordionItem {
from {
transform-origin: top;
transform: translate3d(0, -5%, 0) scaleY(0.98);
opacity: 0;
}
to {
transform-origin: top;
transform: translate3d(0, 0, 0) scaleY(1);
opacity: 1;
}
}
@keyframes loadingSpin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes showSeeAll {
0% {
opacity: 0.5;
transform: scaleY(0.8);
}
100% {
opacity: 1;
transform: scaleY(1);
}
}
@keyframes checkoutProgressCurrentStepIcon {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@keyframes checkoutProgressCurrentStepText {
from {
transform: translate3d(0, -25%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes checkoutProgressStep {
from {
transform: scale(1);
background-color: #EFEFEF;
}
to {
transform: scale(1.2);
background-color: #AAA;
}
}
@keyframes showProdLoadingIndicator {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes highlightTotalToPay {
0%, 100% {
background: rgba(0, 115, 119, 0);
}
10% {
background: rgba(0, 115, 119, 0.5);
}
}
/* ==========================================================================
Normalize.scss settings
========================================================================== */
/**
* Includes legacy browser support IE6/7
*
* Set to false if you want to drop support for IE6 and IE7
*/
/* Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
* 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active, a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Addresses styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 8/9/10.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
* 4. Improves appearance and consistency in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
* 3. Corrects text not wrapping in Firefox 3.
* 4. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.slick-slider {
display: block;
position: relative;
box-sizing: border-box;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
display: block;
position: relative;
padding: 0;
margin: 0;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
display: block;
position: relative;
left: 0;
top: 0;
}
.slick-track:before, .slick-track:after {
content: '';
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: 0;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.skip-link {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.hdr-actions-expnd.cbx {
background: #1494D4;
}
.cbx .icon--search {
filter: invert(54%) sepia(70%) saturate(3192%) hue-rotate(170deg) brightness(100%) contrast(86%);
}
.cbx .hdr-actions__block.hdr-actions__block--search .hdr-search {
width: 730px;
}
.header.cbx {
background: #16a4ec;
box-shadow: 0 4px 0 0 #16a4ec;
}
.logocb {
margin-left: 160px;
max-height: 65px;
}
.logocb img {
max-height: 65px;
}
.hdr-actions__list-item.cbx:first-child {
display: inline-block;
float: left;
margin-left: 160px;
}
.hdr-actions__list.cbx li:before {
content: '|';
color: #0F6F9F;
margin: 0 10px 0 7px;
}
.hdr-actions__list.cbx li:nth-child(1):before {
display: none;
}
.hdr-actions__list.cbx li:nth-child(2):before {
display: none;
}
.no-js .cbx .hdr-account-link-item:hover a:after,
.cbx .hdr-account-link-item.is-hovered a:after {
bottom: 0;
}
.no-js .cbx .hdr-account-link-item:hover .dropdown-wrapper,
.cbx .hdr-account-link-item.is-hovered .dropdown-wrapper {
display: block;
animation: showDropdown 0.3s ease-out 1;
animation-fill-mode: forwards;
z-index: 10000000;
}
.cbx .hdr-account-link-item.is-unhovered .dropdown-wrapper {
display: block;
animation: showDropdown 0.3s ease-in 1;
animation-direction: reverse;
animation-fill-mode: both;
}
.cbx .hdr-account-link-item {
padding-bottom: 6px;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper {
position: absolute !important;
background-color: #F4F2ED !important;
width: auto;
z-index: 100000000000000;
right: 22px;
top: 38px !important;
padding: 6px 20px 10px 15px !important;
text-align: left !important;
left: initial;
border-bottom: 0;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper .account_menu_popup_list {
display: grid;
padding-left: 4px;
margin-top: 4px;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper .account_menu_popup_list .account_menu_popup_list_item {
margin: -1px 0;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper .account_menu_popup_list .account_menu_popup_list_item:before {
display: none;
margin: 0;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper .account_menu_popup_list .account_menu_popup_list_item a {
color: #353535;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper .account_menu_popup_list .account_menu_popup_list_item a:hover {
color: #1494D4;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper .account_menu_popup_list .account_menu_popup_list_item:last-child a {
color: #1494D4;
}
.cbx .hdr-account-link-item .hdr-actions__account_menu_popup.dropdown-wrapper:before {
display: block;
width: 100%;
height: 0px;
border-top: 0;
border-bottom: 0;
background-color: #ccc;
}
.cbx .hdr-account-link-item.has-dropdown > a:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDEyIDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPiZndDsgZHduIGNvcHk8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPHBvbHlsaW5lIGlkPSImZ3Q7LWR3bi1jb3B5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSIxIDEuMDIyMTAzOTcgNS45Njc1OTM4OSA2IDExIDEiPjwvcG9seWxpbmU+DQogICAgPC9nPg0KPC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
content: '';
display: inline-block;
margin-left: 8px;
height: 8px;
width: 12px;
}
.cbx .hdr-account-link-item.has-dropdown.is-hovered > a:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDEyIDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPiZndDsgZHduPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxwb2x5bGluZSBpZD0iJmd0Oy1kd24iIHN0cm9rZT0iI0ZFQ0QwQSIgc3Ryb2tlLXdpZHRoPSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgNC41MDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTYuMDAwMDAwLCAtNC41MDAwMDApICIgcG9pbnRzPSIxIDIuMDIyMTAzOTcgNS45Njc1OTM4OSA3IDExIDIiPjwvcG9seWxpbmU+DQogICAgPC9nPg0KPC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
}
.main-nav__item .cbx > a {
color: #fff;
display: block;
padding: 12px 15px;
padding-left: 0px;
}
@media print, screen and (min-width: 65em) and (max-width: 79.9375em) {
.cbx .hdr-actions__block.hdr-actions__block--search .hdr-search {
width: 640px;
}
}
@media print, screen and (max-width: 68.9375em) {
.cbx .hdr-actions__block.hdr-actions__block--search .hdr-search {
width: 494px;
}
.logocb {
margin-left: 140px;
}
.cbx .hdr-actions__list-item.cbx:first-child {
margin-left: 140px;
}
}
@media print, screen and (min-width: 48em) {
.mobile-only {
display: none !important;
}
}
@media print, screen and (max-width: 59.9375em) {
.cbx .hdr-actions__block.hdr-actions__block--search .hdr-search {
width: 388px;
}
.logocb {
margin-left: 100px;
}
.cbx .hdr-actions__list-item.cbx:first-child {
margin-left: 100px;
}
}
@media print, screen and (max-width: 47.9375em) {
#tabSignOutMobile:before {
content: '|';
margin: 0 6px 0 7px;
display: inline-block !important;
color: #0F6F9F !important;
}
.hdr-actions__list.cbx li:before {
display: none;
}
.hdr-actions__list.cbx li:nth-last-child(2):before {
display: none;
}
.hdr-actions__list.cbx li:nth-child(3):before {
display: none;
}
.cbx .hdr-search {
width: 100%;
}
#siteHeader .main-nav__item a {
padding: 12px 15px;
}
.logocb {
position: absolute;
left: 50%;
top: 12px;
transform: translateX(-50%);
margin-left: 0 !important;
z-index: 10;
}
.cgp__logo {
display: none !important;
}
.main-nav__item.cbx:first-child a {
padding-top: 27px !important;
}
.main-nav__item.cbx:last-child a {
padding-bottom: 27px !important;
}
.header.cbx {
box-shadow: none !important;
}
.cbx .main-nav {
border-bottom: 4px solid #16a4ec;
}
.cbx .toggle-search {
border-bottom: 4px solid #16a4ec;
}
.cbx .show-basket {
display: none;
}
.cbx .hdr-actions__list-item:first-child {
left: 10px !important;
margin: auto;
position: absolute;
}
.cbx .hdr-actions-compact:after {
border-bottom: 4px solid #16a4ec;
}
}
@media print, screen and (min-width: 48em) {
.cbx.hdr-actions-expnd {
display: block;
margin-bottom: 20px;
height: 38px;
position: relative;
text-align: right;
background-color: #1494D4;
}
.cbx.hdr-actions-expnd .hdr-actions__block--search {
position: absolute;
top: 60px;
right: 30px;
}
.header .cbx .main-nav .main-nav__item > a,
.main-nav__item.cbx > a {
padding: 17px 10px;
position: relative;
overflow: hidden;
color: #FFF;
font-weight: bold;
font-size: 18px;
}
.header .cbx .main-nav .main-nav__item > a:before,
.main-nav__item.cbx > a:before {
content: '';
width: 2px;
height: 15px;
background: #1494D4;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
}
.header .cbx .main-nav .main-nav__item > a:hover, .header .cbx .main-nav .main-nav__item > a:focus,
.main-nav__item.cbx > a:hover,
.main-nav__item.cbx > a:focus {
color: #FECD0A;
}
.header .cbx .main-nav .main-nav__item > a:hover:after, .header .cbx .main-nav .main-nav__item > a:focus:after,
.main-nav__item.cbx > a:hover:after,
.main-nav__item.cbx > a:focus:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDEyIDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPiZndDsgZHduIGNvcHk8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPHBvbHlsaW5lIGlkPSImZ3Q7LWR3bi1jb3B5IiBzdHJva2U9IiNGRUNEMEEiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSIxIDEuMDIyMTAzOTcgNS45Njc1OTM4OSA2IDExIDEiPjwvcG9seWxpbmU+DQogICAgPC9nPg0KPC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
}
.header .cbx .main-nav .main-nav__item > a:focus,
.main-nav__item.cbx > a:focus {
outline: none;
}
}
.cbx-dd-default {
color: gray !important;
}
.cbx-dd-option {
color: black;
}
.cbx-required::after {
content: "*";
color: #7A1735;
}
.form-grp.compact {
margin-top: 0px;
}
.cbx-additional-info {
border-radius: 15px;
border: 1px solid #E1DCD5;
width: 100%;
resize: none;
padding: 10px 10px;
}
.cbx-submit-single-line-text {
border-radius: 4px;
border: 1px solid #E1DCD5;
width: 100%;
padding: 10px 10px;
}
.cbx-submit-check-list.checkbox-list-vertical input[type="checkbox"] {
margin-right: 6px;
margin-top: 6px;
}
.cbx-additional-info-placeholder {
color: grey;
}
.WatermarkText {
color: grey;
}
@media screen and (max-width: 600px) {
.hide_mobile {
visibility: hidden;
display: none !important;
}
}
.cbx .feat {
margin-bottom: 20px;
font-size: 16px;
}
.cbx .feat .ri {
transition-property: opacity, transform;
transition-duration: 0.3s, 0.4s;
transition-timing-function: ease-out, cubic-bezier(0, 0.5, 0.5, 1);
}
.no-touch .cbx .feat:hover .ri {
transform: scale(1.03);
}
.cbx .feat__img img {
display: block;
width: 100%;
}
.cbx .feat__heading {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
margin-top: 15px;
}
.cbx .feat__heading a {
color: #000000;
}
.cbx .feat__heading a:hover {
background-image: linear-gradient(to right, #1494D4 0%, #1494D4 100%);
color: #1494D4;
}
.cbx .feat__description {
margin-top: 5px;
}
.cbx .feat__description > :first-child {
margin-top: 0;
}
.cbx .feat__description > :last-child {
margin-bottom: 0;
}
.cbx .feat__description > :first-child {
margin-top: 10px;
}
.cbx .feat__description :empty {
display: none;
}
.cbx .feat__link {
display: block;
font-weight: bold;
margin-top: 10px;
color: #DF812B;
}
.cbx .feat__link:hover {
text-decoration: underline;
}
.cbx .dropzone {
background: white;
border-radius: 15px;
border: 1px solid #007D81;
color: #007D81;
border-image: none;
max-width: 500px;
margin-left: 0;
margin-right: auto;
}
.cbx .expandable-content {
margin: 20px 0;
}
.cbx .expandable-content .less {
display: inline-block;
}
.cbx .expandable-content .more {
display: none;
}
.cbx .expandable-content .hide-content .less {
display: none;
}
.cbx .expandable-content .hide-content .more {
display: inline-block;
}
.cbx .expandable-content .hide-content .expandable-content__content {
display: none;
}
.cbx .no-js .expandable-content__content {
display: block !important;
}
.cbx .no-js .more,
.cbx .no-js .less {
display: none !important;
}
.cbx .expandable-content__item {
margin: 20px 0;
}
.cbx .expandable-content__item h3 {
color: #000;
}
.cbx .expandable-content__link {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.cbx .expandable-content__link .more,
.cbx .expandable-content__link .less {
padding-right: 20px;
}
.cbx .expandable-content__heading {
font-size: 20px;
}
.cbx .expandable-content__heading a {
display: block;
padding-right: 25px;
}
.cbx .hide-content .expandable-content__link span,
.cbx .hide-content .expandable-content__heading a {
color: #1494D4;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Ctitle%3ENext%3C/title%3E%3Cpolyline points='1,1 6,6 11,1' style='fill:none;stroke-width:2;stroke:%231494D4'/%3E%3C/svg%3E") no-repeat right center;
}
.cbx .expandable-content__link span,
.cbx .expandable-content__heading a {
color: #1494D4;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Ctitle%3ENext%3C/title%3E%3Cpolyline points='1,6 6,1 11,6' style='fill:none;stroke-width:2;stroke:%231494D4'/%3E%3C/svg%3E") no-repeat right center;
}
@media print, screen and (min-width: 40em) {
.cbx .expandable-content__heading a {
display: inline-block;
}
}
.cbx .free-content-block .free-content {
border-top: 5px solid #E1DCD5;
padding-top: 18px;
}
.cbx .free-content-block .free-content .content-fig {
margin: 20px 0;
}
.cbx .free-content-block .free-content h3 + .content-fig {
margin-top: 0;
}
.cbx .free-content-block h3 {
font-size: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #E1DCD5;
margin-bottom: 25px;
}
.cbx .free-content-block h4 {
font-size: 16px;
margin-top: 15px;
margin-bottom: 5px;
}
.cbx .free-content-block img,
.cbx .free-content-block .ri {
float: left;
display: block;
margin-right: 20px;
margin-bottom: 20px;
width: 95px;
}
.cbx .free-content-block hr {
clear: both;
margin: 20px 0;
border: none;
height: 1px;
background-color: #E1DCD5;
}
@media print, screen and (min-width: 40em) {
.cbx .free-content-block .content-layout.is-three-col .free-content {
padding-top: 25px;
padding-left: 0;
}
.cbx .free-content-block .content-layout.is-three-col .free-content .content-fig {
margin: 25px 0;
width: 100%;
}
.cbx .free-content-block .content-layout.is-three-col .free-content h3 + .content-fig {
margin-top: 0;
}
.cbx .free-content-block .content-layout.is-three-col .free-content h3 {
margin-bottom: 25px;
}
.cbx .free-content-block h3 {
font-size: 22px;
padding-bottom: 22px;
}
.cbx .free-content-block h4 {
margin-bottom: 8px;
}
}
@media print, screen and (min-width: 60em) {
.cbx .free-content-block .content-layout.is-three-col .free-content h3 {
margin-bottom: 35px;
}
}
.cbx .dropdown-wrapper {
display: none;
width: 100%;
position: absolute;
top: 100%;
left: 0;
border-bottom: 4px solid #16a4ec;
box-shadow: 0 2px 0 0 #ccc;
background-color: #fff;
padding-top: 4px;
}
.cbx .dropdown-wrapper:before {
content: '';
display: block;
width: 100%;
height: 8px;
border-top: 4px solid #16a4ec;
border-bottom: 4px solid #fff;
background-color: #ccc;
}
.cbx .dropdown {
width: 100%;
background-color: #fff;
padding-top: 16px;
padding-left: 12px;
padding-right: 12px;
margin: 0 auto;
}
.mm-head {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.cbx .dropdown-blocks {
width: calc(100% + 20px);
margin-left: -20px;
}
.cbx .dropdown-block {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 20px;
margin-right: -4px;
width: 25%;
}
.cbx .dropdown-block .dropdown-block__inner h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.cbx .dropdown-block .dropdown-block__inner ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 16px;
}
.cbx .dropdown-block .dropdown-block__inner li {
margin-bottom: 10px;
}
.cbx .dropdown-block .dropdown-block__inner li a {
padding-left: 0px !important;
font-weight: normal !important;
color: #353535 !important;
transition: color .25s ease-in-out;
}
.cbx .dropdown-block .dropdown-block__inner li a:hover {
text-decoration: underline !important;
color: #353535 !important;
}
.cbx .dropdown-block .dropdown-block__inner .site-width {
padding-left: 0px;
padding-right: 0px;
}
.cbx .dropdown-blocks {
margin-bottom: 20px;
}
.cbx .dropdown-promo {
padding-top: 15px;
border-top: 1px solid #E1DCD5;
padding-bottom: 2px;
margin-top: 15px;
}
.cbx .dropdown-promo:first-child {
padding-top: 0;
border-top: none;
margin-top: 0;
}
.cbx .dropdown-promo .cta-wrapper {
font-size: 15px;
margin-top: 10px;
}
.cbx .dropdown-promo .ri {
background-color: #E6E2DF;
}
.cbx .dropdown-promo a:focus {
outline: none;
}
.cbx .dropdown-promo a:focus .btn {
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #007377;
}
.cbx .dropdown-promo__img {
margin-bottom: 10px;
}
.cbx .dropdown-promo__img img {
display: block;
width: 100%;
}
@keyframes showDropdown {
from {
transform-origin: top;
transform: translate3d(0, -1%, 0) scaleY(0.99);
opacity: 0;
}
to {
transform-origin: top;
transform: translate3d(0, 0, 0) scaleY(1);
opacity: 1;
}
}
@media print, screen and (min-width: 48em) {
.cbx .dropdown-wrapper {
transform: translateZ(0);
}
.cssanimations .cbx .dropdown-wrapper {
z-index: -1;
}
.cbx .dropdown-wrapper.has-animated {
z-index: 1;
}
.cbx .dropdown {
max-width: 1340px;
padding-left: 20px;
padding-right: 20px;
}
.cbx .no-js .main-nav__item:hover a:after,
.cbx .main-nav__item.is-hovered a:after {
bottom: 0;
}
.cbx .no-js .main-nav__item:hover .dropdown-wrapper,
.cbx .main-nav__item.is-hovered .dropdown-wrapper {
display: block;
animation: showDropdown 0.3s ease-out 1;
animation-fill-mode: forwards;
}
.cbx .main-nav__item.is-unhovered .dropdown-wrapper {
display: block;
animation: showDropdown 0.3s ease-in 1;
animation-direction: reverse;
animation-fill-mode: both;
}
}
@media print, screen and (min-width: 65.625em) {
.cbx .dropdown-blocks {
overflow: hidden;
}
.cbx .dropdown-blocks {
margin-left: -30px;
}
.cbx .dropdown-block {
padding-left: 30px;
}
.cbx .dropdown-block h3 {
font-size: 18px;
}
.cbx .dropdown-block ul {
font-size: 16px;
}
.mm-head {
font-size: 18px;
}
.cbx .dropdown-block--promos {
display: block;
float: right;
}
.cbx .dropdown {
padding-top: 30px;
}
}
.cbx .input {
background-color: #fff;
padding: 8px 10px;
}
.cbx .input:focus {
outline: none;
box-shadow: none;
border-color: #83BF00;
}
.cbx .input::-webkit-input-placeholder {
color: #A6A6A6;
}
.cbx .input::-moz-placeholder {
color: #A6A6A6;
}
.cbx .input:-ms-input-placeholder {
color: #A6A6A6;
}
.cbx .input[disabled] {
background-color: rgba(166, 166, 166, 0.1);
}
.cbx .input[type="number"] {
-moz-appearance: textfield;
}
.cbx .input[type="number"]::-webkit-inner-spin-button, .cbx .input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cbx .input[type="search"] {
box-sizing: border-box;
border-radius: 2px;
box-shadow: none;
-webkit-appearance: none;
}
.cbx .input.input--qty, .form-grp .cbx .input.input--qty {
width: 50px;
text-align: center;
}
.cbx .input.is-invalid {
border-color: #DF812B;
}
.cbx .select {
height: 38px;
position: relative;
border-radius: 4px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Ctitle%3ENext%3C/title%3E%3Cpolyline points='1,1 6,6 11,1' style='fill:none;stroke-width:2;stroke:%231494D4'/%3E%3C/svg%3E") no-repeat right 10px center #fff;
overflow: hidden;
}
.cbx .select select {
width: 100%;
height: 38px;
line-height: 1.25;
padding: 9px 32px 9px 10px;
-webkit-appearance: none;
-moz-appearance: none;
}
.cbx .select select:focus {
outline: none;
border-color: #007377;
}
.cbx .select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.cbx .select select::-ms-expand {
display: none;
}
.IE9 .cbx .select select {
padding-right: 10px;
}
.cbx-export-filter {
margin-bottom: 0px;
}
.cbxsubjects {
border: none;
}
.cbxsubjects input {
margin-right: 10px;
}
.cbx .form-grp label + ul {
margin-top: 0;
}
.cbx .form-grp .input {
width: 100%;
}
.cbx .form-grp.is-required .form-grp__label:after {
content: ' *';
color: #DF812B;
}
.cbx .form-grp.is-invalid label,
.cbx .form-grp.is-invalid .form-grp__label {
color: #DF812B;
}
.cbx .form-grp.is-invalid .input,
.cbx .form-grp.is-invalid .select select {
border-color: #DF812B;
}
.cbx .form-grp.narrow {
max-width: 300px;
}
.EditingFormErrorLabel {
font-size: 14px !important;
color: #DF812B !important;
margin-top: 0.5em !important;
margin-bottom: 1em !important;
}
.cbx .form-grp__validation,
.cbx .form-grp .validation-errors {
font-size: 14px;
color: #DF812B;
}
.cbx .form-grp__validation .validation,
.cbx .form-grp .validation-errors .validation {
margin-top: 0.5em;
margin-bottom: 1em;
}
.cbx.bc a {
color: #16a4ec;
}
.cbx .bc__expanded {
display: none;
}
.cbx .bc__expanded ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.cbx .bc__expanded li {
display: inline-block;
vertical-align: middle;
}
.cbx .bc__expanded li:not(:first-child):before {
content: '';
display: inline-block;
width: 7px;
height: 11px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSItMSAtMiA3IDExIj48cG9seWxpbmUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiA0KXNjYWxlKC0xIDEpcm90YXRlKDkwKXRyYW5zbGF0ZSgtMiAtNCkiIHBvaW50cz0iLTIgMiAyIDYgNiAyIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZTojMzk5M0ZCIi8+PC9zdmc+) no-repeat left center;
vertical-align: middle;
margin: -2px 10px 0 6px;
}
.cbx .bc__expanded li a {
color: #1494D4;
}
.cbx .bc__expanded li a:hover {
text-decoration: underline;
}
.cbx .bc__link:before {
content: '';
display: inline-block;
width: 7px;
height: 10px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSItMiAtMiA3IDExIj48cG9seWxpbmUgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiA0KXJvdGF0ZSg5MCl0cmFuc2xhdGUoLTIgLTQpIiBwb2ludHM9Ii0yIDIgMiA2IDYgMiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2U6IzM5OTNGQiIvPjwvc3ZnPg==) no-repeat left center;
vertical-align: middle;
margin: -2px 10px 0 0;
}
@media print, screen and (min-width: 48em) {
.cbx .bc {
margin: 16px 0 32px;
}
.cbx .bc__expanded {
display: block;
}
.cbx .bc__link {
display: none;
}
}
@media print, screen and (min-width: 60em) {
.cbx .bc {
margin-bottom: 40px;
}
}
pagination__arrow pagination__prev.cbx .pagination {
font-size: 16px;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
pagination__arrow pagination__prev.cbx .pagination .icon-wrapper {
width: 32px;
height: 32px;
}
pagination__arrow pagination__prev.cbx .pagination a {
color: #1494D4;
}
.cbx .pagination__inner {
width: 80%;
margin: 0 auto;
max-width: 300px;
}
.cbx .pagination__left, .cbx .pagination__right {
display: inline-block;
vertical-align: middle;
}
.cbx .pagination__left {
text-align: right;
}
.cbx .pagination__left a {
color: #1494D4;
}
.cbx .pagination__right {
text-align: left;
}
.cbx .pagination__right a {
color: #1494D4;
}
.cbx .pagination__oview--pages {
margin: 0 10px;
}
.cbx .pagination__oview--pages,
.cbx .pagination__arrow {
display: inline-block;
vertical-align: middle;
}
.cbx .pagination__arrow {
background-position: center;
}
.cbx .pagination__arrow .icon-wrapper {
margin-top: 0;
margin-right: 0;
}
.cbx .pagination__arrow .icon {
position: relative;
line-height: 32px;
text-indent: 0;
transition: all 0.3s;
}
.cbx .pagination__arrow i {
font-size: 0;
font-style: normal;
font-weight: bold;
}
.cbx .pagination__prev.is-disabled .icon--prev {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSItMiA0IDcgMTAiPjx0aXRsZT5QcmV2aW91czwvdGl0bGU+PHBvbHlsaW5lIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgOSlyb3RhdGUoOTApdHJhbnNsYXRlKC0yIC05KSIgcG9pbnRzPSItMiA3IDIgMTEgNiA3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZTojMzUzNTM1Ii8+PC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
margin-top: 0;
}
.cbx .pagination__prev:not(.is-disabled):hover .icon--prev {
background-position: left center;
}
.cbx .pagination__next.is-disabled .icon--next {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIxNyAxNCA3IDEwIj48dGl0bGU+TmV4dDwvdGl0bGU+PHBvbHlsaW5lIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxIDE5KXJvdGF0ZSgtOTApdHJhbnNsYXRlKC0yMSAtMTkpIiBwb2ludHM9IjE3IDE3IDIxIDIxIDI1IDE3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZTojMzUzNTM1Ii8+PC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
margin-top: 0;
}
.cbx .pagination__next:not(.is-disabled):hover .icon--next {
background-position: right center;
}
.cbx .pagination__pages {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
vertical-align: middle;
}
.cbx .pagination__pages li {
display: inline-block;
}
.cbx .pagination__pages a {
transition: color 0.3s;
}
.cbx .pagination__pages a:hover {
color: #1494D4;
}
.cbx .pagination__pages .icon-wrapper {
border: 1px solid #e1dcd5;
margin-top: 0;
margin-right: 0;
transition: border-color 0.3s;
}
.cbx .pagination__pages .icon-wrapper span {
display: block;
line-height: 32px;
}
.cbx .pagination__pages a:hover .icon-wrapper {
border-color: #1494D4;
}
.cbx .pagination__page.is-active .icon-wrapper,
.cbx .pagination__page a:focus .icon-wrapper {
border-color: #1494D4;
}
.cbx .pagination__page.is-active a,
.cbx .pagination__page a:focus {
color: #1494D4;
}
.cbx .pagination__oview--results {
display: none;
}
@media print, screen and (min-width: 40em) {
.cbx .pagination {
font-size: 14px;
}
.cbx .pagination__inner {
width: auto;
max-width: none;
}
.cbx .pagination .pagination__oview--pages {
display: none;
}
.cbx .pagination__pages {
display: inline-block;
}
.cbx .pagination__page {
margin-right: 2px;
}
.cbx .pagination__oview--results {
display: block;
margin-top: 20px;
}
}
@media print, screen and (min-width: 48em) {
.cbx .pagination__left, .cbx .pagination__right {
min-width: 100px;
}
.cbx .pagination__arrow .icon-wrapper {
width: auto;
}
.cbx .pagination__arrow i {
font-size: inherit;
}
.cbx .pagination__prev .icon--prev {
background-position: 8px center;
padding: 0 8px 0 22px;
}
.cbx .pagination__next .icon--next {
background-position: right 8px center;
padding: 0 22px 0 8px;
}
}
@media print, screen and (min-width: 60em) {
.cbx .pagination {
margin-top: 40px;
}
}
.unstyled-btn {
padding: 0;
background: none;
border: none;
display: inline-block;
zoom: 1;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
line-height: inherit;
}
.unstyled-btn::-moz-focus-inner {
border: none;
padding: 0;
}
.cbx .btn {
border-radius: 0 !important;
}
.cbx .btn,
.res--quick-view .main-download-btn {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: center;
padding: 7px 18px;
border: 1px solid #83BF00;
background-color: #83BF00;
transition: transform 0.1s linear, background-color 0.25s linear, color 0.25s linear;
-webkit-tap-highlight-color: rgba(131, 191, 0, 0.5);
}
.cbx .btn:focus,
.res--quick-view .main-download-btn:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #83BF00;
}
.cbx .btn:active,
.res--quick-view .main-download-btn:active {
transform: scale(0.97);
}
.cbx .btn:hover, .cbx .btn:focus,
.res--quick-view .main-download-btn:hover,
.res--quick-view .main-download-btn:focus {
color: #fff;
background-color: #699900;
}
.cbx .btn.is-disabled, .cbx .btn[disabled],
.res--quick-view .main-download-btn.is-disabled,
.res--quick-view .main-download-btn[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.cbx .clear-all-filters,
.cbx .apply-res-filters,
.class-box-category-page .off-canvas__close {
background-color: #1494D4 !important;
-webkit-tap-highlight-color: rgba(20, 148, 212, 0.5);
border: 1px solid #1494D4;
}
.cbx .clear-all-filters:focus,
.cbx .apply-res-filters:focus,
.class-box-category-page .off-canvas__close:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1494D4;
}
.cbx .btn--alt {
border: 1px solid #83BF00;
background-color: #fff;
font-size: 16px;
font-weight: bold;
color: #83BF00;
line-height: 1.5;
text-align: center;
transition: transform 0.1s linear, background-color 0.25s linear, color 0.25s linear;
-webkit-tap-highlight-color: rgba(131, 191, 0, 0.5);
}
.cbx .btn--alt:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #83BF00;
}
.cbx .btn--alt:active {
transform: scale(0.97);
}
.cbx .btn--alt.is-disabled, .cbx .btn--alt[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.join-menu-button {
top: -3px;
padding: 1px 8px !important;
position: relative;
}
.cbx .join-menu-button {
background-color: #FF9335;
border: 1px solid #FF9335;
-webkit-tap-highlight-color: rgba(255, 147, 53, 0.5);
}
.cbx .join-menu-button:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #FF9335;
}
.cbx .join-menu-button:hover, .cbx .join-menu-button:focus {
color: #fff;
background-color: #DF812B;
}
.cbx .btn--link,
.cbx .btn--back {
display: inline-block;
vertical-align: middle;
border: none;
color: #1494D4;
line-height: 1.25;
text-align: left;
background-color: transparent;
font-weight: bold;
}
.cbx .btn--link:active,
.cbx .btn--back:active {
transform: none;
}
.cbx .btn--link:hover, .cbx .btn--link:focus,
.cbx .btn--back:hover,
.cbx .btn--back:focus {
color: #1494D4;
background-color: transparent;
box-shadow: none;
}
.cbx .btn--link:hover,
.cbx .btn--back:hover {
text-decoration: underline;
color: #16a4ec;
}
.cbx .btn--link {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Ctitle%3ENext%3C/title%3E%3Cpolyline points='1 1 6 6 1 11' style='fill:none;stroke-width:2;stroke:%231494D4'/%3E%3C/svg%3E") no-repeat right center transparent;
text-align: right;
padding: 0 16px 0 0;
}
.cbx .btn--link.btn--sm {
background-size: 6px 10px;
padding-right: 14px;
}
.cbx .btn--link-no-icon {
background-image: none;
padding-right: 0 !important;
}
.cbx .btn--back {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Ctitle%3EBack%3C/title%3E%3Cpolyline points='7 1 2 6 7 11' style='fill:none;stroke-width:2;stroke:%231494D4'/%3E%3C/svg%3E") no-repeat left center transparent;
padding: 0 0 0 16px;
}
.cbx .btn--back.btn--sm {
background-size: 6px 10px;
padding-left: 14px;
}
.cbx .btn.resend-email-link {
padding: 2px 10px;
margin: 8px 0;
}
@media print, screen and (max-width: 47.9375em) {
.join-menu-button {
margin-bottom: 30px !important;
margin-top: 15px !important;
}
}
@media print, screen and (min-width: 62em) {
.fixedHeader .join-menu-button {
margin-top: 16px;
}
}
.cbx ::selection {
background: rgba(22, 164, 236, 0.25);
}
.cbx a:link {
-webkit-tap-highlight-color: rgba(22, 164, 236, 0.5);
}
.vertical-line-span {
display: inline-block;
border-left: 2px solid #1494D4;
height: 15px;
margin-right: 10px;
}
/**
* Icons
*
* Refer to the icon mixin in config/_mixins.scss
*/
.header.cbx .icon--search {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIzcHgiIHZpZXdCb3g9IjAgMCAyMiAyMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDM5LjEgKDMxNzIwKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+U2xpY2UgMTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0ic2VhcmNoLWljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjQ5NTY4OSwgMTIuNDk1Njg5KSBzY2FsZSgtMSwgMSkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMi40OTU2ODksIC0xMi40OTU2ODkpIHRyYW5zbGF0ZSgzLjk5NTY4OSwgMC40OTU2ODkpIiBmaWxsPSIjMzk5M0ZCIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNyw4LjUgQzE3LDMuODA1NTc5NjMgMTMuMTk0NDIwNCwtOS4zMDgxMDk4NGUtMTMgOC41LC05LjMwODEwOTg0ZS0xMyBDMy44MDU1Nzk2MywtOS4zMDgxMDk4NGUtMTMgOS40Njc5ODE5NWUtMTMsMy44MDU1Nzk2MyA5LjQ2Nzk4MTk1ZS0xMyw4LjUgQzkuNDY3OTgxOTVlLTEzLDEzLjE5NDQyMDQgMy44MDU1Nzk2MywxNyA4LjUsMTcgQzEzLjE5NDQyMDQsMTcgMTcsMTMuMTk0NDIwNCAxNyw4LjUgWiBNMiw4LjUgQzIsNC45MTAxNDkxMyA0LjkxMDE0OTEzLDIgOC41LDIgQzEyLjA4OTg1MDksMiAxNSw0LjkxMDE0OTEzIDE1LDguNSBDMTUsMTIuMDg5ODUwOSAxMi4wODk4NTA5LDE1IDguNSwxNSBDNC45MTAxNDkxMywxNSAyLDEyLjA4OTg1MDkgMiw4LjUgWiIgaWQ9Ik92YWwtMzkiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJMaW5lIiBwb2ludHM9IjggMjIuNTgyNzYyNyA4IDIzLjU4Mjc2MjcgMTAgMjMuNTgyNzYyNyAxMCAyMi41ODI3NjI3IDEwIDE2LjUgMTAgMTUuNSA4IDE1LjUgOCAxNi41Ij48L3BvbHlnb24+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=);
margin-top: -2px;
background-repeat: no-repeat;
}
.cbx .icon--grid-view {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNCAxNCI+DQogICAgPHJlY3Qgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTQ5NEQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjwvcmVjdD4NCiAgICA8cmVjdCBzdHJva2U9Im5vbmUiIGZpbGw9IiMxNDk0RDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeD0iOSIgeT0iMCIgd2lkdGg9IjUiIGhlaWdodD0iNSI+PC9yZWN0Pg0KICAgIDxyZWN0IHN0cm9rZT0ibm9uZSIgZmlsbD0iIzE0OTRENCIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSI5IiB5PSI5IiB3aWR0aD0iNSIgaGVpZ2h0PSI1Ij48L3JlY3Q+DQogICAgPHJlY3Qgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTQ5NEQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjAiIHk9IjkiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPjwvcmVjdD4NCjwvc3ZnPg==);
margin-top: -2px;
background-repeat: no-repeat;
}
.cbx .icon--list-view {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAyMCAxNCI+DQogICAgPHJlY3Qgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTQ5NEQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjQiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIj48L3JlY3Q+DQogICAgPHJlY3Qgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTQ5NEQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjQiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIj48L3JlY3Q+DQogICAgPHJlY3Qgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTQ5NEQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjQiIHk9IjEyIiB3aWR0aD0iMTYiIGhlaWdodD0iMiI+PC9yZWN0Pg0KICAgIDxyZWN0IHN0cm9rZT0ibm9uZSIgZmlsbD0iIzE0OTRENCIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIj48L3JlY3Q+DQogICAgPHJlY3Qgc3Ryb2tlPSJub25lIiBmaWxsPSIjMTQ5NEQ0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjAiIHk9IjYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjwvcmVjdD4NCiAgICA8cmVjdCBzdHJva2U9Im5vbmUiIGZpbGw9IiMxNDk0RDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeD0iMCIgeT0iMTIiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjwvcmVjdD4NCjwvc3ZnPg==);
margin-top: -2px;
background-repeat: no-repeat;
}
.cbx .icon--prev {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSItMiA0IDcgMTAiPjx0aXRsZT5QcmV2aW91czwvdGl0bGU+PHBvbHlsaW5lIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgOSlyb3RhdGUoOTApdHJhbnNsYXRlKC0yIC05KSIgcG9pbnRzPSItMiA3IDIgMTEgNiA3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZTojMTQ5NEQ0Ii8+PC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
}
.cbx .icon--next {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIxNyAxNCA3IDEwIj48dGl0bGU+TmV4dDwvdGl0bGU+PHBvbHlsaW5lIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxIDE5KXJvdGF0ZSgtOTApdHJhbnNsYXRlKC0yMSAtMTkpIiBwb2ludHM9IjE3IDE3IDIxIDIxIDI1IDE3IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZTojMTQ5NEQ0Ii8+PC9zdmc+);
margin-top: -2px;
background-repeat: no-repeat;
}
.cbx .icon--quick-view {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iLTEgMiAxMyAxNiI+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2U6IzM1MzUzNTt9PC9zdHlsZT48Y2lyY2xlIGN4PSI0LjUiIGN5PSI3LjkiIHI9IjQuNSIgY2xhc3M9ImEiLz48cGF0aCBkPSJNNy40IDExLjhMMTAuOSAxNS40IiBjbGFzcz0iYSIvPjwvc3ZnPg==);
margin-top: -2px;
background-repeat: no-repeat;
}
.cbx .icon-wrapper a {
width: 35px;
height: 35px;
display: inline-block;
zoom: 1;
vertical-align: middle;
position: relative;
margin-right: 4px;
margin-top: -2px;
color: #1494D4;
}
.cbx .icon-wrapper a .icon {
width: 100%;
height: 100%;
margin-top: 0;
position: absolute;
top: 0;
left: 0;
background-position: center;
}
.footer.cbx {
clear: both;
position: relative;
background-color: #16a4ec !important;
color: #fff;
padding-top: 8px;
margin-top: 30px;
}
.footer.cbx a {
color: #fff;
transition: color 0.3s;
}
.footer.cbx a:hover {
color: #FECD0A;
}
.footer.cbx:before {
content: '';
display: block;
height: 4px;
position: absolute;
top: 4px;
left: 0;
right: 0;
background-color: #fff;
}
.footer__hygiene.cbx {
border-top: 1px solid rgba(255, 255, 255, 0.2);
font-size: 14px;
padding: 20px 0;
background-color: #16a4ec;
}
.footer__hygiene.cbx a {
color: #fff;
transition: color 0.3s;
}
.footer__hygiene.cbx a:hover {
color: #FECD0A;
}
.footer__hygiene.cbx ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer__hygiene.cbx li {
display: inline-block;
}
.footer__hygiene.cbx li:not(:last-child) {
padding-right: 24px;
}
@media print, screen and (max-width: 59.9375em) {
.socialPadding {
margin-bottom: 30px !important;
}
}
@media print, screen and (min-width: 48em) {
.footer__links li {
display: inline-block;
position: relative;
margin-bottom: 0;
}
.footer__links li:not(:last-child) {
padding-right: 17px;
margin-right: 12px;
}
.footer__links li:not(:last-child):after {
content: '';
display: block;
width: 1px;
height: 16px;
position: absolute;
top: 50%;
right: 0;
background-color: #fff;
margin-top: -8px;
}
}
@media print, screen and (min-width: 60em) {
.cbx.footer__logo {
display: flex;
}
.footer__links {
float: left;
width: calc(100% - 350px);
}
.footer__links li {
line-height: 44px;
}
.footer__links li:not(:last-child) {
padding-right: 21px;
margin-right: 16px;
}
.footer__logo {
float: right;
text-align: right;
}
.footer__hygiene {
clear: both;
}
}
.class-box-category-page .off-canvas__close {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: center;
padding: 7px 18px;
border: 1px solid #1494D4;
background-color: #1494D4;
transition: transform 0.1s linear, background-color 0.25s linear, color 0.25s linear;
-webkit-tap-highlight-color: rgba(20, 148, 212, 0.5);
}
.class-box-category-page .off-canvas__close:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #83BF00;
}
.js .cbx .accordion .slide-wrapper {
overflow: hidden;
height: 0;
transform: translateZ(0);
}
.cbx .accordion .slide-wrapper.is-active {
height: auto;
}
.cbx .accordion .slide-wrapper.is-active.is-animating .accordion__content__inner {
animation: showAccordionItem 0.4s ease-out 1;
animation-fill-mode: forwards;
}
.cbx .accordion .slide-wrapper.is-animating .accordion__content__inner {
animation: showAccordionItem 0.4s ease-in 1;
animation-fill-mode: both;
animation-direction: reverse;
}
.cbx .accordion__heading a {
display: block;
background: url("/static/built/img/cgpplus/plus.jpg") no-repeat right 0 center #fff;
}
.cbx .accordion__heading a.is-active {
background: url("/static/built/img/cgpplus/minus.jpg") no-repeat right 0 center #fff;
}
.res--summary-container {
display: flex;
margin: 10px;
width: 22%;
}
.res--summary-container-no-arrows {
margin-left: 37px;
}
.res--carousel .carousel-right {
display: block;
}
.res--carousel .carousel-left {
display: block;
}
.res--carousel svg {
stroke-width: 5;
stroke: #1494D4;
}
.res--carousel button {
border: none;
background: none;
}
.res--carousel .invisible {
visibility: hidden;
}
.res--block {
margin-top: -20px;
}
.res--block .res--summary-container {
width: 30%;
}
.res--block .res--summary {
border-bottom: 0;
}
.res--block .carousel-left {
display: none;
}
.res--block .carousel-right {
display: none;
}
.res--block button {
display: none;
}
.res--paged .res--summary-container {
width: 22%;
}
.res--paged .res--summary {
border-bottom: 0;
}
.res--paged .carousel-left {
display: none;
}
.res--paged .carousel-right {
display: none;
}
.res--paged button {
display: none;
}
.cbx-res-right-panel .prod-group__prods {
margin-left: 0;
}
.cbx-res-right-panel {
margin-left: 60px;
}
.cbx-res-left-panel {
margin-right: 10px;
}
@media print, screen and (max-width: 47.9375em) {
.res--summary-container {
margin: 0px;
width: 43% !important;
margin-left: 18px;
margin-top: 20px;
}
.res--block .res--summary {
border-bottom: 1px solid #E1DCD5 !important;
}
.res--summary-container-no-arrows {
margin-left: 0px !important;
}
.cbx-res-right-panel {
margin-left: 0px;
}
.cbx-res-right-panel .prod-group__prods {
display: flex;
flex-wrap: wrap;
}
.carousel-left, .carousel-right {
display: none !important;
}
.res--carousel {
display: flex;
flex-wrap: wrap;
}
}
.cbx-cell-label {
margin: 5px 60px 5px 0;
}
.cbx-your-subscription-admin-section {
margin-top: 40px;
}
.cbx-add-sub-member-txt {
display: block;
margin-bottom: 10px;
margin-top: 30px;
}
.cbx-new-user-input {
width: 40%;
min-width: 300px;
padding: 3px;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 30px;
display: block;
}
table.cbx-subscription-manage-table {
margin-bottom: 5px;
margin-top: 25px;
width: 57%;
}
.cbx-subscription-manage-table th {
font-weight: bold;
margin-bottom: 5px;
padding: 5px;
border-bottom: 1px solid black;
text-align: center;
}
.cbx-subscription-manage-table td {
min-width: 120px;
padding: 5px 10px;
border-bottom: 1px solid black;
}
.cbx-subscription-manage-table td:first-child {
padding: 5px 10px 5px 0px;
width: 50%;
}
.cbx-subscription-manage-table td:last-child {
width: 120px;
}
.cbx-subscription-manage-table th:last-child {
width: 120px;
}
.cbx-subscription-manage-table th:first-child {
padding: 5px 10px 5px 0px;
width: 50%;
text-align: left;
}
.subscription-member-actions-cell {
display: flex;
justify-content: right;
}
.subscription-member-actions-cell .member-action {
width: 110px;
max-height: 25px;
text-align: center;
font-weight: bold;
padding-top: 0;
}
.subscription-member-actions-cell .member-action.left {
margin-right: 5px;
}
.subscription-member-actions-cell .member-action.right {
margin-left: 5px;
}
.subscription-member-actions-cell .sent-notification {
padding-top: 2px;
}
.end-subscription-nag.lightbox {
padding-top: 10%;
}
.end-subscription-nag .lightbox__content {
max-width: 600px;
}
.end-subscription-nag .lightbox__body {
padding: 0 40px 20px;
}
.unsubscribe-buttons {
display: flex;
justify-content: center;
}
.unsub-btn {
min-width: 110px;
margin-left: 20px;
margin-right: 20px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 20px;
padding-right: 20px;
min-height: 40px;
border: 2px solid #007377;
}
.cbx-subscription-add-member-controls {
margin-top: 25px;
}
.container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 1px solid black;
}
.cb-admin-column {
display: flex;
margin-top: -11px;
justify-content: center;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cbx-add-sub-seats-article {
padding: 0 25px;
}
.cbx-number-of-seats {
margin: 20px 0;
padding: 5px;
max-width: 60px;
}
.add-seats-form {
display: flex;
flex-direction: column;
}
.form-btns {
display: flex;
flex-direction: row;
gap: 10px;
}
.cbx-resource-reviews h3 {
padding: 20px;
}
.cbx-confirm-join-lb .lightbox__content {
max-width: 700px;
}
.cbx-confirm-join-lb .lightbox__header {
padding-left: 20px;
}
.leave-sub-modal .lightbox__content {
max-width: 600px;
margin-top: 200px;
}
.leave-sub-modal .lightbox__header {
text-align: center;
}
.leave-subscription-form {
margin-left: 30px;
margin-right: 30px;
}
.leave-subscription-form .custom-reason {
min-height: 80px;
}
.leave-subscription-form .intro-sentence {
text-align: center;
}
.leave-subscription-form .submit-button-container {
text-align: center;
}
.unsubscribe-form-submit-btn {
min-width: 150px;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (max-width: 47.9375em) {
table.cbx-subscription-manage-table {
display: block;
overflow-x: auto;
white-space: nowrap;
width: 100%;
}
}
.leave-opt-row {
cursor: pointer;
}
.contributor-header {
font-size: 36px;
font-weight: 700;
word-break: break-word;
}
.resources-header {
font-size: 28px;
font-weight: 700;
}
.image-zone {
min-width: 120px;
max-width: 120px;
}
.image-zone .contributor-profile-img {
max-width: 120px;
}
.cbx-contrib-image-box .lightbox__content {
max-width: 620px;
min-width: 480px;
}
.contrib-image-select-zone {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.profile-top-section {
display: flex;
flex-direction: row;
}
.profile-select-image {
max-width: 120px;
}
.author-info {
margin-left: 15px;
margin-bottom: 10px;
}
.resource-data-section {
margin-top: 20px;
margin-bottom: 40px;
}
.resource-data-section div {
margin-top: 5px;
margin-bottom: 5px;
}
.image-upload {
visibility: hidden;
}
.upload-image-btn {
vertical-align: inherit;
}
.select-image-btn {
background: none;
border: none;
margin: 5px;
}
.cbx-contrib-bio-txt-edit {
width: 100%;
min-height: 200px;
padding: 10px;
overflow: auto;
resize: none;
margin-bottom: 10px;
}
.cbx .contrib-profile-pic-change-btn {
width: 100%;
padding: 2px;
}
.author-bio {
margin-bottom: 10px;
}
.cbx .contrib-edit-btn {
margin-left: 10px;
padding: 2px 10px;
position: relative;
top: -5px;
}
.cbx-contrib-edt-box .lightbox__content {
max-width: 850px;
}
.cbx-contrib-edt-box .lightbox__header {
padding: 15px 25px 15px 25px;
}
.cbx-contrib-edt-box .icon {
margin-top: 5px;
margin-left: 7.5px;
}
.cbx-contrib-edt-box .lightbox__body {
padding: 0px 25px 25px;
}
.cbx-contrib-edt-box .btn {
margin-right: 5px;
}
.cbx-contributor-profile .submitted-resources .res--paged .res--summary {
border-bottom: 1px solid #E1DCD5;
}
@media print, screen and (max-width: 63.9375em) {
.cbx-contributor-profile .submitted-resources .res--summary .res__img figure {
min-height: 160px;
}
}
@media print, screen and (min-width: 48em) {
.cbx-contributor-profile .submitted-resources .prod-group {
margin-top: -20px;
}
.cbx-contributor-profile .submitted-resources .prod-group .prod-group__prods {
margin-left: 0px;
}
}
@media print, screen and (max-width: 47.9375em) {
.contributor-header {
font-size: 29px;
}
}
.your-downloads-hdrs {
display: flex;
border-width: 1px;
border-color: black;
border-style: solid;
border-top: none;
border-right: none;
border-left: none;
}
.your-downloads-hdrs p {
margin-bottom: 3px;
margin-top: 10px;
}
.your-downloads-row {
display: flex;
border-width: 1px;
border-color: black;
border-style: solid;
border-top: none;
border-right: none;
border-left: none;
}
.your-downloads-row div {
padding: 10px 0px;
}
.your-downloads-row a {
color: #E04693;
font-weight: bold;
}
.your-downloads-col-1 {
width: 30%;
}
.your-downloads-col-2 {
width: 80%;
}
.your-downloads-blurb {
margin-bottom: 20px;
}
.your-downloads-table {
width: 65%;
}
.your-downloads-table .res-listing__ress-footer {
margin-top: 20px;
}
.cbx .lightbox__body .terms-copyright .validation {
margin-left: 18px;
font-style: italic;
}
.cbx .your-resources-action .lightbox__header {
margin-bottom: -40px;
}
.cbx .your-resources-action .lightbox__body {
padding-bottom: 0px;
}
.cbx .your-resources-action .lightbox__body h3 {
margin-bottom: 10px;
margin-right: 25px;
}
.cbx .your-resources-action .lightbox-no-heading {
padding: 0px 40px 0px 20px;
}
.cbx-resource-reviews h3 {
padding-left: 7px;
padding-top: 20px;
}
.cbx-resource-reviews .reviewDetailsFaded.customer-ratings-count {
padding-left: 10px;
}
.cbx-resource-reviews .rating-bars-grid a {
color: #1494D4;
}
.cbx-resource-reviews .guestbook__author {
color: #E04693;
}
.loading {
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
text-indent: -9999em;
margin: -16px 0 0 -16px;
}
.cssanimations .loading {
border-radius: 100%;
border: 3px solid rgba(22, 164, 236, 0.25);
border-left-color: #16a4ec;
animation: loadingSpin 1.1s cubic-bezier(0.36, 0.59, 0.68, 0.47) infinite;
}
.no-js .loading, .no-csstransforms .loading, .no-cssanimations .loading {
background: url("/static/built/img/loading.gif") no-repeat center center;
}
.free-trial-modal .lightbox__content {
max-width: 800px;
}
.free-trial-modal .margin-top {
margin-top: 15px;
}
.free-trial-modal h2 {
font-size: 49px;
text-align: left;
min-width: 95%;
}
.input-pair {
display: flex;
justify-content: space-between;
max-width: 505px;
margin: 10px 0px;
}
.free-trial-input {
width: 400px;
}
.cbx-start-free-trial-btn {
padding: 5px 10px;
margin-top: 15px;
}
.cbx-subscribe-btn:hover {
cursor: pointer !important;
}
.cbx-join {
background-color: #DF812B;
border: 0;
}
.cbx-join:hover {
background-color: #FF0000;
}
.cbx-trial-banner-panel {
background-color: #FF9335;
padding: 5px;
margin-top: 8px;
}
.cbx-trial-banner-panel .btn {
padding: 2px 10px;
}
.cbx-trial-banner-warning {
display: flex;
align-items: center;
justify-content: center;
}
.free-trial-banner-text {
color: #ffffff;
font-weight: bold;
font-size: 18px;
margin-right: 50px;
}
.input-validation-failed {
border-color: #B71A4C;
border-style: solid;
border-radius: 2px;
border-width: 1px;
}
.cbx .email-validation-text,
.cbx .password-validation-text,
.cbx .name-validation-text {
color: #B71A4C;
font-size: small;
}
.cbx-free-trial-signup a {
color: #1494D4;
}
@media print, screen and (min-width: 40em) {
.free-trial-modal .lightbox__header {
padding: 11px 11px 0px 20px;
}
}
@media print, screen and (min-width: 20em) {
.free-trial-modal .lightbox__header {
padding: 11px 11px 0px 20px;
}
}
@media print, screen and (max-width: 39.9375em) {
.free-trial-modal .lightbox__content {
margin-top: 20px !important;
max-width: 100% !important;
}
}
@media screen and (max-height: 48em) {
.free-trial-modal .lightbox__content {
margin-top: 20px !important;
}
}
.cbx .tabs__nav a {
color: #1494D4;
}
.cbx .tabs__nav a:hover {
color: #16a4ec;
}
.add-to-lesson-wishlist {
position: absolute;
margin-top: -24px;
background-color: #F4F2ED;
min-width: 300px;
max-width: 300px;
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.35);
z-index: 99;
text-align: left;
}
.add-to-lesson-wishlist.is-calculating-side {
opacity: 0;
}
.add-to-lesson-wishlist p {
margin-bottom: 0;
}
.res--detail:not(.res--quick-view) .add-to-lesson-wishlist {
bottom: auto;
}
.add-to-lesson-wishlist.is-left {
right: auto;
left: 0;
}
.add-to-lesson-wishlist.no-lists {
min-height: 130px;
}
.add-to-lesson-wishlist.no-lists .wishlist-help-toggle {
bottom: -20px;
}
.add-to-lesson-wishlist a {
color: #1494D4;
}
@media screen and (max-width: 73.75em) {
.add-to-lesson-wishlist {
right: auto;
left: 0;
}
}
.cbx .wishlist-txt-btn {
color: #1494D4;
}
.cbx .wishlist-help-toggle a {
color: #1494D4;
}
.cbx .look-inside__jump-to li a {
color: #1494D4;
}
.cbx .look-inside__next svg {
stroke: #1494D4;
}
.cbx .look-inside__prev svg {
stroke: #1494D4;
}
.subscription-panel .sub__panel {
border: solid 1px;
border-color: #a6a6a6;
padding: 20px;
}
.subscription-panel .sub__panel__alt {
border: solid 1px;
border-color: #e04693;
padding: 20px;
}
.subscription-panel .sub__heading {
color: #ff8708;
text-align: center;
font-size: 22px;
margin-bottom: 10px;
}
.subscription-panel .container {
max-width: 150px;
padding-left: 0;
}
.subscription-panel .text {
text-align: center;
color: #ffffff;
font-size: 16px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
}
.subscription-panel .sub-panel-centre-column {
display: flex;
flex-direction: column;
align-items: center;
}
.subscription-panel .sub__badge {
background-color: #e04693;
min-width: 150px;
}
.subscription-panel .sub__badge::after {
position: absolute;
top: 2px;
left: 140px;
content: '';
z-index: 1;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-right: 10px solid white;
}
.subscription-panel .sub__badge::before {
position: absolute;
top: 2px;
content: '';
z-index: 1;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 10px solid white;
}
.subscription-panel .sub_content li {
margin-bottom: 10px;
}
.subscription-panel .sub_content .sub_radio span {
font-size: 14px;
}
.subscription-panel .sub_content .sub_radio .sub_radio_row {
margin-bottom: 10px;
}
.subscription-panel .sub_content_below {
min-height: 485px;
}
.subscription-panel .sub_content_below ul {
list-style: outside none;
list-style-position: outside;
text-align: left;
margin-left: 10px;
}
.subscription-panel .sub_content_below li:before {
content: "\2714\0020";
color: #83bf00;
font-weight: bold;
}
.subscription-panel .sub_content_below li {
margin-bottom: 10px;
text-indent: -17px;
}
.subscription-panel .sub_content_below .sub_radio span {
font-size: 14px;
}
.subscription-panel .sub_content_below .sub_radio .sub_radio_row {
margin-bottom: 10px;
}
.subscription-panel .sub_content .centre-align ul {
list-style: outside;
list-style-position: inside;
padding-inline-start: 0px;
text-align: center;
}
.subscription-panel .sub__inputs {
width: 100%;
text-align: center;
}
.subscription-panel .sub__inputs .licence-quantity {
height: 38px;
width: 38px;
text-align: center;
}
.subscription-panel .sub__inputs input::-webkit-outer-spin-button,
.subscription-panel .sub__inputs input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.subscribe-transfer-nag.lightbox {
padding-top: 10%;
}
.subscribe-transfer-nag .lightbox__content {
max-width: 550px;
}
.subscribe-transfer-nag .lightbox__content .btn {
padding-left: 50px;
padding-right: 50px;
}
.subscribe-transfer-nag .lightbox__header {
margin-bottom: -20px;
}
.subscribe-transfer-nag .lightbox__body {
padding-right: 40px;
}
.res__img figure {
display: inline-block;
position: relative;
}
.res__img img {
max-width: 100%;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35);
vertical-align: top;
}
.res__download {
display: block;
}
.force_hide_shadow img {
box-shadow: none !important;
}
.res__img.hide_shadow img {
box-shadow: none;
}
.res__look {
display: inline-block;
color: #353535;
font-weight: bold;
line-height: 1.3;
transition: color 0.3s;
}
.res__look .icon {
width: 13px;
height: 16px;
margin-right: 6px;
transition: background-image 0.3s;
}
.res__look:hover {
color: #16a4ec;
}
.res__look:hover .icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iLTEgMiAxMyAxNiI+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MjtzdHJva2U6IzE0OTRENDt9PC9zdHlsZT48Y2lyY2xlIGN4PSI0LjUiIGN5PSI3LjkiIHI9IjQuNSIgY2xhc3M9ImEiLz48cGF0aCBkPSJNNy40IDExLjhMMTAuOSAxNS40IiBjbGFzcz0iYSIvPjwvc3ZnPg==);
margin-top: -2px;
background-repeat: no-repeat;
}
.res__subtext {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 14px;
}
.res__subtext__rp {
font-size: 10px !important;
}
.res__key-info {
color: #8B1F43;
}
.res__badge {
display: inline-block;
background-color: #FF9335;
color: #fff;
font-size: 13px;
line-height: 16px;
padding: 4px 8px;
}
.res__badge:after {
content: '';
width: 12px;
height: 100%;
position: absolute;
top: 0;
right: -12px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAyNCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBvbHlnb24gcG9pbnRzPSIwIDAgMTIgMCAwIDEyIDEyIDI0IDAgMjQiIGZpbGw9IiNGRjkzMzUiLz48L3N2Zz4=) no-repeat left top;
background-size: 12px 100%;
}
.res__offers {
font-size: 14px;
}
.res__codes {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 16px;
margin: 0 0 1em;
}
.res__codes p {
font-size: medium;
margin-bottom: 10px;
}
.res__codes a {
text-decoration: underline;
}
.res-page-drop-down {
margin-bottom: 1em;
border-style: solid;
border-color: black;
min-width: 200px;
padding: 5px;
background-color: white;
}
.cgp-plus-bottom-margin {
margin-bottom: 1em;
}
.cgp-plus-bottom-margin-stars {
margin-bottom: 14px;
}
.res__stock {
font-size: 14px;
margin-bottom: 8px;
}
.subtext .res__stock {
margin-bottom: 0;
}
.res__stock--highlight {
color: #8B1F43;
}
.res__stock_rp {
font-size: 10px !important;
}
.res__pricing {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.5;
margin-bottom: 8px;
}
.res__pricing i.small {
font-size: 10px;
font-style: normal;
white-space: nowrap;
}
.res__price {
font-size: 16px;
font-weight: bold;
}
.res__retail-price {
font-weight: normal;
color: #A6A6A6;
margin-bottom: 2px;
}
.res__retail-price .res__price {
font-size: 14px;
font-weight: normal;
}
.res__price-title {
font-weight: normal;
}
.res__price--was {
font-size: 14px;
text-decoration: line-through;
color: #A6A6A6;
margin-right: 4px;
}
.res .input--qty, .res .res-group--related .input--qty {
width: 50px;
min-height: 37px;
font-size: 14px;
line-height: 1.5;
padding: 7px 10px;
margin-right: 6px;
}
.lt-ie10 .res .input--qty,
.lt-ie10 .res .res-group--related .input--qty {
height: 37px;
}
.res-listing__opts {
text-align: right;
overflow: hidden;
}
.res-listing__opt-view,
.res-listing__opt-ppp {
display: none;
}
.res-listing__opt-view-item {
display: inline-block;
width: 38px;
height: 38px;
position: relative;
border: 1px solid transparent;
padding-top: 2px;
margin-right: 2px;
overflow: visible;
}
.res-listing__opt-view-item .icon-wrapper {
background: #fff;
width: 36px;
height: 36px;
}
.res-listing__opt-view-item .icon-wrapper .icon {
margin-right: 0;
}
.res-listing__opt-view-item.is-active, .res-listing__opt-view-item:hover {
border-color: #1494D4;
}
.res-listing__opt-label {
display: inline-block;
font-size: 14px;
font-weight: bold;
vertical-align: middle;
margin-right: 4px;
}
.res-listing__opts .select {
display: inline-block;
vertical-align: middle;
}
.res-listing__opt-sort {
display: inline-block;
}
.no-js .res-listing__opt-sort {
display: block;
}
.apply-res-filter-opts {
display: none;
}
.no-js .apply-res-filter-opts {
display: block;
float: right;
margin-top: 12px;
}
.res-listing__ress-header {
border-bottom: 1px solid #E1DCD5;
padding: 12px 0;
}
.res-listing__ress-header:after {
content: '';
display: table;
clear: both;
}
.no-js .res-listing__ress-header {
border-bottom: none;
padding: 0;
}
.res-listing__results {
display: block;
float: right;
font-size: 14px;
line-height: 37px;
white-space: nowrap;
}
.no-js .res-listing__results {
float: none;
}
.res-listing__ress-body {
position: relative;
margin-bottom: 30px;
}
.res-listing__res {
margin-right: 0;
margin-bottom: 10px;
}
.res-listing__ress-footer .pagination {
margin-top: 0;
}
.res-listing .sidebar {
position: relative;
}
.res-listing__loading {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.85);
z-index: 10;
overflow: hidden;
}
.res-listing__loading .loading-indicator {
margin-top: 50px;
text-align: center;
}
.res-listing__loading .loading {
position: relative;
top: auto;
left: auto;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.res-listing__loading .loading-indicator__long {
display: none;
margin: 15px auto 0;
width: 80%;
max-width: 350px;
}
.res-listing__loading .loading-indicator__long a:hover {
text-decoration: underline;
}
.res-listing__ress-body.is-loading .res-listing__loading {
display: block;
animation: showProdLoadingIndicator 0.2s ease 1;
animation-fill-mode: both;
}
.res-listing__ress-body.is-long-loading .loading-indicator__long {
display: block;
}
.res-listing__ress-body.wishlist-res- {
margin: 0;
width: unset;
}
@media print, screen and (min-width: 26.25em) {
.no-js .res-listing__opt-sort {
display: inline-block;
}
.no-js .apply-res--filter-opts {
display: inline-block;
float: none;
margin: 0 0 0 12px;
}
}
@media print, screen and (min-width: 37.5em) {
.res-listing:not(.is-list-view) .res-listing__ress-body:not(.is-showing-error):not(.wishlist-res-) {
width: calc(100% + 20px);
margin-left: -20px;
}
.flexbox .res-listing:not(.is-list-view) .res-listing__ress-body:not(.is-showing-error):not(.wishlist-res-) {
display: flex;
flex-wrap: wrap;
}
.res-listing:not(.is-list-view) .res-listing__res {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 20px;
margin-right: -4px;
width: 50%;
}
.flexbox .res-listing:not(.is-list-view) .res-listing__res {
display: flex;
margin-right: 0;
}
}
@media print, screen and (min-width: 40em) {
.res-listing__opts .select {
height: 38px;
}
.res-listing__opts .select select {
height: 38px;
line-height: 1.25;
padding: 9px 32px 9px 10px;
}
}
@media print, screen and (min-width: 48em) {
.res-listing__header,
.res-listing__opts {
text-align: left;
}
.flexbox .res-listing__opts {
display: flex;
flex-wrap: nowrap;
}
.flexbox .res-listing__opt-view {
flex: 1;
}
.res-listing__opt-view,
.res-listing__opt-ppp {
display: none;
}
.js .res-listing__opt-view,
.js .res-listing__opt-ppp {
display: inline-block;
vertical-align: middle;
}
.res-listing__opt-ppp,
.res-listing__opt-sort {
margin-left: 12px;
}
}
@media print, screen and (min-width: 52.5em) {
.res-listing:not(.is-list-view) .res-listing__res {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 20px;
margin-right: -4px;
width: 33.33%;
}
.flexbox .res-listing:not(.is-list-view) .res-listing__res {
margin-right: 0;
}
}
@media print, screen and (min-width: 60em) {
.res-listing__ress-header {
border-bottom: none;
padding: 0;
}
.res-listing__results {
float: none;
}
.res-listing__content {
direction: rtl;
}
.res-listing__content .primary-content,
.res-listing__content .sidebar {
direction: ltr;
margin-left: -4px;
margin-right: 0;
}
.res-listing__content .primary-content {
padding-left: 30px;
}
.res-listing__content .sidebar {
padding-left: 0;
}
}
@media print, screen and (min-width: 60em) and (max-width: 67.4375em) {
.res-listing:not(.is-list-view) .res-listing__ress-body:not(.is-showing-error):not(.wishlist-res-) {
width: calc(100% + 30px);
margin-left: -30px;
margin-bottom: 30px;
}
.res-listing:not(.is-list-view) .res-listing__res {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 30px;
margin-right: -4px;
width: 50%;
}
}
@media print, screen and (min-width: 73.75em) {
.res-listing:not(.is-list-view):not(.wishlist-res-) .res-listing__ress-body:not(.is-showing-error):not(.wishlist-res-) {
width: calc(100% + 30px);
margin-left: -30px;
}
.res-listing:not(.is-list-view):not(.wishlist-res-) .res-listing__res {
padding-left: 30px;
}
}
.icon-wrapper-cbx {
background-color: #1494D4 !important;
}
.res-filter-trigger {
display: block;
float: left;
}
.no-js .res-filter-trigger {
display: none;
}
.res-filter-trigger.btn {
background-color: #16a4ec;
border-color: #16a4ec;
transition: transform 0.1s linear, background-color 0.25s linear, color 0.25s linear;
-webkit-tap-highlight-color: rgba(20, 148, 212, 0.5);
}
.res-filter-trigger.btn:hover, .res-filter-trigger.btn:focus {
background-color: #1494D4;
}
.res-filter-trigger.btn:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1494D4;
}
.res-filter__clear, .res-filter__see-all {
padding: 0;
background: none;
border: none;
display: inline-block;
zoom: 1;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
line-height: inherit;
display: none;
color: #1494D4;
font-weight: bold;
font-size: 14px;
margin-top: 7px;
margin-bottom: 7px;
}
.res-filter__clear::-moz-focus-inner,
.res-filter__see-all::-moz-focus-inner {
border: none;
padding: 0;
}
.res-filter__clear:hover,
.res-filter__see-all:hover {
color: #16a4ec;
text-decoration: underline;
}
.res-filter__clear .icon-wrapper,
.res-filter__see-all .icon-wrapper {
display: none;
}
.no-js .res-filter__clear,
.no-js .res-filter__see-all {
display: none !important;
}
.res-filter__clear {
float: right;
}
.res-filter {
transform: translateZ(0);
}
.res-filter.is-truncated .res-filter__footer, .res-filter.is-filtered .res-filter__footer {
display: block;
}
.res-filter.is-truncated .res-filter__opts--truncated {
display: none;
}
.res-filter.is-truncated .res-filter__see-all {
display: inline-block;
zoom: 1;
}
.res-filter.is-filtered .res-filter__clear {
display: inline-block;
zoom: 1;
}
.res-filter__opts--truncated {
transform: translateZ(0);
transform-origin: center top;
animation: showSeeAll 0.4s ease;
animation-fill-mode: forwards;
}
.no-js .res-filter__opts--truncated {
display: block !important;
}
.res-filter__opts {
list-style-type: none;
margin: 0;
padding: 0;
}
.res-filter__opts:first-child .res-filter__opt:first-child {
border-top: none;
}
.res-filter__opt-group label,
.res-filter__opt label {
position: relative;
padding-left: 22px;
}
.res-filter__opt-group input,
.res-filter__opt input {
position: absolute;
top: 3px;
left: 0;
}
.res-filter__opts__child {
list-style-type: none;
margin: 0;
padding: 0;
padding: 4px 0 8px;
margin-left: 24px;
}
.res-filter__opts__child li {
padding-bottom: 6px;
}
.res-filter__opts__child label {
font-size: 14px;
}
.res-filter__opts__child input {
top: 2px;
}
.cgpplus .filter-parent-icon {
background: url("/static/built/img/cgpplus/minus.jpg") no-repeat right 0 center #fff;
position: absolute;
right: 0;
height: 20px;
width: 20px;
cursor: pointer;
}
.res-filter__opt-group .is-parent {
padding-bottom: 7px;
display: block;
}
.res-filter__opt-group .is-parent input {
margin-right: 5px;
}
.res-filter__opt-group.is-collapsed .res-filter__opts__child {
display: none;
}
.res-filter__opt-group.is-collapsed .filter-parent-icon {
background: url("/static/built/img/cgpplus/plus.jpg") no-repeat right 0 center #fff;
}
.res-filter__opt-group.is-disabled .res-filter__opts__parent {
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
}
.res-filter__opt {
font-size: 16px;
padding-bottom: 6px;
}
.res-filter__opt label {
display: block;
color: #353535;
}
.res-filter__opt label:hover {
cursor: pointer;
color: #16a4ec;
}
.res-filter__opt.is-disabled label {
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
}
.res-filter__opt.is-disabled label:hover {
color: #1494D4;
}
.res-filter__opts__sub {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 24px;
}
.res-filter__opts__sub .res-filter__opt__sub {
font-size: 14px;
padding-top: 6px;
}
.res-filter__footer {
overflow: hidden;
display: none;
}
.res-filter__see-all {
display: none;
}
.no-js .res-filter__see-all {
display: none !important;
}
.no-js .sidebar--filters {
display: block;
}
.cbx .sidebar-block--filter .sidebar-block__heading {
border-bottom: 1px solid #E1DCD5;
}
.cbx .sidebar-block--filter .sidebar-block__heading.accordion__heading a {
display: block;
color: #1494D4;
}
.cbx .sidebar-block--filter .slide-wrapper {
position: relative;
}
.js .apply-res-filters {
display: none;
}
.res-filter__close {
display: none;
}
.off-canvas .apply-res-filters {
display: inline-block;
}
.off-canvas .cbx .clear-all-filters {
padding: 0;
background: none;
border: none;
display: inline-block;
zoom: 1;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
line-height: inherit;
background: none !important;
margin-left: 12px;
color: #1494D4;
}
.off-canvas .cbx .clear-all-filters::-moz-focus-inner {
border: none;
padding: 0;
}
.off-canvas .cbx .clear-all-filters[disabled] {
opacity: 1;
color: #A6A6A6;
}
.off-canvas .res-filter__close {
display: block;
float: right;
font-size: 14px;
border: none;
background-color: #fff;
text-align: left;
padding: 2px 0 0 0;
-webkit-appearance: none;
}
.off-canvas .res-filter__close .icon-wrapper {
width: 37px;
height: 37px;
background-color: #1494D4;
margin-left: 4px;
}
.off-canvas .res-filter__close .icon-wrapper,
.off-canvas .res-filter__close .icon {
margin-right: 0;
}
@media print, screen and (max-width: 59.9375em) {
.sidebar--filters-plus {
display: none;
}
.off-canvas .sidebar--filters-plus {
display: block;
color: #1494D4;
}
}
@media print, screen and (min-width: 60em) {
.res-listing__ress-header .res-filter-trigger {
display: none;
}
.no-js .sidebar--filters {
display: inline-block;
zoom: 1;
}
}
.res--summary {
position: relative;
border-bottom: 1px solid #E1DCD5;
font-size: 14px;
padding-bottom: 20px;
margin-top: 20px;
}
.res--summary:after {
content: '';
display: table;
clear: both;
}
.res-group--related .res--summary {
padding-bottom: 0;
border-bottom: none;
}
.flexbox .res--summary {
display: flex;
flex-direction: column;
flex: 1;
}
.res--summary .res__img {
width: 100%;
margin-bottom: 16px;
}
.flexbox .res--summary .res__img {
flex-shrink: 0;
flex-basis: auto;
min-height: 134.69px;
}
.res--summary .res__img figure {
width: 50%;
max-width: 150px;
vertical-align: bottom;
}
.res--summary .res__img figure summary_image {
width: 150px;
}
.res--summary .res__img img {
margin: 0;
}
.res--summary .res__look {
display: none;
vertical-align: bottom;
padding-left: 8px;
}
.flexbox .res--summary .res__content {
display: flex;
flex-direction: column;
flex: 1;
-ms-flex-preferred-size: auto;
}
.flexbox .res--summary .res__spec {
flex: 1;
-ms-flex-preferred-size: auto;
}
.res--summary .res__heading {
font-size: 16px;
margin-bottom: 8px;
}
.res--summary .res__heading a {
color: #E04693;
text-decoration: none;
transition: color 0.25s ease;
}
.res--summary .res__heading a:hover {
color: #E04693;
text-decoration: none;
text-decoration: underline;
}
.res--summary .res__heading_rp {
font-size: 14px !important;
}
.res--summary .res__topic {
font-weight: bold;
padding-bottom: 8px;
color: #353535;
}
.res--summary .res__stageandsubject {
padding-bottom: 8px;
}
.res--summary .res__mediatype {
padding-bottom: 8px;
}
.res--summary .res__desc {
display: none;
}
.res--summary .res__badge, .res-group--related .res--summary .res__badge {
max-width: 90px;
font-size: 13px;
line-height: 16px;
position: absolute;
top: 5px;
left: 0;
padding: 4px 8px;
margin: 0;
z-index: 1;
}
.res--summary .res__atb {
font-size: 14px;
padding: 7px 15px;
}
.content-layout .res__look {
display: none !important;
}
.res-group .res__img figure {
min-height: unset;
}
.flexbox .content-layout .res,
.flexbox .is-list-view .res,
.flexbox .res-group .res,
.flexbox .res-group.res-group--related .res {
flex-direction: row;
}
.content-layout .res__img,
.is-list-view .res__img,
.res-group .res__img,
.res-group.res-group--related .res__img {
display: inline-block;
float: left;
width: 30%;
min-width: 85px;
max-width: 112px;
vertical-align: top;
margin-bottom: 0;
}
.content-layout .res__img figure,
.is-list-view .res__img figure,
.res-group .res__img figure,
.res-group.res-group--related .res__img figure {
display: block;
width: 100%;
min-height: unset;
}
.content-layout .res__img img,
.is-list-view .res__img img,
.res-group .res__img img,
.res-group.res-group--related .res__img img {
max-width: 100%;
}
.content-layout .res__content,
.is-list-view .res__content,
.res-group .res__content,
.res-group.res-group--related .res__content {
display: inline-block;
width: 70%;
min-width: calc(100% - 112px);
max-width: calc(100% - 85px);
vertical-align: top;
padding-left: 12px;
}
/**
* Force list view on mobile.
*/
@media print, screen and (max-width: 39.9375em) {
.flexbox .res-listing .res {
flex-direction: row;
}
.res-listing .res__img {
display: inline-block;
float: left;
width: 30%;
min-width: 85px;
max-width: 112px;
vertical-align: top;
margin-bottom: 0;
}
.res-listing .res__img figure {
display: block;
width: 100%;
min-height: unset;
}
.res-listing .res__img img {
max-width: 100%;
}
.res-listing .res__content {
display: inline-block;
width: 70%;
min-width: calc(100% - 112px);
max-width: calc(100% - 85px);
vertical-align: top;
padding-left: 12px;
}
.recommended__atb {
margin-left: 15px;
}
}
@media print, screen and (min-width: 40em) {
.res--summary .res__look {
display: inline-block;
}
.is-list-view .res--summary .res__look, .no-js .res--summary .res__look, .res-group .res--summary .res__look {
display: none;
}
.content-layout .res__content,
.is-list-view .res__content,
.res-group .res__content {
padding-left: 16px;
}
.content-layout .res__img,
.res-group .res__img {
max-width: 136px;
}
.content-layout .res__content,
.res-group .res__content {
min-width: calc(100% - 136px);
}
}
@media print, screen and (min-width: 48em) {
.is-list-view:not(.res-group--related) .res__look {
display: inline-block;
position: absolute;
right: 0;
bottom: 15px;
text-align: right;
padding-left: 0;
}
.no-js .is-list-view:not(.res-group--related) .res__look {
display: none;
}
.is-list-view:not(.res-group--related) .res__spec {
width: calc(100% - 214px);
float: left;
}
.is-list-view:not(.res-group--related) .res__spec > *:last-child {
margin-bottom: 0;
}
.is-list-view:not(.res-group--related) .res__controls {
width: 214px;
float: right;
text-align: right;
padding: 0 0 30px 16px;
}
.is-list-view:not(.res-group--related) .res__desc {
display: block;
margin-top: 12px;
}
.is-list-view:not(.res-group--related) .res__price--was {
margin-right: 0;
}
.content-layout .res__content,
.content-layout .res__controls,
.res-group .res__content,
.res-group .res__controls {
min-width: calc(100% - 214px - 136px);
}
.flexbox .is-list-view:not(.res-group--related) .res__content {
flex-direction: row;
}
}
@media print, screen and (min-width: 64em) {
.flexbox .res-group .res,
.flexbox .res-group.res-group--related .res {
flex-direction: column;
}
.flexbox .cat-listing .res-group .res, .flexbox .cat-listing .res-group.res-group--related .res {
flex-direction: row;
}
.res-group .res__img,
.res-group.res-group--related .res__img {
width: 100%;
max-width: none;
float: none;
margin-bottom: 16px;
}
.res-group .res__img figure,
.res-group.res-group--related .res__img figure {
max-width: 50%;
vertical-align: bottom;
}
.res-group .res__img_rp figure,
.res-group.res-group--related .res__img_rp figure {
max-width: 80% !important;
}
.res-group .res__content,
.res-group.res-group--related .res__content {
width: 100%;
max-width: none;
padding-left: 0;
display: inline-block !important;
}
.cat-listing .res-group .res__img,
.cat-listing .res-group.res-group--related .res__img {
float: left;
width: 30%;
min-width: 85px;
max-width: 112px;
margin-bottom: 0;
}
.cat-listing .res-group .res__img figure,
.cat-listing .res-group.res-group--related .res__img figure {
display: block;
width: 100%;
max-width: 100%;
}
.cat-listing .res-group .res__content,
.cat-listing .res-group.res-group--related .res__content {
width: 70%;
min-width: calc(100% - 112px);
max-width: calc(100% - 85px);
padding-left: 12px;
}
.res-group .res__img figure, .res-group.res-group--related .res__img figure {
min-height: 176px;
}
}
@media print, screen and (max-width: 47.9375em) {
.res--summary .res__img figure {
width: 100%;
max-width: 100vw;
}
}
.res--detail .res__content .res__spec > h1.res__heading:first-child {
margin-top: 0 !important;
font-size: 28px !important;
}
.res--tag-word {
background: blueviolet;
padding: 1px 15px;
align-items: baseline;
margin: 5px 5px;
max-height: 30px;
min-height: 30px;
text-decoration: underline;
color: white;
font-weight: bold;
padding-top: 5px;
}
.res--tag-word a {
color: white !important;
}
.res__tag-words {
display: flex;
flex-flow: wrap;
align-content: space-around;
align-items: baseline;
width: 100%;
}
.res__tag-words p {
margin-right: 10px;
font-weight: bold;
}
.res--detail .res__img {
text-align: center;
max-width: 220px;
margin: 0 auto 20px;
}
.res--detail .res__img figure {
display: block;
}
.res--detail .res__img img {
display: block;
margin: 0 auto 10px;
}
.res--detail .res__look {
margin-top: 10px;
font-size: 14px;
}
.no-js .res--detail .res__look {
display: none;
}
.res--detail .res__spec {
margin-bottom: 20px;
}
.res--detail .res__spec :last-child {
margin-bottom: 0;
}
.res--detail .res__heading {
font-size: 22px;
margin-bottom: 16px;
}
.res--detail .res-group--related .res__spec {
margin-bottom: 0;
}
.res--detail .res-group--related .res__heading {
font-size: 16px;
margin-bottom: 8px;
}
.res--detail .res__badge {
max-width: none;
position: relative;
top: 0;
font-size: 15px;
padding: 6px 8px;
margin: 8px 0;
}
.res--detail .btn--link,
.res--detail .btn--back {
display: inline-block;
vertical-align: middle;
border: none;
color: #1494D4;
line-height: 1.25;
text-align: left;
}
.res--detail .btn--link:active,
.res--detail .btn--back:active {
transform: none;
}
.res--detail .btn--link:hover, .res--detail .btn--link:focus,
.res--detail .btn--back:hover,
.res--detail .btn--back:focus {
color: #1494D4;
background-color: transparent;
box-shadow: none;
}
.res--detail .btn--link:hover,
.res--detail .btn--back:hover {
text-decoration: underline;
color: #16a4ec;
}
/**
* No 'prod--detail' modifier class needed around these classes
* because these elements only exist on the product detail page
*/
.cbx-res-main {
border-bottom: 1px solid #E1DCD5;
display: flex;
}
.cbx-res-left-panel {
flex: 1;
}
.cbx-res-left-panel .res__controls {
padding-left: 0;
}
.cbx-res-right-panel {
flex: 1;
}
.res__review {
margin-bottom: 24px;
}
.res__review a {
display: inline-block;
border: none;
color: #1494D4;
}
.res__review a:active {
transform: none;
}
.res__review a:hover, .res__review a:focus {
color: #1494D4;
background-color: transparent;
box-shadow: none;
}
.res__review a:hover {
text-decoration: underline;
color: #16a4ec;
}
.res__info a,
.res__codes a {
display: inline-block;
border: none;
color: #1494D4;
}
.res__info a:active,
.res__codes a:active {
transform: none;
}
.res__info a:hover, .res__info a:focus,
.res__codes a:hover,
.res__codes a:focus {
color: #1494D4;
background-color: transparent;
box-shadow: none;
}
.res__info a:hover,
.res__codes a:hover {
text-decoration: underline;
color: #16a4ec;
}
.res__info__indented {
margin-left: 15px;
}
.res__info__no_bottom_border {
border-bottom: none !important;
padding-bottom: 0 !important;
}
.res__demo {
width: 100%;
text-align: center;
}
.res__demo img {
vertical-align: top;
}
.res__demo figcaption {
text-align: center;
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
.res__demo figcaption a:hover {
text-decoration: none;
background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
background-repeat: repeat-x;
background-position: bottom 3px center;
background-size: 100% 1px;
}
.res__meta {
list-style-type: none;
margin: 0;
padding: 0;
margin: 30px 0 20px;
float: left;
width: 100%;
}
.res__meta li {
display: table;
width: 100%;
}
.res__meta span {
display: table-cell;
width: 50%;
min-width: 150px;
}
.res--detail .res__desc a {
font-weight: bold;
}
.res--detail .res__desc a:hover {
text-decoration: underline;
}
.res--detail .res__controls {
border-top: 1px solid #E1DCD5;
border-bottom: 1px solid #E1DCD5;
padding: 20px 0;
margin-bottom: 20px;
margin-top: 20px;
}
.res--detail .res__control {
margin-bottom: 20px;
}
.res--detail .res__current-price .res__price {
font-size: 22px;
}
.res--detail .res-group--related .res__controls {
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 0;
}
.res--detail .res-group--related .res__control {
margin-bottom: 0;
}
.res--detail .res-group--related .res__current-price .res__price {
font-size: 16px;
}
.res--detail .input--qty {
width: 56px;
min-height: 44px;
font-size: 16px;
padding: 9px 10px;
margin-right: 8px;
}
.lt-ie10 .res--detail .input--qty {
height: 44px;
}
.res--detail .tabs {
margin: 30px 0;
}
.res__atb-options {
list-style-type: none;
margin: 0;
padding: 0;
}
.res__atb-options li {
display: inline-block;
width: 142px;
vertical-align: middle;
padding-right: 20px;
}
.res__atb-options li:first-child {
margin-right: -4px;
}
.res__atb-options li:last-child {
padding-right: 0;
margin-right: 0;
}
.res-group--related {
margin-bottom: 40px;
}
.res-additional-info__heading {
display: none;
}
.res-additional-info__heading a {
display: block;
position: relative;
padding: 12px;
border: 0 solid #E1DCD5;
border-bottom-width: 1px;
background: url("/static/built/img/plus.jpg") no-repeat right 0 center #fff;
font-size: 16px;
font-weight: bold;
text-align: left;
}
.res-additional-info__heading a.is-active {
background-image: url("/static/built/img/minus.jpg");
}
@media print, screen and (max-width: 47.9375em) {
.res__tag-words {
margin-bottom: 50px;
}
}
@media print, screen and (max-width: 39.9375em) {
.res__info__indented {
margin: 0 !important;
}
}
@media print, screen and (max-width: 59.9375em) {
.cbx-res-main {
flex-direction: column;
}
}
@media print, screen and (min-width: 10em) and (max-width: 47.99em) {
.res-additional-info__heading {
display: block;
}
}
@media print, screen and (min-width: 40em) {
.res--detail .res__img {
float: left;
width: 30%;
}
.res--detail .res__spec {
padding-left: 20px;
overflow: hidden;
}
.res--detail .res-group--related .res__spec {
padding-left: 0;
}
.res--detail .res__badge {
font-size: 16px;
}
.res--detail .res__controls {
clear: both;
margin-bottom: 30px;
}
.res__demos {
width: calc(100% + 20px);
margin-left: -20px;
margin-left: 0px !important;
}
.res__demo {
max-width: 420px;
}
.res__meta {
border-top: 1px solid #E1DCD5;
padding: 20px 0;
margin: 10px 0 0;
overflow: hidden;
}
.res-group--related {
margin-bottom: 80px;
}
}
@media print, screen and (min-width: 40em) and (max-width: 59.9375em) {
.res__meta li {
width: 50%;
float: left;
clear: left;
padding-right: 30px;
}
.res__meta li:nth-of-type(1n + 6) {
float: none;
clear: none;
padding-right: 0;
margin-left: 50%;
}
}
@media print, screen and (min-width: 60em) {
.res-group--related {
margin-bottom: 60px;
}
}
@media print, screen and (min-width: 73.75em) {
.flexbox .res--detail:not(.res--quick-view) .res__content {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.flexbox .res--detail:not(.res--quick-view) .res__img {
flex-basis: 220px;
}
.flexbox .res--detail:not(.res--quick-view) .res__spec {
flex: 1;
}
.flexbox .res--detail:not(.res--quick-view) .res__controls {
flex-basis: 320px;
padding-left: 0;
}
.flexbox .res--detail:not(.res--quick-view) .res-group--related .res__controls {
flex-basis: auto;
}
.no-js .res--detail:not(.res--quick-view) .res__content,
.no-flexbox .res--detail:not(.res--quick-view) .res__content {
overflow: hidden;
}
.no-js .res--detail:not(.res--quick-view) .res__img,
.no-flexbox .res--detail:not(.res--quick-view) .res__img {
width: 220px;
float: left;
}
.no-js .res--detail:not(.res--quick-view) .res__spec,
.no-flexbox .res--detail:not(.res--quick-view) .res__spec {
width: calc(100% - 540px);
float: left;
padding-left: 20px;
}
.no-js .res--detail:not(.res--quick-view) .res__controls,
.no-flexbox .res--detail:not(.res--quick-view) .res__controls {
width: 320px;
float: right;
}
.res--detail:not(.res--quick-view) .res__content {
border-bottom: 1px solid #E1DCD5;
margin-bottom: 20px;
}
.res--detail:not(.res--quick-view) .res__controls {
clear: none;
border: none;
text-align: right;
padding: 0 0 0 20px;
margin-bottom: 20px;
}
.res--detail:not(.res--quick-view) .res__heading {
font-size: 32px;
}
.res--detail:not(.res--quick-view) .res-group--related .res__content {
border-bottom: none;
margin-bottom: 0;
}
.res--detail:not(.res--quick-view) .res-group--related .res__controls {
text-align: left;
padding: 0;
margin-bottom: 0;
}
.res--detail:not(.res--quick-view) .res-group--related .res__heading {
font-size: 16px;
}
.res--detail:not(.res--quick-view) .res__info {
padding-bottom: 15px;
overflow: hidden;
}
.res--detail:not(.res--quick-view) .res__desc,
.res--detail:not(.res--quick-view) .res__demos {
float: left;
clear: left;
}
.res--detail:not(.res--quick-view) .res__desc.no-float {
float: none;
clear: none;
}
.res__meta {
border: none;
padding: 10px 0 0 0;
margin: 0 0 15px 0;
}
.res__meta span {
width: 150px;
}
}
.res--detail.res--quick-view .res__img {
max-width: 220px;
}
.res--detail.res--quick-view .res__info {
border-top: 1px solid #E1DCD5;
border-bottom: 1px solid #E1DCD5;
padding: 25px 0;
margin: 30px 0;
}
.res--detail.res--quick-view .res__info :last-child {
margin-bottom: 0;
}
.res--detail.res--quick-view .res__controls {
border: none;
padding: 0;
margin-bottom: 0;
}
.res--detail.res--quick-view .res__control {
display: block;
}
@media print, screen and (min-width: 40em) {
.res--detail.res--quick-view .res__content {
padding-left: 20px;
overflow: hidden;
}
.res--detail.res--quick-view .res__spec {
padding-left: 0;
}
.res--detail.res--quick-view .res__controls {
margin-bottom: 0;
}
}
.cbx .input {
background-color: #fff;
padding: 8px 10px;
}
.cbx .input:focus {
outline: none;
box-shadow: none;
border-color: #83BF00;
}
.cbx .input::-webkit-input-placeholder {
color: #A6A6A6;
}
.cbx .input::-moz-placeholder {
color: #A6A6A6;
}
.cbx .input:-ms-input-placeholder {
color: #A6A6A6;
}
.cbx .input[disabled] {
background-color: rgba(166, 166, 166, 0.1);
}
.cbx .input[type="number"] {
-moz-appearance: textfield;
}
.cbx .input[type="number"]::-webkit-inner-spin-button, .cbx .input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cbx .input[type="search"] {
box-sizing: border-box;
border-radius: 2px;
box-shadow: none;
-webkit-appearance: none;
}
.cbx .input.input--qty, .form-grp .cbx .input.input--qty {
width: 50px;
text-align: center;
}
.cbx .input.is-invalid {
border-color: #DF812B;
}
.cbx .select {
height: 38px;
position: relative;
border-radius: 4px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Ctitle%3ENext%3C/title%3E%3Cpolyline points='1,1 6,6 11,1' style='fill:none;stroke-width:2;stroke:%231494D4'/%3E%3C/svg%3E") no-repeat right 10px center #fff;
overflow: hidden;
}
.cbx .select select {
width: 100%;
height: 38px;
line-height: 1.25;
padding: 9px 32px 9px 10px;
-webkit-appearance: none;
-moz-appearance: none;
}
.cbx .select select:focus {
outline: none;
border-color: #007377;
}
.cbx .select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.cbx .select select::-ms-expand {
display: none;
}
.IE9 .cbx .select select {
padding-right: 10px;
}
.cbx-export-filter {
margin-bottom: 0px;
}
.cbxsubjects {
border: none;
}
.cbxsubjects input {
margin-right: 10px;
}
.cbx .form-grp label + ul {
margin-top: 0;
}
.cbx .form-grp .input {
width: 100%;
}
.cbx .form-grp.is-required .form-grp__label:after {
content: ' *';
color: #DF812B;
}
.cbx .form-grp.is-invalid label,
.cbx .form-grp.is-invalid .form-grp__label {
color: #DF812B;
}
.cbx .form-grp.is-invalid .input,
.cbx .form-grp.is-invalid .select select {
border-color: #DF812B;
}
.cbx .form-grp.narrow {
max-width: 300px;
}
.EditingFormErrorLabel {
font-size: 14px !important;
color: #DF812B !important;
margin-top: 0.5em !important;
margin-bottom: 1em !important;
}
.cbx .form-grp__validation,
.cbx .form-grp .validation-errors {
font-size: 14px;
color: #DF812B;
}
.cbx .form-grp__validation .validation,
.cbx .form-grp .validation-errors .validation {
margin-top: 0.5em;
margin-bottom: 1em;
}
.cbx .share-icon {
background-image: url("/static/built/img/icons/classbox/share-graphic.svg");
background-repeat: no-repeat;
background-size: cover;
min-width: 28px;
width: 28px;
min-height: 28px;
height: 28px;
margin: 0 5px 0 0;
}
.cbx .sku-control-btn {
display: flex;
padding-right: 0;
padding-left: 50px;
margin-right: 0;
}
.cbx .sku-control-btn .social_media_share_links p {
padding-top: 6px !important;
}
.cbx .sku-control-btn p {
padding-top: 0 !important;
color: #E04693;
font-size: 16px;
}
.cbx .add-to-wishlist-btn .wishlist-icon {
background-image: url("/static/built/img/icons/classbox/wish-heart-outline.svg");
background-repeat: no-repeat;
background-size: cover;
min-width: 20px;
width: 20px;
min-height: 20px;
height: 20px;
margin: 0 11px 0 2px;
}
.cbx .add-to-wishlist-btn .wishlist-icon.filled {
background-image: url("/static/built/img/icons/classbox/wish-heart-solid.svg");
}
.cbx .spotted-problem-btn {
margin-top: 5px;
}
.cbx .spotted-problem-btn .spotted-problem-icon {
background-image: url("/static/built/img/icons/classbox/doubleyes.svg");
background-repeat: no-repeat;
background-size: cover;
min-width: 20px;
width: 20px;
min-height: 20px;
height: 20px;
margin: 0 11px 0 2px;
}
.cbx .add-to-wishlist-btn-no-padding {
padding: 0 !important;
}
.cbx .wishlist-share-btn {
width: 45px;
padding-left: 3px;
padding-right: 3px;
}
.cbx .wishlist-prod-info .rating-container .caption {
display: block;
}
.cbx .wishlist-prod-info .rating-container .caption .label {
padding-left: 0px;
text-align: left;
}
.cbx .wishlist-prod-controls {
margin-top: 43px;
}
.cbx .wishlist-prod-controls .wishlist-remove-item {
margin-top: 10px;
}
.cbx .wishlist-prod-controls .download-variants-box {
margin-top: -72px;
}
.cbx .wl-nag-btns .btn {
height: 40px;
}
.cbx .wl-nag-btns .btn.wishlist-nag-cancel {
border: 1px solid #83BF00;
background-color: #fff;
color: #83BF00;
}
.cbx .wl-nag-btns .btn.wishlist-nag-cancel:hover, .cbx .wl-nag-btns .btn.wishlist-nag-cancel:focus {
color: #83BF00;
}
.cbx .wishlist-prod.prod-listing__prods-body {
margin: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.cbx .wishlist-prod.prod-listing__prods-body .more-info-btn {
color: #1494D4;
}
.cbx .wishlist-prod.prod-listing__prods-body .more-info-btn:hover {
color: #16a4ec;
}
.cbx .wishlist-prod.prod-listing__prods-body a:not(.btn):not(.btn--link) {
color: #E04693;
font-size: 19px;
}
.cbx .wishlist-prod.prod-listing__prods-body a:not(.btn):not(.btn--link):hover {
color: #E04693;
}
@media screen and (max-width: 600px) {
.wishlist-prod-contents .wishlist-prod-controls {
margin-top: 5px;
}
}
.cbx .booklist__booklist_title {
font-size: 24px;
color: #E04693;
font-weight: bold;
}
.cbx .booklist__booklist_title a {
font-size: 24px;
color: #E04693;
font-weight: bold;
}
.cbx .booklist__booklist_info {
font-size: 18px;
}
.cbx .booklist__img_indent {
margin-left: 15px;
}
.cbx .booklist__lightbox__content .lightbox__content {
max-width: 300px !important;
margin-top: calc(100vh /3) !important;
}
.cbx .wishlist-delete-cancel {
float: right !important;
}
.cbx .basket__item__img img {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35);
}
.cbx .booklist__item_img {
display: block;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35);
margin: 0 auto;
}
.cbx .booklist__cancel_btn {
background-color: #A6A6A6 !important;
border: 1px solid #A6A6A6 !important;
}
.cbx .booklist__category_title {
font-size: 26px;
font-weight: bold;
}
.cbx .booklist__cgp_item {
text-align: center;
}
.cbx .booklist_cgp_items {
justify-content: left !important;
margin-top: 20px;
}
.cbx .booklist__cgplist_title {
color: #E04693;
font-size: 20px;
font-weight: bold;
}
.cbx .booklist__cgplist_img {
margin-bottom: 20px;
}
.cbx .booklist__search_bar {
margin-top: 40px;
}
.cbx .booklist__search_title {
font-size: 22px;
font-weight: bold;
}
.cbx .booklist__search_searchbox {
width: 300px !important;
}
.cbx .booklist__search_results {
width: 100%;
max-height: 1030px;
background: #F4F2ED;
padding: 50px;
padding-top: 0;
overflow: hidden;
}
@media screen and (max-width: 600px) {
.cbx .booklist__search_results {
padding: 12px;
}
}
.cbx .booklist__result_items {
max-height: 925px;
overflow: auto;
background-color: white;
padding: 5px;
}
.cbx .booklist__action_bar_mb0 {
margin-bottom: 0 !important;
}
.cbx .booklist__search_close_btn {
float: right;
}
@media print, screen and (min-width: 40em) {
.cbx .booklist__cgp_item-container {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 20px;
margin-right: -4px;
width: 25%;
}
}
@media print, screen and (max-width: 39.9375em) {
.cbx .booklist__img_indent {
margin-left: 0;
}
.cbx .wishlist-page td.rpt_booklists_controls {
vertical-align: bottom;
}
.cbx .booklist__booklist_title {
font-size: 18px;
}
.cbx .booklist__booklist_info {
font-size: 14px;
}
.cbx .booklist__booklist_btn {
width: 100%;
}
.cbx .booklist__booklist_btn_alt {
margin-bottom: 10px;
}
.cbx .basket__item__img {
margin-left: 0;
}
}
.cbx .free-content a:not(.btn):not(.btn--link),
.cbx .login-register a:not(.btn):not(.btn--link),
.cbx .your-details a:not(.btn):not(.btn--link),
.cbx .account-index a:not(.btn):not(.btn--link) {
color: #1494D4;
}
.cbx .free-content a:not(.btn):not(.btn--link):hover,
.cbx .login-register a:not(.btn):not(.btn--link):hover,
.cbx .your-details a:not(.btn):not(.btn--link):hover,
.cbx .account-index a:not(.btn):not(.btn--link):hover {
color: #16a4ec;
}
.cookies.cbx a:not(.btn):not(.btn--link) {
color: #1494D4;
}
.cookies.cbx a:not(.btn):not(.btn--link):hover {
color: #16a4ec;
}
.cbx .js-quick-view {
color: #353535 !important;
text-decoration: none;
}
.cbx .js-quick-view:hover {
color: #353535 !important;
text-decoration: none;
}
.cbx .res-listing__res a {
color: #E04693;
text-decoration: none;
transition: color 0.25s ease;
}
.cbx .res-listing__res a:hover {
color: #E04693;
text-decoration: none;
}
.cbx .res-listing__res .h3Link {
color: #1494D4 !important;
}
.cbx .res-listing__res .h3Link:hover {
color: #16a4ec;
text-decoration: none;
}
.select.your-details__select-expertise {
margin-bottom: 20px;
}
.no-js .select.your-details__select-expertise {
display: none;
}
.js .input.your-details__input-expertise {
display: none;
}
.cbx .js-toggle-pass {
color: #1494D4;
}
.account-index__items-cbx {
justify-content: left !important;
}
.account-index__items-cbx .account-index__item-heading {
font-size: 23px;
}
.account-index__items-cbx .account-index__item-cta {
width: auto;
}
@media print, screen and (min-width: 40em) {
.account-index__items-cbx .account-index__item {
padding-bottom: 100px;
}
.account-index__items-cbx .account-index__item-cta {
max-width: 110px;
}
.account-index__items-cbx .account-index .account-index__items:nth-child(1) .account-index__item-container {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 20px;
margin-right: -4px;
width: 100%;
display: block;
}
.account-index__items-cbx .account-index__item-container {
display: inline-block;
zoom: 1;
vertical-align: top;
padding-left: 20px;
margin-right: -4px;
width: 100%;
}
}
@media print, screen and (min-width: 60em) {
.account-index__items-cbx .account-index__item-text {
width: auto;
}
.account-index__items-cbx .account-index__item-container {
margin-bottom: 25px;
}
.account-index__items-cbx .account-index__item {
padding-bottom: 80px;
}
.account-index__items-cbx .account-index__item-cta {
max-width: none;
}
}
.cgpPlus_no_results a {
color: #B71A4C !important;
}
.cbx .search-results__panel h3 a {
color: #1494D4;
}
.cbx .search-results__panel h3 a:hover {
color: #16a4ec;
}
.cbx .search-results__empty-msg a {
color: #B71A4C;
}
/*# sourceMappingURL=style-cbx.css.map */