/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 6, 2020, 3:26:00 PM
    Author     : sudhi
*/

:root {
    --rich-black-fogra-29: #011627ff;
    --pale-silver: #d7cdccff;
    --indigo-dye: #344966ff;
    --xiketic: #14080eff;
    --turquoise:#73eedcff;
    --prussian-blue:  #0e273cff;
    --white: #ffffffff;
    --eerie-black: #1f1f1fff;
    --usafa-blue:#205583ff;
    --byzantium: #731963ff;
    --anthracite-gray: #292C33ff;
    --light-gray: #fbfcfcff;
}

body {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
    background: #0CBABA;
    background: linear-gradient(to bottom, #0CBABA 0%, #380036 100%);
}
.navShadow {
    box-shadow: #544f4f 0px 1px 20px 1px;
}

.contentWrapper {
    background-color: var(--light-gray);
    margin: 0px auto;
    background-image: url("../img/bg/boukeh-blue.jpg");
    background-size: cover;
    color: var(--anthracite-gray); 
}

.bg-shim {
    /*background-color: #0346657a;
    height: calc(100% - 60px);
    backdrop-filter: blur(7px);*/
    background-color: #ffffff7a;
    height: calc(100% - 60px);
    backdrop-filter: blur(7px);
}

.footer {
    height: 60px; /* Set the fixed height of the footer here */   
    background-color: var(--light-gray);
    border-top: 1px solid #EAAA00;
    color: ghostwhite;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 200;
}

.navbar-nav .active>.nav-link {
    font-weight: bold;
    /* text-decoration: overline; */
    color: #121212;
    background-color: #e1a300;
    border-radius: 5px;
}

.card-title {
    color: var(--teal);
}

iframe {
    width: 1200px;
    height: 950px;
    display: block;
    margin: 5px auto;
}

.title {
    color: #003b69;
    background-color: #f3f3f3
}

.title h2 {
    border-bottom: 5px solid #003b69;
}

.visually-hidden:target + h3{
  animation: highlight 5s ease;
}

@keyframes highlight {
  from { background: yellow; }
  to { background: white; }
}

.construction-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 10px;
  background-image: linear-gradient(135deg, #000 25%, #fed403 25%, #fed403 50%, #000 50%, #000 75%, #fed403 75%, #fed403);
  background-size: 50px 50px;
  display: flex;
}

.construction-container .text-container {
    background-color: #fed403;
}
.construction-container h1 {
  font-size: 2em;
  margin-bottom: 10px;
}

.construction-container p {
  font-size: 1.2em;
}

.table td,
.table th {
    vertical-align: middle;
}