/*
Theme Name:     DFA Child Theme of Purdue Home Theme
Theme URI:      https://www.purdue.edu/dfa/
Description:    Use to customize the functions, CSS, templates, etc. of the Purdue Branded theme.
Author:         Adam Castro
Author URI:     
Template:       purdue-wp-theme
Version:        0.1.1
*/




/* POLY TECH CALC */
#costcalculator-container {
	padding: 1em;
	background-color: #ffbb99;
	color: #000
}
#choose label {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	color: #8e6f3e;
}
#choose select {
	width: 100%;
	font-size: 120%;
	font-family: United Sans,Impact,Arial Black,"sans serif";
	padding: .5em;
	background-color:#ededed;
	font-weight: 700;
}
#costs {
    display:none;
	width: 30%;
	float:right;
}
#costs td, #labels th {
	width: 100%;
	display: block;
	font-size: 120%;
}
#costs td {
	font-family: United Sans,Impact,Arial Black,"sans serif";
	font-weight: 700;
	color: #8e6f3e;
	min-width: 100px;
}
#labels {
    display:none;
	width: 70%;
	float:left;
}
@media screen and (max-width: 600px) {
  #costs td, #labels th {
		font-size: 100%;
	  	height: 50px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	  	
	}
}

/* NET PRICE CALC */
#npc-container {
	max-width: 900px;
	margin: 0 auto;
}

/* COSTS TABLES */
#costs-chart-container,
#costs-table-container {
	overflow-x:auto;
	max-width: 100%;
}
#costs-table caption {
	color: #D5D3D4;
	padding: 15px;
	font-size: 1.3em;
	font-family: "United Sans",Impact,"Arial Black","sans serif";
}
#costs-chart {
	border-collapse: collapse;
	width: 100%;
	min-width: 750px;
}
#costs-table {
	border-collapse: collapse;
	width: 99%;
	min-width: 710px;
}
#costs-table thead th {
	white-space: nowrap;
}
#costs-table tbody th {
	border-left: 1px #000 solid;
}
#costs-table thead th,
#costs-table thead td,
#costs-table tfoot th,
#costs-table tfoot td {
	border-color: #555960;
}
#costs-table .side-header th,
#costs-table .side-header td {
	background-color: #000!important;
	color: #cfb991;
}
#costs-table td {
	font-family: "United Sans",Impact,"Arial Black","sans serif";
	font-weight: 600;
}
#costs-table tbody td {
	background-color: #ebd99f;
	border: 1px #000 solid;
}
#costs-table tbody th {
	background-color: #cfb991;
	color: #000;
	border-color: #000;
}
#costs-table tbody tr:nth-child(2n+1) td {
	background-color: #ddb945; 
}
#costs-table td, #costs-table th { 
	padding: 15px;
	
	vertical-align: middle;
}
#costs-table th {
	font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 1.2;
}
#costs-table thead th, #costs-table tfoot th, #costs-table tfoot td {
	background-color: #000;
	color: #cfb991;
}
#costs-chart .highlight{
	background-color: #fff;
}
#costs-chart a {
	color: #000!important;
}
#costs-chart sup {
	font-size: 50%;
}
#costs-chart th {
	background-color: #000;
	color: #fff;
	font-family: acumin-pro-semi-condensed,Franklin Gothic,sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 1.2;
}
#costs-chart td,
#costs-chart th {
	border:none;
	padding: 15px;
	vertical-align: middle;
}
#costs-chart td {
	text-align: left;
	color: #000;
	font-weight: 600;
	font-size: 85%;
	line-height: 1.2;
}
#costs-chart th {
	text-align: center;
}
#costs-chart thead th {
	border-right: 15px solid #fff;
	white-space: nowrap;
}
#costs-chart tbody th {
	min-width: 150px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
#costs-chart tbody th div {
	width: 100%;
	padding: 15px;
	background-color: #555960;
}
#costs-chart tbody td {
	background-color: #daaa00;
	border-right: 15px solid #fff;
}
#costs-chart tbody td:nth-child(3){
	background-color: #ddb945; 
}
#costs-chart tbody td:nth-child(4){
	background-color: #ebd99f;
}
.table-note {
	font-size: 90%;
	color: #D5D3D4!important;
	font-weight: 500;
}

/* UTILITY */

#content .no-bottom-padmar {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}
#content .no-top-padmar {
	margin-top: 0!important;
	padding-top: 0!important;
}

/* MOBILE HEADER NAV */

@media screen and (min-width: 1216px) {
  .navbar-find-info.is-global .navbar-find-info__menu {
    display: block !important;
  }
}

/* LEGACY CSS - see section below for page reference example of applied fix */

/* Home */
.purdue-block-quote-wrapper {
  display: flex !important;
  position: relative !important;
  left: 0 !important;
  width: 100% !important;
}


/* Boiler Gold Grant */
.content figure {
  text-align: center;
}

/* Any page with old theme hero */
.bulma-blocks-50-50-hero .hero {
  display: block !important;
}