/*
TOGGLE CONTENT SHORTCODE CSS
CSS here takes a progressive approach to target modern browsers and still support the older ones
TODO: CLEAN UP AND MODULARIZE CSS MORE
*/
h2.trigger {
  margin: 30px 0 20px 0;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.1em;
  letter-spacing: 0.1em; }
  @media all and (max-width: 420px) {
    h2.trigger {
      font-size: 14px;
      letter-spacing: normal;
      line-height: 150%; } }
  h2.trigger:after {
    content: '';
    display: table;
    clear: both; }

@supports (display: flex) {
  div.entry-content h2.trigger {
    display: flex;
    align-items: center;
    padding: 25px 20px 20px 20px;
    line-height: 120%;
    height: auto; } }
h2.trigger a {
  color: #333;
  text-decoration: none;
  padding-top: 10px;
  display: block;
  box-shadow: unset; }

h2.trigger a:hover {
  color: #e2e2e2;
  border-bottom: 2px solid #fff;
  box-shadow: unset; }

h2.toggle-white {
  background-color: #FFF; }

h2.toggle-gray {
  background-color: #F5F5F5; }

h2.toggle-dark {
  background-color: #373B41; }

h2.toggle-dark a {
  color: #fff; }

.toggle_container {
  overflow: hidden;
  padding: 20px; }

button[rel="open"] {
  background-color: #c62430 !important;
  color: #fff !important;
  display: block;
  width: 100%;
  color: #ffffff;
  background-color: #c62430;
  text-align: center;
  margin: 20px auto;
  padding: 1em 0.8em; }
  button[rel="open"]:hover {
    background-color: #2b313a;
    text-decoration: none;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }

@media all and (max-width: 420px) {
  /*make changes to all devices with this query*/
  button.toggle-all button[rel="open"] {
    width: 100%;
    line-height: 100%;
    margin: 20px auto;
    position: relative; } }

/*# sourceMappingURL=msa-content-toggle.css.map */