/* WebEd User Styles*/

/*Default Link style, exactly same as Link class above, these are the link, visited, hover & active states for this page */

h1, h2, h3, h4 { font-family: 'PorscheNextSemiBold', sans-serif !important; }
h5, h6, p, span, ul li, ol li, a, button, input, textarea, select { font-family: 'PorscheNextRegular', sans-serif; }

.grey-button:before, .red-button:before { 
    content: "\e01f" !important;
    color: #fff !important;
    font-family: 'pag-iconfont' !important;
    padding-right: 5px;
}

.grey-button a, .red-button a { color: #fff !important; }

.grey-button {
  display: inline-block;
  font-size: 16px;
  text-decoration: none !important;
  padding: 10px 20px;
  transition: all 250ms ease-in-out;
  background-color: #313639;
  border: 2px solid #313639;
  font-family: 'PorscheNextRegular', sans-serif !important;
  color: #fff !important;
  cursor: pointer;
}
	.grey-button:hover, .grey-button:active, .grey-button:focus {
      background-color: #d5001c !important;
      border: 2px solid #d5001c !important;
    }

.red-button {
  display: inline-block;
  font-size: 16px;
  text-decoration: none !important;
  padding: 10px 20px;
  transition: all 250ms ease-in-out;
  background-color: #d5001c;
  border: 2px solid #d5001c;
  font-family: 'PorscheNextRegular', sans-serif !important;
  color: #fff !important;
  cursor: pointer;
}
	.red-button:hover, .red-button:active, .red-button:focus {
      background-color: #000000 !important;
      border: 2px solid #000000 !important;
    }

.red-link-underlined {
  color: #d5001c !important;
  cursor: pointer;
}
    .red-link-underlined:hover, .red-link-underlined:active, .red-link-underlined:focus {
      	color: #d5001c !important;
        text-decoration: underline;
     }
.grey-to-red-link {
  color: #313639 !important;
  cursor: pointer;
}
    .grey-to-red-link:hover, .grey-to-red-link:active, .grey-to-red-link:focus {
        text-decoration: underline;
      	color: #d5001c !important;
     }