/**********************************************************************************************/
/***** FROM PARENT STYLES *********************************************************************/
/**********************************************************************************************/

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 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

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

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
    color: #323233;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

body {
    background: #fff;
}

a {
    color: #1f5f9d;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
    color:#000;
    text-decoration:underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*clear: both;*/
    font-weight:bold;
    margin:0 0 20px 0;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 25px;
    line-height: 1.3846153846;
    color:#1f5f9d;
}

h2 {
    font-size: 16px;
    font-weight:700;
    line-height: 1;
    text-transform:none;
    color:#1f5f9d;
    margin:0 0 5px 0;
}

h3 {
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    color:#666;
    font-weight:400;
    line-height: 1.0909090909;
    margin:0 0 20px 0;
}

h4 {
    font-size: 16px;
    font-weight:700;
    color:#1f5f9d;
    line-height: 1.2;
}

h5 {
    font-size: 14px;
    color:#1f5f9d;
    line-height: 1.3333333333;
}

h6 {
    font-size: 14px;
    color:#1f5f9d;
    line-height: 1.5;
}

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b,
strong {
    font-weight: 700;
}

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

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

p {
    margin-bottom: 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    line-height: 1.6;
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    quotes: none;
}

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

blockquote {
    color: #2e5293;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 20px;
}

blockquote cite,
blockquote small {
    color: #323233;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 20px;
}

ul,
ol {
    list-style: none;
    margin: 0 0 20px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin: 0 0 0 20px;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

figure {
    margin: 0;
}

fieldset {
    border: none;
    margin:0 0 10px;
    padding:0;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
}

td {
    border-width: 0 1px 1px 0;
}

del {
    color: #767676;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    color: #323233;
    padding: 8px 10px 7px;
}

textarea {
    width: 100%;
}

input:focus,
textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.8);
    outline: 0;
}

/* Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #1f5f9d;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    font-family:'PT Sans', Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:400;
    padding:5px 10px;
    text-transform: uppercase;
    letter-spacing:1px;
    vertical-align: bottom;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #666;
    color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #666;
}

.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #939393;
}

:-moz-placeholder {
    color: #939393;
}

::-moz-placeholder {
    color: #939393;
    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #939393;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
    max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
    height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
    height: auto;
    max-width: 100%;
}

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

embed,
iframe,
object,
video {
    margin-bottom: 24px;
    max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
    margin-bottom: 0;
}

/* Alignment */

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

blockquote.alignleft,
img.alignleft {
    margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
    margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
    margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
    margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 17px;
    width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
    margin-bottom: 17px;
}

.wp-caption {
    margin-bottom: 24px;
}

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

.wp-caption {
    color: #323233;
}

.wp-caption-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
    padding-right: 10px;
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Assistive text */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

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

.hide {
    display: none;
}

/* Clearing floats */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
    content: "";
    display: table;
}

.footer-sidebar:after,
.hentry:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
    clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    text-decoration: inherit;
    vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
    content: "\0020\007c\0020";
}

/**********************************************************************************************/
/***** END PARENT STYLES **********************************************************************/
/**********************************************************************************************/

/* STRUCTURAL */
html {
    height:100%;
}
body {
    height:auto !important;
    min-height:100%;
    font-size:13px;
    line-height:1.3em;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    font-weight:400;
    color:#666;
    background:#343434;
}
#page {
    position:relative;
    width:100%;
    height:100%;
    margin:0 auto;
    background:#fff;
}
#main {
    width:100%;
}
#main_inner {
    width:100%;
    margin:0 auto;
    padding:0;
}
.home #main_inner {
    padding:0 0 20px 0;
}
#primary {
    float:left;
    width:73%;
    margin-right:2%;
    border-right:1px solid #c2c2c2;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.home #primary,
#primary.full {
    float:none;
    width:100%;
    padding:0;
    margin-right:0;
    border:none;
}
#secondary {
    float:right;
    width:25%;
}

.site-footer {
    background:#343434;
}

.fit-container {
    position: relative;
}
.fit-container img.fit.wide, .fit-container img.fit.tall {
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%,-25%);
      -ms-transform: translate(-50%,-25%);
          transform: translate(-50%,-25%);
}
img.fit.wide {
    width: auto !important;
    height: 100% !important;
}
img.fit.tall {
    width: 100% !important;
    height: auto !important;
}
.dotdotdot a.more {
    margin-left: 0.5em;
    display: none;
}


/**********************************************************************************************/
/***** HOMEPAGE STYLES ************************************************************************/
/**********************************************************************************************/



/**********************************************************************************************/
/***** TYPOGRAPHY *****************************************************************************/
/**********************************************************************************************/



/**********************************************************************************************/
/***** HEADER *********************************************************************************/
/**********************************************************************************************/
.site-header {
    position:relative;
    padding:0;
    background:#212121;
    z-index:100;
}
.site-header .title_container {
    width:100%;
    background:#343434 url('../images/header-dotted-line.png') repeat-x left 50%;
}
.site-header #sawtooth {
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:6px;
    background:transparent url('../images/header-sawtooth-repeat.png') repeat-x left top;
}
.site-header .nav_container {
    width:100%;
    max-width:1024px;
    margin:0 auto;
}
.site-title {
    text-align:center;
    margin:0;
}
.site-title a {
    display:inline-block;
    margin:0 auto;
    padding:0 30px;
    font-family:Georgia, Times, 'Times New Roman', serif;
    font-size:18px;
    line-height:60px;
    font-weight:normal;
    background:#343434;
    color:#fff;
}
.site-title a:hover {
    color:#fff;
    text-decoration:none;
}
.site-title a span {
    display:inline-block;
    line-height:60px;
}
.site-title a em {
    color:#ccc;
}


/**********************************************************************************************/
/***** PRIMARY NAV ****************************************************************************/
/**********************************************************************************************/
#primary-navigation {
    float:left;
    margin:30px 0 0 0;
}
#primary-navigation .nav-menu {
    position:relative;
    float:left;
    margin:0;
    padding:0;
    list-style:none;
    line-height:11px;
}
#primary-navigation .nav-menu li {
    display:inline-block;
    position:relative;
    height:30px;
    margin:0 0 0 -4px;
}
#primary-navigation .nav-menu li a {
    display:block;
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    line-height:11px;
    padding:0 10px;
    border-left:1px solid #fff;
}
#primary-navigation .nav-menu li:first-child a {
    border:none;
}
#primary-navigation .nav-menu .sub-container {
    position: absolute;
    top:11px;
    left: -999em;
    z-index: 99999;
    padding:26px 0 0 0;
    width:auto;
    background:transparent url('../images/primary-nav-notch.png') no-repeat center 16px;
}
#primary-navigation .nav-menu .sub-menu {
    background:#fff;
    margin:0;
    padding:0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:1px 2px 3px rgba(0,0,0,0.3);
    box-shadow:1px 2px 3px rgba(0,0,0,0.3);
}
#primary-navigation .nav-menu .sub-menu li {
    display:block;
    margin:0;
    white-space: nowrap;
}
#primary-navigation .nav-menu .sub-menu li a {
    display:block;
    text-transform:none;
    color:#39c;
    font-size:13px;
    padding:10px;
    border:none;
    border-top:1px solid #ebebeb;
}
#primary-navigation .nav-menu li:hover > a,
#primary-navigation .nav-menu li:focus > a,
#primary-navigation .nav-menu .current-menu-item > a,
#primary-navigation .nav-menu .current-menu-ancestor > a {
    color:#39c;
    text-decoration:none;
}
#primary-navigation .nav-menu .sub-menu li:hover > a,
#primary-navigation .nav-menu .sub-menu li:focus > a,
#primary-navigation .nav-menu .sub-menu .current-menu-item > a,
#primary-navigation .nav-menu .sub-menu .current-menu-ancestor > a {
    color:#000;
}
#primary-navigation .nav-menu .sub-menu li:first-child a {
    border:none;
}
#primary-navigation .nav-menu li:hover > .sub-container,
#primary-navigation .nav-menu li:focus > .subcontainer,
#primary-navigation .nav-menu .current-menu-item > .subcontainer {
    left:50%;
    margin-left:-90px;
}



/**********************************************************************************************/
/***** SEARCH *********************************************************************************/
/**********************************************************************************************/
#search-container {
    float:right;
    margin:19px 0;
    width:240px;
}
#search-container .search-box {
    padding:0 5px;
    width:230px;
    background:#767676;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    -webkit-box-shadow:inset 1px 4px 6px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 1px 4px 6px rgba(0,0,0,0.3);
    box-shadow:inset 1px 4px 6px rgba(0,0,0,0.3);
}
#search-container input {
    float:left;
    line-height:32px;
    height:32px;
    width:195px;
    margin:0;
    padding:0 0 0 10px;
    border:none;
    background:none;
    color:#fff;
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-size:14px;
}
#search-container .search-submit {
    float:right;
    width:20px;
    height:32px;
    padding:0;
    border:none;
    box-shadow:none;
    background:transparent url('../images/search-mag-glass.png') no-repeat left top;
    text-indent:-9999px;
    overflow:hidden;
}
#search-container .search-submit:hover {
    background-position:0 -32px;
}

/**********************************************************************************************/
/***** HOMEPAGE STYLES ************************************************************************/
/**********************************************************************************************/
#timeline {
    display:none;
}
.home #timeline {
    display:block;
}
.home .heading {
    background:transparent url('../images/pipe-bg-repeat.png') repeat-x left 10px;
    text-align:center;
}
.home .heading div {
    display:inline-block;
    background:#fff;
    padding:0 10px;
}
.home .heading h2 {
    font-size:16px;
    line-height:1.5;
    color:#000;
    margin:5px 0 0 0;
    font-weight:bold;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

/* HOME SLIDER */
.container.slider {
    position:relative;
    margin:0 0 10px 0;
}
#home_slider {
    margin:0;
}
#home_slider > li {
    overflow:hidden;
}
/*#home_slider li > img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
}*/
#home_slider li .slide_outer {
    width:100%;
    background:transparent none repeat-x center top;
    background-size:auto 100%;
}
#home_slider li .slide_outer.people {
    background-image:url('../images/bg-promo.jpg');
}
#home_slider li .slide_outer.history {
    background-image:url('../images/bg-history.jpg');
}
#home_slider li .slide_outer.quiz {
    background-image:url('../images/bg-quiz.jpg');
}
#home_slider li .slide_inner {
    position:relative;
    width:100%;
    max-width:1024px;
    margin:0 auto;
    padding:20px 0;
    height:440px;
}
#home_slider .slide_title {
    margin:0 0 10px 0;
    font-family: Georgia, Times, 'Times New Roman', serif;
    color:#fff;
    font-size:66px;
    line-height:1.2;
    text-align:center;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
}
#home_slider li .slide_outer .description {
    color:#000;
    font-size:13px;
}
#home_slider li .slide_outer.people .description {
    width:50%;
    margin:0 auto 10px auto;
    text-align:center;
}
#home_slider li .slide_outer.people .main { /* triptych image */
    display:block;
    width:70%;
    margin:0 auto;
}
#home_slider li .slide_outer .people {
    height:110px;
    list-style:none;
    text-align:center;
    margin:0 0 10px 0;
}
#home_slider li .slide_outer .people li {
    display:inline-block;
    margin:0 5px;
}
#home_slider li .slide_outer .people li a {
    display:block;
    position:relative;
}
#home_slider li .slide_outer .people li .image_frame {
    display:block;
    width:100px;
    height:100px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:10px solid #fff;
    overflow:hidden;
}
#home_slider li .slide_outer .people li .image_frame > img {
    display:block;
    width:100%;
}
#home_slider li .slide_outer .people li a .tip {
    display:none;
    position:absolute;
    left:-25px;
    top:95px;
    width:150px;
}
#home_slider li .slide_outer .people li a:hover .tip {
    display:block;
}
#home_slider li .slide_outer .people .tip span {
    display:block;
    color:#fff;
    background:#1e5e9b;
    font-size:11px;
    padding:6px 0;
    text-align:center;
}
#home_slider li .slide_outer .people .tip .notch {
    height:10px;
    padding:0;
    background:transparent url('../images/homeslide-person-label-notch.png') no-repeat center top;
}

/* HISTORY */
#home_slider li .slide_outer.history > div {
    width:70%;
    margin:0 auto;
}
#home_slider li .slide_outer.history .leftcol {
    position:relative;
    display:inline-block;
    width:50%;
    margin:0 5% 0 0;
}
#home_slider li .slide_outer.history .rightcol {
    display:inline-block;
    width:45%;
    vertical-align:top;
    padding:20px 0 0 0;
}
#home_slider li .slide_outer.history .rightcol img {
    display:none;
}
#home_slider li .slide_outer.history .leftcol > img {
    display:block;
    width:80%;
    margin:0 0 0 20%;
}
#home_slider li .slide_outer.history .leftcol .asset {
    position:absolute;
    left:25%;
    top:27px;
    width:70%;
    height:230px;
    overflow:hidden;
    padding:0;
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
#home_slider li .slide_outer.history .leftcol .asset img {
    display:block;
    width:100%;
}
#home_slider li .slide_outer.history .leftcol .frame {
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
}
#home_slider li .slide_outer.history .rightcol .date {
    margin:0 0 5px 0;
    font-family:'PT Sans', Arial, Helvetica, sans-serif;
    font-size:17px;
    line-height:1;
    font-weight:400;
    color:#564d34;
    visibility: hidden;
}


/* QUIZ */
#home_slider li .slide_outer.quiz .slide_title {
    margin:0 0 30px 0;
}
#home_slider li .slide_outer.quiz > div {
    width:70%;
    margin:0 auto;
}
#home_slider li .slide_outer.quiz .leftcol {
    display:inline-block;
    width:50%;
    margin:0 5% 0 0;
}
#home_slider li .slide_outer.quiz .rightcol {
    display:inline-block;
    width:45%;
    vertical-align:top;
    padding:20px 0 0 0;
}
#home_slider li .slide_outer.quiz .rightcol .slide_heading,
#home_slider li .slide_outer.history .rightcol .slide_heading {
    font-family:'PT Sans', Arial, Helvetica, sans-serif;
    font-size:28px;
    line-height:1;
    font-weight:700;
    color:#fff;
    margin:0 0 20px 0;
}



#home_slider li .slide_outer.quiz .rightcol .description,
#home_slider li .slide_outer.history .rightcol .description {
    
}
#home_slider li .slide_outer.quiz .rightcol a,
#home_slider li .slide_outer.history .rightcol a {
    font-family:'PT Sans', Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:700;
    color:#262626;
    text-transform:uppercase;
}
#home_slider li .slide_outer.quiz .rightcol a:hover,
#home_slider li .slide_outer.history .rightcol a:hover {
    color:#fff;
    text-decoration:none;
}


#content .bx-wrapper .bx-pager {
    left:90%;
    bottom:15%;
    width:90px;
    text-align:left;
    padding:0;
}
#content .bx-wrapper .bx-controls-direction a {
    display:block;
    position:absolute;
    top:50%;
    margin-top:-25px;
    width:27px;
    height:50px;
    background:transparent url('../images/homeslide-nav-sprite.png') no-repeat left top;
    overflow:hidden;
    text-indent:-9999px;
}
#content .bx-wrapper .bx-controls-direction .bx-prev {
    left:20px;
}
#content .bx-wrapper .bx-controls-direction .bx-next {
    right:20px;
    background-position:-27px 0;
}
#content .bx-wrapper .bx-controls-direction .bx-prev:hover {
    background-position:0 -50px;
}
#content .bx-wrapper .bx-controls-direction .bx-next:hover {
    background-position:-27px -50px;
}

#content .bx-wrapper .bx-pager .bx-pager-item:first-child,
#content .bx-wrapper .bx-controls-auto .bx-controls-auto-item:first-child {
    margin-left:10px;
}
#content .bx-wrapper .bx-pager.bx-default-pager a {
    background:#fff;
}
#content .bx-wrapper .bx-pager.bx-default-pager a.active,
#content .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:#262626;
}


/**********************************************************************************************/
/***** MAIN CONTENT WELL **********************************************************************/
/**********************************************************************************************/
#content {
    background:#fff;
}

/**********************************************************************************************/
/***** INTERIOR PAGE STYLES *******************************************************************/
/**********************************************************************************************/
.header-container {
    background:#d9cfbf url('../images/interior-header-bg.jpg') repeat-x center bottom;
}
.header-container .date,
.header-container .caption {
    padding:66px 0 0 0;
    margin:0 0 10px 0;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#fff;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    text-align:center;
}
.header-container .caption {
    padding:0 0 44px 0;
    margin:0;
    text-transform:none;
    letter-spacing:0;
    font-size:18px;
}
.header-container .page-title,
.header-container .entry-title {
    margin:0;
    padding:66px 0 44px 0;
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:38px;
    line-height:1.2;
    color:#fff;
    font-weight:normal;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
    text-align:center;
}
.single-cbc_sharepoint_media .header-container .entry-title {
    margin:0 0 10px 0;
    padding:0;
}
.header-container .entry-title.has_date {
    padding-top:0;
}
.content_top {
    background:#e9e9e9 url('../images/content-top-bg-repeat.jpg') repeat-x left top;
}
.content_top_inner {
    width:100%;
    max-width:1024px;
    margin:0 auto;
    padding:0 0 30px 0;
}
.content_top_inner .leftcol {
    float:left;
    /*width:44%;*/
    /*margin:0 2% 0 0;*/
    margin: 0 30px 30px 0;
}
.content_top_inner.wide .leftcol {
    /*width:73%;*/
    /*width: 65%; */
}

/* CATEGORY IMAGES SLIDER */
#category_images__old {
    width:380px;
    height:347px;
    list-style:none;
    margin:0;
    padding:10px 19px 11px 21px;
    background:transparent url('../images/content-top-image-frame.jpg') no-repeat left top;
}
#category_images {
    width: 410px;
    -webkit-box-shadow: 2px 2px 6px #888;
    -moz-box-shadow: 2px 2px 6px #888;
    box-shadow: 2px 2px 6px #888;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
    border: 1px solid #888;
    list-style: none;
    margin: 0;
    padding: 4px;
    background: #fff;
}
#category_images li {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    min-height: 100px;
    background: #eee url('../images/loading.gif') no-repeat center;
}
#category_images li img {
    display:block;
    width:100%;
}

.content_top_inner .rightcol {
    margin:0;
}
.content_top_inner .rightcol #meta_list {
    margin-left: 450px;
}
.content_top_inner.wide .rightcol #meta_list {
    margin-left: 0;
}
.submit_story_container {
    float:right;
    width:auto;
}
.submit_story_container .submit_your_story {
    margin:-65px 0 0 0;
}
.submit_story_container .view_all {
    display:block;
    margin:0 0 30px 0;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#1e5e9b;
}
.submit_story_container .view_all:hover {
    text-decoration:none;
    color:#000;
}
.content_top_inner .rightcol h2 {
    margin:0 0 10px 0;
    font-size:18px;
    font-weight:normal;
    color:#666;
}
.content_top_inner .rightcol p {
    margin:0 0 15px 0;
    color:#666;
    font-size:15px;
    line-height:1.2;
}
.content_bottom {
    
}
.content_bottom_inner {
    width:100%;
    max-width:1024px;
    margin:0 auto;
    padding:40px 0;
}

/* CUSTOM FILTERS BAR */
.custom_filters {
    float:right;
    text-align:right;
    margin-right:20px;
}
.custom_filters > span,
.custom_filters > ul {
    display:inline-block;
    margin:0;
}
.custom_filters ul li {
    display:inline-block;
    margin:0;
}
.custom_filters ul li a {
    display:block;
    padding:0 10px;
    border-right:1px solid #1f5f9d;
}
.custom_filters.tax-cbc_sharepoint_content_type ul li a {
    border-right: none;
}
/*.custom_filters li:first-child a {
    padding-left:0;
}*/
.custom_filters ul li a:hover {
    
}
.custom_filters ul li .filter {
    padding-left:10px;
}

.acc_listing {
    list-style:none;
    margin:0 24px 20px 0;
}
.acc_listing li {
    border-bottom:1px solid #c2c2c2;
    margin:0;
    padding:0;
}
.acc_listing li h3 {
    font-weight:normal;
    margin:0;
}
.acc_listing li h3 a {
    display:inline-block;
    width:90%;
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:16px;
    line-height:1;
    color:#666;
    padding:14px 0 8px 0;
    vertical-align:top;
}
.acc_listing li h3 .toggle {
    height:16px;
    width:10%;
    background:transparent url('../images/acc-listing-toggle.jpg') no-repeat 90% 15px;
}
.acc_listing li h3 a:hover {
    color:#1f5f9d;
    text-decoration:none;
}
.acc_listing li h3.active a {
    font-weight:bold;
}
.acc_listing li h3.active .toggle {
    background-position:90% -25px;
}
.acc_listing li .acc_content {
    display: none;
    padding: 0;
}
.acc_listing li.solo .acc_content {
    display:block;
}
.acc_listing li .acc_content .intro .intro_content {
    float: left;
    width: 72%;
}
.acc_listing li .acc_content .intro .intro_content select {
    margin:0 0 20px 0;
}
.listing {
    list-style:none;
    margin:0;
    padding:0;
}
.listing li {
    margin: 0 0 30px 0;
    border:none;
    clear: both;
    height: 126px;
}
.intro div.intro_spacer,
div.imgspacer {
    float: left;
    display: block;
    width: 22%;
    margin: 0 36px 0 0;
}
.intro .intro_thumb,
.listing li > div.imgwrap,
article div.imgwrap {
    float:left;
    display:block;
    width: 22%;
    margin: 0 30px 0 0;
    -webkit-box-shadow: 1px 1px 3px #888;
    -moz-box-shadow: 1px 1px 3px #888;
    box-shadow: 1px 1px 3px #888;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #888;
    padding: 2px;
    background: #fff;
    position: relative;
}
.intro .intro_thumb {
    margin-bottom: 30px;
}
.intro .intro_thumb > img,
.listing li > div.imgwrap > a,
article div.imgwrap > a {
    max-height:120px;
    min-height: 48px;
    overflow:hidden;
    display:block;
    background: #f8f8f8 url('../images/loading.gif') no-repeat center;
}
.listing li > div.imgwrap > a > img,
article div.imgwrap > a > img {
    display:block;
    width:100%;
}
img.missing {
    min-height: 120px;
    width: 100%;
    background: #ccc;
}
.listing li > div,
.entry-summary > div {
    float:left;
    width:70%;
}
.listing li > div p {
}
.listing li > div .date {
    font-size:9px;
    margin:0 0 5px 0;
    text-transform:uppercase;
}
.listing li > div h4 {
    font-size:13px;
    font-weight:normal;
    color:#1f5f9d;
    margin:0 0 10px 0;
}
.imgwrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.imgwrap.video.loaded .overlay {
    background-image: url('../images/play-button.png');
}
.imgwrap.audio.loaded .overlay {
    background-image: url('../images/audio-overlay.png');
}
.imgwrap a:hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
body.page div.entry-content {
    font-size: 15px;
    padding-right: 2em;
    line-height: 1.25em;
}

/**********************************************************************************************/
/***** SEARCH RESULTS STYLES ******************************************************************/
/**********************************************************************************************/
.search-results article,
.archive article {
    margin: 0 10px 30px 0;
    padding: 0;
}
.entry-summary > p {
    margin:0;
}


/**********************************************************************************************/
/***** BREADCRUMBS ****************************************************************************/
/**********************************************************************************************/
#breadcrumbs {
    display:inline-block;
    margin:22px 0 20px -18px;
    padding:5px 30px;
    background:#e9e9e9;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    line-height:1;
    color:#666;
    text-transform:uppercase;
    letter-spacing:1px;
}
#breadcrumbs a {
    color:#666;
}
#breadcrumbs a:hover {
    color:#1f5f9d;
    text-decoration:none;
}
#breadcrumbs .current {
    font-weight:666;
}

/**********************************************************************************************/
/***** SINGLE POST ****************************************************************************/
/**********************************************************************************************/

#player {
    display: block;
    width: 420px;
    height: 280px;
    text-align: center;
    background-color: black;
}
.content_top_inner.wide .leftcol #player {
    width: 640px;
    height: 360px;
}

/**********************************************************************************************/
/***** PAGINATION *****************************************************************************/
/**********************************************************************************************/
.pagination {
    margin:20px 0;
}
#content .page-numbers {
    display:inline-block;
    margin:0;
    padding:0 8px;
    font-family:'PT Sans', Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:22px;
    font-weight:400;
    color:#fff;
    background:#1f5f9d;
    text-decoration:none;
}
#content .page-numbers:hover,
#content .page-numbers.current {
    background:#666;
    text-decoration:none;
}
#content .prev.page-numbers,
#content .next.page-numbers {
    font-weight:400;
}
#content .prev.page-numbers:hover,
#content .next.page-numbers:hover {
    /*color:#323233;*/
}
#content {
    position: relative;
}
#content_loading {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#content_loading > div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent url('../images/loading.gif') no-repeat center;
}

#by_date a:hover,
#by_title a:hover {
    text-decoration: none;
}
#by_date a:hover span,
#by_title a:hover span {
    text-decoration: underline;
}
#by_date a:after,
#by_title a:after {
    font-family: "dashicons";
    content: "\f156";
    vertical-align: bottom;
}
#by_date.active a.ASC:after,
#by_date.active a.DESC:hover:after,
#by_date a:hover:after,
#by_title.active a.ASC:after,
#by_title.active a.DESC:hover:after,
#by_title a:hover:after {
    content: "\f142";
}
#by_date.active a.DESC:after,
#by_date.active a.ASC:hover:after,
#by_title.active a.DESC:after,
#by_title.active a.ASC:hover:after {
    content: "\f140";
}

.prevnext {
    margin:0 0 10px 0;
}
.prevnext a {
    float:left;
    display:block;
    width:20px;
    border-width:1px;
    border-style:solid;
    padding:0 10px 0 10px;
    background-color: #1f5f9d;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.prevnext a:hover {
    background-color: #666;
    color: #fff;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
         -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
}
.prevnext .prev {
    margin:0 10px 0 0;
}
.prevnext a span {
    margin:0 0.1em;
    font-family:"Courier New", Courier, monospace;
    font-size:2em;
    font-weight:bold;
    vertical-align:baseline;
}

/**********************************************************************************************/
/***** RIGHT COLUMN / WIDGETS *****************************************************************/
/**********************************************************************************************/
#secondary .widget {
    margin:0 0 20px 0;
}
#secondary .widget .textwidget {
    width:80%;
}
#secondary .widget_inner {
    
}
#secondary .widget-title,
#secondary .widget-title a {
    font-family:Georgia, Times, "Times New Roman", serif;
    font-size:16px;
    line-height:1;
    color:#666;
    font-weight:400;
    line-height:1.3;
    margin:0 0 15px 0;
    text-align:left;
}
#secondary .widget img {
    display:block;
    margin:0 0 20px 0;
}

#secondary .widget ul {
    list-style:none;
    margin:0;
}
#secondary .widget ul li {
    margin:0;
}

#secondary .widget p {
    line-height:1.5;
}
#secondary .widget .byline {
    font-style:italic;
}
#secondary .widget .cta {
    color:#1f5f9d;
    font-size:14px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}
#secondary .widget .cta a {
    display:block;
    font-weight:bold;
}
#secondary .widget .cta a:hover {
    color:#000;
}
#secondary .widget .date {
    font-size:9px;
    margin:0 0 5px 0;
    text-transform:uppercase;
    letter-spacing:1px;
}


/**********************************************************************************************/
/***** FOOTER *********************************************************************************/
/**********************************************************************************************/
.site-footer .buckets {
    width:100%;
    max-width:1024px;
    margin:0 auto;
}
.site-footer .buckets .bucket {
    float:left;
    width:25%;
    margin:0 3% 20px 0;
    padding:32px 0;
}
.site-footer .buckets .bucket:first-child {
    margin-right:5%;
}
.site-footer .buckets .bucket.nav {
    width:20%;
}
.site-footer .buckets .bucket.cta {
    width:23%;
    margin-right:0;
    padding-top:0;
}
.site-footer .buckets .bucket.cta .cta {
    display:block;
    margin:30px 0 20px 0;
    padding:33px 0 0 150px;
    color:#39c;
    line-height:18px;
    height:102px;
    vertical-align:middle;
}
.home .site-footer .buckets .bucket.cta .cta {
    margin-top:0;
}

.site-footer .buckets .bucket.cta .cta.quiz {
    background:transparent url('../images/footer-icon-quiz.png') no-repeat 38px top;
}
.site-footer .buckets .bucket.cta .cta:hover {
    color:#fff;
    text-decoration:none;
}

.site-footer .buckets .bucket .logo_footer {
    display:block;
    width:74px;
    height:62px;
    margin:0 0 20px 0;
    background:transparent url('../images/logo-footer.png') no-repeat left top;
    overflow:hidden;
    text-indent:-9999px;
}

.site-footer .buckets p {
    color:#999;
    font-size:12px;
}
.site-footer .buckets a {
    display:block;
    font-size:14px;
    color:#39c;
}
.site-footer .buckets a:hover {
    text-decoration:none;
    color:#fff;
}

.site-footer .nav-menu {
    list-style:none;
    margin:0;
    padding:0;
}
.site-footer .nav-menu li {
    display:block;
    margin:0 0 10px 0;
}
.site-footer .nav-menu li a {
    display:block;
    color:#39c;
    line-height:20px;
}
.site-footer .nav-menu .current-menu-item > a,
.site-footer .nav-menu .current-menu-ancestor > a {
    font-weight: bold;
}
.site-footer .nav-menu li:hover > a,
.site-footer .nav-menu li:focus > a {
    color:#fff;
    text-decoration:none;
}
.site-footer .nav-menu > li > a {
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:9px;
    line-height:14px;
    color:#fff;
}
.site-footer .nav-menu .sub-menu {
    margin:0;
    padding:0;
}
.site-footer .nav-menu .sub-menu li {
    margin:0;
}

/**********************************************************************************************/
/***** SUBMIT YOUR STORY BANNER ***************************************************************/
/**********************************************************************************************/

.submit_your_story,
.site-footer .buckets .submit_your_story {
    display:block;
    width:253px;
    height:79px;
    margin:-4px 0 20px 0;
    padding:40px 0 0 0;
    background:transparent url('../images/footer-submit-your-story-flag.png') no-repeat left top;
    text-align:center;
    font-family:Georgia, Times, 'Times New Roman', serif;
    color:#fff;
    font-size:20px;
    line-height:20px;
    font-style:italic;
}
.site-footer .buckets .submit_your_story {
    display:none;
}
.home .site-footer .buckets .submit_your_story {
    display:block;
}
.submit_your_story:hover,
.site-footer .buckets .submit_your_story:hover {
    text-decoration:none;
    color:#fff;
}
.submit_your_story span,
.site-footer .buckets .submit_your_story span {
    display:block;
    margin:0 0 5px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    line-height:12px;
    color:#fff;
    letter-spacing:2px;
    text-transform:uppercase;
    font-style:normal;
    padding: 0 14px;
}

#social-media-sidebar {
    position: relative;
}
#social-media-sidebar h3.widget-title {
    margin: 0 !important;
    text-align: center;
}
#social-media-sidebar .sfsi_wDiv {
    width: 100% !important;
    position: relative !important;
}
#social-media-sidebar .sfsi_holders {
    height: 20px !important;
}

/**********************************************************************************************/
/***** FORM STYLES ****************************************************************************/
/**********************************************************************************************/
form {
    
}
fieldset {
    
}
button,
input,
textarea {
    font-family: inherit;
    padding:2px 4px;
    color: #666;
}

input,
textarea {
    width:100%;
    color: #666;
    padding:4px;
    border:1px solid #666;
}
input {
    width:50%;
}

input:focus,
textarea:focus {
    
}

input[type='checkbox'],
input[type='radio'] {
    width:15px;
    margin:0;
}

input[type='image'],
input[type='submit'] {
    display:block;
    width:auto;
    border:none;
    margin:0 0 10px 0;
}
.form_label {
    display:block;
    margin:0 0 5px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:14px;
    color:#1f5f9d;
}

/* SEARCH FACET/FILTER STYLES */
.searchandfilter {
    
}
.searchandfilter ul {
    width:100%;
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}
.searchandfilter ul li {
    display:block;
    margin:0 0 5px 0;
    padding:0;
}
.searchandfilter ul > li > ul:not(.children) {
    display:none;
    margin:0 0 10px 0;
}
.searchandfilter h4 {
    margin:0 0 5px 0;
    padding:5px 0 0 0;
    border-top:1px solid #c2c2c2;
    cursor:pointer;
    background:transparent url('../images/acc-listing-toggle.jpg') no-repeat right 10px;
}
.searchandfilter li:first-child h4 {
    border:none;
}
.searchandfilter h4.active {
    background-position:right -30px;
}
.searchandfilter label {
    display:block;
    margin:0 0 5px 0;
    font-family:'PT Sans', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size:13px;
    color:#666;
}
.searchandfilter input[type='text'] {
    width:100%;
    margin:0 0 10px 0;
    padding:2px 4px;
}
.searchandfilter input[type='submit'] {
    margin:10px 0;
}







/* MISC STYLES */
.show_on_mobile {
    display:none !important;
}
.hide_on_mobile {
    display:block !important;
}

/* ---------------------------------------------------------------
   HELPER CLASSES
--------------------------------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.float_left {
    float:left !important;
}
.float_right {
    float:right !important;
}
.nomargin {
    margin:0 !important;
}
.nopadding {
    padding:0 !important;
}
.caps {
    text-transform:uppercase !important;
}
.nocaps {
    text-transform:none !important;
}
.nobullets {
    list-style:none !important;
}
.centered {
    text-align:center !important;
}

/* MEDIA QUERIES ***********************************************/
/***************************************************************/

@media only screen and (min-width: 320px) and (max-width:767px) {
    
    .show_on_mobile {
        display:block !important;
    }
    .hide_on_mobile {
        display:none !important;
    }
    
    .site-title a {
        padding-top:10px;
        padding-bottom:10px;
        line-height:auto;
    }
    .site-title a span {
        display:block;
        line-height:22px;
    }
    #mobile_nav_toggle {
        width:100%;
        margin:10px 0;
        text-align:center;
    }
    #mobile_nav_toggle > span {
        display:inline-block;
        vertical-align:middle;
        font-family:'PT Sans', Arial, Helvetica, sans-serif;
        font-size:16px;
        line-height:1;
        font-weight:400;
        color:#fff;
        text-transform:uppercase;
    }
    #mobile_nav_toggle > img {
        display:inline-block;
        margin:0 0 0 10px;
        vertical-align:middle;
    }
    #mobile_nav_toggle:hover {
        text-decoration:none;
    }
    #search-container {
        float:none;
        margin:19px auto;
        width:240px;
    }
    
    .site-header .nav_container {
        display:none;
    }
    
    #primary-navigation {
        float:none;
        margin:30px 0;
        background:#fff;
    }
    #primary-navigation .nav-menu {
        float:none;
        line-height:11px;
    }
    #primary-navigation .nav-menu li {
        display:block;
        width:100%;
        height:auto;
        margin:0;
    }
    #primary-navigation .nav-menu li a {
        display:block;
        padding:15px 5%;
        border:none;
        font-size:14px;
        line-height:14px;
        border-top:1px solid #fff;
        background:#fff;
        color:#000;
    }
    #primary-navigation .nav-menu .sub-container {
        position: static;
        top:0;
        left:0;
        z-index: 99999;
        margin:0 auto;
        padding:0;
        width:100%;
        background:none;
    }
    #primary-navigation .nav-menu .sub-menu {
        background:#f0f0f0;
        margin:0;
        padding:10px 0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    #primary-navigation .nav-menu .sub-menu li {
        display:block;
        margin:0;
    }
    #primary-navigation .nav-menu .sub-menu li a {
        display:block;
        text-transform:none;
        color:#000;
        font-size:13px;
        padding:10px 5%;
        border:none;
        background:#f0f0f0;
        /*border-top:1px solid #fff;*/
    }
    #primary-navigation .nav-menu .sub-menu li:first-child a {
        border:none;
    }
    #primary-navigation .nav-menu li:hover > a,
    #primary-navigation .nav-menu li:focus > a,
    #primary-navigation .nav-menu .current_menu_item > a,
    #primary-navigation .nav-menu .current_menu_ancestor > a {
        color:#39c;
        text-decoration:none;
    }
    #primary-navigation .nav-menu .sub-menu li:hover > a,
    #primary-navigation .nav-menu .sub-menu li:focus > a,
    #primary-navigation .nav-menu .sub-menu .current_menu_item > a,
    #primary-navigation .nav-menu .sub-menu .current_menu_ancestor > a {
        color:#39c;
    }
    #primary-navigation .nav-menu .sub-menu li:first-child a {
        border:none;
    }
    #primary-navigation .nav-menu li:hover > .sub-container,
    #primary-navigation .nav-menu li:focus > .subcontainer,
    #primary-navigation .nav-menu .current_menu_item > .subcontainer {
        left:0;
        margin-left:auto;
    }
    
    .home .heading {
        margin:30px 0 0 0;
    }
    .home #main_inner {
        margin-bottom:0;
    }
    .container.slider {
        display:none;
    }
    
    .header-container .date {
        padding:36px 0 0 0;
    }
    .header-container .caption {
        font-size:14px;
    }
    .header-container .page-title,
    .header-container .entry-title {
        padding:36px 0 44px 0;
        font-size:24px;
    }
    
    .content_top_inner {
        width:90%;
        max-width:none;
        margin:0 auto;
        padding:0 0 30px 0;
    }
    .content_top_inner .leftcol {
        float:none;
        width:100%;
        margin:0;
    }
    .content_top_inner.wide .leftcol {
        width:100%;
    }
    #category_images {
        width:100%;
        height:auto;
        margin:0 0 20px 0;
        padding:0;
        background:none;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .content_top_inner .rightcol {
        float:none;
        width:100%;
        margin:0;
    }
    .content_top_inner.wide .rightcol {
        width:100%;
    }
    .content_top_inner #meta_list {
        margin-top: 1em;
    }
    
    .content_bottom_inner {
        width:90%;
        max-width:none;
        margin:0 auto;
        padding:40px 0;
    }
    #primary {
        float:none;
        width:100%;
        margin:0 0 20px 0;
        border:none;
    }
    .home #primary {
        margin-bottom:0;
    }
    #secondary {
        float:none;
        width:100%;
        padding:20px 0 0 0;
        border-top:1px solid #c2c2c2;
    }
    
    .custom_filters {
        float:none;
        text-align:left;
        margin:0 0 30px 0;
    }
    
    .acc_listing {
        margin:0 0 20px 0;
    }
    .acc_listing li .acc_content .intro {
        margin:0 0 20px 0;
    }
    .acc_listing li .acc_content .intro .intro_thumb {
        float:none;
        width:50%;
        margin:0 0 30px 0;
    }
    .acc_listing li .acc_content .intro .intro_content {
        float:none;
        width:100%;
    }
    .listing li {
        padding:20px 0 0 0;
        border-top:1px solid #c2c2c2;
    }
    .listing li > a {
        float:none;
        width:50%;
        max-height:180px;
        margin:0 0 10px 0;
    }
    .listing li > div {
        float:none;
        width:100%;
    }
    .imgwrap .overlay {
        background-size: 60% auto;
    }

    #secondary .widget .textwidget {
        width:100%;
    }
    #secondary .widget .cta {
        text-align:left;
    }
    .site-footer .buckets {
        width:90%;
        max-width:none;
        margin:0 auto;
    }
    .site-footer .buckets .bucket {
        float:none;
        width:100%;
        margin:0;
        padding:0;
    }
    .site-footer .buckets .bucket:first-child {
        margin-right:0%;
        padding-top:30px;
    }
    .site-footer .buckets .bucket.nav {
        width:100%;
    }
    .site-footer .buckets .bucket.cta {
        width:100%;
        margin-right:0;
        padding-top:0;
    }
    .site-footer .buckets .bucket.cta .cta {
        padding-left:112px;
    }
    .site-footer .buckets .bucket.cta .cta.quiz {
        background:transparent url('../images/footer-icon-quiz.png') no-repeat left top;
    }
}

@media only screen and (min-width: 320px) and (max-width:399px) {
    .content_top_inner.wide .leftcol #player {
        width: 288px;
        height: 162px;
    }
}

@media only screen and (min-width: 400px) and (max-width:439px) {
    .content_top_inner.wide .leftcol #player {
        width: 320px;
        height: 180px;
    }
}

@media only screen and (min-width: 440px) and (max-width:499px) {
    .content_top_inner.wide .leftcol #player {
        width: 384px;
        height: 216px;
    }
}

@media only screen and (min-width: 500px) and (max-width:579px) {
    .content_top_inner.wide .leftcol #player {
        width: 432px;
        height: 243px;
    }
}

@media only screen and (min-width: 580px) and (max-width:659px) {
    .content_top_inner.wide .leftcol #player {
        width: 512px;
        height: 288px;
    }
}

@media only screen and (min-width: 660px) and (max-width:719px) {
    .content_top_inner.wide .leftcol #player {
        width: 576px;
        height: 324px;
    }
}

@media only screen and (min-width: 720px) and (max-width:767px) {
    .content_top_inner.wide .leftcol #player {
        width: 640px;
        height: 360px;
        background-color: silver;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    .site-header .nav_container {
        width:80%;
    }
    .container.slider {
        width:100%;
        overflow:hidden;
    }
    .submit_your_story,
    .site-footer .buckets .submit_your_story {
        width:200px;
        height:79px;
        padding:40px 0 0 0;
        background-size:100% auto;
        font-size:16px;
        line-height:16px;
    }
    .site-footer .buckets {
        width:96%;
    }
    .site-footer .buckets .bucket {
        width:20%;
    }
    .site-footer .buckets .bucket:first-child {
        margin-right:3%;
    }
    .site-footer .buckets .bucket.nav {
        width:20%;
    }
    .site-footer .buckets .bucket.cta {
        width:31%;
    }
    .content_top_inner, .content_bottom_inner {
        width: 96%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 879px) {
    .content_top_inner.wide .leftcol #player {
        width: 480px;
        height: 270px;
    }
}

@media only screen and (min-width: 880px) and (max-width: 1024px) {
    .content_top_inner.wide .leftcol #player {
        width: 512px;
        height: 288px;
    }
}

/* ---------------------------------------------------------------
   QUIZ
--------------------------------------------------------------- */

h2.quizName {
    display: none !important;
}

div.quizHeader {
    margin-bottom: 15px;
}

div.questionCount {
    margin-bottom: 8px;
}

li.question h3 {
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

ul.answers li {
    margin-bottom: 10px;
}

div.quizResultsCopy h3.quizScore, div.quizResultsCopy h3.quizLevel {
    margin-bottom: 15px;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}