/* .d8888b. 888 .d88888b. 888888b. d8888 888 d88P Y88b 888 d88P" "Y88b 888 "88b d88888 888 888 888 888 888 888 888 .88P d88P888 888 888 888 888 888 8888888K. d88P 888 888 888 88888 888 888 888 888 "Y88b d88P 888 888 888 888 888 888 888 888 888 d88P 888 888 Y88b d88P 888 Y88b. .d88P 888 d88P d8888888888 888 "Y8888P88 88888888 "Y88888P" 8888888P" d88P 888 88888888 */ * { margin: 0; } @media only screen and (min-width: 940px) { body, html { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -185px; } } a:focus, a:hover { text-decoration: none; color: #000000; } input:focus { border: 2px solid #000000; } .customSelectHover { text-decoration: underline; } .languageSelectHeader:focus { opacity: 1 !important; outline: #000000 solid 1px; } input:hover { border: 2px solid #000000; } a:hover, .customSelectInner:hover, .languageSelect:hover, select:hover { outline: 0; } a:active, input:active, span:active, .customSelectInner:active, .languageSelect:active, select:active { outline: 0; } a.disabled-button, button.disabled-button, .btn-primary:disabled, .btn-primary[disabled] { background: transparent !important; background-color: transparent !important; } img { max-width: 100%; height: auto; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #757575; } .endorIcon, .profile-options li:before, .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-weak i, .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon i, .mobile-nav .menu li a:after { font-family: "Endor"; font-style: normal; -webkit-font-smoothing: antialiased; } a { color: #000000; } a .endorIcon, a .profile-options li:before, .profile-options a li:before, a .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal a i, a .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong a i, a .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak a i, a .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal a i, a .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong a i, a .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak a i, a .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon a i, a .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon a i, a .mobile-nav .menu li a:after, .mobile-nav .menu li a a:after, button i { color: #404040; } a .endorIcon:active, a .profile-options li:active:before, .profile-options a li:active:before, a .endor-form .pw-match-icon.pw-normal i:active, .endor-form .pw-match-icon.pw-normal a i:active, a .endor-form .pw-match-icon.pw-strong i:active, .endor-form .pw-match-icon.pw-strong a i:active, a .endor-form .pw-match-icon.pw-weak i:active, .endor-form .pw-match-icon.pw-weak a i:active, a .endor-form .pw-strength-icon.pw-normal i:active, .endor-form .pw-strength-icon.pw-normal a i:active, a .endor-form .pw-strength-icon.pw-strong i:active, .endor-form .pw-strength-icon.pw-strong a i:active, a .endor-form .pw-strength-icon.pw-weak i:active, .endor-form .pw-strength-icon.pw-weak a i:active, a .endor-form .field-error .pw-match-icon.input-icon i:active, .endor-form .field-error .pw-match-icon.input-icon a i:active, a .endor-form .field-error .pw-strength-icon.input-icon i:active, .endor-form .field-error .pw-strength-icon.input-icon a i:active, a .mobile-nav .menu li a:active:after, .mobile-nav .menu li a a:active:after, a .endorIcon:hover, a .profile-options li:hover:before, .profile-options a li:hover:before, a .endor-form .pw-match-icon.pw-normal i:hover, .endor-form .pw-match-icon.pw-normal a i:hover, a .endor-form .pw-match-icon.pw-strong i:hover, .endor-form .pw-match-icon.pw-strong a i:hover, a .endor-form .pw-match-icon.pw-weak i:hover, .endor-form .pw-match-icon.pw-weak a i:hover, a .endor-form .pw-strength-icon.pw-normal i:hover, .endor-form .pw-strength-icon.pw-normal a i:hover, a .endor-form .pw-strength-icon.pw-strong i:hover, .endor-form .pw-strength-icon.pw-strong a i:hover, a .endor-form .pw-strength-icon.pw-weak i:hover, .endor-form .pw-strength-icon.pw-weak a i:hover, a .endor-form .field-error .pw-match-icon.input-icon i:hover, .endor-form .field-error .pw-match-icon.input-icon a i:hover, a .endor-form .field-error .pw-strength-icon.input-icon i:hover, .endor-form .field-error .pw-strength-icon.input-icon a i:hover, a .mobile-nav .menu li a:hover:after, .mobile-nav .menu li a a:hover:after, button i:active, button i:hover { color: #000000; outline: 0; } a .endorIcon:focus, a .profile-options li:focus:before, .profile-options a li:focus:before, a .endor-form .pw-match-icon.pw-normal i:focus, .endor-form .pw-match-icon.pw-normal a i:focus, a .endor-form .pw-match-icon.pw-strong i:focus, .endor-form .pw-match-icon.pw-strong a i:focus, a .endor-form .pw-match-icon.pw-weak i:focus, .endor-form .pw-match-icon.pw-weak a i:focus, a .endor-form .pw-strength-icon.pw-normal i:focus, .endor-form .pw-strength-icon.pw-normal a i:focus, a .endor-form .pw-strength-icon.pw-strong i:focus, .endor-form .pw-strength-icon.pw-strong a i:focus, a .endor-form .pw-strength-icon.pw-weak i:focus, .endor-form .pw-strength-icon.pw-weak a i:focus, a .endor-form .field-error .pw-match-icon.input-icon i:focus, .endor-form .field-error .pw-match-icon.input-icon a i:focus, a .endor-form .field-error .pw-strength-icon.input-icon i:focus, .endor-form .field-error .pw-strength-icon.input-icon a i:focus, a .mobile-nav .menu li a:focus:after, .mobile-nav .menu li a a:focus:after, button i:focus { outline: 1px dotted #000000; } .btn-danger, .btn-default, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button, .btn-info, .btn-jumbo, .btn-primary, .btn-success, .btn-warning { text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: solid 3px #757575; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 0; -webkit-border-radius: 0; } .btn-danger.active, .btn-danger:active, .btn-default.active, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .active.gdpr-decline-button, .btn-default:active, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active { -webkit-box-shadow: none; box-shadow: none; } .btn-danger.focus, .btn-danger:focus, .btn-default.focus, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .focus.gdpr-decline-button, .btn-default:focus, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:focus, .btn-info.focus, .btn-info:focus, .btn-primary.focus, .btn-primary:focus, .btn-success.focus, .btn-success:focus, .btn-warning.focus, .btn-warning:focus { border: 1px solid #000000 !important; outline: 2px dotted #595959 !important; outline-offset: 0 !important; background: #000000 !important; color: #FFFFFF !important; } .btn-danger .badge, .btn-default .badge, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button .badge, .btn-info .badge, .btn-primary .badge, .btn-success .badge, .btn-warning .badge { text-shadow: none; } .btn.active, .btn:active { background-image: none; } .btn-default, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button, .btn-jumbo, .btn-more, .btn-primary, .endor-form input[type="submit"].btn-jumbo, .endor-form input[type="submit"].btn-primary { background: #FFFFFF; background: __buttonBackgroundColor__; color: #333333; color: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBorderColor__; } .btn-default:active, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:active, .btn-default:hover, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:hover, .btn-jumbo:active, .btn-jumbo:hover, .btn-more:active, .btn-more:hover, .btn-primary:active, .btn-primary:hover, .endor-form input[type="submit"].btn-jumbo:active, .endor-form input[type="submit"].btn-jumbo:hover, .endor-form input[type="submit"].btn-primary:active, .endor-form input[type="submit"].btn-primary:hover { color: #FFFFFF; color: __buttonBorderColor__; background: #333333; background: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBackgroundColor__; } .btn-default:focus, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:focus, .btn-jumbo:focus, .btn-more:focus, .btn-primary:focus, .endor-form input[type="submit"].btn-jumbo:focus, .endor-form input[type="submit"].btn-primary:focus { outline: 2px dotted #757575; background: #000000; color: #FFFFFF; } .btn-default, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button { text-shadow: none; border-radius: 0; background: none; font-weight: 600; } .btn-default:focus, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:focus, .btn-default:hover, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:hover { background-color: transparent; background-position: 0 -15px; } .btn-default:disabled, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:disabled, .btn-default[disabled] .btn.disabled, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice [disabled].gdpr-decline-button .btn.disabled, .btn[disabled], fieldset[disabled] .btn { background: #e0e0e0; background-image: none; } .btn-primary { font-size: 23px; } .fpd-container div.btn-biw-fpd { background: __buttonBackgroundColor__; color: __buttonTextColor__; border: solid 3px __buttonBorderColor__; } .fpd-container div.btn-biw-fpd:hover { color: __buttonBorderColor__ !important; background: __buttonTextColor__ !important; border: solid 3px __buttonBackgroundColor__ !important; } .fpd-container div.btn-biw-fpd:focus, .fpd-container div.btn-biw-fpd:active, .fpd-navigation > div.fpd-active { border: 1px solid #000000 !important; outline: 2px dotted #595959 !important; outline-offset: 0 !important; background: #000000 !important; color: #FFFFFF !important; } .btn-default:focus, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:focus, .btn-default:hover, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:hover { background-color: #FFFFFF; background-position: 0; color: #000000; } .btn-primary { border-radius: 0; width: 100%; } @media only screen and (min-width: 767px) { .btn-primary { width: auto; } } .btn-primary:disabled, .btn-primary[disabled] { background-color: #265a88; background-image: none; } .btn-jumbo, .endor-form input.btn-jumbo { font-size: 20px; text-align: center; height: 40px; position: relative; float: right; line-height: 10px; width: 100%; } @media only screen and (min-width: 767px) { .btn-jumbo, .endor-form input.btn-jumbo { font-size: 20px; height: 65px; } } a.btn-jumbo { line-height: 35px; } @media only screen and (min-width: 767px) { a.btn-jumbo { line-height: 58px; } } .btn-full { color: #FFFFFF; padding: 0 8px; margin: 0; background: #D9D9D9; font-size: 12px; height: auto; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; border: 0; width: 100%; text-align: center; font-weight: 300; height: 30px; line-height: 30px; } .btn-unstyled { padding: 0; margin: 0; background: transparent; height: auto; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; border: 0; } .btn-unstyled:active, .btn-unstyled:hover { outline: none; color: #333333; color: __buttonTextColor__; } .load-more hr { display: none; } @media only screen and (min-width: 767px) { .load-more hr { display: block; margin: 0 0 2em; } } .btn-more { height: auto; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; padding: 5px 25px; font-size: 18px; float: right; width: 100%; text-align: center; background: #FFFFFF; } @media only screen and (min-width: 767px) { .btn-more { width: auto; } } .img-thumbnail, .thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #E8E8E8; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #E8E8E8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #E8E8E8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#E8E8E8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #E8E8E8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #2e6da4; background-image: -webkit-linear-gradient(top, #337AB7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337AB7 0%, #2e6da4 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337AB7), to(#2e6da4)); background-image: linear-gradient(to bottom, #337AB7 0%, #2e6da4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); background-repeat: repeat-x; } .alert-danger, .alert-info, .alert-success, .alert-warning { padding: 1em; } @media only screen and (max-width: 667px) { .alert-danger, .alert-info, .alert-success, .alert-warning { textalign: center; } } .alert a { text-decoration: underline; } .strikeout { text-decoration: line-through; } /* .d8888b. 8888888888 888 8888888888 .d8888b. 88888888888 .d8888b. d88P Y88b 888 888 888 d88P Y88b 888 d88P Y88b Y88b. 888 888 888 888 888 888 Y88b. "Y888b. 8888888 888 8888888 888 888 "Y888b. "Y88b. 888 888 888 888 888 "Y88b. "888 888 888 888 888 888 888 "888 Y88b d88P 888 888 888 Y88b d88P 888 Y88b d88P "Y8888P" 8888888888 88888888 8888888888 "Y8888P" 888 "Y8888P" */ .customSelect.languageSelectFooter:after, .customSelect.languageSelectHeader:after { font-family: "Endor"; content: '\e830'; font-size: 16px; margin-left: -10px; position: relative; top: 2px; color: #757575; color: __preheaderTextColor__; } .customSelect.customSelectDisabled { opacity: 0.5; } .customSelectInner { padding-right: 20px; white-space: nowrap; } .customSelect.customSelectChanged .customSelectInner { color: #333333; } .customSelect.sortByOptions { background: url("../img/dropdown-arrow-footer.png") right 50% no-repeat #FFFFFF; padding: 0.25em; border: solid 3px #333333; font-size: 125%; } .no-padding-left { padding-left: 15px; } @media only screen and (min-width: 767px) { .no-padding-left { padding-left: 0; } } .mobile-hide { display: none; } @media only screen and (min-width: 767px) { .mobile-hide { display: block; } } .page-header h1 { font-family: "open_sansregular"; font-weight: 300; margin-bottom: 20px; } @media only screen and (min-width: 767px) { .page-header h1 { display: inline-block; } } .page-header hr { margin: 0; border-top: 1px solid #DEDEDE; display: none; } @media only screen and (min-width: 767px) { .page-header hr { display: block; } } .page-header .select-container { width: 195px; float: right; position: relative; } .page-header .header-sort { display: none; } @media only screen and (min-width: 767px) { .page-header .header-sort { display: block; } } .page-header .header-sort.hide { display: none; } .page-header-alt h2 { display: inline-block; } .page-header-alt span { display: inline-block; position: relative; line-height: 30px; } @media only screen and (max-width: 667px) { .page-header-alt span { float: right; } } .tooltip-inner { border-radius: 0; -webkit-border-radius: 0; } .collapse-tab-content { margin-top: 0; margin-bottom: 0; padding-left: 0; border-top: 1px solid #DEDEDE; } @media only screen and (min-width: 767px) { .collapse-tab-content { margin-top: 35px; border-top: 0; } } .collapse-tab-content li { list-style-type: none; } @media only screen and (min-width: 767px) { .collapse-tab-content .tab-pane.collapse { height: auto; } } .collapse-tab-content .tab-pane.collapse.in { display: block; visibility: visible; } @media only screen and (min-width: 767px) { .collapse-tab-content .tab-pane.collapse.in { display: none; } .collapse-tab-content .tab-pane.collapse.in.active { display: block; } } .collapse-tab-content .tab-pane.collapse.active { display: none; visibility: visible; } @media only screen and (min-width: 767px) { .collapse-tab-content .tab-pane.collapse.active { display: block; } } .collapse-tab-content .tab-pane.collapse.active.in { display: block; } .faq-results { padding-top: 20px; } .has-field-error .endorIcon, .has-field-error .profile-options li:before, .profile-options .has-field-error li:before, .has-field-error .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .has-field-error i, .has-field-error .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .has-field-error i, .has-field-error .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .has-field-error i, .has-field-error .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .has-field-error i, .has-field-error .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .has-field-error i, .has-field-error .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .has-field-error i, .has-field-error .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .has-field-error i, .has-field-error .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .has-field-error i, .has-field-error .mobile-nav .menu li a:after, .mobile-nav .menu li .has-field-error a:after { color: #333333; } .alert-danger, .alert-info, .alert-success, .alert-warning { clear: both; border: 0; } .alert a { color: #FFFFFF; } .alert-danger { background-color: #cf021e; color: #FFFFFF; } .alert-success { background-color: #2a843c; color: #FFFFFF; } .alert-warning { background-color: #bd5b00; color: #FFFFFF; } .alert-warning b { color: #FFFFFF; } .alert-emptycart { background-color: #D8D8D8; color: #000000; } .alert-info { background-color: #0a6cff; color: #FFFFFF; } .alert-info a { color: #FFFFFF; } #ontraSSOMsg { position: relative; } #ontraSSOMsg .alert-info { background: rgba(0, 0, 0, 0.95); text-align: center; padding: 130px 100px; position: absolute; top: -21px; width: 100%; z-index: 999999; color: #FFFFFF; } #ontraSSOMsg .alert-info p { margin-bottom: 20px; } #ontraSSOMsg .alert-info p a { margin-right: 8px; } #ontraSSOMsg .alert-info a { margin-top: 20px; background: #FFFFFF; color: #000000; text-decoration: none; text-transform: uppercase; } #ontraSSOMsg .alert-info a.ontraCancel, #ontraSSOMsg .alert-info a.ontraPrivacyPolicyLink { background: none; color: #FFFFFF; text-transform: none; text-decoration: underline; } #ontraSSOMsg .alert-info a.ontraCancel { position: absolute; top: 10px; right: 30px; text-decoration: none; } .notavailable { color: #FF0000; } .activity-indicator { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; z-index: 1234; } .activity-indicator .spinner { height: 10em; width: 10em; z-index: 1234; position: fixed; top: 50%; text-align: center; z-index: 1234; overflow: auto; width: 100px; height: 100px; background: no-repeat center center; opacity: 0.5; color-interpolation: auto; position: fixed; left: 50%; } .activity-indicator .spinner .path { fill: none; stroke-width: 4; stroke: #FFFFFF; stroke-linecap: round; stroke-dasharray: 187; stroke-dashoffset: 0; position: absolute; top: 50%; left: 50%; } .total_value { float: right; width: 15%; text-align: right; } a:focus { outline: 2px dotted #757575 !important; } .alert-info strong, .alert-success strong, .alert-danger strong, .alert-warning strong { color: #FFFFFF; } .endor-loader, .endor-loader:after { border-radius: 50%; width: 24px; height: 24px; } .endor-loader { display: inline-block; font-size: 3px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #FFFFFF; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: endor-spin 1.1s infinite linear; animation: endor-spin 1.1s infinite linear; } @-webkit-keyframes endor-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes endor-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .endor-loader { border: 1.1em solid #DDDDDD; border-left: 1.1em solid #000000; } /* 888 888 8888888888 d8888 8888888b. 8888888888 8888888b. 888 888 888 d88888 888 "Y88b 888 888 Y88b 888 888 888 d88P888 888 888 888 888 888 8888888888 8888888 d88P 888 888 888 8888888 888 d88P 888 888 888 d88P 888 888 888 888 8888888P" 888 888 888 d88P 888 888 888 888 888 T88b 888 888 888 d8888888888 888 .d88P 888 888 T88b 888 888 8888888888 d88P 888 8888888P" 8888888888 888 T88b */ .optionBar { background: #F6F6F6; background: __preheaderBackgroundColor__; text-align: right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #404040; color: __preheaderTextColor__; font-size: 85%; padding: 0.5em 0; } .optionBar:hover, .optionBar:active { color: #000000; } .optionBar .phoneCenter { display: none; } .optionBar .customSelect.customSelectChanged .customSelectInner, .optionBar .customSelectInner { color: #808080; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .optionBar { -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; transition: all 500ms; margin-top: -40px; } .optionBar.mobileActive { margin-top: 0; } .optionBar .languageSelect { display: none; } .optionBar .myFavorites { display: none; } .optionBar .help { display: none; } .optionBar .userInfo { width: 100%; margin-left: 0; font-weight: 300; } .optionBar .userInfo .mediaName { margin-right: 20px; } } @media only screen and (max-width: 667px) { .optionBar { -moz-transition: all 500ms; -o-transition: all 500ms; -webkit-transition: all 500ms; transition: all 500ms; margin-top: -35px; } .optionBar.mobileActive { margin-top: 0; } .optionBar .languageSelect { display: none; } .optionBar .myFavorites { display: none; } .optionBar .help { display: none; } .optionBar .userInfo { width: 100%; margin-left: 0; font-weight: 300; } .optionBar .userInfo .mediaName { margin-right: 20px; } } .optionBar div div { display: inline-block; text-decoration: none; margin-left: 1em; } .optionBar .endorIcon, .optionBar .profile-options li:before, .profile-options .optionBar li:before, .optionBar .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .optionBar i, .optionBar .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .optionBar i, .optionBar .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .optionBar i, .optionBar .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .optionBar i, .optionBar .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .optionBar i, .optionBar .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .optionBar i, .optionBar .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .optionBar i, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i, .optionBar .mobile-nav .menu li a:after, .mobile-nav .menu li .optionBar a:after { font-size: 140%; color: #404040; color: __preheaderIconColor__; } .optionBar .endorIcon:hover, .optionBar .profile-options li:hover:before, .profile-options .optionBar li:hover:before, .optionBar .endor-form .pw-match-icon.pw-normal i:hover, .endor-form .pw-match-icon.pw-normal .optionBar i:hover, .optionBar .endor-form .pw-match-icon.pw-strong i:hover, .endor-form .pw-match-icon.pw-strong .optionBar i:hover, .optionBar .endor-form .pw-match-icon.pw-weak i:hover, .endor-form .pw-match-icon.pw-weak .optionBar i:hover, .optionBar .endor-form .pw-strength-icon.pw-normal i:hover, .endor-form .pw-strength-icon.pw-normal .optionBar i:hover, .optionBar .endor-form .pw-strength-icon.pw-strong i:hover, .endor-form .pw-strength-icon.pw-strong .optionBar i:hover, .optionBar .endor-form .pw-strength-icon.pw-weak i:hover, .endor-form .pw-strength-icon.pw-weak .optionBar i:hover, .optionBar .endor-form .field-error .pw-match-icon.input-icon i:hover, .endor-form .field-error .pw-match-icon.input-icon .optionBar i:hover, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i:hover, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i:hover, .optionBar .mobile-nav .menu li a:hover:after, .mobile-nav .menu li .optionBar a:hover:after, .optionBar .endorIcon:visited, .optionBar .profile-options li:visited:before, .profile-options .optionBar li:visited:before, .optionBar .endor-form .pw-match-icon.pw-normal i:visited, .endor-form .pw-match-icon.pw-normal .optionBar i:visited, .optionBar .endor-form .pw-match-icon.pw-strong i:visited, .endor-form .pw-match-icon.pw-strong .optionBar i:visited, .optionBar .endor-form .pw-match-icon.pw-weak i:visited, .endor-form .pw-match-icon.pw-weak .optionBar i:visited, .optionBar .endor-form .pw-strength-icon.pw-normal i:visited, .endor-form .pw-strength-icon.pw-normal .optionBar i:visited, .optionBar .endor-form .pw-strength-icon.pw-strong i:visited, .endor-form .pw-strength-icon.pw-strong .optionBar i:visited, .optionBar .endor-form .pw-strength-icon.pw-weak i:visited, .endor-form .pw-strength-icon.pw-weak .optionBar i:visited, .optionBar .endor-form .field-error .pw-match-icon.input-icon i:visited, .endor-form .field-error .pw-match-icon.input-icon .optionBar i:visited, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i:visited, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i:visited, .optionBar .mobile-nav .menu li a:visited:after, .mobile-nav .menu li .optionBar a:visited:after { color: #000000; outline: 0; } .optionBar .endorIcon:active, .optionBar .profile-options li:active:before, .profile-options .optionBar li:active:before, .optionBar .endor-form .pw-match-icon.pw-normal i:active, .endor-form .pw-match-icon.pw-normal .optionBar i:active, .optionBar .endor-form .pw-match-icon.pw-strong i:active, .endor-form .pw-match-icon.pw-strong .optionBar i:active, .optionBar .endor-form .pw-match-icon.pw-weak i:active, .endor-form .pw-match-icon.pw-weak .optionBar i:active, .optionBar .endor-form .pw-strength-icon.pw-normal i:active, .endor-form .pw-strength-icon.pw-normal .optionBar i:active, .optionBar .endor-form .pw-strength-icon.pw-strong i:active, .endor-form .pw-strength-icon.pw-strong .optionBar i:active, .optionBar .endor-form .pw-strength-icon.pw-weak i:active, .endor-form .pw-strength-icon.pw-weak .optionBar i:active, .optionBar .endor-form .field-error .pw-match-icon.input-icon i:active, .endor-form .field-error .pw-match-icon.input-icon .optionBar i:active, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i:active, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i:active, .optionBar .mobile-nav .menu li a:active:after, .mobile-nav .menu li .optionBar a:active:after { border: 0; } .optionBar .languageSelect { position: relative; } .optionBar .endor-globe { position: absolute; top: 1px; } .optionBar a { color: #404040; color: __preheaderTextColor__; } .optionBar a.approvalLink { padding-right: 5px; } .optionBar a.approvalLink span { display: inline-block; border-radius: 20px; background: #AAA; background: __preheaderIconColor__; color: #FFFFFF; color: __preheaderBackgroundColor__; min-width: 1.3em; text-align: center; padding-right: 0.2em; padding-left: 0.2em; } .optionBar a:hover, .optionBar a:visited { text-decoration: none; color: #000000; } .optionBar a:active { color: #000000; outline: 0; } .navbar { border-radius: 0; margin-bottom: 0; min-height: inherit; } .navbar-collapse { clear: both; padding-left: 0; margin-bottom: 1.5em; font-family: "open_sansbold"; } .navbar-collapse a { color: #808080; font-size: 1em; font-size: 15px; padding-right: 2em; margin-right: 2em; -webkit-font-smoothing: antialiased; } .navbar-collapse a:last-child { border: none; } .navbar-header { -webkit-transition: all 250ms; /* Safari */ transition: all 250ms; } .navbar-brand { height: auto; width: 100%; padding-top: 1.5em; padding-bottom: 1.5em; } @media only screen and (max-width: 667px) { .navbar-brand { padding: 0; } } .navbar-brand img { width: 100%; } @media only screen and (max-width: 667px) { .navbar-brand img { text-decoration: none; } } @media only screen and (max-width: 667px) { .noNav .navbar-brand img { width: 40%; } } .userInfo { color: #808080; font-weight: 500; position: relative; } .userInfo .userName { padding-right: 15px; } .optionBar .userDrawer { position: absolute; right: -2em; width: 15em; background: #F6F6F6; z-index: 9; text-align: left; padding: 0 1em; display: none; width: 15em; } .optionBar .userDrawer h2 { font-size: 125%; border-bottom: solid 1px #CCCCCC; padding-bottom: 0.75em; margin-bottom: 0; } .ontraMsg { display: none; } .navbar .container { padding-right: 0; padding-left: 0; } @media only screen and (min-width: 767px) { .navbar .container { padding-right: 15px; padding-left: 15px; } } .navbar .container .navbar-header { padding-left: 15px; } @media only screen and (min-width: 767px) { .navbar .container .navbar-header { padding-left: 0; } } @media only screen and (max-width: 667px) { .navbar .container .navbar-header { margin: 0; } } .navbar .container .shopFunctions { float: right; font-size: 275%; margin-top: 0.4em; margin-top: 0.8em; position: relative; width: 23%; } .navbar .container .shopFunctions .endorIcon, .navbar .container .shopFunctions .profile-options li:before, .profile-options .navbar .container .shopFunctions li:before, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .navbar .container .shopFunctions i, .navbar .container .shopFunctions .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .navbar .container .shopFunctions i, .navbar .container .shopFunctions .mobile-nav .menu li a:after, .mobile-nav .menu li .navbar .container .shopFunctions a:after { color: #404040; color: __largeIconColor__; } .navbar .container .shopFunctions .endorIcon:hover, .navbar .container .shopFunctions .profile-options li:hover:before, .profile-options .navbar .container .shopFunctions li:hover:before, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-normal i:hover, .endor-form .pw-match-icon.pw-normal .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-strong i:hover, .endor-form .pw-match-icon.pw-strong .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-weak i:hover, .endor-form .pw-match-icon.pw-weak .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-normal i:hover, .endor-form .pw-strength-icon.pw-normal .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-strong i:hover, .endor-form .pw-strength-icon.pw-strong .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-weak i:hover, .endor-form .pw-strength-icon.pw-weak .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .field-error .pw-match-icon.input-icon i:hover, .endor-form .field-error .pw-match-icon.input-icon .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .endor-form .field-error .pw-strength-icon.input-icon i:hover, .endor-form .field-error .pw-strength-icon.input-icon .navbar .container .shopFunctions i:hover, .navbar .container .shopFunctions .mobile-nav .menu li a:hover:after, .mobile-nav .menu li .navbar .container .shopFunctions a:hover:after, .navbar .container .shopFunctions .endorIcon:active, .navbar .container .shopFunctions .profile-options li:active:before, .profile-options .navbar .container .shopFunctions li:active:before, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-normal i:active, .endor-form .pw-match-icon.pw-normal .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-strong i:active, .endor-form .pw-match-icon.pw-strong .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-weak i:active, .endor-form .pw-match-icon.pw-weak .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-normal i:active, .endor-form .pw-strength-icon.pw-normal .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-strong i:active, .endor-form .pw-strength-icon.pw-strong .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-weak i:active, .endor-form .pw-strength-icon.pw-weak .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .field-error .pw-match-icon.input-icon i:active, .endor-form .field-error .pw-match-icon.input-icon .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .endor-form .field-error .pw-strength-icon.input-icon i:active, .endor-form .field-error .pw-strength-icon.input-icon .navbar .container .shopFunctions i:active, .navbar .container .shopFunctions .mobile-nav .menu li a:active:after, .mobile-nav .menu li .navbar .container .shopFunctions a:active:after, .navbar .container .shopFunctions .endorIcon:focus, .navbar .container .shopFunctions .profile-options li:focus:before, .profile-options .navbar .container .shopFunctions li:focus:before, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-normal i:focus, .endor-form .pw-match-icon.pw-normal .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-strong i:focus, .endor-form .pw-match-icon.pw-strong .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .pw-match-icon.pw-weak i:focus, .endor-form .pw-match-icon.pw-weak .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-normal i:focus, .endor-form .pw-strength-icon.pw-normal .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-strong i:focus, .endor-form .pw-strength-icon.pw-strong .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .pw-strength-icon.pw-weak i:focus, .endor-form .pw-strength-icon.pw-weak .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .field-error .pw-match-icon.input-icon i:focus, .endor-form .field-error .pw-match-icon.input-icon .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .endor-form .field-error .pw-strength-icon.input-icon i:focus, .endor-form .field-error .pw-strength-icon.input-icon .navbar .container .shopFunctions i:focus, .navbar .container .shopFunctions .mobile-nav .menu li a:focus:after, .mobile-nav .menu li .navbar .container .shopFunctions a:focus:after { color: #000000; color: __largeIconColor__; } @media only screen and (min-width: 315px) and (max-width: 419px) { .navbar .container .shopFunctions { width: 100%; font-size: 22px; } } @media only screen and (min-width: 420px) and (max-width: 667px) { .navbar .container .shopFunctions { width: 78%; font-size: 22px; } } @media only screen and (min-width: 667px) and (max-width: 989px) { .navbar .container .shopFunctions { width: 30%; font-size: 240%; } } @media only screen and (min-width: 667px) and (max-width: 768px) { .navbar .container .shopFunctions { width: 63%; } } @media only screen and (min-width: 990px) and (max-width: 1200px) { .navbar .container .shopFunctions { width: 46%; } } .optionBar .userDrawer a { display: block; } .optionBar .userDrawer a:hover { font-weight: 600; } .optionBar .userDrawer h3 { border-top: solid 1px #CCCCCC; font-size: 100%; padding: 1em 0; margin-top: 0; margin-bottom: 0; font-weight: 300; } .userInfo .firstName { margin-right: 10px; } .userInfo .mediaName { margin-right: 10px; } .userInfo .mediaAmount { color: __preheaderTextColor__; } .shopFunctions .search { display: inline-block; width: 45%; } @media only screen and (min-width: 315px) and (max-width: 419px) { .shopFunctions .search { width: 27%; text-align: right; } } @media only screen and (min-width: 420px) and (max-width: 667px) { .shopFunctions .search { width: 30%; text-align: right; } } @media only screen and (min-width: 667px) and (max-width: 989px) { .shopFunctions .search { width: 48%; text-align: right; } } @media only screen and (min-width: 667px) and (max-width: 768px) { .shopFunctions .search { width: 33%; text-align: right; } } @media only screen and (min-width: 990px) and (max-width: 1200px) { .shopFunctions .search { width: 50%; text-align: right; } } .shopFunctions .cart { display: inline-block; position: relative; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .shopFunctions .cart .itemCount { display: block; position: absolute; font-size: 40%; color: #FFFFFF; background: #2A843C; text-align: center; border-radius: 1em; height: 1.3em; top: 0; left: 2em; padding: 0 0.4em; } .stuckNav .navbar-header { width: 35%; } .stuckNav .navbar-brand { width: 100%; padding-bottom: 1em; padding-top: 1em; } .stuckNav .userInfo h2.mediaName span.mediaAmount { font-size: 100%; font-weight: 400; } .stuckNav .shopFunctions { font-size: 210%; margin-top: 0.2em; } .stuckNav #navbar { margin-bottom: 10px; } .stuckNav .userInfo { margin-top: 0; padding-top: 0.75em; } .stuckNav .navbar-collapse a { padding-right: 1em; margin-right: 1em; } @media (min-width: 768px) { .stickyHeader.stickOn { position: fixed; top: -50%; left: 0; z-index: 99999; background: #FFFFFF; width: 100%; } } .optionBar .endorIcon.endor-globe.en, .optionBar .profile-options li.endor-globe.en:before, .profile-options .optionBar li.endor-globe.en:before, .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.en, .endor-form .pw-match-icon.pw-normal .optionBar i.endor-globe.en, .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.en, .endor-form .pw-match-icon.pw-strong .optionBar i.endor-globe.en, .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.en, .endor-form .pw-match-icon.pw-weak .optionBar i.endor-globe.en, .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.en, .endor-form .pw-strength-icon.pw-normal .optionBar i.endor-globe.en, .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.en, .endor-form .pw-strength-icon.pw-strong .optionBar i.endor-globe.en, .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.en, .endor-form .pw-strength-icon.pw-weak .optionBar i.endor-globe.en, .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.en, .endor-form .field-error .pw-match-icon.input-icon .optionBar i.endor-globe.en, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.en, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i.endor-globe.en, .optionBar .mobile-nav .menu li a.endor-globe.en:after, .mobile-nav .menu li .optionBar a.endor-globe.en:after { left: 12px; } .optionBar .endorIcon.endor-globe.fr, .optionBar .profile-options li.endor-globe.fr:before, .profile-options .optionBar li.endor-globe.fr:before, .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.fr, .endor-form .pw-match-icon.pw-normal .optionBar i.endor-globe.fr, .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.fr, .endor-form .pw-match-icon.pw-strong .optionBar i.endor-globe.fr, .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.fr, .endor-form .pw-match-icon.pw-weak .optionBar i.endor-globe.fr, .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.fr, .endor-form .pw-strength-icon.pw-normal .optionBar i.endor-globe.fr, .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.fr, .endor-form .pw-strength-icon.pw-strong .optionBar i.endor-globe.fr, .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.fr, .endor-form .pw-strength-icon.pw-weak .optionBar i.endor-globe.fr, .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.fr, .endor-form .field-error .pw-match-icon.input-icon .optionBar i.endor-globe.fr, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.fr, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i.endor-globe.fr, .optionBar .mobile-nav .menu li a.endor-globe.fr:after, .mobile-nav .menu li .optionBar a.endor-globe.fr:after { left: 48px; } .optionBar .endorIcon.endor-globe.cn, .optionBar .profile-options li.endor-globe.cn:before, .profile-options .optionBar li.endor-globe.cn:before, .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.cn, .endor-form .pw-match-icon.pw-normal .optionBar i.endor-globe.cn, .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.cn, .endor-form .pw-match-icon.pw-strong .optionBar i.endor-globe.cn, .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.cn, .endor-form .pw-match-icon.pw-weak .optionBar i.endor-globe.cn, .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.cn, .endor-form .pw-strength-icon.pw-normal .optionBar i.endor-globe.cn, .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.cn, .endor-form .pw-strength-icon.pw-strong .optionBar i.endor-globe.cn, .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.cn, .endor-form .pw-strength-icon.pw-weak .optionBar i.endor-globe.cn, .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.cn, .endor-form .field-error .pw-match-icon.input-icon .optionBar i.endor-globe.cn, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.cn, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i.endor-globe.cn, .optionBar .mobile-nav .menu li a.endor-globe.cn:after, .mobile-nav .menu li .optionBar a.endor-globe.cn:after { left: 37px; } .optionBar .endorIcon.endor-globe.es, .optionBar .profile-options li.endor-globe.es:before, .profile-options .optionBar li.endor-globe.es:before, .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.es, .endor-form .pw-match-icon.pw-normal .optionBar i.endor-globe.es, .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.es, .endor-form .pw-match-icon.pw-strong .optionBar i.endor-globe.es, .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.es, .endor-form .pw-match-icon.pw-weak .optionBar i.endor-globe.es, .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.es, .endor-form .pw-strength-icon.pw-normal .optionBar i.endor-globe.es, .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.es, .endor-form .pw-strength-icon.pw-strong .optionBar i.endor-globe.es, .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.es, .endor-form .pw-strength-icon.pw-weak .optionBar i.endor-globe.es, .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.es, .endor-form .field-error .pw-match-icon.input-icon .optionBar i.endor-globe.es, .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.es, .endor-form .field-error .pw-strength-icon.input-icon .optionBar i.endor-globe.es, .optionBar .mobile-nav .menu li a.endor-globe.es:after, .mobile-nav .menu li .optionBar a.endor-globe.es:after { left: 29px; } .lt-ie9 .optionBar .endorIcon.endor-globe, .lt-ie9 .optionBar .profile-options li.endor-globe:before, .profile-options .lt-ie9 .optionBar li.endor-globe:before, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe, .endor-form .pw-match-icon.pw-normal .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe, .endor-form .pw-match-icon.pw-strong .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe, .endor-form .pw-match-icon.pw-weak .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe, .endor-form .pw-strength-icon.pw-normal .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe, .endor-form .pw-strength-icon.pw-strong .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe, .endor-form .pw-strength-icon.pw-weak .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe, .endor-form .field-error .pw-match-icon.input-icon .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe, .endor-form .field-error .pw-strength-icon.input-icon .lt-ie9 .optionBar i.endor-globe, .lt-ie9 .optionBar .mobile-nav .menu li a.endor-globe:after, .mobile-nav .menu li .lt-ie9 .optionBar a.endor-globe:after { left: 6px; } .lt-ie9 .optionBar .endorIcon.endor-globe.en, .lt-ie9 .optionBar .profile-options li.endor-globe.en:before, .profile-options .lt-ie9 .optionBar li.endor-globe.en:before, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.en, .endor-form .pw-match-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.en, .endor-form .pw-match-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.en, .endor-form .pw-match-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.en, .endor-form .pw-strength-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.en, .endor-form .pw-strength-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.en, .endor-form .pw-strength-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.en, .endor-form .field-error .pw-match-icon.input-icon .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.en, .endor-form .field-error .pw-strength-icon.input-icon .lt-ie9 .optionBar i.endor-globe.en, .lt-ie9 .optionBar .mobile-nav .menu li a.endor-globe.en:after, .mobile-nav .menu li .lt-ie9 .optionBar a.endor-globe.en:after { left: 6px; } .lt-ie9 .optionBar .endorIcon.endor-globe.fr, .lt-ie9 .optionBar .profile-options li.endor-globe.fr:before, .profile-options .lt-ie9 .optionBar li.endor-globe.fr:before, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.fr, .endor-form .pw-match-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.fr, .endor-form .pw-match-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.fr, .endor-form .pw-match-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.fr, .endor-form .pw-strength-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.fr, .endor-form .pw-strength-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.fr, .endor-form .pw-strength-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.fr, .endor-form .field-error .pw-match-icon.input-icon .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.fr, .endor-form .field-error .pw-strength-icon.input-icon .lt-ie9 .optionBar i.endor-globe.fr, .lt-ie9 .optionBar .mobile-nav .menu li a.endor-globe.fr:after, .mobile-nav .menu li .lt-ie9 .optionBar a.endor-globe.fr:after { left: 42px; } .lt-ie9 .optionBar .endorIcon.endor-globe.cn, .lt-ie9 .optionBar .profile-options li.endor-globe.cn:before, .profile-options .lt-ie9 .optionBar li.endor-globe.cn:before, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.cn, .endor-form .pw-match-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.cn, .endor-form .pw-match-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.cn, .endor-form .pw-match-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.cn, .endor-form .pw-strength-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.cn, .endor-form .pw-strength-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.cn, .endor-form .pw-strength-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.cn, .endor-form .field-error .pw-match-icon.input-icon .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.cn, .endor-form .field-error .pw-strength-icon.input-icon .lt-ie9 .optionBar i.endor-globe.cn, .lt-ie9 .optionBar .mobile-nav .menu li a.endor-globe.cn:after, .mobile-nav .menu li .lt-ie9 .optionBar a.endor-globe.cn:after { left: 31px; } .lt-ie9 .optionBar .endorIcon.endor-globe.es, .lt-ie9 .optionBar .profile-options li.endor-globe.es:before, .profile-options .lt-ie9 .optionBar li.endor-globe.es:before, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-normal i.endor-globe.es, .endor-form .pw-match-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-strong i.endor-globe.es, .endor-form .pw-match-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .pw-match-icon.pw-weak i.endor-globe.es, .endor-form .pw-match-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-normal i.endor-globe.es, .endor-form .pw-strength-icon.pw-normal .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-strong i.endor-globe.es, .endor-form .pw-strength-icon.pw-strong .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .pw-strength-icon.pw-weak i.endor-globe.es, .endor-form .pw-strength-icon.pw-weak .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .field-error .pw-match-icon.input-icon i.endor-globe.es, .endor-form .field-error .pw-match-icon.input-icon .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .endor-form .field-error .pw-strength-icon.input-icon i.endor-globe.es, .endor-form .field-error .pw-strength-icon.input-icon .lt-ie9 .optionBar i.endor-globe.es, .lt-ie9 .optionBar .mobile-nav .menu li a.endor-globe.es:after, .mobile-nav .menu li .lt-ie9 .optionBar a.endor-globe.es:after { left: 23px; } .globalAlert { width: 100%; padding: 20px; background: #000000; float: left; height: 100px; position: relative; z-index: 100; display: none; margin-bottom: 30px; } .globalAlert.info { background: #FFA31E; } .globalAlert .gaContent { height: 60px; width: 800px; display: block; margin: 20px auto 0; text-align: center; } .globalAlert .gaContent > span.gaText { display: none; } .globalAlert .gaContent p { width: 100%; text-align: center; font-size: 24px; color: #FFFFFF; font-weight: 100; margin-top: -10px; line-height: 1.2em; } .globalAlert .gaContent p .endorIcon, .globalAlert .gaContent p .profile-options li:before, .profile-options .globalAlert .gaContent p li:before, .globalAlert .gaContent p .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .globalAlert .gaContent p i, .globalAlert .gaContent p .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .globalAlert .gaContent p i, .globalAlert .gaContent p .mobile-nav .menu li a:after, .mobile-nav .menu li .globalAlert .gaContent p a:after { color: #FFFFFF; font-size: 50px; height: 60px; width: 75px; position: relative; top: 5px; margin-right: 15px; } @media only screen and (max-width: 667px) { .globalAlert { position: absolute; width: 100%; height: 100%; opacity: 50; } .globalAlert .gaContent { height: 100%; width: 100%; } .globalAlert .gaContent p { width: 100%; text-align: center; font-size: 24px; color: #FFFFFF; font-weight: 100; margin-top: -10px; line-height: 1.2em; display: block; } .globalAlert .gaContent .endorIcon, .globalAlert .gaContent .profile-options li:before, .profile-options .globalAlert .gaContent li:before, .globalAlert .gaContent .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .globalAlert .gaContent i, .globalAlert .gaContent .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .globalAlert .gaContent i, .globalAlert .gaContent .mobile-nav .menu li a:after, .mobile-nav .menu li .globalAlert .gaContent a:after { color: #FFFFFF; display: block; font-size: 50px; height: 60px; width: 100%; text-align: center; margin-left: 40%; margin-top: 60%; } } .ontra-link { color: #000000; } .languageClone { background: #FFFF00; display: none; } .autocomplete-items { width: 100%; height: auto; background-color: #FFFFFF; padding-left: 66px; z-index: -1; } @media only screen and (min-width: 315px) and (max-width: 666px) { .autocomplete-items { padding-left: 30px; } } #autocomplete-list_new { position: fixed; left: 0; width: 100%; margin-top: 10px; } .slider_auto { overflow-y: hidden; margin-top: 110px; transition: margin-top 0.68s ease; z-index: -1; } .slider-closed { margin-top: 0; transition: margin-top 0.8s ease; z-index: 10; background: #FFFFFF; } .output_list { margin-left: 33px; } @media only screen and (max-width: 667px) { .output_list { margin-left: 15px; } } @media only screen and (max-width: 767px) and (min-width: 668px) { .output_list { margin-left: 15px; } } @media only screen and (max-width: 1000px) and (min-width: 768px) { .output_list { margin-left: 32px; } } .container_new div:hover { background-color: #E9E9E9; } .autocomplete-active { background-color: #E9E9E9 !important; color: #FFFFFF; } .search_position { position: relative; } @media (min-width: 769px) { .myFavorites { display: none; } } @media (max-width: 768px) { .myFavorites { width: auto; display: inline-block; } } a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } a.skip-main:focus, a.skip-main:active { color: #000000; background-color: #E6E6E6; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border-radius: 15px; text-align: center; font-size: 1.2em; z-index: 999; } /* 8888888888 .d88888b. .d88888b. 88888888888 8888888888 8888888b. 888 d88P" "Y88b d88P" "Y88b 888 888 888 Y88b 888 888 888 888 888 888 888 888 888 8888888 888 888 888 888 888 8888888 888 d88P 888 888 888 888 888 888 888 8888888P" 888 888 888 888 888 888 888 888 T88b 888 Y88b. .d88P Y88b. .d88P 888 888 888 T88b 888 "Y88888P" "Y88888P" 888 8888888888 888 T88b */ @media only screen and (min-width: 940px) { .push, footer { height: 185px; } footer { margin-top: 0; } } footer { background: #000000; background: __footerBackgroundColor__; color: #808080; color: __footerTextColor__; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2em 0 4em; margin-top: 4em; } footer .socialIcons { font-size: 250%; text-align: right; } footer .socialIcons a { display: inline-block; margin-left: 7%; overflow: visible; color: #FFFFFF; width: 50px !important; text-align: center; } footer .socialIcons a:first-child { margin-left: 0; } footer .socialIcons a:hover { text-decoration: none; } footer .socialIcons a .endorIcon, footer .socialIcons a .profile-options li:before, .profile-options footer .socialIcons a li:before, footer .socialIcons a .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal footer .socialIcons a i, footer .socialIcons a .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong footer .socialIcons a i, footer .socialIcons a .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak footer .socialIcons a i, footer .socialIcons a .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal footer .socialIcons a i, footer .socialIcons a .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong footer .socialIcons a i, footer .socialIcons a .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak footer .socialIcons a i, footer .socialIcons a .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon footer .socialIcons a i, footer .socialIcons a .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon footer .socialIcons a i, footer .socialIcons a .mobile-nav .menu li a:after, .mobile-nav .menu li footer .socialIcons a a:after { color: #FFFFFF; } footer #facebook { background: #506eba; } footer #youtube { background: #dc4838; } footer #twitter { background: #3599e6; } footer #linkedin { background: #4779aa; } footer #empire { background: #dc4838; } footer #pinterest { background: #C92228; } footer #email { background: #595959; } footer .copyright { text-align: right; font-size: 80%; padding-top: 2em; color: __footerTextColor__; } @media only screen and (max-width: 667px) { footer .copyright { text-align: left; } } footer .footerNav li, footer .footerNav ul { list-style-type: none; margin: 0; padding: 0; } footer .footerNav { margin-top: 3%; white-space: nowrap; } footer .footerNav ul { margin-top: 0; } footer .footerNav ul li { display: inline-block; margin-left: 25px; padding-left: 20px; border-left: solid 1px #595959; } footer .footerNav ul li:first-child { border-left: none; } footer .footerNav ul li a { color: #757575; color: #757575; } footer .footerNav ul li a:active, footer .footerNav ul li a:hover { color: #FFFFFF; outline: 0; } @media (max-width: 992px) { footer { padding-bottom: 0; } footer .footerNav { margin-bottom: 2em; white-space: normal; } footer .footerNav li { width: 100%; } footer .footerNav ul li { border-left: none; padding-bottom: 2em; } footer .socialIcons { text-align: right; font-size: 150%; } footer .socialIcons a { width: 30px; } } @media only screen and (max-width: 667px) { footer .footerNav ul { padding: 0; } footer .footerNav ul li { padding-bottom: 1em; text-align: left; padding-left: 0; margin-left: 0; } } .chat-btn { display: none; position: fixed; width: 50px; height: 50px; left: 0; bottom: 25px; padding: 5px; background-color: #ffffff; border-top: 1px solid #1F1F1F; border-right: 1px solid #1F1F1F; border-bottom: 1px solid #1F1F1F; } @media only screen and (min-width: 767px) { .chat-btn { display: block; } } .chat-btn i { color: #1f1f1f; font-size: 30px; left: 2px; position: relative; display: inline-block; float: left; } .chat-btn .message { display: inline-block; position: relative; float: right; display: none; color: #1f1f1f; font-size: 14px; } .chat-btn.active, .chat-btn:active, .chat-btn:focus, .chat-btn:hover { z-index: 9; background: #1f1f1f; width: 193px; padding-right: 10px; } .chat-btn.active i, .chat-btn:active i, .chat-btn:focus i, .chat-btn:hover i { color: #ffffff; } .chat-btn.active .message, .chat-btn:active .message, .chat-btn:focus .message, .chat-btn:hover .message { color: #ffffff; display: block; top: 10px; } footer .footerNav ul li a:focus { color: #FFFFFF; } /* 8888888888 8888888888 d8888 88888888888 888 888 8888888b. 8888888888 888 888 d88888 888 888 888 888 Y88b 888 888 888 d88P888 888 888 888 888 888 888 8888888 8888888 d88P 888 888 888 888 888 d88P 8888888 888 888 d88P 888 888 888 888 8888888P" 888 888 888 d88P 888 888 888 888 888 T88b 888 888 888 d8888888888 888 Y88b. .d88P 888 T88b 888 888 8888888888 d88P 888 888 "Y88888P" 888 T88b 8888888888 .d8888b. 8888888b. 8888888 8888888b. d88P Y88b 888 Y88b 888 888 "Y88b 888 888 888 888 888 888 888 888 888 d88P 888 888 888 888 88888 8888888P" 888 888 888 888 888 888 T88b 888 888 888 Y88b d88P 888 T88b 888 888 .d88P "Y8888P88 888 T88b 8888888 8888888P" */ .featureGrid { padding: 2em 0; } .featureGrid > h2 { padding-left: 15px; padding-bottom: 0.5em; font-family: "open_sansregular"; } .featureGrid .featureGridChooser { text-align: center; font-size: 150%; margin: 0 0 1.25em; padding: 0; } @media only screen and (min-width: 769px) { .featureGrid .featureGridChooser { margin-bottom: 2em; } } .featureGrid .featureGridChooser ul { padding-left: 0; } .featureGrid .featureGridChooser li { list-style-type: none; display: inline-block; } .featureGrid .featureGridChooser li a { font-family: "open_sansregular"; } .featureGrid .featureGridChooser a { color: #757575; } .featureGrid .featureGridChooser li.active a { color: #000000; font-weight: 700; } .featureGrid .gridItem { margin-bottom: 2em; } .itemGrid .gridItem { transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; } .featureGrid .gridItem .gridItemInner, .itemGrid .gridItem .gridItemInner { background: #FFFFFF; border: solid 1px #E6E6E6; margin-bottom: 2em; position: relative; } .featureGrid .gridItem .gridItemInner:hover, .itemGrid .gridItem .gridItemInner:hover { cursor: pointer; } .featureGrid .gridItem .gridItemInner .gridItemImage, .itemGrid .gridItem .gridItemInner .gridItemImage { position: relative; } @media only screen and (max-width: 667px) { .featureGrid .gridItem .gridItemInner .gridItemImage img, .itemGrid .gridItem .gridItemInner .gridItemImage img { width: 100%; } } .featureGrid .gridItem .gridItemInner .gridItemImage img.merchItem, .itemGrid .gridItem .gridItemInner .gridItemImage img.merchItem { width: 100%; height: 200px; top: 0; left: 0; } .gridItemInner.music .gridItemImage img { height: auto !important; } .featureGrid .gridItem .gridItemInner .gridItemImage img.merchItemAlt, .itemGrid .gridItem .gridItemInner .gridItemImage img.merchItemAlt { width: 100%; height: 200px; position: absolute; top: 0; left: 0; display: none; } .featureGrid .gridItem .gridItemInner .gridItemImage img.merchItemPlaceholder, .itemGrid .gridItem .gridItemInner .gridItemImage img.merchItemPlaceholder { width: 100%; height: 200px; position: absolute; top: 0; left: 0; z-index: 0; } .featureGrid .gridItem .gridItemInner a.gridItemLink, .itemGrid .gridItem .gridItemInner a.gridItemLink { width: 100%; height: 90%; position: relative; display: block; } .gridItem .gridItemInner .merchInfo { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #E6E6E6; padding: 1em; font-size: 90%; } .gridItem .gridItemInner .merchInfo .description { line-height: 1.2em; margin-bottom: 0.5em; } .gridItem .gridItemInner .merchInfo .rating { display: inline-block; float: right; } .gridItem .gridItemInner .merchInfo .price { font-size: 90%; font-size: 9px; margin-bottom: 0; line-height: 250%; } .gridItem .gridItemInner .merchInfo .price .strikeout { text-decoration: line-through; font-size: 120%; color: #595959; } .gridItem .gridItemInner .merchInfo .price .actualPrice { font-size: 250%; font-weight: 600; } .gridItem .cart-notification { display: none; } @media only screen and (max-width: 667px) { .gridItem .cart-notification { display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: 999; padding: 0 15px; } } .gridItem .gridItemInner .merchInfo .productId em { font-style: normal; font-weight: 600; } .gridItem .gridItemInner .merchInfo p:last-child { margin-bottom: 0; } .gridItemActions { background: rgba(255, 255, 255, 0.85); border-radius: 0.5em; width: 95%; height: 5em; position: absolute; bottom: 1em; z-index: 10; margin-left: 2.5%; text-align: center; display: none; overflow: hidden; } .lt-ie9 .gridItemActions { background: #CCCCCC; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .gridItemActions { display: block !important; } } .gridItemActions .colorChoices { position: absolute; left: 15%; top: 33%; text-decoration: none; } .gridItemActions .colorChoices .colorContainer { width: 2em; height: 2em; } .gridItemActions .colorChoices .colorContainer div { float: left; width: 50%; height: 50%; } .gridItemActions .colorChoices .colorContainer .color1 { background: #FBD75E; } .gridItemActions .colorChoices .colorContainer .color2 { background: #59C691; } .gridItemActions .colorChoices .colorContainer .color3 { background: #DB7354; } .gridItemActions .colorChoices .colorContainer .color4 { background: #78648C; } .gridItemActions .colorChoices .colorContainer:hover { cursor: pointer; } .gridItemActions .addToCart, .gridItemActions .addToCartLink { font-size: 300%; position: absolute; left: 41%; top: 10%; } .gridItemActions .addToFavorites { font-size: 140%; position: absolute; top: 27%; right: 12%; } .gridItemActions .addToFavorites .endor-heart, .gridItemActions .addToFavorites .endor-heart-filled { position: absolute; top: 15%; right: 12%; } .gridItemActions .endorIcon, .gridItemActions .profile-options li:before, .profile-options .gridItemActions li:before, .gridItemActions .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .gridItemActions i, .gridItemActions .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .gridItemActions i, .gridItemActions .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .gridItemActions i, .gridItemActions .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .gridItemActions i, .gridItemActions .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .gridItemActions i, .gridItemActions .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .gridItemActions i, .gridItemActions .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .gridItemActions i, .gridItemActions .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .gridItemActions i, .gridItemActions .mobile-nav .menu li a:after, .mobile-nav .menu li .gridItemActions a:after { color: #404040; } .gridItemActions .endorIcon:hover, .gridItemActions .profile-options li:hover:before, .profile-options .gridItemActions li:hover:before, .gridItemActions .endor-form .pw-match-icon.pw-normal i:hover, .endor-form .pw-match-icon.pw-normal .gridItemActions i:hover, .gridItemActions .endor-form .pw-match-icon.pw-strong i:hover, .endor-form .pw-match-icon.pw-strong .gridItemActions i:hover, .gridItemActions .endor-form .pw-match-icon.pw-weak i:hover, .endor-form .pw-match-icon.pw-weak .gridItemActions i:hover, .gridItemActions .endor-form .pw-strength-icon.pw-normal i:hover, .endor-form .pw-strength-icon.pw-normal .gridItemActions i:hover, .gridItemActions .endor-form .pw-strength-icon.pw-strong i:hover, .endor-form .pw-strength-icon.pw-strong .gridItemActions i:hover, .gridItemActions .endor-form .pw-strength-icon.pw-weak i:hover, .endor-form .pw-strength-icon.pw-weak .gridItemActions i:hover, .gridItemActions .endor-form .field-error .pw-match-icon.input-icon i:hover, .endor-form .field-error .pw-match-icon.input-icon .gridItemActions i:hover, .gridItemActions .endor-form .field-error .pw-strength-icon.input-icon i:hover, .endor-form .field-error .pw-strength-icon.input-icon .gridItemActions i:hover, .gridItemActions .mobile-nav .menu li a:hover:after, .mobile-nav .menu li .gridItemActions a:hover:after, .gridItemActions .endorIcon:active, .gridItemActions .profile-options li:active:before, .profile-options .gridItemActions li:active:before, .gridItemActions .endor-form .pw-match-icon.pw-normal i:active, .endor-form .pw-match-icon.pw-normal .gridItemActions i:active, .gridItemActions .endor-form .pw-match-icon.pw-strong i:active, .endor-form .pw-match-icon.pw-strong .gridItemActions i:active, .gridItemActions .endor-form .pw-match-icon.pw-weak i:active, .endor-form .pw-match-icon.pw-weak .gridItemActions i:active, .gridItemActions .endor-form .pw-strength-icon.pw-normal i:active, .endor-form .pw-strength-icon.pw-normal .gridItemActions i:active, .gridItemActions .endor-form .pw-strength-icon.pw-strong i:active, .endor-form .pw-strength-icon.pw-strong .gridItemActions i:active, .gridItemActions .endor-form .pw-strength-icon.pw-weak i:active, .endor-form .pw-strength-icon.pw-weak .gridItemActions i:active, .gridItemActions .endor-form .field-error .pw-match-icon.input-icon i:active, .endor-form .field-error .pw-match-icon.input-icon .gridItemActions i:active, .gridItemActions .endor-form .field-error .pw-strength-icon.input-icon i:active, .endor-form .field-error .pw-strength-icon.input-icon .gridItemActions i:active, .gridItemActions .mobile-nav .menu li a:active:after, .mobile-nav .menu li .gridItemActions a:active:after { color: #000000; } .gridItemActions .pointer { font-size: 200%; width: 100%; text-align: center; position: absolute; bottom: -0.95em; display: none; } .gridItemActions .pointer .endorIcon, .gridItemActions .pointer .profile-options li:before, .profile-options .gridItemActions .pointer li:before, .gridItemActions .pointer .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .gridItemActions .pointer i, .gridItemActions .pointer .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .gridItemActions .pointer i, .gridItemActions .pointer .mobile-nav .menu li a:after, .mobile-nav .menu li .gridItemActions .pointer a:after { color: rgba(220, 220, 220, 0.9) !important; } .gridItemActions div a { color: #333333; } .gridItemActions div a:hover { text-decoration: none; cursor: pointer; } .twoActions .gridItemActions { width: 50%; margin-left: 25%; } .twoActions .gridItemActions .addToCart, .twoActions .gridItemActions .addToCartLink { font-size: 300%; position: absolute; left: 11%; top: 10%; } .twoActions .gridItemActions .addToFavorites { font-size: 140%; position: absolute; top: 30%; right: 12%; } .twoActions .gridItemActions .addToFavorites .endor-heart, .twoActions .gridItemActions .addToFavorites .endor-heart-filled { position: absolute; top: 15%; right: 12%; } .oneAction .gridItemActions { width: 33%; margin-left: 33%; } .oneAction .gridItemActions .addToCart, .oneAction .gridItemActions .addToCartLink { font-size: 300%; position: absolute; left: 13%; top: 10%; } .oneAction .gridItemActions .addToFavorites { font-size: 140%; position: absolute; top: 30%; right: 12%; } .oneAction .gridItemActions .addToFavorites .endor-heart, .oneAction .gridItemActions .addToFavorites .endor-heart-filled { position: absolute; top: 15%; right: 12%; } .load-more { border-top: solid 1px #CCCCCC; } .load-more .buttonContainer { position: relative; text-align: center; background: #FFFFFF; padding: 0 20px; width: 200px; margin: -20px auto 0; } .load-more .buttonContainer a.btn-more { display: inline-block; border: solid 1px #e6e6e6; color: #000000; border: solid 3px #000000; float: none; background: #FFFFFF; padding: 6px 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; white-space: nowrap; } .load-more .buttonContainer a.btn-more:hover { background: #333333; color: #FFFFFF; } /* 8888888 88888888888 8888888888 888b d888 888 888 888 8888b d8888 888 888 888 88888b.d88888 888 888 8888888 888Y88888P888 888 888 888 888 Y888P 888 888 888 888 888 Y8P 888 888 888 888 888 " 888 8888888 888 8888888888 888 888 .d8888b. 8888888b. 8888888 8888888b. d88P Y88b 888 Y88b 888 888 "Y88b 888 888 888 888 888 888 888 888 888 d88P 888 888 888 888 88888 8888888P" 888 888 888 888 888 888 T88b 888 888 888 Y88b d88P 888 T88b 888 888 .d88P "Y8888P88 888 T88b 8888888 8888888P" */ .addToFavoritesFeature { display: inline-block; height: 25px; width: 25px; } .itemGrid .gridItem .merchInfo { font-size: 70%; } @media (max-width: 1200px) { .itemGrid .gridItem .merchInfo { font-size: 65%; } .itemGrid .gridItem .merchInfo .price .actualPrice { font-size: 175%; } } @media only screen and (max-width: 667px) { .itemGrid .gridItem .merchInfo { font-size: 100%; } } .categoryBanner { overflow: hidden; margin-bottom: 0; } .categoryBanner .categoryText { background-position: 50% 50%; text-align: center; padding: 10%; } .categoryBanner .categoryText span { text-align: center; color: #FFFFFF; padding: 0.5em 0.75em; font-weight: 900; font-size: 450%; border: solid 2px #FFFFFF; font-family: "open_sansregular"; } @media only screen and (max-width: 667px) { .categoryBanner .categoryText span { font-size: 200%; } } .categoryBanner.introText { overflow: hidden; margin-bottom: 0; } .categoryBanner.introText .categoryText { background-position: 50% 50%; text-align: center; padding: 5% 15%; } .categoryBanner.introText .categoryText span { text-align: center; display: block; color: #FFFFFF; padding: 2em 4em 4em; border: solid 2px #FFFFFF; border: none; font-size: 100%; font-weight: normal; background: rgba(0, 0, 0, 0.75); } .categoryBanner.introText .categoryText span h1 { font-weight: 200; font-size: 350%; padding: 0 0 0.5em; } .categoryBanner.introText .categoryText p { color: #FFFFFF; font-size: 90%; text-align: left; font-weight: 100; line-height: 1.5em; } .endorBreadcrumb { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; display: none; } @media only screen and (max-width: 667px) { .endorBreadcrumb { display: none; } } @media (min-width: 768px) { .endorBreadcrumb .container { width: 735px; } } @media (min-width: 992px) { .endorBreadcrumb .container { width: 940px; } } @media (min-width: 1200px) { .endorBreadcrumb .container { width: 1140px; } } @media (min-width: 1350px) { .endorBreadcrumb .container { width: 1270px; } } .endorBreadcrumb a { color: #999999; display: block; float: left; margin: 1.2em 1.2em 1.2em 0; font-size: 85%; } .endorBreadcrumb a.levelCurrent { color: #563974; font-weight: 600; } .endorBreadcrumb a:hover { cursor: pointer; } .endorBreadcrumb .endorIcon, .endorBreadcrumb .profile-options li:before, .profile-options .endorBreadcrumb li:before, .endorBreadcrumb .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .endorBreadcrumb i, .endorBreadcrumb .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .endorBreadcrumb i, .endorBreadcrumb .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .endorBreadcrumb i, .endorBreadcrumb .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .endorBreadcrumb i, .endorBreadcrumb .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .endorBreadcrumb i, .endorBreadcrumb .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .endorBreadcrumb i, .endorBreadcrumb .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .endorBreadcrumb i, .endorBreadcrumb .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .endorBreadcrumb i, .endorBreadcrumb .mobile-nav .menu li a:after, .mobile-nav .menu li .endorBreadcrumb a:after { font-size: 200%; line-height: 1.5em; display: block; float: left; color: #999999; margin-right: 0.4em; } .itemGrid .gridContainer h1, h1.mobileHeader { text-transform: uppercase; margin: 0 0 5px; padding: 0; font-size: 55px; font-weight: 300; line-height: 0.8em; font-family: "open_sansregular"; } h1.mobileHeader { margin-bottom: 20px; } @media only screen and (max-width: 667px) { .itemGrid .gridContainer h1 { font-size: 30px; line-height: 1.2em; } h1.mobileHeader { font-size: 30px; } } .gridContainer .pagination { display: block; clear: both; font-size: 80%; border-top: solid 1px #e6e6e6; padding-top: 20px; margin-top: 0; margin-top: 20px; } @media only screen and (max-width: 667px) { .gridContainer .pagination.singleItem { margin-bottom: 10px; } } .gridContainer .pagination.singleItem .pageList { display: none; } .gridContainer .pagination > div { display: inline-block; width: 31%; position: relative; } /* 8888888 88888888888 8888888888 888b d888 888 888 888 8888b d8888 888 888 888 88888b.d88888 888 888 8888888 888Y88888P888 888 888 888 888 Y888P 888 888 888 888 888 Y8P 888 888 888 888 888 " 888 8888888 888 8888888888 888 888 .d8888b. d8888 8888888b. .d88888b. 888 888 .d8888b. 8888888888 888 d88P Y88b d88888 888 Y88b d88P" "Y88b 888 888 d88P Y88b 888 888 888 888 d88P888 888 888 888 888 888 888 Y88b. 888 888 888 d88P 888 888 d88P 888 888 888 888 "Y888b. 8888888 888 888 d88P 888 8888888P" 888 888 888 888 "Y88b. 888 888 888 888 d88P 888 888 T88b 888 888 888 888 "888 888 888 Y88b d88P d8888888888 888 T88b Y88b. .d88P Y88b. .d88P Y88b d88P 888 888 "Y8888P" d88P 888 888 T88b "Y88888P" "Y88888P" "Y8888P" 8888888888 88888888 */ .colorChoiceItemCarousel .item img { width: 100%; height: 200px; } /* .d8888b. 888 888 d8888 88888888888 .d8888b. 888 888 d88P Y88b 888 o 888 d88888 888 d88P Y88b 888 888 Y88b. 888 d8b 888 d88P888 888 888 888 888 888 "Y888b. 888 d888b 888 d88P 888 888 888 8888888888 "Y88b. 888d88888b888 d88P 888 888 888 888 888 "888 88888P Y88888 d88P 888 888 888 888 888 888 Y88b d88P 8888P Y8888 d8888888888 888 Y88b d88P 888 888 "Y8888P" 888P Y888 d88P 888 888 "Y8888P" 888 888 .d8888b. d8888 8888888b. .d88888b. 888 888 .d8888b. 8888888888 888 d88P Y88b d88888 888 Y88b d88P" "Y88b 888 888 d88P Y88b 888 888 888 888 d88P888 888 888 888 888 888 888 Y88b. 888 888 888 d88P 888 888 d88P 888 888 888 888 "Y888b. 8888888 888 888 d88P 888 8888888P" 888 888 888 888 "Y88b. 888 888 888 888 d88P 888 888 T88b 888 888 888 888 "888 888 888 Y88b d88P d8888888888 888 T88b Y88b. .d88P Y88b. .d88P Y88b d88P 888 888 "Y8888P" d88P 888 888 T88b "Y88888P" "Y88888P" "Y8888P" 8888888888 88888888 */ .colorChoiceSwatchContainer { width: 100%; position: absolute; top: 5.05em; } .colorChoiceSwatchContainer .colorBackArrow { width: 20%; float: left; font-size: 150%; color: #999999 !important; position: relative; } .colorChoiceSwatchContainer .colorBackArrow .endorIcon, .colorChoiceSwatchContainer .colorBackArrow .profile-options li:before, .profile-options .colorChoiceSwatchContainer .colorBackArrow li:before, .colorChoiceSwatchContainer .colorBackArrow .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .colorChoiceSwatchContainer .colorBackArrow i, .colorChoiceSwatchContainer .colorBackArrow .mobile-nav .menu li a:after, .mobile-nav .menu li .colorChoiceSwatchContainer .colorBackArrow a:after { position: relative; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel { width: 65%; float: left; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel .owl-item { margin-right: 0; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel .item a { display: block; height: 2em; width: 2em; text-align: center; border: solid 1px #333333; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel .owl-prev { position: absolute; left: -3.5em; top: 2em; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel .owl-prev i { font-size: 350%; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel .owl-next { position: absolute; right: -3em; top: -2em; color: #999999; } .colorChoiceSwatchContainer .colorChoiceSwatchCarousel .owl-next i { font-size: 350%; } .cornerWidgets { position: absolute; top: 0; right: 0; z-index: 2; } .cornerWidgets .cornerWidget { width: 3.5em; height: 2.5em; color: #FFFFFF; text-align: center; position: relative; top: 0.5em; right: -0.5em; margin-bottom: -2.2em; font-size: 80%; } .cornerWidgets .cornerWidget .endor-corner-widget-support { position: absolute; font-size: 50%; right: 0; top: 4.8em; color: #595959 !important; } .cornerWidgets .cornerWidget .cornerWidgetIcon { font-size: 170%; } .cornerWidgets .cornerWidget.refurb { background: #FFA31E; } .cornerWidgets .cornerWidget.sale { background: #CF021E; } .cornerWidgets .cornerWidget.download { background: #3D96ED; } .cornerWidgets .cornerWidget.explicit { background: #444444; } .cornerWidgets.condensed .cornerWidget { border-top: solid 1px rgba(255, 255, 255, 0.3); } .cornerWidgets.condensed .cornerWidget .endor-corner-widget-support { top: 4.7em; } .digitalDownloads .itemGrid .gridContainer h1 { margin-top: 0; margin-bottom: 20px; } .digitalDownloads .title { margin-bottom: 0; } .digitalDownloads .mainArtist { font-size: 16px; margin-bottom: 0; font-weight: 600; } .digitalDownloads .gridItem .gridItemInner .merchInfo .description { margin-bottom: 0.3em; } .digitalDownloads span.mediaName { font-size: 9px; } .digitalDownloads .trackPrice { font-size: 20px; margin-bottom: 0; font-weight: 700; } .digitalDownloads .actualPrice { font-size: 20px; } .digitalDownloads .load-more { margin: 40px 0; } .digitalDownloads .disclaimer h5 { color: #f00; font-size: 12px; } .digitalDownloads .disclaimer p { font-size: 11px; width: 50%; } @media only screen and (max-width: 667px) { .digitalDownloads .disclaimer p { width: 100%; } } .gridItem p.author { font-size: 16px; margin-bottom: 0; font-weight: 600; } .eBookList a.gridItemLink { text-align: center; } .eBookList a.gridItemLink p { text-align: left; } .eBookList .gridItemInner.audioBook img { margin: 20px auto; width: 100px !important; max-height: 100px; } .eBookList .gridItemInner.eBook img { margin: 20px auto; width: 100px !important; height: auto !important; } .eBookList div.price { text-align: left; } .eBookList .author { font-size: 16px; font-weight: 600; } .eBookList span.mediaName { font-size: 9px; font-weight: 400; } .bookDetail .widget { margin-left: -5px; } @media only screen and (max-width: 667px) { #featuredItemsHome .gridItem { width: 50%; margin-bottom: 1em; } #featuredItemsHome .gridItem .merchInfo { background: #FFFFFF; } #featuredItemsHome .gridItem .merchInfo .gridItemLink { position: relative; max-height: 60px; min-height: 60px; } #featuredItemsHome .gridItem .merchInfo .gridItemLink .description { font-size: 10px; } #featuredItemsHome .gridItem .merchInfo .gridItemLink .price { position: absolute; bottom: 0; } #featuredItemsHome .gridItem .merchInfo .gridItemLink .strikeout { display: none; } #featuredItemsHome .gridItem .merchInfo .gridItemLink p.productId { display: none; } #featuredItemsHome .gridItem .merchInfo .gridItemLink p.ratingQuantity { display: none; } #featuredItemsHome .load-more { margin-top: 20px; } } #featuredItemsHome .tab-pane > .row { margin-left: -20px; margin-right: -20px; } /* 88888888888 .d88888b. 8888888b. 888b 888 d8888 888 888 888 d88P" "Y88b 888 Y88b 8888b 888 d88888 888 888 888 888 888 888 888 88888b 888 d88P888 888 888 888 888 888 888 d88P 888Y88b 888 d88P 888 Y88b d88P 888 888 888 8888888P" 888 Y88b888 d88P 888 Y88b d88P 888 888 888 888 888 Y88888 d88P 888 Y88o88P 888 Y88b. .d88P 888 888 Y8888 d8888888888 Y888P 888 "Y88888P" 888 888 Y888 d88P 888 Y8P */ nav.navbar { border-bottom: solid 1px transparent; margin-bottom: 20px; } @media only screen and (max-width: 667px) { nav.navbar { margin-bottom: 0; } } nav.navbar .navbar-collapse { margin-bottom: 0; padding-left: 5px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { nav.navbar .navbar-collapse { padding-left: 0; } } @media only screen and (max-width: 667px) { nav.navbar .navbar-collapse { padding-left: 0; } } nav.navbar.activeNav { border-bottom: solid 1px #D8D8D8; } @media only screen and (max-width: 667px) { nav.navbar.activeNav { border-bottom: solid 1px transparent; } } div.navItem { display: inline-block; position: relative; } div.navItem a { color: #757575; } div.navItem a:hover { color: #404040; } div.navItem a:active { color: #404040; } div.navItem a:focus { color: #404040; outline: 0; } /* test 8888888888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 8888888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 Y88b. .d88P 888 888 888 "Y88888P" 88888888 88888888 888b 888 d8888 888 888 8888b 888 d88888 888 888 88888b 888 d88P888 888 888 888Y88b 888 d88P 888 Y88b d88P 888 Y88b888 d88P 888 Y88b d88P 888 Y88888 d88P 888 Y88o88P 888 Y8888 d8888888888 Y888P 888 Y888 d88P 888 Y8P */ .FullNavContent, .MidNavContent { display: none; } .fullNav { background: #000000; background-position: top right; width: 100%; height: 530px; position: absolute; z-index: 1000; margin-top: 1px; display: none; border-top: solid 1px #D8D8D8; } .fullNav .navInner { position: relative; z-index: 9; } .stuckNav .fullNav { margin-top: 0; } .fullNavCoverup { background: #FFFFFF; height: 530px; width: 30%; position: absolute; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; z-index: 8; } @media (min-width: 768px) { .fullNavCoverup { width: 10%; } } @media (max-width: 992px) { .fullNavCoverup { width: 20%; } } @media (min-width: 1200px) { .fullNavCoverup { width: 20%; } } @media (min-width: 1350px) { .fullNavCoverup { width: 25%; } } @media (min-width: 1920px) { .fullNavCoverup { width: 26%; } } .stickOn .fullNav { margin-top: 0; } .fullNav .navInner div { float: left; width: 25%; height: 530px; overflow-y: auto; } .fullNav .navInner .level1 { background: #FFFFFF; border-top: solid 1px #FFFFFF; } .fullNav .navInner div li, .fullNav .navInner div ul { list-style-type: none; } .fullNav .navInner div li a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.8em; display: block; } .fullNav .navInner div li a:hover { color: #000000; } .fullNav a { color: #757575; } .fullNav a:hover { color: #757575; } .fullNav a:active { color: #757575; } .fullNav a:visited { color: #757575; } .fullNav .navInner div li a span.subIndicator { position: absolute; right: 1.5em; font-size: 150%; } @media (max-width: 1200px) { .fullNav .navInner div li a span.subIndicator { right: 0.5em; } } .fullNav .navInner div ul { padding: 1em 0 0 2em; } .fullNav .navInner div ul li { position: relative; } .fullNav .navInner .level1 ul li { font-weight: 200; } .fullNav .navInner .level1 ul li a.featured { font-weight: 600; } .fullNav .navInner .level1 ul li.active { font-weight: 600; } .fullNav .navInner .level1.itemOverload li a { line-height: 1.7em; } .fullNav .navInner .level2 ul li a:hover, .fullNav .navInner .level3 ul li a:hover, .fullNav .navInner .level4 ul li a:hover { color: #FFFFFF; } .fullNav .navInner .level2 ul li.active a, .fullNav .navInner .level3 ul li.active a, .fullNav .navInner .level4 ul li.active a { font-weight: 600; color: #FFFFFF; outline: 0; } .fullNav .navInner .level2 h2, .fullNav .navInner .level3 h2, .fullNav .navInner .level4 h2 { color: #FFFFFF; font-size: 125%; font-weight: 600; padding: 0 0 0 1.5em; margin-bottom: 1em; } .fullNav .navInner .level3 ul li a { line-height: 1.2em; margin-bottom: 1em; } .fullNav .navInner .level4 ul li a { line-height: 1.2em; margin-bottom: 1em; } ul.fancyNavContent > li { list-style: none; } .level2 .secondary-sub-menu { display: none; } .level3 .tertiary-sub-menu { display: none; } .level4 .fourth-sub-menu { display: none; } .noChildren a span { display: none; } .fullNav a.active, .fullNav a:focus { text-decoration: none; } @media (max-width: 768px) { .fullNav { background: #000000 !important; height: auto; } .fullNav .navInner { padding: 0; } .fullNavCoverup { display: none; } .fullNav .navInner .level1, .fullNav .navInner .level2, .fullNav .navInner .level3 { width: 100%; height: auto; } .fullNav .navInner .level1 ul { padding: 1em; } } /* 8888888888 8888888888 888b 888 .d8888b. .d88888b. 888 888 8888b 888 d88P Y88b d88P" "Y88b 888 888 88888b 888 888 888 888 888 8888888 8888888 888Y88b 888 888 888 888 888 888 888 Y88b888 888 88888 888 888 888 888 888 Y88888 888 888 888 888 888 888 888 Y8888 Y88b d88P Y88b. .d88P 888 8888888888 888 Y888 "Y8888P88 "Y88888P" 888b 888 d8888 888 888 8888b 888 d88888 888 888 88888b 888 d88P888 888 888 888Y88b 888 d88P 888 Y88b d88P 888 Y88b888 d88P 888 Y88b d88P 888 Y88888 d88P 888 Y88o88P 888 Y8888 d8888888888 Y888P 888 Y888 d88P 888 Y8P */ .fengoNav { width: 100%; margin-top: 1px; position: absolute; z-index: 100; display: none; } .fullNav a { color: #757575; } .fullNav a.sub-menu.noChildren.base2:hover { color: #000000; } .fullNav a:hover { color: #000000; } .fullNav a:active { color: #757575; } .fullNav a:focus { color: #757575; } .fullNav a:visited { color: #757575; } .fengoNav .navInner { background: #FFFFFF; max-height: 500px; border: solid 1px #e6e6e6; padding-bottom: 15px; } .fengoNav .navInner .sideImage { float: right; height: 93%; width: 33%; overflow: hidden; margin-top: 1.2em; text-align: center; } @media (max-width: 992px) { .fengoNav .navInner .sideImage { display: none; } } .fengoNav .navInner .sideImage img { width: 100%; text-align: center; } .fengoNav .navInner.has5columns .sideImage { display: none; } .fengoNav .navInner .linkList { float: left; overflow: hidden; margin-right: 1em; margin-top: 0.5em; } .fengoNav .navInner.has1column .linkList { width: 65%; } .fengoNav .navInner.has2columns .linkList { width: 32%; } .fengoNav .navInner.has3columns .linkList { width: 21%; } .fengoNav .navInner.has4columns .linkList { width: 15%; } .fengoNav .navInner.has5columns .linkList { width: 18%; } .fengoNav .navInner.has1column.noImage .linkList { width: 98%; } .fengoNav .navInner.has2columns.noImage .linkList { width: 47%; } .fengoNav .navInner.has3columns.noImage .linkList { width: 32%; } @media only screen and (min-width: 993px) and (max-width: 1199px) { .fengoNav .navInner.has3columns.noImage .linkList { width: 31%; } } .fengoNav .navInner.has4columns.noImage .linkList { width: 23%; } .fengoNav .navInner .linkList a { display: block; width: 100%; color: #595959; padding: 0.5em 0; } .fengoNav .navInner .linkList a:hover { color: #000000; } .fengoNav li, .fengoNav ul { list-style-type: none; margin: 0; padding: 0; } .fengoNav a.sub-menu { font-size: 100%; font-weight: 600; } .fengoNav a.sub-menu:hover { color: #000000; } @media (max-width: 992px) { .fengoNav .navInner .linkList { width: 23%; } } @media (max-width: 768px) { .fengoNav .navInner .linkList, .fengoNav .navInner.has1column .linkList, .fengoNav .navInner.has2columns .linkList, .fengoNav .navInner.has3columns .linkList, .fengoNav .navInner.has4columns .linkList, .fengoNav .navInner.has5columns .linkList { width: 100%; clear: both; } } @media (max-width: 768px) { .fengoNav .navInner { height: auto; } } /* .d8888b. 8888888 888b d888 8888888b. 888 8888888888 d88P Y88b 888 8888b d8888 888 Y88b 888 888 Y88b. 888 88888b.d88888 888 888 888 888 "Y888b. 888 888Y88888P888 888 d88P 888 8888888 "Y88b. 888 888 Y888P 888 8888888P" 888 888 "888 888 888 Y8P 888 888 888 888 Y88b d88P 888 888 " 888 888 888 888 "Y8888P" 8888888 888 888 888 88888888 8888888888 888b 888 d8888 888 888 8888b 888 d88888 888 888 88888b 888 d88P888 888 888 888Y88b 888 d88P 888 Y88b d88P 888 Y88b888 d88P 888 Y88b d88P 888 Y88888 d88P 888 Y88o88P 888 Y8888 d8888888888 Y888P 888 Y888 d88P 888 Y8P */ ul.SimpleNav { margin: 1px 0 0 -1em; padding: 0; display: none; position: absolute; z-index: 101; background: #FFFFFF; list-style-type: none; border: solid 1px #e6e6e6; border-top: none; min-width: 175px; } ul.SimpleNav li, ul.SimpleNav ul { list-style-type: none; margin-left: 0; padding-left: 0; } .stuckNav ul.SimpleNav { margin-top: 11px; } ul.SimpleNav li { margin: 0; padding: 0; } ul.SimpleNav li a { display: block; padding: 0.5em 1em; margin: 0; } div.navItem .SimpleNav a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 100%; color: #595959; } div.navItem .SimpleNav a:hover { color: #757575; text-decoration: underline; } div.navItem .SimpleNav a:active { color: #757575; } div.navItem .SimpleNav a:focus { color: #757575; } /* 888 888 888 888 888 888 888888 8888b. 88888b. 88888b. 8888b. 888 888 888 "88b 888 "88b 888 "88b "88b 888 888 888 .d888888 888 888 888 888 .d888888 Y88 88P Y88b. 888 888 888 d88P 888 888 888 888 Y8bd8P "Y888 "Y888888 88888P" 888 888 "Y888888 Y88P */ .tab-nav { display: none; } @media only screen and (min-width: 767px) { .tab-nav { display: block; } } .tab-nav ul { padding: 0; height: 0; display: table; width: 100%; } .tab-nav ul li { width: 100%; list-style-type: none; border-right: 6px solid #FFFFFF; } .tab-nav ul li a { font-size: 25px; text-decoration: none; color: #757575; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 15px; display: block; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .tab-nav ul li a { font-size: 18px; } } .tab-nav ul li a:hover { text-decoration: none; background-color: #404040; color: #FFFFFF; border-bottom-color: #404040; border-right-color: #404040; } .tab-nav ul li a:active, .tab-nav ul li a:focus { background-color: #FFFFFF; color: #404040; } .tab-nav ul li a:focus { outline: 1px dotted #000000; } .tab-nav ul li.active { border-right: 6px solid #404040; } .tab-nav ul li.active a { border-right-color: #FFFFFF; background-color: #FFFFFF; color: #404040; } .tab-nav ul li.active a:hover { border-right-color: #FFFFFF; } .tab-nav ul li a:hover { border-right-color: #404040; } .tab-nav ul li .endor-alert, .tab-nav ul li .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .tab-nav ul li i, .tab-nav ul li .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .tab-nav ul li i { display: none; } .tab-nav ul li.has-field-error a { color: #404040; } .tab-nav ul li.has-field-error a:hover { border-right-color: #404040; background-color: #404040; color: #FFFFFF; } .tab-nav ul li.has-field-error a:hover .endor-alert, .tab-nav ul li.has-field-error a:hover .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .tab-nav ul li.has-field-error a:hover i, .tab-nav ul li.has-field-error a:hover .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .tab-nav ul li.has-field-error a:hover i { color: #FFFFFF; } .tab-nav ul li.has-field-error .endor-alert, .tab-nav ul li.has-field-error .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .tab-nav ul li.has-field-error i, .tab-nav ul li.has-field-error .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .tab-nav ul li.has-field-error i { display: inline; } /* 888 888 888 888 888 888 .d8888b .d88b. 888 888 8888b. 88888b. .d8888b .d88b. d88P" d88""88b 888 888 "88b 888 "88b 88K d8P Y8b 888 888 888 888 888 .d888888 888 888 "Y8888b. 88888888 Y88b. Y88..88P 888 888 888 888 888 d88P X88 Y8b. "Y8888P "Y88P" 888 888 "Y888888 88888P" 88888P' "Y8888 888 888 888 88888b. 8888b. 888 888 888 "88b "88b 888 888 888 888 .d888888 Y88 88P 888 888 888 888 Y8bd8P 888 888 "Y888888 Y88P */ .btn-collapse { display: block; color: #c2c2c2; font-weight: 700; font-size: 15px; border-bottom: 1px solid #c2c2c2; line-height: 40px; margin-bottom: 19px; padding: 0 10px; pointer-events: auto; } @media only screen and (min-width: 767px) { .btn-collapse { display: none; } } .btn-collapse .endor-alert, .btn-collapse .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .btn-collapse i, .btn-collapse .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .btn-collapse i { display: none; } .btn-collapse:active, .btn-collapse:focus, .btn-collapse:hover { color: #757575; } .btn-collapse .arrow { float: right; font-weight: 500; } .btn-collapse .arrow:before { content: '\e834'; } .btn-collapse.collapsed { color: #757575; margin-bottom: 1px; } .btn-collapse.collapsed .arrow:before { content: '\e833'; } .btn-collapse .arrow, .btn-collapse .endor-alert, .btn-collapse .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .btn-collapse i, .btn-collapse .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .btn-collapse i, .btn-collapse span { pointer-events: none; } .has-field-error .btn-collapse { color: #757575; } .has-field-error .endor-alert, .has-field-error .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .has-field-error i, .has-field-error .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .has-field-error i { display: inline; } /* 888 888 888 8888b. .d8888b .d8888b .d88b. 888 888 88888b. 888888 "88b d88P" d88P" d88""88b 888 888 888 "88b 888 .d888888 888 888 888 888 888 888 888 888 888 888 888 Y88b. Y88b. Y88..88P Y88b 888 888 888 Y88b. "Y888888 "Y8888P "Y8888P "Y88P" "Y88888 888 888 "Y888 88888b. 8888b. 888 888 888 "88b "88b 888 888 888 888 .d888888 Y88 88P 888 888 888 888 Y8bd8P 888 888 "Y888888 Y88P */ .userInfo { position: relative; } .userInfo .flyout { position: absolute; width: 250px; right: 0; padding: 0 10px; margin-top: 5px; display: none; font-size: inherit; background-color: #F6F6F6; } .flyout-title { margin: 1em 0 0 !important; display: block !important; text-align: left; } .flyout-title span { font-size: 16px; font-weight: 700; text-align: left; color: #000000; } .flyout-title hr { border-top-color: #333333; margin: 1em 0 0; } .flyout-title .flyout-toggle { float: right; display: inline-block; color: #000000; } .profile-options ul { padding: 0; margin: 0; } .profile-options li { padding: 20px 40px; border-bottom: 1px solid #D0D0D0; line-height: 18px; list-style-type: none; text-align: left; position: relative; } .profile-options li a { font-size: 16px; color: #000000; } .profile-options li a:active, .profile-options li a:focus, .profile-options li a:hover { text-decoration: underline; } .profile-options li:before { content: '\e807'; color: #000000; position: absolute; top: 47%; left: 10px; margin-top: -8px; } .profile-options li.last { border-bottom: 0; } .profile-options li.last a { font-weight: 700; } .profile-options li.last:before { content: '\e808'; } /* 888b d888 .d88888b. 888888b. 8888888 888 8888888888 8888b d8888 d88P" "Y88b 888 "88b 888 888 888 88888b.d88888 888 888 888 .88P 888 888 888 888Y88888P888 888 888 8888888K. 888 888 8888888 888 Y888P 888 888 888 888 "Y88b 888 888 888 888 Y8P 888 888 888 888 888 888 888 888 888 " 888 Y88b. .d88P 888 d88P 888 888 888 888 888 "Y88888P" 8888888P" 8888888 88888888 8888888888 888b 888 d8888 888 888 8888b 888 d88888 888 888 88888b 888 d88P888 888 888 888Y88b 888 d88P 888 Y88b d88P 888 Y88b888 d88P 888 Y88b d88P 888 Y88888 d88P 888 Y88o88P 888 Y8888 d8888888888 Y888P 888 Y888 d88P 888 Y8P */ .navbar-toggle { margin-right: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .navbar-toggle { display: block; } } .navbar-toggle .icon-bar { background: #000000; } @media (max-width: 768px) { div.navItem { width: 100%; display: block; text-align: center; background: #E8E8E8; border-bottom: solid 1px #e6e6e6; } .container .navbar-collapse, .navbar-collapse.in { margin: 0; padding: 0; } .navbar-collapse a { padding: 1em; margin: 0; display: block; } } @media only screen and (max-width: 667px) { .optionBar { display: none; text-align: center; border-bottom: solid 1px #e6e6e6; } .optionBar.mobileActive { display: block; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .optionBar { width: 768px; margin-left: -23px; display: none; text-align: center; border-bottom: solid 1px #e6e6e6; } .optionBar.mobileActive { display: block; } .optionBar .container { margin-left: -30px; padding: 0; } .optionBar .userInfo { margin-left: 35px; } } /* 8888888b. 8888888888 88888888888 d8888 8888888 888 888 "Y88b 888 888 d88888 888 888 888 888 888 888 d88P888 888 888 888 888 8888888 888 d88P 888 888 888 888 888 888 888 d88P 888 888 888 888 888 888 888 d88P 888 888 888 888 .d88P 888 888 d8888888888 888 888 8888888P" 8888888888 888 d88P 888 8888888 88888888 */ .detail { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .detail #main-container { width: 540px; } .detail #customify-variant-table, .detail #customify-variant-table table { width: 100%; margin-top: 10px; } .detail #customify-variant-table i.endorIcon.endor-minus-big, .detail #customify-variant-table .endor-form .pw-match-icon.pw-normal i.endor-minus-big, .endor-form .pw-match-icon.pw-normal .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .pw-match-icon.pw-strong i.endor-minus-big, .endor-form .pw-match-icon.pw-strong .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .pw-match-icon.pw-weak i.endor-minus-big, .endor-form .pw-match-icon.pw-weak .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .pw-strength-icon.pw-normal i.endor-minus-big, .endor-form .pw-strength-icon.pw-normal .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .pw-strength-icon.pw-strong i.endor-minus-big, .endor-form .pw-strength-icon.pw-strong .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .pw-strength-icon.pw-weak i.endor-minus-big, .endor-form .pw-strength-icon.pw-weak .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .field-error .pw-match-icon.input-icon i.endor-minus-big, .endor-form .field-error .pw-match-icon.input-icon .detail #customify-variant-table i.endor-minus-big, .detail #customify-variant-table .endor-form .field-error .pw-strength-icon.input-icon i.endor-minus-big, .endor-form .field-error .pw-strength-icon.input-icon .detail #customify-variant-table i.endor-minus-big { font-size: 120%; top: 5px; } .detail #customify-variant-table i.endorIcon.endor-plus-big, .detail #customify-variant-table .endor-form .pw-match-icon.pw-normal i.endor-plus-big, .endor-form .pw-match-icon.pw-normal .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .pw-match-icon.pw-strong i.endor-plus-big, .endor-form .pw-match-icon.pw-strong .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .pw-match-icon.pw-weak i.endor-plus-big, .endor-form .pw-match-icon.pw-weak .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .pw-strength-icon.pw-normal i.endor-plus-big, .endor-form .pw-strength-icon.pw-normal .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .pw-strength-icon.pw-strong i.endor-plus-big, .endor-form .pw-strength-icon.pw-strong .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .pw-strength-icon.pw-weak i.endor-plus-big, .endor-form .pw-strength-icon.pw-weak .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .field-error .pw-match-icon.input-icon i.endor-plus-big, .endor-form .field-error .pw-match-icon.input-icon .detail #customify-variant-table i.endor-plus-big, .detail #customify-variant-table .endor-form .field-error .pw-strength-icon.input-icon i.endor-plus-big, .endor-form .field-error .pw-strength-icon.input-icon .detail #customify-variant-table i.endor-plus-big { font-size: 120%; } .detail #customify-variant-table th { background: #1a1a1a; background: __buttonBackgroundColor__; color: #FFFFFF; color: __buttonTextColor__; padding: 10px; border: 1px solid #1a1a1a; border: solid 1px __buttonBorderColor__; width: 20%; } .detail ul#toolbar { background: #e30d0d; } .detail ul#toolbar li:hover, .detail ul#toolbar li.active { color: #FFFFFF; background: #323e42; } .detail ul#toolbar li a, .detail ul#toolbar li { color: #FFFFFF; } .detail ul#toolbar li a:hover, .detail ul#toolbar li:hover { color: #FFFFFF; background: #323e42; } .detail #customify-variant-table td input { border: 0px; } .detail #customify-variant-table td input.quantityOrdered { border: 1px solid #000000; text-align: center; width: 60%; font-size: 90%; margin: 0px 2px; color: #000000; padding: 3px; font-style: italic; } .detail #customify-variant-table td { border: 1px solid; padding: 10px; } .detail .product-option-group input[type="text"], .detail .product-option-group input[type="textarea"] { border: 1px solid #595959; padding: 10px 15px 9px; font-size: 12px; outline: none; width: 75%; margin-bottom: 20px; } .detail .product-option-group input[type="text"]:focus, .detail .product-option-group input[type="textarea"]:focus { border-color: #9ECAED; } @media only screen and (max-width: 667px) { .detail .product-option-group input[type="text"], .detail .product-option-group input[type="textarea"] { width: 100%; } } .detail .detailArea { padding-left: 50px; } @media (min-width: 1200px) and (max-width: 1350px) { .detail .detailArea { padding-left: 100px; } } @media (min-width: 992px) and (max-width: 1199px) { .detail .detailArea { padding-left: 174px; } } .detail .mobileProductHeader { padding: 0 20px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .detail .mobileProductHeader { padding: 20px; } } @media only screen and (max-width: 667px) { .container.product_container { padding-right: 50px; padding-left: 50px; } } .detail .pic { margin-right: 0.8em; position: relative; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .detail .pic { margin-right: 0; } } .detail .pic, .no-zoom { display: none; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .no-zoom { display: none; } } @media (min-width: 1350px) { .detail .pic { margin-right: 1.1em; } } .detail .pic img { width: 100%; border-radius: 8px; border: solid 1px #e6e6e6; } img.onTheMove { position: absolute; top: 0; width: 50px; height: 50px; z-index: 9999999999; display: none\9; } @media only screen and (max-width: 667px) { img.onTheMove { display: none; } } .detail h1.productName { font-weight: 100; color: #000000; margin-top: 0; margin-bottom: 0.75em; letter-spacing: -0.02em; font-size: 200%; font-family: "open_sansregular"; } @media only screen and (max-width: 667px) { .detail h1.productName { font-size: 125%; } } .detail h1.productName strong { font-family: "open_sanslight"; font-weight: 100; color: #8d8d8d; } .detail #notification_bar { display: none; } .detail .priceDetails { float: left; width: 100%; border: solid 1px #e6e6e6; border-left: none; border-right: none; padding: 1% 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .detail .priceDetails { margin-bottom: 20px; font-size: 80%; } } @media only screen and (max-width: 667px) { .detail .priceDetails { padding-bottom: 1%; margin-bottom: 20px; } } .detail .priceDetails .strikeout { text-decoration: line-through; } .detail .priceDetails div { float: left; color: #000000; white-space: nowrap; margin-top: -0.25em; } @media only screen and (min-width: 767px) { .detail .priceDetails div { width: 33%; } } .detail .priceDetails .stockRemaining { text-align: center; } @media only screen and (max-width: 667px) { .detail .priceDetails .stockRemaining { margin-left: 1em; } } .detail .priceDetails .productId { color: #404040; width: 33%; margin-top: 0.65em; } @media only screen and (min-width: 767px) { .detail .priceDetails .productId { text-align: right; float: right; } } @media only screen and (max-width: 667px) { .detail .priceDetails .productId { text-align: right; float: right; width: auto; } } .detail .priceDetails .productId em { font-style: normal; font-weight: 600; } .detail .priceDetails div strong { font-size: 175%; } .detail .colorSelect, .detail .detailButtons, .detail .personalization, .detail .quantitySelect, .detail .shippingSelect, .detail .sizeSelect, .detail .skuGenType1Select, .detail .skuGenType2Select, .detail .skuGenType3Select, .detail .skuGenType4Select, .detail .skuGenType5Select { float: left; width: 100%; color: #000000; text-transform: uppercase; } /* add user allottment ---------------------------------------- */ .quantityRemaining p { font-size: 75%; } /* end add user allotment ---------------------------------------- */ .detail .shippingSelect p { font-size: 75%; } .detail div h3 { font-size: 100%; font-weight: 600; } .detail .swatches { float: left; } .detail .colorSelect .swatches .swatch { min-width: 50px; height: 50px; float: left; padding: 3px; border: solid 1px #808080; margin-right: 1em; margin-bottom: 1em; } .detail .colorSelect .swatches .swatch.strikeThrough { border: dashed 1px #999999; } .detail .colorSelect .swatches .swatch.strikeThrough a { color: #999999; } .detail .colorSelect .swatches .swatch a { display: block; min-width: 42px; height: 42px; padding: 12px 3px; text-align: center; white-space: nowrap; } .detail .swatches .swatch.selected, .detail .swatches .swatch:hover { border-radius: 3px; border: solid 3px #444444; } .detail .swatches .swatch.selected a, .detail .swatches .swatch:hover a { min-width: 38px; height: 38px; padding: 10px 1px; } .detail .sizeSelect .swatches .swatch, .detail .skuGenType1Select .swatches .swatch, .detail .skuGenType2Select .swatches .swatch, .detail .skuGenType3Select .swatches .swatch, .detail .skuGenType4Select .swatches .swatch, .detail .skuGenType5Select .swatches .swatch { height: 50px; float: left; padding: 3px; border: solid 1px #808080; margin-right: 1em; text-align: center; line-height: 3em; min-width: 50px; margin-bottom: 15px; } .detail .sizeSelect .swatches .swatch.strikeThrough, .detail .skuGenType1Select .swatches .swatch.strikeThrough, .detail .skuGenType2Select .swatches .swatch.strikeThrough, .detail .skuGenType3Select .swatches .swatch.strikeThrough, .detail .skuGenType4Select .swatches .swatch.strikeThrough, .detail .skuGenType5Select .swatches .swatch.strikeThrough { border: dashed 1px #999999; } .detail .sizeSelect .swatches .swatch.strikeThrough a, .detail .skuGenType1Select .swatches .swatch.strikeThrough a, .detail .skuGenType2Select .swatches .swatch.strikeThrough a, .detail .skuGenType3Select .swatches .swatch.strikeThrough a, .detail .skuGenType4Select .swatches .swatch.strikeThrough a, .detail .skuGenType5Select .swatches .swatch.strikeThrough a { color: #999999; } .detail .sizeSelect .swatches .swatch a, .detail .skuGenType1Select .swatches .swatch a, .detail .skuGenType2Select .swatches .swatch a, .detail .skuGenType3Select .swatches .swatch a, .detail .skuGenType4Select .swatches .swatch a, .detail .skuGenType5Select .swatches .swatch a { display: block; width: 100%; height: 100%; color: #000000; padding: 0 1em; } .detail .sizeSelect .swatches .swatch a:hover, .detail .skuGenType1Select .swatches .swatch a:hover, .detail .skuGenType2Select .swatches .swatch a:hover, .detail .skuGenType3Select .swatches .swatch a:hover, .detail .skuGenType4Select .swatches .swatch a:hover, .detail .skuGenType5Select .swatches .swatch a:hover { text-decoration: none; padding: 11px 2px; } .detail .sizeSelect .swatches .swatch.selected, .detail .sizeSelect .swatches .swatch:hover, .detail .skuGenType1Select .swatches .swatch.selected, .detail .skuGenType1Select .swatches .swatch:hover, .detail .skuGenType2Select .swatches .swatch.selected, .detail .skuGenType1Select .swatches .swatch:hover, .detail .skuGenType3Select .swatches .swatch.selected, .detail .skuGenType1Select .swatches .swatch:hover, .detail .skuGenType4Select .swatches .swatch.selected, .detail .skuGenType1Select .swatches .swatch:hover, .detail .skuGenType5Select .swatches .swatch.selected, .detail .skuGenType1Select .swatches .swatch:hover { border: solid 3px #444444; border-radius: 3px; padding: 1px; } .detail .sizeSelect .swatches .swatch.selected a, .detail .sizeSelect .swatches .swatch:hover a, .detail .skuGenType1Select .swatches .swatch.selected a, .detail .skuGenType1Select .swatches .swatch:hover a, .detail .skuGenType2Select .swatches .swatch.selected a, .detail .skuGenType1Select .swatches .swatch:hover a, .detail .skuGenType3Select .swatches .swatch.selected a, .detail .skuGenType1Select .swatches .swatch:hover a, .detail .skuGenType4Select .swatches .swatch.selected a, .detail .skuGenType1Select .swatches .swatch:hover a, .detail .skuGenType5Select .swatches .swatch.selected a, .detail .skuGenType1Select .swatches .swatch:hover a { padding: 0 1em; } .detail .colorSelect .swatches .swatch.strikeThrough:hover { border: dashed 2px #B8B8B8; border-radius: 0; } .detail .colorSelect .swatches .swatch.strikeThrough:hover a { padding: 11px 2px; } .inactiveLink { pointer-events: none; cursor: default; } .detail .sizeSelect .swatches .swatch.strikeThrough:hover, .detail .skuGenType1Select .swatches .swatch.strikeThrough:hover, .detail .skuGenType2Select .swatches .swatch.strikeThrough:hover, .detail .skuGenType3Select .swatches .swatch.strikeThrough:hover, .detail .skuGenType4Select .swatches .swatch.strikeThrough:hover, .detail .skuGenType5Select .swatches .swatch.strikeThrough:hover { border: dashed 2px #B8B8B8; border-radius: 0; padding: 2px; } .detail .colorSelect h3 em, .detail .sizeSelect h3 em, .detail .skuGenType1Select h3 em, .detail .skuGenType2Select h3 em, .detail .skuGenType3Select h3 em, .detail .skuGenType4Select h3 em, .detail .skuGenType5Select h3 em { font-style: normal; font-weight: 400; color: #595959; } .detail .personalization div { margin: 1em 0; } .detail .personalization div label { margin-right: 1em; font-weight: normal; width: 10em; } .detail .personalization div input { padding: 0.5em; border: solid 1px #333333; } @media only screen and (min-width: 767px) { .detail .personalization div input { width: 25em; } } .quantitySelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 667px) { .quantitySelect { text-align: center; } .quantitySelect h3 { text-align: left; } } .detail .quantitySelect a .endorIcon, .detail .quantitySelect a .profile-options li:before, .profile-options .detail .quantitySelect a li:before, .detail .quantitySelect a .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .detail .quantitySelect a i, .detail .quantitySelect a .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .detail .quantitySelect a i, .detail .quantitySelect a .mobile-nav .menu li a:after, .mobile-nav .menu li .detail .quantitySelect a a:after { font-size: 300%; color: #404040; position: relative; top: 10px; } .detail .quantitySelect a:hover { text-decoration: none; cursor: pointer; color: #000000; } .detail .quantitySelect input.quantityOrdered { text-align: center; width: 3em; font-size: 200%; margin: 0.5em; color: #000000; padding: 0.35em; font-style: italic; border: 1px solid #000000; } .detail .quantitySelect input.quantityOrdered:focus { border-radius: 2px; } .detail .quantitySelect input.quantityOrdered::-ms-input-placeholder, .detail .quantitySelect input.quantityOrdered::-moz-placeholder, .detail .quantitySelect input.quantityOrdered::-webkit-input-placeholder { color: #999999; } @media only screen and (max-width: 667px) { .detail .quantitySelect input.quantityOrdered { border-color: #000000; } } .detail .detailButtons { margin-top: 2em; } @media only screen and (max-width: 667px) { .detail .detailButtons { margin-top: 20px; } } .detail .detailButtons div { display: inline-block; padding-right: 0; margin: 0px 0px 10px 0px; } @media only screen and (max-width: 667px) { .detail .detailButtons div { margin-right: auto; } } @media only screen and (max-width: 667px) { .detailActionContainer { padding: 0; text-align: left; } .detailActionContainer .addToCart { width: auto; } .detailActionContainer .addFavorite { display: inline-block; float: right; } } .detail .detailButtons a.addToCart, .detail .detailButtons a.addToCartDigitalDownloads { position: relative; } .detail .detailButtons a.addToCart:focus, .detail .detailButtons a.addToCartDigitalDownloads:focus { outline: 3px dotted #000000; } @media only screen and (max-width: 667px) { .detail .detailButtons a.addToCart, .detail .detailButtons a.addToCartDigitalDownloads { margin-left: 15px; min-width: initial; } } .detail .buy a.addToCartDigitalDownloads { font-size: 18px; } .detail .detailButtons a.addToCart, .detail .detailButtons a.addToCartDigitalDownloads, .detail .detailButtons a.expressCheckout { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; min-width: 215px; } @media only screen and (max-width: 667px) { .detail .detailButtons a.addToCart, .detail .detailButtons a.addToCartDigitalDownloads, .detail .detailButtons a.expressCheckout { min-width: 188px; } } @media only screen and (max-width: 320px) { .detail .detailButtons a.addToCart, .detail .detailButtons a.addToCartDigitalDownloads, .detail .detailButtons a.expressCheckout { min-width: 140px; } } .detail .btn-primary:disabled, .detail .btn-primary[disabled] { background: transparent; color: #000000; } .detail .detailButtons .buttonRow1 { margin-bottom: 10px; } .detail .detailButtons .buttonRow1 a { width: auto; } .detail .detailButtons .buttonRow1 a.addedToFavorites:hover { cursor: default; } @media (min-width: 992px) { .detail .detailButtons a.addToFavorites, .detail .detailButtons a.expressCheckout { font-size: 160%; } } @media (min-width: 1200px) { .detail .detailButtons a.addToFavorites, .detail .detailButtons a.expressCheckout { font-size: 155%; } } .detail .detailButtons a.addToFavorites { margin-right: 5px; margin-left: 10px; border: solid 3px #c5021e; color: #c5021e; position: relative; } .detail .detailButtons a.addToFavorites i.endor-heart { color: #c5021e; position: relative; } .detail .detailButtons a.addToFavorites i.endor-heart-filled { color: #c5021e; position: relative; } .detail .detailButtons a.addToFavorites i.traveling { position: absolute; left: 0.5em; color: #c5021e; } @media only screen and (max-width: 667px) { .detail .detailButtons a.addToFavorites { font-size: 23px; margin: 0; } } @media only screen and (max-width: 320px) { .detail .detailButtons a.addToFavorites { margin-right: -5px; } } .detail .detailButtons a.addToFavorites:hover { background: #c5021e; color: #FFFFFF; } .detail .detailButtons a.addToFavorites:hover i { color: #FFFFFF; } .detail .detailButtons a.addToFavorites:focus i { color: #FFFFFF; } .detail .detailButtons a.expressCheckout { font-size: 23px !important; margin-left: 15px; } @media only screen and (max-width: 667px) { .detail .detailButtons a.expressCheckout { margin-top: 20px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .detail .detailButtons a.expressCheckout { margin-top: 20px; } } .detail div.translate { margin-top: 15px; margin-bottom: 5px; float: right; width: 100%; } .detail div.translate a { float: right; font-size: 12px; } .detail div.translate p { float: left; margin: 0; } .detail .freeShipMsg { float: left; } .detail .detailDesc.row { border-top: solid 1px #e6e6e6; margin: 15px 0; margin-top: 3em; } .detail .detailDesc.row *[class^='alert-'] { margin-bottom: 10px; margin-top: 30px; } @media only screen and (max-width: 667px) { .detail .detailDesc.row *[class^='alert-'] { margin-top: 0; margin-bottom: 25px; } } .detail .detailDescriptionNav { margin: 0; padding: 0; list-style-type: none; margin-left: -15px; } @media only screen and (max-width: 667px) { .detail .detailDescriptionNav { display: none; } } .detail .detailDescriptionNav li a { display: block; border-bottom: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; font-size: 160%; font-family: "open_sansregular"; padding: 0.75em 0; color: #404040; position: relative; line-height: 1em; font-weight: 200; color: #CCCCCC; } .detail .detailDescriptionNav li.active a { color: #404040; font-weight: 600; text-decoration: none; } .detail .detailDescriptionNav li a:hover { text-decoration: none; } .detail .detailDescriptionNav li a span { display: block; font-size: 251%; position: absolute; right: -6px; top: 0; width: 5px; background: #FFFFFF; height: 1em; } .detail .detailDescriptionNav li.active a span, .detail .detailDescriptionNav li:hover a span { background: #404040; } .detailDesc > div { padding-top: 0; } @media only screen and (max-width: 667px) { .detailDesc > div { padding-top: 2em; padding-bottom: 2em; display: none; } } .detailDesc > div.active { display: block; } .detail .product-options { float: left; width: 100%; margin-top: 20px; } .product-option-group { margin-bottom: 10px; } .detail .product-option-group { position: relative; float: left; width: 100%; } .product-option-group div strong { display: inline-block; width: 30%; } @media only screen and (max-width: 667px) { .product-option-group div strong { width: 100%; } } .detail .btn.disabled { opacity: 0.25; } .product-option-group input[type="text"] { width: 68%; } @media only screen and (max-width: 667px) { .product-option-group input[type="text"] { width: 100%; } } /* BULK DISCOUNT TABLE */ table.bulk { background: #E3E3E3; padding: 0.25em; } table.bulk td { padding: 0.25em 1em; } table.bulk th { text-align: left; font-weight: 500; padding: 0.25em 1em; background: #CCCCCC; } table.bulk tr.odd { background: #F2F2F2; } @media only screen and (max-width: 667px) { .itemDescription, .itemImage { margin-top: 15px; } } /* SOCIAL SHARE ICONS */ .detail .socialShares { text-align: right; } @media only screen and (max-width: 667px) { .detail .socialShares { text-align: center; margin-top: 20px; } } .detail .addthis_toolbox { text-align: right; margin-top: 10px; } .detail .addthis_toolbox a { font-size: 250%; display: inline-block; width: 1.1em; text-align: center; } .detail .addthis_toolbox a#email { font-size: 240%; margin-right: 10px; } .detail .addthis_toolbox a#twitter { font-size: 190%; } .detail .addthis_toolbox a#facebook { margin-right: 0.2em; width: 0.75em; margin-left: 0.2em; font-size: 170%; } .detail .addthis_toolbox a#pinterest { font-size: 200%; } .detail .addthis_toolbox a:hover { color: #333333; } .detail .addthis_toolbox a:hover:hover i { color: #333333; } .long-description, .details-description { padding-top: 2em; } @media only screen and (max-width: 667px) { .long-description, .details-description { padding-top: 0; } } .long-description table, .details-description table { width: 100%; margin-top: 15px; } .detail .flowers input, .detail .flowers textarea { width: 100%; border: solid 1px #CCCCCC; } .detail .flowers textarea { height: 100px; } .detail .flowers .date-container input { width: auto; } /* 8888888b. 8888888888 88888888888 d8888 8888888 888 888 "Y88b 888 888 d88888 888 888 888 888 888 888 d88P888 888 888 888 888 8888888 888 d88P 888 888 888 888 888 888 888 d88P 888 888 888 888 888 888 888 d88P 888 888 888 888 .d88P 888 888 d8888888888 888 888 8888888P" 8888888888 888 d88P 888 8888888 88888888 .d8888b. d8888 8888888b. .d88888b. 888 888 .d8888b. 8888888888 888 d88P Y88b d88888 888 Y88b d88P" "Y88b 888 888 d88P Y88b 888 888 888 888 d88P888 888 888 888 888 888 888 Y88b. 888 888 888 d88P 888 888 d88P 888 888 888 888 "Y888b. 8888888 888 888 d88P 888 8888888P" 888 888 888 888 "Y88b. 888 888 888 888 d88P 888 888 T88b 888 888 888 888 "888 888 888 Y88b d88P d8888888888 888 T88b Y88b. .d88P Y88b. .d88P Y88b d88P 888 888 "Y8888P" d88P 888 888 T88b "Y88888P" "Y88888P" "Y8888P" 8888888888 88888888 */ #itemDetailCarousel { margin-top: 1em; } #itemDetailCarousel.owl-carousel .owl-wrapper-outer { width: 99%; } #itemDetailCarousel .item { margin: 0; border: solid 1px #e6e6e6; margin: 0 1em 0 0; } #itemDetailCarousel .item:hover { cursor: pointer; } #itemDetailCarousel .item.activeImage { border: solid 3px #333333; } #itemDetailCarousel .item img { display: block; width: 100%; height: auto; } #itemDetailCarousel .owl-controls .owl-buttons div { color: #000000; } #itemDetailCarousel .owl-page span { border: solid 1px #333333; background: #FFFFFF; width: 15px; height: 15px; } #itemDetailCarousel .owl-page.active span { background: #333333; } #itemDetailCarousel .owl-controls { margin-top: 10px; } .detailDesc .btn-collapse { margin-bottom: 0; } .detailDesc .btn-collapse .arrow:before { content: '\e833'; } .detailDesc .btn-collapse.active { color: #000000; } .detailDesc .btn-collapse.active .arrow:before { content: '\e834'; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .priceDetails { padding-top: 1%; font-size: 80%; } .digitalDownloadDetail .priceDetails div strong { font-size: 140%; } .digitalDownloadDetail .priceDetails div .mediaName { font-size: 80%; } } /* .d8888b. d88888888888b.88888888888 d88888888888b. 8888888b. d88P Y88b d88888888 Y88b 888 d88888888 "Y88b888 "Y88b 888 888 d88P888888 888 888 d88P888888 888888 888 888 d88P 888888 d88P 888 d88P 888888 888888 888 888 d88P 8888888888P" 888 d88P 888888 888888 888 888 888 d88P 888888 T88b 888 d88P 888888 888888 888 Y88b d88P d8888888888888 T88b 888 d8888888888888 .d88P888 .d88P "Y8888P" d88P 888888 T88b 888 d88P 8888888888P" 8888888P" */ /* corner widgets */ .detail .cornerWidgets { position: relative; display: inline-block; top: -2px; float: right; padding-left: 10px; } @media only screen and (max-width: 667px) { .detail .cornerWidgets { float: right; top: -1px; } } .detail .cornerWidgets .cornerWidget { display: inline-block; width: 1.3em; height: 1.3em; color: #FFFFFF; text-align: center; position: static; top: auto; right: auto; margin-bottom: 0; font-size: 80%; padding: 3px; } @media only screen and (max-width: 667px) { .detail .cornerWidgets .cornerWidget { padding: 1px; } } .detail .cornerWidgets .cornerWidget .endor-corner-widget-support { display: none; } .detail .cornerWidgets .cornerWidget .cornerWidgetIcon { font-size: 100%; } .detail .cornerWidgets.condensed .cornerWidget { border-top: none; } .detail .cornerWidgets.condensed .cornerWidget .endor-corner-widget-support { top: 4.6em; } /* 8888888b. 8888888 .d8888b. 88888888 8888888888 d8888 888 888 "Y88b 888 d88P Y88b 888 888 d88888 888 888 888 888 888 888 888 888 d88P888 888 888 888 888 888 888 888 d88P 888 888 888 888 888 888 88888 888 888 d88P 888 888 888 888 888 888 888 888 888 d88P 888 888 888 .d88P 888 Y88b d88P 888 888 d8888888888 888 8888888P" 8888888 Y8888P888 888888 888 d88P 888 88888888 8888888b. .d88888b. 888 8888 88b 888 888 .d88888b. d88888 888888b. .d8888b. 888 "Y88b d88P" "Y88b 888 o 8888 888b 888 888 d88P" "Y88b d888888 88 "Y88b d88P Y88b 888 888 888 888 888 d8b 8888 8888b 888 888 888 888 d88P8888 88 888 Y88b. 888 888 888 888 888 d888b 8888 88Y88b 888 888 888 888 d88P 8888 88 888 "Y888b. 888 888 888 888 888d88888b8888 88 Y88b888 888 888 888 d88P 8888 88 888 "Y88b. 888 888 888 888 88888P Y888888 88 Y88888 888 888 888 d88P 8888 88 888 "888 888 .d88P Y88b. .d88P 8888P Y88888 88 Y8888 888 Y88b. .d88P d88888888888 88 .d88P Y88b d88P 8888888P" "Y88888P" 888P Y8888 88 Y888 88888888 "Y88888P" d88P 8888 888888P" "Y8888P" */ .digitalDownloadDetail .priceDetails { margin-bottom: 20px; } .digitalDownloadDetail .priceDetails .productId { width: 45%; margin-top: 1.1em; } .digitalDownloadDetail .priceDetails .stockRemaining { width: 20%; padding-top: 13px; } .digitalDownloadDetail .priceDetails .stockRemaining strong { font-size: 100%; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .priceDetails .itemPrice, .digitalDownloadDetail .priceDetails .productId, .digitalDownloadDetail .priceDetails .stockRemaining { width: 100%; text-align: left; font-size: 14px; margin: 0; } } .digitalDownloadDetail .priceDetails .itemPrice { margin-top: 0; } .digitalDownloadDetail .trackList { margin-top: 25px; } .digitalDownloadDetail .trackList .trackHeader { background: #e6e6e6; } .digitalDownloadDetail .trackList .trackHeader div { padding: 10px 0; font-weight: 100; } .digitalDownloadDetail .trackList .trackHeader div p { margin-bottom: 0; } .digitalDownloadDetail .trackList .trackHeader div.buy { text-align: right; padding-right: 5px; visibility: hidden; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .trackList .artist, .digitalDownloadDetail .trackList .time, .digitalDownloadDetail .trackList .trackTitle { position: relative; top: -45px; left: 50px; width: 70%; } .digitalDownloadDetail .trackList .price { margin-top: -45px; margin-left: 25px; width: 70%; } } .digitalDownloadDetail .trackList .song { border-bottom: solid 1px #e6e6e6; padding: 25px 0; } .digitalDownloadDetail .trackList .song > div { padding-top: 5px; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .trackList .song > div { padding: 0; } } .digitalDownloadDetail .trackList .song > div > p { margin-top: 10px; margin-left: -15px; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .trackList .song > div > p { margin-left: 0; } } .digitalDownloadDetail .trackList .song > div.trackTitle > p { margin-left: 0; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .trackList .song > div.trackTitle > p { margin-top: 0; margin-bottom: 0; } } .digitalDownloadDetail .trackList .song .listen { padding-top: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .digitalDownloadDetail .trackList .song .listen { position: relative; left: -10px; } } .digitalDownloadDetail .trackList .song .listen .widget { position: relative; width: 50px; height: 50px; margin-top: 0; } @media only screen and (max-width: 667px) { .digitalDownloadDetail .trackList .song .listen .widget { left: -10px; top: -5px; } } .digitalDownloadDetail .trackList .song .listen .widget .widgetPlaceholder { width: 50px; height: 50px; border-radius: 50px; background: #F8F8F8; border: solid 3px #595959; position: absolute; top: 4px; left: 2px; display: block; z-index: 2; } .digitalDownloadDetail .trackList .song .listen .widget .endor-pause, .digitalDownloadDetail .trackList .song .listen .widget .endor-play { position: absolute; width: 32px; height: 32px; top: 9px; left: 10px; z-index: 3; padding: 7px 13px; } .digitalDownloadDetail .trackList .song .listen .widget .endor-pause:hover, .digitalDownloadDetail .trackList .song .listen .widget .endor-play:hover { cursor: pointer; } .digitalDownloadDetail .trackList .song .listen .widget .endor-pause { top: 9px; left: 9px; } .digitalDownloadDetail .trackList .song .listen .widget .endor-pause:hover { cursor: pointer; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .digitalDownloadDetail .trackList .song .listen, .digitalDownloadDetail .trackList .song .trackTitle, .digitalDownloadDetail .trackList .song .artist, .digitalDownloadDetail .trackList .song .time, .digitalDownloadDetail .trackList .song .price, .digitalDownloadDetail .trackList .song .buy { width: 15%; float: left; } .digitalDownloadDetail .trackList .song .listen { width: 50px; } .digitalDownloadDetail .trackList .song .trackTitle { width: 30%; } .digitalDownloadDetail .trackList .song .artist { width: 20%; } .digitalDownloadDetail .trackList .song .time { width: 40px; } .digitalDownloadDetail .trackList .song .price { width: 15%; } } .digitalDownloadDetail .advisory { float: left; } .audioBookDetail .trackList .song, .bookDetail .trackList .song { border-bottom: none; } .lt-ie9 .song .listen, .lt-ie9 .trackHeader .listen { display: none; } /** * This element is created inside your target element * It is used so that your own element will not need to be altered **/ .time_circles { position: relative; width: 100%; height: 100%; } .time_circles .textDiv_Seconds { display: none; } /* audio.js styles for IE8 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .detail .detailButtons { margin: 20px 0 0; } } .detail .detailButtons a { /* vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; &:hover, &:focus, &:active { -webkit-transform: scale($scale); transform: scale($scale); } */ } .detail .expressCheckoutConfirm { display: none; } .detail .expressCheckoutConfirm .entry { padding: 15px; background: #D8D8D8; margin-left: 0px; margin-top: 25px; margin-right: 0; text-align: left; } .detail .expressCheckoutConfirm .entry .expressCheckoutError { color: red; } .detail .expressCheckoutConfirm .entry .expressCheckoutEmailError { background: url("../img/certificate_error.jpg") no-repeat right center; background-color: #FFFFFF; width: 360px; height: 50px; } .detail .expressCheckoutConfirm .entry .expressCheckoutEmailSuccess { background: url("../img/express_success_disabled.jpg") no-repeat right center; background-color: #DDDDDD; width: 330px; height: 40px; } .detail .expressCheckoutConfirm .entry .expressCheckoutEmailBox { padding: 0.5em; background: #FFFFFF; margin-bottom: 15px; width: 100%; } .detail .expressCheckoutConfirm .entry .expressCheckoutPriceUnderLine { border-color: rgba(101, 99, 99, 0.81); } .detail .expressCheckoutConfirm .entry .detailActionContainer { margin: 0; width: 100%; } .detail .expressCheckoutConfirm .entry .detailActionContainer a.expressCheckout.btn { display: block; } .detail .expressCheckoutConfirm h4 { margin-top: 0; } .detail .expressCheckoutConfirm dl { width: 100%; padding-bottom: 30px; } .detail .expressCheckoutConfirm dl dd, .detail .expressCheckoutConfirm dl dt { float: left; display: inline-block; text-align: left; } .detail .expressCheckoutConfirm dl dt { width: 70%; padding-right: 5%; } @media only screen and (max-width: 667px) { .detail .expressCheckoutConfirm dl dt { width: 60%; padding-right: 0; } } .detail .expressCheckoutConfirm dl dd { width: 29%; text-align: right; } @media only screen and (max-width: 667px) { .detail .expressCheckoutConfirm dl dd { width: 40%; } } @media only screen and (max-width: 667px) { .detail .expressCheckoutConfirm dl { font-size: 80%; } } .detail .expressCheckoutConfirm .alert-success em { font-size: 150%; display: block; font-style: normal; font-weight: 600; } @media (max-width: 992px) { .zoomWindowContainer { display: none; } .zoomLens { display: none !important; } } @media (max-width: 568px) { .detail #main-container { width: auto; margin: 0; } .container.product_container { padding-right: 15px; padding-left: 15px; } .fpd-topbar .fpd-navigation { overflow-x: auto !important; } .detail .detailArea { padding-left: 15px; } } .fpd-clearfix { clear: both; } .addToCart .endor-loader { position: absolute; top: 5px; left: 35px; border: 1.1em solid #DDDDDD; border-left: 1.1em solid #000000; } .addToCart .btn-text { display: inline-block; position: relative; } .addToCart:focus .endor-loader { border: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #FFFFFF; } .addToFavorites .endor-loader { top: 5px; border: 1.1em solid rgba(233, 61, 61, 0.363); border-left: 1.1em solid #c5021e; } .addToFavorites:focus .endor-loader { border: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #FFFFFF; } .fpd-topbar .fpd-mainbar { z-index: 1; } .owl-item img:focus { outline: 1px dotted #595959 !important; outline-offset: 0 !important; } .owl-item.activeItem img:focus { outline: 1px dotted #FFFFFF !important; outline-offset: 0 !important; } .fpd-modal-close:focus { outline: 0; } .fpd-close-panel:focus { outline: 0; } .user-is-tabbing .fpd-action-btn:focus { outline: 1px dotted #888888; } .user-is-tabbing .fpd-views-selection .fpd-item:focus { border: 1px dotted #888888; } .user-is-tabbing div#add-text-btn:focus { outline: 1px dotted #888888; } .user-is-tabbing .fpd-download-checkbox { display: inline !important; opacity: 0; } .user-is-tabbing .fpd-download-checkbox:focus + label::before { outline: 1px dotted #888888; } .user-is-tabbing .fpd-modal-close:focus { outline: 0; } .user-is-tabbing .fpd-modal-close:focus .fpd-icon-close { outline: 1px dotted #888888; } .user-is-tabbing .fpd-modal-context span[data-value]:focus { outline: 0; } .user-is-tabbing .fpd-modal-context span[data-value]:focus .fpd-icon-jpg, .user-is-tabbing .fpd-modal-context span[data-value]:focus .fpd-icon-png, .user-is-tabbing .fpd-modal-context span[data-value]:focus .fpd-icon-pdf { outline: 1px dotted #888888; } .user-is-tabbing .fpd-upload-zone:focus { outline: 1px dotted #888888; } .user-is-tabbing .fpd-scroll-area .mCustomScrollBox:focus { border: 1px dotted #888888; } .user-is-tabbing .fpd-scroll-area .fpd-photo-grid .fpd-item:focus { border: 1px dotted #888888; } .user-is-tabbing .fpd-list .fpd-list-row:focus { border: 1px dotted #888888 !important; } .user-is-tabbing span.fpd-lock-element:focus { outline: 1px dotted #999999; } .user-is-tabbing span.fpd-remove-element:focus { outline: 1px dotted #999999; } .user-is-tabbing .fpd-category.fpd-item:focus { border: 1px dotted #888888; } .user-is-tabbing .fpd-back.fpd-btn:focus { border: 1px dotted #888888 !important; } .user-is-tabbing .fpd-grid-contain > .fpd-item:focus { border: 1px dotted #888888; } .user-is-tabbing .fpd-close-panel:focus { border: 1px dotted #888888; } .user-is-tabbing .fpd-fonts-list .fpd-item:focus { outline: 0; border: 1px dotted #888888; } .user-is-tabbing .fpd-panel-tabs span:focus { outline: 0; border: 1px dotted #888888 !important; } /* .d8888b. d8888 8888888b. 88888888888 d88P Y88b d88888 888 Y88b 888 888 888 d88P888 888 888 888 888 d88P 888 888 d88P 888 888 d88P 888 8888888P" 888 888 888 d88P 888 888 T88b 888 Y88b d88P d8888888888 888 T88b 888 "Y8888P" d88P 888 888 T88b 888 */ .cart .empty-cart-message, .favorites .empty-cart-message { margin-top: 40px; } .cart .empty-cart-message a, .favorites .empty-cart-message a { text-decoration: underline; color: #757575; } .cart .optionEditContainer, .favorites .optionEditContainer { display: none; } .cart .optionEditContainer .product-option-group, .favorites .optionEditContainer .product-option-group { display: block; width: 100%; clear: both; color: #404040; } .cart .optionEditContainer .colorSelect, .cart .optionEditContainer .quantitySelect, .cart .optionEditContainer .sizeSelect, .cart .optionEditContainer .skuGenType1Select, .cart .optionEditContainer .skuGenType2Select, .cart .optionEditContainer .skuGenType3Select, .cart .optionEditContainer .skuGenType4Select, .cart .optionEditContainer .skuGenType5Select, .favorites .optionEditContainer .colorSelect, .favorites .optionEditContainer .quantitySelect, .favorites .optionEditContainer .sizeSelect, .favorites .optionEditContainer .skuGenType1Select, .favorites .optionEditContainer .skuGenType2Select, .favorites .optionEditContainer .skuGenType3Select, .favorites .optionEditContainer .skuGenType4Select, .favorites .optionEditContainer .skuGenType5Select { float: none; clear: both; } .cart .optionEditContainer .quantitySelect, .favorites .optionEditContainer .quantitySelect { margin-top: 10px; } .cart .optionEditContainer .personalizationEdit span, .favorites .optionEditContainer .personalizationEdit span { display: block; } .cart .optionEditContainer .personalizationEdit input, .favorites .optionEditContainer .personalizationEdit input { width: 100%; margin-bottom: 10px; } @media only screen and (max-width: 667px) { .cart .optionEditContainer .personalizationEdit input, .favorites .optionEditContainer .personalizationEdit input { border: solid 1px #CCCCCC; padding: 5px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .cart .optionEditContainer .personalizationEdit input, .favorites .optionEditContainer .personalizationEdit input { border: solid 1px #CCCCCC; padding: 5px; } } .cart h1, .favorites h1 { font-size: 400%; font-weight: 100; margin-top: 0; border-bottom: solid 1px #e6e6e6; padding-bottom: 0.25em; } .cart .empty-cart, .favorites .empty-cart { min-height: 300px; } .cart .empty-cart h2, .favorites .empty-cart h2 { line-height: 200px; } .cart .cart-body, .cart .cart-header, .cart .cart-summary, .favorites .cart-body, .favorites .cart-header, .favorites .cart-summary { position: relative; } .cart .itemHeader, .favorites .itemHeader { display: none; background: #595959; padding: 10px 0; font-size: 150%; font-weight: 100; font-family: "open_sansregular"; color: #FFFFFF; } .cart .itemHeader .col-md-3.no-padding-left, .favorites .itemHeader .col-md-3.no-padding-left { padding-left: 20px; } .cart .itemHeader .padded, .favorites .itemHeader .padded { padding: 0 20px; } @media only screen and (min-width: 940px) { .cart .itemHeader, .favorites .itemHeader { display: block; } } .cart .itemHeader .col-md-4, .favorites .itemHeader .col-md-4 { padding-left: 0; } .cart .cart-body .item, .favorites .cart-body .item { border: solid 1px #e6e6e6; padding: 1px; position: relative; } @media only screen and (min-width: 767px) { .cart .cart-body .item, .favorites .cart-body .item { border-top: 0; } } @media only screen and (max-width: 667px) { .cart .cart-body .item, .favorites .cart-body .item { border: none; margin-bottom: 10px; border-bottom: solid 1px #e6e6e6; } } .cart .cart-body .item .product-options .col-sm-1, .cart .cart-body .item .product-options .col-xs-12, .favorites .cart-body .item .product-options .col-sm-1, .favorites .cart-body .item .product-options .col-xs-12 { float: right; } @media only screen and (min-width: 940px) { .cart .cart-body .item .col-md-4.item-col, .favorites .cart-body .item .col-md-4.item-col { border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; min-height: 140px; } } .cart .cart-body .item .itemDesc, .cart .cart-body .item .itemOptions, .favorites .cart-body .item .itemDesc, .favorites .cart-body .item .itemOptions { padding: 20px; } @media only screen and (max-width: 667px) { .cart .cart-body .item .itemDesc, .cart .cart-body .item .itemOptions, .favorites .cart-body .item .itemDesc, .favorites .cart-body .item .itemOptions { padding: 0; top: -60px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .cart .cart-body .item .itemDesc .optionEdit, .cart .cart-body .item .itemOptions .optionEdit, .favorites .cart-body .item .itemDesc .optionEdit, .favorites .cart-body .item .itemOptions .optionEdit { position: relative; } } @media only screen and (max-width: 667px) { .cart .cart-body .item .itemDesc br, .favorites .cart-body .item .itemDesc br { display: none; } } @media only screen and (max-width: 667px) { .cart .cart-body .item .itemDesc .btn-trash, .favorites .cart-body .item .itemDesc .btn-trash { left: -5px; } } @media only screen and (max-width: 320px) { .cart .cart-body .item .itemDesc .btn-trash, .favorites .cart-body .item .itemDesc .btn-trash { left: 16px; top: 8px; } } .cart .cart-body .item .itemOptions h3, .favorites .cart-body .item .itemOptions h3 { font-weight: 700; } .cart .cart-body .item .itemImage img, .favorites .cart-body .item .itemImage img { width: 100%; height: auto; border: 1px solid #000000; } .cart .cart-body .item .itemDescription .description, .favorites .cart-body .item .itemDescription .description { font-size: 140%; font-size: 18px; font-weight: 100; color: #000000; font-family: "open_sanslight"; } .cart .cart-body .item .itemDescription .description a, .favorites .cart-body .item .itemDescription .description a { color: #000000; } @media only screen and (max-width: 667px) { .cart .cart-body .item .itemDescription .description, .favorites .cart-body .item .itemDescription .description { font-size: 100%; } } .cart .cart-body .item .in-stock, .favorites .cart-body .item .in-stock { color: #008000; } .cart .cart-body .item .out-of-stock, .favorites .cart-body .item .out-of-stock { color: #FF0000; } .cart .cart-body .item .itemDescription .productId, .favorites .cart-body .item .itemDescription .productId { font-size: 14px; color: #404040; } .cart .cart-body .item .itemDescription .productId .productIdstyle, .favorites .cart-body .item .itemDescription .productId .productIdstyle { color: #404040; font-weight: bold; } @media only screen and (max-width: 667px) { .cart .cart-body .item .itemDescription .productId, .favorites .cart-body .item .itemDescription .productId { display: block; font-size: 75%; } } .cart .cart-body .item .favorites-link, .favorites .cart-body .item .favorites-link { padding: 10px 15px 0; } @media only screen and (min-width: 767px) { .cart .cart-body .item .favorites-link, .favorites .cart-body .item .favorites-link { text-align: right; padding: 20px 0; } } .cart .cart-body .item .favorites-link a, .favorites .cart-body .item .favorites-link a { text-decoration: underline; } .cart .cart-body .item .cart-icon, .cart .cart-body .item .endor-heart, .cart .cart-body .item .endor-heart-filled, .cart .cart-body .item .heart-icon, .favorites .cart-body .item .cart-icon, .favorites .cart-body .item .endor-heart, .favorites .cart-body .item .endor-heart-filled, .favorites .cart-body .item .heart-icon { float: left; position: relative; width: 40px; height: 40px; display: block; text-align: center; font-size: 30px; color: #404040; left: 5px; top: 2px; } @media only screen and (min-width: 767px) { .cart .cart-body .item .cart-icon, .cart .cart-body .item .endor-heart, .cart .cart-body .item .endor-heart-filled, .cart .cart-body .item .heart-icon, .favorites .cart-body .item .cart-icon, .favorites .cart-body .item .endor-heart, .favorites .cart-body .item .endor-heart-filled, .favorites .cart-body .item .heart-icon { float: none; } } @media only screen and (max-width: 667px) { .cart .cart-body .item .cart-icon, .cart .cart-body .item .endor-heart, .cart .cart-body .item .endor-heart-filled, .cart .cart-body .item .heart-icon, .favorites .cart-body .item .cart-icon, .favorites .cart-body .item .endor-heart, .favorites .cart-body .item .endor-heart-filled, .favorites .cart-body .item .heart-icon { font-size: 24px; } } .cart .cart-body .item .cart-icon i:hover, .cart .cart-body .item .endor-heart i:hover, .cart .cart-body .item .endor-heart-filled i:hover, .cart .cart-body .item .heart-icon i:hover, .favorites .cart-body .item .cart-icon i:hover, .favorites .cart-body .item .endor-heart i:hover, .favorites .cart-body .item .endor-heart-filled i:hover, .favorites .cart-body .item .heart-icon i:hover { color: #000000; } .cart .cart-body .item .editIcon, .favorites .cart-body .item .editIcon { margin-top: 10px; } .cart .cart-body .item .bordered, .favorites .cart-body .item .bordered { padding-left: 5px; } .cart .cart-body .item .price-container, .favorites .cart-body .item .price-container { position: relative; padding: 20px 20px 20px 0; } .cart .cart-body .item .btn-primary, .favorites .cart-body .item .btn-primary { position: relative; width: 100%; } .cart .cart-body .item .btn-wrapper, .favorites .cart-body .item .btn-wrapper { width: 100%; height: auto; bottom: 0; padding: 20px 0 0 20px; } @media only screen and (min-width: 767px) { .cart .cart-body .item .btn-wrapper, .favorites .cart-body .item .btn-wrapper { position: absolute; padding: 20px; } } @media only screen and (max-width: 667px) { .cart .cart-body .item .btn-edit, .favorites .cart-body .item .btn-edit { width: 100%; top: -48px; right: 0; width: 1em; left: auto; } } @media only screen and (max-width: 667px) and (max-width: 320px) { .cart .cart-body .item .btn-edit, .favorites .cart-body .item .btn-edit { top: -30px; right: -9px; } } .cart .cart-summary, .favorites .cart-summary { padding-top: 10px; } .cart .cart-summary .subtotal-info, .favorites .cart-summary .subtotal-info { padding-right: 0; } .cart .cart-summary .subtotal-info .subtotal-text, .favorites .cart-summary .subtotal-info .subtotal-text { color: #808080; font-size: 18px; font-weight: 700; white-space: nowrap; left: -15px; position: relative; } .cart .cart-summary .subtotal-info .subtotal, .favorites .cart-summary .subtotal-info .subtotal { margin: 10px 0 5px; } @media only screen and (max-width: 667px) { .cart .cart-summary .subtotal-info .subtotal, .favorites .cart-summary .subtotal-info .subtotal { margin-top: 30px; } } .cart .cart-summary .subtotal-info .text-left, .cart .cart-summary .subtotal-info .text-right, .favorites .cart-summary .subtotal-info .text-left, .favorites .cart-summary .subtotal-info .text-right { display: inline-block; line-height: 20px; } .cart .cart-summary .subtotal-info .text-left, .favorites .cart-summary .subtotal-info .text-left { width: 60%; float: left; text-align: left; position: relative; } .cart .cart-summary .subtotal-info .text-right, .favorites .cart-summary .subtotal-info .text-right { width: 40%; float: right; position: relative; text-align: right; } .cart .cart-summary .subtotal-info .price, .favorites .cart-summary .subtotal-info .price { font-size: 26px; color: #000000; font-weight: 700; } .cart .cart-summary .subtotal-info .info, .cart .cart-summary .subtotal-info .promoCode, .favorites .cart-summary .subtotal-info .info, .favorites .cart-summary .subtotal-info .promoCode { padding-right: 0; padding-left: 0; } @media only screen and (max-width: 667px) { .cart .cart-summary .promoCode .input-group, .favorites .cart-summary .promoCode .input-group { width: 100%; margin-bottom: 30px; } .cart .cart-summary .taxShipping, .favorites .cart-summary .taxShipping { margin-bottom: 20px; } } .cart .cart-summary .inputPromoCode, .favorites .cart-summary .inputPromoCode { height: 54px; border-radius: 0; -webkit-border-radius: 0; max-width: 150px; } @media only screen and (max-width: 667px) { .cart .cart-summary .inputPromoCode, .favorites .cart-summary .inputPromoCode { max-width: 274px; } } @media only screen and (max-width: 320px) { .cart .cart-summary .inputPromoCode, .favorites .cart-summary .inputPromoCode { max-width: 219px; } } .cart .cart-summary .lt-ie9 .inputPromoCode, .favorites .cart-summary .lt-ie9 .inputPromoCode { max-width: 150px; } .cart .cart-summary .promoCode .input-group, .favorites .cart-summary .promoCode .input-group { font-size: 18px; margin: 10px 0; } .cart .cart-summary .promoCode .input-group:focus, .favorites .cart-summary .promoCode .input-group:focus { border: 2px solid #000000; } .cart .cart-summary .promoCode .input-group input, .favorites .cart-summary .promoCode .input-group input { border: 1px solid #808080; } .cart .cart-summary .promoCode .input-group input::-webkit-input-placeholder, .favorites .cart-summary .promoCode .input-group input::-webkit-input-placeholder { font-size: 18px; } .cart .cart-summary .promoCode .input-group input:-moz-placeholder, .favorites .cart-summary .promoCode .input-group input:-moz-placeholder { font-size: 18px; } .cart .cart-summary .promoCode .input-group input::-moz-placeholder, .favorites .cart-summary .promoCode .input-group input::-moz-placeholder { font-size: 18px; } .cart .cart-summary .promoCode .input-group input:-ms-input-placeholder, .favorites .cart-summary .promoCode .input-group input:-ms-input-placeholder { font-size: 18px; } .cart .cart-summary .promoCode .input-group .input-group-btn .btn-primary-alt, .favorites .cart-summary .promoCode .input-group .input-group-btn .btn-primary-alt { font-size: 18px; height: 54px; border-radius: 0; -webkit-border-radius: 0; background-color: #808080; border: 0; margin-left: 0; color: #FFFFFF; } .cart .btn-checkout, .favorites .btn-checkout { float: right; margin: 10px 0; width: 100%; } .cart .buttons, .cart .colorSelect, .cart .quantitySelect, .cart .sizeSelect, .cart .skuGenType1Select, .cart .skuGenType2Select, .cart .skuGenType3Select, .cart .skuGenType4Select, .cart .skuGenType5Select, .favorites .buttons, .favorites .colorSelect, .favorites .quantitySelect, .favorites .sizeSelect, .favorites .skuGenType1Select, .favorites .skuGenType2Select, .favorites .skuGenType3Select, .favorites .skuGenType4Select, .favorites .skuGenType5Select { float: left; width: 100%; margin-bottom: 10px; } .cart .shippingSelect p, .favorites .shippingSelect p { font-size: 75%; } .cart div h3, .favorites div h3 { font-size: 100%; font-weight: 600; margin-top: 0; } .cart .swatches, .favorites .swatches { float: left; } .cart .checkoutItems .item div.swatches, .favorites .checkoutItems .item div.swatches { padding: 0; } .cart .colorSelect .swatches .swatch, .favorites .colorSelect .swatches .swatch { height: 40px; float: left; margin-right: 2px; margin-bottom: 1em; border: solid 3px #FFFFFF; } .cart .colorSelect .swatches .swatch a, .favorites .colorSelect .swatches .swatch a { display: block; width: 100%; height: 100%; border: 1px solid #000000; font-size: 16px; } .cart .colorSelect .swatches .swatch.hover, .cart .colorSelect .swatches .swatch.selected, .cart .colorSelect .swatches .swatch:hover, .favorites .colorSelect .swatches .swatch.hover, .favorites .colorSelect .swatches .swatch.selected, .favorites .colorSelect .swatches .swatch:hover { border-radius: 3px; border: solid 3px #000000; } .cart .colorSelect .swatches .strikeThrough, .favorites .colorSelect .swatches .strikeThrough { opacity: 0.5; } .cart .colorSelect .swatches .strikeThrough a, .favorites .colorSelect .swatches .strikeThrough a { cursor: default; } .cart .colorSelect .swatches .strikeThrough a:focus, .favorites .colorSelect .swatches .strikeThrough a:focus { outline-offset: 0; } .cart .taxShipping, .favorites .taxShipping { text-align: right; } .cart .sizeSelect .swatches .swatch, .cart .skuGenType1Select .swatches .swatch, .cart .colorSelect .swatches .swatch, .cart .skuGenType2Select .swatches .swatch, .cart .skuGenType3Select .swatches .swatch, .cart .skuGenType4Select .swatches .swatch, .cart .skuGenType5Select .swatches .swatch, .favorites .sizeSelect .swatches .swatch, .favorites .skuGenType1Select .swatches .swatch, .favorites .colorSelect .swatches .swatch, .favorites .skuGenType2Select .swatches .swatch, .favorites .skuGenType3Select .swatches .swatch, .favorites .skuGenType4Select .swatches .swatch, .favorites .skuGenType5Select .swatches .swatch { height: 40px; float: left; margin-right: 2px; text-align: center; line-height: 32px; margin-bottom: 1em; border: solid 3px #FFFFFF; min-width: 40px; } .cart .sizeSelect .swatches .swatch a, .cart .skuGenType1Select .swatches .swatch a, .cart .colorSelect .swatches .swatch a, .cart .skuGenType2Select .swatches .swatch a, .cart .skuGenType3Select .swatches .swatch a, .cart .skuGenType4Select .swatches .swatch a, .cart .skuGenType5Select .swatches .swatch a, .favorites .sizeSelect .swatches .swatch a, .favorites .skuGenType1Select .swatches .swatch a, .favorites .colorSelect .swatches .swatch a, .favorites .skuGenType2Select .swatches .swatch a, .favorites .skuGenType3Select .swatches .swatch a, .favorites .skuGenType4Select .swatches .swatch a, .favorites .skuGenType5Select .swatches .swatch a { display: block; width: 100%; height: 100%; color: #000000; border: solid 1px #000000; font-size: 16px; padding: 0 0.5em; } .cart .sizeSelect .swatches .swatch a:hover, .cart .skuGenType1Select .swatches .swatch a:hover, .cart .colorSelect .swatches .swatch a:hover, .cart .skuGenType2Select .swatches .swatch a:hover, .cart .skuGenType3Select .swatches .swatch a:hover, .cart .skuGenType4Select .swatches .swatch a:hover, .cart .skuGenType5Select .swatches .swatch a:hover, .favorites .sizeSelect .swatches .swatch a:hover, .favorites .skuGenType1Select .swatches .swatch a:hover, .favorites .colorSelect .swatches .swatch a:hover, .favorites .skuGenType2Select .swatches .swatch a:hover, .favorites .skuGenType3Select .swatches .swatch a:hover, .favorites .skuGenType4Select .swatches .swatch a:hover, .favorites .skuGenType5Select .swatches .swatch a:hover { text-decoration: none; } .cart .sizeSelect .swatches .swatch.selected, .cart .skuGenType1Select .swatches .swatch.selected, .cart .colorSelect .swatches .swatch.selected, .cart .skuGenType2Select .swatches .swatch.selected, .cart .skuGenType3Select .swatches .swatch.selected, .cart .skuGenType4Select .swatches .swatch.selected, .cart .skuGenType5Select .swatches .swatch.selected, .favorites .sizeSelect .swatches .swatch.selected, .favorites .skuGenType1Select .swatches .swatch.selected, .favorites .colorSelect .swatches .swatch.selected, .favorites .skuGenType2Select .swatches .swatch.selected, .favorites .skuGenType3Select .swatches .swatch.selected, .favorites .skuGenType4Select .swatches .swatch.selected, .favorites .skuGenType5Select .swatches .swatch.selected { border: solid 3px #000000; } .cart .sizeSelect .swatches .swatch.selected a, .cart .skuGenType1Select .swatches .swatch.selected a, .cart .colorSelect .swatches .swatch.selected a, .cart .skuGenType2Select .swatches .swatch.selected a, .cart .skuGenType3Select .swatches .swatch.selected a, .cart .skuGenType4Select .swatches .swatch.selected a, .cart .skuGenType5Select .swatches .swatch.selected a, .favorites .sizeSelect .swatches .swatch.selected a, .favorites .skuGenType1Select .swatches .swatch.selected a, .favorites .colorSelect .swatches .swatch.selected a, .favorites .skuGenType2Select .swatches .swatch.selected a, .favorites .skuGenType3Select .swatches .swatch.selected a, .favorites .skuGenType4Select .swatches .swatch.selected a, .favorites .skuGenType5Select .swatches .swatch.selected a { text-decoration: none; } .cart .sizeSelect .swatches .swatch.strikeThrough, .cart .skuGenType1Select .swatches .swatch.strikeThrough, .cart .colorSelect .swatches .swatch.strikeThrough, .cart .skuGenType2Select .swatches .swatch.strikeThrough, .cart .skuGenType3Select .swatches .swatch.strikeThrough, .cart .skuGenType4Select .swatches .swatch.strikeThrough, .cart .skuGenType5Select .swatches .swatch.strikeThrough, .favorites .sizeSelect .swatches .swatch.strikeThrough, .favorites .skuGenType1Select .swatches .swatch.strikeThrough, .favorites .colorSelect .swatches .swatch.strikeThrough, .favorites .skuGenType2Select .swatches .swatch.strikeThrough, .favorites .skuGenType3Select .swatches .swatch.strikeThrough, .favorites .skuGenType4Select .swatches .swatch.strikeThrough, .favorites .skuGenType5Select .swatches .swatch.strikeThrough { opacity: 0.5; } .cart .sizeSelect .swatches .swatch.strikeThrough a, .cart .skuGenType1Select .swatches .swatch.strikeThrough a, .cart .colorSelect .swatches .swatch.strikeThrough a, .cart .skuGenType2Select .swatches .swatch.strikeThrough a, .cart .skuGenType3Select .swatches .swatch.strikeThrough a, .cart .skuGenType4Select .swatches .swatch.strikeThrough a, .cart .skuGenType5Select .swatches .swatch.strikeThrough a, .favorites .sizeSelect .swatches .swatch.strikeThrough a, .favorites .skuGenType1Select .swatches .swatch.strikeThrough a, .favorites .colorSelect .swatches .swatch.strikeThrough a, .favorites .skuGenType2Select .swatches .swatch.strikeThrough a, .favorites .skuGenType3Select .swatches .swatch.strikeThrough a, .favorites .skuGenType4Select .swatches .swatch.strikeThrough a, .favorites .skuGenType5Select .swatches .swatch.strikeThrough a { cursor: default; } .cart .sizeSelect .swatches .swatch.strikeThrough:hover, .cart .skuGenType1Select .swatches .swatch.strikeThrough:hover, .cart .colorSelect .swatches .swatch.strikeThrough:hover, .cart .skuGenType2Select .swatches .swatch.strikeThrough:hover, .cart .skuGenType3Select .swatches .swatch.strikeThrough:hover, .cart .skuGenType4Select .swatches .swatch.strikeThrough:hover, .cart .skuGenType5Select .swatches .swatch.strikeThrough:hover, .favorites .sizeSelect .swatches .swatch.strikeThrough:hover, .favorites .skuGenType1Select .swatches .swatch.strikeThrough:hover, .favorites .colorSelect .swatches .swatch.strikeThrough:hover, .favorites .skuGenType2Select .swatches .swatch.strikeThrough:hover, .favorites .skuGenType3Select .swatches .swatch.strikeThrough:hover, .favorites .skuGenType4Select .swatches .swatch.strikeThrough:hover, .favorites .skuGenType5Select .swatches .swatch.strikeThrough:hover { border-color: #FFFFFF; } .cart .sizeSelect .swatches .swatch.selected, .cart .sizeSelect .swatches .swatch:hover, .cart .skuGenType1Select .swatches .swatch.selected, .cart .skuGenType1Select .swatches .swatch:hover, .cart .colorSelect .swatches .swatch.selected, .cart .colorSelect .swatches .swatch:hover, .cart .skuGenType2Select .swatches .swatch.selected, .cart .skuGenType2Select .swatches .swatch:hover, .cart .skuGenType3Select .swatches .swatch.selected, .cart .skuGenType3Select .swatches .swatch:hover, .cart .skuGenType4Select .swatches .swatch.selected, .cart .skuGenType4Select .swatches .swatch:hover, .cart .skuGenType5Select .swatches .swatch.selected, .cart .skuGenType5Select .swatches .swatch:hover, .favorites .sizeSelect .swatches .swatch.selected, .favorites .sizeSelect .swatches .swatch:hover, .favorites .skuGenType1Select .swatches .swatch.selected, .favorites .skuGenType1Select .swatches .swatch:hover, .favorites .colorSelect .swatches .swatch.selected, .favorites .colorSelect .swatches .swatch:hover, .favorites .skuGenType2Select .swatches .swatch.selected, .favorites .skuGenType2Select .swatches .swatch:hover, .favorites .skuGenType3Select .swatches .swatch.selected, .favorites .skuGenType3Select .swatches .swatch:hover, .favorites .skuGenType4Select .swatches .swatch.selected, .favorites .skuGenType4Select .swatches .swatch:hover, .favorites .skuGenType5Select .swatches .swatch.selected, .favorites .skuGenType5Select .swatches .swatch:hover { border: solid 3px #444444; border-radius: 3px; } .cart .strikeThrough, .favorites .strikeThrough { background: url("../img/strike-through.png") 50% 0 no-repeat; height: auto; } .cart .colorSelect h3 em, .cart .sizeSelect h3 em, .cart .skuGenType1Select h3 em, .cart .skuGenType2Select h3 em, .cart .skuGenType3Select h3 em, .cart .skuGenType4Select h3 em, .cart .skuGenType5Select h3 em, .favorites .colorSelect h3 em, .favorites .sizeSelect h3 em, .favorites .skuGenType1Select h3 em, .favorites .skuGenType2Select h3 em, .favorites .skuGenType3Select h3 em, .favorites .skuGenType4Select h3 em, .favorites .skuGenType5Select h3 em { font-style: normal; font-weight: 400; color: #595959; } .cart .quantitySelect a, .favorites .quantitySelect a { font-size: 200%; color: #333333; } .cart .quantitySelect .a:hover, .favorites .quantitySelect .a:hover { text-decoration: none; cursor: pointer; } .cart .quantitySelect .quantityChange i, .favorites .quantitySelect .quantityChange i { top: 6px; position: relative; cursor: pointer; } .cart .quantitySelect input.quantityOrdered, .favorites .quantitySelect input.quantityOrdered { width: 40px; height: 60px; font-size: 18px; margin: 0.5em; color: #999999; text-align: center; border: 1px solid #444444; outline: none; color: #444444; font-weight: 700; } .cart .itemPrice, .favorites .itemPrice { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; display: inline-block; text-align: right; margin: 0 20px; line-height: 2.5em; } @media only screen and (min-width: 767px) { .cart .itemPrice, .favorites .itemPrice { margin-top: 10%; } } @media only screen and (max-width: 667px) { .cart .itemPrice, .favorites .itemPrice { float: right; margin-right: 0; } } .cart .itemPrice .priceMultiplier, .favorites .itemPrice .priceMultiplier { display: inline-block; } .cart .itemPrice .price, .favorites .itemPrice .price { font-size: 28px; font-weight: 700; line-height: 25px; } .cart.confirmation .summaryParagraph > h1 { font-size: 30px; margin-top: 20px; margin-bottom: 10px; border-bottom: none; padding-bottom: 0; } .cart.confirmation .cart-body .item .item-col { min-height: 110px; } .cart.confirmation .itemPrice { line-height: 1em; margin-top: 7%; } .cart.confirmation .itemPrice .price { font-size: 100%; } .cart.confirmation .order-summary-sidebar { border: solid 1px #e6e6e6; padding: 1em; margin-bottom: 2em; font-size: 90%; } .cart.confirmation .order-summary-sidebar div.col-md-5 { white-space: nowrap; } .cart.confirmation .order-summary-sidebar div.col-md-7 { text-align: right; font-weight: 600; } .cart.confirmation .itemOptions h4 { margin-top: 0; } @media only screen and (max-width: 667px) { .cart.confirmation .itemOptions h4 { margin-top: 20px; font-weight: normal; font-size: 16px; margin-bottom: 0; } } .cart.confirmation .cart-body .item .itemDescription .description { font-size: 115%; font-weight: 600; margin-top: 15px; display: inline-block; } .cart.confirmation .returnToCatalog { text-align: center; width: 100%; } .cart.confirmation .returnToCatalog a { width: 100%; } @media only screen and (min-width: 767px) { .cart.confirmation .returnToCatalog a { width: auto; } } @media only screen and (min-width: 767px) { .cart.confirmation .returnToCatalog { text-align: right; margin-top: 2em; width: auto; } } .cart.confirmation .customerSupport { float: right; } .wishlist .itemPrice { margin: 20px; } .alert-emptycart a { font-weight: 600; text-decoration: underline; } @media only screen and (max-width: 667px) { .cart .updateCartBtn { margin-bottom: 15px; } } .cart .favoriteAddMobile, .favorites .favoriteAddMobile { position: absolute; } @media only screen and (max-width: 667px) { .cart .favoriteAddMobile, .favorites .favoriteAddMobile { right: 2px; top: 50px; } } @media only screen and (max-width: 320px) { .cart .favoriteAddMobile, .favorites .favoriteAddMobile { right: -6px; top: 50px; } } @media only screen and (max-width: 667px) { .cart .optionEdit, .favorites .optionEdit { margin-left: 100px; padding: 0; } .cart .optionEdit > div, .favorites .optionEdit > div { float: right; width: 6%; } } @media only screen and (max-width: 667px) { .cart .cart-body .item .btn-edit, .favorites .cart-body .item .btn-edit { margin-top: 7px; margin-left: 85px; } } @media only screen and (max-width: 320px) { .cart .cart-body .item .btn-edit, .favorites .cart-body .item .btn-edit { margin-top: 42px; margin-bottom: -40px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .cart .cart-body .item .btn-edit, .favorites .cart-body .item .btn-edit { position: relative; top: 18px; } } .cart .cart-body .item .cart-icon, .favorites .cart-body .item .cart-icon { left: -10px; } @media only screen and (max-width: 667px) { .cart .currentOptions { text-decoration: none; } } @media only screen and (max-width: 640px) { .cart .updateWishlistBtn { margin-bottom: 15px; } } .cart .cart-body .item .endor-heart { left: 0px; } .currentOptions span { color: #404040; } .returnLink { color: #FFFFFF !important; text-decoration: none !important; } .returnLink:hover { text-decoration: underline !important; font-weight: Bold; color: #FFFFFF !important; } .cartExclusionMessageText { color: #FFFFFF; } .customProductImage { display: block; margin-left: auto; margin-right: auto; } .viewcustomProduct a { color: #337AB7 !important; } .viewcustomProduct span { color: #337AB7 !important; } #cart_promo_add_response, #promoCodeSuccessMessage { clear: both; } .push-right { text-align: right; } #shipping-options #Modal h3, #orderDetailsTable #Modal h3 { font-size: 100%; font-weight: 600; margin-top: 0; color: #000000; } .plateau-custid-title { font-size: 100%; font-weight: 600; margin-top: 0; color: #000000; } #final-review .finalReview a { color: #337AB7; } #final-review #ModalCart h3 { font-size: 100%; font-weight: 600; margin-top: 0; color: #000000; } /* 8888888888 8888888 888 88888888888 8888888888 8888888b. .d8888b. 888 888 888 888 888 888 Y88b d88P Y88b 888 888 888 888 888 888 888 Y88b. 8888888 888 888 888 8888888 888 d88P "Y888b. 888 888 888 888 888 8888888P" "Y88b. 888 888 888 888 888 888 T88b "888 888 888 888 888 888 888 T88b Y88b d88P 888 8888888 88888888 888 8888888888 888 T88b "Y8888P" */ .filters { background: #E6E6E6; padding: 0; float: left; width: 100%; } .filters .clearAll { font-size: 13px; font-weight: 500; color: #808080; } @media only screen and (max-width: 667px) { .filters { margin-bottom: 30px; } } .filters h2 { font-size: 85%; color: #000000; padding: 1.8em 2em 1.5em 1em; margin: 0; font-weight: 700; position: relative; clear: both; border-bottom: solid 1px #e6e6e6; border-top: solid 1px #e6e6e6; text-transform: uppercase; } @media only screen and (max-width: 667px) { .filters h2 { font-size: 120%; } } .filters h2 a { color: #404040; font-size: 100%; } .filters h2 a:hover, .filters h2 a:focus { border: 1px dotted #000000; } .filters h2 a:active { color: #000000; } .digitalDownloads .filters h2 { margin-bottom: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .countvalue { color: #595959; } /* POINTS BASED SEARCH --------------------------------------------------------------------*/ /* points based search flyout */ .megaSearch .searchFlyoutRangeContainer { width: 100%; position: fixed; top: 122px; left: 0; height: 100px; display: none; background: #EBEBEB; } @media only screen and (min-width: 315px) and (max-width: 666px) { .megaSearch .searchFlyoutRangeContainer { top: 54px; } } @media only screen and (min-width: 667px) and (max-width: 768px) { .megaSearch .searchFlyoutRangeContainer { top: 78px; } } .megaSearch .searchFlyoutRangeContainer .searchFlyoutRangeInnerWrapper { width: 75%; max-width: 300px; position: relative; height: 35px; margin-top: 30px; } .megaSearch .points-based-search-input { height: 35px; width: 45%; display: inline-block; font: inherit; font-size: 14px; } .megaSearch .points-based-search-input input { height: 35px; width: 100%; padding-left: 10px; } .megaSearch .points-based-search-input input:focus { border: solid 1px #9ECAED; outline: none; } .megaSearch .points-range-dash { display: inline-block; width: 10px; height: 3px; margin: 0 5px; background-color: #7C7C7C; } .resultsSearchHeaderSubtext { font-size: 28%; text-transform: none; margin-left: 15px; } .resultsSearchHeaderCategory { font-size: 30%; } .points-based-search { margin-top: 30px; } .points-based-search .points-based-search-container { width: 90%; display: none; } .points-based-search .points-based-search-container div.input-container { height: 35px; width: 44.5%; display: inline-block; position: relative; } .points-based-search .points-based-search-container input.points-based-search-input { height: 35px; width: 100%; font: inherit; font-size: 14px; padding-left: 10px; border: 1px solid #000000; } .points-based-search .points-based-search-container input.points-based-search-input:focus { border: solid 1px #000000; outline: none; } .points-based-search .points-based-search-container input.points-based-search-input:active { border: solid 2px #000000; outline: none; } .points-based-search .points-based-search-container #defaultMinText, .points-based-search .points-based-search-container #defaultMaxText { position: absolute; top: 0; display: none; } .points-based-search .points-based-search-container .points-range-dash { display: inline-block; width: 10px; height: 3px; margin: 0 2%; background-color: #000000; } .points-based-search .resultsTotal { width: 100%; margin-top: 15px; margin-bottom: 25px; text-align: center; } .points-based-search .resultsTotal p.sup { font-size: 70%; color: #000000; } .points-based-search .resultsTotal p.resultsValue { font-size: 24px; color: #000000; margin-top: -15px; } .points-based-search #points-based-search-form .ceiling-container:before { content: ''; position: absolute; width: 1px; height: 25px; left: 74%; top: 5px; background-color: #CCCCCC; } .points-based-search #points-based-search-form .ceiling-container #rangeCeiling { padding-right: 35px; } /* points based search submit button */ #points-based-category-submit, #points-based-searchresults-submit { font-family: Endor; font-size: 100%; width: 24%; height: 30px; padding: 4%; position: absolute; -webkit-appearance: none; -ms-appearance: none; appearance: none; left: 75%; top: 3px; border: none; background-color: #FFFFFF; color: #000000; } @media only screen and (min-width: 1200px) and (max-width: 1349px) { .points-based-search .points-based-search-container div.input-container { width: 42%; } .slider.slider-horizontal { width: 89%; } } @media only screen and (min-width: 993px) and (max-width: 1199px) { .points-based-search .points-based-search-container div.input-container { width: 43%; } .points-based-search .points-based-search-container input.points-based-search-input { font-size: 85%; height: 28px; } #points-based-category-submit, #points-based-searchresults-submit { font-size: 85%; height: 24px; } #points-based-category-submit:before, #points-based-searchresults-submit:before { height: 19px; top: 1.5px; } .slider.slider-horizontal { width: 90%; } } @media only screen and (min-width: 769px) and (max-width: 992px) { .filters { float: none; } .points-based-search .points-based-search-container { width: 50%; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .points-based-search .points-based-search-container { width: 50%; } } @media only screen and (max-width: 667px) { .filters { float: none; } .points-based-search .points-based-search-container { width: 90%; max-width: 300px; } } /* END POINTS BASED SEARCH --------------------------------------------------------------------*/ .filters h2.accordionTrigger:hover, .filters h2:hover { cursor: pointer; } .filters h2.closed { border-bottom: none; } .filters h2:first-child { border-top: none; } .filters h2 em { font-style: normal; font-weight: 100; } .filters h2 em em { display: none; } .filters h2 span.action { position: absolute; right: 5%; font-weight: 100; color: #999999; } .filters h2 span .endorIcon, .filters h2 span .profile-options li:before, .profile-options .filters h2 span li:before, .filters h2 span .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .filters h2 span i, .filters h2 span .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .filters h2 span i, .filters h2 span .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .filters h2 span i, .filters h2 span .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .filters h2 span i, .filters h2 span .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .filters h2 span i, .filters h2 span .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .filters h2 span i, .filters h2 span .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .filters h2 span i, .filters h2 span .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .filters h2 span i, .filters h2 span .mobile-nav .menu li a:after, .mobile-nav .menu li .filters h2 span a:after { font-size: 200%; display: block; margin-top: -0.2em; } .filters h2 span.action:hover { cursor: pointer; } .filters .categories { border-bottom: solid 1px #e6e6e6; } .filters .categories { padding: 1em; } .filters .filter { padding: 6px 1em; } a#brandViewToggle { display: none; background: transparent; background: __buttonBackgroundColor__; color: #333333; color: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBorderColor__; } a#brandViewToggle:hover { color: #FFFFFF; color: __buttonBorderColor__; background: #333333; background: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBackgroundColor__; } a#categoryViewToggle { display: none; background: transparent; background: __buttonBackgroundColor__; color: #333333; color: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBorderColor__; } a#categoryViewToggle:hover { color: #FFFFFF; color: __buttonBorderColor__; background: #333333; background: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBackgroundColor__; } .filters h2 i.endorIcon, .filters h2 .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .filters h2 i, .filters h2 .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .filters h2 i, .filters h2 .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .filters h2 i, .filters h2 .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .filters h2 i, .filters h2 .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .filters h2 i, .filters h2 .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .filters h2 i, .filters h2 .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .filters h2 i, .filters h2 .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .filters h2 i { margin-right: 0.5em; color: #000000; } .filters .filter.brands, .filters .filter.value { float: left; width: 100%; } .filters .brands .brand, .filters .events .event, .filters .category .brand, .filters .value .pointRange { float: left; min-width: 100%; font-size: 75%; color: #404040; margin-bottom: 0.25em; text-transform: uppercase; } @media only screen and (max-width: 667px) { .filters .brands .brand, .filters .events .event, .filters .category .brand, .filters .value .pointRange { font-size: 120%; } } .filters .brands .brand input, .filters .value .pointRange input { margin-right: 4px; } .filters .moreButton, .filters .moreButtonVenues { float: left; width: 100%; text-align: center; margin: 1.5em 0; } .filters .categories h3 { font-size: 100%; margin-top: 10px; margin-bottom: 0; } .filters .categories h3:first-child { margin-top: 0; border: none; } .filters .categories h3 .endorIcon, .filters .categories h3 .profile-options li:before, .profile-options .filters .categories h3 li:before, .filters .categories h3 .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .filters .categories h3 i, .filters .categories h3 .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .filters .categories h3 i, .filters .categories h3 .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .filters .categories h3 i, .filters .categories h3 .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .filters .categories h3 i, .filters .categories h3 .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .filters .categories h3 i, .filters .categories h3 .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .filters .categories h3 i, .filters .categories h3 .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .filters .categories h3 i, .filters .categories h3 .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .filters .categories h3 i, .filters .categories h3 .mobile-nav .menu li a:after, .mobile-nav .menu li .filters .categories h3 a:after { font-size: 120%; display: inline-block; margin-right: 0.5em; color: #595959; } .filters .categories h3 { font-size: 100%; } .filters .filter h2 { height: 50px; } .filters .categories h3.current { font-weight: 700; } .filters .categories h3.current .endorIcon, .filters .categories h3.current .profile-options li:before, .profile-options .filters .categories h3.current li:before, .filters .categories h3.current .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .filters .categories h3.current i, .filters .categories h3.current .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .filters .categories h3.current i, .filters .categories h3.current .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .filters .categories h3.current i, .filters .categories h3.current .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .filters .categories h3.current i, .filters .categories h3.current .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .filters .categories h3.current i, .filters .categories h3.current .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .filters .categories h3.current i, .filters .categories h3.current .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .filters .categories h3.current i, .filters .categories h3.current .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .filters .categories h3.current i, .filters .categories h3.current .mobile-nav .menu li a:after, .mobile-nav .menu li .filters .categories h3.current a:after { visibility: hidden; } .digitalDownloads .filters h3 { padding-left: 25px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; margin: 0 0 5px; text-transform: uppercase; } .digitalDownloads .filters h3 a { font-size: 50%; color: #757575; } .digitalDownloads .filters a { padding-right: 0; margin-right: 0; } .digitalDownloads .filters .chooseDigitalCategories { padding-bottom: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .digitalDownloads .filters { margin-bottom: 20px; } } /* POINTS BASED SEARCH --------------------------------------------------------------------*/ .points-based-search { background-color: #EBEBEB; } .points-based-search .points-based-search-container { width: 90%; display: none; } .points-based-search .points-based-search-container div.input-container { height: 35px; width: 44%; display: inline-block; position: relative; color: #000000; } .points-based-search .points-based-search-container input.points-based-search-input { height: 35px; width: 100%; display: inline-block; font: inherit; font-size: 14px; padding-left: 10px; } .points-based-search .points-based-search-container input.points-based-search-input:focus { border: solid 2px #000000; } .points-based-search .points-based-search-container #defaultMinText, .points-based-search .points-based-search-container #defaultMaxText { position: absolute; top: 0; display: none; } .points-based-search .points-based-search-container .points-range-dash { display: inline-block; width: 10px; height: 3px; margin-top: 2%; background-color: #7C7C7C; } .points-based-search .resultsTotal { width: 100%; margin-top: 15px; text-align: center; } .points-based-search .resultsTotal p.sup { font-size: 70%; color: #000000; } .points-based-search .resultsTotal p.resultsValue { font-size: 24px; color: #000000; margin-top: -15px; } .points-based-search #points-based-search-form .ceiling-container:before { content: ''; position: absolute; width: 1px; height: 25px; left: 74%; top: 5px; background-color: #CCCCCC; } .points-based-search #points-based-search-form .ceiling-container #rangeCeiling { padding-right: 35px; } /* points based search submit button */ #points-based-searchresults-submit { font-family: Endor; font-size: 100%; width: 24%; height: 30px; padding: 4%; position: absolute; -webkit-appearance: none; -ms-appearance: none; appearance: none; left: 75%; top: 3px; border: none; background-color: #FFFFFF; color: #000000; } @media only screen and (min-width: 1200px) and (max-width: 1349px) { .points-based-search .points-based-search-container div.input-container { width: 42%; } .slider.slider-horizontal { width: 89%; } } @media only screen and (min-width: 993px) and (max-width: 1199px) { .points-based-search .points-based-search-container div.input-container { width: 43%; } .points-based-search .points-based-search-container input.points-based-search-input { font-size: 85%; height: 28px; } #points-based-category-submit, #points-based-searchresults-submit { font-size: 85%; height: 24px; } #points-based-category-submit:before, #points-based-searchresults-submit:before { height: 19px; top: 1.5px; } .slider.slider-horizontal { width: 90%; } } @media only screen and (min-width: 769px) and (max-width: 992px) { .filters { float: none; } .points-based-search .points-based-search-container { width: 50%; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .points-based-search .points-based-search-container { width: 50%; } } @media only screen and (max-width: 667px) { .filters { float: none; } .points-based-search .points-based-search-container { width: 90%; max-width: 300px; } } /* END POINTS BASED SEARCH --------------------------------------------------------------------*/ /* EVENTS -------------------------------------------------------------------------------------*/ /* END EVENTS ---------------------------------------------------------------------------------*/ .category-position { float: left; } .product-name { float: left; width: 173px; margin: 4px 2px; word-wrap: break-word; } .category_list { padding-left: 1.3em; float: left; width: 100%; } a#brandViewToggle:focus { border: 3px solid #000000 !important; outline: 2px dotted #AAAAAA; background: #000000; color: #FFFFFF; outline-offset: 0px; } .items__view-option:focus { outline: 2px dotted #AAAAAA; } .filters .categories div.filter__list-item:first-child { margin-top: 0; border: 0; font-size: 100%; line-height: 1.1; } .filters .categories div.filter__list-item { font-size: 100%; margin-top: 10px; margin-bottom: 0; line-height: 1.1; } .filters .categories div.filter__list-item i.endorIcon, .filters .categories div.filter__list-item .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .filters .categories div.filter__list-item i, .filters .categories div.filter__list-item .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .filters .categories div.filter__list-item i { font-size: 120%; display: inline-block; margin-right: .5em; color: #595959; } .jumbotron { padding: 0; margin-bottom: 0; } .mainCarousel .item { margin: 0; position: relative; overflow: hidden; } @media only screen and (max-width: 667px) { .mainCarousel .item { height: 275px; } } @media only screen and (max-width: 667px) { .mainCarousel .item.dark { background: #FFFFFF; } } @media only screen and (max-width: 667px) { .mainCarousel .item.lite { background: #000000; } } .mainCarousel .item img { display: block; height: auto; max-width: none; width: auto; } @media only screen and (min-width: 940px) { .mainCarousel .item img { width: 100%; max-width: 100%; } } @media only screen and (max-width: 667px) { .mainCarousel .item img { height: 275px; min-height: auto; } } .mainCarousel .item .storyR { right: -5%; } @media only screen and (max-width: 667px) { .mainCarousel .item .storyR { right: 0; } } .mainCarousel .item .storyL { left: -35%; } @media only screen and (max-width: 667px) { .mainCarousel .item .storyL { left: 0; } } .mainCarousel .item .flyin-content { display: inline-block; padding: 0 5%; height: auto; position: absolute; top: 50%; } @media only screen and (min-width: 767px) { .mainCarousel .item .flyin-content { padding: 0 8%; } } @media only screen and (max-width: 667px) { .mainCarousel .item .flyin-content { font-size: 75%; } } .mainCarousel .item .flyin-content div[class*=logoImage] { display: block; margin: 0 auto; /* change the max-width to change the logo size */ max-width: 25%; /* fix the image path once this is in an override file */ background-image: url("../img/bi-logo-endor-wings.png"); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-position: center; background-repeat: no-repeat; } .mainCarousel .item .flyin-content div[class*=logoImage] span { display: block; height: 0; } .mainCarousel .item .flyin-content div[class*=logoImage] sup { position: absolute; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } .mainCarousel .item .flyin-content h1#noLogo { background-image: none; } .mainCarousel .item .flyin-content h1, .mainCarousel .item .flyin-content h2, .mainCarousel .item .flyin-content h3 { padding: 0; margin: 0; display: block; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; position: relative; } .mainCarousel .item .flyin-content h1 sup, .mainCarousel .item .flyin-content h2 sup, .mainCarousel .item .flyin-content h3 sup { position: absolute; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } .mainCarousel .item .flyin-content h1.bold .flyOverload { font-weight: bold; } .mainCarousel .item .flyin-content h1.italic .flyOverload { font-style: italic; } .mainCarousel .item .flyin-content h1.underline .flyOverload { text-decoration: underline; } .mainCarousel .item .flyin-content h1.arial .flyOverload { font-family: Arial; } .mainCarousel .item .flyin-content h1.learningCurve .flyOverload { font-family: learning_curve; } .mainCarousel .item .flyin-content h1.robotoSlab .flyOverload { font-family: roboto_slab; } .mainCarousel .item .flyin-content h1.serifPro .flyOverload { font-family: sourceserif_pro; } .mainCarousel .item .flyin-content h2 sup { font-size: 30%; top: 25%; } .mainCarousel .item .flyin-content h3 sup { font-size: 35%; top: 30%; } .mainCarousel .item .flyin-content .flyin-link { font-family: "open_sansextrabold"; font-size: 1.5em; margin-top: 0; padding-left: 5px; padding-right: 5px; display: none; } @media only screen and (min-width: 767px) { .mainCarousel .item .flyin-content .flyin-link { margin-top: 40px; display: block; } } .mainCarousel .item .flyin-content .flyOverload { display: inline-block; } .mainCarousel .item .textLeft .flyin-story, .mainCarousel .item .textLeft .flyin-link { margin-left: 35%; text-align: left; } .mainCarousel .item .textLeft div[class*=logoImage] { margin-left: 0; padding: 0; } .mainCarousel .item .textRight .flyin-story, .mainCarousel .item .textRight .flyin-link { margin-right: 15%; text-align: right; } .mainCarousel .item .textRight div[class*=logoImage] { margin-right: 0; } .mainCarousel .item div[class*=copyContainer] { height: 100%; width: 100%; } .mainCarousel .item .copyLeft { right: -35%; } .mainCarousel .item .logoLeft, .mainCarousel .item .logoright { width: 100%; } .mainCarousel .item .logoLeft { position: absolute; left: 35%; top: -25px; } .mainCarousel .item .logoRight { right: 50%; top: -25px; } .mainCarousel .item.storyRight .flyin-content { text-align: center; } @media only screen and (min-width: 767px) { .mainCarousel .item.storyRight .flyin-content { text-align: right; padding-left: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mainCarousel .item.storyRight img { float: right; margin-left: -10%; } } @media only screen and (max-width: 667px) { .mainCarousel .item.storyRight img { opacity: 0.5; margin-right: -33%; } } .mainCarousel .item.storyLeft img { float: right; } @media only screen and (max-width: 667px) { .mainCarousel .item.storyLeft img { margin-left: -200px; opacity: 0.5; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mainCarousel .item.storyLeft img { float: none; margin-left: -10%; } } .mainCarousel .item.storyLeft .flyin-content { text-align: center; } @media only screen and (min-width: 767px) { .mainCarousel .item.storyLeft .flyin-content { text-align: left; padding-right: 0; } } .mainCarousel .item.storyMid img { margin: 0 auto; } @media only screen and (max-width: 667px) { .mainCarousel .item.storyMid img { opacity: 0.5; margin-left: -66%; } } .mainCarousel .item.storyMid .flyin-content { text-align: center; } .mainCarousel .owl-pagination { position: absolute; bottom: 2%; width: 100%; text-align: center; } .mainCarousel .lite .flyin-content, .mainCarousel .lite .flyin-link { color: #FFFFFF; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .mainCarousel .lite .mainCarouselNext, .mainCarousel .lite .mainCarouselPrev { background: none; color: #FFFFFF; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } .mainCarousel .dark .flyin-content, .mainCarousel .dark .flyin-link { color: #000000; text-shadow: 0 0 4px rgba(255, 255, 255, 0.5); } .mainCarousel .dark .mainCarouselNext, .mainCarousel .dark .mainCarouselPrev { background: none; color: #333; text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); } @media only screen and (max-width: 667px) { .owl-theme .owl-controls .owl-page span { width: 9px; height: 9px; } } .owl-theme .darkPager .owl-controls .owl-page span, .owl-theme .owl-controls.lite .owl-page span { border: solid 1px #FFFFFF; } .owl-theme .owl-controls.dark .owl-page.active span, .owl-theme .owl-controls.dark.clickable .owl-page:hover span { background: #000000; } .owl-theme .owl-controls.dark .owl-page span { border: solid 1px #000000; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } .carousel .digitalDownloadsCarouselNext, .carousel .digitalDownloadsCarouselPrev, .carousel .mainCarouselNext, .carousel .mainCarouselPrev, .digitalDownloadsCarousel .digitalDownloadsCarouselNext, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev, .digitalDownloadsCarousel .mainCarouselNext, .digitalDownloadsCarousel .mainCarouselPrev, .mainCarousel .digitalDownloadsCarouselNext, .mainCarousel .digitalDownloadsCarouselPrev, .mainCarousel .mainCarouselNext, .mainCarousel .mainCarouselPrev { position: absolute; top: 45%; font-size: 325%; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .carousel .digitalDownloadsCarouselNext, .carousel .digitalDownloadsCarouselPrev, .carousel .mainCarouselNext, .carousel .mainCarouselPrev, .digitalDownloadsCarousel .digitalDownloadsCarouselNext, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev, .digitalDownloadsCarousel .mainCarouselNext, .digitalDownloadsCarousel .mainCarouselPrev, .mainCarousel .digitalDownloadsCarouselNext, .mainCarousel .digitalDownloadsCarouselPrev, .mainCarousel .mainCarouselNext, .mainCarousel .mainCarouselPrev { display: none !important; } } @media only screen and (max-width: 667px) { .carousel .digitalDownloadsCarouselNext, .carousel .digitalDownloadsCarouselPrev, .carousel .mainCarouselNext, .carousel .mainCarouselPrev, .digitalDownloadsCarousel .digitalDownloadsCarouselNext, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev, .digitalDownloadsCarousel .mainCarouselNext, .digitalDownloadsCarousel .mainCarouselPrev, .mainCarousel .digitalDownloadsCarouselNext, .mainCarousel .digitalDownloadsCarouselPrev, .mainCarousel .mainCarouselNext, .mainCarousel .mainCarouselPrev { display: none !important; } } .carousel .digitalDownloadsCarouselNext:hover, .carousel .digitalDownloadsCarouselPrev:hover, .carousel .mainCarouselNext:hover, .carousel .mainCarouselPrev:hover, .digitalDownloadsCarousel .digitalDownloadsCarouselNext:hover, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev:hover, .digitalDownloadsCarousel .mainCarouselNext:hover, .digitalDownloadsCarousel .mainCarouselPrev:hover, .mainCarousel .digitalDownloadsCarouselNext:hover, .mainCarousel .digitalDownloadsCarouselPrev:hover, .mainCarousel .mainCarouselNext:hover, .mainCarousel .mainCarouselPrev:hover { cursor: pointer; filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } .carousel .digitalDownloadsCarouselPrev, .carousel .mainCarouselPrev, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev, .digitalDownloadsCarousel .mainCarouselPrev, .mainCarousel .digitalDownloadsCarouselPrev, .mainCarousel .mainCarouselPrev { left: 1%; } .carousel .digitalDownloadsCarouselPrev .fa-chevron-left, .carousel .mainCarouselPrev .fa-chevron-left, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev .fa-chevron-left, .digitalDownloadsCarousel .mainCarouselPrev .fa-chevron-left, .mainCarousel .digitalDownloadsCarouselPrev .fa-chevron-left, .mainCarousel .mainCarouselPrev .fa-chevron-left { padding-left: 0.55em; } .carousel .digitalDownloadsCarouselPrev.lite, .carousel .mainCarouselPrev.lite, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev.lite, .digitalDownloadsCarousel .mainCarouselPrev.lite, .mainCarousel .digitalDownloadsCarouselPrev.lite, .mainCarousel .mainCarouselPrev.lite { color: #FFFFFF; } .carousel .digitalDownloadsCarouselPrev.dark, .carousel .mainCarouselPrev.dark, .digitalDownloadsCarousel .digitalDownloadsCarouselPrev.dark, .digitalDownloadsCarousel .mainCarouselPrev.dark, .mainCarousel .digitalDownloadsCarouselPrev.dark, .mainCarousel .mainCarouselPrev.dark { color: #333; } .carousel .digitalDownloadsCarouselNext, .carousel .mainCarouselNext, .digitalDownloadsCarousel .digitalDownloadsCarouselNext, .digitalDownloadsCarousel .mainCarouselNext, .mainCarousel .digitalDownloadsCarouselNext, .mainCarousel .mainCarouselNext { right: 1%; } .carousel .digitalDownloadsCarouselNext .fa-chevron-right, .carousel .mainCarouselNext .fa-chevron-right, .digitalDownloadsCarousel .digitalDownloadsCarouselNext .fa-chevron-right, .digitalDownloadsCarousel .mainCarouselNext .fa-chevron-right, .mainCarousel .digitalDownloadsCarouselNext .fa-chevron-right, .mainCarousel .mainCarouselNext .fa-chevron-right { padding-left: 0.7em; } .carousel .digitalDownloadsCarouselNext.lite, .carousel .mainCarouselNext.lite, .digitalDownloadsCarousel .digitalDownloadsCarouselNext.lite, .digitalDownloadsCarousel .mainCarouselNext.lite, .mainCarousel .digitalDownloadsCarouselNext.lite, .mainCarousel .mainCarouselNext.lite { color: #FFFFFF; } .carousel .digitalDownloadsCarouselNext.dark, .carousel .mainCarouselNext.dark, .digitalDownloadsCarousel .digitalDownloadsCarouselNext.dark, .digitalDownloadsCarousel .mainCarouselNext.dark, .mainCarousel .digitalDownloadsCarouselNext.dark, .mainCarousel .mainCarouselNext.dark { color: #333; } .carousel .item a.fullItemLink, .digitalDownloadsCarousel .item a.fullItemLink, .mainCarousel .item a.fullItemLink { display: block; position: absolute; top: 0; height: 82%; width: 88%; margin: 1% 6% 4%; } .flyin-link { display: block; padding-top: 10px; } .flyin-link:after { content: '\e817'; font-family: "Endor"; margin-left: 0.5em; } .jumbotron .owl-theme .owl-controls { margin-top: 0; } .flyin-content { position: relative; overflow: visible; } .flyin-content .flyin-story { position: inline-block; position: relative; opacity: 0; overflow: visible; } .flyin-link { position: relative; bottom: -150px; opacity: 0; } .storyRight .flyin-story { right: 50px; } .storyLeft .flyin-story { left: 50px; } .storyMid .flyin-story { bottom: 50px; } .mainCarousel .item.template-1 h1 { font-family: "open_sanslight"; font-size: 3.25em; line-height: 0.5em; line-height: 1em; /* added to make text overages look alright */ } .mainCarousel .item.template-1 h1.bold { font-weight: bold; } .mainCarousel .item.template-1 h1.italic { font-style: italic; } .mainCarousel .item.template-1 h1.underline { text-decoration: underline; } .mainCarousel .item.template-1 h1.arial { font-family: Arial; } .mainCarousel .item.template-1 h1.learningCurve { font-family: learning_curve; } .mainCarousel .item.template-1 h1.robotoSlab { font-family: roboto_slab; } .mainCarousel .item.template-1 h1.serifPro { font-family: sourceserif_pro; } .mainCarousel .item.template-1 h2 { font-family: "open_sansextrabold"; font-size: 6em; line-height: 1em; } .mainCarousel .item.template-1 h2.bold { font-weight: bold; } .mainCarousel .item.template-1 h2.italic { font-style: italic; } .mainCarousel .item.template-1 h2.underline { text-decoration: underline; } .mainCarousel .item.template-1 h2.arial { font-family: Arial; } .mainCarousel .item.template-1 h2.learningCurve { font-family: learning_curve; } .mainCarousel .item.template-1 h2.robotoSlab { font-family: roboto_slab; } .mainCarousel .item.template-1 h2.serifPro { font-family: sourceserif_pro; } .mainCarousel .item.template-1 h3 { font-family: "open_sanslight"; font-size: 4.5em; line-height: 1em; } .mainCarousel .item.template-1 h3.bold { font-weight: bold; } .mainCarousel .item.template-1 h3.italic { font-style: italic; } .mainCarousel .item.template-1 h3.underline { text-decoration: underline; } .mainCarousel .item.template-1 h3.arial { font-family: Arial; } .mainCarousel .item.template-1 h3.learningCurve { font-family: learning_curve; } .mainCarousel .item.template-1 h3.robotoSlab { font-family: roboto_slab; } .mainCarousel .item.template-1 h3.serifPro { font-family: sourceserif_pro; } @media only screen and (min-width: 767px) { .mainCarousel .item.template-1 h3 { line-height: 0.75em; } } .mainCarousel .item.template-1.brand-a h2 { color: #FFFFFF; color: __storyIsotopeBrandColor__; } .mainCarousel .item.template-1.brand-b .flyin-link { color: #FFFFFF; color: __storyIsotopeBrandColor__; } .mainCarousel .item.template-1.brand-c .flyin-link, .mainCarousel .item.template-1.brand-c h2 { color: #FFFFFF; color: __storyIsotopeBrandColor__; } .mainCarousel .item.template-2 h1 { font-family: "open_sansextrabold"; font-size: 6em; line-height: 1em; } @media only screen and (max-width: 667px) { .mainCarousel .item.template-2 h1 { font-size: 5em; } } .mainCarousel .item.template-2 h1.bold { font-weight: bold; } .mainCarousel .item.template-2 h1.italic { font-style: italic; } .mainCarousel .item.template-2 h1.underline { text-decoration: underline; } .mainCarousel .item.template-2 h1.arial { font-family: Arial; } .mainCarousel .item.template-2 h1.learningCurve { font-family: learning_curve; } .mainCarousel .item.template-2 h1.robotoSlab { font-family: roboto_slab; } .mainCarousel .item.template-2 h1.serifPro { font-family: sourceserif_pro; } .mainCarousel .item.template-2 h2 { font-family: "open_sanslight"; font-size: 4.5em; line-height: 1em; } .mainCarousel .item.template-2 h2.bold { font-weight: bold; } .mainCarousel .item.template-2 h2.italic { font-style: italic; } .mainCarousel .item.template-2 h2.underline { text-decoration: underline; } .mainCarousel .item.template-2 h2.arial { font-family: Arial; } .mainCarousel .item.template-2 h2.learningCurve { font-family: learning_curve; } .mainCarousel .item.template-2 h2.robotoSlab { font-family: roboto_slab; } .mainCarousel .item.template-2 h2.serifPro { font-family: sourceserif_pro; } .mainCarousel .item.template-2 h3 { font-family: "open_sanslight"; font-size: 3.25em; line-height: 1em; } .mainCarousel .item.template-2 h3.bold { font-weight: bold; } .mainCarousel .item.template-2 h3.italic { font-style: italic; } .mainCarousel .item.template-2 h3.underline { text-decoration: underline; } .mainCarousel .item.template-2 h3.arial { font-family: Arial; } .mainCarousel .item.template-2 h3.learningCurve { font-family: learning_curve; } .mainCarousel .item.template-2 h3.robotoSlab { font-family: roboto_slab; } .mainCarousel .item.template-2 h3.serifPro { font-family: sourceserif_pro; } .mainCarousel .item.template-2.brand-a h1 { color: #FFFFFF; color: __storyIsotopeBrandColor__; } .mainCarousel .item.template-2.brand-b .flyin-link { color: #FFFFFF; color: __storyIsotopeBrandColor__; } .mainCarousel .item.template-2.brand-c .flyin-link, .mainCarousel .item.template-2.brand-c h1 { color: #FFFFFF; color: __storyIsotopeBrandColor__; } .storyRight .flyin-content { width: 100%; } @media (min-width: 768px) { .storyRight .flyin-content { margin-left: 33.33333333%; width: 66.66666667%; } } @media (min-width: 992px) { .storyRight .flyin-content { margin-left: 48.66666667%; width: 50%; } } @media (min-width: 1200px) { .storyRight .flyin-content { margin-left: 49%; width: 50.66666667%; } } .storyLeft .flyin-content { width: 100%; } @media (min-width: 768px) { .storyLeft .flyin-content { width: 66.66666667%; } } @media (min-width: 992px) { .storyLeft .flyin-content { width: 50%; margin-left: 3.33333333%; } } @media (min-width: 1200px) { .storyLeft .flyin-content { width: 50%; margin-left: 1.66666667%; } } .storyMid .flyin-content { width: 100%; } @media (min-width: 768px) { .storyMid .flyin-content { width: 66.66666667%; margin-left: 16.66666667%; } } @media (min-width: 1200px) { .storyMid .flyin-content { width: 50%; margin-left: 25%; } } @media only screen and (max-width: 667px) { .storyRight img { position: absolute; right: 0; } .storyLeft img { position: absolute; left: 0; } } .digitalDownloadsCarousel .item { margin: 0; position: relative; overflow: hidden; } @media only screen and (max-width: 667px) { .digitalDownloadsCarousel .item { height: 275px; } } .digitalDownloadsCarousel .item img { display: block; height: auto; max-width: none; width: auto; } @media only screen and (min-width: 940px) { .digitalDownloadsCarousel .item img { width: 100%; max-width: 100%; } } @media only screen and (max-width: 667px) { .digitalDownloadsCarousel .item img { height: 275px; min-height: auto; } } .digitalDownloadsCarousel .item .flyin-content { display: inline-block; padding: 0 5%; height: auto; position: absolute; top: 50%; } @media only screen and (min-width: 767px) { .digitalDownloadsCarousel .item .flyin-content { padding: 0 8%; } } @media only screen and (max-width: 667px) { .digitalDownloadsCarousel .item .flyin-content { font-size: 75%; } } .digitalDownloadsCarousel .item .flyin-content h1, .digitalDownloadsCarousel .item .flyin-content h2, .digitalDownloadsCarousel .item .flyin-content h3 { padding: 0; margin: 0; display: block; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } .digitalDownloadsCarousel .item .flyin-content .flyin-link { font-family: "open_sansextrabold"; font-size: 1.5em; margin-top: 0; padding-left: 5px; padding-right: 5px; display: none; } @media only screen and (min-width: 767px) { .digitalDownloadsCarousel .item .flyin-content .flyin-link { margin-top: 40px; display: block; } } .digitalDownloadsCarousel .item .flyin-content .flyOverload { display: inline-block; } .digitalDownloadsCarousel .item.storyRight .flyin-content { text-align: center; } @media only screen and (min-width: 767px) { .digitalDownloadsCarousel .item.storyRight .flyin-content { text-align: right; padding-left: 0; } } .digitalDownloadsCarousel .item.storyLeft img { float: right; } .digitalDownloadsCarousel .item.storyLeft .flyin-content { text-align: center; } @media only screen and (min-width: 767px) { .digitalDownloadsCarousel .item.storyLeft .flyin-content { text-align: left; padding-right: 0; } } .digitalDownloadsCarousel .item.storyMid img { margin: 0 auto; } .digitalDownloadsCarousel .item.storyMid .flyin-content { text-align: center; } .digitalDownloadsCarousel .owl-pagination { position: absolute; bottom: 2%; width: 100%; text-align: center; } .digitalDownloadsCarousel .lite .flyin-content, .digitalDownloadsCarousel .lite .flyin-link { color: #FFFFFF; text-shadow: 0 0 2px rgba(0, 0, 0, 0.25); } .digitalDownloadsCarousel .lite .mainCarouselNext, .digitalDownloadsCarousel .lite .mainCarouselPrev { background: none; color: #FFFFFF; text-shadow: 0 0 2px rgba(0, 0, 0, 0.25); } .digitalDownloadsCarousel .dark .flyin-content, .digitalDownloadsCarousel .dark .flyin-link { color: #000000; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); } .digitalDownloadsCarousel .dark .mainCarouselNext, .digitalDownloadsCarousel .dark .mainCarouselPrev { background: none; color: #333; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); } .pagination .pageCarouselPrev:focus, .pagination .pageCarouselNext:focus { outline: 1px auto #000000; } body:not(.user-is-tabbing) .optionBar button:focus, body:not(.user-is-tabbing) .optionBar select:focus, body:not(.user-is-tabbing) .optionBar a:focus, body:not(.user-is-tabbing) header button:focus, body:not(.user-is-tabbing) header select:focus, body:not(.user-is-tabbing) header a:focus { outline: none !important; border: none !important; } /* 8888888 .d8888b. .d88888b. 88888888888 .d88888b. 8888888b. 8888888888 .d8888b. 888 d88P Y88b d88P" "Y88b 888 d88P" "Y88b 888 Y88b 888 d88P Y88b 888 Y88b. 888 888 888 888 888 888 888 888 Y88b. 888 "Y888b. 888 888 888 888 888 888 d88P 8888888 "Y888b. 888 "Y88b. 888 888 888 888 888 8888888P" 888 "Y88b. 888 "888 888 888 888 888 888 888 888 "888 888 Y88b d88P Y88b. .d88P 888 Y88b. .d88P 888 888 Y88b d88P 8888888 "Y8888P" "Y88888P" 888 "Y88888P" 888 8888888888 "Y8888P" */ .isotopes .container { margin-top: 1px; padding-right: 0; padding-left: 0; } @media only screen and (min-width: 769px) { .isotopes .container { padding-right: 10px; padding-left: 10px; margin-top: 20px; } } @media (max-width: 1200px) { .isotopes .container { width: 100%; } } .isotopes .container > div { clear: both; position: relative; } .isotope, .video-overlay-image { display: block; width: 100%; } @media only screen and (min-width: 769px) { .isotope, .video-overlay-image { padding-right: 10px; padding-left: 10px; box-sizing: border-box; margin-bottom: 20px; clear: none; overflow: hidden; } } @media only screen and (max-width: 667px) { .isotope, .video-overlay-image { padding: 15px; padding-bottom: 0; float: left !important; } } .isotope h2, .video-overlay-image h2 { text-align: center; margin: 0; } .isotope .cta, .video-overlay-image .cta { text-align: center; display: none; width: 100%; font-weight: 700; font-size: 100%; font-family: "open_sansbold"; position: absolute; z-index: 10; bottom: 15px; } .isotope .isotope-content .cta, .video-overlay-image .isotope-content .cta { position: relative; bottom: auto; } .isotope .cta:after, .video-overlay-image .cta:after { content: '\e817'; font-family: "Endor"; margin-left: 0.5em; } .isotopes .image-well { margin-bottom: 1px; background: #FFFFFF; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; cursor: default; width: 100%; clear: both; height: auto; padding-right: 0; padding-left: 0; height: 190px; transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; } .isotopes .image-well.hasLink { cursor: pointer; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .isotopes .image-well { background-size: cover !important; background-position: 50% 0 !important; height: 250px; } } .isotopes .image-well.exploded { -webkit-transform: scale(15); -ms-transform: scale(15); -moz-transform: scale(15); transform: scale(15); opacity: 0; } a.isotope .isotopes .image-well.exploded { background: #000000; } .isotopes .image-well:after { background: #000000; opacity: 0.54; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0; transition: opacity 300ms ease-in; -webkit-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .isotopes .image-well:after { display: none; } } .isotopes .image-well:hover { background-position: 50% -5px; } .isotopes .image-well:hover:after { opacity: 0; } .lt-ie9 .isotopes .image-well { background-size: 100%; } .lt-ie9 .isotopes .image-well:hover { background-position: 50% 0; } .isotope.videoContainer .image-well:after, .lt-ie9 .isotopes .image-well:after { display: none; } .isotope-content, .video-overlay-image { top: 50%; position: absolute; z-index: 10; width: 100%; text-align: center; padding: 0 10px; box-sizing: border-box; } .isotope-content.tooTall, .video-overlay-image.tooTall { font-size: 75%; } .isotope-content .isoOverload, .video-overlay-image .isoOverload { display: inline-block; } .isotope-content h2.fontModified, .video-overlay-image h2.fontModified { line-height: 1em; } .video-overlay-content { position: relative; z-index: 1234; width: 100%; text-align: center; padding: 0 10px; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-overlay-image { background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 1234; top: 0px; height: 100%; background-size: cover; width: 100%; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; } .video-overlay-image:hover { background-color: transparent; } .isotope.lite, .video-overlay-content.lite { color: #FFFFFF; } .isotope.lite .cta, .isotope.lite h2, .video-overlay-content.lite .cta, .video-overlay-content.lite h2 { text-shadow: 0 0 2px rgba(0, 0, 0, 0.25); } .isotope.dark, .video-overlay-content.dark { color: #757575; } .isotope.dark .cta, .isotope.dark h2, .video-overlay-content.dark .cta, .video-overlay-content.dark h2 { text-shadow: 0 0 2px rgba(255, 255, 255, 0.5); } .isotope.style-0 .line1, .video-overlay-content.style-0 .line1 { font-family: "open_sanssemibold"; font-size: 1.875em; } .isotope.style-0 .line1.bold, .video-overlay-content.style-0 .line1.bold { font-weight: bold; } .isotope.style-0 .line1.italic, .video-overlay-content.style-0 .line1.italic { font-style: italic; } .isotope.style-0 .line1.underline, .video-overlay-content.style-0 .line1.underline { text-decoration: underline; } .isotope.style-0 .line1.arial, .video-overlay-content.style-0 .line1.arial { font-family: Arial; } .isotope.style-0 .line1.learningCurve, .video-overlay-content.style-0 .line1.learningCurve { font-family: learning_curve; } .isotope.style-0 .line1.robotoSlab, .video-overlay-content.style-0 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-0 .line1.serifPro, .video-overlay-content.style-0 .line1.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-0 .line1, .video-overlay-content.style-0 .line1 { font-size: 0.8em; } .isotope.style-0 .line1.bold, .video-overlay-content.style-0 .line1.bold { font-weight: bold; } .isotope.style-0 .line1.italic, .video-overlay-content.style-0 .line1.italic { font-style: italic; } .isotope.style-0 .line1.underline, .video-overlay-content.style-0 .line1.underline { text-decoration: underline; } } .isotope.style-0 .line2, .video-overlay-content.style-0 .line2 { font-family: "open_sansextrabold"; font-size: 4em; } .isotope.style-0 .line2.bold, .video-overlay-content.style-0 .line2.bold { font-weight: bold; } .isotope.style-0 .line2.italic, .video-overlay-content.style-0 .line2.italic { font-style: italic; } .isotope.style-0 .line2.underline, .video-overlay-content.style-0 .line2.underline { text-decoration: underline; } .isotope.style-0 .line2.arial, .video-overlay-content.style-0 .line2.arial { font-family: Arial; } .isotope.style-0 .line2.learningCurve, .video-overlay-content.style-0 .line2.learningCurve { font-family: learning_curve; } .isotope.style-0 .line2.robotoSlab, .video-overlay-content.style-0 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-0 .line2.serifPro, .video-overlay-content.style-0 .line2.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-0 .line2, .video-overlay-content.style-0 .line2 { font-size: 2.5em; } .isotope.style-0 .line2.bold, .video-overlay-content.style-0 .line2.bold { font-weight: bold; } .isotope.style-0 .line2.italic, .video-overlay-content.style-0 .line2.italic { font-style: italic; } .isotope.style-0 .line2.underline, .video-overlay-content.style-0 .line2.underline { text-decoration: underline; } .isotope.style-0 .line2.arial, .video-overlay-content.style-0 .line2.arial { font-family: Arial; } .isotope.style-0 .line2.learningCurve, .video-overlay-content.style-0 .line2.learningCurve { font-family: learning_curve; } .isotope.style-0 .line2.robotoSlab, .video-overlay-content.style-0 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-0 .line2.serifPro, .video-overlay-content.style-0 .line2.serifPro { font-family: sourceserif_pro; } } .isotope.style-0 .line3, .video-overlay-content.style-0 .line3 { font-family: "open_sanslight"; font-size: 2.5em; } .isotope.style-0 .line3.bold, .video-overlay-content.style-0 .line3.bold { font-weight: bold; } .isotope.style-0 .line3.italic, .video-overlay-content.style-0 .line3.italic { font-style: italic; } .isotope.style-0 .line3.underline, .video-overlay-content.style-0 .line3.underline { text-decoration: underline; } .isotope.style-0 .line3.arial, .video-overlay-content.style-0 .line3.arial { font-family: Arial; } .isotope.style-0 .line3.learningCurve, .video-overlay-content.style-0 .line3.learningCurve { font-family: learning_curve; } .isotope.style-0 .line3.robotoSlab, .video-overlay-content.style-0 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-0 .line3.serifPro, .video-overlay-content.style-0 .line3.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-0 .line3, .video-overlay-content.style-0 .line3 { font-size: 1.25em; } .isotope.style-0 .line3.bold, .video-overlay-content.style-0 .line3.bold { font-weight: bold; } .isotope.style-0 .line3.italic, .video-overlay-content.style-0 .line3.italic { font-style: italic; } .isotope.style-0 .line3.underline, .video-overlay-content.style-0 .line3.underline { text-decoration: underline; } .isotope.style-0 .line3.arial, .video-overlay-content.style-0 .line3.arial { font-family: Arial; } .isotope.style-0 .line3.learningCurve, .video-overlay-content.style-0 .line3.learningCurve { font-family: learning_curve; } .isotope.style-0 .line3.robotoSlab, .video-overlay-content.style-0 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-0 .line3.serifPro, .video-overlay-content.style-0 .line3.serifPro { font-family: sourceserif_pro; } } .isotope.style-0 .cta, .video-overlay-content.style-0 .cta { font-family: "open_sansbold"; font-size: 1.5625em; } .isotope.style-1 .line1, .video-overlay-content.style-1 .line1 { font-family: "open_sanssemibold"; font-size: 1.875em; } .isotope.style-1 .line1.bold, .video-overlay-content.style-1 .line1.bold { font-weight: bold; } .isotope.style-1 .line1.italic, .video-overlay-content.style-1 .line1.italic { font-style: italic; } .isotope.style-1 .line1.underline, .video-overlay-content.style-1 .line1.underline { text-decoration: underline; } .isotope.style-1 .line1.arial, .video-overlay-content.style-1 .line1.arial { font-family: Arial; } .isotope.style-1 .line1.learningCurve, .video-overlay-content.style-1 .line1.learningCurve { font-family: learning_curve; } .isotope.style-1 .line1.robotoSlab, .video-overlay-content.style-1 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-1 .line1.serifPro, .video-overlay-content.style-1 .line1.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-1 .line1, .video-overlay-content.style-1 .line1 { font-size: 0.8em; } .isotope.style-1 .line1.bold, .video-overlay-content.style-1 .line1.bold { font-weight: bold; } .isotope.style-1 .line1.italic, .video-overlay-content.style-1 .line1.italic { font-style: italic; } .isotope.style-1 .line1.underline, .video-overlay-content.style-1 .line1.underline { text-decoration: underline; } .isotope.style-1 .line1.arial, .video-overlay-content.style-1 .line1.arial { font-family: Arial; } .isotope.style-1 .line1.learningCurve, .video-overlay-content.style-1 .line1.learningCurve { font-family: learning_curve; } .isotope.style-1 .line1.robotoSlab, .video-overlay-content.style-1 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-1 .line1.serifPro, .video-overlay-content.style-1 .line1.serifPro { font-family: sourceserif_pro; } } .isotope.style-1 .line2, .video-overlay-content.style-1 .line2 { font-family: "open_sansextrabold"; color: #FFFFFF; color: __storyIsotopeBrandColor__; font-size: 4em; } .isotope.style-1 .line2.bold, .video-overlay-content.style-1 .line2.bold { font-weight: bold; } .isotope.style-1 .line2.italic, .video-overlay-content.style-1 .line2.italic { font-style: italic; } .isotope.style-1 .line2.underline, .video-overlay-content.style-1 .line2.underline { text-decoration: underline; } .isotope.style-1 .line2.arial, .video-overlay-content.style-1 .line2.arial { font-family: Arial; } .isotope.style-1 .line2.learningCurve, .video-overlay-content.style-1 .line2.learningCurve { font-family: learning_curve; } .isotope.style-1 .line2.robotoSlab, .video-overlay-content.style-1 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-1 .line2.serifPro, .video-overlay-content.style-1 .line2.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-1 .line2, .video-overlay-content.style-1 .line2 { font-size: 2.5em; } .isotope.style-1 .line2.bold, .video-overlay-content.style-1 .line2.bold { font-weight: bold; } .isotope.style-1 .line2.italic, .video-overlay-content.style-1 .line2.italic { font-style: italic; } .isotope.style-1 .line2.underline, .video-overlay-content.style-1 .line2.underline { text-decoration: underline; } .isotope.style-1 .line2.arial, .video-overlay-content.style-1 .line2.arial { font-family: Arial; } .isotope.style-1 .line2.learningCurve, .video-overlay-content.style-1 .line2.learningCurve { font-family: learning_curve; } .isotope.style-1 .line2.robotoSlab, .video-overlay-content.style-1 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-1 .line2.serifPro, .video-overlay-content.style-1 .line2.serifPro { font-family: sourceserif_pro; } } .isotope.style-1 .line3, .video-overlay-content.style-1 .line3 { font-family: "open_sanslight"; font-size: 2.5em; } .isotope.style-1 .line3.bold, .video-overlay-content.style-1 .line3.bold { font-weight: bold; } .isotope.style-1 .line3.italic, .video-overlay-content.style-1 .line3.italic { font-style: italic; } .isotope.style-1 .line3.underline, .video-overlay-content.style-1 .line3.underline { text-decoration: underline; } .isotope.style-1 .line3.arial, .video-overlay-content.style-1 .line3.arial { font-family: Arial; } .isotope.style-1 .line3.learningCurve, .video-overlay-content.style-1 .line3.learningCurve { font-family: learning_curve; } .isotope.style-1 .line3.robotoSlab, .video-overlay-content.style-1 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-1 .line3.serifPro, .video-overlay-content.style-1 .line3.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-1 .line3, .video-overlay-content.style-1 .line3 { font-size: 1.25em; } .isotope.style-1 .line3.bold, .video-overlay-content.style-1 .line3.bold { font-weight: bold; } .isotope.style-1 .line3.italic, .video-overlay-content.style-1 .line3.italic { font-style: italic; } .isotope.style-1 .line3.underline, .video-overlay-content.style-1 .line3.underline { text-decoration: underline; } .isotope.style-1 .line3.arial, .video-overlay-content.style-1 .line3.arial { font-family: Arial; } .isotope.style-1 .line3.learningCurve, .video-overlay-content.style-1 .line3.learningCurve { font-family: learning_curve; } .isotope.style-1 .line3.robotoSlab, .video-overlay-content.style-1 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-1 .line3.serifPro, .video-overlay-content.style-1 .line3.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-1 .line3, .video-overlay-content.style-1 .line3 { font-size: 1.25em; } } .isotope.style-1 .cta, .video-overlay-content.style-1 .cta { font-family: "open_sansbold"; color: #FFFFFF; color: __storyIsotopeBrandColor__; font-size: 1.5625em; } .isotope.style-2 .line1, .video-overlay-content.style-2 .line1 { font-family: "open_sansextrabold"; color: #FFFFFF; color: __storyIsotopeBrandColor__; font-size: 4em; line-height: 1em; } .isotope.style-2 .line1.bold, .video-overlay-content.style-2 .line1.bold { font-weight: bold; } .isotope.style-2 .line1.italic, .video-overlay-content.style-2 .line1.italic { font-style: italic; } .isotope.style-2 .line1.underline, .video-overlay-content.style-2 .line1.underline { text-decoration: underline; } .isotope.style-2 .line1.arial, .video-overlay-content.style-2 .line1.arial { font-family: Arial; } .isotope.style-2 .line1.learningCurve, .video-overlay-content.style-2 .line1.learningCurve { font-family: learning_curve; } .isotope.style-2 .line1.robotoSlab, .video-overlay-content.style-2 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-2 .line1.serifPro, .video-overlay-content.style-2 .line1.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-2 .line1, .video-overlay-content.style-2 .line1 { font-size: 2.5em; } .isotope.style-2 .line1.bold, .video-overlay-content.style-2 .line1.bold { font-weight: bold; } .isotope.style-2 .line1.italic, .video-overlay-content.style-2 .line1.italic { font-style: italic; } .isotope.style-2 .line1.underline, .video-overlay-content.style-2 .line1.underline { text-decoration: underline; } .isotope.style-2 .line1.arial, .video-overlay-content.style-2 .line1.arial { font-family: Arial; } .isotope.style-2 .line1.learningCurve, .video-overlay-content.style-2 .line1.learningCurve { font-family: learning_curve; } .isotope.style-2 .line1.robotoSlab, .video-overlay-content.style-2 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-2 .line1.serifPro, .video-overlay-content.style-2 .line1.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-2 .line1, .video-overlay-content.style-2 .line1 { font-size: 2.5em; } } .isotope.style-2 .line2, .video-overlay-content.style-2 .line2 { font-family: "open_sansextrabold"; color: #FFFFFF; color: __storyIsotopeBrandColor__; font-size: 4em; } .isotope.style-2 .line2.bold, .video-overlay-content.style-2 .line2.bold { font-weight: bold; } .isotope.style-2 .line2.italic, .video-overlay-content.style-2 .line2.italic { font-style: italic; } .isotope.style-2 .line2.underline, .video-overlay-content.style-2 .line2.underline { text-decoration: underline; } .isotope.style-2 .line2.arial, .video-overlay-content.style-2 .line2.arial { font-family: Arial; } .isotope.style-2 .line2.learningCurve, .video-overlay-content.style-2 .line2.learningCurve { font-family: learning_curve; } .isotope.style-2 .line2.robotoSlab, .video-overlay-content.style-2 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-2 .line2.serifPro, .video-overlay-content.style-2 .line2.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-2 .line2, .video-overlay-content.style-2 .line2 { font-size: 2.5em; } } @media only screen and (max-width: 667px) { .isotope.style-2 .line2, .video-overlay-content.style-2 .line2 { font-size: 2.5em; } .isotope.style-2 .line2.bold, .video-overlay-content.style-2 .line2.bold { font-weight: bold; } .isotope.style-2 .line2.italic, .video-overlay-content.style-2 .line2.italic { font-style: italic; } .isotope.style-2 .line2.underline, .video-overlay-content.style-2 .line2.underline { text-decoration: underline; } .isotope.style-2 .line2.arial, .video-overlay-content.style-2 .line2.arial { font-family: Arial; } .isotope.style-2 .line2.learningCurve, .video-overlay-content.style-2 .line2.learningCurve { font-family: learning_curve; } .isotope.style-2 .line2.robotoSlab, .video-overlay-content.style-2 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-2 .line2.serifPro, .video-overlay-content.style-2 .line2.serifPro { font-family: sourceserif_pro; } } .isotope.style-2 .line3, .video-overlay-content.style-2 .line3 { font-family: "open_sanslight"; font-size: 2.5em; } .isotope.style-2 .line3.bold, .video-overlay-content.style-2 .line3.bold { font-weight: bold; } .isotope.style-2 .line3.italic, .video-overlay-content.style-2 .line3.italic { font-style: italic; } .isotope.style-2 .line3.underline, .video-overlay-content.style-2 .line3.underline { text-decoration: underline; } .isotope.style-2 .line3.arial, .video-overlay-content.style-2 .line3.arial { font-family: Arial; } .isotope.style-2 .line3.learningCurve, .video-overlay-content.style-2 .line3.learningCurve { font-family: learning_curve; } .isotope.style-2 .line3.robotoSlab, .video-overlay-content.style-2 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-2 .line3.serifPro, .video-overlay-content.style-2 .line3.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-2 .line3, .video-overlay-content.style-2 .line3 { font-size: 1.25em; } } @media only screen and (max-width: 667px) { .isotope.style-2 .line3, .video-overlay-content.style-2 .line3 { font-size: 1.25em; } .isotope.style-2 .line3.bold, .video-overlay-content.style-2 .line3.bold { font-weight: bold; } .isotope.style-2 .line3.italic, .video-overlay-content.style-2 .line3.italic { font-style: italic; } .isotope.style-2 .line3.underline, .video-overlay-content.style-2 .line3.underline { text-decoration: underline; } .isotope.style-2 .line3.arial, .video-overlay-content.style-2 .line3.arial { font-family: Arial; } .isotope.style-2 .line3.learningCurve, .video-overlay-content.style-2 .line3.learningCurve { font-family: learning_curve; } .isotope.style-2 .line3.robotoSlab, .video-overlay-content.style-2 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-2 .line3.serifPro, .video-overlay-content.style-2 .line3.serifPro { font-family: sourceserif_pro; } } .isotope.style-2 .cta, .video-overlay-content.style-2 .cta { font-family: "open_sansbold"; font-size: 1.5625em; } .isotope.style-3 .line1, .video-overlay-content.style-3 .line1 { font-family: "open_sansextrabold"; font-size: 4em; } .isotope.style-3 .line1.bold, .video-overlay-content.style-3 .line1.bold { font-weight: bold; } .isotope.style-3 .line1.italic, .video-overlay-content.style-3 .line1.italic { font-style: italic; } .isotope.style-3 .line1.underline, .video-overlay-content.style-3 .line1.underline { text-decoration: underline; } .isotope.style-3 .line1.arial, .video-overlay-content.style-3 .line1.arial { font-family: Arial; } .isotope.style-3 .line1.learningCurve, .video-overlay-content.style-3 .line1.learningCurve { font-family: learning_curve; } .isotope.style-3 .line1.robotoSlab, .video-overlay-content.style-3 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-3 .line1.serifPro, .video-overlay-content.style-3 .line1.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-3 .line1, .video-overlay-content.style-3 .line1 { font-size: 2.5em; } .isotope.style-3 .line1.bold, .video-overlay-content.style-3 .line1.bold { font-weight: bold; } .isotope.style-3 .line1.italic, .video-overlay-content.style-3 .line1.italic { font-style: italic; } .isotope.style-3 .line1.underline, .video-overlay-content.style-3 .line1.underline { text-decoration: underline; } .isotope.style-3 .line1.arial, .video-overlay-content.style-3 .line1.arial { font-family: Arial; } .isotope.style-3 .line1.learningCurve, .video-overlay-content.style-3 .line1.learningCurve { font-family: learning_curve; } .isotope.style-3 .line1.robotoSlab, .video-overlay-content.style-3 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-3 .line1.serifPro, .video-overlay-content.style-3 .line1.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-3 .line1, .video-overlay-content.style-3 .line1 { font-size: 2.5em; } } .isotope.style-3 .line2, .video-overlay-content.style-3 .line2 { font-family: "open_sansextrabold"; font-size: 4em; } .isotope.style-3 .line2.bold, .video-overlay-content.style-3 .line2.bold { font-weight: bold; } .isotope.style-3 .line2.italic, .video-overlay-content.style-3 .line2.italic { font-style: italic; } .isotope.style-3 .line2.underline, .video-overlay-content.style-3 .line2.underline { text-decoration: underline; } .isotope.style-3 .line2.arial, .video-overlay-content.style-3 .line2.arial { font-family: Arial; } .isotope.style-3 .line2.learningCurve, .video-overlay-content.style-3 .line2.learningCurve { font-family: learning_curve; } .isotope.style-3 .line2.robotoSlab, .video-overlay-content.style-3 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-3 .line2.serifPro, .video-overlay-content.style-3 .line2.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-3 .line2, .video-overlay-content.style-3 .line2 { font-size: 2.5em; } .isotope.style-3 .line2.bold, .video-overlay-content.style-3 .line2.bold { font-weight: bold; } .isotope.style-3 .line2.italic, .video-overlay-content.style-3 .line2.italic { font-style: italic; } .isotope.style-3 .line2.underline, .video-overlay-content.style-3 .line2.underline { text-decoration: underline; } .isotope.style-3 .line2.arial, .video-overlay-content.style-3 .line2.arial { font-family: Arial; } .isotope.style-3 .line2.learningCurve, .video-overlay-content.style-3 .line2.learningCurve { font-family: learning_curve; } .isotope.style-3 .line2.robotoSlab, .video-overlay-content.style-3 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-3 .line2.serifPro, .video-overlay-content.style-3 .line2.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-3 .line2, .video-overlay-content.style-3 .line2 { font-size: 2.5em; } } .isotope.style-3 .line3, .video-overlay-content.style-3 .line3 { font-family: "open_sanslight"; font-size: 2.5em; } .isotope.style-3 .line3.bold, .video-overlay-content.style-3 .line3.bold { font-weight: bold; } .isotope.style-3 .line3.italic, .video-overlay-content.style-3 .line3.italic { font-style: italic; } .isotope.style-3 .line3.underline, .video-overlay-content.style-3 .line3.underline { text-decoration: underline; } .isotope.style-3 .line3.arial, .video-overlay-content.style-3 .line3.arial { font-family: Arial; } .isotope.style-3 .line3.learningCurve, .video-overlay-content.style-3 .line3.learningCurve { font-family: learning_curve; } .isotope.style-3 .line3.robotoSlab, .video-overlay-content.style-3 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-3 .line3.serifPro, .video-overlay-content.style-3 .line3.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-3 .line3, .video-overlay-content.style-3 .line3 { font-size: 1.25em; } .isotope.style-3 .line3.bold, .video-overlay-content.style-3 .line3.bold { font-weight: bold; } .isotope.style-3 .line3.italic, .video-overlay-content.style-3 .line3.italic { font-style: italic; } .isotope.style-3 .line3.underline, .video-overlay-content.style-3 .line3.underline { text-decoration: underline; } .isotope.style-3 .line3.arial, .video-overlay-content.style-3 .line3.arial { font-family: Arial; } .isotope.style-3 .line3.learningCurve, .video-overlay-content.style-3 .line3.learningCurve { font-family: learning_curve; } .isotope.style-3 .line3.robotoSlab, .video-overlay-content.style-3 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-3 .line3.serifPro, .video-overlay-content.style-3 .line3.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-3 .line3, .video-overlay-content.style-3 .line3 { font-size: 1.25em; } } .isotope.style-3 .cta, .video-overlay-content.style-3 .cta { font-family: "open_sansbold"; color: #FFFFFF; color: __storyIsotopeBrandColor__; font-size: 1.5625em; } .isotope.style-4 .line1, .video-overlay-content.style-4 .line1 { font-family: "open_sansextrabold"; font-size: 4em; } .isotope.style-4 .line1.bold, .video-overlay-content.style-4 .line1.bold { font-weight: bold; } .isotope.style-4 .line1.italic, .video-overlay-content.style-4 .line1.italic { font-style: italic; } .isotope.style-4 .line1.underline, .video-overlay-content.style-4 .line1.underline { text-decoration: underline; } .isotope.style-4 .line1.arial, .video-overlay-content.style-4 .line1.arial { font-family: Arial; } .isotope.style-4 .line1.learningCurve, .video-overlay-content.style-4 .line1.learningCurve { font-family: learning_curve; } .isotope.style-4 .line1.robotoSlab, .video-overlay-content.style-4 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-4 .line1.serifPro, .video-overlay-content.style-4 .line1.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-4 .line1, .video-overlay-content.style-4 .line1 { font-size: 2.5em; } .isotope.style-4 .line1.bold, .video-overlay-content.style-4 .line1.bold { font-weight: bold; } .isotope.style-4 .line1.italic, .video-overlay-content.style-4 .line1.italic { font-style: italic; } .isotope.style-4 .line1.underline, .video-overlay-content.style-4 .line1.underline { text-decoration: underline; } .isotope.style-4 .line1.arial, .video-overlay-content.style-4 .line1.arial { font-family: Arial; } .isotope.style-4 .line1.learningCurve, .video-overlay-content.style-4 .line1.learningCurve { font-family: learning_curve; } .isotope.style-4 .line1.robotoSlab, .video-overlay-content.style-4 .line1.robotoSlab { font-family: roboto_slab; } .isotope.style-4 .line1.serifPro, .video-overlay-content.style-4 .line1.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-4 .line1, .video-overlay-content.style-4 .line1 { font-size: 2.5em; } } .isotope.style-4 .line2, .video-overlay-content.style-4 .line2 { font-family: "open_sansextrabold"; font-size: 4em; } .isotope.style-4 .line2.bold, .video-overlay-content.style-4 .line2.bold { font-weight: bold; } .isotope.style-4 .line2.italic, .video-overlay-content.style-4 .line2.italic { font-style: italic; } .isotope.style-4 .line2.underline, .video-overlay-content.style-4 .line2.underline { text-decoration: underline; } .isotope.style-4 .line2.arial, .video-overlay-content.style-4 .line2.arial { font-family: Arial; } .isotope.style-4 .line2.learningCurve, .video-overlay-content.style-4 .line2.learningCurve { font-family: learning_curve; } .isotope.style-4 .line2.robotoSlab, .video-overlay-content.style-4 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-4 .line2.serifPro, .video-overlay-content.style-4 .line2.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-4 .line2, .video-overlay-content.style-4 .line2 { font-size: 2.5em; } .isotope.style-4 .line2.bold, .video-overlay-content.style-4 .line2.bold { font-weight: bold; } .isotope.style-4 .line2.italic, .video-overlay-content.style-4 .line2.italic { font-style: italic; } .isotope.style-4 .line2.underline, .video-overlay-content.style-4 .line2.underline { text-decoration: underline; } .isotope.style-4 .line2.arial, .video-overlay-content.style-4 .line2.arial { font-family: Arial; } .isotope.style-4 .line2.learningCurve, .video-overlay-content.style-4 .line2.learningCurve { font-family: learning_curve; } .isotope.style-4 .line2.robotoSlab, .video-overlay-content.style-4 .line2.robotoSlab { font-family: roboto_slab; } .isotope.style-4 .line2.serifPro, .video-overlay-content.style-4 .line2.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-4 .line2, .video-overlay-content.style-4 .line2 { font-size: 2.5em; } } .isotope.style-4 .line3, .video-overlay-content.style-4 .line3 { font-family: "open_sanslight"; font-size: 2.5em; } .isotope.style-4 .line3.bold, .video-overlay-content.style-4 .line3.bold { font-weight: bold; } .isotope.style-4 .line3.italic, .video-overlay-content.style-4 .line3.italic { font-style: italic; } .isotope.style-4 .line3.underline, .video-overlay-content.style-4 .line3.underline { text-decoration: underline; } .isotope.style-4 .line3.arial, .video-overlay-content.style-4 .line3.arial { font-family: Arial; } .isotope.style-4 .line3.learningCurve, .video-overlay-content.style-4 .line3.learningCurve { font-family: learning_curve; } .isotope.style-4 .line3.robotoSlab, .video-overlay-content.style-4 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-4 .line3.serifPro, .video-overlay-content.style-4 .line3.serifPro { font-family: sourceserif_pro; } @media only screen and (max-width: 667px) { .isotope.style-4 .line3, .video-overlay-content.style-4 .line3 { font-size: 1.25em; } .isotope.style-4 .line3.bold, .video-overlay-content.style-4 .line3.bold { font-weight: bold; } .isotope.style-4 .line3.italic, .video-overlay-content.style-4 .line3.italic { font-style: italic; } .isotope.style-4 .line3.underline, .video-overlay-content.style-4 .line3.underline { text-decoration: underline; } .isotope.style-4 .line3.arial, .video-overlay-content.style-4 .line3.arial { font-family: Arial; } .isotope.style-4 .line3.learningCurve, .video-overlay-content.style-4 .line3.learningCurve { font-family: learning_curve; } .isotope.style-4 .line3.robotoSlab, .video-overlay-content.style-4 .line3.robotoSlab { font-family: roboto_slab; } .isotope.style-4 .line3.serifPro, .video-overlay-content.style-4 .line3.serifPro { font-family: sourceserif_pro; } } @media only screen and (max-width: 667px) { .isotope.style-4 .line3, .video-overlay-content.style-4 .line3 { font-size: 1.25em; } } .isotope.style-4 .cta, .video-overlay-content.style-4 .cta { font-family: "open_sansbold"; font-size: 1.5625em; } /* 1 isotope layout */ .layout-1-isotopes #isotope-1 { float: left; } @media only screen and (min-width: 769px) { .layout-1-isotopes #isotope-1 { width: 100%; padding-left: 0; } .layout-1-isotopes #isotope-1 .image-well { height: 600px; } .layout-1-isotopes #isotope-1 .cta { display: block; } } /* 2 isotope layout */ .layout-2-isotopes #isotope-1 { float: left; } @media only screen and (min-width: 769px) { .layout-2-isotopes #isotope-1 { width: 50%; padding-left: 0; } .layout-2-isotopes #isotope-1 .image-well { height: 600px; } .layout-2-isotopes #isotope-1 .cta { display: block; } } .layout-2-isotopes #isotope-2 { float: right; } @media only screen and (min-width: 769px) { .layout-2-isotopes #isotope-2 { width: 50%; padding-right: 0; } .layout-2-isotopes #isotope-2 .image-well { height: 600px; } .layout-2-isotopes #isotope-2 .cta { display: block; } } /* 3 isotope layout */ .layout-3-isotopes #isotope-1 { float: left; } @media only screen and (min-width: 769px) { .layout-3-isotopes #isotope-1 { width: 66.66666%; padding-left: 0; } .layout-3-isotopes #isotope-1 .image-well { height: 390px; } .layout-3-isotopes #isotope-1 .cta { display: block; } } .layout-3-isotopes #isotope-2 { float: right; } @media only screen and (min-width: 769px) { .layout-3-isotopes #isotope-2 { width: 33.33333%; padding-right: 0; } .layout-3-isotopes #isotope-2 .image-well { height: 601px; } .layout-3-isotopes #isotope-2 .cta { display: block; } } .layout-3-isotopes #isotope-3 { float: left; } @media only screen and (min-width: 769px) { .layout-3-isotopes #isotope-3 { width: 66.66666%; padding-left: 0; } .layout-3-isotopes #isotope-3 .image-well { height: 190px; } } /* 4 isotope layout */ .layout-4-isotopes #isotope-1 { float: left; } @media only screen and (min-width: 769px) { .layout-4-isotopes #isotope-1 { width: 66.66666%; padding-left: 0; } .layout-4-isotopes #isotope-1 .image-well { height: 390px; } .layout-4-isotopes #isotope-1 .cta { display: block; } } .layout-4-isotopes #isotope-2 { float: right; } @media only screen and (min-width: 769px) { .layout-4-isotopes #isotope-2 { width: 33.33333%; padding-right: 0; } .layout-4-isotopes #isotope-2 .image-well { height: 600px; } .layout-4-isotopes #isotope-2 .cta { display: block; } } .layout-4-isotopes #isotope-3 { float: left; } @media only screen and (min-width: 769px) { .layout-4-isotopes #isotope-3 { width: 33.33333%; padding-left: 0; } .layout-4-isotopes #isotope-3 .image-well { height: 190px; } } .layout-4-isotopes #isotope-4 { float: left; } @media only screen and (min-width: 769px) { .layout-4-isotopes #isotope-4 { width: 33.33333%; } .layout-4-isotopes #isotope-4 .image-well { height: 190px; } } /* 5 isotope layout */ .layout-5-isotopes #isotope-1 { float: left; } @media only screen and (min-width: 769px) { .layout-5-isotopes #isotope-1 { width: 66.66666%; padding-left: 0; } .layout-5-isotopes #isotope-1 .image-well { height: 390px; } .layout-5-isotopes #isotope-1 .cta { display: block; } } .layout-5-isotopes #isotope-2 { float: right; } @media only screen and (min-width: 769px) { .layout-5-isotopes #isotope-2 { width: 33.33333%; padding-right: 0; } .layout-5-isotopes #isotope-2 .image-well { height: 390px; } .layout-5-isotopes #isotope-2 .cta { display: block; } } .layout-5-isotopes #isotope-3 { float: left; } @media only screen and (min-width: 769px) { .layout-5-isotopes #isotope-3 { width: 33.33333%; padding-left: 0; } .layout-5-isotopes #isotope-3 .image-well { height: 190px; } } .layout-5-isotopes #isotope-4 { float: left; } @media only screen and (min-width: 769px) { .layout-5-isotopes #isotope-4 { width: 33.33333%; } .layout-5-isotopes #isotope-4 .image-well { height: 190px; } } .layout-5-isotopes #isotope-5 { float: left; } @media only screen and (min-width: 769px) { .layout-5-isotopes #isotope-5 { width: 33.33333%; padding-right: 0; } .layout-5-isotopes #isotope-5 .image-well { height: 190px; } } /* 6 isotope layout */ .layout-6-isotopes #isotope-1 { float: left; } @media only screen and (min-width: 769px) { .layout-6-isotopes #isotope-1 { padding-left: 0; width: 66.66666%; } .layout-6-isotopes #isotope-1 .image-well { height: 390px; } .layout-6-isotopes #isotope-1 .cta { display: block; } } .layout-6-isotopes #isotope-2 { float: right; } @media only screen and (min-width: 769px) { .layout-6-isotopes #isotope-2 { width: 33.33333%; padding-right: 0; } .layout-6-isotopes #isotope-2 .image-well { height: 600px; } .layout-6-isotopes #isotope-2 .cta { display: block; } } .layout-6-isotopes #isotope-3 { float: left; } @media only screen and (min-width: 769px) { .layout-6-isotopes #isotope-3 { width: 33.33333%; padding-left: 0; } .layout-6-isotopes #isotope-3 .image-well { height: 200px; } } .layout-6-isotopes #isotope-4 { float: right; } @media only screen and (min-width: 769px) { .layout-6-isotopes #isotope-4 { width: 33.33333%; } .layout-6-isotopes #isotope-4 .image-well { height: 406px; } .layout-6-isotopes #isotope-4 .cta { display: block; } } .layout-6-isotopes #isotope-5 { float: left; } @media only screen and (min-width: 769px) { .layout-6-isotopes #isotope-5 { width: 33.33333%; padding-left: 0; } .layout-6-isotopes #isotope-5 .image-well { height: 200px; } } .layout-6-isotopes #isotope-6 { position: relative; right: 0; bottom: 0; } @media only screen and (min-width: 769px) { .layout-6-isotopes #isotope-6 { width: 33.33333%; padding-right: 0; position: absolute; } .layout-6-isotopes #isotope-6 .image-well { height: 197px; } } .layout-6-isotopes #isotope-3 .image-well, .layout-6-isotopes #isotope-5 .image-well { height: 192.5px; } /* 888 888 8888888 8888888b. 8888888888 .d88888b. 888 888 888 888 "Y88b 888 d88P" "Y88b 888 888 888 888 888 888 888 888 Y88b d88P 888 888 888 8888888 888 888 Y88b d88P 888 888 888 888 888 888 Y88o88P 888 888 888 888 888 888 Y888P 888 888 .d88P 888 Y88b. .d88P Y8P 8888888 8888888P" 8888888888 "Y88888P" */ .isotope .image-well.videoContainer { padding-top: 0; } .isotope .image-well.videoContainer figure { height: 100%; } .isotope .image-well.videoContainer iframe { height: 100% !important; } .isoEdit { margin-top: 40px; } .isoEdit .carouselChoices { text-align: center; } .isoEdit .carouselChoices input[type="file"] { display: inline; } /* 888 .d88888b. .d8888b. 8888888 888b 888 888 d88P" "Y88b d88P Y88b 888 8888b 888 888 888 888 888 888 888 88888b 888 888 888 888 888 888 888Y88b 888 888 888 888 888 88888 888 888 Y88b888 888 888 888 888 888 888 888 Y88888 888 Y88b. .d88P Y88b d88P 888 888 Y8888 88888888 "Y88888P" "Y8888P88 8888888 888 Y888 */ .login .container { padding-left: 0; padding-right: 0; } .login .container .privacyshield { width: 100%; } .login .container .privacyshield .privacyShieldPolicyLink { width: auto; float: right; } .login .loginIsotope .isotopeContent { height: 350px; background-size: cover; padding: 1em; margin-bottom: 1em; display: none; overflow: hidden; } .login .loginIsotope .isotopeContent img { max-width: 150%; } @media only screen and (min-width: 767px) { .login .loginIsotope .isotopeContent { display: block; } } .login .loginIsotope .isotopeContent span { border: solid 3px #FFFFFF; color: #FFFFFF; text-align: center; padding: 0.5em 1em; width: 90%; display: block; margin: 30% auto; font-size: 250%; font-weight: 100; line-height: 1em; } .login h2 { font-size: 125%; font-weight: 700; margin-bottom: 2em; margin-top: 0; } @media only screen and (max-width: 667px) { .login h2 { font-family: "open_sansregular"; font-weight: 300; margin-bottom: 20px; font-size: 36px; } } .login input[type="password"], .login input[type="text"] { width: 100%; padding: 0.7em 0; text-indent: 1em; margin-bottom: 2em; border: solid 1px #444444; } .login input[type="password"]:focus, .login input[type="text"]:focus { outline: 2px solid #000000; } #login_form a, #login_form_pp a { width: 100%; } .login .endor-form input[type="submit"].btn-primary { width: 100%; margin-bottom: 1.5em; } .login-header .navbar-header { padding: 15px; } .loginhelp .endor-form input { margin-top: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .loginPage .container .navbar-header { margin-bottom: 20px; } } @media only screen and (max-width: 667px) { .loginPage .loginCustomer { margin-top: 20px; } .loginPage .loginCustomer > div { position: relative; top: 0 !important; } } /* 8888888b. d8888 .d8888b. 8888888 888b 888 d8888 88888888888 888 Y88b d88888 d88P Y88b 888 8888b 888 d88888 888 888 888 d88P888 888 888 888 88888b 888 d88P888 888 888 d88P d88P 888 888 888 888Y88b 888 d88P 888 888 8888888P" d88P 888 888 88888 888 888 Y88b888 d88P 888 888 888 d88P 888 888 888 888 888 Y88888 d88P 888 888 888 d8888888888 Y88b d88P 888 888 Y8888 d8888888888 888 888 d88P 888 "Y8888P88 8888888 888 Y888 d88P 888 888 */ .pagination .itemsFound { text-align: center; bottom: 5px; position: relative; font-size: 12px; font-weight: bold; font-family: Arial; } .pagination .itemsFound:hover { text-decoration: underline; } @media only screen and (max-width: 667px) { .pagination .itemsFound { position: static; } .pagination .itemsFound > a { font-weight: 700; font-size: 12px; color: #000000; } .pagination .itemsFound > a:hover, .pagination .itemsFound > a:active { color: #000000; text-decoration: underline; } .pagination .itemsFound > a:disabled { color: #CCCCCC; } } .pagination .pageList { text-align: right; font-size: 125%; white-space: nowrap; position: relative; top: 10px; float: right; } .pagination .pageList.noCarousel .owl-carousel { display: block; margin: 0; width: auto; } .pagination .pageList.noCarousel .item { display: inline-block; } .pagination .pageList.noCarousel .item a:hover { background: #000000; color: #FFFFFF; } @media only screen and (max-width: 667px) { .pagination .pageList.noCarousel .item { width: auto; padding: 0 1em; } } .pagination .pageList.noCarousel .pageCarouselNext, .pagination .pageList.noCarousel .pageCarouselPlacecard, .pagination .pageList.noCarousel .pageCarouselPrev { display: none; } .pagination .pageList .item a:hover { background: #000000; color: #FFFFFF; } .gridContainer .pagination .pageList { width: 36%; } .pagination .pageList a { color: #999999; font-weight: 300; font-size: 15px; padding: 0 0.25em; } .pagination .pageList a.activePage { color: #FFFFFF; padding: 0 0.25em; background: #333333; } .pagination .pageList a.pageArrow { font-weight: normal; font-size: 140%; } .pagination .pageCarouselNext, .pagination .pageCarouselPrev { width: 1em; display: block; position: absolute; top: 0; } .pagination .pageCarouselNext:hover, .pagination .pageCarouselPrev:hover { cursor: pointer; } .pagination .pageCarouselPlacecard { color: #FFFFFF; padding: 0 0.25em; background: #333333; position: absolute; left: 1.5em; text-align: center; top: 1px; display: none; z-index: 99; } @media only screen and (max-width: 667px) { .pagination .pageCarouselPlacecard { display: none !important; } } .pagination .pageCarouselPrev { left: 0; } .pagination .pageCarouselNext { right: 1em; } .pagination .pageList .owl-carousel { margin-left: 1.5em; width: 250px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .pagination .pageList .owl-carousel { width: 185px; } } @media only screen and (min-width: 769px) and (max-width: 992px) { .pagination .pageList .owl-carousel { width: 210px; } } @media only screen and (min-width: 993px) and (max-width: 1199px) { .pagination .pageList .owl-carousel { width: 200px; } } @media only screen and (min-width: 1200px) and (max-width: 1349px) { .pagination .pageList .owl-carousel { width: 250px; } } @media only screen and (min-width: 1350px) { .pagination .pageList .owl-carousel { width: 280px; } } .pagination .pageList .owl-carousel .item { text-align: center; } @media only screen and (max-width: 667px) { .gridContainer .pagination { font-size: 70%; margin-bottom: 40px; } .gridContainer .pagination .pageList, .gridContainer .pagination div { width: 100%; text-align: center; } .gridContainer .pagination .pageList .pageCarouselNext, .gridContainer .pagination .pageList .pageCarouselPrev { width: 1em; } .pagination .pageList .owl-carousel { width: 88%; } .pagination .itemsFound { margin: 2em 0 1em; } } /* 888b d888 8888888888 .d8888b. d8888 8888b d8888 888 d88P Y88b d88888 88888b.d88888 888 888 888 d88P888 888Y88888P888 8888888 888 d88P 888 888 Y888P 888 888 888 88888 d88P 888 888 Y8P 888 888 888 888 d88P 888 888 " 888 888 Y88b d88P d8888888888 888 888 8888888888 "Y8888P88 d88P 888 .d8888b. 8888888888 d8888 8888888b. .d8888b. 888 888 d88P Y88b 888 d88888 888 Y88b d88P Y88b 888 888 Y88b. 888 d88P888 888 888 888 888 888 888 "Y888b. 8888888 d88P 888 888 d88P 888 8888888888 "Y88b. 888 d88P 888 8888888P" 888 888 888 "888 888 d88P 888 888 T88b 888 888 888 888 Y88b d88P 888 d8888888888 888 T88b Y88b d88P 888 888 "Y8888P" 8888888888 d88P 888 888 T88b "Y8888P" 888 888 */ .megaSearch { width: 55%; position: absolute; top: 5px; height: 85px; background: #FFFFFF; display: none; z-index: 99999; white-space: nowrap; display: block; transition: all 800ms; -moz-transition: all 800ms; -webkit-transition: all 800ms; opacity: 0; transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } @media only screen and (max-width: 667px) { .megaSearch { width: 35%; height: 20px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .megaSearch { height: 85px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .megaSearch { height: 85px; } } .stickOn .megaSearch { top: 0; } .searchField::-ms-clear { display: none; } .megaSearch .searchField { width: 100%; height: 100%; font-size: 350%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; color: #808080; border: none; text-indent: 3px; margin: 16px 0px 0px 0px; padding-left: 75px; letter-spacing: 0.04em; } @media only screen and (min-width: 320px) and (max-width: 768px) { .megaSearch .searchField { margin-top: 15px; font-size: 210%; } } @media only screen and (min-width: 315px) and (max-width: 419px) { .megaSearch .searchField { font-size: 12px; padding-left: 46px; } } @media only screen and (min-width: 420px) and (max-width: 666px) { .megaSearch .searchField { font-size: 14px; padding-left: 56px; } } @media only screen and (min-width: 667px) and (max-width: 768px) { .megaSearch .searchField { font-size: 190%; margin-top: 25px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .megaSearch .searchField { font-size: 240%; margin-top: 25px; } } .lt-ie10 .megaSearch .searchField { margin-top: 28px; } .searchField.tt-input::-ms-clear { display: none; } .megaSearch .megaSearchPlaceholder { position: relative; top: 23px; width: 100%; height: 100%; font-size: 350%; font-style: italic; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 2%; font-weight: 100; color: #808080; border: none; } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) { .megaSearch .megaSearchPlaceholder { top: 34px; } } .lt-ie10 .megaSearch .ieFix { display: block; z-index: 10001; } .megaSearch .searchField:focus { outline: none; } .megaSearch .twitter-typeahead { margin-top: 2em; } .megaSearch .searchIcon { position: absolute; color: #808080; font-size: 300%; top: 15px; width: 50px; left: 5px; } @media only screen and (min-width: 315px) and (max-width: 666px) { .megaSearch .searchIcon { font-size: 22px; top: 9px; } } @media only screen and (min-width: 667px) and (max-width: 768px) { .megaSearch .searchIcon { font-size: 240%; } } .megaSearch .searchIcon:hover { cursor: pointer; } .megaSearch .pointsSearchIcon { display: none; } .megaSearch .searchIcon .endor-mag { margin-left: 30px; } .megaSearch .searchIcon .endor-mag, .megaSearch .searchIcon .megaSearchHideTrigger { display: block; margin-left: 20px; } .megaSearch .searchIcon .endor-slider, .megaSearch .searchIcon .megaSearchHideTrigger { display: inline-block; } .megaSearch .endor-search-spin { top: -117px; position: relative; left: 4px; font-size: 75%; color: #EEEEEE; } .megaSearch .searchIcon .endor-mag { float: left; padding-right: 1%; right: 20%; } .megaSearch .searchIcon .endor-slider { padding-right: 15%; padding-left: 30%; } .megaSearch .searchIcon .megaSearchHideTrigger { float: right; margin-top: -1%; font-size: 92%; } @media only screen and (max-width: 667px) { .megaSearch .searchIcon .megaSearchHideTrigger { padding-right: 0; } } .megaSearch .searchIcon .endor-close { font-size: 85%; } .megaSearch .searchIcon a.megaSearchHideTrigger { color: #808080; } .megaSearch .searchIcon a.megaSearchHideTrigger:hover { text-decoration: none; } .searchFlyoutRangeContainer { display: none; width: 100%; height: 150px; background-color: #FFFFFF; } .searchFlyoutRangeContainer .searchFlyoutRangeContainerInputs { width: auto; margin-left: 40%; } .searchFlyoutRangeContainer .searchFlyoutRangeContainerInputs input { display: inline-block; float: left; margin-right: 25px; margin-top: 50px; } .searchFlyoutRangeContainer .points-range-dash { display: inline-block; width: 10px; height: 3px; background-color: #7C7C7C; } .twitter-typeahead { width: 100%; } .typeahead { background-color: #FFFFFF; } .tt-hint { color: #CCCCCC; } .tt-dropdown-menu { width: 100%; margin-top: 25px; padding: 1em 0; background-color: rgba(255, 255, 255, 0.9); border-top: none; } .tt-suggestion { padding: 3px 20px; font-size: 150%; line-height: 1.3em; } .tt-suggestion.tt-cursor { color: #333333; background-color: #E3E3E3; } .tt-suggestion strong { color: red; font-weight: 300; } .tt-suggestion p { margin: 0; } .search-header span { font-size: 15px; text-transform: none; line-height: 0; } .search-header .sep { padding: 0 5px; } .search-header .search-links { position: relative; float: right; margin-top: 7px; } .search-header .search-links > div > span, .search-header .search-links > span { color: #808080; font-size: 12px; } .search-header .search-links > div > span > a { text-decoration: underline; color: #0054A6; font-size: 15px; } .search-header .search-links > div > span > a:active, .search-header .search-links > div > span > a:focus, .search-header .search-links > div > span > a:hover { color: #000000; } .search-results { padding: 0 10px; } .search-results ul { padding: 0; margin: 0; } .search-results ul input[type="checkbox"] { position: absolute; top: 8px; left: 0; } .search-results ul label { width: 100%; padding: 10px 0 10px 20px; } .search-results ul a { display: block; padding: 10px 0; } .search-results li { list-style-type: none; position: relative; } .search-results label { margin-bottom: 0; cursor: pointer; } .search-results ul a, .search-results ul label { font-size: 12px; } .search-results ul a:active, .search-results ul a:hover, .search-results ul label:active, .search-results ul label:hover { text-decoration: underline; } .search-results .right { position: relative; display: inline-block; float: right; } .search-results .category { margin-bottom: 0; } .search-results .category > a, .search-results .category > label { font-weight: bold; color: #000000; } .search-results .category > ul > li > label { color: #808080; } .search-results .subcategory { margin-bottom: 0; } .search-results .subcategory > label, .search-results .subcategory ul li > label { color: #808080; } .search-results .subcategory > ul { margin-left: 20px; } .searchHeader h1.page-title { font-size: 55px; text-transform: uppercase; margin-bottom: -15px; } @media only screen and (max-width: 667px) { .searchHeader h1.page-title { line-height: 0.6em; } } .searchHeader h1.page-title em { font-size: 30%; margin-left: 1em; font-style: normal; color: #808080; } @media only screen and (max-width: 667px) { .searchHeader h1.page-title em { display: block; margin-left: 0; line-height: 60px; } } .search-links { text-align: right; } @media only screen and (max-width: 667px) { .search-links { text-align: left; } } .search-links a { text-decoration: underline; } .menu_detail { width: 100%; } .menu_detail ul { border-top: 1px solid #D9D9D9; margin-top: 20px; padding: 0px; color: #404040; } .menu_detail .list_li_details { float: left; margin: 20px 0px; padding: 0px 10px; list-style: none; font-size: 12px; font-family: arial; } .menu_detail .link_details { color: #000000; font-size: 100%; font-weight: bold; } .menu_detail .chevron-right { float: left; margin-top: 13px; font-size: 20px; color: #595959; } .menu_detail .link_details:hover { border-bottom: 2px solid #404040; } .menu_detail .link_details:focus { outline: 1px dotted #000000; } .menu_detail .link_details_active { color: #595959; cursor: default; outline: 0; } .menu_detail .link_details_active:hover, .menu_detail .link_details_active:active { color: #595959; cursor: default; } .pagination_menu { border-top: 1px solid #D9D9D9; margin-bottom: 20px; display: block; clear: both; } .blackout_fixed { overflow-y: hidden; } .blackout_search { background: rgba(0, 0, 0, 0.25); z-index: 9999; width: 100%; height: 100%; position: fixed; top: 180px; left: 0; display: none; } @media only screen and (max-width: 666px) and (min-width: 420px) { .blackout_search { top: 56px; } } .slideOut { width: 70%; opacity: 1; } @media only screen and (max-width: 768px) and (min-width: 420px) { .slideOut { width: 84%; } } @media only screen and (max-width: 419px) and (min-width: 300px) { .slideOut { width: 80%; } } @-webkit-keyframes fadeinout { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeoutin { 0% { opacity: 0; } 100% { opacity: 1; } } .searchTrigger { position: relative; z-index: 999; transition: all 700ms; -moz-transition: all 700ms; -webkit-transition: all 700ms; display: inline-block; } .megaSearchHideTrigger { z-index: 1; position: relative; transition: all 700ms; -moz-transition: all 700ms; -webkit-transition: all 700ms; display: inline-block; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); margin: 0px -95px 0px 0px; bottom: 4px; float: right; } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { .megaSearchHideTrigger { font-size: 35px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .megaSearchHideTrigger { font-size: 35px; } } .point-range-trigger { z-index: 1; position: relative; transition: all 700ms; -moz-transition: all 700ms; -webkit-transition: all 700ms; display: inline-block; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); margin: 0px -147px 0px 75px; bottom: 4px; float: left; } .zoomOut { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; } .zoomIn { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; } /* forms 8888888888 888 888 8888888 .d88b. 888d888 88888b.d88b. .d8888b 888 d88""88b 888P" 888 "888 "88b 88K 888 888 888 888 888 888 888 "Y8888b. 888 Y88..88P 888 888 888 888 X88 888 "Y88P" 888 888 888 888 88888P' */ .endor-form { position: relative; } .endor-form ul { padding: 0; margin: 0; } .endor-form ul li { list-style-type: none; position: relative; } .endor-form input { height: auto; color: #000000; border-radius: 5px !important; text-transform: none; margin: 0; background: transparent; } .endor-form input:focus { outline: 1px dotted #000000; } .endor-form input, .endor-form textarea { border: 1px solid; padding: 10px 15px 9px; font-size: 12px; outline: none; border-radius: 5px !important; } .endor-form textarea { height: 195px; border-radius: 5px; } .endor-form input::-webkit-input-placeholder { color: #CCCCCC; } .endor-form input:-moz-placeholder { color: #CCCCCC; } .endor-form input::-moz-placeholder { color: #CCCCCC; } .endor-form input:-ms-input-placeholder { color: #CCCCCC; } .endor-form input[type='email'], .endor-form input[type='password'], .endor-form input[type='text'], .endor-form textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; width: 100%; margin-bottom: 29px; resize: none; } .endor-form input:active, .endor-form input:focus, .endor-form select:active, .endor-form select:focus, .endor-form textarea:active, .endor-form textarea:focus { border-color: #000000; border: 2px solid #000000; } .endor-form input[type="submit"].btn-jumbo { height: auto; width: auto; padding: 14px 12px; } .endor-form label { display: block; } .endor-form .textarea-container label { display: block; font-size: 16px; font-weight: 500; font-size: 14px; } .endor-form input[type='checkbox'], .endor-form input[type='radio'] { border: 0; } .endor-form input[type='checkbox'] + label, .endor-form input[type='radio'] + label { display: inline-block; font-weight: 500; top: 0; position: absolute; text-indent: 10px; } .endor-form input[type='checkbox']:focus, .endor-form input[type='radio']:focus { outline: 1px dotted #000000; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .endor-form input[type='radio'] { padding: 1px; } .endor-form input[type='radio']:checked { background: #333333; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .endor-form input[type='radio'] { padding: 1px; } .endor-form input[type='radio']:checked { background: #333333; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .endor-form input[type='radio'] { padding: 1px; } .endor-form input[type='radio']:checked { background: #333333; } } .endor-form .radio-title { margin-bottom: 15px; } .endor-form .radio-container ul { margin-bottom: 20px; } .endor-form .radio-container li { margin-bottom: 5px; } .endor-form .checkbox-container { margin-bottom: 30px; } .endor-form .checkbox-container, .endor-form .radio-container li { position: relative; } .endor-form .btn-error, .endor-form .error-msg { display: none; } .endor-form .btn-error { border: 0; background: #FFFFFF; background: transparent; z-index: 100; } .endor-form .btn-error:active, .endor-form .btn-error:focus { outline: none; } .endor-form .error-msg { color: #c5021e; position: absolute; opacity: 0; display: none; right: 15px; width: 100%; padding-left: 30px; z-index: 999; } .endor-form .error-msg span { margin-top: -29px; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } .endor-form .error-msg .caret { border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: -5px; right: 15px; } .endor-form .textarea-container .error-msg { bottom: 0px; } .endor-form .field-error input, .endor-form .field-error textarea { border-color: #cf021e; } .endor-form .field-error .custom-select { border-color: #cf021e; } .endor-form .field-error .endor-down-arrow { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .endor-form .field-error .btn-error { display: block; } .endor-form .field-error .btn-error .endor-alert, .endor-form .field-error .btn-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .btn-error i, .endor-form .field-error .btn-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .btn-error i { color: #cf021e; } .endor-form .select-container { min-height: 38px; margin-bottom: 27px; } .endor-form .row { position: relative; margin-top: 5px; } .endor-form .input-icon { width: 36px; height: 36px; position: absolute; right: 16px; font-size: 24px; text-align: center; bottom: 32px; bottom: 29px\9; } .endor-form .input-icon .spinner { display: block; } .endor-form .textarea-container .input-icon { bottom: 195px; } .endor-form .email-address.valid .input-icon i { color: #2A843C; display: block; content: '\e810'; } .endor-form .pw-match-icon.pw-normal, .endor-form .pw-match-icon.pw-strong, .endor-form .pw-match-icon.pw-weak, .endor-form .pw-strength-icon.pw-normal, .endor-form .pw-strength-icon.pw-strong, .endor-form .pw-strength-icon.pw-weak { display: block; } .endor-form .pw-match-icon.pw-normal i:before, .endor-form .pw-match-icon.pw-weak i:before, .endor-form .pw-strength-icon.pw-normal i:before, .endor-form .pw-strength-icon.pw-weak i:before { content: '\e819'; } .endor-form .pw-match-icon.pw-strong i:before, .endor-form .pw-strength-icon.pw-strong i:before { content: '\e810'; } .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak i { color: #cf021e; } .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal i { color: orange; } .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong i { color: #2a843c; } .endor-form .error-msg.pw-weak span { background-color: #cf021e; } .endor-form .error-msg.pw-weak .caret { border-top: 5px solid #cf021e; } .endor-form .error-msg.pw-normal span { background-color: orange; } .endor-form .error-msg.pw-normal .caret { border-top: 5px solid orange; } .endor-form .error-msg.pw-strong span { background-color: #2A843C; } .endor-form .error-msg.pw-strong .caret { border-top: 5px solid #2A843C; } .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon i { display: block; } .endor-form .tooltip .tooltip-inner { border-radius: 0; -webkit-border-radius: 0; } .endor-form .tooltip.pw-weak .tooltip-inner { background-color: red; } .endor-form .tooltip.pw-weak .tooltip-arrow { border-left-color: red; } .endor-form .tooltip.pw-normal .tooltip-inner { background-color: orange; } .endor-form .tooltip.pw-normal .tooltip-arrow { border-left-color: orange; } .endor-form .tooltip.pw-strong .tooltip-inner { background-color: #2A843C; } .endor-form .tooltip.pw-strong .tooltip-arrow { border-left-color: #2A843C; } .endor-form .field-error .tooltip.pw-normal .tooltip-inner, .endor-form .field-error .tooltip.pw-weak .tooltip-inner { background-color: #FFFFFF; } .endor-form .field-error .tooltip.pw-normal .tooltip-arrow, .endor-form .field-error .tooltip.pw-weak .tooltip-arrow { border-left-color: #FFFFFF; } .endor-form .search-container { position: relative; width: 100%; margin-bottom: 39px; } .endor-form .search-container input { margin-bottom: 0; font-size: 26px; font-weight: 300; } .endor-form .search-container input[type="submit"] { text-indent: -9999px; } .endor-form .search-container .endor-mag, .endor-form .search-container input[type="submit"] { position: absolute; right: 0; top: 0; width: 60px; } .endor-form .search-container .endor-mag { text-align: center; font-size: 30px; line-height: 58px; } .select-container { position: relative; } .select-container .btn-sort, .select-container select { width: 100%; height: auto; color: #000000; text-transform: none; margin: 0; background: transparent; resize: none; font-size: 14px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; margin-bottom: 29px; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; outline: none; } .select-container .btn-sort, .select-container .custom-select { border: 1px solid #000000; padding: 11px 12px 8px; color: #000000; cursor: pointer; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .select-container .custom-select.focused { outline: 2px dotted #aaa; outline-offset: 0px; } .select-container .custom-select:active { border: 1px solid #0a6cff; } .select-container .custom-select:focus { border: 1px dotted #000000; } .select-container .custom-select:disabled { border: 1px solid #757575; } .select-container .custom-select option:hover, .select-container .custom-select option:active { text-decoration: underline; color: #000000; background-color: #E6E6E6; } .select-container .btn-error { right: 1px; bottom: 3px; } .select-container .endor-down-arrow { color: #000000; background: transparent; width: 36px; height: 36px; display: block; position: absolute; right: 1px; top: 1px; font-size: 22px; line-height: 38px; text-indent: 8px; cursor: pointer; } .select-container .endor-down-arrow:after { content: '\e833'; color: #000000; } .select-container .endor-down-arrow:disabled { color: #CCCCCC; } .select-container .error-msg { padding-left: 0; right: auto; bottom: 40px; } .select-container .btn-sort { margin-bottom: 0; } .select-container .btn-sort .endor-down-arrow { text-indent: 4px; } .select-container .btn-sort span { float: left; } .select-container .btn-sort span > span { float: none; text-transform: none; font-size: 80%; } .select-container .sort-by { display: none; position: absolute; left: 0; top: 38px; border: 1px solid #D8D8D8; border-top: 0; padding: 10px 15px 0; margin: 0; width: 100%; z-index: 999; background-color: #FFFFFF; } .select-container .sort-by li { list-style-type: none; padding-bottom: 10px; } @media only screen and (max-width: 667px) { .select-container .sort-by li { padding-bottom: 15px; } } .select-container .sort-by li a { color: #000000; } @media only screen and (max-width: 667px) { .select-container .sort-by li a { font-size: 14px; } } .select-container .sort-by li a:active, .select-container .sort-by li a:hover, .select-container .sort-by li a:visited { text-decoration: underline; } .select-container .sort-by.open { display: block; } .select-container.tab-pane-sort { display: block; margin: 15px 0; } @media only screen and (min-width: 767px) { .select-container.tab-pane-sort { display: none; } } .btn-next-seg { display: none; } @media only screen and (min-width: 767px) { .btn-next-seg { display: block; } } .blocker, .submit-blocker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); z-index: 999; display: block; background-color: #FFFFFF; } button.btn-jumbo { white-space: nowrap; } .characterOverload { font-size: 18px !important; } .bootstrap-datetimepicker-widget .btn { border: 0; } .placeSlider { position: absolute; top: 0; background: #FFFFFF; padding: 6px 15px 0; display: none; border: solid 1px #000000; border-bottom: none; font-size: 12px; color: #000000; font-weight: 600; } @media only screen and (max-width: 667px) { .placeSlider { display: none !important; } } #convert .endor-form { margin-top: 25px; } #convert input[type="text"] { width: 30%; margin-right: 15px; } #statement .endor-print { font-size: 25px; } #statement input.datepicker { width: 150px; border: 1px solid #595959; padding: 10px 15px 9px; font-size: 12px; outline: none; } #statement #account { font-weight: 600; padding-top: 20px; margin-bottom: 0; } #statement #acctNumber { font-size: 200%; } #statement .summary { border-bottom: solid 1px #D8D8D8; border-top: solid 1px #D8D8D8; padding-top: 10px; } #statement .summary h4 { font-size: 14px; margin-bottom: 0; } #statement .summary p { font-size: 40px; font-weight: 600; text-align: right; } #statement .summary p span { font-size: 10px; font-weight: 300; } #statement .details h4 { padding: 1em 0; } #statement .details table { width: 100%; background: #D8D8D8; } #statement .details table th { padding: 0.25em 1em; } #statement .details table td { padding: 0.5em 1em; background: #FFFFFF; border-bottom: solid 1px #D8D8D8; } .col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .select-container { position: relative; } .select-container .btn-sort, .select-container select { width: 100%; height: auto; color: #000000; text-transform: none; margin: 0; background: transparent; resize: none; font-size: 14px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; margin-bottom: 29px; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; outline: none; } .select-container .btn-sort, .select-container .custom-select { border: 1px solid #000000; padding: 11px 12px 8px; color: #000000; cursor: pointer; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .select-container .btn-error { right: 1px; bottom: 3px; } .select-container .endor-down-arrow { color: #000000; background: transparent; width: 36px; height: 36px; display: block; position: absolute; right: 1px; top: 1px; font-size: 22px; line-height: 38px; text-indent: 8px; cursor: pointer; } .select-container .endor-down-arrow:after { content: '\e833'; color: #000000; } .select-container .error-msg { padding-left: 0; right: auto; bottom: 40px; } .select-container .btn-sort { margin-bottom: 0; } .select-container .btn-sort .endor-down-arrow { text-indent: 4px; } .select-container .btn-sort span { float: left; } .select-container .btn-sort span > span { float: none; text-transform: none; font-size: 80%; } .select-container .sort-by { display: none; position: absolute; left: 0; top: 38px; border: 1px solid #CCCCCC; border-top: 0; padding: 10px 15px 0; margin: 0; width: 100%; z-index: 999; background-color: #FFFFFF; } .select-container .sort-by li { list-style-type: none; padding-bottom: 10px; } @media only screen and (max-width: 667px) { .select-container .sort-by li { padding-bottom: 15px; } } .select-container .sort-by li a { color: #000000; display: block; } @media only screen and (max-width: 667px) { .select-container .sort-by li a { font-size: 14px; } } .select-container .sort-by li a:active, .select-container .sort-by li a:hover, .select-container .sort-by li a:visited { text-decoration: underline; } .select-container .sort-by.open { display: block; } .select-container.tab-pane-sort { display: block; margin: 15px 0; } @media only screen and (min-width: 767px) { .select-container.tab-pane-sort { display: none; } } .itemGrid .select-container .btn-sort .endor-down-arrow { text-indent: 0; } form label { font-size: 12px; } textarea + div.error-msg { margin-bottom: 0px; } .endor-form .field-error input:focus, .endor-form .field-error textarea:focus { outline: none; } /* .d888 888 888 d88P" 888 888 888 888 888 888888 888 888 888 .d88b. 888 888 888888 888 888 888 888 d88""88b 888 888 888 888 888 888 888 888 888 888 888 888 888 888 Y88b 888 Y88..88P Y88b 888 Y88b. 888 888 "Y88888 "Y88P" "Y88888 "Y888 888 Y8b d88P "Y88P" */ .flyout { position: absolute; background: #F2F2F2; right: 0; padding: 0.5em; width: 330px; z-index: 101; font-size: 50%; display: none; } .flyout-toggle { display: inline-block; } /* .d8888b. d8888 8888888b. 88888888888 d88P Y88b d88888 888 Y88b 888 888 888 d88P888 888 888 888 888 d88P 888 888 d88P 888 888 d88P 888 8888888P" 888 888 888 d88P 888 888 T88b 888 Y88b d88P d8888888888 888 T88b 888 "Y8888P" d88P 888 888 T88b 888 8888888888 888 Y88b d88P .d88888b. 888 888 88888888888 888 888 Y88b d88P d88P" "Y88b 888 888 888 888 888 Y88o88P 888 888 888 888 888 8888888 888 Y888P 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 Y88b. .d88P Y88b. .d88P 888 888 88888888 888 "Y88888P" "Y88888P" 888 */ .cartFlyout { position: absolute; background: #F2F2F2; right: 30px; padding: 0.5em; width: 400px; z-index: 101; font-size: 18px; display: none; top: -80px; top: -22px; } @media only screen and (max-width: 667px) { .cartFlyout { top: auto; } } .cartFlyout .cartItemTrash { cursor: pointer; } .stuckNav .cartFlyout { top: -43px; } .cartFlyout h2 { border-bottom: solid 1px #333333; font-size: 80%; margin: 0.5em 0 1em; padding-bottom: 1em; font-weight: 700; } .cartFlyout.noItem { right: 10px; top: -70px; } .cartFlyout.noItem h2 { display: none; } .cartFlyout.noItem .subtotal { display: none; } .stuckNav .cartFlyout.noItem { top: -38px; } .cartFlyout.noItem .btn-primary:hover { color: #FFFFFF; color: __cartFlyoutButtonTextColor__; background: #333333; background: __cartFlyoutButtonBackgroundColor__; } .cartFlyout .cartItem { float: left; width: 100%; border-bottom: solid 1px #CCCCCC; margin-bottom: 0.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .cartFlyout .cartItem .itemImage { float: left; width: 60px; } .cartFlyout .cartItem .itemImage img { width: 50px; height: 50px; border: solid 1px #333333; background: #FFFFFF; } .cartFlyout .cartItem .itemDescription { font-size: 70%; float: left; width: 78%; } .cartFlyout .cartItem .itemDescription .itemPrice { text-align: right; font-weight: 600; } .cartFlyout .cartItem .deleteIcon { float: right; width: 1em; } .cartFlyout .subtotal { font-size: 80%; font-weight: 700; padding-bottom: 0.4em; padding-right: 0.7em; } .cartFlyout .subtotal .col-sm-5 { text-align: right; } .cartFlyout h3 span { display: block; float: right; padding-right: 1.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .cartFlyout .buttonArea { text-align: center; } .cartFlyout .buttonArea a { width: auto; background: #F2F2F2; background: __cartFlyoutButtonBackgroundColor__; border: 3px solid #333333; border: 3px solid __cartFlyoutButtonBorderColor__; color: #333333; color: __cartFlyoutButtonTextColor__; } .cartFlyout .buttonArea a:hover { color: #FFFFFF; color: __buttonTextColor__; background: #333333; } .blackout { background: rgba(0, 0, 0, 0.85); z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; } /* 888 888 888 888 888 888 888 888 888 .d8888b 88888b. .d88b. .d8888b 888 888 .d88b. 888 888 888888 d88P" 888 "88b d8P Y8b d88P" 888 .88P d88""88b 888 888 888 888 888 888 88888888 888 888888K 888 888 888 888 888 Y88b. 888 888 Y8b. Y88b. 888 "88b Y88..88P Y88b 888 Y88b. "Y8888P 888 888 "Y8888 "Y8888P 888 888 "Y88P" "Y88888 "Y888 */ .checkout .order-summary { margin-top: 35px; } .checkout .order-summary .tinySummary { width: 100%; text-align: left; font-size: 85% !important; } .checkout .order-summary .tinySummary span { font-size: 100% !important; margin-bottom: 0; } .checkout .order-summary .tinySummary.col-md-7 { margin-bottom: 10px; } .checkout-content .add-address, .checkout-content .address, .checkout-content .selected-address { min-height: 170px; } .checkout-content .address-container .hide { display: none; } .checkout-content .address-container li { margin-bottom: 20px; } .checkout-content .add-address { padding: 5px 0; } .checkout-content #btn-add-address { border: 3px solid #000000; background: #000000; display: block; } @media only screen and (max-width: 667px) { .checkout-content #btn-add-address { border-color: #000000; } } .checkout-content #btn-add-address:active, .checkout-content #btn-add-address:focus, .checkout-content #btn-add-address:hover { background: #FFFFFF; } .checkout-content #btn-add-address:active .add-address, .checkout-content #btn-add-address:focus .add-address, .checkout-content #btn-add-address:hover .add-address { background: #FFFFFF; } .checkout-content #btn-add-address:active .add-address .address-head, .checkout-content #btn-add-address:focus .add-address .address-head, .checkout-content #btn-add-address:hover .add-address .address-head { color: #000000; } .checkout-content #btn-add-address:active .add-address .address-head i, .checkout-content #btn-add-address:focus .add-address .address-head i, .checkout-content #btn-add-address:hover .add-address .address-head i { color: #000000; } .checkout-content #selected-address .selectedFlag { display: block; width: 90%; text-align: center; font-size: 75%; position: absolute; bottom: 10px; color: #333333; font-family: "open_sansbold"; } @media only screen and (max-width: 320px) { .checkout-content #selected-address .selectedFlag { font-family: "open_sansbold"; } } .checkout-content .address { border: solid 1px #e6e6e6; color: #595959; padding: 5px 15px; overflow: visible; } .checkout-content .address.selected { border: 0; color: #404040; background-color: #e6e6e6; } .checkout-content .address.selected .details { padding-top: 0.5em; padding-right: 10px; } .checkout-content .address.selected .btn-unstyled { padding-top: 0.5em; padding-right: 15px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .checkout-content .address.selected .btn-unstyled { font-size: 20px; } } @media only screen and (max-width: 667px) { .checkout-content .address.selected .btn-unstyled { font-size: 20px; } } .checkout-content .address.selected .btn-unstyled:active, .checkout-content .address.selected .btn-unstyled:focus, .checkout-content .address.selected .btn-unstyled:hover { color: #FFFFFF; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .checkout-content .address.selected .btn-edit { margin-top: 5px; } } .checkout-content .address .details > span { display: block; font-size: 12px; line-height: 20px; } .checkout-content .address span[role="heading"] { font-weight: 700; } .checkout-content .address .btn-wrapper { padding: 0 25px; margin-top: 6px; position: absolute; bottom: 10px; left: 0; } @media only screen and (max-width: 667px) { .checkout-content .address .btn-wrapper { position: absolute; bottom: 10px; left: 0; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .checkout-content .address .btn-wrapper { position: absolute; bottom: 10px; left: 0; } } .checkout-content .address .btn-unstyled { float: right; display: block; width: 100%; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .checkout-content .address .btn-unstyled { font-size: 20px; } } @media only screen and (max-width: 667px) { .checkout-content .address .btn-unstyled { font-size: 20px; } } .checkout-content #selected-content .tooltip .tooltip-inner { background-color: #FFFFFF; color: #563974; } .checkout-content #selected-content .tooltip .tooltip-arrow { border-left-color: #FFFFFF; } .checkout-content .add-address { background: #000000; } .checkout-content .use-prompt { background-color: #999999; padding: 3px; } .checkout-content .address-head { margin-bottom: 20px; color: #FFFFFF; font-size: 24px; font-weight: 300; padding-top: 49px; } .checkout-content .address-head a { color: #FFFFFF; } .checkout-content .address-head .endor-plus-big { font-size: 50px; color: #FFFFFF; margin-left: 22px; } @media only screen and (min-width: 993px) and (max-width: 1199px) { .checkout-content .address-head .endor-plus-big { margin-left: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1349px) { .checkout-content .address-head .endor-plus-big { margin-left: 0px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .checkout-content .address-head .endor-plus-big { margin-left: 0; } } .checkout-content .address-container { padding: 0; margin-right: -15px; margin-left: -15px; position: relative; } .checkout-content .address-container li { width: 100%; position: relative; float: left; list-style-type: none; overflow: visible; padding: 0 15px; } @media only screen and (min-width: 480px) { .checkout-content .address-container li { width: 50%; } } .checkout-content .address-container li.full-width { width: 100%; } .checkout-content .addAddressButton { margin-left: 2%; margin-top: 18px; } @media only screen and (max-width: 667px) { .checkout-content .addAddressButton { margin-left: 7%; margin-top: 18px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .checkout-content .addAddressButton { margin-top: 0; } } @media only screen and (max-width: 320px) { .checkout-content .addAddressButton { margin-left: 12%; margin-top: 0; } } @media only screen and (min-width: 993px) and (max-width: 1199px) { .checkout-content .addAddressButton { margin-top: 0; } } @media only screen and (min-width: 1200px) and (max-width: 1349px) { .checkout-content .addAddressButton { margin-left: 0; } } .checkout-content #saved-addresses.highlight .address, .checkout-content .a.highlight .address { border-color: #999999; color: #999999; } .checkout-content #saved-addresses.highlight .address .btn-full, .checkout-content .a.highlight .address .btn-full { color: #FFFFFF; background-color: #999999; } .checkout-content #saved-addresses .address:active, .checkout-content #saved-addresses .address:focus, .checkout-content #saved-addresses .address:hover, .checkout-content .a .address:active, .checkout-content .a .address:focus, .checkout-content .a .address:hover { color: #999999; border-color: #999999; } .checkout-content #saved-addresses .address:active .btn-full, .checkout-content #saved-addresses .address:focus .btn-full, .checkout-content #saved-addresses .address:hover .btn-full, .checkout-content .a .address:active .btn-full, .checkout-content .a .address:focus .btn-full, .checkout-content .a .address:hover .btn-full { outline: none; color: #FFFFFF; background-color: #333333; } .checkout-content #saved-addresses .address:active .btn-full:active, .checkout-content #saved-addresses .address:active .btn-full:focus, .checkout-content #saved-addresses .address:active .btn-full:hover, .checkout-content #saved-addresses .address:focus .btn-full:active, .checkout-content #saved-addresses .address:focus .btn-full:focus, .checkout-content #saved-addresses .address:focus .btn-full:hover, .checkout-content #saved-addresses .address:hover .btn-full:active, .checkout-content #saved-addresses .address:hover .btn-full:focus, .checkout-content #saved-addresses .address:hover .btn-full:hover, .checkout-content .a .address:active .btn-full:active, .checkout-content .a .address:active .btn-full:focus, .checkout-content .a .address:active .btn-full:hover, .checkout-content .a .address:focus .btn-full:active, .checkout-content .a .address:focus .btn-full:focus, .checkout-content .a .address:focus .btn-full:hover, .checkout-content .a .address:hover .btn-full:active, .checkout-content .a .address:hover .btn-full:focus, .checkout-content .a .address:hover .btn-full:hover { background-color: #000000; } .checkout-content .shipping-options .products li { margin-bottom: 80px; } .checkout-content .shipping-options .products .product { margin-bottom: 20px; } .checkout-content .shipping-options .products .product .image-container { overflow: hidden; width: 25%; margin-right: 3%; } .checkout-content .shipping-options .products .product .shipMethodSelector { margin-top: 10px; } .checkout-content .address-verification { padding: 5px 0 20px; } .checkout-content .address-verification .error { padding: 30px; margin: 0 15px 15px; background: #CCCCCC; } .checkout-content .address-verification .address { padding: 30px; cursor: pointer; color: #333333; border-color: #333333; text-align: left; } .checkout-content .address-verification .address .btn-full { background: #595959; } .checkout-content .address-verification .address.selected, .checkout-content .address-verification .address:active, .checkout-content .address-verification .address:focus, .checkout-content .address-verification .address:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .checkout-content .address-verification .address.selected .btn-full, .checkout-content .address-verification .address:active .btn-full, .checkout-content .address-verification .address:focus .btn-full, .checkout-content .address-verification .address:hover .btn-full { background: #333333; } .checkout-content .address-verification .address:active h3 > span, .checkout-content .address-verification .address:hover h3 > span { text-decoration: underline; } .checkout-content .address-verification .address h3 { font-size: 20px; margin: 0 0 15px; } .checkout-content .address-verification .address h3 > span { display: inline; } .checkout-content .address-verification .address span { display: block; } .checkout-content .address-verification .address span > span { display: inline; } .checkout-content .address-verification .address .check { font-size: 20px; display: none; text-decoration: none; position: relative; text-decoration: none; left: 15px; float: right; } .checkout-content .address-verification .address.selected .check { display: none; } @media only screen and (min-width: 767px) { .checkout-content .address-verification .address.selected .check { display: inline; float: right; } } .checkout-content .address-verification .address.selected .endor-edit { color: #000000; } .checkout-content .address-verification .address .btn-edit-new { position: inherit; float: none; width: auto; font-size: 20px; margin-top: 15px; } .checkout-content .address-verification .address .btn-verified { margin-top: 20px; } .checkout-content .address-verification .address .btn-edit-new { float: right; margin-top: 0; } .address-banner { padding-bottom: 29px; } .address-banner .address-head { background: #999999; width: 100%; height: 100%; font-size: 20px; padding: 10px 0; margin-bottom: 0; line-height: 21px; } @media only screen and (min-width: 767px) { .address-banner .address-head { font-size: 52px; padding-top: 50px; } } @media only screen and (min-width: 767px) { .address-banner .address-head .endorIcon, .address-banner .address-head .profile-options li:before, .profile-options .address-banner .address-head li:before, .address-banner .address-head .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .address-banner .address-head i, .address-banner .address-head .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .address-banner .address-head i, .address-banner .address-head .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .address-banner .address-head i, .address-banner .address-head .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .address-banner .address-head i, .address-banner .address-head .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .address-banner .address-head i, .address-banner .address-head .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .address-banner .address-head i, .address-banner .address-head .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .address-banner .address-head i, .address-banner .address-head .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .address-banner .address-head i, .address-banner .address-head .mobile-nav .menu li a:after, .mobile-nav .menu li .address-banner .address-head a:after { font-size: 116px; } } .address-banner .address-head .endorIcon.endor-edit, .address-banner .address-head .profile-options li.endor-edit:before, .profile-options .address-banner .address-head li.endor-edit:before, .address-banner .address-head .endor-form .pw-match-icon.pw-normal i.endor-edit, .endor-form .pw-match-icon.pw-normal .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-match-icon.pw-strong i.endor-edit, .endor-form .pw-match-icon.pw-strong .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-match-icon.pw-weak i.endor-edit, .endor-form .pw-match-icon.pw-weak .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-strength-icon.pw-normal i.endor-edit, .endor-form .pw-strength-icon.pw-normal .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-strength-icon.pw-strong i.endor-edit, .endor-form .pw-strength-icon.pw-strong .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-strength-icon.pw-weak i.endor-edit, .endor-form .pw-strength-icon.pw-weak .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .field-error .pw-match-icon.input-icon i.endor-edit, .endor-form .field-error .pw-match-icon.input-icon .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .field-error .pw-strength-icon.input-icon i.endor-edit, .endor-form .field-error .pw-strength-icon.input-icon .address-banner .address-head i.endor-edit, .address-banner .address-head .mobile-nav .menu li a.endor-edit:after, .mobile-nav .menu li .address-banner .address-head a.endor-edit:after { top: -10px; position: relative; } .address-banner .address-head .endor-edit, .address-banner .address-head .endor-marker { font-size: 20px; } @media only screen and (min-width: 767px) { .address-banner .address-head .endor-edit, .address-banner .address-head .endor-marker { font-size: 56px; position: absolute; right: -5px; top: -6px; } } .address-banner .address-head .endorIcon.endor-edit, .address-banner .address-head .profile-options li.endor-edit:before, .profile-options .address-banner .address-head li.endor-edit:before, .address-banner .address-head .endor-form .pw-match-icon.pw-normal i.endor-edit, .endor-form .pw-match-icon.pw-normal .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-match-icon.pw-strong i.endor-edit, .endor-form .pw-match-icon.pw-strong .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-match-icon.pw-weak i.endor-edit, .endor-form .pw-match-icon.pw-weak .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-strength-icon.pw-normal i.endor-edit, .endor-form .pw-strength-icon.pw-normal .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-strength-icon.pw-strong i.endor-edit, .endor-form .pw-strength-icon.pw-strong .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .pw-strength-icon.pw-weak i.endor-edit, .endor-form .pw-strength-icon.pw-weak .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .field-error .pw-match-icon.input-icon i.endor-edit, .endor-form .field-error .pw-match-icon.input-icon .address-banner .address-head i.endor-edit, .address-banner .address-head .endor-form .field-error .pw-strength-icon.input-icon i.endor-edit, .endor-form .field-error .pw-strength-icon.input-icon .address-banner .address-head i.endor-edit, .address-banner .address-head .mobile-nav .menu li a.endor-edit:after, .mobile-nav .menu li .address-banner .address-head a.endor-edit:after { top: -1px; } #complete-order { margin-top: 20px; } @media only screen and (min-width: 767px) { #complete-order { margin-top: 0; } } #btn-first, ul.first-row-grid-item { margin-bottom: 29px; } @media only screen and (min-width: 767px) { #btn-first, ul.first-row-grid-item { margin-bottom: 0; } } .cancel-address { display: inline-block; padding: 5px 0; text-decoration: underline; } #checkout-address-form { /* added CSS for this tooltip due to bootstrap plugin conflict - 3/30/17 */ } #checkout-address-form .btn-jumbo#edit-cancel { margin-top: 20px; } #checkout-address-form .CEP, #checkout-address-form .postalCode, #checkout-address-form .referenceLink { color: #FFFFFF; font-weight: bold; } #checkout-address-form #reference { position: relative; } #checkout-address-form .tooltipWrapper { display: none; position: absolute; top: 46px; left: 40%; cursor: pointer; width: auto; background-color: #000000; /* arrow for whats this tooltip */ } #checkout-address-form .tooltipWrapper a { color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 15px 10px; line-height: 21px; } #checkout-address-form .tooltipWrapper :before { content: ''; display: block; position: absolute; top: -12px; left: 40px; width: 0; height: 0; border-style: solid; border-width: 7px; border-color: transparent transparent; border-bottom-color: #000000; } #address-form .alert-info, #checkout-address-form .alert-info { display: none; position: relative; z-index: 2; margin-right: -15px; } .addressFormLink, .addressFormLink:hover { color: #FFFFFF; } .payment .bottom-margin { margin-bottom: 30px; } .payment .invalidCert { border: 1px solid red; } .payment .certApply { width: 100%; } .payment .certAmount { color: #00A651; font-weight: bold; font-size: 12px; line-height: 30px; } .payment .certAmount .certAmountApplied { font-size: 22px; } .payment .certError span { color: red; font-size: 150%; } .jp-card.jp-card-identified { box-shadow: none !important; } .lt-ie9 .card-wrapper { display: none; } #addCert { background: #000000; outline: none; } .payment .radio-container { white-space: nowrap; width: auto; } .summary-title .endorIcon, .summary-title .profile-options li:before, .profile-options .summary-title li:before, .summary-title .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .summary-title i, .summary-title .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .summary-title i, .summary-title .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .summary-title i, .summary-title .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .summary-title i, .summary-title .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .summary-title i, .summary-title .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .summary-title i, .summary-title .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .summary-title i, .summary-title .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .summary-title i, .summary-title .mobile-nav .menu li a:after, .mobile-nav .menu li .summary-title a:after { margin-top: -0.5em; color: #333333; } #final-review .products .product { border-top: solid 1px #CCCCCC; padding-top: 20px; } #final-review .products .product:first-child { border-top: none; padding-top: 0; } .order-summary .details { position: relative; } .order-summary .details .shippingInfo span { display: block; } .checkout-address-form .first-row { margin-bottom: 29px; } .checkout .products .product span { text-transform: none; margin-bottom: 0; line-height: 20px; font-size: 14px; } .non-cert-payment h4 .endorIcon, .non-cert-payment h4 .profile-options li:before, .profile-options .non-cert-payment h4 li:before, .non-cert-payment h4 .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .non-cert-payment h4 i, .non-cert-payment h4 .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .non-cert-payment h4 i, .non-cert-payment h4 .mobile-nav .menu li a:after, .mobile-nav .menu li .non-cert-payment h4 a:after { color: #999999; } #processing-ue.blocker { width: 100%; background-color: #FFFFFF; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .shippingWindow .windowExists { margin-bottom: 20px; } .shippingWindow .windowExists input { position: relative; top: -1px; } .shippingWindow .windowExists span { display: inline-block; margin-top: 5px; font-weight: 600; } .shippingWindow .date-from { text-align: right; } .shippingWindow .date-separator { text-align: center; padding-top: 9px; } .checkout .products { margin: 0; padding: 0; } .checkout .products .product { list-style-type: none; margin-bottom: 10px; } .checkout .products .product p { margin-bottom: 0; } @media only screen and (min-width: 767px) { .checkout .products .product .mobile { display: none; } } .checkout .products .product span, .checkout .products .product strong { text-transform: none; margin-bottom: 5px; line-height: 12px; font-size: 12px; } .checkout .products .product .select-container span { margin-bottom: 0; line-height: 17px; color: #000000; } .checkout .products .description, .checkout .products .image-container { width: 100%; overflow: hidden; } .checkout .products .image-container { border: 1px solid #B8B8B8; position: relative; float: left; } .checkout .products .image-container img { width: 100%; height: auto; } .checkout .products .description { position: relative; float: left; padding-left: 0; width: 70%; } .checkout .products h5 { margin: 0 0 5px; font-size: 18px; font-weight: 300; padding-top: 0; } .checkout .products h3 { margin: 0 0 5px; font-size: 18px; font-weight: 300; padding-top: 0; } .checkout .products .promocode, .checkout .products .promocode span { color: #808080; } .checkout .btn-edit { font-size: 30px; } .btn-checkout, .btn-jumbo#complete-order { /* vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; &:hover, &:focus, &:active { -webkit-transform: scale($scale); transform: scale($scale); } */ } .checkout #selected-address .address .endorIcon, .checkout #selected-address .address .profile-options li:before, .profile-options .checkout #selected-address .address li:before, .checkout #selected-address .address .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .checkout #selected-address .address i, .checkout #selected-address .address .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .checkout #selected-address .address i, .checkout #selected-address .address .mobile-nav .menu li a:after, .mobile-nav .menu li .checkout #selected-address .address a:after { color: #333333; } .checkout .address .btn-edit { font-size: 14px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .checkout .address .btn-edit { margin-top: 15px; font-size: 20px; } } @media only screen and (max-width: 667px) { .checkout .address .btn-edit { margin-top: 15px; font-size: 20px; } } .mobileCheckoutBar.navbar { margin-bottom: 0; } .mobileCheckoutBar .shortSummary { float: left; width: 100%; } .mobileCheckoutBar .shortSummary h2 { margin-top: 20px; padding-left: 0.5em; font-size: 15px; float: left; width: 60%; } @media only screen and (max-width: 320px) { .mobileCheckoutBar .shortSummary h2 { font-size: 12px; } } .mobileCheckoutBar .shortSummary .detailButton { float: right; padding: 10px; width: 40%; text-align: right; } .mobileCheckoutBar .shortSummary .detailButton a.btn-default, .mobileCheckoutBar .shortSummary .detailButton #gdpr-notice .gdpr-notice-wrapper .gdpr-notice a.gdpr-decline-button, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .mobileCheckoutBar .shortSummary .detailButton a.gdpr-decline-button { margin-right: 10px; color: __cartFlyoutButtonTextColor__; background: __cartFlyoutButtonBackgroundColor__; border-color: __cartFlyoutButtonBorderColor__; } .mobileCheckoutBar .shortSummary .detailButton .closed, .mobileCheckoutBar .shortSummary .detailButton .opened { display: none; } .mobileCheckoutBar .mobileSummary { clear: both; display: none; } .mobileCheckoutBar .mobileSummary .summary-title { display: none; text-indent: none; } .mobileCheckoutBar .mobileSummary .order-summary { margin: 0; } .mobileCheckoutBar .mobileSummary .order-summary .details { border: none; } .mobileCheckoutBar .mobileSummary .order-summary .description span, .mobileCheckoutBar .mobileSummary .order-summary .details span { margin-bottom: 0; } input.btn-checkout { margin-bottom: 20px; } .loginLink, .registerLink { margin-bottom: 20px; } .loginLink a, .registerLink a { text-decoration: underline; font-weight: bold; } @media only screen and (max-width: 667px) { .loginLink { margin-top: 20px; } } .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-front:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); } .jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped { -webkit-transform: 0; -moz-transform: 0; -ms-transform: 0; -o-transform: 0; transform: 0; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after { left: 18%; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); left: 5%; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny { left: 84%; } .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after { left: -480%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back { display: none; } .jp-card-logo { height: 36px; width: 60px; font-style: italic; } .jp-card-logo, .jp-card-logo:after, .jp-card-logo:before { box-sizing: border-box; } .jp-card-logo.jp-card-amex { text-transform: uppercase; font-size: 4px; font-weight: bold; color: #FFFFFF; background-image: repeating-radial-gradient(circle at center, #FFFFFF 1px, #999999 2px); background-image: repeating-radial-gradient(circle at center, #FFFFFF 1px, #999999 2px); border: 1px solid #EEEEEE; } .jp-card-logo.jp-card-amex:after, .jp-card-logo.jp-card-amex:before { width: 28px; display: block; position: absolute; left: 16px; } .jp-card-logo.jp-card-amex:before { height: 28px; content: "american"; top: 3px; text-align: left; padding-left: 2px; padding-top: 11px; background: #267AC3; } .jp-card-logo.jp-card-amex:after { content: "express"; bottom: 11px; text-align: right; padding-right: 2px; } .jp-card.jp-card-amex.jp-card-flipped { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-front:before { background-color: #108168; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex { opacity: 1; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc { visibility: visible; } .jp-card.jp-card-amex.jp-card-identified .jp-card-front:after { opacity: 1; } .jp-card-logo.jp-card-discover { background: #FF6600; color: #111; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 10px; text-align: center; overflow: hidden; z-index: 1; padding-top: 9px; letter-spacing: 0.03em; border: 1px solid #EEEEEE; } .jp-card-logo.jp-card-discover:after, .jp-card-logo.jp-card-discover:before { content: " "; display: block; position: absolute; } .jp-card-logo.jp-card-discover:before { background: #FFFFFF; width: 200px; height: 200px; border-radius: 200px; bottom: -5%; right: -80%; z-index: -1; } .jp-card-logo.jp-card-discover:after { width: 8px; height: 8px; border-radius: 4px; top: 10px; left: 27px; background-color: #FFFFFF; background-image: -webkit-radial-gradient(#FFFFFF, #FF6600); background-image: radial-gradient(#ffffff, #ff6600); content: "network"; font-size: 4px; line-height: 24px; text-indent: -7px; } .jp-card .jp-card-front .jp-card-logo.jp-card-discover { right: 12%; top: 18%; } .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-front:before { background-color: #86B8CF; } .jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover { opacity: 1; } .jp-card.jp-card-discover.jp-card-identified .jp-card-front:after { -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; content: " "; display: block; background-color: #FF6600; background-image: -webkit-linear-gradient(#FF6600, #FFA166, #FF6600); background-image: linear-gradient(#FF6600, #FFA166, #FF6600); height: 50px; width: 50px; border-radius: 25px; position: absolute; left: 100%; top: 15%; margin-left: -25px; box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); } .jp-card-logo.jp-card-visa { background: none; text-transform: uppercase; font-family: Open Sans; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 22px; line-height: 22px; } .jp-card-logo.jp-card-visa:after, .jp-card-logo.jp-card-visa:before { content: " "; display: block; width: 100%; height: 25%; } .jp-card-logo.jp-card-visa:before { background: none; } .jp-card-logo.jp-card-visa:after { background: none; } .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-front:before { background-color: #FD992F; } .jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa { opacity: 1; } .jp-card-logo.jp-card-mastercard { color: #FFFFFF; font-weight: bold; text-align: center; font-size: 9px; line-height: 36px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .jp-card-logo.jp-card-mastercard:after, .jp-card-logo.jp-card-mastercard:before { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px; } .jp-card-logo.jp-card-mastercard:before { left: 0; background: #FF0000; z-index: -1; } .jp-card-logo.jp-card-mastercard:after { right: 0; background: #FFAB00; z-index: -2; } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard { box-shadow: none; } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before { background-color: #0061A8; } .jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard { opacity: 1; } .jp-card-logo.jp-card-maestro { color: #FFFFFF; font-weight: bold; text-align: center; font-size: 14px; line-height: 36px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .jp-card-logo.jp-card-maestro:after, .jp-card-logo.jp-card-maestro:before { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px; } .jp-card-logo.jp-card-maestro:before { left: 0; background: #0064CB; z-index: -1; } .jp-card-logo.jp-card-maestro:after { right: 0; background: #CC0000; z-index: -2; } .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro { box-shadow: none; } .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before { background-color: #0B2C5F; } .jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro { opacity: 1; } .jp-card-logo.jp-card-dankort { width: 60px; height: 36px; padding: 3px; border-radius: 8px; border: #000000 1px solid; background-color: #FFFFFF; } .jp-card-logo.jp-card-dankort .dk { position: relative; width: 100%; height: 100%; overflow: hidden; } .jp-card-logo.jp-card-dankort .dk:before { background-color: #ED1C24; content: ''; position: absolute; width: 100%; height: 100%; display: block; border-radius: 6px; } .jp-card-logo.jp-card-dankort .dk:after { content: ''; position: absolute; top: 50%; margin-top: -7.7px; right: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 10px 0; border-color: transparent #ED1C24 transparent transparent; z-index: 1; } .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k { position: absolute; top: 50%; width: 50%; display: block; height: 15.4px; margin-top: -7.7px; background: #FFFFFF; } .jp-card-logo.jp-card-dankort .d { left: 0; border-radius: 0 8px 10px 0; } .jp-card-logo.jp-card-dankort .d:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; background: #ED1C24; border-radius: 2px 4px 6px 0; height: 5px; width: 7px; margin: -3px 0 0 -4px; } .jp-card-logo.jp-card-dankort .k { right: 0; } .jp-card-logo.jp-card-dankort .k:after, .jp-card-logo.jp-card-dankort .k:before { content: ''; position: absolute; right: 50%; width: 0; height: 0; border-style: solid; margin-right: -1px; } .jp-card-logo.jp-card-dankort .k:before { top: 0; border-width: 8px 5px 0 0; border-color: #ED1C24 transparent transparent transparent; } .jp-card-logo.jp-card-dankort .k:after { bottom: 0; border-width: 0 5px 8px 0; border-color: transparent transparent #ED1C24 transparent; } .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before { background-color: #0055C7; } .jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort { opacity: 1; } .jp-card-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; width: 350px; max-width: 100%; height: 200px; margin: auto; z-index: 1; position: relative; } @media only screen and (min-width: 1202px) { .jp-card-container { height: 220px; } } @media only screen and (min-width: 1350px) { .jp-card-container { height: 250px; } } .jp-card { font-family: "Helvetica Neue"; line-height: 1; position: relative; width: 100%; height: 85%; min-width: 260px; border-radius: 10px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; } .jp-card > *, .jp-card > *:after, .jp-card > *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: inherit; } .jp-card.jp-card-flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jp-card .jp-card-back, .jp-card .jp-card-front { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; transition: all 400ms linear; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 10px; background: #DDDDDD; } .jp-card .jp-card-back:before, .jp-card .jp-card-front:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border-radius: 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } .jp-card .jp-card-back:after, .jp-card .jp-card-front:after { content: " "; display: block; } .jp-card .jp-card-back .jp-card-display, .jp-card .jp-card-front .jp-card-display { color: #FFFFFF; font-weight: normal; opacity: 0.5; text-shadow: 0 0 1px #000000; -webkit-transition: opacity 400ms linear; -moz-transition: opacity 400ms linear; transition: opacity 400ms linear; } .jp-card .jp-card-back .jp-card-display.jp-card-focused, .jp-card .jp-card-front .jp-card-display.jp-card-focused { opacity: 1; font-weight: 700; } .jp-card .jp-card-back .jp-card-cvc, .jp-card .jp-card-front .jp-card-cvc { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 14px; } .jp-card .jp-card-back .jp-card-shiny, .jp-card .jp-card-front .jp-card-shiny { width: 50px; height: 35px; border-radius: 5px; background: #CCCCCC; position: relative; } .jp-card .jp-card-back .jp-card-shiny:before, .jp-card .jp-card-front .jp-card-shiny:before { content: " "; display: block; width: 70%; height: 60%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #D9D9D9; position: absolute; top: 20%; } .jp-card .jp-card-front .jp-card-logo { position: absolute; opacity: 0; right: 5%; top: 8%; -webkit-transition: 400ms; -moz-transition: 400ms; transition: 400ms; } .jp-card .jp-card-front .jp-card-lower { width: 80%; position: absolute; left: 10%; bottom: 30px; } @media only screen and (max-width: 480px) { .jp-card .jp-card-front .jp-card-lower { width: 90%; left: 5%; } } .jp-card .jp-card-front .jp-card-lower .jp-card-cvc { visibility: hidden; float: right; position: relative; bottom: 5px; } .jp-card .jp-card-front .jp-card-lower .jp-card-number { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 18px; clear: both; margin-bottom: 10px; } @media only screen and (min-width: 1350px) { .jp-card .jp-card-front .jp-card-lower .jp-card-number { font-size: 22px; } } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; letter-spacing: 0; position: relative; float: right; width: 25%; font-size: 13px; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before { font-family: "Helvetica Neue"; font-weight: bold; font-size: 7px; white-space: pre; display: block; opacity: 0.5; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before { content: attr(data-before); margin-bottom: 2px; font-size: 7px; text-transform: uppercase; } .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after { position: absolute; content: attr(data-after); text-align: right; right: 100%; margin-right: 5px; margin-top: 2px; bottom: 0; } .jp-card .jp-card-front .jp-card-lower .jp-card-name { text-transform: uppercase; font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 15px; max-height: 45px; position: absolute; bottom: 0; width: 190px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: horizontal; overflow: hidden; text-overflow: ellipsis; } .jp-card .jp-card-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .jp-card .jp-card-back .jp-card-bar { background-color: #444444; background-image: -webkit-linear-gradient(#444444, #333333); background-image: linear-gradient(#444444, #333333); width: 100%; height: 20%; position: absolute; top: 10%; } .jp-card .jp-card-back:after { content: " "; display: block; background-color: #FFFFFF; background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF); background-image: linear-gradient(#FFFFFF, #FFFFFF); width: 80%; height: 16%; position: absolute; top: 40%; left: 2%; } .jp-card .jp-card-back .jp-card-cvc { position: absolute; top: 40%; left: 85%; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay: 600ms; } .jp-card .jp-card-back .jp-card-shiny { position: absolute; top: 66%; left: 2%; } .jp-card .jp-card-back .jp-card-shiny:after { content: "This card is licensed for anyone to use anywhere for free.\\AIt comes with no warranty.\\A For support issues, please visit: www.bank.com."; position: absolute; left: 120%; top: 5%; color: #FFFFFF; font-size: 7px; width: 230px; opacity: 0.5; } .jp-card.jp-card-identified { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .jp-card.jp-card-identified .jp-card-back, .jp-card.jp-card-identified .jp-card-front { background-color: #000000; background-color: rgba(0, 0, 0, 0.5); } .jp-card.jp-card-identified .jp-card-back:before, .jp-card.jp-card-identified .jp-card-front:before { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); opacity: 1; } .jp-card.jp-card-identified .jp-card-back .jp-card-logo, .jp-card.jp-card-identified .jp-card-front .jp-card-logo { box-shadow: none; } .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before { background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); } .lt-ie9 #payment-form .card-info { width: 100%; } .lt-ie9 #payment-form .card-wrapper { display: none; } .lt-ie9 #payment-form .cardTypeDropdown { display: block !important; } @media only screen and (max-width: 1199px) { .jp-card { min-width: 200px; height: 86%; font-size: 50%; } .jp-card .jp-card-front .jp-card-lower .jp-card-name { font-size: 15px; } .jp-card .jp-card-front .jp-card-lower .jp-card-number { font-size: 15px; } } .checkout-verify-from-title { font-size: 30px; margin-top: 20px; margin-bottom: 10px; } button.btn-unstyled.btn-edit-new.pane-toggle.btn-next-seg:focus { outline: 2px dotted #757575 !important; } button.btn-full.btn-verified-entered-address:focus { outline: 2px dotted #757575; } button.btn-unstyled.btn-trash:focus, button.btn-unstyled.btn-edit:focus { outline: 2px dotted #757575; } .order-summary { margin: 30px 0; } .order-summary .summary-title { font-size: 18px; padding: 10px 15px; background-color: #595959; margin-left: 0; margin-right: 0; color: #FFFFFF; } .order-summary .details { border: 1px solid #595959; border-top: 0; padding: 15px 15px 25px; } .order-summary .details .col-sm-offset-7 { float: right; margin-right: 3%; } @media only screen and (min-width: 320px) and (max-width: 768px) { .order-summary .details .col-sm-offset-7 { margin-right: 0; } } .order-summary .description span, .order-summary .details span { font-size: 13px; margin-bottom: 10px; display: inline-block; color: #000000; } .order-summary .description span[role="heading"], .order-summary .details span[role="heading"] { font-size: 16px; } .order-summary .description .time, .order-summary .details .time { display: inline-block; float: right; } .order-summary .orderDate { float: right; } .order-summary .supportButtonContainer { width: 33.33333333%; overflow: hidden; word-break: break-word; float: right; margin-top: 30px; } .order-summary .support-text { text-align: center; padding-right: 0; } .my-account .order-summary { margin: 0; } .my-account .order-summary .summary-title, .my-account .order-summary .summary-title span { font-size: 16px; } .my-account .order-summary .summary-title { padding-left: 3px; color: #FFFFFF; } .my-account .order-summary .summary-title span { margin-bottom: 0; color: #FFFFFF; } @media only screen and (min-width: 767px) { .my-account .order-summary .support { margin-right: -15px; } } .my-account .order-summary .support.approvalsReject { margin-top: 20px; margin-right: 0; } .my-account .order-summary .support.approvalsReject .btn { margin-right: 0; width: 100%; } .my-account .order-summary .support.approvalsApprove { margin-top: 20px; } .my-account .order-summary .support.approvalsApprove .btn { margin-right: 0; width: 100%; } .my-account .order-summary .support .call-out { text-align: right; text-decoration: underline; display: block; margin-bottom: 10px; } .my-account .order-summary .support .btn { margin-right: 30px; } @media only screen and (min-width: 320px) and (max-width: 768px) { .my-account .order-summary .support .btn { margin: 0 0 0 30px; } } .my-account .order-summary .details { padding-bottom: 15px; } .my-account .order-summary .big { font-size: 18px; } .my-account .order-summary .align-right { text-align: left; margin-left: 66%; } @media only screen and (max-width: 667px) { .my-account .order-summary .align-right { margin-left: 0; } } .my-account .order-summary .total { margin-bottom: 30px; } .order-summary .products { margin: 0; padding: 0; } .order-summary .products .product { list-style-type: none; margin-bottom: 20px; border-top: solid 1px #e6e6e6; } .order-summary .products .product p { margin-bottom: 0; } @media only screen and (min-width: 767px) { .order-summary .products .product .mobile { display: none; } } .order-summary .products .product span.valueColumn, .order-summary .products .product strong { text-transform: none; margin-bottom: 5px; line-height: 12px; font-size: 14px; } .order-summary .products .description, .order-summary .products .image-container { width: 100%; overflow: hidden; margin-bottom: 1em; } .order-summary .products .description { overflow: visible; } .order-summary .products .image-container { border: 1px solid #000000; position: relative; float: left; } @media only screen and (min-width: 767px) { .order-summary .products .image-container { width: 33.33333%; } } .order-summary .products .image-container img { width: 100%; height: auto; } .order-summary .products .description { position: relative; float: right; padding: 15px 0 0; } .order-summary .products .description .select-container { margin-top: 20px; } @media only screen and (min-width: 767px) { .order-summary .products .description { padding: 0 0 0 15px; width: 66.6666%; } } .order-summary .products h5 { margin: 0 0 5px; font-size: 18px; font-weight: 300; font-family: "open_sansregular"; } .order-summary .products .promocode, .order-summary .products .promocode span { color: #808080; } .checkout .products .product:first-child, .order-summary .products .product:first-child { border-top: none; } .order-summary .btn.col-sm-offset-6 { margin-left: 35%; } @media only screen and (max-width: 667px) { .order-summary .btn.col-sm-offset-6 { margin-left: 0; } } .password-rules { margin-bottom: 40px; display: none; } .support-text { text-align: right; font-weight: 300; padding-right: 11%; } @media only screen and (min-width: 993px) and (max-width: 1199px) { .support-text { padding: 0; text-align: left; } } #frmContactUsOrd #orderDetailsTable .itemUpdated.itemList { float: left; width: 100%; padding: 10px 0; border-bottom: solid 1px #e6e6e6; margin-bottom: 20px; } .contact, .faq { padding-top: 19px; } .contact .endor-form, .faq .endor-form { padding-top: 40px; } .contact .collapse-tab-pane h5, .faq .collapse-tab-pane h5 { margin: 0; } .contact .block-tab-nav, .faq .block-tab-nav { display: none; } @media only screen and (min-width: 767px) { .contact .block-tab-nav, .faq .block-tab-nav { display: block; } } .contact .block-tab-nav > ul > li, .faq .block-tab-nav > ul > li { width: 100%; height: 100px; margin-bottom: 20px; border: 1px solid #000000; } .contact .block-tab-nav > ul > li > a, .faq .block-tab-nav > ul > li > a { color: #000000; line-height: 100px; text-align: center; padding: 0; } .contact .block-tab-nav > ul > li.active, .contact .block-tab-nav > ul > li:active, .contact .block-tab-nav > ul > li:focus, .contact .block-tab-nav > ul > li:hover, .faq .block-tab-nav > ul > li.active, .faq .block-tab-nav > ul > li:active, .faq .block-tab-nav > ul > li:focus, .faq .block-tab-nav > ul > li:hover { border-color: #D7D7D7; } .contact .block-tab-nav > ul > li.active a, .contact .block-tab-nav > ul > li:active a, .contact .block-tab-nav > ul > li:focus a, .contact .block-tab-nav > ul > li:hover a, .faq .block-tab-nav > ul > li.active a, .faq .block-tab-nav > ul > li:active a, .faq .block-tab-nav > ul > li:focus a, .faq .block-tab-nav > ul > li:hover a { background-color: #D7D7D7; } .contact .grid-item-alt, .faq .grid-item-alt { margin-bottom: 40px; width: 100%; } @media only screen and (min-width: 767px) { .contact .grid-item-alt, .faq .grid-item-alt { width: 85%; } } .contact .grid-item-alt.item-center, .faq .grid-item-alt.item-center { position: relative; margin-left: auto; margin-right: auto; } .contact .grid-item-alt.item-right, .faq .grid-item-alt.item-right { float: right; } .contact .grid-item-alt .faq-block, .contact .grid-item-alt .reason-block, .faq .grid-item-alt .faq-block, .faq .grid-item-alt .reason-block { display: block; border: 1px solid; border-left: 84px solid; } .contact .grid-item-alt .reason-block, .faq .grid-item-alt .reason-block { border-color: #000000; text-align: center; line-height: 100px; font-size: 16px; color: #000000; height: 100px; } .contact .grid-item-alt .reason-block:active, .contact .grid-item-alt .reason-block:focus, .contact .grid-item-alt .reason-block:hover, .faq .grid-item-alt .reason-block:active, .faq .grid-item-alt .reason-block:focus, .faq .grid-item-alt .reason-block:hover { text-decoration: underline; } .contact .grid-item-alt .faq-block, .faq .grid-item-alt .faq-block { border-color: #B7B7B7; height: 130px; padding: 10px; } .contact .grid-item-alt .faq-block > a, .faq .grid-item-alt .faq-block > a { display: block; text-align: right; } .contact .grid-item-alt ul, .faq .grid-item-alt ul { margin: 10px 0 0; padding: 0; } .contact .grid-item-alt li, .faq .grid-item-alt li { list-style-type: none; } .contact h2, .contact h4, .contact h5, .faq h2, .faq h4, .faq h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .contact h2, .faq h2 { margin-top: 0; font-size: 25px; display: none; } @media only screen and (min-width: 767px) { .contact h2, .faq h2 { display: block; } } .contact h4, .faq h4 { font-weight: 700; margin-top: 0; } .contact h5, .faq h5 { font-weight: 500; margin-bottom: 20px; } .contact .contact-tab-content, .faq .contact-tab-content { margin-top: 0; } .contact .contact-tab-content .tab-pane, .faq .contact-tab-content .tab-pane { margin: 10px 0; } .contact .faq-questions .btn-scroll, .contact .faq-results .btn-scroll, .faq .faq-questions .btn-scroll, .faq .faq-results .btn-scroll { color: #337AB7; text-decoration: underline; } .contact .faq-questions ul, .contact .faq-results ul, .faq .faq-questions ul, .faq .faq-results ul { padding: 0; margin: 0; } .contact .faq-questions ul li, .contact .faq-results ul li, .faq .faq-questions ul li, .faq .faq-results ul li { list-style-type: none; margin-bottom: 20px; } .contact .faq-questions ul li a, .contact .faq-results ul li a, .faq .faq-questions ul li a, .faq .faq-results ul li a { text-decoration: underline; display: inline-block; padding: 10px 0; font-size: 12px; } @media only screen and (max-width: 667px) { .contact .faq-results, .faq .faq-results { padding: 0 10px; } } .contact .faq-results .endor-angle-right, .contact .faq-results .mobile-nav .menu li a:after, .mobile-nav .menu li .contact .faq-results a:after, .faq .faq-results .endor-angle-right, .faq .faq-results .mobile-nav .menu li a:after, .mobile-nav .menu li .faq .faq-results a:after { font-size: 200%; position: relative; top: 9px; color: #337AB7; padding: 0 10px; } .contact .faq-answer h4, .faq .faq-answer h4 { padding-top: 110px; } .faq .nav .faq-answer { display: none; } .faq .answerDock h4 { padding-top: 3em; } .help-contact-info { margin-bottom: 15px; margin-top: 15px; } .help-contact-info > span { display: block; } .contact header.itemHeader { background: #CCCCCC; padding: 0.25em; margin-bottom: 10px; font-weight: 600; } .contact header.itemHeader .padded { padding-left: 0.25em; } @media only screen and (min-width: 767px) { .page-header-alt span { float: right; } } .page-header-alt span a { text-decoration: underline; } @media only screen and (min-width: 767px) { .contact-tab-content .tab-pane { margin: 0 10px; } } .contact__query .contact__query--ask { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; margin-top: 0; font-size: 18px; margin-bottom: 10px; line-height: 1.1; color: inherit; } .contact__query .contact__query--lead { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 500; margin-bottom: 20px; font-size: 14px; margin-top: 10px; line-height: 1.1; color: inherit; } .order__details-title { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; margin-top: 0; font-size: 18px; margin-bottom: 10px; line-height: 1.1; color: inherit; } .privacy__title { font-size: 30px; margin-top: 20px; margin-bottom: 10px; } .privacy__sub-title { font-size: 24px; margin-top: 20px; margin-bottom: 10px; } .privacy__agree-disclaimer { font-size: 24px; margin-top: 20px; margin-bottom: 10px; } /* 8888888888888 8888888888888888b 88888888888888 .d8888b. 888 888 888888 8888b 888 888 d88P Y88b 888 888 888888 88888b 888 888 Y88b. 8888888 Y88b d88P8888888 888Y88b 888 888 "Y888b. 888 Y88b d88P 888 888 Y88b888 888 "Y88b. 888 Y88o88P 888 888 Y88888 888 "888 888 Y888P 888 888 Y8888 888 Y88b d88P 8888888888 Y8P 8888888888888 Y888 888 "Y8888P" */ .events .searchHeader h1 { border-bottom: solid 1px #D8D8D8; margin-bottom: 20px; padding-bottom: 10px; } .events .searchHeader h1 em { font-size: 50%; } .events .events-mobile-top-header { margin-top: 20px; } .events .searchHeader.eventCategory h1 { border-bottom: none; font-size: 55px; margin-top: 0; line-height: 39px; margin-bottom: 25px; font-weight: 300; font-family: "open_sansregular"; } .events .eventSearchResults { background: #EBEBEB; padding: 10px; } .events .eventSearchResults .eventSearchResults { padding: 0; } .events .eventSearchResults h2 { font-size: 12px; margin-top: 10px; margin-bottom: 15px; } .events .eventSearchResults h2 a { display: inline-block; float: right; font-weight: 200; } .events .eventSearchResults .eventItem { margin: 0 -10px; border-top: solid 1px #CCCCCC; padding: 10px; } .events .eventSearchResults .eventItem:first-child { border-top: none; padding-top: 0; } .events .eventSearchResults .eventItem h3 { margin-top: 3px; margin-bottom: 4px; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; } .events .eventSearchResults .eventItem h4 { font-size: 11px; font-weight: normal; margin-bottom: 0; margin-top: 0; text-transform: uppercase; } .events .eventSearchResults .eventItem span { font-size: 11px; } .events .eventSearchResults .eventExpander { display: none; border-top: solid 1px #D8D8D8; padding-top: 20px; border-top: solid 1px #CCCCCC; margin: 0 -10px; text-align: center; } .events .eventSearchResults .eventExpander a { width: auto; margin: 0 auto 10px; background: none; } .events .eventSearchResults .eventExpander a:hover { background: #404040; } .events .eventSearchResults .eventExpander a:active { background: #404040; } .events .eventList .event { margin-bottom: 30px; height: 82px; } @media only screen and (max-width: 667px) { .events .eventList .event { height: 43px; } } .events .eventList .event a { width: 100%; display: block; float: left; border: solid 1px #EBEBEB; } .events .eventList .event a:hover { background: #595959; color: #FFFFFF; } .events .eventList .event img { display: inline-block; width: 5%; height: 61px; border: none; visibility: hidden; } .events .eventList .event .wasALogo { display: inline-block; width: 80px; height: 83px; border: none; background: #EBEBEB; float: left; } @media only screen and (max-width: 667px) { .events .eventList .event .wasALogo { height: 48px; width: 50px; } } .events .eventList .event p { vertical-align: middle; vertical-align: -webkit-baseline-middle; display: inline-block; float: right; width: 75%; padding: 1em 0 0.9em; line-height: 4em; margin-bottom: 0; } @media only screen and (max-width: 667px) { .events .eventList .event p { line-height: 1em; padding: 1.25em 0 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; } } .events .eventListHeader.row { margin-left: 5px; margin-right: 5px; } .events .eventListHeader .time, .events .eventListHeader .title, .events .eventListHeader .venue { background: #D8D8D8; margin-bottom: 5px; } .events .eventListHeader .time p, .events .eventListHeader .title p, .events .eventListHeader .venue p { font-family: "open_sansregular"; font-size: 19px; font-weight: 100; padding-top: 10px; } .events .eventSummary { margin: 0; } .events .eventSummary h2 { background: #D8D8D8; margin: 0 -15px; font-size: 19px; font-weight: 100; font-family: "open_sansregular"; padding: 0.5em 0.85em; margin-bottom: 20px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .events .eventSummary h2 { margin-top: 20px; } } @media only screen and (min-width: 769px) and (max-width: 992px) { .events .eventSummary h2 { margin-top: 20px; } } .events .eventSummary h3 { font-size: 14px; font-weight: 600; margin-bottom: 0; } .events .eventSummary h4 { font-size: 14px; font-weight: normal; margin-bottom: 0; margin-top: 0; } @media only screen and (max-width: 667px) { .events .eventSummary .col-md-5 h3 { margin-bottom: 20px; } .events .eventSummary .col-md-4 h4 { margin-bottom: 20px; } } /* !! --- SOME OF THE STYLES FOR THE TICKET LIST AND INTERACTIVE MAP ARE IN THE _tuMap.scss FILE, AND SOME OF THE TICKET LIST STYLING ( TABLE COLUMNS ) AND HTML MARKUP ARE GENERATED IN site > src > main > web app > WEB-INF > endor-theme > js > plugins > MapImplementation.js --- !! */ /* 888 888 888 d8b 888 888 888 888 Y8P 888 888 888 888 888 .d88b. 888 888 .d88b. 88888b. 888888 .d88888 .d88b. 888888 8888b. 888 888 d8P Y8b 888 888 d8P Y8b 888 "88b 888 d88" 888 d8P Y8b 888 "88b 888 888 88888888 Y88 88P 88888888 888 888 888 888 888 88888888 888 .d888888 888 888 Y8b. Y8bd8P Y8b. 888 888 Y88b. Y88b 888 Y8b. Y88b. 888 888 888 888 "Y8888 Y88P "Y8888 888 888 "Y888 "Y88888 "Y8888 "Y888 "Y888888 888 888 */ /* GLOBAL --------------------------------------------------------------------------------------- > */ /* Typography ----------------------------- > */ /* Layout --------------------------------- > */ .centerer { /* Parent element must have position: relative; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .centerer-horizontal { position: absolute; left: 50%; transform: translateX(-50%); } .centerer-vertical { position: absolute; top: 50%; transform: translateY(-50%); } .navbar .row { max-width: 100%; } .go-back-button-container { padding-top: 35px; width: 100%; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; } @media only screen and (max-width: 667px) { .go-back-button-container { width: 100%; padding: 16px; margin-top: 25px; position: absolute; } } .go-back-button-container .go-back-button { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: auto; padding: 0; color: #404040; cursor: pointer; border: none; outline: none; font-weight: 300; font-size: 14px; } .go-back-button-container .go-back-button .go-back-icon { width: 14px; height: 14px; color: #404040; margin: 0 6px 6px 0; } .go-back-button-container .go-back-button .go-back-icon:hover { color: #000000; } .go-back-button-container .go-back-button span { color: #404040; width: auto; } .go-back-button-container .go-back-button span:hover { color: #000000; } /* HERO IMAGE ----------------------------------------------------------------------------------- > */ .hero-image .hero-img-search-container, .hero-image .hero-img-search-container-truncated { width: 100%; position: relative; padding: 0; margin: 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .hero-image .hero-img-search-container img.innerImage, .hero-image .hero-img-search-container-truncated img.innerImage { width: 100%; height: auto; } @media only screen and (max-width: 667px) { .hero-image .hero-img-search-container img.innerImage, .hero-image .hero-img-search-container-truncated img.innerImage { max-width: 200%; width: 200%; margin-left: -50%; overflow: hidden; } } .hero-image .hero-img-search-container-truncated { height: 240px; overflow: hidden; } .hero-image .hero-search-input-container { border: 1px solid #000000; height: 48px; width: 35%; min-width: 360px; } @media only screen and (max-width: 667px) { .hero-image .hero-search-input-container { width: 15%; min-width: 250px; font-size: 0.7em; } } .hero-image .hero-search-input-container .hero-search-input { float: left; display: inline-block; width: 87%; height: 46px; padding-left: 25px; border-width: 1px; border-style: none; /* no blue outline on focus */ } @media only screen and (max-width: 667px) { .hero-image .hero-search-input-container .hero-search-input { padding-left: 10px; width: 82%; } } .hero-image .hero-search-input-container .hero-search-input:focus { outline: none; border: 1px solid #000000; } .hero-image .hero-search-input-container .hero-search-input::-webkit-input-placeholder { font-style: italic; } .hero-image .hero-search-input-container .hero-search-input:-moz-placeholder { font-style: italic; } .hero-image .hero-search-input-container .hero-search-input::-moz-placeholder { font-style: italic; } .hero-image .hero-search-input-container .hero-search-input:-ms-input-placeholder { font-style: italic; } .hero-image .hero-search-input-container .hero-search-input::placeholder { font-style: italic; } .hero-image .hero-search-input-container .hero-search-icon { position: relative; float: left; display: inline-block; width: 13%; height: 46px; background-color: #000000; border-left: none; cursor: pointer; } @media only screen and (max-width: 667px) { .hero-image .hero-search-input-container .hero-search-icon { width: 18%; } } .hero-image .hero-search-input-container .hero-search-icon i.endorIcon, .hero-image .hero-search-input-container .hero-search-icon .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .hero-image .hero-search-input-container .hero-search-icon i, .hero-image .hero-search-input-container .hero-search-icon .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .hero-image .hero-search-input-container .hero-search-icon i { font-weight: 700; font-size: 18px; color: #FFFFFF; } .events { /* SEARCH FILTER DROPDOWNS SECTION ----------------------------------------------------------------------------------- > */ /* 888 888 888 888 888 888 888 888 888 .d8888b .d88b. 8888b. 888d888 .d8888b 88888b. 888d888 .d88b. .d8888b 888 888 888 888888 .d8888b 88K d8P Y8b "88b 888P" d88P" 888 "88b 888P" d8P Y8b 88K 888 888 888 888 88K "Y8888b. 88888888 .d888888 888 888 888 888 888 88888888 "Y8888b. 888 888 888 888 "Y8888b. X88 Y8b. 888 888 888 Y88b. 888 888 888 Y8b. X88 Y88b 888 888 Y88b. X88 88888P' "Y8888 "Y888888 888 "Y8888P 888 888 888 "Y8888 88888P' "Y88888 888 "Y888 88888P' */ /* END CATEGORY_SEARCH_RESULTS */ /* SEARCH RESULTS - styles end here */ /* 888 888 888 888 888 888 .d88b. 888 888 .d88b. 88888b. 888888 .d8888b 88888b. .d88b. 88888b.d88b. .d88b. d8P Y8b 888 888 d8P Y8b 888 "88b 888 88K 888 "88b d88""88b 888 "888 "88b d8P Y8b 88888888 Y88 88P 88888888 888 888 888 "Y8888b. 888 888 888 888 888 888 888 88888888 Y8b. Y8bd8P Y8b. 888 888 Y88b. X88 888 888 Y88..88P 888 888 888 Y8b. "Y8888 Y88P "Y8888 888 888 "Y888 88888P' 888 888 "Y88P" 888 888 888 "Y8888 */ /* ----- icon search filter section --------------------------------------------*/ } .events .error-message { margin: 0; } .events .container-fluid { margin-left: 0; margin-right: 0; padding: 0; overflow: hidden; } .events .events-breadcrumb { height: 40px; } .events .events-breadcrumb .endorBreadcrumb { display: block; margin-left: 50px; } .events .events-breadcrumb .endorBreadcrumb a, .events .events-breadcrumb .endorBreadcrumb span.breadcrumb-seperator { color: #000000; display: inline-block; float: none; margin-right: 0; font-size: 12px; } .events .date-filter-outer-container, .events .location-filter-outer-container { display: inline-block; width: 300px; } @media only screen and (max-width: 667px) { .events .date-filter-outer-container, .events .location-filter-outer-container { width: 100%; } } .events .date-filter-inner-container, .events .location-filter-inner-container { min-height: 40px; } .events .date-filter-inner-container i:first-of-type, .events .location-filter-inner-container i:first-of-type { margin-left: 10px; } .events .location-filter-inner-container { min-height: 40px; } .events .popular-events-heading, .events .popular-venues-heading { display: inline-block; margin-bottom: 25px; line-height: 40px; vertical-align: 30; } @media only screen and (max-width: 667px) { .events .popular-events-heading, .events .popular-venues-heading { display: none; } } .events .location-filter-inner-container, .events .location-filter-dropdown-container { width: 100%; background: #FFFFFF; display: block; margin-right: 30px; color: #999999; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #BBBBBB; outline: none; overflow: hidden; } .events .location-filter-inner-container i, .events .location-filter-dropdown-container i { color: #000000; cursor: pointer; } .events .location-filter-inner-container .endor-map_pin_2, .events .location-filter-dropdown-container .endor-map_pin_2 { color: #BBB; border-left: 1px solid #BBB; background: #F6F6F6; width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; font-size: 22px; line-height: 38px; text-indent: 10px; cursor: pointer; } .events .date-filter-dropdown-container, .events .location-filter-dropdown-container { margin-right: -254px; top: 0; padding-bottom: 10px; padding-top: 1.9em; display: none; } .events .date-filter-dropdown-container a, .events .location-filter-dropdown-container a { text-decoration: underline; margin-left: 15px; display: block; clear: both; } .events .search-filter-section { height: 80px; background-color: #D8D8D8; position: relative; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; } @media only screen and (max-width: 667px) { .events .search-filter-section { background-color: transparent; } } .events .search-filter-section .search-filter-section-inner-container { height: 40px; width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; } @media only screen and (max-width: 667px) { .events .search-filter-section .search-filter-section-inner-container { padding: 0 15px; flex-wrap: wrap; } } .events .search-filter-section .search-filter-section-inner-container .date-filter-outer-container { margin-left: 25px; } @media only screen and (max-width: 667px) { .events .search-filter-section .search-filter-section-inner-container .date-filter-outer-container { width: 100%; margin-left: 0; } } .events .search-filter-section .search-filter-section-inner-container .date-filter-dropdown-search-container, .events .search-filter-section .search-filter-section-inner-container .location-filter-dropdown-search-container { margin: 5px 0 10px 0; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-input, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-input { float: left; display: inline-block; width: 90%; height: 25px; border: 1px solid #C4C2C2; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-input:focus, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-input:focus { color: #000000; outline: none; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-input:focus::-webkit-input-placeholder, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-input:focus::-webkit-input-placeholder { color: transparent; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-input:focus:-moz-placeholder, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-input:focus:-moz-placeholder { color: transparent; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-input:focus::-moz-placeholder, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-input:focus::-moz-placeholder { color: transparent; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-input:focus::placeholder, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-input:focus::placeholder { color: transparent; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon { position: relative; display: inline-block; width: 25px; height: 25px; background-color: #EBEBEB; border: 1px solid #C4C2C2; border-left: none; cursor: pointer; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon a, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon a { margin: 0; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i.endorIcon, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i.endorIcon, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .events .search-filter-section .search-filter-section-inner-container .location-filter-search-icon i { font-weight: 700; } .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i.endorIcon, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i, .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .events .search-filter-section .search-filter-section-inner-container .date-filter-search-icon i { font-size: 15px; font-weight: 400; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .events .search-filter-section .search-filter-section-inner-container .filter-dropdown-show { display: block; position: absolute; left: 0; top: 39px; width: 100%; z-index: 100; } @media only screen and (max-width: 667px) { .events .search-filter-section .search-filter-section-inner-container .date-filter-outer-container { width: 100%; margin-left: 0; } } .events .search-filter-section .search-filter-section-inner-container .location-filter-outer-container { position: relative; } @media only screen and (max-width: 667px) { .events .search-filter-section .search-filter-section-inner-container .location-filter-outer-container { margin-bottom: 25px; width: 100%; } } .events .eventSummary { margin: 0; width: 100%; } .events .eventSummary h2 { background: #D8D8D8; margin: 0 -15px; font-size: 19px; font-weight: 100; font-family: "open_sansregular"; padding: 0.5em 0.85em; margin-bottom: 20px; } .events .eventSummary .event-info { margin: 0; padding: 0 9%; display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; flex-basis: 100%; min-height: 150px; background-color: #F6F6F6; margin-bottom: 20px; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info { width: 100%; padding: 0; flex-direction: row; flex-wrap: wrap; } } .events .eventSummary .event-info h2 { background-color: transparent; margin: 0; padding: 0; line-height: 23px; } .events .eventSummary .event-info span { display: block; line-height: 16.5px; font-size: 12px; } .events .eventSummary .event-info .event-info-inner-container { display: inline-flex; flex-direction: row; flex-wrap: nowrap; height: 150px; align-items: center; margin: 0; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container { flex-wrap: wrap; padding: 0; } } .events .eventSummary .event-info .event-info-inner-container .event-date-infographic { height: 80px; width: 80px; max-width: 80px; flex-basis: 80px; flex-grow: 1; padding: 2px; border: 2px solid #404040; border-radius: 8px; font-family: Arial; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container .event-date-infographic { width: 100%; max-width: 100%; display: flex; align-items: center; height: 60px; border: none; border-radius: 0; background-color: #EBEBEB; padding: 0 30px; } } .events .eventSummary .event-info .event-info-inner-container .event-date-infographic span { width: 100%; text-align: center; line-height: 15px; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container .event-date-infographic span { text-align: left; display: inline-block; width: auto; font-size: 24px; font-family: Arial; } } .events .eventSummary .event-info .event-info-inner-container .event-date-infographic .event-month { font-size: 13px; margin-top: 6px; font-weight: 700; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container .event-date-infographic .event-month { font-size: 24px; font-family: Arial; margin-top: 0; margin-right: 10px; } } .events .eventSummary .event-info .event-info-inner-container .event-date-infographic .event-day { font-weight: 500; font-size: 35px; margin: 8px 0; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container .event-date-infographic .event-day { font-size: 24px; font-family: Arial; margin: 0; } } .events .eventSummary .event-info .event-info-inner-container .event-date-infographic .event-time { font-size: 13px; font-weight: 700; margin-bottom: 6px; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container .event-date-infographic .event-time { display: none; } } .events .eventSummary .event-info .event-info-inner-container .event-copy { display: flex; flex-grow: 2; flex-direction: column; padding-left: 25px; min-height: 90px; align-content: center; } @media only screen and (max-width: 667px) { .events .eventSummary .event-info .event-info-inner-container .event-copy { margin-left: 0; } } .events .eventSummary .event-details { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; } @media only screen and (max-width: 667px) { .events .eventSummary .event-details .go-back-button-container { margin-top: 0; position: relative; } } .events .eventSummary .event-details .event-info-inner-container { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 667px) { .events .eventSummary .event-details .event-info-inner-container { flex-wrap: wrap; height: auto; } } .events .eventSummary .event-details .event-info-inner-container .event-copy { height: 150px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } @media only screen and (max-width: 667px) { .events .eventSummary .event-details .event-info-inner-container .event-copy { height: auto; } } .events .eventSummary .event-details .event-info-inner-container .event-copy h2 { width: 100%; } .events .eventSummary .event-details .event-info-inner-container .event-copy span { width: 100%; } .events .eventSummary .event-details .event-info-inner-container .event-copy p { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 0; } .events .eventSummary .event-details .event-info-inner-container .event-copy p .eventsCity, .events .eventSummary .event-details .event-info-inner-container .event-copy p .eventsState { width: auto; } .events .ticket-container { background: #EBEBEB; } .events .ticket-container h5 { font-weight: bold; font-family: Arial; } .events .ticket-container .points-based-search .input-container { width: 45%; } .events .ticket-container .points-based-search #events-points-based-searchresults-submit { font-family: Endor; font-size: 100%; height: 30px; position: absolute; -webkit-appearance: none; -ms-appearance: none; appearance: none; top: 3px; border: none; color: #000000; width: 33px; left: 140px; padding: 0; background: transparent; } .events .ticket-container .points-based-search #points-based-search-form .ceiling-container:before { left: 138px; height: 35px; top: 0; padding: 0; } .events .ticket-container #available-tickets { overflow: hidden !important; } .events .ticket-container #available-tickets .tuMapTicketList > table { table-layout: auto !important; } .events .ticket-container #available-tickets .select-container { min-height: 1px; width: 54px; max-width: 54px; min-width: 54px; height: auto; margin: 0 auto; } .events .ticket-container #available-tickets .select-container select { margin-bottom: 0; } .events .ticket-container #available-tickets .select-container .endor-down-arrow { height: 21px; width: 21px; line-height: 21px; text-indent: 2px; font-size: 12px; min-height: 1px; position: absolute; top: 1px; right: 1px; background-color: #C4C2C2; border-top: 1px solid #C4C2C2; border-left: 1px solid #C4C2C2; } .events .ticket-container #available-tickets .select-container .endor-down-arrow:after { color: #FFFFFF; } .events .ticket-container #available-tickets .select-container .custom-select { padding: 2px 5px; border: 1px solid #C4C2C2; color: #000000; width: 100%; margin: 0 auto; height: 22px; background-color: #FFFFFF; } .events #events_view .no-tickets-available, .events #events_view .general-admission-event { width: 100%; display: none; } .events #events_view .no-tickets-available .failover-image-container, .events #events_view .general-admission-event .failover-image-container { width: 240px; height: 240px; background-color: #EBEBEB; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 30px auto; } .events #events_view .no-tickets-available .failover-image-container img, .events #events_view .general-admission-event .failover-image-container img { width: 50%; } .events #events_view .no-tickets-available p, .events #events_view .no-tickets-available h1, .events #events_view .general-admission-event p, .events #events_view .general-admission-event h1 { width: 100%; text-align: center; font-family: Arial; } .events #events_view .no-tickets-available p, .events #events_view .general-admission-event p { font-size: 18px; } .events #events_view .no-tickets-available h1, .events #events_view .general-admission-event h1 { font-size: 24px; font-weight: 700; } .events .filter-tickets { background: #EBEBEB; padding-top: 10px; min-height: 500px; } .events .filter-tickets h5 { font-weight: bold; font-family: Arial; } .events #no-tickets-available2 { display: none; text-align: center; margin: 50px auto; } .events .category-search-results { /* END POPULAR_EVENTS_SECTION */ } .events .category-search-results .popular-events-section { /* since the animation is applied to the .mobile-overlay element it needs to be added after the .mobile-overlay styles to over-ride them */ /* END FILTERS / SIDEBAR */ /* SEARCH RESULTS SECTION */ /* end events-search-results */ } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section { padding: 0 0 40px 0; } } .events .category-search-results .popular-events-section .go-back-button-container { padding-left: 15px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .mobile-overlay { width: 100%; height: calc( 100% - 144px ); margin-top: 200px; margin-left: -150%; z-index: 10000; position: absolute; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: margin-left 0.5s ease-out; -moz-transition: margin-left 0.5s ease-out; -o-transition: margin-left 0.5s ease-out; transition: margin-left 0.5s ease-out; } } .events .category-search-results .popular-events-section .events-sidebar-animation-in { margin-left: 0; -webkit-transition: margin-left 0.5s ease-out; -moz-transition: margin-left 0.5s ease-out; -o-transition: margin-left 0.5s ease-out; transition: margin-left 0.5s ease-out; } .events .category-search-results .popular-events-section .search-results-total-container { width: 100%; font-family: Arial; font-weight: 900; } .events .category-search-results .popular-events-section .search-results-total-container h3 { width: 70%; padding-left: 30px; display: inline-block; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .search-results-total-container h3 { width: 100%; margin-top: 70px; } .events .category-search-results .popular-events-section .search-results-total-container h3 .search-results-total { float: right; } .events .category-search-results .popular-events-section .search-results-total-container h3 .search-results-terms { float: left; font-size: 18px; line-height: 26px; padding-right: 5px; } } .events .category-search-results .popular-events-section .search-results-total-container .search-links { width: 29%; display: inline-block; font-family: Arial; font-weight: 300; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .search-results-total-container .search-links { width: 100%; padding-left: 30px; padding-bottom: 20px; } } .events .category-search-results .popular-events-section .events-sidebar-filter { /* end .filters */ /* since the animation is applied to the .filters element it needs to be added again after the .filters styles to over-ride them */ } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter { padding: 0; margin-top: -200px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header { width: 100%; height: 50px; padding: 0 0 0 18px; font-size: 14px; font-family: Arial; background-color: #595959; color: #FFFFFF; margin-bottom: 0; display: flex; align-items: center; cursor: initial; } .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header span { padding-left: 12px; } .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header i { font-size: 24px; font-weight: 600; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header .mobile-sidebar-status-icon { display: none; transition: all 0.5s ease-out; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header { width: 100%; cursor: pointer; } .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header .rotate-icon-forward { transform: rotate(180deg); } .events .category-search-results .popular-events-section .events-sidebar-filter .sidebar-header .mobile-sidebar-status-icon { display: inline-block; margin-left: 67%; padding: 0; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters { /* END section.filter */ } @media only screen and (min-width: 769px) and (max-width: 992px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters { float: left; } } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters { margin-left: -150%; position: absolute; z-index: 10000; -webkit-transition: margin-left 0.5s ease-out; -moz-transition: margin-left 0.5s ease-out; -o-transition: margin-left 0.5s ease-out; transition: margin-left 0.5s ease-out; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters h2 { width: 100%; border: none; padding: 1.25em 1.2em; font-family: Arial; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters .date { padding-bottom: 6px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.location .events-container .radio-container { margin-bottom: 6px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter { padding: 0 1em; border-bottom: 1px solid #D9D9D9; /* end events-container */ } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter { padding-bottom: 20px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter:last-of-type { border-bottom: none; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container { /* end radio-container */ } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container { padding: 0; /* end location-filter-outer-container */ /* end daterange */ } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio { margin-bottom: 0.3em; margin-top: 0; float: none; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio label { padding: 0; margin-bottom: 0; padding-left: 4px; font-weight: normal; font-family: Arial; display: inline-block; position: relative; width: 85%; cursor: pointer; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio .near-me { width: 85%; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio input[type="radio"] { position: relative; margin: 0; opacity: 0; width: 0; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio i.endor-edit { color: #000000; font-size: 14px; font-weight: 600; float: right; cursor: pointer; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio i.endor-edit { font-size: 22px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location { display: block; border-bottom: none; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .custom-radio-button { width: 12px; height: 12px; background-color: transparent; border: 1px solid #000000; border-radius: 50%; display: inline-block; position: relative; vertical-align: top; margin-top: 1px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .custom-radio-button { width: 18px; height: 18px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .custom-radio-button-checked { height: 6px; width: 6px; border-radius: 50%; background-color: #000000; position: absolute; margin: 2px; display: none; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .custom-radio-button-checked { width: 10px; height: 10px; margin: 3px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio-reset-button { display: inline-block; width: 16px; float: right; line-height: 16px; font-size: 16px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .radio-reset-button i { background-color: transparent; border-radius: 50%; color: #000000; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .view-more-button-container { display: none; font-family: Arial; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .view-more-button-container .moreButton { float: none; text-align: left; margin: 0 0 18px 0; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .view-more-button-container .moreButton a { font-size: 12px; border: none; background-color: transparent; color: #000000; text-decoration: underline; border-radius: 0; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .view-more-button-container .moreButton a { font-size: 16px; } } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .view-more-button-container .moreButton { margin: 18px 0; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .view-more-button-container .hidden-events-total { display: inline-block; padding-left: 6px; text-decoration: none; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container { display: block; width: 100%; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-inner-container, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container { width: 100%; background: transparent; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; color: #000000; font-size: 12px; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; outline: none; overflow: hidden; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container { max-height: 0; -webkit-transition: max-height .2s ease-in-out; -moz-transition: max-height .2s ease-in-out; -o-transition: max-height .2s ease-in-out; transition: max-height .2s ease-in-out; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container a { text-decoration: underline; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container input[type="text"] { padding-left: 12px; outline: none; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 12px; width: 100%; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-input { width: 89%; height: 25px; border: 1px solid #C4C2C2; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-input { margin-bottom: 15px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon { position: relative; width: 25px; height: 25px; background-color: #000000; border: 1px solid #000000; border-left: none; cursor: pointer; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a { width: 100%; height: 25px; margin: 0; display: flex; flex-direction: row; text-decoration: none; flex-wrap: nowrap; align-items: center; justify-content: center; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i.endorIcon, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container .sidebar-location-filter-search-icon a i { font-size: 10px; font-weight: 600; margin-left: 0; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show { max-height: 70px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show { max-height: 120px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .current-location { text-decoration: none; padding-top: 15px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .current-location i { color: #000000; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .current-location .my-location-text { text-decoration: underline; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-input { float: left; display: inline-block; width: 90%; height: 25px; border: 1px solid #C4C2C2; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-input { margin-bottom: 15px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon { position: relative; display: inline-block; width: 25px; height: 25px; background-color: #EBEBEB; border: 1px solid #C4C2C2; border-left: none; cursor: pointer; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon a { margin: 0; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i.endorIcon, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .location-filter-outer-container .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i { font-weight: 700; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange { color: #000000; font-family: Arial; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange { font-size: 16px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections { width: 100%; position: relative; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list { border-radius: 0; box-shadow: 0 0 0 0; border: none; max-width: 100%; transition: none; left: 0; background: transparent; width: 100% !important; padding-bottom: 10px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-list-item, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-list-item { color: #333333; background-color: transparent; border-bottom: none; font-size: 1.3rem; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-list-item:hover, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-list-item:hover { font-size: 1.4rem; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-list-item .dr-item-aside, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-list-item .dr-item-aside { font-size: 1.2rem; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-days-of-week-list, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-days-of-week-list { background-color: transparent; border: none; text-transform: capitalize; font-size: 10px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-days-of-week-list .dr-day-of-week, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-days-of-week-list .dr-day-of-week { font-size: 1.1rem; font-weight: 600; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-month-switcher, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-year-switcher, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-month-switcher, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-year-switcher { border: none; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-month-switcher span, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-year-switcher span, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-month-switcher span, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-year-switcher span { font-size: 12px; font-weight: 600; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-current, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-current { background-color: transparent !important; color: #FFFFFF !important; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-fade, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-fade { color: #767676; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-fade:hover, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-fade:hover { color: #000000; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list { font-size: 1.2rem; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-maybe, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-maybe { background-color: transparent !important; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-day, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-day { padding: 0.9rem; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-day.dr-hover { background-color: #767676 !important; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover:not(.dr-current), .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-day.dr-hover:not(.dr-current) { background-color: #767676 !important; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-day.dr-hover-before { border-left: 2px solid #333333 !important; border-radius: 0; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-day.dr-hover-after { border-right: 2px solid #333333 !important; border-radius: 0; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-start, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-start { border-left: 2px solid #767676 !important; background: #000000 !important; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-end, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-end { border-right: 2px solid #767676 !important; background: #000000 !important; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-day-list .dr-selected, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-day-list .dr-selected { background-color: #767676; color: #000000; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher { border: none; /* had to over ride plugin styles because the minifier wrecks the calc() rule when a + operator is used */ } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher { border-radius: 0; height: 1.7rem; justify-content: flex-start; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher { font-size: 16px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher i { padding: 0.9rem; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right::before, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left::before, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher i.dr-right::before, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher i.dr-left::before { top: 50%; background-color: #767676; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-right::after, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i.dr-left::after, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher i.dr-right::after, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-selections .dr-preset-list .dr-range-switcher .dr-switcher i.dr-left::after { top: 50%; margin-top: 20%; background-color: #767676; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input { border: none; border-radius: 0; background-color: transparent; height: 40px; outline: none; box-shadow: 0 0 0 0 transparent; cursor: pointer; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates { justify-content: flex-start; min-width: calc(100% - 15px); padding: 0 2.4rem 0 0; height: 30px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates { min-width: calc(100% - 22px); } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .date-range-icon { margin: 0 35px 0 5px; font-size: 24px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .date-range-icon i { color: #000000; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .dr-date { font-size: 1.3rem; text-decoration: underline; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .dr-date { font-size: 16px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .dr-date.dr-active, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .dr-date:hover, .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .dr-date:focus { color: #000000; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-dates .dr-dates-dash { margin-bottom: 4px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-presets { border-left: none; height: 30px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-presets { font-size: 16px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-presets a { padding: 1px; } .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-presets i { color: #000000; background: transparent; width: 30px; height: 30px; font-size: 16px; font-weight: 400; line-height: 30px; text-indent: 16px; cursor: pointer; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-sidebar-filter .filters section.filter .events-container .radio-container .daterange .dr-input .dr-presets i { font-size: 22px; text-indent: 8px; } } .events .category-search-results .popular-events-section .events-sidebar-filter .events-sidebar-animation-in { margin-left: 0; -webkit-transition: margin-left 0.5s ease-out; -moz-transition: margin-left 0.5s ease-out; -o-transition: margin-left 0.5s ease-out; transition: margin-left 0.5s ease-out; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results { padding: 0; } } .events .category-search-results .popular-events-section .events-search-results .events-filter-heading { font-size: 12px; margin: 0; font-weight: 700; display: inline-block; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container { display: flex; flex-wrap: nowrap; width: 100%; height: 32px; align-items: center; justify-content: space-between; margin-bottom: 24px; font-family: Arial; /* this is the input for pagination */ /* end events-search-results-select */ } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .pagination-container { width: 100px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .pagination-container span { height: 20px; width: 20px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .pagination-container span a { width: 20px; height: 20px; padding: 4px; background-color: #D8D8D8; font-size: 10px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .pagination-container span a:hover { background-color: #333333; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .pagination-container p { font-weight: bold; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container input { width: 30px; padding-left: 3px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container input:focus { outline: none; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select { border: none; width: 225px; display: flex; flex-wrap: nowrap; align-items: center; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select { display: none; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form { width: 225px; display: flex; flex-wrap: nowrap; min-height: 20px; overflow: hidden; align-items: center; padding: 10px 5px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form label { font-size: 12px; padding: 0 6px 0 0; margin: 0; font-weight: 700; width: 75px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form label { padding: 0; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form .custom-select { padding: 0 0 0 5px; border: 2px solid #404040; color: #C0C0C0; height: 32px !important; width: 70% !important; -webkit-appearance: none !important; appearance: none; font-size: 12px; font-weight: 600; margin: 0; left: 70px; display: flex !important; flex-wrap: nowrap; align-items: center; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form .endor-angle-right, .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form .mobile-nav .menu li a:after, .mobile-nav .menu li .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form a:after { position: absolute; z-index: -10; right: 12px; font-size: 22px; background-color: transparent; border: none; transform: rotate(90deg); } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form .endor-angle-right:after, .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form .mobile-nav .menu li a:after, .mobile-nav .menu li .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .events-search-results-select .select-container > form a:after { color: #000000; font-weight: 600; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination-view > form { font-size: 12px; font-weight: 600; display: flex; flex-wrap: nowrap; align-items: center; width: 200px; height: 32px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination-view > form { display: none; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination-view > form p { margin-bottom: 0; width: 100%; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination-view > form a { height: 20px; line-height: 20px; width: auto; padding: 10px; background-color: #CCCCCC; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination-view > form a:hover { background-color: #000000; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination-view > form .search-results-active { color: #FFFFFF; background-color: #000000; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 190px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination label { font-size: 12px; font-weight: 600; margin-bottom: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination input[type="text"] { height: 32px; border: 2px solid #404040; font-size: 12px; font-weight: 600; margin-bottom: 0; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination { width: 100%; float: none; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination label { display: none; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination input[type="text"] { height: 32px; width: 40px; font-size: 18px; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: auto; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form { justify-content: space-between; padding-left: 15px; padding-right: 10px; width: 100%; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-container { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; width: 75px; height: 32px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-container { width: 50%; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-container p { font-size: 12px; font-weight: 600; margin-bottom: 0; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-container p { font-size: 18px; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100px; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls .pagination-icon-container { width: 32px; height: 32px; background-color: #404040; margin-left: 8px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls .pagination-icon-container:hover { background-color: #000000; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls .pagination-icon-container { margin-left: 16px; } } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls .pagination-icon-container a.disableLink { background-color: #CCCCCC; color: #FFFFFF; cursor: default; width: 32px; height: 32px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; } .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls .pagination-icon-container i { font-size: 24px; color: #FFFFFF; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .pagination-sort-container .search-results-pagination .events-pagination-form .pagination-controls .pagination-icon-container i { font-size: 28px; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results { padding: 0; list-style-type: none; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item { min-height: 150px; padding: 15px 25px; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item:nth-child(odd) { background-color: #F6F6F6; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item { margin-bottom: 20px; padding: 0; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item:nth-child(even) { background-color: #F6F6F6; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container { width: 100%; height: auto; max-height: 200px; min-height: 120px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container { width: 100%; min-height: 90px; max-height: 500px; align-items: flex-start; padding: 0; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info { width: 100%; min-height: 120px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info { width: 100%; padding-left: 0; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; min-height: 120px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container { width: 100%; flex-wrap: wrap; align-items: flex-start; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic { height: 80px; width: 80px; max-width: 80px; min-width: 80px; padding: 2px; display: flex; flex-direction: column; border: 2px solid #404040; border-radius: 8px; font-family: Arial; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic { width: 100%; max-width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 60px; border: none; border-radius: 0; background-color: #EBEBEB; padding: 0 30px; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic span { width: 100%; text-align: center; line-height: 15px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic span { text-align: left; width: auto; font-size: 24px; font-family: Arial; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-month { font-size: 13px; margin-top: 6px; font-weight: 700; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-month { font-size: 24px; font-family: Arial; margin-top: 0; margin-right: 10px; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-day { font-weight: 500; font-size: 35px; margin: 8px 0; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-day { font-size: 24px; font-family: Arial; margin: 0; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-time { font-size: 13px; font-weight: 700; margin-bottom: 6px; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-time { display: none; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy { width: 78%; padding: 0 25px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy { left: 0; position: relative; transform: none; display: flex; align-items: center; align-content: center; flex-wrap: wrap; min-height: 90px; width: 100%; padding: 15px 0 15px 30px; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-copy-container { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-copy-container { width: 80%; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy h5 { margin: 0; font-size: 18px; width: 100%; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy h5 { width: 100%; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy p { margin-bottom: 0; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-venue { width: 100%; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-venue { width: 100%; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-city, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-state { width: 100%; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-city, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-state { width: auto; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .venue-address-format-city:after { content: ","; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile { display: none; border: none; background-color: transparent; padding: 0; font-family: Arial; font-size: 48px !important; font-weight: 400; width: 20%; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile:hover { background-color: transparent; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile i { margin-left: 40%; color: #000000; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile { display: flex; align-items: flex-end; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container { font-family: Arial; width: auto; height: 40px; align-content: center; justify-content: center; display: flex; flex-wrap: nowrap; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container { display: none; } } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container .popular-events-submit-button, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container #popular-events-submit-button { font-size: 16px; border: 2px solid #1F1F1F; color: #1F1F1F; padding: 6px 25px; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container .popular-events-submit-button:hover, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container #popular-events-submit-button:hover { background-color: #1F1F1F; color: #FFFFFF; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container .popular-events-submit-button:focus, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container #popular-events-submit-button:focus { background-color: #1F1F1F; color: #FFFFFF; outline: 2px dotted #757575; } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container { width: 15%; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container .popular-events-submit-button, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container #popular-events-submit-button { border: none; height: 90px; font-size: 46px; background-color: transparent; } .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container .popular-events-submit-button:hover, .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .event-submit-container #popular-events-submit-button:hover { background-color: transparent; } } @media only screen and (max-width: 667px) { .events .category-search-results .popular-events-section .events-search-results .popular-events-list-results .events-list-item .event-info-container .event-info .event-info-inner-container .submit-desktop { display: none; } } .events .category-search-results .popular-events-section .events-search-results .no-results-display { width: 100%; display: none; } .events .category-search-results .popular-events-section .events-search-results .no-results-display .failover-image-container { width: 240px; height: 240px; background-color: #EBEBEB; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 30px auto; } .events .category-search-results .popular-events-section .events-search-results .no-results-display .failover-image-container img { width: 50%; } .events .category-search-results .popular-events-section .events-search-results .no-results-display p, .events .category-search-results .popular-events-section .events-search-results .no-results-display h1 { width: 100%; text-align: center; font-family: Arial; } .events .category-search-results .popular-events-section .events-search-results .no-results-display p { font-size: 18px; } .events .category-search-results .popular-events-section .events-search-results .no-results-display h1 { font-size: 24px; font-weight: 700; } .events .hero-image .row { margin-left: 0; margin-right: 0; } .events .hero-image .icon-search-filter-section { width: 100%; margin-left: 0; margin-right: 0; padding: 0; font-family: open_sansbold; font-size: 18px; } @media only screen and (min-width: 769px) and (max-width: 992px) { .events .hero-image .icon-search-filter-section { font-size: 16px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .events .hero-image .icon-search-filter-section { font-size: 14px; } } .events .hero-image .icon-search-filter-section .icon-search-icon-grid { padding-left: 0; padding-right: 0; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-filter-inner { display: block; width: 100%; margin: 0; padding: 0; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results { flex-basis: 100%; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results { height: auto; } } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results ul { list-style: none; margin: 0; padding: 0; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results ul { display: block; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results ul li { margin: 0 5px; } } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .icon-search-primary-category { height: 72px; margin: 0 90px; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .icon-search-primary-category { margin: 0; } } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .nav-tabs { border-bottom: none; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .nav-tabs li { width: 20%; cursor: pointer; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .nav-tabs li { width: 20%; word-break: break-word; margin: 0; } } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .tab-content > .tab-pane { display: none; width: 100%; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .icon-search-results .tab-content > .active { display: flex; width: 100%; flex-basis: 100%; align-items: center; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .active { background-color: #1F1F1F; } .events .hero-image .icon-search-filter-section .icon-search-icon-grid .active .icon-search-icon-label { color: #FFFFFF; } .events .hero-image .icon-search-filter-section .icon-search-icon-container { height: 200px; padding-left: 0; padding-right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container { height: 150px; } } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container { height: 72px; flex-direction: row; } } .events .hero-image .icon-search-filter-section .icon-search-icon-container img { height: 95px; width: 95px; } @media only screen and (min-width: 993px) and (max-width: 1199px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container img { height: 65px; width: 65px; } } @media only screen and (min-width: 769px) and (max-width: 992px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container img { height: 65px; width: 65px; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container img { height: 65px; width: 65px; } } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container img { height: 35px; width: 35px; } } .events .hero-image .icon-search-filter-section .icon-search-icon-container .icon-search-icon-label { display: block; width: 100%; text-align: center; font-family: inherit; color: #404040; margin-top: 12px; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-icon-container .icon-search-icon-label { display: none; } } .events .hero-image .icon-search-filter-section .icon-search-results-container { display: flex; flex-direction: row; flex-wrap: nowrap; background-color: #1F1F1F; padding: 15px; margin-bottom: 50px; width: 100%; flex-basis: 100%; } .events .hero-image .icon-search-filter-section .icon-search-results-container .mobile-border-gradient-left, .events .hero-image .icon-search-filter-section .icon-search-results-container .mobile-border-gradient-right { display: none; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .mobile-border-gradient-left, .events .hero-image .icon-search-filter-section .icon-search-results-container .mobile-border-gradient-right { display: block; position: absolute; top: 0; height: 100%; width: 80px; } .events .hero-image .icon-search-filter-section .icon-search-results-container .mobile-border-gradient-left { display: none; background: linear-gradient(to right, #1f1f1f 5%, transparent); } .events .hero-image .icon-search-filter-section .icon-search-results-container .mobile-border-gradient-right { right: 0; background: linear-gradient(to left, #1f1f1f 5%, transparent); } } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category { display: flex; flex-wrap: wrap; width: 100%; flex-basis: 100%; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category { overflow-y: hidden; overflow-x: scroll; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row { margin: 10px 2%; display: flex; flex-direction: row; width: 100%; max-height: 100%; flex-wrap: nowrap; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row { flex-wrap: nowrap; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row li { margin-bottom: 20px; } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row .icon-search-secondary-category-item { width: 16%; margin: 40px 20px 40px 0; border-right: 1px solid #5D5D5D; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row .icon-search-secondary-category-item { width: auto; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row .icon-search-secondary-category-item:last-of-type { border-right: none; } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row .icon-search-secondary-category-item p { color: #FFFFFF; font-size: 18px; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row .icon-search-secondary-category-item p { font-size: 16px; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-secondary-category .icon-search-results-row .icon-search-secondary-category-item .icon-search-tertiary-category-item a { color: #FFFFFF; font-family: open_sansregular; font-size: 16px; } .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row { display: flex; flex-direction: row; justify-content: center; margin: 40px 0; max-width: 90%; flex-wrap: wrap; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row { overflow-x: hidden; width: 100%; min-height: 230px; min-width: 100%; align-content: flex-start; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row .icon-search-secondary-category-item { width: auto; border-right: 0; margin-bottom: 0; margin: 0 15px; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row .icon-search-secondary-category-item { width: 41%; padding: 0; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row .icon-search-secondary-category-item .icon-search-results-column-header { margin-bottom: 10px; padding-right: 15px; } .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row .search-results-short-list { width: auto; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .icon-search-results-row .search-results-short-list { width: 100%; } } .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .search-results-short-list-row { flex-direction: row; flex-wrap: nowrap; justify-content: center; max-width: 100%; } @media only screen and (max-width: 667px) { .events .hero-image .icon-search-filter-section .icon-search-results-container .events-no-children .search-results-short-list-row { flex-wrap: wrap; } } .events .hero-image .icon-search-filter-section .icon-search-results-container ul { padding: 0; list-style: none; } .events .hero-image .icon-search-filter-section .icon-search-results-container a { text-decoration: underline; margin-bottom: 20px; cursor: pointer; } .events .hero-image .icon-search-filter-section .icon-search-results-container .icon-search-results-column-header { font-weight: 700; display: flex; flex-direction: row; flex-wrap: nowrap; white-space: pre-line; margin-bottom: 24px; padding-right: 15px; } .events .popular-events-section { padding: 0; } .events .popular-events-section #popular-events .location-filter-outer-container { vertical-align: middle; margin-bottom: 10px; width: auto; position: relative; } @media only screen and (max-width: 667px) { .events .popular-events-section #popular-events .location-filter-outer-container { margin-top: 20px; } } .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-inner-container { border: none; background: transparent; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-inner-container span { text-decoration: underline; color: #000000; } .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-inner-container .endor-map_pin_2 { position: static; border: none; background: transparent; color: #000000; } .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-dropdown-container { border-radius: 8px; overflow: visible; width: 300px; height: 90px; margin: 0; padding: 18px 0 0 0; box-shadow: 0 1px 4px #BEBEBE; } .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-dropdown-container:before { content: ''; display: block; position: absolute; top: -20px; left: 48%; width: 0; height: 0; border-style: solid; border-width: 10px; border-color: transparent transparent #BEBEBE transparent; background: transparent; min-height: 12px; padding: 0; outline: 0; } .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-dropdown-container:after { content: ''; display: block; position: absolute; top: -18.5px; left: 48%; width: 0; height: 0; border-style: solid; border-width: 10px; border-color: transparent transparent #FFFFFF transparent; background: transparent; min-height: 12px; padding: 0; outline: 0; } @media only screen and (max-width: 667px) { .events .popular-events-section #popular-events .location-filter-outer-container .location-filter-dropdown-container { width: 100%; top: 40px; height: 100px; z-index: 10000; } } .events .popular-events-section #popular-events .filter-dropdown-show { display: block; width: 300px; top: 40px; } @media only screen and (max-width: 667px) { .events .popular-events-section #popular-events .filter-dropdown-show a { padding-top: 10px; } } .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container { height: 25px; margin-left: 12px; } .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-input { float: left; display: inline-block; width: 88%; margin-bottom: 12px; padding-left: 6px; height: 25px; border: 1px solid #C4C2C2; outline: none; } @media only screen and (max-width: 667px) { .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-input { margin-bottom: 15px; } } .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon { position: relative; display: inline-block; width: 25px; height: 25px; background-color: #000000; border: 1px solid #000000; border-left: none; cursor: pointer; } .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon a { margin: 0; } .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i.endorIcon, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-match-icon.pw-normal i, .endor-form .pw-match-icon.pw-normal .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-match-icon.pw-strong i, .endor-form .pw-match-icon.pw-strong .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-match-icon.pw-weak i, .endor-form .pw-match-icon.pw-weak .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-normal i, .endor-form .pw-strength-icon.pw-normal .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-strong i, .endor-form .pw-strength-icon.pw-strong .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .pw-strength-icon.pw-weak i, .endor-form .pw-strength-icon.pw-weak .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .field-error .pw-match-icon.input-icon i, .endor-form .field-error .pw-match-icon.input-icon .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i, .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon .endor-form .field-error .pw-strength-icon.input-icon i, .endor-form .field-error .pw-strength-icon.input-icon .events .popular-events-section #popular-events .filter-dropdown-show .location-filter-dropdown-search-container .location-filter-search-icon i { font-weight: 700; color: #FFFFFF; } .events .popular-events-section #popular-events .filter-dropdown-show a { text-decoration: none; } .events .popular-events-section #popular-events .filter-dropdown-show a span { text-decoration: underline; } @media only screen and (max-width: 667px) { .events .popular-events-section { padding: 0 15px; } .events .popular-events-section #popular-events, .events .popular-events-section #popular-venues { padding-left: 0; padding-right: 0; } } .events .popular-events-section .tab-bottom-border { margin-top: 0; margin-bottom: 20px; border: 0; border-top: 3px solid #1F1F1F; display: none; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-bottom-border { display: block; } } .events .popular-events-section .mobile-layout { display: none; border-bottom: none; } @media only screen and (max-width: 667px) { .events .popular-events-section .mobile-layout { display: block; } } .events .popular-events-section .mobile-layout li { width: 50%; text-align: center; box-sizing: border-box; margin: 0; padding: 0; border: 0; } .events .popular-events-section .mobile-layout li a { border-radius: 0; color: #D8D8D8; box-sizing: border-box; display: inline-block; width: 100%; } .events .popular-events-section .mobile-layout .active a { background-color: #1F1F1F; border: 1px solid #1F1F1F; box-sizing: border-box; color: #FFFFFF; } .events .popular-events-section .tab-content > .tab-pane { display: block; visibility: visible; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane { display: none; visibility: hidden; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list { list-style: none; padding: 0; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item { min-height: 150px; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item:nth-child(odd) { background-color: #F6F6F6; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item { margin-bottom: 20px; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item:nth-child(even) { background-color: #F6F6F6; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container { width: 100%; min-height: 150px; overflow: hidden; padding: 15px 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container { width: 100%; min-height: 90px; align-items: flex-start; padding: 0; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info { width: 100%; padding-left: 25px; min-height: 120px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info { width: 100%; padding-left: 0; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; min-height: 120px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container { width: 100%; flex-direction: column; align-items: flex-start; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic { height: 80px; width: 80px; max-width: 80px; min-width: 80px; padding: 2px; display: flex; flex-direction: column; flex-basis: 80px; border: 2px solid #404040; border-radius: 8px; font-family: Arial; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic { width: 100%; max-width: 100%; display: inline-flex; flex-direction: row; align-items: center; height: 60px; border: none; border-radius: 0; background-color: #EBEBEB; padding: 0 30px; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic span { width: 100%; text-align: center; line-height: 15px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic span { text-align: left; display: inline-block; width: auto; font-size: 24px; font-family: Arial; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-month { font-size: 13px; margin-top: 6px; font-weight: 700; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-month { font-size: 24px; font-family: Arial; margin-top: 0; margin-right: 10px; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-day { font-weight: 500; font-size: 35px; margin: 8px 0; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-day { font-size: 24px; font-family: Arial; margin: 0; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-time { font-size: 13px; font-weight: 700; margin-bottom: 6px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-date-infographic .event-time { display: none; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy { width: 100%; padding-left: 25px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy { left: 0; position: relative; transform: none; display: inline-flex; align-items: center; align-content: center; flex-wrap: nowrap; min-height: 90px; width: 100%; padding: 0 30px; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-copy-container { display: flex; flex-direction: row; flex-wrap: wrap; width: 75%; padding-right: 15px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-copy-container { padding: 15px 0; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy h5 { margin: 0; font-size: 18px; width: 75%; line-height: 21px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy h5 { width: 100%; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy span, .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy p { width: auto; margin-bottom: 0; line-height: 21px; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-venue { width: 100%; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-city, .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .popular-event-state { width: auto; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .venue-address-format-city:after { content: ","; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container { font-family: Arial; padding-right: 25px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container { height: 90px; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container .popular-events-submit-button, .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container #popular-events-submit-button { font-size: 16px; border: 2px solid #1F1F1F; color: #1F1F1F; padding: 10px 25px; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container .popular-events-submit-button:hover, .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container #popular-events-submit-button:hover { background-color: #1F1F1F; color: #FFFFFF; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container .popular-events-submit-button:focus, .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container #popular-events-submit-button:focus { background-color: #1F1F1F; color: #FFFFFF; outline: 2px dotted #757575; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container { display: inline-block; width: 15%; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container .popular-events-submit-button { border: none; height: 90px; font-size: 46px; background-color: transparent; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .event-submit-container .popular-events-submit-button:hover { background-color: transparent; } } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-desktop { display: none; } } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile { display: none; border: none; background-color: transparent; padding: 0; font-family: Arial; font-size: 48px; font-weight: 400; width: 100%; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile:hover { background-color: transparent; } .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile i { margin-left: 40%; color: #000000; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane .popular-events-list .events-list-item .event-info-container .event-info .event-info-inner-container .event-info-copy .submit-mobile { display: flex; align-items: flex-end; } } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section { background-color: #F6F6F6; height: auto; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list { list-style-type: none; padding: 10px 0 0 0; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list a { text-decoration: none; font-weight: 500; display: block; margin: 10px 0 0 25px; font-size: 16px; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list hr { border-top: 1px solid #000000; width: 100%; margin-bottom: 20px; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list li:last-of-type { padding-bottom: 25px; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list li:last-of-type hr { display: none; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list span { line-height: 21px; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list .popular-venues-venue { display: block; cursor: pointer; line-height: 21px; } .events .popular-events-section .tab-content > .tab-pane .popular-venues-section .popular-venues-list .popular-venues-city { padding-left: 25px; } @media only screen and (max-width: 667px) { .events .popular-events-section .tab-content > .tab-pane.active { display: block; visibility: visible; } } .legend-info-container { border: 1px solid #999999; padding: 16px; margin: 0px auto; } .section-details, .description-details1, .description-details2, .section-name, .description-name { display: table-cell; line-height: 20px; } .section-name, .description-name { font-size: 12px; color: #000000; font-family: "Arial"; font-weight: "normal"; } .section-details, .description-details1 { font-size: 18px; color: #000000; font-family: "Arial"; } .description-details2 { font-size: 14px; color: #000000; font-family: "Arial"; } .section-name, .section-details { width: 150px; } .section-description { margin-bottom: 20px; list-style-type: none; color: #000000; font-family: "Arial"; } .event-header { font-weight: bold; font-size: 16px; color: #000000; font-family: "Arial"; } .description-extra-details { font-size: 14px; color: #000000; font-family: "Arial"; } .description-extra-details-custom { font-size: 14px; color: #000000; font-family: "Arial"; margin-bottom: 8px; display: block; } div#section-preview-container { background: transparent !important; padding-right: 0 !important; } div#section-preview-container .modal-dialog { position: relative; top: 100px; } img#section-preview-big { left: 0 !important; top: 0 !important; display: block !important; } .modal-header #closePreview { background-image: url(https://www.ticketsolutions.com/App_Themes/Ziyak/images/remove.png); -ms-background-repeat: no-repeat; background-repeat: no-repeat; height: 30px; width: 30px; } span.customSelect.custom-select.eventsTicketQuantity.customSelectFocus { outline: 1px dotted #757575; outline-width: 2px; } .ticketAction button.buyLink:focus { outline: 1px dotted #757575; outline-width: 2px; background: #000000; color: #FFFFFF; } .go-back-button-container .go-back-button:focus { outline: 1px dotted #757575; outline-width: 2px; } .hero-image .hero-search-input-container .hero-search-icon a:focus { display: inline-block; width: 100%; height: inherit; outline: 2px dotted #F6F6F6 !important; outline-width: 2px; } .icon-search-primary-category li.primary-category:focus { outline: 1px dotted #757575; outline-width: 2px; } .icon-search-secondary-category a.icon-search-results-item-trigger:focus { outline: 1px dotted #757575; } .events-search-results .search-links { position: absolute; top: -30px; right: 25px; } .events-search-results .search-links a:focus { outline: 2px dotted #757575 !important; } .events.filter .events-container .endorIcon.endor-edit.location-edit-icon:focus, .events.filter .events-container .profile-options li.endor-edit.location-edit-icon:focus:before, .profile-options .events.filter .events-container li.endor-edit.location-edit-icon:focus:before, .events.filter .events-container .endor-form .pw-match-icon.pw-normal i.endor-edit.location-edit-icon:focus, .endor-form .pw-match-icon.pw-normal .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .pw-match-icon.pw-strong i.endor-edit.location-edit-icon:focus, .endor-form .pw-match-icon.pw-strong .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .pw-match-icon.pw-weak i.endor-edit.location-edit-icon:focus, .endor-form .pw-match-icon.pw-weak .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .pw-strength-icon.pw-normal i.endor-edit.location-edit-icon:focus, .endor-form .pw-strength-icon.pw-normal .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .pw-strength-icon.pw-strong i.endor-edit.location-edit-icon:focus, .endor-form .pw-strength-icon.pw-strong .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .pw-strength-icon.pw-weak i.endor-edit.location-edit-icon:focus, .endor-form .pw-strength-icon.pw-weak .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .field-error .pw-match-icon.input-icon i.endor-edit.location-edit-icon:focus, .endor-form .field-error .pw-match-icon.input-icon .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .endor-form .field-error .pw-strength-icon.input-icon i.endor-edit.location-edit-icon:focus, .endor-form .field-error .pw-strength-icon.input-icon .events.filter .events-container i.endor-edit.location-edit-icon:focus, .events.filter .events-container .mobile-nav .menu li a.endor-edit.location-edit-icon:focus:after, .mobile-nav .menu li .events.filter .events-container a.endor-edit.location-edit-icon:focus:after { outline: 1px dotted #757575; } .events.filter .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container input.sidebar-location-filter-search-input:focus { outline: 0; border: 1px solid #000000 !important; } .events.filter .sidebar-location-filter-dropdown-container .sidebar-location-filter-dropdown-search-container div.sidebar-location-filter-search-icon a.location-submit-trigger:focus { outline: 1px dotted #E6E6E6; outline-offset: -2px; } .events.filter .sidebar-location-filter-dropdown-container .current-location:focus { outline: 1px dotted #757575; outline-offset: -1px; } .events.filter .custom-radio-button:focus { outline: 1px dotted #757575; } .events.filter .radio-reset-button:focus { outline: 1px dotted #757575; } .events.filter .dr-date.dr-date-start:focus { outline: 1px dotted #757575; outline-offset: -2px; } .events.filter .dr-date.dr-date-end:focus { outline: 1px dotted #757575; outline-offset: -2px; } .events.filter .date-range-picker-trigger:focus { outline: 0; } .events.filter .date-range-picker-trigger:focus i.endorIcon.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .pw-match-icon.pw-normal i.endor-datepicker_2, .endor-form .pw-match-icon.pw-normal .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .pw-match-icon.pw-strong i.endor-datepicker_2, .endor-form .pw-match-icon.pw-strong .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .pw-match-icon.pw-weak i.endor-datepicker_2, .endor-form .pw-match-icon.pw-weak .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .pw-strength-icon.pw-normal i.endor-datepicker_2, .endor-form .pw-strength-icon.pw-normal .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .pw-strength-icon.pw-strong i.endor-datepicker_2, .endor-form .pw-strength-icon.pw-strong .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .pw-strength-icon.pw-weak i.endor-datepicker_2, .endor-form .pw-strength-icon.pw-weak .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .field-error .pw-match-icon.input-icon i.endor-datepicker_2, .endor-form .field-error .pw-match-icon.input-icon .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2, .events.filter .date-range-picker-trigger:focus .endor-form .field-error .pw-strength-icon.input-icon i.endor-datepicker_2, .endor-form .field-error .pw-strength-icon.input-icon .events.filter .date-range-picker-trigger:focus i.endor-datepicker_2 { outline: 1px dotted #757575; } .events.filter .dr-selections ul.dr-preset-list li.dr-list-item:focus { outline: 1px dotted #757575; outline-offset: -1px; } .events-filter-heading.search-results-pagination-view #visible-results:focus { outline: 2px dotted #757575; } .events-filter-heading.search-results-pagination-view #total-results:focus { outline: 2px dotted #757575; } .event-info .event-submit-container #popular-events-submit-button:focus { outline: 2px dotted #757575 !important; } .events-filter-heading.search-results-pagination input:focus { outline: 1px solid #000000 !important; } .events-filter-heading.search-results-pagination .pagination-controls .pagination-icon-container a:focus { padding: 0px 12px; outline: 2px dotted #757575; } #popular-events #location-filter-trigger:focus { outline: 0; } #popular-events #location-filter-trigger:focus .location-filter-inner-container.select-container { outline: 1px dotted #000000 !important; outline-offset: -5px; } #popular-venues .popular-venues-list-item .popular-venues-venue:focus { outline: 1px dotted #000000 !important; } .event-date-infographicNoBorder { border: 0 !important; } @media only screen and (min-width: 667px) and (max-width: 768px) { .navbar-toggle { margin-top: 10px; } } .navbar-toggle .icon-bar { background-color: #999999; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .stuckNav .navbar-toggle { top: 3px; } } .mobile-profile-meta { margin-bottom: 10px; } .mobile-profile-meta h4, .mobile-profile-meta h5 { margin: 0; padding: 0; } .mobile-profile-meta h4 { font-size: 12px; font-weight: 300; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999999; margin-bottom: 5px; } .mobile-profile-meta h5 { font-size: 32px; font-wight: 300; color: #563776; } .mobile-profile-meta h5 span { font-size: 10px; font-weight: 300; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999999; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .navbar-collapse.collapse { display: none; } } .mobile-nav { display: none; background-color: #000000; } .mobile-nav .col-xs-12 { padding: 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mobile-nav { margin-left: -25px; margin-right: -25px; } } .mobile-nav .menu { padding: 0; margin-bottom: 0; } .mobile-nav .menu > li > a { font-weight: 700; padding: 10px 0; text-indent: 20px; } .mobile-nav .menu ul { padding: 0; margin-bottom: 0; } .mobile-nav .menu li { list-style-type: none; } .mobile-nav .menu li a { min-height: 50px; line-height: 50px; display: block; color: #E8E8E8; border-bottom: 1px solid #404040; width: 100%; right: 30px; } .mobile-nav .menu li a:after { content: '\e817'; position: relative; right: 22px; font-size: 30px; font-weight: 500; float: right; } .mobile-nav .menu li a.no-carret:after { display: none; } .mobile-nav .menu a[aria-expanded="true"]:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 10px; } .mobile-nav ul.sub-menu a { padding-left: 20px; background-color: #404040; font-size: 14px; font-family: Arial; font-weight: bold; } .mobile-nav ul.sub-menu a:after { right: 20px; } .mobile-nav ul.sub-menu a[aria-expanded="true"]:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 19px; } .mobile-nav ul.secondary-sub-menu a { background-color: #CCCCCC; color: #000000; font-size: 14px; font-family: Arial; font-weight: normal; padding-left: 20px; } .mobile-nav ul.secondary-sub-menu a:after { right: 30px; } .mobile-nav ul.tertiary-sub-menu a { background-color: #EEEEEE; } .mobile-nav ul.tertiary-sub-menu a:after { right: 30px; } .mobile-nav ul.fourth-sub-menu a { background-color: #FFFFFF; } .mobile-nav ul.fourth-sub-menu a:after { right: 30px; } @media (min-width: 768px) { .navbar-header { float: left; width: 330px; } .mobile-profile-meta { display: none; } } @media (max-width: 768px) { .shopFunctions .cart .itemCount { font-size: 60%; left: 1em; } .cartFlyout { position: relative; right: 0; width: 100%; } .cartFlyout .delete-icon { font-size: 20px; } .cartFlyout h3 { font-size: 14px; } .cartFlyout h3 span { padding-right: 0; text-align: right; } } @media only screen and (max-width: 667px) { .navbar-toggle .icon-bar { position: relative; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .navbar-toggle .icon-bar:nth-child(2) { top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .navbar-toggle .icon-bar:nth-child(3) { visibility: hidden; opacity: 0; } .navbar-toggle .icon-bar:nth-child(4) { bottom: 9px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .navbar-toggle.collapsed { transition-delay: 0.2s; float: right; margin-right: 0px; } .navbar-toggle.collapsed .icon-bar { position: relative; visibility: visible; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); } .navbar-toggle.collapsed .icon-bar:nth-child(2) { top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .navbar-toggle.collapsed .icon-bar:nth-child(3) { opacity: 1; } .navbar-toggle.collapsed .icon-bar:nth-child(4) { bottom: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .navbar-toggle .icon-bar { position: relative; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .navbar-toggle .icon-bar:nth-child(2) { top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .navbar-toggle .icon-bar:nth-child(3) { visibility: hidden; opacity: 0; } .navbar-toggle .icon-bar:nth-child(4) { bottom: 9px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .navbar-toggle.collapsed .icon-bar { position: relative; visibility: visible; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); } .navbar-toggle.collapsed .icon-bar:nth-child(2) { top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } .navbar-toggle.collapsed .icon-bar:nth-child(3) { opacity: 1; } .navbar-toggle.collapsed .icon-bar:nth-child(4) { bottom: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); } } /*------------------------------------ GDPR ------------------------------------*/ #gdpr-notice .gdpr-notice-wrapper { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.8); z-index: 100100; font-family: inherit; font-size: inherit; line-height: inherit; display: flex; justify-content: center; align-items: center; } #gdpr-notice .gdpr-notice-wrapper .gdpr-notice { max-width: 800px; margin: 10px; background-color: #FFFFFF; padding: 30px; } #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-policy-link { display: block; text-decoration: underline; font-weight: bold; } #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button { margin: 16px auto; padding: 8px 16px; } #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:active, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:focus, #gdpr-notice .gdpr-notice-wrapper .gdpr-notice .gdpr-decline-button:hover { color: #FFFFFF; color: __buttonBorderColor__; background: #333333; background: __buttonTextColor__; border: solid 3px #333333; border: solid 3px __buttonBackgroundColor__; } .headerBar { background: #2E77BB; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #404040; color: __preheaderTextColor__; font-size: 85%; padding: 0.5em 30px; height: 60px; } .headerBar .headerInfo { color: #FFFFFF; margin: 10px 0px; width: 100%; font-size: 20px; } .headerBar .headerInfo .titleName { float: left; width: 10%; } .headerBar .headerInfo .customTitle { float: left; text-align: center; width: 71%; } .customOrderWrapper { background-color: #A0A0A0; padding: 1% 2%; width: 100%; height: auto; color: #000000; float: left; } .customOrderWrapper .orderDetails { color: #000000; } .customOrderWrapper .customInnerWrapper { background: #FFFFFF; width: 94%; height: 100%; margin: 0px auto; margin-top: 10px; padding-bottom: 30px; float: left; } .customOrderWrapper .customInnerWrapper .customDetailsInner { width: 95%; margin: 0px auto; height: 100%; padding: 15px 0px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails { height: 200px; width: 47%; border: 1px solid black; border-radius: 10px; margin: 5px 15px; float: left; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails .subheaderTitle { width: 28%; margin: -16px 3px 0px 9px; background: white; text-align: center; font-size: 20px; font-weight: bold; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails .orderDateDetails { width: 80%; margin: 4px 0px 0px 42px; font-weight: bold; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails .orderDateDetails .orderValue { font-weight: normal; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails .orderShiptoDetails { width: 80%; margin: 8px 42px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails .addressDetails { width: 80%; margin: 0px 75px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .orderDetails .addressDetails p { margin: 0px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationDetails { height: auto; width: 100%; border: 1px solid black; border-radius: 10px; margin: 40px 0px 0px 15px; float: left; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationDetails .subheadercustomTitle { width: 20%; margin-top: -16px; margin-left: 15px; background: white; text-align: center; font-size: 20px; font-weight: bold; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationDetails .downloadPreview { width: 17%; margin: 500px 0px 0px 35px; float: left; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationDetails .downloadPreview a { color: #337AB7; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationDetails .imagePreview { width: 79%; float: left; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationDetails .imagePreview img { display: block; margin-left: 20%; margin-right: auto; width: 50%; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails { height: auto; width: 100%; border: 1px solid black; border-radius: 10px; margin: 40px 0px 0px 15px; float: left; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .subheadercustomTitle { width: 14%; margin-top: -16px; margin-left: 15px; background: white; text-align: center; font-size: 20px; font-weight: bold; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .frontListDetails { margin: 15px 0px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .backListDetails { margin: 0px 0px 25px 0px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .labelDetails { width: 80%; margin: 4px 0px 0px 42px; font-weight: bold; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .labelDetails .orderValue { font-weight: normal; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .labelDetails a { color: #337AB7; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .labelDetails .customizationFront { width: 79%; margin: 0px 75px; } .customOrderWrapper .customInnerWrapper .customDetailsInner .customizationFullDetails .labelDetails .customizationFront p { font-weight: normal; margin: 0px; }