@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic,900,900italic);
/* 
	typography.less
	Project: Paralympic Sports Association
*/
/*------ imports ------*/
/* 
	definitions.less
	Project: Paralympic Sports Association
*/
/*------- Colours -----*/
/*--------- Screen Sizes ------*/
/* 
	mixins.less
	Project: Paralympic Sports Association
*/
.hidden {
  display: none !important;
}
.inline-block {
  display: inline-block;
}
/*--------- Fonts -----------*/
/*------ global elements------*/
html {
  font-size: 11px;
}
@media (max-width: 2000px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1300px) {
  html {
    font-size: 9.5px;
  }
}
@media (max-width: 1130px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 700px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 479px) {
  html {
    font-size: 8.7px;
  }
}
body,
td {
  font: 12px "Lato", sans-serif;
  color: #333;
  line-height: 1;
  letter-spacing: 0px;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 1.5rem 0;
}
ul,
ol {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0px;
  background: #fff;
  padding: 0;
  margin: 0 0 20px 0;
}
blockquote {
  background-color: #004996;
  color: white;
  font-size: 2.4rem;
  margin: 40px -110px;
  padding: 30px 120px;
  box-sizing: border-box;
  font-style: italic;
}
@media only screen and (min-width: 700px) and (max-width:  1130px) {
  blockquote {
    margin: 40px -60px;
    padding: 20px 60px;
  }
}
@media only screen and (min-width: 479px) and (max-width: 700px), only screen and (max-width: 479px) {
  blockquote {
    margin: 20px -20px;
    padding: 20px 20px;
  }
}
blockquote p {
  font-size: 2.4rem;
  margin: 0;
}
/*------ typography ------*/
/* global links */
a {
  color: #004996;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
}
a:hover,
a:active {
  color: #001730;
  text-decoration: none;
  cursor: pointer;
}
/* headings reset */
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  font-weight: normal;
}
h1 {
  font-size: 30px;
  margin: 0 0 20px;
}
h2 {
  font-size: 4.2rem;
  color: #333;
  font-weight: bolder;
  font-style: italic;
  margin: 0px 0px 2.2rem;
}
h3 {
  font-size: 2.8rem;
  color: #004996;
  font-weight: bolder;
  font-style: normal;
  margin: 3.6rem 0rem 2.5rem;
}
h4 {
  font-size: 2rem;
  color: #004996;
  font-weight: bolder;
  font-style: normal;
  margin: 3rem 0rem 2rem;
}
h5 {
  font-size: 12px;
  margin: 0 0 5px;
}
h6 {
  font-size: 11px;
  margin: 0;
}