@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
@import url("//fonts.googleapis.com/css?family=EB+Garamond|Archivo+Black|Inconsolata:400,700|Droid+Serif:400,700,400italic,700italic|Droid+Sans:400,700|Alegraya|Questrial");
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: scroll;
    color: #231F20
}

html {
    font-size: 100%;
    line-height: .625em
}

html,
button,
input,
select,
textarea {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif
}

body {
    margin: 0
}

html body {
    line-height: 1.25em
}

a {
    text-decoration: none;
    color: #231F20
}

a:visited {
    color: #231F20
}

a:focus {
    outline: thin dotted
}

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

h1 {
    font-size: 2em;
    line-height: 1.25em;
    margin-top: .3125em;
    margin-bottom: .3125em
}

h2 {
    font-size: 2em;
    line-height: 1.25em;
    margin-top: .3125em;
    margin-bottom: .3125em
}

h3 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-top: .41667em;
    margin-bottom: .41667em
}

h4 {
    font-size: 1em;
    line-height: 1.25em;
    margin-top: .625em;
    margin-bottom: .625em
}

h5 {
    font-size: .875em;
    line-height: 1.42857em;
    margin-top: .71429em;
    margin-bottom: .71429em
}

h6 {
    font-size: .75em;
    line-height: 1.66667em;
    margin-top: .83333em;
    margin-bottom: .83333em
}

.pane-title {
    margin: 0
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    font-weight: normal
}

hr {
    height: 1px;
    border: 1px solid #666;
    padding-bottom: -1px;
    margin: .625em 0
}

abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
    white-space: nowrap
}

b,
strong {
    font-weight: bold
}

blockquote {
    margin: .625em 20px
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #231F20
}

p,
pre {
    margin: .625em 0
}

pre,
code,
kbd,
samp,
tt,
var {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-size: 1em;
    line-height: 1.25em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

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

small {
    font-size: 75%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul,
.item-list ul {
    margin: 0;
    list-style: none
}

.item-list ul li {
    margin: 0
}

dd {
    margin: 0 0 0 20px
}

ul ul,
ul ol,
ol ul,
ol ol,
.item-list ul ul,
.item-list ul ol,
.item-list ol ul,
.item-list ol ol {
    margin: 0
}

menu,
ol,
ul,
.item-list ul {
    padding: 0
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    display: block
}

svg:not(:root) {
    overflow: hidden
}

@-moz-keyframes fader {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fader {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fader {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

html .ajax-progress {
    display: block;
    width: 100%;
    position: relative;
    height: 44px
}

html .ajax-progress .throbber {
    background: url(../images/c-loader.png) no-repeat;
    width: 39px;
    height: 39px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-animation: fader 1s infinite;
    -webkit-animation: fader 1s infinite;
    animation: fader 1s infinite
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border-color: #c0c0c0;
    margin: 0 2px;
    border-top-width: .0625em;
    border-top-style: solid;
    padding-top: .15625em;
    border-bottom-width: .0625em;
    border-bottom-style: solid;
    padding-bottom: .34375em;
    border-left-width: .0625em;
    border-left-style: solid;
    padding-left: .34375em;
    border-right-width: .0625em;
    border-right-style: solid;
    padding-right: .34375em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

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

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

input[type="checkbox"],
input[type="radio"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: .625em;
    margin-bottom: .625em
}

th {
    text-align: left;
    padding: 0;
    border-bottom: none
}

tbody {
    border-top: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#header,
#main,
#footer,
#leaderboard,
#page-meta,
#explore-footer .view-display-id-more_articles>* {
    width: 972px
}

.ie #header,
.ie #main,
.ie #footer,
.ie #leaderboard,
.ie #page-meta,
.ie #explore-footer .view-display-id-more_articles>* {
    width: 972px
}

#header,
#main,
#footer,
#leaderboard,
#page-meta {
    margin-left: auto;
    margin-right: auto
}

#explore-footer,
#content-nav-wrap {
    width: 100%
}

#content-nav-wrap {
    position: relative;
    padding-top: 50px;
    border-left: 1px solid black
}

#content-nav-wrap #navigation {
    position: absolute;
    top: 0;
    left: 0
}

@media all and (max-width: 971px) {
    #content-nav-wrap {
        border-left: none
    }
}

#main .region-sub-navigation {
    margin-bottom: 20px
}

img {
    max-width: 100%
}

@media all and (max-width: 648px) {
    #page>*,
    #page #explore-footer .view-display-id-more_articles>* {
        max-width: 648px
    }
    #page #content-nav-wrap #navigation {
        position: relative;
        top: auto;
        left: auto
    }
    #page #header,
    #page #main,
    #page #footer,
    #page #leaderboard,
    #page #page-meta,
    #page #explore-footer .view-display-id-more_articles>* {
        width: 100%
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media all and (max-width: 648px) {
    #page .panel-col-top_aside,
    #page .panel-col-top_main,
    #page .panel-col-main,
    #page .panel-col-aside {
        width: 100%;
        margin: 0
    }
    #page .panel-col-top_aside .inside,
    #page .panel-col-top_main .inside,
    #page .panel-col-main .inside,
    #page .panel-col-aside .inside {
        padding: 0
    }
    #page .panel-clash-section .panel-col-top_aside {
        margin-top: 20px
    }
    #page .panel-clash-home .panel-col-top_main .inside {
        padding: 0px
    }
}

@media all and (max-width: 400px) {
    #page .panel-clash-home .centre-wrapper {
        margin-top: 10px
    }
}

@media all and (max-width: 985px) {
    #page #author .panel-col-top_aside,
    #page #author .panel-col-top_main,
    #page #author .panel-col-main,
    #page #author .panel-col-aside {
        width: 100%;
        margin: 0
    }
    #page #author .panel-col-top_aside .inside,
    #page #author .panel-col-top_main .inside,
    #page #author .panel-col-main .inside,
    #page #author .panel-col-aside .inside {
        padding: 0
    }
    #page #author .panel-clash-section .panel-col-top_aside {
        margin-top: 20px
    }
    #page #author .panel-clash-home .panel-col-top_main .inside {
        padding: 0px
    }
}

.panel-clash-home .panel-col-top_aside .contextual-links-region {
    position: static
}

.tabs {
    position: absolute;
    padding-top: 20px;
    top: 10px;
    right: 10px;
    min-width: 100px;
    display: block
}

.tabs:before {
    content: "Actions";
    font-weight: bold;
    position: absolute;
    top: 0
}

.tabs li {
    float: left;
    clear: both
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0;
    padding: 0;
    background-position: center top;
    background-repeat: no-repeat
}

#page {
    position: relative;
    padding: 10px 0;
    z-index: 1
}

#takeover {
    display: none;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 2000px;
    overflow: hidden
}

#takeover .region-takeover {
    width: 2000px;
    position: absolute;
    left: 50%;
    margin-left: -1000px
}

#takeover img {
    margin: 0 auto
}

#skip-link {
    margin: 0
}

#skip-link a,
#skip-link a:visited {
    display: block;
    width: 100%;
    padding: 2px 0 3px 0;
    text-align: center;
    background-color: #666;
    color: #fff
}

#leaderboard .block,
#leaderboard .ad-size-leaderboard {
    margin: 0 auto;
    width:75%;
}

.pane-dfp-leaderboard-op {
width: 75%;
margin: auto;
}

#div-gpt-ad-top,
#div-gpt-ad-bottom {
    text-align: center
}

#header {
    position: relative;
    margin-bottom: 10px
}

#logo {
    margin: 0;
    padding: 0
}

#logo a {
    display: block;
    width: 263px;
    min-width: 25px;
    max-width: 70%;
    height: 60px;
    margin: 0 auto
}

#logo img {
    display: block;
    vertical-align: bottom
}

#name-and-slogan {
    float: left
}

#site-name {
    margin: 0;
    font-size: 2em;
    line-height: 1.5em
}

#site-name a:link,
#site-name a:visited {
    color: #231F20;
    text-decoration: none
}

#site-name a:hover,
#site-name a:focus {
    text-decoration: underline
}

#site-slogan {
    margin: 0;
    font-size: 1em
}

#navigation #main-menu,
.region-navigation {
    display: none
}

#main {
    position: relative;
    background-color: #fff
}

.breadcrumb ol {
    margin: 0;
    padding: 0
}

.breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1.title,
h2.node-title,
h2.block-title,
h2.title,
h2.comment-form,
h3.title {
    margin: 0
}

div.messages {
    margin: 1.5em 0
}

div.messages ul {
    margin-top: 0;
    margin-bottom: 0
}

ul.inline {
    display: inline;
    padding: 0
}

ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 0 0
}

span.field-label {
    padding: 0 1em 0 0
}

.view-latest-videos-in-section-preview .item-list .pager,
.view-latest-article-in-section-preview .item-list .pager {
    padding: 0
}

.view-latest-videos-in-section-preview .item-list .pager li,
.view-latest-article-in-section-preview .item-list .pager li {
    padding: 0 0;
    font-style: italic;
    overflow: hidden;
    *zoom: 1
}

.view-latest-videos-in-section-preview .item-list .pager li.pager-previous,
.view-latest-videos-in-section-preview .item-list .pager li.pager-next,
.view-latest-article-in-section-preview .item-list .pager li.pager-previous,
.view-latest-article-in-section-preview .item-list .pager li.pager-next {
    cursor: pointer;
    display: block
}

.view-latest-videos-in-section-preview .item-list .pager li.pager-previous a,
.view-latest-videos-in-section-preview .item-list .pager li.pager-next a,
.view-latest-article-in-section-preview .item-list .pager li.pager-previous a,
.view-latest-article-in-section-preview .item-list .pager li.pager-next a {
    width: 0;
    height: 0;
    margin: 10px;
    text-indent: -9999px;
    display: block
}

.view-latest-videos-in-section-preview .item-list .pager li.pager-previous,
.view-latest-article-in-section-preview .item-list .pager li.pager-previous {
    float: left
}

.view-latest-videos-in-section-preview .item-list .pager li.pager-previous a,
.view-latest-article-in-section-preview .item-list .pager li.pager-previous a {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fff
}

.view-latest-videos-in-section-preview .item-list .pager li.pager-next,
.view-latest-article-in-section-preview .item-list .pager li.pager-next {
    float: right
}

.view-latest-videos-in-section-preview .item-list .pager li.pager-next a,
.view-latest-article-in-section-preview .item-list .pager li.pager-next a {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff
}

.page-node-done .webform-confirmation {
    margin: 0 20px
}

.page-node-done .links a {
    margin: 0 20px;
    font-weight: bold
}

.page-node-submissions #content {
    margin: 0 20px
}

@media all and (max-width: 648px) {
    #page #logo a {
        height: auto
    }
}

#reskin-left {
    display: none
}

#reskin-right {
    display: none
}

#reskin-content {
    background: #fff
}

.front .region-sidebar-first .block center img,
.front .region-sidebar-first .block center iframe {
    margin-bottom: 20px
}

@media all and (max-width: 480px) {
    #page {
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    #page {
        width: 1362px;
        max-width: 100%;
        margin: 0 auto;
        position: relative
    }
    #page #content-nav-wrap {
        width: 972px;
        margin: 0 auto
    }
}

#header,
#main,
#footer,
#leaderboard,
#page-meta,
#explore-footer .view-display-id-more_articles>* {
    width: 972px;
    max-width: 100%
}

.addthis-follow {
    margin: 20px 0
}

.addthis-follow h2 {
    display: inline-block;
    margin: 0;
    font-family: "Inconsolata", monospace, serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 10px
}

.addthis-follow .addthis_custom_follow {
    display: inline-block;
    vertical-align: middle
}

.panel-col-main .addthis-follow {
    margin: 0 0 20px 10px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#latest-issue,
.view-latest-issue-promo {
    background: #231F20;
    color: #fff;
    width: 100%
}

#latest-issue a,
.view-latest-issue-promo a {
    color: #fff
}

#latest-issue .views-field-title a:after,
.view-latest-issue-promo .views-field-title a:after {
    display: none
}

#latest-issue .view-header h3,
.view-latest-issue-promo .view-header h3 {
    display: block;
    padding: 15px 20px;
    margin: 0;
    font-size: .875em;
    line-height: 1.42857em
}

#latest-issue .view-content,
#latest-issue .view-header,
.view-latest-issue-promo .view-content,
.view-latest-issue-promo .view-header {
    width: 304px;
    margin: 0 auto
}

#latest-issue .view-content h3,
.view-latest-issue-promo .view-content h3 {
    font-size: 1em;
    line-height: 1.25em;
    padding: 15px 20px 0 20px;
    margin: 0
}

#latest-issue .view-content h4,
.view-latest-issue-promo .view-content h4 {
    font-size: .875em;
    line-height: 1.42857em;
    padding: 0 20px 15px 20px;
    margin: 0
}

#latest-issue .field-name-field-description,
.view-latest-issue-promo .field-name-field-description {
    padding: 15px 20px
}

#latest-issue .field-name-field-description p,
.view-latest-issue-promo .field-name-field-description p {
    margin: 0
}

.view-recommended-articles {
    position: relative;
    margin: 0 10px 20px 10px;
    background: #231F20;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 5px 0px 5px;
    overflow: hidden
}

.view-recommended-articles a {
    color: #fff
}

.view-recommended-articles .view-header {
    position: absolute;
    top: 5px;
    left: 5px
}

.view-recommended-articles .view-header ._s {
    margin: 0 8px 0 4px
}

.view-recommended-articles .view-header h2 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    font-style: italic;
    cursor: pointer
}

.view-recommended-articles .view-content {
    padding: 0 20px;
    margin-left: 120px
}

.view-recommended-articles .view-content li {
    margin-bottom: 5px;
    display: none
}

.view-recommended-articles .view-content li:first-child {
    display: block
}

.view-recommended-articles .view-footer {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-style: italic
}

.view-recommended-articles .view-footer .see-more:after {
    content: " ";
    margin-left: 10px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 6px;
    background-position: -55px -35px
}

.view-recommended-articles.openRec .view-footer .see-more:after {
    width: 7px;
    height: 6px;
    background-position: -55px -27px
}

.js-active.view-recommended-articles .view-content li {
    display: block
}

@media all and (max-width: 648px) {
    #page #latest-issue .view-header h3 {
        padding: 15px 0px
    }
    #page #latest-issue .view-content h3 {
        font-size: 1em;
        line-height: 1.25em;
        padding: 0 0px 0 0px
    }
    #page #latest-issue .view-content h4 {
        font-size: .875em;
        line-height: 1.42857em;
        padding: 0 0px 15px 0px;
        margin: 0
    }
    #page #latest-issue .pane-block-5 {
        padding-top: 19px;
        border-top: 1px solid #231F20
    }
    #page #latest-issue .pane-block-5 .pane-content {
        width: 304px;
        margin: 0 auto
    }
    #page .view-recommended-articles {
        margin: 0 20px
    }
    #page .view-recommended-articles .view-footer {
        display: none
    }
}

@media all and (max-width: 400px) {
    #page .view-recommended-articles {
        margin: 0 10px
    }
    #page .view-recommended-articles .view-content {
        margin-top: 22px;
        margin-left: 0;
        padding: 0 5px 0 23px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html body.admin-menu {
    margin-top: 31px !important;
    background-position: center 31px
}

#navigation {
    width: 100%;
    z-index: 20
}

#navigation>.block {
    margin-bottom: 0
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

#navigation .region-header {
    padding: 0;
    width: 238px
}

.lt-ie9 #page #navigation .region-header {
    width: 255px
}

#navigation .inner {
    position: relative
}

#navigation {
    width: 100%
}

#navigation .inner {
    width: 972px;
    max-width: 100%;
    margin: 0 auto
}

#navigation .region-header {
    position: absolute;
    margin-top: -70px;
    margin-right: 10px;
    top: 0;
    right: 0
}

#navigation #main-menu {
    margin: 0 10px;
    font-size: 1em;
    line-height: 1.25em;
    line-height: 3.125em;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: justify;
    height: 49px;
    border-bottom: 1px solid #231F20
}

#navigation #main-menu * {
    display: inline
}

#navigation #main-menu li a.active {
    color: #231F20
}

#navigation #main-menu li {
    padding: 15px 0
}

#navigation #main-menu li a {
    display: inline-block;
    overflow: visible
}

#navigation #main-menu h2 {
    display: none
}

#navigation #main-menu .justifier {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0px
}

#navigation #main-menu .activated {
    font-weight: bold;
    font-style: italic;
    position: relative
}

#navigation #main-menu .activated a:after {
    position: absolute;
    content: " ";
    bottom: 0px;
    left: 50%;
    margin-left: -5px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 10px;
    height: 8px;
    background-position: -66px -14px
}

#secondary-menu {
    float: right
}

#block-menu-menu-social-media-header {
    position: absolute;
    right: 0;
    z-index: 999
}

#block-menu-menu-social-media-header .leaf {
    float: left;
    border-left: #fff solid 1px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png)
}

#block-menu-menu-social-media-header .leaf a {
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: block
}

#block-menu-menu-social-media-header .leaf.facebook {
    width: 30px;
    height: 30px;
    background-position: -78px -2px
}

#block-menu-menu-social-media-header .leaf.twitter {
    width: 30px;
    height: 30px;
    background-position: -34px -72px
}

#block-menu-menu-social-media-header .leaf.youtube {
    width: 30px;
    height: 30px;
    background-position: -2px -72px
}

@media all and (max-width: 648px) {
    #navigation .inner {
        width: 100%
    }
    #navigation #main-menu {
        margin: 0;
        width: 100%;
        height: auto;
        font-size: 1.5em;
        line-height: 1.25em;
        text-transform: uppercase
    }
    #navigation #main-menu .links {
        overflow: hidden;
        *zoom: 1
    }
    #navigation #main-menu li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #231F20;
        padding: 0
    }
    #navigation #main-menu li.active {
        font-weight: bold
    }
    #navigation #main-menu li:first-child {
        border-top: 1px solid #231F20
    }
    #navigation #main-menu li a {
        display: block;
        padding: 10px 20px
    }
    #navigation .region-header {
        width: auto;
        padding-top: 0;
        position: relative;
        margin: 0
    }
    #navigation #block-menu-menu-social-media-header {
        display: none
    }
}

@media all and (max-width: 400px) {
    #navigation #main-menu li a {
        padding: 10px
    }
    #navigation .region-header {
        margin: 0
    }
}

@media all and (max-width: 648px) {
    #scroll-to-nav {
        position: absolute;
        top: 0px;
        right: 20px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        background: url("sprites/icon-show-menu-plus.png")
    }
}

@media all and (max-width: 400px) {
    #scroll-to-nav {
        right: 10px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.views-displays .secondary li {
    float: none;
    margin: 0 6px 0
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
    text-shadow: none;
    padding: 2px 7px 3px
}

.views-displays .secondary .open>a {
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 0 0
}

.views-displays .secondary .open>a:hover {
    color: #333
}

.views-displays .secondary .action-list li {
    margin: 0
}

.views-displays .secondary .action-list li:first-child {
    -moz-border-radius: 0 7px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0 7px 0 0
}

.views-displays .secondary .action-list li:last-child {
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0;
    border-radius: 0 0 7px 7px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.node-unpublished p.unpublished {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.comments {
    margin: 1.5em 0
}

.pane-node-comments h2.pane-title {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    display: block;
    padding: 0 15px;
    line-height: 30px
}

.pane-node-comments .pane-content {
    border-bottom: 1px solid #808080
}

.page-comment-reply #content {
    margin: 0px 10px;
    overflow: hidden;
    *zoom: 1
}

.user-picture {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 60px;
    max-height: 60px
}

.user-picture img {
    width: 60px;
    height: 60px
}

.comment {
    border-top: 1px solid #808080;
    padding-bottom: 20px
}

.comment.comment-preview {
    background-color: #ffffea
}

.comment.first {
    border-top: none
}

.comment .new {
    color: #c00
}

.comment .submitted {
    margin: 20px 0 0px 0
}

.comment .permalink {
    font-style: italic
}

.comment ul.links {
    margin-top: 5px;
    display: block
}

.comment ul.links li {
    float: left;
    margin-right: 8px;
    padding: 0
}

.comment ul.links li a {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    text-indent: -99999px
}

.comment ul.links li.unflag-nbsp {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5
}

.comment ul.links .comment-reply a {
    width: 15px;
    height: 10px;
    background-position: -78px -34px
}

.comment ul.links .flag-comment_flag a {
    width: 6px;
    height: 10px;
    background-position: -66px -42px
}

.comment ul.links .flag-comment_flag .flag-throbber {
    display: none;
    width: 0px;
    height: 0px
}

.comment ul.links .comment-delete,
.comment ul.links .comment-edit {
    display: none
}

.comment .field-name-comment-body {
    font-family: "Questrial", Helvetica, Arial, sans-serif
}

.comment .username {
    padding-right: 5px;
    font-weight: bold
}

.comment-form .add-comment-name {
    font-weight: normal;
    font-style: italic
}

.comment-form #comment-body-add-more-wrapper {
    overflow: hidden;
    *zoom: 1
}

.comment-form .grippie,
.comment-form .form-required {
    display: none
}

.comment-form .user-picture {
    position: absolute
}

.comment-form textarea {
    width: 548px;
    height: 150px;
    background-color: #e6e6e6;
    border: none;
    margin-left: 80px;
    padding: 10px
}

.comment-form .form-actions input {
    background: transparent url("../images/menu-collapsed.png") no-repeat center right;
    border: none;
    clear: left;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: bold;
    font-style: italic;
    padding-right: 17px;
    margin: 10px 0 0 80px
}

@media all and (max-width: 648px) {
    .comment-form .user-picture {
        display: none
    }
    .comment-form textarea {
        width: 100%;
        margin-left: 0
    }
    .comment-form .form-actions input {
        margin: 10px 0 0 0
    }
}

.indented {
    padding-left: 20px
}

.indented .indented {
    margin-left: 0px
}

.indented .comment {
    border-top: 1px dashed #000
}

.comment-unpublished p.unpublished {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word
}

@media all and (max-width: 648px) {
    #page .pane-node-comments .pane-content>*,
    #page .pane-node-comments .pane-title,
    #page .pane-node-comment-form .pane-content>*,
    #page .pane-node-comment-form .pane-title {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media all and (max-width: 400px) {
    #page .pane-node-comments .pane-content>*,
    #page .pane-node-comments .pane-title,
    #page .pane-node-comment-form .pane-content>*,
    #page .pane-node-comment-form .pane-title {
        margin-left: 10px;
        margin-right: 10px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media print {
    a:link,
    a:visited {
        text-decoration: underline !important
    }
    #site-name a:link,
    #site-name a:visited {
        text-decoration: none !important
    }
    #content a[href]:after {
        content: " (" attr(href) ")";
        font-weight: normal;
        font-size: 16px
    }
    #content a[href^="javascript:"]:after,
    #content a[href^="#"]:after {
        content: ""
    }
    #content abbr[title]:after {
        content: " (" attr(title) ")"
    }
    #content {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }
    body,
    #page,
    #main,
    #content {
        color: #231F20;
        background-color: transparent !important;
        background-image: none !important
    }
    #skip-link,
    #toolbar,
    #navigation,
    .region-sidebar-first,
    .region-sidebar-second,
    #footer,
    .breadcrumb,
    .tabs,
    .action-links,
    .links,
    .book-navigation,
    .forum-topic-navigation,
    .pager,
    .feed-icons {
        visibility: hidden;
        display: none
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#footer {
    background-color: #fff;
    padding: 0 0 20px 0
}

#footer h2 {
    font-size: 1em;
    line-height: 1.25em
}

#footer li {
    font-family: "Inconsolata", monospace, serif;
    text-transform: uppercase;
    font-size: .75em;
    line-height: 1.66667em
}

#footer .block {
    float: left;
    width: 304px;
    margin: 0 10px
}

#footer #block-menu-menu-categories li {
    float: left;
    width: 50%
}

#footer #block-menu-menu-rss li {
    position: relative;
    padding-left: 14px
}

#footer #block-menu-menu-rss li:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: " ";
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 10px;
    height: 10px;
    background-position: -66px -2px
}

#footer #block-menu-menu-footer-menu {
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0;
    padding-top: 9px;
    border-top: 1px solid #231F20;
    text-align: center
}

#footer #block-menu-menu-footer-menu li {
    display: inline
}

#footer #block-menu-menu-footer-menu li a:after {
    content: " -"
}

#footer #block-menu-menu-footer-menu li:last-child a:after {
    content: ""
}

@media all and (max-width: 648px) {
    #page #footer .block {
        width: auto;
        margin: 0 20px 20px 20px
    }
    #page #footer #block-menu-menu-categories li,
    #page #footer #block-menu-menu-rss li {
        float: left;
        width: auto;
        margin-right: 20px
    }
}

@media all and (max-width: 400px) {
    #page #footer .block {
        width: auto;
        margin: 0 10px 10px 10px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._s {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png)
}

.icon-arrow-down-white {
    width: 7px;
    height: 6px;
    background-position: -55px -35px
}

.icon-arrow-right-black {
    width: 7px;
    height: 7px;
    background-position: -66px -33px
}

.icon-arrow-right-white {
    width: 7px;
    height: 7px;
    background-position: -66px -24px
}

.icon-arrow-up-white {
    width: 7px;
    height: 6px;
    background-position: -55px -27px
}

.icon-carousel-arrow-left {
    width: 33px;
    height: 33px;
    background-position: -2px -37px
}

.icon-carousel-arrow-right {
    width: 33px;
    height: 33px;
    background-position: -2px -2px
}

.icon-carousel-marker-off {
    width: 18px;
    height: 16px;
    background-position: -40px -104px
}

.icon-carousel-marker-on {
    width: 18px;
    height: 16px;
    background-position: -20px -104px
}

.icon-comments-flag {
    width: 6px;
    height: 10px;
    background-position: -66px -42px
}

.icon-comments-reply {
    width: 15px;
    height: 10px;
    background-position: -78px -34px
}

.icon-logo-facebook {
    width: 30px;
    height: 30px;
    background-position: -78px -2px
}

.icon-logo-twitter {
    width: 30px;
    height: 30px;
    background-position: -34px -72px
}

.icon-logo-youtube {
    width: 30px;
    height: 30px;
    background-position: -2px -72px
}

.icon-menu-arrow-up-black {
    width: 10px;
    height: 8px;
    background-position: -66px -14px
}

.icon-modal-close {
    width: 16px;
    height: 16px;
    background-position: -110px -2px
}

.icon-music-note-black {
    width: 16px;
    height: 14px;
    background-position: -37px -27px
}

.icon-reload-grey {
    width: 12px;
    height: 12px;
    background-position: -37px -57px
}

.icon-reload-white {
    width: 16px;
    height: 18px;
    background-position: -2px -104px
}

.icon-star-white {
    width: 12px;
    height: 12px;
    background-position: -37px -43px
}

.icon-tag-hash-black {
    width: 16px;
    height: 14px;
    background-position: -110px -20px
}

#page .addthis_toolbox {
    overflow: hidden;
    line-height: 20px
}

#page .panel-col-aside .social-holder,
#page .panel-col-top_aside .social-holder {
    margin-left: auto;
    margin-right: auto
}

#page .social-holder {
    width: 304px
}

#page .social-holder .addthis_toolbox>a {
    padding: 0;
    width: 33.3333%
}

#page div.messages,
#modal-content div.messages {
    background-position: 14px center;
    background-repeat: no-repeat;
    margin: 20px 0;
    padding: 10px 10px 10px 65px;
    border: none;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: 12px
}

#page div.error,
#modal-content div.error {
    background-image: url(../images/user-error.png);
    color: #fff
}

#page div.error,
#page .error,
#modal-content div.error,
#modal-content .error {
    color: #fff
}

#page input.error,
#modal-content input.error {
    color: #bd3333
}

#page div.error,
#page table tr.error,
#modal-content div.error,
#modal-content table tr.error {
    background-color: #bd3333
}

#page div.error p.error,
#modal-content div.error p.error {
    color: #fff
}

#page div.messages ul,
#modal-content div.messages ul {
    padding: 0;
    margin: 0
}

#page div.messages ul li,
#modal-content div.messages ul li {
    list-style-image: none;
    margin-bottom: 5px
}

#page div.messages ul li:last-child,
#modal-content div.messages ul li:last-child {
    margin-bottom: 0px
}

.views-field-title a {
    position: relative
}

.views-field-title a:after {
    position: absolute;
    content: " ";
    margin-right: -16px;
    right: 0px;
    bottom: 4px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 7px;
    background-position: -66px -24px
}

.article-featured-teaser .node-title a:after {
    bottom: 14px;
    width: 7px;
    height: 7px;
    background-position: -66px -24px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#home-carousel {
    position: relative;
    z-index: 9999
}

.clash-carousel {
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    max-width: 628px;
    max-height: 280px
}

.clash-carousel .flex-control-nav {
    display: none
}

.clash-carousel .flex-direction-nav {
    position: absolute;
    display: block;
    bottom: 10px;
    height: 33px;
    width: 100%
}

.clash-carousel .flex-prev,
.clash-carousel .flex-next {
    position: absolute;
    bottom: 0;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    display: block;
    z-index: 99999;
    text-indent: -100px
}

.clash-carousel .flex-prev:hover,
.clash-carousel .flex-next:hover {
    opacity: 0.8
}

.clash-carousel .flex-next {
    right: 10px;
    width: 33px;
    height: 33px;
    background-position: -2px -2px
}

.clash-carousel .flex-prev {
    left: 10px;
    width: 33px;
    height: 33px;
    background-position: -2px -37px
}

.clash-carousel .slides li {
    display: none
}

.clash-carousel .slides .views-row-first {
    display: block
}

.clash-carousel .slides li:first-child {
    display: block
}

.clash-carousel li img {
    width: 100%
}

.clash-carousel .over-image-box {
    position: absolute;
    top: 20px;
    left: 0;
    max-height: 200px
}

@media all and (max-width: 648px) {
    #page .clash-carousel {
        height: auto;
        margin-right: 0px
    }
    #page .clash-carousel .flex-direction-nav {
        position: relative;
        width: auto;
        margin: 0 10px 10px 10px
    }
}

@media all and (max-width: 400px) {
    #page .clash-carousel .flex-direction-nav {
        margin: 0
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.in-iframe {
    overflow: hidden
}

.page-embed-feed {
    overflow: hidden
}

.page-embed-feed.admin-menu {
    margin-top: 0 !important
}

.page-embed-feed #admin-menu {
    display: none
}

.page-embed-feed #embed {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

#quicktabs-featured_mini_panel {
    width: 100%;
    color: #fff;
    font-size: .75em;
    line-height: 1.66667em
}

#quicktabs-featured_mini_panel a {
    color: #fff
}

#quicktabs-featured_mini_panel .ajax-progress {
    position: absolute;
    left: 50%;
    top: 50%
}

#quicktabs-featured_mini_panel .ajax-progress .throbber {
    background: url(../images/luxe-loader.gif) no-repeat;
    margin: -8px 0 0 -8px
}

#quicktabs-featured_mini_panel .quicktabs-tabs {
    overflow: hidden;
    *zoom: 1;
    line-height: 30px;
    height: 30px;
    width: 100%;
    margin: 0;
    padding: 0
}

#quicktabs-featured_mini_panel .quicktabs-tabs li.active {
    background: #231F20
}

#quicktabs-featured_mini_panel .quicktabs-tabs li.active a {
    color: #fff
}

#quicktabs-featured_mini_panel .quicktabs-tabs li {
    float: left;
    width: 33.3333333333333%;
    text-align: center;
    font-style: italic
}

#quicktabs-featured_mini_panel .quicktabs-tabs li a {
    color: #231F20
}

#quicktabs-featured_mini_panel .quicktabs-tabs li.last {
    float: right
}

#quicktabs-featured_mini_panel .quicktabs-tabpage {
    position: relative
}

#quicktabs-featured_mini_panel .quicktabs-hide {
    display: none
}

#quicktabs-featured_mini_panel .quicktabs_main {
    padding: 20px 20px 10px 20px;
    background: #231F20;
    min-height: 180px
}

#quicktabs-featured_mini_panel .views-row {
    overflow: hidden;
    *zoom: 1;
    padding-bottom: 10px;
    cursor: pointer
}

#quicktabs-featured_mini_panel .views-row .views-field-field-image {
    float: left;
    margin-right: 10px;
    width: 70px;
    height: 50px
}

#quicktabs-featured_mini_panel .pager .pager-previous,
#quicktabs-featured_mini_panel .pager .pager-current {
    display: none
}

#quicktabs-featured_mini_panel .pager .pager-next a {
    position: absolute;
    bottom: -38px;
    left: 15px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 16px;
    height: 18px;
    background-position: -2px -104px;
    text-indent: -50px;
    padding: 0;
    z-index: 20
}

@media all and (max-width: 400px) {
    #quicktabs-featured_mini_panel .pager .pager-next a {
        bottom: -28px
    }
}

.pane-block-6 {
    background: #333;
    padding: 5px
}

.pane-block-6 .pane-content {
    overflow: hidden;
    *zoom: 1
}

.pane-block-6 .embed-feed {
    display: block;
    float: right;
    padding: 5px 15px;
    color: #fff;
    background: #231F20;
    font-size: .75em;
    line-height: 1.66667em;
    font-style: italic
}

.pane-block-6 .embed-code {
    display: none;
    background: #231F20;
    border: none;
    color: #fff;
    height: 20px;
    padding: 5px;
    width: 70%;
    float: right;
    font-size: 12px
}

@media all and (max-width: 648px) {
    .page-home #quicktabs-featured_mini_panel .quicktabs_main {
        height: auto;
        min-height: 0;
        padding: 20px 20px 10px 20px
    }
    .page-home #quicktabs-featured_mini_panel .views-row {
        float: left;
        width: 33.333%
    }
    .page-home #quicktabs-featured_mini_panel .views-field-title {
        float: left;
        margin: 10px 10px 0 0
    }
    .page-home #quicktabs-featured_mini_panel .views-field-field-image {
        clear: both;
        width: 100%
    }
    .page-home #quicktabs-featured_mini_panel .item-list ul {
        overflow: hidden;
        *zoom: 1
    }
}

@media all and (max-width: 400px) {
    .page-home #quicktabs-featured_mini_panel .quicktabs_main {
        padding: 10px 10px 0px 10px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.article-preview-wrap {
    font-size: 0
}

.article-preview-list {
    display: block;
    margin: 0 5px
}

.article-preview-list .article-preview-item {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 5px 0 5px;
    margin-bottom: 20px;
    width: 33.3333%;
    vertical-align: top
}

.article-preview-list .article-preview-item h2 {
    font-size: 24px;
    margin: .3125em 0 .3125em 0
}

.article-preview-list .article-meta {
    margin: 10px 0 5px 0
}

.article-preview-list .views-field-title a:after {
    position: absolute;
    margin-top: 12px;
    right: -15px;
    width: 7px;
    height: 7px;
    background-position: -66px -33px
}

.article-preview-list .page-number-marker {
    display: block;
    width: 40px;
    position: absolute;
    text-align: right;
    top: 0px;
    left: 0px;
    margin-left: -40px;
    margin-top: -8px;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: .75em;
    line-height: 1.66667em
}

.article-preview-list .pane-node-field-article-subtitle,
.article-preview-list .article-meta-container+h1,
.article-preview-list .article-meta-container .addthis-article,
.article-preview-list .field-name-field-tags,
.article-preview-list .field-name-field-sub-section,
.article-preview-list .field-name-field-article-subtitle,
.article-preview-list article.node-teaser .field-name-field-section,
.article-preview-list .hideInTeaser,
.article-preview-list .field-name-field-image .field-item:nth-of-type(n+2) {
    display: none
}

.article-preview-list article.node-teaser .field-name-field-section.field-type-taxonomy-term-reference {
    display: inline-block
}

.article-preview-list .article-meta-container {
    padding: 0;
    margin: 0
}

.article-preview-list .article-meta-container .article-meta {
    font-size: 12px
}

@media all and (max-width: 700px) {
    .article-preview-list .article-meta-container .article-meta {
        margin: 10px 0 5px !important
    }
}

.article-preview-list .article-meta-container .article-meta span:first-of-type {
    display: inline
}

.articles-by-author {
    font-size: 0
}

.articles-by-author .article-preview-list {
    margin: 0
}

.articles-by-author .article-preview-list .article-preview-item .teaser-image img {
    width: 100%
}

@media all and (max-width: 640px) {
    .articles-by-author .article-preview-list .article-preview-item {
        width: 100%
    }
}

.clash-sidebar {
    margin-top: 20px
}

.clash-sidebar .article-preview-list {
    margin: 0
}

.clash-sidebar .article-preview-list .article-preview-item {
    padding: 0;
    width: 100%
}

.view-ones-to-watch .article-preview-list .article-preview-item {
    margin-bottom: 40px
}

.infinite-scroller .item-list {
    height: 30px;
    line-height: 30px;
    margin: 0 10px 20px 10px;
    color: #fff
}

.infinite-scroller .item-list a {
    color: #fff
}

.infinite-scroller .item-list .pager {
    display: block;
    float: right;
    width: 304px;
    height: inherit;
    background-color: #666;
    display: none
}

.infinite-scroller .item-list .pager-next,
.infinite-scroller .item-list .pager-previous {
    padding: 0
}

.infinite-scroller .item-list .pager-next a,
.infinite-scroller .item-list .pager-previous a {
    display: block;
    width: 30px;
    height: 30px
}

.infinite-scroller .item-list .pager-next {
    float: right
}

.infinite-scroller .item-list .pager-previous {
    float: left
}

.infinite-scroller .item-list #article-preview-load-more {
    display: block;
    float: left;
    width: 628px;
    height: inherit;
    text-align: center;
    background: #231F20;
    display: none
}

.view-all-festival-activity .item-list,
.view-ones-to-watch .item-list,
.view-articles-by-author .item-list,
.view-reviews-articles .item-list {
    display: none
}

@media all and (min-width: 649px) {
    .page-home .article-preview-list .article-preview-item {
        border-top: none;
        border-bottom: none;
        padding: 0 5px 0 5px
    }
}

@media all and (min-width: 649px) {
    .article-preview-list .article-preview-item.adblock {
        padding-top: 28px;
        text-align: center;
        display: none;
    }
    .article-preview-list .article-preview-item.adblock * {
        margin: 0 auto
    }
    .article-preview-list .article-preview-item .text-wrap {
        display: flex;
        align-items: flex-end
    }
    .article-preview-list .adblock-tablet {
        display: none
    }
}

@media all and (max-width: 972px) {
    .article-preview-list .article-preview-item.adblock {
        display: none
    }
    .article-preview-list .article-preview-item .meta-date {
        display: none
    }
    .article-preview-list .article-preview-item .teaser-image img {
        width: 100%
    }
    .article-preview-list .adblock-leaderboard {
        display: none
    }
    .article-preview-list .adblock-tablet {
        display: block
    }
}

@media all and (max-width: 640px) {
    .clash-sidebar .article-preview-list {
        margin: 0 10px
    }
    .article-preview-list .article-preview-item {
        width: 100%
    }
    .article-preview-list .article-preview-item .meta-date {
        display: inline
    }
    .article-preview-list .article-preview-item .teaser-image img {
        width: 100%
    }
    .article-preview-list .adblock-leaderboard {
        display: none;
    }
    .article-preview-list .adblock-tablet {
        display: none
    }
}

#author .article-preview-list .article-preview-item .meta-author {
    display: none
}

@media all and (max-width: 972px) {
    #author .article-preview-list .article-preview-item .meta-date {
        display: inline
    }
}

@media all and (max-width: 648px) {
    .article-preview-list .article-preview-item {
        margin-bottom: 20px
    }
    .article-preview-list .article-preview-item.adblock {
        margin-bottom: 0
    }
    #page .infinite-scroller .item-list {
        margin: 0
    }
    #page .infinite-scroller .item-list #article-preview-load-more {
        display: none
    }
    #page .infinite-scroller .item-list .pager,
    #page .infinite-scroller .item-list #article-preview-load-more {
        width: 100%;
        display: none
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.video-preview-list {
    width: 648px;
    display: block;
    overflow: hidden;
    *zoom: 1
}

.video-preview-list .video-preview-item {
    font-size: .75em;
    line-height: 1.66667em;
    display: block;
    position: relative;
    float: left;
    width: 142px;
    height: 149px;
    margin: 10px;
    background-color: #231f20;
    border-top: 1px solid #000
}

.video-preview-list .video-preview-item h5 {
    margin: 0
}

.video-preview-list .video-preview-item h5 a {
    font-size: .875em;
    line-height: 2.14286em;
    margin: 5px;
    color: #fff;
    display: block;
    width: 132px;
    height: 60px;
    overflow: hidden;
    line-height: 19px
}

.video-preview-list .video-preview-item .views-field-field-image {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #b3b3b3
}

.view-latest-videos-in-section-preview {
    margin-top: -10px
}

.view-latest-videos-in-section-preview .page-number-marker {
    display: block;
    width: 40px;
    position: absolute;
    text-align: right;
    top: 10px;
    left: -40px;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: .75em;
    line-height: 1.66667em
}

.view-latest-videos-in-section-preview>.item-list,
.view-latest-videos-in-section-preview .pager-top .item-list {
    height: 30px;
    line-height: 30px;
    margin: 20px 10px;
    color: #fff
}

.view-latest-videos-in-section-preview>.item-list a,
.view-latest-videos-in-section-preview .pager-top .item-list a {
    color: #fff
}

.view-latest-videos-in-section-preview>.item-list .pager,
.view-latest-videos-in-section-preview .pager-top .item-list .pager {
    display: block;
    float: right;
    width: 304px;
    height: inherit;
    background-color: #0a0800
}

.view-latest-videos-in-section-preview>.item-list #article-preview-load-more,
.view-latest-videos-in-section-preview .pager-top .item-list #article-preview-load-more {
    display: block;
    width: 304px;
    height: inherit;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    background: #0a0800
}

.view-latest-videos-in-section-preview>.item-list #article-preview-load-more:before,
.view-latest-videos-in-section-preview .pager-top .item-list #article-preview-load-more:before {
    content: " ";
    margin-right: 20px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 6px;
    background-position: -55px -35px
}

.view-latest-videos-in-section-preview>.item-list #article-preview-load-more:after,
.view-latest-videos-in-section-preview .pager-top .item-list #article-preview-load-more:after {
    content: " ";
    margin-left: 20px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 6px;
    background-position: -55px -35px
}

.view-latest-videos-in-section-preview .views-exposed-form {
    position: relative;
    margin: 10px
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine {
    position: absolute;
    top: 40px;
    right: 0px;
    color: #fff;
    z-index: 2;
    font-size: 12px;
    font-weight: normal;
    font-style: italic
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine .form-radios {
    display: none
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine label {
    display: block;
    width: 100px;
    height: 30px;
    text-align: right;
    line-height: 30px;
    padding-right: 10px
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine label:after {
    content: " ";
    margin-left: 2px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 6px;
    background-position: -55px -35px
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine .form-item #edit-sort-bef-combine- {
    display: none
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine .form-item .form-item {
    font-style: normal;
    background-color: #231f20;
    padding: 2px 6px;
    cursor: pointer
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine .form-item .form-item a {
    color: #fff
}

.view-latest-videos-in-section-preview .views-exposed-form .form-item-sort-bef-combine .form-item .form-item:hover {
    background-color: #000
}

.view-latest-videos-in-section-preview .views-exposed-form .views-exposed-form {
    position: relative
}

.view-latest-videos-in-section-preview .views-exposed-form .views-submit-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
    height: 30px;
    padding: 0px
}

.view-latest-videos-in-section-preview .views-exposed-form .views-submit-button input {
    width: 111px;
    height: 30px;
    margin: 0px;
    display: block;
    float: left;
    text-indent: -9999px;
    background-image: url("../images/button-videos-search.png");
    background-color: #000;
    border: none
}

.view-latest-videos-in-section-preview .views-exposed-form .views-widget-filter-keys {
    margin-right: 111px;
    float: none;
    padding: 0
}

.view-latest-videos-in-section-preview .views-exposed-form .views-widget-filter-keys input {
    width: 100%;
    padding: 5px 0;
    height: 18px;
    border: 1px solid #0a0800
}

.view-latest-videos-in-section-preview .views-exposed-form .views-widget-filter-keys input:focus {
    outline: none;
    border: 1px solid #5f5f5f
}

.view-latest-videos-in-section-preview .pager-top {
    background-color: #231f20;
    color: #fff;
    height: 30px;
    position: relative;
    margin: 10px
}

.view-latest-videos-in-section-preview .pager-top .item-list {
    margin: 0px
}

.view-latest-videos-in-section-preview .pager-top .item-list .pager {
    display: block;
    height: inherit;
    width: 30%;
    margin: auto;
    float: none;
    background-color: #231f20
}

.view-latest-videos-in-section-preview .pager-top h1 {
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 10px
}

.video-feature-preview {
    position: relative;
    height: 240px;
    padding: 20px 324px 20px 20px;
    overflow: hidden;
    *zoom: 1;
    background-color: #000;
    color: #fff
}

.video-feature-preview a {
    color: #fff
}

.video-feature-preview h2 {
    margin: 0 0 10px 0
}

.video-feature-preview .views-field-field-video-subtitle {
    margin-bottom: 10px
}

.video-feature-preview .preview-image-wrap {
    position: absolute;
    top: 0;
    right: 0
}

@media all and (max-width: 648px) {
    #page .video-preview-list {
        width: auto
    }
    #page .video-preview-item {
        width: 100%;
        min-height: 80px;
        height: auto;
        margin: 0;
        background-color: #231F20;
        border-top: 1px solid #000
    }
    #page .video-preview-item .views-field-title {
        float: left;
        margin-left: 142px
    }
    #page .video-preview-item h5 {
        float: left
    }
    #page .video-preview-item h5 a {
        display: block;
        margin: 10px;
        width: auto;
        height: auto;
        overflow: hidden;
        line-height: 19px
    }
    #page .video-preview-item .views-field-field-image {
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid #b3b3b3;
        border-top: none
    }
    #page .view-latest-videos-in-section-preview>.item-list .pager {
        width: 50%;
        background-color: #666
    }
    #page .view-latest-videos-in-section-preview>.item-list #article-preview-load-more {
        float: left;
        width: 50%;
        height: inherit;
        margin: 0
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.region-sub-navigation {
    position: relative;
    z-index: 500;
    margin: 0 10px;
    background: #231F20;
    color: #fff
}

.region-sub-navigation a {
    color: #fff
}

.region-sub-navigation>.block {
    position: relative;
    height: 0px;
    overflow: hidden
}

.region-sub-navigation>.block h2 {
    font-weight: normal;
    font-style: italic;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    font-size: 1em;
    line-height: 1.25em
}

.region-sub-navigation>.block .panel-col-first {
    width: 43%;
    float: left
}

.region-sub-navigation>.block .panel-col-first>.inside {
    padding: 20px 0 20px 20px
}

.region-sub-navigation>.block .panel-col-last {
    width: 55%;
    float: right
}

.region-sub-navigation>.block .panel-col-last>.inside {
    padding: 20px 20px 20px 0
}

.region-sub-navigation>.block .close {
    position: absolute;
    cursor: pointer;
    right: 10px;
    bottom: 10px;
    background-image: url("../images/modal-close.png");
    display: block;
    width: 16px;
    height: 16px
}

.region-sub-navigation>.block .panel-panel {
    position: relative
}

.region-sub-navigation>.block .panel-panel>.inside {
    margin: 0
}

.region-sub-navigation>.block .panel-panel .pane-views .view-content {
    overflow: hidden;
    *zoom: 1;
    padding-top: 10px
}

.region-sub-navigation>.block .panel-panel .pane-views .views-row {
    width: 50%;
    float: left
}

.region-sub-navigation>.block .panel-panel .pane-views .views-field-field-image img {
    float: left;
    margin-right: 10px
}

.region-sub-navigation>.block .panel-panel .pane-views .views-field-title {
    font-weight: bold
}

.region-sub-navigation>.block .panel-panel .pane-views .views-field-title em {
    font-weight: normal
}

.region-sub-navigation>.block .panel-panel .pane-views .views-field-title,
.region-sub-navigation>.block .panel-panel .pane-views .views-field-created {
    padding-right: 10px
}

.region-sub-navigation>.block .panel-panel .menu {
    overflow: hidden;
    *zoom: 1
}

.region-sub-navigation>.block .panel-panel .menu li {
    position: relative;
    display: block;
    font-weight: bold;
    text-transform: capitalize;
    float: left;
    width: 49%;
    margin: 7px 0 0 0
}

.region-sub-navigation>.block .panel-panel .menu li a {
    display: block;
    padding-right: 20px
}

.region-sub-navigation>.block .panel-panel .menu li a:after {
    position: relative;
    content: " ";
    margin-left: 10px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 7px;
    background-position: -66px -24px
}

#page .region-sub-navigation .current-section {
    height: auto
}

#page .region-sub-navigation .current-section .panel-col-last {
    display: none
}

#page .region-sub-navigation .current-section .panel-col-first {
    width: auto
}

#page .region-sub-navigation .current-section .panel-col-first .inside {
    padding: 5px 10px;
    overflow: hidden;
    *zoom: 1
}

#page .region-sub-navigation .current-section .panel-col-first .pane-title,
#page .region-sub-navigation .current-section .panel-col-first .pane-content {
    float: left
}

#page .region-sub-navigation .current-section .panel-col-first .pane-title {
    margin: 0;
    border-bottom: none;
    border-right: 1px solid #fff;
    padding: 0 10px 0 0;
    margin-right: 20px
}

#page .region-sub-navigation .current-section .panel-col-first .menu li {
    width: auto;
    font-weight: normal;
    margin: 0
}

#page .region-sub-navigation .current-section .panel-col-first .menu li a.active {
    font-weight: bold;
    font-style: italic
}

#page .region-sub-navigation .current-section .panel-col-first .menu li.active-trail a.active {
    font-weight: normal;
    font-style: normal
}

#page .region-sub-navigation .current-section .panel-col-first .menu li a {
    padding-right: 20px
}

#page .region-sub-navigation .current-section .close {
    display: none
}

@media all and (max-width: 648px) {
    #page .region-sub-navigation {
        display: none
    }
    #page .region-sub-navigation>.block .panel-col-last {
        width: 100%
    }
    #page .region-sub-navigation>.block .panel-col-last .inside {
        padding: 5px 10px 10px 10px
    }
    #page .region-sub-navigation>.block .panel-col-last h2 {
        margin: 0
    }
    #page .region-sub-navigation>.block .panel-col-first {
        width: 100%
    }
    #page .region-sub-navigation>.block .panel-col-first .inside {
        padding: 5px 10px;
        overflow: hidden;
        *zoom: 1
    }
    #page .region-sub-navigation>.block .panel-col-first .pane-content {
        float: left
    }
    #page .region-sub-navigation>.block .panel-col-first .menu li {
        width: auto;
        font-weight: normal;
        margin: 0
    }
    #page .region-sub-navigation>.block .panel-col-first .menu li a.active {
        font-weight: bold
    }
    #page .region-sub-navigation>.block .panel-col-first .menu li.active-trail a.active {
        font-weight: normal
    }
    #page .region-sub-navigation>.block .panel-col-first .menu li a {
        padding-right: 20px
    }
    #page .region-sub-navigation>.block .close {
        display: none
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.panel-col-bottom .panel-pane {
    background-color: #231F20
}

.panel-col-bottom .centre-row {
    background-color: #272324
}

.view-display-id-more_articles {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    padding: 20px 0;
    color: #fff
}

.view-display-id-more_articles>* {
    margin: 0 auto
}

.view-display-id-more_articles a {
    color: #fff
}

.view-display-id-more_articles .view-header {
    margin-bottom: 20px;
    color: #5b5153;
    text-transform: uppercase
}

.view-display-id-more_articles .view-header h3 {
    font-weight: normal;
    font-size: 1em;
    line-height: 1.25em;
    margin: 0 1.02880658436214%
}

.view-display-id-more_articles .view-content {
    overflow: hidden;
    *zoom: 1
}

.view-display-id-more_articles .views-row {
    float: left;
    width: 31.275720164609055%;
    margin: 0 1.02880658436214%;
    cursor: pointer
}

.view-display-id-more_articles .views-row .views-field-field-image {
    margin-right: 0px
}

.view-display-id-more_articles .views-row .views-field-field-image img {
    float: left;
    margin-right: 10px
}

.view-display-id-more_articles .views-row .views-field {
    margin-right: 10px
}

.view-display-id-more_articles .views-row .views-field-created {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: .75em;
    line-height: 1.66667em
}

.view-display-id-more_articles .views-row h5 {
    margin-top: 0;
    margin-bottom: 0
}

.view-display-id-more_articles .views-row h5 ._s {
    margin: 0 0 1px 5px
}

.view-display-id-more_articles>.item-list {
    position: absolute;
    top: 0;
    width: 100% !important;
    max-width: 100% !important
}

.view-display-id-more_articles .pager {
    height: 18px;
    position: relative;
    margin: 0 auto
}

.view-display-id-more_articles .pager .pager-previous,
.view-display-id-more_articles .pager .pager-current {
    display: none
}

.view-display-id-more_articles .pager .pager-next a {
    position: absolute;
    top: 20px;
    right: 0;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 16px;
    height: 18px;
    background-position: -2px -104px;
    font-size: 0
}

.more-articles-middle {
    background-color: #2E2A2A
}

@media all and (min-width: 649px) {
    #explore-footer .view-display-id-more_articles>* {
        max-width: 972px
    }
    #explore-footer .pager {
        max-width: 952px
    }
}

@media all and (max-width: 648px) {
    #explore-footer .view-display-id-more_articles {
        padding-bottom: 0
    }
    #explore-footer #block-panels-mini-more-articles-panel {
        border-bottom: 1px solid #231F20
    }
    #explore-footer .view-display-id-more_articles {
        color: #231F20
    }
    #explore-footer .view-display-id-more_articles a {
        color: #231F20
    }
    #explore-footer .region-explore-footer,
    #explore-footer .more-articles-middle {
        background-color: #fff
    }
    #explore-footer .view-display-id-more_articles>* {
        max-width: 648px
    }
    #explore-footer .pager {
        display: none;
        max-width: 628px
    }
    #explore-footer .views-field-field-image {
        margin-left: 20px;
        max-width: 30.833333333333336%
    }
    #explore-footer .views-field-field-image img {
        height: auto
    }
    #explore-footer .views-field-title h5 {
        margin-right: 20px;
        font-size: 1.125em;
        line-height: 1.66667em
    }
    #explore-footer .view-header {
        margin: 0;
        border-top: 1px solid #231F20;
        border-bottom: 1px solid #231F20
    }
    #explore-footer .view-header h3 {
        font-weight: normal;
        font-size: 1.5em;
        line-height: 1.25em;
        color: #231F20;
        padding: 10px 20px;
        margin: 0
    }
    #explore-footer .views-row {
        display: block;
        margin: 0;
        border-bottom: 1px dashed #231F20;
        padding: 20px 0;
        width: 100%
    }
    #explore-footer .views-row:last-child {
        border: none
    }
}

@media all and (max-width: 400px) {
    #explore-footer .view-header h3 {
        padding: 10px
    }
    #explore-footer .views-field-field-image {
        margin-left: 10px
    }
    #explore-footer .views-field-title {
        margin-right: 10px
    }
    #explore-footer .views-row {
        padding: 10px 0
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#article-full h2,
#article-full h3 {
    margin-top: 0;
    margin-bottom: .625em
}

#article-full p {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: .3125em
}

#article-full p strong {
    font-weight: 700
}

#article-full address {
    margin: 20px 0 10px 0;
    font-size: 1.5em;
    line-height: 1.25em;
    background-color: #000;
    padding: 5px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    color: #fff
}

#article-full .field-name-field-article-subtitle,
#article-full .field-name-field-subtitle,
#article-full .article-meta {
    margin-bottom: .625em
}

#article-full .social-holder {
    margin-bottom: 1.25em
}

#article-full .field-name-field-image img {
    height: auto
}

#article-full .comment-count-bubble {
    position: absolute;
    right: 0;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 25px;
    height: 23px;
    background-position: -37px -2px
}

#article-full .galleryformatter,
#article-full .field-name-field-image,
#article-full .article-image {
    padding-bottom: 20px;
    border-bottom: 1px solid black
}

#article-full .field-name-field-audio {
    margin-bottom: 20px
}

#article-full .article-image {
    padding-bottom: 30px
}

#article-full .article-image img {
    height: auto
}

#article-full .field-name-body {
    border-top: none;
    padding-top: 9px;
    max-width: 567px
}

#article-full .field-name-body img {
    height: auto !important
}

#article-full .field-name-field-tags,
#article-full .field-name-field-artist-tags,
#article-full .field-name-field-featured-artists {
    margin-bottom: 10px
}

#article-full .field-name-field-tags .field-items,
#article-full .field-name-field-artist-tags .field-items,
#article-full .field-name-field-featured-artists .field-items {
    font-style: italic;
    margin-left: 18px
}

#article-full .field-name-field-tags .field-items *,
#article-full .field-name-field-artist-tags .field-items *,
#article-full .field-name-field-featured-artists .field-items * {
    display: inline
}

#article-full .field-name-field-tags .field-items .field-item:last-child>a:after,
#article-full .field-name-field-artist-tags .field-items .field-item:last-child>a:after,
#article-full .field-name-field-featured-artists .field-items .field-item:last-child>a:after {
    content: ""
}

#article-full .field-name-field-tags .field-item,
#article-full .field-name-field-artist-tags .field-item,
#article-full .field-name-field-featured-artists .field-item {
    margin-right: 5px
}

#article-full .field-name-field-tags .field-item a:after,
#article-full .field-name-field-artist-tags .field-item a:after,
#article-full .field-name-field-featured-artists .field-item a:after {
    content: ","
}

#article-full .field-name-field-tags .field-items:before,
#article-full .field-name-field-artist-tags .field-items:before,
#article-full .field-name-field-featured-artists .field-items:before {
    content: ": ";
    font-weight: italic
}

#article-full .field-name-field-tags:before,
#article-full .field-name-field-artist-tags:before,
#article-full .field-name-field-featured-artists:before {
    position: absolute;
    content: " ";
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    margin-top: 4px
}

#article-full .field-name-field-tags:before,
#article-full .field-name-field-artist-tags:before {
    width: 16px;
    height: 14px;
    background-position: -110px -20px
}

#article-full .field-name-field-featured-artists:before {
    width: 16px;
    height: 14px;
    background-position: -37px -27px
}

#article-full .field-name-field-video,
#article-full .field-name-field-audio,
#article-full .field-name-field-image {
    max-width: 567px
}

#article-full .field-name-field-video video,
#article-full .field-name-field-video object,
#article-full .field-name-field-audio video,
#article-full .field-name-field-audio object,
#article-full .field-name-field-image video,
#article-full .field-name-field-image object {
    width: 100%;
    height: 100%
}

#article-full .field-name-field-video .mediaelement-video,
#article-full .field-name-field-audio .mediaelement-audio {
    max-width: 567px
}

#article-full blockquote {
    position: relative;
    font-size: 1.5em;
    line-height: 1.25em;
    margin: 20px 10%;
    font-weight: bold
}

#article-full blockquote p:before,
#article-full blockquote p:after {
    font-weight: bold;
    position: absolute
}

#article-full blockquote p:before {
    content: '\201C';
    margin-left: -15px
}

#article-full blockquote p:after {
    content: '\201D';
    margin-left: 5px
}

.field-name-body a {
    font-weight: bold
}

.field-name-body a:hover {
    color: #666
}

.article-teaser,
.article-preview-list .node-teaser {
    font-size: .75em;
    line-height: 1.66667em;
    line-height: 1;
    display: inline-block;
    float: left;
    margin: 19px 0.5% 20px 0.5%;
    margin-top: 19px;
    margin-bottom: 20px;
    border-top: none;
    width: 100%
}

.article-teaser h2,
.article-preview-list .node-teaser h2 {
    font-size: 24px;
    margin: 0 0 .3125em 0
}

.article-teaser .teaser-image img,
.article-preview-list .node-teaser .teaser-image img {
    object-fit: cover;
    height: auto
}

.article-teaser .views-field-name,
.article-teaser .views-field-field-section,
.article-teaser .views-field-created,
.article-preview-list .node-teaser .views-field-name,
.article-preview-list .node-teaser .views-field-field-section,
.article-preview-list .node-teaser .views-field-created {
    text-transform: uppercase;
    font-family: "Questrial", Helvetica, Arial, sans-serif
}

div.panel-pane div.node.video-teaser {
    position: relative;
    width: 100%;
    margin: 0px 10px;
    height: 350px;
    overflow: hidden
}

div.panel-pane div.node.video-teaser #video-teaser-slideshow {
    position: relative;
    z-index: 1
}

div.panel-pane div.node.video-teaser #video-teaser-slideshow img {
    height: auto
}

div.panel-pane div.node.video-teaser .video-teaser-pattern {
    z-index: 2;
    background: url("../images/video-hero-overlay.png");
    width: 100%;
    height: 100%;
    position: absolute
}

div.panel-pane div.node.video-teaser .video-slides {
    position: absolute;
    z-index: 1
}

div.panel-pane div.node.video-teaser .over-image-box {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 20px;
    width: 284px;
    max-height: 200px;
    padding: 20px;
    overflow: hidden;
    color: #fff;
    z-index: 3;
    background-color: transparent;
    background-color: rgba(35, 31, 32, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC231F20, endColorstr=#CC231F20);
    zoom: 1
}

div.panel-pane div.node.video-teaser .over-image-box a {
    color: #fff
}

div.panel-pane div.node.video-teaser .over-image-box h2 {
    margin-top: 0;
    font-size: 2em;
    line-height: 1.25em
}

div.panel-pane div.node.video-teaser .over-image-box .play-video {
    margin: 5px 0;
    font-size: 24px;
    font-style: italic;
    line-height: 20px
}

div.panel-pane div.node.video-teaser .over-image-box .play-video:after {
    content: " ";
    margin: 0 0 3px 8px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 7px;
    background-position: -66px -24px
}

div.panel-pane div.node.video-teaser .watch-cta {
    position: absolute;
    bottom: 20px;
    right: 40px;
    z-index: 3;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    zoom: 1;
    font-size: 1.5em;
    line-height: 1.25em;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    padding: 5px 20px
}

div.panel-pane div.node.video-teaser .watch-cta:after {
    content: " ";
    margin: 0 0 3px 10px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 7px;
    background-position: -66px -24px
}

div.panel-pane div.node.video-teaser .play-button {
    background-image: url("../images/video-play.png");
    position: absolute;
    width: 59px;
    height: 67px;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-left: -34px;
    margin-top: -30px
}

.artist-featured-teaser {
    height: 280px;
    width: 628px;
    background-color: #231F20;
    color: #fff
}

.artist-featured-teaser a {
    color: #fff
}

.artist-featured-teaser>a {
    float: right;
    display: block
}

.artist-featured-teaser .over-image-box {
    width: 324px
}

.artist-featured-teaser .over-image-box .inner {
    padding: 20px
}

.artist-featured-teaser .field-name-body {
    margin-top: 20px
}

@media all and (max-width: 648px) {
    .artist-featured-teaser {
        height: auto;
        width: auto
    }
    .artist-featured-teaser>a {
        float: left;
        width: 30%;
        padding: 20px
    }
    .artist-featured-teaser>a img {
        height: auto
    }
    .artist-featured-teaser .over-image-box {
        width: 100%
    }
}

@media all and (max-width: 400px) {
    .artist-featured-teaser>a {
        float: none;
        width: auto;
        padding: 10px
    }
    .artist-featured-teaser .over-image-box .inner {
        padding: 10px
    }
}

#artist-a-z-menu .menu {
    display: block;
    background-color: #231F20;
    text-align: center;
    color: #fff;
    margin: 0 10px 20px 10px;
    font-family: "Questrial", Helvetica, Arial, sans-serif
}

#artist-a-z-menu .menu a {
    color: #fff;
    display: inline-block;
    padding: 0 5px
}

#artist-a-z-menu .menu a.active,
#artist-a-z-menu .menu a:hover {
    background-color: #fff;
    color: #231F20
}

#artist-a-z-menu .menu li {
    display: inline
}

@media all and (max-width: 648px) {
    #artist-a-z-menu .menu {
        margin: 20px;
        padding: 5px
    }
}

@media all and (max-width: 400px) {
    #artist-a-z-menu .menu {
        margin: 10px
    }
}

.no-results-feature {
    width: 100%;
    height: 280px;
    background: #231F20;
    color: #fff;
    text-transform: capitalize
}

.no-results-feature h1 {
    margin: 0px;
    padding: 20px
}

.article-meta,
.meta-separator {
    text-transform: uppercase;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.article-meta *,
.meta-separator * {
    display: inline
}

.article-meta {
    display: inline-block;
    position: relative;
    line-height: 1
}

.addthis-article {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.view-id-latest_issue_page .views-field-field-image {
    margin: 20px 0
}

@media all and (max-width: 648px) {
    #page .article-featured-teaser {
        height: auto;
        width: auto;
        padding: 0 20px
    }
    #page .article-featured-teaser img {
        height: auto
    }
    #page .article-featured-teaser .over-image-box {
        position: relative;
        margin: 0;
        padding: 20px 0;
        color: #231F20;
        width: auto;
        max-height: 200px;
        background: #fff
    }
    #page .article-featured-teaser .over-image-box a {
        color: #231F20
    }
}

@media all and (max-width: 400px) {
    #page .article-featured-teaser {
        padding: 0 10px
    }
    #page .article-featured-teaser .over-image-box {
        padding: 10px 0
    }
}

#page .panel-clash-article .panel-col-top .galleryformatter {
    position: relative
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides {
    max-width: none !important
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide {
    position: relative;
    max-width: 100%;
    background-color: white;
    border-bottom: 1px solid black
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide img {
    object-fit: cover;
    width: auto;
    margin: 0 auto
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide .panel-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide .panel-overlay h3 {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    padding: 3px 5px
}

#page .panel-clash-article .panel-col-top .galleryformatter .prev-slide,
#page .panel-clash-article .panel-col-top .galleryformatter .next-slide {
    width: 18px;
    height: 41px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 0
}

#page .panel-clash-article .panel-col-top .galleryformatter .prev-slide {
    left: 0;
    margin-left: 20px;
    background-image: url("../images/menu-arrow-left.png")
}

#page .panel-clash-article .panel-col-top .galleryformatter .next-slide {
    right: 0;
    margin-right: 20px;
    background-image: url("../images/menu-arrow-right.png")
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs {
    padding: 0 10px;
    max-width: 970px;
    margin: 0 auto
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .wrapper {
    overflow-x: scroll
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs ul {
    white-space: nowrap
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs ul li {
    white-space: normal;
    display: inline-block;
    float: none
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .prev-slide,
#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .next-slide,
#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .menu-arrow-left,
#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .menu-arrow-right {
    width: 18px;
    height: 41px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    cursor: hand
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .prev-slide,
#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .menu-arrow-left {
    left: 20px;
    background-image: url("../images/menu-arrow-left.png")
}

#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .next-slide,
#page .panel-clash-article .panel-col-top .galleryformatter .gallery-thumbs .menu-arrow-right {
    right: 20px;
    background-image: url("../images/menu-arrow-right.png")
}

#page .galleryformatter .prev-slide,
#page .galleryformatter .next-slide {
    width: 18px;
    height: 41px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 0
}

#page .galleryformatter .prev-slide {
    left: 0;
    margin-left: 20px;
    background-image: url("../images/menu-arrow-left.png")
}

#page .galleryformatter .next-slide {
    right: 0;
    margin-right: 20px;
    background-image: url("../images/menu-arrow-right.png")
}

.panel-clash-article .centre-wrapper .pane-node-field-image {
    margin-top: 20px
}

.panel-clash-article .centre-wrapper .pane-node-field-image img {
    object-fit: cover;
    height: auto
}

.panel-clash-article .pane-node-content .pane-title {
    margin-top: 20px
}

.panel-clash-article .article-meta {
    display: inline-block;
    vertical-align: middle
}

.panel-clash-article #article-full .article-meta {
    display: none
}

.panel-clash-article .pane-node-author::after,
.panel-clash-article .pane-node-field-section::after {
    content: " / "
}

.panel-clash-article .pane-node-field-article-subtitle {
    font-family: "Inconsolata", monospace, serif;
    margin-bottom: .625em
}

.panel-clash-article .panel-col-top .inside {
    overflow: initial
}

.panel-clash-article .panel-col-top .article-image {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background: #FFF
}

.panel-clash-article .panel-col-top .article-image img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto
}

.panel-clash-article .panel-col-top .gallery-slides {
    border-right: 1px solid #000;
    z-index: 1
}

.panel-clash-article .pane-node-field-addthis {
    max-height: 32px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 20px
}

.panel-clash-article .at-icon-wrapper {
    border-radius: 16px
}

@media all and (max-width: 648px) {
    .panel-clash-article .pane-title,
    .panel-clash-article #user-profile {
        margin: 0 5px
    }
    .panel-clash-article #article-full,
    .panel-clash-article .pane-node-title,
    .panel-clash-article .pane-node-field-article-subtitle,
    .panel-clash-article .pane-node-author,
    .panel-clash-article .pane-node-content {
        padding-left: 10px;
        padding-right: 10px
    }
    .panel-clash-article #article-full .pane-title,
    .panel-clash-article .pane-node-title .pane-title,
    .panel-clash-article .pane-node-field-article-subtitle .pane-title,
    .panel-clash-article .pane-node-author .pane-title,
    .panel-clash-article .pane-node-content .pane-title {
        padding: 0
    }
}

body.featured .panel-clash-article .panel-col-top .gallery-slides,
body.featured .panel-clash-article .panel-col-top .article-image {
    border-right: none
}

@media all and (max-width: 971px) {
    .panel-clash-article .panel-col-top .gallery-slides,
    .panel-clash-article .panel-col-top .article-image {
        border-right: none
    }
}

@media all and (min-width: 649px) {
    body.featured .panel-clash-article .panel-col-top .pane-node-field-carousel-images {
        min-height: 50vw
    }
    body.featured .panel-clash-article .panel-col-top .field-item .article-image {
        height: 50vw;
        left: calc(-50vw + 50%);
        position: absolute;
        width: 100vw;
        background-color: #FFF
    }
    body.featured .panel-clash-article .panel-col-top .field-item .article-image img {
        object-fit: cover;
        width: 100%;
        margin: 0 auto;
        height: 100%
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .feature-frame {
        min-height: 100px
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .gallery-slides {
        min-height: 50vw;
        left: calc(-50vw + 50%);
        position: absolute;
        width: 100vw;
        background-color: #FFF
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide img {
        height: 100%;
        width: auto;
        margin: 0 auto
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide .panel-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background: rgba(0, 0, 0, 0.8);
        color: #FFF
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide .panel-overlay h3 {
        font-family: "Questrial", Helvetica, Arial, sans-serif;
        padding: 2px 5px
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .prev-slide {
        left: calc(-50vw + 50%)
    }
    body.featured .panel-clash-article .panel-col-top .galleryformatter .next-slide {
        right: calc(-50vw + 50%)
    }
}

@media all and (max-width: 971px) {
    #page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide {
        display: flex;
        flex-wrap: wrap;
        max-height: 486px;
        align-items: center;
        justify-content: center
    }
    #page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide img {
        height: auto;
        width: auto;
        max-height: 486px
    }
    #page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide .panel-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        background: rgba(0, 0, 0, 0.8);
        color: #FFF
    }
    #page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide .panel-overlay h3 {
        font-family: "Questrial", Helvetica, Arial, sans-serif;
        padding: 2px 5px
    }
}

@media all and (max-width: 486px) {
    #page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide {
        max-height: 100vw
    }
    #page .panel-clash-article .panel-col-top .galleryformatter .gallery-slides .gallery-slide img {
        max-height: 100vw
    }
    #page .panel-clash-article .panel-col-top .galleryformatter .prev-slide,
    #page .panel-clash-article .panel-col-top .galleryformatter .next-slide {
        display: none
    }
}

@media all and (max-width: 648px) {
    #page .node.video-teaser {
        height: auto;
        margin: 0 0 10px 0
    }
    #page .node.video-teaser #video-teaser-slideshow img {
        height: auto
    }
    #page .node.video-teaser .over-image-box {
        position: relative;
        background: #231F20;
        width: 100%;
        margin: 0;
        padding: 20px 0
    }
    #page .node.video-teaser .over-image-box>* {
        padding: 0 20px
    }
    #page .node.video-teaser .watch-cta {
        display: none
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pane-node-webform {
    border-bottom: 1px solid #000;
    padding-bottom: 20px
}

.pane-node-webform h2 {
    font-size: 16px
}

.pane-node-webform .pane-content {
    margin-top: 20px;
    border-top: 1px solid #000;
    max-width: 567px
}

.pane-node-webform .pane-content .grippie {
    display: none
}

.pane-node-webform .pane-content textarea {
    width: 100%;
    height: 150px;
    background-color: #e6e6e6;
    border: none;
    margin-top: 5px;
    padding: 10px
}

.pane-node-webform .pane-content .form-text {
    width: 80%;
    background-color: #e6e6e6;
    border: none;
    margin-top: 5px;
    padding: 5px
}

.pane-node-webform .pane-content .form-actions input {
    background: transparent url("../images/menu-collapsed.png") no-repeat center right;
    border: none;
    clear: left;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: bold;
    font-style: italic;
    padding-right: 17px;
    margin: 10px 0 0 0px
}

@media all and (max-width: 648px) {
    .pane-node-webform {
        margin: 20px
    }
    .pane-node-webform h2.pane-title {
        margin-left: 0px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#clash-latest-tweets {
    padding: 19px 1.25em 0 1.25em;
    padding-bottom: 0;
    border-top: 1px solid #231F20;
    text-align: center
}

#clash-latest-tweets h3 {
    margin: 0 0 1.25em 0
}

#clash-latest-tweets .tweets-pulled-list {
    font-family: "Questrial", Helvetica, Arial, sans-serif
}

#clash-latest-tweets .tweets-pulled-list li {
    margin-bottom: 1.25em
}

#clash-latest-tweets .tweets-pulled-list .views-field-created-time {
    display: block
}

#latest-tweet-1 h2 {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-left: 20px;
    font-size: .75em;
    line-height: 1.66667em;
    background-image: url(sprites/icon-twitter-t-black.png);
    background-repeat: no-repeat;
    background-position: top left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ad-size-mpu {
    width: 300px;
    height: 250px;
    max-width: 100%;
    background-color: #ccc
}

.ad-size-leaderboard {
    width: 728px;
    height: 90px;
    max-width: 100%;
    background-color: #ccc
}

@media all and (max-width: 648px) {
    #page .ad-unit-wrap {
        width: 100%;
        border-top: 1px solid #231F20;
        border-bottom: 1px solid #231F20;
        padding: 19px 0
    }
    #page .ad-unit-wrap>* {
        margin: 0 auto
    }
    #page .ad-size-leaderboard {
        display: none
    }
}

.article-preview-list .adblock-leaderboard {
    width: 100%;
    padding: 20px;
    margin: 0 0 20px;
    box-sizing: border-box;
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.page-user #ajax-register-user-login-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 280px
}

.page-user .panel-col-main .panel-separator {
    height: 20px
}

.page-user .panel-col-main .pane-title {
    margin: 20px 0 0 10px
}

.page-user .panel-col-main .comment-list .comment-text {
    font-size: 1em;
    line-height: 1.25em
}

.page-user .panel-col-main .comment-list li {
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #231F20
}

#author .pane-user-profile {
    padding: 20px 10px
}

#user-profile {
    overflow: hidden;
    *zoom: 1
}

#user-profile .member-for,
#user-profile .user-picture {
    float: left;
    margin-right: 10px
}

#user-profile .member-for {
    font-size: 1.5em;
    line-height: 1.25em;
    line-height: 60px
}

#user-profile-form .user-picture,
#user-profile-form .fieldset-wrapper .form-type-checkbox {
    margin-top: 20px
}

#user-profile-form .form-type-file {
    clear: both;
    margin-left: 34%
}

#edit-picture .form-file {
    width: 100% !important
}

#modal-content form .facebook-action-connect,
.page-user #content .facebook-action-connect {
    width: 233px;
    height: 40px;
    margin: 6px auto 30px auto;
    display: block;
    text-indent: -9999px;
    background-image: url("../images/user-sign-in-facebook.png")
}

#modal-content form #edit-fboauth .facebook-action-connect,
.page-user #content #edit-fboauth .facebook-action-connect {
    width: auto;
    height: auto;
    margin: auto;
    display: inline;
    text-indent: 0;
    background-image: none
}

#modal-content form h4.non-facebook,
.page-user #content h4.non-facebook {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #2e2a2a;
    margin: 0 0 7px 0
}

#modal-content form .ajax-register-links,
#modal-content form .form-required,
#modal-content form .form-item .description,
#modal-content form .password-strength,
#modal-content form div.password-confirm,
.page-user #content .ajax-register-links,
.page-user #content .form-required,
.page-user #content .form-item .description,
.page-user #content .password-strength,
.page-user #content div.password-confirm {
    display: none
}

#modal-content form .password-suggestions.description,
.page-user #content .password-suggestions.description {
    overflow: hidden;
    width: 230px;
    border: 0;
    margin: 0 0 5px -10px;
    padding-top: 20px;
    font-weight: bold;
    font-style: italic
}

#modal-content form .password-suggestions.description ul li,
.page-user #content .password-suggestions.description ul li {
    margin: 0px 0 0 10px;
    overflow: hidden;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal
}

#modal-content form .form-item-pass,
#modal-content form input.password-confirm,
#modal-content form input.password-field,
.page-user #content .form-item-pass,
.page-user #content input.password-confirm,
.page-user #content input.password-field {
    margin-bottom: 0
}

#modal-content form .confirm-parent,
#modal-content form .password-parent,
.page-user #content .confirm-parent,
.page-user #content .password-parent {
    width: auto
}

#modal-content form .form-item,
.page-user #content .form-item {
    margin-bottom: 10px
}

#modal-content form .form-text,
.page-user #content .form-text {
    width: 65%;
    height: 20px;
    border: 0;
    background-color: #e5e5e5;
    clear: both;
    font-size: 12px
}

#modal-content form .fb-info-text,
.page-user #content .fb-info-text {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: block;
    margin-left: 34%
}

#modal-content form .fb-info-text a,
.page-user #content .fb-info-text a {
    display: block;
    font-size: 10px
}

#modal-content form input,
.page-user #content input {
    font-family: "Questrial", Helvetica, Arial, sans-serif
}

#modal-content form label,
.page-user #content label {
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    display: block;
    font-weight: normal;
    font-size: 12px;
    float: left;
    width: 34%;
    height: 22px;
    line-height: 13px
}

#modal-content form .form-actions,
.page-user #content .form-actions {
    height: 20px
}

#modal-content form .form-actions .throbber,
.page-user #content .form-actions .throbber {
    margin-top: -4px
}

#modal-content form fieldset,
.page-user #content fieldset {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-size: 12px;
    border: none;
    margin: 0;
    padding: 0
}

#modal-content form fieldset legend,
.page-user #content fieldset legend {
    display: none
}

#modal-content form #edit-picture label,
.page-user #content #edit-picture label {
    width: auto;
    float: none
}

#modal-content form #edit-picture .fieldset-wrapper>*,
.page-user #content #edit-picture .fieldset-wrapper>* {
    float: left;
    display: block
}

#modal-content form #edit-picture .form-item-files-picture-upload,
.page-user #content #edit-picture .form-item-files-picture-upload {
    float: none;
    max-width: 65%;
    overflow: hidden
}

#modal-content form #edit-picture #edit-picture-upload,
.page-user #content #edit-picture #edit-picture-upload {
    width: auto;
    color: #231F20
}

#modal-content form #edit-picture .user-picture,
#modal-content form #edit-picture .form-item-picture-delete,
.page-user #content #edit-picture .user-picture,
.page-user #content #edit-picture .form-item-picture-delete {
    width: 34%
}

#modal-content .send-password {
    margin-left: 34%;
    margin-bottom: 10px
}

#modal-content .send-password a {
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    color: #2e2a2a;
    padding-right: 13px;
    background-image: url("../images/menu-collapsed.png");
    background-repeat: no-repeat;
    background-position: right center
}

.lt-ie9 #modal-content .form-text {
    width: 50%;
    margin-left: 0px;
    float: left
}

.lt-ie9 #modal-content label {
    width: 30%;
    display: block;
    float: left;
    clear: left
}

.lt-ie9 #modal-content .form-actions {
    clear: both
}

#modal-content div.messages,
.page-user div.messages {
    background-position: 14px center;
    background-repeat: no-repeat;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 75px;
    border: none;
    font-family: "Questrial", Helvetica, Arial, sans-serif;
    font-size: 12px
}

#modal-content div.error,
.page-user div.error {
    background-image: url(../images/user-error.png);
    color: #fff
}

#modal-content div.error,
#modal-content .error,
.page-user div.error,
.page-user .error {
    color: #fff
}

#modal-content input.error,
.page-user input.error {
    color: #bd3333
}

#modal-content div.error,
#modal-content table tr.error,
.page-user div.error,
.page-user table tr.error {
    background-color: #bd3333
}

#modal-content div.error p.error,
.page-user div.error p.error {
    color: #fff
}

#modal-content div.messages ul,
.page-user div.messages ul {
    padding: 0
}

#modal-content div.messages ul li,
.page-user div.messages ul li {
    list-style-image: none;
    margin-bottom: 5px
}

#modal-content div.messages ul li:last-child,
.page-user div.messages ul li:last-child {
    margin-bottom: 0px
}

#user-login-form .form-submit,
#user-register-form .form-submit,
#user-profile-form .form-submit,
#user-pass .form-submit {
    height: 20px;
    text-indent: -99999px;
    text-transform: capitalize;
    display: block;
    border: 0px;
    margin: 0 5px 0 34%
}

#user-login-form .form-submit {
    background: #000 url("../images/user-sign-in-button.png") no-repeat top left;
    width: 72px
}

#user-register-form .form-submit {
    background: #000 url("../images/user-register-button.png") no-repeat top left;
    width: 79px
}

#user-profile-form .form-submit {
    background: #000 url("../images/user-save-changes.png") no-repeat top left;
    width: 113px
}

#user-pass .form-submit {
    background: #000 url("../images/user-send-password-button.png") no-repeat top left;
    width: 151px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

div.ctools-modal-content {
    background: #fff;
    color: #231F20;
    padding: 0;
    margin: 2px;
    width: 600px;
    text-align: left;
    -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.45)
}

div.ctools-modal-content .modal-title {
    font-weight: 700;
    color: white;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    overflow: hidden;
    font-weight: 700;
    white-space: nowrap
}

div.ctools-modal-content .modal-header {
    background-color: #2e2a2a;
    height: 30px;
    line-height: 30px;
    padding: 0 6px 0 20px
}

div.ctools-modal-content .modal-header a {
    color: white;
    float: right
}

div.ctools-modal-content .modal-content {
    padding: 10px 15px 0 15px;
    overflow: auto;
    position: relative
}

div.ctools-modal-content .modal-header .close {
    margin-top: 8px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 16px;
    height: 16px;
    background-position: -110px -2px
}

div.ctools-modal-content .modal-header .close img {
    display: none
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper {
    text-align: center
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
    margin: auto
}

div.ctools-modal-content .form-item label {
    width: 15em;
    float: left
}

div.ctools-modal-content .form-item label.option {
    width: auto;
    float: none
}

div.ctools-modal-content .form-item .description {
    clear: left
}

div.ctools-modal-content .form-item .description .tips {
    margin-left: 2em
}

div.ctools-modal-content .no-float .form-item * {
    float: none
}

div.ctools-modal-content .modal-form .no-float label {
    width: auto
}

div.ctools-modal-content fieldset,
div.ctools-modal-content .form-radios,
div.ctools-modal-content .form-checkboxes {
    clear: left
}

div.ctools-modal-content .resizable-textarea {
    width: auto;
    margin-left: 15em;
    margin-right: 5em
}

div.ctools-modal-content .container-inline .form-item {
    margin-right: 2em
}

#views-exposed-pane-wrapper .form-item {
    margin-top: 0;
    margin-bottom: 0
}

div.ctools-modal-content label.hidden-options {
    background: transparent url(../images/arrow-active.png) no-repeat right;
    height: 12px;
    padding-right: 12px
}

div.ctools-modal-content label.expanded-options {
    background: transparent url(../images/expanded-options.png) no-repeat right;
    height: 12px;
    padding-right: 16px
}

div.ctools-modal-content .option-text-aligner label.expanded-options,
div.ctools-modal-content .option-text-aligner label.hidden-options {
    background: none
}

div.ctools-modal-content .dependent-options {
    padding-left: 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#block-search-form {
    margin-bottom: 10px
}

#block-search-form .container-inline {
    position: relative
}

#block-search-form .form-item {
    position: relative;
    display: block;
    margin: 0
}

#block-search-form input.form-text {
    border: 1px solid #e9e9e9;
    height: 16px;
    width: 234px;
    padding: 1px;
    font-size: .75em;
    line-height: 1.66667em
}

#block-search-form .form-submit {
    position: absolute;
    top: 50%;
    right: 2%;
    margin: 0;
    margin-top: -8px;
    border: none;
    font-size: 0px;
    color: #fff;
    padding: 0;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 16px;
    height: 16px;
    background-position: -60px -104px
}

@media all and (max-width: 648px) {
    #block-search-form input.form-text {
        width: 96%;
        padding: 0 2%;
        height: 30px
    }
}

body.page-search div.clash-main {
    padding: 1em
}

body.page-search div.search-api-page-results h2 {
    display: none
}

body.page-search div.search-api-page-results ol.search-results h2.node-title {
    display: block
}

body.page-search div.search-api-page-results p.search-performance {
    margin: 0;
    background: #231F20;
    color: #fff;
    font-style: italic;
    padding: 5px 10px;
    font-size: 1em;
    line-height: 1.25em;
    width: 70%
}

body.page-search div.search-api-page-results ul.pager {
    margin-top: 20px
}

body.page-search div.search-api-page-results ol.search-results div:last-child {
    margin-bottom: 20px
}

body.page-search #search-api-page-search-form .form-item-keys-1,
body.page-search #search-api-page-search-form .form-submit {
    display: inline-block
}

body.page-search #search-api-page-search-form .form-item-keys-1 {
    width: 60%
}

body.page-search #search-api-page-search-form .form-submit {
    width: 111px;
    height: 30px;
    margin: 20px 0 0 0;
    text-indent: -9999px;
    background-image: url("../images/button-videos-search.png");
    background-color: #000;
    border: none
}

body.page-search #search-api-page-search-form .form-text {
    width: 100%;
    padding: 5px;
    height: 18px;
    border: 1px solid #0a0800
}

body.page-search #search-api-page-search-form .form-text:focus {
    outline: none;
    border: 1px solid #5f5f5f
}

body.page-search #search-api-page-search-form label {
    display: block;
    font-style: italic;
    font-weight: normal
}

body.page-search .search-results div.article-teaser {
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #231F20
}

body.page-search .search-results div.article-teaser .teaser-image {
    float: left;
    margin-right: 1em
}

body.page-search .search-results article {
    margin-bottom: 1em
}

body.page-search .search-results article header {
    margin-bottom: 0.5em
}

body.page-search .search-results article .teaser-image {
    float: left;
    margin-right: 1em
}

body.page-search .search-results article .field-name-field-image {
    float: left;
    margin-right: 1em
}

body.page-search .search-results article .field-name-field-image .field-item {
    display: none
}

body.page-search .search-results article .field-name-field-image .field-item:first-child {
    display: block
}

body.page-search .search-results ul.links {
    display: none
}

.page-search .pane-search-form label {
    display: block;
    font-style: italic;
    font-weight: normal
}

.page-search .pane-search-form .form-wrapper {
    overflow: hidden;
    *zoom: 1;
    position: relative
}

.page-search .pane-search-form .form-submit {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 111px;
    height: 30px;
    margin: 20px 0 0 0;
    display: block;
    text-indent: -9999px;
    background-image: url("../images/button-videos-search.png");
    background-color: #000;
    border: none
}

.page-search .pane-search-form .form-type-textfield {
    width: auto;
    margin-right: 111px
}

.page-search .pane-search-form .form-item {
    margin: 0
}

.page-search .pane-search-form .form-text {
    width: 100%;
    padding: 5px;
    height: 18px;
    border: 1px solid #0a0800
}

.page-search .pane-search-form .form-text:focus {
    outline: none;
    border: 1px solid #5f5f5f
}

.page-search .search-results .views-row {
    display: none
}

.page-search .search-results .views-row-first {
    display: block
}

.page-search #views-rows-revealed .views-row {
    display: block
}

.page-search .views-reveal-more {
    display: block;
    text-align: center;
    font-style: italic;
    padding: 5px 0;
    cursor: pointer
}

.page-search .view-header h2,
.page-search .pane-search-result .pane-title {
    margin: 20px 0 0 0;
    background: #231F20;
    color: #fff;
    font-style: italic;
    padding: 5px 10px;
    font-size: 1em;
    line-height: 1.25em
}

.page-search .pane-search-result .pager {
    background: #231F20;
    text-align: center;
    padding: 5px;
    margin-bottom: 20px;
    color: #fff
}

.page-search .pane-search-result .pager a {
    color: #fff
}

.page-search .pane-search-result .pane-content>ul {
    list-style: disc;
    margin-top: 20px
}

.page-search .pane-search-result .pane-content>ul li {
    display: list-item;
    margin-bottom: 10px
}

@media all and (max-width: 648px) {
    .page-search h3 {
        font-size: 1.125em;
        line-height: 1.66667em
    }
    .page-search .search-snippet,
    .page-search .views-field-body {
        display: none
    }
    .page-search .panel-col-main .inside {
        margin: 0 20px
    }
}

@media all and (max-width: 400px) {
    .page-search .panel-col-main .inside {
        margin: 0 10px
    }
}

#page .search-results .views-row .search-image {
    margin-right: 20px
}

#page .search-results li {
    overflow: hidden;
    *zoom: 1;
    padding: 20px 0 19px 0;
    border-bottom: 1px solid #231F20
}

#page .search-results li .search-image {
    float: left;
    width: 35%
}

#page .search-results li .search-image img {
    height: auto
}

#page .search-results li .search-text {
    float: left;
    width: 65%
}

#page .search-results li .search-text>* {
    margin-left: 20px
}

#page .search-results li .search-read-more {
    font-style: italic;
    font-size: .75em;
    line-height: 1.66667em
}

#page .search-results li .search-read-more:after {
    content: " ";
    margin-left: 5px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 7px;
    height: 7px;
    background-position: -66px -33px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.curated-header-flexslider {
    position: relative;
    height: 80vw;
    max-height: 800px
}

.curated-header-flexslider .slides {
    background-color: #FFF;
    height: 80vw;
    max-height: 800px;
    position: absolute;
    left: calc(-50vw + 50%);
    width: 100vw;
    border-bottom: 1px solid black
}

.curated-header-flexslider .slides>li {
    display: none;
    height: 80vw;
    max-height: 800px;
    position: relative;
    overflow: hidden
}

.curated-header-flexslider .slides>li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.curated-header-flexslider .flex-direction-nav .flex-prev,
.curated-header-flexslider .flex-direction-nav .flex-next {
    position: absolute;
    font-size: 0;
    width: 18px;
    height: 41px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.curated-header-flexslider .flex-direction-nav .flex-prev {
    left: calc(-50vw + 50%);
    margin-left: 20px;
    background-image: url("../images/menu-arrow-left.png")
}

.curated-header-flexslider .flex-direction-nav .flex-next {
    right: calc(-50vw + 50%);
    margin-right: 20px;
    background-image: url("../images/menu-arrow-right.png")
}

.curated-header-flexslider .flex-control-paging {
    right: calc(-50vw + 50%);
    padding: 2px 15px 2px 5px
}

.curated-header-flexslider .flex-control-paging li {
    display: inline;
    margin: 3px;
    cursor: pointer
}

.curated-header-flexslider .flex-control-paging li a {
    color: #fff;
    font-size: 18px;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    text-transform: none;
    font-weight: 700;
    line-height: 1
}

.curated-header-flexslider .flex-control-paging li a.flex-active {
    font-size: 20px
}

.curated-header-flexslider .flex-caption {
    color: #fff;
    font-size: 48px;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    text-transform: none;
    font-weight: 700;
    line-height: 68px;
    margin: 0
}

.curated-header-flexslider .flex-summary {
    color: #fff;
    font-size: 20px;
    font-family: "Inconsolata", monospace, serif;
    text-transform: none;
    font-weight: 400;
    line-height: 1
}

.curated-header-flexslider .curated-header-text {
    padding: 10px;
    max-width: 75%
}

.curated-header-flexslider .curated-header-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    margin: 30px 0
}

.curated-header-flexslider .flex-control-paging {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    margin: 30px 0
}

@media all and (max-width: 648px) {
    .curated-header-flexslider {
        height: 550px
    }
    .curated-header-flexslider .slides {
        height: 550px;
        left: calc(-50vw + 50%)
    }
    .curated-header-flexslider .slides>li {
        height: 550px
    }
    .curated-header-flexslider .slides>li img {
        height: 550px
    }
    .curated-header-flexslider .flex-control-paging {
        padding: 2px 5px
    }
    .curated-header-flexslider .flex-direction-nav {
        display: none
    }
    .curated-header-flexslider .flex-caption {
        font-size: 30px;
        font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
        text-transform: none;
        font-weight: 700;
        line-height: 40px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-weight: 400;
    text-transform: none
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#navigation {
    z-index: 10000;
    position: absolute;
    width: 100vw;
    left: calc(-50vw + 50%);
    height: 50px
}

#navigation .inner {
    width: 100%
}

#navigation .region-header {
    position: relative;
    margin-top: 0px;
    width: 100%;
    background-color: white;
    height: 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 140px
}

#navigation .region-header .first {
    display: inline-block
}

#navigation .region-header .first img {
    height: 30px
}

#navigation .region-header * {
    text-align: left
}

#navigation .region-header>.block-block {
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px auto;
    width: 131px
}

#navigation .region-header>.block-block p {
    margin: 0
}

#navigation .region-header:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 150ms ease-in-out 0ms;
    z-index: 1
}

#navigation .region-header.menu-is-active:after {
    opacity: 0.4
}

#block-menu-menu-header-left {
    float: left;
    padding-left: 6px !important
}

#block-menu-menu-header-left .menu__item a.sections::after {
    content: url("../images/menu-down-arrow.png");
    margin-left: 10px
}

#block-menu-menu-header-left .menu__item a.sections.arrow::after {
    content: url("../images/menu-up-arrow.png")
}

#block-menu-menu-header-right {
    float: right;
    padding-right: 20px
}

#block-menu-menu-header-right .sign-in-up,
#block-menu-menu-header-right .sign-out {
    display: none
}

#block-menu-menu-header-right .search {
    display: none
}

.header__region>#block-clash-ajax-register-clash-ajax-register-block {
    display: none
}

#block-clash-ajax-register-clash-ajax-register-block {
    margin-left: 15px
}

#block-clash-ajax-register-clash-ajax-register-block .ajax-register-links {
    margin-right: 0
}

#block-clash-ajax-register-clash-ajax-register-block .ajax-register-links li {
    padding: 0
}

#logo-block {
    height: 42px
}

#block-menu-menu-header-left,
#block-menu-menu-header-right,
#block-clash-ajax-register-clash-ajax-register-block {
    display: inline-block;
    line-height: 50px;
    font-family: "Inconsolata", monospace, serif;
    font-size: 14px
}

#block-menu-menu-header-left a,
#block-menu-menu-header-right a,
#block-clash-ajax-register-clash-ajax-register-block a {
    text-transform: uppercase
}

#block-menu-menu-header-left li,
#block-menu-menu-header-right li,
#block-clash-ajax-register-clash-ajax-register-block li {
    display: inline-block
}

#block-menu-menu-header-left li:not(.first).menu__item,
#block-menu-menu-header-right li:not(.first).menu__item,
#block-clash-ajax-register-clash-ajax-register-block li:not(.first).menu__item {
    margin-left: 10px
}

#block-panels-mini-menu-block-mini-panel {
    background: white;
    border-bottom: 1px solid black;
    position: fixed;
    top: 0;
    left: -50px;
    width: calc(100% + 50px);
    height: 100vh;
    max-width: calc(375px + 50px);
    min-width: calc(320px + 50px);
    padding: 80px 0 0 50px;
    z-index: 9;
    transform: translateX(-100%);
    transition: transform 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

@media all and (max-width: 649px) {
    #block-panels-mini-menu-block-mini-panel {
        padding: 50px 0 0 50px
    }
}

.menu-is-active #block-panels-mini-menu-block-mini-panel {
    transform: translateX(0%)
}

@media all and (max-width: 649px) {
    #block-panels-mini-menu-block-mini-panel .menu .buy-clash,
    #block-panels-mini-menu-block-mini-panel .menu .tickets {
        display: none
    }
}

#block-panels-mini-menu-block-mini-panel .search-form {
    margin: 0 0 -3px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box
}

@media all and (max-width: 649px) {
    #block-panels-mini-menu-block-mini-panel .search-form {
        margin: 0 0 27px
    }
}

#block-panels-mini-menu-block-mini-panel .search-form .container-inline {
    position: relative
}

#block-panels-mini-menu-block-mini-panel .search-form .custom-search-box {
    border: 1px solid #DCDCDC;
    height: 50px;
    width: 100%;
    font-size: 14px;
    line-height: 1.66667em;
    padding: 10px;
    padding-right: calc(4% + 30px);
    box-sizing: border-box;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-style: italic
}

#block-panels-mini-menu-block-mini-panel .search-form .form-submit {
    position: absolute;
    top: 50%;
    right: 4%;
    margin: 0;
    margin-top: -8px;
    border: none;
    font-size: 0px;
    color: #fff;
    padding: 0;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 16px;
    height: 16px;
    background-position: -60px -104px
}

#block-panels-mini-menu-block-mini-panel #search-api-page-search-form-solr-search {
    margin: 0 0 -3px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box
}

@media all and (max-width: 649px) {
    #block-panels-mini-menu-block-mini-panel #search-api-page-search-form-solr-search {
        margin: 0 0 27px
    }
}

#block-panels-mini-menu-block-mini-panel #search-api-page-search-form-solr-search .container-inline {
    position: relative
}

#block-panels-mini-menu-block-mini-panel #search-api-page-search-form-solr-search .form-text {
    border: 1px solid #DCDCDC;
    height: 50px;
    width: 100%;
    font-size: 14px;
    line-height: 1.66667em;
    padding: 10px;
    padding-right: calc(4% + 30px);
    box-sizing: border-box;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif;
    font-style: italic
}

#block-panels-mini-menu-block-mini-panel #search-api-page-search-form-solr-search .form-item-keys-1 {
    margin-top: 0
}

#block-panels-mini-menu-block-mini-panel #search-api-page-search-form-solr-search .form-submit {
    position: absolute;
    top: 11.5%;
    right: 8%;
    margin: 0;
    margin-top: -8px;
    border: none;
    font-size: 0px;
    color: #fff;
    padding: 0;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    width: 16px;
    height: 16px;
    background-position: -60px -104px
}

#block-panels-mini-menu-block-mini-panel .buttonWrap {
    width: 100%;
    float: left;
    padding: 0 6px;
    box-sizing: border-box
}

#block-panels-mini-menu-block-mini-panel .buttonWrap a {
    margin: 0 14px;
    width: calc((100% - 56px) / 2);
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    top: auto;
    float: left;
    clear: none
}

#block-panels-mini-menu-block-mini-panel hr {
    float: left;
    margin: 2.625em 0;
    margin-right: 20px !important;
    margin-left: 20px !important;
    width: calc(100% - 40px);
    border: 0;
    border-bottom: 1px solid #DCDCDC;
    padding: 0
}

#block-panels-mini-menu-block-mini-panel .addthis_custom_follow {
    float: left;
    width: 100%;
    padding: 0 20px 40px;
    box-sizing: border-box;
    overflow: visible;
    text-align: center
}

#block-panels-mini-menu-block-mini-panel .addthis_custom_follow .addthis_toolbox {
    text-align: center
}

#block-panels-mini-menu-block-mini-panel .addthis_custom_follow .addthis_toolbox a {
    float: none
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-first {
    width: 200px;
    padding: 25px
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-first .menu__link {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 32px;
    font-family: "Inconsolata", monospace, serif
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-first .menu__item.active-trail .menu {
    display: none
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-first .menu__item.active-trail::before {
    content: "- "
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last {
    width: calc(-240px + 100%);
    display: none
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .inside {
    margin-bottom: 0
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .view-content {
    position: relative
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list {
    overflow-x: scroll;
    position: static
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list ul {
    white-space: nowrap
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list ul li {
    white-space: normal;
    display: inline-block;
    max-width: 300px;
    width: 100%
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list ul li .text-wrap {
    height: 80px;
    display: flex;
    align-items: flex-end
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list ul li h2 {
    font-size: 1.7em
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list ul li img {
    width: 100%;
    height: auto
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list .menu-arrow-left,
#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list .menu-arrow-right {
    width: 18px;
    height: 41px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    cursor: hand
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list .menu-arrow-left {
    left: 20px;
    background-image: url("../images/menu-arrow-left.png")
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .item-list .menu-arrow-right {
    right: 20px;
    background-image: url("../images/menu-arrow-right.png")
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last .pane-panels-mini:nth-child(n+2) {
    display: none
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-last h2.pane-title {
    display: none
}

#block-search-form {
    display: none;
    max-width: 250px;
    padding: 5px 10px 10px 10px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 45px;
    position: absolute;
    right: 0;
    background: white;
    z-index: 10000
}

#block-search-form .search-form {
    margin-bottom: 0
}

#block-search-form .search-form input {
    padding: 10px;
    font-family: "Inconsolata", monospace, serif
}

@media all and (max-width: 649px) {
    #block-clash-ajax-register-clash-ajax-register-block {
        display: none
    }
    .header__region>#block-menu-menu-header-right {
        display: none
    }
    body.logged-in #block-menu-menu-header-right .sign-out {
        display: inline-block
    }
    body:not(.logged-in) #block-menu-menu-header-right .sign-in-up {
        display: inline-block
    }
    #block-menu-menu-header-left {
        padding-left: 10px
    }
    #block-menu-menu-header-left .menu__item a.sections {
        font-size: 0
    }
    #block-menu-menu-header-left .menu__item a.sections::after {
        content: url("../images/menu-down-arrow.png");
        font-size: 16px
    }
    #block-menu-menu-header-left .menu__item a.sections.arrow::after {
        content: url("../images/menu-up-arrow.png");
        font-size: 16px
    }
    #block-panels-mini-menu-block-mini-panel #block-menu-menu-header-right {
        margin-left: auto;
        margin-right: auto;
        display: table;
        float: none
    }
    #block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-first {
        padding-top: 0
    }
    #block-panels-mini-menu-block-mini-panel .panel-col-first {
        width: 100%
    }
    #block-panels-mini-menu-block-mini-panel .panel-col-last {
        display: none
    }
    #leaderboard {
        margin-bottom: 5px
    }
    #scroll-to-nav {
        display: none
    }
    #header {
        margin-bottom: 0
    }
}

#block-menu-menu-header-left .menu {
    display: none
}

.hamburger {
    position: relative;
    height: 50px;
    width: 50px;
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 14px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: 0s;
    transition-delay: 0s;
    transition-property: width;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: #fff;
    z-index: 10;
    outline: none
}

.menu-is-active .hamburger {
    position: fixed;
    top: 0;
    left: 6px;
    width: 100%;
    max-width: 369px;
    transition-delay: .7s
}

.hamburger .hamburger-box {
    position: relative;
    display: block;
    width: 17px;
    height: 18px
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
    position: absolute;
    width: 17px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #1D1D1D;
    line-height: 1
}

.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger .hamburger-inner:before {
    top: -6px
}

.hamburger .hamburger-inner:after {
    bottom: -6px
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
    top: 6px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #1D1D1D
}

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0, 6px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0, -12px, 0) rotate(-270deg)
}

.pane-node-webform {
    margin-top: 20px
}

.pane-node-webform h2 {
    font-weight: 700
}

.pane-node-webform .webform-component label {
    margin-bottom: 5px
}

.pane-node-webform .webform-component input {
    border: 1px solid #EEE
}

.pane-node-webform .webform-component input:focus {
    border: 1px solid #000
}

.pane-node-webform .webform-component input.form-radio {
    margin: 1%
}

.pane-node-webform .webform-component input.form-text {
    padding: .625em
}

.pane-node-webform .form-actions input.form-submit {
    border: none;
    background: #000;
    color: #FFF;
    padding: .625em .625em
}

.heroWrap,
#video-hero {
    min-height: 100vh;
    width: 100vw;
    left: calc(-50vw + 50%);
    position: relative;
    float: left
}

@media all and (max-width: 750px) {
    .heroWrap,
    #video-hero {
        min-height: 0
    }
}

.heroWrap .heroSlide:nth-of-type(n+2) {
    display: none
}

.heroWrap .flex-direction-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none;
    transform: translateY(-50%);
    z-index: 10
}

.heroWrap .flex-direction-nav li {
    float: left
}

.heroWrap .flex-direction-nav li:last-of-type {
    float: right
}

.heroWrap .flex-direction-nav li:last-of-type a {
    background-image: url("../images/arrow_right.svg")
}

.heroWrap .flex-direction-nav a {
    display: block;
    background: center center no-repeat;
    background-image: url("../images/arrow_left.svg");
    background-size: 28px 56px;
    padding: 50px;
    width: 128px;
    height: 156px;
    pointer-events: auto;
    font-size: 0;
    box-sizing: border-box
}

@media all and (max-width: 750px) {
    .heroWrap .flex-direction-nav a {
        padding: 20px;
        width: 60px;
        height: 80px;
        background-size: 20px 40px
    }
}

.heroInnerWrap {
    float: left;
    width: 100%;
    position: relative
}

.hero-desktop {
    width: 100%;
    height: 1024px;
    background: center center no-repeat;
    background-size: cover
}

@media all and (max-width: 750px) {
    .hero-desktop {
        display: none
    }
}

.hero-mobile {
    padding-top: 100%;
    width: 100%;
    display: none;
    background: center center no-repeat;
    background-size: cover
}

@media all and (max-width: 750px) {
    .hero-mobile {
        display: block
    }
}

#video-hero {
    height: 56.25vw;
    min-height: 0;
    max-height: calc(100vh - 47px)
}

@media all and (max-width: 750px) {
    #video-hero {
        display: block;
        width: 100%;
        overflow: hidden
    }
}

#video-hero iframe {
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
    min-width: 100%;
    min-height: 100%
}

@media all and (max-width: 750px) {
    #video-hero iframe {
        max-width: 100%;
        max-height: 100%;
        height: 100%
    }
}

#page.hero-article-template #content-nav-wrap {
    width: 100%;
    max-width: 1345px;
    border: 0;
    padding-top: 50px
}

#page.hero-article-template .addthis_toolbox {
    overflow: visible
}

#page.hero-article-template #main {
    width: 100%;
    background: none
}

#page.hero-article-template #main .panel-clash-article {
    pointer-events: none
}

#page.hero-article-template #main .panel-clash-article>* {
    pointer-events: auto
}

@media all and (max-width: 640px) {
    #page.hero-article-template #main .panel-clash-article .pane-node-content {
        padding: 0
    }
}

#page.hero-article-template #main .centre-wrapper {
    pointer-events: none !important
}

#page.hero-article-template #main .centre-wrapper>.panel-panel {
    pointer-events: auto
}

#page.hero-article-template .panel-clash-article {
    position: relative
}

#page.hero-article-template .panel-clash-article .pane-title {
    display: none
}

#page.hero-article-template .panel-col-main {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    background: #fff
}

#page.hero-article-template .panel-col-main .inside {
    display: block;
    overflow: visible
}

#page.hero-article-template .panel-col-main .inside article,
#page.hero-article-template .panel-col-main .inside .pane-node-webform {
    float: left;
    width: 100%;
    background: #fff;
    margin: -60px 0 0;
    padding: 0 40px;
    box-sizing: border-box
}

@media all and (max-width: 800px) {
    #page.hero-article-template .panel-col-main .inside article,
    #page.hero-article-template .panel-col-main .inside .pane-node-webform {
        margin: 0;
        padding: 0 20px
    }
}

#page.hero-article-template .panel-col-main .inside .pane-node-webform {
    margin: 0;
    border-bottom: 0
}

#page.hero-article-template .panel-col-main .inside .pane-node-webform form {
    padding: 0 0 40px;
    margin: 0 0 50px;
    border-bottom: 1px solid #eee
}

#page.hero-article-template .panel-col-main .inside .pane-node-webform .webform-component input.form-text {
    width: 100%;
    box-sizing: border-box
}

#page.hero-article-template .panel-col-main .inside header h1 {
    margin: 0 0 18px;
    font-size: 34px
}

#page.hero-article-template .panel-col-main .inside header .pane-node-field-article-subtitle {
    margin: 0 0 31px;
    font-size: 18px
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main .inside header .pane-node-field-article-subtitle {
        padding: 0
    }
}

#page.hero-article-template .panel-col-main .inside header .addthis-article {
    float: right;
    margin: 0 5px 0 0
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main .inside header .addthis-article {
        float: left;
        clear: both
    }
}

#page.hero-article-template .panel-col-main .inside .field-name-body p {
    font-size: 14px;
    line-height: 1.571
}

#page.hero-article-template .panel-col-main .inside img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 75px auto 60px
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main .inside img {
        margin: 35px 0
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main .inside img {
        margin: 35px 0 20px
    }
}

#page.hero-article-template .panel-col-main .inside img.wide {
    width: 1080px !important;
    max-width: none !important;
    margin: 75px calc((1080px - 100%) / -2) 60px
}

@media all and (max-width: 1120px) {
    #page.hero-article-template .panel-col-main .inside img.wide {
        width: calc(100vw - 40px) !important;
        margin: 75px calc(((100vw - 40px) - 100%) / -2) 60px
    }
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main .inside img.wide {
        width: 100% !important;
        margin: 35px 0
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main .inside img.wide {
        margin: 35px 0 15px
    }
}

#page.hero-article-template .panel-col-main .inside img.wide+.imageCaption {
    width: 1080px;
    margin: 0 calc((1080px - 100%) / -2)
}

@media all and (max-width: 1120px) {
    #page.hero-article-template .panel-col-main .inside img.wide+.imageCaption {
        width: calc(100vw - 40px) !important;
        margin: 0 calc(((100vw - 40px) - 100%) / -2)
    }
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main .inside img.wide+.imageCaption {
        width: 100%;
        top: -35px;
        margin: 0
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main .inside img.wide+.imageCaption {
        top: -15px
    }
}

#page.hero-article-template .panel-col-main .inside .imageCaption {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    display: block;
    padding: 17px 0;
    position: relative;
    top: -59px;
    font-family: "Inconsolata", monospace, serif;
    font-size: 13px
}

@media all and (max-width: 1120px) {
    #page.hero-article-template .panel-col-main .inside .imageCaption {
        width: 100%
    }
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main .inside .imageCaption {
        width: 100%;
        top: -35px;
        margin: 0
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main .inside .imageCaption {
        top: -15px
    }
}

#page.hero-article-template .panel-col-main .field-name-field-tags,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists {
    margin-bottom: 35px;
    padding-top: 20px
}

#page.hero-article-template .panel-col-main .field-name-field-tags .field-items,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags .field-items,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists .field-items {
    font-style: italic;
    margin-left: 18px
}

#page.hero-article-template .panel-col-main .field-name-field-tags .field-items *,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags .field-items *,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists .field-items * {
    display: inline
}

#page.hero-article-template .panel-col-main .field-name-field-tags .field-items .field-item:last-child>a:after,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags .field-items .field-item:last-child>a:after,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists .field-items .field-item:last-child>a:after {
    content: ""
}

#page.hero-article-template .panel-col-main .field-name-field-tags .field-item,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags .field-item,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists .field-item {
    margin-right: 5px
}

#page.hero-article-template .panel-col-main .field-name-field-tags .field-item a:after,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags .field-item a:after,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists .field-item a:after {
    content: ","
}

#page.hero-article-template .panel-col-main .field-name-field-tags .field-items:before,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags .field-items:before,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists .field-items:before {
    content: "";
    font-weight: italic
}

#page.hero-article-template .panel-col-main .field-name-field-tags:before,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags:before,
#page.hero-article-template .panel-col-main .field-name-field-featured-artists:before {
    position: absolute;
    content: " ";
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(sprites/icons.png);
    margin-top: 4px
}

#page.hero-article-template .panel-col-main .field-name-field-tags:before,
#page.hero-article-template .panel-col-main .field-name-field-artist-tags:before {
    width: 16px;
    height: 14px;
    background-position: -110px -20px
}

#page.hero-article-template .panel-col-main iframe {
    max-width: 100% !important
}

#page.hero-article-template .panel-col-main div[id^="google_ads_iframe"] {
    width: 100% !important
}

#page.hero-article-template .panel-col-main div[id^="google_ads_iframe"]:before,
#page.hero-article-template .panel-col-main div[id^="google_ads_iframe"]:after {
    content: "";
    display: table
}

#page.hero-article-template .panel-col-main div[id^="google_ads_iframe"]:after {
    clear: both
}

#page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="970"] {
    width: 970px !important;
    max-width: none !important;
    margin: 35px calc((970px - 100%) / -2) 30px;
    display: block
}

@media all and (max-width: 1010px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="970"] {
        width: calc(100vw - 40px) !important;
        margin: 35px calc(((100vw - 40px) - 100%) / -2) 30px
    }
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="970"] {
        width: 100% !important;
        margin: 35px 0
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="970"] {
        margin: 35px 0 15px
    }
}

#page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="728"] {
    width: 728px !important;
    max-width: none !important;
    margin: 35px calc((728px - 100%) / -2) 30px;
    display: block
}

@media all and (max-width: 1010px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="728"] {
        width: calc(100vw - 40px) !important;
        margin: 35px calc(((100vw - 40px) - 100%) / -2) 30px
    }
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="728"] {
        width: 100% !important;
        margin: 35px 0
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="728"] {
        margin: 35px 0 15px
    }
}

#page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="300"] {
    width: 300px !important;
    max-width: none !important;
    margin: 35px auto 30px;
    display: block
}

@media all and (max-width: 700px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="300"] {
        width: 100% !important;
        margin: 35px auto
    }
}

@media all and (max-width: 648px) {
    #page.hero-article-template .panel-col-main iframe[id^="google_ads_iframe"][width="300"] {
        margin: 35px auto 15px
    }
}

#page.hero-article-template .article-meta-container {
    margin: 0 0 31px;
    padding: 25px 0
}

#page.hero-article-template .article-meta-container .article-meta {
    font-size: 14px
}

@media all and (max-width: 700px) {
    #page.hero-article-template .article-meta-container .article-meta {
        float: left;
        margin: 0 0 30px
    }
}

#page.hero-article-template .article-meta-container .article-meta span:first-of-type {
    display: none
}

#page.hero-article-template .article-meta-container .article-meta span.meta-date {
    display: inline-block
}

#page.hero-article-template .panel-col-aside {
    width: 100%;
    clear: both
}

#page.hero-article-template .clash-sidebar .article-preview-list {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media all and (max-width: 960px) {
    #page.hero-article-template .clash-sidebar .article-preview-list {
        flex-wrap: wrap
    }
}

#page.hero-article-template .clash-sidebar .article-preview-list .article-preview-item {
    flex: 1 1 auto;
    width: 25%;
    margin: 0;
    padding: 0 17px
}

@media all and (max-width: 1120px) {
    #page.hero-article-template .clash-sidebar .article-preview-list .article-preview-item {
        padding: 0 10px
    }
}

@media all and (max-width: 960px) {
    #page.hero-article-template .clash-sidebar .article-preview-list .article-preview-item {
        width: 50%
    }
}

@media all and (max-width: 640px) {
    #page.hero-article-template .clash-sidebar .article-preview-list .article-preview-item .forTeaserOnly {
        font-size: 18px
    }
}

#page.hero-article-template .clash-sidebar .article-preview-list .article-preview-item:nth-of-type(n+5) {
    display: none
}

#page.hero-article-template .forTeaserOnly {
    display: none
}

#page.hero-article-template .article-preview-list .forTeaserOnly {
    display: block
}

#page.hero-article-template .article-preview-list .article-meta-container {
    padding: 0;
    margin: 0
}

#page.hero-article-template .article-preview-list .article-meta-container .article-meta {
    font-size: 12px
}

#page.hero-article-template .article-preview-list .article-meta-container .article-meta span:first-of-type {
    display: inline
}

#page.hero-article-template .heroTemplateBottom {
    padding: 0 0 40px;
    margin: 0 0 54px;
    border-bottom: 1px solid #eee
}

#page.hero-article-template .heroTemplateBottom .addthis_custom_sharing {
    margin-bottom: 44px
}

#page.hero-article-template .followClash {
    float: left
}

#page.hero-article-template .followClash .addthis-follow {
    margin-left: 0
}

#page.hero-article-template .followClash .paneTitle {
    text-transform: none;
    font-style: italic;
    font-size: 14px;
    font-family: "Droid Serif", "Times New Roman", Times, Georgia, serif
}

#page.hero-article-template hr {
    border: 0;
    border-bottom: 1px solid #DCDCDC;
    padding: 0;
    margin: 2.625em 0
}

#page.hero-article-template #footer {
    padding: 40px 0 20px
}

#page.hero-article-template #footer #block-menu-menu-footer-menu {
    border-top: 0
}

#page.hero-article-template .readNextTitle {
    display: block
}

.readNextTitle {
    display: none;
    margin: 0 0 50px;
    text-align: center
}

.buyClashMag {
    background-color: #1D1D1D;
    font-family: "Inconsolata", monospace, serif;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    color: #fff;
    display: block;
    float: right;
    position: relative;
    top: 3px
}

@media all and (max-width: 648px) {
    .buyClashMag {
        float: none;
        text-align: center;
        clear: both
    }
}

.buyClashMag:visited {
    color: #fff
}

#block-panels-mini-menu-block-mini-panel .panel-2col .panel-col-first {
    width: 100% !important;
}

#block-panels-mini-menu-block-mini-panel .search-form {
    padding: 0 20px 10px 0;
}


/*# sourceMappingURL=clash_zen.css.map */

#explore-footer {
    background-color: #fff !important;
    width: 972px !important;
    max-width: 100% !important;
}

#block-menu-menu-footer-menu {
    float: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding-top: 9px !important;
    border-top: 1px solid #231F20 !important;
    text-align: center !important;
}

#explore-footer li.menu__item.is-leaf.leaf {
    display: inline !important;
    font-family: "Inconsolata", monospace, serif !important;
    text-transform: uppercase !important;
    font-size: .75em !important;
    line-height: 1.66667em !important;
}

#block-menu-menu-footer-menu li a:after {
    content: " -" !important;
}

#block-menu-menu-footer-menu li:last-child a:after {
    content: "" !important;
}