body
    {font-family:Roboto;}

.otdtopbar {
    background-image: none;
    /* text-indent: -9999px; */
    background-size: cover;
    background-color: #fcd0b1!important;
}

.ftlogo_brand-ft-masthead {
    width: 50%!important;
    height: 40px!important;
    display: flex;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding: 0;
    background-image: url('/MediaHub/Publication/FTI/ftlogo_brand-ft-masthead.svg');
    margin: 0 auto;
}

.nav-link:hover{color:#990f3d;}

.site-body, .sidebar
{background-color: #fff1e5!important;}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: #fff1e5!important;
    border: none;
}
.nav-link {
    transition: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #33302e;
    padding-top:15px;
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #fff;
    --bs-btn-bg: #33302e;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
     text-transform: uppercase;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #fff;
    background-color: #990f3d;
    border-color:  #990f3d;
    text-transform: uppercase;
    font-size:0.9rem;
}


.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #262a33;
    --bs-btn-border-color: #262a33;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #262a33;
    --bs-btn-hover-border-color: #262a33;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #262a33;
    --bs-btn-active-border-color: #262a33;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #262a33;
    --bs-btn-disabled-border-color: red;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.btn:hover {
    color:#fff;
    background-color: #33302e;
    border-color: #33302e;
     text-transform: uppercase;
}

.text-light {
    --bs-text-opacity: 1;
    color: #33302e!important;
}

.site-footer
{    background: #262a33;
    color: #fff;
}
.form-inline .btn-primary
{margin-left:10px;
--bs-btn-color: #262a33;
    --bs-btn-bg: #fff;
    text-transform: uppercase;
    font-size:0.9rem;
    font-weight:700;
} 

.sidebar .text-muted {
    --bs-text-opacity: 1;
    color: #262a33 !important;
    font-weight:600;
    
}

.site-footer {
    background-color: #fcd0b1!important;
    color: #fff;
}
.site-footer h6, .site-footer p, .site-footer a
{    color: #262a33 !important;
text-decoration: none;}

.site-footer h6
{ color: #990f3d !important;
font-weight:700;}

.card .btn-outline-primary {
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    --bs-gradient: none;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: #fff;
}

.sidebar .list-group-item.active {

    color: #990f3d !important;
}
.card-body .card-subtitle {
    margin-top: 0px;
    margin-bottom: 05px !important;
    color: #262a33;
}
.card-text:last-child {
    margin-bottom: 20px;
    color: #262a33;
}

.site-footer {
    background-color: #fcd0b1!important;
    color: #fff;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background-color: #990f3d!important;
    color: #262a33;
    border-color: #990f3d!important;
}
.btn:hover {
    color: #fff!important;
    background-color: #990f3d;
    border-color: #990f3d;
    text-transform: uppercase;
}


div.message-subs
{    padding: 20px 20px;
    width: 100%;
    text-align: center;
background: #fcd0b1;
color:#262a33;
font-size:18px;
font-weight:600;}

.sidebar .text-muted {
    --bs-text-opacity: 1;
    color: #990f3d !important;
    font-weight: 700;
    font-size:18px;
}
.p-4, .p-3 {
    padding: 1.5rem !important;
}
td
{font-size:14px;color:#262a33;}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width);
    padding: 8px 40px!important;
    font-size: 14px;
    font-weight: 600;
    color: #262a33;
}
.card .bg-body-tertiary {
    max-height: inherit;
    overflow: hidden;
    height: inherit;
    padding: 10px;
    overflow: hidden;
}


.footer-msg
{
      text-align: center;
    padding: 20px;
    background: #990f3d;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-top:30px;
}

.card-body p
{color:#000!important;}

btn.navbar-toggler
{cursor: pointer;
    background-color: #990f3d !important;
    color: #fff;
    border-color: #990f3d !important;}


@media (max-width:920px){
    .card .bg-body-tertiary {
    max-height: none;
    overflow: hidden;
    height: inherit;
    padding: 10px;
}
.pubdetailimage
{width:100%;}
.p-4, .p-3 {
    padding: 0.5rem !important;
}
.pubdetail-extra
{padding:1rem!important;}
btn.navbar-toggler
{cursor: pointer;
    background-color: #990f3d !important;
    color: #fff;
    border-color: #990f3d !important;}

    .ftlogo_brand-ft-masthead {
    width: 90%!important;
    height: 40px!important;
    display: flex;
    text-align: center;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding: 0;
    background-image: url('/MediaHub/Publication/FTI/ftlogo_brand-ft-masthead.svg');
    margin: 0 auto;
    padding-top: 20px;
    margin-top: 20px;
}


}