.bg-img-1 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-img-office.jpg");
}

.bg-img-2 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-img-office-cluttered.jpg");
}

.bg-img-3 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-hero-1.jpg");
}

.bg-img-4 {
    background: url("https://us.evocdn.io/dealer/1409/content/media/My_Theme/oc-office-and-glasses.jpg");
}

.switch-acccount {
color: #01746d;
}

body > div.customertools.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) {
  	display: none
}

/*
.live-inventory-v2-add-to-cart-wrapper {
  width: calc(100% - 45px);
  max-width: none;
}

.live-inventory-v2-wrapper {
  white-space: normal;
  margin: 5px 0;
  text-align: left;
}

.softgraybackground  .live-inventory-v2-wrapper {
   text-align: center;
}

.ex-product .softgraybackground  .live-inventory-v2-wrapper {
   display:none;
}

.catalog-grid .tile .footer button.btn-primary {
  width: 100%;
}
*/

.live-inventory-v2-add-to-cart-wrapper {
/* check button width */
  width: calc(100% - 45px);
  max-width: none;
}

.live-inventory-v2-wrapper {
  white-space: normal;
  margin: 5px 0;
}

.catalog-grid .tile .footer button.btn-primary {
  width: 100%;
}

.ex-product .softgraybackground .live-inventory-v2-add-to-cart-wrapper .live-inventory-v2-wrapper {
  display: none;
}




/* Support Request for Hero Animation */
.ex-content-page .no-effect .hero .accent-wrapper .accent {
	left: 400px;

	@media only screen and (min-width: 1921px) {	
		left: -350px;
	}

  	@media only screen and (max-width: 1366px) {
		left: 100px;
	}
	@media only screen and (max-width: 991px) {
		left: -300px;
	}
}

.ex-content-page .no-effect .hero .image-section {
	width: 55%;
	
	@media only screen and (max-width: 991px) {
		width: 100%;
	}
}

.ex-content-page .no-effect .hero:hover .accent-wrapper .accent {

	@media only screen and (min-width: 1921px) {	
		left: -350px;
	}


  	@media only screen and (max-width: 1366px) {
		left: 100px;
	}
 
}


.ex-content-page .small-effect .hero .accent-wrapper .accent {
	left: 400px;
	@media only screen and (min-width: 1921px) {	
		left: -300px;
	}

	
  	@media only screen and (max-width: 1366px) {
		left: 150px;
	}
	@media only screen and (max-width: 991px) {
		left: -300px;
	}
}

.ex-content-page .small-effect .hero:hover .accent-wrapper .accent {
	left: 350px;

	@media only screen and (min-width: 1921px) {	
		left: -350px;
	}

  	@media only screen and (max-width: 1366px) {
		left: 100px;
	}
	@media only screen and (max-width: 991px) {
		left: -300px;
	}
}


.ex-content-page .small-effect .hero .image-section {
	width: 55%;
	
	@media only screen and (max-width: 991px) {
		width: 100%;
	}
}



.ex-content-page .small-effect .hero .accent-wrapper .accent::after,
.ex-content-page .no-effect .hero .accent-wrapper .accent::after {
	@media only screen and (min-width: 1921px) {
 
		left: 1990px;

  	}
}

/*easter egg*/
 @keyframes eggPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}


/* Smoothly fade in Easter Eggs (prevents flashing on reload) */
[data-easter-egg] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.easter-egg-visible {
  visibility: visible;
  opacity: 1;
}


[data-easter-egg]:hover {
  opacity: 1;
}

body.ex-loggedout img[data-easter-egg] {
    display: none !important;
  }

/*centers test meet the team easter egg*/
img[data-easter-egg="Team-penny-1"] {
    position: relative;
    left: 300%;
    transform: translateX(-50%);
    display: block !important;
  }
@media (max-width: 768px) {
  img[data-easter-egg="Team-penny-1"] {
    left: 40%;
  }
}
  
.stand-out {
  background-color: orange;
}