@charset "utf-8";
/* CSS Document */

/*Document and sub page card styles*/
/*a:visited {
	color: #0f61fd;
}*/
a.pension-cards {
    text-decoration: none;
    color: #161616;
    text-align: left;
    transition: 0.2s;
    background-color: white;
    font-weight: 500;
}
a.pension-cards:hover {
    background-color: #0f61fd;
    color: white;
    transition: 0.2s;
}
h5.pension-header {
    margin-bottom: 40px;
    text-align: left;
    }
.document {
    text-decoration: none;
    color: #161616;
    text-align: left;
    transition: 0.2s;
    background-color: /*#c6c6c6*/#ededed;
    font-weight: 500;
}
a.document:hover {
    background-color: #0f61fd;
    color: white;
    transition: 0.2s;
}
.feather {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  float: right;
  margin-right: 1em;
}
/* document and sub page card styles end/*

/* Flexbox stuff */
@media screen and (max-width: 50em) {
	.pension-centered {
        max-width: 27em;
    }
    .cards:not(.cards-story--redesign) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -1em;
    }
    h5.pension-header {
        text-align: center;
    }
	.feather {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  float: right;
  margin-right: 1em;
}
}

@media screen and (min-width: 51em) {
	.pension-centered {
        max-width: 51em;
    }
    .cards:not(.cards-story--redesign) {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -1em;
    }

    h5.pension-header {
        text-align: center;
    }
}


@media screen and (min-width: 77em) {
    
	    .cards:not(.cards-story--redesign) {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: -1em;
    }
    .card {
        /*flex: 0 1 calc(33% - 1.5em);*/
        flex: 0 1 calc(32%);
        margin-bottom: 2em;
    }
	.navbar-brand {
	    display: inline;
	}
	h5.pension-header {
        text-align: left;
    }
}

@media screen and (min-width: 77em) { 
    .pension-centered {
        max-width: 77em;
    }

	.card {
	margin-right: 1.5em;
	width: 380px;
}
	.document-order {
	margin-right: 2em;
	width: 380px;
		
	}
/*
	    .cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: -1em;
    }*/
}
/* Flexbox stuff ends*/	

/*Content area*/
.pension-centered {
    margin: 0 auto;
    padding: 0 1em;
}

.card {
	width: 380px;
	margin-bottom: 0.6em;
	height: 80px;
}

h6.news-card-header {
	padding: 20px 20px 20px 20px;
	height: 80px;
	font-weight: 600;
}

/*main card style for entry page and portal page*/
.pension-hover-state {
	background-color: white; 
	padding: 20px 20px !important; 
} 




/*Content area ends*/

/*Misc and general overides*/

.card {
	border: 0px;
}
.card-footer {
	border: 0px;


/* Misc ends*/