Style guide

Heading 1

Heading 1 is used for Main page headings, which are centered between the 2 dotted lines just below the hero image on each page

h1{
font-family:'UniversLTW01-59UItraCn', Arial;
font-weight:normal;
font-size: 2.75rem;
color:#003e7e;
text-transform:uppercase;
line-height:1.3em;
}

HEADING 2

Heading 2 is used for the second most important section of content on a page. It uses the same size and font as Heading 1 but uses the Knox Mid Blue.

H2 {
font-family: 'UniversLTW01-59UltraCn', Arial;
font-weight: normal;
font-size: 2.25rem;
color: #007dc3;
text-transform: uppercase;
line-height: 1.3em;
}

HEADING 3

Heading 3 is used for the third most important section of content on a page.

H3 {
font-family: 'Univers11W01-67BoldCn', Arial;
font-weight: normal;
font-size: 1.25rem;
color: #003e7e;
text-transform: uppercase;
line-height: 1.3em;
}

HEADING 4

Heading 4 is used for the fourth most important section of content on a page.

H4 {
    font-family: "UniversLTW01-67BoldCn";
    font-weight: normal;
    font-size: 20px;
    color:  #333;
    text-transform: uppercase;
    line-height: 1.3em;
}
HEADING 5

Heading 5 is used for the fifth most important section of content on a page.

h5 {
    font-family: 'UniversLTW01-47LightCn', Arial;
    font-weight: normal;
    font-size: 20px;
    color: #003e7e;
    text-transform: uppercase;
    line-height: 1.3em;
}
HEADING 6

Heading 6 is used for the sixth most important section of content on a page.

H6 {
font-family: 'UniversLTW01-47LightCn', Arial;
font-weight: normal;
font-size: 20px;
color: #003e7e;
text-transform: uppercase;
line-height: 1.3em;
}

Lead Paragraph

The first summary paragraph of every page should be set with the Lead Paragraph style.

p.lead {
font-family: 'UniversLTW01-47LightCn', Arial;
font-weight: 300;
font-size: 1.2rem;
color: #000000;
line-height: 1.4;
}

News lead paragraph

.newsletter-content p.lead {   
font-family: 'UniversLTW01-47LightCn', Arial;
font-weight: 300;
font-size: 1.75rem;
line-height: 2.35rem;
color: #000000;
}

Paragraph

All standard body text should be set in this paragraph style.

p {
font-family: 'UniversLTW01-47LightCn', Arial;
font-weight: normal;
font-size: lrem;
color: #000000;
line-height: 1.35em;
}
1924 - YEAR DATES

This style is for year dates only. The light grey makes them a secondary visual element.

.years h5 { 
    font-family: 'UniversLTW01-59UltraCn', Arial;
    font-weight: normal;
    font-size: 32px;
    color: #BFCOC2;
    border-top: 2px solid #BFCOC2; 
    text-transform: uppercase; 
    line-height: 1.3em; 
}

"Light Quote —We must always follow our motto, and by doing that we will benefit not only ourselves but our School, and in later life, our State, Country and perhaps the World."

Quote Attebuton if applicable

This quote style is for full width quotes or single right column quotes. Quotes should always have punctuation marks at the beginning and end.

.block-LightQuoteBlock H3 {
font-family: 'UniversLTW01-59UltraCn', Arial;
font-weight: normal;
font-size: 1.5em;
color: #003663;
line-height: 1.3em;
}
p.small {
font-family: 'UniversLTW01-59UltraCn', Arial;
font-weight: normal;
font-size: lem;
color: #AAAAAA;
line-height: 1.3em;
}

SOLID TO OUTLINE BUTTONS

Book Your TourBook Your TourBook Your Tour

OUTLINE TO SOLID BUTTONS

Book Your TourBook Your TourBook Your Tour