/* This file is auto generated, change code in the source folder to update. */

/*
  ===============================================================================
  PRINT STYLES
  ===============================================================================
*/

#page-banner h1 span,
#page-upper,
#breadcrumbs-page-utils,
section.secondary,
#main-page-area > aside,
#main-page-area .back-to-top,
.document-nav-tabs,
.document-navigation,
.document-content > aside,
.on-this-page,
#page-foot .columns .column,
#page-foot .columns .column .feature,
#page-foot .columns .column .social-links,
#page-foot .columns .column .utility-links > * { display: none; }


/*
  ==========================
  page head
  ==========================
*/
#page-head nav ul li { display: none; }

#page-head nav ul li.home { display: block; }

#page-head nav ul li.home a { display: none; }

#page-head nav ul li.home img { display: block; margin-bottom: 20pt; }


/*
  ==========================
  page foot
  ==========================
*/

#page-foot { display: none; }


/*
  ==========================
  columns and tables
  ==========================
*/

/* NB difference between columns and tables, columns more for layout and will change with responsive CSS, whereas tables will be maintained on smaller viewports where possible */

.columns,
.table { display: table; width: 100%; border-collapse: separate; table-layout: fixed; margin: 0; padding: 0; }

.columns .column,
.columns .sp,
.table .column,
.table .sp { display: table-cell; vertical-align: top; }

.columns .sp,
.table .sp { width: 20pt !important; }

/* default two column layout */
/* ------------------------- */

.columns.two .column,
.table.two .column { width: 50%; }

.columns.two .sp,
.table.two .sp { width: 20pt !important; }

/* default three column layout */
/* --------------------------- */

.columns.three .column,
.table.three .column { width: 33.3333%; }

.columns.three .sp,
.table.three .sp { width: 20pt !important; }

/* default four column layout */
/* -------------------------- */

.columns.four .column,
.table.four .column { width: 25%; }

.columns.four .sp,
.table.four .sp { width: 20pt !important; }


/* auto table layout */
/* ----------------- */
.table.auto { table-layout: auto; }

.table.auto .column { width: auto !important; }

.table.auto .sp { width: 20pt !important; }

/* table alignment options */
/* ----------------------- */
.table.bottom .column { vertical-align: bottom; }

.table.middle .column { vertical-align: middle; }


/*
  ==========================
  newspaper style multi-column layout
  ==========================
*/
.multi-column-layout { -webkit-column-gap: 20pt; -moz-column-gap: 20pt; column-gap: 20pt; }

main * + .multi-column-layout { margin-top: 16pt; }

.multi-column-layout.two { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }



/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/

/*
  ==========================
  default text
  ==========================
*/

body,
select,
input,
textarea { font-size: 12pt; font-family: sans-serif; color: #333; line-height: 1.3; font-weight: normal; }


/*
  ==========================
  headings
  ==========================
*/

h1.page-title { margin-bottom: 12pt; font-size: 30pt; line-height: 1.1; font-weight: normal; }

h2 { font-size: 24pt; line-height: 1.2; font-weight: normal; clear: both; }

h3 { font-size: 18pt; line-height: 1.2; clear: both; }

h4 { font-size: 15pt; line-height: 1.2; font-weight: normal; }

h5 { font-size: 12pt; line-height: 1.2; text-transform: uppercase; font-weight: bold; }

* + h2 { margin-top: 24pt; }

* + h3,
* + h4,
* + h5,
* + h6 { margin-top: 15pt; }

h2 + *,
h3 + *,
h4 + *,
h5 + *,
h6 + * { margin-top: 2pt !important; }

/* headings with 'more' style link */
/* ------------------------------- */
a.view-more { display: none; }


/*
  ==========================
  paragraphs
  ==========================
*/

/* intro text */
/* ---------- */
.intro-text { font-size: 16pt; line-height: 1.25; color: #555555; }

* + .intro-text { margin-top: 10pt; }

/* default paragraph behaviour */
/* --------------------------- */
main * + p { margin-top: 10pt; }


/*
  ==========================
  images
  ==========================
*/

figure { position: relative; display: block; width: 100%; overflow: hidden; margin: 0; page-break-inside: avoid; }

* + figure { margin-top: 10pt; }

figure .inner { position: relative; display: block; width: 100%; border: solid 2pt #e2e2e2; overflow: hidden; }

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

figure figcaption { position: relative; margin-top: 2pt; padding: 4pt 8pt; text-align: center; color: #666666; }

figure figcaption .closer-look { display: none; }

/* image rows */
/* ---------- */
* + .image-row { margin-top: 10pt; }

.image-row figure .inner { height: 180px; }

.image-row figure { float: left; margin-top: 0; }

.image-row figure img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; width: auto; height: 102%; }

.image-row figure.portrait img { width: 102%; height: auto; }

/* 2 image row */
.image-row.two figure { width: 49%; }

.image-row.two figure + figure { margin-left: 2%; }

/* 3 image row */
.image-row.three figure { width: 32%; }

.image-row.three figure .inner { height: 120px; }

.image-row.three figure + figure { margin-left: 2%; }

/* in-flow images */
/* -------------- */

figure.in-flow { float: left; width: 150px; margin: 5pt 10pt 2pt 0 !important; }

/* no border figures */
/* ----------------- */
figure.no-border .inner { border: none !important; }


/*
  ==========================
  page header images
  ==========================
*/

.header-image { display: none; }


/*
  ==========================
  blockquotes
  ==========================
*/

main blockquote { border-bottom: solid 3pt #d3d8d8; padding: 12pt 14pt; font-size: 14pt; color: #666666; }


/*
  ==========================
  content lists
  ==========================
*/

main ul { margin-left: 20pt; }

main ol { margin-left: 32pt; }

main ol ol li { list-style-type: lower-roman; }

main dl dt { font-size: 16pt; color: #555555; }

main dl * + dt { margin-top: 12pt; }

main dl dt + dd { margin-top: 2pt; }

main * + ul,
main * + ol,
main * + dl { margin-top: 10pt; }


/*
  ==========================
  forms
  ==========================
*/

main * + .form-holder { margin-top: 20pt; }

.form-holder .form { padding: 10pt; border: solid 1pt #e2e0e0; font-size: 13pt; }

.form .field + .field { margin-top: 10pt; }

/* labels */
/* ------ */
.form .field label,
.form .field .label { display: block; }

.form .field label + * { margin-top: 1pt; }

.form .field label.visuallyhidden + *,
.form .field label.hidden + * { margin-top: 0; }

/* core styling of inputs */
/* ---------------------- */
.form .field input,
.form .field select,
.form .field textarea { display: block; width: 100%; border: solid 1pt #e2e0e0; }

.form .field input:focus,
.form .field select:focus,
.form .field textarea:focus { border-color: #b2b0b0; }

select,
input,
textarea { padding: 5pt; font-size: 13pt; }

.form .field input.medium,
.form .field select.medium,
.form .field textarea.medium { width: 40%; }

.form .field input.small,
.form .field select.small,
.form .field textarea.small { width: 42pt; }

/* radio and checkbox lists */
/* ------------------------ */
.field.checkbox-radio-list label { position: relative; display: block; width: auto; overflow: hidden; padding-left: 18pt; }

.field.checkbox-radio-list label + label { margin-top: 3pt; }

.checkbox-radio-list label input { position: absolute; top: 2pt; left: 0; display: block; padding: 0; width: auto; border: none; }

/* help text in fields */
/* ------------------- */
.form .field p { margin-top: 2pt; font-size: 12pt; color: #666666; }

/* required label */
/* -------------- */
.required { font-size: 80%; color: #666666; }

/* action buttons */
/* -------------- */
.form .field.action { margin-top: 18pt; padding-top: 16pt; border-top: solid 1pt #d3d8d8; text-align: right; }

/* errors and messages */
/* ------------------- */

.error-msg,
.error-msg *,
.error,
.error .required { color: #990000 !important; }

.error input,
.error textarea,
.error select { border-color: #990000 !important; }

/* placeholder text styling */
/* ------------------------ */
::-webkit-input-placeholder { color: #999999; }

:-moz-placeholder { color: #999999; }

:-ms-placeholder { color: #999999; }

/*
  ==========================
  buttons
  ==========================
*/

button,
.button { display: inline-block; height: 26pt; padding: 0 18pt; border: solid 1pt #e2e2e2; font-size: 14pt; color: #ffffff; line-height: 26pt; text-transform: uppercase; white-space: nowrap; }

button.naked,
.button.naked { padding: 0; border: none; background-color: transparent; font-size: 13pt; color: #666666; }

button + button,
.button + .button { margin-left: 15pt; }


/*
  ==========================
  tables
  ==========================
*/
main * + .table-wrapper { margin-top: 10pt; }

main table.data { border-collapse: collapse; width: 100%; }

main table.data tr.header th { padding: 4pt 8pt; border-bottom: solid 2pt #cccccc; }

main table.data td { padding: 4pt 8pt; border-left: solid 2pt #cccccc; border-bottom: solid 2pt #cccccc; }

main table.data tr td:first-child { border-left: none; }



/*
  ==========================
  bookmarks
  ==========================
*/

.bookmarks { display: none; }

/*
  ==========================
  article / result lists
  ==========================
*/
* + .article-list { margin-top: 10pt !important; }

.article-list article { border-top: solid 3pt #d2d6d9; padding: 10pt; }

.article-list article:last-child { border-bottom: solid 3pt #d2d6d9; }

.article-list article h2 { font-size: 18pt; font-weight: bold; }

.article-list article h2 + * { margin-top: 4pt !important; }

.article-list article .info { margin-bottom: 0; font-weight: bold; font-size: 14pt; color: #333333; }

.article-list article .info + *,
.article-list article p + p { margin-top: 0; }

/* article as link */
/* --------------- */

.article-list article a { display: block; border: none; padding: 10pt; margin: -10pt; color: #333333; }

.article-list article a,
.article-list article a * { text-decoration: none; }


/*
  ==========================
  pagination
  ==========================
*/

.pagination { margin-top: 20pt; text-align: right; font-size: 12pt; }

.pagination .links { display: inline-block; margin-left: 10pt; }

.pagination .links > * { display: inline-block; padding: 0 6pt; }

.pagination .links > * + * { margin-left: 2pt; }

.pagination .links a { border: none; color: #555555; }



/*
  ==========================
  main page columns
  ==========================
*/

main * + .columns,
main * + .table { margin-top: 16pt; }


/*
  ==========================
  main page sectioned areas
  ==========================
*/

main * + section { margin-top: 26pt; padding-top: 16pt; border-top: solid 3pt #d4d9dc; }


/*
  ==========================
  feature items / tiles
  ==========================
*/

.feature-item { display: block; font-size: 12pt; }

.feature-item figure { width: 100%; border: solid 2pt #e2e0e0; }

.feature-item figure.no-border { border: none !important; }

.feature-item figure img { display: block; width: auto; max-width: 100%; }

.feature-item figure + * { margin-top: 8pt; }

.feature-item h2 { font-size: 16pt; font-weight: normal; line-height: 1.2; }

.feature-item h3 { font-size: 12pt; font-weight: bold; line-height: 1.4; margin-bottom: 3pt; }

.feature-item * + p { margin-top: 2pt; }

.feature-item .link-text { display: none; }

/* tiled feature */
/* ------------- */

.feature-item.tile { padding: 10pt; border: solid 1pt #e2e0e0; background-color: #ffffff; }

.feature-item.tile .more { font-size: 11pt; }

/* link feature */
/* ------------ */

a.feature-item { border-bottom: none; color: #333333; text-decoration: none; }

a.feature-item .link-text { display: block; }


/* feature-item - promo tile */
/* ------------------------- */
.feature-item.tile.promo { padding: 10pt 12pt; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; color: #19252d; }

.feature-item.tile.promo .blue { color: #00ace5; }
.feature-item.tile.promo .teal { color: #405966; }
.feature-item.tile.promo .white { color: #ffffff; }

.feature-item.tile.promo .medium { font-size: 18pt; line-height: 1.1; }
.feature-item.tile.promo .large { font-size: 26pt; line-height: 1.1; }

.feature-item.tile.promo .heavy { font-weight: bold; }

.feature-item .link-text.white span,
.feature-item .link-text.white span { color: #ffffff; border-bottom: dotted 1pt #ffffff; }


/* features in aside page area */
/* --------------------------- */

aside * + .feature-item { margin-top: 18pt; }

/* feature row */
/* ----------- */

main .feature-row + .feature-row { margin-top: 20pt !important; }

main h2 + .feature-row { margin-top: 6pt !important; }

.feature-row .feature-item.column { height: 130pt; }


/*
  ==========================
  list blocks
  ==========================
*/

* + .list-block { margin-top: 18pt; }

.list-block h2 { border-top: solid 1pt #d3d8d8; border-bottom: solid 3pt #d3d8d8; padding: 5pt 0 3pt 0; font-weight: bold; font-size: 13pt; text-transform: uppercase; }

/* standard list */
/* ------------- */
.list-block ul { margin: 6pt 0 0 0 !important; padding: 0 0 0 16pt; }

.list-block ul li { margin: 0; padding: 0; }

.list-block ul li + li { margin-top: 4pt; }

/* list block tabular information */
/* ------------------------------ */
.list-block ul.table { display: table; table-layout: auto; width: 100%; }

.list-block ul.table li { display: table-row; }

.list-block ul.table li > * { display: table-cell; padding: 2pt; }

.list-block ul.table li > *:first-child { padding-left: 0; }
.list-block ul.table li > *:last-child { padding-right: 0; }


/*
  ==========================
  back to previous page link
  ==========================
*/
.back-to-previous { display: none; }


/*
  ==========================
  interactive maps
  ==========================
*/
section.interactive-map { padding: 0; border: none; }

* + section.interactive-map { margin-top: 12pt; }

section.interactive-map img.map-bg { width: 30%; max-width: none; display: block; margin: 0; padding: 0; }

/* map markers */
/* ----------- */
.interactive-map .marker-set .marker,
.interactive-map .marker-set .marker img { display: none; }

/* map content */
/* ----------- */
.interactive-map .map-content-set .map-point { padding: 6pt 0; border-top: solid 1pt #cccccc; }

.interactive-map .map-content-set .map-point .close { display: none; }



/*
  ==========================
  commenting
  ==========================
*/
main * + .comments-wrapper { margin-top: 12pt; }

.comments-wrapper .previous-comments article { padding: 6pt 0; border-bottom: solid 2pt #cccccc; }



/*
  ==========================
  misc styles
  ==========================
*/

/* horizontal rule */
hr { display: block; height: 1pt; border: 0; border-top: 1pt solid #ccc; margin: 20pt 0 !important; padding: 0; clear: both; }

ins { background-color: #33a5e5; color: #000; text-decoration: none; }

mark { background-color: #33a5e5; color: #000; font-style: italic; font-weight: bold; }

dfn { font-style: normal; }

.txt-right { text-align: right; }
.txt-left { text-align: left; }


/*
  ===============================================================================
  PAGE TYPE OVERRIDE STYLES
  ===============================================================================
*/




/*
  ==========================
  home page
  ==========================
*/

/* home lower tile section */
/* ----------------------- */
.home .home-lower { margin-top: 20pt; padding-top: 20pt; border-top: solid 3pt #d4d9dc; }


/* home 'my' section */
/* ----------------- */
.home .user-section { display: none; }


/*
  ==========================
  landing page
  ==========================
*/

.landing h1 ~ .columns .column { display: block; width: 100% !important; }

.landing h1 ~ .columns .sp { display: none; }

/* Code block styler */
/* ----------------- */
.code-block { max-width: 1000px; overflow: hidden; }

/* Media player styler */
/* ----------------- */
.media { display: none; }




/*
  ================================
  Additional - WaxEye 2016 updates 
  ================================
*/

#footer-main,
#top-navigation .site-menu-toggle, 
#top-navigation-sub-menu,
#top-navigation ul,
#masthead,
.breadcrumbs,
.tab-group-head,
.tile-flip img {
  display:none;
}

#top-navigation .site-branding {
  margin-bottom:15px;
}

.form-container .form-field {
  margin-bottom: 15px;
}

.form-container .form-field label,
.form-container .form-field input,
.form-container .form-field textarea
 { 
  display:block; 
}

.form-container .form-field label {
  margin-bottom: 5px;
}

.form-container .form-field input,
.form-container .form-field textarea,
.form-container .form-field select {
  border: 1px solid #333;
  padding:5px;
}

.form-container .form-field ul { 
  list-style-type: none; 
  margin:0;
  padding:0;
}

.form-container .form-field ul li input,
.form-container .form-field ul li label {
  display:inline;
  margin-bottom: 0;
}