/* Inclusion of Webinar CSS as well    */

#indexResources .webinar-card .learn-more {
  background: transparent;
  border: none;
  padding: 0;
  display: block;
  height: 100%;
  opacity: 100;
}

.cpb-webinar {
	margin-top: 16px;border-right: none;padding-bottom: 28px;height: 100%;
}

.cpb-webinar .webinar-card {
  border-bottom:none;padding-bottom:0
}

.cpb-webinar .webinar-card img{
  position: relative;
}

.cpb-webinar .webinar-card .bgwhite{
  background: white;
	padding-bottom:0;
  width:100%;
  text-align:left
}

.cpb-webinar .webinar-card .plain-card {
  margin: 0; padding: 0;
}
.cpb-webinar .webinar-card .info {
padding-right: 10px;color: #ced1d2;font-size: 14px;font-weight: lighter;margin-bottom: 9px;
}

.webinar-label {
	margin-left: 30px;margin-top: 25px;
  text-align: left;
  width: fit-content;
}

.label-flex {
	display: inline-flex;
}
.label-flex .webinar-inner-label {
margin-left: 30px;margin-top: 25px;background: none;border: 1px solid black;
}
.label-flex .webinar-learn-more {
margin-left: 0px;margin-top: 25px;background: none;align-content: end;

}
.label-flex .webinar-register {
  margin-top: 3px;font-size: 13px;opacity:100;
  padding:inherit;
}
.label-flex .webinar-register a{
  /* PBTIV-75934 - Make link on webinar carousel ADA blue */
  color: #0065a8;
}

#indexResources .card-footer-body .card-item-description-long {
  max-height: 19.8em;
  -webkit-line-clamp: 13;
}

.card-container .labelsmall {
  margin-bottom: 10px;
}

#indexResources {
  padding :40px;
  background-color: white;
  display:block;
}

#indexResources .owl-stage {
right: -16px;
margin-bottom:0px;
}

#indexResources .owl-stage-outer {
  border-bottom:none;
  overflow:hidden !important;
}

#indexResources .card-footer-body .card-item-description-long {
  max-height: 20.8em;
  -webkit-line-clamp: 13;
  height: 100% !important;
}
  
#indexResources .owl-nav {
  bottom: -60px;
}


#indexResources .owl-nav .owl-prev:focus, #indexResources .owl-nav .owl-next:focus {
outline-color: #000000 !important;
}

@media (min-width: 768px){
  #indexResources .owl-nav {
    bottom: -86px;
  }
}

 

@media (max-width: 1170px){
#indexResources .citi-card .citi-card-inner-wrapper .card-footer-body .card-item-title h1 {
font-size: 43px !important;
    line-height: 70px !important;
    font-weight: 500;
}
}


@media (min-width: 768px) {
	#indexResources .card-footer-body.footer-body-padded {
    padding: 30px 30px;
	}
}



#indexResources .owl-nav {
  bottom: -86px;
  margin-right: 6px;
}

@media (min-width: 992px) {
  #indexResources .card-footer-body.footer-body-padded {
    padding-top: 30px;
    padding-bottom: 0; 
  }

  .cpb-webinar .webinar-card .citi-card-inner-wrapper .card-footer-body .card-item-heading-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
  }
}
        

#indexResources .card-footer-body.footer-body-padded.overlay {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background-color:white;
  overflow:hidden;
  width:100%;
  height:135px;
  transition: .5s ease;margin: 0;
}

#indexResources .cpb-webinar .webinar-card .bgwhite:hover .overlay , .cpb-webinar .webinar-card .bgwhite:focus .overlay{
  height:auto !important;
}


#indexResources .cpb-webinar .webinar-card .bgwhite:focus .card-footer-body .cta-hover-reveal{
  opacity: 100;
  height: 10px;
}

#indexResources .card-footer-body .cta-hover-reveal:focus {
  opacity: 100;
  height: 10px;
}

#indexResources .webinar-card .learn-more {
  padding:0px;
}


#indexResources.cpb-webinar .webinar-card .bgwhite{
  position: relative;
}

@media (min-width: 768px){
  #indexResources .card-wrapper:hover .card-container, .card-wrapper:focus .card-container {
    transform: none !important;
    transition: none !important ;
  }
}

@media (max-width: 768px){
  #indexResources{
    padding: 0 0 0 15px;
  }
}

@media (max-width: 992px){
#indexResources .card-footer-body.footer-body-padded.overlay {
	overflow:inherit;
}
#indexResources .cpb-webinar{
	padding-bottom: 100px;
}
#indexResources .citi-card.desktop-vertical-divided{
	margin-bottom: 50px;
}
}

@media (min-width: 768px){
  #indexResources .card-footer-body.footer-body-padded.overlay {
    padding: 20px 20px;
    height: 108px;
  }
}

@media (min-width: 345px){
  #indexResources .card-footer-body.footer-body-padded.overlay {
    padding: 15px 10px;
    height: 140px;
    box-sizing: border-box;
  }
}    

@media (max-width: 321px){
  #indexResources .card-footer-body.footer-body-padded.overlay {
    padding: 15px 15px;
    height: 100px;
  }
}

@media (min-width: 992px){
  #indexResources .card-footer-body.footer-body-padded {
    margin-right: 0px;
    margin-left: 0px;
  }
}

#indexResources .citi-card .citi-card-inner-wrapper .card-footer-body .card-item-title {
  display: inline-flex !important;
  height: 100px !important;
  padding: 0 0 0 10px;
  align-self: flex-start;
}


#indexResources .citi-card .citi-card-inner-wrapper .card-footer-body .card-item-title h1{
  font-size: 59px;
  line-height: 73px;
  margin: 0;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 1.2rem;
}

#indexResources .card-footer-body .card-item-description {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  height: 100px;
  margin-bottom: 0px;
  font-size: 14px;
}

#indexResources .card-footer-body .card-item-description h2 {
  font-weight: 400;
  font-size: 21px;
  margin-bottom: 0;
  margin-top: 3px;
  line-height: 24px;
  font-family: saintecolombe, sans-serif;
}

#indexResources .card-footer-body .card-item-description span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  width: 100%;
}

.cpb-webinar .webinar-card .citi-card-inner-wrapper .card-footer-body .details {
  display: none;
}

.cpb-webinar .webinar-card .citi-card-inner-wrapper:hover > .card-footer-body .details {
  display: block;
}

.cpb-webinar .webinar-card .citi-card-inner-wrapper:hover > .card-footer-body .card-item-heading-wrapper {
  margin-bottom: 15px !important;
}

.cpb-webinar .webinar-card .citi-card-inner-wrapper:hover > .card-footer-body .card-item-heading-wrapper .card-item-description {
  padding-right: 0 !important;
}

.cpb-webinar .webinar-card .citi-card-inner-wrapper:hover > .card-footer-body .card-item-heading-wrapper .card-item-description span {
  display: inline-block !important;
  overflow: unset !important;
  max-height: unset !important;
}


#indexResources .card-footer-body.footer-body-padded.overlay .details {
  padding: 0;
  color: black;
  -webkit-line-clamp: unset;
  font-family: Interstate;
  font-size: 14px;
  z-index: 1;
  line-height: 1.5em;
  font-weight: 100;
  margin-bottom: 10px;
}

#indexResources .card-footer-body.footer-body-padded.overlay .details ul {
  padding-left: 0;
  list-style-type: none;
}

#indexResources .card-footer-body.footer-body-padded.overlay .details li {
  border-top: 1px solid #928f8f;
  margin-top: 0.01rem;
}

#indexResources .card-footer-body.footer-body-padded.overlay .details li p{
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

#indexResources .owl-dots{
  position: absolute;
  bottom: -37px;
  right: 44%;
}



