/****** Global Option variable - Responsive settings ******/
@media (min-width: 770px) and (max-width: 1024px) {
  :root {
    --h1_typography-font-size: 60px; /* H1 - Heading Typography */
    --h2_typography-font-size: 32px; /* H2 - Heading Typography */
    --h3_typography-font-size: 24px; /* H3 - Heading Typography */
    }
}

@media (max-width: 769px) {
  :root {
    --h1_typography-font-size: 46px; /* H1 - Heading Typography */
    --h2_typography-font-size: 28px; /* H2 - Heading Typography */
    --h3_typography-font-size: 20px; /* H3 - Heading Typography */
    }
}


/************************************* Universal adjustments *************************************/
/**********************************************************************************************/

  /**** TEMPORARY HIDE OF OneTrust in footer 
  .ot-privitem {display:none !important;}
  #menu-privacy-and-corporate-menu li#menu-item-3858:not(:last-child) a {border-right:0 !important;}
  ******/

  /********* Functional Elements ***************/
  
    /***===Added to fix IE spacing issue on flex columns===***/
      .ua-ie-11 .fusion-flex-column > div > div:not([class]) { display: flex; flex-shrink: 0; }
    /***===Added to fix the empty regtangle icon for breaks on IE===***/
      br{font-family: serif;}
      .visuallyhidden {border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap;}

    /***** focus outlines *****/
      body *:focus {outline-color: var(--awb-color4) !important;}
      body *:focus:not(:focus-visible) {outline-width:0; outline-color: var(--awb-color4) !important;}
      body *:focus-visible, 
      html body .panel-title a:focus-visible,
      body .select2-selection.select2-selection--single:focus-visible {outline-style: solid !important; outline-width: 2px !important; outline-color: var(--awb-color3) !important; box-shadow: 0 0 0 3px var(--awb-color7); outline-offset: inherit;}
      body .fusion-tb-header .fusion-social-networks .fusion-social-network-icon:focus-visible {outline-width: 2px !important; outline-color: var(--awb-color1) !important; outline-offset: -3px;}
      body .fusion-tb-footer .fusion-social-networks .fusion-social-network-icon:focus-visible {outline-width: 4px !important; outline-color: var(--awb-color8) !important; outline-offset: -5px;}
      body .job-social-share.fusion-sharing-box .sharingbox-shortcode-icon-wrapper a:focus-visible {outline-width: 2px !important; outline-color: var(--awb-color4) !important; outline-offset: -3px;}
      body a:not(.fusion-button):not(.jobcart-counter):not(.fusion-social-network-icon):not(.avia-button):focus-visible {color: var(--link_hover_color); outline-color:var(--awb-color4);}
      body a.avia-button:focus-visible {outline-color:var(--awb-color4); outline-offset: 6px; background-color: #000;}
      
      /********
      body a:not(.fusion-button):not(.jobcart-counter):not(.fusion-social-network-icon):hover 
      body .fusion-button:focus-visible {box-shadow: 0 0 0 4px var(--awb-color1) !important;}
      body #menu-header-mini-menu li a:focus-visible {outline-offset:-4px; box-shadow: 0 0 0 2px var(--awb-color8); outline-color: var(--awb-color4) !important;}
      body .select2-container--default .select2-results__option:focus-visible,
      body .select2-results__option--highlighted {outline-style: solid !important; outline-width: 2px !important; outline-color: var(--awb-color4) !important; box-shadow: 0 0 0 4px var(--awb-color8);}*/
      /*body #content:focus-visible {outline-width: 0px !important; box-shadow: none !important;}
      body .fusion-social-networks .fusion-social-network-icon:focus-visible {box-shadow: 0 0 0 2px var(--awb-color8) !important; outline-offset: -3px;}*/
      /*body .fusion-tb-header .has-fusion-standard-logo a:focus-visible {outline-offset: -3px;}
      body.fusion-body form .select2-selection:focus-visible,
      body.fusion-body input[type="text"]:focus-visible {outline-style: solid !important; outline-width: 2px !important; outline-color: var(--awb-color4) !important; box-shadow: 0 0 0 4px var(--awb-color8) !important;}*/
      
  /*** social icon & mini menu ***/
.fusion-tb-header .fusion-social-links .fusion-social-network-icon {padding: 5px;}


  /********* Content elements***************/
  
  h2 em {color: var(--awb-color7);}
  .green-highlight strong {color: var(--awb-color4);}
  .magenta-highlight strong {color: var(--awb-color6);}
  .steel-highlight strong {color: var(--awb-custom_color_1);}
  
    /** text and rollovers **/
      strong {font-weight:700;}
  
    /** checklists **/
      .checklist-horiz {display:flex; justify-content:space-around;}
      .fusion-checklist-default > li::before {content: "\200B"; position:absolute;} /** VoiceOver fix for lists without a style **/
    
    @media (max-width: 769px) {
      .checklist-horiz {flex-direction:column;}
    }
  
    /** buttons **/
      .button-nowrap {text-wrap:nowrap; display: block;}
      .nobtn.fusion-button-default {border:0 !important;
        &:hover, &:active, &:focus {background:transparent; color: var(--awb-color8);
          & .fusion-button-text {color: var(--awb-color8);}
        }
      }
      .button-default, .fusion-button-default, .avia-button {
        &.active {background: var(--button_gradient_top_color_hover); color: var(--button_accent_hover_color, var(--button_accent_color)); border-color: var(--button_border_hover_color);
          & .fusion-button-text {color: var(--button_accent_hover_color, var(--button_accent_color));}
        }
      }
      .button-small.button-default {min-width:150px;}

    /** images **/
      /** full width & height ***/
      .fusion-image-element:has(> span.img100), .img100 {height:100%;}
      .img100 img {width:100%; height:100%; object-fit:cover;}  
      
  .ben-icon {margin: 0 auto;
    & img {width:80%; max-height:110px; margin:0 auto;}
  }

    /** hide shows **/
      @media (min-width: 1025px) {
        .tablet-show {display:none !important;}
     }
    
      @media (min-width: 769px) {
        .mobile-show {display:none !important;}
      }

      @media (max-width: 768px) {
        .mobile-hide {display:none !important;}
     }

    /** Tabs **/
      body .nav-tabs.nav-justified>.active>a, 
      body .nav-tabs.nav-justified>.active>a:focus, 
      body .nav-tabs.nav-justified>.active>a:hover {border: 0px;}
      
      body .fusion-tabs .tab-content>.tab-pane {margin-top:4px;}
      .fusion-tabs .nav-tabs li a:focus .fusion-tab-heading {color:var(--awb-color8);}

    /*** modal ***/
    .modal-header button.close {opacity:1;
      &:hover, &:focus {opacity:0.8;}
    }
    
    /** Link new tab Icons **/
    .fusion-megamenu-icon {padding-left:0.3em; color: inherit; display: inline-block; 
      & .fa-external-link {font-size:0.7em; color: inherit;}
    }
    .apply-btn {--button_border_color: var(--awb-color6); --button_gradient_top_color: var(--awb-color6) !important; --button_gradient_bottom_color: var(--awb-color6) !important;
      & .fusion-megamenu-icon {margin-top:-4px;}
    }
    
    .to-top-container #toTop {border-radius: 5px 5px 0 0; right:10px; bottom:0px; height: 36px; width: 54px;
      &.fusion-to-top-active {opacity:1;}
      &:before {line-height:36px;}  
    }


/************************************* Header & Main menu *************************************/
/**********************************************************************************************/

body #skipnav, body .skip-link {display: initial;}

/******* Logo  *******/
.fusion-tb-header .has-fusion-standard-logo a {height: auto; outline-offset: -3px; display: block; padding:5px;
  & img {max-height: 50px; width: 220px; max-width:100%; filter: brightness(0) saturate(100%) invert(30%) sepia(93%) saturate(1111%) hue-rotate(145deg) brightness(90%) contrast(101%);}
} 
.fusion-tb-footer .logo {padding:5px;
  & a {display:block;}
  & img {min-width:150px; width:80%;}
}

  /******* Mobile Logo *******/
  @media (max-width: 1024px) {
    body .fusion-tb-header .has-fusion-standard-logo a {width:160px !important; height:auto;}
  }

/******* Social Network mini menu *******/

body .fusion-tb-header .fusion-social-links .fusion-social-networks-wrapper {display:flex;
  & a.fusion-social-network-icon:hover {color:#fff !important;}
} 

/******* Job Cart Counter Mini Menu Item *******/
body .saved-jobs-menu {
  .awb-menu__main-background-active {display:none;}
}
.jobcart-counter {padding: 0 25px; display: flex !Important; justify-content: center; color: #fff; align-items: center; font-weight:bold;     --awb-link_decoration_thickness: 0; --awb-link_decoration_line: none;
  &:hover, &:active, &:focus {color:#fff; background:#005148; --awb-link_decoration_thickness: 1px; --awb-link_decoration_line_hover: underline; --awb-link_decoration_thickness_hover: 1px;}
  & .jobcart-count {padding-left:3px;
    &:before {content:'('; display:inline-block; position:relative;}
    &:after {content:')'; display:inline-block; position:relative;}
  }
}

/******* Mobile Main Menu *******/
@media (max-width: 1024px) {
  .fusion-tb-header {
    & #menu-main-menu {border-top: 4px solid var(--awb-color5); min-height: calc(100vh - 80px);
      & .jobcart-counter {padding-left:20px !important;}
    }
    & .fusion-fullwidth.has-logo-menu {padding-left:15px !important;
      & > .fusion-builder-row {margin-left:0 !important;}
    }
    & .awb-menu.collapse-enabled .awb-menu__main-li .awb-menu__sub-ul {top:5px;}
    & .awb-menu.collapse-enabled.awb-menu_indent-left ul ul a {padding-left: 1em !important;}
    & .awb-menu.collapse-enabled .awb-menu__main-li a, 
  /*.awb-menu.collapse-enabled a {padding: 0 20px !important;}*/
    & .awb-menu.collapse-enabled .awb-menu__sub-li a {background:transparent !important; padding: 0 20px !important;
    /*& .menu-text {padding-left:2px;}*/
    }
    & .awb-menu.collapse-enabled .awb-menu__main-li a:focus-visible {outline-offset: -5px;}
  }
}

/************************************* Heroes *************************************/
/**********************************************************************************/
  
  @media (min-width: 1370px) {
    body .homehero.fullwidth-box.video-background .fullwidth-video video {transform: translate(-50%, -35%);}
    body .storeshero.fullwidth-box.video-background .fullwidth-video video {transform: translate(-50%, -35%);}
    body .supporthero.fullwidth-box.video-background .fullwidth-video video {transform: translate(-50%, -36.5%);}
  }
  @media (max-width: 1369px) {
    body .homehero.fullwidth-box.video-background .fullwidth-video video {transform: translate(-50%, -48%);}
    body .storeshero.fullwidth-box.video-background .fullwidth-video video {transform: translate(-50%, -48%);}
    body .supporthero.fullwidth-box.video-background .fullwidth-video video {transform: translate(-50%, -48%);}
  }

.titlewsep.fusion-title .fusion-title-heading {margin:0 30px 10px !important; }

body .hero {
  & .video-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
  & .video-container video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: 100%; height: auto; transform: translate(-50%, -50%); object-fit: cover;}
}

/************************************* Home Page *************************************/
/**********************************************************************************/
@media (max-width: 1024px) and (min-width: 769px) {
  .ssc-block .img100 img {object-position: center left;}
  .phil-block .img100 img {object-position: center left;}
}

/************************************* Toggles *************************************/
/**********************************************************************************/
body .fusion-accordian {
  & .panel-collapse .toggle-content {border-top:0 !important; color: var(--body_typography-color); font-size: var(--body_typography-font-size); font-family: var(--body_typography-font-family); font-weight: var(--body_typography-font-weight); letter-spacing: var(--body_typography-letter-spacing); font-style: var(--body_typography-font-style, normal);}
  & .panel-heading .toggle a.active {background: var(--awb-color4);}
  &.magenta-toggles .panel-heading .toggle a.active {background: var(--awb-color6);}
  &.yellow-toggles .panel-heading .toggle a.active {background: var(--awb-custom_color_1);}
  & .panel-body {padding: 30px 0 30px; line-height:1.4;}
}

body .fusion-accordian.team-details {
  & .team-toggle {border-color: var(--awb-color6);
    & .panel-heading .toggle a:hover {color: var(--awb-color6);
      &:after {color: var(--awb-color6);}
      & .fusion-toggle-icon-wrapper i {color: var(--awb-color6) !important;}
    }
    & .panel-heading .toggle a.active {background: var(--awb-color6);
      &:hover {color: var(--awb-color1);
         & .fusion-toggle-icon-wrapper i {color: var(--awb-color1) !important;}
      }
    }
    & h3 a.active:hover:after, & h3 a.active:after {color: var(--awb-color1) !important;}
  }
  & .fusion-toggle-icon-right .fusion-toggle-heading {margin-right:0;}
  & .team-toggle {
    & h3 a:after {font-family:"Font Awesome 5 Pro"; min-width:25px; max-width:25px; font-weight:300; position:relative; display:inline-block; margin-right:10px;}
    &.digital h3 a:after {content: "\f390"; }
    &.store-ops h3 a:after {content: "\f013"; }
    &.marketing h3 a:after {content: "\f0a1"; }
    &.humanres h3 a:after {content: "\f2bd"; }
    &.technology h3 a:after {content: "\f2db"; }
    &.storedev h3 a:after {content: "\f5fd"; }
    &.merchandising h3 a:after {content: "\f847"; }
    &.legal h3 a:after {content: "\f66f"; }
    &.finacct h3 a:after {content: "\f0d6"; }
    &.custexp h3 a:after {content: "\f005"; }
    &.lprisk h3 a:after {content: "\f30d"; }
    &.realestate h3 a:after {content: "\f3c5"; }
  }
}

@media (max-width: 400px) {
  .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-title a {padding: 15px 5px;}
  .fusion-accordian .fusion-panel.panel-default .panel-collapse .panel-body a {word-break: break-all;}
}

/************************************* Videos *************************************/
/**********************************************************************************/

.videoblock .video-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.videoblock .video-container video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: 100%; transform: translate(-50%, -50%); object-fit: cover;}
.videoblock .content {position: relative; z-index: 1; color: white; text-align: center; padding: 20px;}

/***hero video controls ***/
.vidcontrols .bkgvidcontrols {border: 2px solid #fff; padding: 10px 8px 9px 12px; right:20px; top:20px;
  & i {font-size:20px; width: 20px; height: 20px;}
  &:focus-visible {outline-width: 4px !important; outline-color: var(--awb-color1) !important; outline-offset: 7px;}
}

/***masonry video controls ***/
.videoblock .bkgvidcontrols {border: 2px solid #fff; padding: 8px 6px 8px 9px; left:10px; bottom:10px; box-shadow: 0px 0px 10px #000;
  & i {font-size:14px; width: 14px; height: 14px;}
  &:focus-visible {outline-width: 4px !important; outline-color: var(--awb-color1) !important; outline-offset: 5px;}
}

/*** universal items ****/
.bkgvidcontrols {z-index:20; position:absolute; cursor:pointer; opacity:1; background: var(--awb-color4); border-radius:50%;
  & i {color:var(--awb-color1); margin-right:0;}
  &.playing .fa-play {display:none;}
  &.paused .fa-pause {display:none;}
}

@media (min-width: 769px) and (max-width: 1024px) {
  .videoblock {min-height: 350px;}
}

@media (max-width: 768px) and (min-width: 401px) {
  .gridimage {max-height:280px;}
}

@media (max-width: 400px) {
  .gridimage {max-height:220px;}
}

/************************************* Carousels *************************************/
/**********************************************************************************/
.yellow-bkg .slick-slider {
  & .slick-arrow {height: 30px; width: 30px; line-height: 30px;
    & > span {font-size:30px; line-height:30px;
      &:before {font-size: 30px; line-height: 30px;}
    }
    &:focus > span {color: var(--awb-color5);}
    &.slick-disabled > span {opacity:0.4;}
    &.slick-prev {left:-35px;} 
    &.slick-next {right:-35px;} 
  }
  & .slick-dots li button:focus .slick-dot-icon:before { color: #333;}
}

.threeitem-slider .slick-slider > .slick-list {margin: 0 -10px;
   & .slick-slide {margin: auto 10px;
    & > div {text-align:center;}
   }
}

/************************************* Footer *************************************/
/**********************************************************************************/

body .fusion-tb-footer #menu-main-menu-1 .saved-jobs-menu {display:none !important;}

#menu-privacy-and-corporate-menu {
  & li:not(:last-child) a {border-right: 1px solid #fff;}
}

@media (max-width: 769px) {
  body .fusion-tb-footer {
    & .logo img {width: 200px;}
    & .fusion-flex-container .fusion-flex-justify-content-flex-end {justify-content: center;}
  }
}

/************************************* Job Cart *************************************/
div.jobcart {
  & .column-headers {background-color: #EAEDEE; overflow: hidden; border-bottom: 1px solid #838384; display: flex; align-items: center; padding: 0px; font-weight:700;
    & > div {padding:10px;}
  }
  & .jobcart-rowgroup > .jobcart-row:nth-child(even) {background-color:#F8F9FA;}
  & .jobcart-row {display:flex; align-items:center;
    & > div {padding:10px;}
    & a:not(.jcapp-btn) {text-decoration:underline;}
  }
  & .one_fifth {width:20%; margin-bottom:0;}
  & .two_fifth {width:40%; margin-bottom:0;}
  & .error {margin-bottom:20px; font-weight:700; text-align:center;}
}

@media (max-width: 769px) {
  div.jobcart {
    & .column-headers {flex-direction:column;
      /*& > span {text-align:center;}*/
    }
    & .jobcart-row {flex-direction:column;
      & > div {text-align:center;}
    }
  }
}


/************************************* Job Search Banner *************************************/
body .search-banner {width:100%; box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
  & .widget, & form > div {margin-bottom:0; float:none; padding:10px;}
  & .w-form-row-label {line-height:18px; margin-top:-18px;}
  & label {margin-bottom:0;}
  & form {display:flex; padding:10px 0px 0px; align-items: center;}
  & .widgettitle.cws-widgetitle {margin-top:0; margin-bottom:0; font-size:26px !important; color:var(--awb-color7);}
  & input[type="text"] {border-radius:5px !important;}
  & .select2-selection.select2-selection--single, & input[type="text"] {min-height:40px; line-height:40px; font-size:15px;}
  & .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:15px; padding-left:15px; line-height: 38px !important;}
  & .select2.select2-container{background:#fff;
    &:before {content: "\f107"; width: 16px; height: 16px; color: var(--body_typography-color); position: absolute; right: 7px; top: 12px; font-family: FontAwesome; font-size: 16px; line-height: 16px; z-index:0;}
    & > .selection {position:relative; z-index:1;
      & span {background:none;}
    }
  }
  & .quicksearch-btn {text-align:center;
    & input {width:75%;}
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body .search-banner #cws_quickjobsearch {
    & > * {margin-bottom:0 !important; margin-right:0 !important; width:25%;}
  }
}

@media (max-width: 768px) {
  body .search-banner {
    & form {flex-direction:column;}
  }
}

/************************************* Hot jobs *************************************/
#widget_joblist_nojobsfound {margin: 0 auto;}
.card-hotjobs {width:100%;
  & .widget-joblist {display:flex; align-items: stretch; margin-bottom:0;
    & .widget_joblist_row {width: 30.33%; box-shadow: 0 8px 15px rgb(0 0 0 / 10%); margin: 0 1.5%; background:#fff; padding:40px 40px 50px 40px; display: flex; flex-direction: column;
      & > div {float:none; display:block;}
    }
    & > .widget_joblist_row:nth-child(4) {display:none;} /** This is a corrective issue for the Similar Jobs List Widget - sometimes it will be short 1 result, even when there are jobs available, so you have to set it to 1 more than you need and then use this class to hide the extra***/
  }
  & .job-list-left-container { line-height:1.4; width:100%; margin-bottom:20px;
    & a {font-size:20px; font-weight:600; margin-bottom:20px; line-height:1; display:block;}
  }
  & .job-list-right-container {width:auto; margin-bottom: 0; margin-top: auto;
    a {display:block; margin:0 auto; width:fit-content; border-radius: 5px 5px 5px 5px; background-color: var(--primary_color); border-color: var(--button_border_color); border-width: var(--button_border_width-top, 0) var(--button_border_width-right, 0) var(--button_border_width-bottom, 0) var(--button_border_width-left, 0); border-style: solid; color: var(--button_accent_color); text-align:center; padding-top: var(--button_padding-top,13px); padding-right: var(--button_padding-right,29px); padding-bottom: var(--button_padding-bottom,13px); padding-left: var(--button_padding-left,29px); line-height: var(--button_line_height, 1); font-size: var(--button_font_size, 14px); font-weight:600;
      &:hover {background-color: var(--link_color); color: var(--button_accent_hover_color,var(--button_accent_color));}
    }
  }
}

/***** EJD Similar Jobs ****/
#widget_job_details_job_list-2 .widget_joblist_row a:focus-visible {line-height:1.6;}

@media (max-width: 767px) {
  .card-hotjobs {
    & .widget-joblist {flex-direction:column;
      & .widget_joblist_row {width: 100%; margin-bottom:20px;}
    }
  }
}

/************************************* Job Search Filters, Map, etc. *************************************/
#cws-search-form {
  & > .w-form-row {margin-bottom: 10px;}
  & label {margin-bottom:0;}
  & input[type="text"] {border-radius:5px !important; margin-bottom: 0px; height: 40px; padding-left:8px;}
  & .select2.select2-container{background:#fff;
    &:before {content: "\f107"; width: 16px; height: 16px; color: var(--body_typography-color); position: absolute; right: 7px; top: 12px; font-family: FontAwesome; font-size: 16px; line-height: 16px; z-index:0;}
    & > .selection {position:relative; z-index:1;
      & span {background:none;}
    }
  }
  label.a11y-helper-text {display:block;}
  & .select2.select2-container.select2-container--default {margin-bottom:10px;}
  & .select2-selection.select2-selection--single {min-height:40px;}
  & .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px !important;}
  & .container-location-type {margin-bottom:20px;
    & #title-location_type {font-size: 13px; font-weight:normal;}  
    & .container-location-type-wrap label {font-size:16px;}
  }
  & fieldset {margin-top:10px;
    & legend {margin-bottom:0; font-size:13px; color:var(--body_typography-color); font-family: var(--body_typography-font-family);}
  }
  & .location-wrapper {padding-top:10px;
    & input[type="text"].loc_auto {margin-bottom:5px;}
    & .error-msg {line-height:1.1; margin-top: 2px; margin-bottom: 5px;}
  }
  & .commute-header-label {margin-top:0px; margin-bottom: 5px;}
  & .location-box {padding:0; border:0; 
    & .location-search-type-options {margin-top:10px;}
    & input[type=radio] {margin-top:0;}
    & .location-search-type fieldset {margin-top:0;}  
    & .commute-type-control {margin-top:10px;} 
    & div.location-radius-control {margin-bottom: 10px; padding-bottom: 10px;}
  }
  #cws_jobsearch__proximity {padding-left:6px;}
  & .container-location-type {
    & .search-checkbox-title {margin-bottom:8px;}  
  }
  & .search-submit-btn {margin-top:20px;}
}

body #toggleAdvSearch {margin-bottom:20px; margin-top:10px; text-shadow: none;
  &:after {content:'\f106'; display:block; position:absolute; right:20px; top:27%; font-family:'Font Awesome 5 Pro'; color: var(--awb-color1); font-size: 30px; font-weight: 300;}
  &.close {opacity:1;
    &:after {content:'\f107';}
  }
}
.widget-jobsearch-results > .clearfix {margin-bottom:10px;}
#job-map-toggle .world-icon {top: 6px; margin-top:auto !important;}
body .widget-jobsearch-results #live-results {margin-top:0; float:left;}

body .search-results-table {
  & > div[role="presentation"] {display:none;}
  & .search-columns > div[role="columnheader"] {width:40%; margin-right:0;
    &#colhead-title_category {width:60%;}
    & > span {width:100%;}
  }
  & #widget-jobsearch-results-list .job-innerwrap {
    & .fusion-three-fifth {width:60%; margin-right:0; padding-right:10px;}
    & .fusion-two-fifth {width:40%; margin-right:0;}
    & > div {margin-bottom:0;}  
  }
  & .job-arrow-btn, & .job-arrow-btn a {display:none !important;} 
  & .jobCategory {font-weight:400;}
}
body #widget-jobsearch-results-pages .pagination-ul .pagination-li a.button:not(.inactive) {color: var(--awb-color1);}

@media (min-width: 769px) and (max-width: 1024px) {
    body .search-results-table {
      & .job-innerwrap {
        & > div {margin-bottom:0;}  
      }  
    }
}

@media (max-width: 768px) {
  body .search-results-table .search-columns > div[role="columnheader"] {width:100%;
    &#colhead-title_category {width:100%;}
  }
  body .widget-jobsearch-results .job .joblist-location, 
  body .widget-jobsearch-results .job .joblist-posdate {padding-left: 0px !important; background: none !important;}
  body #widget-jobsearch-results-pages .button {padding: 6px 9px; font-size: 15px; margin-left: 5px;}
}

body .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--awb-color8);}

body .marker-cluster-small {background-color: rgba(155, 61, 114, 0.4) !important;
  & div {background-color: #9B3D72;}
  & span {color:#fff;}
}

body .marker-cluster-medium {background-color: rgba(181, 227, 216, 0.4) !important;
  & div {background-color: #b5e3d8;}
}

body .marker-cluster-large {background-color: rgba(66, 85, 99, 0.4) !important;
  & div {background-color: #425563;}
  & span {color:#fff;}
}

/******************************* Job Details Page *************************************/
.ejd-page {
  & .hero-data {
    & p, & ul {margin-bottom:0;}
  }
  & .ejd-wrap {
    & h2 {font-family: var(--body_typography-font-family); color: var(--awb-color3); font-weight:700; font-size: var(--body_typography-font-size); margin-top:10px; margin-bottom:10px;}
    & ul {margin-bottom:30px;}
  }
  & #gtm-jobdetail-cart {margin-top:30px; margin-bottom:20px;
    & a {font-size:14px;
      &[aria-pressed=false] span {font-weight:400 !important;}
      &[aria-pressed=true] span {font-weight:900 !important;}
      & .fas {font-size:14px;}
      &:hover, &:active, &:focus {
        & .fas {color:#fff;}
      }
    }  
  }
}

@media (min-width: 770px) and (max-width:1024px) {
      .ejd-page #gtm-jobdetail-cart {margin-bottom:40px;}
      .fusion-sharing-box.layout-medium-floated {flex-direction: column; align-items: flex-start;}
}

@media (max-width: 769px) {
  body #gtm-jobdetail-cart {margin-top:20px; margin-bottom:30px;}
  body .job-social-share.fusion-sharing-box.layout-medium-floated .tagline {margin-right:0;}
}


  /***** Similar Jobs List *****/
.similar-jobs-ejd .widget-joblist .widget_joblist_row {margin-bottom:20px;}


/******************************* XCR pages - Sign Up,etc. *************************************/
    /***** LCP Join page *****/  
.ng-scope {
  & #candidatePoolMainContainer * {font-family: var(--body_typography-font-family);} /* var(--awb-fusion-font-family-typography) */
  & .form-control, & select {background:#fff; border-color: #2e2925; color: #2e2925; font-size: var(--body_typography-font-size);}
  & .checkbox a {color: var(--awb-color7) !important;}
  & .resume-wrapper {margin-bottom: 20px;}
  & .btn-azure {
    &.disabled, &[disabled], &.disabled:hover, &[disabled]:hover, &.disabled:focus, &[disabled]:focus, &.disabled:active, &[disabled]:active, &.disabled.active, &[disabled].active {background-color: var(--awb-color7) !important; border-color:var(--awb-color7); font-size: var(--body_typography-font-size);}
  }
  &.join-page {
    & .schema-form-section input[type="text"], & select.form-control, & .btn-azure {height: 50px; border-radius: 0; font-size: var(--body_typography-font-size);}
  }
  & .has-success .form-control-feedback {top: 41px; width: 20px; height: 20px; line-height: 20px; margin-right:3px;}
  & .has-error .form-control-feedback {top: 43px; width: 20px; height: 20px; line-height: 20px; margin-right:1px;}
  & .dashicons.dashicons-no-alt:before {color: var(--awb-color2) !important;}
  & .form-control.ng-invalid  {background: transparent; border-color: var(--awb-color7); color: var(--awb-color7) !important;}
  & .form-group, & .input-group {
    &.has-error input, &.has-error select, &.has-error textarea, &.has-success input, &.has-success select, &.has-success textarea {background: transparent; border-color: var(--awb-color7); color: var(--awb-color7) !important;}
  } 
  & .attachments-list thead th {text-align:left !important;}
  & .fa-trash:before {content: "\f1f8";}
  & .checkbox-custom + .checkbox-custom-label:before, & .radio-custom + .radio-custom-label:before {border: 1px solid var(--awb-color7);}
  & .radio-custom:checked + .radio-custom-label:before {background: var(--awb-color2);}
}
/************** Filter out jobs with null salary field **************/

CWS.add_filter('google_mapped_search_criteria', function(criteria) {
  if (criteria.hasOwnProperty('customAttributeFilter')) {
    criteria.customAttributeFilter += ' AND NOT EMPTY(salary)';
  } else {
    criteria.customAttributeFilter = 'NOT EMPTY(salary)';
  }
  return criteria;
});
/************************************************************/
})(jQuery, window, document);


