/*
Theme Name:TRV Main Theme
Description: TRV Responsive
Version: v2
Colors:
Turq #427f71
Light Blue #EDFFFA
Burnt Orange #806477
Highlight Green #806477
Gray #8f9394
Light Gray #dddfe1
*/
/* Fix YouTube Embeds */
@media (max-width: 600px) {
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
max-width:660px;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
}
/* Footer NAP CSS */
.footerNap{
display: block;
padding:0;
}
.footerNap > span,
.footerNap > div {
float: left;
margin-left: 14px;
font-size:10px;
}
/* ==========================================================================
Normalize Minified CSS
========================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background-color: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
/* ==========================================================================
Sidr Light CSS
========================================================================== */
.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 260px;
overflow-x: none;
overflow-y: auto;
text-transform: uppercase;
font-size: .9em;
background: #fff;
color: #AF9F3A;
border-left: 1px solid #dadfe1;
}
.sidr .sidr-inner {
padding: 0 0 15px
}
.sidr .sidr-inner>p {
margin-left: 15px;
margin-right: 15px
}
.sidr.right {
left: auto;
right: -260px
}
.sidr.left {
left: -260px;
right: auto
}
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
font-size: 11px;
font-weight: normal;
padding: 0 15px;
margin: 0 0 5px;
color: #333;
line-height: 24px;
}
.sidr p {
font-size: 13px;
margin: 0 0 12px
}
.sidr p a {
color: #AF9F3A;
}
.sidr>p {
margin-left: 15px;
margin-right: 15px
}
.sidr ul {
display: block;
margin: 0 0 15px;
padding: 0;
border-bottom: 1px solid #fff
}
.sidr ul li {
display: block;
margin: 0;
line-height: 1.2em;
border-top: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
padding: 1em 0;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
color: #4f7f71;
}
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {}
.sidr ul li a, .sidr ul li span {
padding: 0 15px;
display: block;
text-decoration: none;
color: #AF9F3A;
}
.sidr ul li ul {
border-bottom: none;
margin: 0
}
.sidr ul li ul li {
line-height: 40px;
font-size: 13px
}
.sidr ul li ul li:last-child {
border-bottom: none
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
color: #AF9F3A;
}
.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {}
.sidr ul li ul li a, .sidr ul li ul li span {
color: #4f7f71;
padding-left: 30px;
}
.sidr-class-close {
background: #b0b0b0;
float: right;
font-weight: 700 !important;
width: 100%;
padding: 3px 0 !important;
margin-bottom: 1rem !important;
}
.sidr-class-close:hover {
background: #AF9F3A;
}
:focus {
outline: none!important;
}
/*//___Slick Slider___\\*/
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-loading .slick-list {
background: #fff center center no-repeat
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:before, .slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-prev, .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: 0;
outline: 0
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: 0;
background: transparent;
color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
[dir="rtl"] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→"
}
[dir="rtl"] .slick-next:before {
content: "←"
}
.slick-slider {
margin-bottom: 15px
}
.slick-dots {
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: 0
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: black;
opacity: .75
}
/* ==========================================================================
Main Styles
========================================================================== */
meta.foundation-version {
font-family: "/5.1.0/";
}
meta.foundation-mq-small {
font-family: "/only screen and (max-width: 40em)/";
width: 0em;
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em;
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em;
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em;
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
html, body {
height: 100%;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
font-size: 100%;
}
body {
background: white;
color: #8f9394;
padding: 0;
margin: 0;
font-family: 'Lato', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1;
position: relative;
cursor: default;
}
a:hover {
cursor: pointer;
}
img, object, embed {
max-width: 100%;
height: auto;
}
object, embed {
height: 100%;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
max-width: none !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hide {
display: none;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
*zoom: 1;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
float: left;
}
.row.collapse .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-top: 0;
margin-bottom: 0;
max-width: none;
*zoom: 1;
}
.row .row:before, .row .row:after {
content: " ";
display: table;
}
.row .row:after {
clear: both;
}
.row .row.collapse {
width: auto;
margin: 0;
max-width: none;
*zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
content: " ";
display: table;
}
.row .row.collapse:after {
clear: both;
}
.column, .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
width: 100%;
float: left;
}
.no-pad {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tb-pad {
padding-top: 8em;
padding-bottom: 8em;
}
.tb-pad-small {
padding-top: 4em;
padding-bottom: 4em;
}
.tb-pad-tiny {
padding-top: 2em;
}
/* ==========================================================================
Custom Styles
========================================================================== */
.text-block {
float: left;
}
.image-block {
float: left;
}
/* Header */
.top-header {
border-bottom: 1px solid #dadfe1;
padding: .5em;
background-color: #ffffff;
}
#help-text {
background: #fff none repeat scroll 0 0;
border-radius: 20px;
box-shadow: -4px 2px 12px rgba(0, 0, 0, 0.25);
display: none;
max-width: 800px;
padding: 30px !important;
position: absolute;
text-align: center;
transition: none 0s ease 0s;
width: 90%;
z-index: 9999;
bottom: auto;
right: 50px;
top: 70px;
width: 550px;
}
@media only screen
and (max-device-width : 736px) {
#help-text {
display: none !important;
}
}
.seek-help {
float: right;
}
@media only screen and (max-width:40.063em) {
.seek-help {
float: left;
padding-left: 1em;
}
#page-id {
margin-top: 2em;
}
}
.logo img {}
/* Footer */
footer {
background: #EDFFFA url(style/images/trv-footer-bg.jpg) left center no-repeat;
border-top: 1px solid #dadfe1;
border-bottom: 1px solid #dadfe1;
}
ul.footer-list {
list-style: none;
padding: 0 !important;
margin: 0 !important;
}
ul.footer-list li {
text-transform: uppercase;
line-height: 1.4em;
padding: .5em 0;
}
#copyright {
font-size: .8em;
padding: 1em .5em;
text-align: center
}
#copyright a {
color: #8f9394;
}
#copyright a:focus, #copyright a:hover {
color: #5A4654;
}
.content-block {
margin: 10% 0 10% 10%;
width: 80%;
}
/*------------------------------------*\
Inner Page
\*------------------------------------*/
.inner-page {
padding: 2em;
}
.inner-page h2, .inner-page h3, .inner-page h4, .inner-page h5 {
color: #427f71 !important;
}
.tier-pad {
margin: 4em 0;
}
/*------------------------------------*\
Typography
\*------------------------------------*/
h1, h2, h3, h4, h5, h6 {
color: #427f71 !important;
text-transform: uppercase;
}
.hw {
font-family: 'Just Another Hand', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: 400;
}
/*------------------------------------*\
Navigation
\*------------------------------------*/
#mobile-header {
display: none;
}
a#responsive-menu-button {
text-transform: uppercase;
background: url(style/images/hamburger.png) center right no-repeat;
padding-right: 80px;
display: block;
color: #b0b0b0 !important;
float: right;
line-height: 48px;
margin-left: 1em;
}
a#responsive-menu-hamburger {
text-transform: uppercase;
background: url(style/images/hamburger.png) center right no-repeat;
padding-right: 80px;
display: block;
color: #b0b0b0 !important;
float: right;
line-height: 48px;
margin-left: 3em;
}
.button-x {
position: absolute;
right: 0;
}
#nav, #nav * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: right;
}
#nav, #nav ul {
margin-top: .7em;
}
#nav {}
#nav ul {
list-style: none;
}
#nav li {
float: left;
margin-left: 1em;
}
#nav a {
color: #AF9F3A;
text-transform: uppercase;
}
#nav a:hover {
color: #4f7f71;
}
#nav ul ul a {}
#nav li.current_page_item a, #nav li.grey-item.current_page_item a, #nav li.current_page_parent a, #nav li.current-cat a, #nav li.current-cat-parent a {
color: #4f7f71 !important;
}
#nav li.grey-item a {
color: #b0b0b0 !important;
}
#nav li.grey-item a:hover {
color: #427f71 !important;
}
#top-nav, #top-nav * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#top-nav {
color: #806477;
float: right;
padding-right: 3.125rem;
padding-top: 25px;
text-align: center;
}
#top-nav, #top-nav ul {}
#top-nav li {}
#top-nav a {}
#top-nav a:hover {}
#top-nav ul ul a {}
#top-nav li.current_page_item a, #top-nav li.current_page_parent a, #top-nav li.current-cat a, #top-nav li.current-cat-parent a {}
.phone_number {
font-size: 1.8em;
}
@media only screen and (max-width:40.063em) {
.phone_number {
font-size: 1em;
}
a#responsive-menu-hamburger {
background: url(style/images/hamburger.png) center no-repeat;
padding-right: 0px;
width: 100%;
min-height: 20px;
max-width: 40px;
}
a#responsive-menu-hamburger:after {
content: "MENU";
margin-right: 50px;
float: right;
}
}
/*------------------------------------*\
Templates
\*------------------------------------*/
.page-template-template-video-tour-php [class*="block-grid-"] li p {
max-width: 250px;
line-height: 1.2;
margin-bottom: 0;
padding: .5em 0;
}
/*------------------------------------*\
Social
\*------------------------------------*/
ul#social {
padding: 0;
list-style: none;
float: left;
margin: 0;
margin-bottom: .75rem;
}
ul#social li {
float: left;
display: inline;
display: block;
width: 64px;
height: 64px;
margin: 0 2px 2px 0;
}
ul#social li a {
display: block;
width: 64px;
height: 64px;
text-indent: -9999px;
float: left;
margin-right: 2px;
}
ul#social li.facebook-icon a {
background: url(style/images/icons/social_icons/icon-facebook.png) center center no-repeat;
margin-left: 0;
background-color: #4f7f71;
}
ul#social li.google-plus-icon a {
background: url(style/images/icons/social_icons/icon-google-plus.png) center center no-repeat;
margin-left: 0;
background-color: #4f7f71;
}
ul#social li.youtube-icon a {
background: url(style/images/icons/social_icons/icon-youtube.png) center center no-repeat;
margin-left: 0;
background-color: #4f7f71;
}
ul#social li.twitter-icon a {
background: url(style/images/icons/social_icons/icon-twitter.png) center center no-repeat;
margin-left: 0;
background-color: #4f7f71;
}
ul#social li.linkedin-icon a {
background: url(style/images/icons/social_icons/icon-linkedin.png) center center no-repeat;
margin-left: 0;
background-color: #4f7f71;
}
ul#social li a:hover {
background-color: #7b5d6f;
}
/*------------------------------------*\
Home
\*------------------------------------*/
/*home page tabs */
#hm-main-block-tabs {
padding-left: 3rem;
padding-right: 3rem;
}
#hm-main-block-tabs .tabs dd {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #e6e6e6;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
}
#hm-main-block-tabs .tabs > ul, .tabs li {
/*border: 1px solid #427f71;*/
}
#hm-main-block-tabs .tabs-title {
background-color: #ffffff;
text-transform: capitalize;
}
#hm-main-block-tabs .tabs-title > a {
color: #AF9F3A;
font-size: 1rem;
}
#hm-main-block-tabs .tabs dd>a {
padding: 1rem 1.5rem 1.0625rem;
}
#hm-main-block-tabs ul.tabs-title {
background-color: #ffffff;
}
#hm-main-block-tabs .tabs-title > a:focus, #hm-main-block-tabs .tabs-title > a[aria-selected="true"], #hm-main-block-tabs .tabs-title.active a {
color: #427f71;
}
#hm-main-block-tabs .tabs-title > a:hover {
color: #806477;
}
#hm-main-block-tabs .tabs-content {
color: #8f9394;
border: 1px solid #e6e6e6;
/*height: auto;*/
}
#hm-main-block-tabs h1 {
font-size: 1.7rem;
font-weight: 500;
}
#hm-main-block-tabs .left-content, .right-content {
padding: 2%;
}
#hm-main-block-tabs .tabs-panel {
/*height: 100%;*/
}
#hm-main-block-tabs .smaller-offset {
margin-left: 6.33333%;
}
#hm-main-block-tabs .right-content-spacer {
margin-bottom: 2rem;
}
#hm-main-block-tabs .phone_number a {
color: #806477;
font-size: 1.1em;
font-weight: 500;
}
#hm-main-block-tabs .phone_number {
margin-top: 0.7rem;
}
#hm-main-block-tabs .clearfloat {
clear: both;
}
/*end home page tabs*/
.hm-main-block {
height: 500px;
background: #EDFFFA url(style/images/trv-main-image.jpg) bottom center no-repeat;
}
.hm-main-block .content-block {
margin: 22% 0 0 11%;
text-align: center;
width: 89%;
}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
/*Portrait only media query */
.hm-main-block .content-block {
margin: 6% 0 0 10%;
width: 80%;
}
}
.hm-main-block .content-block h2 {
font-size: 3.8rem;
letter-spacing: 0.1rem;
line-height: 4rem;
text-transform: none;
margin-bottom: 1.5rem;
}
.phone-cta {
background: #ffa800 url("style/images/phone-icon.png") no-repeat scroll 5% center !important;
font-size: 2rem !important;
font-weight: normal !important;
margin-bottom: 1.5em !important;
padding: 0.5rem 1.7rem 0.5rem 4rem !important;
text-shadow: 1px 2px #000000;
}
.phone-cta:hover {
background: #e39917 url("style/images/phone-icon.png") no-repeat scroll 5% center !important;
}
.phone-cta:after {
text-transform: initial;
display: block;
font-size: .75rem;
margin-top: .25rem;
}
.hm-main-block .content-block p {
font-size: 1.5em;
line-height: 1.3em;
font-weight: 300;
}
.hm-cta {
border-top: 1px solid #dadfe1;
border-bottom: 1px solid #dadfe1;
padding: 3.5rem 0 4rem;
background: #EDFFFA;
}
.hm-cta .h1_message {
font-size: 2.05rem;
letter-spacing: 0.15rem;
line-height: 1;
margin-bottom: 1rem;
text-transform: none;
}
.hm-cta .h2_message {
font-size: 1.4rem;
letter-spacing: 0.15rem;
line-height: 1;
margin-bottom: 1.5rem;
text-transform: none;
}
.hm-cta .contact_link {
color: #2e9dc4;
font-size: 1.5rem;
margin-top: 0.5rem;
}
@media screen and (max-width:40.063em) {
#hm-main-block-tabs .phone_number a {
color: #806477;
font-size: 2.1em;
font-weight: 500;
}
#hm-main-block-tabs h1 {
font-size: 1.7rem;
font-weight: 500;
margin-top: 4rem;
}
.hm-main-block .content-block {
margin: 24% 0 0 6%;
}
.hm-main-block .content-block h2 {
font-size: 2.8rem;
letter-spacing: 0.1rem;
line-height: 4rem;
text-transform: none;
margin-bottom: 1.5rem;
}
}
.footer-cta {
border-top: 1px solid #dadfe1;
border-bottom: 1px solid #dadfe1;
padding: 4em 0;
}
.hm_testimonial {}
.quote_icon {
background: url(style/images/quote-icon.png) top left no-repeat;
padding-left: 70px;
}
.testimonial_quote {
font-size: 1.8em;
line-height: 1.2em;
margin-bottom: 0;
font-weight: 300;
}
.testimonial_name {
color: #806477;
text-transform: uppercase;
}
.phone-number {
color: #806477;
font-size: 2em;
font-weight: 700;
line-height: 1em;
}
.hm_phone_cta {}
.cta_message {
float: left;
margin-right: 1em;
padding-top: 1.6em;
}
.cta_logo {
float: left;
margin-right: 1em;
}
.phone_cta {
text-align: center;
float: left;
margin-top: 1em;
background: url(style/images/trv-logo-sm.png) top left no-repeat;
padding: .5em 0 0 5rem;
min-height: 45px;
}
.phone_cta.no_tree {
text-align: center;
float: none;
margin-top: 1em;
background: none;
padding: initial;
min-height: none;
}
.phone_cta span {
display: block;
}
.phone_cta .phone_message {
color: #427f71;
font-size: 1.65rem;
line-height: .9em;
}
.phone_cta .phone_number {
color: #806477;
font-size: 1.75rem;
font-weight: 600;
line-height: .9em;
}
footer .phone_cta {
background: none;
padding: 0;
clear: both;
}
.page-cta {
border: 1px solid #dadfe1;
padding: 2em 0;
background: #fcffff;
}
.page-cta .cta_message {
float: none;
margin-right: 0em;
padding-top: 0;
text-align: center;
}
.page-cta .phone_cta {
text-align: center;
margin-top: .5em;
}
.page-cta .phone_cta span {
display: block;
line-height: 1em;
float: left;
}
.page-cta .phone_cta .hw {
line-height: 1em;
line-height: 1em;
}
.page-cta .phone_cta .phone_message {
color: #427f71;
font-size: 2em;
margin: 0;
padding: 0;
}
.page-cta .phone_cta .phone_number {
color: #806477;
font-size: 1.8em;
font-weight: 700;
margin: 0;
line-height: 1em;
}
.blue-tier {
border-top: 1px solid #dadfe1;
border-bottom: 1px solid #dadfe1;
padding: 4em 0;
background: #EDFFFA;
margin: 0;
}
.white-tier {
border-top: 1px solid #dadfe1;
border-bottom: 1px solid #dadfe1;
padding: 4em 0;
margin: 0;
}
.contact-main-block {
height: 500px;
background: #EDFFFA url(style/images/contact-bg.jpg) center center no-repeat;
clear: both;
margin-bottom: 0 !important;
}
.facility-main-block {
height: 200px;
background: #EDFFFA url(style/images/sunshine-bg.jpg) bottom no-repeat;
background-size: cover;
}
.facility-message {
color: #427f71;
margin-top: 5em;
text-align: center;
}
.facility-message h1, .main-message h2, .main-message h3 {
font-size: 1.8em;
font-weight: 300;
text-transform: inherit;
}
.facility-message .phone_number {
color: #fff;
}
.hm-staff-images {}
.hm-staff-item {
float: right;
width: 16.66%;
position: relative;
}
.hm-staff-item img {
width: 100%;
height: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
/*
.hm-staff-item{float:left; width:18%; margin:0; padding:0;}
.hm-staff-item img{margin:0; padding:0; width:100%; height:100%; }
*/
/*
.hm-staff-item {
width: 25%;
padding-bottom: 25%;
background: #00F;
color: #FFF;
position: relative;
float:left;
}
.hm-staff-item img {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 00px;
background: #66F;
}
*/
.margin-bottom {
margin-bottom: 2em;
}
#map_container {
position: relative;
width: 100%;
padding-bottom: 100%;
clear: both;
}
#map {
position: absolute;
width: 100%;
height: 100%;
}
/* This hack let's us get around the god awful wordpress p tag issue */
.wp-spacer {
margin-bottom: 1em;
font-size: 1.3em;
}
.wp-spacer p, .wp-spacer h1 {
margin: 0;
}
.main-message {
color: #fff;
margin-top: 8em;
}
.main-message h1, .main-message h2, .main-message h3 {
color: #fff !important;
font-size: 1.8em;
font-weight: 300;
}
.main-message .phone-number {
color: #fff;
}
/*updates to contact page CTA*/
.contact-main-message {
color: #fff;
margin-top: 8em;
margin-left: 5%;
}
.contact-main-message p {
font-size: 1.2em;
font-weight: 300;
}
.contact-main-message h1, .contact-main-message h2, .contact-main-message h3 {
color: #427f71 !important;
font-size: 1.5em;
font-weight: 400;
}
.contact-main-message .phone_number a {
color: #806477;
font-weight: 400;
font-size: .9em;
}
.programs-main-block {
background: #EDFFFA url(style/images/programs-bg.jpg) center center no-repeat;
background-size: cover;
clear: both;
margin-bottom: 0 !important;
}
.programs-main-message {
margin: 4em 0;
text-align: center;
}
.programs-main-message h1, .main-message h2, .main-message h3 {
font-size: 1.8em;
font-weight: 300;
}
.accred {
margin-top: 1.5rem!important;
}
.accred li {
padding-bottom: 0!important;
vertical-align: middle;
}
.accred-coc {
margin-top: 2.5rem;
}
a[href^=tel] {
text-decoration: none;
}
.white a[href^=tel] {
color: #FFF!important;
}
.green a[href^=tel] {
color: #4f7f71!important;
}
.purple a[href^=tel] {
color: #806477!important;
}
/*.home-programs:before {content:''; background: url(style/images/home-programs.jpg);}*/
/*------------------------------------*\
Page ID
\*------------------------------------*/
#page-id {
border-bottom: 1px solid #dadfe1;
padding: 2em;
background: #EDFFFA;
}
#page-id h1 {
font-weight: 300 !important;
color: #427f71 !important;
text-transform: inherit;
font-size: 1.8em;
margin-bottom: 0;
}
/*------------------------------------*\
Posts
\*------------------------------------*/
.blog-item {
border-bottom: 1px solid #dadfe1;
padding: 6em 0;
margin: 0;
text-align: center;
background: #EDFFFA;
}
.blog-item:nth-child(2n+1) {
background: #fff;
}
.blog-item h2 {
font-size: 2em;
font-weight: 300;
}
.blog-item p {
font-size: 1.5em;
color: #8f9394 !important;
}
.postmeta {
font-size: .8em;
}
.blog-single {}
.blog-single .postmeta {
margin-bottom: 2em;
}
.blog-cat-listing {
margin-bottom: 3em;
}
.blog-cat-listing .postmeta {
margin-bottom: 1em;
}
.staff-section h2 {
margin: 1em 0 1em 0!important;
}
.staff-item {
text-align: center;
}
.staff-item img {
background: #fff;
padding: 10px;
border: 1px solid #ccc;
width: 100%;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
.staff-item img:hover {
-webkit-filter: none;
filter: none;
}
.staff-item h3 {
color: #393939 !important;
font-weight: 500 !important;
font-size: 1em !important;
margin: 1em 0 0 0;
line-height: 1em;
}
.staff-item p {
color: #393939 !important;
}
.single-staff p {
font-size: 120%;
}
.single-staff img {
margin-bottom: 2em;
}
li.video-item h3 {
font-size: .9rem;
text-transform: initial;
margin-top: .25rem;
}
/*------------------------------------*\
Testimonials
\*------------------------------------*/
.archive_testimonial {
border-bottom: 1px solid #dadfe1;
padding: 6em 0;
margin: 0;
background: #EDFFFA;
}
.archive_testimonial:nth-child(2n+1) {
background: #fff;
}
/*------------------------------------*\
Forms
\*------------------------------------*/
/* INPUT & TEXTAREA */
/*input,
textarea {
font-size: .8em;
padding:1em;
font-weight: normal;
color: #777;
background: #fff;
border:1px solid #d8d8d8;
outline: 0;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar{width:100%;}
*/
/*------------------------------------*\
Pagination
\*------------------------------------*/
.pagination-centered {
margin-top: 1.5em;
}
/* ==========================================================================
Wordpress Core
========================================================================== */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #FFF;
border: 1px solid #F0F0F0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text, .sticky {}
.bypostauthor {}
/*------------------------------------*\
Gallery
\*------------------------------------*/
.gallery {
margin: 0;
padding: 0;
width: 105%;
}
.gallery-item {
float: left;
margin: 0 !important;
padding: 0 !important;
border: none;
width: 110%;
}
.gallery-item {
border: none;
}
.gallery a {
margin: 0 !important;
}
.gallery img {
width: 100%;
height: auto;
border: none !important;
margin: 0 !important;
}
.gallery-caption {
margin-left: 0;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
}
/*------------------------------------*\
WORDPRESS WIDGETS
\*------------------------------------*/
aside {
margin-bottom: 3em;
}
aside h2 {
text-transform: inherit;
color: #959595 !important;
}
/* widget */
.widget {}
.widget h2 {
text-transform: inherit;
color: #959595 !important;
font-size: 1.2em;
}
/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}
/* categories widget */
.widget_categories {}
.widget_categories ul li {}
/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}
/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}
/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}
/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}
/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}
/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}
/* menu */
aside ul.menu {
list-style: none;
margin: 0;
}
aside .menu li {
border: 1px solid #dadfe1;
margin-bottom: .4em;
}
aside .menu li a {
color: #959595;
padding: 1.5em;
display: block;
text-transform: uppercase;
font-weight: 600;
font-size: .8em;
}
aside .menu li a:hover {
background: #EDFFFA;
}
aside .menu li.current_page_item a, aside .menu li.current_page_parent a {
background: #EDFFFA;
}
aside img {}
/* ==========================================================================
other
========================================================================== */
.help-contact {
background-color: transparent !important;
border: 2px solid #8f9394;
border-radius: 3px;
font-family: "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
font-size: 0.85rem;
padding: 1rem 2.3rem !important;
text-align: center;
text-decoration: none;
text-transform: none !important;
transition: color 300ms ease-out 0s,
border 300ms ease-out 0s;
}
.help-contact:hover {
color: #696969;
border: 2px solid #696969;
}
.grey {
color: #8f9394;
}
.light-grey-bg {
background: #f2f2f2!important;
}
.chat {
background: #ffa800!important;
margin-bottom: 1.5em!important;
padding: 1rem 4.2rem!important;
text-shadow: 1px 1px #777777;
}
.chat:hover {
background: #e39917!important;
}
.chat:after {
content: '100% Confidential';
text-transform: initial;
display: block;
font-size: .75rem;
margin-top: .25rem;
}
.confidential {
display: block;
font-size: .8rem;
margin-top: -1rem;
}
.admissions-cta {
background: #EDFFFA;
border: 1px solid #dadfe1;
overflow: auto;
padding: 1rem 0;
margin-bottom: 1rem;
}
.admissions-cta .phone_cta {
float: right;
}
.admissions-cta .chat {
margin-top: 2rem;
}
/*formatting page hide on child pages*/
.reading .page-item-64 {
display: none;
}
/* ==========================================================================
Foundation Base CSS Minified
========================================================================== */
@media only screen {
.column.small-centered, .columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.small-uncentered, .columns.small-uncentered {
margin-left: 0;
margin-right: 0;
float: left
}
.column.small-uncentered.opposite, .columns.small-uncentered.opposite {
float: right
}
.small-push-0 {
left: 0;
right: auto
}
.small-pull-0 {
right: 0;
left: auto
}
.small-push-1 {
left: 8.33333%;
right: auto
}
.small-pull-1 {
right: 8.33333%;
left: auto
}
.small-push-2 {
left: 16.66667%;
right: auto
}
.small-pull-2 {
right: 16.66667%;
left: auto
}
.small-push-3 {
left: 25%;
right: auto
}
.small-pull-3 {
right: 25%;
left: auto
}
.small-push-4 {
left: 33.33333%;
right: auto
}
.small-pull-4 {
right: 33.33333%;
left: auto
}
.small-push-5 {
left: 41.66667%;
right: auto
}
.small-pull-5 {
right: 41.66667%;
left: auto
}
.small-push-6 {
left: 50%;
right: auto
}
.small-pull-6 {
right: 50%;
left: auto
}
.small-push-7 {
left: 58.33333%;
right: auto
}
.small-pull-7 {
right: 58.33333%;
left: auto
}
.small-push-8 {
left: 66.66667%;
right: auto
}
.small-pull-8 {
right: 66.66667%;
left: auto
}
.small-push-9 {
left: 75%;
right: auto
}
.small-pull-9 {
right: 75%;
left: auto
}
.small-push-10 {
left: 83.33333%;
right: auto
}
.small-pull-10 {
right: 83.33333%;
left: auto
}
.small-push-11 {
left: 91.66667%;
right: auto
}
.small-pull-11 {
right: 91.66667%;
left: auto
}
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.small-1 {
width: 8.33333%
}
.small-2 {
width: 16.66667%
}
.small-3 {
width: 25%
}
.small-4 {
width: 33.33333%
}
.small-5 {
width: 41.66667%
}
.small-6 {
width: 50%
}
.small-7 {
width: 58.33333%
}
.small-8 {
width: 66.66667%
}
.small-9 {
width: 75%
}
.small-10 {
width: 83.33333%
}
.small-11 {
width: 91.66667%
}
.small-12 {
width: 100%
}
[class*=column]+[class*=column]:last-child {
float: right
}
[class*=column]+[class*=column].end {
float: left
}
.small-offset-0 {
margin-left: 0!important
}
.small-offset-1 {
margin-left: 8.33333%!important
}
.small-offset-2 {
margin-left: 16.66667%!important
}
.small-offset-3 {
margin-left: 25%!important
}
.small-offset-4 {
margin-left: 33.33333%!important
}
.small-offset-5 {
margin-left: 41.66667%!important
}
.small-offset-6 {
margin-left: 50%!important
}
.small-offset-7 {
margin-left: 58.33333%!important
}
.small-offset-8 {
margin-left: 66.66667%!important
}
.small-offset-9 {
margin-left: 75%!important
}
.small-offset-10 {
margin-left: 83.33333%!important
}
.small-offset-11 {
margin-left: 91.66667%!important
}
.small-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left
}
}
@media only screen and (min-width:40.063em) {
.column.medium-centered, .columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.medium-uncentered, .columns.medium-uncentered {
margin-left: 0;
margin-right: 0;
float: left
}
.column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
float: right
}
.medium-push-0 {
left: 0;
right: auto
}
.medium-pull-0 {
right: 0;
left: auto
}
.medium-push-1 {
left: 8.33333%;
right: auto
}
.medium-pull-1 {
right: 8.33333%;
left: auto
}
.medium-push-2 {
left: 16.66667%;
right: auto
}
.medium-pull-2 {
right: 16.66667%;
left: auto
}
.medium-push-3 {
left: 25%;
right: auto
}
.medium-pull-3 {
right: 25%;
left: auto
}
.medium-push-4 {
left: 33.33333%;
right: auto
}
.medium-pull-4 {
right: 33.33333%;
left: auto
}
.medium-push-5 {
left: 41.66667%;
right: auto
}
.medium-pull-5 {
right: 41.66667%;
left: auto
}
.medium-push-6 {
left: 50%;
right: auto
}
.medium-pull-6 {
right: 50%;
left: auto
}
.medium-push-7 {
left: 58.33333%;
right: auto
}
.medium-pull-7 {
right: 58.33333%;
left: auto
}
.medium-push-8 {
left: 66.66667%;
right: auto
}
.medium-pull-8 {
right: 66.66667%;
left: auto
}
.medium-push-9 {
left: 75%;
right: auto
}
.medium-pull-9 {
right: 75%;
left: auto
}
.medium-push-10 {
left: 83.33333%;
right: auto
}
.medium-pull-10 {
right: 83.33333%;
left: auto
}
.medium-push-11 {
left: 91.66667%;
right: auto
}
.medium-pull-11 {
right: 91.66667%;
left: auto
}
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.medium-1 {
width: 8.33333%
}
.medium-2 {
width: 16.66667%
}
.medium-3 {
width: 25%
}
.medium-4 {
width: 33.33333%
}
.medium-5 {
width: 41.66667%
}
.medium-6 {
width: 50%
}
.medium-7 {
width: 58.33333%
}
.medium-8 {
width: 66.66667%
}
.medium-9 {
width: 75%
}
.medium-10 {
width: 83.33333%
}
.medium-11 {
width: 91.66667%
}
.medium-12 {
width: 100%
}
[class*=column]+[class*=column]:last-child {
float: right
}
[class*=column]+[class*=column].end {
float: left
}
.medium-offset-0 {
margin-left: 0!important
}
.medium-offset-1 {
margin-left: 8.33333%!important
}
.medium-offset-2 {
margin-left: 16.66667%!important
}
.medium-offset-3 {
margin-left: 25%!important
}
.medium-offset-4 {
margin-left: 33.33333%!important
}
.medium-offset-5 {
margin-left: 41.66667%!important
}
.medium-offset-6 {
margin-left: 50%!important
}
.medium-offset-7 {
margin-left: 58.33333%!important
}
.medium-offset-8 {
margin-left: 66.66667%!important
}
.medium-offset-9 {
margin-left: 75%!important
}
.medium-offset-10 {
margin-left: 83.33333%!important
}
.medium-offset-11 {
margin-left: 91.66667%!important
}
.medium-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left
}
.push-0 {
left: 0;
right: auto
}
.pull-0 {
right: 0;
left: auto
}
.push-1 {
left: 8.33333%;
right: auto
}
.pull-1 {
right: 8.33333%;
left: auto
}
.push-2 {
left: 16.66667%;
right: auto
}
.pull-2 {
right: 16.66667%;
left: auto
}
.push-3 {
left: 25%;
right: auto
}
.pull-3 {
right: 25%;
left: auto
}
.push-4 {
left: 33.33333%;
right: auto
}
.pull-4 {
right: 33.33333%;
left: auto
}
.push-5 {
left: 41.66667%;
right: auto
}
.pull-5 {
right: 41.66667%;
left: auto
}
.push-6 {
left: 50%;
right: auto
}
.pull-6 {
right: 50%;
left: auto
}
.push-7 {
left: 58.33333%;
right: auto
}
.pull-7 {
right: 58.33333%;
left: auto
}
.push-8 {
left: 66.66667%;
right: auto
}
.pull-8 {
right: 66.66667%;
left: auto
}
.push-9 {
left: 75%;
right: auto
}
.pull-9 {
right: 75%;
left: auto
}
.push-10 {
left: 83.33333%;
right: auto
}
.pull-10 {
right: 83.33333%;
left: auto
}
.push-11 {
left: 91.66667%;
right: auto
}
.pull-11 {
right: 91.66667%;
left: auto
}
}
@media only screen and (min-width:64.063em) {
.column.large-centered, .columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.large-uncentered, .columns.large-uncentered {
margin-left: 0;
margin-right: 0;
float: left
}
.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
float: right
}
.large-push-0 {
left: 0;
right: auto
}
.large-pull-0 {
right: 0;
left: auto
}
.large-push-1 {
left: 8.33333%;
right: auto
}
.large-pull-1 {
right: 8.33333%;
left: auto
}
.large-push-2 {
left: 16.66667%;
right: auto
}
.large-pull-2 {
right: 16.66667%;
left: auto
}
.large-push-3 {
left: 25%;
right: auto
}
.large-pull-3 {
right: 25%;
left: auto
}
.large-push-4 {
left: 33.33333%;
right: auto
}
.large-pull-4 {
right: 33.33333%;
left: auto
}
.large-push-5 {
left: 41.66667%;
right: auto
}
.large-pull-5 {
right: 41.66667%;
left: auto
}
.large-push-6 {
left: 50%;
right: auto
}
.large-pull-6 {
right: 50%;
left: auto
}
.large-push-7 {
left: 58.33333%;
right: auto
}
.large-pull-7 {
right: 58.33333%;
left: auto
}
.large-push-8 {
left: 66.66667%;
right: auto
}
.large-pull-8 {
right: 66.66667%;
left: auto
}
.large-push-9 {
left: 75%;
right: auto
}
.large-pull-9 {
right: 75%;
left: auto
}
.large-push-10 {
left: 83.33333%;
right: auto
}
.large-pull-10 {
right: 83.33333%;
left: auto
}
.large-push-11 {
left: 91.66667%;
right: auto
}
.large-pull-11 {
right: 91.66667%;
left: auto
}
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.large-1 {
width: 8.33333%
}
.large-2 {
width: 16.66667%
}
.large-3 {
width: 25%
}
.large-4 {
width: 33.33333%
}
.large-5 {
width: 41.66667%
}
.large-6 {
width: 50%
}
.large-7 {
width: 58.33333%
}
.large-8 {
width: 66.66667%
}
.large-9 {
width: 75%
}
.large-10 {
width: 83.33333%
}
.large-11 {
width: 91.66667%
}
.large-12 {
width: 100%
}
[class*=column]+[class*=column]:last-child {
float: right
}
[class*=column]+[class*=column].end {
float: left
}
.large-offset-0 {
margin-left: 0!important
}
.large-offset-1 {
margin-left: 8.33333%!important
}
.large-offset-2 {
margin-left: 16.66667%!important
}
.large-offset-3 {
margin-left: 25%!important
}
.large-offset-4 {
margin-left: 33.33333%!important
}
.large-offset-5 {
margin-left: 41.66667%!important
}
.large-offset-6 {
margin-left: 50%!important
}
.large-offset-7 {
margin-left: 58.33333%!important
}
.large-offset-8 {
margin-left: 66.66667%!important
}
.large-offset-9 {
margin-left: 75%!important
}
.large-offset-10 {
margin-left: 83.33333%!important
}
.large-offset-11 {
margin-left: 91.66667%!important
}
.large-reset-order {
margin-left: 0;
margin-right: 0;
left: auto;
right: auto;
float: left
}
.push-0 {
left: 0;
right: auto
}
.pull-0 {
right: 0;
left: auto
}
.push-1 {
left: 8.33333%;
right: auto
}
.pull-1 {
right: 8.33333%;
left: auto
}
.push-2 {
left: 16.66667%;
right: auto
}
.pull-2 {
right: 16.66667%;
left: auto
}
.push-3 {
left: 25%;
right: auto
}
.pull-3 {
right: 25%;
left: auto
}
.push-4 {
left: 33.33333%;
right: auto
}
.pull-4 {
right: 33.33333%;
left: auto
}
.push-5 {
left: 41.66667%;
right: auto
}
.pull-5 {
right: 41.66667%;
left: auto
}
.push-6 {
left: 50%;
right: auto
}
.pull-6 {
right: 50%;
left: auto
}
.push-7 {
left: 58.33333%;
right: auto
}
.pull-7 {
right: 58.33333%;
left: auto
}
.push-8 {
left: 66.66667%;
right: auto
}
.pull-8 {
right: 66.66667%;
left: auto
}
.push-9 {
left: 75%;
right: auto
}
.pull-9 {
right: 75%;
left: auto
}
.push-10 {
left: 83.33333%;
right: auto
}
.pull-10 {
right: 83.33333%;
left: auto
}
.push-11 {
left: 91.66667%;
right: auto
}
.pull-11 {
right: 91.66667%;
left: auto
}
}
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em
}
.contain-to-grid {
width: 100%;
background: #333
}
.contain-to-grid .top-bar {
margin-bottom: 0
}
.fixed {
width: 100%;
left: 0;
position: fixed;
top: 0;
z-index: 99
}
.fixed.expanded:not(.top-bar) {
overflow-y: auto;
height: auto;
width: 100%;
max-height: 100%
}
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99
}
.fixed.expanded:not(.top-bar) .top-bar-section {
z-index: 98;
margin-top: 45px
}
.top-bar {
overflow: hidden;
height: 45px;
line-height: 45px;
position: relative;
background: #333;
margin-bottom: 0
}
.top-bar ul {
margin-bottom: 0;
list-style: none
}
.top-bar .row {
max-width: none
}
.top-bar form, .top-bar input {
margin-bottom: 0
}
.top-bar input {
height: auto;
padding-top: .35rem;
padding-bottom: .35rem;
font-size: .75rem
}
.top-bar .button {
padding-top: .45rem;
padding-bottom: .35rem;
margin-bottom: 0;
font-size: .75rem
}
.top-bar .title-area {
position: relative;
margin: 0
}
.top-bar .name {
height: 45px;
margin: 0;
font-size: 16px
}
.top-bar .name h1 {
line-height: 45px;
font-size: 1.0625rem;
margin: 0
}
.top-bar .name h1 a {
font-weight: 400;
color: #fff;
width: 50%;
display: block;
padding: 0 15px
}
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0
}
.top-bar .toggle-topbar a {
color: #fff;
text-transform: uppercase;
font-size: .8125rem;
font-weight: 700;
position: relative;
display: block;
padding: 0 15px;
height: 45px;
line-height: 45px
}
.top-bar .toggle-topbar.menu-icon {
right: 15px;
top: 50%;
margin-top: -16px;
padding-left: 40px
}
.top-bar .toggle-topbar.menu-icon a {
height: 34px;
line-height: 33px;
padding: 0 25px 0 0;
color: #fff;
position: relative
}
.top-bar .toggle-topbar.menu-icon a::after {
content: "";
position: absolute;
right: 0;
display: block;
width: 16px;
top: 0;
height: 0;
-webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff
}
.top-bar.expanded {
height: auto;
background: 0 0
}
.top-bar.expanded .title-area {
background: #333
}
.top-bar.expanded .toggle-topbar a {
color: #888
}
.top-bar.expanded .toggle-topbar a span {
-webkit-box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888;
box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888
}
.top-bar-section {
left: 0;
position: relative;
width: auto;
-webkit-transition: left 300ms ease-out;
-moz-transition: left 300ms ease-out;
transition: left 300ms ease-out
}
.top-bar-section ul {
width: 100%;
height: auto;
display: block;
background: #333;
font-size: 16px;
margin: 0
}
.top-bar-section .divider, .top-bar-section [role=separator] {
border-top: solid 1px #1a1a1a;
clear: both;
height: 1px;
width: 100%
}
.top-bar-section ul li>a {
display: block;
width: 100%;
color: #fff;
padding: 12px 0 12px 15px;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: .8125rem;
font-weight: 400;
background: #333
}
.top-bar-section ul li>a.button {
background: #806477;
font-size: .8125rem;
padding-right: 15px;
padding-left: 15px
}
.top-bar-section ul li>a.button:hover {
background: #068
}
.top-bar-section ul li>a.button.secondary {
background: #e7e7e7
}
.top-bar-section ul li>a.button.secondary:hover {
background: #cecece
}
.top-bar-section ul li>a.button.success {
background: #43ac6a
}
.top-bar-section ul li>a.button.success:hover {
background: #358854
}
.top-bar-section ul li>a.button.alert {
background: #f04124
}
.top-bar-section ul li>a.button.alert:hover {
background: #d42b0f
}
.top-bar-section ul li:hover>a {
background: #272727;
color: #fff
}
.top-bar-section ul li.active>a {
background: #806477;
color: #fff
}
.top-bar-section ul li.active>a:hover {
background: #5A4654;
color: #fff
}
.top-bar-section .has-form {
padding: 15px
}
.top-bar-section .has-dropdown {
position: relative
}
.top-bar-section .has-dropdown>a:after {
content: "";
display: block;
width: 0;
height: 0;
border: 5px inset;
border-color: transparent transparent transparent rgba(255, 255, 255, .4);
border-left-style: solid;
margin-right: 15px;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0
}
.top-bar-section .has-dropdown.moved {
position: static
}
.top-bar-section .has-dropdown.moved>.dropdown {
display: block
}
.top-bar-section .dropdown {
position: absolute;
left: 100%;
top: 0;
display: none;
z-index: 99
}
.top-bar-section .dropdown li {
width: 100%;
height: auto
}
.top-bar-section .dropdown li a {
font-weight: 400;
padding: 8px 15px
}
.top-bar-section .dropdown li a.parent-link {
font-weight: 400
}
.top-bar-section .dropdown li.title h5 {
margin-bottom: 0
}
.top-bar-section .dropdown li.title h5 a {
color: #fff;
line-height: 22.5px;
display: block
}
.top-bar-section .dropdown li.has-form {
padding: 8px 15px
}
.top-bar-section .dropdown li .button {
top: auto
}
.top-bar-section .dropdown label {
padding: 8px 15px 2px;
margin-bottom: 0;
text-transform: uppercase;
color: #777;
font-weight: 700;
font-size: .625rem
}
.js-generated {
display: block
}
@media only screen and (min-width:40.063em) {
.top-bar {
background: #333;
overflow: visible
}
.top-bar:after, .top-bar:before {
content: " ";
display: table
}
.top-bar:after {
clear: both
}
.top-bar .toggle-topbar {
display: none
}
.top-bar .title-area {
float: left
}
.top-bar .name h1 a {
width: auto
}
.top-bar .button, .top-bar input {
font-size: .875rem;
position: relative;
top: 7px
}
.top-bar.expanded {
background: #333
}
.contain-to-grid .top-bar {
max-width: 62.5rem;
margin: 0 auto
}
.top-bar-section {
-webkit-transition: none 0 0;
-moz-transition: none 0 0;
transition: none 0 0;
left: 0!important
}
.top-bar-section ul {
width: auto;
height: auto!important;
display: inline
}
.top-bar-section ul li {
float: left
}
.top-bar-section ul li .js-generated {
display: none
}
.top-bar-section li.hover>a:not(.button) {
background: #272727;
color: #fff
}
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 15px;
line-height: 45px;
background: #333
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: #272727
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
padding: 0 15px;
line-height: 45px;
color: #fff;
background: #806477
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #5A4654
}
.top-bar-section .has-dropdown>a {
padding-right: 35px!important
}
.top-bar-section .has-dropdown>a:after {
content: "";
display: block;
width: 0;
height: 0;
border: 5px inset;
border-color: rgba(255, 255, 255, .4) transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 22.5px
}
.top-bar-section .has-dropdown.moved {
position: relative
}
.top-bar-section .has-dropdown.moved>.dropdown {
display: none
}
.top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown {
display: block
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
border: none;
content: "\00bb";
top: 1rem;
margin-top: -2px;
right: 5px;
line-height: 1.2
}
.top-bar-section .dropdown {
left: 0;
top: auto;
background: 0 0;
min-width: 100%
}
.top-bar-section .dropdown li a {
color: #fff;
line-height: 1;
white-space: nowrap;
padding: 12px 15px;
background: #333
}
.top-bar-section .dropdown li label {
white-space: nowrap;
background: #333
}
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0
}
.top-bar-section>ul>.divider, .top-bar-section>ul>[role=separator] {
border-bottom: none;
border-top: none;
border-right: solid 1px #4e4e4e;
clear: none;
height: 45px;
width: 0
}
.top-bar-section .has-form {
background: #333;
padding: 0 15px;
height: 45px
}
.top-bar-section .right li .dropdown {
left: auto;
right: 0
}
.top-bar-section .right li .dropdown li .dropdown {
right: 100%
}
.top-bar-section .left li .dropdown {
right: auto;
left: 0
}
.top-bar-section .left li .dropdown li .dropdown {
left: 100%
}
.no-js .top-bar-section ul li:hover>a {
background: #272727;
color: #fff
}
.no-js .top-bar-section ul li:active>a {
background: #806477;
color: #fff
}
.no-js .top-bar-section .has-dropdown:hover>.dropdown {
display: block
}
}
.breadcrumbs {
display: block;
overflow: hidden;
margin: 0 0 .5em;
list-style: none
}
.breadcrumbs>* {
margin: 0;
float: left;
font-weight: 600;
font-size: .6875rem;
text-transform: uppercase
}
.breadcrumbs>:focus a, .breadcrumbs>:hover a {
text-decoration: underline
}
.breadcrumbs>* a, .breadcrumbs>* span {
text-transform: uppercase;
color: #806477
}
.breadcrumbs>.current, .breadcrumbs>.current a {
cursor: default;
color: #333
}
.breadcrumbs>.current:focus, .breadcrumbs>.current:focus a, .breadcrumbs>.current:hover, .breadcrumbs>.current:hover a {
text-decoration: none
}
.breadcrumbs>.unavailable, .breadcrumbs>.unavailable a {
color: #999
}
.breadcrumbs>.unavailable a:focus, .breadcrumbs>.unavailable:focus, .breadcrumbs>.unavailable:hover, .breadcrumbs>.unavailable:hover a {
text-decoration: none;
color: #999;
cursor: default
}
.breadcrumbs>:before {
content: "/";
color: #aaa;
margin: 0 .75rem;
position: relative;
top: 1px
}
.breadcrumbs>:first-child:before {
content: " ";
margin: 0
}
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-weight: 400;
margin-bottom: 1.25rem;
position: relative;
padding: .875rem 1.5rem .875rem .875rem;
font-size: .8125rem;
background-color: #806477;
border-color: #5A4654;
color: #fff
}
.alert-box .close {
font-size: 1.375rem;
padding: 9px 6px 4px;
line-height: 0;
position: absolute;
top: 50%;
margin-top: -.6875rem;
right: .25rem;
color: #333;
opacity: .3
}
.alert-box .close:focus, .alert-box .close:hover {
opacity: .5
}
.alert-box.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.alert-box.round {
-webkit-border-radius: 1000px;
border-radius: 1000px
}
.alert-box.success {
background-color: #43ac6a;
border-color: #3a945b;
color: #fff
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #fff
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f
}
.alert-box.warning {
background-color: #f08a24;
border-color: #de770f;
color: #fff
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f
}
.inline-list {
margin: 0 0 1.0625rem -1.375rem;
padding: 0;
list-style: none;
overflow: hidden
}
.inline-list>li {
list-style: none;
float: left;
margin-left: 1.375rem;
display: block
}
.inline-list>li>* {
display: block
}
.button, button {
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-decoration: none;
text-align: center;
display: inline-block;
padding: 1.0625rem 2rem 1rem;
font-size: .8rem;
background-color: #806477;
color: #fff;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
-webkit-appearance: none;
border: none;
font-weight: 400!important;
text-transform: uppercase
}
.button.purple, button.purple {
background: #95487C
}
.button.purple:hover, button.purple:hover {
background: #c75fa6
}
.button.blue, button.blue {
background: #33B8E5
}
.button.blue:hover, button.blue:hover {
background: #38cdff
}
.button.red, button.red {
background: #f50000
}
.button.red:hover, button.red:hover {
background: red
}
.button:focus, .button:hover, button:focus, button:hover {
background-color: #5A4654;
color: #fff
}
.button.secondary, button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
background-color: #b9b9b9;
color: #333
}
.button.success, button.success {
background-color: #43ac6a;
border-color: #368a55;
color: #fff
}
.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
background-color: #368a55;
color: #fff
}
.button.alert, button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff
}
.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
background-color: #cf2a0e;
color: #fff
}
.button.large, button.large {
padding: 1.125rem 2.25rem 1.1875rem;
font-size: 1.25rem
}
.button.small, button.small {
padding: .875rem 1.75rem .9375rem;
font-size: .8125rem
}
.button.tiny, button.tiny {
padding: .625rem 1.25rem .6875rem;
font-size: .6875rem
}
.button.expand, button.expand {
padding-right: 0;
padding-left: 0;
width: 100%
}
.button.left-align, button.left-align {
text-align: left;
text-indent: .75rem
}
.button.right-align, button.right-align {
text-align: right;
padding-right: .75rem
}
.button.radius, button.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.button.round, button.round {
-webkit-border-radius: 1000px;
border-radius: 1000px
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
background-color: #806477;
border-color: #007095;
color: #fff;
cursor: default;
opacity: .7;
-webkit-box-shadow: none;
box-shadow: none
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
color: #fff;
background-color: #806477
}
.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333;
cursor: default;
opacity: .7;
-webkit-box-shadow: none;
box-shadow: none
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
color: #333;
background-color: #e7e7e7
}
.button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
background-color: #43ac6a;
border-color: #368a55;
color: #fff;
cursor: default;
opacity: .7;
-webkit-box-shadow: none;
box-shadow: none
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
color: #fff;
background-color: #43ac6a
}
.button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #fff;
cursor: default;
opacity: .7;
-webkit-box-shadow: none;
box-shadow: none
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
color: #fff;
background-color: #f04124
}
@media only screen and (min-width:40.063em) {
.button, button {
display: inline-block
}
}
.button-group {
list-style: none;
margin: 0;
left: 0
}
.button-group:after, .button-group:before {
content: " ";
display: table
}
.button-group:after {
clear: both
}
.button-group li {
margin: 0;
float: left
}
.button-group li .button, .button-group li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group li:first-child .button, .button-group li:first-child button {
border-left: 0
}
.button-group li:first-child {
margin-left: 0
}
.button-group.radius>* .button, .button-group.radius>*>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.radius>:first-child .button, .button-group.radius>:first-child button {
border-left: 0
}
.button-group.radius>:first-child, .button-group.radius>:first-child>.button, .button-group.radius>:first-child>a, .button-group.radius>:first-child>button {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.button-group.radius>:last-child, .button-group.radius>:last-child>.button, .button-group.radius>:last-child>a, .button-group.radius>:last-child>button {
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.button-group.round>* .button, .button-group.round>*>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.round>:first-child .button, .button-group.round>:first-child button {
border-left: 0
}
.button-group.round>:first-child, .button-group.round>:first-child>.button, .button-group.round>:first-child>a, .button-group.round>:first-child>button {
-moz-border-radius-bottomleft: 1000px;
-moz-border-radius-topleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.button-group.round>:last-child, .button-group.round>:last-child>.button, .button-group.round>:last-child>a, .button-group.round>:last-child>button {
-moz-border-radius-bottomright: 1000px;
-moz-border-radius-topright: 1000px;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
.button-group.even-2 li {
width: 50%
}
.button-group.even-2 li .button, .button-group.even-2 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button {
border-left: 0
}
.button-group.even-2 li .button, .button-group.even-2 li button {
width: 100%
}
.button-group.even-3 li {
width: 33.33333%
}
.button-group.even-3 li .button, .button-group.even-3 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button {
border-left: 0
}
.button-group.even-3 li .button, .button-group.even-3 li button {
width: 100%
}
.button-group.even-4 li {
width: 25%
}
.button-group.even-4 li .button, .button-group.even-4 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button {
border-left: 0
}
.button-group.even-4 li .button, .button-group.even-4 li button {
width: 100%
}
.button-group.even-5 li {
width: 20%
}
.button-group.even-5 li .button, .button-group.even-5 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button {
border-left: 0
}
.button-group.even-5 li .button, .button-group.even-5 li button {
width: 100%
}
.button-group.even-6 li {
width: 16.66667%
}
.button-group.even-6 li .button, .button-group.even-6 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button {
border-left: 0
}
.button-group.even-6 li .button, .button-group.even-6 li button {
width: 100%
}
.button-group.even-7 li {
width: 14.28571%
}
.button-group.even-7 li .button, .button-group.even-7 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button {
border-left: 0
}
.button-group.even-7 li .button, .button-group.even-7 li button {
width: 100%
}
.button-group.even-8 li {
width: 12.5%
}
.button-group.even-8 li .button, .button-group.even-8 li>button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button {
border-left: 0
}
.button-group.even-8 li .button, .button-group.even-8 li button {
width: 100%
}
.button-bar:after, .button-bar:before {
content: " ";
display: table
}
.button-bar:after {
clear: both
}
.button-bar .button-group {
float: left;
margin-right: .625rem
}
.button-bar .button-group div {
overflow: hidden
}
.panel {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f2f2f2
}
.panel>:first-child {
margin-top: 0
}
.panel>:last-child {
margin-bottom: 0
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
color: #333
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
line-height: 1;
margin-bottom: .625rem
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
line-height: 1.4
}
.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #b6edff;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #ecfaff
}
.panel.callout>:first-child {
margin-top: 0
}
.panel.callout>:last-child {
margin-bottom: 0
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
color: #333
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
line-height: 1;
margin-bottom: .625rem
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
line-height: 1.4
}
.panel.callout a {
color: #806477
}
.panel.trans {
border: none;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: rgba(250, 250, 250, .75);
overflow: auto
}
.panel.trans>:first-child {
margin-top: 0
}
.panel.trans>:last-child {
margin-bottom: 0
}
.panel.trans h1, .panel.trans h2, .panel.trans h3, .panel.trans h4, .panel.trans h5, .panel.trans h6, .panel.trans p {
color: #333
}
.panel.trans h1, .panel.trans h2, .panel.trans h3, .panel.trans h4, .panel.trans h5, .panel.trans h6 {
line-height: 1;
margin-bottom: .625rem
}
.panel.trans h1.subheader, .panel.trans h2.subheader, .panel.trans h3.subheader, .panel.trans h4.subheader, .panel.trans h5.subheader, .panel.trans h6.subheader {
line-height: 1.4
}
.panel.trans a {
color: #806477
}
.panel.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.dropdown.button, button.dropdown {
position: relative;
padding-right: 3.5625rem
}
.dropdown.button:before, button.dropdown:before {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: solid;
top: 50%;
border-width: .375rem;
right: 1.40625rem;
margin-top: -.15625rem;
border-color: #fff transparent transparent
}
.dropdown.button.tiny, button.dropdown.tiny {
padding-right: 2.625rem
}
.dropdown.button.tiny:before, button.dropdown.tiny:before {
border-width: .375rem;
right: 1.125rem;
margin-top: -.125rem;
border-color: #fff transparent transparent
}
.dropdown.button.small, button.dropdown.small {
padding-right: 3.0625rem
}
.dropdown.button.small:before, button.dropdown.small:before {
border-width: .4375rem;
right: 1.3125rem;
margin-top: -.15625rem;
border-color: #fff transparent transparent
}
.dropdown.button.large, button.dropdown.large {
padding-right: 3.625rem
}
.dropdown.button.large:before, button.dropdown.large:before {
border-width: .3125rem;
right: 1.71875rem;
margin-top: -.15625rem;
border-color: #fff transparent transparent
}
.dropdown.button.secondary:before, button.dropdown.secondary:before {
border-color: #333 transparent transparent
}
div.switch {
position: relative;
padding: 0;
display: block;
overflow: hidden;
border-style: solid;
border-width: 1px;
margin-bottom: 1.25rem;
height: 2.25rem;
background: #fff;
border-color: #ccc
}
div.switch label {
position: relative;
left: 0;
z-index: 2;
float: left;
width: 50%;
height: 100%;
margin: 0;
font-weight: 700;
text-align: left;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
transition: all .1s ease-out
}
div.switch input {
position: absolute;
z-index: 3;
opacity: 0;
width: 100%;
height: 100%;
-moz-appearance: none
}
div.switch input:focus, div.switch input:hover {
cursor: pointer
}
div.switch span:last-child {
position: absolute;
top: -1px;
left: -1px;
z-index: 1;
display: block;
padding: 0;
border-width: 1px;
border-style: solid;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
transition: all .1s ease-out
}
div.switch input:not(:checked)+label {
opacity: 0
}
div.switch input:checked {
display: none!important
}
div.switch input {
left: 0;
display: block!important
}
div.switch input:first-of-type+label, div.switch input:first-of-type+span+label {
left: -50%
}
div.switch input:first-of-type:checked+label, div.switch input:first-of-type:checked+span+label {
left: 0
}
div.switch input:last-of-type+label, div.switch input:last-of-type+span+label {
right: -50%;
left: auto;
text-align: right
}
div.switch input:last-of-type:checked+label, div.switch input:last-of-type:checked+span+label {
right: 0;
left: auto
}
div.switch span.custom {
display: none!important
}
form.custom div.switch .hidden-field {
margin-left: auto;
position: absolute;
visibility: visible
}
div.switch label {
padding: 0;
line-height: 2.3rem;
font-size: .875rem
}
div.switch input:first-of-type:checked~span:last-child {
left: 100%;
margin-left: -2.1875rem
}
div.switch span:last-child {
width: 2.25rem;
height: 2.25rem;
border-color: #b3b3b3;
background: #fff;
background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
-webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .07), 1000px 0 0 1000px #f3faf6, -2px 0 10px 0 rgba(0, 0, 0, .07), -1000px 0 0 1000px #f5f5f5;
box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .07), 1000px 0 0 980px #f3faf6, -2px 0 10px 0 rgba(0, 0, 0, .07), -1000px 0 0 1000px #f5f5f5
}
div.switch:focus span:last-child, div.switch:hover span:last-child {
background: #fff;
background: -moz-linear-gradient(top, #fff 0, #e6e6e6 100%);
background: -webkit-linear-gradient(top, #fff 0, #e6e6e6 100%);
background: linear-gradient(to bottom, #fff 0, #e6e6e6 100%)
}
div.switch:active {
background: 0 0
}
div.switch.large {
height: 2.75rem
}
div.switch.large label {
padding: 0;
line-height: 2.3rem;
font-size: 1.0625rem
}
div.switch.large input:first-of-type:checked~span:last-child {
left: 100%;
margin-left: -2.6875rem
}
div.switch.large span:last-child {
width: 2.75rem;
height: 2.75rem
}
div.switch.small {
height: 1.75rem
}
div.switch.small label {
padding: 0;
line-height: 2.1rem;
font-size: .75rem
}
div.switch.small input:first-of-type:checked~span:last-child {
left: 100%;
margin-left: -1.6875rem
}
div.switch.small span:last-child {
width: 1.75rem;
height: 1.75rem
}
div.switch.tiny {
height: 1.375rem
}
div.switch.tiny label {
padding: 0;
line-height: 1.9rem;
font-size: .6875rem
}
div.switch.tiny input:first-of-type:checked~span:last-child {
left: 100%;
margin-left: -1.3125rem
}
div.switch.tiny span:last-child {
width: 1.375rem;
height: 1.375rem
}
div.switch.radius {
-webkit-border-radius: 4px;
border-radius: 4px
}
div.switch.radius span:last-child {
-webkit-border-radius: 3px;
border-radius: 3px
}
div.switch.round {
-webkit-border-radius: 1000px;
border-radius: 1000px
}
div.switch.round span:last-child {
-webkit-border-radius: 999px;
border-radius: 999px
}
div.switch.round label {
padding: 0 .5625rem
}
@-webkit-keyframes webkitSiblingBugfix {
from, to {
position: relative
}
}
.th {
line-height: 0;
display: inline-block;
border: 4px solid #fff;
max-width: 100%;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out
}
.th:focus, .th:hover {
-webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, .5);
box-shadow: 0 0 6px 1px rgba(0, 140, 186, .5)
}
.th.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.pricing-table {
border: 1px solid #ddd;
margin-left: 0;
margin-bottom: 1.25rem
}
.pricing-table * {
list-style: none;
line-height: 1
}
.pricing-table .title {
background-color: #333;
padding: .9375rem 1.25rem;
text-align: center;
color: #eee;
font-weight: 400;
font-size: 1rem;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
.pricing-table .price {
background-color: #f6f6f6;
padding: .9375rem 1.25rem;
text-align: center;
color: #333;
font-weight: 400;
font-size: 2rem;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
.pricing-table .description {
background-color: #fff;
padding: .9375rem;
text-align: center;
color: #777;
font-size: .75rem;
font-weight: 400;
line-height: 1.4;
border-bottom: dotted 1px #ddd
}
.pricing-table .bullet-item {
background-color: #fff;
padding: .9375rem;
text-align: center;
color: #333;
font-size: .875rem;
font-weight: 400;
border-bottom: dotted 1px #ddd
}
.pricing-table .cta-button {
background-color: #fff;
text-align: center;
padding: 1.25rem 1.25rem 0
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg)
}
to {
-o-transform: rotate(360deg)
}
}
@keyframes rotate {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
.slideshow-wrapper {
position: relative
}
.slideshow-wrapper ul {
list-style-type: none;
margin: 0
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
display: none
}
.slideshow-wrapper ul li:first-child {
display: block
}
.slideshow-wrapper .orbit-container {
background-color: transparent
}
.slideshow-wrapper .orbit-container li, .slideshow-wrapper .orbit-container li .orbit-caption {
display: block
}
.preloader {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
border: 3px solid;
border-color: #555 #fff;
-webkit-border-radius: 1000px;
border-radius: 1000px;
-webkit-animation-name: rotate;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotate;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: rotate;
-o-animation-duration: 1.5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: rotate;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear
}
.orbit-container {
overflow: hidden;
width: 100%;
position: relative;
background: 0 0
}
.orbit-container .orbit-slides-container {
list-style: none;
margin: 0;
padding: 0;
position: relative;
-webkit-transform: translateZ(0)
}
.orbit-container .orbit-slides-container img {
display: block;
max-width: 100%
}
.orbit-container .orbit-slides-container>* {
position: absolute;
top: 0;
width: 100%;
margin-left: 100%
}
.orbit-container .orbit-slides-container>:first-child {
margin-left: 0
}
.orbit-container .orbit-slides-container>* .orbit-caption {
position: absolute;
bottom: 0;
background-color: rgba(51, 51, 51, .8);
color: #fff;
width: 100%;
padding: .625rem .875rem;
font-size: .875rem
}
.orbit-container .orbit-slide-number {
position: absolute;
top: 10px;
left: 10px;
font-size: 12px;
color: #fff;
background: 0 0;
z-index: 10
}
.orbit-container .orbit-slide-number span {
font-weight: 700;
padding: .3125rem
}
.orbit-container .orbit-timer {
position: absolute;
top: 12px;
right: 10px;
height: 6px;
width: 100px;
z-index: 10
}
.orbit-container .orbit-timer .orbit-progress {
height: 3px;
background-color: rgba(255, 255, 255, .3);
display: block;
width: 0;
position: relative;
right: 20px;
top: 5px
}
.orbit-container .orbit-timer>span {
display: none;
position: absolute;
top: 0;
right: 0;
width: 11px;
height: 14px;
border: 4px solid #fff;
border-top: none;
border-bottom: none
}
.orbit-container .orbit-timer.paused>span {
right: -4px;
top: 0;
width: 11px;
height: 14px;
border: 8px inset;
border-right-style: solid;
border-color: transparent transparent transparent #fff
}
.orbit-container .orbit-timer.paused>span.dark {
border-color: transparent transparent transparent #333
}
.orbit-container:hover .orbit-timer>span {
display: block
}
.orbit-container .orbit-next, .orbit-container .orbit-prev {
position: absolute;
top: 45%;
margin-top: -25px;
width: 36px;
height: 60px;
line-height: 50px;
color: #fff;
background-color: none;
text-indent: -9999px!important;
z-index: 10
}
.orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
background-color: rgba(0, 0, 0, .3)
}
.orbit-container .orbit-next>span, .orbit-container .orbit-prev>span {
position: absolute;
top: 50%;
margin-top: -10px;
display: block;
width: 0;
height: 0;
border: 10px inset
}
.orbit-container .orbit-prev {
left: 0
}
.orbit-container .orbit-prev>span {
border-right-style: solid;
border-color: transparent;
border-right-color: #fff
}
.orbit-container .orbit-prev:hover>span {
border-right-color: #fff
}
.orbit-container .orbit-next {
right: 0
}
.orbit-container .orbit-next>span {
border-color: transparent;
border-left-style: solid;
border-left-color: #fff;
left: 50%;
margin-left: -4px
}
.orbit-container .orbit-next:hover>span {
border-left-color: #fff
}
.orbit-bullets-container {
text-align: center
}
.orbit-bullets {
margin: 0 auto 30px;
overflow: hidden;
position: relative;
top: 10px;
float: none;
text-align: center;
display: block
}
.orbit-bullets li {
display: inline-block;
width: .5625rem;
height: .5625rem;
background: #ccc;
float: none;
margin-right: 6px;
-webkit-border-radius: 1000px;
border-radius: 1000px
}
.orbit-bullets li.active {
background: #999
}
.orbit-bullets li:last-child {
margin-right: 0
}
.touch .orbit-bullets, .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
display: none
}
@media only screen and (min-width:40.063em) {
.touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
display: inherit
}
.touch .orbit-bullets {
display: block
}
}
@media only screen and (max-width:40em) {
.orbit-stack-on-small .orbit-slides-container {
height: auto!important
}
.orbit-stack-on-small .orbit-slides-container>* {
position: relative;
margin-left: 0!important
}
.orbit-stack-on-small .orbit-bullets, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-timer {
display: none
}
}
[data-magellan-expedition] {
background: #fff;
z-index: 50;
min-width: 100%;
padding: 10px
}
[data-magellan-expedition] .sub-nav, [data-magellan-expedition] .sub-nav dd {
margin-bottom: 0
}
[data-magellan-expedition] .sub-nav a {
line-height: 1.8em
}
.tabs {
margin-bottom: 0!important
}
.tabs:after, .tabs:before {
content: " ";
display: table
}
.tabs:after {
clear: both
}
.tabs dd {
position: relative;
margin-bottom: 0!important;
top: 1px;
float: left
}
.tabs dd>a {
display: block;
background: #efefef;
color: #222;
padding: 1rem 2rem 1.0625rem;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 1rem
}
.tabs dd>a:hover {
background: #e1e1e1
}
.tabs dd.active a {
background: #fff
}
.tabs.radius dd:first-child a {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.tabs.radius dd:last-child a {
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.tabs.vertical dd {
position: inherit;
float: none;
display: block;
top: auto
}
.tabs-content {
margin-bottom: 1.5rem;
width: 100%
}
.tabs-content:after, .tabs-content:before {
content: " ";
display: table
}
.tabs-content:after {
clear: both
}
.tabs-content>.content {
display: none;
float: left;
padding: .9375rem 0;
width: 100%
}
.tabs-content>.content.active {
display: block
}
.tabs-content>.content.contained {
padding: .9375rem
}
.tabs-content.vertical {
display: block
}
.tabs-content.vertical>.content {
padding: 0 .9375rem
}
@media only screen and (min-width:40.063em) {
.tabs.vertical {
width: 20%;
float: left;
margin-bottom: 1.25rem
}
.tabs-content.vertical {
width: 80%;
float: left;
margin-left: -1px
}
}
ul.pagination {
display: block;
margin-left: -.3125rem
}
ul.pagination li {
color: #222;
font-size: .875rem;
margin-left: .3125rem
}
ul.pagination li a {
display: block;
padding: .8rem;
color: #999;
-webkit-border-radius: 2px;
border-radius: 2px
}
ul.pagination li a:focus, ul.pagination li:hover a {
background: #e6e6e6
}
ul.pagination li.unavailable a {
cursor: default;
color: #999
}
ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover a {
background: 0 0
}
ul.pagination li.current a {
background: #4f7f71;
color: #fff;
font-weight: 700;
cursor: default
}
ul.pagination li.current a:focus, ul.pagination li.current a:hover {
background: #4f7f71
}
ul.pagination li {
float: left;
display: block
}
.pagination-centered {
text-align: center
}
.pagination-centered ul.pagination li {
float: none;
display: inline-block
}
.side-nav {
display: block;
margin: 0;
padding: .875rem 0;
list-style-type: none;
list-style-position: inside;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
.side-nav li {
margin: 0 0 .4375rem;
font-size: .875rem
}
.side-nav li a:not(.button) {
display: block;
color: #806477
}
.side-nav li a:not(.button):focus, .side-nav li a:not(.button):hover {
color: #1cc7ff
}
.side-nav li.active>a:first-child:not(.button) {
color: #1cc7ff;
font-weight: 400;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
.side-nav li.divider {
border-top: 1px solid;
height: 0;
padding: 0;
list-style: none;
border-top-color: #fff
}
.accordion {
margin-bottom: 0
}
.accordion:after, .accordion:before {
content: " ";
display: table
}
.accordion:after {
clear: both
}
.accordion dd {
display: block;
margin-bottom: 0!important
}
.accordion dd.active a {
background: #e8e8e8
}
.accordion dd>a {
background: #efefef;
color: #222;
padding: 1rem;
display: block;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-size: 1rem
}
.accordion dd>a:hover {
background: #e3e3e3
}
.accordion .content {
display: none;
padding: .9375rem
}
.accordion .content.active {
display: block;
background: #fff
}
@media only screen and (max-width:40em) {
.small-only-text-left {
text-align: left!important
}
.small-only-text-right {
text-align: right!important
}
.small-only-text-center {
text-align: center!important
}
.small-only-text-justify {
text-align: justify!important
}
}
@media only screen {
.small-text-left {
text-align: left!important
}
.small-text-right {
text-align: right!important
}
.small-text-center {
text-align: center!important
}
.small-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:40.063em) and (max-width:64em) {
.medium-only-text-left {
text-align: left!important
}
.medium-only-text-right {
text-align: right!important
}
.medium-only-text-center {
text-align: center!important
}
.medium-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:40.063em) {
.medium-text-left {
text-align: left!important
}
.medium-text-right {
text-align: right!important
}
.medium-text-center {
text-align: center!important
}
.medium-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:64.063em) and (max-width:90em) {
.large-only-text-left {
text-align: left!important
}
.large-only-text-right {
text-align: right!important
}
.large-only-text-center {
text-align: center!important
}
.large-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:64.063em) {
.large-text-left {
text-align: left!important
}
.large-text-right {
text-align: right!important
}
.large-text-center {
text-align: center!important
}
.large-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:90.063em) and (max-width:120em) {
.xlarge-only-text-left {
text-align: left!important
}
.xlarge-only-text-right {
text-align: right!important
}
.xlarge-only-text-center {
text-align: center!important
}
.xlarge-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:90.063em) {
.xlarge-text-left {
text-align: left!important
}
.xlarge-text-right {
text-align: right!important
}
.xlarge-text-center {
text-align: center!important
}
.xlarge-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:120.063em) and (max-width:99999999em) {
.xxlarge-only-text-left {
text-align: left!important
}
.xxlarge-only-text-right {
text-align: right!important
}
.xxlarge-only-text-center {
text-align: center!important
}
.xxlarge-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:120.063em) {
.xxlarge-text-left {
text-align: left!important
}
.xxlarge-text-right {
text-align: right!important
}
.xxlarge-text-center {
text-align: center!important
}
.xxlarge-text-justify {
text-align: justify!important
}
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0
}
a {
color: #4f7f71;
text-decoration: none;
line-height: inherit
}
a:focus, a:hover {
color: #5A4654
}
a img {
border: none
}
p {
font-family: inherit;
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
text-rendering: optimizeLegibility
}
p.lead {
font-size: 1.21875rem;
line-height: 1.6
}
p aside {
font-size: .875rem;
line-height: 1.35;
font-style: italic
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-style: normal;
text-rendering: optimizeLegibility;
margin-top: .2rem;
margin-bottom: .5rem;
line-height: 1.2
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 50%;
line-height: 0
}
h1 {
font-size: 2.125rem
}
h2 {
font-size: 1.6875rem
}
h3 {
font-size: 1.375rem
}
h4, h5 {
font-size: 1.125rem
}
h6 {
font-size: 1rem
}
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: 400;
margin-top: .2rem;
margin-bottom: .5rem
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 0
}
em, i {
font-style: italic;
line-height: inherit
}
b, strong {
font-weight: 700;
line-height: inherit
}
small {
font-size: 60%;
line-height: inherit
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 700;
color: #bd260d
}
dl, ol, ul {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 1.25rem;
list-style-position: outside;
font-family: inherit
}
ul {
margin-left: 1.1rem
}
ul.no-bullet {
margin-left: 0
}
ul.no-bullet li ol, ul.no-bullet li ul {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none
}
ul li ol, ul li ul {
margin-left: 1.25rem;
margin-bottom: 0
}
ul.circle li ul, ul.disc li ul, ul.square li ul {
list-style: inherit
}
ul.square {
list-style-type: square;
margin-left: 1.1rem
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem
}
ul.no-bullet {
list-style: none
}
ol {
margin-left: 1.4rem
}
ol li ol, ol li ul {
margin-left: 1.25rem;
margin-bottom: 0
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
dl dd {
margin-bottom: .75rem
}
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px dotted #ddd;
cursor: help
}
abbr {
text-transform: none
}
blockquote {
margin: 0 0 1.25rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #ddd;
font-size: 1.5em!important
}
blockquote cite {
display: block;
font-size: 1.5em!important;
color: #555
}
blockquote cite:before {
content: "\2014 \0020"
}
blockquote cite a, blockquote cite a:visited {
color: #555
}
blockquote, blockquote p {
line-height: 1.6;
color: #6f6f6f;
font-weight: 300!important
}
.vcard {
display: inline-block;
margin: 0 0 1.25rem;
border: 1px solid #ddd;
padding: .625rem .75rem
}
.vcard li {
margin: 0;
display: block
}
.vcard .fn {
font-weight: 700;
font-size: .9375rem
}
.vevent .summary {
font-weight: 700
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: 700;
border: none;
padding: 0 .0625rem
}
@media only screen and (min-width:40.063em) {
h1, h2, h3, h4, h5, h6 {
line-height: 1.4
}
h1 {
font-size: 2.75rem
}
h2 {
font-size: 1.3rem
}
h3 {
font-size: 1.1rem
}
h4 {
font-size: 1rem
}
}
.print-only {
display: none!important
}
@media print {
* {
background: 0 0!important;
color: #000!important;
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) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""
}
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page {
margin: .5cm
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.hide-on-print {
display: none!important
}
.print-only {
display: block!important
}
.hide-for-print {
display: none!important
}
.show-for-print {
display: inherit!important
}
}
.split.button {
position: relative;
padding-right: 5.0625rem
}
.split.button span {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: solid 1px
}
.split.button span:before {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: inset;
left: 50%
}
.split.button span:active {
background-color: rgba(0, 0, 0, .1)
}
.split.button span {
border-left-color: rgba(255, 255, 255, .5);
width: 3.09375rem
}
.split.button span:before {
border-top-style: solid;
border-width: .375rem;
top: 48%;
margin-left: -.375rem;
border-color: #fff transparent transparent
}
.split.button.secondary span {
border-left-color: rgba(255, 255, 255, .5)
}
.split.button.alert span, .split.button.success span {
border-left-color: rgba(255, 255, 255, .5)
}
.split.button.tiny {
padding-right: 3.75rem
}
.split.button.tiny span {
width: 2.25rem
}
.split.button.tiny span:before {
border-top-style: solid;
border-width: .375rem;
top: 48%;
margin-left: -.375rem
}
.split.button.small {
padding-right: 4.375rem
}
.split.button.small span {
width: 2.625rem
}
.split.button.small span:before {
border-top-style: solid;
border-width: .4375rem;
top: 48%;
margin-left: -.375rem
}
.split.button.large {
padding-right: 5.5rem
}
.split.button.large span {
width: 3.4375rem
}
.split.button.large span:before {
border-top-style: solid;
border-width: .3125rem;
top: 48%;
margin-left: -.375rem
}
.split.button.expand {
padding-left: 2rem
}
.split.button.secondary span:before {
border-color: #333 transparent transparent
}
.split.button.radius span {
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.split.button.round span {
-moz-border-radius-bottomright: 1000px;
-moz-border-radius-topright: 1000px;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0, 0, 0, .45);
z-index: 98;
display: none;
top: 0;
left: 0
}
.reveal-modal, dialog {
visibility: hidden;
display: none;
position: absolute;
left: 50%;
z-index: 99;
height: auto;
margin-left: -40%;
width: 80%;
background-color: #fff;
padding: 1.25rem;
border: 1px solid #666;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
box-shadow: 0 0 10px rgba(0, 0, 0, .4);
top: 6.25rem
}
.reveal-modal .column, .reveal-modal .columns, dialog .column, dialog .columns {
min-width: 0
}
.reveal-modal>:first-child, dialog>:first-child {
margin-top: 0
}
.reveal-modal>:last-child, dialog>:last-child {
margin-bottom: 0
}
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
font-size: 1.375rem;
line-height: 1;
position: absolute;
top: .5rem;
right: .6875rem;
color: #aaa;
font-weight: 700;
cursor: pointer
}
dialog[open] {
display: block;
visibility: visible
}
@media only screen and (min-width:40.063em) {
.reveal-modal, dialog {
padding: 1.875rem;
top: 6.25rem
}
.reveal-modal.tiny, dialog.tiny {
margin-left: -15%;
width: 30%
}
.reveal-modal.small, dialog.small {
margin-left: -20%;
width: 40%
}
.reveal-modal.medium, dialog.medium {
margin-left: -30%;
width: 60%
}
.reveal-modal.large, dialog.large {
margin-left: -35%;
width: 70%
}
.reveal-modal.xlarge, dialog.xlarge {
margin-left: -47.5%;
width: 95%
}
}
@media print {
.reveal-modal, dialog {
background: #fff!important
}
}
.has-tip {
border-bottom: dotted 1px #ccc;
cursor: help;
font-weight: 700;
color: #333
}
.has-tip:focus, .has-tip:hover {
border-bottom: dotted 1px #003f54;
color: #806477
}
.has-tip.tip-left, .has-tip.tip-right {
float: none!important
}
.tooltip {
display: none;
position: absolute;
z-index: 999;
font-weight: 400;
font-size: .875rem;
line-height: 1.3;
padding: .75rem;
max-width: 85%;
left: 50%;
width: 100%;
color: #fff;
background: #333
}
.tooltip>.nub {
display: block;
left: 5px;
position: absolute;
width: 0;
height: 0;
border: 5px solid;
border-color: transparent transparent #333;
top: -10px
}
.tooltip.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.tooltip.round {
-webkit-border-radius: 1000px;
border-radius: 1000px
}
.tooltip.round>.nub {
left: 2rem
}
.tooltip.opened {
color: #806477!important;
border-bottom: dotted 1px #003f54!important
}
.tap-to-close {
display: block;
font-size: .625rem;
color: #777;
font-weight: 400
}
@media only screen and (min-width:40.063em) {
.tooltip>.nub {
border-color: transparent transparent #333;
top: -10px
}
.tooltip.tip-top>.nub {
border-color: #333 transparent transparent;
top: auto;
bottom: -10px
}
.tooltip.tip-left, .tooltip.tip-right {
float: none!important
}
.tooltip.tip-left>.nub {
border-color: transparent transparent transparent #333;
right: -10px;
left: auto;
top: 50%;
margin-top: -5px
}
.tooltip.tip-right>.nub {
border-color: transparent #333 transparent transparent;
right: auto;
left: -10px;
top: 50%;
margin-top: -5px
}
}
.clearing-thumbs, [data-clearing] {
margin-bottom: 0;
margin-left: 0;
list-style: none
}
.clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before {
content: " ";
display: table
}
.clearing-thumbs:after, [data-clearing]:after {
clear: both
}
.clearing-thumbs li, [data-clearing] li {
float: left;
margin-right: 10px
}
.clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
margin-right: 0
}
.clearing-blackout {
background: #333;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 998
}
.clearing-blackout .clearing-close {
display: block
}
.clearing-blackout li {
clear: inherit!important
}
.clearing-container {
position: relative;
z-index: 998;
height: 100%;
overflow: hidden;
margin: 0
}
.clearing-touch-label {
position: absolute;
top: 50%;
left: 50%;
color: #aaa;
font-size: .6em
}
.visible-img {
height: 95%;
position: relative
}
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
margin-left: -50%;
max-height: 100%;
max-width: 100%
}
.clearing-caption {
color: #ccc;
font-size: .875em;
line-height: 1.3;
margin-bottom: 0;
text-align: center;
bottom: 0;
background: #333;
width: 100%;
padding: 10px 30px 20px;
position: absolute;
left: 0
}
.clearing-close {
z-index: 999;
padding-left: 20px;
padding-top: 10px;
font-size: 30px;
line-height: 1;
color: #ccc;
display: none
}
.clearing-close:focus, .clearing-close:hover {
color: #ccc
}
.clearing-assembled .clearing-container {
height: 100%
}
.clearing-assembled .clearing-container .carousel>ul, .clearing-feature li {
display: none
}
.clearing-feature li.clearing-featured-img {
display: block
}
@media only screen and (min-width:40.063em) {
.clearing-main-next, .clearing-main-prev {
position: absolute;
height: 100%;
width: 40px;
top: 0
}
.clearing-main-next>span, .clearing-main-prev>span {
position: absolute;
top: 50%;
display: block;
width: 0;
height: 0;
border: 12px solid
}
.clearing-main-next>span:hover, .clearing-main-prev>span:hover {
opacity: .8
}
.clearing-main-prev {
left: 0
}
.clearing-main-prev>span {
left: 5px;
border-color: transparent;
border-right-color: #ccc
}
.clearing-main-next {
right: 0
}
.clearing-main-next>span {
border-color: transparent;
border-left-color: #ccc
}
.clearing-main-next.disabled, .clearing-main-prev.disabled {
opacity: .3
}
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, .8);
height: 120px;
margin-top: 10px;
text-align: center
}
.clearing-assembled .clearing-container .carousel>ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none
}
.clearing-assembled .clearing-container .carousel>ul li {
display: block;
width: 120px;
min-height: inherit;
float: left;
overflow: hidden;
margin-right: 0;
padding: 0;
position: relative;
cursor: pointer;
opacity: .4
}
.clearing-assembled .clearing-container .carousel>ul li.fix-height img {
height: 100%;
max-width: none
}
.clearing-assembled .clearing-container .carousel>ul li a.th {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block
}
.clearing-assembled .clearing-container .carousel>ul li img {
cursor: pointer!important;
width: 100%!important
}
.clearing-assembled .clearing-container .carousel>ul li.visible {
opacity: 1
}
.clearing-assembled .clearing-container .carousel>ul li:hover {
opacity: .8
}
.clearing-assembled .clearing-container .visible-img {
background: #333;
overflow: hidden;
height: 85%
}
.clearing-close {
position: absolute;
top: 10px;
right: 20px;
padding-left: 0;
padding-top: 0
}
}
.progress {
background-color: #f6f6f6;
height: 1.5625rem;
border: 1px solid #fff;
padding: .125rem;
margin-bottom: .625rem
}
.progress .meter {
background: #806477;
height: 100%;
display: block
}
.progress.secondary .meter {
background: #e7e7e7;
height: 100%;
display: block
}
.progress.success .meter {
background: #43ac6a;
height: 100%;
display: block
}
.progress.alert .meter {
background: #f04124;
height: 100%;
display: block
}
.progress.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.progress.radius .meter {
-webkit-border-radius: 2px;
border-radius: 2px
}
.progress.round {
-webkit-border-radius: 1000px;
border-radius: 1000px
}
.progress.round .meter {
-webkit-border-radius: 999px;
border-radius: 999px
}
.sub-nav {
display: block;
width: auto;
overflow: hidden;
margin: -.25rem 0 1.125rem -.75rem;
padding-top: .25rem
}
.sub-nav dt {
text-transform: uppercase
}
.sub-nav dd, .sub-nav dt, .sub-nav li {
float: left;
display: inline;
margin-left: 1rem;
margin-bottom: .625rem;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: .875rem;
color: #999
}
.sub-nav dd a, .sub-nav dt a, .sub-nav li a {
text-decoration: none;
color: #999;
padding: .1875rem 1rem
}
.sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover {
color: #737373
}
.sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a {
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight: 400;
background: #806477;
padding: .1875rem 1rem;
cursor: default;
color: #fff
}
.sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover {
background: #5A4654
}
.joyride-list {
display: none
}
.joyride-tip-guide {
display: none;
position: absolute;
background: #333;
color: #fff;
z-index: 101;
top: 0;
left: 2.5%;
font-family: inherit;
font-weight: 400;
width: 95%
}
.lt-ie9 .joyride-tip-guide {
max-width: 800px;
left: 50%;
margin-left: -400px
}
.joyride-content-wrapper {
width: 100%;
padding: 1.125rem 1.25rem 1.5rem
}
.joyride-content-wrapper .button {
margin-bottom: 0!important
}
.joyride-tip-guide .joyride-nub {
display: block;
position: absolute;
left: 22px;
width: 0;
height: 0;
border: 10px solid #333
}
.joyride-tip-guide .joyride-nub.top {
border-top-style: solid;
border-color: #333;
border-top-color: transparent!important;
border-left-color: transparent!important;
border-right-color: transparent!important;
top: -20px
}
.joyride-tip-guide .joyride-nub.bottom {
border-bottom-style: solid;
border-color: #333 transparent transparent!important;
bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
right: -20px
}
.joyride-tip-guide .joyride-nub.left {
left: -20px
}
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
line-height: 1.25;
margin: 0;
font-weight: 700;
color: #fff
}
.joyride-tip-guide p {
margin: 0 0 1.125rem;
font-size: .875rem;
line-height: 1.3
}
.joyride-timer-indicator-wrap {
width: 50px;
height: 3px;
border: 1px solid #555;
position: absolute;
right: 1.0625rem;
bottom: 1rem
}
.joyride-timer-indicator {
display: block;
width: 0;
height: inherit;
background: #666
}
.joyride-close-tip {
position: absolute;
right: 12px;
top: 10px;
color: #777!important;
text-decoration: none;
font-size: 24px;
font-weight: 400;
line-height: .5!important
}
.joyride-close-tip:focus, .joyride-close-tip:hover {
color: #eee!important
}
.joyride-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: 0 0;
background: rgba(0, 0, 0, .5);
z-index: 100;
display: none;
top: 0;
left: 0;
cursor: pointer
}
.joyride-expose-wrapper {
background-color: #fff;
position: absolute;
border-radius: 3px;
z-index: 102;
-moz-box-shadow: 0 0 30px #fff;
-webkit-box-shadow: 0 0 15px #fff;
box-shadow: 0 0 15px #fff
}
.joyride-expose-cover {
background: 0 0;
border-radius: 3px;
position: absolute;
z-index: 9999;
top: 0;
left: 0
}
@media only screen and (min-width:40.063em) {
.joyride-tip-guide {
width: 300px;
left: inherit
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 transparent transparent!important;
bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
border-color: transparent transparent transparent #333!important;
top: 22px;
left: auto;
right: -20px
}
.joyride-tip-guide .joyride-nub.left {
border-color: transparent #333 transparent transparent!important;
top: 22px;
left: -20px;
right: auto
}
}
.label {
font-weight: 400;
font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
position: relative;
margin-bottom: inherit;
padding: .25rem .5rem .375rem;
font-size: .6875rem;
background-color: #806477;
color: #fff
}
.label.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
.label.round {
-webkit-border-radius: 1000px;
border-radius: 1000px
}
.label.alert {
background-color: #f04124;
color: #fff
}
.label.success {
background-color: #43ac6a;
color: #fff
}
.label.secondary {
background-color: #e7e7e7;
color: #333
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
.text-justify {
text-align: justify!important
}
@media only screen and (max-width:40em) {
.small-only-text-left {
text-align: left!important
}
.small-only-text-right {
text-align: right!important
}
.small-only-text-center {
text-align: center!important
}
.small-only-text-justify {
text-align: justify!important
}
}
@media only screen {
.small-text-left {
text-align: left!important
}
.small-text-right {
text-align: right!important
}
.small-text-center {
text-align: center!important
}
.small-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:40.063em) and (max-width:64em) {
.medium-only-text-left {
text-align: left!important
}
.medium-only-text-right {
text-align: right!important
}
.medium-only-text-center {
text-align: center!important
}
.medium-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:40.063em) {
.medium-text-left {
text-align: left!important
}
.medium-text-right {
text-align: right!important
}
.medium-text-center {
text-align: center!important
}
.medium-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:64.063em) and (max-width:90em) {
.large-only-text-left {
text-align: left!important
}
.large-only-text-right {
text-align: right!important
}
.large-only-text-center {
text-align: center!important
}
.large-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:64.063em) {
.large-text-left {
text-align: left!important
}
.large-text-right {
text-align: right!important
}
.large-text-center {
text-align: center!important
}
.large-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:90.063em) and (max-width:120em) {
.xlarge-only-text-left {
text-align: left!important
}
.xlarge-only-text-right {
text-align: right!important
}
.xlarge-only-text-center {
text-align: center!important
}
.xlarge-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:90.063em) {
.xlarge-text-left {
text-align: left!important
}
.xlarge-text-right {
text-align: right!important
}
.xlarge-text-center {
text-align: center!important
}
.xlarge-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:120.063em) and (max-width:99999999em) {
.xxlarge-only-text-left {
text-align: left!important
}
.xxlarge-only-text-right {
text-align: right!important
}
.xxlarge-only-text-center {
text-align: center!important
}
.xxlarge-only-text-justify {
text-align: justify!important
}
}
@media only screen and (min-width:120.063em) {
.xxlarge-text-left {
text-align: left!important
}
.xxlarge-text-right {
text-align: right!important
}
.xxlarge-text-center {
text-align: center!important
}
.xxlarge-text-justify {
text-align: justify!important
}
}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow-x: hidden
}
.off-canvas-wrap.move-left, .off-canvas-wrap.move-right {
height: 100%
}
.inner-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-ms-transition: -ms-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease
}
.inner-wrap:after, .inner-wrap:before {
content: " ";
display: table
}
.inner-wrap:after {
clear: both
}
nav.tab-bar {
-webkit-backface-visibility: hidden;
background: #333;
color: #fff;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative
}
nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 {
color: #fff;
font-weight: 700;
line-height: 2.8125rem;
margin: 0
}
nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 {
font-size: 1.125rem
}
section.left-small {
width: 2.8125rem;
height: 2.8125rem;
position: absolute;
top: 0;
border-right: solid 1px #1a1a1a;
box-shadow: 1px 0 0 #4e4e4e;
left: 0
}
section.right-small {
width: 2.8125rem;
height: 2.8125rem;
position: absolute;
top: 0;
border-left: solid 1px #4e4e4e;
box-shadow: -1px 0 0 #1a1a1a;
right: 0
}
section.tab-bar-section {
padding: 0 .625rem;
position: absolute;
text-align: center;
height: 2.8125rem;
top: 0
}
@media only screen and (min-width:40.063em) {
section.tab-bar-section {
text-align: left
}
}
section.tab-bar-section.left {
left: 0;
right: 2.8125rem
}
section.tab-bar-section.right {
left: 2.8125rem;
right: 0
}
section.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem
}
a.menu-icon {
text-indent: 2.1875rem;
width: 2.8125rem;
height: 2.8125rem;
display: block;
line-height: 2.0625rem;
padding: 0;
color: #fff;
position: relative
}
a.menu-icon span {
position: absolute;
display: block;
width: 1rem;
height: 0;
left: .8125rem;
top: .3125rem;
-webkit-box-shadow: 1px 10px 1px 1px #fff, 1px 16px 1px 1px #fff, 1px 22px 1px 1px #fff;
box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff
}
a.menu-icon:hover span {
-webkit-box-shadow: 1px 10px 1px 1px #b3b3b3, 1px 16px 1px 1px #b3b3b3, 1px 22px 1px 1px #b3b3b3;
box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3
}
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
width: 250px;
top: 0;
bottom: 0;
position: absolute;
overflow-y: auto;
background: #333;
z-index: 1001;
box-sizing: content-box;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
width: 250px;
top: 0;
bottom: 0;
position: absolute;
overflow-y: auto;
background: #333;
z-index: 1001;
box-sizing: content-box;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0
}
ul.off-canvas-list {
list-style-type: none;
padding: 0;
margin: 0
}
ul.off-canvas-list li label {
padding: .3rem .9375rem;
color: #999;
text-transform: uppercase;
font-weight: 700;
background: #444;
border-top: 1px solid #5e5e5e;
border-bottom: none;
margin: 0
}
ul.off-canvas-list li a {
display: block;
padding: .66667rem;
color: rgba(255, 255, 255, .7);
border-bottom: 1px solid #262626
}
.move-right>.inner-wrap {
-webkit-transform: translate3d(250px, 0, 0);
-moz-transform: translate3d(250px, 0, 0);
-ms-transform: translate3d(250px, 0, 0);
-o-transform: translate3d(250px, 0, 0);
transform: translate3d(250px, 0, 0)
}
.move-right a.exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
display: block;
position: absolute;
background: rgba(255, 255, 255, .2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent
}
@media only screen and (min-width:40.063em) {
.move-right a.exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.move-left>.inner-wrap {
-webkit-transform: translate3d(-250px, 0, 0);
-moz-transform: translate3d(-250px, 0, 0);
-ms-transform: translate3d(-250px, 0, 0);
-o-transform: translate3d(-250px, 0, 0);
transform: translate3d(-250px, 0, 0)
}
.move-left a.exit-off-canvas {
-webkit-backface-visibility: hidden;
transition: background 300ms ease;
cursor: pointer;
box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
display: block;
position: absolute;
background: rgba(255, 255, 255, .2);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1002;
-webkit-tap-highlight-color: transparent
}
@media only screen and (min-width:40.063em) {
.move-left a.exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.csstransforms.no-csstransforms3d .left-off-canvas-menu {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
.csstransforms.no-csstransforms3d .right-off-canvas-menu {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
.csstransforms.no-csstransforms3d .move-left>.inner-wrap {
-webkit-transform: translate(-250px, 0);
-moz-transform: translate(-250px, 0);
-ms-transform: translate(-250px, 0);
-o-transform: translate(-250px, 0);
transform: translate(-250px, 0)
}
.csstransforms.no-csstransforms3d .move-right>.inner-wrap {
-webkit-transform: translate(250px, 0);
-moz-transform: translate(250px, 0);
-ms-transform: translate(250px, 0);
-o-transform: translate(250px, 0);
transform: translate(250px, 0)
}
.no-csstransforms .left-off-canvas-menu {
left: -250px
}
.no-csstransforms .right-off-canvas-menu {
right: -250px
}
.no-csstransforms .move-left>.inner-wrap {
right: 250px
}
.no-csstransforms .move-right>.inner-wrap {
left: 250px
}
@media only screen and (max-width:40em) {
.f-dropdown {
max-width: 100%;
left: 0
}
}
.f-dropdown {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
width: 100%;
max-height: none;
height: auto;
background: #fff;
border: 1px solid #ccc;
font-size: 16px;
z-index: 99;
margin-top: 2px;
max-width: 200px
}
.f-dropdown>:first-child {
margin-top: 0
}
.f-dropdown>:last-child {
margin-bottom: 0
}
.f-dropdown:before {
content: "";
display: block;
width: 0;
height: 0;
border: 6px inset;
border-color: transparent transparent #fff;
border-bottom-style: solid;
position: absolute;
top: -12px;
left: 10px;
z-index: 99
}
.f-dropdown:after {
content: "";
display: block;
width: 0;
height: 0;
border: 7px inset;
border-color: transparent transparent #ccc;
border-bottom-style: solid;
position: absolute;
top: -14px;
left: 9px;
z-index: 98
}
.f-dropdown.right:before {
left: auto;
right: 10px
}
.f-dropdown.right:after {
left: auto;
right: 9px
}
.f-dropdown li {
font-size: .875rem;
cursor: pointer;
line-height: 1.125rem;
margin: 0
}
.f-dropdown li:focus, .f-dropdown li:hover {
background: #eee
}
.f-dropdown li a {
display: block;
padding: .5rem;
color: #555
}
.f-dropdown.content {
position: absolute;
left: -9999px;
list-style: none;
margin-left: 0;
padding: 1.25rem;
width: 100%;
height: auto;
max-height: none;
background: #fff;
border: 1px solid #ccc;
font-size: 16px;
z-index: 99;
max-width: 200px
}
.f-dropdown.content>:first-child {
margin-top: 0
}
.f-dropdown.content>:last-child {
margin-bottom: 0
}
.f-dropdown.tiny {
max-width: 200px
}
.f-dropdown.small {
max-width: 300px
}
.f-dropdown.medium {
max-width: 500px
}
.f-dropdown.large {
max-width: 800px
}
table {
background: #fff;
margin-bottom: 1.25rem;
border: 1px solid #ddd
}
table tfoot, table thead {
background: #f5f5f5
}
table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th {
padding: .5rem .625rem .625rem;
font-size: .875rem;
font-weight: 700;
color: #222;
text-align: left
}
table tr td, table tr th {
padding: .5625rem .625rem;
font-size: .875rem;
color: #222
}
table tr.alt, table tr.even, table tr:nth-of-type(even) {
background: #f9f9f9
}
table tbody tr td, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
display: table-cell;
line-height: 1.125rem
}
form {
margin: 0 0 1rem
}
form .row .row {
margin: 0 -.5rem
}
form .row .row .column, form .row .row .columns {
padding: 0 .5rem
}
form .row .row.collapse {
margin: 0
}
form .row .row.collapse .column, form .row .row.collapse .columns {
padding: 0
}
form .row .row.collapse input {
-moz-border-radius-bottomright: 0;
-moz-border-radius-topright: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0
}
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
padding-left: .5rem
}
label {
font-size: .875rem;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0
}
label.right {
float: none;
text-align: right
}
label.inline {
margin: 0 0 1rem;
padding: .625rem 0
}
label small {
text-transform: capitalize;
color: #676767
}
select {
-webkit-appearance: none!important;
background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat #fafafa;
background-position-x: 97%;
background-position-y: center;
border: 1px solid #ccc;
padding: .5rem;
font-size: .875rem;
-webkit-border-radius: 0;
border-radius: 0
}
select.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
select:hover {
background: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat #f3f3f3;
background-position-x: 97%;
background-position-y: center;
border-color: #999
}
select::-ms-expand {
display: none
}
@-moz-document url-prefix() {
select {
background: #fafafa
}
select:hover {
background: #f3f3f3
}
}
.postfix, .prefix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
border-style: solid;
border-width: 1px;
overflow: hidden;
font-size: .875rem;
height: 2.3125rem;
line-height: 2.3125rem
}
.postfix.button, .prefix.button {
padding: 0;
text-align: center;
line-height: 2.125rem;
border: none
}
.prefix.button.radius {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px
}
.postfix.button.radius {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topright: 3px
}
.prefix.button.round {
-webkit-border-radius: 1000px 0 0 1000px;
border-radius: 1000px 0 0 1000px;
-moz-border-radius-bottomleft: 1000px;
-moz-border-radius-topleft: 1000px
}
.postfix.button.round {
-webkit-border-radius: 0 1000px 1000px 0;
border-radius: 0 1000px 1000px 0;
-moz-border-radius-bottomright: 1000px;
-moz-border-radius-topright: 1000px
}
label.prefix, span.prefix {
background: #f2f2f2;
border-right: none;
color: #333;
border-color: #ccc
}
label.prefix.radius, span.prefix.radius {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px
}
label.postfix, span.postfix {
background: #f2f2f2;
border-left: none;
color: #333;
border-color: #ccc
}
label.postfix.radius, span.postfix.radius {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topright: 3px
}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {
-webkit-appearance: none;
background-color: #fff;
font-family: inherit;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .75);
display: block;
font-size: .875rem;
margin: 0 0 1rem;
padding: .5rem;
height: 2.3125rem;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: -webkit-box-shadow .45s, border-color .45s ease-in-out;
-moz-transition: -moz-box-shadow .45s, border-color .45s ease-in-out;
transition: box-shadow .45s, border-color .45s ease-in-out
}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, textarea:focus {
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
background: #fafafa;
border-color: #999;
outline: 0
}
input[type=text][disabled], input[type=password][disabled], input[type=date][disabled], input[type=datetime][disabled], input[type=datetime-local][disabled], input[type=month][disabled], input[type=week][disabled], input[type=email][disabled], input[type=number][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=time][disabled], input[type=url][disabled], textarea[disabled] {
background-color: #ddd
}
input[type=text].radius, input[type=password].radius, input[type=date].radius, input[type=datetime].radius, input[type=datetime-local].radius, input[type=month].radius, input[type=week].radius, input[type=email].radius, input[type=number].radius, input[type=search].radius, input[type=tel].radius, input[type=time].radius, input[type=url].radius, textarea.radius {
-webkit-border-radius: 3px;
border-radius: 3px
}
select {
height: 2.3125rem
}
input[type=file], input[type=checkbox], input[type=radio], select {
margin: 0 0 1rem
}
input[type=checkbox]+label, input[type=radio]+label {
display: inline-block;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline
}
input[type=file] {
width: 100%
}
fieldset {
border: 1px solid #ddd;
padding: 1.25rem;
margin: 1.125rem 0
}
fieldset legend {
font-weight: 700;
background: #fff;
padding: 0 .1875rem;
margin: 0 0 0 -.1875rem
}
[data-abide] .error small.error, [data-abide] small.error, [data-abide] span.error {
display: block;
padding: .375rem .5625rem .5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: 400;
font-style: italic;
background: #f04124;
color: #fff
}
[data-abide] small.error, [data-abide] span.error {
display: none
}
small.error, span.error {
display: block;
padding: .375rem .5625rem .5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: 400;
font-style: italic;
background: #f04124;
color: #fff
}
.error input, .error select, .error textarea {
margin-bottom: 0
}
.error input[type=checkbox], .error input[type=radio] {
margin-bottom: 1rem
}
.error label, .error label.error {
color: #f04124
}
.error small.error {
display: block;
padding: .375rem .5625rem .5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: 400;
font-style: italic;
background: #f04124;
color: #fff
}
.error>label>small {
color: #676767;
background: 0 0;
padding: 0;
text-transform: capitalize;
font-style: normal;
font-size: 60%;
margin: 0;
display: inline
}
.error span.error-message {
display: block
}
input.error, textarea.error {
margin-bottom: 0
}
label.error {
color: #f04124
}
[class*=block-grid-] {
display: block;
padding: 0;
margin: 0 -.625rem
}
[class*=block-grid-]:after, [class*=block-grid-]:before {
content: " ";
display: table
}
[class*=block-grid-]:after {
clear: both
}
[class*=block-grid-]>li {
display: block;
height: auto;
float: left;
padding: 0 .625rem 1.25rem
}
@media only screen {
.small-block-grid-1>li {
width: 100%;
list-style: none
}
.small-block-grid-1>li:nth-of-type(n) {
clear: none
}
.small-block-grid-1>li:nth-of-type(1n+1) {
clear: both
}
.small-block-grid-2>li {
width: 50%;
list-style: none
}
.small-block-grid-2>li:nth-of-type(n) {
clear: none
}
.small-block-grid-2>li:nth-of-type(2n+1) {
clear: both
}
.small-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.small-block-grid-3>li:nth-of-type(n) {
clear: none
}
.small-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.small-block-grid-4>li {
width: 25%;
list-style: none
}
.small-block-grid-4>li:nth-of-type(n) {
clear: none
}
.small-block-grid-4>li:nth-of-type(4n+1) {
clear: both
}
.small-block-grid-5>li {
width: 20%;
list-style: none
}
.small-block-grid-5>li:nth-of-type(n) {
clear: none
}
.small-block-grid-5>li:nth-of-type(5n+1) {
clear: both
}
.small-block-grid-6>li {
width: 16.66667%;
list-style: none
}
.small-block-grid-6>li:nth-of-type(n) {
clear: none
}
.small-block-grid-6>li:nth-of-type(6n+1) {
clear: both
}
.small-block-grid-7>li {
width: 14.28571%;
list-style: none
}
.small-block-grid-7>li:nth-of-type(n) {
clear: none
}
.small-block-grid-7>li:nth-of-type(7n+1) {
clear: both
}
.small-block-grid-8>li {
width: 12.5%;
list-style: none
}
.small-block-grid-8>li:nth-of-type(n) {
clear: none
}
.small-block-grid-8>li:nth-of-type(8n+1) {
clear: both
}
.small-block-grid-9>li {
width: 11.11111%;
list-style: none
}
.small-block-grid-9>li:nth-of-type(n) {
clear: none
}
.small-block-grid-9>li:nth-of-type(9n+1) {
clear: both
}
.small-block-grid-10>li {
width: 10%;
list-style: none
}
.small-block-grid-10>li:nth-of-type(n) {
clear: none
}
.small-block-grid-10>li:nth-of-type(10n+1) {
clear: both
}
.small-block-grid-11>li {
width: 9.09091%;
list-style: none
}
.small-block-grid-11>li:nth-of-type(n) {
clear: none
}
.small-block-grid-11>li:nth-of-type(11n+1) {
clear: both
}
.small-block-grid-12>li {
width: 8.33333%;
list-style: none
}
.small-block-grid-12>li:nth-of-type(n) {
clear: none
}
.small-block-grid-12>li:nth-of-type(12n+1) {
clear: both
}
}
@media only screen and (min-width:40.063em) {
.medium-block-grid-1>li {
width: 100%;
list-style: none
}
.medium-block-grid-1>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-1>li:nth-of-type(1n+1) {
clear: both
}
.medium-block-grid-2>li {
width: 50%;
list-style: none
}
.medium-block-grid-2>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-2>li:nth-of-type(2n+1) {
clear: both
}
.medium-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.medium-block-grid-3>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.medium-block-grid-4>li {
width: 25%;
list-style: none
}
.medium-block-grid-4>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-4>li:nth-of-type(4n+1) {
clear: both
}
.medium-block-grid-5>li {
width: 20%;
list-style: none
}
.medium-block-grid-5>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-5>li:nth-of-type(5n+1) {
clear: both
}
.medium-block-grid-6>li {
width: 16.66667%;
list-style: none
}
.medium-block-grid-6>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-6>li:nth-of-type(6n+1) {
clear: both
}
.medium-block-grid-7>li {
width: 14.28571%;
list-style: none
}
.medium-block-grid-7>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-7>li:nth-of-type(7n+1) {
clear: both
}
.medium-block-grid-8>li {
width: 12.5%;
list-style: none
}
.medium-block-grid-8>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-8>li:nth-of-type(8n+1) {
clear: both
}
.medium-block-grid-9>li {
width: 11.11111%;
list-style: none
}
.medium-block-grid-9>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-9>li:nth-of-type(9n+1) {
clear: both
}
.medium-block-grid-10>li {
width: 10%;
list-style: none
}
.medium-block-grid-10>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-10>li:nth-of-type(10n+1) {
clear: both
}
.medium-block-grid-11>li {
width: 9.09091%;
list-style: none
}
.medium-block-grid-11>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-11>li:nth-of-type(11n+1) {
clear: both
}
.medium-block-grid-12>li {
width: 8.33333%;
list-style: none
}
.medium-block-grid-12>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-12>li:nth-of-type(12n+1) {
clear: both
}
}
@media only screen and (min-width:64.063em) {
.large-block-grid-1>li {
width: 100%;
list-style: none
}
.large-block-grid-1>li:nth-of-type(n) {
clear: none
}
.large-block-grid-1>li:nth-of-type(1n+1) {
clear: both
}
.large-block-grid-2>li {
width: 50%;
list-style: none
}
.large-block-grid-2>li:nth-of-type(n) {
clear: none
}
.large-block-grid-2>li:nth-of-type(2n+1) {
clear: both
}
.large-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.large-block-grid-3>li:nth-of-type(n) {
clear: none
}
.large-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.large-block-grid-4>li {
width: 25%;
list-style: none
}
.large-block-grid-4>li:nth-of-type(n) {
clear: none
}
.large-block-grid-4>li:nth-of-type(4n+1) {
clear: both
}
.large-block-grid-5>li {
width: 20%;
list-style: none
}
.large-block-grid-5>li:nth-of-type(n) {
clear: none
}
.large-block-grid-5>li:nth-of-type(5n+1) {
clear: both
}
.large-block-grid-6>li {
width: 16.66667%;
list-style: none
}
.large-block-grid-6>li:nth-of-type(n) {
clear: none
}
.large-block-grid-6>li:nth-of-type(6n+1) {
clear: both
}
.large-block-grid-7>li {
width: 14.28571%;
list-style: none
}
.large-block-grid-7>li:nth-of-type(n) {
clear: none
}
.large-block-grid-7>li:nth-of-type(7n+1) {
clear: both
}
.large-block-grid-8>li {
width: 12.5%;
list-style: none
}
.large-block-grid-8>li:nth-of-type(n) {
clear: none
}
.large-block-grid-8>li:nth-of-type(8n+1) {
clear: both
}
.large-block-grid-9>li {
width: 11.11111%;
list-style: none
}
.large-block-grid-9>li:nth-of-type(n) {
clear: none
}
.large-block-grid-9>li:nth-of-type(9n+1) {
clear: both
}
.large-block-grid-10>li {
width: 10%;
list-style: none
}
.large-block-grid-10>li:nth-of-type(n) {
clear: none
}
.large-block-grid-10>li:nth-of-type(10n+1) {
clear: both
}
.large-block-grid-11>li {
width: 9.09091%;
list-style: none
}
.large-block-grid-11>li:nth-of-type(n) {
clear: none
}
.large-block-grid-11>li:nth-of-type(11n+1) {
clear: both
}
.large-block-grid-12>li {
width: 8.33333%;
list-style: none
}
.large-block-grid-12>li:nth-of-type(n) {
clear: none
}
.large-block-grid-12>li:nth-of-type(12n+1) {
clear: both
}
}
.flex-video {
position: relative;
padding-top: 1.5625rem;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 1rem;
overflow: hidden
}
.flex-video.widescreen {
padding-bottom: 56.55%
}
.flex-video.vimeo {
padding-top: 0
}
.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.keystroke, kbd {
background-color: #ededed;
border-color: #ddd;
color: #222;
border-style: solid;
border-width: 1px;
margin: 0;
font-family: Consolas, Menlo, Courier, monospace;
font-size: .875rem;
padding: .125rem .25rem 0;
-webkit-border-radius: 3px;
border-radius: 3px
}
.hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-only {
display: inherit!important
}
.hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-only, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none!important
}
table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-only {
display: table
}
thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-only {
display: table-header-group!important
}
tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-only {
display: table-row-group!important
}
tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-only {
display: table-row!important
}
td.hide-for-large, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-only, th.hide-for-large, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-up, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-only {
display: table-cell!important
}
@media only screen and (min-width:40.063em) {
.hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up {
display: inherit!important
}
.hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none!important
}
table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up {
display: table
}
thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up {
display: table-header-group!important
}
tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up {
display: table-row-group!important
}
tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up {
display: table-row!important
}
td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up {
display: table-cell!important
}
}
@media only screen and (min-width:64.063em) {
.hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium-up {
display: inherit!important
}
.hide-for-large, .hide-for-large-only, .hide-for-large-up, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none!important
}
table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up {
display: table
}
thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up {
display: table-header-group!important
}
tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up {
display: table-row-group!important
}
tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up {
display: table-row!important
}
td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up {
display: table-cell!important
}
}
@media only screen and (min-width:90.063em) {
.hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-only, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up {
display: inherit!important
}
.hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small-only, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none!important
}
table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-only, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-xlarge, table.show-for-xlarge-only, table.show-for-xlarge-up {
display: table
}
thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-xlarge, thead.show-for-xlarge-only, thead.show-for-xlarge-up {
display: table-header-group!important
}
tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-xlarge, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up {
display: table-row-group!important
}
tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-xlarge, tr.show-for-xlarge-only, tr.show-for-xlarge-up {
display: table-row!important
}
td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-only, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-xlarge, td.show-for-xlarge-only, td.show-for-xlarge-up, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-xlarge, th.show-for-xlarge-only, th.show-for-xlarge-up {
display: table-cell!important
}
}
@media only screen and (min-width:120.063em) {
.hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-only, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: inherit!important
}
.hide-for-xlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small-only, .show-for-xlarge-only {
display: none!important
}
table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-only, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
display: table
}
thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
display: table-header-group!important
}
tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
display: table-row-group!important
}
tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
display: table-row!important
}
td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-only, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-xlarge-up, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-only, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-xlarge-up, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
display: table-cell!important
}
}
.hide-for-portrait, .show-for-landscape {
display: inherit!important
}
.hide-for-landscape, .show-for-portrait {
display: none!important
}
table.hide-for-landscape, table.show-for-portrait {
display: table
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group!important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group!important
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row!important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
display: table-cell!important
}
@media only screen and (orientation:landscape) {
.hide-for-portrait, .show-for-landscape {
display: inherit!important
}
.hide-for-landscape, .show-for-portrait {
display: none!important
}
table.hide-for-portrait, table.show-for-landscape {
display: table
}
thead.hide-for-portrait, thead.show-for-landscape {
display: table-header-group!important
}
tbody.hide-for-portrait, tbody.show-for-landscape {
display: table-row-group!important
}
tr.hide-for-portrait, tr.show-for-landscape {
display: table-row!important
}
td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
display: table-cell!important
}
}
@media only screen and (orientation:portrait) {
.hide-for-landscape, .show-for-portrait {
display: inherit!important
}
.hide-for-portrait, .show-for-landscape {
display: none!important
}
table.hide-for-landscape, table.show-for-portrait {
display: table
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group!important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group!important
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row!important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
display: table-cell!important
}
}
.show-for-touch {
display: none!important
}
.hide-for-touch, .touch .show-for-touch {
display: inherit!important
}
.touch .hide-for-touch {
display: none!important
}
.touch table.show-for-touch, table.hide-for-touch {
display: table
}
.touch thead.show-for-touch, thead.hide-for-touch {
display: table-header-group!important
}
.touch tbody.show-for-touch, tbody.hide-for-touch {
display: table-row-group!important
}
.touch tr.show-for-touch, tr.hide-for-touch {
display: table-row!important
}
.touch td.show-for-touch, .touch th.show-for-touch, td.hide-for-touch, th.hide-for-touch {
display: table-cell!important
}
/*//___Sidr Custom___\\*/
#sidr-right {
-webkit-transition: width 0.5s ease;
transition: width 0.5s ease;
}
#sidr-right.expando {
width: 450px;
}
.sidr-class-menu-side-navigation-container {
margin-top: 16px;
margin-top: 1rem;
}
/*//___Search Bar___\\*/
.sidr-class-headersearch {
padding: 0 0.9375rem;
}
form#sidr-id-searchform {
position: relative;
display: table;
clear: both;
width: 100%;
margin: 0
}
form#sidr-id-searchform input.sidr-class-searchfield {
color: #000;
background: none repeat scroll 0 0 #edfffa;
border: medium none;
box-shadow: none;
width: 100%;
font-size: 16px;
font-size: 1rem;
height: 50px;
text-align: center;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
margin: 0;
border-radius: 0;
position: absolute;
top: 0;
left: 0;
}
form#sidr-id-searchform input.sidr-class-searchfield:focus {
font-size: 32px;
font-size: 2rem;
background: #af9f3a;
color: #FFF;
box-shadow: none;
}
form#sidr-id-searchform input.sidr-class-searchbutton {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
height: 50px;
background: transparent;
border: none;
position: absolute;
right: 0;
z-index: 2;
}
form#sidr-id-searchform span.sidr-class-searchbuttonreal {
font-size: 48px;
font-size: 3rem;
color: #000;
right: 0;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
height: 50px;
z-index: -1;
position: absolute;
}
form#sidr-id-searchform span.sidr-class-searchbuttonreal:after {
display: none;
-webkit-transition: all .5s ease 0s;
transition: all .5s ease 0s;
content: '\260C';
position: absolute;
top: 0;
left: 10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
min-width: 0;
z-index: 1;
color: #FFF;
}
#sidr-right.expando input.sidr-class-searchbutton {
width: 20%;
}
#sidr-right.expando span.sidr-class-searchbuttonreal {
font-size: 80px;
font-size: 5rem;
background: #4f7f71;
width: 20%;
overflow: hidden;
}
#sidr-right.expando form#sidr-id-searchform span.sidr-class-searchbuttonreal:after {
top: 10px;
left: 20px;
display: block;
}
#sidr-right.expando span.sidr-class-searchbuttonreal, #sidr-right.expando input.sidr-class-searchfield, #sidr-right.expando input.sidr-class-searchbutton {
height: 100px;
}
#sidr-right.expando input.sidr-class-searchfield {
width: 80%;
}
/*//___Page Slider Settings___\\*/
/*.page-slider-2-slider {height: 40em;}*/
.page-slider-2-slider-block p {
text-align: center;
margin: 0 auto;
max-width: 1024px
}
.page-slider-2-slider-block {
padding: 0 15px;
text-align: center;
transition: all .5s ease;
height: 100%;
position: relative
}
.page-slider-featured-image {
background-repeat: no-repeat;
background-size: cover;
border: 5px solid #427f71;
border-radius: 50%;
box-shadow: 0 0 0 5px #fff inset;
height: 20em;
margin: .9375em auto;
width: 20em;
max-width: 100%;
}
/*.page-slider-content{min-height: 12em;}*/
h3.page-slider-2-slider-block-title {
font-size: 1.25em
}
.page-slider-read-more {
background: none repeat scroll 0 0 transparent;
border: 2px solid #427f71;
border-radius: 5px;
color: #427f71;
font-size: 1.125em;
height: 3em;
margin: 0.9375em auto;
text-align: center;
transition: all .5s ease 0s;
width: 60%;
min-width: 12rem;
}
.page-slider-read-more:hover {
background: #806477;
border: 2px solid #806477;
color: #FFF;
}
a.page-slider-read-more-link {
color: inherit;
display: block;
height: 100%;
padding: .9375em;
text-transform: uppercase;
width: 100%
}
a.page-slider-read-more-link:before {
margin-right: 15px
}
.page-slider-2-slider .slick-list {
width: 91.666667%;
margin: 0 auto;
}
.page-slider-2-slider .slick-prev {
left: 0
}
.page-slider-2-slider .slick-next {
right: 0
}
.page-slider-2-slider .slick-prev, .page-slider-2-slider .slick-next {
background: #333;
bottom: 0;
color: #FFF;
margin: 0 3px;
padding: 25px;
-webkit-transition: all .5s ease;
transition: all .5s ease
}
.page-slider-2-slider .slick-next, .page-slider-2-slider .slick-prev {
border-radius: 25px
}
.page-slider-2-slider .slick-prev:hover, .page-slider-2-slider .slick-next:hover {
background: #e4e4e4;
color: #000
}
.page-slider-2-slider .slick-prev:before {
content: '<';
left: 8px
}
.page-slider-2-slider .slick-next:before {
content: '>';
right: 8px
}
.page-slider-2-slider .slick-prev:before, .page-slider-2-slider .slick-next:before {
background-repeat: no-repeat;
font-size: 25px;
line-height: 0;
margin: -1px 6px;
position: absolute;
text-align: center;
width: 17px
}
.page-slider-2-slider .slick-next:focus, .page-slider-2-slider .slick-prev:focus {
background-color: dimgray;
color: #FFF
}
/*//___Sidebar Slider___\\*/
#sidebarslider {
height: inherit;
border-left: 1px solid #DADFE1;
}
#sidebarslider .page-slider-2-slider-block {
padding-right: 0px;
}
#sidebarslider h3.page-slider-2-slider-block-title {
font-size: 1rem
}
#sidebarslider h2 {
font-size: 1.75rem;
}
#sidebarslider .page-slider-featured-image {
height: 6rem;
width: 6rem;
min-width: 6rem;
}
#sidebarslider .page-slider-content {
min-height: 0;
padding-left: 0;
}
#sidebarslider .slick-next, #sidebarslider .slick-prev {
background: transparent;
color: #000;
}
#sidebarslider .slick-next:hover, #sidebarslider .slick-prev:hover {
color: #4F7F71;
}
#sidebarslider .slick-next {
top: 35%;
right: -35px;
}
#sidebarslider .slick-prev {
top: 25%;
left: inherit;
right: -35px;
}
#sidebarslider .slick-prev:before, #sidebarslider .slick-next:before {
color: inherit;
width: 10px;
text-align: right;
}
#sidebarslider .slick-prev:before {
content: '\2191';
font-size: 2rem;
right: 0px;
left: auto;
}
#sidebarslider .slick-next:before {
content: '\2193';
right: 0px;
font-size: 2rem;
}
#sidebarslider .slick-list {
width: 100%;
height: auto;
}
#sidebarslider .slick-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#sidebarslider .page-slider-read-more-link {
text-align: left;
}
.sidebarscroll-widget {
padding: 0 30px;
}
//Facility Photos Slick Slider
/* Additional Queries */
@media only screen and (max-width: 84.063em) {
#nav {
border-top: 1px solid #dadfe1;
width: 100%;
padding-top: .7em;
}
#top-nav {
padding-top: 2.75rem;
padding-right: 1.25rem;
font-size: 1.125rem;
}
}
@media only screen and (max-width: 64.063em) {
img[class*="wp-image-"] {
float: none;
margin: 0 auto;
display: block
}
.tier-space {
padding: 2em 0;
}
.tier-space .text-right img {
padding: 2em 2em 2em 0;
}
.tier-space .text-left img {
padding: 2em 0 2em 2em;
}
.cta_message {
float: left;
margin-right: 1em;
padding-top: 0;
}
.phone_cta {
text-align: center;
float: left;
margin-top: 1em;
background: url(style/images/trv-icon.png) top left no-repeat;
padding: .5em 0 0 125px;
min-height: 90px;
}
.phone_cta .phone_number {
font-size: 1.5rem;
}
.admissions-cta .phone_cta {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 25rem;
}
.page-cta .phone_cta {
margin-bottom: 0;
}
.page-cta .phone_cta span {
float: none;
}
#top-nav {
font-size: 1rem;
}
/*.hm-staff-item{width:33%;}*/
/*.phone_cta{float:none; margin:1em 0 0 24%; text-align: left; clear:both;}*/
#sidr-right.expando {
width: 320px;
}
#sidr-right.expando form#sidr-id-searchform span.sidr-class-searchbuttonreal:after {
top: 23px;
left: 35px;
line-height: 0;
width: 0;
height: 0
}
#sidebarslider {
height: 300px;
border: none;
}
#sidebarslider .slick-prev:before, #sidebarslider .slick-next:before {
font-size: 2rem;
color: #000;
}
#sidebarslider .slick-prev:before {
content: '\2190';
left: 10px;
}
#sidebarslider .slick-next:before {
content: '\2192';
right: 10px;
}
#sidebarslider .slick-next, #sidebarslider .slick-prev {
top: 25px;
background: transparent;
}
#sidebarslider .slick-next {
right: -40px;
}
#sidebarslider .slick-prev {
left: -60px;
}
#sidebarslider .page-slider-content {
padding: 0;
}
#sidebarslider .slick-slide {
display: block;
z-index: 1;
}
#sidebarslider .slick-slider {
padding-top: 30px;
height: 12.95rem;
}
#sidebarslider .page-slider-read-more-link {
text-align: center;
}
#sidebarslider .slick-dots {
position: absolute;
list-style: outside none none;
padding: 0;
top: 0;
width: 100%;
height: 1rem;
}
.page-slider-2-slider .slick-dots {
margin: 0;
width: 100%;
}
.page-slider-2-slider .slick-dots li {
width: 8px;
}
.page-slider-2-slider .slick-dots li button:before {
font-size: 2rem;
color: #806477
}
.page-slider-2-slider .slick-dots li.slick-active button:before {
color: #806477;
opacity: .75
}
//Swipe Animation Sidebar Slider
.swipethis {
margin: 0 auto;
width: 100%;
padding-top: 2.25rem;
z-index: -1
}
.swipeicon {
background-image: url('../trv/style/images/icons/swipeallday.png');
background-position-x: -100px;
margin: 0 auto;
height: 50px;
width: 50px;
-webkit-animation: swipeicon 2000ms infinite;
animation: swipeicon 2000ms infinite;
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear
}
@-webkit-keyframes swipeicon {
0% {
-webkit-transform: rotateZ(90deg);
opacity: .25
}
50% {
-webkit-transform: rotateZ(0deg);
opacity: .75
}
100% {
-webkit-transform: rotateZ(90deg);
opacity: .25
}
}
@keyframes swipeicon {
0% {
transform: rotateZ(90deg);
opacity: .25
}
50% {
transform: rotateZ(0deg);
opacity: .75
}
100% {
transform: rotateZ(90deg);
opacity: .25
}
}
}
@media only screen and (max-width: 40.063em) {
#responsive-menu-button {}
.phone_cta {
text-align: center;
float: none;
margin: 1em 0 3em 0;
background: url(style/images/trv-icon.png) center top no-repeat;
padding: 100px 0 0 0;
}
.quote_icon {
background: url(style/images/quote-icon.png) center top no-repeat;
padding: 70px 0 0 0;
}
.hm-programs img {
margin-bottom: 1em;
}
.hm-programs {
text-align: center;
}
footer {
text-align: center;
}
#nav, #nav ul {
margin-top: 0;
}
.logo {
width: 300px;
margin-left: auto;
margin-right: auto;
}
.no-padding {
padding-left: inherit;
padding-right: inherit;
}
.accred li {
padding: 0.625rem!important;
}
#sidr-right.expando span.sidr-class-searchbuttonreal, #sidr-right.expando input.sidr-class-searchfield, #sidr-right.expando input.sidr-class-searchbutton {
height: 75px;
}
.mobile-phone-nav {
line-height: 2.25;
color: rgb(128, 100, 119);
font-size: 1.25rem;
}
.sidr-class-close {
font-size: 1.25rem;
}
#sidr-right.expando {
width: 300px;
}
#sidr-right.expando form#sidr-id-searchform span.sidr-class-searchbuttonreal::after {
top: 18px
}
.page-slider-featured-image {
height: 20em;
border: 1px solid #427f71;
border-radius: 0;
box-shadow: none;
width: 100%
}
/*.page-slider-content{min-height: 14em;}*/
.page-slider-2-slider-block {
padding: 0 5px;
}
#sidebarslider h2 {
font-size: 1.25rem;
}
#sidebarslider .page-slider-featured-image {
height: 6rem;
width: 10rem;
min-width: 10rem;
margin: .25rem auto;
}
.swipeicon {
height: 25px;
width: 25px;
background-size: cover;
background-position: left top;
}
}
/*//___Snackable___\\*/
.sm {
font-size: 1.175rem;
line-height: 1.5;
}
.med {
font-size: 1.5rem;
line-height: 1.5;
}
.lrg {
font-size: 2.3rem;
line-height: 1.4;
}
.p-text {
color: #806477 !important;
}
.y-text {
color: #af9f3a !important;
}
.g-text {
color: #427f71 !important;
}
.w-text {
color: #ffffff !important;
}
.drk-text {
color: #333333 !important;
}
.box {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
}
.w-back {
background-color: #ffffff;
}
.y-back {
background-color: #fffbed;
}
.p-back {
background-color: #f8edff;
}
.g-back {
background-color: #edfffa;
}
/*//___PPC Landing Pages___\\*/
.h1-sm {
font-size: 2.25rem
}
.back-image {
padding: 2em 1em 2em 1em;
margin: 2em 0em 2em 0em;
background-position: top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.mar-t {
margin-top: 2em;
}
.mar-r {
margin-right: 2em;
}
.mar-b {
margin-bottom: 2em;
}
.mar-l {
margin-left: 2em;
}
.gold-back {
background-color: #eddf9a;
}
/*Lightbox*/
/* Preload images */
body:after {
content: url(style/images/icons/close.png) url(style/images/icons/loading.gif) url(style/images/icons/prev.png) url(style/images/icons/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(style/images/icons/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(style/images/icons/prev.png) left 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(style/images/icons/next.png) right 48% no-repeat;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(style/images/icons/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*Slider Syncing*/
.slider-main-video img, .slider-main img {
margin: 0 auto;
}
.slider-thumb-video img:hover, .slider-thumb img:hover {
cursor: pointer;
}
.slider-thumb-video .slick-slide, .slider-thumb .slick-slide {
padding: 15px;
}
.slider-thumb-video > .slick-prev::before, .slider-thumb-video > .slick-next::before, .slider-thumb > .slick-prev::before, .slider-thumb > .slick-next::before {
color: black;
}
/*Video Playlist*/
#video-playlist .flex-video iframe {
max-height: 500px;
}
#video-playlist .slider-main {
max-height: 500px;
}
#video-playlist .slick-slide {
text-align: center;
}
.video-embedded iframe {
max-width: 100%;
}
/*Fix for Contact banner*/
.page-id-2889 .row.contact-main-block {
background-position-x: right;
}
@media only screen and (max-width:64.063em){
#sidr-id-large-menu-side{
display:none;
}
}
@media only screen and (min-width:64.063em) {
#sidr-id-mobile-menu-side {
display: none;
}
}
.reference div,
.reference span,
.reference p {display:inline; margin:0px;}
.reference{ margin-bottom:10px;}
.jumptarget::before {
content:"";
display:block;
height:124px; /* fixed header height*/
margin:-124px 0 0; /* negative fixed header height */
}
#select_all_infographic {
height: 4rem;
}