/*!
 * (c) Disney.  All rights reserved.
 */
/**************************************************
 * FileName - screen.svgIcons.css
 *
 **************************************************/
img.svgIcon {
    vertical-align: middle;
}

a:hover > div > img.svgIcon {
    filter: invert(47%) sepia(24%) saturate(1924%) hue-rotate(159deg) brightness(100%) contrast(90%);
}

img.svgIcon.xs {
    height: 15px;
    width: 15px;
}

img.svgIcon.s {
    height: 20px;
    width: 20px;
}

img.svgIcon.m {
    height: 25px;
    width: 25px;
}

img.svgIcon.l {
    height: 35px;
    width: 35px;
}

img.svgIcon.xl {
    height: 50px;
    width: 50px;
}

/* Basic System Colors */
.white {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(289deg) brightness(107%) contrast(101%);
}

/* Accent Colors */
.actionGreen {
    filter: invert(54%) sepia(58%) saturate(5008%) hue-rotate(56deg) brightness(97%) contrast(79%);
}

.errorOrange {
    filter: invert(29%) sepia(94%) saturate(1794%) hue-rotate(357deg) brightness(102%) contrast(103%);
}

.alertRed {
    filter: invert(14%) sepia(48%) saturate(6682%) hue-rotate(342deg) brightness(84%) contrast(93%);
}

/* Grey Colors */
.supportGrey {
    filter: invert(98%) sepia(4%) saturate(0%) hue-rotate(180deg) brightness(96%) contrast(84%);
}

.inactiveGrey {
    filter: invert(76%) sepia(7%) saturate(649%) hue-rotate(173deg) brightness(91%) contrast(87%);
}

.activeGrey {
    filter: invert(46%) sepia(3%) saturate(2431%) hue-rotate(170deg) brightness(97%) contrast(89%);
}

/* Functional Colors */
.actionBrightBlue {
    filter: invert(47%) sepia(24%) saturate(1924%) hue-rotate(159deg) brightness(100%) contrast(90%);
}

.activeDarkBlue {
    filter: invert(19%) sepia(11%) saturate(2759%) hue-rotate(173deg) brightness(93%) contrast(87%);
}

.activeInteractiveBlue {
    filter: invert(45%) sepia(33%) saturate(1967%) hue-rotate(154deg) brightness(101%) contrast(83%);
}

.activeTealBlue {
    filter: invert(49%) sepia(77%) saturate(3565%) hue-rotate(161deg) brightness(97%) contrast(83%);
}

.disabledTealBlue {
    filter: invert(91%) sepia(5%) saturate(1677%) hue-rotate(163deg) brightness(94%) contrast(90%);
}

.hoverBlue {
    filter: invert(28%) sepia(78%) saturate(1508%) hue-rotate(177deg) brightness(96%) contrast(97%);
}

.hoverTealBlue {
    filter: invert(40%) sepia(37%) saturate(987%) hue-rotate(144deg) brightness(93%) contrast(92%);
}

.activeDarkGrey {
    filter: invert(74%) sepia(2%) saturate(1786%) hue-rotate(173deg) brightness(92%) contrast(96%);
}

img.svgIcon.xxs {
    height: 12px;
    width: 12px;
}

/* This approach is temporary we would be looking to change them to variables in near future*/
/* Color Light Grey*/
.adaptiveNavigationBar .menuToggle .iconArrow {
    filter: invert(100%) sepia(72%) saturate(1917%) hue-rotate(176deg) brightness(79%) contrast(88%);
}

/* Color Dark Brown*/
.dpr .gnbCategory .svgIcon.activeDarkBlue,
.dpr .svgIcon.activeDarkBlue {
    filter: invert(14%) sepia(32%) saturate(774%) hue-rotate(351deg) brightness(98%) contrast(97%);
}

/* Color Dark Blue*/
.gnbCategory .svgIcon.mobile-icons,
.gnbCategoryTitle .svgIcon.mobile-icons {
    filter: invert(19%) sepia(5%) saturate(5492%) hue-rotate(174deg) brightness(96%) contrast(88%);
}

/* Color Dark Blue*/
.gnbCategory.open.gnbMyDisneyland .svgIcon.mobile-icons,
.gnbCategory.open.gnbMyDisneyVacation .svgIcon.mobile-icons {
    filter: invert(19%) sepia(5%) saturate(5492%) hue-rotate(174deg) brightness(96%) contrast(88%);
}

/* Color White*/
.gnbCategory.open .svgIcon.mobile-icons,
.gnbCategoryTitle.mobileArrowOpen .svgIcon.mobile-icons {
    filter: invert(100%) sepia(5%) saturate(364%) hue-rotate(182deg) brightness(114%) contrast(100%);
}

/* Color White*/
.dpr .gnbCategory.open img.svgIcon {
    filter: invert(100%) sepia(5%) saturate(364%) hue-rotate(182deg) brightness(114%) contrast(100%);
}

/* Color White*/
.pepSyndicatedComponent .dpr a:visited .svgIcon.activeDarkBlue,
.pepSyndicatedComponent .dpr a:hover .svgIcon.activeDarkBlue,
.pepSyndicatedComponent .dpr a:focus .svgIcon.activeDarkBlue {
    filter: invert(100%) sepia(5%) saturate(364%) hue-rotate(182deg) brightness(114%) contrast(100%);
}

/* Color White*/
.adaptiveNavigationBar .menuToggle.open .iconArrow {
    filter: invert(100%) sepia(5%) saturate(364%) hue-rotate(182deg) brightness(114%) contrast(100%);
}

/* Color White*/
.gnbCategory.open.gnbMyDisneyland .svgIcon.mobile-icons.iconArrow,
.gnbCategory.open.gnbMyDisneyVacation .svgIcon.mobile-icons.iconArrow {
    filter: invert(100%) sepia(5%) saturate(364%) hue-rotate(182deg) brightness(114%) contrast(100%);
}

/* Color: Light Blue*/
.dlr .gnbMyDisneyland a:focus .svgIcon.activeDarkBlue,
.dlr .gnbMyDisneyland a:visited .svgIcon.activeDarkBlue {
    filter: invert(60%) sepia(47%) saturate(5150%) hue-rotate(172deg) brightness(89%) contrast(88%);
}