/* BASIC ELEMENTS */

html
{
	margin: 0;
	padding: 0;
	background-color: #ddd;
}

body
{
    max-width: 1280px;
    margin: 0 auto;
    font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

header, section, footer, aside, nav, article, figure
{
    display: block;
}

/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
/* Border-box-sizing */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Clearfix */
.block-group {
  *zoom: 1;
}
.block-group:before, .block-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.block-group:after {
  clear: both;
}

.block-group {
  /* ul/li compatibility */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Nested grid */
.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important;
}

/* Default block */
.block {
  float: left;
  width: 100%;
}

/* End PocketGrid */

/* Icon font */

@font-face {
	font-family: 'icomoon';
	src:url('/styles/fonts/icomoon.eot?zc1xmc');
	src:url('/styles/fonts/icomoon.eot?#iefixzc1xmc') format('embedded-opentype'),
		url('/styles/fonts/icomoon.woff?zc1xmc') format('woff'),
		url('/styles/fonts/icomoon.ttf?zc1xmc') format('truetype'),
		url('/styles/fonts/icomoon.svg?zc1xmc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
	content: "\e600";
}
.icon-quotes-left:before {
	content: "\e601";
}
.icon-bubbles:before {
	content: "\e602";
}
.icon-bubbles2:before {
	content: "\e603";
}
.icon-user:before {
	content: "\e604";
}
.icon-phone:before {
	content: "\e605";
}
.icon-home:before {
	content: "\e606";
}
.icon-connection:before {
	content: "\e607";
}
.icon-film:before {
	content: "\e608";
}
.icon-envelope:before {
	content: "\e609";
}
.icon-cancel-circle:before {
	content: "\e60a";
}
.icon-close:before {
	content: "\e60b";
}
.icon-feed:before {
	content: "\e60c";
}
.icon-file-pdf:before {
	content: "\e60d";
}
.icon-menu:before {
	content: "\e60e";
}
.icon-wordpress:before {
	content: "\e60f";
}
.icon-twitter:before {
	content: "\e610";
}
.icon-facebook:before {
	content: "\e611";
}

/* End Icon font */


/* RESPONSIVE DESIGN ELEMENTS */

/* Responsive image */
img 
{
	max-width: 100%;
	height: auto;
}

@media \0screen 
{
  img { 
  	width: auto; /* for ie 8 */
  }
}

/* Word break */
.break-word 
{
	word-wrap: break-word;
}

/* Responsive video */
.video 
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* End Responsive design elements */


/* SITE-SPECIFIC CSS */

/* Common to all devices */

#content h1
{
    line-height: 1.1em;
    color: #6B2C91;
    font-weight: 300;
    font-size: 2.625em;
}

h2
{
    font-size: 2.125em;
    font-weight: lighter;
    color: #1d1d1d;
    line-height: 1.2em;
}

h3
{
    font-size: 1.625em;
    color: #1d1d1d;
    line-height: 1.3em;
}

h4
{
    font-size: 1.375em;
    color: #1d1d1d;
    font-weight: bold;
    line-height: 1.3em;
}

.subIntro
{
    font-size: 1.375em;
    font-weight: 300;
    line-height: 1.5em;
    color: #343536;
    margin-bottom: 1.5em;
}

p
{
    color: #343536;
    line-height: 1.5em;
}

a:link
{
    color: #6b2c91;
}
a:visited
{
    color: #af1600;
}
a:hover, a:active
{
    color: #343536;
}

.imgCaption
{
    background-color: rgba(255,255,255,0.7);
    position: relative;
    z-index: 200;
}

.imgCaption p
{
    padding: 15px 10px;
    font-size: 1.2em;
}

#content img
{
	background:#fff;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

.imgshadow p
{
    margin-top: -10px;
}

ul
{
    list-style-type: square;
}

ul li
{
    padding-left: 20px;
    line-height: 1.5em;
}

.container
{
    background-color: #fff;
}

.clear
{
    clear: both;
}

#logo
{
    padding: 0 1em 0 0;
    margin: 0;
}

#siteName
{
    padding: 0;
    margin: 0;
}

#siteName h1 a
{
	font-weight: lighter;
	text-decoration: none;
	color: #6b2c91;
    font-size: 0.95em;
}

#homeContent
{
    background-color: #fff;
}

#content p
{
    color: #343536;
    line-height: 1.5em;
    margin: 0 0 1.5em 0;
}

footer
{
    background-color: #1d1d1d;
}

footer h2
{
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
}

footer p
{
    color: #aaa;
    font-size: 1.2em;
}

.footerContent
{
    width: 100%;
    padding: 0 0.8em;
}

.outlineBox
{
    margin: 2px 0 10px 0;
    border: 1px solid #ccc;
    padding: 2px 6px;
    background-color: #fff;
}

.dashedBox
{
    margin: 2px 0 10px 0;
    border: 1px dashed #333;
    padding: 2px 6px;
}

.dashedBox h2:first-child
{
    margin-top: 0;
}

.curve
{
	border: 1px solid #cccccc;
	padding: 4px 9px 4px 9px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

/* Wordpress controls */

a[rel~="nofollow"]
{
    display: none;
}

a[rel~="nofollow"] + img
{
    display: none;
}

h2.noshow
{
    display: none;
}

.alignleft
{
    float: left;
    margin: 10px 10px 10px 0;
}

.alignright
{
    float: right;
    margin: 10px 0 10px 10px;
}

.aligncenter
{
    margin: 0 auto;
    text-align: center;
}

/* END Wordpress controls */

/* Slider controls */

.slider
{
    position: relative;
}

.slider ul li
{
    margin: 0;
    padding: 0;
}

.prev, .next
{
    top: 59% !important;
}

/* END Slider controls */

.splashImage
{
    padding: 0 !important;
}

.splashImage img
{
    position: relative;
    z-index: 0;
}

/* Dropdown boxes */

.accordion
{
    margin-bottom: 10px;
}

.acc_trigger {
    padding: 0;
    margin: 0;
}

.acc_trigger a {
    text-decoration: none;
    padding: 3px 6px;
    background-color: #ddd;
}

.acc_trigger a::before
{
    content: "+/- ";
}

.active {
    background-position: left bottom;
}

p.acc_trigger
{
    margin-bottom: 0 !important;
}
.acc_container {
    margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    clear: both;
    background: #ddd;
}
.acc_container .block {
    padding: 20px;
}

/* END Dropdown box */

/* COLOURS */

.colour1 /* Mid blue */
{
    background-color: #919DE8;
}

.colour2 /* Pale blue */
{
    background-color: #cad0f4;
}

.colour3 /* Dark blue */
{
    background-color: #384ED5;
}

.colour4 /* Pale khaki for home page */
{
    background-color: #e8e2be;
}


.colour2, .colour3
{
    color: #fff;
}

.colour3 h2, .colour3 h3
{
    color: #fff;
}

.colour3 a
{
    color: #ddd;
}


/* Grey shades */

.grey1 /* Palest grey */
{
    background-color: #e4e6e7;
}

.grey2
{
    background-color: #dedfe0;
}

.grey3
{
    background-color: #d4d1c0;
}

/* END Colours */

/* Footer */

.footerConnect
{
    font-size: 1.8em;
    text-align: right;
}

.footerConnect span
{
    padding: 0px 6px;
}

footer a:link, footer a:visited
{
    text-decoration: none;
    color: #aaa;
}
footer a:hover, footer a:active
{
    text-decoration: underline;
    color: #aaa;
}

.disclaimer
{
    font-size: 0.85em;
    padding: 0;
    background-color: #1d1d1d;
}

.disclaimer p
{
    color: #aaa;
    padding: 0 0.8em;
}

.disclaimer span:after
{
    content: "/";
    padding: 0 5px;
}

.divider
{
    border-top: 1px solid #aaa;
    padding: 0 -15px;
    width: 100%;
}

/* END Footer */

/* Device-specific CSS - 320px upwards  */

.five-pc, .ten-pc, .twenty-pc, .twentyfive-pc, .thirty-pc, .thirtythree-pc, .forty-pc, .fifty-pc, .sixty-pc, .seventy-pc, .seventyfive-pc, .eighty-pc, .eightyfive-pc, .ninety-pc
{
    width: 100%;
}

.container 
{
    font-size: 0.9em;
}

#contentWrapper
{
    padding: 0 0.5em;
}

header 
{
    width: 100%;
    z-index: 10000;
    background-color: #fff;
    border-bottom: 1px solid #1d1d1d;
}

#homeContent
{
    margin-top: 92px;
    padding: 2em 0.5em 0 0.5em;
    background-color: #fff;
    font-size: 0.85em;
}

#homeContent .block
{
    margin-bottom: 0.5%;
}

#content 
{
    margin-top: 130px;
}

#content h1
{
    font-size: 1.85em;
}

h2 
{
    font-weight: lighter;
    font-size: 1.4em;
}

h3
{
    font-size: 1.15em;
}

#logo 
{
    padding: 1em 1em 0.1em 1em;
    width: 75%;
    float: right;
    text-align: right;
}

img
{ 
    width: 50%;  
    height: 50%;
}

.splash img
{
    width: auto;
    height: auto;
}

.text
{
    padding: 0 1%;
}

/* Homepage splash on small devices */

.homecolBkg
{
    background-color: #fff;
}

/* Gutters */

/* .splash .block
{
    margin: 0 0.5% 0 0;
}

.last
{
    margin-right: 0 !important;
}*/

/* End Gutters */

/* END Homepage splash on small devices */

/* Menu switching */

#menu2
{
    display: none;
}

#menuIcon 
{
    width: 35px;
    font-size: 1.15em;
    margin: 14px 0 0 0;
    padding: 0.3em 0.1em 0.2em 0.4em;
    color: #383b3c;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
}

#menuIcon a 
{
    text-decoration: none;
    color: #666;
}

#mobiMenu 
{
    background-color: #f0f0f0;
}

nav#mobiMenu .block {
    width: inherit;
}

#mobiMenu .secondlevel 
{
    background-color: #e5e5e5;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after 
{
    border-color: #aaa;
}

/* END Menu switching */

#siteName 
{
    width: 90%;
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-top: 1em;
}

#siteName h1, #siteName h1 a 
{
    margin: 0;
}

footer
{
    font-size: 0.75em;
}

#activitiesSlider /* Outreach activities slider */
{
        position: relative;
        width: 100%;
        margin: 0 0 10px 10px;
        border: 1px solid #000;
}


@media (min-width: 360px) /* 360px */
{
    #homeContent 
    {
        margin-top: 99px;
    }

    #content
    {
        margin-top: 145px;
    }
}

@media (min-width: 480px) /* 480px */
{
    #logo
    {
        width: 60%;
    }

    #homeContent
    {
        margin-top: 108px;
        margin-bottom: -4px;
    }

    #content
    {
        margin-top: 140px;
    }
        
    .splash .thirty-pc
    {
        background-color: #e8e2be;
    }

    .splash img
    {
        float: right;
    }

    #siteName
    {
        font-size: 0.9em;
    }

    .footerContact 
    {
        width: 33%;
    }

    .footerConnect
    {
        width: 34%;
        padding-top: 12px;
    }

    .footerFindus
    {
        width: 33%;
    }
}

@media (min-width: 600px) /* 600px */
{
    #content
    {
        margin-top: 160px;
    }

    #homeContent
    {
        margin-top: 166px;
    }

    #activitiesSlider /* Outreach activities slider */
    {
        width: 50%;
        float: right;
    }
}

@media (min-width: 640px) /* 640px */
{
    #homeContent
    {
        margin-top: 125px;
        font-size: 1em;
    }

    #contentWrapper /* Adds border to content pages */
    {
        background-image: url(/images/flyfacility/borderimg.jpg);
        background-repeat: repeat-y;
        background-position: top left;
    }

    #content
    {
        margin-left: 20%;
        width: 75%;
    }
}

@media (min-width: 641px) /* 641px */
{
    #mainMenu
    {
        margin: 30px 0 5px 0;
        font-size: 1.1em;
    }
    
    header
    {
        border-bottom: none;
    }
   
    #logo
    {
        float: left;
        width: 206px;
    }
    
    #homeContent
    {
        margin-top: 0;
    }
    
    #content
    {
        margin-top: 10px;
    } 

    #siteName
    {
        width: 60%;
        margin-top: 20px;
        font-size: 1.1em;
        line-height: 2.15em;
    }
    
    img
    {
        height: auto;
        width: auto;
    }
    
    #logo
    {
        text-align: left;
    }

    #mainMenu li a
    {
        font-size: 0.9em;
    }

    footer
    {
        border-top: 6px solid #fff;
    }
  
    /* Common column widths */
    
    .five-pc, .ten-pc, .twenty-pc, .twentyfive-pc, .thirty-pc, .thirtythree-pc, .forty-pc, .fifty-pc, .sixty-pc, .seventy-pc, .seventyfive-pc, .eighty-pc, .eightyfive-pc, .ninety-pc
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .five-pc 
    {
        width: 5%;
    }

    .ten-pc
    {
        width: 10%;
    }

    .twenty-pc
    {
        width: 20%;
    }

    .twentyfive-pc
    {
        width: 25%;
    }

    .thirty-pc
    {
        width: 30%;
    }

    .thirtythree-pc
    {
        width: 33%;
    }

    .forty-pc
    {
        width: 40%;
    }

    .fifty-pc
    {
        width: 50%;
    }

    .sixty-pc
    {
        width: 60%;
    }

    .seventy-pc
    {
        width: 70%;
    }

    .seventyfive-pc
    {
        width: 75%;
    }

    .eighty-pc
    {
        width: 80%;
    }

    .eightyfive-pc
    {
        width: 85%;
    }

    .ninety-pc
    {
        width: 90%;
    }

    /* END Common column widths */

    /* Home page adjustments */

    .splash .thirty-pc
    {
        background-color: #fff;
    }

    .homecolBkg
    {
        background-color: #d4d1c0;
    }
}

@media (min-width: 900px) /* 900px */
{

    #content h1
    {
        font-size: 2.125em;
    }

    #siteName
    {
        width: 70%;
    }

    h2
    {
        font-size: 1.9em;
        font-weight: lighter;
        color: #1d1d1d;
        line-height: 1.2em;
    }

    h3
    {
        font-size: 1.3em;
        color: #1d1d1d;
        line-height: 1.3em;
    }

    h4
    {
        font-size: 1.375em;
        color: #1d1d1d;
        font-weight: bold;
        line-height: 1.3em;
    }

    .splash .seventy-pc
    {
        min-height: 423px;
    }

    #content
    {
        margin-left: 15%;
        width: 80%;
    }
}

@media (min-width: 1024px) /* 1024px */
{
    #siteName
    {
        width: 70%;
        font-size: 1.25em;
        margin-top: 15px;
    }
    
    #mainMenu li a
    {
        font-size: 1.1em;
    }

    #homeContent
    {
        margin-bottom: -5px;
    }
    #activitiesSlider /* Outreach activities slider */
    {
        width: 28%;
    }
}

@media (min-width: 1280px) /* 1280px */
{
    #logo
    {
        width: 16.5%;
    }

    .homecolBkg
    {
        background-color: #fff;
    }

    #activitiesSlider /* Outreach activities slider */
    {
        width: 33%;
    }

    #content
    {
        margin-left: 10%;
        width: 85%;
    }
}