/* sp-header */
#sp-header:not(.header-sticky) { box-shadow: none; background: transparent; }

/* sp-logo */
#sp-logo > .sp-column > .mod-sppagebuilder + .logo { position: relative; z-index: 3; opacity: 0; }

/* d1header */
#offcanvas-toggler { position: relative; }
.d1header #sp-header > .container { max-width: 100%; padding: 0 0 0 100px; }
.d1header .sp-megamenu-wrapper { padding: 0 50px; }
.d1header #sp-menu #offcanvas-toggler { width: 100px; order: 3; justify-content: center; margin: 0; }
.d1header #sp-menu #offcanvas-toggler .burger-icon { width: 45px; }
.d1header #sp-menu #offcanvas-toggler .burger-icon > * { background: #fff; height: 3px; }
.d1header #sp-menu #offcanvas-toggler .burger-icon > *:first-child,
.d1header #sp-menu #offcanvas-toggler .burger-icon > *:last-child { margin: 0 5px 0 0; }
.d1header #sp-menu #offcanvas-toggler .burger-icon > *:nth-child(2) { margin: 7px 0 7px 5px; }

/* d3header */
.d3header #sp-header .container-inner { background: #fff; }
.d3header #sp-header .sp-megamenu-wrapper { flex: 1; }
.d3topbar { z-index: 3!important; }

/* meagemenu */
.sp-megamenu-parent .sp-dropdown:not(.sp-dropdown-mega) .sp-dropdown-inner { border-width: 5px 0 0; border-style: solid; }

/* sp-footer */
#sp-footer { position: relative; z-index: 3; }

/* pie-chart */
.sppb-pie-chart canvas { position: static; }

/* sp-page-title */
.sp-page-title { padding: 300px 0 180px; margin: -145px 0 0; }
.sp-page-title > .container { display: flex; flex-direction: column-reverse; align-items: center; }
.sp-page-title .breadcrumb { --bs-breadcrumb-divider: "\f105"; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.14em; font-size: 15px; font-weight: 700; }
.sp-page-title .breadcrumb>span,
.sp-page-title .breadcrumb>li,
.sp-page-title .breadcrumb>li+li:before,
.sp-page-title .breadcrumb>li>a,
.sp-page-title .breadcrumb>.active { color: inherit; }
.view-article .sp-page-title .breadcrumb>.active { display: none; }
.sp-page-title .breadcrumb-item+.breadcrumb-item:before { font-family: "Font Awesome\ 5 Free"; font-weight: 900; }
.sp-page-title .sp-page-title-heading { font-size: 60px; font-weight: 700; }

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

/* blog */
.article-list .article { border: 0 none; margin: 0 0 60px; padding: 0; }
.article-list .article .float-left,
.article-list .article .float-left img { width: 100%; }
.article-list .article .float-left { margin: 0 0 20px; }
.article-list .article-body { display: flex; flex-direction: column; align-items: flex-start; }
.article-list .article-info { order: -1; }
.article-list .article .article-header h1,
.article-list .article .article-header h2 { font-size: 32px; font-weight: 600; }
.article-introtext { font-size: 18px; line-height: 1.8; }
.article-list .article .readmore { margin: 30px 0 0; }
.article-list .article .readmore a { text-transform: uppercase; display: inline-block; font-size: 18px; line-height: 67px; padding: 0 55px; font-weight: 500; color: #fff; }

/* article-info*/
.article-info>span+span::before { content: ""; border-top: 2px solid; width: 10px; vertical-align: middle; margin: 0 10px; }
.article-info .createdby:before,
.article-info .category-name a:before,
.article-info .published time:before { font-family: "Font Awesome\ 5 Free"; font-weight: 900; padding: 0 5px 0 0; }
.article-info .createdby:before { content: "\f007"; }
.article-info .category-name a:before { content: "\f07b"; }
.article-info .published time:before { content: "\f133"; }

/* article-details */
.article-details { display: flex; flex-direction: column; align-items: flex-start; }
.article-details > .float-left,
.article-details .article-info { order: -1; }
.article-details > .float-left,
.article-details > .float-left img { width: 100%; }
.article-details .article-header h1,
.article-details .article-header h2 { font-size: 32px; font-weight: 600; }

/* offcanvas */
.close-offcanvas { z-index: 3; }

/* animation: ylpulse;*/
@keyframes ylpulse {
  0% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 45px rgba(255,255,255, 0);
      box-shadow: 0 0 0 45px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

/* Responsive: >1025px*/
@media(min-width: 1025px) {
  
  .d2header #sp-logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; }
  .d2header #sp-logo > .sp-column { width: 156px; left: 70px; }
  .d2header #sp-menu { width: 100%; }
  .d2header .sp-megamenu-wrapper { flex: 1; justify-content: center; }
  .d2header .sp-megamenu-wrapper .d-logo { display: block!important; padding: 0 60px; opacity: 0; }
  .d2header .sp-megamenu-wrapper .d-logo .image-title { display: none; }
  
  /* offcanvas;*/
.close-offcanvas .burger-icon>span { background: white; }
  body.ltr.offcanvs-position-right .offcanvas-menu { right: -480px; }
  .offcanvas-menu { width: 480px; }
}

/* Responsive: 991px;*/
@media(max-width: 991px) {
  
  /* */
  .d1header #sp-header > .container { padding: 0 15px; }
}

/* Responsive: 767px*/
@media(max-width: 767px) {
  
  /* d3header */
  .d3header #sp-header { background: #fff; }
  
  /**/
  .d1header #sp-menu #offcanvas-toggler { background: transparent; }
  .d1header #sp-menu #offcanvas-toggler .burger-icon > * { background: currentColor; }
  
  /**/
  .sp-page-title .sp-page-title-heading { font-size: 40px; }
  .sp-page-title .breadcrumb { font-size: 12px; }
  .sp-page-title .breadcrumb .float-start { display: none; }
  
  /**/
  .article-info>span:last-child { display: none; }
  .article-introtext { font-size: 16px; }
  .article-list .article .article-header h1,
  .article-list .article .article-header h2,
  .article-details .article-header h1,
  .article-details .article-header h2 { font-size: 25px; }
}