/*
* Theme Name: Wezen - Resume / CV / vCard WordPress Theme
* Author: lmpixels
* Author URL: http://themeforest.net/user/lmpixels
* Version: 1.7.0
*/

/* =============================================================================

1. Main
2. Tables

============================================================================= */


/* ============================================================================= 
1. Main
============================================================================= */
.btn-primary, .btn-secondary, button, input[type="button"], input[type="submit"], .wp-block-button .wp-block-button__link, .elementor .btn-primary, .elementor .btn-secondary {
  color: #f5f5f5;
}

.btn-secondary, .elementor .btn-secondary {
  background-color: rgba(255,255,255,0.1);
  box-shadow: 0 10px 10px -8px rgba(0,0,0,.3);
}

.btn-primary:hover, .btn-primary:focus, button:hover, button:focus, .elementor .btn-primary:hover, .elementor .btn-primary:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #444;
}

.btn-secondary:hover, .btn-secondary:focus, .elementor .btn-secondary:hover, .elementor .btn-secondary:focus {
  color: #fff;
  background-color: #444;
}

.r-sidebar {
  background-color: rgba(255,255,255,0.08);
}

.social-links ul li a {
  color: rgba(255,255,255,0.5);
}

@media only screen and (min-width: 1025px) {
  body::-webkit-scrollbar,
  .pt-page::-webkit-scrollbar,
  .content-area::-webkit-scrollbar,
  .header::-webkit-scrollbar,
  .portfolio-page-content::-webkit-scrollbar,
  .blog-sidebar .blog-sidebar-content::-webkit-scrollbar,
  .site-menu::-webkit-scrollbar {
    position: absolute;
    width: 5px;
    margin-left: -5px;
  }
   
  body::-webkit-scrollbar-track,
  .pt-page::-webkit-scrollbar-track,
  .content-area::-webkit-scrollbar-track,
  .header::-webkit-scrollbar-track,
  .portfolio-page-content::-webkit-scrollbar-track,
  .blog-sidebar .blog-sidebar-content::-webkit-scrollbar-track,
  .site-menu::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.06);
  }
   
  body::-webkit-scrollbar-thumb,
  .pt-page::-webkit-scrollbar-thumb,
  .content-area::-webkit-scrollbar-thumb,
  .header::-webkit-scrollbar-thumb,
  .portfolio-page-content::-webkit-scrollbar-thumb,
  .blog-sidebar .blog-sidebar-content::-webkit-scrollbar-thumb,
  .site-menu::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.1);
  }
}

.block-title h2:before, .block-title h3:before, h3.comment-reply-title:before, .blog-sidebar .sidebar-title h4:before {
  background-color: rgba(255,255,255,0.09);
}

.site-footer {
  background-color: rgba(255,255,255,0.08);
}

.footer-copyrights p,
.site-footer .footer-social-links li a {
  color: #aaa;
}

.page-title h1:after {
  background-color: rgba(255,255,255,0.3);
}

.logo-text {
  color: #fff;
}

.section-title-block.second-style .section-description {
  color: #bbb;
}

.section-inner.start-page-full-width .hp-text-block .sp-subtitle {
  color: #a5a5a5;
}

.section-title-block.first-style .section-description {
  color: #b5b5b5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
}

p {
  color: #e5e5e5;
}

.section-title {
  color: #555;
}

input[type=submit],
input[type=button],
button,
a.button {
  color: #fff;
}

.btn-primary, .btn-secondary, button, input[type="button"], input[type="submit"], .wp-block-button .wp-block-button__link {
  color: #fff;
  background-color: #333;
}

.form-control, .form-control:focus, .has-error .form-control, .has-error .form-control:focus, input[type="search"], input[type="password"], input[type="text"] {
  color: #eee;
  background-color: transparent;
  border-color: rgba(255,255,255,0.15);
}

.info-block-w-icon .pe-7s-icon {
  color: #aaa;
}

.home-page-block h2 {
  color: #ff724c;
}

.home-page-description {
  color: #888;
}

.site-content footer.entry-meta,
.post-navigation a,
.entry-meta .divider {
  color: #555;
}

.post-navigation a {
  color: #444;
}

.tags a {
  background-color: transparent;
  color: #ccc;
  border-color: rgba(255,255,255,0.3);
}

.tags a:hover {
  color: #eee;
  border-color: rgba(255,255,255,0.3);
}

.blog-sidebar a {
    color: #bbb;
}

.sidebar-toggle {
  background-color: #222;
  border-color: #444;
}

.calendar_wrap th {
  color: #888;
  background: #353535;
}

.calendar_wrap td {
  background: #555;
  color: #b3b3b3;
}

.calendar_wrap td a {
  color: #fff;
}

.list-view .site-content article {
  border-color: rgba(255,255,255,0.07);
}

.archive-title,
.page-title {
  color: #777;
}

.paging-navigation a {
  color: #555;
}

.entry-meta.entry-tags-share {
  background-color: #333;
}

.comment-metadata {
  border-color: #777;
  color: #777;
}

.comment-list .trackback a, .comment-list .pingback a, .comment-metadata a {
  color: #777;
}

.wp-block-separator {
  border-color: #555;
}

.wp-block-button .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):active,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover {
  color: #fff;
}

.sidebar-toggle span,
.sidebar-toggle span:before {
  background: #aaa;
}

.paging-navigation .page-numbers {
  background-color: transparent;
  color: #ccc;
  border: 2px solid #666;
}

.paging-navigation .page-numbers.current, .paging-navigation .page-numbers.current:hover, .paging-navigation .page-numbers.current:focus {
  color: #eee;
}

.post-navigation .nav-link-prev a,
.post-navigation .nav-link-next a {
  border-color: rgba(255,255,255,0.08);
}

.nothing-found h1 {
  color: rgba(255,255,255,0.15);
}

@media only screen and (max-width: 1170px) {
  .content-page-with-sidebar .blog-sidebar {
    background-color: #222;
  }
}

@media only screen and (max-width: 1024px) {
  .menu-toggle i,
  .mobile-site-title a,
  .mobile-site-title a:hover,
  .mobile-site-title a:focus {
    color: #f5f5f5;
  }

  .mobile-site-title a, .mobile-site-title a:hover, .mobile-site-title a:focus {
    background-color: rgba(34,34,34,.8);
  }
}

@media only screen and (min-width: 1024px) {
  .list-view .site-content article:after {
    background-color: rgba(255,255,255,0.07);
  }
}

.lm-info-block {
  background-color: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.1);
}


.portfolio-filters li.active a, .portfolio-filters li.active a:hover,
.portfolio-filters li a, .portfolio-filters li a:hover, .portfolio-filters li a:not([href]) {
  color: #eee;
}

.portfolio-grid figure .name,
.portfolio-grid figure .category {
  color: #f5f5f5;
}

.portfolio-grid figure i {
  background-color: #222;
}

blockquote {
  border-color: #666;
}

.blog-card .category a {
  background-color: #222;
  color: #f5f5f5;
}

.section-title-block.second-style .section-description {
  color: #bbb;
}

.project-description {
  background-color: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.09);
}

.section-inner.start-page-full-width .hp-text-block .sp-subtitle {
  color: #a5a5a5;
}

.info-block-w-icon i,
.info-block-w-icon svg {
  background-color: rgba(255,255,255,0.07)
}

.lm-info-block.gray-bg {
  background-color: #353535;
}

.home-page-block h2 {
  color: #ff724c;
}

.home-page-description {
  color: #888;
}

.info-list li .title {
  color: #fff;
}

.info-list li .value {
  color: #eee;
}

ul.social-links li a {
    display: inline-block;
    width: 34px;
    height: 34px;
    color: #e5e5e5;
    background-color: transparent;
    border: 1px solid #555;
    text-align: center;
}

ul.social-links li a:hover {
    color: #fff;
    background-color: #ff724c;
    border-color: transparent;
}

.clients.owl-carousel .owl-dot span,
.testimonials.owl-carousel .owl-dot span {
  background-color: #454545;
}

.fun-fact-block {
  background-color: transparent;
}

.fun-fact-block.gray-bg {
  background-color: #282828;
}

.skills-first-style .skill-container {
  background-color: rgba(255,255,255,0.09);
}

.timeline-item:before,
.timeline-item:after {
  background-color: rgba(255,255,255,0.08);
}

.timeline-item:after {
  left: 16px;
}

.timeline-item h5.item-period {
  color: #d5d5d5;
  border-color: rgba(255,255,255,0.3);
}

.timeline-item .item-company {
  color: #aaa;
}

.portfolio-page-nav > div.nav-item a {
  color: #aaa;
  background-color: rgba(255,255,255,0.12);
}

.mobile-header {
  background-color: #222;
  border-color: #444;
}

.mobile-header .mobile-site-title {
  color: #fff;
}

.header-search input.form-control {
  border-color: #555;
  background-color: transparent;
}

.blog-card .post-without-f-image {
  background-color: #444;
}

.blog-card .post-date {
  color: #aaa;
}

.fun-fact {
  border-color: rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.05);
}

.fun-fact .fun-fact-icon {
  background: rgba(255,255,255,0.1);
}

.fun-fact i {
  color: #999;
}

.testimonials.owl-carousel .owl-nav .owl-prev, .testimonials.owl-carousel .owl-nav .owl-next, .clients.owl-carousel .owl-nav .owl-prev, .clients.owl-carousel .owl-nav .owl-next {
  background-color: rgba(255,255,255,0.09);
  border: 0;
  color: #d5d5d5;
}

.testimonial-content {
  background-color: rgba(255,255,255,0.05);
}

.testimonial-icon,
.testimonial-icon-big {
  opacity: 0.05;
}

.skills-first-style .skill-value {
  color: #aaa;
}

.elementor .portfolio-grid figure .category,
.portfolio-grid figure .category {
  color: #f5f5f5;
}

.elementor .portfolio-grid figure i,
.portfolio-grid figure i {
  background-color: #222;
}

.certificate-item {
  border-color: rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.05);
}

.certi-logo {
  background: rgba(255,255,255,0.1);
}

.certi-id,
.certi-date {
  color: #aaa;
}


/* ============================================================================= 
2. Tables
============================================================================= */
.fw-pricing .fw-package {
  border-color: rgba(255,255,255,0.07);
  background-color: rgba(255,255,255,0.05);
}

.fw-pricing .fw-pricing-row span {
  color: #f5f5f5;
}

.fw-pricing .fw-package-wrap.highlight-col .fw-package {
  border-color: #666;
  -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);
  -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);
  -o-box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.12);
}

.fw-pricing .fw-package:hover,
.fw-pricing .fw-package-wrap.highlight-col .fw-package:hover {
  -webkit-box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);
  -moz-box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);
  -o-box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.14);
}

.wp-block-table.is-style-stripes tr:nth-child(odd) {
  background-color: #444;
}

.wp-block-table.is-style-stripes {
  border-color: #444;
}

/* ============================================================================= 
3. Elementor General
============================================================================= */
.elementor-accordion .elementor-accordion-item,
.elementor-accordion .elementor-tab-content,
.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-tab-content,
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active,
.elementor-widget-tabs .elementor-tab-content, .elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title:after, .elementor-widget-tabs .elementor-tab-title:before, .elementor-widget-tabs .elementor-tabs-content-wrapper {
  border-color: rgba(255,255,255,0.15);
}

.elementor-widget-tabs .elementor-tab-desktop-title {
  border: solid transparent;
}


/* ============================================================================= 
4. Portfolio
============================================================================= */
.portfolio-grid .item .category {
    color: #f5f5f5;
}

.portfolio-filters li.active a, .portfolio-filters li.active a:hover, .portfolio-filters li a, .portfolio-filters li a:hover, .portfolio-filters li a:not([href]) {
    color: #eee;
}