@charset "UTF-8";
/*
Template Name: Transform
Template URI: http://www.os-templates.com/
Description: Designed and Built by <a href="http://www.os-templates.com/">OS Templates</a>. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes.
Version: 1.0.1
Author: OS-Templates.com
Author URI: http://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Single Site
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

/*
	TOC - Table Of Contents
	
	01 => Fonts
	02 => Row Styling
	03 => Generalise
	04 => Header
	05 => Page Intro
	06 => Main Container
	07 => Footer
	08 => Copyright
*/

html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:14px; line-height:1.6em; text-align:left;}
*, *::before, *::after{box-sizing:border-box;}


/* Fonts
---------------------------------------------------------------------------------------------------------------------------------------*/
body, button, input{text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
body, h1, h2, h3, h4, h5, h6{font-weight:400;}
.bold, strong{font-weight:700;}

body{font-family:"OpenSansRegular", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, .times, .sbtitle{font-family:"Times New Roman", Times, serif;}


/* Row Styling
---------------------------------------------------------------------------------------------------------------------------------------*/
.row0, .row0 a{}
.row1{border-bottom:5px solid;}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Generalise
---------------------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .sbtitle{margin:0 0 30px 0; line-height:normal; font-variant:small-caps;}
h4, h5, h6{margin-bottom:15px;}

h1{font-size:32px;}
h2{font-size:28px;}
h3, .sbtitle{font-size:22px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:14px; font-weight:700;}

address{margin:10px 0; font-style:normal;}

#header, #pageintro, .container, #p-footer, #copyright{}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------*/
#header{}
#header #logo{display:block; float:left; width:auto; margin:35px 0 0 0; clear:right;}
#header #logo h1{display:inline-block; position:relative; margin:0; padding:0; font-size:32px; font-variant:normal; text-transform:uppercase;}
#header #logo span{display:block; float:left; margin:-6px 15px 0 0; font-size:44px;}


/* Page Intro
---------------------------------------------------------------------------------------------------------------------------------------*/
#pageintro{padding:60px 0; text-align:center;}
#pageintro .pagetitle *{margin:0 0 20px 0; padding:0; font-size:32px;}


/* Main Container => Content + Sidebar
---------------------------------------------------------------------------------------------------------------------------------------*/
.container{position:relative; padding:80px 0; clear:both; z-index:1;}

.emphasise, .container .emphasise{font-size:2.8rem; line-height:1.4rem;}

.font-xsmall, .container .font-xsmall{font-size:.8rem;}
.font-small, .container .font-small{font-size:1rem;}
.font-medium, .container .font-medium{font-size:1.2rem;}
.font-large, .container .font-large{font-size:1.4rem;}
.font-xl, .container .xl-large{font-size:4rem; line-height:1.2rem;}
.font-xxl, .container .xxl-large{font-size:6rem; line-height:1.2rem;}

/* Sidebar */
.sidebar{}
.sidebar aside{}


/* Footer
---------------------------------------------------------------------------------------------------------------------------------------*/
#p-footer{padding:80px 0;}

#p-footer .list.underline li{margin-bottom:15px;}
#p-footer .list.underline li:last-child{margin-bottom:0;}


/* Copyright
---------------------------------------------------------------------------------------------------------------------------------------*/
#copyright{padding:0 0 50px; text-align:center;}

#copyright #sitename{display:block; position:relative; width:100%; margin:0 0 50px 0; padding:0; font-size:22px;}
#copyright #sitename:after{display:block; position:absolute; top:50%; left:0; width:100%; height:1px; content:"";}
#copyright #sitename a{position:relative; z-index:1;}
#copyright #sitename a span{display:inline-block; float:left; margin:1px 10px -2px 0; font-size:32px;}