/*
Theme Name: 浪花直播
Theme URI: http://schoolpresser.com
Author: SchoolPress - WordPress for Schools
Author URI: http://schoolpresser.com
Description: A custom theme for 浪花直播 Public Schools
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newark
Domain Path: /languages/
Tags: white

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.

浪花直播 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

*/

/*--------------------------------------------------------------
3rd Party Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'GothamBold';
    font-weight: normal;
    font-style: normal;
    src: local('Gotham Bold'), local('Gotham-Bold'), url('/wp-content/themes/newark/fonts/gotham-bold.woff2') format('woff2'), url('/wp-content/themes/newark/fonts/gotham-bold.ttf') format('truetype'), url('/wp-content/themes/newark/fonts/gotham-bold.svg') format('svg');
}

@font-face {
    font-family: 'GothamMedium';
    font-weight: normal;
    font-style: normal;
    src: local('Gotham Medium'), local('Gotham-Medium'), url('/wp-content/themes/newark/fonts/gotham-medium.woff2') format('woff2'), url('/wp-content/themes/newark/fonts/gotham-medium.ttf') format('truetype'), url('/wp-content/themes/newark/fonts/gotham-medium.svg') format('svg');
}

@font-face {
    font-family: 'GothamUltra';
    font-weight: normal;
    font-style: normal;
    src: local('GothamUltra'), url('/wp-content/themes/newark/fonts/gotham-ultra.woff2') format('woff2'), url('/wp-content/themes/newark/fonts/gotham-ultra.ttf') format('truetype'), url('/wp-content/themes/newark/fonts/gotham-ultra.svg') format('svg');
}

@font-face {
    font-family: "Noun Project";
    font-weight: normal;
    font-style: normal;
    src: url("https://www.nps.k12.nj.us/wp-content/themes/newark/fonts/noun-project-icons.eot") format('embedded-opentype');
    src: local("鈽猴笌"), url("https://www.nps.k12.nj.us/wp-content/themes/newark/fonts/noun-project-icons.eot?"), 
	/*url('fonts/noun-project-icons.woff2') format('woff2'), /* Super Modern Browsers */
    /*url("fonts/noun-project-icons.woff") format("woff"), */
    url("https://www.nps.k12.nj.us/wp-content/themes/newark/fonts/noun-project-icons.ttf") format("truetype"), 
    url("https://www.nps.k12.nj.us/wp-content/themes/newark/fonts/noun-project-icons.svg#Noun-Project") format("svg");
}

/* Font icons */

.noun-project {
    margin: 0 5px;
    color: #fff;
}

/*--------------------------------------------------------------
Noun Project - http://thenounproject.com converted to font icons via http://iconmoon.io
--------------------------------------------------------------*/

/* Base */

.noun-project {
    font-family: 'Noun Project';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    top: 1px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Individual icons */

.icon-arrow-thick {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -ms-transform: none;
            transform: rotate(-180deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.icon-arrow-thick:before {
    content: '\e600';
}

.icon-arrow-thin {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.icon-arrow-thin:before {
    content: '\e601';
}

.icon-calendar:before {
    content: '\e602';
}

.icon-link:before {
    content: '\e603';
}

.icon-mail:before {
    content: '\e604';
}

.icon-search:before {
    font-size: 32px;
    font-size: 3.2rem;

    content: '\e605';
}

/*--------------------------------------------------------------
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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
}

html
{
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */

    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
        -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after
{
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
       -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
            box-sizing: border-box;
}

body {
    background: white;
}

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

ol,
ul
{
    list-style: none;
}

table
{
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
}

caption,
th,
td
{
    font-weight: normal;

    text-align: left;
}

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

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

a:focus
{
    outline: thin dotted;
}

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

a img
{
    border: 0;
}

/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */

/* faux colums */

#primary
{
    background-color: white;
}

#primary,
#secondary
{
    padding: 20px 0;
    padding: 2rem 0;
}

#secondary
{
    background-color: #e5e5e5;
}

/*	MAIN CONTAINER
	Set the width to whatever you want the width of your site to be. */

.district .container {
    max-width: 1280px;
    margin: 0 auto;
}

.district .container, .school .container {
    height: 100%;
    padding: 0 20px;
}

.container:after,
.row:after,
.col:after,
.clr:after,
.group:after
{
    display: table;
    clear: both;

    content: '';
}

.row
{
    padding-bottom: 0;
}

.col
{
    display: block;
    float: left;

    width: 100%;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea
{
    font-family: Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;

    color: #404040;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    clear: both;
}

h1
{
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;

    color: #0f3b63;
}

h2
{
    font-size: 32px;
    font-size: 3.2rem;
}

h3
{
    font-size: 27px;
    font-size: 2.7rem;

    color: black;
}

h4
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;

    color: #8d0e13;
}

h5
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

h6
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    color: #010000;
}

p
{
    margin-bottom: 1.5em;
}

b,
strong
{
    font-weight: bold;
}

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

blockquote
{
    margin: 0 1.5em;
}

address
{
    margin: 0 0 1.5em;
}

pre
{
    font-family: 'Courier 10 Pitch', Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;

    overflow: auto;

    max-width: 100%;
    margin-bottom: 1.6em;
    padding: 1.6em;

    background: #eee;
}

code,
kbd,
tt,
var
{
    font: 15px Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}

abbr,
acronym
{
    cursor: help;

    border-bottom: 1px dotted #666;
}

mark,
ins
{
    text-decoration: none;

    background: #fff9c0;
}

sup,
sub
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    height: 0;

    vertical-align: baseline;
}

sup
{
    bottom: 1ex;
}

sub
{
    top: .5ex;
}

small
{
    font-size: 75%;
}

big
{
    font-size: 125%;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr
{
    height: 1px;
    margin-bottom: 1.5em;

    border: 0;
    background-color: #ccc;
}

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

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
{
    max-width: 100%; /* Adhere to container width. */
    height: auto; /* Make sure images are scaled correctly. */
}

figure
{
    margin: 0;
}

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

th
{
    font-weight: bold;
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea
{
    font-size: 100%; /* Corrects font size not being inherited in all browsers */

    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

input[type='checkbox'],
input[type='radio']
{
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type='search']
{
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
       -moz-box-sizing: content-box;
            box-sizing: content-box;

    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type='search']::-webkit-search-decoration
{
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

    border: 0;
}

textarea
{
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

    width: 100%;
    padding-left: 3px;

    vertical-align: top; /* Improves readability and alignment in all browsers */
}

/* reset all form styles */

select,
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search']
{
    padding: 5px;

    border: 0 !important;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none; /* Removes default Chrome and Safari style */
       -moz-appearance: none; /* Removes default Firefox style */
}

select:focus,
button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='search']:focus
{
    outline: 0; /* Remove outer glow in -webkit */
}

button,
input[type='button'],
input[type='reset'],
input[type='submit']
{
    padding: 10px;
    padding: 1rem;

    color: white;
    background-color: #0f3b63;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover
{
    background-color: #082137;
}

/* search forms */

.search-form .input-area,
.large-search-form .input-area
{
    padding: 5px;

    background-color: rgba(255, 255, 255, .2);
}

.search-form .search-field,
.large-search-form .search-field
{
    font-weight: 400;

    float: left;

    padding: 0;

    color: #ececec;
}

.search-form .cursor,
.large-search-form .cursor
{
    position: absolute;
    top: 11px;
    left: 10px;

    width: 14px;
    height: 28px;

    background-position: -154px 0;
}

.search-form .noun-project,
.large-search-form .noun-project
{
    position: absolute;
    top: 6px;
    right: 10px;

    margin: 0;
    padding: 0;

    color: #ececec;
    color: rgba(255, 255, 255, .65);
    background-color: transparent;
}

.search-form .noun-project:hover,
.large-search-form .noun-project:hover
{
    cursor: pointer;
}

/* used on district homepage and school pages */

.large-search-form .input-area
{
    position: relative;

    margin-bottom: 20px;
    margin-bottom: 5px;
    padding: 0;

    text-align: center;
}

.large-search-form .search-field
{
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;

    float: none;

    width: 76%;
    margin: 0 32px 10px 7px;
    padding: 10px 0 0 0;

    border-bottom: 1px solid #ececec !important;
}

.site-header .input-area
{
    margin-top: 10px;
}

/*--------------------------------------------------------------
Header Area
--------------------------------------------------------------*/

.site-header
{
    background-color: #0f3b63;
}

/* Top Nav Area */

.topnav-wrap
{
    position: relative;
    z-index: 3;
    padding: 10px 15px;
    background-color: #0f3b63;
}

/* Subnav Area */

.subnav-wrap
{
    background-color: #0f3b63;
}

/* Branding Area */

.header-wrap
{
    margin: 75px 0 15px;
    padding: 0 15px;
}

.site-title
{
    font-family: 'GothamUltra', sans-serif;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    text-align: center;
    color: #fff;
}

.site-title a,
.site-title a:focus,
.site-title a:active,
.site-title a:visited
{
    text-decoration: none;
    color: #fff;
}

.site-title a:hover
{
    text-decoration: none;
}

/* Small menu */

.menu-toggle
{
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    margin: 10px auto 0;
    cursor: pointer;
    color: #fff;
    background: none;
}

.menu-toggle:hover
{
    background: none;
}

.primary-menu-wrap ul,
.schools-menu-wrap ul
{
    display: none;
}

.toggled .primary-menu-wrap ul,
.toggled .schools-menu-wrap ul
{
    display: block;

    background-color: rgba(0, 0, 0, .3);
}

.toggled .schools-menu-wrap
{
    border-bottom: 1px solid rgba(0, 0, 0, .8);
}

.toggled.container
{
    margin: 0;
    border: 1px solid #8d0e13;
    border-top: none;
}

.toggled .noun-project
{
    display: none;
}

/*--------------------------------------------------------------
Header - District
--------------------------------------------------------------*/

.site-header
{
    /* Schools & Primary Navigation */ /* Navigation tweaks */
}

.site-header .primary-navigation-wrap
{
    background-color: #8d0e13;
}

.site-header .nav-menu
{
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.site-header .nav-menu li
{
    font-size: 14px;
    font-weight: 700;
    position: relative;
    color: white;
}

.site-header .nav-menu li .noun-project
{
    float: right;
}

.site-header .nav-menu > li:hover
{
    color: #8d0e13;
}

.site-header .nav-menu > li:hover > a
{
    color: #8d0e13;
}

.site-header .nav-menu a
{
    display: block;
    padding: 10px;
    padding: 1rem;
    color: #fff;
}

.site-header .nav-menu a:hover
{
    text-decoration: none;
}

.site-header .nav-menu .sub-menu
{
    margin: 0;
}

.site-header .nav-menu .sub-menu > li:hover
{
    background-color: black;
}

.site-header .nav-menu .sub-menu .sub-menu a
{
    font-size: 14px;
    line-height: normal;
    padding-left: 14%;
}

.site-header .nav-menu .sub-menu a
{
    padding-left: 8%;
}

.site-header .primary-navigation > li:hover
{
    background-color: black;
}

.site-header .primary-navigation > li:hover > a
{
    background-color: white;
}

.site-header .schools > li > ul > li > a
{
    font-size: 14px;
    padding: 10px;
    padding: 1rem;
}

.site-header .nav-menu li {
	font-size: 14px;
}

.shared-header {
	padding: 10px;
}

.choose {
	min-width: 165px;
}

/*--------------------------------------------------------------
Header - School
--------------------------------------------------------------*/

.school .subnav-wrap .container
{
    position: relative;
    border-left-width: 0;
}

.school .subnav-wrap .site-branding
{
    text-align: center;
}

.school .subnav-wrap .site-branding .alignleft
{
    display: inline-block;
    float: none;

    margin: 1.5em 0 .75em;
}

.school .subnav-wrap .site-title
{
    font-family: 'GothamUltra', sans-serif;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 400;
    clear: none;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.school .subnav-wrap .site-description
{
    font-family: 'GothamMedium', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: capitalize;
}

.school .header-extras-wrap
{
    margin-top: 20px;
    margin-top: 2rem;
}

/*--------------------------------------------------------------
Header - Shared
--------------------------------------------------------------*/

.shared-header
{
    padding: 10px; /* Language selection dropdown */ /* Important area */ /* Quick Links modal */
    color: #fff;
}

.shared-header a,
.shared-header a:visited,
.shared-header a:hover,
.shared-header a:focus,
.shared-header a:active,
.shared-header p
{
    color: #fff;
}

.shared-header .language-menu-wrap
{
    margin-top: 10px;
}

.shared-header #lang_sel ul
{
    font-weight: 700;
    width: 175px;
    margin: 0 auto;
    padding: 5px;
    list-style: none;
    cursor: pointer;
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

.shared-header #lang_sel ul li:hover > ul
{
    /* toggle the dropdown */
    left: auto;
}

.shared-header #lang_sel ul li ul
{
    position: absolute;
    z-index: 99999;
    top: auto;
    left: -999em;
    float: left;
    margin: 0 0 0 -5px;
    /* dropdown menu */

    background: #577692;
}

.shared-header #lang_sel ul li ul li
{
    font-weight: 400;

    padding: 7px;
}

.shared-header #lang_sel ul li ul li:hover
{
    background-color: #718fab;
}

.shared-header #lang_sel ul .noun-project
{
    font-size: 18px;
    font-size: 1.8rem;
    position: relative;
    top: 2px;
}

.shared-header #lang_sel ul a:hover
{
    text-decoration: none;
}

.shared-header .important {
	float: right;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 10px 20px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
}

.shared-header .important li
{
    display: inline-block;
}

.shared-header .important li > a
{
    line-height: 24px;
    line-height: 2.4rem;
    display: inline-block;
    padding: 2px;
    padding: .2rem;
}

.shared-header .important li:hover > ul
{
    /* toggle the dropdown */
    left: auto;
}

.shared-header .important li ul
{
    padding: 5px;
    background: rgba(255, 255, 255, .2);
}

.shared-header .important li ul li
{
    display: inline-block;
}

.shared-header .important li:last-child
{
    margin-right: 0;
}

.shared-header .important .noun-project
{
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.shared-header .important .icon-mail
{
    font-size: 18px;
    font-size: 1.8rem;
    top: 3px;
}

.shared-header .important a
{
    color: #ececec;
}

.shared-header .important a:hover
{
    text-decoration: none;
    color: white;
}

.shared-header .important-menu-wrap
{
    position: relative;
}

.shared-header .quick-links-item:hover
{
    cursor: pointer;
}

.shared-header .important-menu-wrap a {
	text-decoration: none;
}

.shared-header .quick-links-modal
{
    position: absolute;
    z-index: 1000;
    display: none;
    width: 100%;
    margin: 10px 10px 0 0;
    padding: 20px;
    color: #000;
    background-color: #fff;
}

.shared-header .quick-links-modal .title
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    clear: none;
    color: #000;
}

.shared-header .quick-links-modal .description
{
    font-size: 12px;
    font-size: 1.2rem;
    font-style: italic;
    color: #8c8c8c;
}

.shared-header .quick-links-modal .close
{
    font-size: 13px;
    font-size: 1.3rem;
    float: right;
    color: #0f3b63;
}

.shared-header .quick-links-modal .close:hover
{
    cursor: pointer;
}

.shared-header .quick-links-modal .close i
{
    font-size: 20px;
    vertical-align: bottom;
    color: black;
}

.shared-header .quick-links-modal .menu
{
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
}

.shared-header .quick-links-modal .menu li
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin-left: -15px;
}

.shared-header .quick-links-modal .menu .sub-menu
{
    position: relative;
    left: auto;
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: disc;
}

.shared-header .quick-links-modal .menu .sub-menu li
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
}

.shared-header .quick-links-modal .menu a
{
    color: #000;
}

.shared-header .quick-links-modal .row-three
{
    margin-top: 24px;
}

.shared-header .small-logo
{
    display: inline-block;
    width: 50px;
    height: 40px;
    background-position: -277px 0;
}

.shared-header .site-title {
    font-size: 21px;
    margin-top: 10px;
    display: inline-block;
    clear: none;
    vertical-align: super;
}

.shared-header .input-area
{
    position: relative;
    float: right;
    width: 100%;
}

.shared-header .input-area .icon-search:before
{
    font-size: 18px;
    font-size: 1.8rem;
}

.shared-header .input-area .search-field
{
    width: 91%;
}

.shared-header .span_3
{
    text-align: center;
}

/*--------------------------------------------------------------
 styling for Quicklinks Modal
 --------------------------------------------------------------*/
 
.shared-header .quick-links-modal {
	background-color: #fefefe;
	box-shadow: 1px 2px 7px #000;
	border-top: 10px solid #ffcc00;
}

.shared-header .quick-links-modal .close {
	background-color: #8d0e13;
	color: #fff;
	padding: 0 5px 5px;
}

.shared-header .quick-links-modal .close:hover {
	background-color: #000;
}

.shared-header .quick-links-modal .menu li {
	font-weight: 500;
}

.shared-header .quick-links-modal .menu a {
	color: #0f3b63;
}

.shared-header .quick-links-modal .menu a:hover {
	color: #8d0e13;
	font-weight: 700;
}

.shared-header .quick-links-modal .menu {
	border-right: 1px solid #efefef;
	padding: 0 0 0 20px;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/

a, a:visited {
    color: #8d0e13;
}

a:hover, a:focus, a:active { text-decoration: underline;
	color: #8d0e13;
}

.site-main .comment-navigation,
.site-main
.paging-navigation,
.site-main
.post-navigation {
    overflow: hidden;
    margin: 0 0 1.5em;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-previous a,
.paging-navigation .nav-previous a,
.post-navigation .nav-previous a {
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    color: white;
    background-color: #0f3b63;
}

.comment-navigation .nav-previous a:hover,
.paging-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover
{
    background-color: #082137;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next
{
    float: right;
    width: 50%;
    text-align: right;
}

.comment-navigation .nav-next a,
.paging-navigation .nav-next a,
.post-navigation .nav-next a
{
    display: inline-block;
    padding: 10px;
    padding: 1rem;
    color: white;
    background-color: #0f3b63;
}

.comment-navigation .nav-next a:hover,
.paging-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover
{
    background-color: #082137;
}

/* Main Navigation */

.main-navigation
{
    display: block;
}

.main-navigation ul
{
    width: 100%;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.main-navigation ul li
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
}

.main-navigation ul a
{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}

.main-navigation ul a:hover
{
    color: red;
}

.main-navigation li
{
    position: relative;
}

.main-navigation li:hover > ul
{
    left: auto;
}

ul.menu,
ul.nav-menu
{
    list-style: none;
}

ul.menu .children,
ul.menu .sub-menu,
ul.nav-menu .children,
ul.nav-menu .sub-menu
{
    list-style: none;
}

ul.menu a,
ul.menu a:hover,
ul.nav-menu a,
ul.nav-menu a:hover
{
    text-decoration: none;
}

.menu-toggle
{
    color: red;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */

.screen-reader-text
{
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
}

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

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft
{
    display: inline;
    float: left;

    margin-right: 1.5em;
}

.alignright
{
    display: inline;
    float: right;

    margin-left: 1.5em;
}

.aligncenter
{
    display: block;
    clear: both;

    margin: 0 auto;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.alert:before,
.alert:after,
.clear:before,
.clear:after,
.comment-content:before,
.comment-content:after,
.district-header:before,
.district-header:after,
.entry-content:before,
.entry-content:after,
.important-menu-wrap:before,
.important-menu-wrap:after,
.large-search-form:before,
.large-search-form:after,
.main-navigation:before,
.main-navigation:after,
.primary-menu-wrap:before,
.primary-menu-wrap:after,
.quick-links-modal:before,
.quick-links-modal:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after
.wrap:before,
.wrap:after
{
    display: table;

    content: '';
}

.alert:after,
.clear:after,
.comment-content:after,
.district-header:after,
.entry-content:after,
.important-menu-wrap:after,
.primary-menu-wrap:after,
.main-navigation:after,
.large-search-form:after,
.quick-links-modal:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.wrap:after
{
    clear: both;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

/* Universal widget styles */

.widget {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 0 20px;
    margin: 0 0 2rem;
}

.widget .widget-title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 10px 0;
    margin: 0 0 1rem 0;
    color: #0f3b63;
}

.widget select {
    max-width: 100%;
}

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

.widget_text .current-page > a {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-left: 14px;
	text-decoration: none;
}

.widget_text .current-page > a:hover {
    text-decoration: none;
    color: inherit;
}

.widget_nav_menu ul.menu,
.child-pages-menu ul.menu {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold; /*li ul > li a {
  	padding-left: 1em;
  }*/

    margin: 0;
}

.widget_nav_menu ul.menu li a,
.child-pages-menu ul.menu li a {
    position: relative;
    display: block;
}

.widget_nav_menu ul.menu li a:hover,
.child-pages-menu ul.menu li a:hover {
    background-color: #ccc;
}

.widget_nav_menu ul.menu li a:hover:after,
.child-pages-menu ul.menu li a:hover:after {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    right: -16px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -16px;
    content: ' ';
    border-top: 16px solid transparent; /* right arrow slant */
    border-bottom: 16px solid transparent; /* left arrow slant */
    border-left: 16px solid #ccc; /* bottom, add background color here */
}

.widget_nav_menu ul.menu li.current-menu-item > a,
.widget_nav_menu ul.menu li.current-menu-item > a:hover,
.widget_nav_menu ul.menu li.current_page_item > a,
.widget_nav_menu ul.menu li.current_page_item > a:hover,
.child-pages-menu ul.menu li.current-menu-item > a,
.child-pages-menu ul.menu li.current-menu-item > a:hover,
.child-pages-menu ul.menu li.current_page_item > a,
.child-pages-menu ul.menu li.current_page_item > a:hover {
    color: #fc0;
    background-color: black;
}

.widget_nav_menu ul.menu li.current-menu-item > a:after,
.widget_nav_menu ul.menu li.current-menu-item > a:hover:after,
.widget_nav_menu ul.menu li.current_page_item > a:after,
.widget_nav_menu ul.menu li.current_page_item > a:hover:after,
.child-pages-menu ul.menu li.current-menu-item > a:after,
.child-pages-menu ul.menu li.current-menu-item > a:hover:after,
.child-pages-menu ul.menu li.current_page_item > a:after,
.child-pages-menu ul.menu li.current_page_item > a:hover:after
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    right: -16px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -16px;
    content: ' ';
    border-top: 16px solid transparent; /* right arrow slant */
    border-bottom: 16px solid transparent; /* left arrow slant */
    border-left: 16px solid black; /* bottom, add background color here */
}

.widget_nav_menu ul.menu a,
.child-pages-menu ul.menu a
{
    display: inline-block;
    padding: 6px 28px;
    padding: .6rem 2.8rem;
    color: black;
}

.widget_nav_menu ul.menu li > ul,
.child-pages-menu ul.menu li > ul
{
    margin: 0;
}

.widget_nav_menu ul.menu li ul li a,
.child-pages-menu ul.menu li ul li a
{
    padding-left: 48px;
    padding-left: 4.8rem;
}

.widget_nav_menu ul.menu ul ul li a,
.child-pages-menu ul.menu ul ul li a
{
    padding-left: 68px;
    padding-left: 6.8rem;
}

.widget_nav_menu ul.menu ul ul ul li a,
.child-pages-menu ul.menu ul ul ul li a
{
    padding-left: 88px;
    padding-left: 8.8rem;
}

.widget_nav_menu .widget-title,
.child-pages-menu .widget-title
{
    margin: 0 15px 10px;
    margin: 0 1.5rem 1rem;
}

/* Footer widgets */

.site-footer {
    padding: 24px;
}

.site-footer .widget-left,
.site-footer .widget-center,
.site-footer .widget-right {
    display: block;
}

.site-footer .widget {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.site-footer .widget-right .textwidget > div {
    text-align: center !important;
}

.site-footer h1 {
    font-family: 'GothamBold', sans-serif;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 12px;
}

.site-footer a {
    color: #fff;
}

.site-footer .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer .menu .menu-item {
    display: inline-block;
    margin-right: 24px;
    vertical-align: top;
}

.site-footer .menu .menu-item:last-child {
    margin-right: 0;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
News & Press Releases
--------------------------------------------------------------*/

/* styling to turn off junk in press releases */
article.press-release .entry-meta {
	display: none;
}

article .press-release h1 {
	line-height: normal;
}

article.press-release h4, article.news h4 {
	font-size: 16px;
}

article.press-release, article.news {
	padding: 10px 0;
	margin: 10px 0;
}


/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/

.entry-title
{
    font-size: 36px;
    font-size: 3.6rem;
    line-height: normal;
}

.hentry
{
    margin: 0 0 1.5em;
}

.byline
{
    display: none;
}

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

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

.page-content a,
.entry-content a,
.entry-summary a
{
    text-decoration: underline;
}

.page-links
{
    clear: both;

    margin: 0 0 1.5em;
}

.home .cta
{
    margin-bottom: 20px;
}

.home .cta img
{
    display: block;
    clear: both;

    margin: 1em auto;
}

/*--------------------------------------------------------------
Directory Shortcode Stlying
--------------------------------------------------------------*/

.district-directory-table-data {
	border-left: 5px solid #ccc;
	padding: 25px;
	background-color: #eee;
	float: right;
	margin: 0 20px 20px 20px;
}

/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
Alert
--------------------------------------------------------------*/

.alert
{
    margin-bottom: 0;

    text-align: center;

    color: #000;
    border: 0;
    border-radius: 0;
    background-color: #fc0;
}

.alert a,
.alert a:visited
{
    color: #000;
}

.alert .glyphicon
{
    font-size: 45px;
    font-size: 4.5rem;
}

.alert .span_2
{
    position: absolute;
    top: 50%;
    width: 81px;
    margin-top: -50px;
    margin-right: 10px;
}

.alert .span_9
{
    width: 69%;
    margin-right: 20px;
    margin-left: 103px;
    text-align: left;
}

.alert .span_1
{
    position: absolute;
    top: 50%;
    right: 5px;
    width: auto;
    margin-top: -45px;
}

#content .alert .container
{
    position: relative;
    padding: 25px 20px;
}

.alert-image
{
    display: none;
}

.alert-icon
{
    display: none;
}

.alert-title
{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f00;
}

.alert-excerpt
{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1;
    margin: 0 20px 0 0;
}

.alert-more
{
    display: block !important;
    overflow: hidden;
    width: 22px;
    height: 35px;
    margin: 25px 0 0 auto;
    white-space: nowrap;
    text-indent: 200%;
    background-position: -168px 0;
    direction: ltr;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

.comments-title
{
    font-size: 24px;
    font-size: 2.4rem;
}

.comment-list
{
    margin: 0;
    list-style: none;
}

.comment-meta
{
    margin-bottom: 14px;
}

.avatar
{
    float: left;
    margin-right: 10px;
}

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

/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-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
--------------------------------------------------------------*/

.sprite,
.alert-more,
.soliloquy-container .soliloquy-controls-direction .soliloquy-prev,
.soliloquy-container .soliloquy-controls-direction .soliloquy-next
{
    display: inline-block;

    background-image: url(/wp-content/themes/newark/images/sprite.png);
    background-repeat: no-repeat;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley
{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    border: none;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object
{
    max-width: 100%;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------

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

.wp-caption img[class*='wp-image-']
{
    display: block;
    margin: 0 auto;
}

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

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

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/

.gallery
{
    margin-bottom: 1.5em;
}

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

.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%;
}

/*--------------------------------------------------------------
Sliders
--------------------------------------------------------------*/

.soliloquy-container
{
    margin: 0 auto;
}

.soliloquy-container .soliloquy-item .soliloquy-image
{
    width: 100%;
}

/*.soliloquy-container .soliloquy-item .soliloquy-caption
{
    top: 10px;
    bottom: auto;
    left: 55px;
    width: 75%;
    background: url(/wp-content/themes/newark/images/pixel-alpha-50-white.png) top left repeat;
}

 .soliloquy-container .soliloquy-item .soliloquy-caption-inside
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    color: #000;
    background: none;
    text-shadow: none;
} */

.soliloquy-container .soliloquy-item .soliloquy-caption-inside h1,
.soliloquy-container .soliloquy-item .soliloquy-caption-inside h2,
.soliloquy-container .soliloquy-item .soliloquy-caption-inside h3,
.soliloquy-container .soliloquy-item .soliloquy-caption-inside h4,
.soliloquy-container .soliloquy-item .soliloquy-caption-inside h5,
.soliloquy-container .soliloquy-item .soliloquy-caption-inside h6
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: normal;

    margin: 20px 0 10px;
}

.soliloquy-container .soliloquy-item .soliloquy-caption-inside h1
{
    font-size: 20px;
    font-size: 2rem;

    margin-top: 0;
}

.soliloquy-container .soliloquy-item .soliloquy-caption-inside h3
{
    font-size: 18px;
    font-size: 1.8rem;

    margin: 0;

    text-transform: uppercase;
}

.soliloquy-container .soliloquy-item .soliloquy-caption-inside a
{
    color: #000;
}

.soliloquy-container .soliloquy-item .soliloquy-caption-inside p
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;

    margin: 0;
    padding: 0;
}

.soliloquy-container .soliloquy-item .soliloquy-caption-inside .read-more
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;

    float: right;

    margin: 24px 0;
}

.soliloquy-container .soliloquy-item .soliloquy-caption-inside .read-more .noun-project
{
    color: #000;
}

.soliloquy-container .soliloquy-controls-direction .soliloquy-prev,
.soliloquy-container .soliloquy-controls-direction .soliloquy-next
{
    width: 22px;
    height: 35px;

    background-color: transparent;
}

.soliloquy-container .soliloquy-controls-direction .soliloquy-next
{
    background-position: -193px -74px;
}

.soliloquy-container .soliloquy-controls-direction .soliloquy-prev
{
    background-position: -215px -74px;
}


/*--------------------------------------------------------------
Calendar - CSS for Events Manager
--------------------------------------------------------------*/

a.em-calnav-prev, a.em-calnav-next {
	font-weight: bold;
	padding: 5px;
	font-size: 14px;
	text-decoration: none;
}

a.em-calnav-next {
	float: right;
}

td.month_name {
	font-size: 22px;
}

table.em-calendar td.eventless-today {
	background-color: #eee !important;
}

table.em-calendar td.eventful-today {
	background-color: #ffc !important;
}

td.eventful-today li, td.eventful li {
	margin-bottom: 1px;
}

td.eventful-today ul, td.eventful ul, td.eventful-post ul, td.eventful-pre ul {
	margin: 0;
}

table.fullcalendar td {
	height: 134px !important;
	width: 173px !important;
	border: 1px solid #ccc !important;
}

table.fullcalendar tr.days-names td {
	height: 35px !important;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

table.fullcalendar thead td {
	height: 50px !important;
	vertical-align: middle;
	background-color: #eee;
	font-weight: bold;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a, table.em-calendar td.eventful-post a, table.em-calendar td.eventful-pre a {
	line-height: normal;
	text-decoration: none;
	font-size: 12px;
	color: #000 !important;
	display: inline-block;
	line-height: normal;
}

table a:hover {
	text-decoration: underline !important;
}

table.events-table th {
	background-color: #eee;
}

table.events-table td {
	padding: 3px 0;
	border-bottom: 1px dotted #ccc;
}

table.fullcalendar td li.district {
	border-left: 5px solid #000;
}

table.fullcalendar thead td {
	background-color: #ccc;
}

table.fullcalendar thead td.month_name {
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.site-footer
{
    background-color: #0f3b63;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .widget-title,
.site-footer .widget-title a
{
    color: white;
}

/*--------------------------------------------------------------
Search Results (searchWP)
--------------------------------------------------------------*/

.search-results article {
	border-top: 1px dotted #ccc;
	padding: 15px 0;
	margin: 10px 0;
}

.search-results article h1.entry-title {
	font-size: 2.2rem;
}

.search-results article.attachment h1.entry-title {
	font-size: 1.6rem;
}

.search-results article {
	padding-left: 64px;
}

.search-results article.attachment {
	background: url("/wp-content/themes/newark/images/noun-project/attachment.png") 0 10px no-repeat;
}

.search-results article.page {
	background: url("/wp-content/themes/newark/images/noun-project/page.png") 0 10px no-repeat;
}

.search-results article.news {
	background: url("/wp-content/themes/newark/images/noun-project/news.png") 0 10px no-repeat;
}

.search-results article.press-release {
	background: url("/wp-content/themes/newark/images/noun-project/press-release.png") 0 10px no-repeat;
}

.search-results article.event {
	background: url("/wp-content/themes/newark/images/noun-project/date.png") 0 10px no-repeat;
}


/*--------------------------------------------------------------
Credits Page (credits CPT)
--------------------------------------------------------------*/

.creditswrapper h3 {
	border-bottom: 3px solid #eee;
}

.creditswrapper ul {
	margin-left: 0;
}

.creditswrapper li {
	list-style: none;
	clear: both;
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px dotted #ccc;
	min-height:90px;
}

.credit-wrapper {
	margin-left: 15px;
	float: left;
}

.credit-image {
	width: 64px;
	float: left;
}

.credit-name, .credit-name a, a.credit-link {
	font-weight: bold;
}

.credit-copyright {
}

/*--------------------------------------------------------------
浪花直播 Events Widget styling
--------------------------------------------------------------*/

.widget_newark_events_widget h2 {
	font-size: 14px;
	font-weight: bold;
}

.widget_newark_events_widget li {
	margin-left: 15px;
}

.newark_events_widget {
	margin-left: 0;
	list-style: none;
}
.newark_events_widget h2 {
	padding: 3px 0 3px 0;
}

.newark_events_widget li {
	background: url("/wp-content/themes/newark/images/calendar1.gif") no-repeat 0 2px;
	padding: 0 0 3px 15px;
	border-bottom: 1px dotted #ccc;
	margin-left: 5px;
}

.newark_events_widget li a {
	background: url("/wp-content/themes/newark/images/clock113.gif") no-repeat right;
	padding-right: 20px;
}

/*--------------------------------------------------------------
Misc
--------------------------------------------------------------*/

/* styling for Shuttle Info pages tabs */
#tabnav {
	background: url("/wp-content/uploads/2014/08/tab_bottom.gif") repeat-x scroll center bottom rgba(0,0,0,0);
	height: 26px;
	margin: 0;
	padding-left: 10px;
}

#tabnav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tabnav a:link, #tabnav a:visited {
	background: none repeat scroll 0 0 #f3f3f3;
	border: 1px solid #ccc;
	color: #666;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	padding: 5px 12px;
	text-decoration: none;
}

#tabnav a.active:link, #tabnav a.active:visited {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#tabnav a:hover {
	background: none repeat scroll 0 0 #fff;
}


/*--------------------------------------------------------------
Plugins
--------------------------------------------------------------*/

/* Google Translate Menu */
.goog-te-gadget-simple:hover .goog-te-menu-value span:first-child,
.goog-te-gadget-simple .goog-te-menu-value > span:first-child:hover {
    text-decoration: underline;
    color: black !important;
}

.goog-te-gadget-simple {
	opacity: .7;
}

/* form styling over-ride for Gravity Forms */
.entry-content input[type="button"],
.entry-content input[type="email"],
.entry-content input[type="password"],
.entry-content input[type="reset"],
.entry-content input[type="search"],
.entry-content input[type="submit"],
.entry-content input[type="text"],
.entry-content input[type="url"],
.entry-content select {
	border: 1px solid #ccc !important;
}

/*--------------------------------------------------------------
IE
--------------------------------------------------------------*/

.ie .site-footer
{
    min-height: 200px;
}

.ie .important a
{
    font-size: 12px;
}

.ie .shared-header .input-area
{
    display: block;
    border: 1px solid #3d5d7a;
}

.ie .large-search-form .input-area
{
    background: url(/wp-content/themes/newark/images/pixel-alpha-50-white.png) top left repeat;
}

.ie .site-title
{
    top: 1px;
}

.ie .site-header .primary-navigation > li:last-child > ul
{
    right: 0;

    display: none;
}

.ie .site-header .primary-navigation > li:hover > ul
{
    display: block;
}

.ie .goog-te-gadget-simple:hover .goog-te-menu-value span,
.ie .goog-te-gadget-simple .goog-te-menu-value span
{
    color: black !important;
}

.ie7
{
    /* Replace inline-block with inline because IE7 */
}

.ie7 .alert
{
    z-index: -1;
}

.ie7 .site-title
{
    zoom: 1;
}

.ie7 .noun-project
{
    zoom: 1;

    *display: inline;
}

.ie7 .school .subnav-wrap .site-branding .alignleft
{
    zoom: 1;

    *display: inline;
}

.ie7 .shared-header .important li
{
    zoom: 1;

    *display: inline;
}

.ie7 .shared-header .important li > a
{
    zoom: 1;

    *display: inline;
}

.ie7 .shared-header .important li ul li
{
    zoom: 1;

    *display: inline;
}

.ie7 .shared-header .small-logo
{
    zoom: 1;

    *display: inline;
}

.ie7 .comment-navigation .nav-previous a,
.ie7 .paging-navigation .nav-previous a,
.ie7 .post-navigation .nav-previous a
{
    zoom: 1;

    *display: inline;
}

.ie7 .comment-navigation .nav-next a,
.ie7 .paging-navigation .nav-next a,
.ie7 .post-navigation .nav-next a
{
    zoom: 1;

    *display: inline;
}

.ie7 .widget_nav_menu ul.menu a,
.ie7 .child-pages-menu ul.menu a
{
    zoom: 1;

    *display: inline;
}

.ie7 .site-footer .menu .menu-item
{
    zoom: 1;

    *display: inline;
}

.ie7 .sprite,
.ie7 .alert-more,
.ie7 .soliloquy-container .soliloquy-controls-direction .soliloquy-prev,
.soliloquy-container .soliloquy-controls-direction .ie7 .soliloquy-prev,
.ie7 .soliloquy-container .soliloquy-controls-direction .soliloquy-next,
.soliloquy-container .soliloquy-controls-direction .ie7 .soliloquy-next,
.ie7 .alert-icon,
.ie7 .alert-more,
.ie7 .soliloquy-container .soliloquy-controls-direction .soliloquy-prev,
.ie7 .soliloquy-container .soliloquy-controls-direction .soliloquy-next
{
    zoom: 1;

    *display: inline;
}

.ie7 .gallery-item
{
    zoom: 1;

    *display: inline;
}

.ie7 .site-header .nav-menu li
{
    zoom: 1;

    *display: inline;
}

.ie7 .goog-te-gadget-simple:hover .goog-te-menu-value span,
.ie7 .goog-te-gadget-simple .goog-te-menu-value span
{
    color: black !important;
}

.ie7 .soliloquy-container
{
    /* No slider for IE7 */
    display: none;
}

@media screen and (min-width: 480px) {
    .alert .span_9 {
        width: 80%;
        margin-right: 0;
    }
}

@media screen and (min-width: 769px)
{
    .gutters .col
    {
        margin-left: 2%;
    }

    .gutters .col:first-child
    {
        margin-left: 0;
    }

    #primary
    {
        float: right;
        padding: 2%;
    }

    .wrap
    {
        background-color: #e5e5e5;
    }

    .page-template-default .container
    {
        padding: 0;
    }

    .span_1
    {
        width: 8.33333333333%;
    }

    .span_2
    {
        width: 16.6666666667%;
    }

    .span_3
    {
        width: 25%;
    }

    .span_4
    {
        width: 33.3333333333%;
    }

    .span_5
    {
        width: 39%;
    }

    .span_6
    {
        width: 50%;
    }

    .span_7
    {
        width: 56%;
    }

    .span_8
    {
        width: 66.6666666667%;
    }

    .span_9
    {
        width: 75%;
    }

    .span_10
    {
        width: 83.3333333333%;
    }

    .span_11
    {
        width: 91.6666666667%;
    }

    .span_12
    {
        width: 100%;
    }

    .gutters .span_1
    {
        width: 6.5%;
    }

    .gutters .span_2
    {
        width: 15.0%;
    }

    .gutters .span_3
    {
        width: 23.5%;
    }

    .gutters .span_4
    {
        width: 32.0%;
    }

    .gutters .span_5
    {
        width: 40.5%;
    }

    .gutters .span_6
    {
        width: 49.0%;
    }

    .gutters .span_7
    {
        width: 57.5%;
    }

    .gutters .span_8
    {
        width: 66.0%;
    }

    .gutters .span_9
    {
        width: 74.5%;
    }

    .gutters .span_10
    {
        width: 83.0%;
    }

    .gutters .span_11
    {
        width: 91.5%;
    }

    .gutters .span_12
    {
        width: 100%;
    }

    .large-search-form .input-area
    {
        float: right;
        width: 378px;
        margin-top: 36px;
        margin-top: .6rem;
    }

    .large-search-form .search-field
    {
        width: 78%;
    }

    .site-title
    {
        font-size: 50px;
        font-size: 5rem;
        text-align: left;
    }

    .menu-toggle
    {
        display: none;
    }

    .primary-menu-wrap ul,
    .schools-menu-wrap ul
    {
        display: block;
    }

    .site-header .nav-menu li
    {
        display: inline-block;
    }

    .site-header .nav-menu li:hover > ul
    {
        left: auto;
        /* toggle the dropdown */
        display: block;
    }

    .site-header .nav-menu .noun-project
    {
        line-height: inherit;
    }

    .site-header .nav-menu ul
    {
        position: absolute;
        z-index: 999;
        top: 2.4em;
        left: -999em;
        float: left;
        /* dropdown menu */
        background-color: #8d0e13;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
        box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    }

    .site-header .nav-menu ul .noun-project
    {
        float: right;
    }

    .site-header .nav-menu ul li:hover > ul
    {
        left: 100%;
    }

    .site-header .nav-menu ul ul
    {
        top: 0;
        /* sub-sub menu */
        left: -999em;
    }

    .site-header .nav-menu ul a
    {
        font-size: 14px;
        font-size: 1.4rem;
        width: 250px;
        padding: 6px 10px;
        padding: .4rem 1rem;
    }

    .site-header .nav-menu ul a:hover
    {
        text-decoration: none;

        color: #fc0;
    }

    .site-header .nav-menu ul li:hover > a
    {
        color: #fc0;
    }

    .site-header .nav-menu .sub-menu .sub-menu a
    {
        padding-left: 10px;
        padding-left: 1rem;
    }

    .site-header .nav-menu .sub-menu a
    {
        padding-left: 10px;
        padding-left: 1rem;
    }

    .site-header .primary-navigation
    {
        float: right;
    }

    .site-header .primary-navigation > li:last-child:hover > ul
    {
        right: 0;
    }

    .site-header .primary-navigation > li:last-child:hover > ul li:hover ul
    {
        left: -250px;
    }

    .site-header .schools ul ul
    {
        background-color: black;
    }

    .site-header .schools ul ul a
    {
        width: 337px;
    }

    .site-header .schools > li:hover
    {
        color: white;
    }

    .site-header .schools > li:hover > a
    {
        color: white;
    }

    .school .subnav-wrap .container
    {
        border-left-width: 8px;
    }

    .school .subnav-wrap .site-branding
    {
        padding: 20px 0 10px 0px;
        text-align: left;
    }

    .school .subnav-wrap .site-branding .alignleft
    {
        display: inline;
        float: left;

        margin: 0 1.5em 0 0;
    }

    .school .subnav-wrap .site-title {
        font-size: 35px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .school .header-extras-wrap
    {
        margin: 0;
        float: right;
    }

    .school .large-search
    {
    	margin-right: 10px;
    }

    .school .header-extras-wrap .input-area
    {
        margin-top: 18px;
        margin-top: 1.8rem;
    }

    .school .main-navigation
    {
        position: absolute;
        right: 20px;
        bottom: 0;

        width: auto;
    }

    .shared-header .important
    {
        text-align: left;
    }

    .school .shared-header .important
    {
		text-align: right;
    }

    .shared-header .important li
    {
        margin-right: 15px;
    }

    .shared-header .quick-links-modal
    {
        top: 45px;
        right: 0;

        width: auto;
        max-width: 620px;
        margin-right: 0;
    }

    .shared-header .span_3
    {
        text-align: left;
        width: 27%;
    }

    .home .shared-header .span_3 /*  exception for home page only */
    {
        text-align: left;
        width: 25%;
    }


    .home .important
    {
        float: right;
    }

    .dropdown-menu,
    .sub-menu
    {
        position: absolute;
        z-index: 999;
        left: -999em;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    .main-navigation ul
    {
        width: auto;
    }

    .main-navigation ul li:hover
    {
        background-color: white;
    }

    .main-navigation ul li:hover > ul
    {
        display: block;
    }

    .main-navigation ul ul
    {
        position: absolute;
        z-index: 9;
        top: 1.5em;
        left: -999em;

        float: left;

        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
                box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    }

    .main-navigation ul ul li:hover > ul
    {
        left: 100%;
    }

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

    .main-navigation ul ul ul
    {
        top: 0;
        left: -999em;
    }

    .main-navigation li
    {
        float: left;
    }

    .schools ul
    {
        background-color: black;
    }

    .site-footer .widget
    {
        text-align: left;
    }

    .site-footer h1
    {
        font-size: 30px;
    }

    .alert
    {
        text-align: left;
    }

    .alert .span_2
    {
        position: relative;
        top: 0;

        margin-top: 0;
        margin-right: 0;
    }

    .alert .span_1
    {
        position: relative;
        top: 0;
        right: 0;

        margin-top: 0;
    }

    .alert-image
    {
        display: inline-block;
    }

    .alert-icon
    {
        display: inline-block;

        width: 81px;
        height: 72px;
        margin: 15px auto 0;

        background-image: url(/wp-content/themes/newark/images/sprite.png);
        background-repeat: no-repeat;
        background-position: -193px -1px;
    }

    .alert-excerpt
    {

        font-size: 2.4rem;
		line-height: 1.15;
    }

    .soliloquy-container .soliloquy-item .soliloquy-caption
    {
        top: 100px;

        width: 50%;
    }

    .soliloquy-container .soliloquy-item .soliloquy-caption-inside
    {
        padding: 20px;
    }

    .soliloquy-container .soliloquy-item .soliloquy-caption-inside h1
    {
        font-size: 36px;
        font-size: 3.6rem;
    }
}

@media (max-width: 600px)
{
    .soliloquy-container .soliloquy-pager,
    .soliloquy-container .soliloquy-caption,
    .soliloquy-container .soliloquy-controls-auto
    {
        display: block !important;
    }
}

/* Google map above footer on sub sites */

#googlemap-wrapper {
    height: 300px;
	clear: both;
}

#googlemap {
    height: intrinsic;
    height: -moz-max-content;
    height: 300px;
    width: 100%;
}

#googlemap #map_canvas {
    height: 100%;
    width: 100%;
}

.address-box-wrapper {
	max-width: 1239px;
	margin: auto;
}

#address-box {
	margin-left: 0;
	background-color: #0071bb;
	padding: 20px;
	font-weight: bold;
	color: #fff;
	margin-top: -300px;
	width: 300px;
	position: relative;
}

#address-box .school {
	border-top: 10px solid #d12a2f;
	font-size: 18px;
	margin-top: -20px;
	padding: 10px 0;
	line-height: 20px;
}

/* Font-smoothing fix for Gotham */
h3.site-title, .site-footer h1 {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.site-footer h1 {
	font-family: "GothamUltra", sans-serif;
	font-weight: 100 !important;
}

/* 2015 Design Updates */

.home .cta {
	background: #fff;
	margin-bottom: 0;
	padding: 10px 20px;
}

.cta .widget-left, .cta .widget-center, .cta .widget-right {
	padding: 15px 20px;
}

.cta .widget-center, .cta .widget-left {
	border-right: 1px dotted #ccc;
}

.district-header .span_7 {
	float: right;
}

body.district .container, body.school .container {
	max-width: 1239px;
	margin: auto;
}

body.district #content, body.school #content {
	/* background: url(/wp-content/uploads/2015/09/subtle-wallpaper-14980_1280px.jpg) no-repeat center center fixed; */
	background: #eee;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.calendar-icon a {
	background-image: url(/wp-content/uploads/2015/09/calendar-icon.png);
	background-position: left;
	background-repeat: no-repeat;
	min-height: 30px;
	padding-left: 30px !important;
}

.google-drive-icon a {
	background-image: url(/wp-content/uploads/2015/09/googledrive.png);
	background-position: left;
	background-repeat: no-repeat;
	min-height: 30px;
	padding-left: 30px !important;
}

.mail-icon a {
	background-image: url(/wp-content/uploads/2015/09/mail-icon.png);
	background-position: left;
	background-repeat: no-repeat;
	min-height: 30px;
	padding-left: 30px !important;
}

.quicklinks-icon a {
	background-image: url(/wp-content/uploads/2015/09/quicklinks.png);
	background-position: left;
	background-repeat: no-repeat;
	min-height: 30px;
	padding-left: 30px !important;
}

.twitter-icon a {
	background-image: url("/wp-content/uploads/2016/01/twitter.png");
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 30px;
	padding-left: 30px !important;
}

.facebook-icon a {
	background-image: url("/wp-content/uploads/2016/01/fb-icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 30px;
	padding-left: 30px !important;
}

/*mdoc bootstrap css fix*/
.mdocs-posts .entry-meta {
	display: none;
}

.mdocs .row {
	margin-left: inherit;
	margin-right: inherit;
}

.mdocs .container {
	width: inherit;
}

.school .row {
	margin-left: inherit;
	margin-right: inherit;
}

#page .row {
	margin: auto;
}

.mdocs-container a {
	font-size: 13px;
	font-weight: normal !important;
}

.mdocs-container td {
	font-size: 13px;
}

.mdoc-navbar-container .navbar-nav > li > a {
	padding: 6px;
	display: inline-block;
}

.mdoc-navbar-container .collapse {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.mdoc-navbar-container .navbar {
	box-shadow: none;
}

.mdocs-navbar-default {
	background-color: #fff !important;
	border: none !important;
}

.mdoc-navbar-container .nav > li:before {
	content: "\f114";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
}

nav.navbar .container-fluid {
	padding-left: 0 !important;
	border-radius: none !important;
}

.mdoc-navbar-container .navbar-brand {
	padding: 0;
	font-weight: bold;
}

.mdocs-tooltip {
	font-weight: bold;
}

/*new media query to fix too-wide .container */
@media (min-width: 1201px) {
	.container {
		width: 1239px;
	}
}

.home .soliloquy-thumbnails-outer-container {
	background-color: #fff;
    height: auto;
    margin: auto;
    max-height: none;
    max-width: 1239px;
    padding: 0px;
    position: relative;
    text-align: center;
    z-index: unset !important;
}

li.school .site {
	background-color: #333;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 9px;
	margin-right: 4px;
	margin-top: 0;
	padding: 2px 5px;
}

.shared-header .site-title {
	font-size: 21px;
}

#primary {
	min-height: 1150px;
}

/* styling for Quicklinks */
.shared-header .quick-links-modal {
	background-color: #fefefe;
	box-shadow: 1px 2px 7px #000;
	border-top: 10px solid #ffcc00;
	max-width: 800px;
	width: 800px;
}

.shared-header .quick-links-modal .close {
	background-color: #8d0e13;
	color: #fff;
	padding: 0 5px 5px;
}

.shared-header .quick-links-modal .close:hover {
	background-color: #000;
}

.shared-header .quick-links-modal .menu li {
	font-weight: 500;
}

.shared-header .quick-links-modal .menu a {
	color: #0f3b63;
}

.shared-header .quick-links-modal .menu a:hover {
	color: #8d0e13;
	font-weight: 400;
}

.shared-header .quick-links-modal .menu {
	border-right: 1px solid #efefef;
	padding: 0 0 0 25px;
}

.shared-header .quick-links-modal .menu {
	list-style-type: disc;
}

/* end styling for Quicklinks*/

/*end new styling*/

/*TablePress styling*/

.tablepress-id-DepartmentDirectory .column-4, .tablepress-id-DepartmentDirectory .column-5 {
	white-space: nowrap;
}

table.dataTable tr.odd {
	background-color: #efefef !important;
}

table.dataTable tr.odd td.sorting_1 {
	background-color: #ccc !important;
}

table.dataTable tr.even {
	background-color: #fff !important;
}

table.dataTable tr.even td.sorting_1 {
	background-color: #eee !important;
}

/* styling for RSS Aggregator lists */

.rss-aggregator {
    margin: 0;
    list-style: none;
}

.rss-aggregator li {
    border-top: 1px dotted #ccc;
    margin: 5px 0;
    padding: 5px 0;
}

.rss-aggregator a {
    font-weight: bold;
}

@media only screen 
	and (min-device-width : 375px) 
	and (max-device-width : 667px) 
	and (orientation : portrait) {

	.district .container, .school .container {
		padding: 0;
	}
	
	.page-content, .entry-content, .entry-summary {
		margin: 0;
	}	
 }

/* styling for Events Manager full calendar */
table.fullcalendar thead td {
	background-color: #ccc;
}

table.fullcalendar thead td.month_name {
	border-left: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}

td.eventful-today {
	background-color: #ffc !important;
}

/* styling for new icons in District Bar */
.weather-icon a {
    background-image: url("/wp-content/uploads/2017/02/weather-icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 30px;
    padding-left: 30px !important;
}

.youtube-icon a {
    background-image: url("/wp-content/themes/newark/images/youtube-icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 30px;
    padding-left: 30px !important;
}

.faucet-icon a {
    background-image: url("/wp-content/themes/newark/images/icon-faucet.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 30px;
    padding-left: 30px !important;
}


/* styling for Memphis Docs */
.mdocs-container {
	background-color: #fff;
}

.mdocs-container #title {
	width: 100%;
}

.mdocs-container #downloads,
.mdocs-container #download,
.mdocs-container #modified,
.mdocs-container #file-size {
	white-space: nowrap;
}

#mdocs_top_downloads-2 th, #mdocs_top_downloads-2 td {
	font-size: 12px;
}

/* styling for Memphis Docs previews */
.mdocs-tooltip .file-preview {
	display: none;
}

.mdocs-show-container {
	border-top: none !important;
	/* border: solid 1px #e2e2e2; */
    /* padding: 15px; */
}

.mdocs-nav-tab-active {
	background: #e2e2e2!important;
	margin-left: 5px !important;
}

.mdocs-nav-tab-active a {
	text-decoration: none;
	font-weight: bold;
}

.mdocs-dropdown-menu > li > a {
	text-decoration: none !important;
}

.single-mdocs-posts .nav-links {
	display: none;
}

.nboe-seal {
	padding-left: 80px;
    background-image: url("/wp-content/themes/newark/images/nboe-seal.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 70px;
}

.nboe-seal a {
	padding-top: 10px;
	display: inline-block;
}

.tagline {
	color: #fff;
	clear: both;
	float: right;
	opacity: .8;
	margin-bottom: 15px;
}