/*	Buttons (v1.0.7)
********************/
.btn {
  padding: 14px 23px; }

.btn, .btn:link, .btn:hover, .btn:focus {
  border-radius: 0;
  color: #fff;
  display: inline-block;
  padding: 14px 23px;
  font-size: 1rem;
  /*	renders as 14px on desktop and 12px on mobile	*/
  line-height: 1.14em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: background .2s ease-out;
  -moz-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out; }

.btn:hover {
  cursor: pointer; }

button.btn[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=50);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .50; }

.more, .more:link, .more:focus .more:hover {
  background: none;
  border: 1px solid #6d6e71;
  color: #404041;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 14px 23px;
  font-size: 1rem;
  /*	renders as 14px on desktop and 12px on mobile	*/
  line-height: 1.14em;
  font-family: Arial, sans-serif; }

.more:focus, .more:hover {
  color: #fff;
  background: #6d6e71;
  border: 1px solid #6d6e71; }

.more:active {
  background: #404041;
  border: 1px solid #404041; }

/*---  primary button	---*/
.btn--primary, .btn--primary:focus .btn--primary:hover, .btn--primary:active {
  border: 1px solid transparent;
  background: #e0301e;
  /*	default primary button colour is red*/
  border-radius: 0;
  color: #fff; }

.btn--primary:hover {
  background: #be291a;
  cursor: pointer; }

.btn--primary:focus {
  background: #be291a;
  /*	background same as hover. n.b. defatult browser / OS focus styling should be used,	 	*/ }

.btn--primary:active {
  background: #b32618; }

/*	white variations for primary button when shown on a colour background */
.page-section--col--dark .btn--primary {
  background: #fff;
  color: #404041; }

.page-section--col--dark .btn--primary:hover,
.page-section--col--dark .btn--primary:focus {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #fff;
  color: #404041; }

.page-section--col--dark .btn--primary:active {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  color: #404041; }

/*--- secondary button styling	---*/
.btn--transparent, .btn--transparent:link, .btn--transparent:visited, .btn--transparent:focus, .btn--transparent:hover {
  background: transparent;
  border: 1px solid #6d6e71;
  color: #404041; }

.btn--transparent:hover, .btn--transparent:focus {
  background: #6d6e71;
  border: 1px solid #6d6e71;
  color: #fff; }

.btn--transparent:active {
  background: #404041;
  border-color: #404041; }

/*	white variations for secondary button when shown on a colour background */
.page-section--col--dark .btn--transparent {
  border: 1px solid #fff;
  color: #fff;
  background: transparent; }

.page-section--col--dark .btn--transparent:hover,
.page-section--col--dark .btn--transparent:focus {
  color: #404041;
  background: #fff;
  border: 1px solid #fff; }

/*---	large "call to action" Buttons ---*/
/*	
* 	n.b. Has not been used in any components yet 
*/
.cta-btn, .cta-btn:link, .cta-btn:focus .cta-btn:hover {
  border: 1px solid transparent;
  border-radius: 0;
  background: #e0301e;
  /*	default CTA button colour is red*/
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-family: georgia, serif;
  font-size: 1.286rem;
  /*	renders as 18px on desktop and 15.4px on mobile	*/
  line-height: 1.14em;
  font-weight: normal;
  padding: 18px 30px;
  text-decoration: none;
  -webkit-transition: background .2s ease-out;
  -moz-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out; }

.cta-btn:hover, .cta-btn:hover {
  background: #be291a;
  color: #fff;
  cursor: pointer; }

.cta-btn:focus {
  background: #be291a;
  /*	background same as hover. n.b. defatult browser / OS focus styling should be used,	 	*/
  color: #fff; }

.cta-btn:active {
  background: #b32618;
  color: #fff; }

/*	white variations for large call to action when shown on a colour background */
.page-section--col--dark .cta-btn {
  background: #fff;
  color: #404041; }

.page-section--col--dark .cta-btn:hover,
.page-section--col--dark .cta-btn:focus {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #fff;
  color: #404041; }

.page-section--col--dark .cta-btn:active {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  color: #404041; }

/*---	big text link ---*/
.lg-text-link, .lg-text-link:link, .lg-text-link:focus .lg-text-link:hover {
  /*	todo: turn the following styled underline into a mixin */
  border-bottom: 1px solid #ccc;
  color: #404041;
  cursor: pointer;
  display: inline;
  font-family: georgia, serif;
  font-size: 1.286rem;
  /*	renders as 18px on desktop and 15.4px on mobile	*/
  margin-top: 0;
  padding-bottom: 2px;
  text-decoration: none;
  -ms-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }
  @media (min-width: 768px) {
    .lg-text-link, .lg-text-link:link, .lg-text-link:focus .lg-text-link:hover {
      padding-bottom: 4px; } }

.lg-text-link:hover, .lg-text-link:focus {
  border-bottom: 2px solid #e0301e;
  padding-bottom: 1px;
  text-decoration: none; }
  @media (min-width: 768px) {
    .lg-text-link:hover, .lg-text-link:focus {
      padding-bottom: 3px; } }

/*	white variations for large call to action when shown on a colour background */
.page-section--col--dark .lg-text-link, .page-section--col--dark .lg-text-link:link, .page-section--col--dark .lg-text-link:focus .lg-text-link:hover {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.page-section--col--dark .lg-text-link:hover, .page-section--col--dark .lg-text-link:focus {
  border-bottom: 2px solid white; }

/*	end Buttons (v1.0.7)
********************/




/* ---------------- button download ------------- */

.btn-download a,
.btn-download a:hover,
.btn-download a:focus {
    display: inline-block;
    padding: 14px 23px;
    /* margin:0 0 0 20px;*/
    font: 14px/16px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border-radius: 0;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
}

.btn-download:hover {
    cursor: pointer;
}

.btn-download a {
    color: #404041;
    background: transparent;
    border: 1px solid #6d6e71;
}

.btn-download a:hover {
    color: #fff;
    background: #6d6e71;
    border: 1px solid #6d6e71;
}