/**
 * Theme Name: Paterson James
 * Description: Theme created for Paterson James, 2014
 * Author: Chris Tyler
 * Version: 1.0
 */

/**
 * -------------------------
 * @section Theme Colours
 * 
 * #002135  Dark Blue
 * #004975  Blue
 * #5488a8  Light Blue
 * -------------------------
 */

/**
 * -------------------------
 * @section Bug Fixes
 * -------------------------
 */

/**
 * Font Boost fix
 *
 * @bugfix
 * @affected Chrome (Android)
 * @valid yes
 */

* { max-height: 1000000px; }

/**
 * -------------------------
 * @section General Classes
 * -------------------------
 */

/**
 * @subsection Links
 */

/**
 * 'Read more' link
 */

.more {
    color: #002135;
}

/**
 * @subsection Embedded
 */

iframe,
embed,
video {
    height: auto;
    width: 100%;
}

.embed {
    height: 0;
    margin-bottom: 1.333em; /* 20px */
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 2em;
    position: relative;
}

.embed > * {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/**
 * -------------------------
 * @section Tables
 * -------------------------
 */

table {
    width: 100%;
    text-align:left;
}

thead td,
thead th {
    padding-bottom: .667em; /* 10px */
}

/**
 * @subsection Table Body
 */

tbody { }

/**
 * @subsection Table Cells
 */

th,
td { }

th + th,
td + td {
    padding-left: .667em; /* 10px */
}

/**
 * -------------------------
 * @section Forms
 * -------------------------
 */

/**
 * @subsection Inputs
 */

.input {
    background-color:#fff;
    border: 1px solid #ccc;
    border-radius: .267em; /* 4px */
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    margin-bottom: .333em; /* 5px */
    padding: .5em 20px;
    vertical-align: middle;
    width: 100%;
}

/**
 * @subsection Submit
 */

.input.submit {
    background-color: #004975;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

/**
 * @subsection WP Classes
 */

.alignleft,
.alignright {
    margin-bottom: 1.333em; /* 20px */
}

.alignleft {
    float: left;
    margin-right: 1.333em; /* 20px */
}

.alignright {
    float: right;
    margin-left: 1.333em; /* 20px */
}

/**
 * -------------------------
 * @section Menus
 * @tag navigation
 * -------------------------
 */

.menu,
.menu ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

/**
 * @subsection Mobile Menus
 */

.mobile-menu {
    margin-top: 1.333em; /* 20px */
    margin-bottom: 1.333em; /* 20px */
}

/**
 * @subsection Primary Navigation
 *
 * Header
 */

.menu.primary {
    margin-top: .667em;
    text-align: right;
}

.menu.primary a {
    text-decoration: none;
}

/* 1st level */
.menu.primary > .menu-item {
    display: inline-block;
    margin-left: .667em; /* 10px */
    margin-right: .667em; /* 10px */
    vertical-align: bottom;
}

.menu.primary > .menu-item a {
    display: block;
    padding-left: .667em; /* 10px */
    padding-right: .667em; /* 10px */
}

.menu.primary .menu-item.home > a {
    background: url('img/icon/home.png') center no-repeat;
    overflow: hidden;
    padding: 0;
    text-indent: 999em;
    width: 15px;
}

/* Sub Menus */
.menu.primary .menu-item-has-children {
    position: relative;
}

.menu.primary .menu-item-has-children:hover {
    cursor: pointer;
}

.menu.primary .sub-menu {
    background-color: #fff;
    border: .077em solid #eee; /* 1px */
    border-top-width: 0;
    display: none;
    font-size: .867em; /* 13px */
    left: 0;
    padding-top:.769em; /* 10px */
    position: absolute;
    text-align: left;
    top: 100%;
    white-space: nowrap;
}

.menu.primary .menu-item-has-children:hover .sub-menu {
    display: block;
}

.menu.primary .sub-menu a {
    padding-bottom:.385em; /* 5px */
    padding-top:.385em; /* 5px */
}
/**
 * @subsection Secondary Navigation
 *
 * Footer
 */

.menu.secondary {
    display: inline-block;
}

/**
 * @subsection Tertiary Navigation
 *
 * Bottom
 */

.menu.tertiary {
    display: inline-block;
    line-height: 1;
}

.menu.tertiary > .menu-item {
    border-left: 1px solid #0078c2;
    display: inline-block;
    margin-left: .0833em; /* 1px */
    padding-left: .25em; /* 3px */
}

/**
 * -------------------------
 * @section Header
 * -------------------------
 */

.header {
    padding-bottom: 2em; /* 30px */
    padding-top: 2em; /* 30px */
    position: relative;
    z-index: 2;
}

/**
 * @subsection Logo
 */

.header .logo img {
    display: block;
    height: auto;
    max-width: 100%;
}

/**
 * -------------------------
 * @section Footer
 * -------------------------
 */

.footer {
    background-color: #004975;
    margin-top: 1.333em; /* 20px */
    padding-bottom: 1.333em; /* 20px */
    padding-top: 1.333em; /* 20px */
}

.footer,
.footer a,
.footer .heading {
    color: #5488a8;
    text-decoration: none;
}

/**
 * -------------------------
 * @section Bottom
 * -------------------------
 */

.bottom {
    background-color: #002135;
    font-size: .8em;
    padding-bottom: .583em; /* 7px */
    padding-top: .583em; /* 7px */
}

.bottom,
.bottom a {
    color: #0078c2;
    text-decoration: none;
}

.bottom .credits {
    text-align: right;
}

/**
 * -------------------------
 * @section Tweets
 * -------------------------
 */

.tweets {
    list-style: none;
    padding-left: 0;
}

.tweets li + li {
    margin-top: 1em;
}

.tweets .text { }

.tweets .time {
    display: block;
    font-size: .8em;
    margin-top: .417em; /* 5px */
    text-align: right;
}

/**
 * -------------------------
 * @section Banner
 * -------------------------
 */

.banner {
    font-size: .733em; /* 11px */
    margin-bottom: 2.727em; /* 30px */
    position: relative;
    z-index: 1;
}

.banner img {
    display: block;
    height: auto;
    width: 100%;
}

.banner ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.banner .slides {
    position: relative;
}

.banner .slides li {
    position: relative;
    width:100%;
}

.banner .slides li + li {
    display: none;
}

.banner .slides .caption {
    background-color: #002135;
    color: #666;
    display: block;
    padding-bottom: .455em; /* 5px */
    padding-top: .455em; /* 5px */
}

.banner .nav-wrap {
    bottom: .455em; /* 5px */
    left: 0;
    right: 0;
    position: absolute;
    text-align: right;
    z-index: 101;
}

.banner .nav { }

.banner .nav li {
    border-radius: 50%;
    border: .091em solid #fff; /* 1px */
    cursor: pointer;
    display: inline-block;
    height: .545em; /* 6px */
    width: .545em; /* 6px */
}

.banner .nav li + li {
    margin-left: .364em; /* 4px */
}

.banner .nav .active {
    background-color: #fff;
}

/**
 * -------------------------
 * @section Google Map
 *
 * Inherits some styling from .banner
 * -------------------------
 */

.google-map {
    height: 0;
    overflow: hidden;
    padding-bottom: 26%;
    position: relative;
}

.google-map .gm-style {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

/**
 * -------------------------
 * @section Team Members
 * -------------------------
 */

.member {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.member img {
    display: block;
    height: auto;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.member .name {
    margin-bottom: 0;
}

.member .title {
    font-style: italic;
}

/**
 * -------------------------
 * @section Map
 *
 * Inherits some styling from .banner
 * -------------------------
 */

.map {
    margin-bottom:1em;
    margin-top:1em;
}

.map .embed {
    margin: 0 auto;
    padding-bottom: 26%;
    z-index: 1;
}

.map svg {
    -webkit-backface-visibility: hidden;
}

.map path {
    fill: rgba(255, 255, 255, 1);
    stroke: rgba(102, 146, 171, 1);
    transition: fill .2s linear;
}

.map .active {
    cursor: pointer;
    fill: rgba(102, 146, 171, 1);
    stroke:rgba(255, 255, 255, 1);
    stroke-width:1;
}

.map .active:hover {
    fill: rgba(0, 73, 114, 1);
}

/**
 * @subsection Content Bubble
 */

.bubble {
    background-color: #fff;
    box-shadow: .385em .385em 1.154em 0 rgba(0, 0, 0, .3);
    font-family: 'Lato Bold', Arial, Helvetica, sans-serif;
    margin-top: 1em;
    padding: .769em; /* 10px */
    position: absolute;
    visibility: hidden; /* hidden by default */
    z-index: 3;
}

.bubble:before {
    border: 1em solid transparent;
    border-bottom-color: #fff;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin-left: .769em; /* 10px */
    position: absolute;
    top: -2em;
    width: 0;
    z-index: 2;
}

/**
 * -------------------------
 * @section Accordion
 *
 * Inherits some styling from jQuery UI
 * -------------------------
 */

.accordion {
    list-style-type: none;
    margin-bottom: 2em;
    padding-left: 0;
}

.accordion li { }

.accordion li + li {
    border-top: .077em solid #ccc; /* 1px */
}

.accordion .heading {
    background-color: #e6e6e6;
    font-size: 1.538em;
    margin-bottom: 0;
    padding: .2em 20px; /* 4px / 20px */
}

.accordion .ui-accordion-header {
    cursor: pointer;
}

.accordion .ui-accordion-header-active {
    background-color: #004975;
    color: #e6e6e6;
}

/* accordion item icon */
/* off */
.accordion .heading .ui-accordion-header-icon:after {
    content: '\2023';
    display: inline-block;
    font-size: 1.5em; /* 30px */
    line-height: 1;
    margin-bottom: -50%;
    margin-right: .5em; /* 10px */
    margin-top: -50%;
    transition: all .125s linear;
    transform-origin: 50% .6em;
}

/* on */
.accordion .heading.ui-state-active .ui-accordion-header-icon:after {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.accordion .content {
    padding: .667em 20px; /* 10px / 20px */
}

/**
 * -------------------------
 * @section Content Group
 *
 * Consists of .heading & .content
 * -------------------------
 */

.group { }

.group + .group {
    border-top: 1px solid #e6e6e6;
    margin-top: 2em;
    padding-top: 1em;
}