/*--BEGINNING--Column Control 75% Left Padding Overrides--*/

/*--INFO--*/
/*--These CSS are meant to add left padding to Images, CTAs and Videos within text components inside Column control --*/
/*--These CSS have already requested to IT under STRY0192678 Sustainability and Quality / 38 Pages  / Text + Image 75% Screen (CSS Overrides) Solution --*/

/* Beginning: Solution to fix streched plus and minus icon of accordion within column control*/
.columncontrol .cmp-accordion__title {
   width: 100%;
}

/* End: Solution to fix streched plus and minus icon of accordion within column control*/


.columncontrol .image, .columncontrol .cta-button, .columncontrol .video-player, .columncontrol .eastman-accordion  {
   padding: 0 8rem;
}

@media (max-device-width:767.9px) {
   .columncontrol .image, .columncontrol .video-player, .columncontrol .eastman-accordion {
      padding: 0;
   }

   .columncontrol .cta-button {
      padding: 0 1.25rem;
   }
}

@media (min-device-width:768px) and (max-device-width:1023.9px) {
   .columncontrol .image, .columncontrol .text, .columncontrol .cta-button, .columncontrol .video-player, .columncontrol .eastman-accordion {
      padding: 0 2.75rem 0rem;
   }
}

@media (min-device-width:1024px) and (max-device-width:1200px) {
   .columncontrol .image, .columncontrol .cta-button, .columncontrol .video-player, .columncontrol .eastman-accordion {
      padding-left: 88px;
      padding-right: 88px;
   }
}

/*--END--Column Control 75% Left Padding Overrides--*/