﻿/** ##### General properties ######################### */
/** Global visual focus */
html body.ccl-ada-focus a:focus,
html body.ccl-ada-focus h1:focus,
html body.ccl-ada-focus button:focus,
html body.ccl-ada-focus input:focus,
html body.ccl-ada-focus select:focus,
html body.ccl-ada-focus span:focus,
html body.ccl-ada-focus div:focus,
html body.ccl-ada-focus textarea:focus,
html body.ccl-ada-focus .ccl-explicithighlights,
html body.ccl-ada-focus .slider.slider-horizontal .slider-handle:focus,
html body.ccl-ada-focus input[type="checkbox"]:focus + span:before,
html body.ccl-ada-focus li:focus {
    outline: 3px solid #009EB3 !important;
    outline-offset: 0 !important;
}

/** Disable global visual focus */
html body.ccl-ada-focus .ccl-ada-focus-off a:focus,
html body.ccl-ada-focus .ccl-ada-focus-off h1:focus,
html body.ccl-ada-focus .ccl-ada-focus-off button:focus,
html body.ccl-ada-focus .ccl-ada-focus-off input:focus,
html body.ccl-ada-focus .ccl-ada-focus-off select:focus,
html body.ccl-ada-focus .ccl-ada-focus-off span:focus,
html body.ccl-ada-focus .ccl-ada-focus-off div:focus,
html body.ccl-ada-focus .ccl-ada-focus-off textarea:focus,
html body.ccl-ada-focus .ccl-ada-focus-off .ccl-explicithighlights,
html body.ccl-ada-focus .ccl-ada-focus-off .slider.slider-horizontal .slider-handle:focus,
html body.ccl-ada-focus .ccl-ada-focus-off input[type="checkbox"]:focus + span:before {
    outline: 0 !important;
    box-shadow: none !important;
}

/** Disable global visual focus for a specific element */
html body.ccl-ada-focus a.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus button.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus input.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus select.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus span.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus div.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus textarea.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus .ccl-explicithighlights.ccl-ada-focus-off-element,
html body.ccl-ada-focus .slider.slider-horizontal .slider-handle.ccl-ada-focus-off-element:focus,
html body.ccl-ada-focus input[type="checkbox"].ccl-ada-focus-off-element:focus + span:before {
  outline: 0 !important;
  box-shadow: none !important;
}

/** Global visual white focus */
html body.ccl-ada-focus .white-focus:focus {
  outline: 3px solid #fff !important;
  display: block;
}

html .margin-left-25px {
  margin-left: 25px !important;
}

html .width-80 {
  width: 80% !important;
}

/** Internal focus, inside of a specific element */
html body.ccl-ada-focus .ccl-negative-outline:focus {
  outline: 2px solid white !important;
  outline-offset: -4px !important;
  border: 2px solid #009eb3;
  transition: border .1s
}

/** Inputs */
/* Checkboxes */
html body.ccl-ada-focus input[type="checkbox"]:focus + span:before {
  display: inline !important;
  outline-offset: -3px !important;
}

/** Hide scrollbars in modals which call iframed DOM */
html body.iframeModal {
  overflow: hidden !important;
}

/** Show horizontal scrollbar when the user uses 150/200% zoom */
@media only screen and (min-width: 360px) and (max-width: 1020px) {
  html {
    overflow: visible;
  }
  html body {
    overflow: scroll !important;
  }
  html body.ReactModal__Body--open {
    overflow: hidden !important;
  }
}

/** Color contrast adjustment **/
#MainBody, #MainBody.sape-search, .component-search-form .search-form, .content-wrapper .content, #mobile-nav .mobile-nav-panel, .content-wrap .content-block, .padding-wrap .content .special-offer {
  color: #595959;
}

.core_footer .sub-footer {
  color: #fff;
}

.content-wrap .sort-bar .active-filter, .content-wrap .sort-bar .options .active-filter span {
  color: #0084b1;
}

.content-wrap .body-content .body-container .no-results h3 {
  color: #929292;
}

.placeholder .section-copy .red-btn {
  border-radius: 100%;
  background-color: #929292;
}

.grid .row .ccl-tout-front, .fp-slides, .fp-tableCell, .tab-content .ccl-tout .ccl-tout-front {
  background: #929292;
  background-size: cover;
}

/** ##### Specific properties ######################### */
/** New emulateCloseButton "Close" button located in iFrames */
a#emuleCloseButton {
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
  outline: none !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
}

/** ScreenReader Only, visually not visible */
.ccl-srOnly {
  font-size: 0;
  line-height: 0;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
}

/** Skip to Main Content link */
.ccl-stickSkipBar {
  width: 100%;
  height: 0;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  z-index: 10000;
}

.ccl-stickSkipBar.showSkip {
  height: 50px;
  line-height: 50px;
  position: relative;
  opacity: 1;
  z-index: 10000;
}

.ccl-skipToMainContentLink,
.ccl-skipToMainContentLink:active,
.ccl-skipToMainContentLink:focus,
.ccl-skipToMainContentLink:visited {
  font-family: 'Open Sans';
  font-size: 14px;
  color: #07539c;
  text-decoration: none;
}

#ccl-mainContainer:focus {
  outline: none;
}

/*# sourceMappingURL=ccl-globalwebaccessibilityproperties.css.map */