/*
    style.css | the stylesheet for everything in the site
    Copyright (c) Entertainmasters & Copy05 2017 - 2024
*/

@font-face {
    font-family: "Entertainmasters-Sans";
    src: url('./fonts/EM-SANS.ttf');
    font-display: swap;
}

@font-face {
    font-family: "Oswalt";
    src: url('./fonts/Oswald-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: "Product-Sans";
    src: url('./fonts/Product\ Sans\ Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url('./fonts/Inter-Regular.ttf');
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: "Inter";
    src: url('./fonts/Inter-Bold.ttf');
    font-display: swap;
    font-weight: bold;
}

@font-face {
    font-family: "Roboto-Thin";
    src: url('./fonts/Roboto-Thin.ttf');
    font-display: swap;
}

@font-face {
    font-family: "EGM-WhiteNT";
    src: url('./fonts/White_NT.otf');
    font-display: swap;
}

@font-face {
    font-family: "EGM-Akira";
    src: url('./fonts/Akira\ Expanded\ Demo.otf');
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url('./fonts/Montserrat-Bold.ttf');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "DancingScript";
    src: url('./fonts/DancingScript-Regular.ttf');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Host Grotesk";
    src: url('./fonts/HostGrotesk-Regular.ttf');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Host Grotesk";
    src: url('./fonts/HostGrotesk-Bold.ttf');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: "Host Grotesk";
    src: url('./fonts/HostGrotesk-Light.ttf');
    font-weight: lighter;
    font-display: swap;
}

/*@font-face {
    font-family: "Avenir Next";
    src: url('https://assets.bwbx.io/s3/fontservice/fonts/AvenirNextPForBBG-Demi-b9b4abf0ea.woff2');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: "Avenir Next";
    src: url('https://assets.bwbx.io/s3/fontservice/fonts/AvenirNextPForBBG-Regular-eb3bb1b816.woff2');
    font-weight: normal;
    font-display: swap;
}*/

:root {
    --Corperate-Font: "Host Grotesk";
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    min-height: 100%; 
}

body {
    background: rgb(30, 30, 30);
}

html, body, * {
    scroll-behavior: smooth;
}

li > a {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Montserrat";
}

header > li, a {
    list-style: none;
    text-decoration: none;
    transition: 0.1s;
}

header {
    z-index: 100;
    top: 0;
    backdrop-filter: blur(7px);
    width: 100%;
    position: fixed;
    justify-content: space-between;
    background-color: rgba(45,45,45, 0.6);
    padding: 15px 10%;
}

.logo, .logo:visited {
    cursor: pointer;
    font-size: 25px;
    transition: 0.2s;
}

.logo:hover {
    opacity: 50%;
}

a:hover {
    opacity: 70%;
}

.nav_links {
    display: flex;
    justify-content: center;
    align-items: center;
}
  
.nav_links li {
    display: inline-block;
    padding: 0px 20px;
}
  
footer {
    background-color: rgb(45,45,45);
}

em-fixedheader-fix {
    margin: 60px 0px;
}

/* -------------------- [ ScrollBars ] -------------------- */

::-webkit-scrollbar {
    background: #00060f;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgb(60, 60, 60);
}

/*
GLOBAL CSS - KEK
*/

.pad-y-4 {
    padding-bottom: 1.875rem !important;
    padding-top: 1.875rem !important;
}

.text_white {
    color: white !important;
}

.font_emsans {
    font-family: "Entertainmasters-Sans" !important;
}

.font_center {
    text-align: center !important;
}

.flex {
    display: flex !important;
}

.desktop_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.align-left, .left-align {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.display-block {
    display: block !important;
}

.line-para, .carrierlist {
    line-height: 1.6 !important;
}

.vert-centre {
    display: flex;
    align-items: center;
}

.print_only {
    display: none;
}

.undo-text-transform {
    text-transform: unset;
}

.no-right-padding {
    padding-right: 0 !important;
}

/*
GLOBAL CSS
*/

.mpahead, a, a:visited, header, .logo, .logo:visited, .readarticle, .centerhead, .copyright, .graph, .client1, .client2, .client3, .graphs, 
.clients, footer, .itxt, .ihead, .nptxt, .brand1, .brand2, .brand3, .brand4, .brand5, .aboutsec, .abtxt, .ntxt {
    color: white;
}

.itxt, .centerhead, .ihead, .nptxt, .abtxt, .ntxt {
    font-family: "Inter";
}

header, .mainpagearticle, .graphs, .socials, .clients, .footsections, .brands, .articles {
    display: flex;
}

.logo, .mpahead, .logo, .copyright, .centerhead-nr, .aboutsec, .centerhead {
    font-family: "Entertainmasters-Sans";
}

.copyright, .socials, .footsections, .centerhead, .graphs, .clients, .ihead, .itxt, .brands {
    text-align: center;
}

.centre {
    text-align: center;
}

.mont-font {
    font-family: "Montserrat";
}

/*
START OF THE CONTAINER OF INDEX.HTML
*/

.abtxt {
    font-size: 18px;
    font-family: "Inter";
    text-align: left;
    padding: 20px 50px;
}

.aboutsec {
    font-size: 40px;
}

.ccontainer, .career-container {
    margin: 100px;
}

.abouthead, .abouttext {
    text-align: left;
    padding: 30px 0px !important;
}

/* --------------- [ About Profiles ] --------------- */

.about-peoples {
    margin-top: 50px;
    justify-content: space-around !important;
}

.apc-img {
    height: 100px;
    width: 100px;
    border-radius: 69420px;
}

.apc-names {
    margin-left: 20px;
}

.apc-name, .apc-position {
    font-family: "Inter";
    color: white;
    line-height: 1.6 !important;
    font-size: 18px;
    text-align: left !important;
}

.apc-name {
    font-size: 20px;
    font-family: "Entertainmasters-Sans";
}

.apc-position {
    font-size: 14px;
    color: rgb(220, 220, 220);
}

.vert-centre > a > .apc-tweet {
    margin: 0;
    margin-left: 15px;
}

.about-people-card-contact-list {
    margin-top: 20px;
    margin-left: 20px;
}

.apc-tweet {
    margin-top: 20px;
    margin-left: 20px;
    height: 15px;
    text-align: left !important;
}

/* --------------------------------------------- */

.copyrc {
    font-family: "Inter";
    color: white;
}

.crlastupdated {
    margin-bottom: 50px;
    color: rgb(220, 220, 220);
}

.crtext {
    font-size: 14px;
}

.crhead2 {
    margin-top: 45px;
    margin-bottom: 20px;
}

.newestprojects {
    padding: 10px 20px;
    margin: 10px 50px;
    margin-bottom: 70px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.nptxt {
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: bold;
}

.projhed {
    font-family: "Entertainmasters-Sans";
    font-weight: normal;
}

.project-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.project-card {
    margin-right: 20px;
}

.project-card-title {
    font-family: "Inter";
    font-size: 14px;
    color: rgb(200, 200, 200);
    margin-left: 10px;
}

.project-card-details {
    margin-top: 2px;
    font-family: "Inter";
    font-size: 12px;
    color: rgb(180, 180, 180);
    margin-left: 10px;
}

.projectsitehead {
    font-family: "Entertainmasters-Sans";
    color: white;
    text-align: center;
    margin: 0px 50px;
    font-size: 45px;
}

.showicon {
    height: 150px !important;
}

.projhref {
    transition: 0.2s;
    height: 200px;
    border-radius: 10px;
    margin: 5px 10px;
}

.projhref:hover {
    border-radius: 15px;
    opacity: 80%;
    transform: scale(1.05);
}

.newestprojects > a:hover {
    opacity: 50%;
}

.newestprojects > a {
    transition: 0.3s;
}

.posterhref, .moreposter {
    height: 300px;
}

.napic {
    height: 150px;
}

.moreposter {
    margin-left: 30px;
    transition: 0.1s;
}

.moreposter:hover {
    opacity: 70%;
    transform: scale(1.05);
}

.iconhref {
    transition: 0.1s;
    margin: 5px 5px;
}

.iconhref:hover {
    opacity: 50%;
    transform: scale(1.05);
}

.ihead {
    font-size: 40px;
}

.mainpagearticle {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('./src/based-in-munich.png');
    padding: 400px 0px 0px 0px;
    margin-bottom: 50px;
}

.mainpagearticle > .efv-label-n {
    margin-bottom: 30px;
}

.abhead {
    background-image: url('./src/filmproduction-eeeaad.jpg');
}

.projectpagearticle {
    background-image: url('./src/thumbs/CTB0.png');
}

.shroomrelease-projectpagearticle {
    background-image: url("./src/thumbs/11.png");
    padding: 200px 0px 0px 0px;
}

.efv-label {
    margin-left: 20px;
    font-family: "EGM-WhiteNT";
}

.yticonart {
    height: 70px;
    margin-bottom: 5px;
    border-radius: 69px;
}

.blurart {
    align-self: flex-end;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    backdrop-filter: blur(6px);
}

.mpahead {
    padding: 20px 45px;
    font-size: 35px;
}

.readarticle {
    display: inline-block;
    transition: 0.3s;
    font-family: "Inter";
    font-weight: bold;
    font-size: 14px;
    margin-top: 12px;
    border: none;
    border-radius: 69px;
    padding: 10px 40px;
    background: rgb(77 107 254);
    /*background: #06f;*/
    transition: 0.18s;
    letter-spacing: 1.1px;
}

.readarticle:hover {
    background: #3D4FA9;
}

.watchvideo:hover {
    background: rgb(15,15,15);
    border-color: rgb(100,100,100);
}

.watchvideo {
    background: rgb(35,35,55) !important;
    transition: 0.1s;
    background: transparent;
    color: white !important;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat";
    border-radius: 69px;
    padding: 10px 20px;
    border: 2.7px solid rgb(70,70,70);
}

.centerhead {
    font-size: 35px;
    margin: 30px 0px;
}

.itxt {
    padding: 30px 80px;
    margin-bottom: 30px;
}

.copyright {
    margin: 20px 0px;
    font-size: 18px;
}

.graphs {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 50px;
}

.clients, .brands {
    padding: 20px 0px;
}

.numbergraph {
    font-family: "Montserrat";
    font-size: 80px;
}

.number-graph-title {
    text-align: center;
    font-family: var(--Corperate-Font);
    color: white;
    font-weight: bold;
    font-size: 42px;
}

.numgraph {
    padding: 20px 80px;
    background: #101a61;
}

.graphtitle {
    font-size: 18px;
    font-family: "Montserrat";
}
  
.client1, .client2, .client3, .brand1, .brand2, .brand3, .brand4, .brand5 {
    flex: 1;
    font-family: "Product-Sans";
}

.brands {
    font-size: 30px;
}

.brand1, .brand2, .brand5 {
    font-family: "EGM-Akira";
}

.brand2 {
    font-size: 25px;
}

.clients {
    font-size: 30px;
}

.client1 {
    font-size: 35px;
    font-family: "EGM-WhiteNT";
    transition: 1s;
}

.client1:hover {
    content: "P.X";
    color: black;
    font-size: 45px;
}

.client2 {
    transition: 1s;
    font-family: "Inter";
}

.smollc2 {
    font-size: 12px;
}

.client2:hover {
    color: steelblue;
}

/*
END OF THE CONTAINER OF INDEX.HTML
*/

.footsections {
    margin: 0px 100px;
}

.footsec, .sociallink {
    flex: 1;
}

.feetsec {
    color: rgb(210,210,210);
    margin-top: 20px;
    font-family: "Inter";
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
}

.footlink, .sociallink {
    font-family: "Inter";
    font-size: 14px;
    text-decoration: none;
}

.sociallink {
    font-size: 16px;
    margin-bottom: 15px;
}

.article {
    margin: 0px 10px;
    border: rgb(80, 80, 80) 1px solid;
    border-radius: 7px;
}

.articlehead {
    font-size: 25px;
    color: white;
    font-family: "Entertainmasters-Sans";
}

.article_head_information {
    font-family: var(--Corperate-Font);
    font-size: 14px;
}

.article_texts {
    padding: 5px 10px 10px 20px;
}

.articleimg {
    margin-bottom: 10px;
    width: 350px;
    border-radius: 6px;
}

.efv-label-n {
    font-family: "EGM-Akira";
}

/* ----------------- [ Newsroom Site STYLE ] ----------------- */

.newsroom-header {
    background-image: url("https://images.unsplash.com/photo-1611416370495-50fac9e1b382?q=80&w=2018&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin-bottom: 50px;
}

.nrh-card {
    padding: 130px 150px 100px 100px;
    display: inline-block;
    background: rgba(50, 50, 50, 0.9);
    color: white;
}

.nrh-card-title {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    font-size: 42px;
}

.nrh-card-text {
    margin-top: 30px;
    font-family: var(--Corperate-Font);
    line-height: 1.6;
    width: 500px;
}

.articleyear {
    font-family: var(--Corperate-Font);
    font-size: 36px;
    color: white;
    margin: 50px 0 20px 0;
}

.news-header {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    color: white;
    font-size: 35px;
    margin: 30px 0px;
}

/* ----------------- [ Career Site STYLE ] ----------------- */

.career-container {
    margin: 50px 200px;
}

.carrierheader {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/78/Highlight_Towers_Munich_by_night.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

.carrierhead-card {
    padding: 130px 150px 100px 100px;
    display: inline-block;
    background: rgba(50, 50, 50, 0.9);
    color: white;
}

.career-welcome-text {
    color: white;
    padding: 20px 200px;
    border-bottom: 1px solid rgb(117, 109, 96);
    margin-bottom: 20px;
}

.career-wlats-sec {
    background: #3040ab;
    padding: 50px 200px;
    color: white;
}

.carrier-head-card-title, .career-big-text, .career-big-thin-text {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    font-size: 42px;
}

.career-big-thin-text {
    font-weight: normal;
}

.carrier-head-card-text, .career-small-text {
    margin-top: 30px;
    font-family: var(--Corperate-Font);
    line-height: 1.6;
}

.carrier-head-card-text {
    width: 500px;
}

.carrier-jobs-btn {
    display: inline-block;
    background: #051b40;
    margin-top: 150px;
    padding: 15px 50px;
    font-family: var(--Corperate-Font);
}

.carrierhead {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    margin-bottom: 30px;
    color: white;
    font-size: 42px;
}

.carriertext {
    margin-bottom: 80px;
    font-family: var(--Corperate-Font);
    color: white;
    font-size: 16px;
}

.openings {
    padding: 10px;
}

.opening {
    display: flex;
    padding: 10px 0px;
    margin: 15px 0px;
    border-bottom: 1px solid #434549 !important;
    border-bottom-color: rgb(117, 109, 96) !important;
}

.opensec {
    font-family: var(--Corperate-Font);
    color: white;  
    font-size: 20px;
    padding: 30px 0px;
}

.openname {
    margin-left: 1.5rem;
    width: 50%;
    font-family: var(--Corperate-Font);
    color: white;
    font-size: 16px;
}

.openprops {
    width: 50%;
}

.openprop {
    font-family: var(--Corperate-Font);
    color: white;
    font-size: 16px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.openprop > .material-symbols-outlined {
    margin: 0px 5px 0 10px;
}

.openpropimg {
    margin: 0px 10px;
    height: 20px;
}

.job-apply-btn {
    display: inline-block;
    background: #051b40;
    padding: 15px 50px;
    font-family: var(--Corperate-Font);
    margin: 20px 0 15px 0;
}

.job-apply-btn:hover {
    background: #061938;
}

.carrerapply {
    font-size: 14px;
}

/* ----------------- [ Job Posting STYLE ] ----------------- */

.career-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 0 0;
}

.career-header-content {
    padding: 20px 30px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
}

.career-title {
    font-family: "Roboto-Thin";
    color: white;
    font-size: 52px;
    margin-bottom: 10px;
}

.ch-img-video-editor {
    background-image: url('./src/careers/1000013892.jpg');
}

.ch-img-voice-actor {
    background-image: url('https://media.wired.com/photos/62ccad979e1cc6cbc9061ddd/master/pass/Voice-Acting-Video-Games-Culture-GettyImages-1353302248.jpg');
}

.ch-img-animator {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a3/Norman_McLaren_drawing_on_film_-_1944.jpg');
}

.ch-img-thumbnail-designer {
    background-image: url('./src/djbsjdbjsf.png');
}

.ch-img-script-writer {
    background-image: url('./src/careers/artworks-OlH6Har1sJfjISpp-mbAMyw-t500x500.jpg');
}

/* ------------------------------------------- */

.cutxt {
    text-align: center;
    font-family: "Entertainmasters-Sans";
    margin-bottom: 20px;
    color: white;
    font-size: 70px;
}

.cumeds {
    text-align: center;
}

.cuimg {
    margin: 0px 100px;
    height: 130px;
}

.imprinthead {
    font-size: 60px;
    font-family: "Entertainmasters-Sans";
    margin-bottom: 30px;
}

.lthead {
    text-align: center;
    color: white;
    font-size: 30px;
    font-family: "Entertainmasters-Sans";
    margin-bottom: 30px;
}

.latesttweet, .latesttweet > a, .latesttweet > a:visited {
    color: transparent;
    text-align: center;
}

.dochref, .dochref:visited {
    color: #2fa7f7;
}

.orgastruct {
    height: 580px;
    text-align: center;
    margin: 40px 0px;
}

.orgahead, .orgagroup {
    color: white;
    text-align: center;
    font-family: "Entertainmasters-Sans";
    font-size: 30px;
}

.orgahead {
    margin: 30px 0px;
    font-family: "Montserrat";
}

.orgagroup > p {
    display: inline;
    margin: 30px 50px;
}

.orgab {
    font-size: 25px;
}

.orgagroup > .osr {
    font-size: 35px;
    font-family: "DancingScript";
}

.orgagroup > .oegm {
    font-family: "EGM-Akira";
    font-size: 40px;
}

.orgagroup > .oas {
    font-family: "Product-Sans";
}

.orgagroup > .oemm {
    font-family: "Montserrat";
}

.orgagroup > .oix {
    font-family: "EGM-Akira";
}

.orgaem {
    font-size: 42px;
}

/* ----------------------- [ Project Page ] ----------------------- */

.project-page-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 200px;
    margin-bottom: 50px;
}

.project-header-title {
    font-size: 42px;
    color: white;
}

.project-header-description {
    margin-top: 20px;
    width: 40vw;
    font-family: var(--Corperate-Font);
    color: rgb(220, 220, 220);
}

.project-site-head-text {
    font-family: "Inter";
    margin-bottom: 20px;
    color: white;
    font-size: 26px;
}

.project-site-videos {
    margin-right: 20px;
}

.project-site-videos-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.project-site-video-title {
    font-family: "Inter";
    font-size: 14px;
    color: rgb(200, 200, 200);
    margin-top: 10px;
}

.project-site-video-details {
    margin-top: 2px;
    font-family: "Inter";
    font-size: 12px;
    color: rgb(180, 180, 180);
}

.project-header-watch-btn, .project-header-emr-border-btn {
    font-family: "Entertainmasters-Sans";   
    display: inline-block;
    margin-top: 30px;
    background: #0d316b;
    padding: 10px 30px;
}

.project-header-emr-border-btn {
    background: none;
    border: 2px solid #0d316b;
    margin-left: 10px;
}

.project-title-emr {
    font-family: "EGM-Akira";
}

.emrpageheader {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./src/Fireworks.gif");
}

.ctbpageheader {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)), url("https://images.pexels.com/photos/18563111/pexels-photo-18563111/free-photo-of-nacht-dunkel-zug-abend.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
}

.emrindpageheader {
    background-image: url("./src/Fireworks.gif");
}

.emrsoundproviderNCS, .emrsoundproviderSR, .emrsoundproviderEMM {
    margin-top: 20px;
    font-size: 45px;
    color: white;
}

.emrsoundproviderNCS {
    font-family: "Montserrat";
}

.emrsoundproviderSR {
    font-family: "DancingScript";
}

.emrsoundproviderEMM {
    font-family: "Entertainmasters-Sans";
}

.imprintdata {
    font-size: 18px;
}

.imprintdata_bold {
    margin: 10px 0px;
    font-size: 25px;
    font-weight: bold;
}

.emsans-label-n {
    font-weight: normal;
    font-family: "Entertainmasters-Sans";
}

.fadeinanim {
    animation: fadein 0.5s ease-in;
}

.fadeinanim-short {
    animation: fadein 0.3s ease-in;
}

.emrschedule2023 {
    height: 600px;
}

.mktxt {
    margin-left: 20px;
    margin-top: 80px;
    font-family: var(--Corperate-Font);
    color: white;
}

.newshref, .newshref:visited {
    color: #77BFBF;
    font-family: "Entertainmasters-Sans";
}

.mklinkshref, .mklinkshref:visited {
    display: inline-block;
    font-family: "Montserrat";
    color: #1f75ff;
    border: solid 1px #1f75ff;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
}

.mkheader {
    font-family: "Montserrat";
    color: white;
    font-size: 20px;
}

.mkred, .mkblue {
    font-family: "Montserrat";
    color: white;
    padding: 20px;
    margin-right: 10px;
}

.mkred {
    background: #ff2b2b;
}

.mkblue {
    background: #3d5dff;
}

.mkem1 {
    margin: 20px 50px;
    height: 100px;
}

.mklogos {
    text-align: center;
}

.footericon {
    margin: 20px 100px;
    height: 80px;
}

.emrtxt {
    line-height: 1.6 !important;
}

.historical-part {
    font-family: "Entertainmasters-Sans";
    font-size: 28px;
}

/* ----------------------- [ Shroomrelease ] ----------------------- */

.shroomrelease-tag {
    border-radius: 10px;
    border: #3040ab 1px solid;
    background: #101a61;
    color: white;
    font-family: "Montserrat";
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    margin: 3px;
}

.shroomrelease-tag-yellow {
    background: rgb(217, 178, 37);
    color: #5e5225;
    border: #5e5225 1px solid;
}

.shroomrelease-tag-purple {
    background: #48255e;
    border: #872bff 1px solid;
    color: #a560ff;
}

/* CORPERATE HEADER */

.corperate-header {
    position: relative;
    background-color: black;
}

.corperate-header-links > li > a {
    font-size: 16px;
    text-transform: normal !important;
    font-family: var(--Corperate-Font);
}

/* CORPERATE FOOTER */

.corperate-footer-socials {
    border-bottom: #fff 1px solid;
    border-top: #fff 1px solid;

    margin: 20px 50px 0px 50px;
}

.corperate-footsec, .corperate-feetsec, .corperate-footlink {
    font-family: var(--Corperate-Font) !important;
}

.corperate-footsec {
    flex: 1;
    margin: 0 80px;
    padding: 0 10px;
}

.corperate-footer-socials > .sociallink {
    margin-bottom: 0;
    padding: 10px 0px;
    font-size: 14px ;
    font-family: var(--Corperate-Font);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vert-centre > .footersocial {
    padding-right: 10px;
}

.corperate-feetsec {
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;

    border-bottom: #fff 1px solid;
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.corperate-footlink {
    display: block;
    text-align: left;
    margin: 5px auto;
    font-size: 12px;
}

/*.corperate-footer-socials > .sociallink > .footersocial {

}*/

.fticon {
    margin: 20px 0;
    border-right: 1px #6e6e6e solid;
}

.bottom-coperate-footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    margin: 25px 50px 0px 50px;
}

.corperate-legal-links {
    display: flex;
    align-items: center;
}

.corperate-legal-links > .footlink {
    padding: 0px 10px;
    margin-bottom: 0;
    font-family: var(--Corperate-Font);
}

.corperate-footer-copyright {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    font-size: 12px;
}

.right-legal-border {
    border-right: #fff 1px solid;
}

/* Site Cards */

.site-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin-bottom: 50px;
}

.site-header-card {
    padding: 130px 150px 100px 100px;
    display: inline-block;
    background: rgba(50, 50, 50, 0.9);
    color: white;
}

.site-header-card-title {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    font-size: 42px;
}

.site-header-card-text {
    margin-top: 30px;
    font-family: var(--Corperate-Font);
    line-height: 1.6;
    width: 500px;
}

.site-header-card-btn {
    display: inline-block;
    background: #051b40;
    margin-top: 150px;
    padding: 15px 50px;
    font-family: var(--Corperate-Font);
}

/* Corperate Index.html */

.corperate-index-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.nyfa.edu/wp-content/uploads/2023/12/producingresources-1024x683.jpg");
}

.corperate-index-header-card-title {
    font-size: 52px;
}

.corperate-index-header-card {
    background: none;
}

.outline-white-text {
    color: transparent;
    -webkit-text-stroke: 1px white;
}

.corperate-index-header-card-btn {
    margin-top: 30px;
    font-weight: bold;
}

.corperate-index-heading {
    font-family: var(--Corperate-Font);
    font-weight: bold;
    margin-bottom: 30px;
    color: white;
    font-size: 42px;
}

.corperate-index-text {
    margin-bottom: 80px;
    font-family: var(--Corperate-Font);
    color: white;
    font-size: 16px;
    width: 100% !important;
    line-height: 1.6;
}

/* -------------------- [ Animations ] -------------------- 
        Animator makes CSS Animations?? unbelieveable!
*/

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}