/* CSS FOR LANDING PAGES DEV */
.main-content h2 {
    color: rgb(20,20,20);
    font-size: 1.6em;
    font-weight: 500;
    background-color: rgba(40,40,40,0.06);
    border-top: 0 !important;
    border-left: 6px solid #02aff3;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 30px;
}

.main-content h2:not(:first-child) {
    margin-top: 60px;
}

.table {
    margin: 40px 0;
}
.table, .table td {
    border: 1px solid rgb(200,200,200) !important;
}






/* Accessible Generic Accordion - Phasing out radio and label approach
---------------------------------------------------- */

 .accordion-holder {
		text-align: left;
		margin: 20px auto 30px auto;
		position: relative;
	}

	.accordion-holder .panel {
		margin-bottom: 10px;
	}

	.accordion-holder .panel-heading {
		background-color: #EEEEEE;
		padding: 5px 15px;
		border-bottom: 1px solid transparent;
    	border-top-left-radius: 3px;
    	border-top-right-radius: 3px;
	}

	.accordion-holder .panel-heading h3 {
		margin: 0px;
		font-size: 1.2em !important;
		color:#5a5a5a;

		/*Overwrite standard heading */
		border-bottom: none;
		border:none !important;
		border-radius: 0px;
		padding:0px;
		background-color: transparent;
	}

	.accordion-holder .panel-heading:hover {
		background: #DCE5EE;
		opacity: 0.95;
	}

	.accordion-holder .panel-heading h3>button {
		display: flex;
		position: relative;
		width: 100%;
    	color:#000000;
        font-size:16px;
		padding: 10px 30px 10px 0px;
		border-color: transparent;
		background: transparent;
		text-align: left;
		font-weight: 500;
        line-height: 25px;
	}

	.accordion-holder .panel-heading h3>button:after {
		/* fa-chevron-down */
		border-right: 3px solid #000000;
		border-top: 3px solid #000000;
		content: "";
		display: block;
		height: 10px;
		width: 10px;
		position: absolute;
		right: 15px;
		top: 10px;
		-webkit-transform: translateY(0) rotate(135deg) scale(1);
		-ms-transform: translateY(0) rotate(135deg) scale(1);
		transform: translateY(0) rotate(135deg) scale(1);
	}

	.accordion-holder .panel-heading h3>button[aria-expanded="true"]:after {
		-webkit-transform: translateY(0) rotate(-45deg) scale(1);
		-ms-transform: translateY(0) rotate(-45deg) scale(1);
		transform: translateY(0) rotate(-45deg) scale(1);
		top: 15px;
	}

	.panel {
    	margin-bottom: 20px;
    	background-color: #fff;
    	border: 1px solid transparent;
    	border-radius: 4px;
    	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	}

	.panel-default {
   		border-color: #ddd;
	}

	.panel-default>.panel-heading {
    	/* color: #333; */
    	background-color: #f5f5f5;
    	border-color: #ddd;
	}

	.panel-body:before, .panel-body:after {
    	display: table;
    	content: " ";
	}

	.accordion-holder .panel-body{
		padding: 15px;
	}
    
    .accordion-holder .panel-body h4{
		padding-top: 10px;
        font-size:14px;
	}

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) { 
      
    .accordion-holder .panel-heading:hover {
      background: #EEEEEE;
    }

    .accordion-holder .panel-heading h3>button:focus {
      outline: none;
    }

  }

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/* Nav Card - used to display cards in landing page template */

/* Nav Card - used to display cards in landing page template */

.nav-cards-holder {
		padding: 15px 0px;
	}

	.nav-card {
		border-top: 1px solid #b1b4b6;
		margin: 0 15px;
		padding: 0px 0 20px 0;
	}

  .nav-card h2{
    font-size:19px;
    padding-right:10px;
    /* /margin-top:20px !important; */
    font-weight: 400 !important;
    margin: 5px 0px !important;
  }

	.nav-card h2 a {
		line-height: 1.25;
		font-size: 18px;
    padding-right:10px;
    padding: 12px 15px 12px 0px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	}

	.nav-card h2 a:after {
		border-right: 3px solid #175892;
		border-top: 3px solid #175892;
		content: "";
		height: 10px;
		-webkit-transform: translateY(0) rotate(45deg) scale(1);
		-ms-transform: translateY(0) rotate(45deg) scale(1);
		transform: translateY(0) rotate(45deg) scale(1);
		width: 10px;
	}

  .nav-card p{
        margin: 8px 0px 10px 0px !important;
  }

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}