@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,900');

body {
    background: #000000 !important;
    color: #89baa9;
    font-family: 'Montserrat', sans-serif;
}

img {
    filter: url(#blue-filter);
    -webkit-filter: url(#blue-filter);
}

.widget_text img,
.site-logo img {
    filter: none;
    -webkit-filter: none;
}

.hide-filter {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*
* Overrides
*/

.wrapper {
    background-image: url(images/texture_bg.jpg);
    background-repeat: repeat-y;
}

/* Header Icons */
@media (min-width: 61.25em) {
    .site-header-social .site-header-social-icon.fb {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -1126px no-repeat;
    }

    .site-header-social .site-header-social-icon.tw {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2771px no-repeat;
    }

    .site-header-social .site-header-social-icon.yt {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2819px no-repeat;
    }

    .site-header-social .site-header-social-icon.gplus {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -1263px no-repeat;
    }

    .site-header-social .site-header-social-icon.pinterest {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2221px no-repeat;
    }

    .site-header-social .site-header-social-icon.instagram {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -1834px no-repeat;
    }

    .site-header-social .site-header-social-icon.rss {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2269px no-repeat;
    }
}

/* Nav */
.main-menu-container {
    background: #000000;
}
.main-nav .menu-item a:hover, .main-nav .menu-item a:focus {
    background: #c02ebb url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -229px no-repeat;
}
@media (min-width: 61.25em) {
    .main-menu-container .menu-item a:after {
        background: transparent;
    }
}
@media (min-width: 61.25em) {
    .menu-item-has-children:hover>a {
        background-color: #c02ebb;
        color: #FFFFFF !important;
    }
}
.main-nav .menu-item a {
    color: #c02ebb;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.sub-menu .menu-item a {
    font-size: 11px !important;
}
.sub-menu .menu-item.menu-item-styd a {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -1981px no-repeat;
}
.sub-menu .menu-item.menu-item-styd a:hover {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -1946px no-repeat;
}
.sub-menu .menu-item.menu-item-shh a {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2051px no-repeat;
}
.sub-menu .menu-item.menu-item-shh a:hover {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2016px no-repeat;
}
.main-menu-container .menu-item.current-menu-item>a {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -229px no-repeat !important;
    background-color: #c02ebb !important;
    color: #fff !important;
}
.main-menu-container .menu-item.current-menu-item>a:after {
    background: #000000;
}

@media (min-width: 48em) {
    form.search-form {
        background: #86d0b7;
    }
    .search-submit {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -2417px no-repeat;
        color: #000000;
    }
}
@media (min-width: 61.25em) {

    .toggle-search span {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) -8px -2368px no-repeat;
    }

    .fixed-header.affix .main-menu-container:before, .fixed-header.affix .main-menu-container:after {
        background: transparent;
    }
    .main-menu-container .menu > li:first-child a {
        background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -1781px no-repeat;
    }
}

/* Container */
.wrapper .contain {
    background: transparent;
}
.content {
    background: transparent;
}

/* category */
.category-details {
    background: transparent;
}
.category-details .category-title h2 {
    font-family: 'Montserrat',sans-serif;
    font-weight: 900;
    color: #89baa9;
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 43px;
}

/* Coverpanel */
.coverpanel-desktop {
    background-color: transparent;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-2 .coverpanel-item-2 .coverpanel-item-img .coverpanel-item-caption {
    background: #000000 url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) repeat-y 5px 0;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-1 .coverpanel-item-1 .coverpanel-item-caption {
    background: transparent;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-1 .coverpanel-item-1 {
    background-color: #000000;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-1 .coverpanel-item-1:hover {
    background-color: #000000;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-1 .coverpanel-item-1:hover a{
    text-decoration: none !important;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-1 .coverpanel-item-1 .coverpanel-item-caption .coverpanel-item-caption-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #89baa9;
    font-size: 17px;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-2 .coverpanel-item-2 .coverpanel-item-img .coverpanel-item-caption .coverpanel-item-caption-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #89baa9;
    font-size: 17px;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-2 .coverpanel-item-2 .coverpanel-item-img:hover .coverpanel-item-caption {
    background-color: #000000;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-2 .coverpanel-item-2 .coverpanel-item-img:hover .coverpanel-item-caption-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #FFFFFF !important;
    font-size: 17px;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-1 .coverpanel-item-1:hover .coverpanel-item-caption-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #FFFFFF !important;
    font-size: 17px;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-3 .coverpanel-item-5 .coverpanel-item-img .coverpanel-item-caption {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #FFFFFF !important;
    font-size: 17px;
    background-color: rgba(0,0,0,0.7);
    opacity: 1;
}
.coverpanel-desktop .coverpanel-container .coverpanel-column-2 .coverpanel-item-3 .coverpanel-item-img .coverpanel-item-caption, .coverpanel-desktop .coverpanel-container .coverpanel-column-2 .coverpanel-item-4 .coverpanel-item-img .coverpanel-item-caption {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #FFFFFF !important;
    font-size: 14px;
    background-color: rgba(0,0,0,0.7);
    opacity: 1;
}
.coverpanel-desktop .item-caption-container {
    background: #000000;
}
.coverpanel-desktop .coverpanel-item-container:hover .item-caption-container {
    background-color: #000000;
}
.coverpanel-desktop .coverpanel-item-2 .coverpanel-item-caption {
    background: #000000;
}
.coverpanel-desktop .coverpanel-item-2:hover .coverpanel-item-caption {
    background-color: #000000;
    color: #ffffff;
}
.coverpanel-desktop .coverpanel-item-2:hover .coverpanel-item-caption a {
    color: #ffffff;
}
.coverpanel-desktop .coverpanel-item-3 .cover-panel-title-container, .coverpanel-desktop .coverpanel-item-4 .cover-panel-title-container, .coverpanel-desktop .coverpanel-item-5 .cover-panel-title-container {
    color: #FFFFFF;
    background-color: rgba(0,0,0,0.7);
    opacity: 1;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 15px;
}
.coverpanel-desktop .coverpanel-item-2 .coverpanel-item-caption a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #89baa9;
    font-size: 17px;
}
.coverpanel-mobile .coverpanel-item .coverpanel-item-img .coverpanel-item-caption {
    background: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #89baa9;
    opacity: 1;
}
.coverpanel-mobile .coverpanel-item .coverpanel-item-img .coverpanel-item-caption .coverpanel-item-caption-title {
    font-size: 17px;
}
.coverpanel-bullets-item {
    background: #FFFFFF;
}
.coverpanel-bullets-item.active {
    background: #c02ebb;
}
.coverpanel-item-img .icon {
    z-index: 3;
    background: url(images/icon-gallery-new.svg) center no-repeat !important;
}

/* widget releases */
.pb-releases {
    background: transparent;
}
.pb-releases .nav {
    background: transparent;
}
.pb-releases .nav a.tabbed-widget.current {
    background: #c02ebb;
}
.pb-releases .nav a.tabbed-widget {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 11px !important;
    color: #FFFFFF;
}
.pb-releases .nav a.tabbed-widget.current:after {
    border-top: 7px solid #c02ebb;
}
.pb-releases .box-office-header, .pb-releases .tab-header,
.pb-releases .pb-releases-box-office-tab table .box-office-header::first-letter, .pb-releases .pb-releases-box-office-tab table .box-office-header:first-letter {
    color: #c02ebb !important;
    background: transparent !important;
    font-family: 'Montserrat', sans-serif !important;
}
.pb-releases .nav a.tabbed-widget {
    background: transparent;
}
.pb-releases .pb-releases-box-office-tab table .box-office-row {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.pb-releases .pb-releases-box-office-tab table .box-office-row:last-child {
    color: #cdcdcd;
    font-family: 'Montserrat', sans-serif;
}
.pb-releases .mojo_copyright {
    background-color: transparent !important;
}
.pb-releases .pb-releases-box-office-tab table tr:last-child {
    border-top: solid 10px transparent;
}
a.mojocopyra:link, a.mojocopyra:visited, a.mojocopyra:active, .pb-releases .mojo_copyright a {
    color: #cdcdcd !important;
    font-family: "Montserrat", sans-serif !important;
}
.pb-releases .widget-tab-contet ol.tab-list>li:before {
    color: #cdcdcd;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
}
.pb-releases .pb-releases-box-office-tab table .box-office-row:first-child::first-letter, .pb-releases .pb-releases-box-office-tab table .box-office-row:first-child:first-letter {
    color: #cdcdcd;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: normal;
}
.pb-releases .widget-tab-contet ol.tab-list > li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #89baa9;
    font-size: 14px;
}
.pb-releases .widget-tab-contet ol.tab-list > li a:hover {
    text-decoration: none !important;
    color: #FFFFFF !important;
}

/* Subnav before articles */
.sponsored-movies-filters .js-articles-nav .menu-item.current-menu-item a, .menu-categories-container .js-articles-nav .menu-item.current-menu-item a, .menu-releases-menu-container .js-articles-nav .menu-item.current-menu-item a {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -383px no-repeat;
    background-color: #c02ebb;
}
.sponsored-movies-filters .js-articles-nav .menu-item a.loading, .menu-categories-container .js-articles-nav .menu-item a.loading, .menu-releases-menu-container .js-articles-nav .menu-item a.loading {
    background-color: #c02ebb !important;
}
.sponsored-movies-filters .js-articles-nav li:first-child a:after, .menu-categories-container .js-articles-nav li:first-child a:after, .menu-releases-menu-container .js-articles-nav li:first-child a:after {
    background: #000000 !important;
}
@media (min-width: 61.25em) {
    .sponsored-movies-filters .js-articles-nav, .menu-categories-container .js-articles-nav, .menu-releases-menu-container .js-articles-nav {
        background: #000000 !important;
    }
}
.sponsored-movies-filters .js-articles-nav .menu-item, .menu-categories-container .js-articles-nav .menu-item, .menu-releases-menu-container .js-articles-nav .menu-item {
    background: #000000 !important;
}
.sponsored-movies-filters .js-articles-nav .menu-item a:hover:after, .menu-categories-container .js-articles-nav .menu-item a:hover:after, .menu-releases-menu-container .js-articles-nav .menu-item a:hover:after {
    background: #000000;
}
.sponsored-movies-filters .js-articles-nav .menu-item.current-menu-item a:after, .menu-categories-container .js-articles-nav .menu-item.current-menu-item a:after, .menu-releases-menu-container .js-articles-nav .menu-item.current-menu-item a:after{
    background: #000000;
}
.sponsored-movies-filters .js-articles-nav .menu-item a:hover, .menu-categories-container .js-articles-nav .menu-item a:hover, .menu-releases-menu-container .js-articles-nav .menu-item a:hover {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -383px no-repeat;
    background-color: #c02ebb !important;
}
.sponsored-movies-filters .js-articles-nav .menu-item a, .menu-categories-container .js-articles-nav .menu-item a, .menu-releases-menu-container .js-articles-nav .menu-item a {
    color: #c02ebb;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.sponsored-movies-bar {
    background-color: #000000;
}
.btn-watch-trailer, .trailer-tile .btn-more-info {
    border-color: #c02ebb;
}
div.trailer-hover-links a {
    color: #c02ebb;
}
@media (min-width: 61.25em) {
    .btn-watch-trailer:hover, .trailer-tile .btn-more-info:hover {
        border-color: #ffffff;
        color: #ffffff;
    }
}
.movies-grid .movie-title {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #89baa9 !important;
    font-weight: bold;
}
.movies-grid .movie-title:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.movies-grid time {
    color: #cdcdcd;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

/* articles */
.listed-article-container .listed-article-title {
    color: #89baa9;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 17px;
    line-height: 24px;
}
.listed-article-container .listed-article-title:hover {
    color: #ffffff;
    text-decoration: none;
}
.listed-article-container .listed-article-meta {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    color: #8c8c8c;
    margin-bottom: 6px;
}
.listed-article-container .listed-article-meta .listed-article-author {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    color: #c02ebb;
    text-decoration: underline;
}
.listed-article-container .listed-article-meta .listed-article-author:hover {
    color: #ffffff;
}
.listed-article-container .listed-article-excerpt p {
    color: #cdcdcd;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: normal;
}
.listed-article-container .icon.icon-gallery {
    background: url(images/icon-gallery-new.svg) center no-repeat !important;
}
.listed-article-container .icon.icon-video {
    background: url(images/icon-video-new.svg) center no-repeat !important;
}
.listed-article-container .listed-article-cta a {
    color: #c02ebb;
}
.listed-article-container .listed-article-cta a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
.listed-article-container .listed-article-cta .listed-article-cta-gallery:before {
    background: url(images/listed-post-icon-gallery-new.svg) center no-repeat !important;
}
.listed-article-container .listed-article-cta .listed-article-cta-read {
    color: #c02ebb;
}
.listed-article-container .listed-article-cta .listed-article-cta-read:before {
    background: url(images/listed-post-icon-read-new.svg) center no-repeat !important;
}

/* sidebar */
.sidebar-module h2, .sidebar-module h3, .sidebar-text h2, .sidebar-text h3 {
    background-color: #c02ebb !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.sidebar-module h2:before, .sidebar-module h3:before, .related-news h2:before, .related-news h3:before, .most-active h2:before, .most-active h3:before, .sidebar-text h2:before, .sidebar-text h3:before {
    border-color: #c02ebb transparent transparent;
}
.movie-updates-list {
    background: transparent;
}
.movie-updates-link {
    color: #89baa9;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.movie-updates-description {
    font-size: 12px;
    color: #cdcdcd;
}

.load-more .btn {
    color: #c02ebb;
    border: 1px solid #c02ebb;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.load-more .btn:hover {
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.load-more .btn .accent {
    color: #c02ebb;
}
.load-more .btn:hover .accent {
    color: #ffffff;
}

/* footer */
.footer {
    background: #000000;
    border-top: dotted 1px #89baa9;
}
.footer-logo {
    background: url(images/what_we_do_in_the_shadows_q1_2019_temporary_tattoo_comingsoon_sprite_sheet_r01.png) 0 -603px no-repeat;
}
.footer-menu .menu-item a {
    color: #c02ebb !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
}
.footer-menu .menu-item a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}
.footer-copyright {
    font-family: Arial;
    color: #d2d9dd;
}

/* hub pages */
.featured-posts .listed-post-featured .listed-post-featured-title {
    background: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #89baa9;
}

.featured-posts .listed-post-featured .listed-post-featured-title:hover {
    background: #000000;
    color: #FFFFFF;
}

/*
* Fixes
*/

/* Preventing filter from be outside img holder */
.coverpanel-item-img {
    overflow: hidden;
}