/* styles */

html .usa-modal {
  max-width: 60vw;
}

.usa-modal__content p {
	margin: 0;
	padding: 0;
}
/*.usa-modal__content button {}*/

.is-hidden {display: none;}
.is-visible {display: block;}

/*problem solving override GREEN
main: mint-50v #008659
bg: green-cool-10 #dbebde
https://designsystem.digital.gov/design-tokens/color/system-tokens/
*/
/*cognitive self-change override BLUE
main: blue-60 #2c608a
bg: blue-cool-10 #dae9ee
https://designsystem.digital.gov/design-tokens/color/system-tokens/
*/
:root {
  --t4c-red-main: #d83933;
  --t4c-red-light:#f2938c;
  --t4c-red-lighter:#f3e1e4;
  --t4c-blue-main:#2c608a;
  --t4c-blue-light:#82b4c9;
  --t4c-blue-lighter:#dae9ee;
  --t4c-green-main:#008659;
  --t4c-green-light:#86b98e;
  --t4c-green-lighter:#dbebde;
  --t4c-yellow-main:#ddaa01;
  --t4c-yellow-light:#face00;
  --t4c-yellow-lighter:#fee685;
  --t4c-yellow-lightest:#fff5c2;
  --t4c-base-main:#71767a; /* Grey */
  --t4c-base-light:#dfe1e2;
  --t4c-base-lighter:#f0f0f0;
  --t4c-ink:#1b1b1b;
  
    --violet-5: #f4f1f9;
    --violet-10: #ebe3f9;
    --violet-20: #d0c3e9;
    --violet-30: #b8a2e3;
    --violet-40: #9d84d2;
    --violet-50: #8168b3;
    --violet-60: #665190;
    --violet-70: #4c3d69;
    --violet-80: #312b3f;
    --violet-90: #18161d;

  /* Usage:
   * var(--t4c-red-main) <= use this instead of #d83933
   * var(--t4c-red-light)
   * var(--t4c-red-lighter)
   * var(--t4c-blue-main)
   * var(--t4c-blue-light)
   * var(--t4c-blue-lighter)
   * var(--t4c-green-main)
   * var(--t4c-green-light)
   * var(--t4c-green-lighter)
   * var(--t4c-yellow-main)
   * var(--t4c-yellow-light)
   * var(--t4c-yellow-lighter)
   * var(--t4c-base-main)
   * var(--t4c-base-light)
   * var(--t4c-base-lighter)
  */

}

.border-violet-5 {border-color: var(--violet-5) !important;}
.border-violet-10 {border-color: var(--violet-10)!important;}
.border-violet-20 {border-color: var(--violet-20)!important;}
.border-violet-30 {border-color: var(--violet-30)!important;}
.border-violet-40 {border-color: var(--violet-40)!important;}
.border-violet-50 {border-color: var(--violet-50)!important;}
.border-violet-60 {border-color: var(--violet-60)!important;}
.border-violet-70 {border-color: var(--violet-70)!important;}
.border-violet-80 {border-color: var(--violet-80)!important;}
.border-violet-90 {border-color: var(--violet-90)!important;}



/* GREEN */
#edit-body-wrapper .t4c-ps-green-text,
#edit-body-wrapper h2.t4c-ps-green,
#edit-body-wrapper h3.t4c-ps-green,
.t4c-ps-green-text,
h2.t4c-ps-green,
h3.t4c-ps-green {color: var(--t4c-green-main) !important;}


#edit-body-wrapper .t4c-ps-green-bg,
.t4c-ps-green-bg,
#edit-body-wrapper .usa-alert.t4c-ps-green-bg,
.usa-alert.t4c-ps-green-bg,
#edit-body-wrapper .usa-alert.t4c-ps-green-bg.usa-alert--icon-box::before,
.usa-alert.t4c-ps-green-bg.usa-alert--icon-box::before,
#edit-body-wrapper .usa-alert.t4c-ps-green-bg-light.usa-alert--icon-box::before,
.usa-alert.t4c-ps-green-bg-light.usa-alert--icon-box::before,
#edit-body-wrapper .usa-alert.t4c-ps-green-bg-lighter.usa-alert--icon-box::before,
.usa-alert.t4c-ps-green-bg-lighter.usa-alert--icon-box::before {background-color: var(--t4c-green-main) !important;}

#edit-body-wrapper .t4c-ps-green-bg-light,
.t4c-ps-green-bg-light,
#edit-body-wrapper .usa-alert.t4c-ps-green-bg-light,
.usa-alert.t4c-ps-green-bg-light {background-color: var(--t4c-green-light) !important;}

#edit-body-wrapper .t4c-ps-green-bg-lighter,
.t4c-ps-green-bg-lighter,
#edit-body-wrapper .usa-alert.t4c-ps-green-bg-lighter,
.usa-alert.t4c-ps-green-bg-lighter {background-color: var(--t4c-green-lighter) !important;}


#edit-body-wrapper .t4c-ps-green-border,
.t4c-ps-green-border {border-color: var(--t4c-green-main) !important;}

#edit-body-wrapper .t4c-ps-green-border-light,
.t4c-ps-green-light {border-color: var(--t4c-green-light) !important;}

#edit-body-wrapper .t4c-ps-green-border-lighter,
.t4c-ps-green-lighter {border-color: var(--t4c-green-lighter) !important;}


/* BLUE */
#edit-body-wrapper .t4c-csc-blue-text,
#edit-body-wrapper h2.t4c-csc-blue,
#edit-body-wrapper h3.t4c-csc-blue,
.t4c-csc-blue-text,
h2.t4c-csc-blue,
h3.t4c-csc-blue {color: var(--t4c-blue-main) !important;}


#edit-body-wrapper .t4c-csc-blue-bg,
.t4c-csc-blue-bg,
#edit-body-wrapper .usa-alert.t4c-csc-blue-bg,
.usa-alert.t4c-csc-blue-bg {background-color: var(--t4c-blue-main) !important;}

#edit-body-wrapper .t4c-csc-blue-light,
.t4c-csc-blue-bg-light,
#edit-body-wrapper .usa-alert.t4c-csc-blue-bg-light,
.usa-alert.t4c-csc-blue-bg-light {background-color: var(--t4c-blue-light) !important;}

#edit-body-wrapper .t4c-csc-blue-bg-lighter,
.t4c-csc-blue-bg-lighter,
#edit-body-wrapper .usa-alert.t4c-csc-blue-bg-lighter,
.usa-alert.t4c-csc-blue-bg-lighter {background-color: var(--t4c-blue-lighter) !important;}


#edit-body-wrapper .t4c-csc-blue-border,
.t4c-csc-blue-border {border-color: var(--t4c-blue-main) !important;}

#edit-body-wrapper .t4c-csc-blue-border-light,
.t4c-csc-blue-light {border-color: var(--t4c-blue-light) !important;}

#edit-body-wrapper .t4c-csc-blue-border-lighter,
.t4c-csc-blue-lighter {border-color: var(--t4c-blue-lighter) !important;}


/* GREY */
#edit-body-wrapper .t4c-iw-grey-text,
#edit-body-wrapper h2.t4c-iw-grey,
#edit-body-wrapper h3.t4c-iw-grey,
.t4c-iw-grey-text,
h2.t4c-iw-grey,
h3.t4c-iw-grey {color: var(--t4c-base-main) !important;}


#edit-body-wrapper .t4c-iw-grey-bg,
.t4c-iw-grey-bg,
#edit-body-wrapper .usa-alert.t4c-iw-grey-bg,
.usa-alert.t4c-iw-grey-bg {background-color: var(--t4c-base-main) !important;}

#edit-body-wrapper .t4c-iw-grey-light,
.t4c-iw-grey-bg-light,
#edit-body-wrapper .usa-alert.t4c-iw-grey-bg-light,
.usa-alert.t4c-iw-grey-bg-light {background-color: var(--t4c-base-light) !important;}

#edit-body-wrapper .t4c-iw-grey-bg-lighter,
.t4c-iw-grey-bg-lighter,
#edit-body-wrapper .usa-alert.t4c-iw-grey-bg-lighter,
.usa-alert.t4c-iw-grey-bg-lighter {background-color: var(--t4c-base-lighter) !important;}


#edit-body-wrapper .t4c-iw-grey-border,
.t4c-iw-grey-border {border-color: var(--t4c-base-main) !important;}

#edit-body-wrapper .t4c-iw-grey-border-light,
.t4c-iw-grey-border-light {border-color: var(--t4c-base-light) !important;}

#edit-body-wrapper .t4c-iw-grey-border-lighter,
.t4c-iw-grey-border-lighter {border-color: var(--t4c-base-lighter) !important;}



/* Yellow 
   * var(--t4c-yellow-main)
   * var(--t4c-yellow-light)
   * var(--t4c-yellow-lighter)
*/
#edit-body-wrapper .t4c-yellow-text,
#edit-body-wrapper h2.t4c-yellow,
#edit-body-wrapper h3.t4c-yellowe,
.t4c-yellow-text,
h2.t4c-yellow,
h3.t4c-yellow {color: var(--t4c-yellow-main) !important;}


#edit-body-wrapper .bg-yellow,
.bg-yellow,
#edit-body-wrapper .usa-alert.bg-yellow,
.usa-alert.bg-yellow {background-color: var(--t4c-yellow-main) !important;}

#edit-body-wrapper .bg-yellow-light,
.bg-yellow-light,
#edit-body-wrapper .usa-alert.bg-yellow-light,
.usa-alert.bg-yellow-light {background-color: var(--t4c-yellow-light) !important;}

#edit-body-wrapper .bg-yellow-lighter,
.bg-yellow-lighter,
#edit-body-wrapper .usa-alert.bg-yellow-lighter,
.usa-alert.bg-yellow-lighter {background-color: var(--t4c-yellow-lighter) !important;}


#edit-body-wrapper .border-yellow,
.border-yellow,
#edit-body-wrapper .yellow-border,
.yellow-border,
#edit-body-wrapper .t4c-yellow-border,
.t4c-yellow-border {border-color: var(--t4c-yellow-main) !important;}

#edit-body-wrapper .border-yellow-light,
.border-yellow-light,
#edit-body-wrapper .yellow-border-light,
.yellow-border-light,
#edit-body-wrapper .t4c-yellow-border-light,
.t4c-yellow-border-light {border-color: var(--t4c-yellow-light) !important;}

#edit-body-wrapper .border-yellow-light,
.border-yellow-lighter,
#edit-body-wrapper .yellow-border-light,
.yellow-border-lighter,
#edit-body-wrapper .t4c-yellow-border-lighter,
.t4c-yellow-border-lighter {border-color: var(--t4c-yellow-lighter) !important;}



.t4c-icon {
	width: 2rem;
  height: 2rem;
  display: block;
  /*border: 2px solid #fff;*/
  border-radius: 50%;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}

.t4c-icon.t4c-masks.t4c-ps-green {
	background:var(--t4c-green-main);
}

.t4c-icon.t4c-eye {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/eye.svg);
}

.t4c-icon.t4c-eye.t4c-ps-green {
	background:var(--t4c-green-main);
}




.t4c-icon.t4c-salute {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/salute.png);
}
.t4c-icon.t4c-bent-arm {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/bent-arm.png);
}
.t4c-icon.t4c-hourglass {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/hourglass.svg);
}
.t4c-icon.t4c-megaphone {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/megaphone.svg);
}
.t4c-icon.t4c-conversation {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/conversation.svg);
}
.t4c-icon.t4c-facilitator-idea,
.t4c-icon.t4c-facilitator-bulb {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/facilitator-idea.png);
}
.t4c-icon.t4c-doc { /* Folleto */
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/document.svg);
}
.t4c-icon.t4c-masks { /*Modelar la Habilidad ALSO Realizar Un Juego De Roles ALSO Ensayo en Parejas*/
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/masks.svg);
}
.t4c-icon.t4c-projector { /*Diapositivas*/
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/projector.svg);
}
.t4c-icon.t4c-speech-bubbles {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/speech-bubbles.svg);
}
.t4c-icon.t4c-swap-arrows {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/swap-arrows.svg);
}
.t4c-icon.t4c-chart { /* Esquemas */
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/chart.svg);
}
.t4c-icon.t4c-materials {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/materials-icon.png);
}
.t4c-icon.t4c-presenter {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/presenter.svg);
}
.t4c-icon.t4c-target {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/target.png);
}
.t4c-icon.t4c-headthink {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/headthink.png);
}
.t4c-icon.t4c-docsearch {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/docsearch.png);
}
.t4c-icon.t4c-video {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/t4c_5_video_camera.svg);
}
.t4c-icon.t4c-discuss-group-bulb { /*Discusión del Grupo ALSO Discuta El Juego De Roles */
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/t4c_5_discuss-group-bulb.svg);
}
.t4c-icon.t4c-microphone-radio {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/t4c_5_microphone_radio_0.svg);
}
.t4c-icon.t4c-pair-discussion {
	background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/t4c-pair-discussion-icon_0.png);
	background-size: 18px;
}



.speech-left::after {
		content: '';
    width: 0;
    height: 0;
    border-top: 0px solid  var(--t4c-yellow-lighter);
    border-right: 40px solid transparent;
    left: -57px;
    top: auto;
    position: absolute;
    z-index: -1;
    transform: rotate(90deg) translatey(-40px);
    --b: 1.6em;
    --h: 1.5em;
    --p: 50%;
    --x: -60%;
    border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-yellow-lighter)) 0 0);
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, var(--p) + var(--b) / 2) 100%, calc(var(--p) + var(--x)) calc(100% + var(--h)), max(0%, var(--p) - var(--b) / 2) 100%);
	
}
.speech-right::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid  var(--t4c-yellow-lighter);
    border-right: 40px solid transparent;
    right: -57px;
    position: absolute;
    z-index: -1;
    transform: rotate(-90deg) translatey(-40px);
    --b: 2em;
    --h: 1.5em;
    --p: 50%;
    --x: 60%;
    border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-yellow-lighter)) 0 0);
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, var(--p) + var(--b) / 2) 100%, calc(var(--p) + var(--x)) calc(100% + var(--h)), max(0%, var(--p) - var(--b) / 2) 100%);
	
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right::after,
.usa-alert.usa-alert--red-speech.speech-left::after,
.usa-alert.usa-alert--red-speech.speech-right::after {
	border-image: fill 0 / / 9999px conic-gradient(var(--c, var(--t4c-red-main)) 0 0);
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right.t4c-ps-green-bg::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green-bg::after,
.usa-alert.usa-alert--red-speech.speech-right.t4c-ps-green-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right.t4c-ps-green::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green::after,
.usa-alert.usa-alert--red-speech.speech-right.t4c-ps-green::after {
	border-image: fill 0 / / 9999px conic-gradient(var(--c, var(--t4c-green-main)) 0 0);
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right.t4c-csc-blue-bg::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue-bg::after,
.usa-alert.usa-alert--red-speech.speech-right.t4c-csc-blue-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right.t4c-csc-blue::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue::after,
.usa-alert.usa-alert--red-speech.speech-right.t4c-csc-blue::after {
	border-image: fill 0 / / 9999px conic-gradient(var(--c, var(--t4c-blue-main)) 0 0);
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-iw-grey-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right.t4c-iw-grey-bg::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-iw-grey-bg::after,
.usa-alert.usa-alert--red-speech.speech-right.t4c-iw-grey-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-iw-grey::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-right.t4c-iw-grey::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-iw-grey::after,
.usa-alert.usa-alert--red-speech.speech-right.t4c-iw-grey::after {
	border-image: fill 0 / / 9999px conic-gradient(var(--c, var(--t4c-base-main)) 0 0);
}

/*icon/alert color override start*/

#edit-body-wrapper .usa-alert.usa-alert--yellow-speech,
.usa-alert.usa-alert--yellow-speech {
	background-color:  var(--t4c-yellow-lighter);
	border-left:0;
  padding-left: 2rem;
  position: relative;
  border-radius: 1rem;
  border-color: var(--t4c-yellow-lighter);
}
/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--yellow-speech.t4c-ps-green,
.usa-alert.usa-alert--yellow-speech.t4c-ps-green {
	background-color: var(--t4c-green-lighter);
	border-color:var(--t4c-green-main);
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--yellow-speech.t4c-csc-blue,
.usa-alert.usa-alert--yellow-speech.t4c-csc-blue {
	background-color:   var(--t4c-blue-lighter);
	border-color: var(--t4c-blue-main);
}


#edit-body-wrapper .usa-alert.usa-alert--red-thought::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech::before,
#edit-body-wrapper .usa-alert.usa-alert--yellow-speech::before,
.usa-alert.usa-alert--red-thought::before,
.usa-alert.usa-alert--red-speech::before,
.usa-alert.usa-alert--yellow-speech::before {
    background-color: transparent;
    content: "";
    text-align: center;
    vertical-align: middle;
    display: block;
    padding-top: 0.9rem;
    background-image: url();
    background-size: 24px;
    background-position: center center;
}
.usa-alert.usa-alert--red-thought::before,
.usa-alert.usa-alert--red-speech::before {
	top: 1rem;
    left: 0.8rem;
}

#edit-body-wrapper .usa-alert.usa-alert--red-text,
#edit-body-wrapper .usa-alert.usa-alert--red-speech,
#edit-body-wrapper .usa-alert.usa-alert--red-thought,
.usa-alert.usa-alert--red-text,
.usa-alert.usa-alert--red-speech,
.usa-alert.usa-alert--red-thought {
	color: #fff;
}

/*problem solving override GREEN*/

#edit-body-wrapper .usa-alert.usa-alert--red-text::before,
.usa-alert.usa-alert--red-text::before {display: none;}

#edit-body-wrapper .usa-alert.usa-alert--red-text.speech-left::after,
.usa-alert.usa-alert--red-text.speech-left::after {
	border-top: 0px solid var(--t4c-red-main);
	border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-red-main)) 0 0);
}

#edit-body-wrapper .usa-alert.usa-alert--red-text.speech-left.t4c-ps-green-bg::after,
.usa-alert.usa-alert--red-text.speech-left.t4c-ps-green-bg::after {
	border-top: 0px solid var(--t4c-green-main);
	border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-green-main)) 0 0);
}

#edit-body-wrapper .usa-alert.usa-alert--red-text.speech-left.t4c-csc-blue-bg::after,
.usa-alert.usa-alert--red-text.speech-left.t4c-csc-blue-bg::after {
	border-top: 0px solid var(--t4c-blue-main);
	border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-blue-main)) 0 0);
}

#edit-body-wrapper .usa-alert.usa-alert--red-text.speech-left.t4c-iw-grey-bg::after,
.usa-alert.usa-alert--red-text.speech-left.t4c-iw-grey-bg::after {
	border-top: 0px solid var(--t4c-base-main);
	border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-base-main)) 0 0);
}

#edit-body-wrapper .usa-alert.usa-alert--red-text.speech-left.bg-white.border-05.text-ink::after,
.usa-alert.usa-alert--red-text.speech-left.bg-white.border-05.text-ink::after {
	border-top: 0px solid var(--t4c-ink);
	border-image: fill 0 / / 9999px conic-gradient(var(--c,  var(--t4c-ink)) 0 0);
}

#edit-body-wrapper .usa-alert.usa-alert--red-text.t4c-ps-green-bg,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-ps-green-bg,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-ps-green-bg,
.usa-alert.usa-alert--red-speech.t4c-ps-green-bg,
.usa-alert.usa-alert--red-thought.t4c-ps-green-bg {
	color: white;
}
/*problem solving override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-text.t4c-csc-blue,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-csc-blue,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-csc-blue,
.usa-alert.usa-alert--red-speech.t4c-csc-blue,
.usa-alert.usa-alert--red-thought.t4c-csc-blue {
	color:  white;
}

#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left,
.usa-alert.usa-alert--red-thought.thought-left {
	background-color: var(--t4c-red-main);
	border-left:0;
  padding-left: 2rem;
}
/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green,
.usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green {
			background-color: var(--t4c-green-lighter);}
			
/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue,
.usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue {
		background-color:  var(--t4c-blue-lighter);}
		
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right,
.usa-alert.usa-alert--red-thought.thought-right,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left,
.usa-alert.usa-alert--red-thought.thought-left {
    background-color: var(--t4c-red-main);
    border-left: 0;
    padding-left: 2rem;
    position: relative;
    border-radius: 1rem;
}
/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green,
.usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green {
			background-color: var(--t4c-green-lighter);}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue,
.usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue {
		background-color:  var(--t4c-blue-lighter);}
		
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left::after,
.usa-alert.usa-alert--red-thought.thought-left::after {
    content: "";
    border-radius: 50%;
    background-color: var(--t4c-red-main);
    display: block;
    position: absolute;
    z-index: -1;
    box-shadow: -37px -10px 0 -.4rem var(--t4c-red-main), -54px -14px 0 -.6rem var(--t4c-red-light), -69px -13px 0 -0.8rem  var(--t4c-red-lighter);
    width: 2.5rem;
    height: 2.5rem;
    right: auto;
    top: -0.5rem;
    left: -16px;
}

#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right::after,
.usa-alert.usa-alert--red-thought.thought-right::after {
    content: "";
    border-radius: 50%;
    background-color: var(--t4c-red-main);
    display: block;
    position: absolute;
    z-index: -1;
    box-shadow: 37px -10px 0 -.4rem var(--t4c-red-main), 54px -14px 0 -.6rem var(--t4c-red-light), 69px -13px 0 -0.8rem  var(--t4c-red-lighter);
    width: 2.5rem;
    height: 2.5rem;
    right: auto;
    top: -0.5rem;
    right: -16px;
}



/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green-bg::after,
.usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green::after,
.usa-alert.usa-alert--red-thought.thought-left.t4c-ps-green::after {
	background-color: var(--t4c-green-main);
  box-shadow: -37px -10px 0 -.4rem var(--t4c-green-main), -54px -14px 0 -.6rem var(--t4c-green-light), -69px -13px 0 -0.8rem  var(--t4c-green-lighter);
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right.t4c-ps-green-bg::after,
.usa-alert.usa-alert--red-thought.thought-right.t4c-ps-green-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right.t4c-ps-green::after,
.usa-alert.usa-alert--red-thought.thought-right.t4c-ps-green::after {
	background-color: var(--t4c-green-main);
  box-shadow: 37px -10px 0 -.4rem var(--t4c-green-main), 54px -14px 0 -.6rem var(--t4c-green-light), 69px -13px 0 -0.8rem  var(--t4c-green-lighter);
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue-bg::after,
.usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue::after,
.usa-alert.usa-alert--red-thought.thought-left.t4c-csc-blue::after {
	background-color:  var(--t4c-blue-main);
  box-shadow: -37px -10px 0 -.4rem var(--t4c-blue-main), -54px -14px 0 -.6rem var(--t4c-blue-light), -69px -13px 0 -0.8rem  var(--t4c-blue-lighter);
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right.t4c-csc-blue-bg::after,
.usa-alert.usa-alert--red-thought.thought-right.t4c-csc-blue-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right.t4c-csc-blue::after,
.usa-alert.usa-alert--red-thought.thought-right.t4c-csc-blue::after {
	background-color:  var(--t4c-blue-main);
  box-shadow: 37px -10px 0 -.4rem var(--t4c-blue-main), 54px -14px 0 -.6rem var(--t4c-blue-light), 69px -13px 0 -0.8rem  var(--t4c-blue-lighter);
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-iw-grey-bg::after,
.usa-alert.usa-alert--red-thought.thought-left.t4c-iw-grey-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.t4c-iw-grey::after,
.usa-alert.usa-alert--red-thought.thought-left.t4c-iw-grey::after {
	background-color:  var(--t4c-base-main);
  box-shadow: -37px -10px 0 -.4rem var(--t4c-base-main), -54px -14px 0 -.6rem var(--t4c-base-light), -69px -13px 0 -0.8rem  var(--t4c-base-lighter);
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right.t4c-iw-grey-bg::after,
.usa-alert.usa-alert--red-thought.thought-right.t4c-iw-grey-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-right.t4c-iw-grey::after,
.usa-alert.usa-alert--red-thought.thought-right.t4c-iw-grey::after {
	background-color:  var(--t4c-base-main);
  box-shadow: 37px -10px 0 -.4rem var(--t4c-base-main), 54px -14px 0 -.6rem var(--t4c-base-light), 69px -13px 0 -0.8rem  var(--t4c-base-lighter);
}


#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.border-05.text-ink.border-ink::after,
.usa-alert.usa-alert--red-thought.thought-left.border-05.text-ink.border-ink::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.thought-left.border-05.text-ink.border-ink::after,
.usa-alert.usa-alert--red-thought.thought-left.border-05.text-ink.border-ink::after {
	background-color: #fff;
  box-shadow: -37px -10px 0 -.4rem #fff, -37px -10px 0 -0.2rem var(--t4c-ink), -54px -14px 0 -.6rem #fff, -54px -14px 0 -0.4rem var(--t4c-ink), -69px -13px 0 -0.8rem #fff, -69px -13px 0 -0.6rem var(--t4c-ink);
  border: 3px solid #000;
}



#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow-lighter,
.usa-alert.usa-alert--red-thought.bg-yellow-lighter,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow-light,
.usa-alert.usa-alert--red-thought.bg-yellow-light,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow,
.usa-alert.usa-alert--red-thought.bg-yellow {
	color: #000 !important;
}

#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow.thought-left::after,
.usa-alert.usa-alert--red-thought.bg-yellow.thought-left::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow.thought-left::after,
.usa-alert.usa-alert--red-thought.bg-yellow.thought-left::after {
	background-color:  #fee685;
  box-shadow: -37px -10px 0 -.4rem #fee685, -54px -14px 0 -.6rem #f5e6af, -69px -13px 0 -0.8rem  #faf3d1;
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow.thought-right::after,
.usa-alert.usa-alert--red-thought.bg-yellow.thought-right::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow.thought-right::after,
.usa-alert.usa-alert--red-thought.bg-yellow.thought-right::after {
	background-color:  #fee685;
  box-shadow: 37px -10px 0 -.4rem #fee685, 54px -14px 0 -.6rem #f5e6af, 69px -13px 0 -0.8rem  #faf3d1;
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-left::after,
.usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-left::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-left::after,
.usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-left::after {
	background-color:  var(--t4c-yellow-light);
  box-shadow: -37px -10px 0 -.4rem var(--t4c-yellow-light), -54px -14px 0 -.6rem var(--t4c-yellow-lighter), -69px -13px 0 -0.8rem  var(--t4c-yellow-lightest);
}
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-right::after,
.usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-right::after,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-right::after,
.usa-alert.usa-alert--red-thought.bg-yellow-lighter.thought-right::after {
	background-color:  var(--t4c-yellow-light);
  box-shadow: 37px -10px 0 -.4rem var(--t4c-yellow-light), 54px -14px 0 -.6rem var(--t4c-yellow-lighter), 69px -13px 0 -0.8rem  var(--t4c-yellow-lightest);
}

.usa-alert.usa-alert--red-thought.bg-yellow::before {
	background-color: #ffbe2e;
}

.usa-alert.usa-alert--red-thought.bg-yellow-lighter::before {
	background-color: var(--t4c-yellow-light);
}






#edit-body-wrapper .usa-alert.usa-alert--red-text,
.usa-alert.usa-alert--red-text {
	background:var(--t4c-red-main);
	border-left:0;
  padding-left: 0rem;
  position: relative;
  border-radius: 1rem;
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech,
.usa-alert.usa-alert--red-speech {
	background:var(--t4c-red-main);
	border-left:0;
  padding-left: 2rem;
  position: relative;
  border-radius: 1rem;
}
/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--red-text.t4c-ps-green,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-ps-green,
.usa-alert.usa-alert--red-text.t4c-ps-green,
.usa-alert.usa-alert--red-speech.t4c-ps-green {
	background:  var(--t4c-green-lighter); 
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-text.t4c-csc-blue,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-csc-blue,
.usa-alert.usa-alert--red-text.t4c-csc-blue,
.usa-alert.usa-alert--red-speech.t4c-csc-blue {
	background:  var(--t4c-blue-lighter);
	
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left::after,
.usa-alert.usa-alert--red-speech.speech-left::after {border-color:var(--t4c-red-main);}

/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green-bg::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-ps-green::after {
	border-color:var(--t4c-green-main);
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue-bg::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue-bg::after,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue::after,
.usa-alert.usa-alert--red-speech.speech-left.t4c-csc-blue::after {
	border-color: var(--t4c-blue-main);
}

#edit-body-wrapper .usa-alert.usa-alert--icon-box,
.usa-alert.usa-alert--icon-box {
	background:  var(--t4c-red-lighter);
	border-left:0;
  padding-left: 2rem;
  position: relative;
  border-radius: 0;
}
/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-ps-green,
.usa-alert.usa-alert--icon-box.t4c-ps-green {
	background:var(--t4c-green-lighter);
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-csc-blue,
.usa-alert.usa-alert--icon-box.t4c-csc-blue {
		background:  var(--t4c-blue-lighter);}
		
/*start here*/		
#edit-body-wrapper .usa-alert.usa-alert--red-speech::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box::before,
.usa-alert.usa-alert--red-speech::before,
.usa-alert.usa-alert--red-thought::before,
.usa-alert.usa-alert--icon-box::before {
	content: "";
  width: 35px;
  height: 35px;
  margin-top: 0.2rem;
  margin-left: -0.2rem;
  overflow: hidden;
  background-color: var(--t4c-red-main);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
  border: 1px solid #fff;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
}
/*problem solving override GREEN*/
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-ps-green-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-ps-green-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-ps-green-bg-light::before,
.usa-alert.usa-alert--red-speech.t4c-ps-green-bg-light::before,
.usa-alert.usa-alert--red-thought.t4c-ps-green-bg-light::before,
.usa-alert.usa-alert--icon-box.t4c-ps-green-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-ps-green-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-ps-green-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-ps-green-bg-lighter::before,
.usa-alert.usa-alert--red-speech.t4c-ps-green-bg-lighter::before,
.usa-alert.usa-alert--red-thought.t4c-ps-green-bg-lighter::before,
.usa-alert.usa-alert--icon-box.t4c-ps-green-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-ps-green-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-ps-green-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-ps-green-bg::before,
.usa-alert.usa-alert--red-speech.t4c-ps-green-bg::before,
.usa-alert.usa-alert--red-thought.t4c-ps-green-bg::before,
.usa-alert.usa-alert--icon-box.t4c-ps-green-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-ps-green::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-ps-green::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-ps-green::before,
.usa-alert.usa-alert--red-speech.t4c-ps-green::before,
.usa-alert.usa-alert--red-thought.t4c-ps-green::before,
.usa-alert.usa-alert--icon-box.t4c-ps-green::before {
	background-color: var(--t4c-green-main);

	/*color:var(--t4c-green-main);
	border: 1px solid var(--t4c-green-main);*/
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-csc-blue-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-csc-blue-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-csc-blue-bg-light::before,
.usa-alert.usa-alert--red-speech.t4c-csc-blue-bg-light::before,
.usa-alert.usa-alert--red-thought.t4c-csc-blue-bg-light::before,
.usa-alert.usa-alert--icon-box.t4c-csc-blue-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-csc-blue-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-csc-blue-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-csc-blue-bg-lighter::before,
.usa-alert.usa-alert--red-speech.t4c-csc-blue-bg-lighter::before,
.usa-alert.usa-alert--red-thought.t4c-csc-blue-bg-lighter::before,
.usa-alert.usa-alert--icon-box.t4c-csc-blue-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-csc-blue-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-csc-blue-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-csc-blue-bg::before,
.usa-alert.usa-alert--red-speech.t4c-csc-blue-bg::before,
.usa-alert.usa-alert--red-thought.t4c-csc-blue-bg::before,
.usa-alert.usa-alert--icon-box.t4c-csc-blue-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-csc-blue::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-csc-blue::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-csc-blue::before,
.usa-alert.usa-alert--red-speech.t4c-csc-blue::before,
.usa-alert.usa-alert--red-thought.t4c-csc-blue::before,
.usa-alert.usa-alert--icon-box.t4c-csc-blue::before {
	background-color: var(--t4c-blue-main);
	/* color:  var(--t4c-blue-main); */
	border: 1px solid   var(--t4c-blue-main);
}
/*cognitive self-change override GREY*/
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-iw-grey-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-iw-grey-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-iw-grey-bg-lighter::before,
.usa-alert.usa-alert--red-speech.t4c-iw-grey-bg-lighter::before,
.usa-alert.usa-alert--red-thought.t4c-iw-grey-bg-lighter::before,
.usa-alert.usa-alert--icon-box.t4c-iw-grey-bg-lighter::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-iw-grey-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-iw-grey-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-iw-grey-bg-light::before,
.usa-alert.usa-alert--red-speech.t4c-iw-grey-bg-light::before,
.usa-alert.usa-alert--red-thought.t4c-iw-grey-bg-light::before,
.usa-alert.usa-alert--icon-box.t4c-iw-grey-bg-light::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-iw-grey-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-iw-grey-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-iw-grey-bg::before,
.usa-alert.usa-alert--red-speech.t4c-iw-grey-bg::before,
.usa-alert.usa-alert--red-thought.t4c-iw-grey-bg::before,
.usa-alert.usa-alert--icon-box.t4c-iw-grey-bg::before,
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-iw-grey::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-iw-grey::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-iw-grey::before,
.usa-alert.usa-alert--red-speech.t4c-iw-grey::before,
.usa-alert.usa-alert--red-thought.t4c-iw-grey::before,
.usa-alert.usa-alert--icon-box.t4c-iw-grey::before {
	background-color: #454545;
	background-color: var(--t4c-base-main);
	/* color:  var(--t4c-base-main); */
	border: 1px solid   var(--t4c-base-main);
}


#edit-body-wrapper .usa-alert.usa-alert--red-speech.bg-white::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.bg-white::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.bg-white::before,
.usa-alert.usa-alert--red-speech.bg-white::before,
.usa-alert.usa-alert--red-thought.bg-white::before,
.usa-alert.usa-alert--icon-box.bg-white::before {
	background-color: var(--t4c-base-main);
	/*color:  var(--t4c-ink);*/
	border: 0px solid var(--t4c-base-main);
}




#edit-body-wrapper .usa-alert p {margin: 0;}
#edit-body-wrapper .usa-alert.usa-alert--red-speech::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box::before {
	  position: absolute;
    top: .5rem;
    left: .5rem;
    padding: 0;
}
html #edit-body-wrapper .usa-alert.usa-alert--slim.usa-alert--yellow-speech .usa-alert__body,
html #edit-body-wrapper .usa-alert.usa-alert--slim.usa-alert--red-speech .usa-alert__body,
html #edit-body-wrapper .usa-alert.usa-alert--slim.usa-alert--red-thought .usa-alert__body,
html #edit-body-wrapper .usa-alert.usa-alert--slim.usa-alert--icon-box .usa-alert__body {
    padding-left: 1.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-right: 2rem;
}

#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-eye::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-eye::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-eye::before,
.usa-alert.usa-alert--red-speech.t4c-eye::before,
.usa-alert.usa-alert--red-thought.t4c-eye::before,
.usa-alert.usa-alert--icon-box.t4c-eye::before {
  background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/eye.svg);
  background-size: 30px;
}

#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-salute::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-salute::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-salute::before,
.usa-alert.usa-alert--red-speech.t4c-salute::before,
.usa-alert.usa-alert--red-thought.t4c-salute::before,
.usa-alert.usa-alert--icon-box.t4c-salute::before {
  background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/salute.png);
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-bent-arm::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-bent-arm::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-bent-arm::before,
.usa-alert.usa-alert--red-speech.t4c-bent-arm::before,
.usa-alert.usa-alert--red-thought.t4c-bent-arm::before,
.usa-alert.usa-alert--icon-box.t4c-bent-arm::before {
  background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/bent-arm.png);
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-hourglass::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-hourglass::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-hourglass::before,
.usa-alert.usa-alert--red-speech.t4c-hourglass::before,
.usa-alert.usa-alert--red-thought.t4c-hourglass::before,
.usa-alert.usa-alert--icon-box.t4c-hourglass::before {
  background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/hourglass.svg);
}
#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-megaphone::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-megaphone::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-megaphone::before,
.usa-alert.usa-alert--red-speech.t4c-megaphone::before,
.usa-alert.usa-alert--red-thought.t4c-megaphone::before,
.usa-alert.usa-alert--icon-box.t4c-megaphone::before {
  background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/megaphone.svg);
  background-size: 27px;
}

#edit-body-wrapper .usa-alert.usa-alert--red-speech.t4c-megaphone::before,
#edit-body-wrapper .usa-alert.usa-alert--red-thought.t4c-megaphone::before,
#edit-body-wrapper .usa-alert.usa-alert--icon-box.t4c-megaphone::before,
.usa-alert.usa-alert--red-speech.t4c-megaphone::before,
.usa-alert.usa-alert--red-thought.t4c-megaphone::before,
.usa-alert.usa-alert--icon-box.t4c-megaphone::before {
  background-image: url(https://s3.amazonaws.com/static.nicic.gov/t4c.nicic.gov/files/media/image/megaphone.svg);
  background-size: 27px;
}


#edit-body-wrapper .t4c-subtitle {
	position: relative;
  margin-top: -1rem;
  font-size: 1.3rem;
}
.t4c-subtitle {
	position: relative;
  margin-top: -1.6rem;
  font-size: 1.3rem;
}

#edit-body-wrapper .t4c-dot-list-wrapper,
.t4c-dot-list-wrapper {}

/* dot list color change*/
#edit-body-wrapper .t4c-dot-list-wrapper ol.t4c-dot-list,
.t4c-dot-list-wrapper ol.t4c-dot-list {
    padding: 0 0 0 3rem;
    margin-left: 1rem;
    position: relative;
    color: var(--t4c-red-main);
}
/*problem solving override GREEN*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list,
.t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list {
	color: var(--t4c-green-main)
}
/*cognitive self-change override BLUE*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list,
.t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list {
	color:  var(--t4c-blue-main)
}
/*cognitive self-change override GREY*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list,
.t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list {
	color:  var(--t4c-base-main)
}
/*cognitive self-change override PURPLE*/
#edit-body-wrapper .t4c-dot-list-wrapper.text-violet-60 ol.t4c-dot-list,
.t4c-dot-list-wrapper.text-violet-60 ol.t4c-dot-list {
	color:  var(--violet-60)
}

/*problem solving override GREEN

   * var(--t4c-base-main)
   * var(--t4c-base-light)
   * var(--t4c-base-lighter)
https://designsystem.digital.gov/design-tokens/color/system-tokens/
*/
/*cognitive self-change override BLUE
main: blue-60  var(--t4c-blue-main)
bg: blue-cool-10 #dae9ee
https://designsystem.digital.gov/design-tokens/color/system-tokens/
*/

#edit-body-wrapper .t4c-dot-list-wrapper ol.t4c-dot-list::before,
.t4c-dot-list-wrapper ol.t4c-dot-list::before {
    content: "";
    display: block;
    border-left: 2px solid var(--t4c-red-main);
    position: absolute;
    left: -0.13rem;
    top: .5rem;
    height: calc(100% - 1rem);
}
/*problem solving override GREEN*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list::before,
.t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list::before {
	border-left-color:var(--t4c-green-main)
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list::before,
.t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list::before {
	border-left-color: var(--t4c-blue-main)
}
/*cognitive self-change override GREY*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list::before,
.t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list::before {
	border-left-color: var(--t4c-base-main)
}
/*cognitive self-change override PURPLE*/
#edit-body-wrapper .t4c-dot-list-wrapper.text-violet-60 ol.t4c-dot-list::before,
.t4c-dot-list-wrapper.text-violet-60 ol.t4c-dot-list::before {
	border-left-color: var(--violet-60)
}
	
#edit-body-wrapper .t4c-dot-list-wrapper ol.t4c-dot-list .t4c-dot-list-item,
.t4c-dot-list-wrapper ol.t4c-dot-list .t4c-dot-list-item {
	position: relative;
	color: var(--t4c-red-main);
}
/*problem solving override GREEN*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list .t4c-dot-list-item,
.t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list .t4c-dot-list-item {
	color: var(--t4c-green-main);
}
/*cognitive self-change override BLUE*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list .t4c-dot-list-item,
.t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list .t4c-dot-list-item {
	color:  var(--t4c-blue-main);
}
/*cognitive self-change override BLUE*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list .t4c-dot-list-item,
.t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list .t4c-dot-list-item {
	color:  var(--t4c-base-main);
}

#edit-body-wrapper .t4c-dot-list-wrapper ol.t4c-dot-list .t4c-dot-list-item::before,
.t4c-dot-list-wrapper ol.t4c-dot-list .t4c-dot-list-item::before {
	content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  background: var(--t4c-red-main);
  border-radius: 50%;
  left: -3.6rem;
  top: 0.3rem;

}
/*problem solving override GREEN*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list .t4c-dot-list-item::before,
.t4c-dot-list-wrapper.t4c-ps-green ol.t4c-dot-list .t4c-dot-list-item::before {
background: var(--t4c-green-main);	
}

/*cognitive self-change override BLUE*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list .t4c-dot-list-item::before,
.t4c-dot-list-wrapper.t4c-csc-blue ol.t4c-dot-list .t4c-dot-list-item::before {
background: var(--t4c-blue-main);	
}
/*cognitive self-change override GREY*/
#edit-body-wrapper .t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list .t4c-dot-list-item::before,
.t4c-dot-list-wrapper.t4c-iw-grey ol.t4c-dot-list .t4c-dot-list-item::before {
background: var(--t4c-base-main);	
}
/*cognitive self-change override PURPLE*/
#edit-body-wrapper .t4c-dot-list-wrapper.text-violet-60 ol.t4c-dot-list .t4c-dot-list-item::before,
.t4c-dot-list-wrapper.text-violet-60 ol.t4c-dot-list .t4c-dot-list-item::before {
background: var(--violet-60);	
}

#edit-body-wrapper .usa-alert.usa-alert--no-icon::before,
.usa-alert.usa-alert--no-icon::before {
	display: none !important;
}

.t4c-wdws-section-wrapper {
	position: relative;
	padding-left: 3rem;
}
#edit-body-wrapper .t4c-wdws-section-wrapper {
	border: 2px dashed purple;
	padding: 0 1rem 1rem 1rem;
	display: block;
}
#edit-body-wrapper .t4c-wdws-wrapper::after {
	content: "End: What to do, What to say WRAPPER";
	background: purple;
	color: white;
	padding: .5rem 1rem;
	position: relative;
	left:0;
	bottom:0;
}

.t4c-wdws-spacer {
	min-height: 4rem;
}
/* #t4c-sticky {} */
#t4c-sticky.t4c--sticky {
	position: sticky;
	top:3rem;
	margin: 0 auto;
	z-index: 99;
}
/*rotate(-90deg) translatey(calc(-100vw + 120%))*/
#what-to-do,
#what-to-say {
	background: white;
}


/*what to do/say color override*/
/* #what-to-do {} */
/* #what-to-say {} */

@media (max-width: 640px) {
	.grid-row.grid-gap.t4c--sticky#t4c-sticky {
		display: none !important;
	}
	.t4c-wdws-section-wrapper > .grid-row > div:nth-child(1)::before {
    content: "WHAT TO DO";
    transform: rotate(180deg);
    display: block;
    top: 0px;
    left: -2rem;
    right: auto;
    position: absolute;
    bottom: auto;
    margin: 0 auto;
    height: 100%;
    width: 2rem;
    border: 2px solid var(--t4c-red-main);
    z-index: 9999;
    text-align: center;
    writing-mode: vertical-rl;
    border-color: 2px solid var(--t4c-red-main) !important;
    background-color:  var(--t4c-red-lighter) !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    font-family: Merriweather, Georgia, Cambria, Times New Roman, Times, serif !important;
    white-space: no-wrap;
    overflow: hidden;
	}	
	
	/*problem solving override GREEN*/
	.t4c-wdws-section-wrapper.t4c-ps-green > .grid-row > div:nth-child(1)::before {
		border: 2px solid var(--t4c-green-main);
		border-color: var(--t4c-green-main) !important;
    background-color: var(--t4c-green-lighter) !important;
	}
	
	/*cognitive self-change override BLUE*/
	.t4c-wdws-section-wrapper.t4c-csc-blue > .grid-row > div:nth-child(1)::before {
		border: 2px solid  var(--t4c-blue-main);
		border-color:  var(--t4c-blue-main) !important;
    background-color:   var(--t4c-blue-lighter) !important;
	}
	
	.t4c-wdws-section-wrapper > .grid-row > div:nth-child(2)::before {
    content: "WHAT TO SAY";
    transform: rotate(180deg);
    display: block;
    top: 0px;
    left: -2rem;
    right: auto;
    position: absolute;
    bottom: auto;
    margin: 0 auto;
    height: 100%;
    width: 2rem;
    border: 2px solid var(--t4c-red-main);
    z-index: 9999;
    text-align: center;
    writing-mode: vertical-rl;
    border-color: 2px solid var(--t4c-red-main) !important;
    background-color: #ffffff !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    font-family: Merriweather, Georgia, Cambria, Times New Roman, Times, serif !important;
    white-space: no-wrap;
    overflow: hidden;
	}	
	/*problem solving override GREEN*/
	.t4c-wdws-section-wrapper.t4c-ps-green > .grid-row > div:nth-child(2)::before {
		border: 2px solid var(--t4c-green-main);
		border-color: var(--t4c-green-main) !important;
    background-color: var(--t4c-green-lighter) !important;
	}
	
	/*cognitive self-change override BLUE*/
	.t4c-wdws-section-wrapper.t4c-csc-blue > .grid-row > div:nth-child(2)::before {
		border: 2px solid  var(--t4c-blue-main);
		border-color:  var(--t4c-blue-main) !important;
    background-color:   var(--t4c-blue-lighter) !important; 
	}
	/*cognitive self-change override Purple */
	.t4c-wdws-section-wrapper.text-violet-60 > .grid-row > div:nth-child(2)::before {
		border: 2px solid  var(--violet-60);
		border-color:  var(--violet-60) !important;
    background-color:   var(--violet-10) !important; 
	}
	
	.t4c-wdws-section-wrapper > .grid-row > div.remove-pseudo::before {
		content: none !important;
		display: none !important;
	}
}

@media (min-width: 640px){
	.t4c-wdws-section-wrapper {
		position: relative;
		padding-left: 0;
	}
	#t4c-sticky.t4c--sticky {
		top:11.5rem;
		/*top:6.8rem;*/
	}
	#t4c-sticky.t4c--sticky.grid-row.grid-gap .grid-col {
		padding-left: 0px;
	}
}

.t4c-wdws-section-wrapper.bg-t4c-green-lighter  {
  background-color: var(--t4c-green-lighter);
}

.t4c-wdws-section-wrapper.t4c-ps-green .t4c-ps-green-border,
.t4c-wdws-section-wrapper.t4c-ps-green-bg .t4c-ps-green-border,
.t4c-wdws-section-wrapper.t4c-ps-green .border-t4c-green-main {
  border-color: var(--t4c-green-main) !important;
}

#t4c-sticky.sticky > .grid-col-4 {
	padding-left: 0;
	padding-right: 2px;
}
#t4c-sticky.sticky > .grid-col-8 {
	padding-left: 2px;
	padding-right: 0;
}

#edit-body-wrapper .t4c-facilitator-icon,
.t4c-facilitator-icon {
    position: absolute;
    left: -2rem;
    top: -1rem;
    background: var(--t4c-red-main);
    padding: .5rem;
    margin: 0;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display:flex;
    align-items: center;
    justify-content: center;
}
#edit-body-wrapper .usa-summary-box.bg-yellow,
.usa-summary-box.bg-yellow {
    background: var(--t4c-yellow-main);
}
#edit-body-wrapper .usa-summary-box.t4c-ps-green-bg-lighter .t4c-facilitator-icon,
.usa-summary-box.t4c-ps-green-bg-lighter .t4c-facilitator-icon {
    background: var(--t4c-green-main);
}
#edit-body-wrapper .usa-summary-box.t4c-csc-blue-bg-lighter .t4c-facilitator-icon,
.usa-summary-box.t4c-csc-blue-bg-lighter .t4c-facilitator-icon {
    background: var(--t4c-blue-main);
}
#edit-body-wrapper .usa-summary-box.t4c-iw-grey-bg-lighter .t4c-facilitator-icon,
.usa-summary-box.t4c-iw-grey-bg-lighter .t4c-facilitator-icon {
    background: var(--t4c-base-main);
}
#edit-body-wrapper .usa-summary-box.bg-violet-10 .t4c-facilitator-icon,
.usa-summary-box.bg-violet-10 .t4c-facilitator-icon {
    background: var(--violet-60);
}


#edit-body-wrapper .t4c-facilitator-icon img,
.t4c-facilitator-icon img {
    padding: 0;
    margin: 0;
    width: 2.5rem;
}


/*facilitator icon color change*/
#edit-body-wrapper .t4c-facilitator-icon.bg-t4c-green-main,
.t4c-facilitator-icon.bg-t4c-green-main {
	background: var(--t4c-green-main);
}

/*text color change*/
h3.text-t4c-green-main,
h4.text-t4c-green-main {
	color: var(--t4c-green-main);
}