/*
Theme Name: Velo Portfolio
Text Domain: Velo
Version: 3.0
Description: Velo is a premium portfolio  WordPress theme that offers a wealth of features and benefits for freelancers and developers looking to showcase their work. With its responsive, mobile-friendly design, drag-and-drop page builder, and pre-built widgets and sections, Velo makes it easy to create a website that is both visually striking and highly functional. Whether you're just starting out as a freelancer or you're an established developer looking to take your online presence to the next level, Velo is the perfect choice for your WordPress theme portfolio.
Tags: elementor, page-builder, wordpress, portfolio, freelancer, developer, showcase, projects, responsive, products, contact, bootstrap, seo, gallery, html, template, mobile
Author: Criatix
Author URI: https://www.templatemonster.com/store/criatix/
*/

body,
html {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  color: #fff;
  /* background-color: #0E0E0E; */
  font-family: 'Syne', sans-serif;
}

/* Navbar */
.navbar {
    font-family: 'Syne', sans-serif;
    transition: 0.3s;
}

/* Navbar logo */
.navbar-brand {
    font-size: 3rem;
    font-family: 'Highbary Sunfest', sans-serif;
}

/* Navbar logo */
.navbar-logo {
    width: 12rem;
}

/* Navbar logo */
.navbar-logo img {
    width: 100%;
}

/* Navbar Links */
.navbar-nav a {
    position: relative;
    text-decoration: none;
    color: #d6d6d6;
    font-size: 1.1rem;
}

/* Navbar List Items */
.navbar-nav li {
    margin-right: 2rem;
}

/* Navbar Border Line Hover Effect */
.navbar-nav a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    transition: width 0.2s ease-in-out;
}

/* Navbar Border Line Hover Effect */
.navbar-nav a:hover::before {
    visibility: visible;
    width: 100%;
}

/* Responsive */
@media screen and (max-width: 991px) {
    .navbar-nav li:not(:first-of-type) {
        margin-top: 1em;
    }

    /* Home Main Container */
    .home-container {
        height: auto !important;
    }
}

/* Home Main Container */
.home-container {
    height: 90vh;
}

/* Home Background Color */
.dark-bg {
    background: radial-gradient(300% 700% at 0% 30%, rgb(45, 45, 45) 0%, rgba(1, 1, 1, 1) 10%, rgba(113, 113, 113, 1) 100%);
}

/* Home Background Color */
.light-bg {
    background: radial-gradient(200% 700% at 0% 30%, rgb(211, 211, 211) 0%, rgb(255, 255, 255) 10%, rgb(211, 211, 211) 60%);
}

/* Main Home Title */
.main-title, .section-title {
    font-family: 'Highbary Sunfest', sans-serif !important;
}

/* Button Link Style */
.btn-link {
    text-decoration: none;
    font-weight: 700;
    padding: 0;
}

/* Button Link Style */
.btn-link:hover {
    color: #9e9e9e !important;
}

/* Description Style */
.description {
    color: #808080;
}

/* Counter number */
.counter-number {
    font-size: 4rem;
    margin: 0;
    padding: 0;
}

/* Counter text */
.counter-text {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
}

#servicesAccordion .accordion-item, .accordion-header, .accordion-button {
    background: none !important;
    border: none;
    outline: none !important;
    color: #fff;
    box-shadow: none !important;
}

/* Customize the accordion arrow color */
.accordion-button::after {
  /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.354 5.646a.5.5 0 0 0-.708 0L8 10.293 2.354 5.646a.5.5 0 0 0-.708.708L8 11.707l6.354-6.353a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E"); */
    filter: brightness(0) invert(1);
    content: "+";
    background: none !important;
    display: flex;
    align-items: center;
    transform: rotate(0deg) !important;
    font-size: 2rem !important;
    justify-content: center !important;
}

.accordion-button-light::after {
    filter: brightness(0) invert(0) !important;
}

/* Change the arrow to a "-" sign when the accordion is open */
.accordion-button:not(.collapsed)::after {
    content: "-"; /* Minus sign */
}

#servicesAccordion .accordion-button {
    font-size: 1.7rem;
    font-weight: 700;
}

#servicesAccordion .accordion-item {
    border-bottom: 1px solid #4c4c4c !important;
}
  
.accordion-item:last-child {
    border-bottom: none !important;
}

.list-group {
    background: none !important;
}

.list-group-item {
    background: none !important;
    border-bottom: 1px solid #4c4c4c !important;
}

.list-group-item:last-child {
    border-bottom: none !important;
}

.list-title {
    font-size: 1.5rem;
    font-weight: 600;
}

.product-card-container {
    -webkit-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.2); 
    box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.2);
}

.product-image-container {
    height: 13rem;
}

.project-title {
    font-family: 'Highbary Sunfest', sans-serif;
    font-size: 3rem;
}

.content-wrap {
    background-color: #141414;
    padding: 4rem;
}

.portfolio-thumbnail {
    height: 38rem;
    -webkit-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.1);
}

.item:hover .portfolio-thumbnail {
    transform: scale(0.94);
    transition: transform 0.3s;
}

.portfolio-thumbnail:not(:hover) {
    transform: scale(1);
    transition: transform 0.3s;
}

.item .portfolio-card-title {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s !important;
}

.item:hover .portfolio-card-title {
    visibility: visible;
    opacity: 1;
}

.blog-img-container {
    height: 20rem;
    -webkit-box-shadow: 0px 5px 20px -4px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.1);
}

/* Inputs */
input,
textarea {
    width: 100%;
    background: none;
    outline: none !important;
    padding: 1rem 0rem 1rem 0rem !important;
    border: none;
    border-bottom: 1px solid #383838 !important;
    color: #fff;
}

/* Contact Form 7 Button */
.wpcf7 input[type="submit"] {
    border: none !important;
}