/*
Theme Name: The Newswire (Dewey Digital custom for NEA Today)
Theme URI: http://wpdevshed.com/themes/the-newswire/
Author: WP Dev Shed / Dewey Digital
Author URI: http://wpdevshed.com/
Description: The Newswire theme is design for local news sites and blogs. Taking a lead from popular news sites like the HuffPo it has a huge home page slider showing the latest posts (or sticky posts if you prefer). The customize options also let you upload your own logo, change fonts, colors and background without any custom coding. The theme has two customizable menus and you can even add banner code to the header and sidebar from the customize menu. Of course it is fully responsive so works great on mobiles, tablets and desktops.
Version: 1.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

*/

/******************************************************************

 RESET STYLES

******************************************************************/

/* general reset */

html,
body,
div,
span,
object,
embed,
ruby,
output,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
}

/* html 5 reset */

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

nav {
    display: inline
}

/* ul & li resets */

ol,
ul {
    list-style: none
}

/* blockquote reset */

blockquote,
q {
    quotes: none
}

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

/* link style resets */

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

a:hover,
a:active {
    outline: none
}

/* table resets */

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

td,
td img {
    vertical-align: top
}

/* type & header styles */

body {
    font-size: 14px; /* for ie8 & below */
    font-size: 1.4rem;
    line-height: 1.6;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

p {
    hyphenate: auto;
    hyphenate-before: 2;
    hyphenate-after: 3;
    hyphenate-lines: 3;
    orphans: 4;
}

select,
input,
textarea,
button {
    font: 99% sans-serif;
    border-radius: 0;
}

select {
    max-width: 100%
}

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

body,
select,
input,
textarea {
    color: #222
}

small,
.small {
    font-size: 12px; /* for ie8 & below */
    font-size: 1.2rem;
    letter-spacing: 2px; /* for ie8 & below */
    letter-spacing: 0.2rem;
    font-style: italic;
    line-height: 26px;
    line-height: 2.6rem;
}

strong,
th,
.strong {
    font-weight: bold
}

em,
.em {
    font-style: italic
}

ins,
.ins {
    color: #000;
    text-decoration: underline;
}

mark,
.mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del,
.del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

/* code & pre box resets */

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

/* form & input resets */

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
    margin: 24px; /* for ie8 & below */
    margin: 2.4rem;
}

input,
select {
    vertical-align: middle
}

textarea {
    overflow: auto
}

.ie6 legend,
.ie7 legend {
    margin-left: -7px
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

label,
input[type=button],
input[type=submit],
button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

/* vaidation */

input:valid,
textarea:valid {

}

input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

button {
    width: auto;
    overflow: visible;
}

/* image resets */

.ie7 img,
.irem7 img {
    -ms-interpolation-mode: bicubic
}

/* hidden elements */

.hidden {
    display: none;
    visibility: hidden;
}

.visuallyhidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

/* added from 320&Up Project */

input,
textarea {
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -o-box-sizing : border-box;
    box-sizing : border-box;
}

/* clearfixes */

.clearfix:after,
.menu ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    clear: both
}

::-webkit-selection {
    background: #222;
    color: #fff;
    text-shadow : none;
}

::-moz-selection {
    background: #222;
    color: #fff;
    text-shadow : none;
}

::selection {
    background: #222;
    color: #fff;
    text-shadow : none;
}

/******************************************************************

 002 - COMMON & REUSABLE STYLES

******************************************************************/

.left {
    float: left
}

.right {
    float: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

mark,
.search-term {
    background: #EBE16F
}

.help,
.info,
.error,
.success {
    margin: 10px;
    padding: 10px;
    border: 1px solid #cecece;
}

.help {
    border-color: #E0C618;
    background: #EBE16F;
}

.info {
    border-color: #92cae4;
    background: #d5edf8;
}

.error {
    border-color: #fbc2c4;
    background: #fbe3e4;
}

.success {
    border-color: #c6d880;
    background: #e6efc2;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?ilgvz2');
    src: url('fonts/icomoon.eot?#iefixilgvz2') format('embedded-opentype'), url('fonts/icomoon.woff?ilgvz2') format('woff'), url('fonts/icomoon.ttf?ilgvz2') format('truetype'), url('fonts/icomoon.svg?ilgvz2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-categories:before {
    content: "\e601"
}

.icon-date:before {
    content: "\e600"
}

[class*="icon"]:before {
    padding-right: 5px
}

/******************************************************************

 003 GENERAL LAYOUT STYLES

******************************************************************/

body {
    -webkit-text-size-adjust : 100%; /* font size on apple devices */
    -ms-text-size-adjust : 100%; /* font size on windows devices */
}

html,
body {
    height: 100%
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -70px;
}

#container {
    width: 96%;
    margin: 0 auto;
    padding: 0 2%;
    max-width: 1044px; /* for ie8 & below */
    max-width: 104.4rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* layout options ( all have margins right & left of 1%) */

.col60 {
    width: 6.333%
}/* width 60px / grid_1 */

.col140 {
    width: 14.667%
}/* width 140px / grid_2 */

.col220 {
    width: 23.0%
}/* width 220px / grid_3 */

.col300 {
    width: 31.333%
}/* width 300px / grid_4 */

.col380 {
    width: 39.667%
}/* width 380px / grid_5 */

.col480 {
    width: 48.0%
}/* width 480px / grid_6 */

.col540 {
    width: 56.333%
}/* width 540px / grid_7 */

.col620 {
    width: 64.667%
}/* width 620px / grid_8 */

.col700 {
    width: 73.0%
}/* width 700px / grid_9 */

.col780 {
    width: 81.333%
}/* width 780px / grid_10 */

.col860 {
    width: 89.667%
}/* width 860px / grid_11 */

.col940 {
    width: 98.0%
}/* width 940px / grid_12 */

.col60,
.col140,
.col220,
.col300,
.col380,
.col480,
.col540,
.col620,
.col700,
.col780,
.col860,
.col940 {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
}/* default styles & fixes */

#main {
    margin-left: 0
} /* fixes alignment (defaulted at col620) */

#sidebar {
    margin-right: 0
} /* fixes alignment (defaulted at col300) */


/******************************************************************

 004 TYPOGRAPHY

******************************************************************/

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
    text-decoration: none
}

h1,
.h1 {
    font-size: 35px; /* for ie8 & below */
    font-size: 3.5rem;
    line-height: 32px; /* for ie8 & below */
    line-height: 3.2rem;
}

h2,
.h2 {
    font-size: 24px; /* for ie8 & below */
    font-size: 2.4rem;
    line-height: 30px; /* for ie8 & below */
    line-height: 3.0rem;
}

h3,
.h3 {
    font-size: 19px; /* for ie8 & below */
    font-size: 1.9rem;
    line-height: 24px; /* for ie8 & below */
    line-height: 2.4rem;
}

h4,
.h4 {
    font-size: 16px; /* for ie8 & below */
    font-size: 1.6rem;
    line-height: 18px; /* for ie8 & below */
    line-height: 1.8rem;
}

h5,
.h5 {
    font-size: 12px; /* for ie8 & below */
    font-size: 1.2rem;
    line-height: 40px; /* for ie8 & below */
    line-height: 4.0rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

div.menu ul li a,
div.menu-top ul li a,
.category_listing_date {
    font-family: 'Roboto Slab';
    text-transform: uppercase;
    font-size: 13px;
}

.category_listing_date {
    font-size: 11px
}

.menu-top ul li ul.sub-menu li a,
.menu-top ul li ul.children li a {
    font-size: 13px;
    line-height: 1.4;
}

.meta-block {
    /*    border-top: 1px solid rgba(255,255,255,.5); */
    padding: .5em 0 0;
    margin: .5em 0 0;
    font-family: 'Roboto Slab';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.meta-categories a,
.meta-categories a:visited {
    color: #fff;
    text-decoration: none;
}

.meta-categories a:hover {
    color: #ccc
}

.meta-categories i {
    font-family: serif;
    text-transform: lowercase;
    position: relative;
    top: -1px;
}

.meta-categories-catbox a,
.meta-categories-catbox a:visited {
    color: #000000;
    text-decoration: none;
}

.meta-categories-catbox a:hover {
    color: #888888
}

.grid_title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}

.grid_excerpt {
    font-size: 14px
}

.grid_text {
    /*     background: none; */
    text-shadow: 1px 1px 1px #000;
}

.more-articles {
    text-align: right;
    text-transform: uppercase;
    font-family: 'Roboto Slab';
    padding: 0 0 1em 0;
}

.more-articles a {
    color: #15005f;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}

.grid_1col_2wide .grid_title,
.grid_1col_2wide .grid_text {
    text-shadow: 1px 1px 5px #000
}

.category .page-title,
.archive .page-title,
.search-results .page-title,
body #sidebar .widget-title {
    text-transform: uppercase;
    font-family: 'Roboto Slab';
}

.page-title a:hover {
    text-decoration: underline
}


/******************************************************************
 
 005 LINK STYLES

******************************************************************/

a,
a:visited {
    color: #dd3333;
    text-decoration: underline;
}

a:hover {
    text-decoration: none
}

a:active {

}

a:link {
    -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}

.readmore-link a {
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}

.readmore-link a:visited {
    color: #ff0000;
    font-weight: bold;
}

.readmore-link a:hover {
    color: #ffffff;
    font-weight: bold;
}

/******************************************************************

 006 SEARCH BOX

******************************************************************/

#search-box-wrap {
    background-color: #dd3333;
    height: 50px; /* for ie8 & below */
    height: 5rem;
    display: none;
}

#search-box {
    position: relative;
    width: 96%;
    margin: 0 auto;
    padding: 0 2%;
    max-width: 1044px; /* for ie8 & below */
    max-width: 104.4rem;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    -o-box-sizing : border-box;
    box-sizing : border-box;
}

#search-box #searchform {
    float: right;
    margin-top: 10px;
}

#search-box #searchform label {
    display: none
}

#s {
    height: 30px; /* for ie8 & below */
    height: 3rem;
    font-size: 20px; /* for ie8 & below */
    font-size: 2.0rem;
    background: url(library/images/icon-search.png) no-repeat 7px 7px #fff;
    padding: 5px 7px 5px 30px;
    border: 0;
    box-shadow: 3px 3px 10px #d0d0d0 inset;
    min-width: 400px; /* for ie8 & below */
    min-width: 40rem;
    outline: none;
    margin-right: -4px;
    font-size: 1em;
    color: #888;
    font-family: "Open Sans",sans-serif;
}

.post-content #searchform #s,
.widget #searchform #s {
    font-size: 14px; /* for ie8 & below */
    font-size: 1.4rem;
    min-width: 80%;
    background-position: 7px 7px;
}

.widget #searchform #s {
    min-width: 100%
}

html.no-csstransforms .widget #searchform #s {
    border: 1px solid #d0d0d0;
    box-shadow: none;
    min-width: 88%;
}

#searchform input[type=submit] {
    height: 30px;
    background-color: #000060;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px; /* for ie8 & below */
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    padding: 3px 10px; /* for ie8 & below */
    padding: 0.3rem 1rem;
    background: #000060 url(library/images/icon-search-w.png) no-repeat center center;
    font-size: 0;
    line-height: 0;
    width: 32px;
}

#searchform input[type=submit]:hover {
    background-color: #2857c4
}

.widget #searchform input[type=submit] {
    display: none
}

#search-box #close-x {
    float: right;
    width: 20px; /* for ie8 & below */
    width: 2rem;
    height: 20px; /* for ie8 & below */
    height: 2rem;
    background-color: #222;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 11px; /* for ie8 & below */
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 19px; /* for ie8 & below */
    line-height: 1.9rem;
    margin: 15px 10px 0 20px; /* for ie8 & below */
    margin: 1.5rem 1rem 0 2rem;
    cursor: pointer;
    border-radius: 50%;
}

/******************************************************************

 007 HEADER SYTLES

******************************************************************/

header[role=banner] {
    position: relative
}

header[role=banner],
header[role=banner] div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#top-nav {
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 16px; /* for ie8 & below */
    font-size: 1.6rem;
    line-height: 1.5;
    width: 100%;
    display: inline-block;
    padding-top: 25px; /* for ie8 & below */
    padding-top: 2.5rem;
    vertical-align: top;
}

#top-nav .cur-date {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px; /* for ie8 & below */
    padding-right: 1rem;
}

#top-nav .menu-top {
    display: inline-block;
    margin-right: 40px;
}

#top-nav .menu-top,
#site-logo,
#social-media,
#searchform {
    vertical-align: middle
}

#inner-header {
    position: relative;
    overflow: hidden;
}

#site-logo {
    width: 197px;
    display: inline-block;
}

#site-logo img {
    max-width: 100%
}

#site-logo a {
    display: block
}

#site-heading {
    padding-top: 10px; /* for ie8 & below */
    padding-top: 1rem;
    padding-bottom: 10px; /* for ie8 & below */
    padding-bottom: 1rem;
    margin-right: 500px; /* for ie8 & below */
    margin-right: 50rem;
    display: inline-block;
}

#site-title {
    padding-bottom: 24px; /* for ie8 & below */
    padding-bottom: 2.4rem;
    font-family: "Varela", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 34px; /* for ie8 & below */
    font-size: 3.4rem;
    line-height: 40px; /* for ie8 & below */
    line-height: 4.0rem;
    text-transform: uppercase;
    letter-spacing: 7px;
}

#site-title a {
    color: #222;
    text-decoration: none;
    -webkit-text-stroke: 0.020rem #222;
}

#site-description {
    font-size: 14px; /* for ie8 & below */
    font-size: 1.4rem;
    color: #222;
}

#newswire-banner {
    width: 468px;
    max-height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

.entry-header {
    margin-bottom: 24px; /* for ie8 & below */
    margin-bottom: 2.4rem;
}

body.page .entry-header,
body.single .entry-header,
.not-found .entry-header {
    margin-bottom: 35px; /* for ie8 & below */
    margin-bottom: 3.5rem;
}

.entry-title {
    font-family: "Varela", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 24px; /* for ie8 & below */
    font-size: 2.4rem;
    line-height: 28px; /* for ie8 & below */
    line-height: 2.8rem;
    -webkit-text-stroke: 0.020rem #222;
}

.entry-title + .feature-byline {
    margin: 1.5em 0 -1em 0
}

.entry-title a,
.entry-title a:visited {
    color: #222;
    text-decoration: none;
}

.entry-title a:hover {
    color: #dd3333
}

.entry-title,
.page-header,
.heading-latest,
#comments-title,
.commentlist .vcard,
#reply-title,
#respond label,
.slides .slide-noimg,
.slide-title {
    font-weight: 600 !important
}

body.page .entry-title,
body.single .entry-title,
.not-found .entry-title {
    font-size: 40px; /* for ie8 & below */
    font-size: 4rem;
    line-height: 42px; /* for ie8 & below */
    line-height: 4.2rem;
    padding-bottom: 24px; /* for ie8 & below */
    padding-bottom: 2.4rem;
    border-bottom: 3px solid #ecf0f1;
    -webkit-text-stroke: 0.020rem #222;
}

.page-header {
    margin: 30px 0 0; /* for ie8 & below */
    margin: 3rem 0 0;
    font-family: "Varela", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 400;
    padding-bottom: 0;
    border-bottom: 1px solid #ecf0f1;
}

.page-title {
    line-height: 1.8;
    font-weight: 400;
    padding: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 18px;
}

.heading-latest {
    font-family: "Varela", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 36px; /* for ie8 & below */
    font-size: 3.6rem;
    line-height: 40px; /* for ie8 & below */
    line-height: 4rem;
    padding-bottom: 12px; /* for ie8 & below */
    padding-bottom: 1.2rem;
    border-bottom: 3px solid #ecf0f1;
    -webkit-text-stroke: 0.020rem #222;
}

.topmenu-tagline {
    font-size: 11px;
    font-style: italic;
    margin-top: -2px;
    min-width: 320px;
}

.logo_nea {
    font-weight: 600;
    color: #f5000e;
}

.logo_today {
    font-weight: 300;
    color: #ffffff;
}

.logo_today_dark {
    color: #15005f
}

/******************************************************************

 008 SOCIAL MEDIA BUTTONS STYLES

******************************************************************/

#social-media {
    display: inline-block;
    float: none;
    width: 225px;
    text-align: right;
    padding-top: 15px;
}

@media (min-width:1065px) { 
    #social-media {
        text-align: left;
        margin: 0;
        padding-top: 0;
        /*        width: 137px;*/
        width: 150px;
    }
}

#social-media a,
#search-icon {
    background-color: #dd3333;
    width: 32px; /* for ie8 & below */
    height: 31px; /* for ie8 & below */
    width: 24px;
    height: 24px;
    background-size: 29px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 2px; /* for ie8 & below */
    margin-left: 0.2rem;
    margin-bottom: 5px; /* for ie8 & below */
    margin-bottom: 0.5rem;
    text-indent: 9999px;
    outline: none;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    overflow: hidden;
}

#social-media a:hover {
    background-color: #2857c4
}

#social-media a.social-fb {
    background-image: url(library/images/icon-fb.png)
}

#social-media a.social-tw {
    background-image: url(library/images/icon-tw.png)
}

#social-media a.social-gp {
    background-image: url(library/images/icon-gp.png)
}

#social-media a.social-pi {
    background-image: url(library/images/icon-pi.png)
}

#social-media a.social-li {
    background-image: url(library/images/icon-li.png)
}

#social-media a.social-yt {
    background-image: url(library/images/icon-yt.png)
}

#social-media a.social-tu {
    background-image: url(library/images/icon-tu.png)
}

#social-media a.social-in {
    background-image: url(library/images/icon-in.png)
}

#social-media a.social-fl {
    background-image: url(library/images/icon-fl.png)
}

#social-media a.social-vi {
    background-image: url(library/images/icon-vi.png)
}

#social-media a.social-ye {
    background-image: url(library/images/icon-ye.png)
}

#social-media a.social-rs {
    background-image: url(library/images/icon-rss.png)
}

#social-media a.social-em {
    background-image: url(library/images/icon-email.png)
}

#search-icon {
    background-image: url(library/images/icon-search-w.png);
    cursor: pointer;
}

/******************************************************************

 009 NAVIGATION STYLES - (Main Navigation)

******************************************************************/

div.menu {
    font-size: 16px; /* for ie8 & below */
    font-size: 1.6rem;
}

div.menu > ul {

}

div.menu ul li,
div.menu-top ul li {
    list-style-type: none;
    float: left;
}

div.menu ul li a,
div.menu-top ul li a {
    color: #222;
    padding-left: 20px;
    display: block;
    text-decoration: none;
    font-weight: 300;
}

div.menu-top ul li:hover {
    background-color: #14005e
}

div.menu-top ul li:hover > a {
    color: #fff
}

div.menu-top ul li a:hover {
    color: #ffffff
}

div.menu ul li.current-menu-item a,
div.menu ul li.current_page_item a {
    color: #ffffff
}

div.menu ul li ul.sub-menu,
div.menu ul li ul.children,
div.menu-top ul li ul.sub-menu,
div.menu-top ul li ul.children {
    position: absolute;
    z-index: 9999;
    width: 200px; /* for ie8 & below */
    width: 20rem;
    word-wrap: break-word;
    display: none;
}

div.menu ul li:hover > ul,
div.menu-top ul li:hover > ul {
    display: inline
}

div.menu ul li ul li ul.sub-menu,
div.menu ul li ul li ul.children,
div.menu-top ul li ul li ul.sub-menu,
div.menu-top ul li ul li ul.children {
    right: -199px; /* for ie8 & below */
    right: -19.9rem;
    position: absolute;
    top: auto;
    display: none;
}

div.menu ul li ul li:hover > ul.sub-menu,
div.menu ul li ul li:hover > ul.children,
div.menu-top ul li ul li:hover > ul.sub-menu,
div.menu-top ul li ul li:hover > ul.children {
    display: inline
}

div.menu-top a {
    display: block;
    padding: 7px 15px;
}

div.menu-top > a {
    text-transform: uppercase
}

.widget_nav_menu ul li {
    float: none
}

.widget_nav_menu ul li ul.sub-menu,
.widget_nav_menu ul li ul.children,
.widget_pages ul li ul.sub-menu,
.widget_pages ul li ul.children {
    position: relative;
    left: auto;
    z-index: 9999;
    width: auto;
    word-wrap: break-word;
    margin-left: 16px; /* for ie8 & below */
    margin-left: 1.6rem;
    margin-top: 8px; /* for ie8 & below */
    margin-top: 0.8rem;
}

.widget_nav_menu ul li ul li ul.sub-menu,
.widget_nav_menu ul li ul li ul.children {
    left: auto;
    position: relative;
    margin-left: 16px; /* for ie8 & below */
    margin-left: 1.6rem;
    margin-top: 8px; /* for ie8 & below */
    margin-top: 0.8rem;
    top: auto;
    word-wrap: break-word;
}

nav[role=navigation] div.menu {
    background: #222
}

nav[role=navigation] .menu ul li a,
nav[role=navigation] .menu #menu-icon {
    padding: 10px 20px; /* for ie8 & below */
    padding: 1rem 2rem;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

nav[role=navigation] .menu ul li a:hover,
nav[role=navigation] .menu #menu-icon:hover {
    color: #fff
}

nav[role=navigation] .menu > ul li a,
nav[role=navigation] .menu > #menu-icon {
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

nav[role=navigation] .menu #menu-icon,
.menu-top #top-menu-icon {
    cursor: pointer;
    display: none;
}

nav[role=navigation] .menu > ul li a:hover {
    background-color: #dd3333
}

nav[role=navigation] .menu ul li.current-menu-item a,
.nav ul li.current_page_item a,
nav[role=navigation] .menu ul li.current_page_item a {
    background-color: #dd3333
}

nav[role=navigation] .menu ul.sub-menu li.current-menu-item a,
.nav ul.sub-menu li.current_page_item a,
nav[role=navigation] .menu ul.sub-menu li.current_page_item a,
nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a,
nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a,
nav[role=navigation] .menu ul li.current_page_parent ul.children li a,
nav[role=navigation] .menu ul li.current_page_item ul.children li a,
.nav ul li.current_page_item ul.sub-menu li a,
nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a {
    background: none
}

nav[role=navigation] .menu ul.sub-menu li.current-menu-item a:hover,
.nav ul.sub-menu li.current_page_item a:hover,
nav[role=navigation] .menu ul.sub-menu li.current_page_item a:hover,
nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a:hover,
nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a:hover,
nav[role=navigation] .menu ul li.current_page_parent ul.children li a:hover,
nav[role=navigation] .menu ul li.current_page_item ul.children li a:hover,
.nav ul li.current_page_item ul.sub-menu li a:hover,
nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a:hover {
    background: #f2f2f2
}

.menu-top ul li ul.sub-menu,
.menu-top ul li ul.children,
nav[role=navigation] .menu ul li ul.sub-menu,
nav[role=navigation] .menu ul li ul.children {
    background: #fcfcfc
}

.menu-top ul li ul.sub-menu li,
.menu-top ul li ul.children li,
nav[role=navigation] .menu ul li ul.sub-menu li,
nav[role=navigation] .menu ul li ul.children li {
    border-bottom: 1px solid #f0f0f0;
    width: 200px; /* for ie8 & below */
    width: 20rem;
}

.menu-top ul li ul.sub-menu li a,
.menu-top ul li ul.children li a,
nav[role=navigation] .menu ul li ul.sub-menu li a,
nav[role=navigation] .menu ul li ul.children li a {
    display: block;
    min-height: 38px; /* for ie8 & below */
    min-height: 3.8rem;
    font-size: 85%;
    line-height: 1.8;
    padding: 7px 20px; /* for ie8 & below */
    padding: 0.7rem 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html.no-csstransforms .menu-top ul li ul.sub-menu li a,
html.no-csstransforms .menu-top ul li ul.children li a,
html.no-csstransforms nav[role=navigation] .menu ul li ul.sub-menu li a,
html.no-csstransforms nav[role=navigation] .menu ul li ul.children li a {
    padding: 7px 20px 0; /* for ie8 & below */
}

.menu-top ul li ul.sub-menu li a,
.menu-top ul li ul.children li a {
    font-size: 85%;
    line-height: 2;
}

.menu-top ul li ul li a,
nav[role=navigation] .menu ul li ul li a {
    color: #555;
    text-shadow: 0px 0px;
    box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset;
}

.menu-top ul li ul li a:hover,
nav[role=navigation] .menu ul li ul li a:hover {
    background: #f5f5f5;
    color: #555;
}

.menu-top ul li ul li ul.sub-menu,
.menu-top ul li ul li ul.children {
    margin-top: -39px; /* for ie8 & below */
    margin-top: -3.9rem;
}

nav[role=navigation] .menu ul li ul li ul.sub-menu,
nav[role=navigation] .menu ul li ul li ul.children {
    margin-top: -38px; /* for ie8 & below */
    margin-top: -3.8rem;
}

html.no-csstransforms .menu-top ul li ul li ul.sub-menu,
html.no-csstransforms .menu-top ul li ul li ul.children,
html.no-csstransforms nav[role=navigation] .menu ul li ul li ul.sub-menu,
html.no-csstransforms nav[role=navigation] .menu ul li ul li ul.children {
    margin-top: -45px; /* for ie8 & below */
}

/******************************************************************

 010 POSTS & CONTENT STYLES

******************************************************************/

#content {
    padding-bottom: 1px; /* for ie8 & below */
    padding-bottom: 0.1rem;
}

#content,
#content div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#main #searchform {
    margin-bottom: 35px; /* for ie8 & below */
    margin-bottom: 3.5rem;
}

#top-nav #searchform {
    display: inline-block;
    width: 168px;
    overflow: hidden;
    margin: 0 0 10px 10px;
}

#top-nav #s {
    max-width: 134px;
    min-width: 0;
    background: none;
    padding-left: 7px;
}

@media (max-width:1065px) { 
    #top-nav #searchform {
        display: none
    }
}

@media (min-width:1064px) { 
    #search-icon {
        display: none
    }
}

article[id*=post-] {
    padding: 35px 0; /* for ie8 & below */
    padding: 3.5rem 0;
    word-wrap: break-word;
}

.archive_title {
    padding: 0 20px;
    margin: 20px 0 12px; /* for ie8 & below */
    margin: 2.0rem 0 1.2rem;
}

/* post meta */

.entry-meta,
.category-archive-meta {
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 11px; /* for ie8 & below */
    font-size: 1.1rem;
    letter-spacing: 1px; /* for ie8 & below */
    letter-spacing: 0.1rem;
    line-height: 14px; /* for ie8 & below */
    line-height: 1.4rem;
    color: #999;
    margin: 0 0 24px 0; /* for ie8 & below */
    margin: 0 0 2.4rem 0;
    text-transform: uppercase;
}

.entry-meta .byline {
    display: none
}

.category-archive-meta {
    font-size: 13px; /* for ie8 & below */
    font-size: 1.3rem;
    line-height: 1.6;
    margin-bottom: 10px; /* for ie8 & below */
    margin-bottom: 1rem;
    text-transform: none;
    letter-spacing: normal;
}

.entry-summary {
    font-size: 14px; /* for ie8 & below */
    font-size: 1.4rem;
}

/* post content */

.post-content {
    word-wrap: break-word;
    margin-bottom: 0;
    overflow: hidden;
}

.commentlist li.comment article[id*=comment-] p,
.post-content p {
    margin: 0 0 24px 0; /* for ie8 & below */
    margin: 0 0 2.4rem 0;
}

.post-content h1,
.commentlist li.comment article[id*=comment-] h1,
.post-content h2,
.commentlist li.comment article[id*=comment-] h2,
.post-content h3,
.commentlist li.comment article[id*=comment-] h3,
.post-content h4,
.commentlist li.comment article[id*=comment-] h4,
.post-content h5,
.commentlist li.comment article[id*=comment-] h5,
.post-content h6,
.commentlist li.comment article[id*=comment-] h6,
.post-content address,
.commentlist li.comment article[id*=comment-] address {
    margin: 0 0 24px 0; /* for ie8 & below */
    margin: 0 0 2.4rem 0;
}

.commentlist li.comment article[id*=comment-] ul,
.post-content ul,
.commentlist li.comment article[id*=comment-] ol,
.post-content ol,
.commentlist li.comment article[id*=comment-] table,
.post-content table,
.commentlist li.comment article[id*=comment-] dl,
.post-content dl {
    margin: 24px 0; /* for ie8 & below */
    margin: 2.4rem 0;
}

.commentlist li.comment article[id*=comment-] dl.wp-caption,
.post-content dl.wp-caption {
    max-width: 100%;
    margin: 0 auto;
}

.commentlist li.comment article[id*=comment-] table,
.post-content table {
    width: 100%
}

.commentlist li.comment article[id*=comment-] table th,
.post-content table th {
    border-bottom: 2px solid #848484;
    text-align: left;
}

.commentlist li.comment article[id*=comment-] table td,
.post-content table td {
    border-bottom: 1px solid #d0d0d0;
    padding: 5px; /* for ie8 & below */
    padding: 0.5rem;
}

.commentlist li.comment article[id*=comment-] ul,
.post-content ul,
.commentlist li.comment article[id*=comment-] ol,
.post-content ol {
    list-style-position: outside;
    line-height: 1.5;
    margin-left: 20px; /* for ie8 & below */
    margin-left: 2rem;
    margin-right: 20px; /* for ie8 & below */
    margin-right: 2rem;
}

.commentlist li.comment article[id*=comment-] li,
.post-content li {
    margin-bottom: 12px; /* for ie8 & below */
    margin-bottom: 1.2rem;
}

.post-content ol {
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    counter-reset: my-counter;
}

.commentlist li.comment article[id*=comment-] ol {
    list-style: decimal
}

.post-content ol li {
    list-style-type: none;
    position: relative;
    padding-left: 16px; /* for ie8 & below */
    padding-left: 1.6rem;
}

.post-content ol li:before {
    content: counter(my-counter) ")";
    counter-increment: my-counter;
    position: absolute;
    left: 0;
    top: 2px;
    color: #dd3333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px; /* for ie8 & below */
    font-size: 1.2rem;
    text-align: center;
}

.post-content ul li {
    list-style: none;
    position: relative;
    padding-left: 12px; /* for ie8 & below */
    padding-left: 1.2rem;
}

.commentlist li.comment article[id*=comment-] ul li {
    list-style: disc
}

.post-content ul li:before {
    content: "\2022";
    position: absolute;
    left: 0;
    top: 0;
    color: #dd3333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px; /* for ie8 & below */
    font-size: 1.6rem;
    line-height: 1.25;
}

.commentlist li.comment article[id*=comment-] blockquote,
.post-content blockquote {
    font-style: italic;
    line-height: 26px; /* for ie8 & below */
    line-height: 2.6rem;
    margin: 24px 35px 24px 56px; /* for ie8 & below */
    margin: 2.4rem 3.5rem 2.4rem 5.6rem;
}

.commentlist li.comment article[id*=comment-] blockquote:before,
.post-content blockquote:before {
    font-family: Georgia, serif;
    font-weight: 700;
    content: "“";
    font-size: 80px; /* for ie8 & below */
    font-size: 8.0rem;
    text-indent: -60px; /* for ie8 & below */
    text-indent: -6.0rem;
    margin-top: 12px; /* for ie8 & below */
    margin-top: 1.2rem;
    float: left;
    opacity: 0.2;
}

.commentlist li.comment article[id*=comment-] dl,
.post-content dl {
    margin: 26px 0 26px; /* for ie8 & below */
    margin: 2.6rem 0 2.6rem;
}

.commentlist li.comment article[id*=comment-] dt,
.post-content dt {
    font-style: italic;
    margin-top: 19px; /* for ie8 & below */
    margin-top: 1.9rem;
    font-size: 17px; /* for ie8 & below */
    font-size: 1.7rem;
    font-weight: 700;
    border-bottom: 1px solid #999;
}

.commentlist li.comment article[id*=comment-] dt.wp-caption-dt,
.post-content dt.wp-caption-dt {
    border: 0;
    margin: 0 auto;
}

.commentlist li.comment article[id*=comment-] dd,
.post-content dd {
    font-style: italic;
    font-size: 13px; /* for ie8 & below */
    font-size: 1.3rem;
    margin-top: 16px; /* for ie8 & below */
    margin-top: 1.6rem;
    line-height: 26px; /* for ie8 & below */
    line-height: 2.6rem;
}

.commentlist li.comment article[id*=comment-] video,
.post-content video,
.commentlist li.comment article[id*=comment-] object,
.post-content object,
.commentlist li.comment article[id*=comment-] embed,
.post-content embed,
.commentlist li.comment article[id*=comment-] iframe,
.post-content iframe {
    display: block;
    margin: 0 0 24px 0; /* for ie8 & below */
    margin: 0 0 2.4rem 0;
    max-width: 100%;
}

.commentlist li.comment article[id*=comment-] video,
.post-content video {
    min-width: 100%;
    height: auto;
}

.commentlist li.comment article[id*=comment-] pre,
.post-content pre {
    overflow: auto;
    background: #f5f5f5;
    border: 1px solid #f0f0f0;
    border-left: 3px solid #e0e0e0;
    padding-left: 25px; /* for ie8 & below */
    padding-left: 2.5rem;
}

.commentlist li.comment article[id*=comment-] img,
.post-content img {
    margin: 0 0 24px 0; /* for ie8 & below */
    margin: 0 0 2.4rem 0;
    width: auto;
    max-width: 100%;
    height: auto;
}

.wp-caption {
    max-width: 100%
}

article[id*=post-] footer {
    clear: both;
    margin: 10px 0 0; /* for ie8 & below */
    margin: 1rem 0 0;
}

.tag-meta {
    margin-right: 10px
}

.cat-meta-color {
    font-size: 11px; /* for ie8 & below */
    font-size: 1.1rem;
    letter-spacing: 1px; /* for ie8 & below */
    letter-spacing: 0.1rem;
    line-height: 14px; /* for ie8 & below */
    line-height: 1.4rem;
    text-transform: uppercase;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    padding: 5px 12px; /* for ie8 & below */
    padding: 0.5rem 1.2rem;
    background-color: #dd3333;
    color: #fff !important;
    display: inline-block;
    float: right;
}

.cat-meta-color a {
    color: #fff !important;
    text-decoration: none;
}

.colorbar {
    width: 100%;
    background-color: #dd3333;
    height: 1px;
    overflow: hidden;
    margin-bottom: 5px; /* for ie8 & below */
    margin-bottom: 0.5rem;
}

.simplePullQuote {
    font-style: italic
}

.pq-center {
    width: 130%;
    margin: 30px -15%;
    text-align: center;
    font-style: italic;
    font-size: 28px;
    color: #15005f;
    padding: 0px;
}

.pq-center p {
    clear: both;
    position: relative;
    display: flex;
    margin-bottom: 10px;
}

.pq-left {
    width: 300px;
    margin: 20px 30px 20px -25px;
    float: left;
    text-align: center;
    font-size: 22px;
    border-top: 3px solid #888;
    border-bottom: 3px solid #888;
    color: #f5000e;
    padding: 20px 6px;
}

.pq-right {
    width: 300px;
    margin: 20px -25px 20px 30px;
    float: right;
    text-align: center;
    font-size: 22px;
    border-top: 3px solid #888;
    border-bottom: 3px solid #888;
    color: #f5000e;
    padding: 20px 6px;
}

.pq-citation {
    font-size: 18px;
    font-family: 'Roboto Slab',serif;
    text-align: right;
    font-style: normal;
}

.pq-citation-center {
    display: inline;
    margin-left: 10px;
    font-size: 18px;
    font-family: 'Roboto Slab',serif;
    font-style: normal;
}

/* Magazine-Format Posts */

.magazine-format {
    margin-top: 20px
}

.magazine-format .post-content {
    overflow-x: visible;
    overflow-y: visible;
    font-size: 20px;
    width: 70%;
    margin-left: 15%;
    font-family: 'Cardo',serif;
    line-height: 1.7;
    /*     letter-spacing: 0px; */
    text-rendering: optimizeLegibility;
}

.magazine-format .post-content i,
.magazine-format .post-content em {
    letter-spacing: -0.9px
}

.magazine-format .post-content b,
.magazine-format .post-content strong {
    font-weight: 600
}

.magazine-format .magazine-content-section {

}

.magazine-format .post-content .alignleft {
    float: left;
    margin: 10px 10px 10px 0px;
    left: -30px;
    position: relative;
}

.magazine-format .post-content .alignleft .wp-caption-text {
    text-align: right;
    float: left;
    width: 150px;
    left: -175px;
    padding: 10px;
    border-right: 1px solid #888;
    position: absolute;
    top: 0px;
}

.magazine-format .post-content .alignright {
    float: right;
    right: -30px;
    margin: 10px 0px 10px 10px;
    position: relative;
}

.magazine-format .post-content .alignright .wp-caption-text {
    text-align: left;
    float: right;
    width: 150px;
    right: -175px;
    padding: 10px;
    border-left: 1px solid #ddd;
    position: absolute;
    top: 0px;
}

.magazine-format .post-content .aligncenter {
    width: 130%;
    margin-left: -15%;
    margin-bottom: 0px;
}

.magazine-format .post-content .aligncenter img {
    max-width: 130%;
    min-width: 130%;
}

.magazine-format .post-content .aligncenter p.wp-caption-text {
    text-align: center;
    font-size: 16px;
    width: 130%;
    margin-bottom: 30px;
}

.magazine-format .post-content h2 {
    color: #15005f;
    margin-top: 60px;
    margin-bottom: 30px;
}

.magazine-format .post-content h3 {
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: normal;
    font-style: italic;
}

.magazine-format a,
.magazine-format a:visited {
    text-decoration: none;
    color: #f5000e;
}

.magazine-format a:hover {
    text-decoration: underline
}

.magazine-format .featured-image {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 130%;
    height: 600px;
    position: relative;
    margin: 0 -15% 20px -15%;
}

.magazine-format .featured-image-overlay {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
}

.magazine-format .featured-image-text {
    /*    background: rgba(0,0,0,0.7); */
    text-shadow: 0px 0px 3px #000000;
    text-align: center;
    width: 70%;
    color: #ffffff;
    position: absolute;
    padding: 20px;
    font-family: "Open Sans",sans-serif;
    left: auto;
    right: auto;
    margin: 0 auto;
    top: 50%;
    transform: translate3d(0,-40%,0);
    -moz-transform: translate3d(0,-40%,0);
    -webkit-transform: translate3d(0,-40%,0);
    position: relative;
}

.magazine-format .featured-image-text h1 {
    /*             background: rgba(0,0,0,0.6); */
    line-height: 1.4;
    font-size: 38px;
    letter-spacing: 1px;
    font-family: 'Roboto Slab',serif;
    text-shadow: 1px 1px 5px #000000;
}

.magazine-format .featured-image-text p {
    font-weight: 300
}

.magazine-format .featured-image-text .featured-excerpt {
    /*             background: rgba(0,0,0,0.6); */
    width: 80%;
    margin-left: 10%;
    font-size: 22px;
    line-height: 1.5;
    margin-top: 50px;
}

.magazine-format .featured-dateline {
    /*             background: rgba(0,0,0,0.6); */
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Roboto Slab',serif;
    letter-spacing: 2px;
    margin-top: 50px;
}

.magazine-format .featured-date {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 30px;
}

.magazine-format .featured-byline {
    font-size: 16px;
    font-style: italic;
    margin-top: 30px;
}

.magazine-format .featured-image-text a,
.magazine-format .featured-image-text a:visited {
    text-decoration: none;
    color: #ffffcc;
}

.magazine-format .featured-image-text a:hover {
    text-decoration: underline
}

.feature-inline-image img {
    width: 90%;
    display: block;
}

.error404 .grid_cell:last-of-type {
    margin: 0
}

.error404 .grid_cell {
    position: relative;
    display: block;
    float: left;
    margin: 0 2% 0 0;
}

.error404 #wrapper {
    min-height: 1px
}

.content-archive {
    padding: 20px 5px !important;
    /*     border-bottom: 1px solid #aaa; */
}

.content-archive .archive-dateline {
    margin-bottom: 0px;
    padding-bottom: 2px;
    border-bottom: 1px solid #000;
}

.content-archive .archive-date {
    color: #fff;
    background: #15005e;
    padding: 5px 10px;
    font-family: 'Roboto Slab',serif;
    text-transform: uppercase;
}

.content-archive .archive-subcat {
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.content-archive .archive-article {
    width: 100%;
    height: 250px;
    position: relative;
}

.content-archive .archive-mustreads {
    width: 100%;
    margin-bottom: 10px;
    background: #f7f7f7;
    padding: 10px 10px 20px 10px;
}

.content-archive .archive-mustreads a,
.content-archive .archive-mustreads a:visited {
    color: #f5000e;
    font-weight: bold;
    text-decoration: none;
}

.content-archive .archive-mustreads a:hover {
    text-decoration: underline
}

.content-archive .archive-title,
.content-archive .archive-mustreads-title {
    font-size: 24px;
    font-weight: bold;
}

.content-archive .archive-author {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 5px;
}

.content-archive .archive-text {
    font-family: 'Roboto Slab',serif;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding: 5px 10px;
    background: rgba(0,0,0,0.5);
}

.content-archive .archive-text a,
.content-archive .archive-text a:visited {
    text-decoration: none;
    color: #fff;
}

.content-archive .archive-text a:hover {
    color: #f5000e
}

.content-archive .archive-excerpt,
.content-archive .archive-mustreads-content {
    font-size: 14px;
    margin-top: 5px;
}

.content-archive .archive-subcat a,
.content-archive .archive-subcat a:visited {
    text-decoration: none;
    color: #f5000e;
}

.content-archive .archive-subcat a:hover {
    text-decoration: underline
}

.content-archive .entry-header {
    margin-bottom: 10px !important
}

.content-archive .entry-title {
    font-family: 'Roboto Slab',serif;
    margin-bottom: 10px;
}

/* Category */

.category_box {
    width: 100%;
    max-width: 650px;
    border: 1px solid #000;
    margin: 10px auto;
}

.category_toggle_row {
    height: 45px;
    font-family: 'Open Sans','Helvetica',sans-serif;
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 1.2;
    width: 100%;
    margin-top: 0px;
    position: relative;
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

.category_toggle {
    /*     max-width: 25%; */
    /*     min-width: 25%; */
    height: 45px;
    cursor: pointer;
    /*    border-right: 1px solid #888888; */
    padding: 7px 15px 5px 15px;
    /*     padding-top: 7px; */
    white-space: nowrap;
    margin: 0px;
    position: absolute;
    top: 0px;
    display: inline-block;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto Slab',serif;
    /*     border-bottom: 1px solid #ccc; */
}

.category_toggle_show {
    /*     background: #ffffff; */
    color: #f5000e;
    cursor: default;
    border-bottom: 3px solid #f5000e;
}

.category_toggle_hide {
    /*     background: #ffffff; */
    color: #000000;
    cursor: pointer;
    /*    border-bottom: 1px solid #888888; */
}

.category_list_content {
    width: 100%;
    overflow-x: hidden;
    font-family: 'Open Sans',sans-serif;
}

.category_list_content-blocks {
    overflow-y: hidden
}

.category_list_content-list {
    overflow-y: hidden;
    /*     overflow-y: scroll; */
}

.category_list {
    background: #ffffff
}

.category_listing {
    text-align: center
}

.category_listing_border {
    max-height: 2px;
    margin: .5em 5em;
    border-bottom: 1px solid #ccc;
}

.category_listing_title {
    font-family: 'Roboto Slab';
    padding: 0px 10px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    /*     margin-bottom: 4px; */
    margin-top: .3em;
    text-shadow: 1px 1px 1px #f0f0f0;
    text-rendering: optimizeLegibility;
}

.category_listing_title a,
.category_listing_title a:visited {
    text-decoration: none
}

.category_listing_title a:hover {
    /*     text-decoration: underline; */
    color: #f5000e;
}

.category_listing_author {
    font-family: 'Roboto Slab';
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: 1px 1px 1px #f0f0f0;
    /*    background: #000000;;
    color: #ffffff;
    padding-left: 10px;*/
}

.category_list-blocks {
    position: relative;
    width: 100%;
    height: 100%;
}

.category-block-text {
    background: rgba(0,0,0,0.5);
    padding: 5px;
    height: 100%;
    width: 100%;
    color: #fff;
}

.category-block-text a,
.category-block-text a:visited {
    text-decoration: none;
    color: #fff;
}

.category-block-text a:hover {
    color: #f5000e
}

.category-block-title {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0px;
}

.category-block-metaline {
    font-family: 'Roboto Slab',sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.meta-categories-block-catbox a,
.meta-categories-block-catbox a:visited {
    color: #fff !important
}

/* Styles for Blog-Format Articles */

.blog-format .entry-meta {
    padding: 10px 0px 6px 0px;
    margin: 0px;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #888;
    color: #000;
}

.blog-format .entry-meta a,
.blog-format .entry-meta a:visited {
    text-decoration: none;
    color: #f5000e;
}

.blog-format .entry-meta a:hover {
    text-decoration: underline
}

.blog-format .entry-byline {
    font-family: 'Roboto Slab',sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px 0px;
}

.blog-format .entry-byline a,
.blog-format .entry-byline a:visited {
    color: #f5000e;
    text-decoration: none;
}

.blog-format .entry-byline a:hover {
    text-decoration: underline
}

.blog-format .entry-title {
    font-family: 'Roboto Slab',sans-serif;
    font-size: 32px;
    border-bottom: 0px !important;
    margin-bottom: 10px;
}

.blog-format .entry-dateline {
    width: 100%;
    position: relative;
    display: inline-block;
    height: 50px;
    margin-bottom: 15px;
}

.blog-format .entry-addthis {
    right: 0px;
    top: 20px;
    position: absolute;
}

.blog-format .entry-date {
    left: 0px;
    top: 0px;
    position: absolute;
    vertical-align: center;
    font-family: 'Roboto Slab',sans-serif;
    text-transform: uppercase;
    margin: 20px 0px 10px 0px;
}

.blog-format .entry-parent-category {
    background: #15005e;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    margin-right: 10px;
}

.blog-format .entry-parent-category a,
.blog-format .entry-parent-category a:visited {
    color: #fff
}

.blog-format .post-content {
    font-size: 16px
}

.category-taxonomy {
    border: 1px solid #15005e;
    padding: 10px;
    margin: 30px 0px 30px 0px;
    font-family: 'Roboto Slab',sans-serif;
    font-size: 16px;
}

.category-taxonomy a,
.category-taxonomy a:visited {
    color: #f5000e;
    text-decoration: none;
}

.category-taxonomy a:hover {
    text-decoration: underline
}

.ct-metahead {
    text-transform: uppercase;
    font-weight: bold;
}

.ct-title {
    background: #15005e;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: -10px -10px 10px -10px;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
}

.ct-tags {
    font-family: 'Roboto Slab',sans-serif;
    margin: 15px 0px 5px 0px;
}

.ct-parent-line {
    margin-top: 5px
}

.ct-parent {
    font-weight: bold
}

.ct-child {

}

.dd-related-posts {
    border: 1px solid #15005e;
    padding: 0px;
    position: relative;
}

.ddrp-boxtitle {
    margin: 0 0 0 0;
    background: #15005e;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 18px;
}

.ddrp-wideboxtitle {
    font-family: 'Roboto Slab',sans-serif
}

.ddrp-post {
    padding: 0 0 10px 0;
    margin: 0px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #888;
    /*     background: #fff; */
}

.ddrp-meta {
    font-family: 'Roboto Slab',sans-serif;
    font-size: 12px;
    padding: 10px 10px 0px 10px;
    text-transform: uppercase;
    z-index: 2;
    color: #666;
}

.ddrp-content {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px;
}


.ddrp-title {
    font-weight: bold;
    font-size: 14px;
    padding: 0px 10px;
    font-family: 'Open Sans',sans-serif;
}

.ddrp-title a,
.ddrp-title a:visited {
    text-decoration: none;
    color: #000;
}

.ddrp-title a:hover {
    text-decoration: underline
}

.ddrp-inline,
.ddrp-inline a,
.ddrp-inline a:visited,
.ddrp-inline a:hover {
    color: #ffffff;
    z-index: 2;
    line-height: 1.4;
}

.ddrp-inline-title {
    position: absolute;
    bottom: 10px;
    z-index: 2;
}

.ddrp-inline-meta {
    position: absolute;
    top: 5px;
    z-index: 2;
}

.ddrp-inline-post {
    position: absolute;
    height: 200px;
    display: block;
    top: auto;
    width: 25%;
    bottom: auto;
    z-index: 2;
    border: 5px solid #fff;
}

.ddrp-inline-post:after {
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    content: "";
}

.ddrp-inline-content {
    z-index: 2
}

.widget-title {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding-left: 10px !important;
}

.content-searchtext {
    color: #f5000e;
    font-weight: bold;
}

.visib_toggle:hover {
    cursor: pointer;
    color: #f5000e;
}

.link-box {
    border: 1px solid #15005e;
    text-align: center;
    padding: 0px;
}

.link-box .source {
    display: block;
    color: #444;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto Slab' , serif;
}

.link-box-content {
    padding: 10px
}

.link-box p {
    margin-bottom: 0px;
    line-height: 1.2;
}

.link-box a,
.link-box a:visited {
    text-decoration: none;
    color: #f5000e;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.link-box a:hover {
    text-decoration: underline
}

.link-box .link-title {
    display: block;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto Slab' , serif;
    font-size: 12px;
    border-bottom: 1px solid #888;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.category_listing {
    padding: 0 0.5em;
    margin: .5em 0;
}

.category_toggle_hide:hover {
    color: #f5000e;
    border-bottom: 3px solid #f5000e;
}

/******************************************************************

 011 GALLERY STYLES

******************************************************************/

.gallery {
    margin: 0 auto 18px; /* for ie8 & below */
    margin: 0 auto 1.8rem;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
}

.gallery-columns-3 .gallery-item {
    width: 33%
}

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

.gallery-columns-4 .gallery-item {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 0;
}

.gallery-columns-5 .gallery-item {
    width: 18%;
    margin-right: 2%;
    margin-bottom: 0;
}

.gallery-columns-6 .gallery-item {
    width: 14.5%;
    margin-right: 2.1%;
    margin-bottom: 0;
}

.gallery-columns-7 .gallery-item {
    width: 12%;
    margin-right: 2.2%;
    margin-bottom: 0;
}

.gallery-columns-8 .gallery-item {
    width: 10%;
    margin-right: 2.5%;
    margin-bottom: 0;
}

.gallery-columns-9 .gallery-item {
    width: 9%;
    margin-right: 2.1%;
    margin-bottom: 0;
}

.gallery .gallery-item a {
    padding: 0;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gallery img {
    box-shadow: 0px 0px 2px #c8c8c8;
    border: 1px solid white;
    padding: 3%;
    background: #f2f2f2;
    max-width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gallery img:hover {
    background: white
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px; /* for ie8 & below */
    font-size: 1.2rem;
    line-height: 17px; /* for ie8 & below */
    line-height: 1.7rem;
    margin: -15px 4px 12px; /* for ie8 & below */
    margin: -1.5rem 0.4rem 1.2rem;
}

.gallery dl,
.gallery dt,
.gallery-icon {
    margin: 0;
    border-bottom: 0;
    padding: 0;
}

/******************************************************************

 012 POST FORMAT STYLES

******************************************************************/

/* Aside, Quote, Status Posts */

.format-aside .entry-header,
.format-quote .entry-header,
.format-status .entry-header {
    display: none
}

.single .format-aside .entry-header,
.single .format-quote .entry-header,
.single .format-status .entry-header {
    display: block
}

.format-aside .entry-content,
.format-status .entry-content {
    padding-top: 0;
    font-style: italic;
    line-height: 26px; /* for ie8 & below */
    line-height: 2.6rem;
    margin: 24px 35px 40px 0; /* for ie8 & below */
    margin: 2.4rem 3.5rem 4.0rem 0;
    padding-left: 30px; /* for ie8 & below */
    padding-left: 3rem;
    padding-top: 0;
    border-left: 3px solid #f3f3f3;
}

.single .format-aside .entry-content,
.single .format-aside .entry-summary {
    padding-top: 0
}

/* Image Posts */

.single .format-image .entry-header {
    display: block
}

.format-image .entry-content,
.format-image .entry-summary {
    padding-top: 0
}

.single .format-image .entry-content,
.single .format-image .entry-summary {
    padding-top: 0
}

/******************************************************************

 013 PAGE NAVI STYLES

******************************************************************/

.pagination {
    clear: both;
    padding: 20px 0 30px 0; /* for ie8 & below */
    padding: 2rem 0 3rem 0;
    position: relative;
    font-size: 11px; /* for ie8 & below */
    font-size: 1.1rem;
    line-height: 13px; /* for ie8 & below */
    line-height: 1.3rem;
    margin: auto;
    text-align: center;
}

.pagination a.page-numbers,
.pagination span.page-numbers.current {
    display: inline-block;
    margin: 2px 2px 2px 0; /* for ie8 & below */
    margin: 0.2rem 0.2rem 0.2rem 0;
    padding: 6px 9px 5px 9px; /* for ie8 & below */
    padding: 0.6rem 0.9rem 0.5rem 0.9rem;
    text-decoration: none;
    width: auto;
    color: #000;
    background-color: #e5e5e5;
}

.pagination a.page-numbers:hover,
.pagination span.page-numbers.current {
    padding: 6px 9px 5px 9px; /* for ie8 & below */
    padding: 0.6rem 0.9rem 0.5rem 0.9rem;
    color: #fff;
    background-color: #2b2b2b;
}

/******************************************************************

 014 PAGE LINK STYLES

******************************************************************/

.page-link {
    clear: both;
    display: block;
    margin: 0 0 26px; /* for ie8 & below */
    margin: 0 0 2.6rem;
}

.page-link a,
.page-link a:visited {
    background-color: #f2f2f2;
    color: #373737;
    margin: 0;
    padding: 2px 5px; /* for ie8 & below */
    padding: 0.2rem 0.5rem;
    text-decoration: none;
}

.page-link a:hover {
    background-color: #222;
    color: #fff;
}

.page-link span {
    margin-right: 6px; /* for ie8 & below */
    margin-right: 0.6rem;
}

.wp-prev-next .prev-link,
.nav-previous,
.previous-image {
    float: left;
    margin: 0;
}

.wp-prev-next .next-link,
.nav-next,
.next-image {
    float: right;
    margin: 0;
}

#image-navigation,
#comment-nav-below,
#comment-nav-above,
#nav-above,
#nav-below {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0; /* for ie8 & below */
    margin: 0 0 3rem 0;
}

#image-navigation {
    margin: 0 0 30px 0; /* for ie8 & below */
    margin: 0 0 3rem 0;
}

#nav-above a,
#nav-below a,
#image-navigation a,
#comment-nav-below a,
#comment-nav-above a {
    display: block;
    width: 45px;
    height: 45px;
    background-color: #222;
    text-indent: -9999px;
    outline: none;
}

.wp-prev-next .prev-link a,
.nav-previous a,
.previous-image a {
    background: url(library/images/nav-arr-prev.png) no-repeat center center transparent
}

.wp-prev-next .next-link a,
.nav-next a,
.next-image a {
    background: url(library/images/nav-arr-next.png) no-repeat center center transparent
}

#nav-above a:hover,
#nav-below a:hover,
#image-navigation a:hover {
    background-color: #dd3333
}

/******************************************************************

 015 SIDEBARS & ASIDES

******************************************************************/

#banner-sidebar > * {
    display: block;
    margin: 0 0 40px 0;
}

#banner-sidebar img {
    max-width: 100%
}

#sidebar {
    float: right;
    margin-top: 40px; /* for ie8 & below */
    margin-top: 4rem;
}

body.blog #sidebar {
    margin-top: 0
}

.widget {
    margin: 0 0 40px 0; /* for ie8 & below */
    margin: 0 0 4rem 0;
    word-wrap: break-word;
}

#sidebar .widget {
    background-color: #ecf0f1
}

#sidebar .widget li,
.widget_nav_menu li,
#meta.widget aside a {
    padding: 10px 22px; /* for ie8 & below */
    padding: 1rem 2.2rem;
    line-height: 24px; /* for ie8 & below */
    line-height: 2.4rem;
    border-top: 1px solid #f6f8f8;
}

#sidebar > .widget ul.sub-menu li,
#sidebar > .widget ul.children li {
    padding-right: 0;
    padding-bottom: 0;
}

#sidebar > .widget > ul.sub-menu > li:first-child,
#sidebar > .widget > ul.children > li:first-child {
    border: 0
}

#sidebar .widget_nav_menu ul li ul li ul.sub-menu,
#sidebar .widget_nav_menu ul li ul li ul.children {
    margin-left: 0
}

#sidebar .widget_nav_menu ul li ul li ul li ul li ul.sub-menu,
#sidebar .widget_nav_menu ul li ul li ul li ul li ul.children {
    padding-left: 0
}

#sidebar .widget_nav_menu ul ul ul ul ul li,
#sidebar .widget_nav_menu ul ul ul ul ul li {
    padding-left: 15px
}

#sidebar .widget_nav_menu ul ul ul ul ul ul ul ul ul li,
#sidebar .widget_nav_menu ul ul ul ul ul ul ul ul ul li {
    padding-left: 0
}

#sidebar .widget a {
    text-decoration: none;
    color: #222;
}

#sidebar .widget a:hover {
    text-decoration: underline
}

#sidebar .widget-title {
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-color: #dd3333;
    font-size: 21px; /* for ie8 & below */
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 22px; /* for ie8 & below */
    padding: 1rem 2.2rem;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

#sidebar .widget-title a {
    color: #fff !important
}

.widget_tag_cloud a {
    padding: 3px; /* for ie8 & below */
    padding: 0.3rem;
}

.widget_tag_cloud a:after {
    content: ","
}

#sidebar .tagcloud {
    padding: 22px; /* for ie8 & below */
    padding: 2.2rem;
}

#wp-calendar {
    text-align: center;
    width: 95%;
    margin: auto;
}

#calendar_wrap {
    padding: 15px 0; /* for ie8 & below */
    padding: 1.5rem;
}

#wp-calendar caption {
    font-size: 18px; /* for ie8 & below */
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 12px; /* for ie8 & below */
    margin-bottom: 1.2rem;
    text-transform: uppercase;
}

.widget_search #s {
    width: 60%
}

#sidebar .textwidget {
    padding: 22px; /* for ie8 & below */
    padding: 2.2rem;
}

html.no-boxshadow #sidebar .widget_search {
    padding: 1px
}

.email-form {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 25px;
}

.email-form-input {
    width: 100%;
    margin: 5px 0px;
    border: 1px solid #15005f;
    height: 25px;
    background: #ffffff;
    padding: 3px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.email-form-submit {
    background-color: #15005f;
    background: url('/wp-content/themes/the-newswire/library/images/form_go.png');
    background-size: 34px 17px;
    background-position: center center;
    padding: 0px;
    position: absolute;
    right: 4px;
    top: 9px;
    border: 0;
    width: 34px;
    height: 17px;
    font-size: 1px;
    color: #15005f;
}



/******************************************************************

 016 IMAGE STYLES

******************************************************************/

.post-content img {
    margin-top: 12px; /* for ie8 & below */
    margin-top: 1.2rem;
}

.left img,
img.left,
.alignleft,
img.alignleft,
img[align=left] {
    margin-right: 24px; /* for ie8 & below */
    margin-right: 2.4rem;
    margin-bottom: 16px; /* for ie8 & below */
    margin-bottom: 1.6rem;
    margin-top: 12px; /* for ie8 & below */
    margin-top: 1.2rem;
    display: inline-block;
    float: left;
}

.right img,
img.right,
.alignright,
img.alignright,
img[align=right] {
    margin-left: 24px; /* for ie8 & below */
    margin-left: 2.4rem;
    margin-bottom: 16px; /* for ie8 & below */
    margin-bottom: 1.6rem;
    margin-top: 12px; /* for ie8 & below */
    margin-top: 1.2rem;
    display: inline-block;
    float: right;
}

.aligncenter,
img.aligncenter,
img[align=center] {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}

/* Notices */

.post .notice {
    background: #eee;
    display: block;
    padding: 16px; /* for ie8 & below */
    padding: 1.6rem;
}

/* Image Attachments */

.entry-attachment {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.imgthumb img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

/* wp caption styles */

.wp-caption {
    margin-bottom: 24px; /* for ie8 & below */
    margin-bottom: 2.4rem;
    text-align: center;
    padding-top: 5px; /* for ie8 & below */
    padding-top: 0.5rem;
    max-width: 100%;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text,
.entry-caption {
    font-size: 12px; /* for ie8 & below */
    font-size: 1.2rem;
    font-style: italic;
    margin: 10px 0 -4px; /* for ie8 & below */
    margin: 1rem 0 -0.4rem;
}

/* misc styles */

.wp-smiley {
    margin: 0 !important;
    max-height: 16px; /* for ie8 & below */
    max-height: 1.6rem;
}

/******************************************************************

 017 FOOTER STYLES

******************************************************************/

footer[role=contentinfo] {
    width: 96%;
    margin: 0 auto;
    max-width: 990px; /* for ie8 & below */
    max-width: 99rem;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    border-top: 3px solid #ecf0f1;
    display: table;
}

.push {
    height: 70px
}

footer[role=contentinfo],
.push {
    clear: both
}

footer[role=contentinfo] div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#footer-section {
    display: block;
    margin: 20px;
    margin-left: 0px;
    padding: 0px;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px; /* for ie8 & below */
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#footer-section a {
    text-decoration: none
}

#footer-section a:hover {
    text-decoration: underline
}

.footer-logo {
    min-width: 150px;
    max-width: 205px;
    float: left;
    margin: 0px 20px 0px 0px;
    vertical-align: top;
}

.footer-logo img {
    width: 100%
}

.footer-menu {
    display: block;
    text-align: left;
}

.footer-copyright {
    display: inline-block
}

.attribution {
    float: none;
    text-align: center;
}

#site-generator {
    text-align: center;
    font-family: "Open Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px; /* for ie8 & below */
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: table-cell;
    vertical-align: middle;
}

#site-generator a {
    text-decoration: none
}

#site-generator a:hover {
    text-decoration: underline
}

#site-generator .sep {
    padding: 0 10px; /* for ie8 & below */
    padding: 0 1rem;
}

/* Text meant only for screen readers */

.screen-reader-text,
.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.colortxt {
    color: #dd3333
}

#banner-header script,
#banner-sidebar script {
    display: none
}

/******************************************************************

 018 jQuery SLIDER STYLES

******************************************************************/

#load-cycle {
    background: url(library/images/loading.gif) no-repeat center center;
    width: 100%;
    height: auto;
    min-height: 100px;
}

#slide-wrap {
    border-top: 0;
}

.cycle-slideshow {
    position: relative;
    height: 600px;
    width: 100%;
    display: none;
    overflow: hidden;
}

.slides {
    height: 550px;
    width: 100%;
    overflow: hidden;
}

.slides .slide-thumb {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    white-space: nowrap;
}

.slides .slide-content {
    width: 100%;
    height: 600px;
}

.slides .slide-text {
    position: absolute;
    max-width: 80%;
    bottom: 0px;
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
    padding: 20px;
}

.slides .slide-headline {
    width: 100%;
    padding-bottom: 30px;
    font-weight: bold;
    letter-spacing: -1px;
}

.slides .slide-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 102%;
    height: auto;
    min-height: 500px;
}

html.no-borderradius .slides .slide-thumb img {
    left: 0;
    top: 0;
}

.slides .slide-noimg {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    background-color: #f0f0f0;
    font-family: "Varela", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 21px;
    font-weight: 400;
}

.slides .slide-noimg .slide-noimg-copy {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 10%;
}

.slide-title {
    font-family: "Varela", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 48px; /* for ie8 & below */
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 35px; /* for ie8 & below */
    margin-bottom: 3.5rem;
    -webkit-text-stroke: 0.025rem #222;
}

.slide-title a,
.slide-title a:visited {
    color: #222;
    text-decoration: none;
}

#sliderprev,
#slidernext {
    text-align: center;
    position: absolute;
    top: 34%;
    display: none;
    text-decoration: none;
    background-color: #2b2b2b;
    font-size: 20px;
    width: 67px;
    height: 67px;
    line-height: 67px;
    z-index: 100;
}

#sliderprev {
    left: 0px
}

#slidernext {
    right: 0px
}

.cycle-paused:after {
    content: 'Paused';
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px; /* for ie8 & below */
    font-size: 0.75rem;
    text-transform: uppercase;
    color: white;
    background: black;
    padding: 5px 15px;
    z-index: 500;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .5;
    filter: alpha(opacity=50);
}

/* pager */

.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    bottom: 10px;
    overflow: hidden;
}

.cycle-pager span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50px;
    line-height: .6;
    width: 18px;
    height: 22px;
    display: inline-block;
    color: #f7f7f7;
    cursor: pointer;
    text-shadow: -1px -1px #bcbcbc;
    overflow: hidden;
}

.cycle-pager span.cycle-pager-active {
    color: #efefef
}

.cycle-pager > * {
    cursor: pointer
}

.no-slide-image {
    position: absolute;
    width: 100%;
    top: 40%;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
}

/* New Must-Reads Section */

.mustreads-item {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding: 8px;
    background: rgba(0,0,0,0.4);
}

.mustreads-headline {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffffff;
}

.mustreads-content {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    color: #ffffff;
    text-shadow: none;
}

.mustreads-content a,
.mustreads-content a:visited {
    color: #f5000e;
    text-decoration: none;
}

.mustreads-content a:hover {
    text-decoration: underline
}

/* Must-Reads Slides */

.slides-mustreads-prev {
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 120px;
    min-height: 100px;
    min-width: 30px;
    background: url('/wp-content/themes/the-newswire/library/images/arrow_back.png') no-repeat;
}

.slides-mustreads-prev:hover {
    background: url('/wp-content/themes/the-newswire/library/images/arrow_back_active.png') no-repeat
}

.slides-mustreads-next {
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 120px;
    min-height: 100px;
    min-width: 30px;
    background: url('/wp-content/themes/the-newswire/library/images/arrow_forward.png') no-repeat;
}

.slides-mustreads-next:hover {
    background: url('/wp-content/themes/the-newswire/library/images/arrow_forward_active.png') no-repeat
}

.mustreads-section {
    margin-top: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    background: rgba(0,0,0,0.4);
}

.mustreads-box {
    height: 215px
}

.slides-mustreads {
    height: 200px;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.slides-mustreads h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffffff;
}

.slides-mustreads p {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    color: #ffffff;
    text-shadow: none;
}

.slides-mustreads a,
.slides-mustreads a:visited {
    color: #f5000e;
    text-decoration: none;
}

.slides mustreads a:hover {
    text-decoration: underline
}

/******************************************************************

 019 GRID BOX STYLES

******************************************************************/

#grid-wrap {
    position: relative;
    width: 104%;
    margin-top: 2.5%;
    margin-left: -2.5%;
    margin-right: -3.5%;
    margin-bottom: 20px;
}

html.no-csstransforms #grid-wrap {
    margin-top: 40px
}

#grid-wrap.menu-full {
    position: relative;
    width: 104%;
    margin-left: -1.5%;
    margin-right: -1.5%;
}

.grid-box {
    position: relative;
    display: inline-block;
    float: left;
    width: 44.67%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2.5%;
}

html.no-csstransforms .grid-box {
    margin: 0 18px 40px
}

#grid-wrap.menu-full .grid-box {
    width: 21.75%
}

.grid-box article {
    padding: 0 10px 0 0; /* for ie8 & below */
    padding: 0 1rem 0 0;
    margin: 0;
    border: 0 !important;
}
.grid-box .entry-header {
    margin-bottom: 20px; /* for ie8 & below */
    margin-bottom: 2rem;
}

.grid-box .entry-title,
body.page .grid-box .entry-title {
    text-transform: uppercase;
    font-size: 21px; /* for ie8 & below */
    font-size: 2.1rem;
    line-height: 26px; /* for ie8 & below */
    line-height: 2.6rem;
    letter-spacing: 1px; /* for ie8 & below */
    letter-spacing: 0.1rem;
    -webkit-text-stroke: 0.012rem #000;
}

.grid-box .post_content {
    margin-bottom: 20px; /* for ie8 & below */
    margin-bottom: 2rem;
}

.grid-box .entry-content {
    margin-bottom: 20px; /* for ie8 & below */
    margin-bottom: 2rem;
}

.grid-box .format-aside .entry-content,
.grid-box .format-status .entry-content {
    font-style: italic;
    margin: 0 0 24px;
}

.grid-box .format-video video,
.grid-box .format-video object,
.grid-box .format-video embed,
.grid-box .format-video iframe {
    max-height: 185px
}

.grid-box .vid-wrapper video {
    min-width: 100%
}

.grid-box .post-content blockquote {
    font-style: italic;
    line-height: 26px; /* for ie8 & below */
    line-height: 2.6rem;
    margin: 10px 0 5px 35px; /* for ie8 & below */
    margin: 1rem 0 0.5rem 3.5rem;
}

.grid-box .post-content blockquote:before {
    font-size: 50px; /* for ie8 & below */
    font-size: 5.0rem;
    text-indent: -35px; /* for ie8 & below */
    text-indent: -3.5rem;
    margin-top: 12px; /* for ie8 & below */
    margin-top: 1.2rem;
    float: left;
    opacity: 0.2;
}

.grid-box article[id*=post-] footer.entry-meta {
    margin: 0;
    overflow: hidden;
}

.grid-box .format-aside footer.entry-meta {
    text-align: left
}

.grid-box .imgthumb {
    margin: 0 0 20px 0;
    overflow: hidden;
    height: 100%;
}

.grid-box .imgthumb img {
    width: auto
}

.grid-box-noimg {
    background-color: #eee;
    position: relative;
    text-align: center;
    height: 185px;
    outline: none;
    margin: 0 0 15px 0;
}

.grid-box-noimg p {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

html.no-borderradius .grid-box-noimg p {
    left: 0;
    top: 45%;
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.grid_system {
    display: block;
    position: relative;
}

.grid_row {
    display: inline-block;
    position: relative;
    height: 320px;
    width: 100%;
}

.grid_cell {
    height: 300px;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    display: block;
    position: absolute;
}

.grid_excerpt {
    font-size: 12px;
    font-weight: 300;
}

.grid_connect_box {
    border: 1px solid #000000;
    background: #ffffff;
    padding: 15px;
}

.grid_connect_box .grid_connect_icons {
    text-align: center;
    margin: 10px 0px 0px 0px;
}

.grid_connect_icons img {
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    display: inline;
}

.grid_connect_box h2 {
    background: #15005f;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    padding: 2px 10px;
    text-align: left;
    margin: -15px -15px 15px -15px;
}

.grid_connect_box p {
    font-size: 12px;
    color: #15005f;
}

.grid_connect_box a,
.grid_connect_box a:visited {
    color: #f5000e;
    text-decoration: none;
}

.grid_connect_box a:hover {
    text-decoration: underline
}

.grid_connect_box a {
    color: #f5000e
}

.grid_connect_box hr {
    margin: 10px 15px;
    background: #888888;
    border: 0;
    height: 1px;
}

.grid_connect_box h3 {
    font-size: 16px;
    color: #15005f;
    margin: 5px 0px;
}

.grid_share {
    min-height: 595px;
    background: #ffffff;
    z-index:1000;
}

.grid_date {
    left: 0px;
    top: 0px;
    padding: 5px 15px;
    color: #fff;
    z-index: 1000;
    position: absolute;
    font-family: 'Roboto Slab',serif;
    font-size: 12px;
    text-transform: uppercase;
}

.grid_1col_2wide {
    width: 100%;
    height: 450px;
}

.grid_1col_2wide .grid_title {
    font-size: 24px;
    font-weight: 600;
}

.grid_1col_2wide .grid_excerpt {
    font-size: 18px;
    font-weight: 300;
}

.grid_3col_1wide {
    min-width: 32%;
    max-width: 32%;
}

.grid_3col_2wide {
    min-width: 66%;
    max-width: 66%;
}

.grid_4col_1wide {
    min-width: 23.5%;
    max-width: 23.5%;
}

.grid_4col_2wide {
    min-width: 49%;
    max-width: 49%;
}

.grid_5col_1wide {
    min-width: 18.4%;
    max-width: 18.4%;
}

.grid_5col_2wide {
    min-width: 38.8%;
    max-width: 38.8%;
}

.grid_textbox {
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
}

.grid_date a,
.grid_title a {
    color: #ffffff;
    text-decoration: none;
}

.grid_date a:visited,
.grid_title a:visited {
    color: #ffffff
}

.grid_date a:hover,
.grid_title a:hover {
    color: #f5000e
}

.grid_text {
    bottom: 0px;
    padding: 10px;
    position: absolute;
}

.grid_author {
    font-family: 'Roboto Slab';
    text-transform: uppercase;
    font-size: 12px;
}

.grid_mustreads {
    padding: 10px 15px;
    background: url('/wp-content/themes/the-newswire/library/images/magazines.jpg') no-repeat center center;
    color: #ffffff;
}

.grid_mustreads h2 {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 0px 3px #000000;
    color: #ffffff;
}

.grid_mustreads p {
    text-shadow: 0px 0px 3px #000000;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
}

.mustread_item {
    display: inline-block
}

/******************************************************************
 020 MEDIA QUERIES & DEVICE STYLES
******************************************************************/

@media only screen and (max-width: 240px) { 
    #search-box #s {
        min-width: 150px;
        /* for ie8 & below */
        min-width: 15rem;
        max-width: 150px;
        /* for ie8 & below */
        max-width: 15rem;
    }

    .post-content #s,
    .widget #s {
        max-width: 58%;
        min-width: 58%;
    }

    #main #searchform {
        padding: 10px
    }

    #site-title {
        font-size: 24px;
        /* for ie8 & below */
        font-size: 2.4rem;
        line-height: 30px;
        /* for ie8 & below */
        line-height: 3rem;
    }

    .heading-latest {
        font-size: 16px;
        /* for ie8 & below */
        font-size: 1.6rem;
    }

    .cycle-slideshow {
        height: 250px
    }

    .slides {
        height: 200px
    }

    .slides .slide-thumb {
        height: 150px
    }

    .slides .slide-thumb img {
        min-height: 150px;
        max-width: 320px;
    }

    .slides .slide-noimg {
        height: 140px
    }

    .slides .slide-noimg p {
        font-size: 46%
    }

    .grid-box .format-video video,
    .grid-box .format-video object,
    .grid-box .format-video embed,
    .grid-box .format-video iframe {
        min-height: 140px
    }

    .gallery img {
        max-width: 78%
    }

    .gallery .gallery-caption {
        font-size: 9px;
        /* for ie8 & below */
        font-size: 0.9rem;
    }

    .slides .slide-noimg {
        font-size: 10px
    }
}

@media only screen and (max-width: 320px) { 
    #search-box #s {
        min-width: 220px;
        min-width: 22rem;
        max-width: 220px;
        max-width: 22rem;
    }

    .post-content #s,
    .widget #s {
        min-width: 65%
    }

    #main #searchform {
        padding: 24px
    }

    #search-box input[type="submit"] {
        display: none
    }

    #newswire-banner {
        margin-bottom: 0
    }

    #site-title {
        font-size: 28px;
        /* for ie8 & below */
        font-size: 2.8rem;
        line-height: 34px;
        /* for ie8 & below */
        line-height: 3.4rem;
    }

    .slide-title {
        font-size: 21px;
        /* for ie8 & below */
        font-size: 2.1rem;
        margin-bottom: 20px;
        /* for ie8 & below */
        margin-bottom: 2rem;
    }

    .heading-latest {
        font-size: 19px;
        /* for ie8 & below */
        font-size: 1.9rem;
    }

    .cycle-slideshow {
        height: 280px
    }

    .slides {
        height: 230px
    }

    .slides .slide-thumb {
        height: 180px
    }

    .slides .slide-thumb img {
        min-height: 180px;
        max-width: 420px;
    }

    .slides .slide-noimg {
        height: 180px
    }

    .slides .slide-noimg p {
        font-size: 60%
    }

    .grid-box .entry-title,
    body.page .grid-box .entry-title {
        font-size: 16px;
        /* for ie8 & below */
        font-size: 1.6rem;
        line-height: 1.2;
    }

    .grid-box .format-video video,
    .grid-box .format-video object,
    .grid-box .format-video embed,
    .grid-box .format-video iframe {
        min-height: 175px
    }

    .commentlist .vcard img.avatar {
        display: none
    }

    .commentlist .vcard,
    .commentlist .vcard time,
    .comment-meta,
    .commentlist li.comment .comment-content {
        margin-left: 0
    }

    #respond input[type=text],
    #respond #author,
    #respond #email,
    #respond #url,
    #respond #comment {
        width: 100%
    }

    .gallery img {
        max-width: 82%
    }

    .gallery .gallery-caption {
        font-size: 10px;
        /* for ie8 & below */
        font-size: 1rem;
    }

    .slides .slide-noimg {
        font-size: 12px
    }

    .slides .slide-noimg .slide-noimg-copy {
        padding: 0 6%
    }
}

@media only screen and (max-width: 480px) { 
    #search-box #s {
        min-width: 280px;
        min-width: 28rem;
    }

    #newswire-banner {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #newswire-banner img {
        max-width: 100%
    }

    .slide-title {
        font-size: 34px;
        font-size: 3.4rem;
        margin-bottom: 28px;
        margin-bottom: 2.8rem;
    }

    .heading-latest {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .cycle-slideshow {
        height: 370px
    }

    .slides {
        height: 320px
    }

    .slides .slide-thumb {
        height: 270px
    }

    .slides .slide-thumb img {
        min-height: 270px;
        max-width: 640px;
    }

    .slides .slide-noimg {
        height: 270px
    }

    .slides .slide-noimg p {
        font-size: 90%
    }

    .grid-box {
        width: 99%;
        position: relative !important;
        top: auto !important;
    }

    .colorbar {
        margin: 0 0 1em 0
    }

    .grid-box .format-video video,
    .grid-box .format-video object,
    .grid-box .format-video embed,
    .grid-box .format-video iframe {
        min-height: 260px
    }

    .gallery img {
        max-width: 85%
    }

    .gallery .gallery-caption {
        font-size: 11px;
        /* for ie8 & below */
        font-size: 1.1rem;
    }

    .slides .slide-noimg {
        font-size: 13px
    }

    .topmenu-tagline {
        font-size: 10px;
        margin-top: -13px;
        min-width: 10px;
        line-height: 1.2;
        max-width: 150px;
        margin-bottom: 10px;
    }

    .alignright,
    .alignleft,
    .aligncenter {
        width: 100% !important;
        clear: both;
        text-align: center;
    }

    .blog-format .entry-dateline {
        min-height: 100px
    }

    .blog-format .entry-addthis {
        position: relative;
        display: inline-block;
        min-height: 60px;
    }

    .blog-format .entry-date {
        position: relative;
        display: block;
    }

    .blog-format .entry-title {
        position: relative;
        display: block;
    }

    .link-box {
        display: block;
        width: 100%;
        clear: both;
        margin: -10px 0px 10px 0px;
    }
    .error404 .grid_cell {
        margin: 0 0 10px 0
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .archive-article {
        background-size: cover !important
    }

    .content-archive .archive-dateline {
        border: none
    }

    #inner-header,
    .grid_excerpt,
    .page-title select {
        display: none
    }

    .page-title,
    .content-archive .archive-title,
    .content-archive .archive-mustreads-title {
        line-height: 1.2;
        font-size: 21px;
    }

    .feature-image-text h1 {
        line-height: 1.4;
        font-size: 26px;
    }

    .single .feature-image-text h1 {
        font-size: 21px
    }

    .feature-image-text {
        position: relative;
        width: auto;
        left: 0;
        right: 0;
    }

    .post-content {
        width: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        font-size: 16px !important;
    }

    .post-content blockquote {
        margin: 1em 0;
        width: auto;
        left: auto;
        padding-left: 2em;
        font-size: 18px;
    }

    .commentlist li.comment article[id*=comment-] blockquote:before,
    .post-content blockquote:before {
        font-size: 60px;
        text-indent: -40px;
    }

    .grid_1col_2wide .grid_title {
        font-size: 18px;
        line-height: 1.4;
    }

    .feature-image-text .feature-excerpt {
        font-size: 15px
    }

    .feature-image {
        max-height: 400px
    }

    .content-archive .archive-date,
    .content-archive .archive-subcat {
        display: block;
        margin: 0 0 5px 0;
    }

    .entry-meta {
        font-size: 10px;
        line-height: 1.2;
    }

    .top-nav-mobile #top-menu-icon {
        top: -4.75em
    }

    .magazine-format .featured-image-text h1 {
        font-size: 26px;
        line-height: 1.2;
    }

    .magazine-format .featured-image-text .featured-excerpt,
    .magazine-format .featured-dateline {
        margin-top: 20px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .magazine-format .featured-image-text {
        transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -webkit-transform: translate3d(0,-50%,0);
    }
    
    .top-nav-mobile #top-menu-icon {
        top: -4.75em
    }

    .grid_cell:not(.no-overlay):after {
        background: rgba(0,0,0,0.4);
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        max-width: 100%;
        position: absolute;
        z-index: 1;
        content: "";
    }

    .grid_textbox {
        background: none
    }

    .category_list_content {
        display: inline-block
    }

    .category_toggle_row {
        font-size: 0.75em
    }

    .category-block {
        width: 100% !important;
        display: inline-block;
        left: 0px !important;
        top: 0px !important;
        position: relative;
        height: 100px;
    }

    #row_4_col3 {
        border: none !important
    }
}

@media only screen and (min-width: 481px) {
	.link-box {
        min-width: 140px;
        max-width: 40%;
    }

    .link-box .alignleft {
        float: left;
        margin: 10px 15px 10px 0px;
    }

    .link-box .alignright {
        float: right;
        margin: 10px 0px 10px 15px;
    }

    .category_list_content {
        height: 253px
    }

    .category-block {
        width: 48%;
        height: 48%;
        position: absolute;
    }

    .grid_text,
    .grid_date {
        background-color: rgba(0,0,0,0.5)
    }

    .grid_title {
        padding-top: 10px
    }
}

@media only screen and (max-width: 600px) { 
    .post-content #s,
    .widget #s {
        min-width: 75%
    }
}

@media only screen and (max-width: 640px) { 
    #search-box #s {
        min-width: 350px;
        /* for ie8 & below */
        min-width: 35rem;
    }

    .slide-title {
        font-size: 40px;
        /* for ie8 & below */
        font-size: 4rem;
    }

    .heading-latest {
        font-size: 32px;
        /* for ie8 & below */
        font-size: 3.2rem;
    }

    .cycle-slideshow {
        height: 450px
    }

    .slides {
        height: 400px
    }

    .slides .slide-thumb {
        height: 350px
    }

    .slides .slide-thumb img {
        min-height: 350px
    }

    .slides .slide-noimg {
        height: 350px
    }

    #top-nav .cur-date {
        display: block;
        margin-bottom: 5px;
    }

    .top-nav-mobile {
        position: relative
    }

    div.menu-top ul li {
        list-style-type: none;
        float: none;
    }

    div.top-nav-mobile > ul {
        background: #fcfcfc;
        position: absolute;
        z-index: 9999;
        width: 250px;
        /* for ie8 & below */
        width: 25rem;
        word-wrap: break-word;
        display: none;
        overflow: visible;
        top: 20px;
    }

    div.top-nav-mobile > ul > li {
        position: relative
    }

    .menu-top > ul li {
        border-bottom: 1px solid #f0f0f0;
        min-width: 100%;
    }

    .menu-top ul li ul.sub-menu li,
    .menu-top ul li ul.children li {

    }

    .menu-top ul li ul.sub-menu li,
    .menu-top ul li ul.children li {
        text-indent: 20px
    }

    .menu-top ul li ul.sub-menu li ul li,
    .menu-top ul li ul.children li ul li {
        text-indent: 40px
    }

    .menu-top ul li ul.sub-menu li ul li ul li,
    .menu-top ul li ul.children li ul li ul li {
        text-indent: 60px
    }

    .top-nav-mobile ul li a {
        display: block;
        min-height: 38px;
        /* for ie8 & below */
        min-height: 3.8rem;
        color: #555 !important;
        background: none;
        border-radius: 0;
        padding: 10px 20px 7px 20px;
        /* for ie8 & below */
        padding: 1rem 2rem 0.7rem 2rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset;
        line-height: 1.8;
    }

    .top-nav-mobile ul li ul li a {

    }

    .top-nav-mobile ul li:first-child > a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset
    }

    .top-nav-mobile ul li.current-menu-item a,
    .top-nav-mobile ul li.current_page_item a {
        background: #f5f5f5
    }

    .top-nav-mobile ul li a:hover,
    .top-nav-mobile ul li.current-menu-item a:hover,
    .top-nav-mobile ul li.current_page_item a:hover {
        background: #f2f2f2
    }

    div.menu-top ul li ul.sub-menu,
    div.menu-top ul li ul.children,
    div.menu-top ul li ul.sub-menu li ul,
    div.menu-top ul li ul.children li ul {
        display: block;
        position: relative;
        z-index: 9999;
        width: 250px;
        /* for ie8 & below */
        width: 25rem;
        right: auto;
        top: auto;
        margin-top: 0;
    }

    div.menu-top ul li a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset
    }

    div.menu-top ul li ul li:first-child > a,
    div.menu-top ul li ul li ul li:first-child > a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset
    }

    div.menu-top ul li ul.sub-menu li,
    div.menu-top ul li ul.children li {
        border: 0;
        border-top: 1px solid #f0f0f0;
        text-indent: 20px;
    }

    div.menu-top ul li ul.sub-menu li ul li,
    div.menu-top ul li ul.children li ul li {
        text-indent: 40px
    }

    div.menu-top ul li ul.sub-menu li ul li ul li,
    div.menu-top ul li ul.children li ul li ul li {
        text-indent: 60px
    }

    .gallery img {
        max-width: 98%
    }

    .slides .slide-noimg {
        font-size: 17px
    }

    .top-nav-mobile {
        width: 100%
    }

    #top-nav .menu-top {
        margin: 0
    }

    div.top-nav-mobile ul {
        width: 100% !important
    }

    div.top-nav-mobile > ul {
        top: 0
    }

    .menu-top > ul li {
        border-top: 1px solid #f0f0f0
    }

    #social-media {
        padding-top: 0;
        margin: -15px 0 -10px 0;
    }
}

@media only screen and (min-width:640px) {
	.magazine-format .featured-image {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 654px) { 
    div.menu-top > ul {
        display: block !important;
        overflow: hidden;
    }
}

@media only screen and (max-width: 768px) { 
    .slides .slide-noimg {
        font-size: 19px
    }
}

@media only screen and (min-width: 824px) { 
    nav[role=navigation] div.menu > ul,
    div.menu > ul {
        display: block !important
    }
}

@media only screen and (max-width: 824px) {
    #top-head {
        padding-bottom: 0
    }

    #inner-header {
        padding-bottom: 20px;
        /* for ie8 & below */
        padding-bottom: 2rem;
        min-height: 0;
        display: none;
    }

    #site-title {
        margin-right: 0;
        padding-bottom: 10px;
    }

    #site-description {
        margin-right: 0
    }

    #top-nav {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    #site-heading,
    #social-media {
        width: 100%;
        display: block;
        text-align: center;
    }

    #newswire-banner {
        position: relative;
        margin: 0 auto 24px auto;
    }

    header[role=banner] #searchform {
        top: 6px;
        /* for ie8 & below */
        top: 0.6rem;
        right: 10px;
        /* for ie8 & below */
        right: 1rem;
    }

    header[role=banner] #s {
        background: url(library/images/icon-search.png) no-repeat 5px 4px #fff;
        padding: 4px 5px 4px 26px;
        /* for ie8 & below */
        padding: 0.4rem 0.5rem 0.4rem 2.6rem;
        border-radius: 7px;
        /* for ie8 & below */
        border-radius: 0.7rem;
        border: 1px solid #fff;
        box-shadow: 3px 3px 5px #777 inset;
        min-width: 150px;
        /* for ie8 & below */
        min-width: 15rem;
    }

    #access,
    .menu.nav-mobile {
        position: relative
    }

    .menu.nav-mobile ul li {
        list-style-type: none;
        float: none;
    }

    nav[role=navigation] div.menu > ul {
        background: #fcfcfc;
        position: absolute;
        z-index: 9999;
        width: 250px;
        /* for ie8 & below */
        width: 25rem;
        word-wrap: break-word;
        display: none;
        overflow: visible;
        top: 42px;
        /* for ie8 & below */
        top: 4.2rem;
    }

    nav[role=navigation] div.menu > ul > li {
        position: relative
    }

    nav[role=navigation] .menu.nav-mobile #menu-icon {
        display: inline-block
    }

    .top-nav-mobile #top-menu-icon {
        display: block
    }

    nav[role=navigation] .menu.nav-mobile ul li,
    nav[role=navigation] .menu.nav-mobile ul.sub-menu li,
    nav[role=navigation] .menu.nav-mobile ul.children li {
        border-bottom: 1px solid #f0f0f0;
        min-width: 100%;
    }

    nav[role=navigation] .menu.nav-mobile ul li a {
        display: block;
        min-height: 38px;
        /* for ie8 & below */
        min-height: 3.8rem;
        color: #555 !important;
        background: none;
        border-radius: 0;
        padding: 7px 20px;
        /* for ie8 & below */
        padding: 0.7rem 2rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    nav[role=navigation] .menu.nav-mobile ul li a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset
    }

    nav[role=navigation] .menu.nav-mobile ul li ul li:first-child > a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset
    }

    nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a,
    nav[role=navigation] .menu.nav-mobile ul li.current_page_item a {
        background: #f5f5f5
    }

    nav[role=navigation] .menu.nav-mobile ul li a:hover,
    nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a:hover,
    nav[role=navigation] .menu.nav-mobile ul li.current_page_item a:hover {
        background: #f2f2f2
    }

    nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu,
    nav[role=navigation] .menu.nav-mobile ul li ul.children,
    nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul,
    nav[role=navigation] .menu.nav-mobile ul li ul.children li ul {
        display: block;
        position: relative;
        z-index: 9999;
        right: auto;
        top: auto;
        margin-top: 0;
        width: 250px;
        /* for ie8 & below */
        width: 25rem;
    }

    nav[role=navigation] .menu.nav-mobile ul li ul li a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset
    }

    nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li,
    nav[role=navigation] .menu.nav-mobile ul li ul.children li {
        border: 0;
        border-top: 1px solid #f0f0f0;
        text-indent: 20px;
    }

    nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul li,
    nav[role=navigation] .menu.nav-mobile ul li ul.children li ul li {
        text-indent: 40px
    }

    nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul li ul li,
    nav[role=navigation] .menu.nav-mobile ul li ul.children li ul li ul li {
        text-indent: 60px
    }

    #main.col620 {
        width: 100%;
        display: block;
    }

    #sidebar.col300 {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        margin: 0;
    }

    .widget {
        margin: 35px 0;
        /* for ie8 & below */
        margin: 3.5rem 0;
    }

    .cycle-slideshow {
        height: 500px
    }

    .slides {
        height: 450px
    }

    .slides .slide-thumb {
        height: 400px
    }

    .slides .slide-thumb img {
        min-height: 400px
    }

    .slides .slide-noimg {
        height: 400px
    }

    article[id*=post-]:not(.magazine-format) {
        padding-top: 5px
    }

    .blog-format .entry-parent-category {
        display: block;
        margin: 0 10px 10px 0;
    }

    body.page .entry-title,
    body.single .entry-title,
    .not-found .entry-title {
        padding-bottom: 0;
        font-size: 28px;
        line-height: 1.2;
    }

    body.page .entry-header,
    body.single .entry-header,
    .not-found .entry-header {
        margin-bottom: 0
    }

    .not-found .entry-header {
        margin-bottom: 10px
    }
    
	.magazine-format .post-content {
		width: 100%;
		margin-left: 0px;
	}    

    .magazine-format .featured-dateline {
        font-size: 13px;
        line-height: 1.4;
    }

    .magazine-format .featured-image-text {
        width: 90%
    }

    .magazine-format .featured-image-text h1 {
        font-size: 32px
    }

    .magazine-format .featured-image-text .featured-excerpt,
    .magazine-format .featured-dateline {
        margin-top: 20px
    }

    #respond input[type=text],
    #respond #author,
    #respond #email,
    #respond #url,
    .post-content form input[type=text],
    .post-content form input[type=email],
    .post-content form input[type=password],
    .post-content form input[type=url],
    #respond #comment,
    .post-content form textarea {
        width: 100%
    }

    .magazine-format .featured-image {
        margin: 0 -16px 20px;
        width: 109%;
    }

    #content .ddrp-inline-post {
        position: relative;
        width: 100%;
        left: auto !important;
    }

    #content .dd-related-posts {
        height: auto !important;
        margin: 0;
    }

    .simplePullQuote.pq-center,
    .simplePullQuote.pq-left,
    .simplePullQuote.pq-right {
        width: 100%;
        margin: 30px 0;
        float: none;
        line-height: 1.5;
        font-size: 22px;
    	color: #f5000e;
		padding: 20px 6px;
		border-top: 3px solid #888;
		border-bottom: 3px solid #888;
    }

    .left img,
    img.left,
    .alignleft,
    img.alignleft,
    img[align=left],
    .magazine-format .post-content .alignleft,
    .magazine-format .post-content .alignright {
        float: none;
        margin: 1em auto;
        display: block;
        left: auto;
        right: auto;
        max-width: 100% !important;
    }

    .magazine-format .post-content .aligncenter {
        margin-left: auto
    }

    .magazine-format .post-content .aligncenter img,
    .magazine-format .post-content .aligncenter p.wp-caption-text,
    .magazine-format .post-content .alignright .wp-caption-text {
        max-width: 100%;
        min-width: 10%;
    }

    .magazine-format .post-content .alignleft .wp-caption-text,
    .magazine-format .post-content .alignright .wp-caption-text {
        float: none;
        position: relative;
        clear: both;
        left: auto;
        right: auto;
        width: 100%;
        border: none;
        text-align: center;
        padding: 0;
    }

    .top-nav-mobile #top-menu-icon {
        position: absolute;
        top: -3.75em;
        right: 1em;
    }

    .grid_mustreads {
        height: auto
    }

    .grid_cell {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        float: none !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 20px;
        position: relative;
    }

    .grid_row {
        height: auto !important
    }

    .grid_textbox {
        padding: 1em;
        width: 100%;
    }

    .grid_textbox.grid_text {
        padding-top: 0
    }

    .grid_textbox.grid_date {
        padding-left: 1.5em
    }

    .grid_text {
        height: auto;
        position: absolute;
        bottom: 0px;
        z-index: 2;
    }

    #site-logo {
        display: inline-block
    }

    .menu-top.top-nav-mobile {
        position: relative;
        z-index: 3;
    }

    #respond,
    .post-content form {
        padding: 1.5em
    }

    span.cat-meta-color {
        background: none;
        padding: 10px 0 2em 0;
    }

    span.cat-meta-color a {
        color: #000 !important
    }

    .grid_mustreads {
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        float: none !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 20px;
        position: relative;
    }
}

@media (min-width:825px) { 
    .grid_text {
        max-width: 95%;
        left: 2%;
        bottom: 2%;
    }

    .grid_text,
    .grid_date {
        background: none
    }

    .grid_1col_2wide .grid_text {
        background-color: rgba(0,0,0,0.5);
        max-width: 600px;
    }

    .grid_1col_2wide .grid_date {
        background-color: rgba(0,0,0,0.5)
    }

    .grid_5col_1wide:not(.no-overlay):after,
    .grid_4col_2wide:not(.no-overlay):after,
    .grid_3col_1wide:not(.no-overlay):after,
    .grid_3col_2wide:not(.no-overlay):after,
    .grid_4col_1wide:not(.no-overlay):after {
        background: rgba(0,0,0,.4);
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        max-width: 100%;
        position: absolute;
        z-index: 1;
        content: "";
    }

    .grid_5col_1wide .grid_text,
    .grid_4col_2wide .grid_text,
    .grid_4col_1wide .grid_text,
    .grid_3col_2wide .grid_text,
    .grid_3col_1wide .grid_text {
        z-index: 2
    }

    .grid_4col_1wide .grid_text,
    .grid_4col_2wide .grid_text {
        max-width: 95%;
        left: 2%;
        bottom: 2%;
    }
}

@media (max-width:890px) { 
    #top-nav .menu-top {
        margin-right: -10px
    }
}


@media (min-width:825px) and (max-width:957px) { 
    .grid_connect_icons img {
        margin: 0 6px
    }

    .mustreads-headline {
        line-height: 1.2;
        font-size: 14px;
    }

    .mustreads-content {
        line-height: 1.3
    }

    div[data-twttr-id*='twttr'],
    div[data-twttr-id*='twttr'] + div,
    div[data-twttr-id*='twttr'] + div aside
        div[data-twttr-id*='twttr'] + div img {
        max-width: 100% !important
    }
}



@media (max-width:930px) { 
    #top-nav .menu-top {
        margin-right: 0
    }
}

@media only screen and (max-width:957px) {
	 .category_toggle {
        font-size: 10px
    }
}

@media only screen and (max-width: 960px) { 
    .cycle-slideshow {
        height: 550px
    }

    .slides {
        height: 500px
    }

    .slides .slide-thumb {
        height: 450px
    }

    .slides .slide-thumb img {
        min-height: 450px
    }

    .slides .slide-noimg {
        height: 450px
    }
}

/******************************************************************

 021 PRINT STYLES

******************************************************************/

@media print { 
    * {
        background: transparent !important;
        color: #222 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        color: #222 !important;
        text-decoration: underline;
    }

    a:after {
        content: " (" attr(href) ")"
    }

    abbr:after {
        content: " (" attr(title) ")"
    }

    .ir a:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }
}