/*

These are the old button classes and fancy blockquotes from Franklin Bold.
They are here so that they continue to work, because our team spent some time implementing them.

*/

blockquote.fancy {
background-color:override(#ddd;);
padding:4.25em 1em 2.5em 1em;
width: 75%;
margin: 1.5em auto;
border-left:unset;
}

@media screen and (max-width:960px) {
blockquote.fancy {
width:90%;
}
}

blockquote.fancy:before {
content:"“";
font-size:10em;
color:#ccc;
position:absolute;
font-family: 'Merriweather Serif', Georgia, Times;
font-style:bold;
top:-.25em;
}

blockquote.fancy:after {
content:"„";
font-size:10em;
color:#ccc;
position:relative;
bottom:.4em;
font-family: 'Merriweather Serif', Georgia, Times;
font-style:bold;
float:right;
bottom:1.1em;
}

a.button-red, a.button-blue, a.button-grey, a.button-purple {
    -webkit-appearance:none;
    border:0px;
    padding:0em;
    font-size:1.4em;
    /*color:unset;*/
    color:#fff !important;
    padding:.5em;
    text-transform:uppercase;
   	font-family: 'Oswald', Impact, Arial Narrow, sans-serif;
   	font-weight:normal;
   	cursor:pointer;
    border-bottom:0px solid !important;
    text-decoration:none;
   	}

    a.button.cmp-button {
      color:#fff !important;
      border-bottom:0px !important;
    }
	/*DG: Adding this to add dark text to buttons with light backgrounds*/
    a.button-dark.cmp-button {
      color:#000 !important;
    }

  a.button-red:hover,
  a.button-blue:hover,
  a.button-grey:hover,
  a.button-purple:hover,
  a.button.cmp-button:hover,
  a.button-dark.cmp-button:hover,
  a.button.cmp-button--border:hover {
    color:#eee !important;
  }
/* DG: This makes the bottom border disappear. Not sure why we'd want it.
    a.button.cmp-button--border:hover {
     border-bottom:0px !important; 
    }
*/
  a.button.cmp-button--border {
    border-bottom:1px solid #fff !important;
  }


/*
a.button:hover {
color:#eee !important;
border-bottom:0px solid !important;
     transition-duration: 0.5s;
     transition-property: background-color;
     transition-timing-function: ease-out;
}*/


.button.small {
text-transform:none;
padding:.25em;
font-size:1.2em;
}

.button-red {
background-color:#BA0C2F;
transition: background-color 0.5s ease;
}

.button-red:hover {
background-color:#E4002B;
transition: background-color 0.5s ease;
}

.button-blue {
background-color:#004E60;
transition: background-color 0.5s ease;
}

.button-blue:hover {
background-color:#00A3AD;
transition: background-color 0.5s ease;
}

.button-grey {
background-color:#554F47;
transition: background-color 0.5s ease;
}

.button-grey:hover {
background-color:#9EA2A2;
transition: background-color 0.5s ease;
}

.button-purple {
background-color:#66435A;
transition: background-color 0.5s ease;
}

.button-purple:hover {
background-color:#9EA2A2;
transition: background-color 0.5s ease;
}