/* font weight: 600*/
.sp-megamenu-parent>li.active>a,
.article-list .article .article-header h1, .article-list .article .article-header h2,
.article-list .article .readmore a,
.article-details .article-header h1, .article-details .article-header h2{ font-weight: 600; }

/* font size: 24px*/
.u-blog h3 { font-size: 24px; }

/* font size: 48px;*/
.article-list .article .article-header h1, .article-list .article .article-header h2,
.article-details .article-header h1, .article-details .article-header h2{ font-size: 48px;}

/* Font size: 90px;*/
.sp-page-title .sp-page-title-heading { font-size: 90px; }

/* Background: white*/
#offcanvas-toggler > .burger-icon { background: #fff; }

/* position: relative;*/
#sp-logo > .sp-column,
#sp-logo .logo,
.sp-page-title > .container { position: relative; }

/* position: absolute*/
#sp-logo > .sp-column > .sp-module,
.sp-page-title .mod-sppagebuilder{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

/* z-index: -1*/
.sp-page-title .mod-sppagebuilder { z-index: -1; }

/* z-index: 2;*/
#sp-logo .logo,
.sp-page-title .container{ z-index: 2; }

/* opacity: 0; */
#sp-logo .logo { opacity: 0; }

/* display: flex;*/
.u-blog .sppb-article-info-wrap,
.sp-page-title > .container,
.article-body{ display: flex; }

/* flex-direction: column*/
.u-blog .sppb-article-info-wrap,
.sp-page-title > .container,
.u-teams .sppb-carousel-extended-team-wrap,
.article-body,
.u-pfo.sppb-team-carousel-layout3 .sppb-carousel-extended-team-wrap{ flex-direction: column; }

/* align items: center*/
.u-clients .sppb-carousel-extended-outer-stage { align-items: center; }

/* justify content: center;*/
.sp-page-title .breadcrumb,
.sp-page-title > .container { justify-content: center!important; }

/* order: -1*/
.u-blog .sppb-article-meta,
.article-body .article-info { order: -1; }

/* order: 1*/
#sp-header.u-header-b #sp-menu > .sp-column > .sp-module { order: 1; }

/* text align: center;*/
.sp-page-title { text-align: center; }

/* sp-header*/
#sp-header:not(.header-sticky) { box-shadow: none; padding-top: 50px; padding-bottom: 50px; height: auto; }
#sp-menu .header-modules,
#sp-header.u-header-b .sp-module { margin: 0; }
#sp-menu .social-wrap { padding: 0; }

/*u-says*/
.u-says .sppb-carousel-extended-dots ul li.active { border-color: inherit!important; }

/* sp-page-title*/
.sp-page-title { padding: 0; }
.sp-page-title .container { min-height: 430px; padding: 0 0 100px; }
.sp-page-title .sp-page-title-heading { line-height: inherit; }

/* u-teams*/
.u-teams .sppb-carousel-extended-team-content { margin: -70px 0 0; box-shadow: 0 10px 10px 0; background: inherit; }
.u-teams .sppb-carousel-extended-team-wrap:not(:hover):not(:focus):not(:active) .sppb-carousel-extended-team-content { margin: 0; box-shadow: none; }
.u-teams .sppb-carousel-extended-team-wrap { margin: 0 0 30px 0; padding: 0 30px 0 10px; }
.u-teams .sppb-carousel-extended-team-wrap:before { content: ""; position: absolute; top: 0; right: 30px; bottom: 30px; left: 0; box-shadow: 30px 30px 0 0; }
.u-teams .sppb-carousel-extended-team-wrap:not(:hover):not(:focus):not(:active):before { box-shadow: none; }
.u-teams .sppb-carousel-extended-team-wrap > * { width: 100%; }
.u-teams .sppb-carousel-extended-team-img img { border-radius: 0; }
.u-teams .sppb-carousel-extended-team-social-icon { margin: 0; }
.u-teams .sppb-carousel-extended-team-social-icon li { background: currentColor; border-radius: 50%; }
.u-teams .sppb-carousel-extended-team-wrap:not(:hover):not(:focus):not(:active) .sppb-carousel-extended-team-social-icon { opacity: 0; margin: -70px 0 0; }

/* sidebar */
#sp-left .sp-module, #sp-right .sp-module { border-width: 0; padding: 0; }

/* blog */
.article-list .article { border-width: 0; padding: 0 50px 0 0; margin: 0 0 150px; }
.article-list .article > .float-left { margin: 0; border-width: 0; }
.article-list .article > .float-left img { width: 100%; }
.article-body { padding: 30px 0 0; }
.article-info>span,
.article-list .article .readmore { font-size: inherit; }
.article-header { margin: 0 0 15px; }
.article-list .article .readmore { margin: 30px 0 0; }

/* single */
.article-details { padding: 0 50px 0 0; }

/* sp-megamenu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { border-radius: 8px; }

/* u-hero*/
.u-hero.sp-slider .sp-item .sp-background { background-size: auto; background-repeat: no-repeat; background-position: 85% 100%; display: none; }
.u-hero .sp-dots li:not(.active) { width: 30px!important; }

/* u-pfo*/
.u-pfo .sppb-carousel-extended-team-content.sppb-carousel-layout2 { top: auto; }
.u-pfo .sppb-carousel-layout2 .sppb-carousel-extended-team-name { text-transform: initial; }
.u-pfo.sppb-team-carousel-layout3 .sppb-carousel-extended-team-wrap > * { width: 100%; margin: 0; }

/* u-timeline*/
.u-timeline.sp-slider .sp-indicator-container,
.u-timeline.sp-slider .sp-indicator.line-indicator { height: 2px; }
.u-timeline.sp-slider .sp-nav-control { top: 2px!important; bottom: auto; z-index: 12; }
.u-timeline.sp-slider .sp-dots { top: 0; bottom: auto!important; margin: 0; z-index: 10; }
.u-timeline.sp-slider .sp-dots ul li { width: 25%!important; }
.u-timeline.sp-slider .sp-dots ul li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 2px; margin: auto; border-top: 2px solid; border-color: inherit; }
.u-timeline.sp-slider .sp-dots ul li.active ~ li:before { opacity: 0; }
.u-timeline.sp-slider .sp-dots ul li:after { opacity: 1; visibility: visible; border-radius: 50%!important; }
.u-timeline.sp-slider .sp-dots ul li.active ~ li:after { opacity: 0; visibility: hidden; }

/* offcanvas*/
.offcanvas-menu .logo { display: none; }

/* Responsive: 1400px*/
@media(min-width: 1400px) {
  
  /**/
.u-hero.sp-slider .sp-item .sp-background { display: block; }
}

/* Responsive: 991px*/
@media(max-width: 991px) {
  
  /**/
  .article-list .article,
  .article-details{ padding: 0; }
  
  /**/
  .view-article .sp-page-title .breadcrumb>.active { display: none; }
  
  /**/
  #sp-menu > .sp-column { justify-content: flex-end!important; }
}

/* Responsive: 767px*/
@media(max-width: 767px) {
  
  /**/
  .article-list .article .article-header h1, .article-list .article .article-header h2, .article-details .article-header h1, .article-details .article-header h2 { font-size: 28px; }
  
  /**/
  .sp-page-title .sp-page-title-heading { font-size: 40px; }
  
  /**/
  .article-info { display: none; }
}
