/*
CMS Kit includes Kendo UI 2019.1.220 while Sitefinity 13 includes Kendo UI 2020.2.617.
This is the styling used to reconcile the two versions.
*/
.cmskit {
/* Pager */
/* Scheduler */
}
.cmskit .k-pager-nav {
display: block;
padding: 0;
}
.cmskit .k-pager-wrap .k-link.k-state-selected {
background-color: #428bca;
border-color: #428bca;
color: #fff;
}
.cmskit .k-pager-numbers-wrap {
display: block;
}
.cmskit .k-pager-numbers li:first-child .k-link {
border-left: none;
}
.cmskit .k-pager-numbers li + li {
margin: 0;
}
.cmskit .k-pager-numbers .k-link {
box-sizing: content-box;
padding: 0;
}
.cmskit .k-scheduler-views-wrapper {
float: right;
}
/* Overriding default styles in CMSKit */
.cmskit {
/* Add '*' after required input labels */
/* This wouldn't normally be necessary but it seems we don't include the normalize.css portion of Bootstrap 3.3.7 in CMSKit so we lose things like this */
/* Match .btn-sm */
}
.cmskit .cmskit-checkboxlist input,
.cmskit .cmskit-radiobuttonlist input,
.cmskit .checkbox label input {
appearance: auto;
}
.cmskit .control-label.required:after {
content: "*";
margin-left: 1px;
}
.cmskit .btn {
background-color: gray;
border-color: transparent;
color: #fff;
text-transform: uppercase;
}
.cmskit .btn-default,
.cmskit .btn-primary,
.cmskit .btn-success,
.cmskit .cmskit-catalog-search-button,
.cmskit .btn--primary {
background-color: #e86421;
color: #fff;
}
.cmskit .btn-default:hover, .cmskit .btn-default:active,
.cmskit .btn-primary:hover,
.cmskit .btn-primary:active,
.cmskit .btn-success:hover,
.cmskit .btn-success:active,
.cmskit .cmskit-catalog-search-button:hover,
.cmskit .cmskit-catalog-search-button:active,
.cmskit .btn--primary:hover,
.cmskit .btn--primary:active {
background-color: #b44913;
color: #fff;
}
.cmskit .btn-secondary {
background-color: #2b78e4;
border-color: #2b78e4;
color: #fff;
}
.cmskit table {
border-collapse: collapse;
}
.cmskit.cmskit-authenticated-individual-netforum-field-input-action-bar .cmskit-netforum-field-input-action-bar-edit-button,
.cmskit.cmskit-authenticated-individual-netforum-field-input-action-bar .cmskit-netforum-field-input-action-bar-cancel-button,
.cmskit.cmskit-authenticated-individual-netforum-field-input-action-bar .cmskit-netforum-field-input-action-bar-save-button {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.cmskit .horizontal-orientation .cmskit-catalog-title {
font-size: 1.8rem;
}
.cmskit .cmskit-member-price-label {
color: #e86421;
font-weight: bold;
}
.cmskit ul.pagination > li,
.cmskit ul.pagination > li.k-link,
.cmskit ul.k-tabstrip-items > li,
.cmskit ul.k-tabstrip-items > li.k-link,
.cmskit ul.k-pager-numbers > li,
.cmskit ul.k-pager-numbers > li.k-link,
.cmskit ul.k-scrollview-nav > li,
.cmskit ul.k-scrollview-nav > li.k-link {
padding: 0;
position: static;
}
.cmskit ul.pagination > li::before,
.cmskit ul.pagination > li.k-link::before,
.cmskit ul.k-tabstrip-items > li::before,
.cmskit ul.k-tabstrip-items > li.k-link::before,
.cmskit ul.k-pager-numbers > li::before,
.cmskit ul.k-pager-numbers > li.k-link::before,
.cmskit ul.k-scrollview-nav > li::before,
.cmskit ul.k-scrollview-nav > li.k-link::before {
content: none;
}
.cmskit ul.pagination > li {
display: list-item;
}
.cmskit .cmskit-no-results {
display: inline-block;
font-size: 1.8rem;
margin-bottom: 2rem;
}
main {
padding: 30px 0;
}
/* Style the Sitefinity Navigation widget (this class must be added in the widget configuration) */
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul {
border: 1px solid black;
border-radius: 5px;
display: inline-block;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li {
padding: 0;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li::before {
content: none;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a {
color: black;
display: inline-block;
font-size: 1.8rem;
padding: 10px 30px;
text-decoration: none;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a:hover {
background-color: #ee8b59;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a.sfSel {
background-color: #e86421;
color: #fff;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a.sfSel:hover {
background-color: #e86421;
}
.sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li + li {
border-left: 1px solid black;
}
.adces-event-detail .adces-event-image {
display: inline-block;
margin-right: 15px;
vertical-align: top;
width: 20%;
}
.adces-event-detail .adces-event-info {
display: inline-block;
}
.adces-event-detail .adces-event-image + .adces-event-info {
width: 75%;
}
.adces-fundraising-product-detail .adces-fundraising-product-image {
display: inline-block;
margin-right: 15px;
vertical-align: top;
width: 20%;
}
.adces-fundraising-product-detail .adces-event-info {
display: inline-block;
}
.adces-fundraising-product-detail .adces-fundraising-product-image + .adces-fundraising-product-info {
width: 75%;
}
.h1-margin {
margin: 21.44px 0;
}
.cmskit-widget-catalog-pager + .cmskit-widget-catalog-item-list {
margin-top: 20px;
}
.cmskit-widget-catalog-item-list .vertical-orientation .cmskit-catalog-row + .cmskit-catalog-row {
margin-top: 20px;
}
.cmskit-widget-catalog-item-list .cmskit-price-list {
background-color: #f0f0f0;
padding: 10px 10px;
text-align: center;
}
.cmskit-widget-catalog-item-list .cmskit-price-list dl.cmskit-price-label {
margin: 0;
}
.cmskit-widget-catalog-item-list .cmskit-price-list dl.cmskit-price-label.cmskit-member-price-label {
color: #e86421;
font-weight: bold;
}
.cmskit-widget-catalog-item-list .cmskit-price-list dl.cmskit-price-label dd {
margin: 0;
}
.cmskit-widget-catalog-item-list .cmskit-price-list dl.cmskit-price-label + dl.cmskit-price-label {
margin-top: 0.75em;
}
.cmskit-widget-catalog-item-list .add-to-cart-button {
background-color: #e86421;
color: #fff;
display: block;
text-align: center;
width: 100%;
}
.cmskit-widget-catalog-item-list .add-to-cart-button:hover {
background-color: #b44913;
color: #fff;
}
.cmskit-widget-catalog-pager .cmskit-sort-type {
margin-left: 5px;
}
.k-notification.k-notification-error {
background-color: red;
color: white;
}
.k-notification.k-notification-success {
background-color: #e86421;
color: white;
}
.adces-store-navigation {
background-color: lightgray;
padding: 10px;
}
.adces-store-navigation > p {
margin: 0;
}
.adces-store-navigation a {
display: inline-block;
margin-bottom: 3px;
}
.cmskit.adces-ceu-credits-widget .transcript-start-date, .cmskit.adces-ceu-credits-widget .transcript-end-date {
margin-right: 10px;
}
.cmskit.adces-ceu-credits-widget .activity-title-filter {
width: 300px;
}
.cmskit.adces-ceu-credits-widget .year-filter {
margin-left: 5px;
width: 100px;
}
/* Banner is used on the store home page */
.adces-department-banner {
color: #fff;
font-family: sans-serif;
font-size: 0; /* a gets added by Sitefinity and we want to truly center our CSS content text */
height: 40px;
line-height: 40px;
text-align: center;
width: 100%;
}
.adces-department-banner:after {
font-size: 20px;
}
[data-department-name="Certificate Programs"] .adces-department-banner {
background-color: #615E9B;
}
[data-department-name="Certificate Programs"] .adces-department-banner:after {
content: "Certificate Programs";
}
[data-department-name="Online Educations"] .adces-department-banner {
background-color: #00968F;
}
[data-department-name="Online Educations"] .adces-department-banner:after {
content: "Online Education";
}
[data-department-name=Publications] .adces-department-banner {
background-color: #84BD00;
}
[data-department-name=Publications] .adces-department-banner:after {
content: "Publications";
}
[data-department-name="In Person Events"] .adces-department-banner {
background-color: #00afd7;
}
[data-department-name="In Person Events"] .adces-department-banner:after {
content: "Live Events";
}
[data-department-name="Virtual Events"] .adces-department-banner {
background-color: #00afd7;
}
[data-department-name="Virtual Events"] .adces-department-banner:after {
content: "Virtual Events";
}
[data-department-name="Unlisted Events"] .adces-department-banner {
background-color: #00afd7;
}
[data-department-name="Unlisted Events"] .adces-department-banner:after {
content: "Unlisted Events";
}
[data-department-name=Bundles] .adces-department-banner {
background-color: #002958;
}
[data-department-name=Bundles] .adces-department-banner:after {
content: "Bundles";
}
[data-department-name="Fundraising Products"] .adces-department-banner {
background-color: #002958;
}
[data-department-name="Fundraising Products"] .adces-department-banner:after {
content: "Fundraising";
}
.catalog-related-item-link {
display: block;
font-size: 16px;
margin-top: 0.67em;
}
.adces-resources-search-results #search-results {
position: relative;
}
.adces-resources-search-results #search-results .search-result {
margin-bottom: 20px;
}
.adces-resources-search-results #search-results .search-result .search-result-title {
color: #00968f;
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 2px;
}
.adces-resources-search-results #search-results .search-result .search-result-title:hover {
text-decoration: none;
}
.adces-resources-search-results #search-results .search-result em {
background-color: #ffff00;
font-style: normal;
font-weight: bold;
}
.adces-resources-search-results #search-results-pager .pagination {
margin: 0;
}
ul.pagination li {
content: none;
}
ul.pagination li + li {
margin-left: 25px;
}
.CustomRadioButtonList {
display: flex;
flex-direction: column;
gap: 1rem;
}
.CustomRadioButtonList .CustomRadioButtonList-Item {
cursor: pointer;
font-weight: normal;
margin: 0;
}
.CustomRadioButtonList .CustomRadioButtonList-Item input[type=radio] {
margin-right: 0.5rem;
}
.CustomRadioButtonList .membership-package-pricing.has-discount .original-price {
text-decoration: line-through;
text-decoration-color: red;
}
.CustomRadioButtonList .membership-package-pricing.has-discount .discounted-price {
color: red;
margin-left: 1rem;
}
main {
padding: 30px 0;
}
main:has(.online-store-listing-wrapper, .online-store-detail-wrapper) {
padding: 0;
}
main:has(.online-store-listing-wrapper, .online-store-detail-wrapper) .breadcrumbs {
display: none;
}
.container:has(.online-store-listing-wrapper) {
display: grid;
grid-template-columns: 1fr 3fr;
grid-template-rows: auto 12px 84px auto;
grid-template-areas: "search types" "search sort" "filters sort" "filters listing";
column-gap: 32px;
max-width: unset;
padding-inline-end: 48px;
padding-inline-start: 0;
}
.container:has(.online-store-listing-wrapper):has(.online-store-listing-wrapper.store-loading) {
position: relative;
min-height: 100vh;
pointer-events: none;
}
.container:has(.online-store-listing-wrapper):has(.online-store-listing-wrapper.store-loading)::before {
content: "";
position: fixed;
block-size: 100%;
inline-size: 100%;
inset: 0;
animation: breathe 2s ease-in-out infinite;
z-index: 100;
}
.container:has(.online-store-listing-wrapper):has(.online-store-listing-wrapper.store-loading) > * {
visibility: hidden;
}
.container:has(.online-store-listing-wrapper):has(.online-store-listing-wrapper.store-loaded) {
animation: fadeIn 0.5s ease-in-out forwards;
}
.container:has(.online-store-listing-wrapper):has(.online-store-listing-wrapper.store-loaded) > * {
visibility: visible;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .event-listing {
display: contents;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .event-listing > .sf_colsOut {
width: 100% !important;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .event-listing::before {
background-color: #F8F8FB;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .sf_2cols_1_50 {
width: 100%;
max-width: 100%;
background-color: #F8F8FB;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .sf_1col_1_100 {
display: contents;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) #CakeLayer_TB8891A34014_Col00 {
display: contents;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .sfNavWrp {
display: contents;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] label {
text-align: left !important;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .k-picker-wrap {
block-size: 32px;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) .k-picker-wrap input {
min-height: unset;
}
.container:has(.online-store-listing-wrapper):has(.event-listing) ul.pagination {
margin-block-end: 32px;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) {
grid-template-areas: "search types" "search listing" "filters listing" "filters listing";
grid-template-rows: auto 84px 84px auto;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .online-store-home .sf_colsOut:first-of-type:not(.sf_2cols_1_25) {
background-color: transparent;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .online-store-home .sf_colsOut:first-of-type:not(.sf_2cols_1_25) .cmskit-widget-catalog-item-list .cmskit-catalog-row {
padding-block-start: 0;
padding-block-end: 24px;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .online-store-home > .sf_colsOut:last-of-type {
margin-block-start: 24px;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .online-store-home > .sf_colsOut:last-of-type .sf_cols:nth-of-type(odd) {
display: flex;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .ADCES_CF_SideMenu {
margin-block-start: 16px;
}
@media (max-width: 992px) {
.container:has(.online-store-listing-wrapper):has(.online-store-home) {
display: flex;
flex-direction: column;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .cmskit-widget-catalog-item-list .cmskit-catalog-row {
margin-block: 16px;
border: none !important;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .online-store-home > .sf_colsOut:last-of-type .sf_cols:nth-of-type(odd) > .sf_colsOut:first-of-type {
padding-inline-end: 0;
}
.container:has(.online-store-listing-wrapper):has(.online-store-home) .online-store-home > .sf_colsOut:last-of-type .sf_cols:nth-of-type(odd) > .sf_colsOut:last-of-type {
padding-inline-end: 16px;
}
}
.container:has(.online-store-listing-wrapper) button, .container:has(.online-store-listing-wrapper) input.btn, .container:has(.online-store-listing-wrapper) .cmskit .btn-primary {
background-color: #CEDC00;
color: #002958;
font-family: "quincy-cf", serif;
font-weight: 700;
display: block;
text-align: center;
width: 100%;
transition: background-color 0.3s ease, color 0.3s ease;
text-transform: capitalize;
}
.container:has(.online-store-listing-wrapper) button:hover, .container:has(.online-store-listing-wrapper) input.btn:hover, .container:has(.online-store-listing-wrapper) .cmskit .btn-primary:hover {
background-color: #00677F;
color: #fff;
}
.container:has(.online-store-listing-wrapper) .sf_2cols_2_75 .sf_2cols_2in_75 {
margin-inline-start: 0;
}
.container:has(.online-store-listing-wrapper) .sf_colsOut:has(.cmskit-widget-catalog-search-text-box) {
padding: 0;
background-color: #F8F8FB;
padding-inline: 32px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] {
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: auto auto;
grid-template-areas: "label label" "input button";
column-gap: 8px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] label {
grid-area: label;
text-align: left;
font-size: 1.6rem;
font-weight: 400;
}
@media (max-width: 992px) {
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] label {
font-size: 1.6rem;
}
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] input {
grid-area: input;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] .cmskit-catalog-search-button {
grid-area: button;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-search-text-box div[data-role=cmskitCatalogSearchTextBox] .cmskit-catalog-search-button svg {
display: none;
}
.container:has(.online-store-listing-wrapper) > div {
display: contents;
}
.container:has(.online-store-listing-wrapper) h1 {
display: none;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul {
grid-area: types;
position: relative;
border: none;
display: flex;
gap: 12px;
overflow-x: auto;
overflow-y: visible;
scrollbar-width: none;
margin-block-start: 26px;
padding-block: 12px;
block-size: fit-content;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul::before {
content: "Filter by Type:";
font-family: "rival-sans", sans-serif;
font-weight: 400;
font-size: 16px;
color: #002958;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li {
border: none;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a {
padding-inline: 8px;
padding-block: 4px;
background-color: rgba(0, 103, 127, 0.0509803922);
color: #00677F;
font-family: "quincy-cf", serif;
font-weight: 700;
font-size: 16px;
border-radius: 5px;
outline: 1px solid rgba(0, 103, 127, 0.2);
transition: background-color 0.3s ease, color 0.3s ease, outline 0.3s ease;
text-wrap: nowrap;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a:hover {
background-color: rgba(0, 103, 127, 0.1019607843);
outline: 2px solid rgba(0, 103, 127, 0.2);
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul li a.sfSel {
background-color: #00677F;
color: white;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav ul::after {
content: "";
position: sticky;
right: 0;
top: 0;
height: 100%;
width: 48px;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.85) 80%, #fff 100%);
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav .text-right {
grid-area: sort;
display: flex;
align-items: center;
gap: 24px;
padding-block: 24px;
border-block: 1px solid rgba(145, 157, 157, 0.1254901961);
inline-size: 100%;
max-width: unset;
margin-block: 12px;
padding-inline: 0;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav .text-right label {
font-family: "rival-sans", sans-serif;
font-weight: 400;
font-size: 16px;
color: #002958;
min-inline-size: fit-content;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav .text-right select {
font-weight: 400;
font-size: 16px;
color: #919D9D;
max-inline-size: 175px;
}
.container:has(.online-store-listing-wrapper) div.sf_cols > div:has(.cmskit-widget-catalog-search-text-box) {
grid-area: search;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper::after {
content: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-checkboxlist-column,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-HierarchicalCheckBoxList {
display: flex;
flex-direction: column;
gap: 18px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-checkboxlist-column .checkbox,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-HierarchicalCheckBoxList .checkbox {
margin-block: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .category-titles {
max-block-size: 100%;
overflow: auto;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .col-md-4:has(> .cmskit-current-page-description) {
min-width: 100%;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description {
padding-block: 24px;
font-size: 1.6rem;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description .results-info-wrapper {
display: flex;
flex-direction: column;
gap: 4px;
color: #002958;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description .clear-filters-wrapper {
display: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description > span:last-of-type {
color: #919D9D;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut {
width: 100%;
max-width: 100%;
padding: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type {
grid-area: filters;
background-color: #F8F8FB;
padding-inline: 32px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type h4 {
display: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-facet-header {
font-family: "quincy-cf", serif;
font-weight: 700;
font-size: 20px;
color: #505759;
border: none;
text-transform: capitalize;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-facet-header:not(:first-of-type) {
margin-block-start: 48px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList {
font-weight: 400;
font-size: 16px;
color: #002958;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column input,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #919D9D;
cursor: pointer;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column input:checked,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList input:checked {
background: #00677F;
border-color: #00677F;
}
@media (min-width: 992px) {
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item-level-1 .hierarchical-list-item-inner .checkbox label,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item-level-1 .hierarchical-list-item-inner .checkbox label {
padding-left: 28px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item-level-1 .hierarchical-list-item-inner .checkbox input,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item-level-1 .hierarchical-list-item-inner .checkbox input {
margin-left: -28px;
}
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item-inner,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item-inner {
justify-content: space-between;
align-items: center;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item-inner .hierarchical-toggle,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item-inner .hierarchical-toggle {
margin: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item-inner .hierarchical-toggle::before,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item-inner .hierarchical-toggle::before {
content: url('data:image/svg+xml;utf8,');
transition: transform 0.3s ease;
display: block;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item .hierarchical-list-item-level-2,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item .hierarchical-list-item-level-2 {
font-size: 1.4rem;
margin-inline-start: 0;
padding-inline-start: 1.2rem;
padding-block: 12px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item .hierarchical-list-item-level-2 .checkbox input[type=checkbox],
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item .hierarchical-list-item-level-2 .checkbox input[type=checkbox] {
margin-left: -32px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item .hierarchical-list-item-level-2 label,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item .hierarchical-list-item-level-2 label {
font-weight: 300;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item .hierarchical-list-item-level-2:not(:last-of-type),
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item .hierarchical-list-item-level-2:not(:last-of-type) {
border-block-end: 1px solid #D8EBEB;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item.show-hierarchy .hierarchical-toggle::before,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item.show-hierarchy .hierarchical-toggle::before {
transform-origin: center;
transform: rotate(180deg);
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type {
grid-area: listing;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination {
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li {
padding: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:first-of-type a, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:last-of-type a {
display: flex;
justify-content: center;
align-items: center;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:first-of-type a {
float: left;
padding-inline-end: 14px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:last-of-type a {
padding-inline-start: 14px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li > span, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li a {
padding: 10px;
color: #00677F;
background-color: #F4F5FE;
text-decoration: none;
transition: background-color 0.3s ease;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li.active > span, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li.active a {
background-color: #F9FAE3;
border-bottom: 2px solid #CEDC00;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:hover > span, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:hover a {
background-color: #E8EAF8;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:first-of-type, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:last-of-type {
flex: 1;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:first-of-type a, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:first-of-type span, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:last-of-type a, .container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:last-of-type span {
background-color: #CEDC00;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li:last-of-type a {
float: right;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination li::before {
content: none;
}
.container:has(.online-store-listing-wrapper) .sf_cols .sf_colsOut:has(.cmskit-widget-catalog-search-text-box) {
width: 100%;
max-width: 100%;
padding-block-start: 14px;
}
.container:has(.online-store-listing-wrapper) .sf_cols .sf_colsOut:has(.cmskit-widget-catalog-search-text-box) > div {
margin-left: 0;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row {
padding-block: 48px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row:first-of-type {
padding-block-start: 0;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row:not(:last-of-type) {
border-bottom: 1px solid rgba(145, 157, 157, 0.1254901961);
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row.featured-item .cmskit-catalog-title::before {
content: "NEW";
background-color: #CDF9F7;
color: #00968F;
font-family: "rival-sans", sans-serif;
font-weight: 400;
font-size: 12px;
padding-inline: 6px;
border-radius: 5px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row {
position: relative;
display: grid;
grid-template-columns: 1fr 3fr 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas: "image tags ." "image title cart" "image description cart" "image price .";
column-gap: 24px;
row-gap: 8px;
inline-size: 100%;
margin-inline: 0;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:not(:has(.category-titles)), .container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:has(.category-titles:empty) {
grid-template-rows: auto auto auto;
grid-template-areas: "image title cart" "image description cart" "image price .";
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:not(:has(.category-titles)) .cmskit-catalog-title, .container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:has(.category-titles:empty) .cmskit-catalog-title {
padding-block-start: 16px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:not(.listing-with-image) {
grid-template-columns: 4fr 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas: "tags ." "title cart" "description cart" "price cart";
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:not(.listing-with-image):not(:has(.category-titles)), .container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:not(.listing-with-image):has(.category-titles:empty) {
grid-template-rows: auto auto auto;
grid-template-areas: "title cart" "description cart" "price cart";
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row::after, .container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row::before {
content: none;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row > div {
display: contents;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .category-titles {
grid-area: tags;
display: flex;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
block-size: fit-content;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .category-titles:not(:has(li)) {
display: none;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .category-titles::before {
content: "Tags: ";
color: #505759;
padding-inline-end: 12px;
font-size: 14px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .category-titles li {
padding-block: 0;
padding-inline: 8px;
background-color: #EDEEF5;
color: #615E9B;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .category-titles li::before {
content: none;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .catalog-listing-image {
grid-area: image;
margin-block: auto;
max-block-size: 275px;
inline-size: auto;
max-inline-size: 100%;
object-fit: contain;
box-shadow: 0px 4px 30px 0px rgba(0, 41, 88, 0.0784313725);
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-catalog-title {
grid-area: title;
font-family: "quincy-cf", serif;
font-weight: 700;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-catalog-title a {
font-size: 24px;
color: #002958;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-catalog-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-catalog-listing-description-wrapper {
grid-area: description;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-catalog-listing-description-wrapper img {
grid-area: image;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list {
grid-area: price;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
gap: 38px;
font-size: 14px;
margin-block-start: 16px;
color: #505759;
background-color: transparent;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list .cmskit-price-label {
display: flex;
gap: 8px;
align-items: center;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list .cmskit-price-name::after {
content: ":";
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list .cmskit-price-amount {
font-weight: 700;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list .cmskit-member-price-label {
color: #505759;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list .cmskit-member-price-label .cmskit-price-amount {
color: #00677F;
font-size: 24px;
font-family: "quincy-cf", serif;
font-weight: 700;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-prevent-double-submit {
grid-area: cart;
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-template-areas: "cartbtn cartbtn" "view arrow";
row-gap: 24px;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-prevent-double-submit input {
grid-area: cartbtn;
z-index: 2;
block-size: fit-content;
margin-block-start: auto;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-prevent-double-submit::before {
content: "View Product ";
grid-area: view;
font-family: "quincy-cf", serif;
font-weight: 700;
border-bottom: 2px solid #CEDC00;
margin-inline-start: auto;
transition: all 0.3s ease;
inline-size: fit-content;
block-size: fit-content;
text-align: center;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-prevent-double-submit::after {
content: ">";
grid-area: arrow;
font-family: "quincy-cf", serif;
font-weight: 700;
border-bottom: 2px solid #CEDC00;
transition: all 0.3s ease;
inline-size: fit-content;
block-size: fit-content;
padding-inline: 4px;
text-align: center;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:has(.cmskit-catalog-title:hover) .cmskit-prevent-double-submit::before, .container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:has(.cmskit-catalog-title:hover) .cmskit-prevent-double-submit::after {
border-bottom-color: #00677F;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-item-list .cmskit-catalog-row .row:has(.cmskit-catalog-title:hover) .cmskit-prevent-double-submit::after {
padding-inline-start: 8px;
}
@keyframes breathe {
0%, 100% {
background-color: #ffffff;
}
50% {
background-color: #c5c5c5;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
pointer-events: auto;
}
}
@media (max-width: 992px) {
.container:has(.online-store-listing-wrapper) {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-template-areas: "search" "filters" "listing";
margin: 0;
padding: 0;
}
.container:has(.online-store-listing-wrapper) .cmskit-widget-catalog-pager + .cmskit-widget-catalog-item-list {
margin: 0;
}
.container:has(.online-store-listing-wrapper) div.sf_cols > div:has(.cmskit-widget-catalog-search-text-box) {
grid-area: search;
background-color: white;
}
.container:has(.online-store-listing-wrapper) .sfNavWrp.sfNavHorizontalTabsWrp.adces-nav .text-right {
display: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description {
flex-direction: column;
align-items: start;
padding-inline: 32px;
padding-block: 0 16px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description > span:not(.clear-filters-wrapper) {
display: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description .clear-filters-wrapper {
display: block;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-current-page-description .clear-filters-wrapper .clear-filters-link {
text-decoration: underline;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-widget-catalog-item-list .cmskit-catalog-row {
padding-block: 24px 0;
border-bottom: 20px solid #EBEBEB;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-widget-catalog-item-list .cmskit-catalog-row:first-of-type {
border-top: 20px solid #EBEBEB;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .cmskit-widget-catalog-item-list .cmskit-catalog-row .cmskit-catalog-title a {
font-size: 18px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type {
grid-area: filters;
background-color: white;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .type-dropdown .dropdown-summary {
block-size: 52px;
font-size: 14px;
font-family: "rival-sans", sans-serif;
font-weight: 400;
color: #505759;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown {
margin-block: 16px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-summary {
display: flex;
align-items: center;
border: 1px solid #919D9D;
padding-inline: 18px;
border-radius: 5px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-summary span {
font-size: 14px;
font-family: "rival-sans", sans-serif;
font-weight: 400;
color: #505759;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-summary::after {
content: url('data:image/svg+xml;utf8,');
margin-left: auto;
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown[open] > .dropdown-summary {
background-color: #ECF6F6;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown[open] > .dropdown-summary::after {
content: url('data:image/svg+xml;utf8,');
margin-left: auto;
transform: rotate(0deg);
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-content {
display: flex;
flex-direction: column;
gap: 1.6rem;
list-style: none;
margin: 0;
padding: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-content li {
padding-block: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-content li::before {
content: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-content .cmskit-checkboxlist-column,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .dropdown-content .cmskit-HierarchicalCheckBoxList {
padding-block: 1.2rem;
padding-inline-start: 3.4rem;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .filter-by-type {
padding-inline: 4px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .filter-by-type::after {
content: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .checkbox label {
position: relative;
padding-left: 2.4rem;
text-decoration: none;
color: inherit;
font-family: "rival-sans", sans-serif;
line-height: 1.4;
font-weight: 400;
font-size: 16px;
color: #002958;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a input,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .checkbox label input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 15px;
height: 15px;
border-radius: 2px;
border: 1px solid #919D9D;
background: #D8EBEB;
cursor: pointer;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a input:checked,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .checkbox label input:checked {
background: #00677F;
border-color: #00677F;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 15px;
border-radius: 2px;
background: #D8EBEB;
border: 1px solid #919D9D;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a.sfSel::before {
background: #00677F;
border-color: #00677F;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a:hover::before,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .dropdown .sfNavHorizontalTabs.sfNavList.sfLevel1.filter-by-type.dropdown-content li a:focus-visible::before {
border-color: #00677F;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .filters-dropdown {
font-family: "quincy-cf", serif;
font-weight: 700;
color: #002958;
margin-block-start: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .filters-dropdown ul li {
padding-inline-start: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .filters-dropdown > .dropdown-summary {
border: none;
border-bottom: 1px solid #D8EBEB;
border-radius: 0;
padding-inline: 0;
padding-block: 12px;
color: #00677F;
font-size: 1.6rem;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .filters-dropdown[open] > .dropdown-summary {
background-color: unset;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList {
margin-block: 1.2rem !important;
font-weight: 400;
font-size: 16px;
color: #002958;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-checkboxlist-column .hierarchical-list-item-level-2,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:first-of-type .cmskit-HierarchicalCheckBoxList .hierarchical-list-item-level-2 {
margin-inline-start: 12px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type {
grid-area: listing;
max-width: 100dvw;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-pager .row .col-md-4:last-of-type {
display: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto auto;
grid-template-areas: "image" "tags" "title" "price" "cart";
max-block-size: unset;
max-inline-size: 100%;
margin-inline: auto;
row-gap: 24px;
text-align: center;
padding-inline: 24px;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row img {
margin-inline: auto;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-catalog-listing-description-wrapper {
display: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-price-list {
flex-direction: column-reverse;
gap: 16px;
margin-block: 0;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-prevent-double-submit::after,
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .cmskit-prevent-double-submit::before {
content: none;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .cmskit-widget-catalog-item-list .cmskit-catalog-row .row .category-titles {
justify-content: center;
}
.container:has(.online-store-listing-wrapper) .online-store-listing-wrapper .sf_colsOut:last-of-type .pagination {
padding-inline: 2.4rem;
padding-block: 1.2rem;
border-bottom: 20px solid #EBEBEB;
gap: 18px;
}
}
@media (min-width: 992px) {
.container:has(.online-store-detail-wrapper) {
max-width: 1230px;
}
}
.online-store-detail-wrapper {
padding-block: 32px;
margin-block-end: 32px;
}
.online-store-detail-wrapper.store-loading {
position: relative;
min-height: 100vh;
pointer-events: none;
}
.online-store-detail-wrapper.store-loading::before {
content: "";
position: fixed;
block-size: 100%;
inline-size: 100%;
inset: 0;
animation: breathe 2s ease-in-out infinite;
z-index: 100;
}
.online-store-detail-wrapper.store-loading * {
visibility: hidden;
}
.online-store-detail-wrapper.store-loaded {
animation: fadeIn 0.5s ease-in-out forwards;
}
.online-store-detail-wrapper.store-loaded * {
visibility: visible;
}
.online-store-detail-wrapper button, .online-store-detail-wrapper input.btn, .online-store-detail-wrapper .cmskit .btn-primary {
background-color: #CEDC00;
color: #002958;
font-family: "quincy-cf", serif;
font-weight: 700;
display: block;
text-align: center;
width: 100%;
transition: background-color 0.3s ease, color 0.3s ease;
text-transform: capitalize;
}
.online-store-detail-wrapper button:hover, .online-store-detail-wrapper input.btn:hover, .online-store-detail-wrapper .cmskit .btn-primary:hover {
background-color: #00677F;
color: #fff;
}
.online-store-detail-wrapper .back-to-previous {
font-family: "quincy-cf", serif;
font-weight: 700;
border-block-end: 2px solid #CEDC00;
color: #002958;
padding: 10px;
text-decoration: none;
font-size: 16px;
transition: border-color 0.3s ease;
}
.online-store-detail-wrapper .back-to-previous-container {
margin-block-end: 48px;
padding-inline: 15px;
}
.online-store-detail-wrapper .back-to-previous span {
display: inline-block;
transition: transform 0.3s ease;
}
.online-store-detail-wrapper .back-to-previous:hover {
border-color: #00677F;
}
.online-store-detail-wrapper .back-to-previous:hover span {
display: inline-block;
transform: translateX(-4px);
}
@media (min-width: 992px) {
.online-store-detail-wrapper > .sf_2cols_1_75 {
padding-inline-end: 36px;
}
.online-store-detail-wrapper > .sf_2cols_2_25 {
border-inline-start: 1px solid #D8EBEB;
padding-inline-start: 36px;
margin-block-end: 32px;
}
.online-store-detail-wrapper > .sf_2cols_2_25 > .sf_colsIn {
margin-left: 0;
}
}
.online-store-detail-wrapper .cmskit-product-abstract {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-template-areas: "title" "tags" "description";
gap: 12px;
}
.online-store-detail-wrapper .cmskit-product-abstract:has(img) {
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
grid-template-areas: "image title" "image tags" "image description";
column-gap: 38px;
}
.online-store-detail-wrapper .cmskit-product-abstract h1 {
grid-area: title;
font-size: 40px;
}
.online-store-detail-wrapper .cmskit-product-abstract img {
grid-area: image;
block-size: 100%;
max-block-size: 450px;
inline-size: auto;
max-inline-size: 100%;
object-fit: contain;
margin-inline: auto;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags:not(:has(.tags-list)), .online-store-detail-wrapper .cmskit-product-abstract .tags:has(.tags-list > li:only-child[data-tag=ADCESStore]) {
display: none;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags .tags-list {
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-block-start: 8px;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags .tags-list li {
padding-block: 0;
padding-inline: 8px;
background-color: #EDEEF5;
color: #615E9B;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags .tags-list li[data-tag=ADCESStore] {
display: none;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags .tags-list li::before {
content: none;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags::before {
content: "Tags: ";
font-weight: 400;
font-size: 14px;
color: #505759;
}
.online-store-detail-wrapper .tabstrip-as-details {
display: flex;
flex-direction: column;
gap: 16px;
margin-block: 48px;
}
.online-store-detail-wrapper .tabstrip-as-details ul li::before {
top: 8px;
left: 8px;
}
.online-store-detail-wrapper .tabstrip-as-details .dropdown-summary {
display: flex;
justify-content: space-between;
align-items: center;
font-family: "quincy-cf", serif;
font-weight: 700;
font-size: 20px;
padding-block-end: 16px;
border-bottom: 1px solid #D8EBEB;
color: #002958;
}
.online-store-detail-wrapper .tabstrip-as-details .dropdown-summary .caret-down {
inline-size: 21px;
block-size: 21px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(206, 220, 0, 0.2);
transition: transform 0.3s ease, background-color 0.3s ease;
}
.online-store-detail-wrapper .tabstrip-as-details .dropdown-content {
padding-block-start: 16px;
}
.online-store-detail-wrapper .tabstrip-as-details .dropdown[open] .dropdown-summary .caret-down {
transform: rotate(180deg);
background-color: #CEDC00;
}
.online-store-detail-wrapper .sfContentBlock:has(+ .cmskit-widget-catalog-item-card) > h2 {
font-weight: 700;
font-size: 24px;
color: #505759;
}
@media (max-width: 992px) {
.online-store-detail-wrapper .sfContentBlock:has(+ .cmskit-widget-catalog-item-card) > h2 {
display: none;
}
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card {
background-color: rgba(216, 235, 235, 0.3019607843);
border: 1px solid #D8EBEB;
}
@media (max-width: 992px) {
.online-store-detail-wrapper .cmskit-widget-catalog-item-card {
background-color: #D8EBEB;
}
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good {
min-height: unset;
border-radius: 5px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > hr {
margin-block: 20px;
border-color: rgba(0, 41, 88, 0.2);
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid {
padding-block-end: 20px;
border-block-end: 1px solid rgba(0, 41, 88, 0.2);
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid .row .col-md-4:not(:has(select)) {
display: none;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid .row .col-md-4:not(:has(select)) + .col-md-8 {
max-width: 100%;
flex: 1;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good select {
border: 2px solid #CEDC00;
padding: 0;
padding-inline-start: 12px;
background-color: rgba(216, 235, 235, 0.3019607843);
min-inline-size: 42px;
font-family: "quincy-cf", serif;
font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50006 6L0 0H9L4.50006 6Z' fill='%23002958'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 9px 6px;
}
@media (max-width: 1060px) and (min-width: 992px) {
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good .cmskit-prevent-double-submit {
margin-inline-start: -10px;
}
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good .cmskit-price-list {
display: flex;
flex-direction: column-reverse;
gap: 12px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good .cmskit-price-list .cmskit-price-label {
display: flex;
justify-content: space-between;
gap: 4px;
color: #505759;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good .cmskit-price-list .cmskit-member-price-label {
color: inherit;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good .cmskit-price-list .cmskit-member-price-label .cmskit-price-amount {
color: #00677F;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card {
margin-block-start: 32px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card .card-body {
gap: 0;
padding: 0;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card .card-title {
font-weight: 700;
font-size: 24px;
color: #505759;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card .card-text {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #505759;
position: relative;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card .card-text strong {
color: #00677F;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card .card-text::after {
content: "";
block-size: 1px;
inline-size: calc(100% - 32px);
background-color: #002958;
position: absolute;
bottom: 0;
left: 0;
transform: translateX(16px);
opacity: 20%;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card p {
margin: 0;
background-color: rgba(216, 235, 235, 0.3019607843);
padding-block-end: 0;
padding-inline: 16px;
padding-block: 16px;
border: 1px solid #e7e7e7;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card p .link-btn--left {
background-image: none;
background-color: #CEDC00;
color: #002958;
font-family: "quincy-cf", serif;
font-weight: 700;
display: block;
text-align: center;
width: 100%;
transition: background-color 0.3s ease, color 0.3s ease;
text-transform: capitalize;
font-size: 16px;
border-radius: 5px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card p .link-btn--left:hover {
background-color: #00677F;
color: #fff;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card p:first-of-type {
border-block-end: none;
border-radius: 5px 5px 0 0;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card p:last-of-type {
border-block-start: none;
border-radius: 0 0 5px 5px;
}
.online-store-detail-wrapper .card h3 {
font-weight: 700;
font-size: 24px;
color: #505759;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items h2 {
font-weight: 700;
font-size: 24px;
color: #505759;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items h2 + p {
display: none;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards {
display: flex;
flex-direction: column;
gap: 12px;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card:nth-child(n+4) {
display: none;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: auto auto;
grid-template-areas: "image title" "tags tags";
gap: 8px;
padding-inline: 12px;
padding-block: 16px;
background-color: rgba(97, 94, 155, 0.0509803922);
border-radius: 5px 5px 0 0;
border: 1px solid #D8EBEB;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card:not(:has(.related-card-image)) {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
grid-template-areas: "title" "tags";
}
@media (max-width: 992px) {
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card:has(.related-card-image) {
grid-template-columns: 1fr 2fr;
grid-template-rows: auto auto;
grid-template-areas: "image title" "image tags";
}
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card .related-card-title {
grid-area: title;
color: #002958;
margin: 0;
font-family: "rival-sans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 20px;
padding-block-end: 0;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card .related-card-link {
color: #002958;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card .related-card-image {
grid-area: image;
box-shadow: 0px 4px 4px 0px rgba(77, 84, 106, 0.2392156863);
block-size: fit-content;
margin-block: auto;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card .related-card-image img {
max-block-size: 100%;
inline-size: auto;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards .related-card .related-card-tags {
grid-area: tags;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
color: #615E9B;
font-size: 14px;
font-weight: 400;
}
@media (max-width: 992px) {
.online-store-detail-wrapper .back-to-previous {
margin-inline: auto;
font-size: 14px;
}
.online-store-detail-wrapper .back-to-previous-container {
display: flex;
margin-block-end: 38px;
}
.online-store-detail-wrapper .cmskit-product-abstract {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas: "image" "tags" "title" "description";
gap: 8px;
}
.online-store-detail-wrapper .cmskit-product-abstract .tags {
font-size: 12px;
padding-block-start: 24px;
}
.online-store-detail-wrapper .cmskit-product-abstract:has(img) {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas: "image" "tags" "title" "description";
}
.online-store-detail-wrapper .cmskit-product-abstract:has(img) img {
max-inline-size: 75%;
}
.online-store-detail-wrapper .tabstrip-as-details {
margin-block: 24px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card {
position: fixed;
bottom: 0;
z-index: 7;
inset-inline: 0;
box-shadow: 0px -4px 18px 0px rgba(54, 62, 88, 0.2392156863);
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card + .card {
margin-block-start: 16px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good {
padding: 0;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good hr {
display: none;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good .cmskit-price-list {
padding-inline: 24px;
padding-block: 12px;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid {
padding-inline: 24px;
padding-block: 12px;
background-color: white;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid .row {
flex-wrap: nowrap;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid .row > div:first-of-type {
flex: 1;
}
.online-store-detail-wrapper .cmskit-widget-catalog-item-card .add-to-cart-panel.add-to-cart-panel-digital-or-physical-good > .grid .row > div:last-of-type {
flex: 3;
}
.online-store-detail-wrapper .cmskit-catalog-item-related-items.cmskit-widget-catalog-related-items .related-cards {
margin-block-end: 24px;
}
}
main:has(.account-creation__wrap) {
padding: 0;
}
main:has(.account-creation__wrap) .container.breadcrumbs {
display: none;
}
.container:has(.account-creation__wrap) {
margin: 0;
padding: 0;
max-width: unset;
}
.container:has(.account-creation__wrap) .account-creation__wrap {
display: grid;
grid-template-columns: 6fr 4fr;
grid-template-rows: 1fr;
grid-template-areas: "hero sidebar";
min-block-size: 700px;
}
.container:has(.account-creation__wrap) .account-creation__hero {
grid-area: hero;
position: relative;
overflow: hidden;
}
.container:has(.account-creation__wrap) .account-creation__hero img {
position: absolute;
width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
}
.container:has(.account-creation__wrap) .account-creation__sidebar {
grid-area: sidebar;
padding: 5rem 8rem;
display: grid;
grid-template-rows: auto repeat(5, auto);
grid-template-columns: 1fr 1fr;
grid-template-areas: "heading heading" "firstname lastname" "positiontype zipcode" "emailsection emailsection" "optin optin" "submit submit" "login login";
column-gap: 10px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar > .sfContentBlock:first-of-type {
grid-area: heading;
}
.container:has(.account-creation__wrap) .account-creation__sidebar > .sfContentBlock:last-of-type,
.container:has(.account-creation__wrap) .account-creation__sidebar .account-creation__login-btn {
grid-area: login;
z-index: 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar > .sfContentBlock:last-of-type .btn,
.container:has(.account-creation__wrap) .account-creation__sidebar .account-creation__login-btn .btn {
font-size: 1.4rem;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_ind_first_name]) {
grid-area: firstname;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_ind_last_name]) {
grid-area: lastname;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_ind_dob]) {
grid-area: dateofbirth;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=ind_new_user_zip_ext]) {
grid-area: zipcode;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_ind_position_type_z12_key_ext]),
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_ind_primary_practice_setting_a04_key_ext]) {
grid-area: positiontype;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) {
grid-area: emailsection;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has(.checkbox-inline) {
grid-area: optin;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([type=submit][data-recaptcha3-action=CreateAccount]) {
grid-area: submit;
block-size: 50px;
margin-block: 16px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([type=submit][data-recaptcha3-action=CreateAccount]) [type=submit][data-recaptcha3-action=CreateAccount] {
inline-size: 100%;
block-size: 50px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:last-of-type {
margin-block-start: 16px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:last-of-type .cmskit-animated-update-panel-content {
display: flex;
flex-direction: column;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:last-of-type .cmskit-animated-update-panel-content input {
margin-block-start: auto;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .control-label {
font-family: "rival-sans", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 24px;
color: #002958;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .control-label.required:after {
content: " *";
color: #BD0000;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .form-control {
font-size: 1.6rem;
padding: 1rem;
height: auto;
min-height: auto;
transition: 0.3s;
border: 1px solid #BACECE;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .form-control:focus {
border-color: #00AFD7;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .form-control.is-invalid {
border-color: red;
background-image: none;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .validator {
color: #BD0000;
font-size: 1.4rem;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "emailtype emailaddress" "password confirmpassword" "pwdrequirementslabel pwdrequirementslabel" "pwdrequirements pwdrequirements";
column-gap: 10px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > p:first-of-type {
display: none;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > p:nth-of-type(2) {
grid-area: pwdrequirementslabel;
margin: 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > ul {
grid-area: pwdrequirements;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(select[id$=_EmailType]) {
grid-area: emailtype;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(input[id$=_EmailAddress]) {
grid-area: emailaddress;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > p,
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > ul {
grid-column: 1/-1;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(input[id$=_Password]) {
grid-area: password;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(input[id$=_ConfirmPassword]) {
grid-area: confirmpassword;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) p {
margin-top: 1rem;
color: #505759;
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 0;
padding: 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) ul {
margin: 0.5rem 0;
padding: 0;
list-style: none;
color: #505759;
font-size: 1.4rem;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) ul li {
padding: 0;
margin: 0.2rem 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) ul li::before {
content: none;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .row {
margin-inline: 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .row .col-md-6, .container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .row .col-md-9 {
flex: 1;
width: 100%;
max-width: none;
padding: 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .checkbox-inline {
font-family: "rival-sans", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 24px;
color: #002958;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .checkbox-inline input[type=checkbox] {
margin-right: 0.8rem;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .btn {
inline-size: 100%;
background-color: #CEDC00;
color: #002958;
font-family: "quincy-cf", serif;
display: block;
text-align: center;
width: 100%;
transition: background-color 0.3s ease, color 0.3s ease;
text-transform: capitalize;
border-radius: 6px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .btn:hover {
background-color: #002958;
color: #fff;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .btn.btn--disabled {
opacity: 0.25;
cursor: not-allowed;
pointer-events: none;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .btn.btn--disabled:hover {
opacity: 0.25;
}
.container:has(.account-creation__wrap) .account-creation__sidebar a.btn--secondary {
text-decoration: none;
border: 2px solid #CEDC00;
background-color: transparent;
font-size: 1.6rem;
margin: 0;
padding: 15px 25px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar a.btn--secondary:hover {
background-color: #00677F;
border-color: #00677F;
}
.container:has(.account-creation__wrap) .account-creation__sidebar:is(.login__sidebar) {
display: flex;
flex-direction: column;
gap: 10px;
}
.container:has(.account-creation__wrap) .account-creation__sidebar:is(.login__sidebar) h1 {
padding: 0;
}
.container:has(.account-creation__wrap) .account-creation__sidebar:is(.login__sidebar) .cmskit-animated-update-panel-content .row .col-md-6 {
width: 100%;
max-width: unset;
flex: 1;
}
.container:has(.account-creation__wrap) .password-input {
position: relative;
}
.container:has(.account-creation__wrap) .password-input .form-control {
padding-right: 7rem;
}
.container:has(.account-creation__wrap) .password-toggle {
position: absolute;
top: 50%;
right: 1.2rem;
transform: translateY(-50%);
background: transparent;
border: 0;
color: #002958;
font-weight: 400;
font-size: 1.4rem;
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
padding: 0;
}
.container:has(.account-creation__wrap) .password-toggle-btn {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: none;
background: none;
cursor: pointer;
padding: 5px 8px;
padding-inline-end: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
color: #002958;
transition: opacity 0.2s ease;
font-size: 1.4rem;
font-family: "rival-sans", sans-serif;
font-weight: 400;
line-height: 1;
white-space: nowrap;
}
.container:has(.account-creation__wrap) .password-toggle-btn:hover {
opacity: 0.7;
}
.container:has(.account-creation__wrap) .password-toggle-btn:focus-visible {
outline: 2px solid #00677F;
outline-offset: 2px;
border-radius: 3px;
}
.container:has(.account-creation__wrap) .password-toggle-btn .eye-icon {
font-size: 1.6rem;
display: inline-block;
}
.container:has(.account-creation__wrap) .password-toggle-btn .eye-icon.eye-crossed {
position: relative;
}
.container:has(.account-creation__wrap) .password-toggle-btn .eye-icon.eye-crossed::after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 2px;
background-color: #002958;
transform: translateY(-50%) rotate(-45deg);
}
@media (max-width: 992px) {
.container:has(.account-creation__wrap) .account-creation__wrap {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas: "sidebar";
}
.container:has(.account-creation__wrap) .account-creation__hero {
display: none;
}
.container:has(.account-creation__wrap) .account-creation__sidebar {
flex: 1;
padding: 5rem;
grid-template-rows: repeat(7, auto);
grid-template-columns: 1fr;
grid-template-areas: "heading" "firstname" "lastname" "positiontype" "zipcode" "emailsection" "optin" "submit" "login";
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content {
grid-template-rows: repeat(7, auto);
grid-template-columns: 1fr;
grid-template-areas: "emailtype" "emailaddress" "password" "confirmpassword" "pwdrequirements" "pwdrequirementslabel";
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > p:nth-of-type(2) {
grid-area: pwdrequirementslabel;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > ul {
grid-area: pwdrequirements;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(select[id$=_EmailType]) {
grid-area: emailtype;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(input[id$=_EmailAddress]) {
grid-area: emailaddress;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(input[id$=_Password]) {
grid-area: password;
flex-direction: column;
}
.container:has(.account-creation__wrap) .account-creation__sidebar .cmskit:has([id$=_EmailType]) .cmskit-animated-update-panel-content > .row:has(input[id$=_ConfirmPassword]) {
grid-area: confirmpassword;
}
}