Programs
Inspector Certification
Use a standard card to summarize a program, service, resource, or news item.
/* Wp->Novi Conference */ body, html { overflow-x: clip; } .confnav>li>a { text-transform: uppercase !important; font-weight: 400; !important } .confnav>li>.dropdown-menu>li>a { text-transform: uppercase !important; } .conf-nav { position: sticky; top: 0; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); z-index: 1000; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); opacity: 1; background: #fff; } .conf-title { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); z-index: 900; background: #f2f2f2; text-align: center; padding: 70px 0px 70px 0px; } h1.conf-page-title { text-align: center; text-transform: uppercase; color: #000 !important } .conf-footer { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); z-index: 900; background: #0d0d0d; text-align: center; padding: 100px 0px 50px 0px; } .conf-copyright { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); z-index: 900; background: #0d0d0d; text-align: center; color: #929292; padding: 20px 0px 30px 0px; } /* mailchimp */ #mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;} /* Guest Check-out */ .login-or-guest .nav-tabs>li.active>a { border: 2px solid #368156; background: #fff !important; } .login-or-guest .tab-pane { background: #fff !important; color: #0e0f19; border-radius: 0; border-top-right-radius: none; border-top-left-radius: none; padding: 25px; border: 1px solid #368156; border-top: none; } /* Mike's code for Standards */ @media only screen and (max-width: 768px) { .btn-wide .btn { width: 33%; } } @media only screen and (max-width: 578px) { .btn-wide .btn { width: 50%; } } @media only screen and (max-width: 600px) { .btn-wide .btn { width: 100%; } } @media only screen and (max-width: 578px) { h1.title, h2.title, h3.title, h4.title, h5.title, span.title { line-height: 1.2; text-align: center; width: 100%; } } /* $2500 worth of Rebrand work? */ a{ color:#368156 } h1{ color:#01408f } .text-primary{ color:#01408f } .bg-primary{ background-color:#01408f } .btn-primary{ background-color:#01408f; border-color:#01408f; border:2px solid #01408f; background:#01408f } .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{ background-color:#01408f; border-color:#01408f } .btn-primary .badge{ color:#01408f } .btn-success{ border-color:#01408f!important; border:2px solid #01408f!important; background:#01408f!important } .btn-link{ color:#368156 } .dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{ background-color:#01408f } .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{ border-color:#368156 } .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{ background-color:#01408f } .navbar{ background:#01408f } .pagination>li>a,.pagination>li>span{ color:#368156 } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{ background-color:#01408f; border-color:#01408f } .label-primary{ background-color:#01408f } .list-group-item.active>.badge,.nav-pills>.active>a>.badge{ color:#368156 } a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{ border-color:#368156 } .progress-bar{ background-color:#01408f } .list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{ background-color:#01408f; border-color:#01408f } .panel-primary{ border-color:#01408f } .panel-primary>.panel-heading{ background-color:#01408f; border-color:#01408f } .panel-primary>.panel-heading+.panel-collapse>.panel-body{ border-top-color:#01408f } .panel-primary>.panel-heading .badge{ color:#01408f } .panel-primary>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color:#01408f } .bootstrap-datetimepicker-widget table td.today:before{ border-bottom-color:#01408f } .bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{ background-color:#01408f } .bootstrap-datetimepicker-widget table td span.active{ background-color:#01408f } .bootstrap-datetimepicker-widget.dropdown-menu table thead tr th.next span,.bootstrap-datetimepicker-widget.dropdown-menu table thead tr th.prev span{ color:#01408f } .bootstrap-datetimepicker-widget.dropdown-menu table thead tr th.dow{ border-bottom:1px solid #01408f } .fc-state-default{ color:#0e0f19 } .fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{ background-color:#01408f; background-color:#368156!important } .fc-event{ border:1px solid #368156; background-color:#368156 } .pagination a .sub-title{ color:#01408f } .pagination a.next,.pagination a.prev{ color:#368156; color:#01408f } .pagination a.next:hover,.pagination a.prev:hover{ color:#01408f } .pagination .page-numbers li{ border-right:2px solid #368156 } .pagination .page-numbers li a,.pagination .page-numbers li span{ color:#01408f } .pagination .page-numbers li a{ color:#01408f } .with-tab .jump-to strong{ color:#368156 } .with-tab .jump-to select{ background-color:#368156; color:#fff } .o-filter-bar-toggle__btn{ border:1px solid #368156; color:#368156 } .o-filter-bar-toggle__btn--active{ background:#368156; color:#fff } .alert-modal .modal-dialog .icon.brand-primary{ background:#01408f } .login-or-guest .nav-tabs>li>a{ background:#01408f } .login-or-guest .tab-pane label{ color:#368156 } .register-container .member-type h3{ color:#01408f } .register-container .step-1 .widget{ background:#368156 } .register-container .step-1 .widget h5{ background:#368156 } .register-container .step-1 .widget .content{ background:#368156 } .register-container .step-1 .widget .btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .register-container .steps-with-navigation .step-nav .number{ color:#368156; border-color:#368156 } .register-container .steps-with-navigation .step-nav.active .number{ color:#368156; background:#368156 } .register-container .steps-with-navigation .step-2 .login-container .checkbox{ background:#368156 } .register-container .steps-with-navigation .step-5 .table .description{ color:#01408f } .register-container .steps-with-navigation .step-5 .no-payment{ background:#368156 } .register-container .steps-with-navigation .step-5 .no-payment .btn{ border:1px solid #01408f } @media (max-width:767px) { .login-container .register-container .section-header,.register-container .header-ribbon,.register-container .login-container .section-header{ background:#368156; background:linear-gradient(225deg,transparent 35px,#368156 0,#368156 100%) } } #record-matching-modal .confirm-match .match-buttons,#unable-to-find-membership-modal .confirm-match .match-buttons{ border-top:2px solid #01408f } #record-matching-modal .enter-code .email-address,#unable-to-find-membership-modal .enter-code .email-address{ color:#01408f } .payment-container .instructions{ color:#368156 } .inner-message{ background:#368156 } .c-article-list__category-description{ border-top:1px solid #01408f; border-bottom:1px solid #01408f } .o-cart__product-name--link{ color:#01408f } .c-supplier-directory__li-a{ color:#01408f; color:#368156 } .c-supplier-directory__li-a:hover{ color:#01408f; color:#368156 } .checkout-container .invalid-cart{ background:#368156 } .checkout-container .products td:first-child .purchasable-by{ color:#01408f } .checkout-container .products td .remove-from-cart{ color:#368156 } .checkout-container .purchaser{ border-top:1px solid #01408f; border-bottom:1px solid #01408f } .checkout-container .table.purchase-amounts .total-row td{ border-top:1px solid #368156 } .checkout-container .no-payment{ background:#368156 } .checkout-container .success>.well{ background:#368156 } .checkout-container .summary h2{ background:#fff; border: 2px solid #368156; } .view-order-container{ border-bottom:5px solid fade(#368156,60%) } .view-order-container .widget-header{ background:#01408f } .search-container .search-results .search-result{ color:#368156 } .search-container .search-results .search-result .novicon{ color:#01408f } .search-container .search-results .search-result .info .name{ color:#01408f } .search-container .search-results .search-result .info .link{ color:#01408f } .summary h3{ background:#01408f; color:#01408f } .summary .promo-code{ border-bottom:1px solid rgba(60,144,103,.6) } .summary .promo-code .btn{ border-color:#368156 } .summary .promo-code .code-used a{ color:#368156 } .contact-us-container .box h2{ color:#01408f } .contact-us-container .box h3{ color:#01408f } .contact-us-container .box .offset-with-icon .icon{ background:#01408f } .contact-us-container .box h4{ color:#368156 } .o-details-block{ background:#368156 } .member .social-icons .icon:focus{ outline:3px solid #368156 } .directory-profile-image{ box-shadow:0 0 0 3px #01408f } .member-compass-container .c-member-compass-header h1{ color:#01408f } .member-compass-container .c-member-compass-header__powered-by{ color:#01408f } .member-compass-container .c-member-compass-nav__item:hover{ background-color:#368156 } .member-compass-container .c-member-compass-nav__item:hover a{ background-color:#368156 } .member-compass-container .c-member-compass-nav__item.active{ background-color:#368156 } .member-compass-container .c-member-compass-nav__item.active a:hover{ background-color:#368156 } .member-compass-container #dashboard .listing-table .single-census-notification .census-icon{ background-color:#368156 } .member-compass-container #dashboard .alert-area .alert-icon{ background:#01408f } .member-compass-container #dashboard .welcome a{ color:#368156 } .member-compass-container #dashboard .membership-info .member-since{ background:#368156 } .member-compass-container #dashboard .membership-info .date-container{ background:#368156 } .member-compass-container #dashboard .membership-info .date-container.renewal{ background:#368156 } .member-compass-container #dashboard .membership-info .date-container a{ background:#01408f; color:#01408f } .member-compass-container #dashboard .membership-info .date-container a:hover{ color:#01408f } .member-compass-container #dashboard .dashboard-block .btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .member-compass-container #dashboard .number-block .number-container{ background:#368156; background:linear-gradient(225deg,transparent 15px,#368156 0,#368156 100%) } .member-compass-container #dashboard .blog-category .category-name{ background:#368156; background:linear-gradient(225deg,transparent 15px,#368156 0,#368156 100%) } .member-compass-container #dashboard .blog-category .category-name h5{ color:#368156 } .member-compass-container #dashboard .blog-category .content a{ border-bottom:1px solid #01408f } .member-compass-container #dashboard .blog-category .content a .title{ color:#368156; color:#01408f } .member-compass-container #dashboard .blog-category .content a .article-info{ color:#01408f } .member-compass-container .listing-table .edit{ color:#368156 } .member-compass-container .listing-table .table td.actions>a{ color:#368156 } .member-compass-container .listing-table .btn-group .group-expander:focus,.member-compass-container .listing-table .btn-group .group-expander:hover{ border-color:#01408f } .member-compass-container .listing-table .btn-group .collapsed-btns{ background:#368156 } .member-compass-container .listing-table .btn-group .collapsed-btns a:hover,.member-compass-container .listing-table .btn-group .collapsed-btns input:hover{ background:#01408f } @media (min-width:768px) { .member-compass-container .listing-table .table .show-icon-on-mobile{ color:#368156 } .member-compass-container .listing-table .table td.with-secondary-actions a{ color:#368156 } } @media (max-width:767px) { .member-compass-container .listing-table .table .show-icon-on-mobile{ color:#368156 } .member-compass-container .listing-table .table .actions a{ color:#368156 } } .member-compass-container #events hr{ border-top:2px solid #368156 } .member-compass-container #events .event .event-inner .add-to-calendar,.member-compass-container #events .event .event-inner .event-right-button{ background:#368156!important } @media (min-width:992px) { .member-compass-container #events .event .event-inner .add-to-calendar.open .btn,.member-compass-container #events .event .event-inner .event-right-button.open .btn{ color:#01408f } } .member-compass-container #events .event .event-inner .add-to-calendar.open .btn .novicon,.member-compass-container #events .event .event-inner .event-right-button.open .btn .novicon{ color:#01408f } .member-compass-container #events .events-today{ border:1px solid #368156; background-color:rgba(60,144,103,.03) } .events-list-container .nav-tabs li.active a{ color:#368156!important } .product-detail-container .back-btn{ color:#01408f } @media (min-width:768px) { .product-detail-container .product-info .image{ background:#368156 } } .product-detail-container .product-info .pricing .non-member-price{ color:#01408f; color:#368156 } .product-detail-container .body-content .contact-box{ background:#368156 } .product-detail-container .body-content .contact-box .restrictions{ color:#01408f } .c-featured-products__icon{ color:#01408f } .c-featured-products__name{ color:#368156 } .long-form .collapsed-with-arrow:before{ border-color:#368156; background:#368156 } .long-form .collapsed-with-arrow .inner{ border-top:5px solid #368156 } .long-form .collapsed-with-arrow .switch-ios>.label-text{ color:#01408f } .long-form .info-message{ background:#368156 } .long-form .instructions{ background:#368156 } .long-form .blocks .item-block .remove{ background:#368156 } #callouts .name{ background:rgba(01,43,164,.9) } #callouts .date{ color:#01408f } .o-social-icons_container .icon{ background:#01408f } footer .separator-strip{ background-color:#368156 } footer .affiliates-area{ border-top:3px solid #01408f } .navbar-utility{ background:#01408f } .upcoming{ border-top:5px solid #368156; border-bottom:5px solid #368156 } .event-register-container .panel-heading{ background:#01408f; background:#368156 } .c-event-date-stub__btn{ border-color:#368156; border:2px solid #368156; background:#368156 } .c-event-register__h1{ color:#01408f } .c-registration__wrapper .multiselect__option--highlight:after{ color:#01408f } .c-registration__alert--link{ color:#01408f } .c-registration__alert--link:hover{ color:#01408f } .c-registration__success-novicon{ color:#01408f } .c-registration__event-title{ color:#01408f } .c-registration__ticket-category{ background:#368156 } .c-registration__ticket-title{ color:#01408f } .c-registration__attendee-initial{ border:1px solid #01408f; background:#01408f } .c-registration__tiered{ color:#368156 } .c-registration-checkin__event-title{ color:#01408f } .c-event-nav__item.active{ background-color:#368156 } @media only screen { .switch-ios .switch-container:focus{ outline:3px solid #368156 } } @media (min-width:768px) { .c-secure-contact-confirm__well .c-secure-contact-confirm__left-column{ border-right:1px solid #368156 } } .c-stepper__step-title p{ color:#01408f } .o-qty-badge{ background:#368156; color:#ffffff } .o-responsive-table__header{ background:#01408f } .btn-success:active,.btn-success:active:focus,.btn-success:focus,.btn-success:hover{ border-color:#01408f!important; border:2px solid #01408f!important; color:#01408f!important } .article-content-container .blog-categories a .novicon{ color:#01408f } .btn-primary:active,.btn-primary:active:focus,.btn-primary:focus,.btn-primary:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .article .bottom-area .btn,.btn-default,.btn-secondary{ border-color:#368156; border:2px solid #368156; background:#368156 } .article .bottom-area .btn:active,.article .bottom-area .btn:active:focus,.article .bottom-area .btn:focus,.article .bottom-area .btn:hover,.btn-default:active,.btn-default:active:focus,.btn-default:focus,.btn-default:hover,.btn-secondary:active,.btn-secondary:active:focus,.btn-secondary:focus,.btn-secondary:hover{ border:2px solid #368156; color:#368156 } .btn-transparent{ border-color:#368156 } .btn-mobile.btn-light .border{ border-color:#368156 } h2{ color:#01408f } h3{ color:#01408f } h4{ color:#368156 } h5{ color:#01408f } h6{ color:#01408f } .pagination a.next .title,.pagination a.prev .title{ color:#01408f } .pagination a.next .sub-title,.pagination a.prev .sub-title{ color:#01408f } .date-time-picker .filters select.field-input,.filters .date-time-picker select.field-input,.filters select.c-time-picker_input-time,.filters select.form-control{ color:#368156 } .c-restricted-page__h2{ color:#01408f } .c-alert-one-time__btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .c-alert-one-time__btn:active,.c-alert-one-time__btn:active:focus,.c-alert-one-time__btn:focus,.c-alert-one-time__btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .sidebar-widget h5{ background:#368156 } .sidebar-widget h3{ background:#368156 } .inner-content .ribbon{ color:#368156; color:#01408f } .header-ribbon h1,.login-container .register-container .section-header h1,.login-container .section-header h1,.register-container .header-ribbon h1,.register-container .login-container .section-header h1,.section-header h1{ color:#01408f } .header-ribbon .subtitle,.login-container .register-container .section-header .subtitle,.login-container .section-header .subtitle,.register-container .header-ribbon .subtitle,.register-container .login-container .section-header .subtitle,.section-header .subtitle{ color:#01408f } .header-ribbon .subtitle .post-date,.login-container .register-container .section-header .subtitle .post-date,.login-container .section-header .subtitle .post-date,.register-container .header-ribbon .subtitle .post-date,.register-container .login-container .section-header .subtitle .post-date,.section-header .subtitle .post-date{ color:#01408f } .header-ribbon .subtitle .post-extra-info a,.login-container .register-container .section-header .subtitle .post-extra-info a,.login-container .section-header .subtitle .post-extra-info a,.register-container .header-ribbon .subtitle .post-extra-info a,.register-container .login-container .section-header .subtitle .post-extra-info a,.section-header .subtitle .post-extra-info a{ color:#368156 } .modal-content .modal-header{ background:#368156 } .loading{ color:#368156 } #join-modal .modal-body .col-sm-6:first-child{ border-right:1px solid #368156 } @media (min-width:768px) { .navbar-utility{ background:#01408f } } @media (min-width:992px) { .navbar-utility{ background:#01408f } } .navbar-utility__content{ background:#01408f } @media (min-width:992px) { .navbar-utility__content{ background:#01408f } } .navbar-utility a.search-toggle.active{ color:#368156 } @media (min-width:992px) { .navbar-nav>li>a:hover{ color:#368156 } .navbar-nav>li>.dropdown-menu{ border-top:5px solid #368156 } .navbar-nav>li>.dropdown-menu .dropdown-menu{ background:#368156 } } .navbar-nav>li>.dropdown-menu>li:hover:first-child{ background:#01408f } @media (min-width:992px) { .navbar-nav>li>.dropdown-menu>li:hover:first-child{ background:#01408f } } li.open>a{ color:#368156!important } .level-10>li:hover,.level-3>li:hover,.level-4>li:hover,.level-5>li:hover,.level-6>li:hover,.level-7>li:hover,.level-8>li:hover,.level-9>li:hover{ background:#01408f } #nav-background{ background:#01408f } .c-nav-utility{ background:#01408f } .c-nav-utility__log-out{ color:#368156 } .c-nav-navigation{ border-top:5px solid #368156 } #feature-grid .c-hp-feature-grid__header{ color:#01408f } #feature-grid .c-hp-feature-grid__title{ color:#368156 } #feature-grid .c-hp-feature-grid__link{ color:#01408f } #feature-grid .c-hp-feature-grid__link:hover{ color:#368156 } #feature-grid .c-hp-feature-grid__link:hover .c-hp-feature-grid__caret{ color:#368156 } #feature-grid-stacked .c-hp-feature-grid-stacked__header{ color:#01408f } #feature-grid-stacked .c-hp-feature-grid-stacked__copy--dark{ color:#01408f } #feature-grid-stacked .c-hp-feature-grid-stacked__wrapper--one{ background:#01408f } #feature-grid-stacked .c-hp-feature-grid-stacked__wrapper--two{ background:#368156 } #feature-grid-stacked .c-hp-feature-grid-stacked__wrapper--three{ background:#368156 } #about-association .c-hp-about-association__title{ color:#01408f } #blocks{ background:#368156 } .c-hp-double-region__title{ color:#368156 } #resources .c-hp-resources__link-wrapper:hover .c-hp-resources__title{ color:#01408f } #resources .c-hp-resources__header{ color:#01408f } #resources .c-hp-resources__title{ color:#368156 } #pitches .double-region-left:first-child h4,#pitches .double-region-right:first-child h4{ background:linear-gradient(225deg,transparent 20px,#368156 0,#368156 100%) } .color-block1{ background-color:#01408f } @media (min-width:992px) { .color-block1{ background-color:#01408f } } .color-block2{ background-color:#368156 } @media (min-width:992px) { .color-block2{ background-color:#368156 } } .color-block3{ background-color:#368156 } @media (min-width:992px) { .color-block3{ background-color:#01408f } } .color-block4{ background-color:#01408f } @media (min-width:992px) { .color-block4{ background-color:#368156 } } .footer-cms-region h2{ color:#01408f } .footer-cms-region h3{ color:#368156 } .footer-cms-region h4{ color:#01408f } .footer-cms-region h5{ color:#368156 } .footer-cms-region h6{ color:#01408f } .body-content .main-event .event-info{ background:rgba(01,43,164,.9) } .featured-member-spotlight__member-badge{ border:2px solid #01408f } .featured-member-spotlight__member-badge .member:hover{ background:#01408f } footer .contact-area a.btn.btn-secondary{ border-color:#368156; border:2px solid #368156; background:#368156 } footer .contact-area a.btn.btn-secondary:active,footer .contact-area a.btn.btn-secondary:focus,footer .contact-area a.btn.btn-secondary:hover{ border:2px solid #368156; color:#368156 } footer .contact-area a.btn.btn-primary{ border-color:#01408f; border:2px solid #01408f; background:#01408f } footer .contact-area a.btn.btn-primary:active,footer .contact-area a.btn.btn-primary:focus,footer .contact-area a.btn.btn-primary:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } footer .affiliates-area .affiliates h3{ color:#368156 } .c-footer{ background:#01408f } .c-footer .icon.facebook:hover,.c-footer .icon.instagram:hover,.c-footer .icon.linked-in:hover,.c-footer .icon.twitter:hover,.c-footer .icon.youtube:hover{ color:#368156 } #events .events-nav h2,.events .events-nav h2{ color:#01408f } #events .event .date-stub,.events .event .date-stub{ color:#368156!important } #events .event .date-stub strong,.events .event .date-stub strong{ color:#368156!important } #events .event .to-separator,.events .event .to-separator{ color:#368156 } .event .event-table:focus,.event .event-table:hover{ color:#01408f } .event .event-table:focus .title,.event .event-table:hover .title{ border-color:#01408f } .event .event-table:focus .title strong,.event .event-table:hover .title strong{ color:#01408f } .event .event-table:focus .time,.event .event-table:hover .time{ color:#01408f } .extra-events .ribbon{ color:#01408f } .c-event-date-stub__btn:active,.c-event-date-stub__btn:active:focus,.c-event-date-stub__btn:focus,.c-event-date-stub__btn:hover{ border:2px solid #368156; color:#368156 } .event-details-container .well.box .background{ background:#368156 } .event-details-container .well.box .background .overlay{ background:rgba(60,144,103,.8) } .event-details-container .well.box .background .buttons .btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .event-details-container .well.box .background .buttons .btn:active,.event-details-container .well.box .background .buttons .btn:focus,.event-details-container .well.box .background .buttons .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .event-details-container .well.box .background .addtocalendar{ background:#368156!important } .event-details-container .well.box .background .addtocalendar:focus .atcb-link,.event-details-container .well.box .background .addtocalendar:hover .atcb-link{ color:#368156 } .event-details-container .well.box .background .addtocalendar .atcb-list{ border:1px solid #01408f } .event-details-container .event-details .ribbon{ color:#01408f } .event-details-container .event-details .nav-tabs>li>a{ background:#01408f } .event-details-container .event-details .tab-pane{ border:1px solid #368156 } .event-details-container .event-details .right-col h3{ background:#01408f } @media (min-width:992px) { .event-details-container .event-details .right-col h3{ color:#01408f } } .event-details-container .event-details .non-member-contact>:nth-child(odd){ color:#368156 } .event-details-container .event-details .non-member-contact>:nth-child(even){ color:#01408f } .c-event-details__title{ color:#01408f } .c-event-details__agenda-title,.c-event-details__attendee-title,.c-event-details__more-info-title,.c-event-details__registration-title,.c-event-details__share-title,.c-event-details__sub-title{ color:#368156 } .c-event-details__button--cta{ border-color:#368156; border:2px solid #368156; background:#368156 } .c-event-details__button--cta:active,.c-event-details__button--cta:active:focus,.c-event-details__button--cta:focus,.c-event-details__button--cta:hover{ border:2px solid #368156; color:#368156 } .c-event-details__button--registration-options{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .c-event-details__button--registration-options:active,.c-event-details__button--registration-options:active:focus,.c-event-details__button--registration-options:focus,.c-event-details__button--registration-options:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .c-event-details__recurring-event-title{ color:#368156 } .c-event-details .add-to-calendar .btn-secondary{ border-color:#368156; border:2px solid #368156; background:#368156 } .c-event-details .add-to-calendar .btn-secondary:active,.c-event-details .add-to-calendar .btn-secondary:active:focus,.c-event-details .add-to-calendar .btn-secondary:focus,.c-event-details .add-to-calendar .btn-secondary:hover{ border:2px solid #368156; color:#368156 } .event-register-container .contact-info h3{ color:#01408f } .event-register-container .contact-info h3 .novicon{ color:#01408f } .event-register-container .back-btn{ border-color:#368156; border:2px solid #368156; background:#368156 } .event-register-container .back-btn:active,.event-register-container .back-btn:focus,.event-register-container .back-btn:hover{ border:2px solid #368156; color:#368156 } .event-register-container .tickets .registration-options{ color:#01408f } .tickets th{ color:#01408f } .attendee h4.ribbon{ color:#01408f } .table.purchase-amounts{ color:#01408f } .table.purchase-amounts .total-row{ border-top:1px solid #01408f } .login-or-guest .tab-pane label a{ color:#368156 } .login-or-guest .nav-tabs li.active>a{ color:#01408f } #order-completed h3{ color:#01408f } h4.line-after{ color:#368156 } .c-article-list-full-width__title{ color:#01408f } .c-article-list__read-more{ color:#368156 } .c-article-list__date{ color:#01408f } .article-content-container .widget-sidebar h5{ background:#368156 } .article-content-container .widget-sidebar h3{ background:#368156 } .article-content-container .widget-sidebar h2{ background:#368156 } .directory-profile-container .back-btn:hover{ color:#01408f } .directory-profile-container .background .contact-info .btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .directory-profile-container .background .contact-info .btn:active,.directory-profile-container .background .contact-info .btn:focus,.directory-profile-container .background .contact-info .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .directory-profile-container .social-icons .icon{ background:#01408f!important } .directory-profile-container .member-details .ribbon{ color:#01408f } .directory-profile-container .member-details .profile strong{ color:#01408f } .directory-profile-container .member-details .nav-tabs>li>a{ background:#01408f } .directory-profile-container .member-details .areas-header{ color:#01408f } .c-directory-profile__back-btn{ color:#01408f; color:#368156 } .c-directory-profile__back-btn:hover{ color:#01408f } .c-directory-profile__contact-btn,.c-directory-profile__related-member-btn{ background:#01408f; border:1px solid #01408f } .c-directory-profile__contact-btn:hover,.c-directory-profile__related-member-btn:hover{ border:1px solid #01408f; color:#01408f } .member .bottom .ribbon{ background:#01408f } .members .slick-arrow{ color:#368156; color:#01408f!important } .c-member-badge__leadership-role-banner{ background:#368156 } .member-compass-container #dashboard .welcome h2{ color:#01408f } .member-compass-container #dashboard .welcome h3{ color:#01408f } .member-compass-container #dashboard .welcome h4{ color:#368156 } .member-compass-container #dashboard .welcome h5{ color:#01408f } .member-compass-container #dashboard .welcome h6{ color:#01408f } .member-compass-container #dashboard .welcome .btn-primary{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .member-compass-container #dashboard .welcome .btn-primary:active,.member-compass-container #dashboard .welcome .btn-primary:focus,.member-compass-container #dashboard .welcome .btn-primary:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .member-compass-container #dashboard .welcome .btn-secondary{ border-color:#368156; border:2px solid #368156; background:#368156 } .member-compass-container #dashboard .welcome .btn-secondary:active,.member-compass-container #dashboard .welcome .btn-secondary:focus,.member-compass-container #dashboard .welcome .btn-secondary:hover{ border:2px solid #368156; color:#368156 } .member-compass-container #dashboard .dashboard-block .btn:active,.member-compass-container #dashboard .dashboard-block .btn:focus,.member-compass-container #dashboard .dashboard-block .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .member-compass-container .listing-table .batch-actions .btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .member-compass-container .listing-table .batch-actions .btn:active,.member-compass-container .listing-table .batch-actions .btn:focus,.member-compass-container .listing-table .batch-actions .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .member-compass-container .listing-table .table .show-icon-on-mobile{ color:#368156 } .member-compass-container .listing-table .table .actions>a{ color:#368156 } .member-compass-container .listing-table .table td.with-secondary-actions a{ color:#368156 } .member-compass-container #events .event .add-to-calendar{ background:#368156!important } .products .product .name{ color:#01408f } .products .product .pricing .member-price{ border:1px solid #01408f; color:#01408f } .products .product .pricing .non-member-price{ border:1px solid #01408f; color:#368156 } .products .product .btn{ border-color:#368156; border:2px solid #368156; background:#368156 } .products .product .btn:active,.products .product .btn:focus,.products .product .btn:hover{ border:2px solid #368156; color:#368156 } .products .product .member{ color:#368156 } .products .image .novicon{ color:#01408f } .product-detail-container .product-info .pricing .member-price{ color:#01408f } .featured-products h3.ribbon{ color:#01408f } .featured-products .product{ border:1px solid #368156; color:#01408f } .featured-products .product .name{ color:#01408f } #payment-tabs>li>a{ background:#01408f } #payment-tabs li.active>a{ color:#01408f } .cart-mobile{ color:#368156 } #payment-container .tab-pane .btn{ border-color:#01408f; border:2px solid #01408f; background:#01408f } #payment-container .tab-pane .btn:active,#payment-container .tab-pane .btn:focus,#payment-container .tab-pane .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } #payment-container .nav-tabs>li>a{ background:#01408f } .checkout-container h3 .novicon{ color:#01408f } .checkout-container .registration-options .novicon{ color:#01408f } .contact-us-container .box h5{ color:#01408f } .contact-us-container .box h6{ color:#01408f } .c-contact-us .novicon-phone{ color:#01408f } .c-contact-us .offset{ color:#01408f } .c-contact-us__social{ color:#01408f } .c-contact-us__social:hover{ color:#368156 } .c-contact-us__sidebar h1{ color:#01408f } .c-contact-us__sidebar .subtitle{ color:#01408f } .register-container .step-1 .widget .btn:active,.register-container .step-1 .widget .btn:focus,.register-container .step-1 .widget .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .register-container .member-type h2{ color:#01408f } .register-container .member-type h4{ color:#368156 } .register-container .member-type h5{ color:#01408f } .register-container .member-type h6{ color:#01408f } #payment-tabs li.active>a,#payment-tabs>li>a:focus,#payment-tabs>li>a:hover{ background:#01408f } .login-or-guest .nav-tabs li.active>a:focus,.login-or-guest .nav-tabs li.active>a:hover{ color:#01408f } .btn-tertiary{ border-color:#01408f; border:2px solid #01408f; background:#01408f } .btn-tertiary:active,.btn-tertiary:active:focus,.btn-tertiary:focus,.btn-tertiary:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .event-list-container .filters h3{ color:#368156!important } .filters .quick-search h3{ color:#368156!important } .c-article-list .filters-container .btn,.directory .filters-container .btn,.product-list-container .filters-container .btn{ color:#368156!important } .member-compass-container #dashboard .dashboard-block .btn:active,.member-compass-container #dashboard .dashboard-block .btn:active:focus,.member-compass-container #dashboard .dashboard-block .btn:focus,.member-compass-container #dashboard .dashboard-block .btn:hover{ border-color:#01408f; border:2px solid #01408f; color:#01408f } .level-10>li>a:hover,.level-2>li>a:hover,.level-3>li>a:hover,.level-4>li>a:hover,.level-5>li>a:hover,.level-6>li>a:hover,.level-7>li>a:hover,.level-8>li>a:hover,.level-9>li>a:hover{ -webkit-text-decoration-color:#fff; text-decoration-color:#fff; color:#fff } @media (min-width:992px) { .c-nav-utility__custom-link:hover{ color:#368156 } } .body-content .slick-arrow.slick-prev{ color:#01408f!important } .body-content .slick-arrow.slick-next{ color:#01408f!important } .directory-profile-container .icon.email,.directory-profile-container .icon.facebook,.directory-profile-container .icon.instagram,.directory-profile-container .icon.linked-in,.directory-profile-container .icon.twitter,.directory-profile-container .icon.youtube{ background:#01408f!important } .filters .quick-search .search .btn{ background:#368156; border-color:#368156; border:1px solid #368156 } .filters .quick-search .search .btn:hover{ border-color:#01408f; border:1px solid #368156; color:#368156 } .upcoming #events .event .date-stub,.upcoming #events .event .date-stub strong,.upcoming #events .event .date-stub:first-child,.upcoming .events .event .date-stub,.upcoming .events .event .date-stub strong,.upcoming .events .event .date-stub:first-child{ background:#01408f } .we-are .container{ background:rgba(01,43,164,.9) } .c-event-details__recurring-event::first-line{ color:#01408f } .upcoming #events .event .date-stub,.upcoming #events .event .date-stub strong,.upcoming .events .event .date-stub,.upcoming .events .event .date-stub strong{ background:#368156 } .upcoming #events .event .date-stub strong:first-child,.upcoming #events .event .date-stub:first-child,.upcoming .events .event .date-stub strong:first-child,.upcoming .events .event .date-stub:first-child{ background:#368156 } .upcoming .date-stub.end-date.c-event-date-stub__end-date strong{ background:#368156!important } .c-article-list-full-width__category,.categories .separator{ color:#368156 } #widgets .region .content.primary-call-out,#widgets .region .primary-call-out,.primary-call-out{ background:linear-gradient(180deg,#1f62af 0,#01408f 100%) } #widgets .region .content.secondary-call-out,#widgets .region .secondary-call-out,.secondary-call-out{ background:linear-gradient(180deg,#a2d729 0,#368156 100%) } /* extra green bit */ .btn-transparent { background: 0 0; border: 3px solid #4f9b76; border-color: #368156; color: #4f9b76; } .btn-transparent:active, .btn-transparent:active:focus, .btn-transparent:focus, .btn-transparent:hover { background: #4f9b76; border: 3px solid #4f9b76; border-color: #fff; color: #fff; } .alert-bar { background: #4f9b76; color: #fff; font-weight: 400; padding: 10px 0; text-align: center; } .c-alert-one-time { background: #4f9b76; border: none; } #blocks .color-block-full-width:not(:first-child) { line-height: 30px; border-left: 0.5px solid #4f9b76; } #blocks .color-block-full-width:nth-child(3) { line-height: 30px; border-left: none; border-top: 0.5px solid #4f9b76; padding: 30px 10px; } @media (min-width: 768px) { #blocks .color-block-full-width:nth-child(3) { padding: 30px 50px; } } @media (min-width: 992px) { #blocks .color-block-full-width:nth-child(3) { border-left: 0.5px solid #4f9b76; border-top: none; padding: 20px 50px; } } #blocks .color-block-full-width:nth-child(4) { border-top: 0.5px solid #4f9b76; padding: 30px 10px; } @media (min-width: 768px) { #blocks .color-block-full-width:nth-child(4) { padding: 30px 50px; } } @media (min-width: 992px) { #blocks .color-block-full-width:nth-child(4) { border-top: none; padding: 20px 50px; } } @media (min-width: 992px) { #pitches .double-region-left h4, #pitches .double-region-right h4 { display: block; margin: 0; padding: 15px 0; border-top-right-radius: 0; border-top-left-radius: 0; } #pitches .double-region-left h4 .novicon, #pitches .double-region-right h4 .novicon { margin-right: 5px; color: #4f9b76; } } .we-are #partners .slick-list a:hover { border-color: #4f9b76; } .body-content .main-event .event-info .date .fas, .body-content .main-event .event-info .date .novicon { color: #4f9b76; font-size: 1.3em; margin-right: 10px; } #callouts .name:hover { color: #4f9b76; text-decoration: none; } #widgets .region h5 { background: #fff; border-bottom: 5px solid #4f9b76; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; color: #0e0f19; font: normal 1.5em "Work Sans",sans-serif; font-weight: 500; letter-spacing: 0; line-height: 1.42857; margin: 0; padding: 15px; text-transform: none; } .event-details-container .well.box .background .info-block .novicon { background: #4f9b76; border-radius: 50%; font-size: .8em; margin-right: 10px; padding: 5px; vertical-align: top; } .event-register-container .info-block .novicon { background: #4f9b76; border-radius: 50%; color: #fff; display: none; font-size: .8em; margin-right: 10px; padding: 5px; vertical-align: top; } .article-content-container .blog-categories a .novicon { color: #4f9b76; font-size: 1em; } .c-event-details__calendar-novicon, .c-event-details__map-novicon, .c-event-details__time-novicon { color: #4f9b76; } .well blockquote, blockquote { border-color: #4f9b76; font-size: 16px; } /* End of Rebrand overrides */ /* hide the sessionboard embed (necessary for 2025 event - turning off for 2026 event) .sb-embed__body { display: none !important; } */ /* Style the tab */ .tabcontent { animation: fadeEffect 1s; /* Fading effect takes 1 second */ } /* Go from zero to full opacity */ @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons that are used to open the tab content */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } #p2 { display: none; } #p3 { display: none; } #p4 { display: none; } #p5 { display: none; } #p6 { display: none; } #p7 { display: none; } #p8 { display: none; } #p9 { display: none; } #p10 { display: none; } #p11 { display: none; } #p12 { display: none; } #p13 { display: none; } #p1:has([value="yes"]:checked) + #p2 { display: inline; } #p1:has([value="no"]:checked) ~ #p3 { display: inline; } #p2:has([value="yes"]:checked) ~ #p6 { display: inline; } #p2:has([value="no"]:checked) ~ #p4 { display: inline; } #p6:has([value="yes"]:checked) ~ #p13 { display: inline; } #p6:has([value="no"]:checked) + #p7 { display: inline; } #p3:has([value="yes"]:checked) ~ #p9 { display: inline; } #p3:has([value="no"]:checked) ~ #p10 { display: inline; } #p4:has([value="yes"]:checked) ~ #p8 { display: inline; } #p4:has([value="no"]:checked) + #p5 { display: inline; } #p5:has([value="yes"]:checked) ~ #p11 { display: inline; } #p5:has([value="no"]:checked) ~ #p12 { display: inline; } .member-compass-container #dashboard .membership-info .date-container a { color: #fff !important; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } } ol.policy { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } li.policy { display: table; counter-increment: item; margin-bottom: 0.6em; } li.policy:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; } li.policy li.policy { margin: 0; } li.policy li.policy:before { content: counters(item, ".") " "; } .hh { width: 48%; float: left; } .badge-gallery { display: flex; gap: 40px; } .badge-options { flex-basis: 35%; } .badge-options ul { list-style: none; padding: 0; } .badge-options li { cursor: pointer; padding: 8px 0; border-bottom: 1px solid #eee; transition: color 0.2s ease-in-out; } .badge-options li:hover { color: #007bff; /* Highlight on hover */ } .image-display { flex-basis: 65%; height: 400px; /* Adjust height as needed */ background: #ccc; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(''); border: 1px solid #ccc; border-radius: 8px; transition: background-image 0.4s ease-in-out; } /* Award Tabs Replacement */ .awardtabs { display: flex; flex-wrap: wrap; // make sure it wraps } .awardtabs label { order: 1; padding: 1rem 2rem; cursor: pointer; background: #e9e9e9; font-weight: bold; transition: background ease 0.2s; margin-bottom: 0px !important; margin-left: -10px; } .awardtabs .awardtab { order: 99; // Put the tabs last flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #F2F2F2; margin-bottom: 0px; } .awardtabs input[type="radio"] { display: none; } /* CHANGE ACTIVE TAB COLOR HERE---------------------------------------------*/ .awardtabs input[type="radio"]:checked+label { background: #B4EAFF; } .awardtabs .awardtab { order: 99; // Put the tabs last flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #FFFFFF; margin-bottom: 0px; } /* ---------------------------------------------*/ .awardtabs input[type="radio"]:checked+label+.awardtab { display: block; } @media (max-width: 45em) { .awardtabs .awardtab, .awardtabs label { order: initial; } .awardtabs label { width: 100%; margin-top: 0.2rem; margin-left: 0px; } }
Website system
ACCT Web Style Guide
A working reference for typography, links, buttons, navigation, content containers, forms, tables, alerts, and calls to action used across an ACCT-style public website.
Internal navigation
Foundations
ACCT Blue
ACCT Green
Accent Gold
Near Black
Light Surface
White
Typography and content
Header 1 — Page title
Header 2 — Major section
Header 3 — Content section
Header 4 — Subsection
Header 5 — Content group
Header 6 — Minor heading
ACCT International establishes and promotes the standard of care and measure of excellence that defines professional practice and effective challenge course programs.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Strong text provides emphasis, while italic text changes voice or stress. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Muted supporting text is appropriate for metadata, instructions, captions, and secondary context.
Small text can identify dates, legal notes, or compact metadata.
Use highlighted text sparingly. Define an ANSI abbreviation on first use. An inline code reference looks like .btn-primary.
Unordered list
- Register for events and classes
- Receive association updates
- Access professional resources
Ordered list
- Review the current requirements
- Prepare supporting materials
- Submit the completed application
Use a blockquote for a short, meaningful quotation or a statement that benefits from visual emphasis.
<a class="btn btn-primary" href="#">Primary action</a>Links and interaction states
Actual pseudo-classes are defined in the master stylesheet. Static samples below allow every state to be reviewed without changing browser history or holding the pointer down.
Read the component guidance for examples.
Buttons and actions
Standard buttons
Button sizes
Divs and content components
Cards
For members
Member access
Use a blue card for an important institutional or member-focused message.
Get involved
Join the community
Use a green card for participation, membership, and community actions.
Panels and callouts
Next steps
Information callout
Use a callout to draw attention to important explanatory information.
Participation callout
Use the green variation for involvement, progress, or opportunity.
Alerts and badges
Information: Supporting details or process guidance.
Success: The requested action was completed.
Notice: Review the information before continuing.
Error: Correct the highlighted fields and try again.
Current Member benefit
Data table
| Program | Audience | Status | Action |
|---|---|---|---|
| Inspector Certification | Inspectors | Open | View details |
| Operation Accreditation | Operators | Available | Learn more |
| ANSI/ACCT Standards | Industry-wide | Current edition | Purchase |
Disclosure / FAQ
What is this component used for?
Use disclosure components for concise frequently asked questions or optional supporting detail.
Can several items be open at once?
Yes. Native HTML disclosure elements work without JavaScript and support keyboard interaction.
Forms
Call to action
Are you part of the challenge course community?
Invite visitors to take one clear next step, supported by a short statement of value.