/*
Theme Name: ILL Clean 2018
Theme URI: http://www.illuminage.com/
Author: John Tonge
Author URI: http://www.illuminage.com/
Description: Master theme
*/

/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,600,700|Source+Sans+Pro:400,400i,600,700');

/*
font-family: 'Playfair Display', serif;
font-family: 'Source Sans Pro', sans-serif;
font: normal 400 16px/26px 'Source Sans Pro', sans-serif;
font: normal 400 16px/26px 'Playfair Display', serif;

*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, td img {
    vertical-align: top;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

html, body, form, img {
    border: 0;
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%
}

::selection {
    background: #fc0;
    color: rgba(0, 0, 0, .9);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

a {
    border: none;
    cursor: pointer;
}

a:focus {
    outline: 2px dotted #f89;
    text-decoration: underline;
}

a:hover, a:active {
    outline: none;
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

input[type=text], input[type=email], input[type=password], input[type=submit] {
    appearance: none;
    -webkit-appearance: none;
}

input[type=submit] {
    cursor: pointer;
}

input[type=text]:focus {
    outline: 0 none;
}

.ui-tooltip {
    -webkit-transition: 0s all !important;
    -moz-transition: 0s all !important;
    -ms-transition: 0s all !important;
    -o-transition: 0s all !important;
    transition: 0s all !important;
}

/* WORDPRESS */
.alignleft {
    clear: left;
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    clear: right;
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft-nomargin {
    clear: left;
    display: inline;
    float: left;
}

.alignright-nomargin {
    clear: right;
    display: inline;
    float: right;
}

.hidden {
    display: none;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.clearfix {
    clear: both;
    overflow: hidden;
    zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

/* DOC LINK ICONS */
a[href$=".doc"]:after, a[href$=".docx"]:after, a[href$=".pdf"]:after, a[href$=".ppt"]:after, a[href$=".xls"]:after, a[href$=".xlsx"]:after {
    display: inline-block;
    height: 12px;
    margin: 0 0 0 .5em;
    vertical-align: middle;
    width: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: '';
}

a[href$=".doc"]:after, a[href$=".docx"]:after {
    background-image: url(images/icon-doc.png);
}

a[href$=".pdf"]:after {
    background-image: url(images/icon-pdf.gif);
}

a[href$=".ppt"]:after, a[href$=".pptx"]:after {
    background-image: url(images/icon-ppt.png);
}

a[href$=".xls"]:after, a[href$=".xlsx"]:after {
    background-image: url(images/icon-xls.png);
}

a.no_icon:after {
    content: none;
}

/* WP ADMIN BAR */
#wpadminbar a {
    font-style: normal;
}

/* GENERAL */
/* Base */
* {
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
}

hr {
    border: 0;
    height: 3px;
    margin-bottom: 20px;
}

p {
    margin: 0;
}

ul, ol {
    margin: 10px 0 10px 25px;
}

a.button {
    display: inline-block;
    text-decoration: none;
    background: #384283;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    margin-top: 10px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

#col-half, #two-third, #one-third {
    float: left;
}

#col-half {
    width: 50%; /*min-height: 200px;*/
}

#col-half:last-child {
    float: right;
}

#two-third {
    width: 65%;
}

#one-third {
    width: 35%;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* Customize */
body {
    font: normal 400 16px/26px 'Source Sans Pro', sans-serif;
    background: #fff;
}

hr {
    background-color: #c6c6c6;
}

a {
    text-decoration: none;
    font-style: italic;
    color: #22b7dd;
}

a:hover {
    text-decoration: none;
    color: #f576c1;
}

#content #cont a.button, #content #cont .button, #content #cont .button a {
    background: #384283;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
}

a.button:hover, #content #cont a.button:hover, #content #cont .button:hover, #content #cont .button a:hover {
    background: #fff;
    color: #384283;
}

#highlights a.button {
    background: #384283;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
}

#highlights a.button:hover {
    background: #fff;
    color: #384283;
}

p {
    font: normal 18px/25px 'Source Sans Pro', sans-serif;
    padding: 0 0 10px 0;
}

li {
    padding: 5px 0;
}

h1 {
    font: italic 400 50px/60px 'Playfair Display', serif;
    padding: 15px 0;
    color: #00385d;
}

h2 {
    font: italic 39px/49px 'Playfair Display', serif;
    padding: 15px 0 10px 0;
    color: #384283;
}

h3, .h3 {
    font: italic 32px/42px 'Playfair Display', serif;
    padding: 15px 0 8px 0;
    color: #384283;
}

h4 {
    font: italic 27px/37px 'Playfair Display', serif;
    padding: 10px 0 8px 0;
    color: #384283;
}

h5 {
    font: italic 22px/32px 'Playfair Display', serif;
    padding: 8px 0;
    color: #384283;
}

h6 {
    font: italic 17px/27px 'Playfair Display', serif;
    padding: 8px 0;
    color: #384283;
}

a[href^="tel:"] {
    font-style: normal;
    color: #333333;
    cursor: default;
}

/*a.phone { font-style: normal; color: #333333; cursor: default; }*/
/* HEADER */
/* Base */
header {
    width: 100%;
    z-index: 9999;
    position: fixed;
    margin: 0 auto;
    background: #fff;
}

#top-wrap {
    height: 50px;
    background-color: #00385d;
    color: #ffffff;
    position: relative;
    z-index: 999;
}

.wrapper {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

#top-wrap .wrapper .left {
    position: absolute;
    top: 9px;
    left: 0;
    width: 50%;
}

#top-wrap .wrapper .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
}

#top-wrap a {
    color: #ffffff;
    opacity: 0.8;
}

#top-wrap a.phone {
    font-style: normal;
    opacity: 1;
    cursor: default;
}

#top-wrap a:hover {
    opacity: 1;
}

.head-wrap {
    height: 100px;
}

#head {
    position: relative;
}

#logo {
    height: 90px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 25vw;
    background-repeat: no-repeat;
    background-size: contain;
}

#logo h2 {
    padding: 0;
    line-height: 0;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
}

#logo a img {
    display: none;
}

.left_utility_nav {
    padding-top: 5px;
}

.left_utility_nav ul {
    list-style: none;
    margin: 0;
}

.left_utility_nav ul li {
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    border-right: 1px solid;
}

.left_utility_nav ul li:last-child {
    border-right: none;
}

.left_utility_nav ul li a {
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-size: 16px;
}

.utility_nav {
    float: right;
    padding-top: 2px;
}

.utility_nav ul {
    list-style: none;
    margin: 0;
}

.utility_nav ul li {
    display: inline-block; /*vertical-align: middle;*/
    padding: 0;
}

.utility_nav ul li a {
    display: block;
}

.utility_nav ul li a span.fa-nav-link {
    font-size: 0;
}

.utility_nav ul li .fab {
    font-size: 20px;
    opacity: 1;
    color: #fff;
    padding: 10px;
    border: 0;
    cursor: pointer;
}

.utility_nav ul li .fab:hover { /*opacity: 0.8;*/
    text-decoration: none;
}

/*.utility_nav ul li .fab.fa-facebook-f { font-size: 20px; padding: 9px 15px 0 0; }*/
#search {
    clear: both;
    overflow: hidden;
}

#search label {
    display: none;
}

#search input {
    display: inline-block;
}

#search input[type=submit] {
    cursor: pointer;
    width: auto;
    height: auto;
}

header .tools {
    display: none;
}

/* 2nd level nav */
.utility_nav ul li li {
    padding: 0;
    text-align: left;
}

.utility_nav ul li ul.sub-menu {
    left: -9999px;
    position: absolute;
    opacity: 0;
}

.utility_nav ul li:hover ul.sub-menu,
.utility_nav ul li.active ul.sub-menu,
.utility_nav ul li a:focus + ul.sub-menu {
    left: auto;
    opacity: 1;
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -ms-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
}

.utility_nav > ul li.right-submenu:hover ul.sub-menu,
.utility_nav > ul li:last-child:hover ul.sub-menu,
.utility_nav > ul li.active:last-child ul.sub-menu,
.utility_nav ul li a:last-child:focus + ul.sub-menu {
    left: auto;
    right: 0;
}

.utility_nav > ul li:last-child:hover ul.sub-menu li ul.sub-menu {
    right: 100%;
    left: auto;
}

.utility_nav ul li ul.sub-menu li {
    display: block;
    height: auto;
}

/* Customize */
.utility_nav ul li a {
    color: #000;
    padding: 2px 10px 0 10px;
    font: 600 16px/16px 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}

.utility_nav ul li:hover a,
.utility_nav ul li.active a,
.utility_nav ul li a:focus,
.utility_nav ul li.current-menu-item a,
.utility_nav ul li.current-menu-ancestor a,
.utility_nav ul li.current_page_parent a,
.utility_nav ul li ul.sub-menu {
    color: #c4c6e6;
}

/* 2nd level nav */
.utility_nav ul li li a:hover {
    background-color: #00385d;
}

.utility_nav ul li ul.sub-menu {
    width: 170px;
    background-color: #00385d;
}

.utility_nav ul li ul.sub-menu li a {
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    padding: 10px;
    border-bottom: 1px solid #fff;
}


/* HEADER - STICKY */
header.sticky {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.sticky #top-wrap {
    height: 35px;
}

.sticky #top-wrap .wrapper .left {
    top: -2px;
}

.sticky #top-wrap .wrapper .right {
    top: -5px;
}

.sticky .head-wrap {
    height: 80px;
}

/* Customize */
.sticky #head #logo {
    height: 72px;
}

.utility_nav {
    width: 70%;
    float: right;
    text-align: right;
}

#search input[type=text] {
    font: normal 13px/20px 'Source Sans Pro', sans-serif;
    float: left;
    padding: 0 10px;
}

#search input[type=submit] {
    padding: 1px 10px;
    float: left;
}

/* MENU */
/* Base */
nav.primary_nav {
    width: 81%;
    float: right;
    text-align: right;
    padding-top: 35px;
}

nav.primary_nav .menu-primary-menu-container {
    display: inline-block;
    position: relative;
}

nav.primary_nav ul {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

nav.primary_nav ul li {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 0;
    list-style: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

nav.primary_nav ul li a {
    display: block;
    text-decoration: none;
}

nav.primary_nav ul li:hover a, nav.primary_nav ul li a:focus, nav.primary_nav ul li.current-menu-item a, nav.primary_nav ul li.current-menu-ancestor a, nav.primary_nav ul li.current_page_parent a, nav.primary_nav ul li ul.sub-menu {
    outline: none;
}

/* 2nd level nav */
nav.primary_nav ul li li {
    padding: 0;
}

nav.primary_nav ul li ul.sub-menu {
    left: -9999px;
    position: absolute;
    opacity: 0;
}

nav.primary_nav ul li:hover ul.sub-menu, nav.primary_nav ul li.active ul.sub-menu, nav.primary_nav ul li a:focus + ul.sub-menu {
    left: auto;
    opacity: 1;
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -ms-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
}

nav.primary_nav > ul li.right-submenu:hover ul.sub-menu, nav.primary_nav ul li:last-child:hover ul.sub-menu, nav.primary_nav ul li.active:last-child ul.sub-menu, nav.primary_nav ul li a:last-child:focus + ul.sub-menu {
    left: auto;
    right: 0;
}

nav.primary_nav > ul li:last-child:hover ul.sub-menu li ul.sub-menu {
    right: 100%;
    left: auto;
}

nav.primary_nav ul li ul.sub-menu li {
    display: block;
    height: auto;
}

/* 3rd level nav */
nav.primary_nav ul li ul.sub-menu li ul.sub-menu {
    left: -9999em;
    top: 0;
}

nav.primary_nav ul li ul li:last-child:hover ul.sub-menu {
    right: auto;
}

nav.primary_nav ul li ul.sub-menu li:hover ul.sub-menu {
    left: 100%;
    opacity: 1;
}

#navbtn, #closenav, .widget_mobile_util_nav {
    display: none;
}

/* Customize */
.sticky nav.primary_nav {
    padding-top: 25px;
}

nav.primary_nav ul li a {
    color: #000;
    padding: 10px;
    font: 600 16px/16px 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}

nav.primary_nav ul li:hover a,
nav.primary_nav ul li.active a,
nav.primary_nav ul li a:focus,
nav.primary_nav ul li.current-menu-item a,
nav.primary_nav ul li.current-menu-ancestor a,
nav.primary_nav ul li.current_page_parent a,
nav.primary_nav ul li ul.sub-menu {
    color: #c4c6e6;
}

/* 2nd level nav */
nav.primary_nav ul li li a:hover {
    background-color: #00385d;
}

nav.primary_nav ul li ul.sub-menu {
    width: 170px;
    background-color: rgba(0, 56, 93, 0.95);
}

nav.primary_nav ul li ul.sub-menu li a {
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    padding: 10px;
    border-bottom: 1px solid #fff;
}

/* HERO */
/* Base */
.hero-wrap {
    clear: both;
    overflow: hidden;
    width: 100%;
}

#hero {
    clear: both;
    overflow: hidden;
    width: 100%;
}

#hero .ill_hero_slider {
    padding: 0;
}

#hero .slide {
    -webkit-transition: 0s all;
    -moz-transition: 0s all;
    -ms-transition: 0s all;
    -o-transition: 0s all;
    transition: 0s all;
}

#hero .stage {
    clear: both;
    overflow: hidden;
}

#hero .title {
    background: none;
    padding: 0;
    position: relative;
}

#hero .caption {
    clear: both;
    overflow: hidden;
    background: none;
    position: relative;
    padding: 0;
}

#hero .button {
    display: inline-block;
}

#hero .prev {
    margin: 0 0 0 50px;
}

#hero .next {
    margin: 0 50px 0 0;
}

#hero .controls {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: auto;
    background: none;
}

#hero .controls .playback {
    padding: 20px;
}

#hero .controls .dots {
    padding: 20px 20px 20px 0;
}

/* Customize */
#hero {
    border-bottom: #00385d 10px solid;
    margin-top: 150px;
}

#hero .ill_hero_slider .stage {
    padding: 0 0 35% 0;
    background: #000;
}

#hero .ill_hero_slider .stage .slide .pic {
    opacity: 0.6;
}

#hero .info {
    position: absolute;
    top: 15%;
    left: 3%;
    width: 40%;
    padding: 50px;
    color: #fff;
}

#hero .title {
    font: italic 40px/50px 'Playfair Display', serif;
}

#hero .caption p {
    font: 20px/20px 'Source Sans Pro', sans-serif;
    color: #fff;
}

#hero .controls .playback .play {
    border-left-color: #ccc;
}

#hero .controls .playback .pause {
    border-color: #ccc;
}

#hero .controls .dots .dot {
    background: #ccc;
}

#hero .controls .dots .dot.active {
    background: #384283;
}

/* STATIC HOME HERO */
#hero .ill_hero_slider.static {
    position: relative;
}

#hero .ill_hero_slider.static .stage .slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 20;
}

#hero .ill_hero_slider.static .stage .slide .pic {
    opacity: 1;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* INT HERO */
.int #hero {
    position: relative;
    clear: both;
    overflow: hidden;
}

.int #hero img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    z-index: 9;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.int #hero h1 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    z-index: 999;
    color: #fff;
    padding: 60px 5% 30px 5%;
    font: italic 400 50px/60px 'Playfair Display', serif;
    letter-spacing: 0.02em;
    background: rgba(17, 19, 37, .7);
    text-shadow: 4px 0 8px rgba(0, 0, 0, .4);
}

/* PODS */
/* Base */
.pods-wrap {
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.pods-wrap.above .pods-container {
    width: 90%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    border-bottom: 2px solid #e1eaf1;
}

.pods-wrap.below .pods-container {
    width: 90%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    border-top: 2px solid #e1eaf1;
}

/* Customize */
.pods-wrap.open {
    width: 80%;
}

.pods-wrap {
    padding: 60px 0 0 0;
}

.pods-wrap.below {
    padding: 0 0 30px 0;
}

#pods.count-1 .pod {
    width: 100%;
}

#pods.count-2 .pod {
    width: 50%;
}

#pods.count-3 .pod {
    width: 33.3%;
}

#pods.count-4 .pod {
    width: 25%;
}

#pods {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 0 -15px;
    padding-bottom: 60px;
}

.pods-wrap.below #pods {
    padding: 60px 0 60px 0;
}

.pod {
    text-align: center;
    margin: 0 15px;
    width: 25%;
}

.pod h3 {
    font: normal 400 28px/30px 'Playfair Display', serif;
}

.pod h3 a {
    color: #00385d;
    text-decoration: none;
    font-style: normal;
}

.pod figure {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.pod figure img {
    max-width: 100%;
    width: auto;
    height: auto;
}

#team-members.count-1 .member {
    width: 100%;
}

#team-members.count-2 .member {
    width: 50%;
}

#team-members.count-3 .member {
    width: 33.3%;
}

#team-members.count-4 .member {
    width: 25%;
}

#team-members {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 5px;
    /*   padding-bottom: 20px;*/
}

.member {
    text-align: center;
    margin: 30px 0 50px 0;
    position: relative;
    padding: 0 15px;
}

.member h2, .member h3 {
    font-style: normal;
}

.member h2 {
    font-size: 30px;
    line-height: 30px;
}

.member h3 {
    font-size: 18px;
    line-height: 20px;
    color: #a7a7a7;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 15px;
}

.member h3 a {
    color: #00385d;
    text-decoration: none;
    font-style: normal;
}

.int #content #cont .member figure {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.int #content #cont .member figure img {
    max-width: 100%;
    width: auto;
    height: auto;
    float: none;
}

.int #content #cont .member a.button {
    margin: 10px 0 0 0;
    font-style: normal;
    position: absolute;
    bottom: -50px;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    font-size: 16px;
}

/* PAGE CALLOUTS */
.int #content #cont #page-callouts figure {
    width: 100%;
    float: none;
    margin: 0 auto;
}

.int #content #cont #page-callouts {
    padding-top: 25px;
}

.int #content #cont #page-callouts .left,
.int #content #cont #page-callouts .right {
    float: none;
}

.int #content #cont #page-callouts .callouts {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.int #content #cont #page-callouts .callouts .single {
    width: 100%;
}

.int #content #cont #page-callouts .callouts .left,
.int #content #cont #page-callouts .callouts .right {
    width: 50%;
}

.int #content #cont #page-callouts .callouts .callout {
    padding: 0 30px;
}

/* HIGHLIGHTS */
#highlights {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: #e1eaf1;
    padding: 75px 50px;
    position: relative;
    z-index: 1;
}

#highlights.two_images #two_images {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    justify-content: space-around;
    z-index: 1;
}

#highlights.two_images {
    display: block;
    padding: 50px;
}

#highlights .left,
#highlights .right {
    float: none;
}

.home #highlights {
    width: 90%;
    margin: 0 auto;
}

#highlights h3 {
    font: italic 400 50px/60px 'Playfair Display', serif;
    color: #00385d;
}

#highlights.two_images h3 {
    text-align: center;
    padding: 15px 0 25px 0;
}

#highlights .left {
    padding-right: 50px;
}

#highlights.two_images .left {
    padding: 0;
}

#highlights .left,
#highlights .right {
    margin: 0 15px;
}

#highlights .full-width-highlight {
    width: 100%;
}

#highlights img {
    max-width: 100%;
    display: block;
    height: auto;
}

#highlights figure {
    position: relative;
}

#highlights figcaption {
    width: 100%;
    color: #fff;
    font-style: italic;
    position: absolute;
    bottom: 0;
    padding: 6px;
    background-color: rgba(0, 56, 93, 0.95);
}

/* BLOGROLL */
.blogroll-wrap {
    clear: both;
    margin-top: -200px;
    padding-top: 250px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #00385d;
}

.blogroll-wrap.margin-reset {
    margin-top: 0;
    padding-top: 100px;
}

#blogroll {
    width: 90%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

#blogroll h2 {
    font-size: 21px;
    line-height: 30px;
}

#blogroll h3 {
    font: italic 400 50px/60px 'Playfair Display', serif;
    padding: 0 0 30px 0;
}

#blogroll h3, #blogroll a {
    color: #fff;
}

#blogroll p {
    color: #b6c3ce;
}

.blogroll-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -15px;
    padding-bottom: 75px;
}

#blogroll.count-1 .entry {
    width: 100%;
}

#blogroll.count-2 .entry {
    width: 50%;
}

#blogroll.count-3 .entry {
    width: 33.3%;
}

#blogroll.count-4 .entry {
    width: 25%;
}

#blogroll .entry {
    width: 25%;
    margin: 0 15px;
}

#blogroll .entry figure {
    clear: both;
    overflow: hidden;
    width: 100%;
}

#blogroll .entry figure img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/* HOME MAP */
#home-map .mapp-layout {
    margin: 0;
}

#home-map {
    width: 100%;
}

#ill_directory_map .ill_directory_map_popup_info {
    color: #000;
}

#home-map #ill_directory_map h3 {
    font-size: 20px;
    line-height: 1.2em;
    color: #000;
    font-style: normal;
    font-family: 'Source Sans Pro', sans-serif;
}

.map-wrap.small {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.map-wrap.small #home-map {
    width: 50%;
}

.map-wrap.small #extra-content {
    width: 50%;
    padding: 25px;
    text-align: center;
    background: #d7d7d7;
}

footer #home-map a {
    color: #000;
}

/* CONTENT  */
/* Base */
.content-wrap {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding-bottom: 80px;
}

#content {
    width: 90%;
    margin: 40px auto 0 auto;
    clear: both;
    overflow: hidden;
    position: relative;
    color: #333333;
    font-size: 1.2em;
    z-index: 99;
}

#cont {
    width: 60%;
    margin: 0 5% 0 0;
    float: left;
    clear: both;
    overflow: hidden;
    background: #fff;
}

#cont.full {
    width: 100%;
    margin: 0 auto;
    float: none;
}

#content #cont li {
    padding: 0;
    font: normal 18px/25px 'Source Sans Pro', sans-serif;
}

/* RESPONSIVE VIDEO */
.ill_video_container.vright {
    float: right;
    width: 48%;
    margin: 15px 0;
}

.ill_video_container.vleft {
    float: left;
    width: 48%;
    margin: 15px 0;
}

.ill_video_container.vinline {
    padding: 0;
    width: 45%;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
}

.ill_video_container .video-caption {
    background: #f6f6f6;
    padding: 15px;
    display: block;
}

#content .ill_responsive_video,
.main-content .ill_responsive_video,
.side .ill_responsive_video {
    margin: 0 0 1em;
    padding: 0 0 56.25% 0; /* creates 16:9 size video area */
    position: relative;
}

#content .ill_responsive_video iframe,
.main-content .ill_responsive_video iframe,
.side .ill_responsive_video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Customize */
.home .content-wrap {
    padding-bottom: 0;
}

.home #content {
    width: 100%;
}

.home #cont {
    padding: 0 130px 80px 130px;
    width: 90%;
    text-align: center;
}

.int .sidebar {
    border-left: 1px solid #d1d1d1;
    padding: 0 0 50px 5%;
}

.int #content #cont figure {
    width: 45%;
    height: auto;
    float: right;
    margin: 0 0 3% 3%;
}

.int #content #cont figure img,
.int #content .sidebar figure img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.int #content #cont img {
    max-width: 50%;
    height: auto;
}

.int #content .wp-caption.alignright,
.int #content .wp-caption.alignleft {
    max-width: 50%;
}

.int #content #cont .wp-caption.alignright img,
.int #content #cont .wp-caption.alignleft img {
    max-width: 100%;
}

p.wp-caption-text {
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 0 0 10px 0;
}

/* RESULTS SHORTCODE */
.illresult {
    clear: both;
    overflow: hidden;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #e2e2e2;
    border-bottom: 1px solid #659f3f;
    margin: 0 0 30px 0;
}

.highlight {
    float: right;
    clear: both;
    overflow: hidden;
    background: #67a240;
    padding: 15px 30px;
    font: normal 700 .95em/1.5em 'Open Sans', sans-serif;
    color: #fff;
    width: auto;
}

.result-info {
    clear: both;
    overflow: hidden;
    padding: 0 30px 10px 30px;
    width: 100%;
}

.result-info h3 {
    color: #000;
    font: normal 700 .95em/1.5em 'Open Sans', sans-serif !important;
    padding-bottom: 0 !important;
}

.result-info p {
    color: #000;
    font: normal 400 .95em/1.5em 'Open Sans', sans-serif;
}

/* SIDEBAR */
/* Base */
.sidebar {
    width: 35%;
    float: left;
}

.sidebar .widget_page_sidebar {
    clear: both;
    overflow: hidden;
}

/* Customize */
.sidebar {
    padding: 0 0 50px 0;
}

.sidebar .widget_page_sidebar {
    margin: 0 50px 0 0;
}

.sidebar .widget_categories label, .sidebar .widget_archive label {
    display: none;
}

/* Section Guide */
#section_guide ul {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

#section_guide ul li, #section_guide ul li.current-menu-ancestor > a {
    display: none;
}

#section_guide ul li ul li.current-menu-ancestor > a, #section_guide ul li.current-menu-ancestor, #section_guide ul li ul.sub-menu li {
    display: block;
}

#section_guide ul li ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

#section_guide ul li ul.sub-menu li ul.sub-menu li {
    padding-left: 15px;
}

#section_guide ul li ul.sub-menu li.current-menu-item a {
    color: #7425ad;
}

/* BLOG */
/* Base */
article.post {
    clear: both;
    overflow: hidden;
}

article.post .published {
    padding-top: 0;
}

/* Customize */
article.post {
    padding: 20px 0;
    border-bottom: 1px solid #e6f1f8;
    margin-bottom: 25px;
}

.int #content #cont article.post figure {
    width: 30%;
    height: auto;
    float: left;
    margin: 15px 5% 0 0;
}

.single .int #content #cont article.post figure {
    width: 45%;
    height: auto;
    float: right;
    margin: 0 0 3% 3%;
}

.int #content #cont article.post figure img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.int #content #cont article.post .info {
    width: 65%;
    float: left;
}

article.post .info.no-figure,
.int #content #cont article.post .info.no-figure {
    width: 100%;
    float: none;
}

article.post h3 {
    padding-bottom: 0;
}

p.published {
    padding: 0;
    color: #999;
}

article .categories {
    clear: both;
    overflow: hidden;
    padding: 20px 0 0 0;
    float: left;
    margin: 0 20px 0 0;
}

article .tags {
    padding: 20px 0 0 0;
    float: left;
    margin: 0;
}

article .categories, article .tags {
    font-size: 0.9em;
}

/* Base styles for Collapseomatic */
.collapseomatic {
    display: block;
    clear: both;
    background: #333;
    background-image: none !important;
    padding: 10px !important;
    margin: 10px 0;
    text-decoration: none;
    color: #ffffff;
}

.collapseomatic:hover {
    background: #000;
    text-decoration: none;
}

.lookatme:focus {
    outline: #f89 solid 3px !important;
    text-decoration: none;
}

/* IlluminAge CALENDAR */
/* Base */
#content #cont .ill_calendar .ill_calendar_tools .ill_calendar_date_nav form select {
    height: 1.9em;
}

ul.ill_calendar_simple {
    list-style: none;
    position: relative;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 30px;
    margin-left: 0;
    padding: 0 0 1em 0;
}

ul.ill_calendar_simple li a:hover {
    text-decoration: none;
    color: #0f1434;
}

ul.ill_calendar_simple li {
    display: block;
    clear: both;
    margin: 30px 0 0 0;
    position: relative;
    float: left;
}

ul.ill_calendar_simple li a {
    text-decoration: none;
}

ul.ill_calendar_simple li:first-child {
    margin-top: 0;
}

ul.ill_calendar_simple .date {
    background: #ed3237;
    color: #fff;
    font: normal bold 24px/30px 'Playfair Display', serif;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 25px;
    float: left;
    width: 106px;
    margin-right: 25px;
}

ul.ill_calendar_simple .title {
    color: #384283;
    font-size: 18px;
}

/* IlluminAge FACILITY FINDER */
.ill-directory-facility-finder #content #cont h1, .ill-directory-facility-finder .inner #main h1 {
    display: none;
}

.home.ill-directory-facility-finder #content #cont h1 {
    display: block;
}

.ill-directory-facility-finder #ill_directory_form .twitter-typeahead {
    vertical-align: top;
}

.ill-directory-facility-finder .ill_directory_list_block h3 {
    background-color: #a7a7a7;
}

.ill-directory-facility-finder #content #cont .ill_directory_list_block h3 a {
    color: #fff;
    padding-left: 15px;
}

.ill_directory_breadcrumb {
    display: none;
}

/* GRAVITY FORMS */
/* Base */
#content .gform_wrapper .ginput_complex label {
    margin: 0 0 10px 0 !important;
}

#content .gform_wrapper legend.gfield_label {
    font-weight: 700;
}

#content .gform_wrapper input[type=email], #content .gform_wrapper input[type=tel], #content .gform_wrapper input[type=text], #content .gform_wrapper input[type=password], #content .gform_wrapper textarea, #content .gform_wrapper select {
    width: 97%;
    border: 1px solid #d1d1d1;
}

#content .gform_wrapper input[value="Other"][type=text] {
    width: 80%;
}

#content .gform_wrapper textarea {
    height: 10em;
}

#content .gform_wrapper ul.gform_fields {
    padding-left: 0;
}

.fivestar-wrapper .ginput_container.ginput_container_select,
#content .gform_wrapper .ginput_container.ginput_container_select {
    margin: 6px 0 0;
}

.fivestar-wrapper .gform_wrapper select,
#content .gform_wrapper .gform_wrapper select {
    border-radius: 0;
    border: 1px solid #d1d1d1;
}

/* CUSTOM CONTENT ABOVE FOOTER */
.custom-content-wrap {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 35px 0;
    margin: 35px auto 0 auto;
    border-top: 2px solid #ffffff;
}

.home .custom-content-wrap {
    margin-top: 0;
}

.custom-content-wrap .wrapper {
    width: 60%;
}

.custom-content-wrap figure {
    position: relative;
    display: flex;
    z-index: 100;
    width: 125px;
    height: 125px;
    border-radius: 150px;
    margin: -100px auto 25px auto;
    padding: 20px;

}

.custom-content-wrap figure img {
    width: 100%;
    height: auto;
    margin: auto;
}

.custom-content-wrap p {
    font: normal 18px/25px 'Source Sans Pro', sans-serif;
    padding: 0 0 10px 0;
}

/* SPONSORS */
.sponsors-wrap {
    background: #fafafa;
    padding: 30px 0;
    border-top: 1px solid #e9e9e9;
    clear: both;
    overflow: hidden;
}

.sponsors {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.slick-slide {
    margin: 20px;
}

.slick-slide img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    opacity: .8;
}

.slick-slide img:hover {
    opacity: 1;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -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;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
}

[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-arrow.slick-hidden {
    display: none;
}

/* FOOTER */
/* Base */
footer {
    clear: both; /*overflow: hidden; */
    width: 100%;
    position: relative;
}

.footer-wrap {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.footer {
    clear: both;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

footer .col {
    width: 30%;
    float: left;
    margin: 0 3% 0 0;
}

footer .col .footer_nav ul {
    list-style: none;
    margin: 0;
}

footer .col .footer_nav ul li {
    display: inline-block;
    padding: 0 8px 0 0;
    border-right: 1px solid;
}

footer .col .footer_nav ul li:last-child {
    border-right: none;
    padding: 0 0 0 4px;
}

footer .col .footer_nav ul li a {
    display: block;
}

footer .bottom {
    clear: both;
    overflow: hidden;
}

/* Customize */
footer {
    background: #e1eaf1;
    color: #444;
}

.footer-wrap {
    border-top: 2px solid #a1a1a1;
}

footer p, footer a {
    font: normal 300 14px/22px 'Source Sans Pro', sans-serif;
}

footer #extra-content p {
    font-size: 1.2em;
}

footer a {
    color: #444;
}

footer .col {
    padding: 25px 0;
}

footer #search-container {
    text-align: center;
    position: relative;
}

footer .copyright p {
    padding: 0;
}

.col.copyright {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.col.copyright .info {
    width: 50%;
    float: left;
}

.col.copyright .info p a {
    font-style: normal;
}

footer .col .footer_nav ul li a {
    line-height: 12px;
}

footer .bottom {
    border-top: 2px solid #a1a1a1;
    padding: 30px 0;
}

footer .bottom .bottom-right {
    float: right;
    width: 50%;
    text-align: right;
}

footer .bottom .bottom-right img {
    width: auto;
    height: auto;
    max-width: 100%;
}

/* SHARE */
/* Base */
#share {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 5.5em;
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

footer .bottom #share {
    margin: 0;
    float: left;
}

#share.active {
    width: 11.5em;
}

#share div {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}

#share div:after {
    display: inline-block;
    margin: -.1em 0 0 .25em;
    vertical-align: middle;
    content: "\f237";
    font-weight: bold;
    font: 20px 'dashicons';
}

#share a {
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    opacity: .5;
    text-decoration: none;
}

#share a span {
    display: none;
}

#share a:first-child {
    margin: 0;
}

#share a:hover {
    opacity: 1;
}

#share a:after {
    display: inline-block;
    font: 20px 'dashicons';
    line-height: 1.3;
}

#share a.facebook:after {
    content: "\f305";
}

#share a.twitter:after {
    content: "\f301";
}

#share a.email:after {
    content: "\f466";
}

/* Customize */
#share div {
    color: #444;
}

#share a {
    color: #444;
}

#share a:after {
    color: #444;
}

/* ACCESS TOOLS */
/* Base */
#access_tools {
    position: relative;
    text-align: right;
    margin: 0;
    float: right;
    width: 50%;
}

#top-wrap #access_tools {
    width: auto;
}

#top-wrap #access_tools a {
    opacity: 1;
    margin-left: 10px;
    line-height: 1;
    padding-top: 10px;
}

.sticky #top-wrap #access_tools {
    margin-top: 5px;
}

.sticky #top-wrap #access_tools a {
    width: 35px;
    height: 35px;
    padding-top: 5px;
}

.sticky #top-wrap #access_tools a#highcontrast {
    background-size: 28px auto;
}

#access_tools a {
    width: 50px;
    height: 50px;
    display: block;
    vertical-align: middle;
    color: #000;
    font-size: 0;
    text-align: center;
    line-height: 50px;
}

#access_tools a#textsize {
    background: #fff;
    color: #000;
}

#access_tools a#textsize:hover {
    background: none;
    color: #fff;
}

#access_tools a#textsize span.small {
    font-size: 23px;
    text-transform: uppercase;
}

#access_tools a#textsize span.big {
    font-size: 30px;
    text-transform: uppercase;
}

#access_tools a#highcontrast {
    background: url(images/icon-high-contrast.png) center center no-repeat #fff;
    background-size: 40px auto;
}

#access_tools .access_tool {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 0;
    vertical-align: top;
}

form#search {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0 0 10px 0;
    line-height: 0;
    vertical-align: top;
}

form#search input[type="submit"] {
    width: 50px;
    height: 50px;
    font-size: 37px;
    color: #000;
    background: #fff;
    font-family: dashicons !important;
    padding: 9px 0 !important;
    margin: 0 1px 0 0;
}

form#search input[type="text"] {
    height: 50px;
    padding: 10px 0;
    width: 0;
}

form#search.show input[type="text"] {
    width: 300px;
    padding: 10px 15px;
}

/* CONTRAST */
.high_contrast header, .high_contrast header *, .high_contrast footer, .high_contrast footer *, .high_contrast .content-wrap, .high_contrast .content-wrap * {
    background-color: #fff !important;
    color: #222 !important;
}

.high_contrast header #logo, .high_contrast header #logo a {
    background-color: transparent !important;
}

.high_contrast #hero .info {
    background: #fff;
    color: #000;
}

.high_contrast #hero .info .title, .high_contrast #hero .info .caption p {
    background: none !important;
    color: #000;
}

.high_contrast #hero a {
    background: none !important;
}

.high_contrast #hero .controls {
    background-color: #000;
}

.high_contrast #hero .controls .playback {
    padding-top: 18px;
}

.high_contrast #hero .controls .playback .pause {
    border-color: #fff;
    border-width: 0 10px 0 10px;
    width: 28px;
    height: 15px;
}

.high_contrast #hero .controls .playback .play {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff
}

.high_contrast .ill_hero_slider .prev {
    border-right-color: #fff;
    opacity: 1;
}

.high_contrast .ill_hero_slider .next {
    border-left-color: #fff;
    opacity: 1;
}

.high_contrast #hero .controls .dots .dot {
    background: #fff;
}

.high_contrast #hero .controls .dots .dot.active {
    background-color: red !important; /*border: 2px solid #fff;*/
}

.high_contrast .button {
    background: #222 !important;
    color: #fff !important;
}

.high_contrast #access_tools a#highcontrast {
    background: url(images/icon-high-contrast.png) center center no-repeat #fff !important;
    background-size: 40px auto !important;
}

.high_contrast .pod h3,
.high_contrast .pod h3 a,
.high_contrast .wrapper.custom-content h2,
.high_contrast .wrapper.custom-content h3,
.high_contrast .wrapper.custom-content h4,
.high_contrast .wrapper.custom-content p,
.high_contrast .wrapper.custom-content a {
    color: #000 !important;
}

.high_contrast .custom-content-wrap figure {
    border: 2px solid #000 !important;
}

.high_contrast .map-wrap.small #home-map,
.high_contrast .map-wrap.small #home-map *,
.high_contrast #ill_directory_map,
.high_contrast #ill_directory_map * {
    background-color: transparent !important;
}

.high_contrast form#search input[type="text"] {
    width: 300px;
    border: 1px solid #000;
}

/* FONT SIZE */
/* BIG */
body.big {
    font-size: 18px;
    line-height: 28px;
}

.big p,
.big #hero .caption p,
.big input,
.big #search input[type=text] {
    font-size: 18px;
    line-height: 28px;
}

.big h1,
.big #hero .title {
    font-size: 54px;
    line-height: 64px;
}

.big h2 {
    font-size: 47px;
    line-height: 57px;
}

.big h3 {
    font-size: 41px;
    line-height: 51px;
}

.big h4 {
    font-size: 34px;
    line-height: 44px;
}

.big h5 {
    font-size: 28px;
    line-height: 38px;
}

.big h6 {
    font-size: 22px;
    line-height: 32px;
}

/* BIGGER */
body.bigger {
    font-size: 22px;
    line-height: 32px;
}

.bigger p,
.bigger #hero .caption p,
.bigger input,
.bigger #search input[type=text] {
    font-size: 22px;
    line-height: 32px;
}

.bigger h1,
.big #hero .title {
    font-size: 58px;
    line-height: 68px;
}

.bigger h2 {
    font-size: 51px;
    line-height: 61px;
}

.bigger h3 {
    font-size: 44px;
    line-height: 54px;
}

.bigger h4 {
    font-size: 38px;
    line-height: 48px;
}

.bigger h5 {
    font-size: 32px;
    line-height: 42px;
}

.bigger h6 {
    font-size: 28px;
    line-height: 38px;
}

/* BIGGEST */
body.biggest {
    font-size: 28px;
    line-height: 38px;
}

.biggest p,
.biggest #hero .caption p,
.biggest input,
.biggest #search input[type=text] {
    font-size: 28px;
    line-height: 38px;
}

.biggest h1,
.biggest #hero .title {
    font-size: 67px;
    line-height: 77px;
}

.biggest h2 {
    font-size: 61px;
    line-height: 71px;
}

.biggest h3 {
    font-size: 54px;
    line-height: 64px;
}

.biggest h4 {
    font-size: 48px;
    line-height: 58px;
}

.biggest h5 {
    font-size: 42px;
    line-height: 52px;
}

.biggest h6 {
    font-size: 38px;
    line-height: 48px;
}

/* RESPONSIVE */
@media all and (max-width: 1470px) {
    .int #content #cont .member a.button {
        width: 65%;
    }
}

@media all and (max-width: 1200px) {
    #hero .ill_hero_slider .stage {
        padding: 0 0 55% 0;
    }

    #hero .info {
        width: 50%;
    }

    form#search.show input[type="text"] {
        width: 200px;
    }

    #team-members.count-3 .member,
    #team-members.count-4 .member {
        width: 50%;
    }
}

@media all and (max-width: 1000px) {
    #head {
        width: 100%;
    }

    .head-wrap,
    .sticky .head-wrap {
        height: auto;
    }

    #top-wrap .wrapper {
        text-align: center;
    }

    #top-wrap .wrapper .left,
    #top-wrap .wrapper .right {
        position: static;
        display: inline-block;
        width: auto;
    }

    #top-wrap .wrapper .left {
        padding-top: 9px;
        vertical-align: top;
    }

    #top-wrap .wrapper .right {
        vertical-align: middle;
        visibility: visible;
        opacity: 1;
    }

    .int #hero {
        margin-top: 185px;
    }

    .sticky #top-wrap .wrapper .right {
        visibility: hidden;
        opacity: 0;
    }

    .utility_nav {
        width: auto;
        padding-left: 10px;
    }

    #logo {
        position: relative;
        width: auto;
        background-position: center;
        top: 0;
        margin: 5px 0;
    }

    #search {
        width: 50%;
    }

    nav.primary_nav {
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 0;
    }

    .sticky nav.primary_nav {
        padding-top: 0;
    }

    .home #cont {
        padding: 0 0 50px 0;
    }

    .col.copyright .info {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    #access_tools {
        float: none;
        text-align: center;
        width: 100%
    }

    #search {
        width: auto;
        top: -35px !important;
    }

    #highlights.two_images figcaption {
        font-size: 0.7em;
    }
}

@media all and (max-width: 900px) {
    #team-members.count-2 .member,
    #team-members.count-3 .member,
    #team-members.count-4 .member {
        width: 100%;
    }

    .int #content #cont .member a.button {
        width: 35%;
    }

    .int #content #cont #page-callouts .callouts {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .int #content #cont #page-callouts .callouts .left,
    .int #content #cont #page-callouts .callouts .right {
        width: 100%;
    }

    .int #content #cont #page-callouts .callouts .callout {
        padding: 0 30px;
    }
}

@media all and (max-width: 800px) {
    #top-wrap {
        height: auto;
        padding: 5px;
    }

    #top-wrap .wrapper .left,
    #top-wrap .wrapper .right {
        display: inline-block;
        width: 100%;
        float: none;
    }

    #top-wrap p {
        line-height: 1em; /*padding: 5px;*/
    }

    .utility_nav ul li .fab {
        padding: 0 10px;
    }

    .utility_nav {
        width: 100%;
        float: none;
        text-align: center;
    }

    #top-wrap #access_tools {
        margin: 8px auto;
    }

    #top-wrap #access_tools a {
        width: 30px;
        height: 30px;
        padding-top: 6px;
    }

    #top-wrap #access_tools a#textsize span.small {
        font-size: 17px
    }

    #top-wrap #access_tools a#textsize span.big {
        font-size: 24px
    }

    #access_tools a#highcontrast {
        background-size: cover;
    }

    #search {
        margin: 0 auto;
        width: 100%;
        float: none;
        text-align: center;
    }

    #search fieldset {
        float: none;
    }

    #search input[type=text] {
        float: none;
    }

    #search input[type=submit] {
        float: none;
    }

    #hero .ill_hero_slider .stage {
        padding: 0 0 85% 0;
    }

    #hero .info {
        width: 80%;
    }

    #hero .next, #hero .prev {
        margin: 0;
    }

    #pods.count-4 {
        flex-wrap: wrap;
    }

    #pods.count-4 .pod {
        width: 44%;
    }

    #highlights {
        display: block;
    }

    #highlights .left {
        padding: 0;
    }

    #highlights img {
        width: 100%;
    }

    .blogroll-container {
        flex-wrap: wrap;
    }

    #blogroll.count-2 .entry, #blogroll.count-3 .entry, #blogroll.count-4 .entry, #blogroll .entry {
        width: 43%;
    }

    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    h2 {
        font-size: 27px;
        line-height: 37px;
    }

    h3, .h3 {
        font-size: 22px;
        line-height: 32px;
    }

    h4 {
        font-size: 17px;
        line-height: 27px;
    }

    h5 {
        font-size: 17px;
        line-height: 27px;
    }

    h6 {
        font-size: 17px;
        line-height: 27px;
    }

    .int #hero h1 {
        font-size: 40px;
        line-height: 50px;
    }

    #cont {
        width: 100%;
        float: none;
        margin: 0;
        clear: both;
        overflow: hidden;
        padding-bottom: 0;
    }

    .int #cont {
        border: none;
        padding: 0;
    }

    .sidebar, .int .sidebar {
        width: 100%;
        padding: 50px 0 100px 0;
        float: none;
        clear: both;
        overflow: hidden;
        border: none;
    }

    .int .sidebar figure {
        text-align: center;
    }

    footer .col {
        width: 100%;
        float: none;
        padding: 50px 0 0 0;
        clear: both;
        overflow: hidden;
        text-align: center;
    }

    footer .bottom {
        margin: 5px 0 0 0;
    }
}

@media all and (max-width: 750px) {
    #highlights.two_images figcaption {
        font-size: 0.6em;
    }

    .custom-content-wrap figure {
        width: 100px;
        height: 100px;
        margin: -90px auto 25px auto;
    }
}

@media all and (max-width: 600px) {
    header.sticky {
        box-shadow: none;
    }

    .sticky #top-wrap {
        height: auto;
    }

    .sticky .head-wrap {
        height: auto;
    }

    .sticky #top-wrap .wrapper .left, .sticky #top-wrap .wrapper .right {
        visibility: visible;
        opacity: 1;
    }


    /*		#top-wrap,
            .sticky #top-wrap { display: none; }*/
    .wrapper {
        width: 100%;
        padding: 0;
    }

    #navbtn {
        display: block;
        background-color: #00385d;
        font: normal bold 16px/16px 'Source Sans Pro', sans-serif;
        text-transform: uppercase;
        color: #fff;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    nav.primary_nav {
        background: none;
        width: 100%;
        text-align: left;
    }

    nav.primary_nav .menu-primary-container {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        background-color: rgba(0, 56, 93, 0.95);
        width: 90%;
        height: 100%;
        overflow-y: scroll;
    }

    .open nav.primary_nav .menu-primary-container {
        left: 0;
    }

    nav.primary_nav .menu-primary-container > ul {
        padding: 100px 0 0 0;
    }

    nav.primary_nav ul li {
        display: block;
    }

    nav.primary_nav ul li a {
        color: #fff;
        padding: 30px;
        border-bottom: 1px solid #ccc;
    }

    #head nav.primary_nav ul li ul.sub-menu {
        width: 100%;
        background-color: transparent;
        display: block;
        clear: both;
        overflow: hidden;
        position: relative;
        left: 0;
        opacity: 1;
    }

    nav.primary_nav ul li ul.sub-menu li a {
        font-size: 16px;
        line-height: 16px;
        padding: 30px 30px 30px 50px;
    }

    #head nav.primary_nav ul li ul.sub-menu li:hover > a, #head nav.primary_nav ul li ul.sub-menu li a:hover, #head nav.primary_nav ul li ul.sub-menu li a:focus, #head nav.primary_nav ul li ul.sub-menu li.current-menu-item a {
        background-color: transparent;
    }

    #closenav {
        display: block;
        position: absolute;
        left: -70%;
        top: 20px;
        width: 22px;
        height: 22px;
        padding: 6px 0;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font: normal bold 12px/12px sans-serif;
        float: right;
        background: #d70000;
        cursor: pointer;
        z-index: 99999;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
        -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
        -o-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
        box-shadow: 0 0 8px rgba(0, 0, 0, .7);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }

    .open #closenav {
        left: 80%;
    }

    .open .widget_mobile_util_nav {
        position: absolute;
        top: 14px;
        left: 0;
        display: block;
        z-index: 1;
        width: 40%;
    }

    .open nav.primary_nav .menu-utility-container ul li {
        display: inline-block;
    }

    .open nav.primary_nav .menu-utility-container ul li a {
        padding: 10px 15px;
        border: 0 none;
    }

    header .tools {
        display: block;
        position: absolute;
        top: 20px;
        left: -100%;
        width: 60%;
    }

    header.open .tools {
        left: 5%;
    }

    header .tools p {
        padding: 0;
    }

    #pods {
        display: block;
        margin: 0 auto;
    }

    #pods.count-2 .pod, #pods.count-3 .pod, #pods.count-4 .pod, #pods .pod {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .blogroll-container {
        display: block;
        margin: 0 auto;
    }

    #blogroll.count-2 .entry, #blogroll.count-3 .entry, #blogroll.count-4 .entry, #blogroll .entry {
        width: 100%;
    }

    #highlights {
        display: block;
        margin: 0 auto;
    }

    #highlights.two_images #two_images {
        flex-direction: column;
    }

    #highlights.two_images figcaption {
        font-size: 1em;
    }

    #highlights .left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
    }

    #highlights .right {
        width: 100%;
    }

    #highlights .left,
    #highlights .right {
        margin: 15px 0;
    }

    .map-wrap.small {
        display: block;
        margin: 0 auto;
    }

    .map-wrap.small #home-map {
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
    }

    .map-wrap.small #extra-content {
        width: 100%;
    }

    h1 {
        font-size: 35px;
        line-height: 45px;
    }

    h2 {
        font-size: 21px;
        line-height: 31px;
    }

    h3, .h3 {
        font-size: 17px;
        line-height: 27px;
    }

    h4 {
        font-size: 17px;
        line-height: 27px;
    }

    h5 {
        font-size: 17px;
        line-height: 27px;
    }

    h6 {
        font-size: 17px;
        line-height: 27px;
    }

    .int #hero h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .int #content {
        margin: 40px auto 0 auto;
    }

    .int #content #cont img {
        max-width: 100%;
        margin: 10px auto;
    }

    .int #content img.alignright, .int #content img.alignleft {
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .int #content #cont figure {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .int #content .wp-caption.alignright, .int #content .wp-caption.alignleft {
        float: none;
        max-width: 100%;
        display: inline-block;
    }

    .ill_video_container.vright,
    .ill_video_container.vleft, .ill_video_container.vcenter {
        width: 100%;
        margin: 0 0 30px 0;
        clear: both;
        overflow: hidden;
    }

    .ill_video_container.vinline {
        display: block;
        width: 100%;
        margin: 0 0 25px 0;
    }
}

@media all and (max-width: 421px) {
    .int #content #cont .member a.button {
        width: 65%;
    }
}

@media all and (max-width: 400px) {
    #hero .ill_hero_slider .stage {
        padding: 0 0 130% 0;
    }
}

/* PRINT */
@media only print {
    header {
        background: none;
    }

    .head {
        width: 100%;
        clear: both;
        overflow: hidden;
    }

    #logo {
        width: 100%;
        clear: both;
        overflow: hidden;
        margin: 0 auto;
        float: none;
    }

    nav {
        display: none;
    }

    form {
        display: none;
    }

    .hero-wrap {
        display: none;
    }

    #content {
        width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
    }

    #cont {
        width: 100%;
        float: none;
        margin: 0;
        clear: both;
        overflow: hidden;
        padding: 50px 0 0 0;
    }

    .sidebar {
        display: none;
    }

    footer {
        display: none;
    }
}

@media (max-width: 800px) {
    .ill_hero_slider .stage .slide {
        top: 15% !important;
    }

    .button.block {
        width: 100% !important;
    }
}

.tiles-grid {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    margin-left: 10px;
}

.tiles-grid a {
    width: 100%;
    margin: 10px;
    flex: 20%;
}

.tiles-grid a img {
    max-width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 600px) {
    #menu-primary {
        margin-top: 2rem !important;
    }
    .tiles-grid {
        width: 92%;
        margin: 0 auto;
    }
    .tiles-grid a {
        flex: 41%;
    }
}