﻿@media (max-width: 1050px) {
    .hide-below-1050 {
        display: none;
    }
}

html {
    height: 100%;
}

/*body {*/
    /*background-image: url('/Images/polygon.jpg'), linear-gradient(rgba(48, 96, 149, 0.5), rgba(0, 0, 0, 0.96));
    background-blend-mode: multiply;*/ /* This blends the image and the overlay */
    /*background-repeat: repeat;*/ /* Repeat the image */
    /*background-size: 416px;*/ /* Adjust this to control the size of repeating images */
/*}*/

body {
    min-height: calc(100vh - 64px);
    margin: 0;
}

@media (max-width: 870px) {
    /* md breakpoint */
    h1 {
        font-size: 10vw !important;
    }
}


.white-text {
    color: white;
}

.shadow-text {
    /* Define the text shadow */
    /*    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);*/
/*    text-shadow: 2px 15px 20px rgba(0, 0, 0, 1);
*/    text-shadow: 2px 1px 5px rgba(0, 0, 0, 1);
}
@keyframes slideFadeIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.sticky-footer {
    height: 60px;
    width: 100%;
    background-color: #1f3f62;
    color: white;
    text-align: center;
    line-height: 60px;
}

.mud-main-content {
    min-height: calc(100vh - (var(--mud-appbar-height) - var(--mud-appbar-height)/8) - 60px) !important;
    margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
    /*    padding-top:0!important
*/
}

@media (min-width: 600px) {
    .mud-main-content {
        min-height: calc(100vh - var(--mud-appbar-height) - 60px) !important;
        margin-top: var(--mud-appbar-height);
    }
}


.mud-layout {
    min-height: calc(100vh - (var(--mud-appbar-height) - var(--mud-appbar-height)/8) - 60px) !important;
    margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
}

@media (min-width: 600px) {
    .mud-layout {
        min-height: calc(100vh - var(--mud-appbar-height) - 60px) !important;
        margin-top: var(--mud-appbar-height);
    }
    :root {
        --MinHeightGlobal: calc(100vh - var(--mud-appbar-height) - 60px) !important;
        --MarginTopGlobal: var(--mud-appbar-height);
    }
}

.expand {
    height: 90vh;
}
.landingPage {
    background-image: url('/Images/trianglePattern.svg');
    background-blend-mode: normal;
    background-repeat: no-repeat;
    background-color: #203F62!important;
    background-position: center;
}
.text-bold{
    font-weight:700!important;
}

.MainPage {
    background: linear-gradient(0deg, #F3FAFD 67.75%, rgba(243, 250, 253, 0.00) 100%);
    min-height: inherit;
    background-image: url('/Images/BackDesignHalfOpacity.svg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #f6fbfd;
}

.mud-timeline-vertical::before {
    background: linear-gradient(180deg, #EF56FF 0%, #06DAF5 100%) !important;
}
.mud-timeline-horizontal::before {
    background: linear-gradient(90deg, #EF56FF 0%, #06DAF5 100%) !important;
}
.mud-timeline-item-dot {
    background: #306095 !important;
}
.mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default {
    background: #FFF!important;
}

:root {
    --MinHeightGlobal: calc(100vh - (var(--mud-appbar-height) - var(--mud-appbar-height)/8) - 60px) !important;
    --MarginTopGlobal: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
}
