/* custom styling for footer starts here */
.footer-main .remove-cursor {
  cursor: default;
}

.page-wrapper {
  position: relative;
  margin-top: -72px;
}

footer dl, footer ol, footer ul, footer p {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  
  footer .menu .footer-heading{
    font-size: 16px !important;
    font-weight: bold !important;
  }
  
  footer .container {
    max-width: 100%;
    --bs-gutter-x: 0;
  }
  
  .region-footer-top-first {
    width: 100%;
    max-width: 245px;
  }
  
  .block-redesign-language-switcher {
    max-width: 245px;
    align-items: center;
    width: 100%;
  }
  
  .block-redesign-language-switcher a {
    display: block;
  }
  
  .block-redesign-language-switcher .l-s-resultItem.selected {
    display: none;
  }
  
  .region-footer-bottom-center ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  
  .region-footer-bottom-center ul li {
    color: var(--Color-text-white);
    padding: 1.5px 0px 1.5px 16px;
    display: flex;
    justify-content: space-between;
  }
  
  .region-footer-bottom-center ul li a {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    justify-content: space-between;
    align-items: center;
  }
  
  footer .block-system-branding-block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  img.hyperlink-arrow {
    vertical-align: -2px;
    margin-left: 5px;
  }

  img.email-link-arrow {
    vertical-align: -4px;
    margin-left: 3px;
    width: 19px;
    height: 18px;
  }
  /* Fix for footer spaxcing issue CXR-13456 starts*/
  *:has(> .site-header) {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  .footer-main-wrapper {
    margin-top: auto;
  }

  .homepage-container,
  .landingpage-container {
    flex: 1;
  }
  /* Fix for footer spaxcing issue CXR-13456 ends*/
 
  @media screen and (max-width: 1024.1px) and (min-width: 782.1px) {}
  
  /* Tablet and Mobile View S M L Screens */
  @media screen and (min-width: 320px) and (max-width: 1023.9px) {
    .page-wrapper {
      margin-top: -40px;
    }
    .region-footer-top-first,
    .block-redesign-language-switcher {
      max-width: 100%;
      min-height: 100%;
    }
  
    .footer-main-black .region-footer-bottom-center.footer-copyright-text {
      padding: 0px;
    }
  
    .footer-main-black .footer-copyright-text {
      padding: 1.5px 4px 1.5px 12px;
    }
  
    .region-footer-bottom-center ul {
      padding-top: 1.5px;
      padding-bottom: 1.5px;
    }
  
    .region-footer-bottom-center ul li:first-child {
      padding: 1px 0px 1px 12px;
    }
  
    .region-footer-bottom-center ul li {
      padding: 1px 0px 1px 22px;
    }
  
    .copyright-padding {
        padding-left: 20px !important;
    }
  
  }

.footer-main-wrapper a {
  text-decoration: none !important;
}

/* custom styling for footer ends here */

/* Custom styling for quick actions bar starts here */
.quick-actions-bar-card-group .quick-actions-bar-card:hover {
  text-decoration: underline !important;
}
/* Custom styling for quick actions bar ends here */
/* Custom styling for inline hero banner startd here */
.inline-hero.property-1desktop {
  width: 100%;
}
/* Custom styling for inline hero banner ends here */

/* Custom styling for top hero banner starts here */
.homepagehero .buttons {
  padding: unset !important;
}
.homepagehero .buttons a {
  padding: 8px 24px;
  color: var(--background-color-black); 
}
@media screen and (max-width: 470px) {
  .homepagehero .homepage-hero-header {
    top: 168px !important;
  }
}
@media screen and (min-width:1024px) {
  .homepagehero .homepage-hero-image {
    top: 0px !important;
  }
}
/* Custom styling for top hero banner ends here */

/* CXR-1931: footer without navigation start here */
.footer-wrapper-no-nav .footer-copyright-text-icon {
  color: var(--Color-text-white);
}
/* CXR-1931: footer without navigation ends here */

.page-wrapper h2, .page-wrapper h4 {
  text-align: center;
}
/* Custom styling for breadcrumb starts here */
.breadcrumb-navigation {
  padding: 0;
  font-family: "Open Sans";
  margin: 0;
}

.breadcrumb-navigation>li {
  display: inline;
}

.breadcrumb-navigation>li img {
  display: inline;
  width: 16px;
  height: 16px;
  padding-bottom: 3px;
}

.breadcrumb-navigation>li.active,
.breadcrumb-navigation>li.active>a {
  color: var(--Color-text-blue);
}

/*.breadcrumb-navigation li+li:before {
  font-size: 14px;
  content: '/ ';
  color: var(--Color-text-grey);
}*/

.breadcrumb-navigation>li>a,
.breadcrumb-navigation>li>a:focus,
.breadcrumb-navigation>li>a:active {
  text-decoration: none;
  color: var(--Color-text-grey);
  font-size: 16px;
  line-height: 130%;
}

.breadcrumb-navigation>li.active>a,
.breadcrumb-navigation>li.active>a:focus,
.breadcrumb-navigation>li.active>a:active {
  color: var(--Color-text-blue);
}

.breadcrumb-navigation>li>a:hover {
  text-decoration: underline;
}

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

  .breadcrumb-navigation>li>a,
  .breadcrumb-navigation>li>a:focus,
  .breadcrumb-navigation>li>a:active {
      font-size: 12px;
  }

  .breadcrumb-navigation>li img {
      height: 14px;
  }

}

/* Custom styling for breadcrumb ends here */
.layout-select :nth-child(4){
    display: none;
}

/* Override global a tag behaviour on implicit cta */
.sce-redesign-content a.implicit-cta-block:hover, .sce-redesign-content a.implicit-cta-block:focus {
  text-decoration: none;
}
/* Override global a tag behaviour on implicit cta ends here */

/* Override from copy block to bing search */
.bcs-result h2 {
  text-align: left;
}
.copy-block-text ol li.bcs-result, .copy-block-text ol li.bcs-pagination {
  margin: 0;
  padding: 12px 0px;
  list-style: none !important;
}
.copy-block-text ol li.bcs-pagination ul li {
  list-style-type: none !important;
}
.bcs-caption-text p, .bcs-result cite, .bcs-deep-links-shallow {
  font-size: 15px !important;
}
.bcs-results {
  margin-left: 0px !important;
}
.bcs-web-url-mobile-view {
  line-height: 16px !important;
}
.bcs-caption-text p {
  color: #333333 !important;
}
.copy-block-text ol li.bcs-result {
  padding: 0 !important;
}

.copy-block-text ol li.bcs-result:not(:last-child) {
 margin-bottom: 24px;
}
.copy-block-text .bcs-searchbox {
  margin: 8px 4px 0px 16px;
}
.copy-block-text .bcs-pagination a { 
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
}
.copy-block-text .bcs-pagination>ul {  
  display: flex;
  justify-content: center;
}
.copy-block-text .bcs-deep-links a,.copy-block-text .bcs-deep-links p { 
  font-size: 15px; 
}
.copy-block-layout .copy-block-text .bcs-deep-links ul li { 
  list-style-type: none !important;
}
.bcs-caption-image img {
  display: none;
}
/* Override from copy block to bing search ends */

/* Custom CSS for CKEditor H tag */
.redesign-ckeditor-text h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
}

.redesign-ckeditor-text h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
}

.redesign-ckeditor-text h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
}

.redesign-ckeditor-text h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
}

.redesign-ckeditor-text h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

.redesign-ckeditor-text h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif !important;
}
.page-wrapper .redesign-ckeditor-text h2, .page-wrapper .redesign-ckeditor-text h4 {
  text-align: inherit;
}
.page-wrapper .redesign-ckeditor-text h2.text-align-center, .page-wrapper .redesign-ckeditor-text h4.text-align-center {
  text-align: center;
}
.page-wrapper .redesign-ckeditor-text h2.text-align-right, .page-wrapper .redesign-ckeditor-text h4.text-align-right {
  text-align: right;
}
.page-wrapper .redesign-ckeditor-text h2.text-align-justify, .page-wrapper .redesign-ckeditor-text h4.text-align-justify {
  text-align: justify;
}

/* H tag fix on block referenced react blocks */
.page-wrapper .paragraph--type--block-reference- h2, .page-wrapper .paragraph--type--block-reference- h4 {
  text-align: inherit;
}
.page-wrapper .paragraph--type--block-reference- h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.page-wrapper .paragraph--type--block-reference- h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.paragraph__column {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media screen and (min-width: 120px) and (max-width: 1023.9px) {
    .redesign-ckeditor-text h1 {
      font-size: 26px;
      font-weight: 700;
      line-height: 34px;
      font-family: 'Open Sans', sans-serif !important;
    }

    .redesign-ckeditor-text h2 {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
      font-family: 'Open Sans', sans-serif !important;
    }

    .redesign-ckeditor-text h3 {
      font-size: 18px;
      font-weight: 700;
      line-height: 26px;
      font-family: 'Open Sans', sans-serif !important;
    }

    .redesign-ckeditor-text h4 {
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      font-family: 'Open Sans', sans-serif !important;
    }

    .redesign-ckeditor-text h5 {
      font-size: 14px;
      font-weight: 700;
      line-height: 22px;
      font-family: 'Open Sans', sans-serif !important;
    }
    .page-wrapper .paragraph--type--block-reference- h2 {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
    }
    .page-wrapper .paragraph--type--block-reference- h4 {
      font-size: 18px;
      font-weight: 700;
      line-height: 26px;
    }
    .paragraph-breadcrumb-layout {
      padding: 8px 16px !important;
    }

}
/* Custom CSS for CKEditor H tag */

/* Custom CSS for breadcrumb */
.paragraph-breadcrumb-layout {
  display: flex;
  justify-content: center;
  padding: var(--spacing-4, 16px) 0px;
}
.paragraph-breadcrumb-container {
  max-width: 1120px;
  width: 100%;
}
.paragraph-breadcrumb-layout .breadcrumb-navigation > li {
  color: var(--text-primary);
  font-size: small;
}
.paragraph-breadcrumb-layout .breadcrumb-navigation > li > a {
  color: var(--Color-text-blue);
}

@media screen and (min-width: 1024px) and (max-width: 1150px) {
  .paragraph-breadcrumb-layout {
    justify-content: flex-start;
    padding-left: 16px;
  }
}
/* Custom CSS for breadcrumb ends */
/* Custom code for skip to main content */
.s-header.header-top-0 {
  top: 0px !important;
}
body:has(.skip-to-content a:focus) .s-header {
  top:24px;
}
/* Custom code for skip to main content ends */

/* Admin screen changes start here*/

.toolbar-fixed .site-header.header-top-0 {
  top: 80px!important;
}
.redesign-admin-tabs {
  display: flex;
  justify-content: center;
  padding: var(--spacing-4, 16px) 0px;
}

.redesign-admin-tabs ul {
  max-width: 1120px;
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
}

.redesign-admin-tabs ul > li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}

.redesign-admin-tabs ul > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none !important;
}

.redesign-admin-tabs ul > li > a.is-active, .redesign-admin-tabs ul > li > a.is-active:hover, .redesign-admin-tabs ul > li > a.is-active:focus {
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  text-decoration: underline !important;
}

.redesign-admin-tabs ul > li > a:hover {
  border-color: #eee #eee #ddd;
  background-color: #eee;
}
/* Admin screen changes ends here*/
/* Imperva fix by message hide */
body:not(.user-logged-in) div[data-drupal-messages] div .imperva-success {
  display: none; 
}
/* livechat css for new theme */
#react-live-chat-widget p { margin-bottom: 0;}
/* For mimo-reskin space issue */
.customer-service-center-move-center-residential .m-p-h-inner-wrapper,
.customer-service-center-move-center-residential-turnon .m-p-h-inner-wrapper,
.oto-turnon .m-p-h-inner-wrapper,
.oto-movecenter-transfer .m-p-h-inner-wrapper,
.oto-movecenter-turnoff .m-p-h-inner-wrapper,
.oto-turnoff .m-p-h-inner-wrapper,
.oto-transfer .m-p-h-inner-wrapper{
    /* justify-self: anchor-center !important; */
    max-width: 1120px !important;
    padding: 16px 0 !important;
    right: 0;
    margin: 0 auto;
}
@media (max-width: 767px) {
  .customer-service-center-move-center-residential .m-p-h-inner-wrapper,
  .customer-service-center-move-center-residential-turnon .m-p-h-inner-wrapper,
  .oto-turnon .m-p-h-inner-wrapper,
  .oto-movecenter-transfer .m-p-h-inner-wrapper,
  .oto-movecenter-turnoff .m-p-h-inner-wrapper,
  .oto-turnoff .m-p-h-inner-wrapper,
  .oto-transfer .m-p-h-inner-wrapper{
    padding: 16px !important;
  } 
}
.customer-service-center-move-center-residential-turnon .avatarContainer,
.customer-service-center-move-center-residential-turnon .footer-main,
.customer-service-center-move-center-residential-turnon .footer-main-hyperlink{
  display: none !important;
}
/* React print screen to hide Header, Footer, Banner, feedback, Live Chat and ask sce starts */
@media print {
  .kampyle_button, .kampyle_button-text, .footer-main-wrapper, .liveChatWidget, #header, .sticky-page-header, .dss-chatbot, .help-center-card-container, .alert-main {
    display: none !important;
  }
}
/* React print screen to hide Header, Footer, Banner, feedback, Live Chat and ask sce ends */