/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
@import url(https://fonts.googleapis.com/css?family=Lusitana:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
/* Foundation grid */
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
color: #d42d2d;
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}
html {
font-size: 100%;
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
body {
padding: 0;
margin: 0;
font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #0a0a0a;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0
}
select {
width: 100%;
border-radius: 0
}
#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
max-width: none!important
}
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 0;
line-height: 1
}
.is-visible {
display: block!important
}
.is-hidden {
display: none!important
}
.row {
margin-left: auto;
margin-right: auto;
max-width: 74em;
}
.row:after,
.row:before {
content: ' ';
display: table;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.row:after {
clear: both
}
.row .row {
margin-left: -.9375rem;
margin-right: -.9375rem
}
.column,
.columns {
padding-left: .9375rem;
padding-right: .9375rem;
float: left;
}
/* I've never known what this is for !
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
float: right
}
*/
.column.end:last-child:last-child,
.end.columns:last-child:last-child {
float: left
}
.column.row.row,
.row.row.columns {
float: none
}
.row .column.row.row,
.row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.large-1 {
width: 8.33333%
}
.large-2 {
width: 16.66667%
}
.large-3 {
width: 25%
}
.large-4 {
width: 33.33333%
}
.large-5 {
width: 41.66667%
}
.large-6 {
width: 50%
}
.large-7 {
width: 58.33333%
}
.large-8 {
width: 66.66667%
}
.large-9 {
width: 75%
}
.large-10 {
width: 83.33333%
}
.large-11 {
width: 91.66667%
}
.large-12 {
width: 100%
}
@media (max-width: 728px) {
.large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 {
width: 100%;
float: none;
}
.small-1 {
width: 8.33333%;
float: left;
}
.small-2 {
width: 16.66667%;
float: left;
}
.small-3 {
width: 25%;
float: left;
}
.small-4 {
width: 33.33333%;
float: left;
}
.small-5 {
width: 41.66667%;
float: left;
}
.small-6 {
width: 50%;
float: left;
}
.small-7 {
width: 58.33333%;
float: left;
}
.small-8 {
width: 66.66667%;
float: left;
}
.small-9 {
width: 75%;
float: left;
}
.small-10 {
width: 83.33333%;
float: left;
}
.small-11 {
width: 91.66667%;
float: left;
}
.small-12 {
width: 100%;
}
}
@media (min-width: 1440px) {
.row {
max-width: 80em;
}
}
/*
@media (min-width: 1280px) and (max-width: 1440px) {
.row {
max-width: 60rem;
}
}*/
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
margin: 0;
padding: 0
}
p {
font-size: inherit;
line-height: 1.6;
margin-bottom: 1rem;
text-rendering: optimizeLegibility
}
em,
i {
font-style: italic
}
b,
em,
i,
strong {
line-height: inherit
}
b,
strong {
font-weight: 700
}
small {
font-size: 80%;
line-height: inherit
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Merriweather, Georgia, "Times New Roman", serif;
font-weight: 400;
font-style: normal;
color: inherit;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: .5rem;
line-height: 1.3;
}
h1 {
font-size: 2.1rem
}
h2 {
font-size: 1.5rem
}
h3 {
font-size: 1.1875rem
}
h4 {
font-size: 1.125rem
}
h5 {
font-size: 1.0625rem
}
h6 {
font-size: 1rem
}
@media screen and (min-width:40em) {
h1 {
font-size: 3rem
}
h2 {
font-size: 2.5rem
}
h3 {
font-size: 1.9375rem
}
h4 {
font-size: 1.5625rem
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
}
a {
color: #d42d2d;
text-decoration: none;
line-height: inherit;
cursor: pointer
}
a:focus,
a:hover {
color: #1585cf
}
a img {
border: 0
}
hr {
max-width: 75rem;
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
margin: 1.25rem auto;
clear: both
}
dl,
ol,
ul {
line-height: 1.6;
margin-bottom: 1rem;
list-style-position: outside
}
li {
font-size: inherit
}
ul {
list-style-type: disc
}
ol,
ul {
margin-left: 1.25rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-left: 1.25rem;
margin-bottom: 0
}
dl {
margin-bottom: 1rem
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
blockquote {
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca
}
blockquote,
blockquote p {
line-height: 1.6;
color: #8a8a8a
}
cite {
display: block;
font-size: .8125rem;
color: #8a8a8a
}
cite:before {
content: '\2014 \0020'
}
abbr {
color: #0a0a0a;
cursor: help;
border-bottom: 1px dotted #0a0a0a
}
code {
font-weight: 400;
border: 1px solid #cacaca;
padding: .125rem .3125rem .0625rem
}
code,
kbd {
font-family: Consolas, Liberation Mono, Courier, monospace;
color: #0a0a0a;
background-color: #e6e6e6
}
kbd {
padding: .125rem .25rem 0;
margin: 0
}
.show-for-print {
display: none!important
}
.banner-top{text-align:center;margin-bottom: 1.5em;}
.banner-top img {width:60%;}
@media print {
* {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
.show-for-print {
display: block!important
}
.hide-for-print {
display: none!important
}
table.show-for-print {
display: table!important
}
thead.show-for-print {
display: table-header-group!important
}
tbody.show-for-print {
display: table-row-group!important
}
tr.show-for-print {
display: table-row!important
}
td.show-for-print,
th.show-for-print {
display: table-cell!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
.ir a:after,
a[href^='#']:after,
a[href^='javascript:']:after {
content: ''
}
abbr[title]:after {
content: " (" attr(title) ")"
}
blockquote,
pre {
border: 1px solid #8a8a8a;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
padding: .5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
border-radius: 0;
transition: box-shadow .5s, border-color .25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none
}
[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
border: 1px solid #8a8a8a;
background-color: #fefefe;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow .5s, border-color .25s ease-in-out
}
textarea {
max-width: 100%
}
textarea[rows] {
height: auto
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #cacaca
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #cacaca
}
input::placeholder,
textarea::placeholder {
color: #cacaca
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: default
}
[type=button],
[type=submit] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none
}
input[type=search] {
box-sizing: border-box
}
[type=checkbox],
[type=file],
[type=radio] {
margin: 0 0 1rem
}
[type=checkbox]+label,
[type=radio]+label {
display: inline-block;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline
}
label>[type=checkbox],
label>[type=radio] {
margin-right: .5rem
}
[type=file] {
width: 100%
}
label {
display: block;
margin: 0;
font-size: .875rem;
font-weight: 400;
line-height: 1.8;
color: #0a0a0a
}
label.middle {
margin: 0 0 1rem;
padding: .5625rem 0
}
.help-text {
margin-top: -.5rem;
font-size: .8125rem;
font-style: italic;
color: #0a0a0a
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem
}
.input-group>:first-child,
.input-group>:last-child>* {
border-radius: 0 0 0 0
}
.input-group-button,
.input-group-field,
.input-group-label {
margin: 0;
display: table-cell;
vertical-align: middle
}
.input-group-label {
text-align: center;
padding: 0 1rem;
background: #e6e6e6;
color: #0a0a0a;
border: 1px solid #cacaca;
white-space: nowrap;
width: 1%;
height: 100%
}
.input-group-label:first-child {
border-right: 0
}
.input-group-label:last-child {
border-left: 0
}
.input-group-field {
border-radius: 0;
height: 2.5rem
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
height: 100%;
width: 1%
}
.input-group-button a,
.input-group-button button,
.input-group-button input {
margin: 0
}
.input-group .input-group-button {
display: table-cell
}
fieldset {
border: 0;
padding: 0;
margin: 0
}
legend {
margin-bottom: .5rem;
max-width: 100%
}
.fieldset {
border: 1px solid #cacaca;
padding: 1.25rem;
margin: 1.125rem 0
}
.fieldset legend {
background: #fefefe;
padding: 0 .1875rem;
margin: 0;
margin-left: -.1875rem
}
select {
height: 2.4375rem;
padding: .5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-size: 1rem;
font-family: inherit;
line-height: normal;
color: #0a0a0a;
background-color: #fefefe;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-size: 9px 6px;
background-position: 100%;
background-origin: content-box;
background-repeat: no-repeat
}
@media screen and (min-width:0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
}
}
select:disabled {
background-color: #e6e6e6;
cursor: default
}
select::-ms-expand {
display: none
}
select[multiple] {
height: auto
}
.is-invalid-input:not(:focus) {
background-color: rgba(236, 88, 64, .1);
border-color: #ec5840
}
.form-error,
.is-invalid-label {
color: #ec5840
}
.form-error {
display: none;
margin-top: -.5rem;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: 700
}
.form-error.is-visible {
display: block
}
.flex-video {
position: relative;
height: 0;
padding-bottom: 75%;
margin-bottom: 1rem;
overflow: hidden
}
.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.flex-video.widescreen {
padding-bottom: 56.25%
}
.flex-video.vimeo {
padding-top: 0
}
table {
width: 100%;
margin-bottom: 1rem;
border-radius: 0
}
table tbody,
table tfoot,
table thead {
border: 1px solid #f1f1f1;
background-color: #fefefe
}
table caption {
font-weight: 700;
padding: .5rem .625rem .625rem
}
table tfoot,
table thead {
background: #f8f8f8;
color: #0a0a0a
}
table tfoot tr,
table thead tr {
background: transparent
}
table tfoot td,
table tfoot th,
table thead td,
table thead th {
padding: .5rem .625rem .625rem;
font-weight: 700;
text-align: left
}
table tbody tr:nth-child(even) {
background-color: #f1f1f1
}
table tbody td,
table tbody th {
padding: .5rem .625rem .625rem
}
@media screen and (max-width:63.9375em) {
table.stack tfoot,
table.stack thead {
display: none
}
table.stack td,
table.stack th,
table.stack tr {
display: block
}
table.stack td {
border-top: 0
}
}
table.scroll {
display: block;
width: 100%;
overflow-x: auto
}
table.hover tr:hover {
background-color: #f9f9f9
}
table.hover tr:nth-of-type(even):hover {
background-color: #ececec
}
.table-scroll {
overflow-x: auto
}
.table-scroll table {
width: auto
}
.tabs {
margin: 0;
list-style-type: none;
background: #fefefe;
border: 1px solid #e6e6e6
}
.tabs:after,
.tabs:before {
content: ' ';
display: table;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.tabs:after {
clear: both
}
.tabs.vertical>li {
width: auto;
float: none;
display: block
}
.tabs.simple>li>a {
padding: 0
}
.tabs.simple>li>a:hover {
background: transparent
}
.tabs.primary {
background: #2199e8
}
.tabs.primary>li>a {
color: #fefefe
}
.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
background: #1893e4
}
.tabs-title {
float: left
}
.tabs-title>a {
display: block;
padding: 1.25rem 1.5rem;
line-height: 1;
font-size: .75rem
}
.tabs-title>a:hover {
background: #fefefe
}
.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
background: #e6e6e6
}
.tabs-content {
background: #fefefe;
transition: all .5s ease;
border: 1px solid #e6e6e6;
border-top: 0
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0
}
.tabs-panel {
display: none;
padding: 1rem
}
.tabs-panel.is-active {
display: block
}
.hide {
display: none!important
}
.clearfix:after,
.clearfix:before,
.sidebar-articles li:after,
.sidebar-articles li:before {
content: ' ';
display: table;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.clearfix:after,
.sidebar-articles li:after {
clear: both
}
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Genericons
*/
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-family: Merriweather, Georgia, serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #000;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #000;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}
.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #000;
text-decoration: underline;
}
a:hover,
a:focus,
a:active {
color: #686868;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}
/**
* 6.2 - Menus
*/
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
/*
.pagination {
border-top: 4px solid #1a1a1a;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}*/
/*
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.7368421053em 0 -0.7368421053em;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #1a1a1a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #007acc;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
*/
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
font-family: "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
border-top: 4px solid #1a1a1a;
margin-bottom: 3.5em;
padding-top: 1.75em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title {
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget-title a {
color: #1a1a1a;
}
/* Calendar widget */
.widget.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 1.75em;
}
.widget_calendar tbody a {
background-color: #007acc;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
/* Recent Posts widget */
.widget_recent_entries .post-date {
color: #686868;
display: block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_recent_entries li:last-child .post-date {
margin-bottom: 0;
}
/* RSS widget */
.widget_rss .rsswidget img {
margin-top: -0.375em;
}
.widget_rss .rss-date,
.widget_rss cite {
color: #686868;
display: block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
font-style: normal;
line-height: 1.615384615;
margin-bottom: 0.538461538em;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 2.1538461538em;
}
.widget_rss li:last-child :last-child {
margin-bottom: 0;
}
/**
* 11.2 - Posts and pages
*/
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-avatar .avatar {
float: left;
height: 42px;
margin: 0 1.75em 1.75em 0;
width: 42px;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.author-bio {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
overflow: hidden;
}
.author-link {
white-space: nowrap;
}
.entry-footer {
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:first-child):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.sticky .posted-on,
.byline {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-header {
border-top: 4px solid #1a1a1a;
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
}
.content-bottom-widgets .widget-area {
margin-bottom: 3.5em;
}
@media (max-width: 900px) {
.post-thumbnail {
text-align: center;
border-top: solid 1px #ebebeb;
padding: 2em 0;
border-bottom: solid 1px #ebebeb;
clear: both;
margin-bottom: 1em;
}
.post-thumbnail img {
margin: 0 auto;
}
}
@media (min-width: 900px) {
.article-content {
padding-right: 3em;
}
}
@media (min-width: 1440px) {
.entry-content p {
font-size: 1.2em;
}
}
/**
* 11.4 - Comments
*/
.comments-area {
/*margin: 0 7.6923% 3.5em;*/
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 5em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: Lora, Montserrat, "Helvetica Neue", sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
font-family: Merriweather, Georgia, serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
/*.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}*/
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area,
.widget,
.content-bottom-widgets .widget-area {
margin-bottom: 5.25em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 56.875em) {
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 3.230769231em;
padding-top: 1.615384615em;
}
.widget .widget-title {
margin-bottom: 1.3125em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
.widget {
margin-bottom: 4.307692308em;
}
.site-main > article {
margin-bottom: 7.0em;
}
.post-thumbnail {
margin-bottom: 2.625em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.comment-content a,
.pingback .comment-body > a {
box-shadow: none;
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.site-footer,
.widecolumn {
padding: 0;
}
}
/* Buttons / CTAs / CTA Links / Toggle buttons */
.cta-button {
display: inline-block;
}
.cta-button a, .toggle {
display: inline-block;
font: 1.1em/1 Lora, Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
background: white;
padding: 0.5em 0.5em 0.6em 0.5em;
color: black;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
cursor: pointer;
}
.cta-button a:hover, .toggle:hover {
color: #c9000b;
}
.cta-button a:before:hover, .toggle:before:hover {
color: #c9000b;
}
.article-sidebar .cta-button a {
display: inline-block;
background: black;
color: white;
padding: 0.5em 3em 0.5em 0.5em;
position: relative;
}
.article-sidebar .cta-button a:after {
content: "\f105";
font: 1em fontawesome;
color: white;
position: absolute;
right: 0.5em;
top: 50%;
margin-top: -0.5em;
}
/* Doubleclick banners ads */
.mobile-banner {
display: none;
}
.mpu {
text-align: center;
position: relative;
background: #f7f7f7;
}
.header-leaderboard {
padding: 1.5em;
text-align: center;
background: #f7f7f7;
border-bottom: 1px solid #777;
-webkit-box-shadow: inset -14px 62px 5px -59px rgba(0,0,0,0.15);
-moz-box-shadow: inset -14px 62px 5px -59px rgba(0,0,0,0.15);
box-shadow: inset -14px 62px 5px -59px rgba(0,0,0,0.15);
}
.header-leaderboard div, .header-leaderboard iframe, .header-leaderboard ins, .mpu > div, .mpu > iframe, .mpu > ins {
display: inline-block;
position: relative;
z-index: 999;
padding: 0;
margin: 0;
}
.primary-content {
padding-top: 2em;
}
/* Banner loading animation */
.banner-loading {
position: absolute !important;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px !important;
z-index: 9;
}
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 100px auto;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #939a9a;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
.article-mpu {
float: left;
border-top: solid 1px #ebebeb;
margin: 0em 2em 2em 0;
padding: 2em 0 0 0;
width: 300px;
position: relative;
text-align: center;
clear: left;
}
.article-mpu:before {
content: 'Advertisement';
text-transform: uppercase;
color: #888;
font-size: 10px;
display: inline-block;
background: white;
padding: 0.5em;
position: absolute;
top: -1.4em;
left: 50%;
margin-left: -5.5em;
width: 11em;
}
.between-article-leaderboard {
border-top: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
padding: 2em 0 0 0;
margin-bottom: 3em;
text-align: center;
}
@media (max-width: 813px) {
.desktop-banner {
display: block !important;
}
.header-leaderboard.desktop-banner div {
width: 100% !important;
}
.close_iframe {
right: -6px !important;
top: 39px !important;
z-index: 99999 !important;
}
.mobile-banner {
display: none;
}
.article-mpu {
width: 100%;
float: none;
margin-right: 0;
}
}
@media (max-width: 1024px) {
.header-leaderboard {
display: none;
}
}
/* Site header */
.site-header {
background: white;
z-index: 9;
position: relative;
}
.pages-nav ul {
list-style: none;
font: 0.8em Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
margin: 0 0 3em 0;
padding: 0.5em 0;
text-align: right;
}
.pages-nav li {
display: inline-block;
padding: 0 1em 0 0;
margin: 0 0.7em 0 0;
position: relative;
}
.pages-nav li a {
color: #777;
}
.pages-nav li:after {
content: '|';
color: #777;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5em;
}
.pages-nav li:last-child {
padding: 0;
margin: 0;
}
.pages-nav li:last-child:after {
content: '';
}
.site-logo {
max-width: 26em;
text-align: center;
margin-bottom: 2em;
position: relative;
overflow: hidden;
cursor: pointer;
}
.site-logo:after {
content: '';
position: absolute;
top: -4em;
bottom: -2em;
left: -8em;
display: block;
width: 5em;
height: 15em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.4+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
transform: rotate(215deg);
-moz-transform: rotate(215deg);
-webkit-transform: rotate(215deg);
transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.site-logo:hover:after {
left: 130%;
}
.site-logo h1, .site-logo p {
margin: 0;
text-align: center;
}
.site-sidebar-toggle, .search-box p {
border: none;
padding-left: 2em;
margin: 1.6em 2em 0 0;
display: inline-block;
position: relative;
color: black;
float: left;
cursor: pointer;
text-transform: uppercase;
}
.search-box p {
margin-right: 0;
}
.site-sidebar-toggle {
/* display: none; */
}
.home .site-sidebar-toggle {
display: block;
}
.site-sidebar-toggle:before, .search-box p:before {
content: "\f0c9";
font: 1em fontawesome;
position: absolute;
left: 0;
top: 40%;
margin-top: -0.4em;
}
.site-sidebar-toggle:hover {
border: none;
}
.search-box {
display: inline-block;
}
.search-box p:before {
content: "\f002";
}
.search-box form {
z-index: -9;
position: absolute;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
background: white;
padding: 3%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
.search-box form h2 {
margin: 0 0 1em 0;
font: 0.9em Lora, Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.search-box .search-field, .email-newsletter-box .email-address {
position: relative;
display: inline-block;
padding-right: 2em;
font-size: 1em;
}
.search-box .search-field input, .email-newsletter-box .email-address input {
border: none;
background: #ebebeb;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0;
padding: 0 0.5em;
height: 3.4em;
width: 100%;
}
.search-box .search-field:after, .email-newsletter-box .email-address:after {
content: '';
position: absolute;
right: 0.4em;
top: 0.05em;
border-bottom: solid 3.4em #ebebeb;
border-right: solid 1.7em transparent;
}
.search-box .search-submit, .email-newsletter-box .submit-button {
background: #d42d2d;
position: relative;
border-radius: 0;
height: 3.3em;
}
.search-box .search-submit, .email-newsletter-box .submit-button {
display: inline-block;
width: 4em;
overflow: visible;
top: 0.1em;
}
.search-submit:before, .email-newsletter-box .submit-button:before {
content: "\f002";
font: 1.4em fontawesome;
}
.email-newsletter-box .submit-button:before {
content: "\f138";
}
.search-box .search-submit:after, .email-newsletter-box .submit-button:after {
content: '';
position: absolute;
left: -1.5em;
top: 0em;
border-top: solid 3.3em #d42d2d;
border-left: solid 1.6em transparent;
}
.email-newsletter-open .email-newsletter-box form, .search-box-open .search-box form {
z-index: 99;
visibility: visible;
opacity: 1;
}
.close-toggle {
position: relative;
font: 1.2em Lora, Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
padding-right: 2em;
display: block;
width: 5em;
margin: 1em auto;
cursor: pointer;
}
.close-toggle:after {
content: "\f057";
font: 1em fontawesome;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.5em;
}
.email-newsletter-close-toggle {
display: none;
}
.email-newsletter-banner {
width: 14em;
text-align: right;
margin-top: 1.2em;
display: inline-block;
margin-right: 1em;
}
.email-newsletter-banner span.text {
display: block;
float: left;
width: 80%;
}
.email-newsletter-banner span.text strong {
display: block;
}
.email-newsletter-banner span.phone {
display: block;
float: right;
height: 60px;
width: 13%;
overflow: hidden;
}
.email-newsletter-banner span img {
width: 100%;
}
.site-nav {
border-top: 1px solid rgb(153, 153, 153);
background-color: #222;
}
.site-nav ul {
text-align: center;
list-style: none;
margin: 0;
padding: 0em;
}
.site-nav ul li {
display: inline-block;
margin: 0 -5px 0 0;
text-transform: uppercase;
font-family: Montserrat;
}
.site-nav ul li a {
text-decoration: none;
padding: 0.75em 1em;
display: block;
position: relative;
font-size: 0.9em;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border-right: solid 1px #3C3C3C;
color: #ebebeb;
}
.site-nav ul li a:hover {
color: #666;
}
.site-nav ul li:last-child a {
border: none;
}
.site-nav ul li a:hover {
}
.site-nav ul li:nth-child(1) a, .site-nav ul li:nth-child(2) a {
color: #fff;
padding-left: 2.5em;
position: relative;
top: -3px;
bottom: -3px;
border-top: solid 3px #e70022;
box-shadow: -0.2em 0em 0.5em 0 rgba(0,0,0,0.7);
border-right: solid 1px #111;
}
.site-nav ul li:nth-child(2) a {
border-top: solid 3px #00a9e7;
}
.site-nav ul li:nth-child(1) a:hover, .site-nav ul li:nth-child(2) a:hover {
border-right: solid 1px #000;
background: #000;
}
.site-nav ul li:nth-child(1) a:before {
content: '';
width: 15px;
height: 12px;
background: url('img/news_icon.png') no-repeat;
background-size: 100%;
display: block;
position: absolute;
left: 0.7em;
top: 1.2em;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.site-nav ul li:nth-child(2) a:before {
content: "\f086";
font: 1em fontawesome;
color: #ccc;
position: absolute;
left: 0.8em;
top: 1.1em;
}
.site-nav ul li:nth-child(1) {
border-left: solid 1px rgba(0,0,0,0.3);
}
.site-nav ul li:nth-child(1) a {
border-left: solid 1px rgba(255,255,255,0.1);
}
/* Main Content */
.main-content {
}
.main-content > div.row {
position: relative;
}
/* Menu Menu . Left sidebar . Site Sidebar */
.site-sidebar {
padding-left: 0;
padding-right: 0;
visibility: hidden;
position: fixed;
background: #E2e2e2;
top: 0;
bottom: 0;
z-index: -99;
opacity: 0;
left: -24em;
width: 24em;
transition: opacity 0.1s ease-in-out, left 0.3s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out, left 0.3s ease-in-out;
-webkit-transition: opacity 0.1s ease-in-out, left 0.3s ease-in-out;
}
.scrolling-content {
position: relative;
overflow: scroll;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #f2f2f2;
}
.site-sidebar .site-nav {
display: none;
}
/*
.site-sidebar-open .site-sidebar {
left: 0;
visibility: visible;
z-index: 99;
opacity: 1;
}
*/
/*
.site-sidebar-open .site-sidebar-toggle {
left: 20em;
margin-left: -0.2em;
z-index: 999;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: fixed;
width: 3em;
height: 2.6em;
text-indent: -5000px;
padding: 0;
background: #d42d2d;
}
.site-sidebar-open .site-sidebar-toggle:before {
content: "\f0a9";
text-indent: 0;
width: 100%;
text-align: center;
color: white;
}
.site-sidebar-open .site-sidebar-toggle:after {
content: '';
position: absolute;
right: 0;
bottom: -1em;
border-top: solid 1em #ccc;
border-right: solid 1em transparent;
}*/
.site-header, main, .header-leaderboard {
transition: margin 0.3s ease-in-out;
-moz-transition: margin 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out;
}
/*.main-menu {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-top: 12em;
}
.main-menu h3 {
width: 7em;
margin: 0 auto;
color: #666;
}
.main-menu h3 img {
opacity: 0.1;
}
.main-menu h3 span {
text-transform: uppercase;
letter-spacing: 0.055em;
display: block;
text-align: center;
}
.main-menu ul, .hot ul {
list-style: none;
margin: 2em 0 0 0;
text-align: center;
padding: 0;
border-top: solid 1px rgba(0,0,0,0.01);
}
.main-menu ul li a, .hot ul li a {
display: block;
padding: 1em 2em;
font: 1.2em/1 Lora, Montserrat, "Helvetica Neue", hevetica, arial, sans-serif;
letter-spacing: 0.05em;
color: #333;
background: #DADADA;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
position: relative;
}
.main-menu ul li a:after, .hot ul li a:after {
content: '';
position: absolute;
bottom: 0;
left: 40%;
right: 40%;
display: block;
height: 1px;
background: #ccc;
}
.main-menu ul li a:hover, .hot ul li a:hover {
background: rgba(0,0,0,0.2);
}*/
.article-menu {
}
.article-menu h3 {
font-family: Montserrat;
font-weight: lighter;
text-transform: uppercase;
margin-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
font-size: 24px;
}
.article-menu ul li {
list-style: none;
margin-top: 10px;
}
.article-menu ul li a {
background-color: rgb(212, 45, 45);
color: rgb(255, 255, 255);
text-decoration: none;
text-transform: uppercase;
font-family: Montserrat;
padding: 5px 7px 3px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out;
}
.article-menu ul li a:hover {
background-color: #222;
}
.sidebar-banners ul {
list-style: none;
margin: 0 0 3em 0;
padding: 0;
}
.sidebar-banners ul li {
padding: 0;
max-width: 16em;
margin: 2em auto;
border: solid 0.5em;
}
.sidebar-banners ul li a {
display: block;
text-decoration: none;
padding: 1em;
background: #d42d2d;
color: white;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.sidebar-banners ul li a:hover {
}
.sidebar-banners .overlay-podcast a {
background: url('img/Press-Gazette-Podcast.png') no-repeat;
background-size: 100%;
text-indent: -5000px;
overflow: hidden;
padding-top: 47%;
}
.sidebar-banners .overlay-bja a {
background: black url('img/British-Journalism-Awards.png') no-repeat center center;
background-size: 90%;
text-indent: -5000px;
overflow: hidden;
padding-top: 38%;
height: 155px;
}
.sidebar-banners .overlay-subscribe a {
background: black url('img/Subscribe.png') no-repeat center center;
background-size: 90%;
text-indent: -5000px;
overflow: hidden;
padding-top: 38%;
height: 155px;
}
.hot {
padding: 2em 0;
border-top: solid 1px #ccc;
}
.site-sidebar .pages-nav {
display: none;
}
.sidebar-jobs {
padding: 1em 2em;
}
.left-sidebar-jobs li {
clear: both;
}
.left-sidebar-jobs li img {
width: 25%;
}
.left-sidebar-jobs li span {
width: 70%;
float: right;
}
/* Primary content */
.primary-content-column {
background: white;
width: 100%;
float: right;
transition: width 0.3s ease-in-out;
-moz-transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
@media (max-width: 400px) {
.site-logo-column {
padding-left: 0;
}
.search-box-column {
padding-right: 0;
}
}
@media (max-width: 440px) {
.article-left .scrolling-content {
padding: 1em;
}
}
@media (max-width: 659px) {
.hot h4, .home .sidebar-item h3 {
color: white !important;
}
.left-sidebar-jobs li a {
color: white !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.site-logo {
margin-bottom: 0.5em;
}
}
@media (min-width: 660px) and (max-width: 959px) {
.banner-top img {width:100%;}
.hot h4, .home .sidebar-item h3 {
color: white !important;
}
.left-sidebar-jobs li {
width: 33%;
float: left;
clear: none !important;
}
.left-sidebar-jobs li a {
color: white !important;
}
.left-sidebar-jobs li a img {
display: block;
margin: 0 1em 0.5em 0;
}
}
@media (min-width: 960px) and (max-width: 1440px) {
.hot h4, .home .sidebar-item h3 {
color: white !important;
}
.left-sidebar-jobs li {
width: 30%;
margin: 0 1%;
float: left;
clear: none !important;
}
.left-sidebar-jobs li a {
color: white !important;
}
.left-sidebar-jobs li a img {
display: block;
margin: 0 1em 0.5em 0;
}
}
@media (max-width: 1024px) {
.site-header {
padding: 1em 0;
}
.site-nav {
display: none;
}
.site-sidebar-toggle {
padding-left: 3em;
}
.search-box form {
z-index: -9;
position: absolute;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
background: white;
padding: 2em;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
/*
.email-newsletter-box p:after, .search-box p:after {
content: "\f003";
font: 1.4em/1.6em fontawesome;
position: absolute;
left: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
color: #000;
text-indent: 0;
}
.search-box p:after {
content: "\f002";
}*/
.search-box p {
float: right;
height: 2.95em;
}
.search-box-close-toggle {
display: block;
}
}
@media (max-width: 580px) {
.site-nav ul {
display: none;
}
}
@media (min-width: 580px) and (max-width: 899px) {
.site-nav ul li:nth-child(5), .site-nav ul li:nth-child(6), .site-nav ul li:nth-child(7), .site-nav ul li:nth-child(8) {
display: none;
}
}
@media (min-width: 900px) and (max-width: 1024px) {
.site-nav ul li:nth-child(7), .site-nav ul li:nth-child(8) {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1260px) {
.search-box .search-field {
width: 55%;
}
.home-page-content {
padding: 0 1em;
}
.site-nav ul li:nth-child(7), .site-nav ul li:nth-child(8) {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1140px) {
.site-nav ul li:nth-child(7) {
display: none;
}
}
@media (min-width: 1280px) {
.search-box form {
font-size: 1.3em;
}
.search-box .search-submit {
height: 4.4em;
top: -0.3em;
}
.search-box .search-submit:after {
content: '';
position: absolute;
left: -2.2em;
top: 0em;
border-top: solid 4.45em #d42d2d;
border-left: solid 2.3em transparent;
}
}
@media (min-width: 441px) and (max-width: 1439px) {
.scrolling-content {
padding: 3em;
}
}
@media (max-width: 1440px) {
.site-sidebar-toggle {
display: block;
}
/*
.site-sidebar-open .article-left {
display: block;
opacity: 1;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.95);
width: auto;
visibility: visible;
z-index: 99999;
}
*/
.scrolling-content {
background: none;
}
.article-menu h3 {
color: white;
}
}
@media (min-width: 1024px) and (max-width: 1239px) {
.single .primary-content {
padding-left: 2em;
}
}
@media (min-width: 1240px) and (max-width: 1780px) {
.single .primary-content {
padding-left: 1em;
padding-right: 1em;
}
}
/*
.home.site-sidebar-open .article-left {
display: block;
opacity: 1;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.95);
width: auto;
visibility: visible;
z-index: 99999;
}
*/
.home .scrolling-content {
background: none;
position: absolute;
}
.home .article-menu h3 {
color: white;
}
/* Right Sidebar / Article Sidebar */
.article-sidebar-toggle {
display: none;
}
.article-sidebar {
}
.sidebar-item, .related-posts {
border-top: solid 5px black;
margin: 0 0 4em 0;
padding: 1em 0;
z-index: 99;
}
.sidebar-item h3, .related-posts h3, .hot h4, .comment-form-comment label, .timeline h3 {
font: bold 1.2em Montserrat, "Helvetica Neue", helvetica, Arial;
text-transform: uppercase;
text-align: center;
margin: 0 0 2em 0;
letter-spacing: 0.1em;
color: black;
display: block;
}
.mpu {
text-align: center;
}
.mpu iframe, .mpu div, .mpu ins {
display: block;
margin: 0 auto;
}
.sidebar-articles ul, .sidebar-articles ol {
list-style: none;
padding: 1px 0 0 0;
margin: 0;
}
.sidebar-articles li {
clear: both;
padding: 0.7em 0 1em 0;
border-top: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
margin-top: -1px;
position: relative;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.sidebar-articles li a {
display: block;
color: black;
text-decoration: none;
font-weight: bold;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
.sidebar-articles li img {
width: 35%;
float: left;
display: block;
margin-right: 1em;
margin-top: 0.3em;
border: solid 1px #DCDCDC;
}
.sidebar-articles li a + a {
display: block;
float: right;
width: 59%;
}
.sidebar-articles li a:hover {
color: #d42d2d;
}
.sidebar-articles li:hover {
border-top: solid 1px #d42d2d;
border-bottom: solid 1px #d42d2d;
z-index: 99;
}
.sidebar-articles ol li {
position: relative;
}
.sidebar-articles ol li:before {
content: '1';
font: 1.6em Merriweather, Georgia, serif;
color: white;
position: absolute;
left: -0.25em;
top: 0.5em;
background: #d42d2d;
width: 1.2em;
text-align: center;
}
/*.sidebar-articles ol li:nth-of-type(2) {
border-right: solid 10px #b7bdbd;
}*/
.sidebar-articles ol li:nth-of-type(2):before {
content: '2';
}
/*.sidebar-articles ol li:nth-of-type(3) {
border-right: solid 10px #cbd0d0;
}*/
.sidebar-articles ol li:nth-of-type(3):before {
content: '3';
}
/*.sidebar-articles ol li:nth-of-type(4) {
border-right: solid 10px #dfe3e3;
}*/
.sidebar-articles ol li:nth-of-type(4):before {
content: '4';
}
/*.sidebar-articles ol li:nth-of-type(5) {
border-right: solid 10px #f0f3f3;
}*/
.sidebar-articles ol li:nth-of-type(5):before {
content: '5';
}
.sidebar-item.editors-pick {
margin-top: 2em;
}
.close-sidebar {
position: absolute;
right: 1.5em;
top: 1em;
font: 1.4em montserrat, helvetica, arial, sans-sreif;
text-transform: uppercase;
color: white;
padding-right: 1em;
cursor: pointer;
}
.close-sidebar:after {
content: "\f00d";
font: 1em fontawesome;
color: white;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.45em;
}
/* Single Post */
/* Entry Header */
.entry-header {
margin: 0 auto 3em auto;
}
.article-date, .post-categories {
display: inline-block;
list-style: none;
margin: 0 2em 1em 0;
transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-webkit-transition: opacity 3s ease-in-out;
}
.post-categories li, .article-date {
text-transform: uppercase;
display: inline-block;
float: left;
margin: 0 2em 0 0;
font: bold 1em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
}
.article-date {
color: #777;
}
.post-categories li a {
color: #d42d2d;
text-decoration: none;
}
h1.entry-title {
font-size: 2.7em;
margin: 0 0 0.6em 0;
position: relative;
line-height: 1.28;
}
h1.entry-title b {
background-color: #eee;
line-height: 1.0em;
z-index: 111;
position: relative;
}
.title-overlay {
position: fixed;
display: none;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
z-index: 11111;
color: rgb(255, 255, 255);
text-align: center;
font-size: 132px;
padding-top: 30vh;
top: 0px;
left: 0px;
}
.title-overlay-open h1.entry-title b {
background-color: #000;
color: #fff;
}
/*.entry-header h1.entry-title b, .simplefavorite-button {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.entry-header:hover h1.entry-title b {
background: #ebebeb;
position: relative;
z-index: 999;
}
.entry-header:hover .simplefavorite-button {
background: #d42d2d;
}
.entry-header h1.entry-title:after {
content: '';
position: absolute;
top: 0.5em;
height: 3px;
background: white;
display: block;
right: 0em;
width: 0;
transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.entry-header:hover h1.entry-title:after {
content: '';
position: absolute;
top: 0.5em;
height: 3px;
background: black;
right: -3em;
width: 7em;
}*/
.byline {
display: inline-block;
position: relative;
font-size: 1.2em;
border-right: solid 1px #DCDCDC;
padding-right: 0.5em;
margin-right: 1em;
transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-webkit-transition: opacity 3s ease-in-out;
}
.author-twitter {
width: 2em;
height: 2em;
}
.author-twitter a {
display: inline-block;
width: 2em;
height: 2em;
text-indent: -50000px;
position: relative;
top: -0.45em;
}
.author-twitter a:before {
content: "\f099";
font: 1.4em/2em fontawesome;
text-align: center;
color: black;
text-indent: 0;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
/*
.article-link {
position: relative;
padding: 0 0 0 2em;
font-size: 1.2em;
transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-webkit-transition: opacity 3s ease-in-out;
}
.article-link span {
display: inline-block;
height: 1.5em;
}
.article-link textarea {
display: inline-block;
height: 2.4em;
line-height: 1.4em;
padding: 0.5em;
min-height: 0;
width: auto;
}
.article-link:before {
content: "\f0c1";
font: 1.3em fontawesome;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.8em;
}
*/
/* Favouries / Favorites
.simplefavorite-button {
position: absolute;
right: 0em;
top: 6.5em;
background: black;
border-radius: 0;
padding-top: 3em;
color: white;
}
.simplefavorite-button:hover {
background: #d42d2d;
}
.simplefavorite-button.active {
opacity: 1;
background: #d42d2d;
}*/
/*
.simplefavorite-button:before {
content: '';
position: absolute;
left: -2em;
top: 2em;
right: 0;
height: 0.2em;
background: black;
}*/
/*
.simplefavorite-button:after {
content: "\f0c4";
font: 1.2em fontawesome;
color: #ccc;
position: absolute;
top: 0.5em;
left: 0.5em;
}
*/
/* Using opacity to make the headline Super Stand-out (c) CB 2016
.loaded .article-date, .loaded .post-categories, .loaded .byline, .loaded .article-link {
opacity: 0.3;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
}
.loaded .entry-header:hover .article-date, .loaded .entry-header:hover .post-categories, .loaded .entry-header:hover .byline, .loaded .entry-header:hover .article-link {
opacity: 1;
}*/
.share-toggle {
position: absolute;
z-index: -9;
opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
.share-buttons {
font-size: 0.75em;
display: inline-block;
}
.sharify-container {
display: inline-block;
width: auto;
float: left;
padding: 0;
}
.sharify-container li {
opacity: 0;
}
.sharify-container li:first-child {
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
.sharify-container li:nth-child(2) {
transition: opacity 1.3s ease-in-out;
-moz-transition: opacity 1.3s ease-in-out;
-webkit-transition: opacity 1.3s ease-in-out;
}
.sharify-container li:nth-child(3) {
transition: opacity 2s ease-in-out;
-moz-transition: opacity 2s ease-in-out;
-webkit-transition: opacity 2s ease-in-out;
}
.sharify-container li .sharify-title {
font: bold 0.9em montserrat, helvetica, arial, sans-serif;
padding: 0 1em;
}
.loaded .sharify-container li {
opacity: 1;
}
/*
.mashsb-container {
display: inline-block;
width: 460px;
float: left;
}
.mashsb-count {
text-align: center;
width: 4em;
padding-right: 0.7em;
top: -0.45em;
position: relative;
color: #cccccc;
display: inline-block;
font: 1em "Montserrat";
margin-top: 0;
}
.mashsb-count .counts {
font: 3em/0.8 Lora, Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
color: #ccc;
}
.mashsb-count .mashsb-sharetext {
font: 0.8em Lora, Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
text-transform: uppercase;
}
.mashsb-buttons a {
min-width: 130px;
}
.mashsb-buttons a .icon:before {
display: none;
}
.mashicon-facebook, .mashicon-twitter, .mashicon-subscribe {
opacity: 0.05;
padding: 0.5em 0.5em 0.5em 2.5em !important;
margin: 0 0.5em 0 0;
color: white;
position: relative;
text-decoration: none;
display: inline-block;
}
.mashicon-facebook {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.mashicon-twitter {
background: #40aae2;
transition: opacity 0.8s ease-in-out, background 0.3s ease-in-out;
-moz-transition: opacity 0.8s ease-in-out, background 0.3s ease-in-out;
-webkit-transition: opacity 0.8s ease-in-out, background 0.3s ease-in-out;
}
.mashicon-subscribe {
background: black;
color: white;
transition: opacity 2s ease-in-out, background 0.3s ease-in-out;
-moz-transition: opacity 2s ease-in-out, background 0.3s ease-in-out;
-webkit-transition: opacity 2s ease-in-out, background 0.3s ease-in-out;
}
.mashicon-subscribe .text, .mashicon-subscribe .icon {
color: white;
}
.mashicon-subscribe:hover {
background: #666;
}
*/
.comments-link a, .comments-toggle {
margin-left: 0.1em;
position: relative;
padding: 0.75em 0em 0.7em 3em;
font: bold 1.1em montserrat, helvetica, arial, sans-serif;
background: #000;
color: white;
text-align: left;
min-width: 130px;
opacity: 0;
top: 0em;
transition: opacity 2.7s ease-in-out, background 0.3s ease-in-out;
-moz-transition: opacity 2.7s ease-in-out, background 0.3s ease-in-out;
-webkit-transition: opacity 2.7s ease-in-out, background 0.3s ease-in-out;
}
.comments-link a:before, .comments-toggle:before {
content: "\f27a";
font: 1em fontawesome;
color: white;
position: absolute;
left: 0.75em;
top: 50%;
margin-top: -0.45em;
}
.comments-link a:hover, .comments-toggle:hover {
background: #444;
color: white;
}
.loaded .comments-link a {
opacity: 1;
padding-right: 3em;
}
/*
.mashicon-facebook {
background: #2764a8;
}
.mashicon-twitter {
background: #41aae2;
}
.mashicon-facebook:before, .mashicon-twitter:before, .mashicon-subscribe:before {
content: "\f09a";
font: 1em fontawesome;
position: absolute;
left: 0.75em;
top: 50%;
margin-top: -0.5em;
}
.mashicon-twitter:before {
content: "\f099";
}
.mashicon-subscribe:before {
content: "\f0e0";
color: white;
}
.mashicon-facebook:hover:before, .mashicon-twitter:hover:before, .mashicon-subscribe:hover:before {
color: white;
}
.mashicon-facebook:hover, .mashicon-twitter:hover {
background: black;
}
.mashicon-subscribe:hover {
background: #666;
}
*/
/* Entry content */
.wpfp-span {
position: absolute;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
z-index: -9;
}
.single article.post {
clear: both;
}
.post-thumbnail {
float: right;
width: 60%;
margin: 0 0 2em 3em;
}
.post-thumbnail img {
width: 100%;
}
.entry-content {
padding-top: 10px;
}
.entry-content p {
font: lighter 1.2em/1.5 lora, "Helvetica Neue", helvetica, Arial, sans-serif !important;
color: #222;
}
.entry-content p:first-of-type {
font-size: 1.4em;
font-weight: bold !important;
color: black;
margin-top: -0.3em;
}
.entry-content ul:first-of-type {
border-top: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
padding: 1em 0 1em 1.5em;
font-size: 1.1em;
list-style-position: inside;
}
.entry-content div ul:first-of-type {
border-top: inherit;
border-bottom: inherit;
padding: inherit;
font-size: inherit;
}
/* Dropcap in Comment/Analysis category only */
.entry-content p:first-of-type:first-line {
padding-right: 2em;
}
.comment-analysis .entry-content p:first-of-type:first-letter {
float: left;
color: #939a9a;
line-height: 1;
font-weight: bold;
margin-right: 0.1em;
background: #DFE4E4;
padding: 0.12em 0.4em;
margin: 0.1em 0.2em 0 0;
font: bold 2.55em Merriweather, Georgia, serif;
}
.entry-content blockquote {
}
.entry-content blockquote p {
}
.comment-analysis .entry-content blockquote p:first-of-type, .comment-analysis .entry-content div p:first-of-type {
font-size: inherit;
color: inherit;
margin-top: inherit;
}
.comment-analysis .entry-content blockquote p:first-of-type:first-letter, .comment-analysis .entry-content div p:first-of-type:first-letter, .comment-analysis .entry-content table p:first-of-type:first-letter, .comment-analysis .entry-content ul p:first-of-type:first-letter {
float: inherit;
color: inherit;
line-height: inherit;
font-weight: inherit;
margin-right: inherit;
background: inherit;
padding: inherit;
margin: inherit;
font: inherit;
}
.entry-content a {
position: relative;
box-shadow: none;
color: inherit;
text-decoration: underline;
}
.entry-content a:before {
content: '';
position: absolute;
left: -0.2em;
right: -0.4em;
top: 0;
bottom: 0.1em;
display: block;
transform: rotate(-0.5deg);
-moz-transform: rotate(-0.5deg);
-webkit-transform: rotate(-0.5deg);
background: #e9ff31;
z-index: -9;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.entry-content a:hover {
background: none;
text-decoration: none;
}
.entry-content a:hover:before {
background: none;
}
.entry-content table {
min-width: 300px;
}
/* Quotes */
.pullquote {
float: left;
width: 40%;
font-size: 1.4em;
margin: 1em 2em 2em -3em;
padding: 1em 0 0 0;
border: none;
position: relative;
}
.pullquote p {
font-style: italic;
color: #d42d2d;
font-weight: bold;
text-transform: uppercase;
}
.pullquote:before {
content: '';
position: absolute;
left: 0;
top: 1em;
width: 4em;
height: 0.5em;
background: #d42d2d;
display: block;
}
/* Charts and tables */
.entry-content svg {
position: static;
}
.in-article-email-form {
background: #d42d2d;
padding: 2em;
margin: 2em 0;
}
.in-article-email-form h2 {
font-size: 1em;
margin: 0;
}
.in-article-email-form .email-address {
width: 70%;
background: rgba(0,0,0,0.2);
border: none;
display: inline-block;
padding: 0.5em;
height: 2.55em;
margin: 0 0.5em 0 0;
}
.in-article-newsletter-ad a {
position: relative;
background: #DFE4E4;
overflow: hidden;
margin: 2em 0;
font: 1.4em Merriweather, Georgia, "Times New Roman", serif;
padding: 1em;
display: block;
color: #575D5D;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.in-article-newsletter-ad a:after {
content: "";
background: url('img/press_gazette_logo_green.png') no-repeat;
background-size: 100%;
width: 300px;
height: 76px;
position: absolute;
right: -1em;
top: -0.5em;
opacity: 0.4;
}
.in-article-newsletter-ad a:hover {
background: #DFE4E4;
box-shadow: 0 0 0.8em 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0.8em 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0.8em 0 rgba(0,0,0,0.1);
}
/* Tags */
.article-tags {
border-top: solid 3px;
clear: both;
padding-top: 1em;
margin-bottom: 3em;
}
.article-tags h4 {
}
.entry-content div.article-tags ul:first-of-type {
list-style: none;
margin: 1em 0 0 0;
padding: 0;
border: none;
}
.article-tags li {
display: inline-block;
padding-right: 5px;
margin-bottom: 10px;
}
.article-tags li a {
background: black;
color: white;
padding: 0.4em 0.5em 0.3em;
text-decoration: none;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.article-tags li a:hover {
background: #c9000b;
}
/* Article time line */
.timeline {
clear: both;
width: 17em;
float: left;
margin: 3em 3em 2em 0;
padding: 0 0 2em 0;
z-index: 111;
}
.timeline h3 {
padding: 0 0 0.75em 0;
margin: 0 0 1em 0;
border-bottom: solid 0.3em #eee;
}
.entry-content div.timeline ul:first-of-type {
list-style: none;
padding: 4em 0 0 0;
margin: 0;
position: relative;
}
.timeline li {
margin: 0 0 4em 0;
}
.timeline li .post-thumbnail {
padding: 0;
margin: 0;
float: none;
width: 100%;
z-index: 99;
position: relative;
}
.timeline li .post-thumbnail img {
width: 100%;
}
.timeline li .article-date {
opacity: 1;
font-size: 1.2em;
font-weight: bold;
color: black;
position: relative;
}
.timeline li h4 {
font-size: 1em;
margin: 0;
}
.timeline li h4 a {
z-index: 9;
position: relative;
background: #f7f7f7;
color: #666;
display: block;
padding: 1em;
text-decoration: none;
font-weight: lighter;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.timeline li h4 a:hover {
background: #ccc;
display: block;
padding: 1em;
}
.timeline li h4 a:before {
display: none;
}
.timeline ul:before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
display: block;
width: 2px;
border-right: dashed 5px #ededed;
margin-left: -3px;
}
.timeline ul:after {
content: '';
position: absolute;
left: 50%;
top: 0;
display: block;
width: 20px;
height: 20px;
margin-left: -10px;
background: black;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* Indented related articles */
.yarpp-related {
float: left;
margin: 1.4em;
width: 18em;
border-top: solid 0.5em;
padding: 1em 0 0 1em;
clear: both;
position: relative;
background: white;
z-index: 1;
}
.yarpp-related h3 {
margin: 0 0 0.5em 0;
}
.yarpp-related ul, .entry-content .yarpp-related ul:first-of-type {
list-style: none;
margin: 0;
border: none;
padding: 0;
}
.yarpp-related li {
margin-bottom: 1em;
font-size: 1.1em;
border-bottom: dashed 1px #ccc;
padding-bottom: 1.5em;
color: #444;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.yarpp-related li:hover {
color: #1a1a1a;
}
.yarpp-related li a {
text-decoration: none;
}
.yarpp-related a:before {
display: none;
}
.footer-related .yarpp-related {
margin: 1em 0 2em 0;
width: 100%;
background-color: #fafafa;
z-index: 111;
}
.footer-related .yarpp-related li {
margin-bottom: .5em;
padding-bottom: .5em;
}
/* Pagination / Paginated post / Boyle Patented Cliffhanger Technique. Best known in large parts of China as the Fwondogi Achen Ree Technique. AKA FART */
.boyle-cliffhanger-technique {
border-top: solid 1px #ebebeb;
padding: 1em 0;
border-bottom: solid 1px #ebebeb;
margin-bottom: 2em;
}
.boyle-cliffhanger-technique span {
display: inline-block;
margin-right: 1em;
font-size: 1.2em;
border-left: solid 0.5em;
padding-left: 0.75em;
}
.paged-2 .boyle-cliffhanger-technique span {
display: none;
}
.boyle-cliffhanger-technique a {
display: inline-block;
padding: 0.5em 3em 0.5em 0.75em;
background: #d42d2d;
color: white;
position: relative;
font-size: 1.2em;
-webkit-animation-name: bct;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.boyle-cliffhanger-technique a:hover {
background: black;
text-decoration: none;
}
.boyle-cliffhanger-technique a:after {
content: "\f101";
font: 1em fontawesome;
color: white;
position: absolute;
right: 0.75em;
top: 50%;
margin-top: -0.5em;
}
.paged-2 .boyle-cliffhanger-technique a {
padding: 0.75em 0.75em 0.75em 3em;
margin-right: 0.5em;
background: #ccc;
}
.paged-2 .boyle-cliffhanger-technique a:after {
content: "\f100";
right: auto;
left: 0.75em;
}
/* Radioactive powers added to the button */
@-webkit-keyframes bct {
from { background-color: #d42d2d; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #d42d2d; -webkit-box-shadow: 0 0 18px #000; }
to { background-color: #d42d2d; -webkit-box-shadow: 0 0 9px #333; }
}
.pagination {
margin: 3em 0 2em 0;
}
.pagination span {
margin: 0 0.5em;
}
.pagination a {
background: black;
color: white;
display: inline-block;
padding: 0.25em 0.75em;
}
.pagination a span {
margin: 0;
}
.pagination span:first-child {
margin-left: 0;
}
.pagination a:hover {
background: #999;
}
/* Comments */
.comments-toggle {
opacity: 1;
margin: 2em 0;
border-radius: 0.15em;
cursor: pointer;
}
.comments-area {
margin-top: 3em;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: -9;
transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-webkit-transition: opacity 0.4s ease-in;
}
.comments-open .comments-area {
position: static;
visibility: visible;
opacity: 1;
z-index: 9;
}
.comment-form-comment {
border-top: solid 5px #DFE4E4;
}
.comment-form-comment label {
margin: -2.3em auto 0 auto;
}
/* Related */
.related-posts {
margin-top: 4em;
}
.related-posts ul {
list-style: none;
margin: 0;
padding: 0;
}
.related-thumbnail {
display: block;
max-height: 10em;
overflow: hidden;
margin: 0 0 1em 0;
}
/* Category */
.category-content {
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.category-header, .archive-header {
text-align: center;
padding: 2em 0;
}
.category-header p, .archive-header p {
color: #666;
margin: 1em 0;
font-size: 1.2em;
}
.category article, .archive article {
border-bottom: solid 1px #333;
margin: -1px 0 0 0;
padding-bottom: 2em;
padding-top: 2em;
}
.category article .entry-header, .archive article .entry-header {
text-align: left;
margin: 0;
padding: 0;
}
.category .entry-header h2, .archive .entry-header h2 {
font-size: 1.6em;
}
.category .entry-header h2 a, .archive .entry-header h2 a {
text-decoration: none;
}
.category .post-thumbnail, .archive .post-thumbnail {
float: none;
width: 100%;
margin: 0;
}
.category .post-thumbnail img, .archive .post-thumbnail img {
width: 100%;
}
.category article, .archive article {
position: relative;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.category article.category-news, .category article.category-comment-analysis, .archive article.category-news, .archive article.category-comment-analysis {
padding-left: 4em;
position: relative;
border-top: solid 1px #e70022;
}
.category article.category-comment-analysis, .archive article.category-comment-analysis {
border-top: solid 1px #00a9e7;
}
.category article.category-news:before, .archive article.category-news:before {
content: '';
width: 30px;
height: 24px;
background: url('img/news_icon.png') no-repeat;
background-size: 100%;
display: block;
position: absolute;
left: 0.1em;
top: 1.9em;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.category article.category-comment-analysis:before, .archive article.category-comment-analysis:before {
color: #ccc;
content: "\f086";
font: 1.6em fontawesome;
position: absolute;
left: 0.1em;
top: 1.5em;
background: none;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.category article.category-news:after, .category article.category-comment-analysis:after, .archive article.category-news:after, .archive article.category-comment-analysis:after {
content: "News";
font: 0.9em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
color: #e70022;
position: absolute;
left: 0;
top: 0.5em;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.category article.category-comment-analysis:after, .archive article.category-comment-analysis:after {
content: 'Comment/Analysis';
color: #00a9e7;
}
.category article.category-news:hover:before, .archive article.category-news:hover:before {
background-position: 0 100%;
}
.category article.category-comment-analysis:hover:before, .archive article.category-comment-analysis:hover:before {
color: #00a9e7;
}
/* Category
.archive-content {
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.archive-header {
text-align: center;
padding: 2em 0;
}
.archive-header p {
color: #666;
margin: 1em 0;
font-size: 1.2em;
}
.archive article {
border-bottom: solid 1px #333;
margin-bottom: 2em;
padding-bottom: 2em;
}
.archive article .entry-header {
text-align: left;
margin: 0;
padding: 0;
}
.archive .entry-header h2 {
font-size: 1.6em;
}
.archive .entry-header h2 a {
text-decoration: none;
}
.archive .post-thumbnail {
float: none;
width: 100%;
margin: 0;
border: solid 1px #ededed;
display: block;
}
.archive .post-thumbnail img {
width: 100%;
}
.archive article:first-of-type {
border-top: solid 1px #333;
padding-top: 2em;
}
*/
@media (max-width: 460px) {
.site-header .pages-nav {
display: none;
}
.site-sidebar .pages-nav {
display: block;
}
.site-sidebar .pages-nav li:after {
display: none;
}
h1.entry-title {
font-size: 1.4em;
}
}
@media (max-width: 580px) {
.entry-header {
margin-bottom: 1em;
}
.byline {
border: none;
font-size: 1em;
}
.share-buttons {
display: block;
padding-top: 1.5em;
clear: left;
}
}
@media (max-width: 600px) {
.site-logo {
margin: 0;
}
.site-sidebar-toggle, .search-box p, .email-newsletter-box p {
background: none;
padding: 0;
box-shadow: none;
width: 2em;
height: 2.4em;
}
/*.site-sidebar-toggle:before, .search-box p:before, .email-newsletter-box p:before {
color: black;
line-height: 2em;
}*/
.site-sidebar-toggle:before, .search-box p:before {
font-size: 1.2em;
line-height: 1.7em;
}
.email-newsletter-box p:after {
line-height: 2.2em;
top: 0.1em;
}
.email-newsletter-banner span.text {
text-decoration: underline;
}
.email-newsletter-banner span.text strong {
display: inline;
font-weight: normal;
}
.single .post-thumbnail {
float:none;
width:100%;
margin: 0 0 1em 0;
}
}
@media (min-width: 450px) and (max-width: 840px) {
h1.entry-title {
font-size: 1.8em;
}
}
@media (max-width: 728px) {
.search-box-column, .email-newsletter-box-column {
width: 30%;
}
.site-logo-column {
width: 40%;
}
}
@media (max-width: 768px) {
.email-newsletter-banner span.text strong {
display: inline;
font-weight: normal;
}
.sharify-container li {
width: 3em !important;
}
}
/*Alain Mobile Fixes - 6/5/2016*/
@media (max-width: 400px) {
.main-menu {
font-size: 12px;
}
.main-menu img{
display:none;
}
.site-sidebar {
width: 20em;
overflow-y: scroll;
}
.hot{
display: none;
}
.site-sidebar .pages-nav {
display: none;
}
.sidebar-item, .related-posts {
display: none;
}
.main-menu ul li{
padding-bottom: 20px;
}
.site-header {
padding: 2em 0 1.5em 0;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
margin-bottom: 0;
}
/*Alain Mobile Fixes - Homepage*/
.home-page-content{overflow-x: hidden;}
.featured-article-column {
padding: 0;
}
.the-wire-feature-column {padding: 0 20px 0 20px;}
.latest-news {padding: 0 20px 0 20px;}
.article-list li {font-size: 1em;}
.editors-pick-feature {padding: 0 20px 0 20px;}
.jobs-feature{padding: 0 20px 0 20px;}
.jobs-feature img {display:none;}
.jobs-feature ul {
padding-bottom: 0;
margin: 0 !important;
}
.jobs-feature li {margin-bottom: 0}
.jobs-feature .cta-link {font-weight: bold}
.comment-feature{padding: 0 20px 0 20px;}
}
@media (max-width: 490px) {
.site-header {
background: #f7f7f7;
}
.pages-nav-column, .social-media-follow {
display: none !important;
}
.site-logo-column {
width: 50%;
float: left;
}
.search-box-column {
width: 50% !important;
float: right;
text-align: right;
}
.site-sidebar-toggle, .search-box p {
text-align: left;
}
.site-sidebar-toggle, .search-box p {
display: inline-block !important;
margin: 0 0 0 1em !important;
float: none;
top: -0.5em;
right: 0em;
}
.category-header h1 {
font-size: 1.8em;
}
.category .entry-header h2, .archive .entry-header h2 {
font-size: 1.1em;
}
.category article.category-news, .category article.category-comment-analysis, .archive article.category-news, .archive article.category-comment-analysis {
padding-left: 3em;
}
}
@media (max-width: 600px) {
.yarpp-related {
margin: 1em 0em 2em 0;
width: 100%;
float: none;
border-bottom: solid 0.5em;
}
.timeline {
display: none;
}
/*Page Headlines Mobile*/
.site-main {padding-top: 20px;}
/*Page Padding*/
.category-content {padding: 0 20px 0 20px;}
}
@media (max-width: 768px) {
.email-newsletter-box-column {
margin-top: 1.5em;
margin-left: 0;
width: 100%;
left:0;
}
.email-newsletter-box p {
left: 2em;
position: absolute;
height: 2em;
bottom: 0.7em;
margin: 0;
}
.email-newsletter-box p:after {
top: -0.2em;
}
.email-newsletter-banner span.text{
width:100%;
text-align: center;
}
.email-newsletter-banner {
max-width: none;
width: 100%;
margin-top:0;
}
.email-newsletter-banner span.phone{
display:none;
}
}
@media (min-width: 600px) and (max-width: 768px) {
.site-sidebar-toggle, .search-box p, .email-newsletter-box p {
text-indent: -5000px;
font-size: 1em;
width: 4em;
height: 3em;
padding: 0;
}
.site-sidebar-toggle:before, .search-box p:before, .email-newsletter-box p:before {
text-indent: 0;
left: 50%;
margin-left: -0.5em;
top: 50%;
margin-top: -0.4em;
}
}
@media (max-width: 768px) {
.pullquote {
margin: 1em 0em 2em 0em;
width: 100%;
float: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
}
@media (max-width: 1024px) {
.site-sidebar-toggle, .search-box p {
text-indent: -5000px;
width: 2em;
height: 2em;
margin: 1em 1em 0 0;
}
.mashsb-container {
width: 435px;
position: absolute;
z-index: -9;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
.site-sidebar-toggle:before, .search-box p:before {
text-indent: 0;
font-size: 1.6em;
}
.search-box p:before {
font-size: 1.4em;
}
.share-toggle, .byline, .comments-link {
float: left;
}
.share-toggle {
display: none;
}
.share-toggle:before {
content: "\f045";
font: 1em fontawesome;
position: absolute;
left: 0.7em;
top: 50%;
margin-top: -0.45em;
color: white;
}
.share-toggle:hover {
background: black;
border: none;
}
.mobile-footer {
display: block !important;
}
.mobile-footer .mashsb-container {
opacity: 1 !important;
width: 100%;
}
.mobile-footer {
text-align: left !important;
}
.mashsb-buttons a {
min-width: 120px;
}
[class*=" mashicon-"] .onoffswitch-label, [class^=mashicon-] {
font-size: 13px;
}
.comments-link a {
top: 0;
left: 1em;
}
.article-content, .category-content-column {
width: 100%;
padding: 0 1em;
}
.article-sidebar-toggle {
display: block;
}
.article-sidebar-column {
position: relative;
width: 100%;
right: 0;
background: white;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.article-sidebar {
max-width: 100%;
}
.article-sidebar-open .article-sidebar-column {
right: 0;
}
}
@media (max-width: 768px) {
.site-sidebar-toggle, .search-box p {
margin-top: 0;
}
}
@media (max-width: 1024px) and (min-width: 600px) {
.site-logo {
margin-bottom: 1em;
}
.email-newsletter-box p:after {
line-height: 2em;
}
}
@media (max-width: 1024px) {
.loaded .article-date, .loaded .post-categories, .loaded .byline, .loaded .article-link {
opacity: 1;
}
}
@media (min-width: 900px) and (max-width: 1024px) {
.article-content, .category-content-column {
width: 60%;
}
.article-sidebar-column {
width: 40%;
}
.category .entry-header h2 {
font-size: 1.4em;
}
}
@media (min-width: 1024px) {
.email-newsletter-box {
margin-top: -1em;
}
}
@media (min-width: 1280px) {
h1.entry-title {
font-size: 2.6em;
}
}
@media (max-width: 1240px) {
.category-content {
padding-left: 2em;
padding-right: 2em;
}
}
@media (min-width: 1230px) and (max-width: 1400px) {
.mashsb-container {
width: 435px;
}
.mashsb-buttons a {
min-width: 120px;
}
[class*=" mashicon-"] .onoffswitch-label, [class^=mashicon-] {
font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 1360px) {
.pullquote {
margin: 1em 2em 2em 0em;
}
}
@media (min-width: 1440px) {
.timeline {
margin-left: 0em;
margin-top: 0em;
padding: 20px;
background-color: #fafafa;
position: relative;
z-index: 111;
}
.close-sidebar {
display: none;
}
.home .close-sidebar {
display: block;
}
/*.home .article-menu, .home .hot, .home .sidebar-banners {
width: 33%;
float: left;
}*/
}
@media (min-width: 1380px) {
h1.entry-title {
font-size: 3.0em;
}
}
@media (min-width: 600px) and (max-width: 1440px) {
.yarpp-related {
margin: 1em 3em 0 0em;
width: 15em;
}
.timeline {
margin-left: 0em;
}
}
@media (min-width: 1440px) {
h1.entry-title {
font-size: 3.2em;
}
}
@media (min-width: 1380px) {
h1.entry-title {
font-size: 3.0em;
}
}
@media (min-width: 1980px) {
.timeline {
margin-left: -8em;
}
}
@media (max-width: 440px) {
.category-content {
padding-left: 1em;
padding-right: 1em;
}
}
/* Home page */
.home-page-content {
background: white;
margin-top: 0.2em;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.home-content-column {
padding: 1em 0 0 0;
}
.home-content-column > div:first-of-type {
border-bottom: solid 1px #dcdcdc;
padding-bottom: 1em;
margin-bottom: 1em;
}
.home-menu-column {
border-right: solid 1px #dcdcdc;
}
.main-menu {
margin-top: 0;
background: #f3f7f9;
}
.main-menu h3 {
font: 1.1em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
padding: 0.75em 0.75em 0.75em 2.5em;
color: #fff;
position: relative;
margin-bottom: 1em;
background-color: #222;
float: none;
margin: 0;
width: 100%;
}
.main-menu h3:before {
content: "\f0c9";
font: 0.9em fontawesome;
position: absolute;
left: 1.3em;
top: 1em;
color: #fff;
}
.main-menu ul {
list-style: none;
padding: 0;
margin: 0;
max-height: 33em;
overflow: hidden;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.main-menu li a {
font: 1em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
padding: 0.75em 1em;
display: block;
text-decoration: none;
font-weight: bold;
border-bottom: solid 1px rgba(0,0,0,0.05);
border-left: solid 0.4em transparent;
background-color: #f3f7f9;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.main-menu li a:hover {
border-left: solid 0.4em #d42d2d;
background-color: #d5e3ea;
}
.main-menu-toggle {
background: black;
position: relative;
color: white;
font: bold 1em/1 montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
padding: 1em 1.3em 0.95em;
margin-top: 0.4em;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
cursor: pointer;
}
.main-menu-toggle small {
display: none;
font-size: 1em;
}
.main-menu-toggle:after {
content: "\f13a";
font: 1em fontawesome;
color: white;
position: absolute;
right: 1em;
top: 1em;
}
.main-menu-toggle:hover {
background: #d42d2d;
}
.main-menu-open .main-menu-toggle:hover {
background: #d42d2d;
}
.main-menu-open .main-menu-toggle:after {
content: "\f139";
}
.main-menu-open .main-menu-toggle span {
display: none;
}
.main-menu-open .main-menu-toggle small {
display: block;
}
.main-menu-open .main-menu ul {
max-height: 50em;
}
.featured-article {
position: relative;
}
.featured-article .featured-article-image {
max-height: 32em;
}
.featured-article img {
width: 100%;
}
/*
.featured-article .article-label {
position: absolute;
top: 1em;
font: bold 1.2em Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
text-transform: uppercase;
padding: 0.3em 0;
display: inline-block;
left: 50%;
margin-left: -2.7em;
width: 5.4em;
background: white;
text-align: center;
color: black;
}*/
.featured-article .caption {
background: #111;;
border-bottom: solid 0.5em #DFE4E4;
padding: 2em;
position: relative;
}
.featured-article .caption h2 {
font-size: 1.3em;
}
.featured-article .caption h2 a {
text-decoration: none;
color: white;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.featured-article .caption h2 a:hover {
color: #DFE4E4;
}
.featured-article .caption:after {
content: '';
position: absolute;
left: 2em;
bottom: -1em;
border-top: solid 1em #DFE4E4;
border-left: solid 1em transparent;
border-right: solid 1em transparent;
}
/*.featured-article .caption:before, .featured-article .caption:after {
content: '';
position: absolute;
left: 1em;
right: 1em;
top: 1em;
display: block;
height: 1px;
background: black;
}
.featured-article .caption:after {
top: auto;
bottom: 1em;
}*/
.featured-article .post-date {
font: bold 1.1em montserrat, helvetica, arial, sans-serif;
margin: 0 0 0.5em 0;
padding: 0 0 0 1.3em;
color: #DFE4E4;
text-transform: uppercase;
position: relative;
}
.featured-article .post-date:before {
content: '';
position: absolute;
left: 0;
top: 0.25em;
width: 0.8em;
height: 0.8em;
background: #DFE4E4;
border-radius: 1em;
display: block;
-webkit-animation-name: pulsate;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
}
.the-wire-feature-column {
padding-right: 0;
padding-left: 0;
float: right;
}
.the-wire-feature {
padding: 0 0 0 1em;
border-left: solid 1px #dcdcdc;
}
.the-wire-feature header {
}
.the-wire-feature h2 {
font: bold 1.2em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
margin: 0em 0 0.5em;
position: relative;
}
.the-wire-feature h2 a {
text-decoration: none;
background: #595959;
display: block;
color: white;
height: 3.2em;
overflow: hidden;
}
.the-wire-feature h2 a span {
position: relative;
padding: 1em;
display: inline-block;
background: #e70022;
font-weight: lighter;
margin-right: 0.7em;
}
.the-wire-feature h2 a span:after {
content: '';
position: absolute;
right: -0.2em;
top: -1px;
border-top: solid 3.5em #fff;
border-right: solid 0.4em #fff;
-ms-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
@-webkit-keyframes pulsate {
0% { opacity: 0.0}
50% { opacity: 1.0}
100% { opacity: 0.0}
}
@-moz-keyframes pulsate {
0% { opacity: 0.0}
50% { opacity: 1.0}
100% { opacity: 0.0}
}
@keyframes pulsate {
0% { opacity: 0.0}
50% { opacity: 1.0}
100% { opacity: 0.0}
}
.the-wire-feature h2:after {
content: '';
position: absolute;
right: 1em;
top: 1.2em;
width: 0.8em;
height: 0.8em;
background: #d42d2d;
border-radius: 1em;
display: block;
-webkit-animation-name: pulsate;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
}
.the-wire-feature header img {
margin: 0 0 0.5em 0;
}
.the-wire-feature .article-list li {
padding: 1em 0;
margin: 0;
position: relative;
min-height: 6em;
border-bottom: dashed 1px #ccc;
}
.the-wire-feature .article-list li .post-thumbnail-column {
padding-right: 0;
}
.the-wire-feature .article-list li:last-child {
border: none;
}
.the-wire-feature .cta-button {
display: block;
}
.the-wire-feature .cta-button a {
background: #4d5858;
color: white;
display: block;
text-align: center;
position: relative;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.the-wire-feature .cta-button a:after {
content: "\f138";
font: 1em fontawesome;
color: white;
position: absolute;
top: 1em;
right: 1em;
}
.the-wire-feature .cta-button a:hover {
background: #d42d2d;
}
.quote-of-the-day {
border-top: solid 1px #ebebeb;
margin-top: 1em;
padding: 0.7em 0 0 0;
}
/*.quote-of-the-day h2 {
position: relative;
quotes: "\201C""\201D""\2018""\2019";
font: bold 1.2em montserrat, helvetica, arial, sans-serif;
color: #999;
text-transform: uppercase;
margin: 0 0 1em 0;
}*/
.quote-of-the-day blockquote {
border: none;
position: relative;
quotes: "\201C""\201D""\2018""\2019";
padding: 0 2.2em;
margin: 0;
}
.quote-of-the-day blockquote p {
font: bold italic 1.3em Merriweather, Georgia;
color: #d42d2d;
margin: 0;
}
.quote-of-the-day blockquote cite {
font: 0.7em montserrat, helvetica, arial, sans-serif;
color: black;
display: block;
margin-top: 0.5em;
}
.quote-of-the-day blockquote:before {
content: open-quote;
font: 5em montserrat, helvetica, arial, sans-serif;
color: #d42d2d;
position: absolute;
left: 0;
top: -0.25em;
}
.quote-of-the-day blockquote:after {
content: close-quote;
font: 5em montserrat, helvetica, arial, sans-serif;
color: #d42d2d;
position: absolute;
right: 0;
bottom: -0.2em;
}
.section-heading {
font: 1.8em lora, "Helvetica Neue", helvetica, arial, sans-serif;
text-transform: uppercase;
position: relative;
text-align: center;
}
.section-heading b {
font-weight: normal;
display: inline-block;
padding: 0 0.5em;
background: white;
position: relative;
z-index: 9;
}
.section-heading b a{
text-decoration: none;
}
.section-heading:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 5px;
background: black;
}
.editors-pick-feature .section-heading b a{
color: white;
text-decoration: none;
}
.article-list {
list-style: none;
margin: 0;
}
.article-list li {
margin-bottom: 1.5em;
border-bottom: solid 1px #ccc;
}
.article-list li .post-date {
margin-bottom: 0.5em;
color: #d42d2d;
font-size: 0.9em;
font: bold 0.9em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
}
.article-list li .post-text {
}
.article-list li h3 {
font-size: 1.1em;
}
.article-list li h3 a {
text-decoration: none;
}
.article-list li a + a {
width: 59%;
float: right;
}
.the-wire-feature-column {
padding-right: 0;
padding-left: 0;
float: right;
}
.the-wire-feature {
padding: 0 0 0 1em;
border-left: solid 1px #ebebeb;
}
.the-wire-feature header {
}
.the-wire-feature header img {
margin: 0 0 0.5em 0;
}
.the-wire-feature .article-list li {
padding: 1em 0;
margin: 0;
position: relative;
min-height: 6em;
border-bottom: dashed 1px #ccc;
}
.the-wire-feature .article-list li .post-thumbnail-column {
padding-right: 0;
}
.the-wire-feature .article-list li:last-child {
border: none;
}
.the-wire-feature .cta-button {
display: block;
}
.the-wire-feature .cta-button a {
background: black;
color: white;
display: block;
font: bold 1em montserrat, helvetica, arial, sans-serif;
padding: 0.8em 0 0.9em 0.8em;
text-align: left;
}
.home .newsletter-promo {
padding: 1em 0em 0 1em;
border-left: solid 1px #ebebeb;
}
article .newsletter-promo {
padding: 0em 0em 0 0em;
border-left: solid 1px #ebebeb;
width: 50%;
margin-bottom: 15px;
float: left;
}
.newsletter-promo a {
display: block;
text-decoration: none;
background: #d42d2d;
padding: 1em 6em 1em 1em;
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.newsletter-promo a:after {
content: "\f10a";
font: 6em fontawesome;
color: white;
position: absolute;
right: 0.1em;
top: 0.1em;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.newsletter-promo a:hover {
background: #bb1b1b;
}
.newsletter-promo a:hover:after {
right: 0.3em;
transform: scale(1.6);
-moz-transition: scale(1.6);
-webkit-transition: scale(1.6);
}
.newsletter-promo img {
max-width: 16em;
margin: 0 auto;
}
.newsletter-promo strong {
display: block;
font: bold 1.6em Lora;
color: white
}
.newsletter-promo span {
display: block;
margin: 0.65em 0 0;
color: white;
font: bold 1em/1em montserrat, helvetica, arial, sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
display: inline-block;
background: black;
padding: 0.5em;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.newsletter-promo a:hover span {
background: black;
}
/* Home most popular */
.most-popular-column {
padding-left: 0;
margin-bottom: 1em;
}
.home-most-popular {
border-top: none;
position: relative;
padding-top: 80px;
background: #f3f7f9;
padding-left: 1em;
padding-right: 1em;
}
.home-most-popular:before {
content: '';
background: url('img/trending.png') no-repeat;
background-size: 100%;
width: 50px;
height: 40px;
display: block;
position: absolute;
top: 2em;
left: 50%;
margin-left: -25px;
}
.home-most-popular.sidebar-item h3 {
color: black !important;
}
/* Features News */
.featured-news {
padding: 0;
}
.featured-news article {
padding: 0 1em;
border-bottom: solid 1px #dcdcdc;
height: 18em;
margin: 1em 0;
border-right: solid 1px #dcdcdc;
}
.featured-news article:nth-child(2n+1) {
clear: both;
}
.featured-news article:nth-child(2), .featured-news article:nth-child(4) {
border-right: none;
}
.featured-news article:nth-child(3) .the-category {
color: #d42d2d;
}
.featured-news .the-category a {
font: 0.8em Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
background: #d42d2d;
color: white;
text-transform: uppercase;
display: inline-block;
padding: 0.2em 0.5em 0.3em 0.3em;
border-left: solid 5px black;
text-decoration: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.featured-news .the-category a:hover {
background: black;
}
.featured-news article:last-of-type {
border-right: none;
}
.featured-news .featured-news article:nth-last-child(3) .the-category {
color: #d42d2d;
}
.featured-news .post-date {
font: 1em Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
margin: 0 0 1.4em 0;
color: #d42d2d;
}
.featured-news .post-thumbnail-column {
height: 110px;
overflow: hidden;
}
.featured-news .the-excerpt {
font: 0.8em/1.6 Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
color: #555;
padding-left: 0;
}
.featured-news h3 {
font-size: 1.2em;
line-height: 1.2;
margin: 0.5em 0 0.4em 0;
}
.featured-news h3 a {
text-decoration: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.featured-news h3 a:hover {
color: #d42d2d;
}
.featured-news .read-more {
clear: both;
display: block;
text-align: center;
}
.editors-pick-feature {
margin: 1em 0 2em;
background: #8A0F0F;
padding: 3em 0 0 0;
}
.editors-pick-feature .section-heading {
margin: -0.6em 0 0.5em 0;
}
.editors-pick-feature .section-heading b {
background: #8A0F0F;
color: white;
}
.editors-pick-feature .section-heading:after {
background: white;
}
.editors-pick-feature ul {
list-style: none;
padding: 0;
margin: 0 0 2em 0;
}
.editors-pick-feature li {
margin: 0 0 3em 0;
height: 30em;
max-height: 32em;
}
.editors-pick-feature .post-image {
margin-bottom: 1em;
}
.editors-pick-feature .post-image img {
width: 100%;
}
.editors-pick-feature h3 {
font-size: 1.2em;
}
.editors-pick-feature h3 a {
text-decoration: none;
color: white;
}
.editors-pick-feature .the-excerpt {
margin-top: 1em;
color: #ebebeb;
}
.editors-pick-feature .the-excerpt a {
color: white;
}
.editors-pick-feature li:nth-child(1), .editors-pick-feature li:nth-child(3) {
padding-right: 1em;
}
.editors-pick-feature li:nth-child(2n) {
padding-left: 1em;
}
.editors-pick-feature li:last-child {
border: none;
}
.editors-pick-feature .mpu {
border-top: solid 5px white;
background: transparent;
min-height: 30em;
padding: 0;
}
#Unit2 {
background: rgba(255, 255, 255, 0.1);
padding-top: 2em;
padding-bottom: 1em;
}
@media (max-width: 813px) {
.editors-pick-feature .mpu, .second-sidebar{
min-height: 0;
}
}
/* Audience Data / Media Metrics */
.audience-data {
border-bottom: solid 1px #ebebeb;
padding-bottom: 2em;
text-align: center;
}
.audience-data .the-excerpt p {
max-width: 42em;
margin: 2em auto;
color: #666;
font-size: 1.1em;
font-style: italic;
}
.audience-data .twitter-mention-button {
margin: 0;
position: relative !important;
left: 1em;
top: 0.1em;
}
.the-chart-of-life {
background: #eaf1f5;
padding: 3em;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
box-shadow: 0 0 0.3em 0 rgba(0,0,0,0.1);
}
.audience-data canvas {
margin-top: 0;
width: 100% !important;
height: 100% !important;
}
.audience-data h3 {
max-width: 21em;
text-align: center;
margin: 1em auto;
position: relative;
padding-top: 2em;
}
.audience-data h3 a {
text-decoration: none;
color: #487186;
}
.audience-data h3:before {
content: "\f1fe";
color: #CDDCE4;
font: 1em fontawesome;
position: absolute;
width: 2em;
text-align: center;
top: 0.5em;
left: 50%;
margin-left: -1em;
}
.share-chart {
background: rgba(255,255,255,0.4);
padding: 2em;
border: solid 1px rgba(0,0,0,0.08);
}
.share-chart h4 {
border-bottom: solid 1px rgba(0,0,0,0.1);
max-width: 80%;
margin: 0 auto 1em;
padding: 0 0 0.5em 0;
}
.chart-share ul {
list-style: none;
margin: 1em 0 0 0;
padding: 0;
border-top: solid 1px rgba(0,0,0,0.1);
}
.chart-share li {
padding: 0.5em;
}
.embed-chart-toggle {
border-radius: 0.2em;
background: #666;
color: white;
padding: 0.5em 3em 0.5em 0.5em;
font: 1em montserrat, helvetica, arial, sans-serif;
position: relative;
}
.embed-chart-toggle:after {
content: "\f1fe";
color: #CDDCE4;
font: 0.9em/2.5 fontawesome;
position: absolute;
width: 2.5em;
text-align: center;
top: 0em;
bottom: 0;
right: 0;
background: rgba(0,0,0,0.5);
border-top-right-radius: 0.2em;
border-bottom-right-radius: 0.2em;
}
.embed-code {
border: dotted 1px blue;
background: white;
padding: 1em;
margin: 1em 0 0 0;
position: absolute;
visibility: hidden;
z-index: -99;
opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
.embed-chart-open .embed-code {
position: static;
visibility: visible;
z-index: 99;
opacity: 1;
}
.audience-data .legend {
text-align: left;
border-left: 15px solid rgb(234, 241, 245);
padding-left: 1em;
font: 1em montserrat, helvetica, arial, sans-serif;
}
.audience-data .legend ul {
list-style: none;
margin: 0;
}
.audience-data .legend ul li {
clear: both;
border-bottom: solid 1px #ebebeb;
padding: 0.2em 0;
}
.audience-data .legend span {
float: right;
}
.comment-feature {
padding-top: 2em;
background: #f7f7f7;
margin-bottom: 2em;
padding-bottom: 2em;
}
.comment-feature h2 b {
background: #f7f7f7;
}
.job-spy-feature {
border-left: solid 1px #ebebeb;
border-right: solid 1px #ebebeb;
}
.comment-feature h3 {
margin: 0.5em 0;
font-size: 1.2em;
}
.comment-feature h2 img {
max-height: 1.3em;
}
.comment-feature ul {
list-style: none;
padding: 0;
margin: 0;
}
.comment-feature ul li article {
border-bottom: solid 1px #ebebeb;
padding: 2em 0;
text-align: left;
}
/*.comment-feature ul li img {
display: block;
width: 100%;
margin: 0 0 0.5em 0;
}
.comment-feature ul li h3 {
font-size: 1.2em;
}*/
.latest-news h2 {
margin-bottom: 1em;
}
.alm-listing li {
border-bottom: solid 1px #dcdcdc;
padding: 0 0 1em 0;
}
.alm-listing li img {
position: static;
}
.alm-listing li h3 {
font-size: 1.6em;
}
.alm-listing .entry-meta {
color: #d42d2d;
font: bold 1em montserrat, helvetica, arial, sans-serif;
margin: 0 0 1em 0;
}
/* Previous and Next Navigation on Posts */
#prevNextButtons {
display: none;
}
.nav-box.previous {
position: fixed;
margin-left: -15px;
z-index: 1;
top: 45vh;
width: 30px;
height: 120px;
z-index: 9999;
}
.nav-box.previous .arrow {
width: 35px;
height: 120px;
position: absolute;
background-color: rgb(242,242,242);
margin-top: 0px;
border-radius: 2px;
z-index: 111;
}
.nav-box.next {
position: fixed;
right: 4px;
z-index: 1;
top: 45vh;
width: 30px;
height: 120px;
z-index: 99999;
}
.nav-box.next .arrow {
width: 35px;
height: 120px;
position: absolute;
background-color: rgb(242,242,242);
margin-top: 0px;
border-radius: 2px;
z-index: 111;
}
.nav-box.next .arrow::after {
content: "\f054";
font: 27px/50px fontawesome;
color: #222;
position: absolute;
right: 7px;
top: 37px;
}
.nav-box.previous .arrow::after {
content: "\f053";
font: 27px/50px fontawesome;
color: #222;
position: absolute;
left: 5px;
top: 37px;
}
.nav-box.previous #prev-content {
position: absolute;
width: 400px;
height: 120px;
left: -400px;
opacity: 0;
padding: 30px;
padding-bottom: 6px;
padding-top: 15px;
background-color: #222;
border: 2px solid rgb(212, 45, 45);
line-height: 12px;
font-size: 12px;
}
.nav-box.previous #prev-content a {
color: #fff;
line-height: 18px;
text-decoration: none;
font-family: Montserrat;
}
.nav-box.previous #prev-content img {
float: left;
margin-left: -15px;
margin-top: -5px;
margin-right: 20px;
height: 100%;
width: auto;
}
.nav-box.next #next-content {
position: absolute;
width: 400px;
height: 120px;
right: -400px;
padding: 30px;
padding-top: 15px;
padding-bottom: 6px;
background-color: #222;
border: 2px solid rgb(212, 45, 45);
line-height: 12px;
font-size: 12px;
}
.nav-box.next #next-content a {
color: #fff;
line-height: 18px;
text-decoration: none;
font-family: Montserrat;
}
.nav-box.next #next-content img {
float: left;
margin-left: -15px;
margin-top: -5px;
margin-right: 20px;
height: 100%;
width: auto;
}
#prevNextButtons {display:none}
/* Site Footer */
.site-footer {
border-top: solid 1px #ccc;
margin: 3em 2em 0em 3em;
padding: 1em;
}
.site-footer p {
font-size: 1em;
color: #555;
}
.site-footer iframe {
position: absolute;
visibility: hidden;
opacity: 0;
z-index: -99;
}
@media (max-width: 499px) {
.featured-news article {
min-height: 0;
border-right: none;
padding: 0;
}
.featured-news article img {
width: 100%;
}
.featured-news article .the-excerpt {
padding-left: .9375rem;
}
.featured-news .post-thumbnail-column {
height: auto;
margin: 0 0 1em 0;
}
.sidebar-item {
margin-bottom: 0em;
}
.editors-pick-feature li {
height: auto;
max-height: 100em;
}
.alm-listing li h3 {
font-size: 1.2em;
margin: 1em 0;
}
}
@media (max-width: 439px) {
.the-chart-of-life {
padding: 0;
background: none;
box-shadow: none;
}
}
@media (min-width: 440px) and (max-width: 640px) {
.the-chart-of-life {
padding: 1em;
}
}
@media (min-width: 400px) and (max-width: 728px) {
.featured-article-column {
padding: 0;
}
}
@media (min-width: 500px) and (max-width: 727px) {
.featured-news article, .editors-pick li {
width: 50%;
float: left;
}
.featured-news article:nth-child(2n+1) {
clear: left;
}
.featured-news article:nth-child(3n+1) {
clear: none;
}
}
@media (max-width: 727px) {
.most-popular-column {
padding: 0;
}
.quote-of-the-day {
border-bottom: solid 1px #ebebeb;
margin-bottom: 1em;
}
.quote-of-the-day blockquote {
padding-bottom: 1em;
}
.the-wire-feature-column {
float: none;
margin: 0;
}
.the-wire-feature {
border-left: none;
padding-left: 0;
}
.home .newsletter-promo {
border-left: none;
padding: 1em 0;
border-top: solid 1px #ebebeb;
border-bottom: solid 1px #ebebeb;
}
.featured-news {
border-top: none;
}
.featured-news article {
min-height: 0em;
height: auto;
}
.featured-news .the-excerpt {
display: none;
}
.audience-data .the-excerpt {
padding: 0 2em;
}
.section-heading {
font-size: 1.4em;
}
}
@media (min-width: 728px) and (max-width: 980px) {
.most-popular-column ul img {
display: none;
}
.sidebar-articles li a + a {
width: 100%;
float: none;
}
.sidebar-articles ol li:before {
display: none;
}
}
@media (min-width: 728px) and (max-width: 1024px) {
.featured-article-column {
width: 66.666666%;
}
.the-wire-feature-column {
margin-right: 0;
padding-right: .9375rem;
}
.editors-pick {
width: 55%;
}
.editors-pick-mpu-column, .latest-news-mpu-column {
width: 45%;
}
}
@media (max-width: 1024px) {
.latest-news-column {
width: 100%;
}
#prevNextButtons {
display: none !important;
}
.home {
}
.main-menu h3.home-site-sidebar-toggle {
display: block;
margin: 0 0 1em 0;
width: 100%;
cursor: pointer;
}
.main-menu h3.home-site-sidebar-toggle:before {
left: 0.9em;
top: 1.05em;
}
.home .home-menu-column {
float: right;
border-right: none;
width: 33.22222%;
}
.home .home-menu-column ul {
opacity: 0;
z-index: -99;
visibility: hidden;
position: absolute;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.home .home-menu-column .site-nav {
display: block;
}
.home .home-menu-column .site-nav ul {
border: none;
}
.home .home-menu-column .site-nav li {
display: block;
}
.home .home-menu-column .site-nav li a {
}
.main-menu-toggle {
display: none;
}
/*
.home.site-sidebar-open .site-sidebar {
left: 0;
}
*/
.home-content-column {
width: 100%;
}
}
@media (min-width: 728px) and (max-width: 1280px) {
.audience-data .legend {
font-size: 0.8em;
padding-left: 2em;
}
}
@media (min-width: 1024px) {
.home-menu-column {
padding-left: 0;
}
.featured-news-column {
border-left: solid 1px #ebebeb;
padding-left: .9375em;
}
}
@media (min-width: 728px) and (max-width: 1100px) {
.featured-news .the-excerpt {
display: none;
}
.featured-news article {
min-height: 22em;
height: auto;
max-height: 100em;
margin: 2em 0;
padding: 0 1em 2em 1em;
}
.featured-news .post-thumbnail-column {
width: 100%;
height: 100%;
}
}
/* Stefano 22 April 2016. Directories */
.directory-titles{
text-align: center;
padding-top:10px;
}
.directory-containers{
text-align: center;
width:60%;
margin: 0 auto;
}
.icon-container{
margin-top:50px;
margin-bottom:20px;
text-align: center;
}
.second-directories-row{
margin-top:50px;
}
.list-cont{
margin-top:40px;
}
.row.list-cont{
margin-left: 200px;
margin-right: 200px;
}
.directories-list-cont{
background-color: #4873b9;
border-radius: 30px;
padding-bottom: 25px;
}
.directories-list-cont h4{
color:white;
}
.but-cont{
text-align: center;
margin: 0 auto;
}
.myButton {
text-align: center;
}
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
background-color:#ffffff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
background-color:#f6f6f6;
}
.myButton:active {
position:relative;
top:1px;
}
.site-footer {
margin: 3em 0em 0em 0em;
display: none;
}
.site-footer p {
font-size: 0.8em;
}
}
.comment-metadata a{
text-decoration: none !important;
}
@media (max-width: 1024px) and (min-width: 900px){
.article-content, .category-content-column {
width: 100%;
}
}
@media (max-width: 600px){
.listing-button-container {
margin-left: 0 !important;
margin-right: 0 !important;;
}
}
/* Stefano 26 April 2016. Directories */
.subheader-press-rel {
border-bottom: 4px solid black;
margin-bottom: 1.5em;
padding-bottom: 10px;
}
.large-8 .columns .article-content{
overflow: hidden;
}
.press-rel-row p{
color: black;
font-weight: normal;
}
.date-release {
font-size: 1em !important;
margin-bottom: 3em;
margin-top: -30px;
padding-top: 0;
color: #63acff !important;
font-style: italic !important;
}
.subheader-latest-press{
padding-bottom: 10px;
}
.press-rel-row h5{
text-transform: uppercase;
}
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
box-shadow: none;
}
.comment-author.vcard{
color: #63acff;
font-size: 1.5em;
}
.comment-list article, .comment-list .pingback, .comment-list .trackback{
clear:both;
}
.comment-list article, .comment-list .pingback, .comment-list .trackback{
padding: 1em 0;
}
@media(max-width: 1263px) {
.comment-form-url{
width:30%;
float:none;
}
.comment-form-author, .comment-form-email, .comment-form-url{
width:44%;
}
.comments-area, .widget, .content-bottom-widgets .widget-area {
margin-bottom: 2.25em;
}
}
@media(max-width: 900px) {
#comments-loaded {
border-bottom: none;
}
.comment-form-author, .comment-form-email, .comment-form-url{
width:100%;
}
}
@media screen and (min-width: 61.5625em){
.comment-list + .comment-respond, .comment-navigation + .comment-respond {
padding-top: 0em;
}
}
@media screen and (min-width: 44.375em){
.comment-author .avatar {
height: 50px;
width: 50px;
}
}
.job-search-img{
width: 6.2em;
}
.axegrinder-img{
width: 7em;
}
/***************************************************************************/
/************************stefano a-z-page 29/4/2016*******************************/
.post-87802 .yarpp-related{
display: none;
}
.a-z-categories, .a-z-pages{
font-size: 1.1em;
}
.a-z-categories li, .a-z-pages li{
list-style: outside none none;
padding-bottom:25px;
}
.a-z-categories a, .a-z-pages a{
text-decoration: none;
}
.a-z-categories li, .a-z-pages li{
color: red;
}
.a-z-categories li ul, .a-z-pages li ul{
color: red;
}
.a-z-categories li > ul > li a:before, .a-z-pages li > ul > li a:before {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 1%;
}
.a-z-categories li > ul > li > ul > li, .a-z-pages li > ul >li >ul > li{
padding-bottom:2px;
}
.a-z-categories li > ul > li > ul > li a:before , .a-z-pages li > ul > li > ul > li a:before{
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 2%;
}
.a-z-categories li > ul > li > ul > li > ul > li a:before , .a-z-pages li > ul > li > ul > li > ul > li a:before{
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 3%;
}
.a-z-categories li > ul > li > ul > li > ul > li > ul > li a:before, .a-z-pages li > ul > li > ul > li > ul > li > ul > li a:before {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 4%%;
}
.a-z-categories li > ul > li a:hover, .a-z-pages li > ul > li a:hover{
color: #737373;
}
@media(max-width: 600px) {
.a-z-categories li > ul > li a:before, .a-z-pages li > ul > li a:before {
width: 0%;
}
.a-z-categories li > ul > li > ul > li a:before , .a-z-pages li > ul > li > ul > li a:before{
width: 0%;
}
.a-z-categories li > ul > li > ul > li > ul > li a:before , .a-z-pages li > ul > li > ul > li > ul > li a:before{
width: 0%;
}
.a-z-categories li > ul > li > ul > li > ul > li > ul > li a:before, .a-z-pages li > ul > li > ul > li > ul > li > ul > li a:before {
width: 0%;
}
}
/******************************************************/
/* Search Results */
.search-results .page-header {
padding: 0;
margin: 2em 0 3em 0;
border: none;
}
.search-results-content ol {
padding-left: 1em;
list-style-position: outside;
font-size: 2em;
margin: 0;
}
.search-results-content ol li {
}
.search-results-content article {
font-size: 0.5em;
padding-bottom: 2em;
border-bottom: solid 3px #ebebeb;
margin-bottom: 2em;
}
.search-results-content h2 {
font-size: 1.8em;
line-height: 1;
margin-bottom: 0.5em;
}
.article-left {
opacity: 0;
visibility: hidden;
z-index: -99;
position: absolute;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
}
.article-right {
display: block;
width: 100%;
}
.between-article-leaderboard {
text-align: center;
}
@media (min-width: 1440px) and (max-width: 10440px) {
.article-left {
position: static;
display: block;
visibility: visible;
z-index: 99;
opacity: 1;
width: 320px;
padding: 0px;
border-right: 1px solid #777;
}
.home .article-left, .category .article-left {
position: absolute;
visibility: hidden;
z-index: -99;
opacity: 0;
width: auto;
border-right: none;
}
.article-right {
width: 75%;
}
.between-article-leaderboard {
text-align: center;
}
#sticky.stick {
margin-top: 0 !important;
position: fixed;
width: 320px;
top: 0;
z-index: 10000;
top: 60px;
border-right: 1px solid rgb(119, 119, 119);
}
.between-article-leaderboard {
text-align: left;
}
}
.page-template-news-template .entry-title {
margin-top: 0.6em;
}
.email-newsletter-box-column {
text-align: right;
}
.social-media-follow {
font-size: 28px;
border-left: 1px solid;
padding-left: 20px;
height: 60px;
display: inline-block;
position: relative;
top: -3px;
}
.social-media-follow .fa {
display: block;
}
.social-media-follow .fa-twitter {
margin-top: 5px;
}
.social-media-follow a {
text-decoration: none;
}
/* Default Page template. For page.php. CJB. 18 May 2016.
I totally understand how batteries feel because I'm rarely ever included in things either.
Chapawow wow da da du da ding du dah bingbangbongbing cha cha choo choo choo
*/
.page .site-main {
padding-top: 0em;
}
/* CSS EDITS - ZH - 22/4/2016 */
/*
It is so cold outside I saw a politician with his hands in his own pockets.
*/
/* Page Template: Job List */
.page-template-content-job-list {
}
.page-template-content-course-listing {
}
body.page-template-content-job-list .entry-title, body.page-template-content-job-dashboard .entry-title, body.page-template-content-job-posting .entry-title , body.page-template-content-course-listing .entry-title{
width: 100% !important;
text-align: center !important;
position: relative;
text-align: center;
}
body.page-template-content-job-list .entry-title::after, body.page-template-content-course-listing .entry-title::after, body.page-template-content-job-dashboard .entry-title::after, body.page-template-content-job-posting .entry-title::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 5px;
background: black;
}
body.page-template-content-job-list .entry-title b, body.page-template-content-course-listing .entry-title b, body.page-template-content-job-dashboard .entry-title b, body.page-template-content-job-posting .entry-title b {
position: relative;
background-color: #fff;
z-index: 1;
font-size: 0.9em;
padding: 0px 25px;
}
body.page-template-content-job-list .large-8, body.page-template-content-course-listing .large-8, body.page-template-content-job-dashboard .large-8, body.page-template-content-job-posting .large-8 {
padding-right: 50px;
float: left;
}
body.page-template-content-job-list .article-sidebar, body.page-template-content-course-listing .article-sidebar, body.page-template-content-job-dashboard .article-sidebar, body.page-template-content-job-posting .article-sidebar {
padding-top: 61px;
}
body.page-template-content-job-list .site-footer, body.page-template-content-course-listing .site-footer, body.page-template-content-job-dashboard .site-footer, body.page-template-content-job-posting .site-footer {
border: none;
}
body.page-template-content-job-list .article-sidebar, body.page-template-content-course-listing .article-sidebar, body.page-template-content-job-dashboard .article-sidebar, body.page-template-content-job-posting .article-sidebar {
float: left;
width: 33.33333%;
}
ul.job_listings li.job_listing:hover {
border-bottom: solid 1px #000;
}
ul.job_listings li.job_listing a {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
ul.job_listings li.job_listing a:hover {
background-color: #d42d2d;
}
ul.job_listings li.job_listing a:hover h3, ul.job_listings li.job_listing a:hover span {
color: black;
}
ul.job_listings li.job_listing a::before {
background-color: #f2f2f2;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
/* Page Template: Job Dashbaord */
.page-template-content-job-dashboard {
}
/* Page Template: Job Posting */
.page-template-content-job-posting {
}
#job-manager-job-dashboard table th {
width: 25%;
text-align: center;
}
/* CSS EDITS - ZH - 22/4/2016 */
/* Error 404 Page CSS - ZH - 26/04/2016 */
.error-404 {
padding-top: 60px;
}
.error-404 .search-submit {
height: 40px;
margin-top: 91px;
}
.error-404 .search-field {
margin-top: 40px;
}
.error-404 .search-box-close-toggle {
display: none;
}
/* .Error 404 Page CSS - ZH - 26/04/2016 */
svg {
max-width: 95%;
max-height: 95%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
svg path {
fill-opacity: 0;
stroke: #fff;
stroke-width: 3;
stroke-dasharray: 870;
stroke-dashoffset: 870;
animation: draw 10s infinite linear;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
.mobile-footer {
position: fixed;
height: 80px;
width: 100%;
bottom: 0px;
display: none !important;
background-color: rgba(0, 0, 0, 0.8);
z-index: 11111;
text-align: center;
padding-top: 20px;
}
.mobile-footer .mashsb-container {
float: none;
margin-left: auto;
margin-right: auto;
width: 480px;
}
/* Jobs Feature */
.entry-header-jobs {
background: url('img/jobs-in-journalism.jpg') no-repeat center center;
background-size: 100%;
padding: 12% 0;
}
/* Courses Feature */
.entry-header-course {
background: url('/wp-content/uploads/2016/12/Advertorial_HuwEdwards.jpg') no-repeat top;
background-size: 100%;
padding: 12% 0;
}
body.page-template-content-job-list .entry-title {
font-size: 6em;
}
body.page-template-content-job-list .entry-title b {
background: none;
color: white;
text-shadow: 0px 0px 0.5em rgba(0, 0, 0, 1);
}
body.page-template-content-job-list .entry-title:after {
display: none;
}
body.page-template-content-course-listing .entry-title {
/*font-size: 6em;*/
font-size: 4em;
}
body.page-template-content-course-listing .entry-title b {
background: none;
color: white;
text-shadow: 0px 0px 0.5em rgba(0, 0, 0, 1);
}
body.page-template-content-course-listing .entry-title:after {
display: none;
}
.jobs-ctas {
background: #9A0118;
}
.post-a-job a {
display: block;
padding: 1.2em 5em 1.2em 1.2em;
color: white;
background: rgba(255,255,255,0.2);
position: relative;
box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
text-decoration: none;
text-transform: uppercase;
font-size: 1.4em;
line-height: 1.1em;
overflow: hidden;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.post-a-job a:after {
content: "\f01b";
color: rgba(255,255,255,0.8);
font: 6em fontawesome;
position: absolute;
right: 0;
top: 0;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.post-a-job a:hover {
background: rgba(0,0,0,0.2);
}
.post-a-job a:hover:after {
top: -2em;
}
.article-sidebar-column .post-a-job a {
color: black;
margin-bottom: 2em;
}
.article-sidebar-column .post-a-job a:after {
color: black;
}
.jobs-ctas .job-alerts {
padding: 1em;
position: relative;
}
.jobs-ctas .job-alerts h2 {
font-size: 1em;
color: white;
margin: 0 0 0.5em 0;
}
.jobs-ctas .job-alerts p {
display: inline-block;
width: 33%;
padding-right: 0.1em;
margin: 0;
}
.jobs-ctas .job-alerts p input {
margin: 0;
}
.jobs-ctas .job-alerts p input.wpcf7-submit {
background: white;
padding: 0.74375em 0.875em 0.68125em;
color: black;
margin-left: 0.2em;
}
.jobs-ctas .job-alerts p:nth-of-type(2) {
padding-right: 0;
padding-left: 0.1em;
}
.jobs-ctas .job-alerts p:nth-of-type(3) {
width: 20%;
}
.jobs-ctas .job-alerts .ajax-loader {
position: absolute;
left: 50%;
top: 50%;
margin-left: -8px;
margin-top: -8px;
}
.job_filters {
float: left;
width: 25%;
}
.job_filters .search_jobs div.search_location, .job_filters .search_jobs div.search_keywords {
width: 100%;
padding: 0;
float: none;
}
ul.job_listings {
margin: 0;
float: right;
width: 72%;
}
ul.job_listings li.job_listing a {
padding: 2em;
}
ul.job_listings li.job_listing.job_position_featured a {
background: white;
position: relative;
margin-bottom: 1em;
box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
}
ul.job_listings li.job_listing.job_position_featured a:after {
content: "Featured job";
font: 1em/1 montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
position: absolute;
top: 0.5em;
right: 0.5em;
background: #e70022;
color: white;
padding: 0.2em 0.3em;
}
ul.job_listings li.job_listing a img.company_logo {
max-height: 100px;
max-width: 140px;
width: auto;
height: auto;
}
ul.job_listings li.job_listing .location:before {
display: inline-block;
width: 16px;
height: 16px;
-webkit-font-smoothing: antialiased;
font-family: job-manager!important;
text-decoration: none;
font-weight: 400;
font-style: normal;
vertical-align: top;
font-size: 16px;
margin: 0 2px 0 0;
content: '\e81d';
}
.load_more_jobs {
clear: both;
display: block;
}
.load_more_jobs strong {
position: relative;
padding-right: 2em;
font-size: 1.4em;
padding-top: 1em;
}
.load_more_jobs strong:after {
content: "\f055";
font: 1em fontawesome;
position: absolute;
right: 0;
top: 1.15em;
}
.jobs-feature {
text-align: center;
padding: 30px 0 30px 0;
}
.jobs-feature ul {
list-style-type: none;
}
.jobs-feature .cta-button {
text-align: center;
margin-top: 2em;
}
/* Job Section on the homepage */
.jobs-feature {
padding-bottom: 3em;
}
.jobs-feature > div:first-of-type {
border-bottom: solid 1px #dcdcdc;
padding-bottom: 2em;
}
.comment-feature .large-4 {
padding-bottom: 5em;
}
.comment-feature-mpu-column {
margin-top: 1.1em;
}
.jobs-feature a {
text-align: center;
text-decoration: none;
font-size: 1.2em;
}
.jobs-feature .large-4 {
padding-top: 2em;
}
.jobs-feature .large-4 a span.monkey-wrench {
display: block;
min-height: 6em;
background: white;
padding: 1em;
box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
margin-bottom: 1em;
}
.jobs-feature .large-4 a .the-pixie-of-vertical-alignment {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.jobs-feature .large-4 a span img {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 1.5em;
max-height: 4.2em;
width: auto;
max-width: 200px;
vertical-align: middle;
}
.jobs-feature .large-4 a span.monkey-wrench:hover {
box-shadow: 0 0 0.4em 0 rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 0.4em 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 0.4em 0 rgba(0,0,0,0.4);
}
.search-jobs a {
display: block;
background: #e70022;
padding: 1em 4em 1em 1em;
color: white;
position: relative;
font-size: 1.2em;
text-decoration: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.search-jobs a:after {
font: 5em fontawesome;
color: white;
position: absolute;
right: -0.3em;
top: 50%;
margin-top: -0.5em;
content: "\f0a9";
opacity: 0.9;
}
.search-jobs a:hover {
background: black;
}
/*Alex*/
.search-courses a {
display: block;
background: #e70022;
padding: 1em 4em 1em 1em;
color: white;
position: relative;
font-size: 1.2em;
text-decoration: none;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.search-courses a:after {
font: 5em fontawesome;
color: white;
position: absolute;
right: -0.3em;
top: 50%;
margin-top: -0.5em;
content: "\f0a9";
opacity: 0.9;
}
.search-courses a:hover {
background: black;
}
/* Chris A-Z */
.a-z-list {
list-style: none;
margin: 1em 0 0 0;
}
.a-z-list > li ul {
margin-top: 1em;
margin-bottom: 2em;
padding-right: 1em;
}
.a-z-list li a {
font-size: 1.4em;
display: block;
text-decoration: none;
padding: 0.3em 0;
}
.a-z-list li li {
font-size: 0.8em;
}
.a-z-list li li a {
border-bottom: solid 1px #ebebeb;
}
.a-z-list li li li {
font-size: 1em;
}
.a-z-list > li {
width: 50%;
float: left;
}
.a-z-list > li:nth-child(2n) ul {
padding-right: 0;
padding-left: 1em;
}
.post-a-job-link {
font-size: 22px;
text-align: center;
}
.page-template-content-job-list .entry-content p:nth-child(1) {
text-align: center;
}
/* Swipe Overlay */.swipe-overlay {
position: fixed;
display: none;
top: 0px;
margin-top: 0px;
width: 100%;
background-color: black;
z-index: 111111;
text-align: center;
height: 100vh;
color: #fff;
}/* Selection Color */::selection {
background: #e5e5e5
;
}
::-moz-selection {
background: #e5e5e5
;
}/* Selection Share */
#selectionSharerPopover-inner {
border-radius: 0px;
padding: 10px;
}.post-a-job-link {
font-size: 22px;
text-align: center;
}
.page-template-content-job-list .primary-content p:nth-child(1) {
text-align: center;
}
.single-job_listing .related-jobs {
padding-bottom: 2em;
}
.single-job_listing .related-jobs .yarpp-related {
position: static;
float: none;
width: 100%;
padding-left: 0;
margin-left: 0 !important;
}
.single-job_listing .related-jobs .yarpp-related h3 span, .single .yarpp-related h3 b {
display: none;
}
.single-job_listing .related-jobs .yarpp-related h3 b, .single .yarpp-related h3 span {
display: inline;
}
/* Portrait Mobile */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
/*and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait)*/ {
.social-media-follow {
position: absolute;
font-size: 18px;
top:35px;
right: 10px;
margin-top: 0;
border-left: none;
}
}
@media (max-width: 400px) {
body.page-template-content-job-list .entry-title {
font-size: 2.1em;
}
}
@media (min-width: 401px) and (max-width: 600px) {
body.page-template-content-job-list .entry-title {
font-size: 3em;
}
}
@media (max-width: 600px) {
body.page-template-content-job-list .entry-title {
font-size: 2.1em;
}
.jobs-ctas .job-alerts p, .jobs-ctas .job-alerts p:nth-of-type(2), .jobs-ctas .job-alerts p:nth-of-type(3) {
width: 100%;
padding: 0;
display: block;
margin: 0 0 0.5em 0;
}
ul.job_listings li.job_listing a img.company_logo {
display: none;
}
ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
width: 100%;
float: none;
}
}
@media (max-width: 768px) {
ul.job_listings li.job_listing a img.company_logo {
visibility: visible;
}
}
@media (min-width: 601px) and (max-width: 800px) {
body.page-template-content-job-list .entry-title {
font-size: 4em;
}
}
@media (max-width: 800px) {
.job_filters, ul.job_listings {
width: 100%;
float: none;
}
body.page-template-content-job-list .jobs-ctas .large-8 {
padding-right: 0;
}
}
@media (max-width: 1024px) {
.home-content-column, .site-header {
padding-left: 1em;
padding-right: 1em;
}
.social-media-follow{
border-left: none;
padding-right: 20px;
position: absolute;
top: 3em;
right: 0.4em;
}
.social-media-follow .fa {
display: inline-block;
margin-right: 0.65em;
}
.site-sidebar-toggle{
padding-left: 20px;
}
.search-box p {
padding-left: 0;
}
.email-newsletter-banner {
margin-right: 0;
}
.post-a-job-column {
display: none;
}
.page-template-content-job-list .jobs-ctas .large-8 {
padding-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.social-media-follow{
right: auto;
left: 0.3em;
top: 0.4em;
}
}
/* Sticky Header and Progress Bar */
.header .progress {
display: block;
position: absolute;
left: -15px;
height: 2.5px;
top: 49px;
z-index: 11111;
width: 0;
background-color: #b81a1a;
background-image:
linear-gradient(
to right,
#b81a1a,
#d31a1a 50%
);
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.site-nav.fixed {
position: fixed;
top: 0px;
width: 100%;
height: 60px;
left: 0px;
}
.sticky-mobile-menu {
background: transparent none repeat scroll 0% 0%;
color: white;
margin-left: 1em;
display: none !important;
margin-top: 0.3em;
-moz-transition: all 1.5s linear;
-o-transition: all 1.5s linear;
-webkit-transition: all 1.5s linear;
transition: all 1.5s linear;
}
.site-nav.fixed .sticky-mobile-menu {
display: block !important;
position: absolute;
width: 100%;
margin-top: 10px;
}
.sticky-mobile-menu::before {
color: #fff;
}
.sticky-mobile-menu::after {
content: "\f0c9";
color: white;
font: 1em fontawesome;
position: absolute;
left: 0;
top: 45%;
margin-top: -0.4em;
display: none;
}
#menu-header-nav ul::before {
content: "\f0c9";
color: white;
font: 1em fontawesome;
position: absolute;
top: 45%;
margin-top: -0.4em;
}
.site-nav.fixed .sticky-mobile-menu span {
/* display: none; */
}
.site-nav.fixed .row {
max-width: 100%;
}
.site-nav.fixed ul {
padding-left: 14em;
text-align: left;
}
.site-header {
z-index: 1111;
}
.site-nav.fixed ul li a {
font-size: 0.8em;
padding: 1.3em 1em;
}
.site-nav.fixed ul li:nth-child(1) a, .site-nav.fixed ul li:nth-child(2) a {
padding: 1.3em 1em 1.3em 2.5em;
top: 0;
}
.site-nav.fixed ul li:nth-child(1) a:before, .site-nav.fixed ul li:nth-child(2) a:before {
left: 0.9em;
top: 1.75em;
width: 13px;
height: 10px;
}
.site-nav.fixed ul li:nth-child(2) a:before {
top: 1.58em;
}
@media (max-width: 1024px) {
.site-nav {
display: block;
}
.site-nav.fixed ul {
height: 70px;
}
.site-nav.fixed .sticky-mobile-menu span {
text-indent: 0px;
display: block;
margin-left: 30px;
}
.site-nav.fixed ul {
text-align: left;
padding-left: 15em;
}
.sticky-mobile-menu:before {
color: #fff;
margin-top: 0px;
margin-left: 10px;
}
.site-sidebar-toggle:before, .search-box p:before {
top: 18%;
left: 0;
}
.email-newsletter-banner {
margin-top: 0.5em;
}
}
@media (max-width: 960px) {
.site-nav.fixed ul li:nth-child(3), .site-nav.fixed ul li:nth-child(4), .site-nav.fixed ul li:nth-child(5), .site-nav.fixed ul li:nth-child(6), .site-nav.fixed ul li:nth-child(7), .site-nav.fixed ul li:nth-child(8) {
display: none;
}
}
.navigation-overlay {
width: 100%;
height: 100vh;
background-color: #000;
position: fixed;
z-index: -11111;
opacity: 0;
visibility: hidden;
float: left;
overflow: scroll;
padding: 2em;
transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-webkit-transition: opacity 0.4s ease-in;
}
.navigation-overlay h2 {
text-align: center;
font-size: 1.8em;
text-transform: uppercase;
color: white;
margin: 1em 0;
}
.navigation-overlay h2 span {
padding: 0 2em;
display: inline-block;
position: relative;
}
.navigation-overlay h2 span:before {
content: "\f0c9";
font: 1em fontawesome;
position: absolute;
left: 0;
top: 40%;
margin-top: -0.4em;
color: white;
}
.navigation-overlay .article-menu ul, .navigation-overlay .hot {
max-width: 800px;
margin: 0 auto;
}
.navigation-overlay .article-menu ul li {
display: block;
clear: left;
padding-top: 2em;
font-size: 1.2em;
}
.navigation-overlay .article-menu ul li a {
}
.navigation-overlay .article-menu ul > li li {
display: inline-block;
float: left;
clear: none;
padding-top: 0;
font-size: 0.9em;
}
.navigation-overlay .article-menu ul > li li a {
background: white;
color: black;
margin: 0 0.3em 0.3em 0;
display: block;
}
.navigation-overlay .article-menu ul > li ul.sub-menu {
margin-top: 0.5em;
margin-bottom: 2em;
clear: left;
}
.navigation-overlay .article-menu ul > li li ul {
display: block;
}
.navigation-overlay .article-menu ul > li li ul li {
padding-top: 0;
}
.navigation-overlay .article-menu ul > li li ul li a {
background: #ccc;
}
.navigation-overlay .sidebar-banners ul {
float: left;
width: 33%;
text-align: center;
padding-top: 3em;
}
.navigation-overlay .sidebar-banners ul li {
margin: 0 auto 1em;
}
.jobs-ad {
max-width: 800px;
margin: 0 auto;
}
.jobs-ad a {
display: inline-block;
background-color: rgb(212, 45, 45);
color: rgb(255, 255, 255);
text-decoration: none;
text-transform: uppercase;
font: 1.2em/1.2 Montserrat, helvetica, arial, sans-serif;
padding: 1em 5em 1em 1em;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out;
position: relative;
width: 14em;
}
.jobs-ad a:after {
content: "\f022";
font: 3em fontawesome;
color: white;
position: absolute;
right: 0.3em;
top: 50%;
margin-top: -0.5em;
}
.navigation-overlay .pages-nav ul {
font: 1em Montserrat, "Helvetica Neue", helvetica, Arial, sans-serif;
margin: 0 auto 3em auto;
padding: 0.5em 0;
text-align: left;
}
.navigation-overlay .article-menu.hot ul li {
padding-top: 0.3em;
display: inline-block;
}
.navigation-overlay .pages-nav {
width: 300px;
font-size: 0.8em;
margin: 1em auto;
}
.navigation-overlay .pages-nav a {
color: white;
}
@media (min-width: 1440px) {
.category .close-sidebar, .page .close-sidebar {
display: block;
}
}
@media (max-width: 640px) {
.navigation-overlay .sidebar-banners ul {
float: none;
width: 100%;
text-align: center;
padding: 0 1em 1em 1em;
}
.navigation-overlay .sidebar-banners ul li {
margin: 0 auto 1em;
}
}
@media (max-width: 490px) {
.site-sidebar-toggle:before, .search-box p:before {
top: 40%;
left: 0.2em;
}
.site-nav.fixed .sticky-mobile-menu span {
margin-top: 28px;
}
.navigation-overlay h2 {
font-size: 1.4em;
}
}
.site-sidebar-open .navigation-overlay {
opacity: 1;
z-index: 9999;
visibility: visible;
}
.navigation-overlay h3 {
width: 100%;
color: #fff;
text-align: center;
}
.navigation-overlay .article-menu {
}
.navigation-overlay .article-menu h3 {
}
.navigation-overlay .hot {
clear: both;
}
.navigation-overlay .hot h4 {
color: rgb(255, 255, 255);
text-align: left;
}
.navigation-overlay .sidebar-banners {
}
.comment-feature li{
height: 32em;
}
.comment-feature .post-image img {
width: 100%;
}
/* Audience Data Category */
.category-media_metrics h1 {
margin: 0;
}
.category-media_metrics .large-4 h2, .category-media_metrics .large-6 h2 {
font: bold 1.8em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
margin: 0 0 1em 0;
}
.large-4 .category-media_metrics h2 {
font-size: 1.4em;
}
.lovely-chart {
padding: 0 2em;
margin: 0 0 2em 0;
background: white;
text-align: center;
box-shadow: 0 0 1em 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.1);
}
/*.lovely-chart h2 {
background: #eaf1f5;
padding: 1em;
font: 1em Merriweather, georgia, serif;
margin: 0em -2em 2em -2em;
border-bottom: solid 1px #c7dbe7;
}
.lovely-chart h2 a {
text-decoration: none;
color: #487186;
font-size: 1.6em;
}*/
.lovely-chart h3 {
max-width: 1000px;
margin: 0em -1em 1em -1em;
background: #E6F0F5;
padding: 2.4em 1em 1em 1em;
}
.large-4 .lovely-chart h3 {
font-size: 1.2em;
}
.lovely-chart .submit {
margin-top: 2em;
}
@media (max-width: 1024px) {
.category-media_metrics .category-content .national-press-column, .category-media_metrics .category-content .regional-press-column,
.category-media_metrics .category-content .magazines-column, .category-media_metrics .category-content .digital-column,
.category-media_metrics .category-content .radio-column {
width: 100%;
float: none;
}
}
@media (min-width: 1025px) {
.national-press-column {
border-bottom: solid 1px #ededed;
border-right: solid 1px #ededed;
padding: 2em;
}
.regional-press-column {
border-bottom: solid 1px #ededed;
padding: 2em;
}
.magazines-column {
border-right: solid 1px #ededed;
padding: 2em;
}
.digital-column {
border-right: solid 1px #ededed;
padding: 2em;
}
.radio-column {
padding: 2em;
}
}
/* Post Jobs Page */
.post-jobs-page {
}
.post-jobs-top {
font-size: 0.8em;
padding: 2em;
background-color: rgb(250, 250, 250);
border: 1px solid rgb(153, 153, 153);
margin-bottom: 2em;
}
.post-jobs-top h3 {
padding-bottom: 0.5em;
}
.basic-listing {
padding: 2em;
background: white;
margin-bottom: 2em;
margin-top: 1em;
box-shadow: 0 0 2em 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 2em 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 2em 0 rgba(0,0,0,0.2);
}
.enhanced-listing, .premium-listing {
padding: 2em;
background-color: #f7f7f7;
border: 1px solid #ebebeb;
margin-bottom: 1em;
}
.ad-blocker-message {
padding: 1em;
}
.single-job_listing .primary-content::before {
content: 'ADVERTISEMENT';
color: white;
position: absolute;
margin-top: 10px;
padding: 4px 10px 5px;
font: 0.9em montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
background-color: black;
}
.single-job_listing .entry-title {
margin: 0 0 0.2em 0;
}
.single-job_listing .job_listing.has-post-thumbnail .post-thumbnail {
display: block;
margin-left: 0px;
float: left;
width: auto;
}
ul.job_listings li.job_listing a {
padding-left: 1em;
}
ul.job_listings li.job_listing a div.position {
padding: 0 0 0 0px;
}
ul.job_listings li.job_listing a div.position h3 {
margin-top: 0px;
}
ul.job_listings li.job_listing a:hover div.position h3 {
color: black;
text-decoration: underline;
}
ul.job_listings li.job_listing a img.company_logo {
max-height: 85px;
max-width: 120px;
width: auto;
position: static;
}
ul.job_listings li.job_listing a div.position .company {
color: #444;
}
ul.job_listings li.job_listing a:hover div.position .company {
color: #000;
}
@media (max-width: 1024px) {
.page-template-content-job-posting .large-8, .page-template-content-job-list .large-8 {
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.page-template-content-job-posting .article-sidebar, .page-template-content-job-list .article-sidebar {
display: none;
}
}
.single-job_listing .article-date {
margin-top: 0.75em;
margin-left: 10.5em;
padding-bottom: 2em;
}
/* Article image crop */
@media (max-width: 900px) {
}
@media (min-width: 500px) {
.home .comment-feature .post-image {
max-height: 144px;
overflow: hidden;
}
.home .editors-pick-feature .post-image {
max-height: 144px;
overflow: hidden;
}
}
@media (min-width: 729px) {
.home .comment-feature .post-image {
max-height: 114px;
overflow: hidden;
}
.home .editors-pick-feature .post-image {
max-height: 114px;
overflow: hidden;
}
}
@media (min-width: 1025px) {
.home .comment-feature .post-image {
max-height: 214px;
overflow: hidden;
}
.home .editors-pick-feature .post-image {
max-height: 214px;
overflow: hidden;
}
}
@media (min-width: 1220px) {
.home .comment-feature .post-image {
max-height: 258px;
overflow: hidden;
}
.home .editors-pick-feature .post-image {
max-height: 258px;
overflow: hidden;
}
}
.page-template-content-job-posting #mceu_8-body {
display:none;
}
.page-template-content-job-posting #job_description {
display: block !important;
color: #000;
}
.page-template-content-job-posting #mceu_36
{
display: none;
}
.page-template-content-job-posting #submit-job-form h2 {
padding-bottom: 20px;
font-size: 2em;
margin-top: 1em;
}
#pb-un-actions {
display: none;
}
.latest-news #sticky.stick {
border: none;
z-index: 3;
}
.home .latest-news .latest-news-column .alm-reveal:nth-child(odd) {
/* margin-top: 400px;*/ margin-top: 0px;
}
.home .latest-news .latest-news-column .alm-reveal:nth-child(1) {
margin-top: 0px;
}
.home .between-article-leaderboard {
position: absolute;
z-index: 4;
}
.page-template-content-job-list .job-alerts p {
margin-top: 0px !important;
}
.page-template-content-job-list .job-alerts #wpcf7-f92498-o1 .wpcf7-form .wpcf7-submit {
position: absolute;
margin-top: -39px;
}
.page-template-content-job-list .job-alerts {
padding-bottom: 0px;
}
.single_job_listing .company .name .company_twitter:before {
font-family: fontawesome !important;
content: "\f099";
color: #000;
margin-left: -17px;
font-size: 18px;
z-index: 1111;
background: none;
margin-top: 1px;
}
/*Alex*/
.comment_counter{
background-color: grey;
text-align: center;
display: inline-block;
top: 0px;
right: 0px;
bottom: 0px;
width: 2em;
/*line-height: 2.5em;*/
display: block;
float: right;
/* padding-bottom: 1%;*/
border-left: 1px solid white;
float: right;
position: relative;
padding-left: 1em;
vertical-align: middle;
color: white !important;
font-weight: 700;
line-height:2.6em;
padding: 0.15em;
}
.comment_counter a{
text-decoration: none;
display: block;
background: rgb(51, 51, 51) none repeat scroll 0% 0%;
font: 1.6em Montserrat,"Helvetica Neue",helvetica,arial,sans-serif;
color: white;
padding: 0.31em 0.5em;
}
.comment_counter:before {
content: '';
border-right: solid 1em rgb(51,51,51);
border-top: solid 1em transparent;
border-bottom: solid 1em transparent;
position: absolute;
left: -0.9em;
top: 50%;
margin-top: -0.5em;
}
.recent_comment_author_name{
font-size: 143%;
}
/*Alex*/
.comments_btn {
cursor:default !important;
font-size: 123%;
}
/* Mobile responsive popup box */
@media screen and (max-width: 480px){
#itro_popup{
max-width: 300px
}
}
@media screen and (max-width: 780px){
#ipp_mobile_close_tab {
display: block !important;
width: 76.5% !important;
margin-left: auto !important;
margin-right: auto !important;
background: #d32d2d !important;
font-size: 0.8em;
}
#popup_content .form-submit{
width: 100%;
font-size: 0.8em;
}
#itro_popup{
right:0px !important;
left:0px !important;
width:100% !important;
max-width: 100% !important;
margin-left:0em !important;
padding-bottom: 4em !important;
}
#close_cross {
top: 20px !important;
right: 10px !important;
display: block !important;
}
#itro_popup button{
font-size: 0.8em;
}
}
@media screen and (max-width: 480px){
#itro_popup {
padding-bottom: 4em !important;
}
}
@media (max-width: 768px){
#menu-primary-menu {
display:none;
}
.navigation-overlay .article-menu ul > li li a {
font-size: 0.8em;
}
}
ul.job_listings li.job_listing.course_position_featured a {
background: white;
position: relative;
margin-bottom: 1em;
box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);
}
.course_position_featured :hover {
background: #fefed8 !important;
}
ul.job_listings li.job_listing.course_position_featured a:after {
content: "Featured Course";
font: 1em/1 montserrat, helvetica, arial, sans-serif;
text-transform: uppercase;
position: absolute;
top: 0.5em;
right: 0.5em;
background: #e70022;
color: white;
padding: 0.2em 0.3em;
}
.advertise_btn{
background:#d42d2d !important;
height: 4em !important;
}
.advertise_color{
color:#fff;
}
.loc-image{
height: 1em;
}
.course_dir_title{
text-decoration: none;
}
.the_ftd_img img{
max-width: 4em;
height: auto;
}
@media (max-width: 728px) {
.header-ad {
clear: both;
padding-top: 1em;
}
}
.close_iframe {
position: absolute;
right: -45px;
top: 29px;
width: 32px;
height: 52px;
line-height: 5.9;
opacity: 0.9;
text-align: center;
font-size: .68em;
font-family: Helvetica, sans-serif;
color: #767676;
}
.close_iframe:hover {
opacity: 1;
cursor: pointer
}
.close_iframe:before, .close_iframe:after {
position: absolute;
left: 17px;
content: ' ';
height: 20px;
width: 2px;
background-color: #686868;
bottom: 28px;
}
.close_iframe:before {
transform: rotate(45deg);
}
.close_iframe:after {
transform: rotate(-45deg);
}
.leaderboard-fixed {
position: fixed;
top: 47px;
z-index: 999;
width: 100%;
}
.remove_iframe {
display: none !important;
}
/* zims styles */
.alm-listing .alm-reveal>li{
padding-left:0px!important;
}
.alm-listing .alm-reveal>li img{
position: relative!important;
}
.wp-polls {
background: #fff;
padding: 5em 2em 2em 2em;
position: relative;
margin: 3em 0;
border-radius: 0.35em;
box-shadow: 0.1em 0.1em 0.4em 0 rgba(0,0,0,0.3);
overflow: hidden;
clear: both;
}
.wp-polls:before {
content: 'Polls';
background: #000 url('/wp-content/themes/overcast/img/press-gazette-logo-nav.png') center 1.5em no-repeat;
background-size: 100px;
width: 100%;
height: 5em;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 9;
color: white;
padding-top: 3.3em;
font: lighter 0.7em Montserrat;
text-transform: uppercase;
letter-spacing: 0.2em;
text-align: center;
}
/*.wp-polls:after {
content: '';
background: url(https://www.army-technology.com/wp-content/uploads/sites/3/2020/01/chart.jpg) no-repeat center bottom;
background-size: 100%;
position: absolute;
left: 0;
bottom: 0;
right: 0;
display: block;
opacity: 0.3;
height: 400px;
}*/
.wp-polls form {
position: relative;
z-index: 9;
}
.entry-content .wp-polls p:first-of-type, .entry-content .wp-polls p {
margin: 0;
color: #000;
font-size: 2.4em;
}
.entry-content .wp-polls p:last-of-type {
font-size: 2.4em;
}
.entry-content .wp-polls p:last-of-type a {
color: #0b2d4c;
}
.entry-content .wp-polls p:nth-of-type(3) {
font: 2.1em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
/*color: white;*/
width: 500px;
margin: 0 auto;
max-width: 100%;
}
.entry-content .wp-polls ul {
padding: 0;
margin: 1.5em auto;
max-width: 360px;
font: 1.6em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
}
.entry-content .wp-polls ul li {
clear: left;
}
.entry-content .wp-polls ul li label {
position: relative;
padding-left: 2em;
float: left;
clear: left;
}
.entry-content .wp-polls ul li input {
border: solid 2px #000;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
top: 0.25em;
cursor: pointer;
opacity: 0;
}
.wp-polls ul li label {
color: #222 !important;
cursor: pointer;
}
.wp-polls ul li input + label:before {
content: "";
width: 1.2em;
height: 1.2em;
border-radius: 50%;
border: solid 3px #000;
position: absolute;
left: 0em;
top: 0.2em;
background: white;
}
.wp-polls ul li input:checked + label:after {
content: "\f00c";
font: 0.9em fontawesome;
color: black;
position: absolute;
left: 0.1em;
top: 0.4em;
width: 1em;
height: 1em;
background: white;
border-radius: 50%;
}
.entry-content .wp-polls ul li label:hover input {
border: solid 2px #0b2d4c;
}
.entry-content .wp-polls .wp-polls-ans ul li {
margin-bottom: 0.2em;
}
.wp-polls .pollbar {
height: 2.5em;
border: none;
margin: 2em 0 3em 0;
}
.post-content .wp-polls .Buttons, .wp-polls .Buttons {
background-color: #000;
border: none;
color: white;
padding: 0.5em 1.5em 0.5em;
border-radius: 0.2em;
cursor: pointer;
margin-bottom: 1em;
transition: all 0.4s ease-in-out;
box-shadow: 0 0.1em 0.2em 0 rgba(0,0,0,0.5);
}
.post-content .wp-polls p .Buttons, .wp-polls p .Buttons {
background: black;
color: white;
font-size: 0.9em;
padding: 0.5em 1em;
margin-top: 1em;
}
.wp-polls .Buttons:hover {
background: #0b2d4c;
color: white;
}
.verdict-chart .wp-polls {
margin: 0;
}
.secondary-content .wp-polls {
margin-top: 0;
box-shadow: none;
}
.wp-polls ul li {
margin-bottom: 0.5em;
}
.secondary-content .wp-polls p {
font: lighter 1.8em montserrat, helvetica, arial, sans-serif;
margin: 0;
}
.secondary-content .wp-polls ul {
margin-top: 2em;
}
.secondary-content .wp-polls ul li label {
max-width: 75%;
margin-left: 8%;
}
.secondary-content .wp-polls ul li input {
opacity: 0;
}
@media (min-width: 1024px) {
.post .post-content .wp-polls p:last-of-type {
font-size: 1.8em;
margin-bottom: 0;
}
.post .post-content .wp-polls p:nth-of-type(3), #infinite-article .entry-content blockquote.cc-blockquote .wp-polls p:nth-of-type(3) {
font: 2.1em/1.3 Lato, "Helvetica Neue", helvetica, arial, sans-serif;
}
.entry-content .wp-polls div ul + p:last-of-type {
font-size: 1.6em;
}
}
.newsletterBox {
background-color: #000;
border-top: 1.2em solid #d62c2d;
margin-bottom: 1em;
margin-top: 1em;
height: 18.5em;
}
.newsletterBox h1 {
font-family: Merriweather, Georgia, "Times New Roman", serif;
color: #fff;
font-size: 2em;
margin-left: 1.1em;
margin-bottom: 0.5em;
margin-top : -0.3em;
}
.newsletterBox h2 {
font-family: Merriweather, Georgia, "Times New Roman", serif;
color: #fff;
font-weight: 600px;
font-size: 18px;
margin-top: 3.5em;
margin-left: 2em;
width: 11em;
display: inline-block;
}
.newsletterBox p {
font-family: Merriweather, Georgia, "Times New Roman", serif;
color: #fff !important;
font-weight: 600px;
font-size: 12px;
margin-top: 1em;
margin-left: 1.8em !important;
}
.newsletterBox i {
float: right;
margin-right: 2em;
margin-top: 8px;
}
.subscribeBtn {
background-color: #d62c2d;
color: #fff;
margin-left: 2em;
width: 14em;
margin-bottom: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-radius: 3px;
}
.subscribeBtn a {
font-family: Merriweather, Georgia, "Times New Roman", serif;
margin-left: 1em;
text-decoration: none;
}
.img-newsletter {
float: right;
height: 50px;
margin-top: 1.7em;
margin-right: 2em;
}
a.fullBtn {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}
@media (max-width: 710px) {
.img-newsletter {
margin: auto;
display: flex;
float:none;
margin-top: 1em;
}
.newsletterBox h1 {
}
.newsletterBox h2 {
}
.newsletterBox {
height: 23em;
}
}
@media (max-width: 495px){
.newsletterBox h1 {
font-size: 16px;
margin-left: 2.2em;
margin-bottom: 2em;
margin: auto;
text-align: center;
}
.newsletterBox h2 {
font-size: 14px;
display: flex;
margin-left: 2.5em;
margin-top: 1em !important;
margin: auto;
text-align: center;
}
.newsletterBox p {
font-size: 14px !important;
margin-left: 1em !important;
margin-right: 1em !important;
display: flex;
margin: auto;
text-align: center;
margin-top: 1em !important;
}
.subscribeBtn {
margin: auto;
margin-top: 2em;
}
.newsletterBox {
height: 19em;
}
}