/* My Fonts */
@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('/static/fonts/Inter-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'InknutAntiqua-ExtraBold';
    src: url('/static/fonts/InknutAntiqua-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/static/fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('/static/fonts/Roboto-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('/static/fonts/Roboto-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Sansation-Italic';
    src: url('/static/fonts/Sansation-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto-SemiBold';
    src: url('/static/fonts/Roboto-SemiBold.woff2') format('woff2');
}


/* Navigation Bar Styling */
* {
    margin: 0;
    padding: 0;
}

.cinesense-navbar {
    background-color: black;
    height: 60px;
    user-select: none;
}

.navbar .container-fluid .navbar-brand, .navbar .container-fluid .navbar-nav .nav-item a {
    color: white;
}

.navbar .container-fluid .btn-cinesense {
    color: white;
    border-color: white;
}

.navbar .container-fluid .btn-cinesense:hover {
  background-color: white; /* change to your desired color */
  border-color: white;
  color: black; /* change to your desired color */
}


/* Navigation Bar Fonts Styling */
#logo-navbar {
    font-family: 'Inter-ExtraBold';
    font-size: 20px;
    line-height: 27px;
}

#company-navbar {
    font-family: 'InknutAntiqua-ExtraBold';
    font-size: 24px;
    line-height: 32.5px;
}

.fonts-navbar {
    font-family: 'Inter-ExtraBold';
    font-size: 20px;
    line-height: 27px;
}
/* END Navigation Bar Fonts Styling */

.navbar-padding {
    padding-left: 126px;
    padding-right: 109px;
}

.btn-cinesense {
    padding-left: 17px;
    padding-right: 17px;
}

.navbar .container-fluid .navbar-nav .nav-item a {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-left-margin {
    margin-left: 35px;
}

/* Footer */
footer {
    width: 100%;
    height: 75px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer-left {
    display: flex;
    align-items: center;
    gap: 22.12px;
    margin-left: 137.13px;
}
footer .footer-right {
    display: flex;
    margin-right: 70px;
}

footer .footer-left .copyright-icon {
    width: 33.75px;
    height: 33.75px;
    background-color: white;
    -webkit-mask: url('/static/icons/copyright.svg') no-repeat;
    mask: url('/static/icons/copyright.svg') no-repeat;
    mask-position: 50% 50%;
}

footer .footer-right .linkedin-icon {
    width: 38px;
    height: 38px;
    background-color: white;
    -webkit-mask-image: url('/static/icons/linkedin-svgrepo-com.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('/static/icons/linkedin-svgrepo-com.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

footer .footer-left .footer-text {
    font-family: 'Inter-ExtraBold';
    font-size: 20px;
    line-height: 27px;
    color: white;
    margin-bottom: 0px;
}