body {
	font-family: 'Quattrocento Sans',sans-serif;
	}
h1 {
	color: #ffffff;
	background-color: #555555;
	padding: 2pt;
	}
h2 {
	color: #ffffff;
	background-color: #008755;
	padding: 2pt;
	}
p {
	margin-left: 0pt;
	text-indent: 0pt;
	margin-bottom: 5pt;
}
#employment {
	margin-left: 15pt;
	font-size: 12pt;
}
.employment {
	clear: left;
	display: inline;
	font-size: 12pt;
}
/* .accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
//	padding: 18px;
//	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 1.4s;
}
.active, .accordion:hover {
	background-color: #ccc;
}
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
	height: 0;
	font-size: 12pt;
}
.panel.show {
	opacity: 1;
	max-height: 500px;
	font-size: 12pt;
}
*/
/* NEW */

   button.accordion {
      font-family: 'Kulturista Bold Italic', Sans-Serif;
      background-color: #f1f1f1;
      color: $TTMdarkBlue;
      cursor: pointer;
//      padding: 18px;
//      width: 100%;
//      text-align: left;
      border: none;
//      border-radius: 0;
      border-radius: 4px;
      outline: none;
      transition: 0.8s;
	display: inline;
margin-bottom:15px;
    }
//    button:first-of-type {border-radius: 8px 8px 0 0;}
//    button:last-of-type {border-radius:  0 0 10px 10px;}
    button.accordion.active, button.accordion:hover {
      background-color: $TTMdarkBlue;
//      color: red;
    }
    .panel {
//      padding: 0 18px;
      background-color: white;
      max-height: 0;
	margin-bottom: 15px;
    }
    .panel.show {
      display: block;
    }
    .panel {
//      padding: 18px 18px;
      background-color: white;
      max-height: 0;
      overflow: hidden;
      transition: all 0.6s ease-in-out;
      opacity: 0;
    }
    .panel.show {
      opacity: 1;
      max-height: 500px; /* Whatever you like, as long as its more than the height of the 
content (on all screen sizes) */
    }
//    .panel:last-of-type {
//      border-radius: 0 0 10px 10px;
//    }
    .accordian-section {
      // height: 283px;
    }
    button.accordion:after {
      content: '+'; /* Unicode character for "plus" sign (+) */
      color: $TTMdarkBlue;
      float: right;
//      margin-left: 5px;
      margin-left: 0px;
    }
    button.accordion:hover:after {
//      color: white;
    }
    button.accordion.active:after {
      content: "-"; /* Unicode character for "minus" sign (-) */
//      color: white !important;
    }
 //   .image-container, .description-container {
 //     float: left;
 //     width: 50%;
 //     box-sizing: border-box;
//    }
//    .description-container {
//      padding-left: 5px;
//    }
    .includes {margin-bottom: 0;}
    .select-button {float:right;}
    .btn {
      color: white;
      font-family: 'Kulturista Bold Italic', Sans-Serif;
      background-color: $TTMmediumOrange;
      padding: 9px;
      margin-bottom: 10px;
      width: 130px;
      font-size: 20pt;
      text-align: center;
      text-transform: uppercase;
      border-radius: 3px;
      transition: all 0.5s;
      cursor: pointer;
    }
    .btn:hover {
      background-color: $TTMlightOrange;
    }
    table {
      border-collapse: collapse;
      width: 100%;
    }
    tr {
      font-size: 12pt !important;
    }
    td, th {
      border: 1px solid #dfdfdf;
      text-align: left;
      padding: 2px 4px;
    }
    tr:nth-child(even) {
      background-color: #dfdfdf;
    }

ul {
	padding: 0px;
	padding-left: 50px;
	margin: 0px;
}