/* --- VARIABLES --------------------------------------------------------------------*/
:root {
  --accent: #2795b6;
  --hover: #0078a0;
  --secondary: #0078a0;
}


/* ---- TYPOGRAPHY ----------------------------------------------------------------------- */
body { font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat'; font-size: 0.9rem; font-weight: normal; line-height: 1.5em; letter-spacing: -0.025em; word-spacing: 0em; }
div, p, li, address, label, td, select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="submit"], textarea { font-family: 'Open Sans'; }
div, p, li, address, code, label, td { font-size: 0.9rem; line-height: 1.5em; }

.sans-serif-type { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.serif-type { font-family: 'Georgia', serif; }
.monospace-type { font-family: monospace; }
.icon { font-family: 'FontAwesome'; text-decoration: none; }
.display-type { font-family: 'Montserrat'; }
.base-type { font-family: 'Open Sans'; }

.text-tight { line-height: calc(1.5 / 1.5); }
.text-single { line-height: 1.5; }
.text-double { line-height: calc(1.5 * 2); }

.rtl { unicode-bidi: bidi-override; direction: rtl; }


/* ---- LINKS ----------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active { outline: none; focus: none; font-family: inherit; color: inherit; }
a:hover { color: #0078a0; }

a.close-button, a.close, a.close-reveal-modal { font-size: 1.5em; font-weight: bold; margin-top: .35em; z-index: 9999; background: transparent; }
a.close-button:hover, a.close:hover, a.close-reveal-modal:hover { text-decoration: none; opacity: .75; }

a.left-off-canvas-toggle, a.right-off-canvas-toggle { margin: .25em .5em; }
a.toggle-offcanvas { font-size: 4em; color: #ccc; opacity: .5; position: absolute; top: .25em; right: .5em; z-index: 9997; }
a.toggle-offcanvas:hover { opacity: 1; }

.button, button, input[type="submit"].button, input[type="reset"].button, input[type="button"].button { font-weight: bold; color: #fff !important; background-color: #2795b6; outline: none; focus: none; }
.button:hover, button:hover, input.button[type="submit"]:hover, input.button[type="reset"]:hover, input.button[type="button"]:hover { background-color: #0078a0; } 

.button.hollow, button.hollow { border-width: .15em; border-color: #2795b6; color: #2795b6 !important; }
.button.hollow:hover, button.hollow:hover { background-color: transparent; border-color: #0078a0; color: #fff !important; } 

.button.hollow.text-reverse, .button.hollow.text-white, button.hollow.text-reverse, button.hollow.text-white { border-color: #fff !important; color: #fff !important; }
.button.hollow.text-reverse:hover, .button.hollow.text-white:hover, button.hollow.text-reverse:hover, button.hollow.text-white:hover { color: #fff !important; background: rgba(255,255,255,.25); opacity: .75; }

.button.hollow.text-grey, .button.hollow.text-grey, .button.hollow.text-gray, .button.hollow.text-gray, button.hollow.text-grey, button.hollow.text-grey, button.hollow.text-gray, button.hollow.text-gray { border-color: #e2e2e2 !important; color: #e2e2e2 !important; }
.button.hollow.text-grey:hover, .button.hollow.text-grey:hover, .button.hollow.text-gray:hover, .button.hollow.text-gray:hover, button.hollow.text-grey:hover, button.hollow.text-grey:hover, button.hollow.text-gray:hover, button.hollow.text-gray:hover { color: #e2e2e2 !important; opacity: .75; }

.button.hollow.text-accent { border-color: #2795b6 !important; color: #2795b6 !important; }
.button.hollow.text-accent:hover { color: #2795b6 !important; opacity: .75; }

.hover:hover { opacity: .75; }
.download:hover { text-decoration: underline; }
.download:before { content: '\f1c1'; font-family: 'FontAwesome'; text-decoration: none; padding-right: .5em; display: inline-block; }
.arrow:before { content: '\f0d7'; font-family: 'FontAwesome'; text-decoration: none; padding-right: .5em; display: inline-block; }
.update:before { content: '\f040'; font-family: 'FontAwesome'; text-decoration: none; padding-right: .5em; display: inline-block; }


/* ---- NAVIGATION ----------------------------------------------------------------------- */
.menu li a:link { line-height: 1.5; } 
header .menu li a:link, header .menu li a:visited, header .menu li.search label:before { color: inherit; }
footer .menu li a:link, footer .menu li a:visited { font-size: 90%; color: inherit; }
header .menu li a:hover, footer .menu li a:hover { color: inherit; opacity: .5; }
header .menu li.text-reverse a:hover { color: #fff !important; }
nav.row { max-width: 100vw; }

li.search { position: relative; z-index: 0; }
li.search:hover { z-index: 5; }
li.search label { display: block; text-indent: -9999px; width: 2.5em; cursor: pointer; }
li.search label:before { font-family: 'FontAwesome'; font-size: 1.5em; text-decoration: none; display: inline-block; text-indent: 0; position: absolute; top: 9%; right: 25%; content:'\f002'; }
li.search:hover label:before { color: #ccc; }
li.search input[type="submit"] { visibility: collapse; }
li.search #SEARCH { position: absolute; top: .1em; right: 0; width: 0; height: 100%; overflow: hidden; }
li.search #SEARCH input { font-size: inherit; display: block; margin: 0; padding-left: 1.5em; padding-right: 5em; -webkit-transition: all 1s ease; transition: all 1s ease; focus: none; outline: none; position: absolute; top: 0; right: 0; width: 100%; box-shadow: none; }
li.search:hover #SEARCH { width: 25em; -webkit-transition: all 1s ease; transition: all 1s ease; }
li.search:hover input { right: 0; -webkit-transition: all 1s ease; transition: all 1s ease; }

#SIDENAV li.search { top: 1em; }
#SIDENAV li.search label { width: 50%; height: 5em; }
#SIDENAV li.search label:before { top: 5%; left: 5%; right: auto; }
#SIDENAV li.search #SEARCH { left: 0; height: 5em; }
#SIDENAV li.search #SEARCH input { padding-left: 3em; position: static; }
#SIDENAV li.search:hover label { width: 2.5em; }
#SIDENAV li.search:hover #SEARCH { width: 99%; }
#SIDENAV li.search:hover input { left: 0; }

.menu .active > a:link { background: transparent; }
.sub-menu li { font-size: 1em; text-transform: none; }
.sub-menu li:first-child { border-top: none; }
.sub-menu li a:link { background-color: #2795b6 !important; } 
.sub-menu li a:hover { background-color: #0078a0 !important; opacity: 1 !important; }     
.sub-menu li a:link, .sub-menu li a:visited { color: #fff !important; margin-top: 0; }
.sub-menu li a:hover { color: #fff; opacity: 1; }
.sub-menu.first-sub { margin-left: 1.5em; border: none; }
.dropdown.menu .submenu { margin-top: 0; border: none; }
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border: none; }
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after { border-color: transparent transparent transparent rgba(255,255,255,.5); margin-right: -1em; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after, .is-accordion-submenu-parent > a::after { border-color: #999 transparent transparent; } 

ul.text-center li { display: inline-block; }

ul.pagination li { -webkit-border-radius: .313em; -moz-border-radius: .313em; border-radius: .313em; }
ul.pagination li a:link {  }
ul.pagination li.current { background: transparent; padding: 0; }
ul.pagination li.current a, ul.pagination li.current button { font-weight: normal; color: #fff; background: #2795b6; }
ul.pagination li.accent a:hover, ul.pagination li.accent button:hover { background: transparent; background: #0078a0; }

.flex-control-nav, .slide-nav { position: relative; z-index: 2; }
.flex-control-paging li a.flex-active { background: rgba(0,0,0,.5); }
.flex-control-paging li a { background: rgba(0,0,0,.25); }
.flex-direction-nav a, .flex-direction-nav a::before { text-shadow: 0 0 0 rgba(0,0,0,0); }
.flex-direction-nav a::before { font-size: 20px; }

.flex-direction-nav a { height: 80px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { font-size: 0 !important; }
.flex-direction-nav .flex-next { right: 25px !important; }
.flex-direction-nav a.flex-prev::before { content:'\f104'; font-family: 'FontAwesome'; font-size: 50px; }
.flex-direction-nav a.flex-next::before { content:'\f105'; font-family: 'FontAwesome'; font-size: 50px; }
.flex-control-paging li a:hover { background-color: #0078a0 !important; } 

#OFFCANVAS a:link, #OFFCANVAS a:active, #OFFCANVAS a:visited { color: inherit !important; }

#DETAILS nav ul > li a:link { font-size: .9em; }
#DETAILS nav ul > li a:hover { opacity: .75; }


/* ---- FORMS ----------------------------------------------------------------------- */
::-webkit-input-placeholder { color: #333; }
:-moz-placeholder { color: #333; }
::-moz-placeholder { color: #333; }
:-ms-input-placeholder { color: #333; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], textarea { margin-top: .25rem; margin-bottom: 1.5rem; }

.input-group-label { background: transparent; border: none; }
.input.valid, textarea.valid { border-color: #3adb76 !important; }
.input.invalid, textarea.invalid { border-color: #f04124 !important; }


/* ---- OBJECTS ----------------------------------------------------------------------- */
figure { margin: 0; }

audio { width: 100%; focus: none; outline: none; }

video { width: 100%; focus: none; outline: none; }
.flex-video { margin-bottom: 0; }
.fullscreen-video { overflow: hidden; }
.fullscreen-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.reveal-overlay { z-index: 9999; }
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }

.keep { min-width: 0; }


/* ---- COLOR ----------------------------------------------------------------------- */
body { color: #212121; background-color: #ffffff; }
svg.reverse, svg.accent, svg.secondary, svg.grey, svg.black { background: transparent !important; }

.text-black { color: #141414 !important; }
.black { background: #141414 !important; }
svg.black path, svg.black polygon, svg.black rect { fill: #141414; }

.text-reverse, .text-white { color: #fff !important; }
.reverse, .white { background: #fff !important; }
svg.reverse path, svg.reverse polygon, svg.reverse rect, svg.white path, svg.white polygon, svg.white rect { fill: #ffffff; }

.text-grey, .text-gray { color: #e2e2e2 !important; }
.grey, .gray { background: #e2e2e2 !important; }
svg.grey path, svg.grey polygon, svg.grey rect, svg.gray path, svg.gray polygon, svg.gray rect { fill: #e2e2e2; }
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.text-transparent { opacity: .5 !important; }
.transparent { background-color: transparent !important; }

.error { color: #f04124 !important; }
.success { color: #3adb76 !important; }
.text-base, .text-primary { color: #212121 !important; } 

.text-accent { color: #2795b6 !important; } 
.accent { background: #2795b6 !important; } 
svg.accent path, svg.accent polygon, svg.accent rect { fill: #2795b6; }

.text-secondary { color: #0078a0 !important; } 
.secondary { background: #0078a0 !important; } 
svg.secondary path, svg.secondary polygon, svg.secondary rect { fill: #0078a0; }

.gradient { background: -webkit-linear-gradient(45deg, #2795b6 10%, #0078a0 90%); background: -moz-linear-gradient(45deg, #2795b6 10%, #0078a0 90%); background: -ms-linear-gradient(45deg, #2795b6 10%, #0078a0 90%); background: -o-linear-gradient(45deg, #2795b6 10%, #0078a0 90%); background: linear-gradient(45deg, #2795b6 10%, #0078a0 90%); }

#HEADER div.bkgd { background-color: #ffffff; }
#FOOTER div.bkgd { background-color: #ffffff; }
#OFFCANVAS div { background-color: #2795b6; }


/* ---- APPEARANCE ----------------------------------------------------------------------- */
.no-border { border: 0 solid transparent !important; }
.border { border: .025em solid; }
.border-top-error { border-top: .025em solid #f04124 !important; }
.border-right-error { border-right: .025em solid #f04124 !important; }
.border-bottom-error { border-bottom: .025em solid #f04124 !important; }
.border-left-error { border-left: .025em solid #f04124 !important; }
.border-top-success { border-top: .025em solid #3adb76 !important; }
.border-right-success { border-right: .025em solid #3adb76 !important; }
.border-bottom-success { border-bottom: .025em solid #3adb76 !important; }
.border-left-success { border-left: .025em solid #3adb76 !important; }
.border-top-black { border-top: .025em solid #141414 !important; }
.border-right-black { border-right: .025em solid #141414 !important; }
.border-bottom-black { border-bottom: .025em solid #141414 !important; }
.border-left-black { border-left: .025em solid #141414 !important; }
.border-top-reverse, .border-top-white { border-top: .025em solid #fff; !important; }
.border-right-reverse, .border-right-white { border-right: .025em solid #fff; !important; }
.border-bottom-reverse, .border-bottom-white { border-bottom: .025em solid #fff; !important; }
.border-left-reverse, .border-left-white { border-left: .025em solid #fff; !important; }
.border-top-grey, .border-top-gray { border-top: .025em solid #e2e2e2; !important; }
.border-right-grey, .border-right-gray { border-right: .025em solid #e2e2e2; !important; }
.border-bottom-grey, .border-bottom-gray { border-bottom: .025em solid #e2e2e2; !important; }
.border-left-grey, .border-left-gray { border-left: .025em solid #e2e2e2; !important; }
.border-top-accent { border-top: .025em solid #2795b6 !important; }
.border-right-accent { border-right: .025em solid #2795b6 !important; }
.border-bottom-accent { border-bottom: .025em solid #2795b6 !important; }
.border-left-accent { border-left: .025em solid #2795b6 !important; }
.border-top-secondary { border-top: .025em solid #0078a0 !important; }
.border-right-secondary { border-right: .025em solid #0078a0 !important; }
.border-bottom-secondary { border-bottom: .025em solid #0078a0 !important; }
.border-left-secondary { border-left: .025em solid #0078a0 !important; }

.no-radius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 !important; }
.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% !important; }
.radius { -webkit-border-radius: .313em; -moz-border-radius: .313em; border-radius: .313em !important; }
.radius-top-left { -webkit-border-top-left-radius: .313em; -moz-border-top-left-radius: .313em; border-top-left-radius: .313em !important; }
.radius-top-right { -webkit-border-top-right-radius: .313em; -moz-border-top-right-radius: .313em; border-top-right-radius: .313em !important; }
.radius-bottom-left { -webkit-border-bottom-left-radius: .313em; -moz-border-bottom-left-radius: .313em; border-bottom-left-radius: .313em !important; }
.radius-bottom-right { -webkit-border-bottom-right-radius: .313em; -moz-border-bottom-right-radius: .313em; border-bottom-right-radius: .313em !important; }

.overflow-x { overflow-x: hidden; }
.overflow-y { overflow-y: hidden; }

.overlay:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,.5); }

.opacity-0 { opacity: 0; }
.opacity-1 { opacity: 0.1; }
.opacity-2 { opacity: 0.2; }
.opacity-3 { opacity: 0.3; }
.opacity-4 { opacity: 0.4; }
.opacity-5 { opacity: 0.5; }
.opacity-6 { opacity: 0.6; }
.opacity-7 { opacity: 0.7; }
.opacity-8 { opacity: 0.8; }
.opacity-9 { opacity: 0.9; }


/* ---- STRUCTURE ----------------------------------------------------------------------- */
html, body, nav.off-canvas { height: 100%; }
body { overflow-x: hidden; min-width: 100; }
body.is-reveal-open { padding-right: 1.05rem; }

section { width: 100%; position: relative; }
div.reveal { overflow-x: hidden; border: none; outline: none; focus: none; }
header, footer { width: 100%; z-index: 2; position: relative; }

.vertical-align { display: table; width: 100%; height: 100%; position: relative; }
.vertical-align > div { display: table-cell; vertical-align: middle; height: 100%; }

.bkgd { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }

#BANNER { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: inherit; background-size: cover; }


/* ---- PLACEMENT ----------------------------------------------------------------------- */
.zindex-999, .z-index-999 { z-index: 9998; }
.zindex-100, .z-index-100 { z-index: 100; }
.zindex-10, .z-index-10 { z-index: 10; }
.zindex-5, .z-index-5 { z-index: 5; }
.zindex-4, .z-index-4 { z-index: 4; }
.zindex-3, .z-index-3 { z-index: 3; }
.zindex-2, .z-index-2 { z-index: 2; }
.zindex-1, .z-index-1 { z-index: 1; }
.zindex-0, .z-index-0 { z-index: 0; }
.zindex--1, .z-index--1 { z-index: -1; }

.top { top: 0; }
.right { right: 0; }
.bottom { bottom: 0; }
.left { left: 0; }

.float-none { float: none !important; }

.margin-1\/2 { margin: 0.5rem !important; }
.margin-top-1\/2 { margin-top: 0.5rem !important; }
.margin-right-1\/2 { margin-right: 0.5rem !important; }
.margin-bottom-1\/2 { margin-bottom: 0.5rem !important; }
.margin-left-1\/2 { margin-left: 0.5rem !important; }

.padding-1\/2 { padding: 0.5rem !important; }
.padding-top-1\/2 { padding-top: 0.5rem !important; }
.padding-right-1\/2 { padding-right: 0.5rem !important; }
.padding-bottom-1\/2 { padding-bottom: 0.5rem !important; }
.padding-left-1\/2 { padding-left: 0.5rem !important; }

.margin-1\/4 { margin: 0.25rem !important; }
.margin-top-1\/4 { margin-top: 0.25rem !important; }
.margin-right-1\/4 { margin-right: 0.25rem !important; }
.margin-bottom-1\/4 { margin-bottom: 0.25rem !important; }
.margin-left-1\/4 { margin-left: 0.25rem !important; }

.padding-1\/4 { padding: 0.25rem !important; }
.padding-top-1\/4 { padding-top: 0.25rem !important; }
.padding-right-1\/4 { padding-right: 0.25rem !important; }
.padding-bottom-1\/4 { padding-bottom: 0.25rem !important; }
.padding-left-1\/4 { padding-left: 0.25rem !important; }

.rotate-left-1 { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
.rotate-left-2 { -ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
.rotate-left-3 { -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg); }
.rotate-left-1 { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); }
.rotate-left-2 { -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); }
.rotate-left-3 { -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); }


/* ---- ANIMATION ----------------------------------------------------------------------- */
@keyframes fadein { from {opacity: 0;} to {opacity: 1;} }
html { animation: fadein 2s; }

.animated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
.animated.delay { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }


/* ---- UTILITY ----------------------------------------------------------------------- */
.debug { border: .15em dashed red !important; } 
.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.selectable { -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }


/* ---- XLARGE ----------------------------------------------------------------------------- */
    @media screen and (min-width: 91em) {
        h5 { font-size: calc(.4vw + .4vh); }
        h4 { font-size: calc(.5vw + .5vh); }
        h3 { font-size: calc(.75vw + .75vh); }
        h2 { font-size: calc(1.5vw + 1.5vh); }
        h1 { font-size: calc(2.5vw + 2.5vh); }

        .text-tiny, .text-xs { font-size: calc(.4vw + .4vh) !important; }
        .text-small, .text-s { font-size: calc(.5vw + .5vh) !important; }
        .text-medium, .text-m { font-size: calc(.75vw + .75vh) !important; }
        .text-large, .text-l { font-size: calc(1.5vw + 1.5vh) !important; }
        .text-xlarge, .text-xl { font-size: calc(2.5vw + 2.5vh) !important; }

		.small-centered ~ .medium-uncentered, .small-centered ~ .large-uncentered { display: inline-block; float: left; clear: none; }
    }
 
/* ---- LARGE ----------------------------------------------------------------------------- */
    @media screen and (min-width: 64em) and (max-width: 90.9375em) {
        h5 { font-size: calc(.5vw + .5vh); }
        h4 { font-size: calc(0.75vw + 0.75vh); }
        h3 { font-size: calc(0.75vw + 0.75vh); }
        h2 { font-size: calc(1vw + 1vh); }
        h1 { font-size: calc(1.5vw + 1.5vh); }

        .text-tiny, .text-xs { font-size: calc(.5vw + .5vh) !important; }
        .text-small, .text-s { font-size: calc(0.75vw + 0.75vh) !important; }
        .text-medium, .text-m { font-size: calc(0.75vw + 0.75vh) !important; }
        .text-large, .text-l { font-size: calc(1vw + 1vh) !important; }
        .text-xlarge, .text-xl { font-size: calc(1.5vw + 1.5vh) !important; }

		.large-centered { margin-right: auto; margin-left: auto; }
		.large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; }
		.large-uncentered, .large-push-0, .large-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; }
    }
 
/* ---- MEDIUM ---------------------------------------------------------------------------- */
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {
        h5 { font-size: calc(1vw + 1vh); }
        h4 { font-size: calc(1.5vw + 1.5vh); }
        h3 { font-size: calc(2vw + 2vh); }
        h2 { font-size: calc(2vw + 2vh); }
        h1 { font-size: calc(4.5vw + 4.5vh); }

        .text-tiny, .text-xs { font-size: calc(1vw + 1vh) !important; }
        .text-small, .text-s { font-size: calc(1.5vw + 1.5vh) !important; }
        .text-medium, .text-m { font-size: calc(2vw + 2vh) !important; }
        .text-large, .text-l { font-size: calc(2vw + 2vh) !important; }
        .text-xlarge, .text-xl { font-size: calc(4.5vw + 4.5vh) !important; }

		.medium-centered { margin-right: auto; margin-left: auto; }
		.medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; }
		.medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; }
    }
 
/* ---- SMALL ----------------------------------------------------------------------------- */
    @media screen and (max-width: 39.9375em) {
        h5 { font-size: calc(1vw + 1vh); }
        h4 { font-size: calc(1.5vw + 1.5vh); }
        h3 { font-size: calc(2vw + 2vh); }
        h2 { font-size: calc(2vw + 2vh); }
        h1 { font-size: calc(3.75vw + 3.75vh); }

        .text-tiny, .text-xs { font-size: calc(1vw + 1vh) !important; }
        .text-small, .text-s { font-size: calc(1.5vw + 1.5vh) !important; }
        .text-medium, .text-m { font-size: calc(2vw + 2vh) !important; }
        .text-large, .text-l { font-size: calc(2vw + 2vh) !important; }
        .text-xlarge, .text-xl { font-size: calc(3.75vw + 3.75vh) !important; }

		.small-centered { margin-right: auto; margin-left: auto; }
		.small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; }
		.small-uncentered, .small-push-0, .small-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; }
    }
 
/* ---- PORTRAIT ----------------------------------------------------------------------------- */
    @media only screen and (orientation: portrait) {
 
    }
 
/* ---- LANDSCAPE ----------------------------------------------------------------------------- */
    @media only screen and (orientation: landscape) {
 
    }

/* ---- OVERRIDES ------------------------------------------------------------------------ */
	/*-- STRUCTURE ----------------------------------------*/
.top-bar-title { display: none; }
.top-bar, .top-bar ul { background: transparent; }
#HEADER .logo { margin: 4em auto; }
#BKGD { position: absolute !important; top: 0; left: 0; display: block; height: 100vh; width: 100vw; }
aside { margin-top: 5em; }
.single-post article { margin-top: 3em; }
#FOOTER { margin-top: 5em; }
#FOOTER .name { display: none; }
#FOOTER .email { display: none; }
#FOOTER .phone { display: none; }

/*-- NAVIGATION ----------------------------------------*/
#menu-main { margin-bottom: 2em; }
#menu-lifestyles { width: 60%; margin: 1em auto 2em; border-top: .1em solid #ccc; border-bottom: .1em solid #ccc; }
#menu-lifestyles a:link:after { content:'|'; margin-left: 2em; opacity:.5; }
#menu-lifestyles a:hover:after { opacity: 1; }
#menu-lifestyles li:last-child a:link:after { content:''; }

/*-- LINKS/BUTTONS ----------------------------------------*/
#HEADER .social a:link { padding: .25em .5em; }
figure a:hover img { opacity: .75; }
figure.thumbnail li { opacity: 0; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -ms-transition: opacity .5s ease-in; transition: opacity .5s ease-in; }
figure.thumbnail:hover li { opacity: 1; }
figure.thumbnail:hover li a:hover { opacity: .5; }

/*-- TYPOGRAPHY ----------------------------------------*/
h1 { text-align: center; }
.archive h1:first-child { text-transform: uppercase; letter-spacing: .5em; padding-left: .5em; }

/* ---- MOBILE ------------------------------------------------------------------------ */
	@media screen and (max-width: 39.9375em) {
		body.is-reveal-open { padding-right: 0; }
		figure.thumbnail ul { margin: 1rem .75rem !important; }
figure.thumbnail li { opacity: 1; }
figure.thumbnail li i { font-size: 1.75em; }	}