/* ============================================================================= 
General
============================================================================= */

:root {
  --primary-color: #007CED;
}

#particles-background {
  background: #2c2d44;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(6, 52, 94, 1) 25%, #007CED 50%, rgba(6, 50, 91, 1) 75%, rgba(0, 0, 0, 1) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(6, 52, 94, 1) 25%, #007CED 50%, rgba(6, 50, 91, 1) 75%, rgba(0, 0, 0, 1) 100%);
  background-image:linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(6, 52, 94, 1) 25%, #007CED 50%, rgba(6, 50, 91, 1) 75%, rgba(0, 0, 0, 1) 100%);
}

body::-webkit-scrollbar-thumb,
.single-page-content::-webkit-scrollbar-thumb,
.header::-webkit-scrollbar-thumb,
.ajax-page-content::-webkit-scrollbar-thumb,
.blog-sidebar .blog-sidebar-content::-webkit-scrollbar-thumb {
  /*background-color: #d5d5d5;*/
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(6, 52, 94, 1) 25%, #007CED 50%, rgba(6, 50, 91, 1) 75%, rgba(0, 0, 0, 1) 100%) !important;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(6, 52, 94, 1) 25%, #007CED 50%, rgba(6, 50, 91, 1) 75%, rgba(0, 0, 0, 1) 100%) !important; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: -webkit-linear-gradient(90deg, #d5d5d5 0%, rgba(0, 156, 255, 0.01) 100%) !important;
  background: linear-gradient(90deg, #d5d5d5 0%, rgba(0, 156, 255, 0.01) 100%) !important; 
}

.lmpixels-scroll-to-top:hover {
    color: rgba(0, 132, 255, 1);
}

.site-main-menu a.active {
  border-bottom: 2px solid #007CED;
}

a {
  color: #007CED;
}

.form-control + .form-control-border {
  border: 2px solid #007CED;
}

.form-group-with-icon.form-group-focus i {
  color: #007CED;
}

.btn-primary,
/* .btn-secondary,  */
button,
input[type="button"],
input[type="submit"],
.wp-block-button .wp-block-button__link {
  border: 2px solid #007CED;
}

.btn-primary:hover,
.btn-primary:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #007CED;
  border: 2px solid #007CED;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background-color: #007CED;
    border-color: #0084ff;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 0.2rem;
}

.red:not(:disabled):not(.disabled).active:focus, .red:not(:disabled):not(.disabled):active:focus, .show > .red.dropdown-toggle:focus {
    box-shadow: #d11125 0px 0px 0px 0.2rem; 
}

.btn-primary.focus, .btn-primary:focus {
     box-shadow: 0 0 0 .2rem rgba(0, 132, 255, 0.5)
}


.border-top {
  border-top: 2px solid #007CED;
}

.border-bottom {
  border-bottom: 2px solid #007CED;
}

.block-title h2:after,
h3.comment-reply-title:after {
  background-color: #007CED;
}

.block-title h3 span {
  color: #007CED;
}

.info-list li .title:after {
  background-color: #007CED;
}

.info-block-w-icon i {
  color: #007CED;
}

/* ============================================================================= 
Home
============================================================================= */

.home-photo{
    -webkit-box-shadow: 0px 0px 1000px #0085ff, 0px 0px 5px rgb(213, 213, 213);
    -moz-box-shadow: 0px 0px 1000px #0085ff, 0px 0px 5px rgb(213, 213, 213);
    box-shadow: 0px 0px 1000px #0085ff, 0px 0px 5px rgb(213, 213, 213);
}

.preloader-spinner {
  background-color: #007CED;
}

.logo-symbol {
  background-color: #007CED;
}


/* ============================================================================= 
Resume (Experience & Education)
============================================================================= */

.timeline-item h5.item-period.current{
  background-color : #007CED;
}

.timeline-dot {
  background-color: #007CED;
  box-shadow: 0 0 0 2px #007CED;
}
.timeline-dot.current {
  top: 10px;
  -webkit-box-shadow: 0px 0px 15px rgb(213, 213, 213), 0px 0px 15px #007CED;;
  -moz-box-shadow: 0px 0px 15px rgb(213, 213, 213), 0px 0px 15px #007CED;;
  box-shadow: 0px 0px 15px rgb(213, 213, 213), 0px 0px 15px #007CED;
}

/* ============================================================================= 
Contact
============================================================================= */

.ftr_link:hover {
  color: #007CED;
}

.timeline-item h5.item-period {
  border: 2px solid #007CED;
}

.skills-first-style .skill-percentage {
  background-color: #007CED;
}

.service-icon {
  background-color: #007CED;
}

.clients.owl-carousel .owl-dot.active span,
.clients.owl-carousel .owl-dot:hover span,
.testimonials.owl-carousel .owl-dot.active span,
.testimonials.owl-carousel .owl-dot:hover span {
  background-color: #007CED;
}

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

.lm-info-block i {
  color: #007CED;
}

.lm-info-block .lm-info-block {
  color: #007CED;
}

.portfolio-grid figure i {
  color: #007CED;
}

.entry-title a:hover {
  color: #007CED;
}

.entry-meta a:hover {
  color: #007CED;
}

.cat-links li a {
  background-color: #007CED;
}

.cat-links li a:hover {
  background-color: #007CED;
}

.entry-content .edit-link a:hover {
  color: #007CED;
}

.page-links a:hover {
  background: #007CED;
  border: 1px solid #007CED;
}

.comment-reply-title small a:hover {
  color: #007CED;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
  color: #007CED;
}

.project-general-info .fa {
  color: #007CED;
}

.share-buttons a:hover {
  color: #007CED;
}

.fw-pricing .fw-package-wrap.highlight-col .fw-heading-row span:after {
  background-color: #007CED;
}