/* GENERAL */
:root {
    --navbar-spacing: 3.75rem;

    --colour-ideco-black: rgba(0,0,0,1);
    --colour-ideco-white: rgba(255,255,255,1);
    --colour-ideco-red: rgb(215, 24, 24);
    --colour-ideco-blue: rgba(18,108,180,1);
    --colour-ideco-darkBlue: rgba(33,27,69,1);
    --colour-ideco-gray: rgba(67,86,98,1);
    --colour-ideco-green: rgba(120,187,88,1);
    --colour-ideco-orange: rgba(242,132,43,1);
}

/** Basic Body and HTML **/
/*noinspection CssInvalidPropertyValue*/
html, body {
    height: 100%;
    background-color: rgb(250, 250, 250);
    color: rgb(0,0,0);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
    overflow-x: clip;
}

/** Links **/
a {
    text-decoration: none;
}
a:hover {
    color: var(--colour-ideco-orange);
}

a.idecoBlue {
    text-decoration: none;
}
a.idecoBlue:hover {
    color: var(--colour-ideco-orange);
}

a.idecoOrange {
    text-decoration: none;
}
a.idecoOrange:hover {
    color: var(--colour-ideco-blue);
}

.flex-even {
    flex: 1;
}

/** Colours **/
.idecoBlack {
    color:var(--colour-ideco-black);
}
.idecoWhite {
    color:var(--colour-ideco-white);
}
.idecoRed {
    color:var(--colour-ideco-red);
}
.idecoBlue {
    color:var(--colour-ideco-blue);
}
.idecoDarkBlue {
    color:var(--colour-ideco-darkBlue);
}
.idecoGray {
    color:var(--colour-ideco-gray);
}
.idecoGreen {
    color:var(--colour-ideco-green);
}
.idecoOrange {
    color:var(--colour-ideco-orange);
}

/** Background Colours **/
.idecoBlackBG {
    background:var(--colour-ideco-black);
}
.idecoWhiteBG {
    background:var(--colour-ideco-white);
}
.idecoRedBG {
    background:var(--colour-ideco-red);
}
.idecoBlueBG {
    background:var(--colour-ideco-blue);
}
.idecoDarkBlueBG {
    background:var(--colour-ideco-darkBlue);
}
.idecoGrayBG {
    background:var(--colour-ideco-gray);
}
.idecoGreenBG {
    background:var(--colour-ideco-green);
}
.idecoOrangeBG {
    background:var(--colour-ideco-orange);
}

/** Spacing **/
.idecoNavSpace {
    padding-top: var(--navbar-spacing); /* Navbar top size */
}

/** Shadows **/
.idecoBoxShadow {
    box-shadow: 0 0 4px 2px #888888;
}
.idecoBoxShadow-down {
    box-shadow: 0 3px 4px 2px #888888
}

/** Border Rounded **/
.idecoBorderRoundDefault {
    border-radius: 1.5rem;
}
.idecoBorderRoundDefaultLeft {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.idecoBorderRoundDefaultRight {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

/** Fonts **/
.idecoFont-OS {
    font-family: 'Open Sans', sans-serif;
}
.idecoFont-AG { /* TODO: Replace with actual ITC Avant Garde Gothic Pro */
    font-family: 'Open Sans', sans-serif;
}

/** Footer **/
footer.footer {
    width: 100%;
    /*height: 60px;  Set the fixed height of the footer here */
    /*line-height: 60px;  Vertically center the text there */
    background-color: var(--colour-ideco-blue);
}

/** Cookie Consent Notification **/
div.cookie-consent {
    display: none;
    z-index: 120;
    position: fixed;
    background: var(--colour-ideco-orange);
    border-radius: 1.5rem;
    padding: 1rem;
    bottom: 1rem;
    left: 1rem;
    width: 22rem;
    height: 13rem;
    color: var(--colour-ideco-white);
    font-size: 1rem;
    box-shadow: 0 0 4px 2px #888888;
}

/** Toast Container Notification **/
div#toastContainerID {
    z-index: 2000;
    padding-top: calc(var(--navbar-spacing) + 1rem); /* Navbar top size */
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
div#toastContainerID .toast {
    border-radius:1.25rem !important;
}
div#toastContainerID .toast-header {
    border-top-left-radius: calc(1.25rem - 1px) !important;
    border-top-right-radius: calc(1.25rem - 1px) !important;
}

/** Spinners **/
div.hiddenSpinner {
    z-index : 9999;
    display: none; !important;
}

/** NAV and NAVBAR **/
nav.idecoMM-bg {
    background-color: var(--colour-ideco-blue);
    height: var(--navbar-spacing);
}
nav.idecoMM-bg .dropdown .dropdown-menu {
    background-color: var(--colour-ideco-blue);
}
nav.idecoMM-bg .dropdown .dropdown-menu .dropdown-item {
    color:rgba(255,255,255,.5);
}

nav.idecoMM-bg .navbar-collapse ul {
    background-color: var(--colour-ideco-blue);
}

nav.idecoMM-bg a {
    text-decoration: none;
    font-size: 0.9rem;
}

nav.idecoMM-bg .navbar-nav .nav-item :active,
nav.idecoMM-bg .navbar-nav .nav-item .active {
    color:var(--colour-ideco-white);
    background-color: transparent;
}
nav.idecoMM-bg .navbar-nav .nav-item a:hover {
    color: var(--colour-ideco-orange);
}

nav.idecoMM-bg .dropdown .dropdown-menu :active,
nav.idecoMM-bg .dropdown .dropdown-menu .active {
    color:var(--colour-ideco-white);
    background-color: transparent;
}
nav.idecoMM-bg .dropdown .dropdown-menu a:hover {
    color: var(--colour-ideco-orange);
    background-color: transparent;
}


/**
nav.idaas-bg .dropdown {list-style: none; background: green; padding: 10px; display: inline-block;}
nav.idaas-bg .dropdown .nav-link {color:#fff; text-decoration: none;}
nav.idaas-bg .dropdown .dropdown-menu a{color: #000; text-decoration: none;}
nav.idaas-bg .dropdown .btn {background: green; color:#fff;}
nav.idaas-bg .dropdown .btn:hover {background: cyan; color:#000;}
nav.idaas-bg .dropdown .btn:active {background: cyan; color:#000;}
nav.idaas-bg .dropdown .btn:focus {background: cyan; color:#000;}
nav.idaas-bg .dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;}
nav.idaas-bg .container .dropdown .dropdown-menu a:hover
{
    color: #fff;
    background-color: #b91773;
    border-color: #fff;
}
**/