/*Begin Carty Styles*/

:root {
    --ezBlack: rgb(25, 25, 25);
    --ezLightBlack: rgb(83, 83, 83);
    --genA-LightBlack: rgb(0 0 0 / .5);
    --genA-Border: rgb(206 212 218);
    --ezGray: rgb(245, 245, 245);
    --ezCaption: rgb(183, 183, 183);
    --gray-text: #6c757d;
}

/*Basic Styles*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--ezLightBlack);
    transition: opacity .35s ease !important;
    min-height: 100lvh;
}

body.local .tcf {
    outline: 1px dotted gray;
    outline-offset: .5rem;
}

body.footer-visible #bottom-bar.in {
    opacity: 0;
    transform: translateX(150%);
    pointer-events: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
    color: var(--ezBlack);
}

.navbar-toggler {
    height: 2.125rem;
    width: 2.25rem;
    z-index: 10;
    transition: transform .25s ease-in-out;
    transform-origin: center;
}

.navbar-toggler:not(.collapsed) {
    transform: rotate(45deg);
}

.button-holder {
    display: block;
    transition: transform .25s ease-in-out;
    transform-origin: center;
    width: 75%;
    height: 2px;
    border-radius: .25rem;
    background-color: var(--ezBlack);
}

.button-holder::before,
.button-holder::after {
    content: '';
    position: absolute;
    left: 12.5%;
    width: 75%;
    height: 2px;
    border-radius: .25rem;
    background-color: var(--ezBlack);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out, rotate .25s ease-in-out;
    transform-origin: center;
    filter: invert(0);
}

.button-holder::before {
    transform: translate(0, -.5rem);
}

.button-holder::after {
    transform: translate(0, .5rem);
    opacity: 1;
}

.navbar-toggler:not(.collapsed) .button-holder::before {
    transform: translate(0, 0rem);
    rotate: -90deg;
}

.navbar-toggler:not(.collapsed) .button-holder::after {
    transform: translate(0, 0rem);
    opacity: 0;
}

/*------------------------------------------------/ genA Styles Begin /---------------------------------------------------*/

/*genA Utilities*/

.ga-logo-text {
    color: var(--genA-LightBlack) !important;
}

.ga-logo-bg {
    background-color: var(--genA-LightBlack) !important;
}

.ga-border {
    border-color: var(--genA-Border) !important;
}

.ga-light-black {
    color: var(--genA-LightBlack);
}

.fit {
    object-fit: cover;
    object-position: center;
}

.z--1 {
    z-index: -1;
}

/*genA logo stuff*/

.ga-logo .ga-gen::before {
    content: '';
    position: absolute;
    width: 95%;
    bottom: 15px;
    left: 2.5%;
    height: 0.15em;
    border-radius: .25em;
    background-color: var(--genA-LightBlack);
    opacity: .5;
}

.ga-logo::after {
    content: '\2122';
    font-size: .75em;
    font-weight: normal;
    vertical-align: super;
    color: var(--genA-LightBlack);
    opacity: .5;
}

/*genA Miscellaneous stuff*/

.special::after {
    content: '';
    flex-grow: 1;
    height: .5px;
    background-color: var(--ezBlack);
    margin-left: .75rem;
    opacity: .375;
}

/*genA Admin page stuff*/

/*Return to admin area button stuff*/

iframe #ok {
    display: none !important;
}

#ok {
    opacity: .75;
    min-height: 2.625rem;
}

#ok .ga-logo {
    font-weight: 700;
}

#ok .ga-gen::before {
    background-color: #aaa;
    opacity: 1;
}

#ok .ga-logo::after {
    color: #ccc;
    opacity: 1;
}

/*genA Navbar Logo Stuff*/

a.logo .ga-logo {
    font-size: 3rem;
}

/*genA Navbar Links Stuff*/


/*genA Dropdown Stuff Starts*/

#ga-navbar .nav-item.ga-dropdown {
    position: relative;
    display: flex;
    align-items: start;
}

.ga-dropdown .nav-link .link-status::after {
    position: absolute;
    font-size: inherit;
    font-family: 'bootstrap-icons';
    color: rgb(25 25 25 / 1);
    content: '\F282';
    right: -1.5rem;
}

.ga-dropdown-menu {
    position: absolute;
    top: 100%;
    min-width: max-content;
    font-size: .875rem;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s linear;
}

.ga-dropdown:hover .ga-dropdown-menu {
    grid-template-rows: 1fr;
}

.ga-dropdown-menu .ga-dropdown-link .dropdown-link-status {
    color: var(--ezBlack);
    opacity: .5;
    transition: opacity .625s ease-in-out;
}

.ga-dropdown-menu .ga-dropdown-link.active .dropdown-link-status,
.ga-dropdown-menu .ga-dropdown-link:hover .dropdown-link-status,
.ga-dropdown-menu .ga-dropdown-link:focus .dropdown-link-status {
    opacity: 1;
}

/*genA Dropdown Stuff ends*/

#ga-navbar .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: .375rem;
}

#ga-navbar .nav-link .link-status {
    /*var(--ezBlack) in rgb form in order to have color transition*/
    color: rgb(25 25 25 / 1);
    opacity: .5;
    transition: opacity .625s ease-in-out;
}

#ga-navbar .nav-link.active .link-status,
#ga-navbar .nav-link:hover .link-status,
#ga-navbar .nav-link:focus .link-status {
    /*var(--ezBlack) in rgb form in order to have color transition*/
    opacity: 1;
}

#ga-navbar .nav-link .link-status::before {
    content: '';
    position: absolute;
    width: 100%;
    top: -.3125rem;
    left: 0;
    border-top: .125rem solid var(--ezBlack);
    opacity: 0;
    transform: scaleX(0);
    transition: opacity .35s ease-in-out, transform .35s ease-in-out;
    transform-origin: center;
}

#ga-navbar .nav-link .link-status::before {}

#ga-navbar .nav-link.active .link-status::before,
#ga-navbar .nav-link:hover .link-status::before,
#ga-navbar .nav-link:focus .link-status::before {
    opacity: .5;
    transform: scaleX(1.0);
}

#ga-navbar .nav-link::before,
#ga-navbar .ga-dropdown-link::before {
    font-size: 1rem;
    font-family: 'bootstrap-icons';
    /*    left: -1.5rem;*/
    color: var(--ezBlack);
}

#ga-navbar .ga-dropdown-link::before {
    font-size: .875rem;
}

#ga-navbar #admin .ga-logo::after {
    position: absolute;
}

#ga-navbar #admin::before {
    content: '\F488';
}

#genA-media::before {
    content: '\F42B';
}

#ga-navbar #genA-pages::before {
    content: '\F382';
}

#ga-navbar #genA-projects::before {
    content: '\F2C9';
}

#ga-navbar #genA-reorder-projects::before,
#genA-reorder-projects-link::before {
    content: '\F813';
    margin-right: .625rem;
}

/*genA Admin Option Menu styles*/

.ga-admin-options-item {
    list-style-type: none;
}

.ga-admin-options-menu-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    border-color: var(--genA-Border);
}

.ga-admin-options-menu-link::before,
[data-page="admin"] .ga-accordion-heading::before {
    margin-right: .5rem;
    font-family: 'bootstrap-icons';
    color: var(--ezBlack);
}

[data-page="admin"] .ga-accordion-heading::after {
    color: var(--bs-dark);
}

#ga-pages-accordion button::before {
    content: '\F382';
    margin-right: .625rem;
}

#ga-projects-accordion button::before {
    content: '\F2C9';
    margin-right: .625rem;
}

#ga-media-accordion button::before {
    content: '\F42B';
    margin-right: .625rem;
}

#ga-exit-link::before {
    content: '\F3D4';
}

#ga-edit-link::before,
#genA-edit::before {
    content: '\F4C9';
    margin-right: .625rem;
}

#ga-new-page-link::before,
#genA-new-page::before {
    content: '\F64D';
    margin-right: .625rem;
}

#ga-restore-link::before,
#genA-restore::before {
    content: '\F117';
    margin-right: .625rem;
}

#ga-upload-link::before,
#genA-upload::before {
    content: '\F2BF';
    margin-right: .625rem;
}

#ga-download-link::before {
    content: '\F29A';
}

#ga-vault-link::before,
#genA-vault::before {
    content: '\F62E';
    margin-right: .625rem;
}

#ga-add-project-link::before,
#genA-project::before {
    content: '\F37C';
    margin-right: .625rem;
}

#ga-manage-projects-link::before,
#genA-manage-projects::before {
    content: '\F2ED';
    margin-right: .625rem;
}

/*genA Edit page stuff*/

.ga-accordion-heading::after {
    content: '\F282';
    font-family: 'bootstrap-icons';
    margin-left: auto;
    transition: transform .35s ease-in-out;
    transform: rotate(0deg);
}

.ga-accordion-heading.collapsed::after {
    transform: rotate(180deg);
}

.ga-accordion-heading+.ga-accordion-content {
    transition: grid-template-rows .35s ease-in-out;
    grid-template-rows: 0fr;
}

.ga-accordion-heading.collapsed+.ga-accordion-content {
    grid-template-rows: 1fr;
}

#preview-area {
    transition: transform .35s ease-in-out;
    transform: translateX(100%);
}

.local #preview-area {
    transform: translateX(0);
}

.ga-save-menu {
    pointer-events: none;
    z-index: 1031;
    transition: opacity .35s ease-in-out .35s;
    opacity: 0;
    gap: .375rem;
}

.ga-save-menu .toast {
    width: unset;
    max-width: 41.667%;
}

.local .ga-save-menu {
    pointer-events: all;
    opacity: .9;
}

#ga-save-menu-save-button.fade {
    pointer-events: none;
}

#ga-save-menu-save-button.fade.show {
    pointer-events: all;
}

.local #preview-area .tcf:hover {
    cursor: pointer;
}

.local #preview-area a:not(.tcf) {
    pointer-events: none;
}

#edit-title-options {
    grid-template-rows: 0fr;
    transition: grid-template-rows .45s ease .45s;
}

#edit-title-options.collapsed {
    grid-template-rows: 1fr;
}

#title-error {
    color: initial;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

#imageModal #media-preview-area div {
    aspect-ratio: 1 / 1;
}

/*#modalLibrary #preview-area-overlay {
    aspect-ratio: 1 / 1;
}*/

#modalLibrary #media-preview-bg {
    mix-blend-mode: multiply;
    margin-top: .25rem;
    aspect-ratio: 21 / 9;
    transition: aspect-ratio .35s ease-in-out;
}

#modalLibrary {
    overflow: scroll;
}

#replace-image::before {
    content: '\F130';
}

#edit-title::before,
#edit-title-2::before {
    content: '\F4C9';
}

#confirm-replace-image::before {
    content: '\F115';
}

#cancel-replace-image::before {
    content: '\F627';
}

/*genA modal menu stuff*/

#gen-a-modal-menu {
    column-gap: .25rem;
}

/*genA Restore stuff*/

.ga-restore-button:focus {
    filter: brightness(.9);
}

.ga-restore-button {
    font-size: 1rem;
}

.ga-restore-button i {
    font-size: 1em;
}

.ga-restore-button span {
    font-size: .75em;
}

main[data-page="genA-restore"] #ga-save-menu-save-button.fade.show {
    opacity: .9;
}

/*genA Upload stuff*/

#upload-preview-area div {
    aspect-ratio: 1 / 1;
}

[data-page="genA-upload"] button[type="Submit"]::before {
    font-family: 'bootstrap-icons';
    content: '\F26A';
    margin-right: .5rem;
}

[data-page="genA-upload"] button[type="Submit"].disabled {
    opacity: 1;
}

[data-page="genA-upload"] button[type="Submit"].disabled::before {
    content: '\F47A';
}

[data-page="genA-upload"] .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

[data-page="genA-upload"] .alert-danger {
    color: initial;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/*genA Library stuff*/

@keyframes shrink {
    0% {
        transform: scale(1.0);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.0);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1.0);
    }
}

#media-preview-ga-logo {
    animation: pulse 1s linear infinite both;
}

[data-page="genA-vault"] #media-preview-area div {
    aspect-ratio: 1 / 1;
}

[data-page="genA-vault"] #media-preview-bg {
    mix-blend-mode: multiply;
    margin-top: .25rem;
    aspect-ratio: 21 / 9;
    transition: aspect-ratio .35s ease-in-out;
}

.icon::before {
    font-family: 'bootstrap-icons';
    margin-right: .5rem;
}

.delete-media-button::before {
    content: '\F78A';
}

.rename-media-button::before {
    content: '\F675';
}

#exit-button::before,
#exit-button-2::before {
    content: '\F659';
}

#delete-question::before {
    content: '\F336';
    color: var(--bs-danger);
    vertical-align: bottom;
}

#delete-overlay {
    opacity: .9;
    transition: background-color .35s ease;
}

.shrink {
    animation: shrink .25s linear forwards;
}

#rename-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

#rename-error {
    color: initial;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/*genA Login Stuff*/

[data-page="genA-login"] .ga-logo {
    font-size: 3.5rem;
}

[data-page="genA-login"] .form-control {
    font-size: .85rem;
}

[data-page="genA-login"] button[type="Submit"]::before {
    font-family: 'bootstrap-icons';
    content: '\F26A';
    margin-right: .5rem;
}

[data-page="genA-login"] button[type="Submit"].disabled {
    opacity: 1;
}

[data-page="genA-login"] button[type="Submit"].disabled::before {
    content: '\F47A';
}

[data-page="genA-login"] .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

[data-page="genA-login"] .alert-danger {
    color: initial;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/*genA New Project Stuff*/

[data-page="genA-project"] .featured .img-thumbnail::before {
    content: '\F586';
    display: flex;
    font-family: 'bootstrap-icons';
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .25rem;
    right: .25rem;
    height: 2rem;
    width: 2rem;
    color: var(--bs-warning);
    background-color: var(--bs-dark);
    opacity: .9;
    border-bottom-left-radius: .25rem;
}

[data-page="genA-project"] .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

[data-page="genA-project"] .alert-danger {
    color: initial;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

#add-images-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

#add-images-buttons button {
    display: flex;
    align-items: center;
    margin: 0;
}

#add-images-buttons button::before {
    font-family: 'bootstrap-icons';
    margin-right: .625rem;
}

#add-title::before {
    content: '\F4C9';
}

#add-images-upload::before {
    content: '\F2BF';
}

#add-images-library::before {
    content: '\F62E';
}

#set-featured::before {
    content: '\F586';
}

#adjust-image-order::before {
    content: '\F813';
}

#add-project-text::before {
    content: '\F5CB';
}

#preview-project::before {
    content: '\F2CD';
}

#close-media-vault {
    display: flex;
    align-items: center;
}

#close-media-vault.show {
    opacity: .95 !important;
}

#close-media-vault::before {
    font-family: 'bootstrap-icons';
    margin-right: .625rem;
    content: '\F659';
}

[data-page="genA-project"] .library-item .selected.featured::after {
    content: '\F586';
    inset: 0;
    position: absolute;
    background-color: var(--bs-dark);
    opacity: .9;
    font-family: 'bootstrap-icons';
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-warning);
    font-size: 1.75rem;
}

/*genA Manage Projects Stuff*/

[data-page="genA-manage-projects"] .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

[data-page="genA-manage-projects"] .alert-danger {
    color: initial;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

/*genA Manage Projects Stuff => Change Featured Item Stuff*/

[data-page="genA-manage-projects"] .featured::before {
    content: '\F586';
    display: flex;
    font-family: 'bootstrap-icons';
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    height: 2rem;
    width: 2rem;
    color: var(--bs-warning);
    background-color: var(--bs-dark);
    opacity: .9;
    border-bottom-left-radius: 0.25rem;
}

#reorder-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

/*genA Manage Projects Stuff => Delete project images Stuff*/

[data-page="genA-manage-projects"] .to-be-deleted::before {
    content: '\F78A';
    display: flex;
    font-family: 'bootstrap-icons';
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    height: 2rem;
    width: 2rem;
    color: #fff;
    background-color: var(--bs-danger);
    opacity: .9;
    border-bottom-left-radius: 0.25rem;
}

[data-page="genA-manage-projects"] #current-featured {
    opacity: .75;
}

/*genA Manage Projects Stuff => Add project images Stuff*/

[data-page="genA-manage-projects"] .selected::before,
[data-page="genA-project"] .selected::before {
    content: '\F26A';
    display: flex;
    font-family: 'bootstrap-icons';
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 2.75rem;
    width: 2.75rem;
    top: calc(50% - 1.375rem);
    left: calc(50% - 1.375rem);
    color: #fff;
    background-color: var(--bs-success);
    opacity: .9;
    border-radius: 0.25rem;
}


/*Individual Project Stuff*/

.images-loading {
    overflow: hidden;
}

#bar-mask {
    height: 102%;
    opacity: .67;
    transform: translateX(0%);
    transform-origin: left center;
    transition: transform .35s linear;
}

.featured-image {
    transform: scale(1.0);
    opacity: 1;
    transition: transform .75s ease, opacity .75s ease;
    backface-visibility: hidden;
    pointer-events: none;
}

#featured-image-holder:hover .featured-image {
    transform: scale(1.05);
    opacity: .97;
}

#featured-image-holder {
    perspective: 15px;
}

#featured-image-holder:hover {
    cursor: pointer;
}

#featured-image-holder .shimmer {
    width: 33%;
    height: 33%;
    background: radial-gradient(circle, rgb(215 219 169 / .85) 0%, rgb(217 219 170 / .125) 100%);
    transform: translate(0%, 0%) rotate(45deg);
    transform-origin: center;
    filter: blur(20px);
    mix-blend-mode: screen;
    transition: transform .35s ease;
}

.read-more {
    background-image: linear-gradient(rgb(255 255 255 / .8)5%, rgb(255 255 255 / 1)95%);
    transition: transform .35s ease-in-out .175s;
    transform: translateY(-75%);
}

.read-more.on {
    transform: translateY(0%);
}

.read-more i {
    transform: rotate(0deg);
    transition: transform .35s ease-in-out;
}

.read-more.on i {
    transform: rotate(225deg);
}

.read-more:not(.show) {
    display: none !important;
}

/*genA Add a Page Stuff*/

[data-class="ga-added"] {
    min-height: 300px;
    outline: 1px dotted black;
    border-radius: .25rem;
    position: relative;
}

section[data-class="ga-added"] {
    margin-bottom: 3rem;
}

.row[data-class="ga-added"] {
    padding-bottom: 3rem;
}

.row.overflow-scroll .dropup-center.dropup.column-number .dropdown-menu,
.row.overflow-scroll .dropup-center.dropup.screen-sizes .dropdown-menu,
.row.overflow-scroll .dropup-center.dropup.column-widths .dropdown-menu {
    columns: 2;
    transform: translate3d(-25%, -39px, 0px) !important;
}

.row.overflow-scroll .dropup-center.dropup.column-widths .dropdown-menu {
    transform: translate3d(15%, -39px, 0px) !important;
}

/*------------------------------------------------/ genA Styles End /---------------------------------------------------*/


/*Utilities*/

.serif {
    font-family: 'Poppin', sans-serif;
}

.max {
    max-width: max-content;
}

.black {
    color: var(--ezBlack);
}

.gray {
    color: var(--gray-text);
}

.text-small {
    font-size: .8rem;
}

.inset {
    inset: 0;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.bg-gray {
    background-color: var(--ezGray);
}

.bg-ez-black {
    background-color: var(--ezBlack);
}

.appear {
    opacity: 0;
    transform: scale(0);
    transform-origin: center;
    transition: all .75s ease;
}

.appear.in {
    opacity: 1;
    transform: scale(1.0);
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: .25;
}

.pe-hover:hover {
    cursor: pointer;
}

/*Menu Stuff*/

.navbar-nav .nav-item .nav-link {
    position: relative;
    max-width: max-content;
    text-transform: uppercase;
    font-weight: 900;
    font-size: .75rem;
    letter-spacing: 3px;
    color: rgb(140, 140, 140);
}

main[data-page="admin"] .navbar-nav .nav-item .nav-link {
    letter-spacing: 1px;
}

.nav-link.active {
    color: var(--ezBlack) !important;
}

/*Homepage stuff*/

.home {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2rem;
    letter-spacing: -.125rem;
    color: var(--ezBlack);
}

.home-pic {
    box-shadow: 0 40px 120px -20px rgb(0 0 0 / 60%);
    /*margin-bottom: 40px;*/
    transition: transform ease-in-out;
}

/*About page stuff*/

main[data-page="about"] h1 {
    font-size: 2.7rem;
    line-height: 3.325rem;
    letter-spacing: -.125rem;
}

.caption {
    color: var(--ezCaption);
    font-size: .75rem;
}

.subs h3,
#ga-portfolio-widgets .h3 {
    color: var(--ezBlack);
}

.subs p {
    line-height: 1.375rem;
}

#ga-portfolio-widgets *:empty {
    display: none;
}

#ga-widget-container {
    row-gap: 3rem;
    margin-bottom: 2rem;
}

#ga-portfolio-widgets .h3:first-child::after {
    position: absolute;
    content: '';
    height: .25rem;
    background-color: #ccc;
    width: 3.4rem;
    left: 0;
    bottom: -1rem;
}

#ga-portfolio-widgets p .fw-bold {
    color: var(--ezBlack);
}

#ga-portfolio-widgets p {
    font-size: .875rem;
}

/*Work page stuff*/

main[data-page="work"] h1 {
    font-size: 3rem;
}

.tile-overlay,
.project-tile-overlay {
    opacity: .90;
    transform: translateX(200%);
    transition: transform .35s ease;
}

.tile-overlay .overview-tile-overlay-text,
.project-tile-overlay span {
    opacity: 0;
    transition: opacity 1s ease .75s;
}

.tile.active .tile-overlay .overview-tile-overlay-text,
.tile.active .project-tile-overlay span,
.tile.fake-active .project-tile-overlay span {
    opacity: 1;
}

.tile:hover {
    cursor: pointer;
}

.tile:hover>div .tile-overlay,
.tile:hover>div .project-tile-overlay {
    transform: translateX(0);
}

.tile:hover>div .tile-overlay .overview-tile-overlay-text,
.tile:hover>div .project-tile-overlay span {
    opacity: 1;
}

/*.tile.active .tile-overlay,
.tile.active .project-tile-overlay,
.tile.fake-active .project-tile-overlay {
    transform: translateX(0);
}*/

/*.too-small {
    font-size: .6125rem;
}*/

/*Project Page stuff*/

.project-details {
    list-style-type: none;
}

.project-details li {
    width: 100%;
}

.project-details li span:first-child {
    font-weight: 700;
    text-transform: uppercase;
}

.modal {
    background: rgb(255, 255, 255, .875);
}

.prev-next {
    width: 50px;
    aspect-ratio: 1 / 1;
    opacity: .75;
    top: calc(50svh - 25px);
}

/*Contact Page Stuff*/

main[data-page="contact"] h1 {
    font-size: 3rem;
    font-weight: 900;
}

main[data-page="contact"] p.fw-bold.black {
    font-size: 1.125rem;
}

#socials img {
    padding: .0625rem;
    padding-right: 0;
}

.mt-6,
label:not(.form-check-label) {
    display: none;
}

.form-check {
    /*padding-left: 1.375rem !important;*/
    margin-left: .8rem;
}

.form-check-label {
    margin-left: .5rem;
    font-weight: bold;
}

.form-check-input:checked {
    background-color: var(--ezLightBlack);
}

form button {
    margin-left: .75rem;
}

form button[type=submit] .spinner-border {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: -.125em;
    border: .125em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border;
}

form button[type=submit]:not(.processing) .spinner-border {
    display: none;
    animation-play-state: paused;
}

form button[type=submit].processing::before {
    display: none;
}

#responseModal .btn-close {
    opacity: 1;
}

/*.alert-success,
.alert-danger {
    color: initial;
    background-color: rgb(0, 0, 0, .25);
    border-color: rgb(0, 0, 0, .33);
}

.alert-danger {
    color: #e13333;
}*/

form button[type="submit"] span.d-flex::before {
    content: '\F26A';
    font-family: 'bootstrap-icons';
    font-size: .875rem;
}

form button[type="submit"].disabled span.d-flex::before {
    content: '\F47A';
    font-family: 'bootstrap-icons';
    font-size: .875rem;
}

/*Carousel Stuff*/

.carousel-inner {
    display: flex;
    align-items: center;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/*Footer stuff*/


/*To top button stuff stuff*/

#trigger {
    left: 0;
    top: 40vh;
}

#bottom-bar {
    right: 0;
    bottom: 0;
    transform: translateX(150%);
    opacity: 0;
    transition: transform .35s ease, opacity .35s ease;
}

#bottom-bar.in {
    transform: translateX(0);
    opacity: 1;
}

#bottom-bar a.btn,
#bottom-bar button {
    background-color: rgb(0, 0, 0, .5);
    padding: 0.375rem 1rem;
    transition: background-color 1s ease;
}

#bottom-bar a.btn:hover,
#bottom-bar button:hover {
    background-color: rgb(0, 0, 0, .75);
}

#bottom-bar #to-top {
    font-size: .625rem;
}

#previous-mobile,
#next-mobile{
    font-size: .75rem;
}

#previous-mobile span,
#next-mobile span{
    letter-spacing: 1px;
}

#previous-mobile i,
#next-mobile i{
    font-size: 1.5em;
}

#previous-mobile img,
#next-mobile img{
    outline: 1px solid #fff;
    outline-offset: 1px;
}


/*Media Queries*/

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 575.98px) {

    .container {
        width: 95%;
    }

    main .container {
        width: 90%;
    }

    .navbar-nav {
        row-gap: .75rem;
        margin-bottom: 1rem;
    }

    [data-page="genA-project"] #file-info p,
    [data-page="genA-project"] #file-info label {
        font-size: .875rem;
    }

    [data-page="genA-manage-projects"] #current-featured p {
        font-size: .65rem;
    }

    #ga-navbar {
        padding-left: 0;
    }

    .ga-dropdown .nav-link .link-status::after {
        right: -1.125rem;
    }

    .ga-dropdown:last-of-type .ga-dropdown-menu {
        left: -50% !important;
    }

    #add-images-buttons button {
        flex-basis: 100%;
        justify-content: center;
        font-size: .875rem !important;
    }

    #socials img {
        padding: .125rem;
        padding-right: 0;
    }

    [data-type="portfolio"] #bottom-bar{
        left: 0;
    }

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    .text-small {
        font-size: .875rem;
    }

    .home {
        font-size: 3.25rem;
    }

    main[data-page="about"] h1 {
        font-size: 3rem;
        line-height: 3.625rem;
        letter-spacing: -.125rem;
    }

    .project-details li {
        width: 50%;
    }

    .too-small {
        font-size: .875rem;
    }

    /*genA Login Stuff*/

    [data-page="genA-login"] .ga-logo {
        font-size: 4rem;
    }

    [data-page="genA-login"] .form-control {
        font-size: 1rem;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    .home-row {
        min-height: 75vh;
    }

    .home {
        font-weight: 700;
        font-size: 4rem;
        line-height: 6rem;
        color: var(--ezBlack);
    }

    .project-details li {
        width: 75%;
    }

    #projectModal img {
        max-height: 85vh !important;
    }

    .too-small {
        font-size: .9rem;
    }

    .carousel-item img.w-75 {
        width: 50% !important;
    }

    #ga-widget-container {
        row-gap: 3.5rem;
        margin-bottom: 2.5rem;
    }

    /*genA stuff*/

    .ga-restore-button {
        font-size: 1rem;
    }

    .ga-restore-button i {
        font-size: 1.25em;
    }

    .ga-restore-button span {
        font-size: 1em;
    }
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    main[data-page="about"] h1 {
        font-size: 4rem;
        line-height: 4.75rem;
    }

    main[data-page="work"] h1,
    main[data-page="contact"] h1 {
        font-size: 4rem;
    }

    .project-details li {
        width: 65%;
    }

    .too-small {
        font-size: 1rem;
    }

    #ga-widget-container {
        row-gap: 3.75rem;
        margin-bottom: 3rem;
    }
}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}