@font-face {
    font-family: "DNA";
    src: url("/assets/layouts/companies/fonts/Generica/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "DNA2";
    src: url("/assets/layouts/companies/fonts/Dna/Presto.eot");
    src: url("/assets/layouts/companies/fonts/Dna/Presto.eot?#iefix") format("embedded-opentype"),
    url("/assets/layouts/companies/fonts/Dna/Presto.woff2") format("woff2"),
    url("/assets/layouts/companies/fonts/Dna/Presto.woff") format("woff"),
    url("/assets/layouts/companies/fonts/Dna/Presto.ttf") format("truetype"),
    url("/assets/layouts/companies/fonts/Dna/Presto.svg#glyphicons_halflingsregular") format("svg");
    font-weight: 600;
}

:root {
    --main-color: #2c4135;
    --secondary-color: #83c6a3;
    --dark-color: #000000;
    --dark-color-two: #fe0216;
    --light-color: #ffffff;
    --light-color-two: #f0efeb;

    --font-family-primary: 'DNA';
    --font-family-secondary: 'DNA2';
}

#featured-1, #bannerWelcome-2 {
    display: none;
}

.bannerWelcomeLeft h2{
    font-family: var(--font-family-secondary) !important;
}

.microsoftDiv {
    display: none;
}

.administrtorsCMS .orSpanLogin{
    display: none;
}

.signUpLinkContainer,
#signInWithMagicLinkContainer{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 100px;
    height: 53px;
    cursor: pointer;
    width: fit-content;
    padding: 0 8%;
}

.signUpLinkContainer{
    border: 1px solid rgba(237, 239, 240, 1);
    background-color: #F3F1ED;
}

#signInWithMagicLinkContainer{
    margin-top: 20px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
}

#signInWithMagicLink{
    color: var(--light-color);
}

header,
footer{
    background-color: var(--main-color);
}

#headerSearchColorButton{
    background-color: var(--secondary-color);
}

#brands, #bannerWelcome-2, #featured-1{
    display: none;
}

.button-one{
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

.button-one:hover{
    background-color: transparent;
    color: var(--main-color);
}

.headerMenuItem{
    text-transform: capitalize;
    font-weight: var(--font-weight-regular);
}

#sliderStoryFolders, .featured-1{
    display: block;
}

.blogView figure .category-wrapper{
    border-bottom-left-radius: var(--border-radius-two);
}

/* Slider Story Folders */
#sliderStoryFolders {
    background: var(--light-color);
    padding: 25px 0;
}

.buttonStoryFolder {
    background-color: var(--light-color-two);
    color: var(--dark-color);
    font-weight: 600;
    font-size: var(--generic-font);
    border-radius: 100px;
    border: 1px solid rgba(208, 208, 208, 1);
    padding: 20px;
    cursor: pointer;
    transition: .5s all ease-in-out;
    width: fit-content;
    text-align: center;
    margin: 0 5px;
    white-space: nowrap;
    text-wrap: nowrap;
}

.buttonStoryFolder span{
    font-weight: 200;
}

.sectionsCardsGrid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:40px;
    margin-bottom:40px;
}

.sectionsCardsCard{
    height:300px;
}

#driveCreateCompanyFileButton:hover,
#driveCreateCompanyFolderButton:hover,
#driveCreateCompanyFolder:hover,
.driveButton.drivePopupRightButton:hover{
    background-color: white;
    border: 1px solid var(--main-color);
}

#driveCreateCompanyFileButton:hover .driveButtonText,
#driveCreateCompanyFolderButton:hover .driveButtonText,
#driveCreateCompanyFolder:hover .driveButtonText{
    color: var(--main-color) !important;
}

.buttonStoryFolder:hover{
    background-color: var(--main-color);
    color: var(--light-color-two);
}

.buttonStoryFolder:hover span{
    color: var(--light-color-two);
}

.driveButton.driveBackgroundColorMain .driveButtonText,
#dropdownUser a,
.myAccounButtonsContainer .driveButton.selected,
.btn-one,
#rightDataSendLink,
#driveMessagePopupButtonText
#myAccountButton .driveButtonText,
.driveCompanyAdministratorsStepCardButton a,
.myAccountContainerInformationUpdate,
#signUpDataRegister,
#driveMessagePopupButtonText,
.selectedFilesActionContainer p,
#selectedFilesPopupAmountText,
.downloadBoxFilter.selected,
.downloadBoxFilter.selected span,
.downloadBoxButton:hover .downloadBoxButtonText,
.LUNA-Lens-Tab-Item.selected,
.LUNA-Lens-Tab-Item:hover,
.headerMenuItem,
#uploadFileSaveButton{
    color: var(--light-color) !important;
}

#headerMenuItemsMobile .headerMenuItem{
    color: var(--dark-color) !important;
}

#hamburger div span {
    background-color: white;
}

.btn-one:hover {
    background-color: var(--light-color) !important;
    border: 1px solid var(--light-color) !important;
    color: var(--dark-color) !important;
}

#selectedFilesPopupCloseButton,
.selectedFilesActionContainer .selectedFilesActionIcon img,
.downloadBoxButton:hover img{
    filter: invert(1);
}

#signUpDataRegisterContainer:hover #signUpDataRegister,
#driveMessagePopupButton:hover #driveMessagePopupButtonText{
    color: var(--main-color) !important;
}



#myAccountButton .driveButtonText svg {
    filter: unset;
}

#myAccountButton{
    background-color: var(--dark-color-two);
}

#myAccountButton:hover {
    border: solid 1px var(--dark-color-two);
}

#myAccountButton:hover .driveButtonText{
    color: var(--dark-color-two) !important;
}

#myAccountHeaderTitle {
    margin-top: 50px;
}

#visitHubBtn img,
#nav-toggle-burger {
    filter: invert(1);
}

.driveOnOffButton.on .driveOnOffButtonText,
.driveCompanyAdministratorsMarket,
.driveButton.drivePopupRightButton .driveButtonText,
.drivePopupLeftButton:hover .driveButtonText {
    color: var(--light-color-two);
}

.driveButton.drivePopupRightButton:hover .driveButtonText{
    color: var(--dark-color);
}

.driveCompanyAdministratorsAdministratorCard,
.featuredContainer3 figure .category,
.featuredContainer2 figure .category,
.blogView figure .category {
    background: var(--light-color);
}

.driveButtonText.dnaLink{
    color: var(--light-color);
    border-bottom: none;
}

.driveCompanyAdministratorsStepCardButton:hover{
    background-color: darkgrey;
}

.driveCompanyAdministratorsIssueContainerDNA{
    background-color: var(--light-color);
}

#rightDataSendLinkContainer:hover #rightDataSendLink{
    color: var(--main-color) !important
}

#rightDataSendLink, #signUpDataRegister{
    font-family: var(--font-family-primary);
}

.driveSearchPopupSearchResultTypeSelected .driveSearchPopupSearchResultTypeText,
.driveSearchPopupSearchFilter.selected {
    color: var(--light-color) !important
}

.driveSearchPopupSearchFilter.selected{
    background: var(--secondary-color);
}

#sectionCardsButton{
    display: block;
}

.sectionsCardsHeader{
    margin-top:50px;
    margin-bottom:70px;
    background-color: #e2e0da;
}

#sectionsCardsHeaderSubtitle{
    font-size:14px;
}

#driveRootFolderHeader{
    display: none;
}

/* .driveSearchPopupSearchResultElements::-webkit-scrollbar-thumb {
    background: var(--main-color) !important
} */


/*-------------- CMS STUDIO --------------*/