/*
Theme Name: Pdog One Page
Theme URI: http://plasterdog.com
Author: Jeff McNear
Author URI: http://plasterdog.com
Description: This is a "one-page" theme that allows for the landing page template to show content for 1) the actual page 2) the executive search page 3) the consulting services page 4) the candidate services page 5) the credentials page 6) the contact us page. The landing page templaate will also make the header fixed and has a slight delay when using anchor link navigation. Anchor link names are: #top-section, #second-section, #third-section, #fourth-section, #fifth-section, #sixth-section
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hansliponepage
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

hansliponepage is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*f32021 */
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { background: transparent; }

.gform_wrapper textarea.large { background: transparent; }

/*--- PAGE SPLITS ---*/
.page_left_side { float: left; width: 48%; }

.page_right_side { float: right; width: 48%; }

@media screen and (max-width: 799px) { .page_left_side, .page_right_side { float: left; width: 100%; } }
/*-------------page-template-scrolling-front ----*/
.page-template-page-scrolling-front #content, .page-template-page-scrolling-front .full-content-area, .page-template-page-scrolling-front #page { max-width: 100% !important; }

.page-template-page-scrolling-front #page { margin-top: 5em; }

.page-template-page-scrolling-front .clear { max-width: 1000px; margin: 0 auto; padding: 0 1em; }

#top-section, #second-section, #third-section, #fourth-section, #fifth-section, #sixth-section { padding-top: 2em; }

#top-section, #second-section, #third-section { min-height: 600px; }

@media screen and (max-width: 1100px) { .page-template-page-scrolling-front #page { margin-top: 10em; } }
@media screen and (max-width: 800px) { .page-template-page-scrolling-front #page { margin-top: 14em; } }
/*------------------- HEADER SEARCH COMPONENTS ---------------------*/
/*--- related to the dropping search entry field ---*/
.top-search-section { position: relative; left: 100%; top: -3em; margin-bottom: -3em; }

.member-navigation, .top-search-section { display: inline-block; float: left; }

.top-logo-side .search-form { position: relative; background-image: url("./images/mglass.png"); background-repeat: no-repeat; top: .25em; padding-bottom: .5em; }

.top-logo-side .search-field { background-color: transparent; background-size: 24px 33px; border: none; cursor: pointer; height: 37px; margin: 3px 0; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; }

.top-logo-side .search-field:focus { background-color: #fff; border: 1px solid #3366ff; cursor: text; outline: 0; width: 230px; margin-top: 50px; margin-left: -230px; }

.search-form .search-submit { display: none; }

@media screen and (max-width: 400px) { /*---dropping search causes issues at this width so it has to go away!--*/
  .top-search-section { display: none; } }
/*---- THREE COLUMN PAGE TEMPLATE ------*/
.first-of-three-column { float: left; width: 30%; margin-right: 5%; }

.second-of-three-column { float: left; width: 30%; margin-right: 5%; }

.third-of-three-column { float: left; width: 30%; margin-right: 0; }

@media screen and (max-width: 800px) { .first-of-three-column, .second-of-three-column, .third-of-three-column { float: left; width: 100%; margin-right: 0; } }
/*---- TWO COLUMN PAGE TEMPLATE ------*/
.first-of-two-column { float: left; width: 47%; margin-right: 6%; }

.second-of-two-column { float: left; width: 47%; margin-right: 0; }

@media screen and (max-width: 800px) { .first-of-two-column, .second-of-two-column { float: left; width: 100%; margin-right: 0; } }
/*---- FULL WIDTH FOOT ---*/
.full-width-foot { clear: both; width: 100%; }

/*---- ARCHIVE ARRAYS ---*/
.archive-thumb { float: left; width: 20%; margin-top: 0; }

.archive-thumb img { width: 100%; height: auto; margin-top: .25em; }

.archive-excerpt { float: right; width: 77%; margin-top: .0; }

.archive-excerpt p { margin: 0; }

.entry-meta { color: #949696; line-height: .95em; margin: -.25em 0 .25em 0; font-size: .75em; }

.full-width-excerpt p { margin: 0; }

h1.archive-title, .archive-excerpt h1, .full-width-excerpt h1 { margin: 0; color: #190a16; font-weight: normal; padding-top: 0; font-size: 1.5em; }

.achive-link { display: inline; }

@media screen and (max-width: 560px) { .archive-thumb { float: left; width: 100%; margin-top: .25em; text-align: center; }
  .archive-thumb img { width: 60%; height: auto; }
  .archive-excerpt { float: left; width: 100%; margin-top: .25em; }
  .archive-excerpt h1 { text-align: center; } }
/*--- FLEXSLIDER RELATED ---*/
.entry-content .flexslider { margin: 0em 0px 3em; background: transparent; border: none; position: relative; border-radius: 4px; }

.flex-caption { width: 100%; padding: 2%; left: 0; bottom: 0; background: transparent; color: #00121d; font-size: 1em; line-height: 1.5em; position: relative; margin-top: -5em; background-color: rgba(255, 255, 255, 0.5); text-align: center; font-size: 1.5em; }

.flex-caption > p { font-size: 1.25em; margin: .5em; }

.flexslider a { text-decoration: none; }

/*--- SEARCH RELATED--*/
.search-array li { float: left; width: 23%; list-style: none; margin: 0 1%; min-height: 250px; text-align: center; }

.search-array li h2 { font-size: 1em; }

/*--- FANCY BOX- HIDE TITLE --*/
#fancybox-title-over { padding: 10px; background-image: url(fancy_title_over.png); display: block; visibility: collapse; }

/*--- EXTENDED PRODUCT ATTRIBUTES--*/
ul.pp_attributes { margin: 0; padding-bottom: 2em; }

.pp_attributes li { margin-bottom: .25em; list-style: none; }

/*--------------------------------------------------------------Normalize it!--------------------------------------------------------------*/
html { font-family: "Lato", Tahoma, Verdana, Arial; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, 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: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #190a16; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { 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; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

/*--------------------------------------------------------------Typography--------------------------------------------------------------*/
body, button, input, select, textarea { font-family: "Lato", Tahoma, Verdana, Arial; color: #00121d; font-size: 16px; font-size: 1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Lato", Tahoma, Verdana, Arial; color: #001f30; }

p { margin-bottom: 1.5em; font-family: "Lato", Tahoma, Verdana, Arial; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #edf0f1; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; }

abbr, acronym { border-bottom: 1px dotted #949696; cursor: help; }

mark, ins { background: #ffffff; text-decoration: none; }

big { font-size: 125%; }

/* -----------------------------TYPOGRAPHY OVER-RIDES ----------------*/
h1 { font-size: 1.5em; color: #06304a; line-height: 1em; margin: 0 0 .5em 0; }

h2 { font-size: 1.5em; font-weight: normal; color: #06304a; line-height: 1em; margin: 0 0 .5em 0; }

h3 { font-size: 1.25em; color: #06304a; line-height: 1em; margin: 0 0 .5em 0; }

h4 { font-size: 1.25em; font-weight: normal; color: #06304a; line-height: 1em; margin: 0 0 .5em 0; }

h5 { font-size: 1.1em; color: #06304a; line-height: 1em; margin: 0 0 .5em 0; }

h6 { font-size: 1.1em; font-weight: normal; color: #06304a; line-height: 1em; margin: 0 0 .5em 0; }

p { margin-bottom: 1.5em; margin-top: .5em; }

h1.entry-title { margin: .5em 0; color: #06304a; font-weight: normal; padding-bottom: .5em; font-size: 1.5em; border-bottom: solid 1px #06304a; }

h1.entry-title-forms { margin: .5em 0; color: #06304a; font-weight: normal !important; padding-bottom: .5em; font-size: 1.5em; border-bottom: none; }

h1.entry-title .sub-entry-title { color: #679695; }

h1.entry-title .sub-entry-title:before { content: "|"; color: #3b3c3c; padding: 0 .25em; }

.page-content, .entry-content, .entry-summary { margin: 0; }

p.site-description { margin: 0; }

h1.site-title { margin: 0; }

h2.entry-title { margin: .25em 0; }

/*--- SIDEBAR TYPOGRAPHY --*/
#secondary h2 { font-size: 1.25em; }

/*--------------------------------------------------------------Elements--------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body { background: #ffffff; /* Fallback for when there is no custom background color defined.*/ background-image: url(./images/njs_logo.png); background-position: center 9em; background-repeat: no-repeat; background-attachment: fixed; max-width: 100%; overflow-x: hidden; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

hr { background-color: #06304a; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 1em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------Forms--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 12px; background: #49221b; color: #ffffff; /*box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05); color:rgba(0,0,0,.8); */ font-size: 12px; font-size: 1.1em; line-height: 1; padding: .5em 1em; /*text-shadow:0 1px 0 rgba(255,255,255,0.8)*/ }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-radius: 12px; background: #3366ff; color: #ffffff; /*box-shadow:inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05); color:rgba(0,0,0,.8); */ font-size: 12px; font-size: 1.1em; line-height: 1; padding: .5em 1em; /*text-shadow:0 1px 0 rgba(255,255,255,0.8)*/ }

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; }

select { border: 1px solid #edf0f1; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px; }

textarea { padding-left: 3px; width: 100%; }

/*---------------------------------------------------------------General purpose -------------------------------------------------*/
.clear { clear: both; }

.twentybump { padding-top: 20px; }

/*--------------------------------------------------------------Links--------------------------------------------------------------*/
a { color: #6d3535; text-decoration: none; }

a:visited { color: #6d3535; }

a:hover, a:focus, a:active { color: #00395a; }

a:hover { text-decoration: underline; }

a:focus { outline: 0; }

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

/*--------------------------------------------------------------FANCYBOX POPUP CONTROLS--------------------------------------------------------------*/
/*----- THIS CONTROLS THE TITLE PRESENTAION ----*/
.page-template-client-page #fancybox-title { font-family: "Lato", Tahoma, Verdana, Arial; font-size: 2em; line-height: 1em; color: #190a16; z-index: 11102; top: 0; /* visibility: hidden; */ padding: 0 .5em; }

.page-template-client-page #fancybox-title-over { padding: 10px; background-image: url(#); display: block; }

.page-template-client-page #fancybox-title-over { visibility: collapse !important; color: transparent !important; }

/*--- THIS CONTROLS THE GAP BETWEEN THE CONTENET AND THE TITLE ----*/
.page-template-client-page #fancybox-content p { margin: 0 1.5em 1.5em 1.5em; }

.page-template-client-page #fancybox-content h3 { margin: .5em 1.5em 0 1.5em; }

/*.page-template-client-page .fancy-pop{width:50%;}*/
.page-template-client-page #fancybox-wrap { left: 25% !important; width: 50% !important; }

.page-template-client-page #fancybox-content { width: 100% !important; background: transparent !important; border: none; }

.page-template-client-page #fancybox-bg-e { background-image: url("#") !important; /*--crucial --*/ background: #ffffff !important; right: -10px !important; }

@media screen and (max-width: 600px) { .page-template-client-page #fancybox-title { color: transparent; } }
@media screen and (max-width: 500px) { ul.client-array > li { float: left; list-style: none; margin: 0; padding: 0; width: 50%; } }
@media screen and (max-width: 300px) { ul.client-array > li { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } }
/*--------------THE HOME PAGE ---------*/
.hero-logo { text-align: center; padding: 90px 0; margin-left: -5%; }

/*--- THE STAFF ARRAY---*/
/*--- STAFF ARRAY HEADER ---*/
.staff-portrait img { width: 80%; margin: 0 20% 0 0; }

.staff-portrait { float: left; width: 25%; }

.staff-contact { float: right; width: 75%; }

@media screen and (max-width: 600px) { .staff-portrait { float: left; width: 50%; }
  .staff-contact { float: right; width: 50%; } }
@media screen and (max-width: 300px) { .staff-portrait { float: left; width: 100%; }
  .staff-contact { float: right; width: 100%; } }
/*---------------------------------------------------------------UNIVERSAL STARTING STYLES (IE8 inclusive)--------------------*/
#masthead { width: 100%; margin: 0 auto; top: 0; /*background: $White80Percent;*/ filter: none !important; border-bottom: solid 1px #06304a; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e5d86+0,2e5d86+28,2e5d86+100&1+0,1+28,0.66+100 */ background: -moz-linear-gradient(top, #2e5d86 0%, #2e5d86 28%, rgba(46, 93, 134, 0.66) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2e5d86 0%, #2e5d86 28%, rgba(46, 93, 134, 0.66) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2e5d86 0%, #2e5d86 28%, rgba(46, 93, 134, 0.66) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5d86', endColorstr='#a82e5d86',GradientType=0 ); /* IE6-9 */ }

.page-template-page-scrolling-front #masthead { width: 100%; margin: 0 auto; top: 0; /*background: $White80Percent;*/ filter: none !important; border-bottom: solid 1px #49221b; background-color: #49221b; background: #49221b; position: fixed; z-index: 999; }

h1.front-title { border-bottom: solid 1px #190a16; background-color: #49221b; color: #ffffff; padding: 1em 0; text-align: center; font-size: 1.5em;                                                                                         /*-webkit-border-radius: 1.5em;
border-radius: 1.5em;*/ display: block !important; position: relative; text-transform: uppercase; letter-spacing: .25em; }

h1.front-title:after { content: ""; position: relative; width: 0; height: 0; border-left: 2em solid transparent; border-right: 2em solid transparent; border-top: 1em solid #49221b; position: absolute; bottom: -1em; left: calc(50% - 2em); right: calc(50% - 2em); }

*:focus { outline: none; }

/* gets rid of outline in chrome and safari --*/
.masthead-logo { float: left; width: 20%; text-align: left; }

.masthead-nav { float: right; width: 100%; margin-top: 0; }

#page { /*padding-bottom:8em;*/ background-color: rgba(255, 255, 255, 0.6); max-width: 1200px; margin: 0 auto; }

/*-- makes room for footer in scroll --*/
.entry-content li { margin-bottom: 1.5em; }

/*----- 50% splitting style -------*/
.left-side-split { float: left; width: 48%; }

.right-side-split { float: right; width: 48%; }

.left-side-split h1:first-of-type, .left-side-split h2:first-of-type, .left-side-split h3:first-of-type, .left-side-split h4:first-of-type, .left-side-split h5:first-of-type, .left-side-split h6:first-of-type, .left-side-split p:first-of-type, .right-side-split h1:first-of-type, .right-side-split h2:first-of-type, .right-side-split h3:first-of-type, .right-side-split h4:first-of-type, .right-side-split h5:first-of-type, .right-side-split h6:first-of-type, .right-side-split p:first-of-type { margin-top: 0; }

@media screen and (max-width: 600px) { .left-side-split, .right-side-split { float: left; width: 100%; } }
/*--------------------------------------------------------------Navigation--------------------------------------------------------------*/
ul.social-icons { padding: 0; margin: 0; }

ul.social-icons > li { display: inline-block; list-style: none; margin: .5em 1em; font-size: 2em; }

/*---------------------DEFAULT DISPLAY OF MAIN MENU | CANNOT GO MOBILE FIRST BECAUSE OF IE8 -------------------------*/
/*--- NON-FLEXBOX NAVIGATION ---*/
/*--- hides the responsive menu ---*/
.menu-toggle { display: none; }

.main-navigation ul { display: block; }

/*--- HEADER REGION ---*/
.top-masthead-holder { width: 90%; max-width: 1100px; margin: 1em auto; top: 0; background: transparent; text-align: left; border-bottom: none; position: relative; }

.top-logo-side { float: left; width: 50%; }

.top-logo-side h1 a, .top-logo-side h2 { color: #ffffff; }

.top-logo-side h1 { display: block; /*vertical-align:75%;*/ margin-left: 0; }

.top-contact-side { float: left; width: 50%; color: #ffffff; top: 0; right: 0; }

.top-contact-side a { color: #ffffff; }

ul.top-social-icons { padding: 0; margin: 0; float: right; margin-top: 0; clear: both; }

ul.second-top-social-icons { padding: 0; margin: 0; float: right; clear: both; }

.top-contact-side .top-social-icons li { list-style: none; float: left; margin-right: .5em; font-size: 1.25em; }

.top-contact-side .second-top-social-icons li { list-style: none; float: left; margin-right: .5em; font-size: 1.25em; }

.top-contact-side .social { float: right; text-align: right; width: 100%; }

.top-contact-side .social a { color: #ffffff; }

.top-contact-side .social a:hover { color: rgba(255, 255, 255, 0.6); }

.top-contact-side .icon-text { font-size: .75em; /*-- could define break from header --*/ filter: none !important; /*--- this is an IE8 workaround ---*/ }

.masthead-holder { width: 100%; max-width: 1500px; margin: 0 auto; top: 0; background: #3366ff; text-align: center; border-bottom: none; /*-- could define break from header --*/ filter: none !important; /*--- this is an IE8 workaround ---*/ }

.top-contact-side ul { list-style: none; }

.top-contact-side li { float: left; width: 48%; }

.top-contact-side li:nth-child(odd) { margin-right: 3%; }

@media screen and (max-width: 600px) { .top-contact-side .second-top-social-icons li { list-style: none; float: left; margin-right: 0; font-size: 1.25em; clear: both; }
  .top-contact-side li { float: left; width: 100%; }
  .top-contact-side li:nth-child(odd) { margin-right: 0%; } }
.main-navigation.member ul { list-style: none; padding-left: 0; text-align: left; /*text-align determines menu position */ margin: 0; padding-left: 0; padding-top: 0; margin-bottom: -.25em; }

.main-navigation.member li { padding: .5em 0; }

/*--- MENU UNDER SITE NAME ---*/
.member-navigation ul { list-style: none; padding-left: 0; text-align: left; /*text-align determines menu position */ margin: 0; padding-left: 0; padding-top: 0; margin-bottom: -.25em; }

.member-navigation li { padding: .5em 0; }

.member-navigation { clear: none; display: inline-block; float: left; width: auto; /*height:2em; */ /*background-color:$turquoiseColor;*/ background: transparent; margin-top: 0; }

.member-navigation ul { list-style: none; padding-left: 0; text-align: left; /*text-align determines menu position */ margin: 0; padding-left: 0; padding-top: 0; margin-bottom: -.25em; }

.member-navigation li { position: relative; margin-right: .5em; font-size: 1em; display: inline-block; float: none; /* need to neutralize float explicitly */ padding: .5em 0; background: transparent; color: #ffffff; /*-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;*/ /*border:solid 1px $blackColor;border-bottom:none;*/ }

.member-navigation ul li a:after { content: " "; margin-left: .5em; }

.member-navigation ul ul li a:after, .member-navigation li:last-child a:after { content: " "; }

.member-navigation li:last-child { position: relative; margin-right: 0; font-size: 1em; margin-bottom: .25em; display: inline-block; padding: .5em 0; }

.member-navigation li:hover { background: transparent; text-decoration: underline; }

.member-navigation li:hover a { color: rgba(255, 255, 255, 0.8); }

.member-navigation a { display: block; text-decoration: none; /*font-weight: bold; */ color: #ffffff; font-size: 1.1em; font-weight: bold; }

.member-navigation a:hover { color: rgba(255, 255, 255, 0.8); }

.member-navigation li.current-menu-item a, .main-navigation li.current_page_item a { background: #ffffff; color: rgba(255, 255, 255, 0.8); }

.member-navigation li.current_page_item { background: #ffffff; color: #ffffff; }

.member-navigation .current-menu-item { color: #ffffff; background: #ffffff; }

.member-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a, .member-navigation ul li.current-menu-item, .main-navigation ul li.current_page_item { background: transparent; color: rgba(255, 255, 255, 0.8); }

/*--- MEMBER SECOND LEVEL CONTROLS ---*/
.member-navigation ul ul li:last-child { position: relative; margin-right: 0; font-size: 1em; margin-bottom: .25em; display: inline-block; padding: .5em 1em; }

.member-navigation ul ul { margin-left: 0; display: block; float: left; position: absolute; top: 2em; left: 0; z-index: 99999; text-align: left; visibility: collapse; opacity: .001; transition: all .5s ease-in-out 0s; background: #ffffff; }

.member-navigation ul ul li { background: #ffffff; -webkit-border-radius: 0; border-radius: 0; }

.member-navigation ul ul li a { color: #6d3535; }

.member-navigation ul ul li a:hover, .main-navigation ul ul li:hover { text-decoration: underline; background: #ffffff none repeat scroll 0% 0%; color: #06304a !important; }

.member-navigation li.current-menu-item a li, .main-navigation li.current_page_item a li { background: #190a16; color: #6d3535; }

.member-navigation ul ul li.current-menu-item a, .member-navigation ul ul li.current_page_item a, .member-navigation ul ul li.current-menu-item, .member-navigation ul ul li.current_page_item { background: #ffffff none repeat scroll 0% 0%; color: #6d3535; }

.member-navigation li.current-menu-item li a, .member-navigation li.current_page_item li a { background: #ffffff; }

.member-navigation ul ul ul { left: 100%; top: 0; }

.member-navigation ul ul a { width: 300px; }

.member-navigation ul li:hover > ul { display: block; opacity: 1; visibility: visible; transition: all 0.25s ease 0s; width: 300px; overflow: hidden; left: -100px; }

.member-navigation ul li:last-child:hover > ul { display: block; opacity: 1; visibility: visible; transition: all 0.25s ease 0s; width: 300px; overflow: hidden; left: -210px; /*---pushes dropdown to left --*/ }

/*--- controls the dropdown colors ---*/
.member-navigation ul li:hover > ul a { color: #6d3535; }

.member-navigation ul li:hover > ul li { background-color: #ffffff; }

.member-navigation ul li.current-menu-item ul li a { background: #ffffff; color: #6d3535; }

.member-navigation ul ul li.current_page_item { background: #ffffff; color: #6d3535; }

@media screen and (max-width: 400px) { .member-navigation li { font-size: .75em; }
  .member-navigation li:last-child { font-size: .75em; } }
/*--- MAIN & FIRST LEVEL CONTROLS ---*/
.main-navigation { clear: both; display: block; float: none; width: 100%; /*height:2em; */ /*background-color:$turquoiseColor;*/ background: transparent; margin-top: 0; }

.main-navigation ul { list-style: none; padding-left: 0; text-align: right; /*text-align determines menu position */ margin: 0; padding-left: 0; padding-top: 0; margin-bottom: -.25em; }

.main-navigation li { position: relative; margin-right: .25em; font-size: 1em; display: inline-block; float: none; /* need to neutralize float explicitly */ padding: .5em 0; background: transparent; color: #ffffff; /*-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;*/ /*border:solid 1px $blackColor;border-bottom:none;*/ }

.main-navigation ul li a:after { content: "|"; margin-left: .25em; }

.main-navigation ul ul li a:after, .main-navigation li:last-child a:after { content: " "; }

.main-navigation li:last-child { position: relative; margin-right: 0; font-size: 1em; margin-bottom: .25em; display: inline-block; padding: .5em 0; }

.main-navigation li:hover { background: transparent; text-decoration: underline; }

.main-navigation li:hover a { color: rgba(255, 255, 255, 0.8); }

.main-navigation a { display: block; text-decoration: none; /*font-weight: bold; */ color: #ffffff; font-size: 1.1em; font-weight: bold; }

.main-navigation a:hover { color: rgba(255, 255, 255, 0.8); }

.main-navigation li.current-menu-item a, .main-navigation li.current_page_item a { background: #ffffff; color: rgba(255, 255, 255, 0.8); }

.main-navigation li.current_page_item { background: #ffffff; color: #ffffff; }

.main-navigation .current-menu-item { color: #ffffff; background: #ffffff; }

.main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a, .main-navigation ul li.current-menu-item, .main-navigation ul li.current_page_item { background: transparent; color: rgba(255, 255, 255, 0.8); }

/*--- SECOND LEVEL CONTROLS ---*/
.main-navigation ul ul li:last-child { position: relative; margin-right: 0; font-size: 1em; margin-bottom: .25em; display: inline-block; padding: .5em 1em; }

.main-navigation ul ul { margin-left: 0; display: block; float: left; position: absolute; top: 2em; left: 0; z-index: 99999; text-align: left; visibility: collapse; opacity: .001; transition: all .5s ease-in-out 0s; background: #ffffff; }

.main-navigation ul ul li { background: #ffffff; -webkit-border-radius: 0; border-radius: 0; }

.main-navigation ul ul li a { color: #6d3535; }

.main-navigation ul ul li a:hover, .main-navigation ul ul li:hover { text-decoration: underline; background: #ffffff none repeat scroll 0% 0%; color: #06304a !important; }

.main-navigation li.current-menu-item a li, .main-navigation li.current_page_item a li { background: #190a16; color: #6d3535; }

.main-navigation ul ul li.current-menu-item a, .main-navigation ul ul li.current_page_item a, .main-navigation ul ul li.current-menu-item, .main-navigation ul ul li.current_page_item { background: #ffffff none repeat scroll 0% 0%; color: #6d3535; }

.main-navigation li.current-menu-item li a, .main-navigation li.current_page_item li a { background: #ffffff; }

.main-navigation ul ul ul { left: 100%; top: 0; }

.main-navigation ul ul a { width: 300px; }

.main-navigation ul li:hover > ul { display: block; opacity: 1; visibility: visible; transition: all 0.25s ease 0s; width: 300px; overflow: hidden; left: -100px; }

.main-navigation ul li:last-child:hover > ul { display: block; opacity: 1; visibility: visible; transition: all 0.25s ease 0s; width: 300px; overflow: hidden; left: -210px; /*---pushes dropdown to left --*/ }

/*--- controls the dropdown colors ---*/
.main-navigation ul li:hover > ul a { color: #6d3535; }

.main-navigation ul li:hover > ul li { background-color: #ffffff; }

.main-navigation ul li.current-menu-item ul li a { background: #ffffff; color: #6d3535; }

.main-navigation ul ul li.current_page_item { background: #ffffff; color: #6d3535; }

/*--------------------------------------------------------------Accessibility--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------Alignments--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

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

/*--------------------------------------------------------------Clearings--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------Widgets--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select { max-width: 100%; }

/*--------------------------------------------------------------Content--------------------------------------------------------------*/
/*--------------------------------------------------------------Posts and pages--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.byline, .updated:not(.published) { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------Asides--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/*--------------------------------------------------------------Comments--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------Infinite scroll--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------Media--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------Captions--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

/*--------------------------------------------------------------Galleries--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*---- NON-FLEXBOX CONTAINERS | IE8 version where min-width media query is not understood---*/
.masthead-holder { padding: 0; }

/*-------------------- RIGHT COLUMN -----------------
.site-content .widget-area {float: left;	overflow: hidden;	width: 23%; padding-top:1em;}
---------------*/
.content-area { float: right; margin: 0 0 0 -30%; width: 100%; min-height: 70vh; }

.site-content .widget-area { float: left; overflow: hidden; width: 30%; }

#content, .site-branding { width: 90%; max-width: 1500px; margin: 0em auto; padding: 1em 0; }

#secondary { padding: 2.5em 0 0 0; padding-left: 2%; }

#secondary ul { margin: 0; padding: 0 1em; }

/*---for full width configurations -- eliminated top padding and magins to tighten things up ---*/
.full-content-area { float: none; margin: 0 auto; width: 100%; max-width: 1100px; background-color: transparent; min-height: 70vh; }

.front-full-content-area { float: none; margin: 0 auto; width: 100%; max-width: 1100px; background-color: rgba(255, 255, 255, 0.98); padding: 1em; margin-top: 4em; -webkit-border-radius: 1em; border-radius: 1em; }

@media screen and (max-width: 1100px) { float: none; margin: 0 auto; width: 90%; background-color: transparent; }
.full-site-main { margin: 0 auto; padding-top: 0; }

/*--- THE FOOTER REGION ---*/
.site-footer { clear: both; width: 100%; background: #ffffff; color: #06304a; /*position:fixed; */ bottom: 0; z-index: 999; padding-bottom: 2em; }

.site-info { text-align: left; font-size: .75em; }

.site-info a:hover { text-decoration: underline; }

.site-info { width: 90%; max-width: 1100px; margin: 0em auto; padding: 1em 0; text-align: center; }

.footer-copyright { float: left; width: 40%; text-align: left; }

.footer-copyright h1 a { color: #3366ff; }

.footer-copyright h1 { display: inline; vertical-align: 75%; margin-left: .5em; }

.footer-contact { float: left; width: 60%; color: #06304a; }

ul.footer-social-icons { padding: 0; margin: 0; float: right; margin-top: 0; }

ul.footer-social-icons a { color: #49221b; }

ul.footer-social-icons a:hover { color: #190a16; }

ul.footer-second-social-icons { padding: 0; margin: 0; float: right; clear: both; }

.footer-contact .footer-social-icons li, .footer-contact .footer-second-social-icons li { list-style: none; float: left; margin-right: .5em; font-size: 1.25em; }

.footer-contact .social { float: right; text-align: right; width: 100%; }

.footer-contact .social a { color: #06304a; }

.footer-contact .social a:hover { color: #254960; }

.footer-contact .icon-text { font-size: .75em; }

.lower-nav-constraint ul.navsection { padding: 0; margin: 0; list-style: none; }

.lower-nav-constraint .navsection li { float: left; width: 33%; }

.navsection .widget ul { padding: 0; margin: 0; }

.navsection .widget li { float: none; width: 100%; list-style: none; margin-right: 1em; }

@media screen and (max-width: 1100px) { .site-info .footer-copyright { float: left; width: 100%; text-align: center; }
  .site-info .footer-copyright img { width: 40%; height: auto; margin: 0 auto; text-align: left; }
  .site-info .footer-contact { float: left; width: 100%; margin-top: 1.1em; }
  .site-info ul.footer-social-icons { padding: 0; margin: 0; float: left; margin-top: 0; }
  ul.footer-second-social-icons { padding: 0; margin: 0; float: left !important; clear: both; }
  .site-info .footer-contact { float: left; width: 100%; margin-top: 0; } }
@media screen and (max-width: 550px) { .site-info .footer-copyright h1 { font-size: 1.5em; } }
@media screen and (max-width: 450px) { .site-info .footer-copyright h1 { font-size: 1.5em; display: block; margin: 0; } }
/*----------------------------------BASIC LAYOUT THE NON-FLEXBOX SECTION -----------*/
/*---- NON-FLEXBOX CONTAINERS ---*/
.masthead-holder { padding: 0; }

/*-------------------- RIGHT COLUMN -----------------
.content-area {float: left;	margin: -.5em -28% 0 0;	width: 100%; background-color:transparent;border:none;}
.site-main {margin: 0 28% 0 0; padding-top:1em;}
.site-content .widget-area {float: right;	overflow: hidden;	width: 25%; padding-top:1em;}
--------*/
.content-area { float: left; margin: 0 -30% 0 0; width: 100%; }

.site-main { margin: 0 30% 0 0; }

.site-content .widget-area { float: right; overflow: hidden; width: 26%; }

#content, .site-branding { width: 100%; max-width: 1500px; margin: 0em auto; padding: 1em 0; }

#content { width: 100%; max-width: 1100px; margin: 0em auto; padding: 1em 0; }

#secondary { padding: 1em 0 0 0; }

#secondary ul { margin: 0; }

/*--- WALKING DOWN THE CONTAINER SIZES RELATIVE TO SCREEN SIZE ------*/
@media screen and (max-width: 1200px) { .site-branding, .site-info { width: 100%; max-width: 11400px; margin: 0em auto; padding: 1em 0; }
  #content { width: 100%; max-width: 1100px; margin: 0em auto; padding: 1em 0; } }
@media screen and (max-width: 1100px) { .site-branding, .site-info { width: 100%; max-width: 1000px; margin: 0em auto; padding: 1em 0; }
  #content { width: 100%; max-width: 1000px; margin: 0em auto; padding: 1em 0; } }
@media screen and (max-width: 1000px) { #content, .site-branding, .site-info { width: 100%; max-width: 900px; margin: 0em auto; padding: 1em 0; }
  #content { width: 100%; max-width: 900px; margin: 0em auto; padding: 1em 0; } }
@media screen and (max-width: 1000px) { #content, .site-branding, .site-info { width: 95%; max-width: 900px; margin: 0em auto; padding: 1em 0; } }
@media screen and (max-width: 1100px) { .masthead-nav { float: right; width: 100%; margin-top: 0; }
  .top-masthead-holder .top-logo-side { float: left; width: 100%; text-align: left; }
  .top-masthead-holder .top-logo-side img { width: 40%; height: auto; margin: 0 auto; }
  .top-masthead-holder .top-contact-side { float: left; width: 100%; margin-top: 1.1em; }
  .top-masthead-holder ul.top-social-icons { padding: 0; margin: 0; float: left; margin-top: 0; }
  .main-navigation ul { list-style: none; padding-left: 0; text-align: left; margin: 0; padding-left: 0; padding-top: 0; margin-bottom: 0; }
  ul.second-top-social-icons { padding: 0; margin: 0; float: left !important; clear: both; }
  .top-masthead-holder .top-contact-side { float: left; width: 100%; margin-top: 0; }
  .top-contact-side ul { padding: 0; margin: 0 0 1.5em 0; }
  .top-contact-side li { float: left; width: auto; padding-right: 1em; } }
@media screen and (max-width: 900px) { .main-navigation li, .main-navigation li:last-child { font-size: .9em; } }
@media screen and (max-width: 575px) { .top-masthead-holder .top-logo-side h1 { font-size: 1.5em; }
  .top-masthead-holder .top-logo-side h2 { font-size: 1em; }
  .top-masthead-holder { width: 80%; max-width: 1300px; margin: 0 0 1em 0; top: 0; background: transparent; text-align: left; border-bottom: none; } }
@media screen and (max-width: 450px) { .top-masthead-holder .top-logo-side h1, .top-masthead-holder .top-logo-side h2 { font-size: 1em; display: block; margin: 0; } }
@media screen and (max-width: 799px) { .member-navigation { margin-top: 1em !important; }
  .top-masthead-holder { width: 96%; margin-left: 2%; }
  .home .masthead-logo { visibility: visible; }
  .masthead-logo { float: none; width: auto; }
  .masthead-nav { float: none; width: auto; }
  #content { margin-top: 2em; /*--- compensates for small menu icon ---*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: none; }
  .content-area, .site-content .widget-area { width: 100%; }
  .content-area { float: right; margin: 0; width: 100%; }
  .site-main { margin: 0; }
  .masthead-holder { width: 100%; max-width: 800px; margin: 0 auto; top: 0; background: transparent; text-align: center; border-bottom: none; text-align: left; float: none; }
  /*--- setting position absolute here allows for the menu to drop down over the page content - no longer pushes it down ---*/
  .masthead-nav { margin-left: auto; float: none; position: absolute; width: 100%; }
  .masthead-logo, .masthead-logo { -webkit-align-self: flex-start; align-self: flex-start; background-color: #3366ff; }
  /*--- THIS CONTROLS THE HAMBURGER ICON DRIVEN MENU FOR SMALLER SCREENS ---*/
  .main-navigation { clear: both; display: table; width: 100%; background-color: #ffffff; }
  .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; margin-bottom: -.25em; text-align: left; background: #ffffff; text-align: left; border: solid 1px; max-width: 80%; float: right; }
  /* Small menu. */
  .menu-toggle, .main-navigation.toggled ul { display: block; background: #ffffff; position: relative; z-index: 999; }
  .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
  .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
  .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }
  button.menu-toggle, input.menu-toggle[type="button"] { border: none; border-radius: 0px; background: transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), inset 0 15px 17px rgba(255, 255, 255, 0), inset 0 -5px 12px rgba(0, 0, 0, 0); color: #ffffff; font-size: 1.5em; line-height: 1; padding: .25em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0); }
  /*--- PUSHING THE MENU TO THE RIGHT AND MAKING SURE THE OPENED MENU IS BELOW THE ICON-----*/
  button.menu-toggle, input.menu-toggle[type="button"] { float: right; margin-top: -2.8em; }
  /*--- CENTERS THE MENU ON ACTIVATION ----*/
  .main-navigation li, .main-navigation li:last-child { font-size: 1em; width: 100%; line-height: 1em; padding: 0 0 1em 1em; }
  .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a, .main-navigation ul li.current-menu-item, .main-navigation ul li.current_page_item { background: transparent; color: #190a16; }
  .main-navigation ul li:hover > ul { display: hidden; opacity: 0; visibility: visible; transition: none; width: 0px; overflow: hidden; left: 0px; }
  .main-navigation ul li:last-child:hover > ul { display: hidden; opacity: 0; visibility: collapse; transition: all 0.25s ease 0s; width: 0px; overflow: hidden; left: 0; /*---pushes dropdown to left --*/ }
  .main-navigation a { display: block; text-decoration: none; /*font-weight: bold; */ color: #190a16; font-size: 1.1em; font-weight: bold; }
  .main-navigation ul li a:after { content: " "; margin-left: 0; }
  .main-navigation ul ul li a:after, .main-navigation li:last-child a:after { content: " "; }
  .main-navigation li:hover { background: transparent; text-decoration: underline; }
  .main-navigation li:hover a { color: #190a16; }
  .main-navigation ul ul { height: 0; } }
/*--- letting the activated menu go to full width at small sizes - LEFT JUSTIFIED ICON ---*/
@media screen and (max-width: 700px) { .main-navigation ul { width: 75%; margin-top: 0.5em !important; }
  .main-navigation ul li ul li, .main-navigation ul li ul li a, .main-navigation ul li ul:hover { background: transparent; }
  .main-navigation li:last-child { width: 200px; }
  .main-navigation ul li:last-child:hover > ul, .main-navigation ul li:hover > ul { display: block; left: 0; opacity: 1; overflow: hidden; transition: none; visibility: visible; width: 250px; }
  .main-navigation ul li ul { margin: 0 0 0 .5em; } }
@media screen and (max-width: 560px) { .main-navigation ul { width: 100%; margin: 2em 0 0 0; } }
@media screen and (max-width: 500px) { .masthead-holder { padding: 0; } }
/*--- letting the activated menu go to full width at small sizes - RIGHT JUSTIFIED ICON---*/
@media screen and (max-width: 700px) { .main-navigation ul { width: 75%; margin: 0 10%; } }
@media screen and (max-width: 560px) { .main-navigation ul { width: 90%; margin: 0 10% 0 0; } }
@media screen and (max-width: 500px) { .masthead-holder { padding: 0; } }
@media screen and (max-width: 375px) { .main-navigation ul li ul a { width: 250px; } }

/*# sourceMappingURL=style.css.map */