/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* ============= Loaded at 768px =================*/
body
{
    /*background-color: yellow;*/
}

/****** Adaptive hide/show logic  - Home Page ******/

.front .region-content .kb-normal
{
    display: block;
}

.front .region-content .kb-default
{
    display: none;
}

.front .region-content .region-inner .certificates.grid-2,
.front .region-content .region-inner .calendar-highlights.grid-4
{
    width: 38.38692%; /* Same as grid-4 */
}

.front .region-content .system-status.grid-2
{
    clear: left;
}

.front .region-content .region-inner .system-status.grid-2,
.front .region-content .region-inner .training.grid-2
{
    width: 28.38692%; /* Same as grid-3 */
}

.front .region-content .kb-normal.grid-4
{
    width: 58.38692%; /* Same as grid-6 */
}

.front .region-content .region-inner .headlines.grid-6
.front .region-content .region-inner .block-news-headlines-block
{
    clear: none;
}

.front .region-content .certificates
{
    clear: left;
}

/****** Adaptive hide/show logic  - All pages ******/

/* Show title and breadcrumb aligned with body text */
body.not-front .container-10 .region-preface-first,
body.not-front #breadcrumb .breadcrumb
{
    margin-left: 0;
    width: 68.5%;
}


/* ...except for node titles on the five top-level pages */
/* and audience pages */
/* and search pages */
/* and help page */
body.section-top .container-10 .region-preface-first,
body.page-gsearch .container-10 .region-preface-first,
body.node-type-audience-page .container-10 .region-preface-first,
body.context-help #breadcrumb .breadcrumb
{
    margin-left: 0.80645%;
}

/* Show left sidebar */
#region-sidebar-first
{
    display: block;
}

/* Set main content well to fill the right half of the page */
body .container-10 .region-content.grid-5,
body .container-10 .region-content.grid-8
{
    width: 78.38692%; /* Treat as if it had 8 columns */
}

/* Set second sidebar to have a 2-column buffer on the left side */
body .container-10 aside.region-sidebar-second .region-inner
{
    padding-left: 20%;
}

/* Set second sidebar sections to be three columns wide */
body .container-10 aside.region-sidebar-second .region-inner > div,
body .container-10 aside.region-sidebar-second .region-inner > section
{
    width: 28.38692%;
}

/* Set second sidebar sections only have two items per row */
body .container-10 aside.region-sidebar-second .region-inner > div.odd,
body .container-10 aside.region-sidebar-second .region-inner > section.odd
{
    clear: left;
}

/* Hide footer secondary navigation, since it's now displayed in the left column */
.section-footer .zone-footer .region-footer-first
{
    display: none;
}

/* Footer  menu */
.section-footer .region-footer-second .block-menu-block
{
    margin-top: 15px;
    padding-bottom: 20px;
}

.section-footer .zone-footer .region-footer-second .menu-name-menu-footer-menu ul li
{
    line-height: 1em;
    border:  none;
    padding-left: 0;
}

.section-footer .zone-footer .region-footer-second .menu-name-menu-footer-menu > ul
{
    padding: 2em 2.5%;
}

.section-footer .zone-footer .region-footer-second .menu-name-menu-footer-menu > ul > li
{
    float: left;
    width: 18%;
    padding: 0 1%;
}

.section-footer .zone-footer .region-footer-second .menu-name-menu-footer-menu > ul > li a
{
    padding-left: 0;
}

.section-footer .zone-footer .region-footer-second .menu-name-menu-footer-menu ul li ul
{
    display: block;
}




/* Style D */
.region-menu #block-nice-menus-1 .nice-menu a
{
    font-size: 1.133em; /* Bumped up to desired size of 1.133em at 768px and higher */
}


/** Non-mobile version of Services List **/
#quicktabs-services_list div ul.quicktabs-tabs li,
ul.quicktabs-tabs li
{
    padding-right: 11px;
    padding-left: 11px;
}

#quicktabs-services_list div ul.quicktabs-tabs li.first,
ul.quicktabs-tabs li.first
{
    margin-left: 1.4em;
}

#quicktabs-services_list div ul.quicktabs-tabs li.active,
ul.quicktabs-tabs li.active
{
    padding-right: 10px;
}


/********* ********* ********* Layout for Specific Pages ********* ********* ***********/

/********* Service List ***********/
#quicktabs-services_list
{
    width: 100%;
}

/********* Service left sidebar navigation ******/
body.section-services #block-ist-services-left-nav-services-left-nav p#service_category_title
{
    letter-spacing: 0;
}

/*** Home Page ***/

body.front #region-preface-first,
body.front #region-preface-first .region-preface-first-inner
{
    float: left;
    width: 100%;
}

body.front #region-preface-first .region-preface-first-inner
{
    padding: 0 0 0 0;
}

/* Starting at this bp, Content Top and Content get only seven columns. */
body.news-top div#region-content-top,
body.section-secure.section-top div#region-content-top,
body.news-top div#region-content,
body.section-secure.section-top div#region-content
{
    float: right;
    width: 76.8%;
    padding: 0 2.3% 0 0;
    margin-left: 0;
}

body.section-secure.section-top div#region-content-top
{
    padding-right: 0;
    width: 79.2%;
}

body.news-top #region-content-top #block-views-news-spotlight-block .content,
body.section-secure.section-top #region-content-top .view-secure-computing-page-spotlight
{
    margin-bottom: 38px;
}

body.news-top div#region-content
{
    margin-right: 0.80625%;
}

body.news-top #region-sidebar-first,
body.section-secure.section-top #region-sidebar-first
{
    min-height: 600px;
}

body.front div#block-views-homepage-spotlight-spotlight div.views-slideshow-controls-bottom
{
    right: 1.5%;
}

/*** Video node ***/
body.node-type-video #region-content.region-content
{
    width: 78%;
}

body.node-type-news #region-sidebar-first #block-menu-block-1,
body.node-type-video #region-sidebar-first #block-menu-block-1
{
    margin-top: 6px;
}

/*******************/
/****** Fonts ******/
/*******************/


/* Style T */
.section-footer
{
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.25em;
}

/* Style V  (depends on style W) */
.section-footer .menu-name-menu-footer-menu ul li ul li a
{
    font-size: 0.8789em;
    font-weight: normal;
    text-transform: none;
}

/* Style W */
.section-footer .menu-name-menu-footer-menu ul li a
{
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 0.9375em;
    line-height: 1.667em;
    color: #ffffff;
    text-decoration: none;
}