/* Global Styling - starts */
a:focus {
    outline: 2px solid #000;
    outline-offset: -2px;
}
a span.stButton span.sharethis:before{content: "\e909";left: -1px;top: -5px;}
a span.stButton span.twitter:before{content: "\e908";font-size: 1.7rem;left: 3px;top: -3px;}
a span.stButton span.facebook:before{content: "\e903";left: 8px;top: -4px;}
a span.stButton span.email:before {content: "\e90b"; left: 9px;top: -4px;}
.header-social-icons .sm-icons span.visuallyhidden {display: none;}
.header-social-icons > div > a span {color: #a7a9ac;display: inline-block;font-size: 2rem;margin: 0 32px 0 0;}
.skip a { position: relative; left: 0; top: -24px; width: 100%; height: 100%; overflow: visible; display: block; text-align: center;}
.skip a:focus{top:0;outline: none;outline: 5px auto -webkit-focus-ring-color;outline-offset: 2px;text-decoration:none; display: inline-block;}
a:focus, div#breadcrumb a:focus, body.ip3-our-company #twocolright .second-level-navigation > ul > li > a:focus outline: none;outline: 5px auto -webkit-focus-ring-color;outline-offset: 0px;text-decoration:none; display: inline-block;}
.ip3-edit .slider-banner-box-content{display: flex;justify-content: center;}
.visuallyhidden{visibility: hidden;}
.footer-links-container a#auto-top-link {bottom: 35px; width: 45px; height: 45px;}

a.rad-link-1{font-family: "Jost", sans-serif;font-size: 1.6rem;font-weight: normal;font-stretch: condensed;line-height: 1.75;letter-spacing: normal;color: #fff;text-decoration: underline;}
a.rad-link-1:after {content: ''; width: 8px; height: 8px; display: inline-block; margin-left: 6px; background-image: url(/~/media/Images/S/Sally-Beauty/icons/triangle-white); }
a.rad-link-2 {font-family: "Jost", sans-serif;font-size: 1.6rem;font-weight: normal;font-stretch: condensed;line-height: 1.75;letter-spacing: normal;color: #000;}
a.rad-link-2:hover {text-decoration: none;}
.careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content a.rad-link-2:hover {text-decoration: none;}
a.rad-link-2:after {content: ''; width: 8px; height: 8px; display: inline-block; margin-left: 6px; background-image: url(/~/media/Images/S/Sally-Beauty/icons/triangle); }

h2.blue {color: #0055b8;}
h2.red {color: #e4002b;}
h2.orange {color: #ff7f30;}
h2.violet {color: #773dbd;}
h2.green {color: #3dae2b;}

div#breadcrumb {margin: 20px 0 24px 30px;font-style: normal;font-family: "Jost", sans-serif;font-size: 15px;line-height: 15px;font-weight: 400;}
div#breadcrumb span, div#breadcrumb a { font-family: "Jost", sans-serif;font-size: 1.5rem; font-weight: normal; line-height: 1.5rem; letter-spacing: 0; color: #979797;}

/* Banner Slider - Module - starts */

.banner-slider {clear: both;}
.slick-dots { list-style-type: none; margin: 25px 0 0; padding: 0; margin:0;}
.slick-dots li { width: auto; height: auto; display: inline-block; padding: 0 5px;}
.slick-dots li button { width: auto; height: auto; padding: 10px; font-size: 12px; color: #666; border: none; background: #f0f0f0; display:none;}
.slick-dots li button:before { content: none;}
.slick-dots li.slick-active button { background: #ccc;}
.banner-slider-careers-inner {min-width: 1000px;height: 100% !important;max-height: 441px;}
.banner-slider-inner-container {height: 500px;min-height: 500px;position: relative;overflow: hidden;}
 
/* Banner Slider - Module - ends */

/* Global Styling - ends */




/* Careers Slider */

.banner-slider .banner-slider-container .banner-slider-careers-inner h1.banner-img-text{position: relative;display: flex;max-width: 100%;height: 100%;width: 35%;align-items: center;padding-left: 40px;font-size: 4.8rem;font-weight: 700;font-stretch: condensed;font-style: normal;line-height: 1;letter-spacing: normal;color: #000;}
.careers-wrapper .slider-banner-box .slider-banner-box-content ul li a strong {font-size: 1.4rem;font-weight: 700;font-stretch: condensed;font-style: normal;line-height: 28px;letter-spacing: normal;color: #fff;text-decoration: underline;font-family: "Jost", sans-serif;}
.careers-wrapper .slider-banner-box .slider-banner-box-content h2{font-family: "Jost", sans-serif;font-size: 3.6rem;font-weight: 700;font-style: normal;line-height: 3.5rem;color: #fff;text-align: center;padding:34px 0 20px 0;margin:0;}
.careers-wrapper .slider-banner-box .slider-banner-box-content ul{text-align: center;padding-bottom: 30px;}
.careers-wrapper .slider-banner-box .slider-banner-box-content ul li{display: inline-block;margin-right: 23px;}
.careers-wrapper .slider-banner-box .slider-banner-box-content ul li:last-child{margin-right:0px;}
.slider-banner-box-content {background:#000;box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.50); margin: 0 32px; margin-top: -175px;z-index: 9;position: relative;} 
.slider-banner-box-content ul li a:focus{outline: 2px solid #fff;}
.banner-slider .banner-slider-container .banner-slider-careers-inner.title-white h1.banner-img-text{color:#fff;}
.careers-banner .slider-banner h1.banner-img-text {position: absolute;top: 180px;max-width: 295px;left: 40px;font-family: "Jost", sans-serif;font-size: 4.8rem;font-weight: 700;font-stretch: condensed;font-style: normal;line-height: 1;letter-spacing: normal;color: #000;}
.careers-wrapper .careers-boxes {margin-top: 0px;margin-bottom: 80px;} 
.careers-wrapper .careers-boxes.careers-box-video{padding-top:80px;}
.careers-wrapper .careers-boxes.careers-box-video-2{padding-top:0px;}
.careers-wrapper .careers-boxes.careers-box-video > .row{display: flex;align-items: center;}
.float100.career-page-title h1 {font-size: 3.6rem;line-height: 3.5rem;font-family: "Jost", sans-serif;font-weight: 700;font-style: normal;color: #000;}
.careers-wrapper .career-box-title h2 {font-size: 3.6rem;font-weight: 700;font-stretch: condensed;font-style: normal;line-height: 3.5rem;letter-spacing: normal;color: #000;text-transform: uppercase;font-family: "Jost", sans-serif;}
.careers-wrapper .career-box-content p,.careers-wrapper .careers-box-4 .career-image-cards .career-box-title p {font-size: 1.6rem;font-weight: normal;font-stretch: condensed;line-height: 24px;letter-spacing: normal;color: #000;padding-bottom: 0;font-family: "Jost", sans-serif;}
.box-item-container {margin-bottom:0px !important;}
.careers-wrapper .careers-box-video .box-right {width: 100%;height: auto;display: flex;align-items: center;padding: 0 60px 0 20px;}
.careers-wrapper .careers-box-video .box-right .box-item-container .career-box-title h2{font-size: 3.6rem;font-weight: 700;font-stretch: condensed;font-style: normal;line-height: 35px;letter-spacing: normal;color: #000;text-transform: uppercase;font-family: "Jost", sans-serif;}
.careers-wrapper .careers-boxes .career-image-cards-title{font-size: 3.6rem;font-weight: 700;font-stretch: condensed;font-style: normal;line-height: 35px;letter-spacing: normal;color: #000;text-transform: uppercase;font-family: "Jost", sans-serif;margin-bottom: 16px;text-align: center;}
.careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper {overflow: hidden;/*width: 500px;*/width: 100%;height: 338px;display: flex;align-items: center;}
.careers-wrapper .careers-boxes a,.careers-wrapper .careers-boxes button{font-family: "Jost", sans-serif;font-size: 1.6rem;font-weight: 400;line-height: 2.8rem;color: #000;text-transform: uppercase;margin-top: 16px;display: inline-block;background-color: transparent;
  border: 0;
  border-bottom: 2px solid #ED174B;}
 .careers-wrapper .careers-boxes button:focus {outline: 2px solid #000;
  outline-offset: -2px;}
.careers-wrapper .careers-boxes a:hover{text-decoration:none;}
.careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content a.rad-link-1 {font-family: "Jost", sans-serif;font-size: 1.6rem;font-weight: normal;font-stretch: condensed;line-height: 1.75;letter-spacing: normal;color: #fff;}
.careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content a.rad-link-1:after {content: ''; width: 8px; height: 8px; display: inline-block; margin-left: 6px; background-image: url(/~/media/Images/S/Sally-Beauty/icons/triangle-white);}
.careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content a.rad-link-2 {font-family: "Jost", sans-serif;font-size: 1.6rem;font-weight: normal;font-stretch: condensed;line-height: 1.75;letter-spacing: normal;color: #000;}
.careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content a.rad-link-2:after {content: ''; width: 8px; height: 8px; display: inline-block; margin-left: 6px; background-image: url(/~/media/Images/S/Sally-Beauty/icons/triangle);}
/* Box 1 Css */
.careers-wrapper .careers-box-1 .box-right {width: 100%;height: 500px;background-color: #000;display: flex;align-items: center;padding: 0 120px 0 70px;}
/* Box 2 Css */
.careers-wrapper .careers-box-2 .box-right {width: 100%;height: 490px;background-color: #e4002b;display: flex;align-items: center;padding: 0 70px;}
.careers-wrapper .careers-box-2 .career-box-image.devices{display:none;}
.careers-wrapper .careers-box-2 .box-left {    width: 100%;height: 490px;display: flex;align-items: center;padding: 0 52px;border: solid 1px #ccc;}
/* Box 3 Css */
.careers-wrapper .careers-box-3 .box-item-container .career-box-title h2 {font-size: 2.8rem;font-weight: 400;font-stretch: condensed;font-style: normal;line-height: 30px;letter-spacing: normal;color: #000;text-transform: uppercase;font-family: "Jost", sans-serif;margin-bottom: 16px;}
/* Box 4 Css */
.careers-wrapper .careers-box-4 .box-right {width: 100%;min-height: 550px;background-color: #000;display: flex;align-items: center;padding:36px 69px;height:100%;}
.careers-wrapper .careers-box-4 .career-image-cards{display: flex;gap: 10px;}
.careers-wrapper .careers-box-4 .career-image-cards .career-box-image{flex: 1;}
.careers-wrapper .careers-box-4 .career-image-cards img{height: 178px;width: 100%;margin-bottom: 12px;}
.careers-wrapper .careers-box-4 .career-image-cards .career-box-title{padding:4px}
.careers-wrapper .careers-box-4 .career-image-cards .career-box-title h3{font-size: 2.8rem;line-height: 30px;font-family: "Jost", sans-serif;margin-bottom:16px;}
.careers-wrapper .careers-box-4 .career-image-cards .career-box-title p{margin-bottom:0px;padding-bottom: 0px;}
/* Box 5 Css */
.careers-wrapper .careers-box-5 .pr-20{padding-right: 20px;}
.careers-wrapper .careers-box-5 .career-box-image img{height: 22.2rem;}
.careers-wrapper .careers-box-5 .career-box-wrapper{padding:16px;background:#EBEBEB;}
.careers-wrapper .careers-box-5 .career-box-wrapper h2{font-size: 2.2rem;font-weight: 400;line-height: 2.9rem;letter-spacing: -1px;text-transform: none;}
.careers-wrapper .careers-box-5 > .row{display:flex;}
.careers-wrapper .careers-box-5 > .row .col-md-4:first-child{align-self: center;}
.careers-wrapper .careers-box-5 .box5{height:100%;}
.careers-wrapper .careers-box-5 .box5 .box-item-container{height: 100%;display: flex;flex-flow: column;}
.careers-wrapper .careers-box-5 .box5 .career-box-wrapper{flex: 1;}
.careers-wrapper .careers-box-5 .career-box-image{position: relative;}
.careers-wrapper .careers-box-5 .video-button{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 35px;height: 35px;background: transparent;border-radius: 100%;border: 3px solid #fff;}
.careers-wrapper .careers-box-5 .video-button::after{content: '';width: 12px;height: 12px;display: inline-block;margin-left: 6px;background-image: url(/~/media/Images/S/Sally-Beauty/icons/triangle-white);background-repeat: no-repeat;background-size: 100%;}
.careers-wrapper .careers-box-5 .video-button:focus,.career-popup .video-popup-close:focus{
outline: 2px solid #000;
outline-offset: -2px;
border-radius: 100%;
}

/* Box 6 Css */
.careers-wrapper .careers-box-6 { background-color: #000; padding-bottom: 30px; text-align: center; margin-bottom:0}
.careers-wrapper .careers-box-6 .box-item-container { max-width: 900px; margin: 0 auto; }
.careers-wrapper .careers-box-6 .career-box-title h2 { color: #fff;font-weight: 700;font-size: 36px;letter-spacing: 1px;text-transform: uppercase;margin: 34px 0 20px 0; }
.careers-wrapper .careers-box-6 .career-box-content { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 32px; }
.careers-wrapper .careers-box-6 .career-box-content ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; margin: 0; padding: 0; }
.careers-wrapper .careers-box-6 .career-box-content ul li { margin: 0; padding: 0;margin-right:23px }
.careers-wrapper .careers-box-6 .career-box-content ul li:last-child{maring:0px;}
.careers-wrapper .careers-box-6 .career-box-content a { color: #fff;font-weight: 700;font-size: 14px;text-decoration: underline;text-underline-offset: 3px;letter-spacing: 0.3px;white-space: nowrap;position: relative;border: none;margin-top: 0;text-transform: none;}
.careers-wrapper .careers-box-6 .career-box-content a:hover { color: #e0e0e0; }
.careers-wrapper .careers-box-6 .career-box-content a:focus{outline: 2px solid #fff;}

@media screen and (min-width:1040px){
  .careers-wrapper .pr-0{padding-right: 0;}
  .careers-wrapper .pl-0{padding-left: 0;}
}

@media screen and (max-width:1040px){
  .careers-boxes.careers-box-4 .box-item-container{padding-left: 10px;padding-right: 10px;}
  .careers-wrapper .careers-box-5 .pl-0{padding-left:10px;padding-right: 10px;}
}

@media all and (min-width: 767.98px) and (max-width: 1024.98px)  {
	.careers-wrapper .careers-boxes.careers-box-4 {padding-top: 50px;}
	.header-social-icons > div > a span{display:table-cell;}
}

@media all and (max-width: 1023.98px)  {
	.careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper{height: 380px;}
}

@media all and (max-width: 991.98px) {
	.careers-wrapper .slider-banner-box .slider-banner-box-content ul li a.rad-link-2, .careers-wrapper .careers-box-1 .box-right .box-item-container .career-box-content p, .careers-wrapper .careers-box-4 .box-right .box-item-container .career-box-content p, .careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content p{font-size:2.0rem;line-height:1.9rem;}
  .careers-wrapper .pr-0, .careers-wrapper .pl-0 {padding-left: 8px;padding-right: 8px;}
  .career-box-image img,.careers-wrapper .careers-box-5 .career-box-image img {width: 100%;height: auto;}   
	.careers-wrapper .careers-box-1 .box-right {width: 100%;padding: 0 60px 0 35px;}
	.careers-wrapper .careers-box-2 .box-left {display: inline-block; border:none; padding: 30px 40px;height: auto;}
	.careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image{padding-top:0;}
    .careers-wrapper .careers-boxes.careers-box-video > .row {
      flex-flow: column;
      }
      .careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image {padding-top: 40px;}
}

 @media screen and (max-width:991px){
  .careers-wrapper .careers-box-2 .career-box-image.devices {display: block;}
  .careers-wrapper .careers-box-2 .career-box-image.desktop {display: none;}
  .careers-wrapper .careers-box-3 .box3{margin-bottom:20px;display: inline-block;}
  .careers-wrapper .careers-boxes.careers-box-4 .career-image-cards {display: flex;gap: 10px;width: 100%;flex-flow: wrap;}
  .careers-wrapper .careers-box-4 .career-image-cards .career-box-image {flex: auto;}
  .careers-wrapper .careers-boxes.careers-box-4 .career-box-image {max-width: calc(50% - 20px);margin-bottom:20px}
  .careers-wrapper .careers-boxes.careers-box-4 .career-image-cards img{width:auto;}
  .careers-wrapper .careers-box-5 > .row {display: flex;flex-flow: wrap;}
  .careers-wrapper .careers-box-5 .box5-1{margin-bottom:20px}
  .careers-wrapper .careers-boxes {margin-top: 0px;margin-bottom: 60px;}
  .careers-wrapper .careers-box-video .box-right{margin-bottom:20px;}
  .careers-wrapper .careers-boxes.careers-box-video {padding-top: 40px;}
  .slider-banner-box-content {margin-top: -110px;}
 }
 @media all and (max-width: 767.98px) {
	span.icon-chevron-up { font-size: 1.6rem; position: relative; bottom: 7px; right: 4px;}
	.footer-links-container a#auto-top-link {bottom: 30px;width: 30px;height: 30px;} 
	.careers-wrapper .careers-box-1 .box-right { padding: 30px 40px 8px 40px; height: auto; }
  .careers-wrapper .careers-box-2 .box-right {padding:30px 40px;height: auto;}
	.careers-boxes.careers-box-video { margin-top: 30px; margin-bottom:30px;}    
	.careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image{padding-top:10px;}
	.careers-wrapper .careers-box-video .box-right {height: 100%;padding: 0 20px;}
	.careers-wrapper .careers-box-video .box-right {padding: 0}
  .careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper {width:100%;}
	.careers-wrapper .careers-box-4 .box-right{height: 100%;padding: 30px 40px;}
  .careers-wrapper .careers-boxes.careers-box-4 .career-box-image{max-width: 100%;}
  .careers-wrapper .careers-box-5 .box5.box5-2{margin-bottom:20px;}
  .careers-wrapper .careers-box-5 > .row {display: flex;flex-flow: column;}
  .careers-wrapper .careers-boxes {margin-top: 0px;margin-bottom: 40px;}
  .careers-wrapper .careers-boxes.careers-box-6{padding-top: 0;}
  .careers-wrapper .slider-banner-box .slider-banner-box-content h2{font-size:2.4rem;}
  .careers-box-6 .career-box-title h2 { font-size: 24px; }
	.careers-box-6 .career-box-content ul { gap: 16px; }
	.careers-box-6 .career-box-content a { font-size: 13px; } 
  .banner-slider-careers-inner { min-height: 250px; max-width: 100vw !important; display: flex; align-items: center; width: 100vw; background-size: cover !important; background-position: 50% center !important;   background-repeat: no-repeat;min-width: 360px;
    height: 250px !important;}
  .banner-slider-inner-container { height: auto; min-height: auto; max-width: 100vw; }
	.banner-slider .banner-slider-container .banner-slider-careers-inner h1.banner-img-text, 
  .banner-slider .banner-slider-container .banner-slider-careers-inner.title-white h1.banner-img-text {font-size: 3.2rem;line-height: 3.2rem;} 
  .careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper iframe{width: 767px;max-width: 100%;}
  .careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper{  max-width: 100%;height: 400px;}
}

@media all and (min-width: 500px) and (max-width: 767.98px)  {
	.banner-slider-careers-inner { min-height: 365px;}
}

@media screen and (max-width:560.98px){
	.careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper {padding-bottom:0;}
	.careers-wrapper .careers-box-video .box-right .box-item-container .career-box-content p:last-child {padding-bottom:0;}
      .careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper{  max-width: 100%;height: 400px;}
      .careers-wrapper .careers-box-video .box-left .box-item-container .career-box-image .videoWrapper {height: 240px;}
}

@media all and (min-width: 354px) and (max-width: 370.98px)  {
	.careers-wrapper .careers-boxes .box-right .box-item-container .career-box-content a.rad-link-1 {font-size:1.5rem;}
}



/* Video popup css */
.career-popup{position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 30px;background: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;pointer-events: none;transition:opacity 0.3s ease,visibility 0.3s ease;}
.career-popup.is-open {opacity: 1;visibility: visible;pointer-events: auto;}
.career-popup .video-popup-content {position: relative;width: 100%;max-width: 703px;}
.career-popup .videoWrapper {position: relative;width: 100%;aspect-ratio: 16 / 9;background: #000; }
.career-popup iframe {display: block;width: 100%;height: 100%;border: 0;}
.career-popup .video-popup-close {position: absolute;top: -45px;right: 0;width: 36px;height: 36px;padding: 0;border: 0;background: transparent;color: #fff;font-size: 13px;line-height: 0;cursor: pointer;z-index: 2;}
.career-popup .video-popup-close:focus {
  outline: 2px solid #fff;}
body.video-popup-open {
    overflow: hidden;
}


.ip3-edit .slider-banner-box-content{display: flex;justify-content: center;flex-flow: column;}
