body {
margin: 0;
}
@charset "UTF-8";
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
.button.primary.progover, a.progover.primary.button-link {
display:none; /*jmc 20-8-15*/
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/*
jmc hide in mobile
.overview-aside-primary {
display: none;
}
.overview-aside-secondary {
display: none;
}*/
.modal-launch.profile {
display: none;
}
.aside-block.related-subjects {
display: inline;
}
.aside-block.related-programmes {
display: inline;
}
.aside-block.department-link {
display: none;
}
.overview-primary-element {
display: none;
}
/* end jmc */
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/*------------------------------------*\
VARIABLES
\*------------------------------------*/
/*
Contents
- Color
- Dimensions
- Font Size
*/
/*------------------------------------*\
COLOR
\*------------------------------------*/
/*----------------------------------------------------------------------------------------------*\
DIMENSIONS
\*----------------------------------------------------------------------------------------------*/
/*------------------------------------*\
FONT SIZES
\*------------------------------------*/
/* THEME COLOR APPLY
* This is called using the property and the color index we want to use in the themes palette (see variables)
*/
/*
* Genrate font size and line heights
*/
/*
* Genrate mobile font size and line heights
*/
/*
* Genrate custom font where above combinations are not appropriate - default line height is 1
*/
/*
* Apply backgrounds and fonts using the image path function
*/
/*
* Generate CSS triangle
*/
/*
* Vendor mixin for 3d transform
*/
@font-face {
font-family: 'IcoMoon-Free';
src: url('../fonts/IcoMoon-Free.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: icomoon;
font-weight: normal;
font-style: normal;
src: url("../fonts/icomoon.eot");
src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'icomoon'; }
[class^="icon-"]:after, [class*=" icon-"]:after {
font-family: 'icomoon'; }
.icon-facebook:before {
content: "\e600"; }
.icon-close:before {
content: "\e611"; }
.icon-close:after {
content: "\e611"; }
.icon-close2:before {
content: "\e620"; }
.icon-play:before {
content: "\e60d"; }
.icon-play2:before {
content: "\e60e"; }
.icon-youtube:before {
content: "\e601"; }
.icon-twitter:before {
content: "\e602"; }
.icon-search:before {
content: "\e603"; }
.icon-menu:before {
content: "\e604"; }
.icon-facebook2:before {
content: "\e609"; }
.icon-google:before {
content: "\e608"; }
.icon-linkedIn:before {
content: "\e607"; }
.icon-map:before {
content: "\e606"; }
.icon-menu-site:before {
content: "\e605"; }
.icon-search-chunky:before {
content: "\e60b"; }
.icon-menu-burger:after {
content: "\e60c"; }
.icon-unitec:before {
content: "\e60f"; }
.icon-chev-up:before {
content: "\e610"; }
.icon-chev-down:after {
content: "\e610"; }
.icon-chev-left:before {
content: "\e612"; }
.icon-chev-right:before {
content: "\e613"; }
.icon-pause:before {
content: "\e614"; }
.icon-grid:after {
content: "\e616"; }
ul, dl {
margin: 0 0 2.25em;
padding: 0;
color: #656565;
list-style-type: none; }
ul ul, dl ul {
margin-left: 1.25em; }
ul li {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAG0lEQVQIW2NMTU39z4AEZs+ezchIoSCyeTA2AP1REAY9+pxrAAAAAElFTkSuQmCC) left 9px no-repeat;
padding: 0 1.25em;
font-size: 0.875em;
line-height: 1.5em; }
@media screen and (min-width: 48.0625em) {
ul li {
background-position: left 10px;
font-size: 1em;
line-height: 1.5em; } }
ol {
margin: 0.625em 0;
padding: 0 1.25em;
color: #656565; }
nav ul {
margin: 0;
padding: 0;
list-style-type: none; }
nav ul li {
background: none;
padding: 0; }
dl {
font-size: 0.875em;
line-height: 1.5em; }
dl:after {
content: "";
display: table;
clear: both; }
dl dt {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
float: left;
clear: both;
font-weight: bold; }
dl dd {
margin: 0 0 0.85714em; }
@media screen and (min-width: 48.0625em) {
dl {
font-size: 1em;
line-height: 1.5em; }
dl dd {
margin: 0 0 1.125em; } }
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
color: #656565; }
.table {
width: 100%;
margin-bottom: 1.875em;
border-bottom: 1px solid #a5a5a5; }
.table.v-align-bottom td {
vertical-align: bottom; }
.table th,
.table td {
line-height: 1.25em;
text-align: left;
vertical-align: top;
border-bottom: 0; }
.table th {
padding: 0.8em 0.8em 0.6em 0;
border-bottom: 0; }
.table td {
padding: 1em 1em 0.875em 0;
border-top: 1px solid #a5a5a5; }
.peach .table td strong {
color: #ff5736; }
.raspberry .table td strong {
color: #c62158; }
.plum .table td strong {
color: #a8437c; }
.aubergine .table td strong {
color: #8a5896; }
.blueberry .table td strong {
color: #6676af; }
.huckleberry .table td strong {
color: #3086bd; }
.peppermint .table td strong {
color: #2a97a1; }
.mint .table td strong {
color: #18a28a; }
.apple .table td strong {
color: #769a0a; }
.goldkiwi .table td strong {
color: #b08e07; }
.table td strong span {
font-weight: normal; }
.table td a {
font-weight: bold; }
.table td a:hover {
text-decoration: none; }
.table thead th {
border-top: none; }
.table th {
border-top: 1px solid #a5a5a5;
vertical-align:top; /* jmc 14-4-15 */
font-weight: normal;
text-transform: uppercase;
font-size: 1.25em;
line-height: 1.5em; }
.peach .table th {
color: #ca2c0d; }
.raspberry .table th {
color: #9c0b3b; }
.plum .table th {
color: #802257; }
.aubergine .table th {
color: #673573; }
.blueberry .table th {
color: #2e3d79; }
.huckleberry .table th {
color: #146090; }
.peppermint .table th {
color: #156269; }
.mint .table th {
color: #0c7361; }
.apple .table th {
color: #476b0f; }
.goldkiwi .table th {
color: #7f6501; }
.table caption {
margin-bottom: 1.25em; }
.table tr th:first-child, .table tr td:first-child {
padding-left: 0; }
.row-table .table {
padding-bottom: 0;
display: block;
width: 100%;
/*
* make everything display block so it
* aligns vertically
*/
/* Labeling
* adding a data-title attribute to the cells
* lets us add text before the content to provide
* the missing context
*
* Markup:
* | Content Here |
*
* Display:
* Column Header: Content Here
*/ }
.row-table .table caption {
display: block; }
.row-table .table thead {
display: none;
visibility: hidden;
height: 0; }
.row-table .table tbody, .row-table .table tr, .row-table .table th, .row-table .table td {
border: 0;
display: block;
padding: 0;
text-align: left;
white-space: normal; }
.row-table .table tr {
border-top: 1px solid #a5a5a5;
padding: 0.75em 0; }
.row-table .table th[data-title]:before,
.row-table .table td[data-title]:before {
content: attr(data-title) ": ";
font-weight: bold; }
.peach .row-table .table th[data-title]:before, .peach
.row-table .table td[data-title]:before {
color: #ff5736; }
.raspberry .row-table .table th[data-title]:before, .raspberry
.row-table .table td[data-title]:before {
color: #c62158; }
.plum .row-table .table th[data-title]:before, .plum
.row-table .table td[data-title]:before {
color: #a8437c; }
.aubergine .row-table .table th[data-title]:before, .aubergine
.row-table .table td[data-title]:before {
color: #8a5896; }
.blueberry .row-table .table th[data-title]:before, .blueberry
.row-table .table td[data-title]:before {
color: #6676af; }
.huckleberry .row-table .table th[data-title]:before, .huckleberry
.row-table .table td[data-title]:before {
color: #3086bd; }
.peppermint .row-table .table th[data-title]:before, .peppermint
.row-table .table td[data-title]:before {
color: #2a97a1; }
.mint .row-table .table th[data-title]:before, .mint
.row-table .table td[data-title]:before {
color: #18a28a; }
.apple .row-table .table th[data-title]:before, .apple
.row-table .table td[data-title]:before {
color: #769a0a; }
.goldkiwi .row-table .table th[data-title]:before, .goldkiwi
.row-table .table td[data-title]:before {
color: #b08e07; }
.row-table .table td:empty {
display: none; }
.row-table table {
border-bottom: 0;
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.row-table table td {
font-size: 0.875em;
line-height: 1.5em;
float: left;
clear: both;
width: 100%; }
.row-table table tr:after {
content: "";
display: table;
clear: both; }
.row-table table tr:first-child {
border-top: 0; }
.row-table table tr td:not([data-title]) {
font-size: 1em;
line-height: 1.5em; }
.lt-ie8 .row-table table td {
float: none;
display: table-cell;
width: auto; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
.table td {
font-size: 0.875em;
line-height: 1.5em; }
.table caption {
text-align: left;
font-size: 0.875em;
line-height: 1.5em; }
.table.timetable tr:nth-child(even) {
border-top: 0;
padding-top: 0; }
.table.timetable tr:nth-child(odd) {
padding-bottom: 0; }
.table.timetable td.day-cell {
font-weight: bold; }
.table.timetable tr:nth-child(1) {
border-top: 0;
padding-top: 0; }
.table.row-link tr td a {
text-decoration: none; }
.table-mob-stack .table {
padding-bottom: 0;
display: block;
width: 100%;
/*
* make everything display block so it
* aligns vertically
*/
/* Labeling
* adding a data-title attribute to the cells
* lets us add text before the content to provide
* the missing context
*
* Markup:
* Content Here |
*
* Display:
* Column Header: Content Here
*/ }
.table-mob-stack .table caption {
display: block; }
.table-mob-stack .table thead {
display: none;
visibility: hidden;
height: 0; }
.table-mob-stack .table tbody, .table-mob-stack .table tr, .table-mob-stack .table th, .table-mob-stack .table td {
border: 0;
display: block;
padding: 0;
text-align: left;
white-space: normal; }
.table-mob-stack .table tr {
border-top: 1px solid #a5a5a5;
padding: 0.75em 0; }
.table-mob-stack .table th[data-title]:before,
.table-mob-stack .table td[data-title]:before {
content: attr(data-title) ": ";
font-weight: bold; }
.peach .table-mob-stack .table th[data-title]:before, .peach
.table-mob-stack .table td[data-title]:before {
color: #ff5736; }
.raspberry .table-mob-stack .table th[data-title]:before, .raspberry
.table-mob-stack .table td[data-title]:before {
color: #c62158; }
.plum .table-mob-stack .table th[data-title]:before, .plum
.table-mob-stack .table td[data-title]:before {
color: #a8437c; }
.aubergine .table-mob-stack .table th[data-title]:before, .aubergine
.table-mob-stack .table td[data-title]:before {
color: #8a5896; }
.blueberry .table-mob-stack .table th[data-title]:before, .blueberry
.table-mob-stack .table td[data-title]:before {
color: #6676af; }
.huckleberry .table-mob-stack .table th[data-title]:before, .huckleberry
.table-mob-stack .table td[data-title]:before {
color: #3086bd; }
.peppermint .table-mob-stack .table th[data-title]:before, .peppermint
.table-mob-stack .table td[data-title]:before {
color: #2a97a1; }
.mint .table-mob-stack .table th[data-title]:before, .mint
.table-mob-stack .table td[data-title]:before {
color: #18a28a; }
.apple .table-mob-stack .table th[data-title]:before, .apple
.table-mob-stack .table td[data-title]:before {
color: #769a0a; }
.goldkiwi .table-mob-stack .table th[data-title]:before, .goldkiwi
.table-mob-stack .table td[data-title]:before {
color: #b08e07; }
.table-mob-stack .table td:empty {
display: none; }
.table-mob-scroll {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; } }
@media screen and (min-width: 48.0625em) {
.table td {
font-size: 1em;
line-height: 1.5em; }
.table.timetable {
border-top: 1px solid #a5a5a5; }
.table caption {
width: 60%;
margin-left: auto;
margin-right: auto; }
.table.last-cell-right tr td:last-child {
text-align: right;
padding-right: 0; }
.table th:first-child {
width: 30%; }
.table.row-link tr td {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out; }
.table.row-link tr td:first-child {
padding-left: 0px;
width: 35%; }
.table.row-link tr td:last-child {
padding-right: 0px; }
.table.row-link tr td a {
text-decoration: none; }
.table.row-link tr:hover {
cursor: pointer;
background: #fbfbfb; }
.table.row-link tr:hover td:first-child {
padding-left: 4px; }
.table-mob-scroll {
overflow: visible; } }
/*------------------------------------*\
IE SPECIFIC
\*------------------------------------*/
.lt-ie10 .row-table .table {
padding-bottom: 0;
display: block;
width: 100%;
/*
* make everything display block so it
* aligns vertically
*/
/* Labeling
* adding a data-title attribute to the cells
* lets us add text before the content to provide
* the missing context
*
* Markup:
* Content Here |
*
* Display:
* Column Header: Content Here
*/ }
.lt-ie10 .row-table .table caption {
display: block; }
.lt-ie10 .row-table .table thead {
display: none;
visibility: hidden;
height: 0; }
.lt-ie10 .row-table .table tbody, .lt-ie10 .row-table .table tr, .lt-ie10 .row-table .table th, .lt-ie10 .row-table .table td {
border: 0;
display: block;
padding: 0;
text-align: left;
white-space: normal; }
.lt-ie10 .row-table .table tr {
border-top: 1px solid #a5a5a5;
padding: 0.75em 0; }
.lt-ie10 .row-table .table th[data-title]:before,
.lt-ie10 .row-table .table td[data-title]:before {
content: attr(data-title) ": ";
font-weight: bold; }
.peach .lt-ie10 .row-table .table th[data-title]:before, .peach
.lt-ie10 .row-table .table td[data-title]:before {
color: #ff5736; }
.raspberry .lt-ie10 .row-table .table th[data-title]:before, .raspberry
.lt-ie10 .row-table .table td[data-title]:before {
color: #c62158; }
.plum .lt-ie10 .row-table .table th[data-title]:before, .plum
.lt-ie10 .row-table .table td[data-title]:before {
color: #a8437c; }
.aubergine .lt-ie10 .row-table .table th[data-title]:before, .aubergine
.lt-ie10 .row-table .table td[data-title]:before {
color: #8a5896; }
.blueberry .lt-ie10 .row-table .table th[data-title]:before, .blueberry
.lt-ie10 .row-table .table td[data-title]:before {
color: #6676af; }
.huckleberry .lt-ie10 .row-table .table th[data-title]:before, .huckleberry
.lt-ie10 .row-table .table td[data-title]:before {
color: #3086bd; }
.peppermint .lt-ie10 .row-table .table th[data-title]:before, .peppermint
.lt-ie10 .row-table .table td[data-title]:before {
color: #2a97a1; }
.mint .lt-ie10 .row-table .table th[data-title]:before, .mint
.lt-ie10 .row-table .table td[data-title]:before {
color: #18a28a; }
.apple .lt-ie10 .row-table .table th[data-title]:before, .apple
.lt-ie10 .row-table .table td[data-title]:before {
color: #769a0a; }
.goldkiwi .lt-ie10 .row-table .table th[data-title]:before, .goldkiwi
.lt-ie10 .row-table .table td[data-title]:before {
color: #b08e07; }
.lt-ie10 .row-table .table td:empty {
display: none; }
.lt-ie10 .row-table table tr td:first-child {
padding-top: 0.75em; }
.lt-ie10 .row-table table tr td:last-child {
padding-bottom: 0.75em; }
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
margin: 0;
background: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
padding: 10;
border: 1px solid #DDD;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size: 0.9em; }
.button, a.button-link {
cursor: pointer;
outline: 0;
margin: 0;
line-height: 1;
text-decoration: none;
border-bottom: 2px solid;
border-radius: 2px;
z-index: 150;
display: inline-block;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.peach .button, .peach a.button-link {
color: #fff; }
.raspberry .button, .raspberry a.button-link {
color: #fff; }
.plum .button, .plum a.button-link {
color: #fff; }
.aubergine .button, .aubergine a.button-link {
color: #fff; }
.blueberry .button, .blueberry a.button-link {
color: #fff; }
.huckleberry .button, .huckleberry a.button-link {
color: #fff; }
.peppermint .button, .peppermint a.button-link {
color: #fff; }
.mint .button, .mint a.button-link {
color: #fff; }
.apple .button, .apple a.button-link {
color: #fff; }
.goldkiwi .button, .goldkiwi a.button-link {
color: #fff; }
.peach .button, .peach a.button-link {
border-bottom-color: #a61801; }
.raspberry .button, .raspberry a.button-link {
border-bottom-color: #7c032b; }
.plum .button, .plum a.button-link {
border-bottom-color: #631541; }
.aubergine .button, .aubergine a.button-link {
border-bottom-color: #511f5d; }
.blueberry .button, .blueberry a.button-link {
border-bottom-color: #14235b; }
.huckleberry .button, .huckleberry a.button-link {
border-bottom-color: #01446e; }
.peppermint .button, .peppermint a.button-link {
border-bottom-color: #014a51; }
.mint .button, .mint a.button-link {
border-bottom-color: #014d40; }
.apple .button, .apple a.button-link {
border-bottom-color: #325409; }
.goldkiwi .button, .goldkiwi a.button-link {
border-bottom-color: #5c4a02; }
.peach .button, .peach a.button-link {
background-color: #ff5736; }
.raspberry .button, .raspberry a.button-link {
background-color: #c62158; }
.plum .button, .plum a.button-link {
background-color: #a8437c; }
.aubergine .button, .aubergine a.button-link {
background-color: #8a5896; }
.blueberry .button, .blueberry a.button-link {
background-color: #6676af; }
.huckleberry .button, .huckleberry a.button-link {
background-color: #3086bd; }
.peppermint .button, .peppermint a.button-link {
background-color: #2a97a1; }
.mint .button, .mint a.button-link {
background-color: #18a28a; }
.apple .button, .apple a.button-link {
background-color: #769a0a; }
.goldkiwi .button, .goldkiwi a.button-link {
background-color: #b08e07; }
.peach .button:hover, .peach a.button-link:hover {
background-color: #ca2c0d; }
.raspberry .button:hover, .raspberry a.button-link:hover {
background-color: #9c0b3b; }
.plum .button:hover, .plum a.button-link:hover {
background-color: #802257; }
.aubergine .button:hover, .aubergine a.button-link:hover {
background-color: #673573; }
.blueberry .button:hover, .blueberry a.button-link:hover {
background-color: #2e3d79; }
.huckleberry .button:hover, .huckleberry a.button-link:hover {
background-color: #146090; }
.peppermint .button:hover, .peppermint a.button-link:hover {
background-color: #156269; }
.mint .button:hover, .mint a.button-link:hover {
background-color: #0c7361; }
.apple .button:hover, .apple a.button-link:hover {
background-color: #476b0f; }
.goldkiwi .button:hover, .goldkiwi a.button-link:hover {
background-color: #7f6501; }
.button.large, a.large.button-link {
font-size: 1.125em;
line-height: 1;
height: 46px;
padding: 0.77778em 1.11111em 0.77778em;
margin-bottom:0.4em;
}
.button.primary, a.primary.button-link {
font-size: 1.125em;
line-height: 1;
height: 38px;
padding: 0.55556em 1.11111em 0.55556em; }
.button.primary.secbut, a.secbut.primary.button-link {
margin-right: 10px; /*jmc 20-8-15*/
}
.button.small, a.button-link {
font-size: 0.875em;
line-height: 1.5em;
padding: 0.42857em 1.42857em 0.21429em; }
.button.tiny, a.tiny.button-link {
font-size: 0.75em;
line-height: 1;
padding: 0.5em 4px 0.5em; }
.button.disabled, a.disabled.button-link {
border-right: solid 1px #ddd;
border-left: solid 1px #ddd;
cursor: default; }
.peach .button.disabled, .peach a.disabled.button-link {
background-color: #bbb; }
.raspberry .button.disabled, .raspberry a.disabled.button-link {
background-color: #bbb; }
.plum .button.disabled, .plum a.disabled.button-link {
background-color: #bbb; }
.aubergine .button.disabled, .aubergine a.disabled.button-link {
background-color: #bbb; }
.blueberry .button.disabled, .blueberry a.disabled.button-link {
background-color: #bbb; }
.huckleberry .button.disabled, .huckleberry a.disabled.button-link {
background-color: #bbb; }
.peppermint .button.disabled, .peppermint a.disabled.button-link {
background-color: #bbb; }
.mint .button.disabled, .mint a.disabled.button-link {
background-color: #bbb; }
.apple .button.disabled, .apple a.disabled.button-link {
background-color: #bbb; }
.goldkiwi .button.disabled, .goldkiwi a.disabled.button-link {
background-color: #bbb; }
.peach .button.disabled, .peach a.disabled.button-link {
border-bottom-color: #999; }
.raspberry .button.disabled, .raspberry a.disabled.button-link {
border-bottom-color: #999; }
.plum .button.disabled, .plum a.disabled.button-link {
border-bottom-color: #999; }
.aubergine .button.disabled, .aubergine a.disabled.button-link {
border-bottom-color: #999; }
.blueberry .button.disabled, .blueberry a.disabled.button-link {
border-bottom-color: #999; }
.huckleberry .button.disabled, .huckleberry a.disabled.button-link {
border-bottom-color: #999; }
.peppermint .button.disabled, .peppermint a.disabled.button-link {
border-bottom-color: #999; }
.mint .button.disabled, .mint a.disabled.button-link {
border-bottom-color: #999; }
.apple .button.disabled, .apple a.disabled.button-link {
border-bottom-color: #999; }
.goldkiwi .button.disabled, .goldkiwi a.disabled.button-link {
border-bottom-color: #999; }
.peach .button.disabled, .peach a.disabled.button-link {
color: #fff; }
.raspberry .button.disabled, .raspberry a.disabled.button-link {
color: #fff; }
.plum .button.disabled, .plum a.disabled.button-link {
color: #fff; }
.aubergine .button.disabled, .aubergine a.disabled.button-link {
color: #fff; }
.blueberry .button.disabled, .blueberry a.disabled.button-link {
color: #fff; }
.huckleberry .button.disabled, .huckleberry a.disabled.button-link {
color: #fff; }
.peppermint .button.disabled, .peppermint a.disabled.button-link {
color: #fff; }
.mint .button.disabled, .mint a.disabled.button-link {
color: #fff; }
.apple .button.disabled, .apple a.disabled.button-link {
color: #fff; }
.goldkiwi .button.disabled, .goldkiwi a.disabled.button-link {
color: #fff; }
.button[class*='icon'], a[class*='icon'].button-link {
position: relative;
padding-right: 60px;
border-bottom: 0;
border-radius: 3px 50px 50px 3px; }
.cssgradients body.peach .button[class*='icon'], .cssgradients body.peach a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #ff5736 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #ff5736 24px); }
.cssgradients body.peach .button[class*='icon']:hover, .cssgradients body.peach a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #ff5736 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #ff5736 24px); }
.cssgradients body.peach .button[class*='icon']:hover, .cssgradients body.peach a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #ca2c0d 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #ca2c0d 24px); }
.cssgradients body.raspberry .button[class*='icon'], .cssgradients body.raspberry a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #c62158 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #c62158 24px); }
.cssgradients body.raspberry .button[class*='icon']:hover, .cssgradients body.raspberry a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #c62158 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #c62158 24px); }
.cssgradients body.raspberry .button[class*='icon']:hover, .cssgradients body.raspberry a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #9c0b3b 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #9c0b3b 24px); }
.cssgradients body.plum .button[class*='icon'], .cssgradients body.plum a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #a8437c 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #a8437c 24px); }
.cssgradients body.plum .button[class*='icon']:hover, .cssgradients body.plum a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #a8437c 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #a8437c 24px); }
.cssgradients body.plum .button[class*='icon']:hover, .cssgradients body.plum a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #802257 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #802257 24px); }
.cssgradients body.aubergine .button[class*='icon'], .cssgradients body.aubergine a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #8a5896 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #8a5896 24px); }
.cssgradients body.aubergine .button[class*='icon']:hover, .cssgradients body.aubergine a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #8a5896 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #8a5896 24px); }
.cssgradients body.aubergine .button[class*='icon']:hover, .cssgradients body.aubergine a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #673573 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #673573 24px); }
.cssgradients body.blueberry .button[class*='icon'], .cssgradients body.blueberry a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #6676af 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #6676af 24px); }
.cssgradients body.blueberry .button[class*='icon']:hover, .cssgradients body.blueberry a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #6676af 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #6676af 24px); }
.cssgradients body.blueberry .button[class*='icon']:hover, .cssgradients body.blueberry a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #2e3d79 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #2e3d79 24px); }
.cssgradients body.huckleberry .button[class*='icon'], .cssgradients body.huckleberry a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #3086bd 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #3086bd 24px); }
.cssgradients body.huckleberry .button[class*='icon']:hover, .cssgradients body.huckleberry a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #3086bd 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #3086bd 24px); }
.cssgradients body.huckleberry .button[class*='icon']:hover, .cssgradients body.huckleberry a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #146090 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #146090 24px); }
.cssgradients body.peppermint .button[class*='icon'], .cssgradients body.peppermint a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #2a97a1 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #2a97a1 24px); }
.cssgradients body.peppermint .button[class*='icon']:hover, .cssgradients body.peppermint a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #2a97a1 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #2a97a1 24px); }
.cssgradients body.peppermint .button[class*='icon']:hover, .cssgradients body.peppermint a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #156269 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #156269 24px); }
.cssgradients body.mint .button[class*='icon'], .cssgradients body.mint a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #18a28a 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #18a28a 24px); }
.cssgradients body.mint .button[class*='icon']:hover, .cssgradients body.mint a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #18a28a 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #18a28a 24px); }
.cssgradients body.mint .button[class*='icon']:hover, .cssgradients body.mint a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #0c7361 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #0c7361 24px); }
.cssgradients body.apple .button[class*='icon'], .cssgradients body.apple a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #769a0a 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #769a0a 24px); }
.cssgradients body.apple .button[class*='icon']:hover, .cssgradients body.apple a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #769a0a 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #769a0a 24px); }
.cssgradients body.apple .button[class*='icon']:hover, .cssgradients body.apple a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #476b0f 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #476b0f 24px); }
.cssgradients body.goldkiwi .button[class*='icon'], .cssgradients body.goldkiwi a[class*='icon'].button-link {
background-color: transparent;
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #b08e07 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #b08e07 24px); }
.cssgradients body.goldkiwi .button[class*='icon']:hover, .cssgradients body.goldkiwi a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #b08e07 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #b08e07 24px); }
.cssgradients body.goldkiwi .button[class*='icon']:hover, .cssgradients body.goldkiwi a[class*='icon'].button-link:hover {
background-image: -webkit-radial-gradient(87% 50%, circle cover, transparent 22px, #7f6501 24px);
background-image: radial-gradient( circle at 87% 50%, transparent 22px, #7f6501 24px); }
.button[class*='icon']:before, a[class*='icon'].button-link:before {
position: absolute;
right: 0;
padding: 10px;
border-radius: 50px;
width: 19px;
top: 0px; }
.peach .button[class*='icon']:before, .peach a[class*='icon'].button-link:before {
background-color: #ff5736; }
.raspberry .button[class*='icon']:before, .raspberry a[class*='icon'].button-link:before {
background-color: #c62158; }
.plum .button[class*='icon']:before, .plum a[class*='icon'].button-link:before {
background-color: #a8437c; }
.aubergine .button[class*='icon']:before, .aubergine a[class*='icon'].button-link:before {
background-color: #8a5896; }
.blueberry .button[class*='icon']:before, .blueberry a[class*='icon'].button-link:before {
background-color: #6676af; }
.huckleberry .button[class*='icon']:before, .huckleberry a[class*='icon'].button-link:before {
background-color: #3086bd; }
.peppermint .button[class*='icon']:before, .peppermint a[class*='icon'].button-link:before {
background-color: #2a97a1; }
.mint .button[class*='icon']:before, .mint a[class*='icon'].button-link:before {
background-color: #18a28a; }
.apple .button[class*='icon']:before, .apple a[class*='icon'].button-link:before {
background-color: #769a0a; }
.goldkiwi .button[class*='icon']:before, .goldkiwi a[class*='icon'].button-link:before {
background-color: #b08e07; }
.peach .button[class*='icon']:hover:before, .peach a[class*='icon'].button-link:hover:before {
background-color: #ca2c0d; }
.raspberry .button[class*='icon']:hover:before, .raspberry a[class*='icon'].button-link:hover:before {
background-color: #9c0b3b; }
.plum .button[class*='icon']:hover:before, .plum a[class*='icon'].button-link:hover:before {
background-color: #802257; }
.aubergine .button[class*='icon']:hover:before, .aubergine a[class*='icon'].button-link:hover:before {
background-color: #673573; }
.blueberry .button[class*='icon']:hover:before, .blueberry a[class*='icon'].button-link:hover:before {
background-color: #2e3d79; }
.huckleberry .button[class*='icon']:hover:before, .huckleberry a[class*='icon'].button-link:hover:before {
background-color: #146090; }
.peppermint .button[class*='icon']:hover:before, .peppermint a[class*='icon'].button-link:hover:before {
background-color: #156269; }
.mint .button[class*='icon']:hover:before, .mint a[class*='icon'].button-link:hover:before {
background-color: #0c7361; }
.apple .button[class*='icon']:hover:before, .apple a[class*='icon'].button-link:hover:before {
background-color: #476b0f; }
.goldkiwi .button[class*='icon']:hover:before, .goldkiwi a[class*='icon'].button-link:hover:before {
background-color: #7f6501; }
/*------------------------------------*\
IE
\*------------------------------------*/
.lt-ie8 .button.large, .lt-ie8 a.large.button-link, .lt-ie8 .button.primary, .lt-ie8 a.primary.button-link {
height: auto; }
.lt-ie9 .button[class*='icon'], .lt-ie9 a[class*='icon'].button-link {
background-image: none !important; }
.lt-ie9 .button:before, .lt-ie9 a.button-link:before {
background: none; }
/*------------------------------------*\
Button loading styles
\*------------------------------------*/
.button span, a.button-link span {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.button span:after, a.button-link span:after {
content: "";
display: inline-block;
vertical-align: top;
width: 22px;
height: 22px;
background-color: #fff;
opacity: 0;
margin-left: -20px;
-webkit-animation: rotatesquare 1.2s infinite ease-in-out;
animation: rotatesquare 1.2s infinite ease-in-out;
margin-top: -2px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
.lt-ie10 .button span, .lt-ie10 a.button-link span {
background-position: right; }
.lt-ie10 .button span:after, .lt-ie10 a.button-link span:after {
display: none; }
.ajax-loading .button span:after, .ajax-loading a.button-link span:after {
opacity: 1;
margin-left: 20px; }
.lt-ie10 .ajax-loading .button span, .lt-ie10 .ajax-loading a.button-link span {
padding-right: 40px;
background: url("../img/gif/unitec-loader.gif") right;
background-repeat: no-repeat; }
@-webkit-keyframes rotatesquare {
0% {
-webkit-transform: perspective(120px); }
50% {
-webkit-transform: perspective(120px) rotateY(180deg); }
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
@keyframes rotatesquare {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
a.button-link {
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
@media screen and (min-width: 48.0625em) {
a.button-link {
padding: 0;
border: none;
background: none;
text-decoration: underline;
font-size: 1em;
line-height: 1.5em; }
.peach a.button-link {
color: #a61801; }
.raspberry a.button-link {
color: #7c032b; }
.plum a.button-link {
color: #631541; }
.aubergine a.button-link {
color: #511f5d; }
.blueberry a.button-link {
color: #14235b; }
.huckleberry a.button-link {
color: #01446e; }
.peppermint a.button-link {
color: #014a51; }
.mint a.button-link {
color: #014d40; }
.apple a.button-link {
color: #325409; }
.goldkiwi a.button-link {
color: #5c4a02; }
.peach a.button-link {
background: none; }
.raspberry a.button-link {
background: none; }
.plum a.button-link {
background: none; }
.aubergine a.button-link {
background: none; }
.blueberry a.button-link {
background: none; }
.huckleberry a.button-link {
background: none; }
.peppermint a.button-link {
background: none; }
.mint a.button-link {
background: none; }
.apple a.button-link {
background: none; }
.goldkiwi a.button-link {
background: none; }
a.button-link:hover {
background: none !important;
text-decoration: none; }
.button.primary.progover, a.progover.primary.button-link {
display:inline-block; /*jmc 20-8-15*/
}
}
article {
background-color: #fff;
margin-bottom: 1.125em;
width: 100%;
padding: 1.5em 15px 1.5em;
margin-bottom: 0.75em; }
article:after {
content: "";
display: table;
clear: both; }
article:last-child {
margin-bottom: 0; }
article .article-main {
position: relative; }
article .modal-toolbar {
display: none; }
article .article-share {
display: none; }
article .event-indicator {
display: block;
border-radius: 50px;
height: 60px;
position: relative;
float: right;
color: #FFF;
margin: 0 0.625em 0.375em;
width: 60px;
padding-top: 18px;
text-align: center;
font-family: sohogothicproregular;
font-weight: bold;
text-transform: uppercase;
font-size: 0.75em;
line-height: 1.5em;
line-height: 1.25em; }
.peach article .event-indicator {
background-color: #ff5736; }
.raspberry article .event-indicator {
background-color: #c62158; }
.plum article .event-indicator {
background-color: #a8437c; }
.aubergine article .event-indicator {
background-color: #8a5896; }
.blueberry article .event-indicator {
background-color: #6676af; }
.huckleberry article .event-indicator {
background-color: #3086bd; }
.peppermint article .event-indicator {
background-color: #2a97a1; }
.mint article .event-indicator {
background-color: #18a28a; }
.apple article .event-indicator {
background-color: #769a0a; }
.goldkiwi article .event-indicator {
background-color: #b08e07; }
article .event-introduction {
font-size: 1.125em;
line-height: 1.66667em;
font-family: sohogothicprolight; }
article aside {
margin-top: 1.5em; }
article > div > *:last-child,
article > div > *:last-child > *:last-child,
article > div > div > *:last-child,
article > div > *:last-child > *:last-child > *:last-child {
margin-bottom: 0;
padding-bottom: 0; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
article {
padding: 2.625em 40px 3em;
margin-bottom: 1.5em; }
article:last-child {
margin-bottom: 1.5em; }
article .article-main, article header {
display: block;
float: left;
margin-right: 2.62404%;
width: 74.34399%; }
article .article-main:last-child, article header:last-child {
margin-right: 0; }
article .article-main.width-100, article header.width-100 {
display: block;
float: left;
margin-right: 2.62404%;
width: 100%; }
article .article-main.width-100:last-child, article header.width-100:last-child {
margin-right: 0; }
article aside {
display: block;
float: left;
margin-right: 2.62404%;
width: 23.03197%;
margin-top: 0; }
article aside:last-child {
margin-right: 0; }
article aside .article-share {
display: none; }
article .image-slider + .event-indicator {
position: absolute;
top: 23px;
right: 18px;
margin: 0; }
article .event-indicator {
width: 100px;
height: 100px;
font-size: 1.25em;
padding-top: 26px; }
article .event-introduction {
font-size: 1.5em;
line-height: 1.25em; }
article header h2 {
margin-bottom: 1.16667em; } }
section {
background: #fff;
padding: 1.5em 15px 1.5em;
margin-bottom: 0.75em; }
section:after {
content: "";
display: table;
clear: both; }
section:last-child {
margin-bottom: 0; }
@media screen and (min-width: 48.0625em) {
section {
padding: 2.625em 40px 3em;
margin-bottom: 1.5em; }
section:last-child {
margin-bottom: 1.5em; } }
section > div > *:last-child,
section > div > *:last-child > *:last-child,
section > div > *:last-child > *:last-child {
margin-bottom: 0; }
img {
width: 100%;
height: auto; }
p img {
display: block; }
img.f-right {
padding: 0.3125em 0 1.25em 0;
width: auto; }
img.f-left {
padding: 0.3125em 0 1.25em 0;
width: auto; }
figure {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
*display: inline;
zoom: 1; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
img.f-right {
padding: 0.3125em 0 1.25em 1.25em; }
img.f-left {
padding: 0.3125em 1.25em 1.25em 0; } }
aside {
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
@media screen and (min-width: 48.0625em) {
aside {
margin-top: 0;
display: block;
float: left;
margin-right: 2.62404%;
width: 31.58397%;
margin-right: 0; }
aside:last-child {
margin-right: 0; }
aside nav {
background: #f2f2f2;
margin-right: -100px;
padding-right: 100px;
margin-top: -100px;
padding-top: 100px;
margin-bottom: -99999px;
padding-bottom: 99999px;
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.cta-tile-wrapper aside nav {
background: #fff; }
.lt-ie8 aside nav {
background: transparent !important; } }
nav li a:hover {
text-decoration: none; }
.modal-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 210;
height: 100%;
width: 100%;
-webkit-overflow-scrolling: touch;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
.modal-wrapper.invisible {
opacity: 0;
filter: alpha(opacity=0);
height: 0; }
.modal-wrapper .sticky-modal {
float: none;
background: #fff;
width: 100%;
overflow: auto;
height: 100%;
position: relative; }
.modal-wrapper .sticky-modal header {
margin-top: 2.25em; }
.modal-wrapper .sticky-modal .icon-close {
display: block;
font-family: sohogothicprolight;
position: absolute;
padding-right: 1.5em;
color: #656565;
top: 0.625em;
right: 15px; }
.modal-wrapper .sticky-modal .icon-close:before {
display: none; }
.modal-wrapper .sticky-modal .icon-close:after {
position: absolute;
font-size: 20px;
right: 0;
top: -0.1875em; }
.modal-wrapper .modal-toolbar {
display: block;
z-index: 10; }
.modal-wrapper .modal-toolbar .article-share {
display: none; }
.modal-wrapper aside .article-share {
padding-left: 0;
padding-right: 0;
display: block; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
body.modal-open .outer-wrap {
display: none; } }
@media screen and (min-width: 48.0625em) {
.modal-wrapper {
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
position: fixed;
width: 100%;
height: auto;
overflow: auto;
padding: 3em 0; }
.modal-wrapper .sticky-modal {
padding: 0;
max-width: 70em;
margin: 0 auto;
height: auto;
overflow: hidden; }
.modal-wrapper .sticky-modal.micro {
max-width: 50em; }
.modal-wrapper .sticky-modal header {
margin-top: 0; }
.modal-wrapper .sticky-modal .modal-toolbar {
height: 3.375em;
border-bottom: 3px solid #eaeaea;
background: #fff;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
-webkit-transition: background 0.3s ease-in;
-moz-transition: background 0.3s ease-in;
transition: background 0.3s ease-in;
opacity: 1;
filter: alpha(opacity=100); }
.modal-wrapper .sticky-modal .modal-toolbar .article-share {
display: block;
margin-left: 40px;
margin-top: 0.75em;
margin-right: 0;
background: none; }
.modal-wrapper .sticky-modal .modal-toolbar .article-share a {
font-size: 28px; }
.modal-wrapper .sticky-modal .modal-toolbar .icon-close {
font-size: 1.25em;
top: 16px;
padding-right: 0.5em;
right: 40px; }
.modal-wrapper .sticky-modal .modal-toolbar .icon-close:after {
font-size: 26px;
right: -26px;
top: -3px; }
.modal-wrapper .sticky-modal .article-body {
padding: 2.625em 40px; }
.modal-wrapper .sticky-modal .article-body:after {
content: "";
display: table;
clear: both; }
.modal-wrapper .sticky-modal.docked .modal-toolbar {
position: fixed;
top: 0;
width: 70em;
background: #f5f5f5;
opacity: 0.9;
filter: alpha(opacity=90); }
.modal-wrapper .sticky-modal.docked .article-body {
margin-top: 3.375em; }
.modal-wrapper aside .article-share {
display: none; }
body.modal-open {
overflow: hidden; } }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
background-color: #000;
margin-bottom: 1.125em; }
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-header-container {
display: none;
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
@media screen and (min-width: 48.0625em) {
.video-header-container {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin-top: 42px;
opacity: 0;
z-index: 0;
max-height: 675px;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.video-header-container .video-container {
padding-bottom: 53.75%;
opacity: 0;
margin-bottom: 0; }
.video-header-container .video-container:hover .icon-pause {
opacity: 0.6; }
.video-header-container .video-container .icon-pause {
position: absolute;
font-size: 80px;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.peach .video-header-container .video-container .icon-pause {
color: #fff; }
.raspberry .video-header-container .video-container .icon-pause {
color: #fff; }
.plum .video-header-container .video-container .icon-pause {
color: #fff; }
.aubergine .video-header-container .video-container .icon-pause {
color: #fff; }
.blueberry .video-header-container .video-container .icon-pause {
color: #fff; }
.huckleberry .video-header-container .video-container .icon-pause {
color: #fff; }
.peppermint .video-header-container .video-container .icon-pause {
color: #fff; }
.mint .video-header-container .video-container .icon-pause {
color: #fff; }
.apple .video-header-container .video-container .icon-pause {
color: #fff; }
.goldkiwi .video-header-container .video-container .icon-pause {
color: #fff; }
.video-header-container .video-container .icon-pause:hover {
opacity: 1; }
.video-header-container .video-container .icon-pause.active:before {
content: "\e60d"; }
.video-header-container iframe {
opacity: 0;
display: none; }
.video-header-container.visible {
opacity: 1;
z-index: 190; }
.video-header-container.visible .video-container {
opacity: 1; }
.video-header-container.visible iframe {
opacity: 1;
display: block; }
.lt-ie8 .video-header-container {
display: none; } }
.body-overlay {
position: fixed;
width: 100%;
height: 0;
top: 0;
left: 0;
z-index: 200;
visibility: hidden;
opacity: 0;
background: #656565;
-webkit-transition: opacity 0.1s ease-in;
-moz-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in; }
.loader-on .body-overlay, .modal-open .body-overlay {
visibility: visible;
opacity: 0.5;
filter: alpha(opacity=50);
height: 100%; }
.loader-on .body-overlay {
z-index: 220; }
.loader-on .body-overlay div {
position: fixed;
left: 50%;
top: 40%;
width: 65px;
height: 65px; }
.loader-on .body-overlay div:before {
content: "";
height: 100%;
width: 100%;
display: block;
margin-left: -30px;
background-color: #fff;
opacity: 1;
-webkit-animation: rotatelogo 3s infinite ease-in-out;
animation: rotatelogo 3s infinite ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
z-index: 1;
background: url("../img/logos/img-logo-loader.png") no-repeat #fff 9px 4px; }
.lt-ie10 .loader-on .body-overlay div:before {
background: url("../img/gif/unitec-loader-65px.gif") center no-repeat; }
.lt-ie10 .body-overlay {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.lt-ie10 .body-overlay:before {
background: url("../img/gif/unitec-loader-65px.gif") center no-repeat; }
.modal-wrapper, .outer-wrap {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none; }
.loader-on {
overflow: hidden; }
.loader-on .outer-wrap, .modal-open .outer-wrap {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
filter: blur(1px); }
.loader-on.modal-open .modal-wrapper {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
filter: blur(1px); }
@-webkit-keyframes rotatelogo {
0% {
-webkit-transform: perspective(120px); }
25% {
-webkit-transform: perspective(120px) rotateY(180deg); }
50% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
75% {
-webkit-transform: perspective(120px) rotateY(0deg) rotateX(180deg); }
100% {
-webkit-transform: perspective(120px) rotateY(0deg) rotateX(360deg); } }
@font-face {
font-family: sohogothicprolight;
font-weight: light;
font-style: normal;
src: url("../fonts/sohogothicprolight.eot");
src: url("../fonts/sohogothicprolight.eot?#iefix") format("embedded-opentype"), url("../fonts/sohogothicprolight.woff") format("woff"), url("../fonts/sohogothicprolight.ttf") format("truetype"), url("../fonts/sohogothicprolight.svg#sohogothicprolight") format("svg"); }
@font-face {
font-family: sohogothicproregular;
font-weight: normal;
font-style: normal;
src: url("../fonts/sohogothicproregular.eot");
src: url("../fonts/sohogothicproregular.eot?#iefix") format("embedded-opentype"), url("../fonts/sohogothicproregular.woff") format("woff"), url("../fonts/sohogothicproregular.ttf") format("truetype"), url("../fonts/sohogothicproregular.svg#sohogothicproregular") format("svg"); }
@font-face {
font-family: sohogothicprobold;
font-weight: normal;
font-style: normal;
src: url("../fonts/sohogothicprobold.eot");
src: url("../fonts/sohogothicprobold.eot?#iefix") format("embedded-opentype"), url("../fonts/sohogothicprobold.woff") format("woff"), url("../fonts/sohogothicprobold.ttf") format("truetype"), url("../fonts/sohogothicprobold.svg#sohogothicprobold") format("svg"); }
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
-moz-osx-font-smoothing: grayscale; }
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 100%;
line-height: 1.5em;
color: #656565; }
.peach h1, .peach h2, .peach h3, .peach h4 {
color: #ff5736; }
.raspberry h1, .raspberry h2, .raspberry h3, .raspberry h4 {
color: #c62158; }
.plum h1, .plum h2, .plum h3, .plum h4 {
color: #a8437c; }
.aubergine h1, .aubergine h2, .aubergine h3, .aubergine h4 {
color: #8a5896; }
.blueberry h1, .blueberry h2, .blueberry h3, .blueberry h4 {
color: #6676af; }
.huckleberry h1, .huckleberry h2, .huckleberry h3, .huckleberry h4 {
color: #3086bd; }
.peppermint h1, .peppermint h2, .peppermint h3, .peppermint h4 {
color: #2a97a1; }
.mint h1, .mint h2, .mint h3, .mint h4 {
color: #18a28a; }
.apple h1, .apple h2, .apple h3, .apple h4 {
color: #769a0a; }
.goldkiwi h1, .goldkiwi h2, .goldkiwi h3, .goldkiwi h4 {
color: #b08e07; }
.peach h1 a, .peach h2 a, .peach h3 a, .peach h4 a {
color: #ff5736; }
.raspberry h1 a, .raspberry h2 a, .raspberry h3 a, .raspberry h4 a {
color: #c62158; }
.plum h1 a, .plum h2 a, .plum h3 a, .plum h4 a {
color: #a8437c; }
.aubergine h1 a, .aubergine h2 a, .aubergine h3 a, .aubergine h4 a {
color: #8a5896; }
.blueberry h1 a, .blueberry h2 a, .blueberry h3 a, .blueberry h4 a {
color: #6676af; }
.huckleberry h1 a, .huckleberry h2 a, .huckleberry h3 a, .huckleberry h4 a {
color: #3086bd; }
.peppermint h1 a, .peppermint h2 a, .peppermint h3 a, .peppermint h4 a {
color: #2a97a1; }
.mint h1 a, .mint h2 a, .mint h3 a, .mint h4 a {
color: #18a28a; }
.apple h1 a, .apple h2 a, .apple h3 a, .apple h4 a {
color: #769a0a; }
.goldkiwi h1 a, .goldkiwi h2 a, .goldkiwi h3 a, .goldkiwi h4 a {
color: #b08e07; }
.peach h1 a:hover, .peach h2 a:hover, .peach h3 a:hover, .peach h4 a:hover {
color: #a61801; }
.raspberry h1 a:hover, .raspberry h2 a:hover, .raspberry h3 a:hover, .raspberry h4 a:hover {
color: #7c032b; }
.plum h1 a:hover, .plum h2 a:hover, .plum h3 a:hover, .plum h4 a:hover {
color: #631541; }
.aubergine h1 a:hover, .aubergine h2 a:hover, .aubergine h3 a:hover, .aubergine h4 a:hover {
color: #511f5d; }
.blueberry h1 a:hover, .blueberry h2 a:hover, .blueberry h3 a:hover, .blueberry h4 a:hover {
color: #14235b; }
.huckleberry h1 a:hover, .huckleberry h2 a:hover, .huckleberry h3 a:hover, .huckleberry h4 a:hover {
color: #01446e; }
.peppermint h1 a:hover, .peppermint h2 a:hover, .peppermint h3 a:hover, .peppermint h4 a:hover {
color: #014a51; }
.mint h1 a:hover, .mint h2 a:hover, .mint h3 a:hover, .mint h4 a:hover {
color: #014d40; }
.apple h1 a:hover, .apple h2 a:hover, .apple h3 a:hover, .apple h4 a:hover {
color: #325409; }
.goldkiwi h1 a:hover, .goldkiwi h2 a:hover, .goldkiwi h3 a:hover, .goldkiwi h4 a:hover {
color: #5c4a02; }
h1, h2 {
font-family: sohogothicprolight;
font-weight: lighter; }
h1 {
font-size: 1.875em;
line-height: 1.2em;
margin: 0.4em 0 0.6em; }
@media screen and (min-width: 48.0625em) {
h1 {
font-size: 3em;
line-height: 1.25em;
margin: 0 0 0.375em; } }
@media screen and (min-width: 48.0625em) {
.t4 h1 {
text-align: center; } }
h2 {
font-size: 1.5em;
line-height: 1.25em;
margin: 0 0 0.5em; }
@media screen and (min-width: 48.0625em) {
h2 {
font-size: 2.25em;
line-height: 1.16667em;
margin: 0 0 0.66667em; } }
h3 {
font-family: sohogothicproregular;
font-size: 1.125em;
line-height: 1.33333em;
margin: 0 0 0.66667em; }
@media screen and (min-width: 48.0625em) {
h3 {
font-size: 1.5em;
line-height: 1.25em;
margin: 0 0 0.75em; } }
.h3-type2, .custom h3 {
font-weight: normal;
text-transform: uppercase;
font-size: 1.25em;
line-height: 1.5em; }
@media screen and (min-width: 48.0625em) {
.h3-type2, .custom h3 {
font-size: 1.3125em;
line-height: 1.28571em;
margin-bottom: 0.28571em; }
.peach .h3-type2, .peach .custom h3, .custom .peach h3 {
color: #ff5736; }
.raspberry .h3-type2, .raspberry .custom h3, .custom .raspberry h3 {
color: #c62158; }
.plum .h3-type2, .plum .custom h3, .custom .plum h3 {
color: #a8437c; }
.aubergine .h3-type2, .aubergine .custom h3, .custom .aubergine h3 {
color: #8a5896; }
.blueberry .h3-type2, .blueberry .custom h3, .custom .blueberry h3 {
color: #6676af; }
.huckleberry .h3-type2, .huckleberry .custom h3, .custom .huckleberry h3 {
color: #3086bd; }
.peppermint .h3-type2, .peppermint .custom h3, .custom .peppermint h3 {
color: #2a97a1; }
.mint .h3-type2, .mint .custom h3, .custom .mint h3 {
color: #18a28a; }
.apple .h3-type2, .apple .custom h3, .custom .apple h3 {
color: #769a0a; }
.goldkiwi .h3-type2, .goldkiwi .custom h3, .custom .goldkiwi h3 {
color: #b08e07; } }
.h2-type2 {
font-weight: normal;
text-transform: uppercase;
font-size: 1.25em;
line-height: 1.5em; }
@media screen and (min-width: 48.0625em) {
.h2-type2 {
font-size: 1.5em;
line-height: 1.25em; }
.peach .h2-type2 {
color: #ff5736; }
.raspberry .h2-type2 {
color: #c62158; }
.plum .h2-type2 {
color: #a8437c; }
.aubergine .h2-type2 {
color: #8a5896; }
.blueberry .h2-type2 {
color: #6676af; }
.huckleberry .h2-type2 {
color: #3086bd; }
.peppermint .h2-type2 {
color: #2a97a1; }
.mint .h2-type2 {
color: #18a28a; }
.apple .h2-type2 {
color: #769a0a; }
.goldkiwi .h2-type2 {
color: #b08e07; } }
h4 {
font-family: sohogothicproregular;
font-weight: normal;
font-size: 1.125em;
line-height: 1.33333em;
margin: 0 0 0.33333em; }
@media screen and (min-width: 48.0625em) {
h4 {
font-size: 1.3125em;
line-height: 1.28571em;
margin: 0 0 0.57143em; } }
p, address {
font-weight: normal;
margin: 0 0 1.5em;
color: #656565;
font-style: normal; }
@media screen and (max-width: 48em) {
p, address {
font-size: 0.9375em;
line-height: 1.4em;
margin: 0 0 1.28571em; } }
p a:hover, address a:hover {
text-decoration: none; }
div.introduction p, div.introduction address {
font-family: sohogothicproregular;
margin-bottom: 1.5em;
font-size: 1em;
line-height: 1.5em; }
@media screen and (min-width: 48.0625em) {
div.introduction p, div.introduction address {
margin-bottom: 1.5em;
font-size: 1.25em;
line-height: 1.5em;
letter-spacing: -0.02em; }
.t4 div.introduction p, .t4 div.introduction address {
text-align: center; } }
@media screen and (min-width: 48.0625em) {
p.width-60, address.width-60 {
width: 60%;
margin-left: auto;
margin-right: auto; } }
a {
outline: 0; }
.peach a {
color: #a61801; }
.raspberry a {
color: #7c032b; }
.plum a {
color: #631541; }
.aubergine a {
color: #511f5d; }
.blueberry a {
color: #14235b; }
.huckleberry a {
color: #01446e; }
.peppermint a {
color: #014a51; }
.mint a {
color: #014d40; }
.apple a {
color: #325409; }
.goldkiwi a {
color: #5c4a02; }
a img {
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.main a img:hover {
opacity: 0.9;
filter: alpha(opacity=90); }
figcaption {
color: #656565;
margin-bottom: 1.25em; }
@media screen and (min-width: 48.0625em) {
h2.header-side-lines {
position: relative;
margin-top: 20px;
text-align: center;
margin-bottom: 1.66667em;
text-transform: uppercase;
font-size: 1.125em;
line-height: 1.33333em; }
h2.header-side-lines:before {
content: "";
display: block;
border-top: solid 1px;
border-top-color: #818285;
width: 100%;
height: 1px;
position: absolute;
top: 40%;
z-index: 10; }
h2.header-side-lines span {
background: #fff;
padding: 0 20px;
position: relative;
z-index: 20;
color: #a5a5a5; } }
html {
height: 100%; }
body {
height: 100%;
-webkit-backface-visibility: hidden; }
@media screen and (min-width: 48.0625em) {
body {
border-top: solid 6px;
background: #eaeaea !important; }
body.peach {
border-top-color: #a61801; }
body.raspberry {
border-top-color: #7c032b; }
body.plum {
border-top-color: #631541; }
body.aubergine {
border-top-color: #511f5d; }
body.blueberry {
border-top-color: #14235b; }
body.huckleberry {
border-top-color: #01446e; }
body.peppermint {
border-top-color: #014a51; }
body.mint {
border-top-color: #014d40; }
body.apple {
border-top-color: #325409; }
body.goldkiwi {
border-top-color: #5c4a02; } }
.outer-wrap {
text-align: center;
overflow: hidden;
width: 100%; }
@media screen and (min-width: 48.0625em) {
.outer-wrap {
padding: 0 40px; } }
.inner-wrap {
text-align: left;
max-width: 75em;
margin-left: auto;
margin-right: auto; }
.inner-wrap:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 48.0625em) {
.inner-wrap {
position: relative; } }
.main {
position: relative;
background: #fff; }
.main:after {
content: "";
display: table;
clear: both; }
.t1-template .main {
background: #eaeaea; }
@media screen and (min-width: 48.0625em) {
.main {
background: transparent; } }
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
body.peach.site-sub-alt {
border-top-color: #ca2c0d; }
body.raspberry.site-sub-alt {
border-top-color: #9c0b3b; }
body.plum.site-sub-alt {
border-top-color: #802257; }
body.aubergine.site-sub-alt {
border-top-color: #673573; }
body.blueberry.site-sub-alt {
border-top-color: #2e3d79; }
body.huckleberry.site-sub-alt {
border-top-color: #146090; }
body.peppermint.site-sub-alt {
border-top-color: #156269; }
body.mint.site-sub-alt {
border-top-color: #0c7361; }
body.apple.site-sub-alt {
border-top-color: #476b0f; }
body.goldkiwi.site-sub-alt {
border-top-color: #7f6501; } }
/*--------------------------------------------------------------------------------------------------------------------------------------------*\
COLOR PICKER - This applies the palette to 4 divs at the bottom of the page - These values are then used by js to work out colors for svg
\*--------------------------------------------------------------------------------------------------------------------------------------------*/
body.peach .color-1 {
background: #ff5736; }
body.peach .color-2 {
background: #ca2c0d; }
body.peach .color-3 {
background: #a61801; }
body.peach .color-4 {
background: #ffd5c8; }
body.peach .color-5 {
background: #FB745A; }
body.raspberry .color-1 {
background: #c62158; }
body.raspberry .color-2 {
background: #9c0b3b; }
body.raspberry .color-3 {
background: #7c032b; }
body.raspberry .color-4 {
background: #f0a5b6; }
body.raspberry .color-5 {
background: #CD4975; }
body.plum .color-1 {
background: #a8437c; }
body.plum .color-2 {
background: #802257; }
body.plum .color-3 {
background: #631541; }
body.plum .color-4 {
background: #d493b7; }
body.plum .color-5 {
background: #B56492; }
body.aubergine .color-1 {
background: #8a5896; }
body.aubergine .color-2 {
background: #673573; }
body.aubergine .color-3 {
background: #511f5d; }
body.aubergine .color-4 {
background: #c0a3c9; }
body.aubergine .color-5 {
background: #9D75A7; }
body.blueberry .color-1 {
background: #6676af; }
body.blueberry .color-2 {
background: #2e3d79; }
body.blueberry .color-3 {
background: #14235b; }
body.blueberry .color-4 {
background: #8e9ac4; }
body.blueberry .color-5 {
background: #808DBB; }
body.huckleberry .color-1 {
background: #3086bd; }
body.huckleberry .color-2 {
background: #146090; }
body.huckleberry .color-3 {
background: #01446e; }
body.huckleberry .color-4 {
background: #86bfe0; }
body.huckleberry .color-5 {
background: #559AC6; }
body.peppermint .color-1 {
background: #2a97a1; }
body.peppermint .color-2 {
background: #156269; }
body.peppermint .color-3 {
background: #014a51; }
body.peppermint .color-4 {
background: #6acfd8; }
body.peppermint .color-5 {
background: #50A7AF; }
body.mint .color-1 {
background: #18a28a; }
body.mint .color-2 {
background: #0c7361; }
body.mint .color-3 {
background: #014d40; }
body.mint .color-4 {
background: #65cfbe; }
body.mint .color-5 {
background: #42B09D; }
body.apple .color-1 {
background: #769a0a; }
body.apple .color-2 {
background: #476b0f; }
body.apple .color-3 {
background: #325409; }
body.apple .color-4 {
background: #b4cd40; }
body.apple .color-5 {
background: #8DAA37; }
body.goldkiwi .color-1 {
background: #b08e07; }
body.goldkiwi .color-2 {
background: #7f6501; }
body.goldkiwi .color-3 {
background: #5c4a02; }
body.goldkiwi .color-4 {
background: #dfc86f; }
body.goldkiwi .color-5 {
background: #BBA034; }
/*--------------------------------------------------*\
GRID - used to define grid in html if required
\*--------------------------------------------------*/
[class*='col-'] {
height: 100px;
height: auto; }
[class*='col-']:after {
content: "";
display: table;
clear: both; }
[class*='col-'] .last {
margin-right: 0; }
.last {
margin-right: 0; }
.row {
display: block;
margin-bottom: 1.125em; }
.row:after {
content: "";
display: table;
clear: both; }
.row:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 48.0625em) {
.col-1-4 {
display: block;
float: left;
margin-right: 2.62404%;
width: 23.03197%; }
.col-1-4:last-child {
margin-right: 0; } }
@media screen and (min-width: 48.0625em) {
.col-3-4 {
display: block;
float: left;
margin-right: 2.62404%;
width: 74.34399%; }
.col-3-4:last-child {
margin-right: 0; } }
@media screen and (min-width: 48.0625em) {
.col-1-3 {
display: block;
float: left;
margin-right: 2.62404%;
width: 31.58397%; }
.col-1-3:last-child {
margin-right: 0; } }
@media screen and (min-width: 48.0625em) {
.col-2-3 {
display: block;
float: left;
margin-right: 2.62404%;
width: 65.79199%; }
.col-2-3:last-child {
margin-right: 0; }
.cta-tile-wrapper .col-2-3 {
float: left;
display: block;
margin-right: 1.0831%;
width: 66.30563%;
margin-top: -0.75em;
margin-left: -0.375em; }
.cta-tile-wrapper .col-2-3:last-child {
margin-right: 0; } }
@media screen and (min-width: 48.0625em) {
.col-1-2 {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%; }
.col-1-2:last-child {
margin-right: 0; } }
/*------------------------------------*\
UTILITIES
\*------------------------------------*/
.invisible {
visibility: hidden;
opacity: 0; }
.hide {
display: none !important; }
.hide-mobile {
display: none !important; }
.hide-desktop {
display: block !important; }
span.hide-desktop {
display: inline !important; }
.no-padding {
padding: 0 !important; }
.no-margin {
margin: 0 !important; }
.no-padding-left {
padding-left: 0 !important; }
.capitalise {
text-transform: uppercase !important; }
@media screen and (min-width: 48.0625em) {
.hide-mobile {
display: initial !important; }
.hide-desktop {
display: none !important; }
.right {
text-align: right !important; }
.left {
text-align: left !important; }
.center {
text-align: center !important; }
.f-right {
float: right !important; }
.f-left {
float: left !important; }
.block-el {
display: block !important; } }
section.custom {
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
.header {
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/ }
.header .print-logo {
display: none; }
.header.header-hero .hd-hero-wrap {
position: relative; }
.header.header-hero .hd-hero-wrap .hd-hero-mob-small {
padding-top: 65.83%;
background-size: cover;
background-position: center top;
background-repeat: no-repeat; }
.header.header-hero .hd-hero-wrap .mob-intro {
position: absolute;
bottom: 0;
opacity: 0.85;
width: 100%; }
.peach .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #ff5736; }
.raspberry .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #c62158; }
.plum .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #a8437c; }
.aubergine .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #8a5896; }
.blueberry .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #6676af; }
.huckleberry .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #3086bd; }
.peppermint .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #2a97a1; }
.mint .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #18a28a; }
.apple .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #769a0a; }
.goldkiwi .header.header-hero .hd-hero-wrap .mob-intro {
background-color: #b08e07; }
.header.header-hero .hd-hero-wrap h2 {
padding: 0 15px;
font-size: 2.25em;
line-height: 1.16667em;
line-height: 1.11111em; }
.peach .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.raspberry .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.plum .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.aubergine .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.blueberry .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.huckleberry .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.peppermint .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.mint .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.apple .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.goldkiwi .header.header-hero .hd-hero-wrap h2 {
color: #fff; }
.header.header-hero .hd-hero-wrap h2 span {
display: block;
font-size: 0.5em;
line-height: 1; }
.header.header-hero .hd-hero-wrap h2:before {
position: absolute;
top: -66px;
right: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 66px solid transparent;
border-left: 768px solid transparent;
border-default: default solid transparent; }
.peach .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #ff5736; }
.raspberry .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #c62158; }
.plum .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #a8437c; }
.aubergine .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #8a5896; }
.blueberry .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #6676af; }
.huckleberry .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #3086bd; }
.peppermint .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #2a97a1; }
.mint .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #18a28a; }
.apple .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #769a0a; }
.goldkiwi .header.header-hero .hd-hero-wrap h2:before {
border-left-color: #b08e07; }
.header.header-hero .hd-hero-wrap .hd-hero-mob, .header.header-hero .hd-hero-wrap .hd-hero {
display: none; }
.header.header-hero + .inner-wrap header {
display: none; }
.header h1 {
position: relative;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
vertical-align: top;
font-size: 1.5em;
margin: 0.5em 0 0 2.08333em;
line-height: 1; }
.header h1 a {
text-decoration: none; }
.peach .header h1 a {
color: #fff; }
.raspberry .header h1 a {
color: #fff; }
.plum .header h1 a {
color: #fff; }
.aubergine .header h1 a {
color: #fff; }
.blueberry .header h1 a {
color: #fff; }
.huckleberry .header h1 a {
color: #fff; }
.peppermint .header h1 a {
color: #fff; }
.mint .header h1 a {
color: #fff; }
.apple .header h1 a {
color: #fff; }
.goldkiwi .header h1 a {
color: #fff; }
.header .header-bar-mobile {
height: 3em;
border-bottom: solid 2px; }
.peach .header .header-bar-mobile {
background-color: #ff5736; }
.raspberry .header .header-bar-mobile {
background-color: #c62158; }
.plum .header .header-bar-mobile {
background-color: #a8437c; }
.aubergine .header .header-bar-mobile {
background-color: #8a5896; }
.blueberry .header .header-bar-mobile {
background-color: #6676af; }
.huckleberry .header .header-bar-mobile {
background-color: #3086bd; }
.peppermint .header .header-bar-mobile {
background-color: #2a97a1; }
.mint .header .header-bar-mobile {
background-color: #18a28a; }
.apple .header .header-bar-mobile {
background-color: #769a0a; }
.goldkiwi .header .header-bar-mobile {
background-color: #b08e07; }
.peach .header .header-bar-mobile {
border-bottom-color: #ca2c0d; }
.raspberry .header .header-bar-mobile {
border-bottom-color: #9c0b3b; }
.plum .header .header-bar-mobile {
border-bottom-color: #802257; }
.aubergine .header .header-bar-mobile {
border-bottom-color: #673573; }
.blueberry .header .header-bar-mobile {
border-bottom-color: #2e3d79; }
.huckleberry .header .header-bar-mobile {
border-bottom-color: #146090; }
.peppermint .header .header-bar-mobile {
border-bottom-color: #156269; }
.mint .header .header-bar-mobile {
border-bottom-color: #0c7361; }
.apple .header .header-bar-mobile {
border-bottom-color: #476b0f; }
.goldkiwi .header .header-bar-mobile {
border-bottom-color: #7f6501; }
.header #Hd-polygon {
display: none !important; }
.header .nav-toggle {
position: absolute;
font-size: 18px; }
.peach .header .nav-toggle {
color: #fff; }
.raspberry .header .nav-toggle {
color: #fff; }
.plum .header .nav-toggle {
color: #fff; }
.aubergine .header .nav-toggle {
color: #fff; }
.blueberry .header .nav-toggle {
color: #fff; }
.huckleberry .header .nav-toggle {
color: #fff; }
.peppermint .header .nav-toggle {
color: #fff; }
.mint .header .nav-toggle {
color: #fff; }
.apple .header .nav-toggle {
color: #fff; }
.goldkiwi .header .nav-toggle {
color: #fff; }
.header .nav-toggle span {
display: none; }
.header .nav-toggle.global {
font-size: 22px;
top: 0.31818em;
left: 0.45455em;
z-index: 150;
padding: 6px; }
.header .nav-toggle.site {
top: 0.38889em;
right: 0.55556em;
z-index: 150;
padding: 8px 8px 6px; }
.header .nav-toggle.global, .header .nav-toggle.site {
border-radius: 50px; }
.peach .header .nav-toggle.global, .peach .header .nav-toggle.site {
background-color: #a61801; }
.raspberry .header .nav-toggle.global, .raspberry .header .nav-toggle.site {
background-color: #7c032b; }
.plum .header .nav-toggle.global, .plum .header .nav-toggle.site {
background-color: #631541; }
.aubergine .header .nav-toggle.global, .aubergine .header .nav-toggle.site {
background-color: #511f5d; }
.blueberry .header .nav-toggle.global, .blueberry .header .nav-toggle.site {
background-color: #14235b; }
.huckleberry .header .nav-toggle.global, .huckleberry .header .nav-toggle.site {
background-color: #01446e; }
.peppermint .header .nav-toggle.global, .peppermint .header .nav-toggle.site {
background-color: #014a51; }
.mint .header .nav-toggle.global, .mint .header .nav-toggle.site {
background-color: #014d40; }
.apple .header .nav-toggle.global, .apple .header .nav-toggle.site {
background-color: #325409; }
.goldkiwi .header .nav-toggle.global, .goldkiwi .header .nav-toggle.site {
background-color: #5c4a02; }
.header .nav-toggle.global:before, .header .nav-toggle.site:before {
vertical-align: bottom; }
.site-sub-alt .header .logo-fill img {
position: absolute;
height: auto;
width: auto;
left: 4%;
top: 4.5em;
z-index: 1;
width: 70px; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 35em) {
.header.header-hero .hd-hero-wrap .hd-hero, .header.header-hero .hd-hero-wrap .hd-hero-mob-small {
display: none; }
.header.header-hero .hd-hero-wrap .hd-hero-mob {
display: block;
padding-top: 41.81%;
background-size: cover;
background-position: center top;
background-repeat: no-repeat; } }
@media screen and (min-width: 48.0625em) {
.header {
background: #eaeaea;
padding-top: 0;
position: relative;
margin-bottom: 2.25em;
/*------------------------------------*\
Site Sub styles
\*------------------------------------*/
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
END Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.header.header-hero .inner-wrap {
height: 44.8125em; }
.header.header-hero .inner-wrap .hd-hero-wrap {
display: none; }
.header.header-hero .hd-hero-wrap {
position: absolute;
top: 42px;
width: 100%; }
.header.header-hero .hd-hero-wrap .hd-hero {
display: block;
background-size: cover;
height: 42.1875em;
margin: 0 -4.5%;
background-position: center top;
background-repeat: no-repeat; }
.header.header-hero .hd-hero-wrap .hd-hero .slice {
display: block;
right: 52%;
left: auto;
opacity: 0.9;
z-index: 0; }
.peach .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #ffd5c8; }
.raspberry .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #f0a5b6; }
.plum .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #d493b7; }
.aubergine .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #c0a3c9; }
.blueberry .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #8e9ac4; }
.huckleberry .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #86bfe0; }
.peppermint .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #6acfd8; }
.mint .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #65cfbe; }
.apple .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #b4cd40; }
.goldkiwi .header.header-hero .hd-hero-wrap .hd-hero .slice {
background-color: #dfc86f; }
.header.header-hero .hd-hero-wrap .hd-hero .slice:before {
display: none; }
.header.header-hero .hd-hero-wrap .hd-hero .slice:after {
opacity: 1; }
.peach .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #ffd5c8; }
.raspberry .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #f0a5b6; }
.plum .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #d493b7; }
.aubergine .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #c0a3c9; }
.blueberry .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #8e9ac4; }
.huckleberry .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #86bfe0; }
.peppermint .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #6acfd8; }
.mint .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #65cfbe; }
.apple .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #b4cd40; }
.goldkiwi .header.header-hero .hd-hero-wrap .hd-hero .slice:after {
border-left-color: #dfc86f; }
.header.header-hero + .inner-wrap header {
display: block; }
.header .nav-toggle {
display: none; }
.header .header-bar-mobile {
border: none;
height: 0; }
.header .cta-bar nav {
display: block; }
.header .hd-polygon-wrap {
top: 42px;
position: relative;
width: 100%;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.header .hd-polygon-wrap #Hd-polygon {
top: 0 !important;
display: block !important;
position: relative !important;
display: block;
z-index: 100;
left: -1246px !important; }
.header h1 {
margin: 0;
z-index: 110; }
.header h1 a {
text-indent: -10000px;
display: block;
height: 140px;
width: 83px;
position: absolute;
left: 0;
top: 2.16667em;
background-image: url("../img/logos/img-logo.png"); } }
@media only screen and (min-width: 48.0625em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 48.0625em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 48.0625em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 48.0625em) and (min-resolution: 125dpi), only screen and (min-width: 48.0625em) and (min-resolution: 1.3dppx) {
.header h1 a {
background-image: url("../img/logos/img-logo@2x.png");
background-size: 83px 140px; } }
@media screen and (min-width: 48.0625em) {
.lt-ie9 .header h1 a {
background-image: url("../img/logos/img-logo.png");
width: 83px;
height: 141px; }
.header.t5-header .hd-polygon-wrap {
right: auto;
position: static; }
.header.t5-header #Hd-polygon {
position: absolute !important;
top: 42px !important; }
.site-sub .header .hd-polygon-wrap img {
margin-top: -370px; }
.site-sub .header.t11-header h1 a {
background-image: url("../img/logos/img-logo-med.png");
height: 166px;
width: 98px;
left: 0; } }
@media only screen and (min-width: 48.0625em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 48.0625em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 48.0625em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 48.0625em) and (min-resolution: 125dpi), only screen and (min-width: 48.0625em) and (min-resolution: 1.3dppx) {
.site-sub .header.t11-header h1 a {
background-image: url("../img/logos/img-logo-med@2x.png");
background-size: 98px 166px; } }
@media screen and (min-width: 48.0625em) {
.site-sub .header.t11-header .intro {
padding-top: 18em; }
.peach .site-sub .header.t11-header .intro a {
color: #fff; }
.raspberry .site-sub .header.t11-header .intro a {
color: #fff; }
.plum .site-sub .header.t11-header .intro a {
color: #fff; }
.aubergine .site-sub .header.t11-header .intro a {
color: #fff; }
.blueberry .site-sub .header.t11-header .intro a {
color: #fff; }
.huckleberry .site-sub .header.t11-header .intro a {
color: #fff; }
.peppermint .site-sub .header.t11-header .intro a {
color: #fff; }
.mint .site-sub .header.t11-header .intro a {
color: #fff; }
.apple .site-sub .header.t11-header .intro a {
color: #fff; }
.goldkiwi .site-sub .header.t11-header .intro a {
color: #fff; }
.site-sub .header.t11-header .intro h2 {
font-size: 3.75em;
line-height: 1.13333em; }
.site-sub-alt .header a {
text-decoration: none; }
.site-sub-alt .header:after {
display: none; }
.site-sub-alt .header.header-hero {
height: 502px; }
.site-sub-alt .header.header-hero .inner-wrap {
height: 502px; }
.site-sub-alt .header.header-hero .hd-hero-wrap {
top: 0; }
.site-sub-alt .header.header-hero .hd-hero {
height: 502px; }
.site-sub-alt .header .logo-fill img {
left: 0;
top: 5.25em;
width: 138px; }
.site-sub-alt .header .hd-polygon-wrap img {
margin: 0;
left: -12.5%;
margin-top: -42px; }
.site-sub-alt .header h1 a {
background: none; }
.lt-ie8 .header.header-hero .hd-hero-wrap {
left: 0; }
.lt-ie8 .header .header-bar-mobile {
height: 5px; }
.lt-ie8 .header .hd-polygon-wrap {
margin-top: -1px; } }
@media screen and (min-width: 75em) {
.header {
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/ }
.header .hd-polygon-wrap {
top: 0;
width: auto;
right: -50%; }
.header .hd-polygon-wrap #Hd-polygon {
left: -53% !important; }
.header h1 a {
left: 100px;
top: 54px; }
.site-sub-alt .header .hd-polygon-wrap {
right: 0; }
.header.t5-header #Hd-polygon {
left: -1089px !important; }
.site-sub-alt .header h1 a {
top: 2.5em; }
.site-sub-alt .header h1 a {
top: 3.5em; } }
.t1-header .intro {
color: #fff;
z-index: 50;
position: absolute;
top: 3.125em;
font-size: 1.875em;
margin: 0 0 0 3%;
width: 220px;
text-align: left;
background: transparent;
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.t1-header .site-nav {
position: absolute;
right: auto;
left: 0;
top: 2.625em;
background: none !important;
border: none;
padding-top: 30px;
opacity: 0;
left: auto;
margin: 0;
width: 440px;
-webkit-transition: opacity 1.2s ease-in-out;
-moz-transition: opacity 1.2s ease-in-out;
transition: opacity 1.2s ease-in-out; }
.t1-header .site-nav:after, .t1-header .site-nav:before {
display: none; }
.t1-header .site-nav a {
padding: 0; }
.peach .t1-header .site-nav a {
background-color: transparent; }
.raspberry .t1-header .site-nav a {
background-color: transparent; }
.plum .t1-header .site-nav a {
background-color: transparent; }
.aubergine .t1-header .site-nav a {
background-color: transparent; }
.blueberry .t1-header .site-nav a {
background-color: transparent; }
.huckleberry .t1-header .site-nav a {
background-color: transparent; }
.peppermint .t1-header .site-nav a {
background-color: transparent; }
.mint .t1-header .site-nav a {
background-color: transparent; }
.apple .t1-header .site-nav a {
background-color: transparent; }
.goldkiwi .t1-header .site-nav a {
background-color: transparent; }
.t1-header .intro {
line-height: 1.14;
top: 429px;
right: auto;
left: 163px;
width: 250px;
font-size: 2.1875em;
line-height: 1.2em;
line-height: 45px;
opacity: 0;
margin: 1.3em 0 .5em;
z-index: 100;
display: block;
-webkit-transition: opacity 1.2s ease-in-out;
-moz-transition: opacity 1.2s ease-in-out;
transition: opacity 1.2s ease-in-out; }
.t1-header h1 {
opacity: 0;
-webkit-transition: opacity 1.2s ease-in-out;
-moz-transition: opacity 1.2s ease-in-out;
transition: opacity 1.2s ease-in-out; }
.t1-header h1 a {
top: 426px;
height: 171px;
width: 115px;
background-image: url("../img/logos/img-logo-lg.png"); } }
@media only screen and (min-width: 48.0625em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 48.0625em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 48.0625em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 48.0625em) and (min-resolution: 125dpi), only screen and (min-width: 48.0625em) and (min-resolution: 1.3dppx) {
.t1-header h1 a {
background-image: url("../img/logos/img-logo-lg@2x.png");
background-size: 115px 171px; } }
@media screen and (min-width: 48.0625em) {
.t1-header .hd-polygon-wrap #Hd-polygon {
left: -1700px !important; } }
@media screen and (min-width: 75em) {
.t1-header .site-nav, .t1-header .intro {
right: 49%;
left: auto; }
.t1-header .intro {
width: 440px;
top: 301px;
font-size: 3.75em;
line-height: 1.13333em; }
.t1-header h1 {
position: absolute;
left: 50%;
height: 194px;
width: 115px;
margin-left: -600px;
top: 350px; }
.t1-header h1 a {
position: static;
height: 194px;
width: 100%;
background-image: url("../img/logos/img-logo-lg.png"); } }
@media only screen and (min-width: 75em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 75em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 75em) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 75em) and (min-resolution: 125dpi), only screen and (min-width: 75em) and (min-resolution: 1.3dppx) {
.t1-header h1 a {
background-image: url("../img/logos/img-logo-lg@2x.png");
background-size: 115px 194px; } }
@media screen and (min-width: 75em) {
.t1-header .hd-polygon-wrap #Hd-polygon {
left: -53% !important; } }
.header.minor .intro h2 {
display: block;
font-size: 2.25em;
line-height: 1.16667em; }
.site-sub-alt .header.minor .logo-fill {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.header.minor {
height: auto;
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/ }
.header.minor .inner-wrap {
height: auto; }
.header.minor .intro {
display: none; }
.header.minor .hd-hero {
position: relative; }
.header.minor .hd-hero:after {
position: absolute;
right: 0px;
bottom: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 196px solid transparent;
border-left: 4000px solid transparent;
border-default: default solid transparent;
border-left-color: #eaeaea; }
.site-sub-alt .header.minor.header-hero {
height: auto; }
.site-sub-alt .header.minor:before {
content: " ";
display: block;
position: absolute;
width: 1000%;
height: 100%;
margin-left: -4000px;
opacity: 1;
margin-top: 0;
top: 0; }
.site-sub-alt .header.minor .inner-wrap {
height: auto; }
.site-sub-alt .header.minor .hd-hero:after {
display: none; }
.site-sub-alt .header.minor .logo-fill {
display: block; }
.site-sub-alt .header.minor .logo-fill img {
margin-top: 2.625em;
margin-bottom: 1.5em;
position: relative;
top: 0; }
.peach.site-sub-alt .header.minor:before {
background-color: #fff; }
.raspberry.site-sub-alt .header.minor:before {
background-color: #fff; }
.plum.site-sub-alt .header.minor:before {
background-color: #fff; }
.aubergine.site-sub-alt .header.minor:before {
background-color: #fff; }
.blueberry.site-sub-alt .header.minor:before {
background-color: #fff; }
.huckleberry.site-sub-alt .header.minor:before {
background-color: #fff; }
.peppermint.site-sub-alt .header.minor:before {
background-color: #fff; }
.mint.site-sub-alt .header.minor:before {
background-color: #fff; }
.apple.site-sub-alt .header.minor:before {
background-color: #fff; }
.goldkiwi.site-sub-alt .header.minor:before {
background-color: #fff; } }
@media screen and (min-width: 75em) {
.header.minor .intro h2 {
font-size: 3em;
line-height: 1.25em; } }
.header .intro {
text-align: left;
background: #fff;
padding: 0 15px; }
.header .intro h2 {
display: none; }
.header .intro-copy {
font-family: sohogothicproregular;
font-size: 1em;
line-height: 1.5em;
color: #656565;
margin-top: 1.125em;
margin-bottom: 1.125em; }
.header .intro-copy p {
font-size: 1em;
line-height: 1.5em; }
.header .intro-link {
display: block;
padding: 0;
margin-bottom: 1.71429em;
margin-top: 0.42857em;
font-size: 0.875em;
line-height: 1.5em; }
.header .intro-link:hover {
text-decoration: none; }
.header .intro-aside {
padding: 0 15px 1.125em;
background: #fff; }
.header .intro-aside.intro-programme-summary {
text-align: left; }
.header .intro-aside.intro-programme-summary div {
border-bottom: 1px solid #a5a5a5;
padding: 0.75em 0; }
.header .intro-aside.intro-programme-summary div:first-child {
padding-top: 0; }
.header .intro-aside.intro-programme-summary div:last-child {
border-bottom: none; }
.peach .header .intro-aside.intro-programme-summary div span:first-child {
color: #ff5736; }
.raspberry .header .intro-aside.intro-programme-summary div span:first-child {
color: #c62158; }
.plum .header .intro-aside.intro-programme-summary div span:first-child {
color: #a8437c; }
.aubergine .header .intro-aside.intro-programme-summary div span:first-child {
color: #8a5896; }
.blueberry .header .intro-aside.intro-programme-summary div span:first-child {
color: #6676af; }
.huckleberry .header .intro-aside.intro-programme-summary div span:first-child {
color: #3086bd; }
.peppermint .header .intro-aside.intro-programme-summary div span:first-child {
color: #2a97a1; }
.mint .header .intro-aside.intro-programme-summary div span:first-child {
color: #18a28a; }
.apple .header .intro-aside.intro-programme-summary div span:first-child {
color: #769a0a; }
.goldkiwi .header .intro-aside.intro-programme-summary div span:first-child {
color: #b08e07; }
.header .intro-aside.intro-programme-summary span {
display: block;
font-size: 0.875em;
line-height: 1.5em;
line-height: 1.07143em; }
.header .intro-aside.intro-video {
display: none; }
.header .intro-profile {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.header {
/*------------------------------------*\
IE7
\*------------------------------------*/
/*------------------------------------*\
Site Sub styles
\*------------------------------------*/ }
.header .intro h2 {
display: block;
font-size: 2.125em;
line-height: 1.23529em; }
.header .intro.polygon {
position: absolute;
width: 19.375em;
height: 20.1875em;
bottom: 0;
left: 8.125em;
padding: 0; }
.peach .header .intro.polygon {
background: #ff5736; }
.raspberry .header .intro.polygon {
background: #c62158; }
.plum .header .intro.polygon {
background: #a8437c; }
.aubergine .header .intro.polygon {
background: #8a5896; }
.blueberry .header .intro.polygon {
background: #6676af; }
.huckleberry .header .intro.polygon {
background: #3086bd; }
.peppermint .header .intro.polygon {
background: #2a97a1; }
.mint .header .intro.polygon {
background: #18a28a; }
.apple .header .intro.polygon {
background: #769a0a; }
.goldkiwi .header .intro.polygon {
background: #b08e07; }
.header .intro.polygon:before {
height: 0;
position: absolute;
width: 0;
border-top: 26px solid transparent;
border-bottom: 0 solid transparent;
border-left: 310px solid;
content: "";
top: -26px;
left: 0;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom; }
.peach .header .intro.polygon:before {
border-left-color: #ff5736; }
.raspberry .header .intro.polygon:before {
border-left-color: #c62158; }
.plum .header .intro.polygon:before {
border-left-color: #a8437c; }
.aubergine .header .intro.polygon:before {
border-left-color: #8a5896; }
.blueberry .header .intro.polygon:before {
border-left-color: #6676af; }
.huckleberry .header .intro.polygon:before {
border-left-color: #3086bd; }
.peppermint .header .intro.polygon:before {
border-left-color: #2a97a1; }
.mint .header .intro.polygon:before {
border-left-color: #18a28a; }
.apple .header .intro.polygon:before {
border-left-color: #769a0a; }
.goldkiwi .header .intro.polygon:before {
border-left-color: #b08e07; }
.header .intro.polygon:after {
height: 0;
position: absolute;
width: 0;
border-bottom: 0 solid transparent;
border-top: 323px solid transparent;
border-left: 63px solid;
content: "";
top: 0;
right: -63px;
-moz-transform: scaleY(1.001);
-moz-transform-origin: top; }
.peach .header .intro.polygon:after {
border-left-color: #ff5736; }
.raspberry .header .intro.polygon:after {
border-left-color: #c62158; }
.plum .header .intro.polygon:after {
border-left-color: #a8437c; }
.aubergine .header .intro.polygon:after {
border-left-color: #8a5896; }
.blueberry .header .intro.polygon:after {
border-left-color: #6676af; }
.huckleberry .header .intro.polygon:after {
border-left-color: #3086bd; }
.peppermint .header .intro.polygon:after {
border-left-color: #2a97a1; }
.mint .header .intro.polygon:after {
border-left-color: #18a28a; }
.apple .header .intro.polygon:after {
border-left-color: #769a0a; }
.goldkiwi .header .intro.polygon:after {
border-left-color: #b08e07; }
.header .intro.polygon h2 {
color: #fff;
margin-left: 0.83333em;
padding-top: 1em;
margin-bottom: 0.48em; }
.header .intro.polygon .intro-copy {
color: #fff;
margin-left: 1.66667em; }
.header .intro.polygon .intro-copy p {
color: #fff;
padding: 0;
margin: 0; }
.header .intro.slice {
position: absolute;
width: 3820px;
height: 675px;
bottom: 0;
left: -3440px;
padding: 0;
z-index: 50;
opacity: 0.9;
padding-left: 3440px;
padding-top: 272px; }
.header .intro.slice:after {
height: 0;
position: absolute;
width: 0;
border-bottom: 0 solid transparent;
border-top: 675px solid transparent;
border-left: 140px solid #fff;
content: "";
top: 0;
right: -140px;
-moz-transform: scaleY(1.001);
-moz-transform-origin: top; }
.header .intro.slice h2 {
margin-bottom: 0.52941em; }
.header .intro.slice h2 span {
font-size: 0.70588em;
line-height: 1.25em; }
.header .intro.slice .intro-copy {
font-size: 1em;
line-height: 1.5em; }
.header .intro.transparent {
background: transparent;
padding: 0; }
.header .intro-copy {
font-size: 1.125em;
line-height: 1.33333em;
margin-bottom: 0; }
.header .intro-link {
font-size: 1em;
line-height: 1.5em; }
.header .intro-profile {
display: block;
text-align: right; }
.header .intro-profile span {
font-family: sohogothicproregular;
display: block;
font-size: 1.25em;
line-height: 1.5em;
line-height: 1; }
.header .intro-profile span.profile-name {
font-size: 1.875em;
line-height: 1.2em; }
.header .intro-profile .button, .header .intro-profile a.button-link {
margin-top: 0.75em; }
.header .intro-aside {
position: absolute;
right: 0;
top: 70%;
background: none;
color: #fff; }
.header .intro-aside.intro-video {
display: block;
text-align: right; }
.header .intro-aside.intro-video span {
font-family: sohogothicproregular;
display: block;
font-size: 1.25em;
line-height: 1.5em;
line-height: 1; }
.header .intro-aside.intro-video span.graduate-name {
font-size: 1.875em;
line-height: 1.2em; }
.header .intro-aside.intro-video .button, .header .intro-aside.intro-video a.button-link {
margin-top: 3.66667em; }
.header .intro-aside.intro-programme-summary {
right: 0;
bottom: 30px;
top: auto;
background: #fff;
opacity: 0.9;
padding: 0.375em 1.875em 0.375em 1.25em;
color: #656565;
max-width: 14.375em;
z-index: 50; }
.header .intro-aside.intro-programme-summary div {
padding: 0.375em 1.875em 0.375em 0; }
.header .intro-aside.intro-programme-summary span {
font-size: 1em;
line-height: 1.5em;
line-height: 1.125em; }
.lt-ie8 .header .intro.slice {
width: 600px;
top: 270px;
left: 0;
height: 350px;
padding: 20px; }
.lt-ie8 .header .intro-aside.intro-video {
display: none; }
.site-sub .header .intro.slice {
background: none;
opacity: 1;
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.site-sub .header .intro.slice:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
right: 0px;
opacity: 0.7; }
.site-sub .header .intro.slice:after {
opacity: 0.7; }
.site-sub .header .intro.slice .intro-copy p, .site-sub .header .intro.slice h2 {
position: relative; }
.lt-ie8 .site-sub .header .intro.slice {
display: none; }
.peach.site-sub .header .intro.slice .intro-copy p, .peach.site-sub .header .intro.slice h2 {
color: #fff; }
.raspberry.site-sub .header .intro.slice .intro-copy p, .raspberry.site-sub .header .intro.slice h2 {
color: #fff; }
.plum.site-sub .header .intro.slice .intro-copy p, .plum.site-sub .header .intro.slice h2 {
color: #fff; }
.aubergine.site-sub .header .intro.slice .intro-copy p, .aubergine.site-sub .header .intro.slice h2 {
color: #fff; }
.blueberry.site-sub .header .intro.slice .intro-copy p, .blueberry.site-sub .header .intro.slice h2 {
color: #fff; }
.huckleberry.site-sub .header .intro.slice .intro-copy p, .huckleberry.site-sub .header .intro.slice h2 {
color: #fff; }
.peppermint.site-sub .header .intro.slice .intro-copy p, .peppermint.site-sub .header .intro.slice h2 {
color: #fff; }
.mint.site-sub .header .intro.slice .intro-copy p, .mint.site-sub .header .intro.slice h2 {
color: #fff; }
.apple.site-sub .header .intro.slice .intro-copy p, .apple.site-sub .header .intro.slice h2 {
color: #fff; }
.goldkiwi.site-sub .header .intro.slice .intro-copy p, .goldkiwi.site-sub .header .intro.slice h2 {
color: #fff; }
.peach.site-sub .header .intro.slice:after {
border-left-color: #ff5736; }
.raspberry.site-sub .header .intro.slice:after {
border-left-color: #c62158; }
.plum.site-sub .header .intro.slice:after {
border-left-color: #a8437c; }
.aubergine.site-sub .header .intro.slice:after {
border-left-color: #8a5896; }
.blueberry.site-sub .header .intro.slice:after {
border-left-color: #6676af; }
.huckleberry.site-sub .header .intro.slice:after {
border-left-color: #3086bd; }
.peppermint.site-sub .header .intro.slice:after {
border-left-color: #2a97a1; }
.mint.site-sub .header .intro.slice:after {
border-left-color: #18a28a; }
.apple.site-sub .header .intro.slice:after {
border-left-color: #769a0a; }
.goldkiwi.site-sub .header .intro.slice:after {
border-left-color: #b08e07; }
.peach.site-sub .header .intro.slice:before {
background-color: #ff5736; }
.raspberry.site-sub .header .intro.slice:before {
background-color: #c62158; }
.plum.site-sub .header .intro.slice:before {
background-color: #a8437c; }
.aubergine.site-sub .header .intro.slice:before {
background-color: #8a5896; }
.blueberry.site-sub .header .intro.slice:before {
background-color: #6676af; }
.huckleberry.site-sub .header .intro.slice:before {
background-color: #3086bd; }
.peppermint.site-sub .header .intro.slice:before {
background-color: #2a97a1; }
.mint.site-sub .header .intro.slice:before {
background-color: #18a28a; }
.apple.site-sub .header .intro.slice:before {
background-color: #769a0a; }
.goldkiwi.site-sub .header .intro.slice:before {
background-color: #b08e07; } }
@media screen and (min-width: 75em) {
.header .intro h2 {
font-size: 2.5em;
line-height: 1.275em; }
.header .intro.polygon {
left: 14.375em;
width: 25.625em; }
.header .intro.polygon:before {
border-left: 410px solid; }
.header .intro.polygon h2 {
color: #fff;
margin-left: 0.83333em;
padding-top: 0.5em; }
.header .intro.polygon .intro-copy {
margin-left: 2.22222em; }
.header .intro.slice {
width: 4000px;
padding-top: 17em; }
.header .intro.slice .intro-copy {
font-size: 1.125em;
line-height: 1.33333em;
line-height: 1.66667em;
line-height: 1.66667em; }
.header .intro-link {
font-size: 1.125em;
line-height: 1.33333em; }
.header .intro-copy {
line-height: 1.66667em; } }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
.js-nav .header .inner-wrap, .js-nav-site .header .inner-wrap {
top: 0;
bottom: 0; }
.js-nav .site-nav-global, .js-nav .site-nav, .js-nav-site .site-nav-global, .js-nav-site .site-nav {
top: 0;
bottom: 0; }
.js-nav .site-nav-global > ul, .js-nav .site-nav > ul, .js-nav-site .site-nav-global > ul, .js-nav-site .site-nav > ul {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
margin-top: 48px;
padding-bottom: 48px;
height: 100%; }
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out; }
.js-nav .inner-wrap {
-webkit-transform: translateX(80%);
-moz-transform: translateX(80%);
-ms-transform: translateX(80%);
-o-transform: translateX(80%);
transform: translateX(80%);
visibility: visible; }
.lt-ie9 .js-nav .inner-wrap {
left: 80%; }
.js-nav-site .inner-wrap {
-webkit-transform: translateX(-80%);
-moz-transform: translateX(-80%);
-ms-transform: translateX(-80%);
-o-transform: translateX(-80%);
transform: translateX(-80%);
visibility: visible; }
.lt-ie9 .js-nav-site .inner-wrap {
right: 80%; }
.site-nav-global, .site-nav {
position: absolute;
width: 80%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.site-nav-global.nav-open, .site-nav.nav-open {
height: 10000px; }
.site-nav-global {
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.lt-ie9 .site-nav-global {
left: -80%; }
.site-nav {
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.lt-ie9 .site-nav {
right: -80%; }
.site-nav a.selected + ul {
display: block; }
.site-nav a.selected + ul ul {
display: none; }
.site-nav a.selected + ul a.selected + ul {
display: block; } }
.site-nav-global {
z-index: 50; }
.site-nav-global a {
font-family: sohogothicprolight;
font-size: 0.8125em;
line-height: 1.38462em; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
.site-nav-global {
text-align: left;
top: 0;
background: #fff;
border-right: solid 10px #eaeaea; }
.site-nav-global > .button, .site-nav-global > a.button-link {
display: none; }
.site-nav-global li {
padding: 0.42857em 0.71429em 0.42857em 0.71429em;
line-height: 1;
border-left: solid 8px;
margin: 15px 0;
position: relative; }
.site-nav-global li.selected {
padding-top: 0;
padding-bottom: 0;
padding-left: 0; }
.site-nav-global li.selected:after {
position: absolute;
top: 7px;
right: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid transparent;
border-right-color: #eaeaea; }
.site-nav-global a {
color: #656565;
font-family: sohogothicprolight;
text-decoration: none;
display: block;
font-size: 1.875em;
line-height: 1em;
line-height: 1; }
.site-nav-global a.selected {
padding: 0.23077em 0.38462em 0.23077em 0.38462em;
background: #fff;
display: inline-block; }
.peach .site-nav-global a.selected {
color: #ff5736; }
.raspberry .site-nav-global a.selected {
color: #c62158; }
.plum .site-nav-global a.selected {
color: #a8437c; }
.aubergine .site-nav-global a.selected {
color: #8a5896; }
.blueberry .site-nav-global a.selected {
color: #6676af; }
.huckleberry .site-nav-global a.selected {
color: #3086bd; }
.peppermint .site-nav-global a.selected {
color: #2a97a1; }
.mint .site-nav-global a.selected {
color: #18a28a; }
.apple .site-nav-global a.selected {
color: #769a0a; }
.goldkiwi .site-nav-global a.selected {
color: #b08e07; }
.site-nav-global .nav-header {
background: #cac9c9;
padding: 0.75em 1.25em 0;
margin: 0;
height: 3em;
border-bottom: solid 2px; }
.peach .site-nav-global .nav-header {
border-bottom-color: #ff5736; }
.raspberry .site-nav-global .nav-header {
border-bottom-color: #c62158; }
.plum .site-nav-global .nav-header {
border-bottom-color: #a8437c; }
.aubergine .site-nav-global .nav-header {
border-bottom-color: #8a5896; }
.blueberry .site-nav-global .nav-header {
border-bottom-color: #6676af; }
.huckleberry .site-nav-global .nav-header {
border-bottom-color: #3086bd; }
.peppermint .site-nav-global .nav-header {
border-bottom-color: #2a97a1; }
.mint .site-nav-global .nav-header {
border-bottom-color: #18a28a; }
.apple .site-nav-global .nav-header {
border-bottom-color: #769a0a; }
.goldkiwi .site-nav-global .nav-header {
border-bottom-color: #b08e07; }
.site-nav-global .huckleberry-site-link {
border-left-color: #3086bd; }
.site-nav-global .huckleberry-site-link.selected {
background-color: #3086bd; }
.site-nav-global .peach-site-link {
border-left-color: #ff5736; }
.site-nav-global .peach-site-link.selected {
background-color: #ff5736; }
.site-nav-global .apple-site-link {
border-left-color: #769a0a; }
.site-nav-global .apple-site-link.selected {
background-color: #769a0a; }
.site-nav-global .raspberry-site-link {
border-left-color: #c62158; }
.site-nav-global .raspberry-site-link.selected {
background-color: #c62158; }
.site-nav-global .peppermint-site-link {
border-left-color: #2a97a1; }
.site-nav-global .peppermint-site-link.selected {
background-color: #2a97a1; }
.site-nav-global .mint-site-link {
border-left-color: #18a28a; }
.site-nav-global .mint-site-link.selected {
background-color: #18a28a; }
.site-nav-global .plum-site-link {
border-left-color: #a8437c; }
.site-nav-global .plum-site-link.selected {
background-color: #a8437c; }
.site-nav-global .aubergine-site-link {
border-left-color: #8a5896; }
.site-nav-global .aubergine-site-link.selected {
background-color: #8a5896; }
.site-nav-global .blueberry-site-link {
border-left-color: #6676af; }
.site-nav-global .blueberry-site-link.selected {
background-color: #6676af; }
.site-nav-global .goldkiwi-site-link {
border-left-color: #b08e07; }
.site-nav-global .goldkiwi-site-link.selected {
background-color: #b08e07; } }
@media screen and (min-width: 48.0625em) {
.site-nav-global {
position: absolute;
top: 0;
z-index: 160;
padding-top: 30px;
height: 42px;
background: #eaeaea;
width: 520px;
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
END Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.site-nav-global h2 {
display: none; }
.site-nav-global a {
padding: 0.46154em 10px;
text-decoration: none;
display: block;
width: 10.76923em;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out; }
.site-nav-global.btn-dd {
padding-top: 0; }
.site-nav-global.btn-dd .button, .site-nav-global.btn-dd a.button-link {
font-family: sohogothicprolight;
position: relative;
border-radius: 0;
border-bottom: 0;
font-size: 0.8125em;
line-height: 1.38462em;
font-weight: bold;
padding: 0.46154em 0 0.46154em 1.53846em; }
.peach .site-nav-global.btn-dd .button, .peach .site-nav-global.btn-dd a.button-link {
background-color: #a61801; }
.raspberry .site-nav-global.btn-dd .button, .raspberry .site-nav-global.btn-dd a.button-link {
background-color: #7c032b; }
.plum .site-nav-global.btn-dd .button, .plum .site-nav-global.btn-dd a.button-link {
background-color: #631541; }
.aubergine .site-nav-global.btn-dd .button, .aubergine .site-nav-global.btn-dd a.button-link {
background-color: #511f5d; }
.blueberry .site-nav-global.btn-dd .button, .blueberry .site-nav-global.btn-dd a.button-link {
background-color: #14235b; }
.huckleberry .site-nav-global.btn-dd .button, .huckleberry .site-nav-global.btn-dd a.button-link {
background-color: #01446e; }
.peppermint .site-nav-global.btn-dd .button, .peppermint .site-nav-global.btn-dd a.button-link {
background-color: #014a51; }
.mint .site-nav-global.btn-dd .button, .mint .site-nav-global.btn-dd a.button-link {
background-color: #014d40; }
.apple .site-nav-global.btn-dd .button, .apple .site-nav-global.btn-dd a.button-link {
background-color: #325409; }
.goldkiwi .site-nav-global.btn-dd .button, .goldkiwi .site-nav-global.btn-dd a.button-link {
background-color: #5c4a02; }
.site-nav-global.btn-dd .button:hover:after, .site-nav-global.btn-dd a.button-link:hover:after {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid transparent;
border-top-color: #fff; }
.site-nav-global.btn-dd .button:after, .site-nav-global.btn-dd a.button-link:after {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid transparent;
border-top-color: #fff;
position: absolute;
right: 12px;
top: 10px; }
.site-nav-global.btn-dd.open > .btn-dd-items {
display: block; }
.site-nav-global.btn-dd .btn-dd-items {
position: absolute;
left: auto;
z-index: 180;
display: none;
float: left;
min-width: 100px;
padding: 0;
margin: 1px 0 0;
list-style: none;
border-radius: 3px;
background-clip: padding-box; }
.peach .site-nav-global.btn-dd .btn-dd-items {
background-color: #ffd5c8; }
.raspberry .site-nav-global.btn-dd .btn-dd-items {
background-color: #f0a5b6; }
.plum .site-nav-global.btn-dd .btn-dd-items {
background-color: #d493b7; }
.aubergine .site-nav-global.btn-dd .btn-dd-items {
background-color: #c0a3c9; }
.blueberry .site-nav-global.btn-dd .btn-dd-items {
background-color: #8e9ac4; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items {
background-color: #86bfe0; }
.peppermint .site-nav-global.btn-dd .btn-dd-items {
background-color: #6acfd8; }
.mint .site-nav-global.btn-dd .btn-dd-items {
background-color: #65cfbe; }
.apple .site-nav-global.btn-dd .btn-dd-items {
background-color: #b4cd40; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items {
background-color: #dfc86f; }
.site-nav-global.btn-dd .btn-dd-items li {
border-bottom: 1px solid #fff;
background: none;
padding: 0; }
.site-nav-global.btn-dd .btn-dd-items li:last-child {
border-bottom: none; }
.site-nav-global.btn-dd .btn-dd-items li:hover, .site-nav-global.btn-dd .btn-dd-items li.selected {
cursor: pointer; }
.peach .site-nav-global.btn-dd .btn-dd-items li:hover, .peach .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #ff5736; }
.raspberry .site-nav-global.btn-dd .btn-dd-items li:hover, .raspberry .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #c62158; }
.plum .site-nav-global.btn-dd .btn-dd-items li:hover, .plum .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #a8437c; }
.aubergine .site-nav-global.btn-dd .btn-dd-items li:hover, .aubergine .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #8a5896; }
.blueberry .site-nav-global.btn-dd .btn-dd-items li:hover, .blueberry .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #6676af; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items li:hover, .huckleberry .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #3086bd; }
.peppermint .site-nav-global.btn-dd .btn-dd-items li:hover, .peppermint .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #2a97a1; }
.mint .site-nav-global.btn-dd .btn-dd-items li:hover, .mint .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #18a28a; }
.apple .site-nav-global.btn-dd .btn-dd-items li:hover, .apple .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #769a0a; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items li:hover, .goldkiwi .site-nav-global.btn-dd .btn-dd-items li.selected {
background-color: #b08e07; }
.peach .site-nav-global.btn-dd .btn-dd-items li:hover a, .peach .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.raspberry .site-nav-global.btn-dd .btn-dd-items li:hover a, .raspberry .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.plum .site-nav-global.btn-dd .btn-dd-items li:hover a, .plum .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.aubergine .site-nav-global.btn-dd .btn-dd-items li:hover a, .aubergine .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.blueberry .site-nav-global.btn-dd .btn-dd-items li:hover a, .blueberry .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items li:hover a, .huckleberry .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.peppermint .site-nav-global.btn-dd .btn-dd-items li:hover a, .peppermint .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.mint .site-nav-global.btn-dd .btn-dd-items li:hover a, .mint .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.apple .site-nav-global.btn-dd .btn-dd-items li:hover a, .apple .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items li:hover a, .goldkiwi .site-nav-global.btn-dd .btn-dd-items li.selected a {
color: #fff; }
.site-nav-global.btn-dd .btn-dd-items li a {
text-decoration: none;
padding: 0.42857em 1.42857em;
display: block; }
.site-sub-alt .site-nav-global {
background: transparent; }
.peach.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #ca2c0d; }
.raspberry.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #9c0b3b; }
.plum.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #802257; }
.aubergine.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #673573; }
.blueberry.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #2e3d79; }
.huckleberry.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #146090; }
.peppermint.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #156269; }
.mint.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #0c7361; }
.apple.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #476b0f; }
.goldkiwi.site-sub-alt .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #7f6501; }
.peach.site-sub-alt .site-nav-global.btn-dd .button, .peach.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #ca2c0d; }
.raspberry.site-sub-alt .site-nav-global.btn-dd .button, .raspberry.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #9c0b3b; }
.plum.site-sub-alt .site-nav-global.btn-dd .button, .plum.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #802257; }
.aubergine.site-sub-alt .site-nav-global.btn-dd .button, .aubergine.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #673573; }
.blueberry.site-sub-alt .site-nav-global.btn-dd .button, .blueberry.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #2e3d79; }
.huckleberry.site-sub-alt .site-nav-global.btn-dd .button, .huckleberry.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #146090; }
.peppermint.site-sub-alt .site-nav-global.btn-dd .button, .peppermint.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #156269; }
.mint.site-sub-alt .site-nav-global.btn-dd .button, .mint.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #0c7361; }
.apple.site-sub-alt .site-nav-global.btn-dd .button, .apple.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #476b0f; }
.goldkiwi.site-sub-alt .site-nav-global.btn-dd .button, .goldkiwi.site-sub-alt .site-nav-global.btn-dd a.button-link {
background-color: #7f6501; }
.lt-ie8 .site-nav-global {
margin-top: -5px; } }
@media screen and (min-width: 75em) {
.site-nav-global {
position: relative;
top: 0;
z-index: 160;
padding-bottom: 0.75em;
background: #eaeaea;
height: auto;
width: auto;
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
END Site Sub Alt styles
\*------------------------------------*/ }
.site-nav-global > .button, .site-nav-global > a.button-link {
display: none; }
.site-nav-global li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-bottom: 0; }
.site-nav-global .selected {
position: relative; }
.peach .site-nav-global .selected {
background-color: #a61801; }
.raspberry .site-nav-global .selected {
background-color: #7c032b; }
.plum .site-nav-global .selected {
background-color: #631541; }
.aubergine .site-nav-global .selected {
background-color: #511f5d; }
.blueberry .site-nav-global .selected {
background-color: #14235b; }
.huckleberry .site-nav-global .selected {
background-color: #01446e; }
.peppermint .site-nav-global .selected {
background-color: #014a51; }
.mint .site-nav-global .selected {
background-color: #014d40; }
.apple .site-nav-global .selected {
background-color: #325409; }
.goldkiwi .site-nav-global .selected {
background-color: #5c4a02; }
.peach .site-nav-global .selected {
color: #fff; }
.raspberry .site-nav-global .selected {
color: #fff; }
.plum .site-nav-global .selected {
color: #fff; }
.aubergine .site-nav-global .selected {
color: #fff; }
.blueberry .site-nav-global .selected {
color: #fff; }
.huckleberry .site-nav-global .selected {
color: #fff; }
.peppermint .site-nav-global .selected {
color: #fff; }
.mint .site-nav-global .selected {
color: #fff; }
.apple .site-nav-global .selected {
color: #fff; }
.goldkiwi .site-nav-global .selected {
color: #fff; }
.site-nav-global a {
opacity: 1;
width: auto; }
.site-nav-global .block {
width: auto;
height: auto; }
.site-nav-global.btn-dd {
padding-top: 30px; }
.site-nav-global.btn-dd .btn-dd-items {
display: block;
top: 0;
margin: 0; }
.peach .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.raspberry .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.plum .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.aubergine .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.blueberry .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.peppermint .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.mint .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.apple .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items {
background-color: transparent; }
.site-nav-global.btn-dd .btn-dd-items li {
border-bottom: 0; }
.site-nav-global.btn-dd .btn-dd-items li a {
padding: 0.46154em 0.76923em; }
.peach .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.raspberry .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.plum .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.aubergine .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.blueberry .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.peppermint .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.mint .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.apple .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items li:hover {
background-color: transparent; }
.peach .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #ff5736; }
.raspberry .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #c62158; }
.plum .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #a8437c; }
.aubergine .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #8a5896; }
.blueberry .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #6676af; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #3086bd; }
.peppermint .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #2a97a1; }
.mint .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #18a28a; }
.apple .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #769a0a; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items li:hover a {
color: #b08e07; }
.peach .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #a61801; }
.raspberry .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #7c032b; }
.plum .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #631541; }
.aubergine .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #511f5d; }
.blueberry .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #14235b; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #01446e; }
.peppermint .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #014a51; }
.mint .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #014d40; }
.apple .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #325409; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items li.selected a {
background-color: #5c4a02; }
.peach .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.raspberry .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.plum .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.aubergine .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.blueberry .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.huckleberry .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.peppermint .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.mint .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.apple .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.goldkiwi .site-nav-global.btn-dd .btn-dd-items li.selected:hover a {
color: #fff; }
.peach .site-nav-global .selected {
background-color: #ca2c0d; }
.raspberry .site-nav-global .selected {
background-color: #9c0b3b; }
.plum .site-nav-global .selected {
background-color: #802257; }
.aubergine .site-nav-global .selected {
background-color: #673573; }
.blueberry .site-nav-global .selected {
background-color: #2e3d79; }
.huckleberry .site-nav-global .selected {
background-color: #146090; }
.peppermint .site-nav-global .selected {
background-color: #156269; }
.mint .site-nav-global .selected {
background-color: #0c7361; }
.apple .site-nav-global .selected {
background-color: #476b0f; }
.goldkiwi .site-nav-global .selected {
background-color: #7f6501; } }
.site-nav {
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.site-nav .nav-header {
padding: 0.75em 1.25em 0;
margin: 0;
height: 3em;
border-bottom: solid 2px; }
.site-nav .site-nav-secondary-clone {
display: none; }
.site-nav h2 {
font-size: 1.5em;
padding: 0;
margin: 0;
line-height: 1; }
.peach .site-nav h2 {
color: #fff; }
.raspberry .site-nav h2 {
color: #fff; }
.plum .site-nav h2 {
color: #fff; }
.aubergine .site-nav h2 {
color: #fff; }
.blueberry .site-nav h2 {
color: #fff; }
.huckleberry .site-nav h2 {
color: #fff; }
.peppermint .site-nav h2 {
color: #fff; }
.mint .site-nav h2 {
color: #fff; }
.apple .site-nav h2 {
color: #fff; }
.goldkiwi .site-nav h2 {
color: #fff; }
.site-nav a {
font-family: sohogothicproregular;
text-decoration: none;
display: block;
letter-spacing: 0.03125em;
font-size: 1.125em;
line-height: 1.66667em; }
.lt-ie8 .site-nav a {
line-height: 1.4; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
.site-nav {
text-align: left;
top: 0;
border-left: solid 10px #eaeaea;
/*------------------------------------*\
MOBILE NESTED NAV LISTS
\*------------------------------------*/ }
.peach .site-nav {
background-color: #ff5736; }
.raspberry .site-nav {
background-color: #c62158; }
.plum .site-nav {
background-color: #a8437c; }
.aubergine .site-nav {
background-color: #8a5896; }
.blueberry .site-nav {
background-color: #6676af; }
.huckleberry .site-nav {
background-color: #3086bd; }
.peppermint .site-nav {
background-color: #2a97a1; }
.mint .site-nav {
background-color: #18a28a; }
.apple .site-nav {
background-color: #769a0a; }
.goldkiwi .site-nav {
background-color: #b08e07; }
.peach .site-nav .nav-header {
border-bottom-color: #a61801; }
.raspberry .site-nav .nav-header {
border-bottom-color: #7c032b; }
.plum .site-nav .nav-header {
border-bottom-color: #631541; }
.aubergine .site-nav .nav-header {
border-bottom-color: #511f5d; }
.blueberry .site-nav .nav-header {
border-bottom-color: #14235b; }
.huckleberry .site-nav .nav-header {
border-bottom-color: #01446e; }
.peppermint .site-nav .nav-header {
border-bottom-color: #014a51; }
.mint .site-nav .nav-header {
border-bottom-color: #014d40; }
.apple .site-nav .nav-header {
border-bottom-color: #325409; }
.goldkiwi .site-nav .nav-header {
border-bottom-color: #5c4a02; }
.site-nav .nav-secondary {
margin-left: 2.5em; }
.site-nav ul li {
border-bottom: 1px solid;
position: relative; }
.peach .site-nav ul li {
border-bottom-color: #a61801; }
.raspberry .site-nav ul li {
border-bottom-color: #7c032b; }
.plum .site-nav ul li {
border-bottom-color: #631541; }
.aubergine .site-nav ul li {
border-bottom-color: #511f5d; }
.blueberry .site-nav ul li {
border-bottom-color: #14235b; }
.huckleberry .site-nav ul li {
border-bottom-color: #01446e; }
.peppermint .site-nav ul li {
border-bottom-color: #014a51; }
.mint .site-nav ul li {
border-bottom-color: #014d40; }
.apple .site-nav ul li {
border-bottom-color: #325409; }
.goldkiwi .site-nav ul li {
border-bottom-color: #5c4a02; }
.site-nav ul li #Notch {
display: none; }
.site-nav ul a {
padding: 0.66667em 0 0.66667em 1.33333em;
color: #fff;
padding-right: 0.625em;
font-size: 1.07143em; }
.peach .site-nav ul .selected {
background-color: #ca2c0d; }
.raspberry .site-nav ul .selected {
background-color: #9c0b3b; }
.plum .site-nav ul .selected {
background-color: #802257; }
.aubergine .site-nav ul .selected {
background-color: #673573; }
.blueberry .site-nav ul .selected {
background-color: #2e3d79; }
.huckleberry .site-nav ul .selected {
background-color: #146090; }
.peppermint .site-nav ul .selected {
background-color: #156269; }
.mint .site-nav ul .selected {
background-color: #0c7361; }
.apple .site-nav ul .selected {
background-color: #476b0f; }
.goldkiwi .site-nav ul .selected {
background-color: #7f6501; }
.site-nav ul .selected:after {
position: absolute;
top: 0.66667em;
left: -0.06667em;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid transparent;
border-left-color: #eaeaea; }
.site-nav ul ul {
display: none;
padding: 0.375em 0 0.375em 1.25em; }
.peach .site-nav ul ul {
background-color: #a61801; }
.raspberry .site-nav ul ul {
background-color: #7c032b; }
.plum .site-nav ul ul {
background-color: #631541; }
.aubergine .site-nav ul ul {
background-color: #511f5d; }
.blueberry .site-nav ul ul {
background-color: #14235b; }
.huckleberry .site-nav ul ul {
background-color: #01446e; }
.peppermint .site-nav ul ul {
background-color: #014a51; }
.mint .site-nav ul ul {
background-color: #014d40; }
.apple .site-nav ul ul {
background-color: #325409; }
.goldkiwi .site-nav ul ul {
background-color: #5c4a02; }
.site-nav ul ul li {
border: none; }
.site-nav ul ul a {
padding-bottom: 0;
padding-top: 0.375em;
font-size: 1.16667em; }
.peach .site-nav ul ul .selected {
background-color: #a61801; }
.raspberry .site-nav ul ul .selected {
background-color: #7c032b; }
.plum .site-nav ul ul .selected {
background-color: #631541; }
.aubergine .site-nav ul ul .selected {
background-color: #511f5d; }
.blueberry .site-nav ul ul .selected {
background-color: #14235b; }
.huckleberry .site-nav ul ul .selected {
background-color: #01446e; }
.peppermint .site-nav ul ul .selected {
background-color: #014a51; }
.mint .site-nav ul ul .selected {
background-color: #014d40; }
.apple .site-nav ul ul .selected {
background-color: #325409; }
.goldkiwi .site-nav ul ul .selected {
background-color: #5c4a02; }
.peach .site-nav ul ul .selected {
color: #ffd5c8; }
.raspberry .site-nav ul ul .selected {
color: #f0a5b6; }
.plum .site-nav ul ul .selected {
color: #d493b7; }
.aubergine .site-nav ul ul .selected {
color: #c0a3c9; }
.blueberry .site-nav ul ul .selected {
color: #8e9ac4; }
.huckleberry .site-nav ul ul .selected {
color: #86bfe0; }
.peppermint .site-nav ul ul .selected {
color: #6acfd8; }
.mint .site-nav ul ul .selected {
color: #65cfbe; }
.apple .site-nav ul ul .selected {
color: #b4cd40; }
.goldkiwi .site-nav ul ul .selected {
color: #dfc86f; }
.site-nav ul ul .selected:after {
position: absolute;
top: 13px;
left: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid transparent; }
.peach .site-nav ul ul .selected:after {
border-top-color: #ffd5c8; }
.raspberry .site-nav ul ul .selected:after {
border-top-color: #f0a5b6; }
.plum .site-nav ul ul .selected:after {
border-top-color: #d493b7; }
.aubergine .site-nav ul ul .selected:after {
border-top-color: #c0a3c9; }
.blueberry .site-nav ul ul .selected:after {
border-top-color: #8e9ac4; }
.huckleberry .site-nav ul ul .selected:after {
border-top-color: #86bfe0; }
.peppermint .site-nav ul ul .selected:after {
border-top-color: #6acfd8; }
.mint .site-nav ul ul .selected:after {
border-top-color: #65cfbe; }
.apple .site-nav ul ul .selected:after {
border-top-color: #b4cd40; }
.goldkiwi .site-nav ul ul .selected:after {
border-top-color: #dfc86f; }
.site-nav ul ul ul {
padding-top: 0; }
.site-nav ul ul ul a {
font-size: 1.27273em; }
.site-nav ul ul ul .selected:after {
position: absolute;
top: 13px;
left: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 6px solid transparent;
border-top-color: transparent !important; }
.peach .site-nav ul ul ul .selected:after {
border-left-color: #ffd5c8; }
.raspberry .site-nav ul ul ul .selected:after {
border-left-color: #f0a5b6; }
.plum .site-nav ul ul ul .selected:after {
border-left-color: #d493b7; }
.aubergine .site-nav ul ul ul .selected:after {
border-left-color: #c0a3c9; }
.blueberry .site-nav ul ul ul .selected:after {
border-left-color: #8e9ac4; }
.huckleberry .site-nav ul ul ul .selected:after {
border-left-color: #86bfe0; }
.peppermint .site-nav ul ul ul .selected:after {
border-left-color: #6acfd8; }
.mint .site-nav ul ul ul .selected:after {
border-left-color: #65cfbe; }
.apple .site-nav ul ul ul .selected:after {
border-left-color: #b4cd40; }
.goldkiwi .site-nav ul ul ul .selected:after {
border-left-color: #dfc86f; } }
@media screen and (min-width: 48.0625em) {
.site-nav {
z-index: 110;
position: absolute;
left: 0;
width: 19.375em;
margin-left: 8.125em;
border-top: solid 20px;
margin-top: 2.625em;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
/*------------------------------------*\
IE7
\*------------------------------------*/
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
END Site Sub Alt styles
\*------------------------------------*/ }
.peach .site-nav {
border-top-color: #a61801; }
.raspberry .site-nav {
border-top-color: #7c032b; }
.plum .site-nav {
border-top-color: #631541; }
.aubergine .site-nav {
border-top-color: #511f5d; }
.blueberry .site-nav {
border-top-color: #14235b; }
.huckleberry .site-nav {
border-top-color: #01446e; }
.peppermint .site-nav {
border-top-color: #014a51; }
.mint .site-nav {
border-top-color: #014d40; }
.apple .site-nav {
border-top-color: #325409; }
.goldkiwi .site-nav {
border-top-color: #5c4a02; }
.t5-header .site-nav {
position: relative;
margin-bottom: 1.875em; }
.site-nav ul ul {
display: none; }
.peach .site-nav:before, .peach .site-nav:after {
border-top-color: #a61801; }
.raspberry .site-nav:before, .raspberry .site-nav:after {
border-top-color: #7c032b; }
.plum .site-nav:before, .plum .site-nav:after {
border-top-color: #631541; }
.aubergine .site-nav:before, .aubergine .site-nav:after {
border-top-color: #511f5d; }
.blueberry .site-nav:before, .blueberry .site-nav:after {
border-top-color: #14235b; }
.huckleberry .site-nav:before, .huckleberry .site-nav:after {
border-top-color: #01446e; }
.peppermint .site-nav:before, .peppermint .site-nav:after {
border-top-color: #014a51; }
.mint .site-nav:before, .mint .site-nav:after {
border-top-color: #014d40; }
.apple .site-nav:before, .apple .site-nav:after {
border-top-color: #325409; }
.goldkiwi .site-nav:before, .goldkiwi .site-nav:after {
border-top-color: #5c4a02; }
.site-nav:before {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-right: 104px solid transparent;
border-top: 360px solid transparent;
position: absolute;
right: -6.5em;
bottom: 0em; }
.site-nav:after {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-right: 310px solid transparent;
border-top: 48px solid transparent;
position: absolute;
right: 0em;
bottom: -3em; }
.site-nav .site-nav-1 {
overflow: hidden; }
.site-nav li {
position: relative; }
.site-nav li:last-child {
margin-bottom: 0; }
.site-nav li.secondary {
display: none; }
.site-nav li:nth-child(1) a {
border-bottom: solid 110px; }
.site-nav li:nth-child(2) a {
border-bottom: solid 80px; }
.site-nav li:nth-child(3) a {
border-bottom: solid 50px; }
.site-nav li:nth-child(4) a {
border-bottom: solid 20px; }
.site-nav li:not(:last-child) a {
border-bottom: 0; }
.peach .site-nav li a {
border-bottom-color: #a61801; }
.raspberry .site-nav li a {
border-bottom-color: #7c032b; }
.plum .site-nav li a {
border-bottom-color: #631541; }
.aubergine .site-nav li a {
border-bottom-color: #511f5d; }
.blueberry .site-nav li a {
border-bottom-color: #14235b; }
.huckleberry .site-nav li a {
border-bottom-color: #01446e; }
.peppermint .site-nav li a {
border-bottom-color: #014a51; }
.mint .site-nav li a {
border-bottom-color: #014d40; }
.apple .site-nav li a {
border-bottom-color: #325409; }
.goldkiwi .site-nav li a {
border-bottom-color: #5c4a02; }
.peach .site-nav li a.selected {
border-bottom-color: #a61801; }
.raspberry .site-nav li a.selected {
border-bottom-color: #7c032b; }
.plum .site-nav li a.selected {
border-bottom-color: #631541; }
.aubergine .site-nav li a.selected {
border-bottom-color: #511f5d; }
.blueberry .site-nav li a.selected {
border-bottom-color: #14235b; }
.huckleberry .site-nav li a.selected {
border-bottom-color: #01446e; }
.peppermint .site-nav li a.selected {
border-bottom-color: #014a51; }
.mint .site-nav li a.selected {
border-bottom-color: #014d40; }
.apple .site-nav li a.selected {
border-bottom-color: #325409; }
.goldkiwi .site-nav li a.selected {
border-bottom-color: #5c4a02; }
.site-nav li #Notch {
display: block;
position: absolute !important;
height: 100%;
left: 0 !important;
border-right: 1px solid; }
.peach .site-nav li #Notch {
border-right-color: #a61801; }
.raspberry .site-nav li #Notch {
border-right-color: #7c032b; }
.plum .site-nav li #Notch {
border-right-color: #631541; }
.aubergine .site-nav li #Notch {
border-right-color: #511f5d; }
.blueberry .site-nav li #Notch {
border-right-color: #14235b; }
.huckleberry .site-nav li #Notch {
border-right-color: #01446e; }
.peppermint .site-nav li #Notch {
border-right-color: #014a51; }
.mint .site-nav li #Notch {
border-right-color: #014d40; }
.apple .site-nav li #Notch {
border-right-color: #325409; }
.goldkiwi .site-nav li #Notch {
border-right-color: #5c4a02; }
.t1-header .site-nav li a {
border: 0; }
.site-nav a {
padding: 0 1.875em;
color: #fff;
position: relative; }
.peach .site-nav a {
color: #fff; }
.raspberry .site-nav a {
color: #fff; }
.plum .site-nav a {
color: #fff; }
.aubergine .site-nav a {
color: #fff; }
.blueberry .site-nav a {
color: #fff; }
.huckleberry .site-nav a {
color: #fff; }
.peppermint .site-nav a {
color: #fff; }
.mint .site-nav a {
color: #fff; }
.apple .site-nav a {
color: #fff; }
.goldkiwi .site-nav a {
color: #fff; }
.peach .site-nav a {
background-color: #a61801; }
.raspberry .site-nav a {
background-color: #7c032b; }
.plum .site-nav a {
background-color: #631541; }
.aubergine .site-nav a {
background-color: #511f5d; }
.blueberry .site-nav a {
background-color: #14235b; }
.huckleberry .site-nav a {
background-color: #01446e; }
.peppermint .site-nav a {
background-color: #014a51; }
.mint .site-nav a {
background-color: #014d40; }
.apple .site-nav a {
background-color: #325409; }
.goldkiwi .site-nav a {
background-color: #5c4a02; }
.peach .site-nav a.selected, .peach .site-nav a:hover {
color: #ffd5c8; }
.raspberry .site-nav a.selected, .raspberry .site-nav a:hover {
color: #f0a5b6; }
.plum .site-nav a.selected, .plum .site-nav a:hover {
color: #d493b7; }
.aubergine .site-nav a.selected, .aubergine .site-nav a:hover {
color: #c0a3c9; }
.blueberry .site-nav a.selected, .blueberry .site-nav a:hover {
color: #8e9ac4; }
.huckleberry .site-nav a.selected, .huckleberry .site-nav a:hover {
color: #86bfe0; }
.peppermint .site-nav a.selected, .peppermint .site-nav a:hover {
color: #6acfd8; }
.mint .site-nav a.selected, .mint .site-nav a:hover {
color: #65cfbe; }
.apple .site-nav a.selected, .apple .site-nav a:hover {
color: #b4cd40; }
.goldkiwi .site-nav a.selected, .goldkiwi .site-nav a:hover {
color: #dfc86f; }
.peach .site-nav a.selected {
background-color: transparent; }
.raspberry .site-nav a.selected {
background-color: transparent; }
.plum .site-nav a.selected {
background-color: transparent; }
.aubergine .site-nav a.selected {
background-color: transparent; }
.blueberry .site-nav a.selected {
background-color: transparent; }
.huckleberry .site-nav a.selected {
background-color: transparent; }
.peppermint .site-nav a.selected {
background-color: transparent; }
.mint .site-nav a.selected {
background-color: transparent; }
.apple .site-nav a.selected {
background-color: transparent; }
.goldkiwi .site-nav a.selected {
background-color: transparent; }
.site-nav h2 {
display: none; }
body.t1-template .site-nav {
background: none;
top: 3.125em;
opacity: 0;
left: 0em;
margin-left: 0;
-webkit-transition: opacity 1.5s ease-in-out;
-moz-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out; }
body.t1-template .site-nav a:before, body.t1-template .site-nav a:after {
display: none; }
body.t1-template .site-nav:before, body.t1-template .site-nav:after {
display: none; }
.site-nav .nav-header {
display: none; }
.lt-ie8 .site-nav li #Notch {
margin-top: -5px;
padding-bottom: 5px;
margin-left: -1px; }
.lt-ie8 .site-nav li a.selected {
position: absolute;
padding-bottom: 5px;
margin-top: -3px; }
.site-sub-alt .minor .site-nav li {
background-color: #ececec; }
.site-sub-alt .site-nav {
z-index: 1;
border: none;
width: auto;
margin: 0;
right: 0;
left: auto;
top: 5.25em;
width: 80%;
text-align: right; }
.site-sub-alt .site-nav:before, .site-sub-alt .site-nav:after {
display: none; }
.site-sub-alt .site-nav li {
margin-bottom: 0.375em;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 4px; }
.site-sub-alt .site-nav li.secondary {
display: none; }
.site-sub-alt .site-nav li a {
background-color: #ececec;
border: 0; }
.minor .site-sub-alt .site-nav li {
background-color: #000; }
.site-sub-alt .site-nav li:last-child {
margin-right: 0; }
.site-sub-alt .site-nav a {
-webkit-transition: all 0.05s ease-in-out;
-moz-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
padding: 0.16667em 0.66667em;
background-color: transparent;
text-transform: uppercase;
font-weight: bold;
font-family: inherit; }
.site-sub-alt .site-nav a.selected, .site-sub-alt .site-nav a:hover {
color: #fff; }
.site-sub-alt .header-hero .site-nav li a {
background-color: #fff; }
.peach.site-sub-alt .site-nav a {
color: #ca2c0d; }
.raspberry.site-sub-alt .site-nav a {
color: #9c0b3b; }
.plum.site-sub-alt .site-nav a {
color: #802257; }
.aubergine.site-sub-alt .site-nav a {
color: #673573; }
.blueberry.site-sub-alt .site-nav a {
color: #2e3d79; }
.huckleberry.site-sub-alt .site-nav a {
color: #146090; }
.peppermint.site-sub-alt .site-nav a {
color: #156269; }
.mint.site-sub-alt .site-nav a {
color: #0c7361; }
.apple.site-sub-alt .site-nav a {
color: #476b0f; }
.goldkiwi.site-sub-alt .site-nav a {
color: #7f6501; }
.peach.site-sub-alt .site-nav a.selected, .peach.site-sub-alt .site-nav a:hover {
background-color: #ff5736; }
.raspberry.site-sub-alt .site-nav a.selected, .raspberry.site-sub-alt .site-nav a:hover {
background-color: #c62158; }
.plum.site-sub-alt .site-nav a.selected, .plum.site-sub-alt .site-nav a:hover {
background-color: #a8437c; }
.aubergine.site-sub-alt .site-nav a.selected, .aubergine.site-sub-alt .site-nav a:hover {
background-color: #8a5896; }
.blueberry.site-sub-alt .site-nav a.selected, .blueberry.site-sub-alt .site-nav a:hover {
background-color: #6676af; }
.huckleberry.site-sub-alt .site-nav a.selected, .huckleberry.site-sub-alt .site-nav a:hover {
background-color: #3086bd; }
.peppermint.site-sub-alt .site-nav a.selected, .peppermint.site-sub-alt .site-nav a:hover {
background-color: #2a97a1; }
.mint.site-sub-alt .site-nav a.selected, .mint.site-sub-alt .site-nav a:hover {
background-color: #18a28a; }
.apple.site-sub-alt .site-nav a.selected, .apple.site-sub-alt .site-nav a:hover {
background-color: #769a0a; }
.goldkiwi.site-sub-alt .site-nav a.selected, .goldkiwi.site-sub-alt .site-nav a:hover {
background-color: #b08e07; }
.peach.site-sub-alt .site-nav a.selected, .peach.site-sub-alt .site-nav a:hover {
color: #fff; }
.raspberry.site-sub-alt .site-nav a.selected, .raspberry.site-sub-alt .site-nav a:hover {
color: #fff; }
.plum.site-sub-alt .site-nav a.selected, .plum.site-sub-alt .site-nav a:hover {
color: #fff; }
.aubergine.site-sub-alt .site-nav a.selected, .aubergine.site-sub-alt .site-nav a:hover {
color: #fff; }
.blueberry.site-sub-alt .site-nav a.selected, .blueberry.site-sub-alt .site-nav a:hover {
color: #fff; }
.huckleberry.site-sub-alt .site-nav a.selected, .huckleberry.site-sub-alt .site-nav a:hover {
color: #fff; }
.peppermint.site-sub-alt .site-nav a.selected, .peppermint.site-sub-alt .site-nav a:hover {
color: #fff; }
.mint.site-sub-alt .site-nav a.selected, .mint.site-sub-alt .site-nav a:hover {
color: #fff; }
.apple.site-sub-alt .site-nav a.selected, .apple.site-sub-alt .site-nav a:hover {
color: #fff; }
.goldkiwi.site-sub-alt .site-nav a.selected, .goldkiwi.site-sub-alt .site-nav a:hover {
color: #fff; } }
@media screen and (min-width: 75em) {
.site-nav {
margin-left: 14.375em;
width: 25.625em;
margin-top: 0; }
.t5-header .site-nav {
margin-bottom: 3.75em; }
.site-nav:after {
border-right: 410px solid transparent; }
.lt-ie9 .site-primary .site-nav {
width: 409px; } }
/*------------------------------------*\
IE SPECIFIC
\*------------------------------------*/
.lt-ie9 .site-primary .site-nav a.selected {
margin-bottom: -1px; }
.lt-ie9 .site-primary .site-nav #Notch {
margin-left: -2px;
margin-top: -2px;
width: 413px !important;
height: 32px !important; }
.primary-secondary {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.primary-secondary {
display: block;
position: absolute;
top: 0;
right: 148px;
z-index: 160;
text-align: right;
margin-top: 3px;
font-family: sohogothicprolight; }
.primary-secondary li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.primary-secondary li a {
font-size: 0.8125em;
line-height: 1.38462em;
padding: 0.46154em 0.53846em;
text-decoration: none; }
.peach .primary-secondary li a:hover {
color: #ff5736; }
.raspberry .primary-secondary li a:hover {
color: #c62158; }
.plum .primary-secondary li a:hover {
color: #a8437c; }
.aubergine .primary-secondary li a:hover {
color: #8a5896; }
.blueberry .primary-secondary li a:hover {
color: #6676af; }
.huckleberry .primary-secondary li a:hover {
color: #3086bd; }
.peppermint .primary-secondary li a:hover {
color: #2a97a1; }
.mint .primary-secondary li a:hover {
color: #18a28a; }
.apple .primary-secondary li a:hover {
color: #769a0a; }
.goldkiwi .primary-secondary li a:hover {
color: #b08e07; }
.primary-secondary li a.selected {
background: #fff;
padding: 5px 8px; } }
@media screen and (min-width: 75em) {
.primary-secondary {
width: auto; } }
.site-nav-secondary-clone {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.site-nav-secondary-clone {
display: block;
font-family: sohogothicprolight;
padding: 1.5em 0 0 2.5em;
position: relative;
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.site-nav-secondary-clone li {
text-transform: uppercase; }
.site-nav-secondary-clone li li {
text-transform: none; }
.site-nav-secondary-clone a {
text-decoration: none; }
.site-nav-secondary-clone h3 {
margin-bottom: 1.25em; }
.site-nav-secondary-clone.docked {
position: fixed;
top: 0; }
.site-nav-secondary-clone.docked-screen-bottom {
position: fixed;
bottom: 30px;
top: auto; }
.site-nav-secondary-clone.docked-base {
position: absolute;
bottom: 60px;
top: auto; }
.site-nav-secondary-clone li {
margin-bottom: 0.75em; }
.peach .site-nav-secondary-clone li a:hover {
color: #656565; }
.raspberry .site-nav-secondary-clone li a:hover {
color: #656565; }
.plum .site-nav-secondary-clone li a:hover {
color: #656565; }
.aubergine .site-nav-secondary-clone li a:hover {
color: #656565; }
.blueberry .site-nav-secondary-clone li a:hover {
color: #656565; }
.huckleberry .site-nav-secondary-clone li a:hover {
color: #656565; }
.peppermint .site-nav-secondary-clone li a:hover {
color: #656565; }
.mint .site-nav-secondary-clone li a:hover {
color: #656565; }
.apple .site-nav-secondary-clone li a:hover {
color: #656565; }
.goldkiwi .site-nav-secondary-clone li a:hover {
color: #656565; }
.site-nav-secondary-clone li a.selected {
font-weight: bold; }
.site-nav-secondary-clone li ul {
padding-left: 1.25em;
margin-top: 0.75em;
border-left: solid 1px #a5a5a5; }
.site-nav-secondary-clone li ul li:last-child {
margin-bottom: 0; }
.site-nav-secondary-clone .site-nav-2 > li > a.selected {
position: relative; }
.site-nav-secondary-clone .site-nav-2 > li > a.selected:before {
position: absolute;
top: 0px;
left: -2.5625em;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 17px solid transparent;
border-left-color: #fff;
margin-top: -12px; }
.cta-tile-wrapper .site-nav-secondary-clone .site-nav-2 > li > a.selected:before {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 17px solid transparent;
border-left-color: #eaeaea; }
.site-nav-secondary-clone .site-nav-2 > li:last-child {
margin-bottom: 0; }
.site-nav-secondary-clone .site-nav-3 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.site-nav-secondary-clone .site-nav-3 a {
font-size: 0.875em;
line-height: 1.5em; }
.site-nav-secondary-clone .site-nav-3 a.selected {
position: relative; }
.site-nav-secondary-clone .site-nav-3 ul {
border-left: none; }
.site-nav-secondary-clone .site-nav-3 ul a.selected:before {
left: -40px; }
.site-nav-secondary-clone .site-nav-3 ul ul a.selected:before {
left: -60px; }
.site-nav-secondary-clone .site-nav-3 ul ul ul a.selected:before {
left: -80px; }
.site-nav-secondary-clone .site-nav-terminus a.selected:before {
position: absolute;
top: 4px;
left: -20px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
border-left-color: #a5a5a5;
display: block; }
.peach .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.raspberry .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.plum .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.aubergine .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.blueberry .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.huckleberry .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.peppermint .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.mint .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.apple .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.goldkiwi .site-nav-secondary-clone .site-nav-terminus li a.selected {
color: #656565; }
.lt-ie8 .site-nav-secondary-clone {
position: relative !important; } }
.sticky-nav.docked {
position: fixed;
top: 0;
z-index: 190; }
.search-trigger {
font-family: sohogothicprolight;
position: absolute;
top: 0.77778em;
text-decoration: none;
text-indent: -10000px;
height: 30px;
margin: 0;
padding: 1.88889em;
right: 6.66667em;
border-radius: 5.55556em;
font-size: 0.5625em;
/*------------------------------------*\
IE7
\*------------------------------------*/
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
.peach .search-trigger {
color: #fff; }
.raspberry .search-trigger {
color: #fff; }
.plum .search-trigger {
color: #fff; }
.aubergine .search-trigger {
color: #fff; }
.blueberry .search-trigger {
color: #fff; }
.huckleberry .search-trigger {
color: #fff; }
.peppermint .search-trigger {
color: #fff; }
.mint .search-trigger {
color: #fff; }
.apple .search-trigger {
color: #fff; }
.goldkiwi .search-trigger {
color: #fff; }
.peach .search-trigger {
background: #a61801; }
.raspberry .search-trigger {
background: #7c032b; }
.plum .search-trigger {
background: #631541; }
.aubergine .search-trigger {
background: #511f5d; }
.blueberry .search-trigger {
background: #14235b; }
.huckleberry .search-trigger {
background: #01446e; }
.peppermint .search-trigger {
background: #014a51; }
.mint .search-trigger {
background: #014d40; }
.apple .search-trigger {
background: #325409; }
.goldkiwi .search-trigger {
background: #5c4a02; }
.search-trigger:after {
position: absolute;
right: 0;
font-family: 'icomoon';
content: "\e60b";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2em;
text-indent: 0;
top: 8px;
left: 8px;
padding-top: 1px; }
.lt-ie9 .search-trigger:after {
font-size: 18px; }
.lt-ie8 .search-trigger {
height: auto; }
@media screen and (min-width: 48.0625em) {
.search-trigger {
z-index: 170;
text-indent: 0;
top: 0;
right: 0;
left: inherit;
font-weight: bold;
margin-right: 0;
padding: 0.46154em 4.61538em 0.46154em 2.30769em;
border-radius: 0;
font-size: 0.8125em;
line-height: 1.38462em;
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
END Site Sub Alt styles
\*------------------------------------*/ }
.search-trigger:after {
top: 0.125em;
right: 20px;
left: inherit;
font-size: 18px;
content: "\e603"; }
.peach.site-sub-alt .search-trigger {
background-color: #ca2c0d; }
.raspberry.site-sub-alt .search-trigger {
background-color: #9c0b3b; }
.plum.site-sub-alt .search-trigger {
background-color: #802257; }
.aubergine.site-sub-alt .search-trigger {
background-color: #673573; }
.blueberry.site-sub-alt .search-trigger {
background-color: #2e3d79; }
.huckleberry.site-sub-alt .search-trigger {
background-color: #146090; }
.peppermint.site-sub-alt .search-trigger {
background-color: #156269; }
.mint.site-sub-alt .search-trigger {
background-color: #0c7361; }
.apple.site-sub-alt .search-trigger {
background-color: #476b0f; }
.goldkiwi.site-sub-alt .search-trigger {
background-color: #7f6501; } }
.header-overlay {
position: fixed;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
display: none;
z-index: 0;
opacity: 0;
width: 400%;
height: 0; }
.peach .header-overlay {
background: #ff5736; }
.raspberry .header-overlay {
background: #c62158; }
.plum .header-overlay {
background: #a8437c; }
.aubergine .header-overlay {
background: #8a5896; }
.blueberry .header-overlay {
background: #6676af; }
.huckleberry .header-overlay {
background: #3086bd; }
.peppermint .header-overlay {
background: #2a97a1; }
.mint .header-overlay {
background: #18a28a; }
.apple .header-overlay {
background: #769a0a; }
.goldkiwi .header-overlay {
background: #b08e07; }
.csstransitions .header-overlay {
display: block; }
.header-overlay.visible {
display: block;
z-index: 180;
opacity: .9;
height: 100%; }
.header-overlay.video {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.header-overlay {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
left: -200%;
top: 41px;
right: 0;
position: absolute;
/*------------------------------------*\
Site sub alt
\*------------------------------------*/ }
.header-overlay.visible.video {
display: block; }
.header-hero .header-overlay {
height: 676px; }
.header-hero.minor .header-overlay, .t5-header .header-overlay {
height: 88.5%; }
.site-sub-alt .header-hero .header-overlay {
height: 461px; }
.site-sub-alt .minor .header-overlay {
height: 87%; } }
.search-overlay {
position: absolute;
top: 3.375em;
right: 0;
left: 0;
height: 0;
opacity: 0;
display: none; }
.csstransitions .search-overlay {
display: block; }
.search-overlay input {
font-size: 1.5em;
line-height: 1.25em;
line-height: 38px;
font-weight: 700;
white-space: pre-wrap;
word-wrap: break-word;
border: 1px solid transparent;
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
font-family: sohogothicprolight;
background: transparent;
color: #fff;
max-width: 100%;
padding: 0 15px;
margin: 1em 0;
display: block;
width: 100%;
height: 110px; }
.peach .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.raspberry .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.plum .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.aubergine .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.blueberry .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.huckleberry .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.peppermint .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.mint .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.apple .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.goldkiwi .search-overlay input::-webkit-input-placeholder {
color: #fff; }
.peach .search-overlay input::-moz-placeholder {
color: #fff; }
.raspberry .search-overlay input::-moz-placeholder {
color: #fff; }
.plum .search-overlay input::-moz-placeholder {
color: #fff; }
.aubergine .search-overlay input::-moz-placeholder {
color: #fff; }
.blueberry .search-overlay input::-moz-placeholder {
color: #fff; }
.huckleberry .search-overlay input::-moz-placeholder {
color: #fff; }
.peppermint .search-overlay input::-moz-placeholder {
color: #fff; }
.mint .search-overlay input::-moz-placeholder {
color: #fff; }
.apple .search-overlay input::-moz-placeholder {
color: #fff; }
.goldkiwi .search-overlay input::-moz-placeholder {
color: #fff; }
.peach .search-overlay input:-moz-placeholder {
color: #fff; }
.raspberry .search-overlay input:-moz-placeholder {
color: #fff; }
.plum .search-overlay input:-moz-placeholder {
color: #fff; }
.aubergine .search-overlay input:-moz-placeholder {
color: #fff; }
.blueberry .search-overlay input:-moz-placeholder {
color: #fff; }
.huckleberry .search-overlay input:-moz-placeholder {
color: #fff; }
.peppermint .search-overlay input:-moz-placeholder {
color: #fff; }
.mint .search-overlay input:-moz-placeholder {
color: #fff; }
.apple .search-overlay input:-moz-placeholder {
color: #fff; }
.goldkiwi .search-overlay input:-moz-placeholder {
color: #fff; }
.peach .search-overlay input:-ms-input-placeholder {
color: #fff; }
.raspberry .search-overlay input:-ms-input-placeholder {
color: #fff; }
.plum .search-overlay input:-ms-input-placeholder {
color: #fff; }
.aubergine .search-overlay input:-ms-input-placeholder {
color: #fff; }
.blueberry .search-overlay input:-ms-input-placeholder {
color: #fff; }
.huckleberry .search-overlay input:-ms-input-placeholder {
color: #fff; }
.peppermint .search-overlay input:-ms-input-placeholder {
color: #fff; }
.mint .search-overlay input:-ms-input-placeholder {
color: #fff; }
.apple .search-overlay input:-ms-input-placeholder {
color: #fff; }
.goldkiwi .search-overlay input:-ms-input-placeholder {
color: #fff; }
.search-overlay input:focus {
outline: 0; }
.search-overlay.visible input {
height: auto; }
.search-overlay .search-menu {
font-size: 0.75em;
line-height: 1.5em;
color: #fff;
text-align: left; }
.search-overlay .search-menu:after {
content: "";
display: table;
clear: both; }
.search-overlay .search-menu .search-guide {
float: left;
width: 15.83333em;
margin-left: 4%; }
.search-overlay .search-menu .search-guide strong {
font-weight: normal; }
.search-overlay .search-menu .search-close {
float: right;
margin-right: 4%; }
.search-overlay .search-menu .search-close:hover {
cursor: pointer; }
.search-overlay .search-menu .search-close:after {
padding-left: 5px;
top: 1px;
position: relative; }
.search-overlay .search-menu .search-close:before {
display: none; }
.search-overlay.visible {
opacity: 1;
z-index: 180;
display: block;
height: auto; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.search-overlay {
top: 4.5em;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
.search-overlay .search-menu .search-guide {
width: auto; }
.search-overlay .search-menu .search-guide strong {
font-weight: bold; }
.search-overlay input {
padding: 0 40px;
font-size: 4.5em;
margin: 0;
line-height: 110px; } }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
.mobile-accordion .accordion-section {
overflow: visible; }
@media screen and (max-width: 48em) {
.mobile-accordion .accordion-section > * {
display: none; }
.mobile-accordion .accordion-section {
margin-bottom: 0;
padding-top: 0; }
.mobile-accordion .accordion-section:first-child {
padding-top: 1.125em; }
.mobile-accordion .accordion-section .accordion-trigger {
display: block;
font-family: sohogothicprolight;
font-weight: normal;
font-size: 1.5em;
padding-bottom: 0.625em;
margin-bottom: 0.625em;
border-bottom: solid 1px;
position: relative;
padding-right: 30px; }
.peach .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #ff5736; }
.raspberry .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #c62158; }
.plum .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #a8437c; }
.aubergine .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #8a5896; }
.blueberry .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #6676af; }
.huckleberry .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #3086bd; }
.peppermint .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #2a97a1; }
.mint .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #18a28a; }
.apple .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #769a0a; }
.goldkiwi .mobile-accordion .accordion-section .accordion-trigger {
border-bottom-color: #b08e07; }
.mobile-accordion .accordion-section .accordion-trigger:after {
/* content: "\e610"; */
content: "\ea0a";
speak: none;
font-style: bold;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none;
position: absolute;
top: 6px;
right: 0;
font-size: 1em;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'icomoon-free'; }
.peach .mobile-accordion .accordion-section .accordion-trigger:after {
color: #ff5736; }
.raspberry .mobile-accordion .accordion-section .accordion-trigger:after {
color: #c62158; }
.plum .mobile-accordion .accordion-section .accordion-trigger:after {
color: #a8437c; }
.aubergine .mobile-accordion .accordion-section .accordion-trigger:after {
color: #8a5896; }
.blueberry .mobile-accordion .accordion-section .accordion-trigger:after {
color: #6676af; }
.huckleberry .mobile-accordion .accordion-section .accordion-trigger:after {
color: #3086bd; }
.peppermint .mobile-accordion .accordion-section .accordion-trigger:after {
color: #2a97a1; }
.mint .mobile-accordion .accordion-section .accordion-trigger:after {
color: #18a28a; }
.apple .mobile-accordion .accordion-section .accordion-trigger:after {
color: #769a0a; }
.goldkiwi .mobile-accordion .accordion-section .accordion-trigger:after {
color: #b08e07; }
.mobile-accordion .accordion-section.expanded > * {
display: block; }
/* jmc ielts exception */
.accordexpl {display: block !important; }
.mobile-accordion .accordion-section.expanded .accordion-trigger {
border-bottom: none; }
.mobile-accordion .accordion-section.expanded .accordion-trigger:after {
/* -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); */
content: "\ea0b";}
.mobile-accordion section.accordion-section {
padding-bottom: 0.9375em; }
.mobile-accordion section.accordion-section .accordion-trigger {
margin-bottom: 0; } }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
.show-hide-hidden {
display: none !important; }
.show-hide {
display: block;
position: relative;
padding-right: 30px;
cursor: pointer; }
.show-hide:after {
/* content: "\e610"; */
content: "\ea0a";
speak: none;
font-style: bold;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none;
position: absolute;
top: 6px;
right: 0;
font-size: 1em;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'icomoon-free'; }
.peach .show-hide:after {
color: #ff5736; }
.raspberry .show-hide:after {
color: #c62158; }
.plum .show-hide:after {
color: #a8437c; }
.aubergine .show-hide:after {
color: #8a5896; }
.blueberry .show-hide:after {
color: #6676af; }
.huckleberry .show-hide:after {
color: #3086bd; }
.peppermint .show-hide:after {
color: #2a97a1; }
.mint .show-hide:after {
color: #18a28a; }
.apple .show-hide:after {
color: #769a0a; }
.goldkiwi .show-hide:after {
color: #b08e07; }
.show-hide.expanded:after {
/* -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); } */
content: "\ea0b";
}
.cta-bar {
width: 100%;
position: relative; }
.header .cta-bar {
margin-bottom: 0; }
.cta-bar .apply-bar {
padding: 0.1875em 40px;
height: 2.625em;
text-align: left;
z-index: 190; }
.peach .cta-bar .apply-bar {
background: #ca2c0d; }
.raspberry .cta-bar .apply-bar {
background: #9c0b3b; }
.plum .cta-bar .apply-bar {
background: #802257; }
.aubergine .cta-bar .apply-bar {
background: #673573; }
.blueberry .cta-bar .apply-bar {
background: #2e3d79; }
.huckleberry .cta-bar .apply-bar {
background: #146090; }
.peppermint .cta-bar .apply-bar {
background: #156269; }
.mint .cta-bar .apply-bar {
background: #0c7361; }
.apple .cta-bar .apply-bar {
background: #476b0f; }
.goldkiwi .cta-bar .apply-bar {
background: #7f6501; }
.cta-bar .apply-bar span {
color: #fff;
/* width: 60%; jmc 20-8-15*/
vertical-align: middle;
font-size: 0.75em;
line-height: 1.5em;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.cta-bar .apply-bar .button, .cta-bar .apply-bar a.button-link {
vertical-align: middle;
float: right;
margin-top: 5px;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.peach .cta-bar .apply-bar .button:hover, .peach .cta-bar .apply-bar a.button-link:hover {
background-color: #a61801; }
.raspberry .cta-bar .apply-bar .button:hover, .raspberry .cta-bar .apply-bar a.button-link:hover {
background-color: #7c032b; }
.plum .cta-bar .apply-bar .button:hover, .plum .cta-bar .apply-bar a.button-link:hover {
background-color: #631541; }
.aubergine .cta-bar .apply-bar .button:hover, .aubergine .cta-bar .apply-bar a.button-link:hover {
background-color: #511f5d; }
.blueberry .cta-bar .apply-bar .button:hover, .blueberry .cta-bar .apply-bar a.button-link:hover {
background-color: #14235b; }
.huckleberry .cta-bar .apply-bar .button:hover, .huckleberry .cta-bar .apply-bar a.button-link:hover {
background-color: #01446e; }
.peppermint .cta-bar .apply-bar .button:hover, .peppermint .cta-bar .apply-bar a.button-link:hover {
background-color: #014a51; }
.mint .cta-bar .apply-bar .button:hover, .mint .cta-bar .apply-bar a.button-link:hover {
background-color: #014d40; }
.apple .cta-bar .apply-bar .button:hover, .apple .cta-bar .apply-bar a.button-link:hover {
background-color: #325409; }
.goldkiwi .cta-bar .apply-bar .button:hover, .goldkiwi .cta-bar .apply-bar a.button-link:hover {
background-color: #5c4a02; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
.cta-bar nav {
display: none; }
.cta-bar .apply-bar {
text-align: center;
height: auto;
padding-top: 0.75em;
padding-bottom: 0.75em; }
.cta-bar .apply-bar span {
display: block;
width: 100%;
margin-bottom: 0.1875em;
font-size: 1em;
line-height: 1.5em;
line-height: 1.125em; }
.cta-bar .apply-bar span span {
display: block; }
.cta-bar .apply-bar .button, .cta-bar .apply-bar a.button-link {
margin: 0.375em auto;
float: none;
width: 100%;
max-width: 20em; } }
@media screen and (min-width: 48.0625em) {
.cta-bar-wrapper {
margin-bottom: 2.25em;
margin-top: -2.25em; }
.cta-bar .title-anchor {
opacity: 0;
position: relative;
top: 0;
-webkit-transition: opacity 0.1s ease-in 0.05s, top 150ms ease-in-out 0s;
-moz-transition: opacity 0.1s ease-in 0.05s, top 150ms ease-in-out 0s;
transition: opacity 0.1s ease-in 0.05s, top 150ms ease-in-out 0s; }
.cta-bar .title-anchor a {
position: relative;
text-decoration: none;
opacity: 1;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
transition: opacity 0.1s linear; }
.peach .cta-bar .title-anchor a {
color: #ffffff; }
.raspberry .cta-bar .title-anchor a {
color: #ffffff; }
.plum .cta-bar .title-anchor a {
color: #ffffff; }
.aubergine .cta-bar .title-anchor a {
color: #ffffff; }
.blueberry .cta-bar .title-anchor a {
color: #ffffff; }
.huckleberry .cta-bar .title-anchor a {
color: #ffffff; }
.peppermint .cta-bar .title-anchor a {
color: #ffffff; }
.mint .cta-bar .title-anchor a {
color: #ffffff; }
.apple .cta-bar .title-anchor a {
color: #ffffff; }
.goldkiwi .cta-bar .title-anchor a {
color: #ffffff; }
.cta-bar .title-anchor a:before, .cta-bar .title-anchor a:after {
content: "";
display: block;
position: absolute; }
.cta-bar .title-anchor a:before {
right: -20px;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 7px solid #fff;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom; }
.cta-bar .title-anchor a:after {
right: -16px;
height: 17px;
width: 2px;
background-color: #fff;
top: 0;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom; }
.cta-bar .title-anchor a:hover {
opacity: 0.8; }
.cta-bar .call-us-strap {
opacity: 1;
position: relative;
top: 0;
-webkit-transition: opacity 0.1s ease-in 0.05s, top 150ms ease-in-out 0s;
-moz-transition: opacity 0.1s ease-in 0.05s, top 150ms ease-in-out 0s;
transition: opacity 0.1s ease-in 0.05s, top 150ms ease-in-out 0s; }
.cta-bar .anchor-nav {
-webkit-transition: all 150ms ease-out 150ms;
-moz-transition: all 150ms ease-out 150ms;
transition: all 150ms ease-out 150ms; }
.cta-bar nav {
background: #fff;
border-bottom: solid 2px #d6d6d6;
padding: 1.5em 187.5em;
margin: 0 -187.5em;
height: 4.5em;
z-index: 190;
display: block;
font-family: sohogothicproregular; }
.cta-bar nav li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 1.25em; }
.cta-bar nav li a {
display: inline;
text-decoration: none;
-webkit-transition: color 150ms ease-out 150ms;
-moz-transition: color 150ms ease-out 150ms;
transition: color 150ms ease-out 150ms; }
.peach .cta-bar nav li a {
color: #ff5736; }
.raspberry .cta-bar nav li a {
color: #c62158; }
.plum .cta-bar nav li a {
color: #a8437c; }
.aubergine .cta-bar nav li a {
color: #8a5896; }
.blueberry .cta-bar nav li a {
color: #6676af; }
.huckleberry .cta-bar nav li a {
color: #3086bd; }
.peppermint .cta-bar nav li a {
color: #2a97a1; }
.mint .cta-bar nav li a {
color: #18a28a; }
.apple .cta-bar nav li a {
color: #769a0a; }
.goldkiwi .cta-bar nav li a {
color: #b08e07; }
.peach .cta-bar nav li a:hover, .peach .cta-bar nav li a.selected {
color: #a61801; }
.raspberry .cta-bar nav li a:hover, .raspberry .cta-bar nav li a.selected {
color: #7c032b; }
.plum .cta-bar nav li a:hover, .plum .cta-bar nav li a.selected {
color: #631541; }
.aubergine .cta-bar nav li a:hover, .aubergine .cta-bar nav li a.selected {
color: #511f5d; }
.blueberry .cta-bar nav li a:hover, .blueberry .cta-bar nav li a.selected {
color: #14235b; }
.huckleberry .cta-bar nav li a:hover, .huckleberry .cta-bar nav li a.selected {
color: #01446e; }
.peppermint .cta-bar nav li a:hover, .peppermint .cta-bar nav li a.selected {
color: #014a51; }
.mint .cta-bar nav li a:hover, .mint .cta-bar nav li a.selected {
color: #014d40; }
.apple .cta-bar nav li a:hover, .apple .cta-bar nav li a.selected {
color: #325409; }
.goldkiwi .cta-bar nav li a:hover, .goldkiwi .cta-bar nav li a.selected {
color: #5c4a02; }
.cta-bar nav .selected {
position: relative; }
.cta-bar nav .selected:after {
position: absolute;
content: "";
left: 0;
bottom: -28px;
-moz-transform: scaleY(1.1);
-moz-transform-origin: bottom;
width: 100%;
height: 5px; }
.peach .cta-bar nav .selected:after {
background-color: #ff5736; }
.raspberry .cta-bar nav .selected:after {
background-color: #c62158; }
.plum .cta-bar nav .selected:after {
background-color: #a8437c; }
.aubergine .cta-bar nav .selected:after {
background-color: #8a5896; }
.blueberry .cta-bar nav .selected:after {
background-color: #6676af; }
.huckleberry .cta-bar nav .selected:after {
background-color: #3086bd; }
.peppermint .cta-bar nav .selected:after {
background-color: #2a97a1; }
.mint .cta-bar nav .selected:after {
background-color: #18a28a; }
.apple .cta-bar nav .selected:after {
background-color: #769a0a; }
.goldkiwi .cta-bar nav .selected:after {
background-color: #b08e07; }
.cta-bar nav.anchor-nav {
display: block; }
.cta-bar.sticky.docked {
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: 75em;
z-index: 190;
bottom: inherit;
padding: 0 40px;
margin-top: 0; }
.cta-bar.sticky.docked .call-us-strap {
/* opacity: 0;
top: -30px; jmc 01-09-2015*/ }
.cta-bar.sticky.docked .title-anchor {
opacity: 1;
top: -30px;
display: inline !important; }
.cta-bar.sticky.docked .anchor-nav {
border-bottom: 0; }
.peach .cta-bar.sticky.docked .anchor-nav {
background-color: #a61801; }
.raspberry .cta-bar.sticky.docked .anchor-nav {
background-color: #7c032b; }
.plum .cta-bar.sticky.docked .anchor-nav {
background-color: #631541; }
.aubergine .cta-bar.sticky.docked .anchor-nav {
background-color: #511f5d; }
.blueberry .cta-bar.sticky.docked .anchor-nav {
background-color: #14235b; }
.huckleberry .cta-bar.sticky.docked .anchor-nav {
background-color: #01446e; }
.peppermint .cta-bar.sticky.docked .anchor-nav {
background-color: #014a51; }
.mint .cta-bar.sticky.docked .anchor-nav {
background-color: #014d40; }
.apple .cta-bar.sticky.docked .anchor-nav {
background-color: #325409; }
.goldkiwi .cta-bar.sticky.docked .anchor-nav {
background-color: #5c4a02; }
.peach .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.raspberry .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.plum .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.aubergine .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.blueberry .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.huckleberry .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.peppermint .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.mint .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.apple .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.goldkiwi .cta-bar.sticky.docked nav li a {
color: #ffffff; }
.peach .cta-bar.sticky.docked nav li a.selected, .peach .cta-bar.sticky.docked nav li a:hover {
color: #ffd5c8; }
.raspberry .cta-bar.sticky.docked nav li a.selected, .raspberry .cta-bar.sticky.docked nav li a:hover {
color: #f0a5b6; }
.plum .cta-bar.sticky.docked nav li a.selected, .plum .cta-bar.sticky.docked nav li a:hover {
color: #d493b7; }
.aubergine .cta-bar.sticky.docked nav li a.selected, .aubergine .cta-bar.sticky.docked nav li a:hover {
color: #c0a3c9; }
.blueberry .cta-bar.sticky.docked nav li a.selected, .blueberry .cta-bar.sticky.docked nav li a:hover {
color: #8e9ac4; }
.huckleberry .cta-bar.sticky.docked nav li a.selected, .huckleberry .cta-bar.sticky.docked nav li a:hover {
color: #86bfe0; }
.peppermint .cta-bar.sticky.docked nav li a.selected, .peppermint .cta-bar.sticky.docked nav li a:hover {
color: #6acfd8; }
.mint .cta-bar.sticky.docked nav li a.selected, .mint .cta-bar.sticky.docked nav li a:hover {
color: #65cfbe; }
.apple .cta-bar.sticky.docked nav li a.selected, .apple .cta-bar.sticky.docked nav li a:hover {
color: #b4cd40; }
.goldkiwi .cta-bar.sticky.docked nav li a.selected, .goldkiwi .cta-bar.sticky.docked nav li a:hover {
color: #dfc86f; }
.peach .cta-bar.sticky.docked nav li a.selected:after, .peach .cta-bar.sticky.docked nav li a:hover:after {
background-color: #ffd5c8; }
.raspberry .cta-bar.sticky.docked nav li a.selected:after, .raspberry .cta-bar.sticky.docked nav li a:hover:after {
background-color: #f0a5b6; }
.plum .cta-bar.sticky.docked nav li a.selected:after, .plum .cta-bar.sticky.docked nav li a:hover:after {
background-color: #d493b7; }
.aubergine .cta-bar.sticky.docked nav li a.selected:after, .aubergine .cta-bar.sticky.docked nav li a:hover:after {
background-color: #c0a3c9; }
.blueberry .cta-bar.sticky.docked nav li a.selected:after, .blueberry .cta-bar.sticky.docked nav li a:hover:after {
background-color: #8e9ac4; }
.huckleberry .cta-bar.sticky.docked nav li a.selected:after, .huckleberry .cta-bar.sticky.docked nav li a:hover:after {
background-color: #86bfe0; }
.peppermint .cta-bar.sticky.docked nav li a.selected:after, .peppermint .cta-bar.sticky.docked nav li a:hover:after {
background-color: #6acfd8; }
.mint .cta-bar.sticky.docked nav li a.selected:after, .mint .cta-bar.sticky.docked nav li a:hover:after {
background-color: #65cfbe; }
.apple .cta-bar.sticky.docked nav li a.selected:after, .apple .cta-bar.sticky.docked nav li a:hover:after {
background-color: #b4cd40; }
.goldkiwi .cta-bar.sticky.docked nav li a.selected:after, .goldkiwi .cta-bar.sticky.docked nav li a:hover:after {
background-color: #dfc86f; }
.t60-header .cta-bar {
bottom: auto;
top: 641px; }
.header .cta-bar {
display: block; }
.cta-bar .apply-bar {
height: 4.125em;
padding: 1.125em 187.5em;
margin: 0 -187.5em; }
.cta-bar .apply-bar span {
color: #fff;
font-size: 1.125em;
line-height: 1.33333em;
font-family: sohogothicproregular;
/* width: 66%; jmc 20-8-15*/
float: left;
margin-top: 4px; }
.cta-bar .apply-bar span span {
display: inline;
font-size: 1em;
float: none; }
.cta-bar .apply-bar .button, .cta-bar .apply-bar a.button-link {
width: 11.25em;
text-align: center;
margin-top: -5px;
float: right;
font-size: 1.125em;
line-height: 1;
height: 38px;
padding: 0.55556em 1.11111em 0.55556em; } }
@media screen and (min-width: 75em) {
.cta-bar.sticky.docked {
padding: inherit;
right: inherit;
width: 92%; }
.cta-bar .apply-bar span {
font-size: 1.25em;
line-height: 1.5em;
margin-top: 0; }
.cta-bar .apply-bar .button, .cta-bar .apply-bar a.button-link {
height: auto; } }
/*------------------------------------*\
IE
\*------------------------------------*/
.lt-ie8 .cta-bar {
left: 0; }
.lt-ie8 .cta-bar .apply-bar {
padding-bottom: 0; }
.lt-ie8 .cta-bar nav {
margin: 0;
padding: 0; }
.lt-ie10 .cta-bar .title-anchor a:after {
height: 24px; }
.nav-breadcrumbs {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.nav-breadcrumbs {
display: block;
margin-bottom: 2.625em;
z-index: 150;
position: relative; }
.nav-breadcrumbs li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin: 0 0 0 4px;
color: #656565;
font-size: 0.8125em;
line-height: 1.38462em; }
.nav-breadcrumbs li a:hover {
text-decoration: none; }
.nav-breadcrumbs li:first-child {
margin-left: 0; }
header.minor + .inner-wrap .nav-breadcrumbs {
max-width: 50%; }
.site-sub header.minor + .inner-wrap .nav-breadcrumbs li, .site-primary header.minor + .inner-wrap .nav-breadcrumbs li {
color: #fff; } }
.cta-tile-wrapper .button, .cta-tile-wrapper a.button-link {
display: block;
text-align: center;
margin: 0.66667em auto; }
.article-tile-container:after {
content: "";
display: table;
clear: both; }
.cta-panel {
padding: 0.75em 0;
position: relative;
overflow: hidden;
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
End site Sub Alt styles
\*------------------------------------*/ }
.cta-panel:after {
content: "";
display: table;
clear: both; }
.cta-panel h3 {
font-family: sohogothicprolight;
margin: 0; }
.cta-panel a {
text-decoration: none; }
.cta-panel .cta-reference {
font-family: sohogothicproregular;
font-size: 0.75em;
line-height: 1.5em;
margin: 0 0 1em;
color: #a5a5a5; }
.peach .cta-panel .cta-reference a {
color: #a5a5a5; }
.raspberry .cta-panel .cta-reference a {
color: #a5a5a5; }
.plum .cta-panel .cta-reference a {
color: #a5a5a5; }
.aubergine .cta-panel .cta-reference a {
color: #a5a5a5; }
.blueberry .cta-panel .cta-reference a {
color: #a5a5a5; }
.huckleberry .cta-panel .cta-reference a {
color: #a5a5a5; }
.peppermint .cta-panel .cta-reference a {
color: #a5a5a5; }
.mint .cta-panel .cta-reference a {
color: #a5a5a5; }
.apple .cta-panel .cta-reference a {
color: #a5a5a5; }
.goldkiwi .cta-panel .cta-reference a {
color: #a5a5a5; }
.cta-panel .cta-reference a:hover {
text-decoration: underline; }
.cta-panel .cta-excerpt {
display: none;
font-size: 0.875em;
line-height: 1.5em;
color: #656565; }
.cta-panel .cta-content li {
padding: 0;
background: none; }
.cta-panel .cta-content li a {
display: block;
margin-bottom: 0.42857em; }
.peach .cta-panel .cta-content li a:hover {
color: #ff5736; }
.raspberry .cta-panel .cta-content li a:hover {
color: #c62158; }
.plum .cta-panel .cta-content li a:hover {
color: #a8437c; }
.aubergine .cta-panel .cta-content li a:hover {
color: #8a5896; }
.blueberry .cta-panel .cta-content li a:hover {
color: #6676af; }
.huckleberry .cta-panel .cta-content li a:hover {
color: #3086bd; }
.peppermint .cta-panel .cta-content li a:hover {
color: #2a97a1; }
.mint .cta-panel .cta-content li a:hover {
color: #18a28a; }
.apple .cta-panel .cta-content li a:hover {
color: #769a0a; }
.goldkiwi .cta-panel .cta-content li a:hover {
color: #b08e07; }
.cta-panel .cta-body {
background: #f5f5f5;
padding: 1.125em 1.25em; }
.cta-panel .cta-img {
overflow: hidden;
width: 100%;
position: relative; }
.cta-panel .cta-img img {
width: 100%; }
.cta-tile-wrapper .cta-panel .button, .cta-tile-wrapper .cta-panel a.button-link {
width: 100%; }
.peach .cta-panel strong {
color: #ff5736; }
.raspberry .cta-panel strong {
color: #c62158; }
.plum .cta-panel strong {
color: #a8437c; }
.aubergine .cta-panel strong {
color: #8a5896; }
.blueberry .cta-panel strong {
color: #6676af; }
.huckleberry .cta-panel strong {
color: #3086bd; }
.peppermint .cta-panel strong {
color: #2a97a1; }
.mint .cta-panel strong {
color: #18a28a; }
.apple .cta-panel strong {
color: #769a0a; }
.goldkiwi .cta-panel strong {
color: #b08e07; }
.peach .cta-panel.cta-text-only .cta-body {
background-color: #ca2c0d; }
.raspberry .cta-panel.cta-text-only .cta-body {
background-color: #9c0b3b; }
.plum .cta-panel.cta-text-only .cta-body {
background-color: #802257; }
.aubergine .cta-panel.cta-text-only .cta-body {
background-color: #673573; }
.blueberry .cta-panel.cta-text-only .cta-body {
background-color: #2e3d79; }
.huckleberry .cta-panel.cta-text-only .cta-body {
background-color: #146090; }
.peppermint .cta-panel.cta-text-only .cta-body {
background-color: #156269; }
.mint .cta-panel.cta-text-only .cta-body {
background-color: #0c7361; }
.apple .cta-panel.cta-text-only .cta-body {
background-color: #476b0f; }
.goldkiwi .cta-panel.cta-text-only .cta-body {
background-color: #7f6501; }
.peach .cta-panel.cta-text-only .cta-body h3 a, .peach .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #ffd5c8; }
.raspberry .cta-panel.cta-text-only .cta-body h3 a, .raspberry .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #f0a5b6; }
.plum .cta-panel.cta-text-only .cta-body h3 a, .plum .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #d493b7; }
.aubergine .cta-panel.cta-text-only .cta-body h3 a, .aubergine .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #c0a3c9; }
.blueberry .cta-panel.cta-text-only .cta-body h3 a, .blueberry .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #8e9ac4; }
.huckleberry .cta-panel.cta-text-only .cta-body h3 a, .huckleberry .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #86bfe0; }
.peppermint .cta-panel.cta-text-only .cta-body h3 a, .peppermint .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #6acfd8; }
.mint .cta-panel.cta-text-only .cta-body h3 a, .mint .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #65cfbe; }
.apple .cta-panel.cta-text-only .cta-body h3 a, .apple .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #b4cd40; }
.goldkiwi .cta-panel.cta-text-only .cta-body h3 a, .goldkiwi .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #dfc86f; }
.cta-panel.cta-text-only .cta-body h3 a {
text-decoration: none; }
.cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom: solid 1px; }
.peach .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #ffd5c8; }
.raspberry .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #f0a5b6; }
.plum .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #d493b7; }
.aubergine .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #c0a3c9; }
.blueberry .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #8e9ac4; }
.huckleberry .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #86bfe0; }
.peppermint .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #6acfd8; }
.mint .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #65cfbe; }
.apple .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #b4cd40; }
.goldkiwi .cta-panel.cta-text-only .cta-body h3 a:hover {
color: #dfc86f; }
.peach .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #ffd5c8; }
.raspberry .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #f0a5b6; }
.plum .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #d493b7; }
.aubergine .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #c0a3c9; }
.blueberry .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #8e9ac4; }
.huckleberry .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #86bfe0; }
.peppermint .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #6acfd8; }
.mint .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #65cfbe; }
.apple .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #b4cd40; }
.goldkiwi .cta-panel.cta-text-only .cta-body h3 a:hover {
border-bottom-color: #dfc86f; }
.cta-panel.cta-text-only .cta-body a {
text-decoration: underline; }
.peach .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.raspberry .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.plum .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.aubergine .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.blueberry .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.huckleberry .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.peppermint .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.mint .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.apple .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.goldkiwi .cta-panel.cta-text-only .cta-body a {
color: #fff; }
.cta-panel.cta-text-only .cta-body a:hover {
text-decoration: none; }
.peach .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.raspberry .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.plum .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.aubergine .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.blueberry .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.huckleberry .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.peppermint .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.mint .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.apple .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.goldkiwi .cta-panel.cta-text-only .cta-body .cta-excerpt {
color: #fff; }
.cta-panel.cta-text-only .cta-reference a {
text-decoration: none; }
.peach .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.raspberry .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.plum .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.aubergine .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.blueberry .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.huckleberry .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.peppermint .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.mint .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.apple .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.goldkiwi .cta-panel.cta-text-only .cta-reference a {
color: #fff; }
.cta-panel.cta-text-only .cta-reference a:hover {
text-decoration: underline; }
.cta-panel.cta-text-only:after {
display: none !important; }
.cta-panel.event-widget .event-link {
margin-bottom: 0.75em; }
.cta-panel.event-widget .event-date {
font-size: 0.75em;
line-height: 1.5em;
margin-bottom: 0.16667em;
text-transform: uppercase;
color: #a5a5a5;
font-family: sohogothicproregular; }
.cta-panel.event-widget .cta-content .more-events-link {
display: block;
margin: 1.33333em 1.11111em 0;
padding: 0.33333em 0;
border-top: solid 1px; }
.peach .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #ff5736; }
.raspberry .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #c62158; }
.plum .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #a8437c; }
.aubergine .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #8a5896; }
.blueberry .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #6676af; }
.huckleberry .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #3086bd; }
.peppermint .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #2a97a1; }
.mint .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #18a28a; }
.apple .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #769a0a; }
.goldkiwi .cta-panel.event-widget .cta-content .more-events-link {
border-top-color: #b08e07; }
.peach .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #ff5736; }
.raspberry .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #c62158; }
.plum .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #a8437c; }
.aubergine .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #8a5896; }
.blueberry .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #6676af; }
.huckleberry .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #3086bd; }
.peppermint .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #2a97a1; }
.mint .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #18a28a; }
.apple .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #769a0a; }
.goldkiwi .cta-panel.event-widget .cta-content .more-events-link:hover {
color: #b08e07; }
.cta-panel.cta-thumb-article {
width: 100%; }
.cta-panel.cta-content-block {
width: 100%; }
.cta-panel.cta-content-block .cta-body {
padding: 0 0 1.125em; }
.cta-panel.cta-content-block .cta-body .cta-reference {
padding: 1.125em 1.875em 0.75em;
text-transform: uppercase;
width: 100%;
border: none;
font-size: 0.875em;
line-height: 1.5em; }
.peach .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #ca2c0d; }
.raspberry .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #9c0b3b; }
.plum .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #802257; }
.aubergine .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #673573; }
.blueberry .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #2e3d79; }
.huckleberry .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #146090; }
.peppermint .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #156269; }
.mint .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #0c7361; }
.apple .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #476b0f; }
.goldkiwi .cta-panel.cta-content-block .cta-body .cta-reference {
background-color: #7f6501; }
.peach .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.raspberry .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.plum .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.aubergine .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.blueberry .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.huckleberry .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.peppermint .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.mint .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.apple .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.goldkiwi .cta-panel.cta-content-block .cta-body .cta-reference {
color: #fff; }
.peach .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.raspberry .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.plum .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.aubergine .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.blueberry .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.huckleberry .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.peppermint .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.mint .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.apple .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.goldkiwi .cta-panel.cta-content-block .cta-body .cta-reference:hover {
color: #fff; }
.cta-panel.cta-content-block .cta-body ul {
margin: 0 1.25em; }
.cta-panel.cta-content-block .cta-body .button, .cta-panel.cta-content-block .cta-body a.button-link {
width: 85%; }
.cta-panel.cta-hero-article {
color: #fff;
width: 100%; }
.peach .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.raspberry .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.plum .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.aubergine .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.blueberry .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.huckleberry .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.peppermint .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.mint .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.apple .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.goldkiwi .cta-panel.cta-hero-article .cta-reference a {
color: #fff; }
.peach .cta-panel.cta-hero-article .cta-body {
background-color: #ca2c0d; }
.raspberry .cta-panel.cta-hero-article .cta-body {
background-color: #9c0b3b; }
.plum .cta-panel.cta-hero-article .cta-body {
background-color: #802257; }
.aubergine .cta-panel.cta-hero-article .cta-body {
background-color: #673573; }
.blueberry .cta-panel.cta-hero-article .cta-body {
background-color: #2e3d79; }
.huckleberry .cta-panel.cta-hero-article .cta-body {
background-color: #146090; }
.peppermint .cta-panel.cta-hero-article .cta-body {
background-color: #156269; }
.mint .cta-panel.cta-hero-article .cta-body {
background-color: #0c7361; }
.apple .cta-panel.cta-hero-article .cta-body {
background-color: #476b0f; }
.goldkiwi .cta-panel.cta-hero-article .cta-body {
background-color: #7f6501; }
.cta-panel.cta-hero-article .cta-excerpt {
color: #fff; }
.cta-panel.cta-hero-article .cta-img {
border: solid 6px; }
.peach .cta-panel.cta-hero-article .cta-img {
border-color: #ca2c0d; }
.raspberry .cta-panel.cta-hero-article .cta-img {
border-color: #9c0b3b; }
.plum .cta-panel.cta-hero-article .cta-img {
border-color: #802257; }
.aubergine .cta-panel.cta-hero-article .cta-img {
border-color: #673573; }
.blueberry .cta-panel.cta-hero-article .cta-img {
border-color: #2e3d79; }
.huckleberry .cta-panel.cta-hero-article .cta-img {
border-color: #146090; }
.peppermint .cta-panel.cta-hero-article .cta-img {
border-color: #156269; }
.mint .cta-panel.cta-hero-article .cta-img {
border-color: #0c7361; }
.apple .cta-panel.cta-hero-article .cta-img {
border-color: #476b0f; }
.goldkiwi .cta-panel.cta-hero-article .cta-img {
border-color: #7f6501; }
.cta-panel.cta-hero-article h3 {
font-weight: normal;
text-transform: uppercase;
font-size: 1.25em;
line-height: 1.5em; }
.peach .cta-panel.cta-hero-article h3 a {
color: #fff; }
.raspberry .cta-panel.cta-hero-article h3 a {
color: #fff; }
.plum .cta-panel.cta-hero-article h3 a {
color: #fff; }
.aubergine .cta-panel.cta-hero-article h3 a {
color: #fff; }
.blueberry .cta-panel.cta-hero-article h3 a {
color: #fff; }
.huckleberry .cta-panel.cta-hero-article h3 a {
color: #fff; }
.peppermint .cta-panel.cta-hero-article h3 a {
color: #fff; }
.mint .cta-panel.cta-hero-article h3 a {
color: #fff; }
.apple .cta-panel.cta-hero-article h3 a {
color: #fff; }
.goldkiwi .cta-panel.cta-hero-article h3 a {
color: #fff; }
.cta-panel.cta-hero-article h3 a:hover {
text-decoration: underline; }
.cta-panel.play.cta-thumb-article .cta-img a:before, .cta-panel.play.cta-hero-article .cta-img a:before {
content: "\e60d";
font-family: 'icomoon';
position: absolute;
font-size: 48px;
color: #FFF;
z-index: 10;
top: 50%;
left: 50%;
margin-left: -24px;
margin-top: -12px;
opacity: 0.7; }
.site-sub-alt .cta-panel h1, .site-sub-alt .cta-panel h2, .site-sub-alt .cta-panel h3, .site-sub-alt .cta-panel h4 {
font-weight: bold; }
.site-sub-alt .cta-panel h3 {
font-family: sohogothicproregular;
font-weight: bold;
margin-bottom: 0.5em; }
.site-sub-alt .cta-panel strong {
text-transform: uppercase; }
.site-sub-alt .cta-panel.cta-content-block a {
font-weight: bold; }
.site-sub-alt .cta-panel.cta-content-block .button, .site-sub-alt .cta-panel.cta-content-block a.button-link {
font-weight: normal; }
.site-sub-alt .cta-panel .cta-reference {
font-weight: normal;
color: #818285;
text-transform: uppercase;
border-bottom: solid 1px #818285;
width: 70%; }
.site-sub-alt .cta-panel .cta-reference a:hover {
text-decoration: none; }
.site-sub-alt .cta-panel.cta-hero-article .cta-reference {
border: none; }
.site-sub-alt .cta-panel.cta-hero-article h3 {
position: relative; }
.site-sub-alt .cta-panel.cta-hero-article h3:before, .site-sub-alt .cta-panel.cta-hero-article h3:after {
content: "";
height: 5px;
width: 70%;
display: block;
background: #fff;
position: absolute;
left: 0; }
.site-sub-alt .cta-panel.cta-hero-article h3:before {
top: -12px; }
.site-sub-alt .cta-panel.cta-hero-article h3:after {
bottom: -10px; }
.peach.site-sub-alt .cta-panel .cta-reference, .peach.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.raspberry.site-sub-alt .cta-panel .cta-reference, .raspberry.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.plum.site-sub-alt .cta-panel .cta-reference, .plum.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.aubergine.site-sub-alt .cta-panel .cta-reference, .aubergine.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.blueberry.site-sub-alt .cta-panel .cta-reference, .blueberry.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.huckleberry.site-sub-alt .cta-panel .cta-reference, .huckleberry.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.peppermint.site-sub-alt .cta-panel .cta-reference, .peppermint.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.mint.site-sub-alt .cta-panel .cta-reference, .mint.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.apple.site-sub-alt .cta-panel .cta-reference, .apple.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.goldkiwi.site-sub-alt .cta-panel .cta-reference, .goldkiwi.site-sub-alt .cta-panel .cta-reference a {
color: #818285; }
.peach.site-sub-alt .cta-panel .cta-reference:hover, .peach.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.raspberry.site-sub-alt .cta-panel .cta-reference:hover, .raspberry.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.plum.site-sub-alt .cta-panel .cta-reference:hover, .plum.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.aubergine.site-sub-alt .cta-panel .cta-reference:hover, .aubergine.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.blueberry.site-sub-alt .cta-panel .cta-reference:hover, .blueberry.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.huckleberry.site-sub-alt .cta-panel .cta-reference:hover, .huckleberry.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.peppermint.site-sub-alt .cta-panel .cta-reference:hover, .peppermint.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.mint.site-sub-alt .cta-panel .cta-reference:hover, .mint.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.apple.site-sub-alt .cta-panel .cta-reference:hover, .apple.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.goldkiwi.site-sub-alt .cta-panel .cta-reference:hover, .goldkiwi.site-sub-alt .cta-panel .cta-reference a:hover {
color: #a5a5a5; }
.peach.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.raspberry.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.plum.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.aubergine.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.blueberry.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.huckleberry.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.peppermint.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.mint.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.apple.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.goldkiwi.site-sub-alt .cta-panel.cta-hero-article a {
color: #fff; }
.peach.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.raspberry.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.plum.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.aubergine.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.blueberry.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.huckleberry.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.peppermint.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.mint.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.apple.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.goldkiwi.site-sub-alt .cta-panel.cta-hero-article a:hover {
color: #f5f5f5; }
.peach.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #ff5736; }
.raspberry.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #c62158; }
.plum.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #a8437c; }
.aubergine.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #8a5896; }
.blueberry.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #6676af; }
.huckleberry.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #3086bd; }
.peppermint.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #2a97a1; }
.mint.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #18a28a; }
.apple.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #769a0a; }
.goldkiwi.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: #b08e07; }
.peach.site-sub-alt .cta-panel strong {
color: #818285; }
.raspberry.site-sub-alt .cta-panel strong {
color: #818285; }
.plum.site-sub-alt .cta-panel strong {
color: #818285; }
.aubergine.site-sub-alt .cta-panel strong {
color: #818285; }
.blueberry.site-sub-alt .cta-panel strong {
color: #818285; }
.huckleberry.site-sub-alt .cta-panel strong {
color: #818285; }
.peppermint.site-sub-alt .cta-panel strong {
color: #818285; }
.mint.site-sub-alt .cta-panel strong {
color: #818285; }
.apple.site-sub-alt .cta-panel strong {
color: #818285; }
.goldkiwi.site-sub-alt .cta-panel strong {
color: #818285; }
.peach.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #ff5736; }
.raspberry.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #c62158; }
.plum.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #a8437c; }
.aubergine.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #8a5896; }
.blueberry.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #6676af; }
.huckleberry.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #3086bd; }
.peppermint.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #2a97a1; }
.mint.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #18a28a; }
.apple.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #769a0a; }
.goldkiwi.site-sub-alt .cta-panel.cta-hero-article .cta-img {
border-color: #b08e07; }
.article-tile-container.event-calendar .cta-panel h3 {
font-size: 1.25em;
line-height: 1.5em; }
.article-tile-container.event-calendar .cta-excerpt {
display: block; }
.article-tile-container.event-calendar .event-date {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 0.5em;
clear: both; }
.article-tile-container.event-calendar .cta-img + .cta-body .event-indicator {
position: absolute;
top: 23px;
right: 18px; }
.article-tile-container.event-calendar .event-indicator {
display: block;
border-radius: 50px;
height: 80px;
position: relative;
float: right;
color: #FFF;
top: -7px;
right: -7px;
width: 80px;
padding-top: 22px;
text-align: center;
font-family: sohogothicproregular;
font-weight: bold;
text-transform: uppercase;
line-height: 1.25em; }
.peach .article-tile-container.event-calendar .event-indicator {
background-color: #ff5736; }
.raspberry .article-tile-container.event-calendar .event-indicator {
background-color: #c62158; }
.plum .article-tile-container.event-calendar .event-indicator {
background-color: #a8437c; }
.aubergine .article-tile-container.event-calendar .event-indicator {
background-color: #8a5896; }
.blueberry .article-tile-container.event-calendar .event-indicator {
background-color: #6676af; }
.huckleberry .article-tile-container.event-calendar .event-indicator {
background-color: #3086bd; }
.peppermint .article-tile-container.event-calendar .event-indicator {
background-color: #2a97a1; }
.mint .article-tile-container.event-calendar .event-indicator {
background-color: #18a28a; }
.apple .article-tile-container.event-calendar .event-indicator {
background-color: #769a0a; }
.goldkiwi .article-tile-container.event-calendar .event-indicator {
background-color: #b08e07; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 35em) {
.cta-panel {
padding: 0.75em 0.375em 0;
max-width: 100%; }
.cta-panel.cta-thumb-article, .cta-panel.cta-content-block {
float: left;
width: 50%;
height: 340px; }
.cta-panel.cta-thumb-article .cta-body, .cta-panel.cta-content-block .cta-body {
height: 100%; }
.cta-panel.cta-thumb-article .cta-excerpt, .cta-panel.cta-content-block .cta-excerpt {
display: block; }
.cta-panel.cta-thumb-article:after, .cta-panel.cta-content-block:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 90%;
height: 36px;
margin: 0 5%;
background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 75%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(75%, whitesmoke));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 75%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 75%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 75%);
/* IE10+ */
background: linear, to bottom, rgba(245, 245, 245, 0) 0%, whitesmoke 75%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */ }
.cta-panel.quick-link-widget .cta-content li a, .cta-panel.event-widget .cta-content li a {
font-size: 1.125em; }
.cta-panel.quick-link-widget .cta-content .more-events-link, .cta-panel.event-widget .cta-content .more-events-link {
font-size: 1.125em; }
.cta-tile-wrapper {
background: transparent; }
.cta-tile-wrapper .button, .cta-tile-wrapper a.button-link {
width: 50%; } }
@media screen and (min-width: 48.0625em) {
.cta-tile-wrapper {
padding: 0; }
.cta-panel.cta-thumb-article, .cta-panel.cta-content-block {
height: 400px; } }
@media screen and (min-width: 57.5em) {
.cta-tile-wrapper {
padding: 0; }
.cta-tile-wrapper .button, .cta-tile-wrapper a.button-link {
margin: 2em auto 1em; }
.col-2-3 .cta-panel.cta-thumb-article, .col-2-3 .cta-panel.cta-content-block {
width: 50%; }
.col-2-3 .cta-panel.cta-hero-article {
width: 100%; }
.cta-panel {
position: relative;
height: 24.75em;
max-height: 24.75em;
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
End site Sub Alt styles
\*------------------------------------*/ }
.cta-panel .cta-body {
background: #fff;
height: 100%;
min-height: 14.25em; }
.cta-panel h3 {
margin-bottom: 0.5em; }
.cta-panel.cta-content-block {
padding-bottom: 0; }
.cta-panel.cta-content-block a {
margin-bottom: 0.375em; }
.cta-panel.cta-thumb-article, .cta-panel.cta-content-block {
width: 25%;
height: 400px; }
.cta-panel.cta-thumb-article:after, .cta-panel.cta-content-block:after {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 75%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(75%, white));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 75%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 75%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 75%);
/* IE10+ */
background: linear, to bottom, rgba(255, 255, 255, 0) 0%, white 75%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */ }
.cta-panel.cta-hero-article {
float: left;
width: 75%;
margin: 0;
padding-bottom: 0; }
.cta-panel.cta-hero-article .cta-body {
position: absolute;
top: 60%;
width: 70%;
height: auto;
min-height: 6.375em;
opacity: 0.9; }
.cta-panel.cta-hero-article .cta-body h3 {
font-size: 1.25em;
line-height: 1.5em;
margin-bottom: 0.3em; }
.peach .cta-panel.cta-hero-article .cta-body h3 {
color: #ff5736; }
.raspberry .cta-panel.cta-hero-article .cta-body h3 {
color: #c62158; }
.plum .cta-panel.cta-hero-article .cta-body h3 {
color: #a8437c; }
.aubergine .cta-panel.cta-hero-article .cta-body h3 {
color: #8a5896; }
.blueberry .cta-panel.cta-hero-article .cta-body h3 {
color: #6676af; }
.huckleberry .cta-panel.cta-hero-article .cta-body h3 {
color: #3086bd; }
.peppermint .cta-panel.cta-hero-article .cta-body h3 {
color: #2a97a1; }
.mint .cta-panel.cta-hero-article .cta-body h3 {
color: #18a28a; }
.apple .cta-panel.cta-hero-article .cta-body h3 {
color: #769a0a; }
.goldkiwi .cta-panel.cta-hero-article .cta-body h3 {
color: #b08e07; }
.cta-panel.cta-hero-article .cta-body h3 a:hover {
text-decoration: none;
border-bottom: 1px solid #fff; }
.cta-panel.cta-hero-article .cta-img {
border: none;
max-height: none;
position: static; }
.cta-panel.cta-hero-article .cta-img img {
min-height: 100%; }
.site-sub-alt .cta-panel .cta-reference {
border-bottom: solid 2px #818285; }
.site-sub-alt .cta-panel.cta-hero-article .cta-body {
position: absolute;
top: 0;
width: 49%;
height: 100%;
right: 0;
margin-top: 12px;
margin-right: 6px;
padding-top: 1.5em; }
.site-sub-alt .cta-panel.cta-hero-article .cta-body:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
right: 0;
opacity: 0.9; }
.site-sub-alt .cta-panel.cta-hero-article .cta-body .cta-reference, .site-sub-alt .cta-panel.cta-hero-article .cta-body h3, .site-sub-alt .cta-panel.cta-hero-article .cta-body .cta-excerpt {
position: relative; }
.site-sub-alt .cta-panel.cta-hero-article .cta-reference {
font-size: 0.875em;
line-height: 1.5em; }
.site-sub-alt .cta-panel.cta-hero-article h3 {
font-family: sohogothicprobold;
font-size: 1.625em;
line-height: 1.15385em;
margin-bottom: 0.92308em; }
.site-sub-alt .cta-panel.cta-hero-article h3 a:hover {
border: none;
opacity: 0.9; }
.site-sub-alt .cta-panel.cta-content-block ul a {
font-size: 0.875em;
line-height: 1.5em; }
.peach.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.raspberry.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.plum.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.aubergine.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.blueberry.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.huckleberry.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.peppermint.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.mint.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.apple.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.goldkiwi.site-sub-alt .cta-panel.cta-hero-article .cta-body {
background-color: transparent; }
.peach .cta-panel.cta-hero-article .cta-body:before {
background-color: #ff5736; }
.raspberry .cta-panel.cta-hero-article .cta-body:before {
background-color: #c62158; }
.plum .cta-panel.cta-hero-article .cta-body:before {
background-color: #a8437c; }
.aubergine .cta-panel.cta-hero-article .cta-body:before {
background-color: #8a5896; }
.blueberry .cta-panel.cta-hero-article .cta-body:before {
background-color: #6676af; }
.huckleberry .cta-panel.cta-hero-article .cta-body:before {
background-color: #3086bd; }
.peppermint .cta-panel.cta-hero-article .cta-body:before {
background-color: #2a97a1; }
.mint .cta-panel.cta-hero-article .cta-body:before {
background-color: #18a28a; }
.apple .cta-panel.cta-hero-article .cta-body:before {
background-color: #769a0a; }
.goldkiwi .cta-panel.cta-hero-article .cta-body:before {
background-color: #b08e07; }
.article-tile-container.event-calendar .cta-panel {
max-height: 21em; } }
@media screen and (min-width: 75em) {
.cta-panel.cta-hero-article {
width: 50%; }
.col-2-3 .cta-panel.cta-thumb-article, .col-2-3 .cta-panel.cta-content-block {
width: 33.3%; } }
.aside-block {
padding-left: 20px;
margin-bottom: 2.625em;
border-left: solid 10px; }
.aside-block div {
font-size: 0.875em;
line-height: 1.5em;
color: #656565; }
.aside-block span {
display: block;
margin-bottom: 0.75em; }
.aside-block li {
list-style-type: none;
background: none;
padding: 0;
margin-bottom: 0.375em; }
.aside-block a:hover {
text-decoration: none; }
.aside-block.dates span {
font-weight: bold;
margin-bottom: 0; }
.aside-block.dates span span {
font-weight: normal;
display: inline; }
.aside-block.dates div {
margin-bottom: 0.75em; }
.aside-block.copyright {
border-top: solid 1px #a5a5a5;
border-bottom: solid 1px #a5a5a5;
padding: 0.75em 0 !important;
border-left: 0; }
.aside-block.copyright span {
margin-bottom: 0; }
.peach .aside-block strong {
color: #ff5736; }
.raspberry .aside-block strong {
color: #c62158; }
.plum .aside-block strong {
color: #a8437c; }
.aubergine .aside-block strong {
color: #8a5896; }
.blueberry .aside-block strong {
color: #6676af; }
.huckleberry .aside-block strong {
color: #3086bd; }
.peppermint .aside-block strong {
color: #2a97a1; }
.mint .aside-block strong {
color: #18a28a; }
.apple .aside-block strong {
color: #769a0a; }
.goldkiwi .aside-block strong {
color: #b08e07; }
.peach .aside-block, .peach .aside-block.dates .title {
color: #ff5736; }
.raspberry .aside-block, .raspberry .aside-block.dates .title {
color: #c62158; }
.plum .aside-block, .plum .aside-block.dates .title {
color: #a8437c; }
.aubergine .aside-block, .aubergine .aside-block.dates .title {
color: #8a5896; }
.blueberry .aside-block, .blueberry .aside-block.dates .title {
color: #6676af; }
.huckleberry .aside-block, .huckleberry .aside-block.dates .title {
color: #3086bd; }
.peppermint .aside-block, .peppermint .aside-block.dates .title {
color: #2a97a1; }
.mint .aside-block, .mint .aside-block.dates .title {
color: #18a28a; }
.apple .aside-block, .apple .aside-block.dates .title {
color: #769a0a; }
.goldkiwi .aside-block, .goldkiwi .aside-block.dates .title {
color: #b08e07; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.aside-block {
padding-left: 0;
margin-bottom: 2.625em;
border: 0; }
.aside-block div {
border-left: 0; }
.aside-block.dates div {
padding-bottom: 0.75em;
margin-bottom: 0; }
.aside-block.dates div:last-child {
padding-bottom: 0; }
.aside-block li {
margin-bottom: 0.75em; } }
.landing-links {
max-width: 75em;
margin-left: auto;
margin-right: auto; }
.landing-links:after {
content: "";
display: table;
clear: both; }
.landing-links .landing-link {
margin-bottom: 2.625em; }
.landing-links .landing-link h2 {
font-size: 1.3125em;
line-height: 1.28571em;
text-transform: uppercase; }
.landing-links .landing-link h2 a {
text-decoration: none; }
.landing-links .landing-link img {
width: 100%;
max-width: 350px;
margin-bottom: 1.5em; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.landing-links {
/*------------------------------------*\
Site Sub Alt styles
\*------------------------------------*/
/*------------------------------------*\
END Site Sub Alt styles
\*------------------------------------*/ }
.landing-links .landing-link {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%; }
.landing-links .landing-link:last-child {
margin-right: 0; }
.landing-links .landing-link:nth-child(2n) {
margin-right: 0; }
.landing-links .landing-link:nth-child(2n+1) {
clear: left; }
.landing-links .landing-link h2 {
margin-bottom: 0.57143em; }
.landing-links .landing-link img {
margin-bottom: 1.875em;
max-width: inherit; }
.site-sub-alt .landing-links h2 {
padding-bottom: 0.14286em;
border-bottom: solid 15px; }
.site-sub-alt .landing-links img {
margin-top: -1.125em; } }
.overview-section aside {
margin-top: 1.875em; }
.overview-section .overview-primary-element {
padding: 1.5em 30px 0.375em;
list-style-type: none;
max-width: 350px;
margin-bottom: 1.5em; }
.peach .overview-section .overview-primary-element {
background-color: #ca2c0d; }
.raspberry .overview-section .overview-primary-element {
background-color: #9c0b3b; }
.plum .overview-section .overview-primary-element {
background-color: #802257; }
.aubergine .overview-section .overview-primary-element {
background-color: #673573; }
.blueberry .overview-section .overview-primary-element {
background-color: #2e3d79; }
.huckleberry .overview-section .overview-primary-element {
background-color: #146090; }
.peppermint .overview-section .overview-primary-element {
background-color: #156269; }
.mint .overview-section .overview-primary-element {
background-color: #0c7361; }
.apple .overview-section .overview-primary-element {
background-color: #476b0f; }
.goldkiwi .overview-section .overview-primary-element {
background-color: #7f6501; }
.overview-section .overview-primary-element * {
color: #fff; }
.overview-section .overview-primary-element a {
font-size: 0.875em;
line-height: 1.5em; }
.peach .overview-section .overview-primary-element a {
color: #fff; }
.raspberry .overview-section .overview-primary-element a {
color: #fff; }
.plum .overview-section .overview-primary-element a {
color: #fff; }
.aubergine .overview-section .overview-primary-element a {
color: #fff; }
.blueberry .overview-section .overview-primary-element a {
color: #fff; }
.huckleberry .overview-section .overview-primary-element a {
color: #fff; }
.peppermint .overview-section .overview-primary-element a {
color: #fff; }
.mint .overview-section .overview-primary-element a {
color: #fff; }
.apple .overview-section .overview-primary-element a {
color: #fff; }
.goldkiwi .overview-section .overview-primary-element a {
color: #fff; }
.overview-section .overview-primary-element p {
color: #fff;
font-size: 0.875em;
line-height: 1.5em; }
.overview-section .overview-primary-element h3 {
text-transform: uppercase;
font-weight: normal;
font-size: 1.125em;
line-height: 1.33333em; }
.peach .overview-section .overview-primary-element h3 {
color: #fff; }
.raspberry .overview-section .overview-primary-element h3 {
color: #fff; }
.plum .overview-section .overview-primary-element h3 {
color: #fff; }
.aubergine .overview-section .overview-primary-element h3 {
color: #fff; }
.blueberry .overview-section .overview-primary-element h3 {
color: #fff; }
.huckleberry .overview-section .overview-primary-element h3 {
color: #fff; }
.peppermint .overview-section .overview-primary-element h3 {
color: #fff; }
.mint .overview-section .overview-primary-element h3 {
color: #fff; }
.apple .overview-section .overview-primary-element h3 {
color: #fff; }
.goldkiwi .overview-section .overview-primary-element h3 {
color: #fff; }
.overview-section .overview-primary-element li {
margin-bottom: 0.75em;
background: none;
padding-left: 0;
font-size: 0.875em;
line-height: 1.5em; }
.peach .overview-section .overview-primary-element li {
color: #fff; }
.raspberry .overview-section .overview-primary-element li {
color: #fff; }
.plum .overview-section .overview-primary-element li {
color: #fff; }
.aubergine .overview-section .overview-primary-element li {
color: #fff; }
.blueberry .overview-section .overview-primary-element li {
color: #fff; }
.huckleberry .overview-section .overview-primary-element li {
color: #fff; }
.peppermint .overview-section .overview-primary-element li {
color: #fff; }
.mint .overview-section .overview-primary-element li {
color: #fff; }
.apple .overview-section .overview-primary-element li {
color: #fff; }
.goldkiwi .overview-section .overview-primary-element li {
color: #fff; }
.overview-section .overview-primary-element:after {
position: absolute;
top: 0px;
left: -12px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 12px solid transparent;
border-bottom: 0 solid transparent;
border-right: 12px solid transparent; }
.overview-section .profile {
position: relative;
margin-bottom: 1.5em; }
.overview-section .profile a {
position: relative;
display: block; }
.overview-section .profile a:before {
color: #FFF;
position: absolute;
z-index: 50;
font-size: 30px;
top: 24px;
left: 4px; }
.overview-section .profile img {
width: 100%;
height: auto;
margin-bottom: 0.375em;
max-width: 350px; }
.overview-section .profile span {
display: block; }
.overview-section .profile .profile-type {
text-transform: uppercase;
font-family: sohogothicprolight;
color: #656565; }
.overview-section .profile .profile-name {
font-family: sohogothicprolight;
color: #656565; }
.overview-section .profile:before {
position: absolute;
content: "";
top: 0.75em;
left: -0.625em;
height: 3.4375em;
width: 3.75em;
z-index: 40;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom; }
.peach .overview-section .profile:before {
background-color: #ff5736; }
.raspberry .overview-section .profile:before {
background-color: #c62158; }
.plum .overview-section .profile:before {
background-color: #a8437c; }
.aubergine .overview-section .profile:before {
background-color: #8a5896; }
.blueberry .overview-section .profile:before {
background-color: #6676af; }
.huckleberry .overview-section .profile:before {
background-color: #3086bd; }
.peppermint .overview-section .profile:before {
background-color: #2a97a1; }
.mint .overview-section .profile:before {
background-color: #18a28a; }
.apple .overview-section .profile:before {
background-color: #769a0a; }
.goldkiwi .overview-section .profile:before {
background-color: #b08e07; }
.overview-section .profile:after {
position: absolute;
top: 67px;
left: -10px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 0 solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid transparent; }
.peach .overview-section .overview-primary-element:after, .peach .overview-section .profile:after {
border-right-color: #a61801; }
.raspberry .overview-section .overview-primary-element:after, .raspberry .overview-section .profile:after {
border-right-color: #7c032b; }
.plum .overview-section .overview-primary-element:after, .plum .overview-section .profile:after {
border-right-color: #631541; }
.aubergine .overview-section .overview-primary-element:after, .aubergine .overview-section .profile:after {
border-right-color: #511f5d; }
.blueberry .overview-section .overview-primary-element:after, .blueberry .overview-section .profile:after {
border-right-color: #14235b; }
.huckleberry .overview-section .overview-primary-element:after, .huckleberry .overview-section .profile:after {
border-right-color: #01446e; }
.peppermint .overview-section .overview-primary-element:after, .peppermint .overview-section .profile:after {
border-right-color: #014a51; }
.mint .overview-section .overview-primary-element:after, .mint .overview-section .profile:after {
border-right-color: #014d40; }
.apple .overview-section .overview-primary-element:after, .apple .overview-section .profile:after {
border-right-color: #325409; }
.goldkiwi .overview-section .overview-primary-element:after, .goldkiwi .overview-section .profile:after {
border-right-color: #5c4a02; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.overview-section .overview-content {
padding-right: 1.25em;
display: block;
float: left;
margin-right: 2.62404%;
width: 65.79199%; }
.overview-section .overview-content:last-child {
margin-right: 0; }
.overview-section .overview-content.overview-content-wide {
display: block;
float: left;
margin-right: 2.62404%;
width: 74.34399%; }
.overview-section .overview-content.overview-content-wide:last-child {
margin-right: 0; }
.overview-section .overview-content.overview-content-wide + aside {
display: block;
float: left;
margin-right: 2.62404%;
width: 23.03197%; }
.overview-section .overview-content.overview-content-wide + aside:last-child {
margin-right: 0; }
.overview-section .overview-content.overview-content-wide + aside .overview-aside-primary {
display: block;
float: left;
margin-right: 11.39305%;
width: 100%; }
.overview-section .overview-content.overview-content-wide + aside .overview-aside-primary:last-child {
margin-right: 0; }
.overview-section .profile {
margin-bottom: 2.625em; }
.overview-section aside {
margin-top: -3.75em;
display: block;
float: left;
margin-right: 2.62404%;
width: 31.58397%; }
.overview-section aside:last-child {
margin-right: 0; }
/*jmc 9-09-2015 */
.overview-primary-element {
display: block;
}
.modal-launch.profile {
display: block;
}
.overview-section .overview-aside-primary {
display: block;
float: left;
margin-right: 8.30815%;
width: 100%; }
.overview-section .overview-aside-primary:last-child {
margin-right: 0; }
.overview-section .overview-aside-secondary {
display: block;
float: left;
margin-right: 8.30815%;
width: 100%; }
.overview-section .overview-aside-secondary:last-child {
margin-right: 0; }
.overview-section .overview-aside-secondary > div:last-child {
margin-bottom: 0; }
.overview-section .overview-primary-element {
position: relative;
border: none;
margin-top: -3.75em;
padding: 3.375em 30px 2.25em; }
.overview-section .overview-primary-element h3 {
font-size: 1.28571em;
margin-bottom: 0.33333em; } }
@media screen and (min-width: 75em) {
.overview-section .overview-content {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%; }
.overview-section .overview-content:last-child {
margin-right: 0; }
.overview-section aside {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%; }
.overview-section aside:last-child {
margin-right: 0; }
.overview-section .overview-aside-primary {
display: block;
float: left;
margin-right: 5.38951%;
width: 47.30525%; }
.overview-section .overview-aside-primary:last-child {
margin-right: 0; }
.overview-section .overview-aside-primary > div:last-child {
margin-bottom: 0; }
.overview-section .overview-aside-secondary {
display: block;
float: left;
margin-right: 5.38951%;
width: 47.30525%; }
.overview-section .overview-aside-secondary:last-child {
margin-right: 0; } }
.image-slider {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 1.5em; }
.image-slider.single-slide .step-back, .image-slider.single-slide .step-forward, .image-slider.single-slide .counter {
display: none; }
.image-slider.single-slide .slide-nav {
background: none; }
.image-slider.single-slide .toggle-caption {
left: 0.875em; }
.image-slider .slides {
position: relative;
padding: 0;
list-style: none;
letter-spacing: 0;
word-spacing: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
margin-top: 0;
margin-bottom: 0;
-webkit-transition: margin 0.3s ease-in-out;
-moz-transition: margin 0.3s ease-in-out;
transition: margin 0.3s ease-in-out; }
.image-slider .slides.resizing {
-webkit-transition: none 2s ease-in-out;
-moz-transition: none 2s ease-in-out;
transition: none 2s ease-in-out; }
.image-slider .slides li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
vertical-align: top;
-webkit-backface-visibility: hidden;
background: none;
padding: 0;
position: relative; }
.image-slider .slides li img {
width: 100%; }
.image-slider .slides .image-caption {
font-family: sohogothicproregular;
background: #eaeaea;
padding: 0.375em 0.625em;
opacity: 1;
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out; }
.image-slider .slides .image-caption.hide {
opacity: 0;
visibility: hidden; }
.image-slider .toggle-caption {
display: none;
position: absolute;
cursor: pointer;
font-weight: bold;
vertical-align: top;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; }
.image-slider .toggle-caption:before {
margin-right: 6px; }
.image-slider .slide-nav {
font-weight: bold; }
.peach .image-slider .slide-nav {
color: #fff; }
.raspberry .image-slider .slide-nav {
color: #fff; }
.plum .image-slider .slide-nav {
color: #fff; }
.aubergine .image-slider .slide-nav {
color: #fff; }
.blueberry .image-slider .slide-nav {
color: #fff; }
.huckleberry .image-slider .slide-nav {
color: #fff; }
.peppermint .image-slider .slide-nav {
color: #fff; }
.mint .image-slider .slide-nav {
color: #fff; }
.apple .image-slider .slide-nav {
color: #fff; }
.goldkiwi .image-slider .slide-nav {
color: #fff; }
.image-slider .slide-nav a {
position: absolute;
font-size: 24px;
background: #656565;
padding: 0.41667em 0.25em;
top: 10px;
border-radius: 3px; }
.peach .image-slider .slide-nav a {
color: #fff; }
.raspberry .image-slider .slide-nav a {
color: #fff; }
.plum .image-slider .slide-nav a {
color: #fff; }
.aubergine .image-slider .slide-nav a {
color: #fff; }
.blueberry .image-slider .slide-nav a {
color: #fff; }
.huckleberry .image-slider .slide-nav a {
color: #fff; }
.peppermint .image-slider .slide-nav a {
color: #fff; }
.mint .image-slider .slide-nav a {
color: #fff; }
.apple .image-slider .slide-nav a {
color: #fff; }
.goldkiwi .image-slider .slide-nav a {
color: #fff; }
.image-slider .slide-nav a.icon-chev-left {
left: 10px; }
.image-slider .slide-nav a.icon-chev-right {
right: 10px; }
.peach .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.raspberry .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.plum .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.aubergine .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.blueberry .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.huckleberry .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.peppermint .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.mint .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.apple .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.goldkiwi .image-slider .slide-nav a:hover {
color: #f5f5f5; }
.image-slider .slide-nav .counter {
position: absolute;
top: 10px;
left: 50%;
margin-left: -12px; }
.image-slider .slide-nav .step-back, .image-slider .slide-nav .step-forward {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.image-slider .slide-nav.first .step-back {
visibility: hidden;
opacity: 0; }
.image-slider .slide-nav.last .step-forward {
visibility: hidden;
opacity: 0; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.image-slider:hover .slide-nav {
opacity: 0.8; }
.image-slider .slides .image-caption {
position: absolute;
bottom: 30%;
background: none;
padding: 0;
left: 1.25em;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.image-slider .slides .image-caption.hide {
margin-left: -18px;
display: inherit; }
.image-slider .slides .padded-multiline {
font-size: 1.125em;
padding: 0.125em 0 0 0.625em;
width: 25em; }
.image-slider .slides .padded-multiline span {
background-color: #fff;
padding: 0.375em 0 0.1875em;
color: #656565;
display: inline;
margin: 0;
box-shadow: -10px 0 0 #fff; }
.image-slider .slides .padded-multiline span span {
position: relative;
left: -0.4375em;
line-height: 1.88889em;
padding-top: 0.375em; }
.image-slider .toggle-caption {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
position: absolute;
opacity: 1;
margin-top: 0.35714em;
left: 4.71429em;
color: #fff;
font-size: 14px; }
.image-slider .slide-nav {
background: #656565;
height: 3.125em;
position: absolute;
bottom: 0;
width: 100%;
opacity: 0.4;
padding-top: 0.4375em;
font-size: 1.125em;
text-align: center;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
.image-slider .slide-nav span {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.image-slider .slide-nav span.step-back {
float: left;
margin-left: 10px; }
.image-slider .slide-nav span.step-forward {
float: right;
margin-right: 10px; }
.image-slider .slide-nav a {
font-size: 34px;
background: none;
padding: 0;
position: static; }
.image-slider .slide-nav .counter {
position: static;
margin-top: 0.25em; } }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.custom h2 {
text-align: center; }
.custom p {
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center; }
.custom .custom-1-3 > div p, .custom .custom-1-2 > div p {
width: auto;
margin-left: 0;
margin-right: 0;
text-align: left; }
.custom .custom-1-3 > div *:last-child, .custom .custom-1-2 > div *:last-child {
margin-bottom: 0; }
.custom .custom-1-2 > div {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%; }
.custom .custom-1-2 > div:last-child {
margin-right: 0; }
.custom .custom-1-3 > div {
display: block;
float: left;
margin-right: 2.62404%;
width: 31.58397%; }
.custom .custom-1-3 > div:last-child {
margin-right: 0; } }
.list-grid-wrapper {
background: transparent;
margin-bottom: 0.9375em; }
.list-grid-wrapper .switch-wrapper {
display: none; }
.list-grid-wrapper h2 {
margin-bottom: 0;
font-family: sohogothicprolight;
font-weight: normal;
font-size: 1.5em;
padding-bottom: 0.625em;
border-top: solid 1px;
position: relative;
padding-right: 30px;
text-transform: none;
margin-bottom: 0.75em; }
.peach .list-grid-wrapper h2 {
border-bottom-color: #ff5736; }
.raspberry .list-grid-wrapper h2 {
border-bottom-color: #c62158; }
.plum .list-grid-wrapper h2 {
border-bottom-color: #a8437c; }
.aubergine .list-grid-wrapper h2 {
border-bottom-color: #8a5896; }
.blueberry .list-grid-wrapper h2 {
border-bottom-color: #6676af; }
.huckleberry .list-grid-wrapper h2 {
border-bottom-color: #3086bd; }
.peppermint .list-grid-wrapper h2 {
border-bottom-color: #2a97a1; }
.mint .list-grid-wrapper h2 {
border-bottom-color: #18a28a; }
.apple .list-grid-wrapper h2 {
border-bottom-color: #769a0a; }
.goldkiwi .list-grid-wrapper h2 {
border-bottom-color: #b08e07; }
.list-grid-wrapper h2:after {
content: "\e613";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-decoration: none;
position: absolute;
top: 6px;
right: 0;
font-size: 16px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'icomoon'; }
.peach .list-grid-wrapper h2:after {
color: #ff5736; }
.raspberry .list-grid-wrapper h2:after {
color: #c62158; }
.plum .list-grid-wrapper h2:after {
color: #a8437c; }
.aubergine .list-grid-wrapper h2:after {
color: #8a5896; }
.blueberry .list-grid-wrapper h2:after {
color: #6676af; }
.huckleberry .list-grid-wrapper h2:after {
color: #3086bd; }
.peppermint .list-grid-wrapper h2:after {
color: #2a97a1; }
.mint .list-grid-wrapper h2:after {
color: #18a28a; }
.apple .list-grid-wrapper h2:after {
color: #769a0a; }
.goldkiwi .list-grid-wrapper h2:after {
color: #b08e07; }
.list-grid-wrapper h2 a {
text-decoration: none; }
.list-grid-wrapper h2 a:hover {
cursor: pointer; }
.list-grid-wrapper .excerpt, .list-grid-wrapper img {
display: none; } /*jmc 18-7-16*/
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.list-grid-wrapper {
padding: 0;
opacity: 1; }
.list-grid-wrapper .lg-toolbar {
display: block; }
.list-grid-wrapper .lg-toolbar:after {
content: "";
display: table;
clear: both; }
.list-grid-wrapper .filter-group {
float: left; }
.list-grid-wrapper .filter-group.dd {
margin-right: 20px; }
/* jmc 9-6-15 */
.filter-group.dda {
margin-right: 20px; }
.list-grid-wrapper .switch-wrapper {
float: left;
margin: 0.75em 0;
clear: both;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.list-grid-wrapper .lg-items {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
.list-grid-wrapper .lg-items img {
display: block; }
.list-grid-wrapper .lg-items .lg-item {
position: relative; }
.list-grid-wrapper .lg-items.fade-out {
opacity: 0; }
.list-grid-wrapper .lg-items h2 {
border: none; }
.list-grid-wrapper .lg-items h2:after {
display: none; }
.list-grid-wrapper .lg-items.grid {
max-width: 75em;
margin-left: auto;
margin-right: auto; }
.list-grid-wrapper .lg-items.grid:after {
content: "";
display: table;
clear: both; }
.list-grid-wrapper .lg-items.grid .lg-item {
margin-bottom: 1.5em;
overflow: hidden;
float: left;
display: block;
margin-right: 1.0831%;
width: 49.45845%; }
.list-grid-wrapper .lg-items.grid .lg-item:last-child {
margin-right: 0; }
.list-grid-wrapper .lg-items.grid .lg-item:nth-child(2n) {
margin-right: 0; }
.list-grid-wrapper .lg-items.grid .lg-item:nth-child(2n+1) {
clear: left; }
.list-grid-wrapper .lg-items.grid .lg-header {
position: relative;
min-height: 110px; }
.list-grid-wrapper .lg-items.grid .lg-header h2 {
height: 100%;
width: 100%;
padding: 0;
position: absolute; }
.list-grid-wrapper .lg-items.grid .lg-header a {
position: absolute;
bottom: 0;
width: 100%;
padding: 0.75em 0.83333em;
background: #FFF;
min-height: 100%; }
.list-grid-wrapper .lg-items.grid .lg-item-body img {
height: auto;
width: 100%; }
.list-grid-wrapper .lg-items.grid .lg-item-body h2 {
text-transform: inherit;
margin-bottom: 0; }
.list-grid-wrapper .lg-items.list .lg-item {
background: #fff;
margin-bottom: 1.5em;
width: 100%;
background: #f6f4f4;
position: relative;
overflow: hidden;
height: 18.75em; }
.list-grid-wrapper .lg-items.list .lg-item:after {
content: "";
display: table;
clear: both; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body {
padding: 2.625em 2.625em;
float: left;
display: block;
margin-right: 1.0831%;
width: 57.88204%;
background: #fff;
position: relative;
height: 18.75em; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body:last-child {
margin-right: 0; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body img {
display: none; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body h2 {
margin-bottom: 0; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside {
float: left;
display: block;
margin-right: 1.0831%;
width: 41.03486%;
padding: 2.625em 0.75em 1.125em 4.375em;
float: right;
position: relative;
height: 18.75em;
overflow: hidden; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside:last-child {
margin-right: 0; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside ul {
margin: 0; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
font-size: 1.25em;
line-height: 1.5em;
padding-right: 10px;
font-family: sohogothicprolight; }
.peach .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.raspberry .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.plum .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.aubergine .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.blueberry .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.huckleberry .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.peppermint .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.mint .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.apple .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.goldkiwi .list-grid-wrapper .lg-items.list .lg-item .lg-aside h3 {
color: #656565; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside li {
background: none;
padding-left: 0;
margin-bottom: 0.42857em;
font-size: 0.75em;
line-height: 1.5em; }
.peach .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.raspberry .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.plum .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.aubergine .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.blueberry .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.huckleberry .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.peppermint .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.mint .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.apple .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.goldkiwi .list-grid-wrapper .lg-items.list .lg-item .lg-aside li a {
color: #656565; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside li a:hover {
text-decoration: none; }
.list-grid-wrapper .lg-items.list .lg-item .excerpt {
font-size: 0.875em;
line-height: 1.5em; }
.list-grid-wrapper .lg-items.list .lg-item ul, .list-grid-wrapper .lg-items.list .lg-item .excerpt {
display: block; }
.list-grid-wrapper .lg-items.list .lg-item:after {
position: absolute;
top: 50%;
left: 57.88204%;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-top: 155px solid transparent;
border-bottom: 155px solid transparent;
border-left: 30px solid transparent;
border-left-color: #fff;
margin-top: -155px; } }
@media screen and (min-width: 57.5em) {
.list-grid-wrapper .switch-wrapper {
float: right;
margin: 0;
clear: none; }
.list-grid-wrapper .lg-items.grid .lg-item {
float: left;
display: block;
margin-right: 1.0831%;
width: 24.18767%; }
.list-grid-wrapper .lg-items.grid .lg-item:last-child {
margin-right: 0; }
.list-grid-wrapper .lg-items.grid .lg-item:nth-child(2n) {
margin-right: 1.0831%; }
.list-grid-wrapper .lg-items.grid .lg-item:nth-child(2n+1) {
clear: none; }
.list-grid-wrapper .lg-items.grid .lg-item:nth-child(4n) {
margin-right: 0; }
.list-grid-wrapper .lg-items.grid .lg-item:nth-child(4n+1) {
clear: left; }
.list-grid-wrapper .lg-items.list .lg-item {
height: 16.875em; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body {
height: 16.875em;
float: left;
display: block;
margin-right: 1.0831%;
width: 66.30563%; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body:last-child {
margin-right: 0; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body a img {
overflow: hidden;
margin-right: 1.875em;
float: left;
width: 44%; }
.list-grid-wrapper .lg-items.list .lg-item .lg-item-body img {
display: block;
width: 100%;
height: auto; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside {
float: left;
display: block;
margin-right: 1.0831%;
width: 32.61127%;
height: 16.875em; }
.list-grid-wrapper .lg-items.list .lg-item .lg-aside:last-child {
margin-right: 0; }
.list-grid-wrapper .lg-items.list .lg-item:after {
left: 66.30563%; } }
/* vertical scrollbar */
.mCSB_container.mCS_no_scrollbar {
margin-right: 0; }
.mCustomScrollBox > .mCSB_scrollTools {
width: 11px;
height: 100%;
top: 0;
right: 0; }
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail {
width: 1px;
height: 100%;
margin: 0 auto; }
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 5px;
height: 100%;
margin: 0 auto;
text-align: center; }
.peach .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #ff5736; }
.raspberry .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #c62158; }
.plum .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #a8437c; }
.aubergine .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #8a5896; }
.blueberry .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #6676af; }
.huckleberry .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #3086bd; }
.peppermint .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #2a97a1; }
.mint .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #18a28a; }
.apple .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #769a0a; }
.goldkiwi .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #b08e07; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: relative;
height: 20px;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
postion: relative; }
.mCSB_scrollTools .mCSB_buttonDown {
top: 100%;
margin-top: -30px; }
.mCustomScrollBox {
-ms-touch-action: none;
/*MSPointer events - direct all pointer events to js*/ }
/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
/* old ie */ }
.mCustomScrollBox:hover > .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
/* old ie */ }
.mCSB_scrollTools .mCSB_draggerRail {
background: #656565; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #fff;
/* rgba fallback */
background: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
/* old ie */ }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
/* old ie */ }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
/* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp:before {
position: absolute;
top: 0px;
right: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid transparent;
border-bottom-color: #656565; }
.mCSB_scrollTools .mCSB_buttonDown:before {
position: absolute;
top: 0px;
right: 0px;
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid transparent;
border-top-color: #656565; }
.filters .filter-row {
margin-bottom: 1.5em;
width: 100%; }
.filters .filter-row:after {
content: "";
display: table;
clear: both; }
.filters .filter-group.pagination {
width: 100%; }
.filters .filter-group.pagination:after {
content: "";
display: table;
clear: both; }
.filters .filter-group.pagination .list-length {
display: none;
float: left;
font-size: 0.8125em;
line-height: 1.38462em;
margin-top: 0.1875em; }
.filters .filter-group.pagination .list-length a {
text-decoration: none;
margin: 0 0.38462em; }
.peach .filters .filter-group.pagination .list-length a {
color: #656565; }
.raspberry .filters .filter-group.pagination .list-length a {
color: #656565; }
.plum .filters .filter-group.pagination .list-length a {
color: #656565; }
.aubergine .filters .filter-group.pagination .list-length a {
color: #656565; }
.blueberry .filters .filter-group.pagination .list-length a {
color: #656565; }
.huckleberry .filters .filter-group.pagination .list-length a {
color: #656565; }
.peppermint .filters .filter-group.pagination .list-length a {
color: #656565; }
.mint .filters .filter-group.pagination .list-length a {
color: #656565; }
.apple .filters .filter-group.pagination .list-length a {
color: #656565; }
.goldkiwi .filters .filter-group.pagination .list-length a {
color: #656565; }
.filters .filter-group.pagination .list-length a:hover, .filters .filter-group.pagination .list-length a.selected {
font-weight: bold;
text-decoration: underline; }
.peach .filters .filter-group.pagination .list-length a:hover, .peach .filters .filter-group.pagination .list-length a.selected {
color: #ff5736; }
.raspberry .filters .filter-group.pagination .list-length a:hover, .raspberry .filters .filter-group.pagination .list-length a.selected {
color: #c62158; }
.plum .filters .filter-group.pagination .list-length a:hover, .plum .filters .filter-group.pagination .list-length a.selected {
color: #a8437c; }
.aubergine .filters .filter-group.pagination .list-length a:hover, .aubergine .filters .filter-group.pagination .list-length a.selected {
color: #8a5896; }
.blueberry .filters .filter-group.pagination .list-length a:hover, .blueberry .filters .filter-group.pagination .list-length a.selected {
color: #6676af; }
.huckleberry .filters .filter-group.pagination .list-length a:hover, .huckleberry .filters .filter-group.pagination .list-length a.selected {
color: #3086bd; }
.peppermint .filters .filter-group.pagination .list-length a:hover, .peppermint .filters .filter-group.pagination .list-length a.selected {
color: #2a97a1; }
.mint .filters .filter-group.pagination .list-length a:hover, .mint .filters .filter-group.pagination .list-length a.selected {
color: #18a28a; }
.apple .filters .filter-group.pagination .list-length a:hover, .apple .filters .filter-group.pagination .list-length a.selected {
color: #769a0a; }
.goldkiwi .filters .filter-group.pagination .list-length a:hover, .goldkiwi .filters .filter-group.pagination .list-length a.selected {
color: #b08e07; }
.filters .filter-group.pagination .pages {
float: right; }
.filters .filter-group.pagination .pages .button, .filters .filter-group.pagination .pages a.button-link {
padding: 0.14286em 0.5em; }
.filters .filter-group.pagination .pages a:last-child {
margin-right: 0; }
.filters .filter-group.pagination div {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.filters .filter-group .btn-dd {
margin-bottom: 0.375em;
position: relative; }
.filters .filter-group .btn-dd .button, .filters .filter-group .btn-dd a.button-link {
padding-right: 30px;
position: relative;
width: 100%;
margin-bottom: 0; }
.filters .filter-group .btn-dd .button:hover:after, .filters .filter-group .btn-dd a.button-link:hover:after {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid transparent;
border-top-color: #fff; }
.filters .filter-group .btn-dd .button:after, .filters .filter-group .btn-dd a.button-link:after {
content: "";
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid transparent;
border-top-color: #656565;
position: absolute;
right: 8px;
top: 14px; }
.filters .filter-group .btn-dd.open > .btn-dd-items {
display: block; }
.filters .filter-group .btn-dd .btn-dd-items {
position: absolute;
top: 100%;
left: auto;
z-index: 180;
display: none;
float: left;
min-width: 180px;
width: 100%;
padding: 0;
margin: 3px 0 0;
list-style: none;
border-radius: 3px;
background-clip: padding-box;
font-size: 0.875em;
line-height: 1.5em; }
.peach .filters .filter-group .btn-dd .btn-dd-items {
background-color: #ffd5c8; }
.raspberry .filters .filter-group .btn-dd .btn-dd-items {
background-color: #f0a5b6; }
.plum .filters .filter-group .btn-dd .btn-dd-items {
background-color: #d493b7; }
.aubergine .filters .filter-group .btn-dd .btn-dd-items {
background-color: #c0a3c9; }
.blueberry .filters .filter-group .btn-dd .btn-dd-items {
background-color: #8e9ac4; }
.huckleberry .filters .filter-group .btn-dd .btn-dd-items {
background-color: #86bfe0; }
.peppermint .filters .filter-group .btn-dd .btn-dd-items {
background-color: #6acfd8; }
.mint .filters .filter-group .btn-dd .btn-dd-items {
background-color: #65cfbe; }
.apple .filters .filter-group .btn-dd .btn-dd-items {
background-color: #b4cd40; }
.goldkiwi .filters .filter-group .btn-dd .btn-dd-items {
background-color: #dfc86f; }
.filters .filter-group .btn-dd .btn-dd-items li {
border-bottom: 1px solid #fff;
background: none;
padding: 0; }
.filters .filter-group .btn-dd .btn-dd-items li:last-child {
border-bottom: none; }
.filters .filter-group .btn-dd .btn-dd-items li:hover, .filters .filter-group .btn-dd .btn-dd-items li.selected {
cursor: pointer; }
.peach .filters .filter-group .btn-dd .btn-dd-items li:hover, .peach .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #ff5736; }
.raspberry .filters .filter-group .btn-dd .btn-dd-items li:hover, .raspberry .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #c62158; }
.plum .filters .filter-group .btn-dd .btn-dd-items li:hover, .plum .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #a8437c; }
.aubergine .filters .filter-group .btn-dd .btn-dd-items li:hover, .aubergine .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #8a5896; }
.blueberry .filters .filter-group .btn-dd .btn-dd-items li:hover, .blueberry .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #6676af; }
.huckleberry .filters .filter-group .btn-dd .btn-dd-items li:hover, .huckleberry .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #3086bd; }
.peppermint .filters .filter-group .btn-dd .btn-dd-items li:hover, .peppermint .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #2a97a1; }
.mint .filters .filter-group .btn-dd .btn-dd-items li:hover, .mint .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #18a28a; }
.apple .filters .filter-group .btn-dd .btn-dd-items li:hover, .apple .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #769a0a; }
.goldkiwi .filters .filter-group .btn-dd .btn-dd-items li:hover, .goldkiwi .filters .filter-group .btn-dd .btn-dd-items li.selected {
background-color: #b08e07; }
.peach .filters .filter-group .btn-dd .btn-dd-items li:hover a, .peach .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.raspberry .filters .filter-group .btn-dd .btn-dd-items li:hover a, .raspberry .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.plum .filters .filter-group .btn-dd .btn-dd-items li:hover a, .plum .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.aubergine .filters .filter-group .btn-dd .btn-dd-items li:hover a, .aubergine .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.blueberry .filters .filter-group .btn-dd .btn-dd-items li:hover a, .blueberry .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.huckleberry .filters .filter-group .btn-dd .btn-dd-items li:hover a, .huckleberry .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.peppermint .filters .filter-group .btn-dd .btn-dd-items li:hover a, .peppermint .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.mint .filters .filter-group .btn-dd .btn-dd-items li:hover a, .mint .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.apple .filters .filter-group .btn-dd .btn-dd-items li:hover a, .apple .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.goldkiwi .filters .filter-group .btn-dd .btn-dd-items li:hover a, .goldkiwi .filters .filter-group .btn-dd .btn-dd-items li.selected a {
color: #fff; }
.filters .filter-group .btn-dd .btn-dd-items li a {
text-decoration: none;
padding: 0.42857em 1.42857em;
display: block; }
.filters .filter-group .button, .filters .filter-group a.button-link {
border: 0;
padding: 0.42857em 0.85714em 0.42857em;
margin-right: 4px; }
.peach .filters .filter-group .button, .peach .filters .filter-group a.button-link {
color: #656565; }
.raspberry .filters .filter-group .button, .raspberry .filters .filter-group a.button-link {
color: #656565; }
.plum .filters .filter-group .button, .plum .filters .filter-group a.button-link {
color: #656565; }
.aubergine .filters .filter-group .button, .aubergine .filters .filter-group a.button-link {
color: #656565; }
.blueberry .filters .filter-group .button, .blueberry .filters .filter-group a.button-link {
color: #656565; }
.huckleberry .filters .filter-group .button, .huckleberry .filters .filter-group a.button-link {
color: #656565; }
.peppermint .filters .filter-group .button, .peppermint .filters .filter-group a.button-link {
color: #656565; }
.mint .filters .filter-group .button, .mint .filters .filter-group a.button-link {
color: #656565; }
.apple .filters .filter-group .button, .apple .filters .filter-group a.button-link {
color: #656565; }
.goldkiwi .filters .filter-group .button, .goldkiwi .filters .filter-group a.button-link {
color: #656565; }
.peach .filters .filter-group .button, .peach .filters .filter-group a.button-link {
background-color: #eaeaea; }
.raspberry .filters .filter-group .button, .raspberry .filters .filter-group a.button-link {
background-color: #eaeaea; }
.plum .filters .filter-group .button, .plum .filters .filter-group a.button-link {
background-color: #eaeaea; }
.aubergine .filters .filter-group .button, .aubergine .filters .filter-group a.button-link {
background-color: #eaeaea; }
.blueberry .filters .filter-group .button, .blueberry .filters .filter-group a.button-link {
background-color: #eaeaea; }
.huckleberry .filters .filter-group .button, .huckleberry .filters .filter-group a.button-link {
background-color: #eaeaea; }
.peppermint .filters .filter-group .button, .peppermint .filters .filter-group a.button-link {
background-color: #eaeaea; }
.mint .filters .filter-group .button, .mint .filters .filter-group a.button-link {
background-color: #eaeaea; }
.apple .filters .filter-group .button, .apple .filters .filter-group a.button-link {
background-color: #eaeaea; }
.goldkiwi .filters .filter-group .button, .goldkiwi .filters .filter-group a.button-link {
background-color: #eaeaea; }
.filters .filter-group .button[class*='icon'], .filters .filter-group a[class*='icon'].button-link {
background-image: none !important;
border-radius: 3px;
padding-right: 30px; }
.peach .filters .filter-group .button[class*='icon'], .peach .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.raspberry .filters .filter-group .button[class*='icon'], .raspberry .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.plum .filters .filter-group .button[class*='icon'], .plum .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.aubergine .filters .filter-group .button[class*='icon'], .aubergine .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.blueberry .filters .filter-group .button[class*='icon'], .blueberry .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.huckleberry .filters .filter-group .button[class*='icon'], .huckleberry .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.peppermint .filters .filter-group .button[class*='icon'], .peppermint .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.mint .filters .filter-group .button[class*='icon'], .mint .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.apple .filters .filter-group .button[class*='icon'], .apple .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.goldkiwi .filters .filter-group .button[class*='icon'], .goldkiwi .filters .filter-group a[class*='icon'].button-link {
background-color: #fff; }
.filters .filter-group .button[class*='icon']:before, .filters .filter-group a[class*='icon'].button-link:before {
display: none; }
.filters .filter-group .button[class*='icon']:after, .filters .filter-group a[class*='icon'].button-link:after {
position: absolute;
right: 8px;
top: 7px; }
.peach .filters .filter-group .button.selected, .peach .filters .filter-group a.selected.button-link {
color: #fff; }
.raspberry .filters .filter-group .button.selected, .raspberry .filters .filter-group a.selected.button-link {
color: #fff; }
.plum .filters .filter-group .button.selected, .plum .filters .filter-group a.selected.button-link {
color: #fff; }
.aubergine .filters .filter-group .button.selected, .aubergine .filters .filter-group a.selected.button-link {
color: #fff; }
.blueberry .filters .filter-group .button.selected, .blueberry .filters .filter-group a.selected.button-link {
color: #fff; }
.huckleberry .filters .filter-group .button.selected, .huckleberry .filters .filter-group a.selected.button-link {
color: #fff; }
.peppermint .filters .filter-group .button.selected, .peppermint .filters .filter-group a.selected.button-link {
color: #fff; }
.mint .filters .filter-group .button.selected, .mint .filters .filter-group a.selected.button-link {
color: #fff; }
.apple .filters .filter-group .button.selected, .apple .filters .filter-group a.selected.button-link {
color: #fff; }
.goldkiwi .filters .filter-group .button.selected, .goldkiwi .filters .filter-group a.selected.button-link {
color: #fff; }
.peach .filters .filter-group .button.selected, .peach .filters .filter-group a.selected.button-link {
background-color: #ff5736; }
.raspberry .filters .filter-group .button.selected, .raspberry .filters .filter-group a.selected.button-link {
background-color: #c62158; }
.plum .filters .filter-group .button.selected, .plum .filters .filter-group a.selected.button-link {
background-color: #a8437c; }
.aubergine .filters .filter-group .button.selected, .aubergine .filters .filter-group a.selected.button-link {
background-color: #8a5896; }
.blueberry .filters .filter-group .button.selected, .blueberry .filters .filter-group a.selected.button-link {
background-color: #6676af; }
.huckleberry .filters .filter-group .button.selected, .huckleberry .filters .filter-group a.selected.button-link {
background-color: #3086bd; }
.peppermint .filters .filter-group .button.selected, .peppermint .filters .filter-group a.selected.button-link {
background-color: #2a97a1; }
.mint .filters .filter-group .button.selected, .mint .filters .filter-group a.selected.button-link {
background-color: #18a28a; }
.apple .filters .filter-group .button.selected, .apple .filters .filter-group a.selected.button-link {
background-color: #769a0a; }
.goldkiwi .filters .filter-group .button.selected, .goldkiwi .filters .filter-group a.selected.button-link {
background-color: #b08e07; }
.peach .filters .filter-group .button:hover, .peach .filters .filter-group a.button-link:hover {
color: #fff; }
.raspberry .filters .filter-group .button:hover, .raspberry .filters .filter-group a.button-link:hover {
color: #fff; }
.plum .filters .filter-group .button:hover, .plum .filters .filter-group a.button-link:hover {
color: #fff; }
.aubergine .filters .filter-group .button:hover, .aubergine .filters .filter-group a.button-link:hover {
color: #fff; }
.blueberry .filters .filter-group .button:hover, .blueberry .filters .filter-group a.button-link:hover {
color: #fff; }
.huckleberry .filters .filter-group .button:hover, .huckleberry .filters .filter-group a.button-link:hover {
color: #fff; }
.peppermint .filters .filter-group .button:hover, .peppermint .filters .filter-group a.button-link:hover {
color: #fff; }
.mint .filters .filter-group .button:hover, .mint .filters .filter-group a.button-link:hover {
color: #fff; }
.apple .filters .filter-group .button:hover, .apple .filters .filter-group a.button-link:hover {
color: #fff; }
.goldkiwi .filters .filter-group .button:hover, .goldkiwi .filters .filter-group a.button-link:hover {
color: #fff; }
.peach .filters .filter-group .button:hover, .peach .filters .filter-group a.button-link:hover {
background-color: #ff5736; }
.raspberry .filters .filter-group .button:hover, .raspberry .filters .filter-group a.button-link:hover {
background-color: #c62158; }
.plum .filters .filter-group .button:hover, .plum .filters .filter-group a.button-link:hover {
background-color: #a8437c; }
.aubergine .filters .filter-group .button:hover, .aubergine .filters .filter-group a.button-link:hover {
background-color: #8a5896; }
.blueberry .filters .filter-group .button:hover, .blueberry .filters .filter-group a.button-link:hover {
background-color: #6676af; }
.huckleberry .filters .filter-group .button:hover, .huckleberry .filters .filter-group a.button-link:hover {
background-color: #3086bd; }
.peppermint .filters .filter-group .button:hover, .peppermint .filters .filter-group a.button-link:hover {
background-color: #2a97a1; }
.mint .filters .filter-group .button:hover, .mint .filters .filter-group a.button-link:hover {
background-color: #18a28a; }
.apple .filters .filter-group .button:hover, .apple .filters .filter-group a.button-link:hover {
background-color: #769a0a; }
.goldkiwi .filters .filter-group .button:hover, .goldkiwi .filters .filter-group a.button-link:hover {
background-color: #b08e07; }
.filters .filter-group div:last-child {
margin-right: 0; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.filters {
/*------------------------------------*\
IE7
\*------------------------------------*/ }
.filters .btn-dd {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin-right: 4px;
margin-bottom: 0;
position: static; }
.filters .btn-dd .button, .filters .btn-dd a.button-link {
width: auto; }
.filters .btn-dd .btn-dd-items {
width: auto;
max-height: 340px;
overflow-y: auto; }
.filters .btn-dd .dd-block {
float: left; }
.filters .btn-dd .dd-block li {
min-width: 60px; }
.filters .filter-group {
position: relative; }
.filters .filter-group.pagination div {
vertical-align: middle; }
.peach .filters.reversed .button, .peach .filters.reversed a.button-link {
background-color: #fff; }
.raspberry .filters.reversed .button, .raspberry .filters.reversed a.button-link {
background-color: #fff; }
.plum .filters.reversed .button, .plum .filters.reversed a.button-link {
background-color: #fff; }
.aubergine .filters.reversed .button, .aubergine .filters.reversed a.button-link {
background-color: #fff; }
.blueberry .filters.reversed .button, .blueberry .filters.reversed a.button-link {
background-color: #fff; }
.huckleberry .filters.reversed .button, .huckleberry .filters.reversed a.button-link {
background-color: #fff; }
.peppermint .filters.reversed .button, .peppermint .filters.reversed a.button-link {
background-color: #fff; }
.mint .filters.reversed .button, .mint .filters.reversed a.button-link {
background-color: #fff; }
.apple .filters.reversed .button, .apple .filters.reversed a.button-link {
background-color: #fff; }
.goldkiwi .filters.reversed .button, .goldkiwi .filters.reversed a.button-link {
background-color: #fff; }
.peach .filters.reversed .button.selected, .peach .filters.reversed a.selected.button-link {
color: #fff; }
.raspberry .filters.reversed .button.selected, .raspberry .filters.reversed a.selected.button-link {
color: #fff; }
.plum .filters.reversed .button.selected, .plum .filters.reversed a.selected.button-link {
color: #fff; }
.aubergine .filters.reversed .button.selected, .aubergine .filters.reversed a.selected.button-link {
color: #fff; }
.blueberry .filters.reversed .button.selected, .blueberry .filters.reversed a.selected.button-link {
color: #fff; }
.huckleberry .filters.reversed .button.selected, .huckleberry .filters.reversed a.selected.button-link {
color: #fff; }
.peppermint .filters.reversed .button.selected, .peppermint .filters.reversed a.selected.button-link {
color: #fff; }
.mint .filters.reversed .button.selected, .mint .filters.reversed a.selected.button-link {
color: #fff; }
.apple .filters.reversed .button.selected, .apple .filters.reversed a.selected.button-link {
color: #fff; }
.goldkiwi .filters.reversed .button.selected, .goldkiwi .filters.reversed a.selected.button-link {
color: #fff; }
.peach .filters.reversed .button.selected, .peach .filters.reversed a.selected.button-link {
background-color: #ff5736; }
.raspberry .filters.reversed .button.selected, .raspberry .filters.reversed a.selected.button-link {
background-color: #c62158; }
.plum .filters.reversed .button.selected, .plum .filters.reversed a.selected.button-link {
background-color: #a8437c; }
.aubergine .filters.reversed .button.selected, .aubergine .filters.reversed a.selected.button-link {
background-color: #8a5896; }
.blueberry .filters.reversed .button.selected, .blueberry .filters.reversed a.selected.button-link {
background-color: #6676af; }
.huckleberry .filters.reversed .button.selected, .huckleberry .filters.reversed a.selected.button-link {
background-color: #3086bd; }
.peppermint .filters.reversed .button.selected, .peppermint .filters.reversed a.selected.button-link {
background-color: #2a97a1; }
.mint .filters.reversed .button.selected, .mint .filters.reversed a.selected.button-link {
background-color: #18a28a; }
.apple .filters.reversed .button.selected, .apple .filters.reversed a.selected.button-link {
background-color: #769a0a; }
.goldkiwi .filters.reversed .button.selected, .goldkiwi .filters.reversed a.selected.button-link {
background-color: #b08e07; }
.peach .filters.reversed .button:hover, .peach .filters.reversed a.button-link:hover {
color: #fff; }
.raspberry .filters.reversed .button:hover, .raspberry .filters.reversed a.button-link:hover {
color: #fff; }
.plum .filters.reversed .button:hover, .plum .filters.reversed a.button-link:hover {
color: #fff; }
.aubergine .filters.reversed .button:hover, .aubergine .filters.reversed a.button-link:hover {
color: #fff; }
.blueberry .filters.reversed .button:hover, .blueberry .filters.reversed a.button-link:hover {
color: #fff; }
.huckleberry .filters.reversed .button:hover, .huckleberry .filters.reversed a.button-link:hover {
color: #fff; }
.peppermint .filters.reversed .button:hover, .peppermint .filters.reversed a.button-link:hover {
color: #fff; }
.mint .filters.reversed .button:hover, .mint .filters.reversed a.button-link:hover {
color: #fff; }
.apple .filters.reversed .button:hover, .apple .filters.reversed a.button-link:hover {
color: #fff; }
.goldkiwi .filters.reversed .button:hover, .goldkiwi .filters.reversed a.button-link:hover {
color: #fff; }
.peach .filters.reversed .button:hover, .peach .filters.reversed a.button-link:hover {
background-color: #ff5736; }
.raspberry .filters.reversed .button:hover, .raspberry .filters.reversed a.button-link:hover {
background-color: #c62158; }
.plum .filters.reversed .button:hover, .plum .filters.reversed a.button-link:hover {
background-color: #a8437c; }
.aubergine .filters.reversed .button:hover, .aubergine .filters.reversed a.button-link:hover {
background-color: #8a5896; }
.blueberry .filters.reversed .button:hover, .blueberry .filters.reversed a.button-link:hover {
background-color: #6676af; }
.huckleberry .filters.reversed .button:hover, .huckleberry .filters.reversed a.button-link:hover {
background-color: #3086bd; }
.peppermint .filters.reversed .button:hover, .peppermint .filters.reversed a.button-link:hover {
background-color: #2a97a1; }
.mint .filters.reversed .button:hover, .mint .filters.reversed a.button-link:hover {
background-color: #18a28a; }
.apple .filters.reversed .button:hover, .apple .filters.reversed a.button-link:hover {
background-color: #769a0a; }
.goldkiwi .filters.reversed .button:hover, .goldkiwi .filters.reversed a.button-link:hover {
background-color: #b08e07; }
.lt-ie8 .filters {
position: relative;
z-index: 180; }
.lt-ie8 .filters .btn-dd .btn-dd-items {
left: 0; } }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 57.5em) {
.filters .filter-group.pagination .list-length {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; } }
.staff-details {
margin-bottom: 3em; }
.staff-details .staff-role, .staff-details .staff-department {
font-family: sohogothicprolight; }
.staff-details .staff-department {
font-size: 0.875em;
line-height: 1.5em; }
.staff-details .staff-meta {
font-size: 0.875em;
line-height: 1.5em; }
.staff-details .button, .staff-details a.button-link {
margin: 1.125em 0;
width: 100%;
text-align: center; }
.staff-details h1 {
margin-bottom: 0; }
.peach .staff-details strong {
color: #ff5736; }
.raspberry .staff-details strong {
color: #c62158; }
.plum .staff-details strong {
color: #a8437c; }
.aubergine .staff-details strong {
color: #8a5896; }
.blueberry .staff-details strong {
color: #6676af; }
.huckleberry .staff-details strong {
color: #3086bd; }
.peppermint .staff-details strong {
color: #2a97a1; }
.mint .staff-details strong {
color: #18a28a; }
.apple .staff-details strong {
color: #769a0a; }
.goldkiwi .staff-details strong {
color: #b08e07; }
.staff-details img {
margin: 1.125em 0;
height: 200px;
width: auto; }
.staff-details .tel {
font-weight: bold;
text-decoration: none; }
.peach .staff-details .tel {
color: #656565; }
.raspberry .staff-details .tel {
color: #656565; }
.plum .staff-details .tel {
color: #656565; }
.aubergine .staff-details .tel {
color: #656565; }
.blueberry .staff-details .tel {
color: #656565; }
.huckleberry .staff-details .tel {
color: #656565; }
.peppermint .staff-details .tel {
color: #656565; }
.mint .staff-details .tel {
color: #656565; }
.apple .staff-details .tel {
color: #656565; }
.goldkiwi .staff-details .tel {
color: #656565; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.staff-details {
position: relative; }
.staff-details .staff-meta, .staff-details .staff-role, .staff-details .staff-department {
max-width: 60%; }
.staff-details .staff-role {
font-size: 1.25em;
line-height: 1.5em; }
.staff-details .staff-department {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1.5em; }
.staff-details .staff-meta {
font-size: 1em;
line-height: 1.5em; }
.staff-details .button, .staff-details a.button-link {
width: inherit;
margin: 1.875em 0; }
.staff-details img {
height: auto;
position: absolute;
top: 0;
right: 0; } }
.search-results h4 {
margin-bottom: 0; }
.search-results h4 a {
text-decoration: underline; }
.search-results a {
text-decoration: none; }
.search-results p {
font-size: 0.875em; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.search-results h4 {
font-size: 1.125em;
line-height: 1.33333em; } }
.faqs li {
margin-bottom: 0.1875em; }
.faqs a {
text-decoration: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.faqs li {
margin-bottom: 0.375em; }
.faqs a:hover {
text-decoration: underline; } }
.article-share {
position: relative;
padding: 0 15px 1.5em;
background: #fff; }
.article-share h3, .article-share ul {
margin: 0;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
vertical-align: middle; }
.article-share h3 {
margin-right: 1.25em;
font-family: sohogothicprolight;
font-size: 1em;
line-height: 1.5em; }
.peach .article-share h3 {
color: #656565; }
.raspberry .article-share h3 {
color: #656565; }
.plum .article-share h3 {
color: #656565; }
.aubergine .article-share h3 {
color: #656565; }
.blueberry .article-share h3 {
color: #656565; }
.huckleberry .article-share h3 {
color: #656565; }
.peppermint .article-share h3 {
color: #656565; }
.mint .article-share h3 {
color: #656565; }
.apple .article-share h3 {
color: #656565; }
.goldkiwi .article-share h3 {
color: #656565; }
.article-share li {
padding: 0;
list-style-type: none;
vertical-align: middle;
margin: 0 14px 0 0;
background: none;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.article-share li:last-of-type {
margin-right: 0; }
.article-share a {
display: block;
text-decoration: none;
font-size: 2.57143em;
color: #a5a5a5;
padding-top: 1px; }
.article-share a:before {
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out; }
.peach .article-share a:before {
color: #ca2c0d; }
.raspberry .article-share a:before {
color: #9c0b3b; }
.plum .article-share a:before {
color: #802257; }
.aubergine .article-share a:before {
color: #673573; }
.blueberry .article-share a:before {
color: #2e3d79; }
.huckleberry .article-share a:before {
color: #146090; }
.peppermint .article-share a:before {
color: #156269; }
.mint .article-share a:before {
color: #0c7361; }
.apple .article-share a:before {
color: #476b0f; }
.goldkiwi .article-share a:before {
color: #7f6501; }
.peach .article-share a:hover:before {
color: #ff5736; }
.raspberry .article-share a:hover:before {
color: #c62158; }
.plum .article-share a:hover:before {
color: #a8437c; }
.aubergine .article-share a:hover:before {
color: #8a5896; }
.blueberry .article-share a:hover:before {
color: #6676af; }
.huckleberry .article-share a:hover:before {
color: #3086bd; }
.peppermint .article-share a:hover:before {
color: #2a97a1; }
.mint .article-share a:hover:before {
color: #18a28a; }
.apple .article-share a:hover:before {
color: #769a0a; }
.goldkiwi .article-share a:hover:before {
color: #b08e07; }
.article-share a span {
display: none; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.article-footer .article-share {
background: transparent;
padding-left: 0;
padding: 0 0.625em; }
.article-footer .article-share h3 {
display: none; }
.article-footer .article-share a {
margin-right: 0.625em;
display: block;
color: #656565;
font-size: 0.8125em;
line-height: 1.38462em;
line-height: 2.15385em; }
.article-footer .article-share a span {
display: inline;
vertical-align: top; }
.article-footer .article-share a:before {
font-size: 26px;
vertical-align: middle;
margin-right: 0.3125em;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto; }
.peach .article-footer .article-share a:hover {
color: #a61801; }
.raspberry .article-footer .article-share a:hover {
color: #7c032b; }
.plum .article-footer .article-share a:hover {
color: #631541; }
.aubergine .article-footer .article-share a:hover {
color: #511f5d; }
.blueberry .article-footer .article-share a:hover {
color: #14235b; }
.huckleberry .article-footer .article-share a:hover {
color: #01446e; }
.peppermint .article-footer .article-share a:hover {
color: #014a51; }
.mint .article-footer .article-share a:hover {
color: #014d40; }
.apple .article-footer .article-share a:hover {
color: #325409; }
.goldkiwi .article-footer .article-share a:hover {
color: #5c4a02; }
.article-footer .article-share:after {
display: none; }
.article-footer.center {
width: 100%;
text-align: center; } }
@media screen and (min-width: 75em) {
.article-share {
padding: 0;
display: block;
float: left;
margin-right: 2.62404%;
width: 74.34399%; }
.article-share:last-child {
margin-right: 0; } }
.article-footer:after {
content: "";
display: table;
clear: both; }
.article-footer .article-meta {
display: none; }
.article-meta {
color: #656565;
padding: 0;
font-size: 0.8125em;
line-height: 1.38462em;
margin-bottom: 1.38462em;
display: block; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (min-width: 48.0625em) {
.article-footer {
margin: 0 0 3.75em; }
.article-footer.center .article-share {
width: 100%; }
.article-share {
display: block;
float: left;
margin-right: 2.62404%;
width: 100%;
padding: 0; }
.article-share:last-child {
margin-right: 0; } }
@media screen and (min-width: 75em) {
.article-footer .article-meta {
color: #656565;
padding: 0;
text-align: right;
display: block;
float: left;
margin-right: 2.62404%;
width: 23.03197%;
font-size: 0.8125em;
line-height: 1.38462em; }
.article-footer .article-meta:last-child {
margin-right: 0; }
.article-share {
display: block;
float: left;
margin-right: 2.62404%;
width: 74.34399%; }
.article-share:last-child {
margin-right: 0; } }
div.footer-cta-row {
background: #fff;
padding: 0.75em 4%;
margin: 0 -5px;
background: #eaeaea;
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
div.footer-cta-row:after {
content: "";
display: table;
clear: both; }
div.footer-cta-row h2 {
margin: 0.25em 0 0.5em;
text-align: center;
text-transform: uppercase; }
.peach div.footer-cta-row h2 {
color: #656565; }
.raspberry div.footer-cta-row h2 {
color: #656565; }
.plum div.footer-cta-row h2 {
color: #656565; }
.aubergine div.footer-cta-row h2 {
color: #656565; }
.blueberry div.footer-cta-row h2 {
color: #656565; }
.huckleberry div.footer-cta-row h2 {
color: #656565; }
.peppermint div.footer-cta-row h2 {
color: #656565; }
.mint div.footer-cta-row h2 {
color: #656565; }
.apple div.footer-cta-row h2 {
color: #656565; }
.goldkiwi div.footer-cta-row h2 {
color: #656565; }
div.footer-cta-row .button, div.footer-cta-row a.button-link {
text-align: center;
clear: both;
display: block;
margin: 1em auto; }
div.footer-cta-row .cta-panel .cta-body {
background: #fff; }
@media screen and (min-width: 48.0625em) {
div.footer-cta-row {
padding: 0.75em 0 0.375em;
margin: 0 0 3.75em;
background: #eaeaea; }
div.footer-cta-row .header-side-lines {
display: block; }
div.footer-cta-row .header-side-lines span {
background: #eaeaea; }
div.footer-cta-row h2 {
margin: 0 0 1.33333em; }
div.footer-cta-row .button, div.footer-cta-row a.button-link {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%;
margin-left: 25.27078%; }
div.footer-cta-row .button:last-child, div.footer-cta-row a.button-link:last-child {
margin-right: 0; }
div.footer-cta-row div.cta-panel {
padding: 0.375em 0.3125em 0; } }
@media screen and (min-width: 75em) {
div.footer-cta-row {
padding: 0; } }
.footer {
padding: 1.5em 15px;
height: 100%; }
.peach .footer {
background-color: #a61801; }
.raspberry .footer {
background-color: #7c032b; }
.plum .footer {
background-color: #631541; }
.aubergine .footer {
background-color: #511f5d; }
.blueberry .footer {
background-color: #14235b; }
.huckleberry .footer {
background-color: #01446e; }
.peppermint .footer {
background-color: #014a51; }
.mint .footer {
background-color: #014d40; }
.apple .footer {
background-color: #325409; }
.goldkiwi .footer {
background-color: #5c4a02; }
.footer .footer-block {
padding: 1.25em;
text-align: center;
border-bottom: solid 1px;
margin-bottom: 0;
display: block; }
.peach .footer .footer-block {
border-bottom-color: #ffd5c8; }
.raspberry .footer .footer-block {
border-bottom-color: #f0a5b6; }
.plum .footer .footer-block {
border-bottom-color: #d493b7; }
.aubergine .footer .footer-block {
border-bottom-color: #c0a3c9; }
.blueberry .footer .footer-block {
border-bottom-color: #8e9ac4; }
.huckleberry .footer .footer-block {
border-bottom-color: #86bfe0; }
.peppermint .footer .footer-block {
border-bottom-color: #6acfd8; }
.mint .footer .footer-block {
border-bottom-color: #65cfbe; }
.apple .footer .footer-block {
border-bottom-color: #b4cd40; }
.goldkiwi .footer .footer-block {
border-bottom-color: #dfc86f; }
.footer .footer-block:after {
content: "";
display: table;
clear: both; }
.footer .footer-block h2 {
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 1.5em;
line-height: 1.25em;
margin-top: 0;
margin-bottom: 0.75em; }
.footer .footer-block img {
display: none; }
.footer .footer-links-blocks {
display: block;
padding-top: 0; }
.footer .footer-links-blocks:after {
content: "";
display: table;
clear: both; }
.footer .footer-links-block {
position: relative;
margin-top: 0.625em;
width: 12.5em;
margin: 0 auto;
margin-bottom: 1.5em;
line-height: 1; }
.footer .footer-links-block:last-child {
margin-bottom: 0; }
.footer .footer-links-block:before {
position: absolute;
font-size: 2.25em;
line-height: 1.16667em;
left: 0;
top: -2px; }
.peach .footer .footer-links-block:before {
color: #ffd5c8; }
.raspberry .footer .footer-links-block:before {
color: #f0a5b6; }
.plum .footer .footer-links-block:before {
color: #d493b7; }
.aubergine .footer .footer-links-block:before {
color: #c0a3c9; }
.blueberry .footer .footer-links-block:before {
color: #8e9ac4; }
.huckleberry .footer .footer-links-block:before {
color: #86bfe0; }
.peppermint .footer .footer-links-block:before {
color: #6acfd8; }
.mint .footer .footer-links-block:before {
color: #65cfbe; }
.apple .footer .footer-links-block:before {
color: #b4cd40; }
.goldkiwi .footer .footer-links-block:before {
color: #dfc86f; }
.footer .footer-links-block.icon-map {
padding-left: 3.125em; }
.footer .footer-links-block.icon-map .footer-links-block-details {
text-align: left; }
.footer .footer-links-block-details {
text-align: center; }
.footer .footer-links-block-details a {
font-size: 0.75em;
line-height: 1.5em;
text-decoration: none;
color: #fff; }
.footer .footer-links-block-details a span {
font-weight: bold;
text-transform: uppercase;
display: block;
font-family: sohogothicprolight;
font-size: 1.5em;
line-height: 1.33333em;
margin-top: 0.33333em; }
.footer .footer-links-block-details a .footer-cta-link {
text-decoration: underline;
font-size: 1.16667em;
margin-top: 0.5em;
font-family: inherit;
font-weight: normal;
text-transform: inherit; }
.footer .contact-body {
margin: 0 auto;
text-align: center;
font-family: sohogothicprolight; }
.footer .contact-body a {
display: block;
color: #fff; }
.footer .tel {
font-size: 2.25em;
text-decoration: none;
line-height: 1;
margin-bottom: 0.16667em; }
.footer .mail {
text-decoration: none;
font-size: 1.3125em;
line-height: 1.28571em; }
.footer .social-bar {
display: block;
margin-bottom: 1.125em; }
.footer .social-bar:after {
content: "";
display: table;
clear: both; }
.footer .social-bar nav a:last-child {
margin-right: 0; }
.footer .social-bar a {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
width: 2.625em;
margin: 0 2.5% 0 0;
text-align: left;
text-decoration: none; }
.peach .footer .social-bar a {
color: #ffd5c8; }
.raspberry .footer .social-bar a {
color: #f0a5b6; }
.plum .footer .social-bar a {
color: #d493b7; }
.aubergine .footer .social-bar a {
color: #c0a3c9; }
.blueberry .footer .social-bar a {
color: #8e9ac4; }
.huckleberry .footer .social-bar a {
color: #86bfe0; }
.peppermint .footer .social-bar a {
color: #6acfd8; }
.mint .footer .social-bar a {
color: #65cfbe; }
.apple .footer .social-bar a {
color: #b4cd40; }
.goldkiwi .footer .social-bar a {
color: #dfc86f; }
.footer .social-bar a:before {
font-size: 2.5em;
padding-right: 10px; }
.footer .social-bar a span {
display: none; }
.footer .nav-footer {
display: none; }
.footer .nav-footer li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin: 0.125em 0.625em; }
.footer .nav-footer li a {
font-size: 0.875em;
line-height: 1.5em; }
.footer .nav-footer-global {
text-align: center;
margin-bottom: 1.125em; }
.footer .nav-footer-global li {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin: 0.125em 0.625em; }
.footer .nav-footer-global li a {
font-size: 0.875em;
line-height: 1.5em; }
.peach .footer .nav-footer-global li a {
color: #ffd5c8; }
.raspberry .footer .nav-footer-global li a {
color: #f0a5b6; }
.plum .footer .nav-footer-global li a {
color: #d493b7; }
.aubergine .footer .nav-footer-global li a {
color: #c0a3c9; }
.blueberry .footer .nav-footer-global li a {
color: #8e9ac4; }
.huckleberry .footer .nav-footer-global li a {
color: #86bfe0; }
.peppermint .footer .nav-footer-global li a {
color: #6acfd8; }
.mint .footer .nav-footer-global li a {
color: #65cfbe; }
.apple .footer .nav-footer-global li a {
color: #b4cd40; }
.goldkiwi .footer .nav-footer-global li a {
color: #dfc86f; }
.footer .copyright {
text-align: center;
font-size: 0.875em;
line-height: 1.5em;
color: #fff;
margin-bottom: 0.42857em; }
.peach .footer .copyright {
color: #ffd5c8; }
.raspberry .footer .copyright {
color: #f0a5b6; }
.plum .footer .copyright {
color: #d493b7; }
.aubergine .footer .copyright {
color: #c0a3c9; }
.blueberry .footer .copyright {
color: #8e9ac4; }
.huckleberry .footer .copyright {
color: #86bfe0; }
.peppermint .footer .copyright {
color: #6acfd8; }
.mint .footer .copyright {
color: #65cfbe; }
.apple .footer .copyright {
color: #b4cd40; }
.goldkiwi .footer .copyright {
color: #dfc86f; }
.js-nav .footer {
-webkit-transform: translate3d(79%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(79%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(79%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(79%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(79%, 0, 0) scale3d(1, 1, 1);
margin: 0 0.8125em; }
.js-nav-site .footer {
-webkit-transform: translate3d(-79%, 0, 0) scale3d(1, 1, 1);
-moz-transform: translate3d(-79%, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-79%, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-79%, 0, 0) scale3d(1, 1, 1);
transform: translate3d(-79%, 0, 0) scale3d(1, 1, 1);
margin: 0 0.8125em; }
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/
@media screen and (max-width: 48em) {
.footer .footer-links-block {
background-image: none !important; } }
@media screen and (min-width: 48.0625em) {
.footer {
margin-top: 3.75em;
padding-top: 2.625em;
padding: 2.625em 40px 1.5em;
margin: 0 -4.25% 0; }
.peach .footer {
background: #fff; }
.raspberry .footer {
background: #fff; }
.plum .footer {
background: #fff; }
.aubergine .footer {
background: #fff; }
.blueberry .footer {
background: #fff; }
.huckleberry .footer {
background: #fff; }
.peppermint .footer {
background: #fff; }
.mint .footer {
background: #fff; }
.apple .footer {
background: #fff; }
.goldkiwi .footer {
background: #fff; }
.footer .footer-block {
margin-bottom: 1.875em;
padding: 0;
max-width: 100%;
border-bottom: none; }
.peach .footer .footer-block {
background: none; }
.raspberry .footer .footer-block {
background: none; }
.plum .footer .footer-block {
background: none; }
.aubergine .footer .footer-block {
background: none; }
.blueberry .footer .footer-block {
background: none; }
.huckleberry .footer .footer-block {
background: none; }
.peppermint .footer .footer-block {
background: none; }
.mint .footer .footer-block {
background: none; }
.apple .footer .footer-block {
background: none; }
.goldkiwi .footer .footer-block {
background: none; }
.footer .footer-block .header-side-lines {
margin-bottom: 1.66667em;
font-size: 1.125em;
line-height: 1.33333em; }
.footer .footer-links-block {
margin: 0 auto;
height: 12em;
padding-left: 0;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #eaeaea;
float: left;
display: block;
margin-right: 1.0831%;
width: 32.61127%; }
.footer .footer-links-block:last-child {
margin-right: 0; }
.footer .footer-links-block.icon-map {
padding-left: 0; }
.footer .footer-links-block.icon-map .footer-links-block-details:after {
display: none; }
.footer .footer-links-block.last {
margin-right: 0; }
.footer .footer-links-block:hover {
cursor: pointer; }
.peach .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #ffd5c8; }
.raspberry .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #f0a5b6; }
.plum .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #d493b7; }
.aubergine .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #c0a3c9; }
.blueberry .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #8e9ac4; }
.huckleberry .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #86bfe0; }
.peppermint .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #6acfd8; }
.mint .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #65cfbe; }
.apple .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #b4cd40; }
.goldkiwi .footer .footer-links-block:hover .footer-links-block-wrapper a {
color: #dfc86f; }
.footer .footer-links-block:hover span {
text-decoration: none; }
.footer .footer-links-block:before {
position: absolute;
right: 45px;
left: auto;
bottom: 44px;
top: inherit;
font-size: 48px; }
.peach .footer .footer-links-block:before {
color: #ca2c0d; }
.raspberry .footer .footer-links-block:before {
color: #9c0b3b; }
.plum .footer .footer-links-block:before {
color: #802257; }
.aubergine .footer .footer-links-block:before {
color: #673573; }
.blueberry .footer .footer-links-block:before {
color: #2e3d79; }
.huckleberry .footer .footer-links-block:before {
color: #146090; }
.peppermint .footer .footer-links-block:before {
color: #156269; }
.mint .footer .footer-links-block:before {
color: #0c7361; }
.apple .footer .footer-links-block:before {
color: #476b0f; }
.goldkiwi .footer .footer-links-block:before {
color: #7f6501; }
.footer .footer-links-block-details .footer-cta-link {
color: #656565;
position: absolute;
bottom: 16px; }
.footer .footer-links-block-wrapper {
margin: 0 auto; }
.footer .footer-links-block-wrapper .footer-links-block-details {
width: 172px;
color: #fff;
text-align: left;
top: 0;
left: 0;
z-index: 50; }
.peach .footer .footer-links-block-wrapper .footer-links-block-details {
background: #ca2c0d; }
.raspberry .footer .footer-links-block-wrapper .footer-links-block-details {
background: #9c0b3b; }
.plum .footer .footer-links-block-wrapper .footer-links-block-details {
background: #802257; }
.aubergine .footer .footer-links-block-wrapper .footer-links-block-details {
background: #673573; }
.blueberry .footer .footer-links-block-wrapper .footer-links-block-details {
background: #2e3d79; }
.huckleberry .footer .footer-links-block-wrapper .footer-links-block-details {
background: #146090; }
.peppermint .footer .footer-links-block-wrapper .footer-links-block-details {
background: #156269; }
.mint .footer .footer-links-block-wrapper .footer-links-block-details {
background: #0c7361; }
.apple .footer .footer-links-block-wrapper .footer-links-block-details {
background: #476b0f; }
.goldkiwi .footer .footer-links-block-wrapper .footer-links-block-details {
background: #7f6501; }
.footer .footer-links-block-wrapper .footer-links-block-details a {
padding-left: 1.16667em;
padding-top: 0.5em;
display: block;
height: 115px; }
.peach .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.raspberry .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.plum .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.aubergine .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.blueberry .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.huckleberry .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.peppermint .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.mint .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.apple .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.goldkiwi .footer .footer-links-block-wrapper .footer-links-block-details a {
color: #fff; }
.footer .footer-links-block-wrapper .footer-links-block-details:after {
height: 0;
position: absolute;
width: 0;
border-right: 29px solid transparent;
border-top: 24px solid #000;
content: "";
left: 30px;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
top: 116px;
z-index: 50;
border-left: 28px solid transparent; }
.peach .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #ca2c0d; }
.raspberry .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #9c0b3b; }
.plum .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #802257; }
.aubergine .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #673573; }
.blueberry .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #2e3d79; }
.huckleberry .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #146090; }
.peppermint .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #156269; }
.mint .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #0c7361; }
.apple .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #476b0f; }
.goldkiwi .footer .footer-links-block-wrapper .footer-links-block-details:after {
border-top-color: #7f6501; }
.peach .footer .footer-links-block-wrapper:before, .peach .footer .footer-links-block-wrapper:after {
border-top-color: #ca2c0d; }
.raspberry .footer .footer-links-block-wrapper:before, .raspberry .footer .footer-links-block-wrapper:after {
border-top-color: #9c0b3b; }
.plum .footer .footer-links-block-wrapper:before, .plum .footer .footer-links-block-wrapper:after {
border-top-color: #802257; }
.aubergine .footer .footer-links-block-wrapper:before, .aubergine .footer .footer-links-block-wrapper:after {
border-top-color: #673573; }
.blueberry .footer .footer-links-block-wrapper:before, .blueberry .footer .footer-links-block-wrapper:after {
border-top-color: #2e3d79; }
.huckleberry .footer .footer-links-block-wrapper:before, .huckleberry .footer .footer-links-block-wrapper:after {
border-top-color: #146090; }
.peppermint .footer .footer-links-block-wrapper:before, .peppermint .footer .footer-links-block-wrapper:after {
border-top-color: #156269; }
.mint .footer .footer-links-block-wrapper:before, .mint .footer .footer-links-block-wrapper:after {
border-top-color: #0c7361; }
.apple .footer .footer-links-block-wrapper:before, .apple .footer .footer-links-block-wrapper:after {
border-top-color: #476b0f; }
.goldkiwi .footer .footer-links-block-wrapper:before, .goldkiwi .footer .footer-links-block-wrapper:after {
border-top-color: #7f6501; }
.footer .footer-links-block-wrapper:before {
height: 100px;
position: absolute;
width: 0;
border-right: 30px solid transparent;
border-top: 115px solid #000;
content: "";
left: 172px;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
top: 0;
z-index: 50; }
.footer .footer-links-block-wrapper:after {
height: 0;
position: absolute;
width: 0;
border-right: 173px solid transparent;
border-top: 20px solid #000;
content: "";
left: 0;
-moz-transform: scaleY(1.001);
-moz-transform-origin: bottom;
top: 115px;
z-index: 50; }
.footer .footer-links-block-wrapper.first {
margin: 0; }
.footer .footer-links-block-wrapper.last {
margin-right: 0; }
.footer .contact-body {
height: 12em;
background-color: #eaeaea;
float: left;
display: block;
margin-right: 1.0831%;
width: 100%; }
.footer .contact-body:last-child {
margin-right: 0; }
.peach .footer .contact-body a {
color: #ff5736; }
.raspberry .footer .contact-body a {
color: #c62158; }
.plum .footer .contact-body a {
color: #a8437c; }
.aubergine .footer .contact-body a {
color: #8a5896; }
.blueberry .footer .contact-body a {
color: #6676af; }
.huckleberry .footer .contact-body a {
color: #3086bd; }
.peppermint .footer .contact-body a {
color: #2a97a1; }
.mint .footer .contact-body a {
color: #18a28a; }
.apple .footer .contact-body a {
color: #769a0a; }
.goldkiwi .footer .contact-body a {
color: #b08e07; }
.footer .tel {
margin-top: 1.66667em; }
.footer .social-bar {
border-bottom: solid 1px;
padding-bottom: 1.5em; }
.peach .footer .social-bar {
border-bottom-color: #818285; }
.raspberry .footer .social-bar {
border-bottom-color: #818285; }
.plum .footer .social-bar {
border-bottom-color: #818285; }
.aubergine .footer .social-bar {
border-bottom-color: #818285; }
.blueberry .footer .social-bar {
border-bottom-color: #818285; }
.huckleberry .footer .social-bar {
border-bottom-color: #818285; }
.peppermint .footer .social-bar {
border-bottom-color: #818285; }
.mint .footer .social-bar {
border-bottom-color: #818285; }
.apple .footer .social-bar {
border-bottom-color: #818285; }
.goldkiwi .footer .social-bar {
border-bottom-color: #818285; }
.footer .social-bar a {
margin: 0 1.625em 0 0;
padding-bottom: 0.625em;
width: 12.66667em;
font-size: 0.9375em;
line-height: 1.4em;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out; }
.peach .footer .social-bar a {
color: #656565; }
.raspberry .footer .social-bar a {
color: #656565; }
.plum .footer .social-bar a {
color: #656565; }
.aubergine .footer .social-bar a {
color: #656565; }
.blueberry .footer .social-bar a {
color: #656565; }
.huckleberry .footer .social-bar a {
color: #656565; }
.peppermint .footer .social-bar a {
color: #656565; }
.mint .footer .social-bar a {
color: #656565; }
.apple .footer .social-bar a {
color: #656565; }
.goldkiwi .footer .social-bar a {
color: #656565; }
.footer .social-bar a:before {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
vertical-align: middle; }
.footer .social-bar a span {
display: inline; }
.peach .footer .social-bar a:hover {
color: #a61801; }
.raspberry .footer .social-bar a:hover {
color: #7c032b; }
.plum .footer .social-bar a:hover {
color: #631541; }
.aubergine .footer .social-bar a:hover {
color: #511f5d; }
.blueberry .footer .social-bar a:hover {
color: #14235b; }
.huckleberry .footer .social-bar a:hover {
color: #01446e; }
.peppermint .footer .social-bar a:hover {
color: #014a51; }
.mint .footer .social-bar a:hover {
color: #014d40; }
.apple .footer .social-bar a:hover {
color: #325409; }
.goldkiwi .footer .social-bar a:hover {
color: #5c4a02; }
.footer .social-bar h2 {
display: none; }
.footer .nav-footer {
display: block;
text-align: center;
margin: 0 0 1.5em; }
.peach .footer .nav-footer-global li a {
color: #6e6e6e; }
.raspberry .footer .nav-footer-global li a {
color: #6e6e6e; }
.plum .footer .nav-footer-global li a {
color: #6e6e6e; }
.aubergine .footer .nav-footer-global li a {
color: #6e6e6e; }
.blueberry .footer .nav-footer-global li a {
color: #6e6e6e; }
.huckleberry .footer .nav-footer-global li a {
color: #6e6e6e; }
.peppermint .footer .nav-footer-global li a {
color: #6e6e6e; }
.mint .footer .nav-footer-global li a {
color: #6e6e6e; }
.apple .footer .nav-footer-global li a {
color: #6e6e6e; }
.goldkiwi .footer .nav-footer-global li a {
color: #6e6e6e; }
.peach .footer .copyright {
color: #6e6e6e; }
.raspberry .footer .copyright {
color: #6e6e6e; }
.plum .footer .copyright {
color: #6e6e6e; }
.aubergine .footer .copyright {
color: #6e6e6e; }
.blueberry .footer .copyright {
color: #6e6e6e; }
.huckleberry .footer .copyright {
color: #6e6e6e; }
.peppermint .footer .copyright {
color: #6e6e6e; }
.mint .footer .copyright {
color: #6e6e6e; }
.apple .footer .copyright {
color: #6e6e6e; }
.goldkiwi .footer .copyright {
color: #6e6e6e; } }
@media screen and (min-width: 57.5em) {
.footer .footer-block img {
position: absolute;
display: block;
width: 144px;
right: 10px;
left: auto;
z-index: 60;
bottom: 30px;
top: auto; } }
@media screen and (min-width: 75em) {
.footer {
background: #fff; }
.footer .footer-links-blocks {
float: left;
display: block;
margin-right: 1.0831%;
width: 74.72922%; }
.footer .footer-links-blocks:last-child {
margin-right: 0; }
.footer .contact {
float: left;
display: block;
margin-right: 1.0831%;
width: 24.18767%;
margin-right: 0; }
.footer .contact:last-child {
margin-right: 0; } }
.t1-template {
/*------------------------------------*\
MEDIA QUERIES
\*------------------------------------*/ }
.t1-template .main {
padding-right: 0;
padding-left: 0; }
.t1-template #isotope-container {
margin-bottom: 2.5em; }
.t1-template .primary {
width: 100%;
text-align: center;
clear: both;
margin-top: 1.125em; }
@media screen and (min-width: 48.0625em) {
.t1-template .primary {
display: block;
float: left;
margin-right: 2.62404%;
width: 48.68798%;
margin-left: 25.27078%; }
.t1-template .primary:last-child {
margin-right: 0; } }
.temp-wrap {
height: 675px;
position: absolute;
width: 100%;
margin-left: -4%;
top: 48px; }
.temp-wrap .temp-inner-3 {
background: url("../img/page-hdrs/img-hd-t3.jpg") center top no-repeat;
background-size: cover;
height: 675px; }
.temp-wrap .temp-inner-11 {
background: url("../img/page-hdrs/img-hd-t11.jpg") center top no-repeat;
background-size: cover;
height: 675px; }
.temp-wrap .temp-inner-17 {
background: url("../img/page-hdrs/img-hd-t17.jpg") center top no-repeat;
background-size: cover;
height: 675px; }
.temp-wrap .temp-inner-61 {
background: url("../img/page-hdrs/img-hd-t61.jpg") center top no-repeat;
background-size: cover;
height: 675px; }
.contents-nav {
display: none;
position: fixed;
top: 100px;
left: 0;
background: #000;
padding: 10px 20px;
opacity: 0.8; }
@media screen and (min-width: 75em) {
.contents-nav {
display: block; } }
.contents-nav li a {
color: #fff; }
.style-guide span {
vertical-align: top;
padding: 5px; }
.style-guide img {
width: 100%;
margin-bottom: 20px; }
.style-guide .peach .color-1 {
background: #ff5736; }
.style-guide .peach .color-2 {
background: #ca2c0d; }
.style-guide .peach .color-3 {
background: #a61801; }
.style-guide .peach .color-4 {
background: #ffd5c8; }
.style-guide .peach h1, .style-guide .peach h2, .style-guide .peach h3 {
color: #ff5736; }
.style-guide .peach a {
color: #a61801; }
.style-guide .peach a:hover {
color: #ff5736; }
.style-guide .peach .button, .style-guide .peach a.button-link {
background: #ff5736;
border-color: #ca2c0d;
color: #fff; }
.style-guide .peach .button:hover, .style-guide .peach a.button-link:hover {
color: #fff;
background: #ca2c0d; }
.style-guide .raspberry .color-1 {
background: #c62158; }
.style-guide .raspberry .color-2 {
background: #9c0b3b; }
.style-guide .raspberry .color-3 {
background: #7c032b; }
.style-guide .raspberry .color-4 {
background: #f0a5b6; }
.style-guide .raspberry h1, .style-guide .raspberry h2, .style-guide .raspberry h3 {
color: #c62158; }
.style-guide .raspberry a {
color: #7c032b; }
.style-guide .raspberry a:hover {
color: #c62158; }
.style-guide .raspberry .button, .style-guide .raspberry a.button-link {
background: #c62158;
border-color: #9c0b3b;
color: #fff; }
.style-guide .raspberry .button:hover, .style-guide .raspberry a.button-link:hover {
color: #fff;
background: #9c0b3b; }
.style-guide .plum .color-1 {
background: #a8437c; }
.style-guide .plum .color-2 {
background: #802257; }
.style-guide .plum .color-3 {
background: #631541; }
.style-guide .plum .color-4 {
background: #d493b7; }
.style-guide .plum h1, .style-guide .plum h2, .style-guide .plum h3 {
color: #a8437c; }
.style-guide .plum a {
color: #631541; }
.style-guide .plum a:hover {
color: #a8437c; }
.style-guide .plum .button, .style-guide .plum a.button-link {
background: #a8437c;
border-color: #802257;
color: #fff; }
.style-guide .plum .button:hover, .style-guide .plum a.button-link:hover {
color: #fff;
background: #802257; }
.style-guide .aubergine .color-1 {
background: #8a5896; }
.style-guide .aubergine .color-2 {
background: #673573; }
.style-guide .aubergine .color-3 {
background: #511f5d; }
.style-guide .aubergine .color-4 {
background: #c0a3c9; }
.style-guide .aubergine h1, .style-guide .aubergine h2, .style-guide .aubergine h3 {
color: #8a5896; }
.style-guide .aubergine a {
color: #511f5d; }
.style-guide .aubergine a:hover {
color: #8a5896; }
.style-guide .aubergine .button, .style-guide .aubergine a.button-link {
background: #8a5896;
border-color: #673573;
color: #fff; }
.style-guide .aubergine .button:hover, .style-guide .aubergine a.button-link:hover {
color: #fff;
background: #673573; }
.style-guide .blueberry .color-1 {
background: #6676af; }
.style-guide .blueberry .color-2 {
background: #2e3d79; }
.style-guide .blueberry .color-3 {
background: #14235b; }
.style-guide .blueberry .color-4 {
background: #8e9ac4; }
.style-guide .blueberry h1, .style-guide .blueberry h2, .style-guide .blueberry h3 {
color: #6676af; }
.style-guide .blueberry a {
color: #14235b; }
.style-guide .blueberry a:hover {
color: #6676af; }
.style-guide .blueberry .button, .style-guide .blueberry a.button-link {
background: #6676af;
border-color: #2e3d79;
color: #fff; }
.style-guide .blueberry .button:hover, .style-guide .blueberry a.button-link:hover {
color: #fff;
background: #2e3d79; }
.style-guide .huckleberry .color-1 {
background: #3086bd; }
.style-guide .huckleberry .color-2 {
background: #146090; }
.style-guide .huckleberry .color-3 {
background: #01446e; }
.style-guide .huckleberry .color-4 {
background: #86bfe0; }
.style-guide .huckleberry h1, .style-guide .huckleberry h2, .style-guide .huckleberry h3 {
color: #3086bd; }
.style-guide .huckleberry a {
color: #01446e; }
.style-guide .huckleberry a:hover {
color: #3086bd; }
.style-guide .huckleberry .button, .style-guide .huckleberry a.button-link {
background: #3086bd;
border-color: #146090;
color: #fff; }
.style-guide .huckleberry .button:hover, .style-guide .huckleberry a.button-link:hover {
color: #fff;
background: #146090; }
.style-guide .peppermint .color-1 {
background: #2a97a1; }
.style-guide .peppermint .color-2 {
background: #156269; }
.style-guide .peppermint .color-3 {
background: #014a51; }
.style-guide .peppermint .color-4 {
background: #6acfd8; }
.style-guide .peppermint h1, .style-guide .peppermint h2, .style-guide .peppermint h3 {
color: #2a97a1; }
.style-guide .peppermint a {
color: #014a51; }
.style-guide .peppermint a:hover {
color: #2a97a1; }
.style-guide .peppermint .button, .style-guide .peppermint a.button-link {
background: #2a97a1;
border-color: #156269;
color: #fff; }
.style-guide .peppermint .button:hover, .style-guide .peppermint a.button-link:hover {
color: #fff;
background: #156269; }
.style-guide .mint .color-1 {
background: #18a28a; }
.style-guide .mint .color-2 {
background: #0c7361; }
.style-guide .mint .color-3 {
background: #014d40; }
.style-guide .mint .color-4 {
background: #65cfbe; }
.style-guide .mint h1, .style-guide .mint h2, .style-guide .mint h3 {
color: #18a28a; }
.style-guide .mint a {
color: #014d40; }
.style-guide .mint a:hover {
color: #18a28a; }
.style-guide .mint .button, .style-guide .mint a.button-link {
background: #18a28a;
border-color: #0c7361;
color: #fff; }
.style-guide .mint .button:hover, .style-guide .mint a.button-link:hover {
color: #fff;
background: #0c7361; }
.style-guide .apple .color-1 {
background: #769a0a; }
.style-guide .apple .color-2 {
background: #476b0f; }
.style-guide .apple .color-3 {
background: #325409; }
.style-guide .apple .color-4 {
background: #b4cd40; }
.style-guide .apple h1, .style-guide .apple h2, .style-guide .apple h3 {
color: #769a0a; }
.style-guide .apple a {
color: #325409; }
.style-guide .apple a:hover {
color: #769a0a; }
.style-guide .apple .button, .style-guide .apple a.button-link {
background: #769a0a;
border-color: #476b0f;
color: #fff; }
.style-guide .apple .button:hover, .style-guide .apple a.button-link:hover {
color: #fff;
background: #476b0f; }
.style-guide .goldkiwi .color-1 {
background: #b08e07; }
.style-guide .goldkiwi .color-2 {
background: #7f6501; }
.style-guide .goldkiwi .color-3 {
background: #5c4a02; }
.style-guide .goldkiwi .color-4 {
background: #dfc86f; }
.style-guide .goldkiwi h1, .style-guide .goldkiwi h2, .style-guide .goldkiwi h3 {
color: #b08e07; }
.style-guide .goldkiwi a {
color: #5c4a02; }
.style-guide .goldkiwi a:hover {
color: #b08e07; }
.style-guide .goldkiwi .button, .style-guide .goldkiwi a.button-link {
background: #b08e07;
border-color: #7f6501;
color: #fff; }
.style-guide .goldkiwi .button:hover, .style-guide .goldkiwi a.button-link:hover {
color: #fff;
background: #7f6501; }
.pallete-hd-row {
width: 600px; }
.pallete-hd-row h2 {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
margin: 20px 0 0;
width: 40%; }
.pallete-hd-row a {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
text-align: right;
width: 60%; }
/*# sourceMappingURL=newmore.css.map */