/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.badge-project-category {
    background-color: white !important;
    color: black !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
}

.bg-color-light {
    background-color: rgba(var(--cnvs-themecolor-rgb, 32,158,187),0.07);
}

/* CUSTOMERS LOGO */
.customer-logo {
    display: inline-block;
    max-width: 130px;
    margin-right: 30px;
}
.press-logo {
    display: inline-block;
    max-width: 130px;
    margin-right: 30px;
}
/* MOCKUPS*/
.mockup-phone {
    max-height: 600px !important;
    width: auto !important;
}
.mockup-laptop {
    max-height: 750px !important;
    width: auto !important;
}
.picture-project {
    max-height: 800px !important;
    width: auto !important;
}
/* ICONS */
.tech-icons {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding:0 64px 0 0;
    white-space:nowrap;
    margin-right: 50px;
}
.java {
    background:url('../images/icons/java.svg') center right no-repeat;
}

.aws {
    background:url('../images/icons/aws.svg') center right no-repeat;
}

@media (max-width: 768px) {
    #header-project.rounded-6 {
        border-radius: 0 !important;
    }

    .header-break {
        word-wrap: break-word !important;
        white-space: normal !important;
        margin-right: 20px !important;
    }

    .mobile-back {
        display: block;
    }
    .back {
        display: none;
    }
}