/*
Light theme overrides for the dark default theme.
Only applied when html[data-theme="light"] is set.
*/

html[data-theme="light"] body {
  background-color: #f2f7f9;
  background-image: none;
  color: #555;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
  color: #222;
}

html[data-theme="light"] a {
  color: #0077a8;
}

html[data-theme="light"] .page-content {
  background-color: #fff;
  box-shadow: 0 0 60px -10px rgba(0,0,0,.18);
  min-height: 100vh;
}

html[data-theme="light"] .section-content,
html[data-theme="light"] .single-page-content {
  background-color: #fff;
  color: #555;
}

html[data-theme="light"] .title-block .sp-subtitle {
  color: #666;
}

html[data-theme="light"] .block-title:after,
html[data-theme="light"] .page-title:after {
  opacity: 0.25;
}

html[data-theme="light"] .fun-fact {
  background: #fff;
  border-color: #e5e5e5;
  box-shadow: 0 8px 14px rgba(0,0,0,.08);
}

html[data-theme="light"] .fun-fact:hover {
  box-shadow: 0 14px 20px rgba(0,0,0,.12);
}

html[data-theme="light"] .fun-fact h4,
html[data-theme="light"] .fun-fact-block-value {
  color: #333;
}

html[data-theme="light"] .timeline-second-style .divider {
  background-color: #e5e5e5;
}

html[data-theme="light"] .timeline-second-style .divider:after {
  background-color: #fff;
  border-color: #04b4e0;
}

html[data-theme="light"] .timeline-second-style .item-period,
html[data-theme="light"] .timeline-second-style .item-company {
  color: #777;
}

html[data-theme="light"] .certificate-item {
  border-color: #e5e5e5;
  background: #fff;
}

html[data-theme="light"] .blog-card {
  background: #fff;
  border: 1px solid #e5e5e5;
}

html[data-theme="light"] .blog-card .post-info {
  border-color: #e5e5e5;
  background: #fff;
}

html[data-theme="light"] .blog-card .post-date {
  color: #777;
}

html[data-theme="light"] .blog-card .media-block a .mask {
  background: rgba(0,0,0,.06);
}

html[data-theme="light"] .blog-card .blog-item-title,
html[data-theme="light"] .blog-card .blog-item-title a {
  color: #222;
}

html[data-theme="light"] .blog-card .blog-item-title a:hover {
  color: #04b4e0;
}

html[data-theme="light"] .blog-card .post-meta .item,
html[data-theme="light"] .blog-card .post-meta .item a,
html[data-theme="light"] .blog-card ul.category li a {
  color: #666;
}

html[data-theme="light"] .blog-card .category a,
html[data-theme="light"] .sticky-badge {
  background: #fff;
  color: #444;
  border: 1px solid #e5e5e5;
}

html[data-theme="light"] .single-page-content,
html[data-theme="light"] .single-page-content .post-content {
  background-color: #ffffff;
  color: #222;
}

html[data-theme="light"] .entry-meta.entry-meta-bottom {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}

html[data-theme="light"] .entry-meta.entry-meta-bottom .date-author,
html[data-theme="light"] .entry-meta.entry-meta-bottom .share-buttons,
html[data-theme="light"] .entry-meta a {
  color: #666;
}

html[data-theme="light"] .entry-meta.entry-meta-bottom .date-author > span:after {
  background-color: #d9d9d9;
}

html[data-theme="light"] .tags a {
  color: #555;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

html[data-theme="light"] .share-buttons a {
  color: #666;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

html[data-theme="light"] .share-buttons a:hover {
  color: #fff;
  background-color: #04b4e0;
  border-color: #04b4e0;
}

html[data-theme="light"] .knowledgesIcons li {
  color: #333;
}

html[data-theme="light"] .knowledgesIcons li img {
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}

html[data-theme="light"] .info-block-w-icon {
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 12px 14px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

html[data-theme="light"] .info-block-w-icon:hover {
  background-color: #fff;
  border-color: #e6edf2;
  box-shadow: 0 14px 22px rgba(0,0,0,.12);
  transform: translateY(-4px);
}

html[data-theme="light"] .info-block-w-icon:hover .ci-icon i {
  color: #04b4e0;
  opacity: 1;
}

html[data-theme="light"] .fun-fact {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

html[data-theme="light"] .fun-fact:hover {
  transform: translateY(-4px);
  border-color: #dfe6ec;
  box-shadow: 0 16px 24px rgba(0,0,0,.14);
}

html[data-theme="light"] .lm-info-block {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

html[data-theme="light"] .lm-info-block:hover {
  transform: translateY(-4px);
  border-color: #dfe6ec;
  box-shadow: 0 16px 24px rgba(0,0,0,.14);
}

html[data-theme="light"] .preloader,
html[data-theme="light"] .preloader-portfolio {
  background: #fff;
}

html[data-theme="light"] .header-titles h2,
html[data-theme="light"] .header-titles h4,
html[data-theme="light"] .header .copyrights,
html[data-theme="light"] .social-links ul li a {
  color: #222;
}

html[data-theme="light"] .header {
  background-color: #f3f5f7;
  height: 100%;
}

@media only screen and (min-width: 1025px) {
  html[data-theme="light"] .header {
    min-height: 100vh;
    max-height: none;
    height: 100vh;
  }
}

html[data-theme="light"] .social-links ul li a:hover {
  background-color: rgba(0,0,0,.08);
}

html[data-theme="light"] ul.main-menu,
html[data-theme="light"] .lmpixels-arrows-nav {
  background-color: transparent;
  box-shadow: none;
}

html[data-theme="light"] ul.main-menu a {
  border-bottom-color: #e5e5e5;
}

html[data-theme="light"] ul.main-menu a,
html[data-theme="light"] .lmpixels-arrows-nav div {
  color: #8a8a8a;
}

html[data-theme="light"] ul.main-menu a.active,
html[data-theme="light"] ul.main-menu a:focus,
html[data-theme="light"] ul.main-menu a:hover,
html[data-theme="light"] .lmpixels-arrows-nav div:hover {
  color: #04b4e0;
}

html[data-theme="light"] ul.main-menu .link-text {
  color: #222 !important;
  background-color: transparent !important;
}

@media only screen and (max-width: 1024px) {
  html[data-theme="light"] ul.main-menu a {
    color: #222;
  }

  html[data-theme="light"] ul.main-menu a.active {
    color: #04b4e0;
    opacity: 1;
  }
}

html[data-theme="light"] ul.main-menu a:hover .link-text {
  color: #222;
  background-color: #eef3f6;
}

html[data-theme="light"] .header-buttons .btn-primary {
  border-color: #04b4e0;
  color: #04b4e0;
  background-color: transparent;
}

html[data-theme="light"] .header-buttons .btn-primary:hover {
  background-color: #04b4e0;
  color: #fff;
}

html[data-theme="light"] .header-photo:after {
  opacity: 0.55;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) 1px, transparent 0px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) 1px, transparent 0px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) 1px, transparent 0px, transparent 100%);
  background-size: 6px 6px;
}

html[data-theme="light"] #dxwand {
  content: url("../img/dxwand-light-theme.svg");
}

html[data-theme="light"] #vezeeta {
  content: url("../img/vezeeta-light-theme.png");
}

html[data-theme="light"] {
  --msger-bg: #ffffff;
  --border: 2px solid #e0e0e0;
  --left-msg-bg: #fff;
}

html[data-theme="light"] .msger {
  background: var(--msger-bg);
}

html[data-theme="light"] .msger-chat {
  background: #ffffff;
}

html[data-theme="light"] .msger-chat::-webkit-scrollbar-track {
  background: #e6e6e6;
}

html[data-theme="light"] .msger-chat::-webkit-scrollbar-thumb {
  background: #b5b5b5;
}

html[data-theme="light"] .msg-bubble {
  background: #fff;
  color: #222;
  border: none;
}

html[data-theme="light"] .msg-img {
  background-color: #eef2f6;
  border: 1px solid #d8e0e7;
}

html[data-theme="light"] .msg-typing {
  background: #ffffff;
  border: 1px solid #d8e0e7;
}

html[data-theme="light"] .msg-typing span {
  background: #8a9aa8;
}

html[data-theme="light"] .msger-inputarea,
html[data-theme="light"] .msger-inputarea-train {
  background: #ffffff;
}

html[data-theme="light"] .msger-inputarea-train {
  background: transparent;
  border-top: 0;
}

html[data-theme="light"] .msger-input {
  background: #fff;
  color: #333;
}

html[data-theme="light"] .form-control,
html[data-theme="light"] input[type="search"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="text"],
html[data-theme="light"] textarea.form-control,
html[data-theme="light"] .msger-input,
html[data-theme="light"] .question {
  box-shadow: none !important;
}

html[data-theme="light"] .question {
  border: 1px solid #d8e0e7;
  background: #ffffff;
  color: #1f2a33;
}

html[data-theme="light"] .question:focus {
  border-color: #04b4e0;
}

html[data-theme="light"] .questionbutton {
  background-color: transparent;
  border-color: transparent;
  color: #222;
  box-shadow: none !important;
}

html[data-theme="light"] .questionbutton:hover {
  background-color: #13b8f0;
  border-color: transparent;
  color: #fff;
}

html[data-theme="light"] .send-icon {
  stroke: currentColor;
}

html[data-theme="light"] .question-box {
  border: 1px solid #d8e0e7;
  background: #ffffff;
  color: #1f2a33;
  border-radius: 999px;
  font-weight: 500;
  letter-spacing: 0.1px;
  box-shadow: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

html[data-theme="light"] .question-box:hover {
  background-color: #f5f7fa;
  border-color: #c2cbd4;
}

html[data-theme="light"] .question-box:active {
  background-color: #eef2f6;
  border-color: #b5c1cb;
}