:root {
    --color-1 : #1f3e95;
    --color-2 : #26599a;
    --color-3 : #dfb100;
    --hover-filter : invert(50%) sepia(65%) saturate(5930%) hue-rotate(158deg) brightness(100%) contrast(103%) !important;
    --default-filter : brightness(0) saturate(100%) invert(31%) sepia(12%) saturate(868%) hue-rotate(156deg) brightness(93%) contrast(92%) !important;
}
/* @font-face{
    font-family: Roboto;
    src: url(../fonts/Helvetica.ttf);
} */


div , img {
    max-width: 100%;
}
p{
    overflow: hidden;
    text-overflow: ellipsis;
}
body{
    background: white !important;
    margin:0px;
    padding:0px;
    width:100%;
    font-family: 'Roboto', sans-serif;/*'GillSansLight', 'Gill Sans', 'Gill Sans MT', Calibri, "Trebuchet MS",  sans-serif;*/
    font-size:140%;
}
html{
    margin:0px;
    padding:0px;
    width:100%;
}
.navbar-static-top{
    margin: auto !important;
}
.primary , .wrapper{
    min-height: 100vh;
}
.feed-image{
    height: 15em !important; 
    width: 100%; 
    display: block !important;
}
.feed-card{
    height: 100% !important;
    padding-bottom: 25px;
}
.custom-container{
    padding: 10px;
	margin-top: 5em !important;
}
.category-image{
    margin-top: 5px !important; 
    width: 8em  !important;
    height:8em  !important;
}
.category-thumbnail{
    border : none !important;
    padding: 1px !important;
    margin: 1px !important;  
    margin-top: 3px !important;
    min-height: 200px !important;
}
.data-head{
    font-weight: bold
}
.simple-heading{
    font-weight: bold
}
.simple-description{
    font-weight: normal;
    font-style: italic;
}
.dataset-home{
    min-height: 8em
}
.dataset-heading{
    font-weight: bold !important
}
.dataset-home-container{
    max-height: 100%;
    border : 1px solid #e6e7e8;
    margin-top: 10px !important
}
/* to fix the resource view icon */

.logo-image{
    max-width: 13em;
}


.navbar-options{
    margin-left : 10px !important;
    padding: 1em !important;
}
.navbar-default{
    background : none !important;
    border : none !important;
    padding: 10px;
}
.navbar-default .navbar-nav > li > a {
    color: var(--color-1) !important;
}

/* .banner-image{
    padding: 9%;
   background: url('/images/banner-temp.jpg') !important;
   background: var(--color-2);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
 */


.banner-image{
    background-position: center center !important;
    background-color: #eee !important;
}





.search-heading{
    color : var(--color-2);/*#00a1ac !important;*/
    font-weight: bold;
}

.search-form{
    border: none !important;
}


.search-form .search-input input {
    background: url('/images/transparentbar.png');
    background-size : cover;
    border-radius: 17px;
    border-color: var(--color-1);
}

.search-form-holder{
    width:50em !important;
}
.homepage-heading{
    color: var(--color-1) !important;
}
.blog-heading{
    font-size: 15pt;
    height: 2.35em !important;
    font-weight: bold;
    overflow: hidden;
}
.blog-card{
    background: #ecedef;
}
.blog-description{
    font-size: 5pt;
    height: 15em;
}
.homepage-read-more{
    text-decoration: none;
    padding: 5px;
    color : var(--color-1);
    border : 1px solid var(--color-1);
    margin: 15px;
    border-radius: 3px;
}
.homepage-read-more:hover{
    text-decoration: none;
    padding: 5px;
    color : white;
    border : 1px solid white;
    background: var(--color-2)
}
.divider{
    border-top:1px solid var(--color-1) !important;
    margin-top: 3px;
}
.main-heading{
    /*font-size: 35pt;*/
    font-weight: bold;
}
.heading-underline{
    margin-top: 2px;
    border-top: 5px solid var(--color-3);
    width: 90px;
    margin-bottom: 2em;
}
.data-heading-container{
    padding: 1em;
    background: #f6f6f6;
    padding-top: 1px;
    padding-bottom: 1px;
}
.data-heading{
    color: var(--color-1);
    font-size: 15pt;
    font-weight: bold
}
.data-description{
    font-size: 11pt;
    text-align: justify;
}
.data-set-description-home{
    height: 3em;
    overflow: hidden !important;
}
/*  */
/*  */
/*  */

.nav-button-footer:hover{
    border-bottom: 2px solid var(--color-2)
}
.nav-button-footer{
    margin : 3px !important;
    border : none;
    background: none;
    font-size : 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: var(--color-2) !important
}

.navbar-inverse .navbar-nav > li > a {
    color: white !important
}
.homepage-stats{
    background: #32445a0a;
    margin-top: 5em;
}
.homepage-count{
    color : white;
    font-size: 25pt !important;
}
.homepage-count-description{
    color : white;
    font-size: 15pt;
}

.homepage-count > img {
    height : 0.8em;
}

.homepage-footer-stats, .homepage-footer-stats:hover{
    text-decoration: none !important;
    color: white !important;
}

.navbar .navbar-inverse  {
    margin-bottom: none !important
}

.homepage-footer-divider{
    margin-top: 2em;
    margin-bottom: 2em;
    border-top: 1px solid var(--color-3) !important;
}

.homepage-footer-desc-heading{
    color : #222;
    font-weight: bold;
    font-size: 15pt !important;
}

.homepage-footer-description{
    color : #222;
    font-size: 10pt;
}

.homepage-footer-logo-image{
    margin-top: 2.5em; 
    margin-bottom: 2.5em; 
}

.homepage-category-text:hover *{
    text-decoration: none !important;
    filter: var(--hover-filter)
}
.homepage-category-text *{
    text-decoration: none !important;
    filter: var(--default-filter)
}

.homepage-category-text>h5{
    font-size: 10pt !important;
    padding: 2px;
}

.homepage-category-text{
    color: var(--color-1) !important;
    text-decoration: none !important;
}
.dataset-item-desc{
    text-align: justify !important;  
    text-justify: inter-word !important;
    color: #58595b !important;
    font-size: 15 !important  ;
}
.options-underline{
    border-top : 3px solid white;
    margin-top: 3px;
    width: 50%; 
    margin-bottom: 0;
}
.option-activated {
    border-top: 3px solid var(--color-3) !important;
}
.nav-button{
    margin : 3px !important;
    border : none;
    color: var(--color-1) !important;
    background: none;
    /**font-size : 20px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.nav-button:hover hr {
    border-top: 3px solid var(--color-3) !important;
}
.module-heading {
    background: var(--color-2) !important;
    color:white !important;
    font-size: 15pt;
    font-weight: bold;
}
.module-narrow .nav-item > a, .module-narrow .nav-aside li a {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    color: var(--color-1) !important;
    font-size: 10pt;
}
.btn.btn-primary {
    background: var(--color-2);
    color:   white;
    border: none;
    padding: 0.7em;

}
.secondary{
    border : 1px solid #96969640;
}

.fa.fa-search {
    color: var(--color-1)
}

/* .nav-facet .nav-item.active > a::after{
    display: none !important;
}
.nav-facet .nav-item > a::after{
    display: none !important;
} */
.dataset-heading > a , .homepage-heading.data-heading > a {
    color: var(--color-2) !important;
}
.module-heading > .fa.fa-filter {
    display: none;
}
.filtered pill{
    background: var(--color-1)
}


.homepage-action-image{
    width: auto;
    height: 13em;
    margin: 25px
}
.homepage-action-image:hover{
    filter : var(--hover-filter);
}
.custom-footer{
    position: relative;
    width: 100%;
    border-radius: 0;
    bottom: 0;
}
.nav-item.active > a {
    color: white !important;
    background: var(--color-1) !important;
}
.nav-item.active > a::before {
    display: none !important
}
.filter-list{
    display: none
}
/* .homepage-heading.blog-content > p {
    max-height: 5.8em;
    overflow: hidden;
    line-height: 1.4em;
} */
.blog-content > p {
    height: 5.8em !important;
    overflow: hidden !important;
}
.categories-container{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.category-item{
    height: auto;
    flex-grow: 0.14;
    min-width: 1em !important;
	margin: 5px;
    align-items: center;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.category-name{
    max-width: 9em !important;
	padding-top: 0.7em !important;
    font-weight: bold
}
.header-flex{
    display: flex;
    flex-wrap : wrap
}
.nav-header-logo{
    flex-grow: 0.7;
    align-self: flex-start
}
.nav-header-toggle{
    width: 45px;
    align-self: flex-end
}
.showcase-description .media-heading > a {
    color: var(--color-2) !important;
    font-weight: bold !important;
}
.ckanext-pages-content a {
    color: var(--color-2);
}
.ckanext-pages-content p {
    color: var(--color-1);
}
.homepage-full-blog:hover{
    text-decoration: none !important;
}
.stages li.active .highlight{
    background : var(--color-2) !important;
}
.stages li.active::before {
    color: var(--color-1) !important;
}
.stages li.complete .highlight {
    color: white !important;
    background: var(--color-2) !important;
}
.stages li.complete::before {
    color: var(--color-1);
    background:white;
}
.stages li.active::after{
	border-top-color:white !important;
	border-bottom-color : white !important;
}

.resource-preview{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* .resource-item .format-label { 
  position: revert !important;
} */
.resource-actions{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    min-width: 50px;
    align-self: flex-end
}
/* .resource-action-button{
    color:
    black;
    text-decoration: none;
    padding: 12px !important;
    min-width: max-content;
    border : 1px solid black;
    border-radius: 3px;
    display: inline-block;
    margin: 2px;
} */
.resource-actions-option{
    margin : 5px !important
}
.data-head > a {
    color: var(--color-2) !important;
}
.follow_button>a{
	background-color: var(--color-2) !important;
	border: none !important;
}
.toolbar *{
    color : var(--color-1) !important
}
.toolbar .breadcrumb a{
    color : var(--color-1) !important
}
a.tag{
    color : white !important;
    border :none !important;
    background: var(--color-2)
}
a.tag:hover{
    color : white !important;
    border :none !important;
    background: var(--color-2);
    opacity: 0.8;
}
.page-header .nav-tabs li.active a {
    background: var(--color-2);
    color: white;
}

.page-header .nav-tabs li a {
    color: var(--color-2);
}
.timeline-Header-title {
    font-size: 20pt !important;
    font-weight: bold !important;
    line-height: 24px !important;
    color: var(--color-1);
}
.timeline-Header {
    padding: 10px;
    border-bottom: 5px solid #ffa700 !important;
    padding-bottom: 24px !important;
}
.timeline-Header-title {

    font-size: 21px;
    font-weight: bold !important;
    line-height: 24px;
    color:  var(--color-1) !important;
    padding-bottom: 11px;

}

.timeline-Header-title {
    font-size: 21px;
    color:  var(--color-1) !important;
    font-weight: bold !important;
}

.timeline-TweetList-tweet.customisable-border {
    border-top: 3px solid #ffa700 !important
}

.navbar-brand.navbar-image {
   padding: 0px 20px 0px 0;
   display: flex;
}
.navbar-brand.navbar-image>img {
   margin: auto 0;
   z-index: 1;
   height: 3.4em;
}

@media (min-width: 768px) {
    .navbar.taller.navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 25px;
     }
}
@media (max-width:1000px) {
    .nav-button > a{
        font-size :12pt
    }
    .navbar-brand.navbar-image > img{
        height: 100% !important;
    }
}
.pagination > li > a {
    color: var(--color-2);
    border: none;
}
.pagination > .active > a{
    color:  white !important;
    background: var(--color-2) !important;
    border: none !important;
}
.pagination > .active:hover > a {

    background: var(--color-2) !important;
    cursor: pointer !important;
    border : none !important;
}

@media (max-width:800px) {
    .nav-button > a{
        font-size :11pt;
        margin-top : 5px
    }
}
@media (max-width:768px) { 
   #bs-example-navbar-collapse-1 {
       margin-top: 20px !important;
    }

}

[data-module="api-info"] {
    display: none !important;
}


.navbar.navbar-default.navbar-static-top {
    z-index: auto !important;
}

.navbar.navbar-default.navbar-static-top {
    z-index: auto;
}

@media (max-width:1000px) { 
    .navbar-brand.navbar-image > img{
        height: 100%
    }
}

.page-heading::after {
    content: "";
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 10%;
    padding-top: 5px;
    background:  #ffa700;
}
.page-heading{
    font-size: 20pt;
   font-weight: bold;
color: var(--color-1) !important;
}

.number-of-blogs {
    margin-bottom: 30px;
    margin-top: 0px;
}

.carousel-caption {
display: none;
}


.carousel-indicators {
display: none;
}

.blog-social-icons{
font-size: 30px;
}

.twitter{
color: #38A1F3
}

.module-content.search-form{
padding: 0;
}

.carousel-control{
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}




.slider-size {
height: 28vmax;
}

.covid19-banner-anchor{
text-align: center;
position: absolute;
right: 15%;
bottom: 5%;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
}


.covid19-banner-anchor-text{
font-weight: bold; 
border: 2px solid white;
display: inline;
padding: 0.5vw;
font-size: 2vw;
font-family: inherit;
}