/*********************************** GLOBAL ***********************************/
:root {
    /* Dark Charcoal Gray */
     --brand-color1: #373737;
     --brand-color1-rgb: 55, 55, 55;
    /* Teal Green */
     --brand-color2: #435E5D;
     --brand-color2-rgb: 67, 94, 93;
    /* Light Brown */
     --brand-color3: #98633E;
     --brand-color3-rgb: 152, 99, 62;
    /* white */
     --brand-color4: #fff;
     --brand-color4-rgb: 255, 255, 255;
    /* Black */
     --brand-color5: #000000;
     --brand-color5-rgb: 0, 0, 0;
    /* Dark Blue */
     --brand-color6: #051c2c;
     --brand-color6-rgb: 5, 28, 44;
    /* Fair blue */
     --brand-color7: #0170B9;
     --brand-color7-rgb: 1, 112, 185;
}
 body {
	 font-family: muli,sans-serif !important;
}
 .bg-doa-dark {
	 background-color: var(--brand-color5);
}
 main .row img{
	 max-width: 100%;
	 height: auto;
}
a {
    text-decoration:underline;
    color: var(--brand-color2);
    text-wrap-style: pretty;
}
 a:is(:hover,:focus) {
	 text-decoration-thickness: 2px!important;
}
.title a {
    line-break: auto;
}
 main .btn-doa-dark {
	 color: #fff;
	 background-color: var(--brand-color5);
	 border-color: rgba(var(--brand-color5-rgb,.9));
}
 main .btn-doa-dark:is(:hover,:focus) {
	 color: #fff;
	 background-color: #5D7189;
}
 figcaption{
	 text-align: center;
	 font-style: italic;
}
article p {
    overflow-wrap: break-word;
}
/*********************************** MAIN *************************************/
 #content-wrapper {
	 padding-top: 6.25rem;
}
/*********************************** FEATURED *********************************/
 .featured-article {
	 border-left: 1px solid #E74f3d;
}
/****************************** NEWS ARTICLES ************************************/
 .news :is(h2,h3,h4,h5,h6) a{
	 color:#505050;
	 font-weight:bold;
}
.articleBody .stretched-link {
    text-decoration: none;
}
 .news .article {
	 transition: box-shadow .5s, border-radius .5s;
}
.news .article:first-of-type{padding-top:1.75rem}
 .news .article:is(:hover,:focus) {
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	 outline: 2px solid var(--brand-color2);
}
 .news .article .thumb {
	 max-width: 200px;
}


/******************************** CATEGORY ************************************/
 #banner {
	 position:relative;
	 min-height:300px;
	 background: no-repeat center center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
#banner h1 {
    background: rgba(5, 28, 44, .8);
    padding: .625rem 1.25rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 25px;
    text-align: right;
    border-right: 3px solid rgba(231, 79, 61, .8);
    text-align: left;
}
.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
    background-color: var(--bs-secondary-bg);
}
.list-group-item.active {
    z-index: 2;
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-secondary-bg-subtle);
}
/*********************************** Tables - Simple DataTable Style ****************************/
 .mobileTables th[style] {
     width: unset!important;
}
 .mobileTables th {
     min-width: 15ch;
}
 .mobileTables th button {
     width: 100%;
     height: 100%;
     text-align: left !important;
     border: none;
     background: none;
     position: relative;
     font-weight: 500;
     padding-right: 1.25rem;
     min-width: 180px;
     flex: 1 1 100%;
}
 .mobileTables th button:is(:hover,:focus,:focus-within), .mobileTables [role="gridcell"]:focus, .mobileTables [role="gridcell"] *:focus, .mobileTables [role="grid"] [tabindex="0"]:focus {
     outline: inherit;
     outline-style: dotted;
     outline-width: 1px;
     outline-offset: 7px;
}
 .mobileTables th[data-sortable] button:before {
     opacity: 0.3;
     position: absolute;
     display: block;
     content: "\25B2" / "";
     width: auto !important;
     height: auto;
     border: none !important;
     right: -.5px;
     top: calc(1.1875rem - 1.5rem);
     font-size: .75rem;
     align-content: center;
}
 .mobileTables th[data-sortable] button:after {
     opacity: 0.3;
     position: absolute;
     display: block;
     content: "\25B2" / "";
     width: auto !important;
     height: auto;
     border: none !important;
     right: 0;
     top: calc(1.1875rem + .3rem);
     rotate: 180deg;
     font-size:.75rem;
     align-content: center;
}
 .mobileTables th[aria-sort="ascending"] button:before, .mobileTables th[aria-sort="descending"] button:after {
     opacity: 0.95 !important;
}
 .mobileTables th[aria-sort="ascending"] button:after, .mobileTables th[aria-sort="descending"] button:before {
     opacity: 0.45 !important;
}
 .mobileTables .table-responsive select {
     height: 2.5rem;
     border-radius: 9999px;
     padding: 0 2rem 0 1.5rem;
}
 .mobileTables .table-responsive select+label {
     font-weight: 500;
     font-size: .9rem;
}
 .mobileTables .table {
     width: 100%;
}
 th, td {
     min-width: 100%;
     min-width: -moz-available;
}
 .mobileTables table.dataTable > tbody > tr > th, .mobileTables table.dataTable > tbody > tr > td {
     padding: .75rem;
}
 .mobileTables table.dataTable > thead > tr > th, .mobileTables table.dataTable > thead > tr > td {
     padding: .75rem;
     border-bottom: 1px solid;
}
 .mobileTables table.dataTable > tbody > tr > th:focus-visible, .mobileTables table.dataTable > tbody > tr > td:focus-visible {
     outline: 2px solid #000;
}
 .mobileTables table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, .mobileTables table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
     left: 0;
     opacity: 0.25;
     line-height: .7rem;
     font-size: 0.8em;
}
 .mobileTables .card:is(:hover,:focus) {
     box-shadow:unset 
}
 .mobileTables .row:last-child {
     justify-content: start!important;
}
 .mobileTables .datatable-search input {
     min-width:300px 
}
 .mobileTables .page-link {
     font-size:1rem;
     font-weight:500;
     height:100%;
     display:flex!important;
     align-items:center;
}
 .mobileTables .page-link:is(.first,.previous,.next,.last) {
     font-size: 1.25rem;
}
 .mobileTables .table-bordered.no-collapse-table>:not(caption)>*:not(th,tr) {
     border-width: 0 !important;
}
 .mobileTables .table-bordered.no-collapse-table>:not(caption)>*>*:not(th,tr) {
     border-width: 0 var(--bs-border-width);
}
 .mobileTables .table.no-collapse-table>:not(caption)>*>*:not(th,tr) {
     background: unset;
     color: unset;
}
 .mobileTables :is(.datatable-top, .datatable-bottom) {
     padding: 8px 10px;
     align-items: center;
     display: flex;
     margin-bottom: .5rem;
}
 .mobileTables .datatable-dropdown {
     margin-right: auto;
}
/***** AGENCY Mobile Tables STYLE ***/
 .mobileTables th, .mobileTables th button, .mobileTables table.table.dataTable>:not(caption)>*>th {
     background:var(--brand-color1);
     color: #fff;
}
/*Pagination*/
 .mobileTables .page-item.active .page-link {
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
     color:#fff;
}
 .mobileTables .page-link {
     color: var(--brand-color1);
}
/***** end AGENCY STYLE ***/
 @media all and (max-width: 991px) {
    /*****************Mobile Table***********/
     .mobileTables .responsiveTablesLarge colgroup {
         width:0;
    }
     .mobileTables .responsiveTables colgroup {
         width:0;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) {
         display: flex;
         overflow:hidden;
         width: 100%;
         position:relative;
         justify-content:center 
    }
     .mobileTables table>:not(:first-child) {
         border-top: unset;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) thead {
         display: flex;
         flex-shrink: 0;
         min-width: -webkit-min-content;
         min-width: -moz-min-content;
         min-width: min-content;
         float: left;
         overflow-x:scroll;
         overflow-y:hidden;
         scrollbar-color:var(--brand-color1 var(--background-gray));
         scrollbar-width: thin;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) tbody {
         display: flex;
         position: relative;
         overflow-x: auto;
         overflow-y: hidden;
         scrollbar-color: var(--brand-color1, gray) transparent;
         scrollbar-width: thin;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) :is(thead, tbody) tr {
         display: flex;
         flex-direction: column;
         min-width: -webkit-min-content;
         min-width: -moz-min-content;
         min-width: min-content;
         flex-shrink: 0;
         max-width: 50vw;
         text-wrap: auto;
         flex:1 1 100%;
         border-width: 0;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) th {
         max-width:200px;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) td {
         max-width:50vw;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) :is(th,td) {
         text-align: left!important;
         border-width: 1px;
         white-space: normal;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) th[colspan]:not([colspan="1"]), .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) tfoot {
         display: none;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) thead th:last-child{
         border-bottom: none;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
         z-index: 1;
         position: relative;
    }
     .mobileTables table.dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-child > * {
         border-bottom: inherit;
    }
     .mobileTables table:is(.responsiveTablesLarge, .dataTable) td, .mobileTables table:is(.responsiveTablesLarge, .dataTable) th {
         padding: .5rem;
         vertical-align: middle;
         box-sizing: border-box;
         font-size: .9rem;
         text-overflow: ellipsis;
         display:grid;
         overflow-y:auto;
         overflow-x:hidden;
         scrollbar-width: thin;
         flex:1 1 100%;
         min-width: 20ch;
         min-height: 60px;
         justify-content: start;
         align-items: anchor-center;
    }
     .mobileTables .table-bordered>:not(caption)>*>* {
         border-width:0 0 1px;
    }
     .mobileTables table:not(.desktopView).dataTable:is(.responsiveTablesLarge, .dataTable) > tbody > tr:last-of-type {
         z-index: 10;
         position: relative;
    }
}
/****** END Table - Simple DataTables Styles *********************/
/********************************** HEADER ************************************/
 header .list-group-flush .list-group-item {
	 color: white;
}
header .list-group-flush .list-group-item.link-dark {
    color:#fff!important;
}
/********************************** FOOTER ************************************/
footer h2
 {
    border: 3px solid rgba(231, 79, 61, .8);
    border-width: 0 0 3px;
}

 footer a:not(.btn):hover {
	 text-decoration-thickness: 2px;
}
 footer li {
	 display:block;
	 float:left;
}
 #back-to-top {
	 position: fixed;
	 bottom: 5rem;
	 right: 1rem;
	 display: none;
	 z-index: 99;
}
/***** LOADING ICON ****/
 .loader {
	 margin-top: 1.25rem;
	 width: 100%;
	 color: $051C2C;
	 text-align: center;
}

.main-body {
    margin: 0 auto !important;
}
/****************************** RESPONSIVE ************************************/
/*Extra large devices (large desktops, 1200px and up)*/
 @media (max-width: 1200px) {
}
/*Large devices (desktops, 992px and up)*/
 @media (max-width: 992px) {
}
/*Medium devices (tablets, 768px and up)*/
 @media (max-width: 768px) {
	 #content-wrapper {
		 padding-top: 3.75rem;
	}
	 #back-to-top {
		 bottom: 1rem;
	}
}
/*Small devices (landscape phones, 576px and up)*/
 @media (max-width: 576px) {
}