@import "animate.css";

/**************** GLOBAL *****************/
/*Hide "More" Ellipsis on left-side site bar */
.sz-share-item.sz-more {display: none;}
.sz-share-item.sz-email {border-radius: 0px 0px 6px 0px;}

/* Set color of bar above H1 Title here */
.no-line-title h1::before {
        /* Uncomment the code below to remove the bar above the h1 title */
    display: none;
}

/* Text component extending to full width */
.cmp-text {
    max-width: initial;
}

/* Avoid Word Wrapping*/
.remove-word-break a { 
    word-break: break-word !important; 
}

/* Hides div that houses social media icons in footer. In cases where social media 
doesn't exist, div still fills column space and causes weird column sizes due to div 
rendering. This helps that. */
.cmp-agency-footer__links-wrapper:has(.social-media-icons) {
    display: none;
}

/*Restrict form width to remain within parent container - form set to cover full width of pg. (used for translation purposes)*/
.guideContainerNode {
     max-width: 100%;
}

*:focus, button:focus {
    outline: 3px solid #1CA6DF !IMPORTANT;
}

.calendar .fc-toolbar-chunk .fc-button-group .fc-button-primary{
    background: #545454;
}

.calendar .fc-toolbar-chunk .fc-today-button:disabled{
    background: #737373;
}

.services .cmp-services__card-image span{
    background-color: #6A4406;
}

.cmp-experiencefragment--unpublish-before-delete-callout {
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 15px;
    display: block!important;
    background-color: #FFDCDD;
    border-left: 5px #BB121A solid;
}

/* Hide filter on content fragment lists */
.hide-filter .cmp-cf-list-accordion .cmp-accordion__header {
    display: none;
}
.hide-filter .cmp-cf-list-search-input {
    margin-bottom: 5px;
}

.hide-filter .cmp-cf-list-accordion .cmp-accordion__item {
    border-top: none;
}

/* BlueSky image card heights */
.article20241230 .cmp-image-card__image {
    height: 4rem;
}

/*** Components Section List ***/
@media only screen and (min-width : 768px) {
	.cmp-section-list .list--detail-img-left .cmp-list__item {
		align-items: center;
		height: 125px;
	}
}

#dynamicmedia_30330849_container {
    height: 100px !important;
}

/*** Component Toolbar Teasers on How to Author Components ***/
@media only screen and (min-width : 769px) {
	.component-toolbar-teaser .teaser--text-right .cmp-teaser__image {
		width: 10%;
	}
	.component-toolbar-teaser .teaser--text-right .cmp-teaser__image img {
		width: 400px;
	}
	.component-toolbar-teaser .teaser--text-right .cmp-teaser__content {
		width:-webkit-fill-available;
	}
}
.component-toolbar-teaser .teaser--text-right .cmp-teaser {
	padding-bottom: 10px;
}

/*** AEM Training Tabs ***/
@media only screen and (min-width : 769px) {
	.tabs .cmp-tabs.training-resources .cmp-tabs__tab {
		margin: 0px 15px 15px 0px;
	}
}

.tabs .cmp-tabs.training-resources .cmp-tabs__tab {
    border-radius: 50px;
    font-weight: 600;
}

/** Mobile margin for dropdown items in all tab selector **/
.tabs .cmp-tabs.training-resources .cmp-tabs__tablist.show-all-tabs li {
	margin-bottom: 10px;
}

.tabs .cmp-tabs.training-resources .cmp-tabs__tab:not(.now-active-tab) {
    border: solid #80808050 2px;
}
.tabs .cmp-tabs.training-resources .cmp-tabs__tab:is(.now-active-tab) {
	border-bottom:none;
}
.tabs .cmp-tabs.training-resources .cmp-tabs__tab:is(li:nth-child(1):is(.now-active-tab)) {
	background:#CCEBEB;
	border: solid #12ACAB 2px;
	color: #0A5F5F;
}
.tabs .cmp-tabs.training-resources .cmp-tabs__tab:is(li:nth-child(2):is(.now-active-tab)) {
	background:#E0DEEA;
	border: solid #8868C8 2px;
	color: #55417D;
}
.tabs .cmp-tabs.training-resources .cmp-tabs__tab:is(li:nth-child(3):is(.now-active-tab)) {
	background:#E1EDE1;
	border: solid #159617 2px;
	color: #0C550D;
}
.tabs .cmp-tabs.training-resources .cmp-tabs__tab:is(li:nth-child(4):is(.now-active-tab)) {
	background:#F2E8DC;
	border: solid #DE9029 2px;
	color: #925F1B;
}
.tabs .cmp-tabs.training-resources ol {
	border-bottom: none;
	margin-bottom: 10px;
	border-top: none;
}
.tabs .cmp-tabs.training-resources .cmp-tabs__tablist .cmp-tabs__tab::after {
	border-bottom: none;
}

div.extra-small-font .small-font {
font-size: .75rem;
}

/*** AEM Training Sign-Up Bar ***/
.multi-bar {
  background: linear-gradient(
    45deg, 
    #12ACAB 0%,   #12ACAB 20%, /* Teal */
    #8868C8 25%,  #8868C8 45%, /* Purple */
    #159617 50%,  #159617 70%, /* Green */
    #DE9029 75%,  #DE9029 95%, /* Orange */
    #12ACAB 100%               /* Bridge back to Teal */
  );
  background-size: 200% 100%;
  animation: moveBar 7s linear infinite;
}

@keyframes moveBar {
	from {
		background-position: 0% 0%;
	}
	to {
		background-position: -200% 0%;
	}
}

/*** AEM Training Resources ***/
.responsive-color:has(.tabs .cmp-tabs.training-resources li:nth-child(1).cmp-tabs__tab.cmp-tabs__tab--active.now-active-tab) {
	background: rgb(204,235,235)!important;
}
.responsive-color:has(.tabs .cmp-tabs.training-resources li:nth-child(2).cmp-tabs__tab.cmp-tabs__tab--active.now-active-tab) {
	background: #E0DEEA!important;
}
.responsive-color:has(.tabs .cmp-tabs.training-resources li:nth-child(3).cmp-tabs__tab.cmp-tabs__tab--active.now-active-tab) {
	background: #E1EDE1!important;
}
.responsive-color:has(.tabs .cmp-tabs.training-resources li:nth-child(4).cmp-tabs__tab.cmp-tabs__tab--active.now-active-tab) {
	background: #F2E8DC!important;
}

/*** AEM Remediation Book - Resolve page ***/
.updated-content-fragment-display h3 {
	padding-bottom: 1.25rem;
}
.updated-content-fragment-display .cmp-contentfragment__element ul, .updated-content-fragment-display .cmp-contentfragment__element ol {
	margin-left: 1.25rem;
}
.updated-content-fragment-display .cmp-contentfragment__element img {
	max-width: -webkit-fill-available;
}
.how-to-resolve .contentfragment h2 {
	padding-bottom: 15px;
	border-bottom: solid 15px #009688;
}

/*** AEM Remediation Book ***/
.aem-remediation-book .cmp-cf-list__item-value.paragraph > *:not(:nth-child(1)) {
	display: none;
}
.aem-remediation-book .cmp-cf-list__item-value.paragraph > *:nth-child(1) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.aem-remediation-book ul li .cmp-cf-list__item-value.paragraph:has(~a), .aem-remediation-book ul li a {
	font-weight: bold;
	display: inline-block;
}

/*** DoIT Code Release "New Components" Teasers ***/
@media only screen and (min-width : 769px) {
	.image-width-40 .cmp-teaser__image {
		max-width: 40%;
		align-content: center;
	}
	.image-width-40 .cmp-teaser__content {
		width:-webkit-fill-available !important;
	}
}


div:has(> .s7caption) {
  overflow: visible !important;
}

.s7caption {
font-size: 24px !important;
}