@charset "UTF-8";
/* FIXES */

@media only screen and (max-width: 768px) {
  .aem-Grid.aem-Grid--default--12>.responsivegrid.aem-GridColumn.aem-GridColumn--default--1 {
    float: none;
    width: 100%;
  }

  .aem-Grid.aem-Grid--default--12>.responsivegrid.aem-GridColumn.aem-GridColumn--default--8 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

/*.. Cisco Logo Icon style  ...*/
.nav__branding-space-cisco-logo {
  max-height: 45px;
}

/* Article Body italics - Hot fix on RTE */
.newsroom-c-rte em,
.newsroom-c-rte em,
.newsroom-c-rte em {
  font-style: italic;
}

/* Dark and Light Mode and Default  - Hot fix on Hero Tier-1 - Start - */
.newsroom-hero-tier-1 .newsroom-c-hero-tier-1__eyebrow,
.newsroom-hero-tier-1 .newsroom-c-hero-tier-1__title,
.newsroom-hero-tier-1 .newsroom-c-hero-tier-1__text {
  color: #ffffff;
}

.newsroom-hero-tier-1--dark .newsroom-c-hero-tier-1__eyebrow,
.newsroom-hero-tier-1--dark .newsroom-c-hero-tier-1__title,
.newsroom-hero-tier-1--dark .newsroom-c-hero-tier-1__text {
  color: #ffffff;
}

.newsroom-hero-tier-1--light .newsroom-c-hero-tier-1__eyebrow,
.newsroom-hero-tier-1--light .newsroom-c-hero-tier-1__title,
.newsroom-hero-tier-1--light .newsroom-c-hero-tier-1__text {
  color: #1b1c1d;
}

/* Box shadow CSS for the entire page*/
.root.container {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 600px) {

  .newsroom-c-hero-tier-1__eyebrow,
  .newsroom-c-hero-tier-1__title,
  .newsroom-c-hero-tier-1__text {
    color: #1b1c1d !important;
  }
}

/* Dark and Light Mode  - Hot fix on Hero Tier-1 - End - */


/* START - Carousel Hero arrows and mobile hotfix - START */
@media only screen and (max-width: 768px) and (min-width: 1300px) {
  .newsroom-carousel-hero .newsroom-c-carousel-hero .swiper-button-next {
    right: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .newsroom-c-carousel-hero {
    padding: 0 48px !important;
  }

  .swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-initialized-prev-end,
  .swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding: 0 60px 0 80px !important;
  }

  .swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-initialized-next-end {
    padding: 0 70px 0 70px !important;
  }

  .newsroom-c-carousel-hero .swiper-slide {
    width: 31% !important;
  }

  .newsroom-carousel-hero .newsroom-c-carousel-hero .swiper-button-next {
    right: 0px !important;
    left: auto !important;
  }

  .newsroom-carousel-hero .newsroom-c-carousel-hero .swiper-button-next.swiper-button-disabled {
    right: 0px !important;
  }

  .newsroom-carousel-hero .newsroom-c-carousel-hero .swiper-button-prev {
    left: 0px !important;
    right: auto !important;
  }
}

@media only screen and (max-width: 768px) {

  /* START */
  .newsroom-carousel-hero--lifted .swiper {
    position: relative;
    top: auto;
  }

  .newsroom-carousel-hero--no-padding .swiper {
    padding-top: 64px;
  }

  /* END */

  .newsroom-c-carousel-hero .mobile-only.swiper-button-prev,
  .newsroom-c-carousel-hero .mobile-only.swiper-button-next {
    display: inline !important;
  }

  .newsroom-c-carousel-hero {
    padding: 0 !important;
  }

  /* START */
  .newsroom-c-carousel-hero .swiper-button-prev,
  .newsroom-c-carousel-hero .swiper-button-next {
    top: auto !important;
    bottom: 10% !important;
  }

  /* END */
  .newsroom-c-carousel-hero .swiper.swiper-initialized.swiper-horizontal {
    padding-right: 1em !important;
    padding-left: 1em;
  }
}

@media only screen and (max-width: 500px) {
  .newsroom-c-carousel-hero {
    padding: 0 !important;
  }

  .newsroom-c-carousel-hero .swiper-button-prev,
  .newsroom-c-carousel-hero .swiper-button-next {
    font-size: 12px !important;
  }
}

.newsroom-carousel-hero .newsroom-c-carousel-hero .swiper-button-next {
  right: 1em !important;
  left: auto !important;
}

.newsroom-c-carousel-hero__item .newsroom-c-related-videos__item__eyebrow,
.newsroom-c-carousel-hero__item .newsroom-c-carousel-hero__item__description {
  display: none !important;
}

.newsroom-c-carousel-hero .swiper-slide {
  visibility: hidden;
}

.newsroom-c-carousel-hero .swiper-slide.swiper-slide-active,
.newsroom-c-carousel-hero .swiper-slide.swiper-slide-next,
.newsroom-c-carousel-hero .swiper-slide.swiper-slide-next+.swiper-slide {
  visibility: visible;
}

.newsroom-carousel-hero .newsroom-c-carousel-hero .swiper-button-prev {
  left: 1em !important;
  right: auto !important;
}

.newsroom-c-carousel-hero .swiper-pagination {
  position: relative !important;
  width: 100% !important;
  left: auto !important;
  right: auto !important;
  margin-bottom: 15px !important;
  margin-top: 25px !important;
}

.newsroom-c-carousel-hero .swiper-slide {
  width: 100%;
}

.newsroom-c-carousel-hero .swiper-button-prev,
.newsroom-c-carousel-hero .swiper-button-next {
  bottom: -4px;
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  height: 44px;
  margin-top: calc(0px - (44px/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: #00bceb;
  border-radius: 25px;
  padding: 15px 22px;
  box-shadow: 0 12px 48px rgb(27 28 29 / 10%);
}

.newsroom-c-carousel-hero .swiper-button-prev:hover,
.newsroom-c-carousel-hero .swiper-button-next:hover {
  background: #1ad6ff;
}

/* END - Carousel Hero arrows and mobile hotfix - END */
/*-- Start of Executive Landing Page Hot Fix */
.short__biotext__exec-name h1 {
  font-size: 56px;
  line-height: 64px;
  color: #1b1c1d;
  font-weight: 400;
}

/*End- of Executive Landing Page Hot Fix*/

/**** Start Hot fix for Footer items <ul> <li> grouping**/
ul.footer-upper-items li {
  list-style-type: none;
  margin-bottom: 10px;
}

/**** End Hot fix for Footer items <ul> <li> grouping**/
/*** Sub Headline *****/
h2.newsroom-c-subheadline-h2 {
  font-size: var(--font-preset-h300-size);
  font-style: var(--font-preset-h300-style);
  line-height: var(--font-preset-h300-line-height);
  font-weight: var(--font-preset-h300-weight);
  letter-spacing: var(--font-preset-h300-spacing);
}

/* End of Sub Headline Component */

/* START */
@media only screen and (min-width: 1165px) {
  .newsroom-c-carousel-hero.newsroom-carousel-hero--lifted .swiper {
    top: 0 !important;
  }
}

.newsroom-c-carousel-hero.newsroom-carousel-hero--lifted .swiper {
  top: 0 !important;
}

/* END */
/* Start Hero Tier-1-Mobile padding - margin botton fix */
@media only screen and (max-width: 639px) {
  .newsroom-component.newsroom-hero-tier-1 {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 960px) {
  .newsroom-c-hero-tier-1 .newsroom-c-hero-tier-1__title {
    font-size: 36px;
    line-height: 40px;
  }
}

/*END*/
/* Start Related Articles component heading update */
.cmp-relatedarticles__header {
  font-size: 0;
}

.cmp-relatedarticles__header::after {
  display: inline;
  font-size: 32px;
  content: "Related Content";
}
/* End Related Articles component heading update */

/* START Header top nav update START */
header.header .nav__branding-space-newsroom {
  max-width: 200px !important;
}

.nav__branding-space-newsroom .nav__branding-space-newsroom-logo {
  font-size: 16px !important;
}
/* END Header top nav update END */

/* footer socisl icon svg files conflict with anchor.nav css file */
footer .footer-upper__social__link svg {
    display: inline-block !important;
}
[data-type="arts-total"]{display:none !important;}


/* Custom css for Executive Twitter Follow button -Start*/
.custom-button {
    height: 44px;
    border-radius: 48px;
	gap: 8px;
    padding: 12px 24px 12px 24px;  
    position: relative;
    box-sizing: border-box;
    background-color: #000000;
    color: #FFFFFF;
	font: CiscoSansTT;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
}

.custom-button img {
  vertical-align: middle;
  margin-top: -3px;
}


.custom-button:hover {
    text-decoration: none; 
}

.custom-button-text{
	padding: 0px 10px;	
}

/* Custom css for Executive Twitter Follow button -End*/

.newsroom-hero-exec .twitter-follow-button {
  display: none;
}

@media only screen and (max-width: 599px) {
  .newsroom-c-rnc {
    padding-left: 10px;
    padding-right: 10px;
  }
}