/* ==========================================================================
INSTRUCTIONS FOR THIS STYLESHEET
This is for styling of all broad regions on the page that govern the look and feel, such as the header (including main navigation bar), footer, content areas, and all elements inside them (e. g. logo, search box, social media icons, etc.)
===========================================================================*/
/* ==========================================================================
   BREAKPOINTS
========================================================================== */
/* ==========================================================================
   COLORS
========================================================================== */
/* ==========================================================================
   IMAGES
========================================================================== */
/* ==================================================================
   DIGTIAL LOOM'S CLEAR FIX
   This clearfix is better than both Drupal and Compass's clearfix
   http://css-tricks.com/snippets/css/clear-fix/
===================================================================== */
/* ==================================================================
   RESPOND TO
   Use the breakpoint names defined in base.scss
   The $direction argument defines the whether to to include sizes up or down from the breakpoint.
===================================================================== */
/* ==========================================================================
   LINK STYLES
   These should only be applied directly to anchor tags
========================================================================== */
/* ------- Button -------------------------- */
/* Used by link buttons, form buttons, search button, and view/edit buttons */
/* ------- Arrow -------------------------- */
/* ------- Clear list style --------------------- */
/* ==========================================================================
TYPOGRAPHY STYLES TO EXTEND THROUGHOUT THE THEME
Table of Contents
  %heading1
  %heading2
  %heading3
  %heading4
  %intro
  %list-item
  %quote
  %related-link
  %caption
========================================================================== */
/* =============================================================================
   BODY & PAGE STYLING
   ========================================================================== */
/* line 13, ../sass/5-header-footer-nav.scss */
#page {
  position: relative;
}

/* =============================================================================
   HEADER
   (Logo, slogan, search box, utility nav, etc.)
   ========================================================================== */
/* line 21, ../sass/5-header-footer-nav.scss */
#header {
  margin: 0 auto;
}
/* line 24, ../sass/5-header-footer-nav.scss */
#header a {
  font-weight: 300;
}
@media (min-width: 690px) {
  /* line 21, ../sass/5-header-footer-nav.scss */
  #header {
    position: absolute;
    left: 0;
    right: 0;
  }
}

/* line 35, ../sass/5-header-footer-nav.scss */
#branding {
  float: left;
  padding: 18px 0 0 0;
  margin: 0;
  width: 13.297972%;
}
@media (max-width: 640px) {
  /* line 35, ../sass/5-header-footer-nav.scss */
  #branding {
    padding: 0;
  }
  /* line 44, ../sass/5-header-footer-nav.scss */
  #branding #logo {
    width: 55px;
    position: absolute;
    z-index: 1000000;
    top: 0;
    left: 0;
    padding: 5px 0 0 10px;
  }
  /* line 53, ../sass/5-header-footer-nav.scss */
  body.admin-menu #branding #logo {
    top: -50px;
  }
}

/* line 60, ../sass/5-header-footer-nav.scss */
.region-header {
  float: right;
  width: 85%;
  margin-top: 18px;
  text-align: right;
  position: relative;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  /* line 60, ../sass/5-header-footer-nav.scss */
  .region-header {
    display: none;
  }
}

/* line 73, ../sass/5-header-footer-nav.scss */
#logo {
  padding: 0;
  position: relative;
  z-index: 1;
}
/* line 78, ../sass/5-header-footer-nav.scss */
#logo img {
  max-width: 120px;
  max-height: 76px;
  width: 100%;
  height: 100%;
}

/* line 86, ../sass/5-header-footer-nav.scss */
#block-search-form {
  margin: 0 0 0 10px;
  float: right;
}
/* line 90, ../sass/5-header-footer-nav.scss */
#block-search-form > .block-inner {
  margin: 0;
}
/* line 94, ../sass/5-header-footer-nav.scss */
#block-search-form .form-text {
  -webkit-appearance: none;
  -moz-border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0px 0px 2px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  width: 158px;
  height: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 3px;
  float: left;
}
/* line 106, ../sass/5-header-footer-nav.scss */
#block-search-form .form-submit {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #cccccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left-width: 0;
  height: 24px;
  width: 24px;
  float: left;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

/* line 120, ../sass/5-header-footer-nav.scss */
#block-panels-mini-login-bar,
#block-panels-mini-login-logout-bar {
  position: absolute;
  top: 2px;
  right: 184px;
  margin: 0;
}
/* line 127, ../sass/5-header-footer-nav.scss */
#block-panels-mini-login-bar .block,
#block-panels-mini-login-bar .width,
#block-panels-mini-login-logout-bar .block,
#block-panels-mini-login-logout-bar .width {
  margin: 0;
}
/* line 132, ../sass/5-header-footer-nav.scss */
#block-panels-mini-login-bar .user_links,
#block-panels-mini-login-logout-bar .user_links {
  color: #777;
  font-size: 0.92856em;
  letter-spacing: 0.05em;
}
/* line 138, ../sass/5-header-footer-nav.scss */
#block-panels-mini-login-bar a,
#block-panels-mini-login-logout-bar a {
  color: #777;
  display: inline-block;
  padding: 0.2em 0.8em;
  text-transform: uppercase;
}
/* line 144, ../sass/5-header-footer-nav.scss */
#block-panels-mini-login-bar a:hover, #block-panels-mini-login-bar a:focus,
#block-panels-mini-login-logout-bar a:hover,
#block-panels-mini-login-logout-bar a:focus {
  color: #000000;
}
/* line 150, ../sass/5-header-footer-nav.scss */
#block-panels-mini-login-bar strong,
#block-panels-mini-login-logout-bar strong {
  border-right: solid 1px #cccccc;
  padding-right: 15px;
  display: inline-block;
  font-weight: 300;
}

/* line 158, ../sass/5-header-footer-nav.scss */
#breadcrumb {
  display: none;
}

/* =============================================================================
   CONTENT AREAS
================================================================================ */
/* line 166, ../sass/5-header-footer-nav.scss */
#columns {
  clear: both;
}
@media (max-width: 640px) {
  /* line 166, ../sass/5-header-footer-nav.scss */
  #columns {
    width: 91.796875%;
    margin: 7px auto 0 auto;
  }
}

/* line 175, ../sass/5-header-footer-nav.scss */
#main-content {
  padding-top: 25px;
  margin: 0;
}
@media (max-width: 640px) {
  /* line 175, ../sass/5-header-footer-nav.scss */
  #main-content {
    padding-top: 0;
  }
}

@media (min-width: 640px) {
  /* line 184, ../sass/5-header-footer-nav.scss */
  body.hide-page-title h1#page-title {
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}

/* =============================================================================
   MAIN NAVIGATION
   (Superfish)
================================================================================ */
/* line 195, ../sass/5-header-footer-nav.scss */
#menu-button {
  display: none;
}

/* line 199, ../sass/5-header-footer-nav.scss */
#menu-bar {
  float: right;
  clear: none;
  position: relative;
  margin: 0;
  padding: 0 0 0 0;
  width: 100%;
}
/* line 207, ../sass/5-header-footer-nav.scss */
#menu-bar a {
  font-weight: 300;
}
@media (min-width: 690px) {
  /* line 199, ../sass/5-header-footer-nav.scss */
  #menu-bar {
    margin: 73px 0 0 0;
  }
  /* line 214, ../sass/5-header-footer-nav.scss */
  body.front #menu-bar {
    margin-bottom: 1em;
  }
}

@media (min-width: 600px) {
  /* line 221, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 {
    margin: 0;
  }
  /* line 225, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu {
    float: right;
    position: static;
    margin: 0;
  }
  /* line 230, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li {
    padding: 0 16px;
    list-style: none;
    float: left;
  }
  /* line 235, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li a {
    color: #777;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: .6em 0 13px;
    font-weight: 300;
  }
  /* line 243, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li a.active-trail, #block-menu-block-1 .menu-block-wrapper ul.menu li a:hover {
    color: #000000;
    text-decoration: none;
  }
  /* line 250, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li.menu-mlid-7413 {
    padding-right: 0;
  }
  /* line 254, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li.menu-mlid-7413 a {
    padding: .6em 1.5em .6em .6em;
    display: block;
    background: #e7e7e7 url("../images/arrow-orange-lg.png") 97% center no-repeat;
    color: #000000;
    text-transform: none;
  }
  /* line 263, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li.sfHover:after {
    background: url("../images/triangle.png") center top no-repeat;
  }
  /* line 268, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li ul.menu {
    display: none;
    background: #ffffff;
    position: absolute;
    float: none;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    padding: 10px 15px;
  }
  /* line 277, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li ul.menu li {
    float: none;
  }
  /* line 280, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li ul.menu li.last {
    border: none;
  }
  /* line 284, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li ul.menu li a {
    font-size: 1.1em;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
    padding: 6px 0;
  }
  /* line 291, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 .menu-block-wrapper ul.menu li ul.menu li a.active-trail, #block-menu-block-1 .menu-block-wrapper ul.menu li ul.menu li a:hover {
    color: #a0aa00;
    text-decoration: none;
    background: none;
  }

  /* line 310, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 li.menu-mlid-2293.sfHover > a:after, #block-menu-block-1 li.menu-mlid-2293.active-trail > a:after,
  #block-menu-block-1 li.menu-mlid-7393.sfHover > a:after,
  #block-menu-block-1 li.menu-mlid-7393.active-trail > a:after,
  #block-menu-block-1 li.menu-mlid-7403.sfHover > a:after,
  #block-menu-block-1 li.menu-mlid-7403.active-trail > a:after {
    background-image: url("/sites/all/themes/at_nuocorp/images/triangle.png");
    background-repeat: no-repeat;
    display: block;
    content: "";
    position: absolute;
    width: 21px;
    height: 12px;
    left: 50%;
    top: 35px;
    margin-left: -10.5px;
    border-bottom: solid 2px #fff;
    box-sizing: content-box;
    z-index: 100;
  }
}
@media (max-width: 640px) {
  /** Popup primary menu */
  /* line 331, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1, #block-menu-menu-top-navigation {
    margin: 0 0 6px 0;
    display: none;
  }

  /* line 336, ../sass/5-header-footer-nav.scss */
  body.page-welcome #block-menu-block-1 {
    margin-bottom: 0;
  }

  /* line 342, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 ul,
  #block-menu-menu-top-navigation ul {
    float: none;
    background-color: #58595B;
    padding: 1px 7px 0 7px;
  }
  /* line 348, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 li,
  #block-menu-menu-top-navigation li {
    background-color: #fff;
    margin-bottom: 1px;
    display: block;
    float: none;
    padding: 14px 12px 14px 9px;
  }
  /* line 355, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 li ul,
  #block-menu-menu-top-navigation li ul {
    display: none;
  }
  /* line 360, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 li.last,
  #block-menu-menu-top-navigation li.last {
    border-left-width: 0;
    padding-right: 12px;
  }
  /* line 365, ../sass/5-header-footer-nav.scss */
  #block-menu-block-1 a,
  #block-menu-menu-top-navigation a {
    font-size: 14px;
    background: url("/sites/all/themes/at_nuocorp/images/icon-chevron-right-gray.png") no-repeat 100% 50%;
    padding: 0;
  }

  /* line 372, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2,
  #block-menu-block-6
  #columns {
    width: 91.796875%;
    margin: 0 auto;
  }
}
/* line 380, ../sass/5-header-footer-nav.scss */
body.node-type-document-resource #block-menu-block-1 .menu-item-7393 > a,
body.node-type-press-release #block-menu-block-1 .menu-item-7393 > a {
  color: #000000;
}

@media (max-width: 640px) {
  /* line 385, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2,
  #block-menu-block-6 {
    display: none;
  }
}
@media (min-width: 640px) {
  /* line 385, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2,
  #block-menu-block-6 {
    padding: 0;
    margin: 0;
  }
  /* line 395, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2 .menu-block-wrapper ul.menu,
  #block-menu-block-6 .menu-block-wrapper ul.menu {
    background: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    padding: 2px 0;
    margin: 0;
  }
  /* line 402, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2 .menu-block-wrapper ul.menu li,
  #block-menu-block-6 .menu-block-wrapper ul.menu li {
    float: left;
    list-style: none;
    margin: 0 21px 0 0;
  }
  /* line 407, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2 .menu-block-wrapper ul.menu li.last,
  #block-menu-block-6 .menu-block-wrapper ul.menu li.last {
    margin-right: 0;
  }
  /* line 411, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2 .menu-block-wrapper ul.menu li a,
  #block-menu-block-6 .menu-block-wrapper ul.menu li a {
    font-size: 1em;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
    padding: 6px 0;
    color: #000000;
  }
  /* line 419, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2 .menu-block-wrapper ul.menu li a.active-trail, #block-menu-block-2 .menu-block-wrapper ul.menu li a:hover,
  #block-menu-block-6 .menu-block-wrapper ul.menu li a.active-trail,
  #block-menu-block-6 .menu-block-wrapper ul.menu li a:hover {
    color: #a0aa00;
    text-decoration: none;
    background: none;
  }
  /* line 427, ../sass/5-header-footer-nav.scss */
  #block-menu-block-2 .menu-block-wrapper ul.menu li ul,
  #block-menu-block-6 .menu-block-wrapper ul.menu li ul {
    display: none;
  }
}

/* line 435, ../sass/5-header-footer-nav.scss */
body.node-type-document-resource #block-menu-block-6 .menu-item-7473 > a,
body.node-type-press-release #block-menu-block-6 .menu-item-7483 > a {
  color: #c2cf20;
}

/* =============================================================================
   SIDE NAVIGATION   
================================================================================ */
/* line 444, ../sass/5-header-footer-nav.scss */
ul.menu li {
  margin: 0;
}

/* If li.content exists it's a problem, so reset the padding */
/* line 449, ../sass/5-header-footer-nav.scss */
.block .menu li.content {
  padding: 0;
}

/* line 453, ../sass/5-header-footer-nav.scss */
.menu-sidebar ul,
.menu-level-3 > ul {
  font-size: 14px;
  padding-left: 0;
}

/* line 459, ../sass/5-header-footer-nav.scss */
.menu-sidebar ul > li,
.menu-level-3 > ul > li {
  list-style: none;
  padding: 0 0 2px 0;
}

/* line 465, ../sass/5-header-footer-nav.scss */
.menu-sidebar ul > li > a,
.menu-level-3 > ul > li > a {
  color: #363D45;
}

/* line 470, ../sass/5-header-footer-nav.scss */
.menu-sidebar ul > li > a:hover,
.menu-sidebar ul > li > a.active-trail,
.menu-level-3 > ul > li > a:hover,
.menu-level-3 > ul > li > a.active-trail {
  color: #c2cf20;
}

/* =============================================================================
   FOOTER
================================================================================ */
/* line 482, ../sass/5-header-footer-nav.scss */
#footer {
  background-color: #efefef;
  padding: 35px 0px 13px 0px;
  color: #000000;
  /*.container {
    width: 100%;
  }*/
}
/* line 491, ../sass/5-header-footer-nav.scss */
#footer a {
  color: black;
  font-weight: 300;
}
/* line 496, ../sass/5-header-footer-nav.scss */
#footer .region-two-33-66-first {
  width: 100%;
}
/* line 500, ../sass/5-header-footer-nav.scss */
#footer .region-two-33-66-second {
  width: 100%;
}
@media (max-width: 600px) {
  /* line 482, ../sass/5-header-footer-nav.scss */
  #footer {
    background: #ffffff;
  }
  /* line 508, ../sass/5-header-footer-nav.scss */
  #footer #sitemap {
    display: none;
  }
}
@media (min-width: 600px) and (max-width: 640px) {
  /* line 515, ../sass/5-header-footer-nav.scss */
  #footer #sitemap {
    margin-left: 20px;
  }
}
@media (max-width: 640px) {
  /* line 521, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-bottom {
    width: 91.796875%;
    margin: 7px auto 0 auto;
  }
}
@media (min-width: 640px) {
  /* line 530, ../sass/5-header-footer-nav.scss */
  #footer .container {
    width: 95%;
  }
  /* line 534, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-first {
    width: 40%;
    float: left;
    clear: none;
  }
  /* line 540, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second {
    width: 60%;
    float: left;
    clear: none;
  }
  /* line 547, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second ul.menu li {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 551, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second ul.menu li li {
    float: left;
    width: 50%;
    margin-bottom: 0;
  }
  /* line 558, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second ul.menu li.menu-mlid-2293 li,
  #footer .region-two-33-66-second ul.menu li.menu-mlid-7413 li {
    /* Product & Developers menu items */
    float: none;
  }
}
@media (min-width: 900px) {
  /* line 567, ../sass/5-header-footer-nav.scss */
  #footer #panel-social iframe, #footer #panel-social ul {
    width: 100%;
    clear: both;
  }
  /* line 572, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-first {
    width: 30%;
  }
  /* line 576, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second {
    width: 70%;
  }
  /* line 579, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second ul.menu li {
    width: 25%;
    margin: 0;
  }
  /* line 583, ../sass/5-header-footer-nav.scss */
  #footer .region-two-33-66-second ul.menu li li {
    float: none;
    width: 100%;
  }
}

/* line 594, ../sass/5-header-footer-nav.scss */
#panel-social .block-inner,
#panel-social p {
  margin: 0;
}
/* line 599, ../sass/5-header-footer-nav.scss */
#panel-social iframe {
  /* sign-up form */
  height: 215px;
  width: 220px;
  display: block;
  margin: 0 auto;
}
/* line 606, ../sass/5-header-footer-nav.scss */
#panel-social ul {
  /* social buttons */
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
@media (min-width: 900px) {
  /* line 606, ../sass/5-header-footer-nav.scss */
  #panel-social ul {
    text-align: left;
  }
}
/* line 616, ../sass/5-header-footer-nav.scss */
#panel-social li {
  display: inline-block;
}
/* line 619, ../sass/5-header-footer-nav.scss */
#panel-social li a {
  display: block;
  text-indent: -9999px;
  margin: 0 5px 0 0;
  height: 29px;
  width: 29px;
  background: url("/sites/all/themes/at_nuocorp/images/connect-sprites-square.png") no-repeat;
  padding: 0;
}
/* line 628, ../sass/5-header-footer-nav.scss */
#panel-social li a.footerfacebook {
  background-position: -58px 0;
}
/* line 632, ../sass/5-header-footer-nav.scss */
#panel-social li a.footertwitter {
  background-position: 0 0;
}
/* line 636, ../sass/5-header-footer-nav.scss */
#panel-social li a.footerlinkedin {
  background-position: -29px 0;
}

/* line 645, ../sass/5-header-footer-nav.scss */
#sitemap .block-inner {
  margin: 0;
}
/* line 649, ../sass/5-header-footer-nav.scss */
#sitemap ul {
  margin-top: 0;
}
/* line 653, ../sass/5-header-footer-nav.scss */
#sitemap a {
  white-space: nowrap;
}
/* line 657, ../sass/5-header-footer-nav.scss */
#sitemap li.menu-depth-1 {
  display: block;
  float: left;
  width: 25%;
}
/* line 663, ../sass/5-header-footer-nav.scss */
#sitemap li.menu-depth-1 > a {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.35em;
}
/* line 669, ../sass/5-header-footer-nav.scss */
#sitemap li.menu-depth-1 > .menu {
  margin: 6px 0 0 0;
  padding-left: 0;
}
/* line 674, ../sass/5-header-footer-nav.scss */
#sitemap li.menu-depth-2 {
  margin-bottom: 4px;
  list-style: none;
}
/* line 679, ../sass/5-header-footer-nav.scss */
#sitemap li.menu-depth-2 > a {
  margin-bottom: 0.35em;
}

/* line 684, ../sass/5-header-footer-nav.scss */
#footer-floor {
  margin: 0;
}
/* line 687, ../sass/5-header-footer-nav.scss */
#footer-floor > .block-inner {
  margin: 0;
}
/* line 691, ../sass/5-header-footer-nav.scss */
#footer-floor .tagline {
  float: right;
  width: 44%;
  text-align: right;
  padding-left: 10px;
}
/* line 698, ../sass/5-header-footer-nav.scss */
#footer-floor .copyright .links {
  display: inline;
}
/* line 702, ../sass/5-header-footer-nav.scss */
#footer-floor a {
  padding: 0 7px;
  white-space: nowrap;
}