/* CSS FOR LANDING PAGES DEV */
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;
}

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

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

.dropdown-toggle .caret{
    border-top-color: #ffffff !important;
}


/* Google Search Bar */

#gs_cb50{
	padding:10px !important;
	margin-left:10px !important;
	margin-bottom:10px !important;
}

#gsc-i-id1{
padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: rgb(73, 80, 87) !important;
    border: 1px solid rgb(206, 212, 218) !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    background: rgb(255, 255, 255) !important;
}

.gsc-search-button{
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: 0.25rem !important;
}

.gsc-control-cse{
    padding-top:55px !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-cards-holder {
		padding: 15px 0px;
	}

	.nav-card {
            background: #f5f6f6;

    border-left: 8px solid #02aff3;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
        border-top: 1px solid #b1b4b6;
        margin: 10px 15px;
	    padding: 10px 10px 20px 20px;
        min-height: calc(100% - 30px);
	}

  .nav-card h2{
border-left: none;
    background: none;
    color:none;
    font-size:18px;
    padding-right:10px;
    margin-top:20px !important;
    font-weight: 400 !important;
    padding: 0px;
    margin-bottom:0px;

  }

	.nav-card h2 a {
		//display: block;
		line-height: 1.25;
		font-size: 18px;
        padding-right:10px;
	}

	.nav-card h2:after {
		border-right: 3px solid #90a4ae;
		border-top: 3px solid #90a4ae;
		content: "";
		display: block;
		height: 10px;
		position: absolute;
		right: 0px;
		top: 0px;
		-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: 0px 20px;
    }
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}