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

Designed and hand-coded
by ideajunction.co.uk

Adapted and converted to Drupal
by Drupology.co.uk

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

/* Basic page layout */
.container .row {
    width: 1220px;
    margin: auto;
}

section.primary-column,
aside {
    float: left;
    margin-bottom: 40px;
}

section.primary-column {
    width: 880px;
    margin-top: 0;
    z-index: 10;
    position: relative;
}

aside.comments {
    width: 240px;
    padding: 20px;
    margin-top: 40px;
}

aside.related {
    width: 280px;
    margin-left: 20px;
}

aside.comments {
    width: 260px;
    margin-bottom: 23px;
}

/* related beneath comments */
/* aside.related { margin-top:-20px; width:100%; } ...or related at the bottom, full width */

header.container,
footer.container {
    height: 80px;
    z-index: 50;
    position: relative;
}

div.explore,
div.stores {
    margin-bottom: 50px;
}

/* Backgrounds, borders, dropshadows and border-radius */
body {
    background: #fff;
}

#page {
    overflow: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

header.container,
section.group-box,
footer.container {
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 10px rgba(0, 0, 0, 0.3);
}

aside.comments,
    /*.box-link,*/
article.story {
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);

}

section.group-box {
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

aside.comments {
    margin-left: -20px;
    padding-left: 40px;
}

/* Add a shadow to the promo-boxes */
article.node-tile-promo {
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
}

article.node-tile-promo,
article.node-tile-promo img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

article.node-tile-promo.node-teaser-blurb img {
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}

article.node-tile-promo a {
    display: block;
}

article.node-teaser-blurb a:hover span img {
    margin: 0;
    border: none;
    padding: 0;
    opacity: 0.8;
}

/* If a promo box is in a .group-box, remove the shadow and border-radius */
section.group-box article.node-tile-promo,
section.group-box article.node-tile-promo img
section.group-box article.node-tile-promo.node-teaser-blurb a.image-wrap span img,
section.group-box article.node-teaser-blurb a.image-wrap img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

article.node-tile-promo.node-teaser-blurb div.blurb {
    margin-bottom: -15px;
}

/* Navigation (in header and footer) */
nav ul.inline li {
    float: left;
    padding: 0;
    margin-right: -1px;
}

nav li a {
    line-height: 80px;
    color: #535353;
    display: inline-block;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    background: #fff;
    padding: 0 18px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

nav li a:hover {
    background-color: #f7f7f7;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    position: relative;
    z-index: 10;
}

/* Page header (top nav) */
nav select {
    display: none;
    margin-top: 3px;
}

nav ul.inline li.first {
    margin: 0;
}

nav a.home {
    background: #fff url('../logo/the_beatles_logo_333333v2.svg');
    width: 190px;
    height: 80px;
    text-indent: -9999px;
    display: block;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: left center;
}

nav li a.home {
    border: none;
    padding: 0;
    margin-right: 18px;
}

nav li a.home:hover {
    background-color: transparent;
}

header div.row {
    position: relative;
    height: 100%;
}

header nav.secondary {
    right: 220px;
}

header #edit-title-wrapper {
    padding-right: 0;
}

header #block-views-exp-search-page-1 .views-exposed-form .views-exposed-widget {
    float: none;
    padding: 0;
    padding-right: 0;
}

header #block-views-exp-search-page-1 input {
    border: 3px solid #ccc;
    background: #f5f5e9 url('../elements/mag_glass_bbbbbb.svg') no-repeat center left;
    width: 178px;
    padding: 2px 2px 2px 25px;
    margin: 25px 0;
    color: #aaa;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

header #block-views-exp-search-page-1 .views-submit-button {
    display: none
}

header #block-views-exp-search-page-1 .views-exposed-widgets {
    margin-bottom: 0;
}

header #block-views-exp-search-page-1 input:focus {
    outline: none;
    background: #fff url('../elements/mag_glass_599c18.svg') no-repeat center left;
    border-color: #599c18;
    color: #333;
}

/* Section/article/aside headers */
div.row > header {
    border: none;
    text-align: center;
    margin: 30px 20px;
}

div header {
    position: relative;
    border-bottom: 1px solid #ccc;
}

a div header {
    border: none;
}

#header {
    border-bottom: none;
}

header#header.container .row {
    width: 1220px;
    display: flex;
    justify-content: space-between;
}

header#header.container .row #nav-wrapper {
    padding: 0 20px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

header#header.container .row #nav-wrapper nav {
    display: flex;
    align-items: center;
}

header#header.container .row #nav-wrapper nav #ctools-jump-menu {
    margin-left: 40px;
}

@media screen and (min-width: 1820px) {
    header#header.container .row {
        max-width: 1820px;
        width: 100%;
    }
}

@media screen and (min-width: 1520px) and (max-width: 1819px) {
    header#header.container .row {
        max-width: 1520px;
        width: 100%;
    }
}

@media screen and (min-width: 1220px) and (max-width: 1519px) {
    header#header.container .row {
        max-width: 1220px;
        width: 100%;
    }
}

@media screen and (min-width: 920px) and (max-width: 1219px) {
    header#header.container .row {
        width: 100%;
    }
}

@media screen and (max-width: 919px) {
    header#header.container .row {
        max-width: 620px;
        width: 100%;
    }
}

header div.options {
    position: absolute;
    right: 0;
    bottom: 4px;
    line-height: 16px;
    height: 24px;
}

header div.options span.label {
    padding-right: 5px;
}

/* Used for "switch store" */
header div.options .flag-throbber {
    position: absolute;
    left: 86px;
    top: 1px;
}

span.facebook-like iframe {
    position: relative;
    top: 5px;
    margin-right: 10px;
}

article > header {
    margin-bottom: 50px;
}

article > header hgroup h1 {
    padding: 20px 210px 0 0;
}

article > header hgroup h2 {
    position: absolute;
    left: 0;
    bottom: -25px;
}

header > h2 {
    padding-bottom: 3px;
}

section.store > header {
    margin-bottom: 10px;
}

section.favourites > header {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* Flatten top of .group-box.primary-column */
section.group-box.primary-column {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    border-top: 10px solid #ccc;
}

/* Colourscheme for story types */
section.group-box.node-parent-type-story.node-sub-type-album {
    border-top: 10px solid #599c18;
}

section.group-box.node-parent-type-story.node-sub-type-album article > header hgroup h2,
.story.album h3 {
    color: #599c18;
}

section.group-box.node-parent-type-story.node-sub-type-song,
section.group-box.node-parent-type-story.node-sub-type-track {
    border-top: 10px solid #ffba00;
}

section.group-box.node-parent-type-story.node-sub-type-song article > header hgroup h2,
section.group-box.node-parent-type-story.node-sub-type-track article > header hgroup h2,
.story.song h3,
.story.track h3 {
    color: #ffba00;
}

section.group-box.node-parent-type-story.node-sub-type-feature {
    border-top: 10px solid #cb0e0e;
}

section.group-box.node-parent-type-story.node-sub-type-feature article > header hgroup h2,
.story.feature h3 {
    color: #cb0e0e;
}

section.group-box.node-parent-type-story.node-sub-type-film {
    border-top: 10px solid #023fc2;
}

section.group-box.node-parent-type-story.node-sub-type-film article > header hgroup h2,
.story.film h3 {
    color: #023fc2;
}

section.group-box.node-parent-type-story.node-sub-type-event {
    border-top: 10px solid #9d0ee7;
}

section.group-box.node-parent-type-story.node-sub-type-event article > header hgroup h2,
.story.event h3 {
    color: #9d0ee7;
}

section.group-box.node-parent-type-story.node-sub-type-photo_album {
    border-top: 10px solid #9b9b2e;
}

section.group-box.node-parent-type-story.node-sub-type-photo_album article > header hgroup h2,
.story.photo_album h3 {
    color: #9b9b2e;
}

section.group-box.node-parent-type-story.node-sub-type-news {
    border-top: 10px solid #18979c;
}

section.group-box.node-parent-type-story.node-sub-type-news article > header hgroup h2,
.story.news h3 {
    color: #18979c;
}

section.group-box.node-parent-type-story.node-sub-type-video_set {
    border-top: 10px solid #C73DDC;
}

section.group-box.node-parent-type-story.node-sub-type-video_set article > header hgroup h2,
.story.video_set h3 {
    color: #C73DDC;
}

section.group-box.community {
    border-top: 10px solid #ff00de;
}

section.group-box.community article > header hgroup h2 {
    color: #ff00de;
}

/* Full width generics */
.ruled {
    border-top: 1px solid #bfbeae;
    border-bottom: 1px solid #fcfcf8;
}

.ruled ul {
    border-top: 1px solid #fcfcf8;
    border-bottom: 1px solid #bfbeae;
    padding-top: 15px;
    padding-bottom: 15px;
}

.fullwidth {
    margin-top: 30px;
    margin-bottom: 30px;
}

.fullwidth > ul {
    padding-left: 20px;
}

.fullwidth > ul > li {
    float: left;
    margin-right: 20px;
}

/* @4x cols (default) */
.fullwidth.contains3 > ul > li {
    width: 380px;
}

/* 1180-(20*2cols) /3 */
.fullwidth.contains4 > ul > li {
    width: 280px;
}

/* 1180-(20*3cols) /4 */

/* Stores page */
div.stores div.row > header {
    margin-bottom: 5px;
}

div.store-flags {
    margin-bottom: 70px;
    text-align: center;
}

div.store-flags .button {
    margin-top: 10px;
}

/* Square image rollover (photo, flag, promo tile) */
.fullwidth > ul > li a img,
.promo a span img,
.node-tile-image a span img {
    width: 100%;
    -webkit-transition: -webkit-box-shadow 0.8s;
    -moz-transition: -moz-box-shadow 0.8s;
    -o-transition: -o-box-shadow 0.8s;
    transition: box-shadow 0.8s;
}

.fullwidth > ul > li a img {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
}

.fullwidth > ul > li a:hover img,
.promo a:hover span img,
.node-tile-image a:hover span img {
    margin: -4px;
    background: #fff;
    padding: 2px;
    border: 2px solid #599c18;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px #599c18, 0 0 15px #599c18;
    -moz-box-shadow: 0 0 5px #599c18, 0 0 15px #599c18;
    box-shadow: 0 0 5px #599c18, 0 0 15px #599c18;
}

/* Photo magnifying glass */
.node-tile-image a,
article.node-tile-track span.play-pause {
    position: relative;
    display: block;
}

.node-tile-image a span.mag,
article.node-tile-track span.play-pause {
    border: 3px solid #fff;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -33px;
    opacity: 0;
    background: #599c18 url('../elements/lightbox/mag_glass_large_ffffff.svg') no-repeat center center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: opacity 0.3s, top 0.2s;
    -moz-transition: opacity 0.3s, top 0.2s;
    -o-transition: opacity 0.3s, top 0.2s;
    transition: opacity 0.3s, top 0.2s;
    -webkit-box-shadow: 0 0 5px #599c18, 0 0 15px #599c18;
    -moz-box-shadow: 0 0 5px #599c18, 0 0 15px #599c18;
    box-shadow: 0 0 5px #599c18, 0 0 15px #599c18;
}

.node-tile-image a:hover span.mag {
    opacity: 0.95;
    margin-top: -28px;
    top: 40%;
}

/*  Track tile play/pause */
article.node-tile-track span.play-pause:after {
    display: none;
}

article.node-tile-track span.play-pause {
    background-image: url('../elements/tracks/play_large_ffffff.svg');
    width: 60px !important; /* 1/7/13 temp, can be removed once CSS caching is clear */
    /* for the photo zoom-icon, these were declared on hover, but the play icon is shown pre-hover for all tracks */
    opacity: 0.95;
    margin-top: -28px;
    top: 40%;
}

article.node-tile-track span.play-pause.playing {
    background-image: url('../elements/tracks/stop_large_ffffff.svg');
}

article.node-tile-track h2 {
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    margin-top: 4px;
}

/* Should be in typography.css */
article.node-tile-track .contextual-links-region {
    position: static;
}

/* Lightbox overrides */
a#lightshowPlay,
a#lightshowPause,
a#bottomnavclose {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}

a#lightshowPlay {
    background: #fff url('../elements/lightbox/play_599c18.png') no-repeat center center;
    margin-top: 36px;
}

a#lightshowPause {
    background: #fff url('../elements/lightbox/pause_599c18.png') no-repeat center center;
    margin-top: 36px;
}

a#bottomnavclose,
a:hover#bottomnavclose {
    background: #fff url('../elements/lightbox/close_599c18.png') no-repeat center center;
}

#numberDisplay {
    color: #ccc;
}

/* Explore */
div.explore div.row > header {
    margin-bottom: 0px;
}

div.explore header .ruled ul {
    padding-top: 9px;
    padding-bottom: 9px;
}

div.explore div.bef-select-as-links div.form-item {
    display: inline;
    float: none;
}

div.explore div.bef-select-as-links div.form-item a {
    background: none;
    border: none;
    margin: 1px 2px;
    padding: 0 10px;
    color: #535353;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -o-box-shadow 0.5s;
    transition: box-shadow 0.5s;
}

div.explore div.bef-select-as-links div.form-item a:hover,
div.explore div.bef-select-as-links div.form-item.selected a,
.page-explore-songs #edit-type-story-song a {
    -webkit-box-shadow: 0 0 2px #fff, 0 0 4px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px #fff, 0 0 4px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px #fff, 0 0 4px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.5);
}

.page-explore-songs #edit-type-all a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.explore div.bef-select-as-links div.form-item a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #599c18;
}

div.explore div.bef-select-as-links div.form-item.selected a,
.page-explore-songs #edit-type-story-song a {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0a0a', endColorstr='#313131');
}

.page-explore-songs #edit-type-all a {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBE8D5', endColorstr='#EBE8D5');
}

/* Extras */
div.explore div.view-content {
    margin-top: -120px;
    position: relative;
}

div.explore div.view-songs div.view-content {
    margin-top: 0px;
    position: relative;
}

.page-explore-songs .views-widget-sort-by {
    display: none;
}

div.explore label {
    margin: 1px 3px;
    font-weight: normal;
}

div.explore label,
div.explore div.bef-select-as-links {
    display: inline;
}

div.explore div.views-widget-filter-type label {
    display: none;
}

div.explore div.views-widget-filter-type div.form-item a {
    margin: 1px 5px;
    padding: 0 18px;
}

div.explore div.views-exposed-form {
    text-align: center;
    margin-bottom: 25px;
}

div.explore div.views-exposed-form .views-exposed-widget {
    float: none;
}

div.explore div.views-widget-sort-order {
    margin-top: -3px;
    display: none;
}

/* Lines */
div.explore div.views-widget-filter-type {
    border-top: 1px solid #BFBEAE;
    border-bottom: 1px solid #FCFCF8;
    width: 100%;
    padding: 0;
}

div.explore div.views-widget-filter-type div.views-widget {
    border-top: 1px solid #FCFCF8;
    border-bottom: 1px solid #BFBEAE;
    width: 100%;
    padding: 10px 0;
}

/* Table Version of Explore */
.view-songs table {
    width: 100%;
    margin: 20px 0;
}

.view-songs td,
.view-songs th {
    padding: 5px;
}

.view-songs a {
    text-decoration: none;
}

/* Nodes */
.nodes.fullwidth,
.nodes.view-news {
    margin-left: 20px;
}

body.page-home .nodes .masonry-brick {
    width: 30%;
    float: left;
    margin: 0 0 5% 0;
}

.gutter-sizer {
    width: 5%;
}

@media screen and (max-width: 920px) {
    body.page-home .nodes .masonry-brick {
        width: 47.5%;
        float: left;
        margin: 0 0 5% 0;
    }

    .gutter-sizer {
        width: 5%;
    }
}

@media screen and (max-width: 620px) {
    body.page-home .nodes .masonry-brick {
        width: 100%;
        float: left;
        margin: 0 0 5% 0;
    }

    .gutter-sizer {
        width: 0;
    }
}

.nodes .masonry-brick {
    width: 280px;
    float: left;
    margin: 0 20px 20px 0;
}

.nodes .masonry-brick.width2 {
    width: 580px;
}

.nodes .masonry-brick.width3 {
    width: 880px;
}

.nodes .masonry-brick.width4, /*{ width:1180px; }*/
.nodes .masonry-brick.width5, /*{ width:1480px; }*/
.nodes .masonry-brick.width6 {
    width: 1180px;
}

/*{ width:1780px; }*/

body.not-front .nodes .text.quote {
    margin: -2px 18px 18px -2px;
}

aside .masonry-brick {
    margin: 0 20px 20px 0;
}

.nodes .test,
.nodes .store {
    background-color: rgba(0, 0, 0, 0.05);
}

.region-store .view.nodes {
    padding-bottom: 0;
}

.nodes .width2 {
    width: 580px;
}

.nodes .width3 {
    width: 880px;
}

.nodes .width4, /*{ width:1180px; }*/
.nodes .width5, /*{ width:1480px; }*/
.nodes .width6 {
    width: 1180px;
}

/*{ width:1780px; }*/

/* smaller buttons on width1 buttons */
.nodes .node-teaser-blurb.width1 a.button,
aside .node-teaser-blurb.width1 a.button,
a.button.small {
    font-size: 13px;
    padding: 3px 15px 3px;
    margin: 5px 0 -10px;
}

section.primary-column .nodes .width3, /* three columns-span and... */
section.primary-column .nodes .width4 {
    width: 880px;
}

/* ....four columns-span only available at a wider widths */

/* The folloing margins allows for margin:0 20px 20px 0; on all nodes (so the left-most ones don't turn early) */
article.node,
#block-views-favourites-block-1,
.page-explore #main-article,
.page-news #main-article,
.page-user .profile,
.page-user-register #main-article,
section.store,
section.favourites {
    margin-right: -20px; /*margin-bottom:-20px;*/
}

div.row > div.block-views.first,
div.row > div.nodes {
    margin: 0 20px 20px;
}

#block-views-solo-artist-promos-block-1 {
    margin-left: 0;
    margin-right: 0;
}

.block-views article.node,
aside article.node {
    margin-right: 0px;
}

section.store header,
section.favourites header,
#block-views-favourites-block-1 h2.block-title {
    margin-right: 20px;
}

#block-views-favourites-block-1 h2.block-title {
    border-bottom: 1px solid #CCC;
    margin-top: 40px;
    margin-bottom: 15px;
}

/* Thin grey outline */
.nodes iframe,
.text.quote,
article.node-tile-track img {
    border: 1px solid #ccc;
    padding: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.nodes iframe {
    margin: -2px;
}

/* Tile nodes */
.nodes img,
.nodes iframe {
    width: 100%;
    display: block;
}

.audio iframe {
    height: 166px;
}

.video iframe {
    height: 220px;
}

.video.width2 iframe,
.video.width3 iframe, /* three columns-span and... */
.video.width4 iframe {
    height: 440px;
}

/* ....four columns-span only available at a wider widths */
.video_ h2 {
    margin-top: 5px;
}

.text.quote {
    margin: -2px 18px 18px -2px;
}

.text.quote .node-teaser-inner {
    padding: 15px 18px 12px;
    background: #ffcf4c url('../typography/quotes/quote_open_ffe8b4.svg') top left no-repeat; /* fallback for no multiple-bgs */
    background: url('../typography/quotes/quote_close_ffe8b4.svg') bottom right no-repeat,
    #ffcf4c url('../typography/quotes/quote_open_ffe8b4.svg') top left no-repeat; /* multiple-bgs! */
}

.text.quote cite {
    border-top: 1px solid #cca63d;
    display: block;
    margin-top: 8px;
    padding-top: 8px;
}

/* Box linked nodes (e.g. stories, image tiles) */
a.box-link, .box-link, .box-non-link {
    position: relative;
    display: block;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a.box-link:hover, .box-link:hover {
    background-color: #599c18;
    -webkit-box-shadow: 0 0 2px #2B4F0A;
    -moz-box-shadow: 0 0 2px #2B4F0A;
    box-shadow: 0 0 2px #2B4F0A;
}

a.box-link img {
    opacity: 1;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a.box-link:hover img {
    opacity: 0.8;
}

.box-link h2, .box-non-link h2 {
    margin-top: 0;
}

.box-link hgroup, .box-non-link hgroup {
    padding: 6px 10px 8px;
}

.box-link .meta, .box-non-link .meta {
    position: absolute;
    bottom: 3px;
}

.box-link .meta.favourites, .box-non-link .meta.fovourites {
    text-align: left;
    left: 8px;
}

.box-link .meta.comments, .box-non-link .meta.comments {
    text-align: right;
    right: 8px;
}

/* additional CSS for embedded sound-cloud in track stories */
div.box-link a {
    text-decoration: none;
}

div.box-link .node {
    padding: 5px;
}

div.box-link .story-link {
    position: relative;
    display: block;
    width: 100%;
}

/* Story nodes */
article.story {
    position: relative;
}

article.story > a {
    display: block;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

article.story > a:hover {
    background-color: #599c18;
    -webkit-box-shadow: 0 0 10px #2B4F0A;
    -moz-box-shadow: 0 0 10px #2B4F0A;
    box-shadow: 0 0 10px #2B4F0A;
}

article.story > a > img,
article.node-teaser-blurb a img,
article.node-teaser-blurb a.image-wrap img {
    opacity: 1;
    width: 100%;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

article.story > a:hover img {
    opacity: 0.8;
}

article.story h2 {
    margin-top: 0;
}

article.story .meta {
    position: absolute;
    bottom: 3px;
}

article.story .meta.favourites {
    text-align: left;
    left: 8px;
}

article.story .meta.comments {
    text-align: right;
    right: 8px;
}

/* Blurb nodes (tiles that contain story previews, used for news) */
article.node-teaser-blurb {
    text-align: left;
}

body article.node-teaser-blurb a.image-wrap {
    background: none;
}

body article.node-teaser-blurb a.image-wrap {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

article.node-teaser-blurb a.image-wrap:hover img {
    opacity: 1;
}

article.node-teaser-blurb div header {
    margin-bottom: 30px;
    margin-right: 0px;
}

article.node-teaser-blurb div header hgroup {
    padding: 0px;
}

article.node-teaser-blurb div header hgroup h2 {
    position: static;
}

article.node-teaser-blurb div header hgroup h3 {
    position: absolute;
    bottom: -25px;
}

body .container article.node-teaser-blurb .meta {
    position: absolute;
    bottom: -25px;
    right: 0;
    text-align: right;
    width: 50px;
}

body .container article.node-teaser-blurb .meta.favourites {
    left: auto;
    right: 50px;
}

/* Blurb nodes 3 cols and narrower */
article.node-teaser-blurb > div {
    margin: 12px 20px 20px;
}

article.node-teaser-blurb.width2 > div {
    margin: 12px 50px 20px;
}

/* edited 	article.node-teaser-blurb.width3 > div { margin:12px 150px 25px; } to below*/
article.node-teaser-blurb.width3 > div {
    margin: 12px 20px 25px;
}

article.node-teaser-blurb.width3 hgroup h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.06em;
}

/* Blurb nodes 4 cols and wider generic overrides */
/* ...for 3 cols and less these are overridden again back to their previous settings */
article.node-teaser-blurb.width4,
article.node-teaser-blurb.width5,
article.node-teaser-blurb.width6 {
    overflow: hidden;
    min-height: 400px;
}

article.node-teaser-blurb.width4 a.image-wrap,
article.node-teaser-blurb.width5 a.image-wrap,
article.node-teaser-blurb.width6 a.image-wrap {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

/*  ...this crops the bottom of the image */

article.node-teaser-blurb.width4 a.image-wrap img,
article.node-teaser-blurb.width5 a.image-wrap img,
article.node-teaser-blurb.width6 a.image-wrap img {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

article.node-teaser-blurb.width4 div.blurb,
article.node-teaser-blurb.width5 div.blurb,
article.node-teaser-blurb.width6 div.blurb {
    padding-right: 60px;
}

/* Blurb node specifics 4 cols and wider */
article.node-teaser-blurb.width4, /*{ min-height:400px; }*/
article.node-teaser-blurb.width5, /*{ min-height:500px; }*/
article.node-teaser-blurb.width6 {
    min-height: 400px;
}

/*{ min-height:600px; }*/
article.node-teaser-blurb.width4 a.image-wrap, /*{ width:760px; }*/
article.node-teaser-blurb.width5 a.image-wrap, /*{ width:980px; }*/
article.node-teaser-blurb.width6 a.image-wrap {
    width: 760px;
}

/*{ width:1280px; }*/
article.node-teaser-blurb.width4 > div, /*{ margin:30px 0 40px 787px; width:380px; }*/
article.node-teaser-blurb.width5 > div, /*{ margin:30px 0 40px 1020px; width:400px; }*/
article.node-teaser-blurb.width6 > div {
    margin: 30px 20px 40px 780px;
    width: 380px;
}

/*{ margin:40px 0 50px 1320px; width:420px; }*/
article.node-teaser-blurb.width4 hgroup h2, /*{ font-size:35px; line-height:35px; letter-spacing:-0.06em; }*/
article.node-teaser-blurb.width5 hgroup h2, /*{ font-size:45px; line-height:42px; letter-spacing:-0.06em; }*/
article.node-teaser-blurb.width6 hgroup h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.06em;
}

/*{ font-size:55px; line-height:50px; letter-spacing:-0.06em; }*/

/* Store section of a page */
section.store {
    margin-top: -5px;
    margin-bottom: -20px;
}

section.node-parent-type-story section.store {
    margin-top: 40px;
}

/* if the store section is in a story (beneath an article) then pad between them */
section.store header {
    position: relative;
    padding-bottom: 3px;
}

/* Visit store h2 anchor(s) */
section.store header h2 {
    margin-top: 0px;
}

section.store header h2 a span.visit {
    display: none;
}

section.store header h2 a:hover span.visit {
    display: inline;
}

/* Show "Visit" on rollover */
section.store header h2 {
    display: none;
}

section.store.uk header h2.uk,
section.store.us header h2.us,
section.store.jp header h2.jp,
section.store.br header h2.br {
    display: block;
}

/* Show the right countriy's h2 with a decendent selector of the country on section.store */
/* Store flag */
.store-flag {
    display: inline-block;
    width: 41px;
    height: 20px;
    padding: 1px;
    border: 1px solid #d3d3d3;
    background: url('../elements/flags/uk.gif') no-repeat 1px 1px;
    position: relative;
    top: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.uk .store-flag {
    background-image: url('../elements/flags/uk-mini.gif');
}

a.us .store-flag {
    background-image: url('../elements/flags/us-mini.gif');
}

a.jp .store-flag {
    background-image: url('../elements/flags/jp-mini.gif');
}

a.br .store-flag {
    background-image: url('../elements/flags/br-mini.gif');
}

a:hover .store-flag {
    border: 2px solid #599c18;
    margin: -1px;
    -webkit-box-shadow: 0 0 3px #599c18;
    -moz-box-shadow: 0 0 3px #599c18;
    box-shadow: 0 0 3px #599c18;
}

/* Store switcher */
section.store header div.options {
    padding-bottom: 3px;
}

section.store header div.options span.label {
    position: relative;
    top: -2px;
}

section.store header a {
    position: static;
}

section.store header a span.select {
    opacity: 0;
    width: 180px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 20px;
    margin-bottom: 20px;
    text-align: right;
    display: block;
    left: -9999px;
    padding-right: 3px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

section.store header a:hover span.select {
    opacity: 1;
    left: -113px;
}

/* Comments */
aside.comments ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    margin: 0;
    min-height: 58px;
}

aside.comments ul li img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 3px 6px 3px 0;
}

aside.comments ul li h3,
aside.comments ul li .field-items {
    margin: 0 0 0 60px;
}

aside.comments ul li h3 a {
    margin-right: 3px;
}

/* Footer */
footer div.row {
    background: #fff url('../logo/apple_corps_retina.png') no-repeat center center;
    background-size: 40px 40px;
    height: 80px;
}

footer .copy {
    float: left;
    padding-left: 20px;
}

footer nav {
    float: right;
}

/* Button */
.button,
.form-submit,
ul.primary li a,
ul.primary li.active a,
#block-system-user-menu li a {
    display: inline-block;
    border: none;
    padding: 7px 30px 6px;
    margin-right: 5px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #599c18;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7eb635), to(#37790b));
    background-image: -moz-linear-gradient(#7eb635, #37790b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7eb635', endColorstr='#37790b');
}

.view-mode-teaser_blurb .blurb .button,
.node-story-news .blurb .button {
    margin-top: 10px;
}

/* smaller buttons on tabs and other buttons */
ul.primary li a,
ul.primary li.active a {
    font-size: 13px;
    padding: 3px 15px 3px;
    margin: 5px 0 -10px;
}

/* smaller buttons */
#topspin_submit, #sg-submit-btn {
    font-size: 13px;
    padding: 3px 15px 3px;
    margin-left: 4px;
    margin-top: 5px;
    cursor: pointer;
}

/* CSS animations for Masonry */
.masonry,
.masonry .masonry-brick {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.masonry .masonry-brick { /* width added to masonry defaults for node width animation */
    -webkit-transition-property: left, right, top, width;
    -moz-transition-property: left, right, top, width;
    -o-transition-property: left, right, top, width;
    transition-property: left, right, top, width;
}

/* Logon/register page additions */
article.login input[type=text],
    /*article.login input[type=password],*/
article.login select,
article.login textarea {
    width: 100%
}

article.login article h2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

article.login .description {
    font-size: 12px;
    color: #bbb;
}

.fb_login_button_wrapper a {
    text-decoration: none;
}

/* Social links */
#social ul {
    text-align: center;
    margin: -5px 0 -15px;
}

#social ul li {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 2px 6px;
}

#social ul li a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; /* hide the text */
    border: 2px solid rgba(119, 176, 48, 0.6);
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
}

#social ul li a:hover {
    border: 2px solid rgb(119, 176, 48);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.3);
}

#social li.newsletter a {
    background-image: url(../elements/social/envelope_599c18.svg);
}

#social li.twitter a {
    background-image: url(../elements/social/twitter_599c18.svg);
}

#social li.facebook a {
    background-image: url(../elements/social/facebook_599c18.svg);
}

#social li.googleplus a {
    background-image: url(../elements/social/google_599c18.svg);
}

#social li.youtube a {
    background-image: url(../elements/social/youtube_599c18.svg);
}

#social li.itunes a {
    background-image: url(../elements/social/apple_599c18.svg);
}

#social li.soundcloud a {
    background-image: url(../elements/social/souncloud_599c18.svg);
}

#social ul li a:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 6px rgba(0, 0, 0, 0.4);
}

/* Sort header (used on songs) */
.sort-divider {
    padding: 0 0 0 10px;
    background-color: #E3DFCD;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff;
}

.collapsible {
    z-index: 99;
}

.collapsible .sort-divider:before {
    content: '▼';
    font-size: 10px;
    line-height: 5px;
    padding-right: 5px;
    opacity: 0.5;
}

.collapsible:hover .sort-divider {
    background: #F2F0E8;
}

.collapsible:hover .sort-divider:before {
    opacity: 1;
}

.collapsible.closed .sort-divider:before {
    content: '▶';
}

/* Hide go button that flashes up on page load */
.ctools-jump-menu-button {
    display: none;
}

/* Homepage slideshow carousel */

/* move the carousel off-page before JS kicks in to stop it flashing up multiple carousel items */
#block-views-hero-blurb-block {
    position: absolute;
    left: -9999px;
}

/*#views_slideshow_cycle2_main_hero_blurb-block_3 article.node-teaser-blurb > div,*/
#views_slideshow_cycle2_main_hero_blurb-block_3 article .field-type-image {
    margin: 0
}

.views-slideshow-cycle2-main-frame-row {
    width: 100% !important;
}

.views_slideshow_main {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.views_slideshow_main.animate {
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

.views_slideshow_main article.story {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Next and previous links on the slideshow */
.slideshow.nav,
.views-slideshow-controls-text span a {
    display: block;
    font-size: 30px;
    color: #fff;
    background: #599c18;
    padding: 10px;
    position: absolute;
    top: 190px;
    z-index: 150;
    border: 3px solid #fff;
    text-decoration: none;
    opacity: 1;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7eb635), to(#37790b));
    background-image: -moz-linear-gradient(#7eb635, #37790b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7eb635', endColorstr='#37790b');
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.views_slideshow_main:hover .slideshow.nav,
.views_slideshow_main:hover .views-slideshow-controls-text span a {
    opacity: 0.6;
}

.views_slideshow_main .slideshow.nav:hover,
.views-slideshow-controls-text span a:hover {
    opacity: 1;
    text-decoration: none;
}

.slideshow.nav.prev,
.views_slideshow_controls_text_previous a {
    left: -8px;
}

.slideshow.nav.next,
.views_slideshow_controls_text_next a {
    right: -8px;
}

.slideshow.nav.prev,
.views_slideshow_controls_text_previous a {
    -webkit-border-top-right-radius: 1000px;
    -moz-border-radius-topright: 1000px;
    border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    -moz-border-radius-bottomright: 1000px;
    border-bottom-right-radius: 1000px;
}

.slideshow.nav.next,
.views_slideshow_controls_text_next a {
    -webkit-border-top-left-radius: 1000px;
    -moz-border-radius-topleft: 1000px;
    border-top-left-radius: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -moz-border-radius-bottomleft: 1000px;
    border-bottom-left-radius: 1000px;
}

.views_slideshow_controls_text_pause {
    display: none;
}

/* Soundcloud Audio Player */
.soundcloud-private_field-outer-wrapper audio {
    width: 100%;
}

.soundcloud-private_field-outer-wrapper .play-pause {
    background: green;
    color: white;
    cursor: pointer;
}

.node-tile-track.view-mode-teaser_nested .field-name-field-soundcloud {
    float: left;
    margin-right: 1px;
}

.file-audio-soundcloud div.contextual-links-wrapper {
    right: 18px;
}

/* move the Drupal cogs off of the play button */
.soundcloud-private_field-outer-wrapper .play-pause {
    width: 16px;
    height: 22px;
    display: block;
    color: transparent;
    position: relative;
    z-index: 10;
    overflow: hidden;
    background: transparent;
}

.soundcloud-private_field-outer-wrapper .play-pause:after {
    content: "\f04b";
    color: #599c18;
}

/* play icon */
.soundcloud-private_field-outer-wrapper .play-pause.playing:after {
    content: "\f04d";
    line-height: 22px;
    font-size: 13px;
}

/* stop icon */

.soundcloud-private_field-outer-wrapper .play-pause:after {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit; /*line-height:18px; font-size:18px;*/
}

.node-tile-track-listing- .soundcloud-private_field-outer-wrapper .play-pause:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#9ACB47), to(#245E02));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* OWL CAROUSEL */

#header {
    position: fixed;
    width: 100%;
}

.region-sub-header, #main {
    padding-top: 80px;
}

.front #main {
    padding-top: 0;
}

.region-sub-header .owl-theme .owl-stage-outer {
    border-bottom: 1px solid #ccc;

}

.region-sub-header .owl-theme .owl-carousel {
    cursor: grab;
}

.region-sub-header .owl-theme .owl-carousel.owl-grab {
    cursor: grabbing;
}

.region-sub-header .owl-theme .owl-carousel, .region-sub-header .owl-theme .owl-stage-outer, .region-sub-header .owl-theme .owl-stage, .region-sub-header .owl-theme .owl-item {
    max-height: calc(100vh - 80px);
}

.region-sub-header .owl-theme .owl-dots {
    position: absolute;
    top: 20px;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
}

.region-sub-header .owl-theme .owl-dots .owl-dot.active span, .region-sub-header .owl-theme .owl-dots .owl-dot:hover span {
    background: #599c18;
}

.region-sub-header .owl-theme .owl-nav {
    position: absolute;
    margin-top: -25px;
    top: 50%;
    left: 0;
    right: 0;
}

.region-sub-header .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: rgba(89, 156, 24, 0.5);
}

.region-sub-header .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: rgba(89, 156, 24, 0.5);
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 1);
    font-size: 30px;
    display: inline-block;
    border: solid #ccc;
    border-width: 1px 0 0 0;
    width: 100%;
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption a {
    padding: 20px;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    text-decoration: none;
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing .title {
    color: #212121;
    font-family: "futura-pt", sans-serif;
    line-height: 32px;
    font-size: 30px;
    text-align: left;
    flex: 1;
    align-self: flex-start;
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing .button {
    align-self: flex-start;
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing .excerpt {
    font-size: 14px;
    line-height: 20px;
    display: none;
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing .excerpt img {
    height: auto;
    width: auto;
}

.region-sub-header .owl-theme .owl-carousel .views-field-nothing .excerpt p {
    color: #212121;
}

@media screen and (min-width: 1820px) {
    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption {
        width: 1820px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1520px) and (max-width: 1819px) {
    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption {
        max-width: 1520px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1220px) and (max-width: 1519px) {
    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption {
        max-width: 1220px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 920px) and (max-width: 1219px) {
    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption {
        max-width: 920px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 919px) {

    .region-sub-header .owl-theme .owl-carousel .views-field-nothing{
        position: relative;
    }

    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }

    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .caption a {
        padding: 20px;
        display: block;
        text-decoration: none;
        text-align: center;
    }

    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .title {
        display: block;
        font-size: 20px;
        line-height: 24px;
        text-decoration: none;
        text-align: center;
    }

    .region-sub-header .owl-theme .owl-carousel .views-field-nothing .button {
        margin-top: 10px;
    }
}

/*Instagram embeds */
.instagram-media {
    max-width: 240px !important;
    min-width: unset !important;
    width: 240px !important;
    min-height: 600px !important;
}

/* One col layout */
section.primary-column.one-col {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.primary-column.one-col .nodes{
    min-width: 100%;
}

section.primary-column.one-col .nodes .masonry-brick.fullwidth {
    width: 100%;
}

section.primary-column.one-col article.node.view-mode-full{
    margin: 0;
}

/*SendGrid Widget */
.sg-response.error{
    background-image: none;
}