/*
	Theme Name: Fopp 2022
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*, *:after, *:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}
body {
    font: 300 14px/1.4 'Helvetica Neue', Helvetica, "nimbus-sans", Arial, sans-serif;
    _or: #222;
    background: #efefef;
}
/* clear */
.clear:before, .clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
 *zoom:1;
}
.load-mask {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #efefe9;
}
.load-mask img {
    width: 300px;
    height: 300px;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.break {
    background: #fff;
    width: 100%;
    height: 0px;
    border: none;
    clear: both;
    margin: 0 0 20px;
}
hr {
    background: none;
    width: 100%;
    height: 1px;
    border: none;
    border-bottom: 2px dotted #fff!important;
    clear: both;
    margin: 26px 0;
}
img {
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
}
a {
    color: #df0030;
    text-decoration: none;
}
a:hover {
    color: #b9201f;
}
a:focus {
    outline: 0;
}
a:hover, a:active {
    outline: 0;
}
input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}
ul {
    margin: 0;
    padding: 0;
}
p {
    margin: .5em 0;
}
p a {
    font-weight: bold;
}
a {
    color: #ed1c24;
}
a.button, .nearest-store a.button {
    padding: 5px 11px;
    background: #ed1c24;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: .9em;
    margin: 0;
    text-transform: lowercase;
    width: auto;
    display: inline-block;
}
.woocommerce .nearest-store a.button {
    padding: 7.5px 11px !important;
}

a.button:hover, .nearest-store a.button:hover {
    background: #b9201f;
	color: #fff;
}
a.button i {
    background: white;
    border-radius: 58px;
    height: 25px;
    width: 25px;
    text-align: center;
    color: #ed1c24;
    margin-right: 5px;
    padding: 5px 0;
}
a.button:hover i {
    color: #b9201f;
}
.viewall {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0!important;
    padding: 5px 10px 6px!important;
}

@media only screen and (max-width:480px) {
.viewall {
    display: none!important;
}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
    max-width: 1280px;
    width: 90%;
    padding: 15px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.home-banner-container-1, .home-banner-container-2 {
    max-width: 90%;
    width: 1300px;
}
body .wrapper:first-child {
    overflow: visible;
}
main .wrapper {
    overflow: hidden!important;
}
.col-no-padding {
    padding: 0 !important;
}

@media only screen and (max-width:991px) {
.wrapper {
    width: 100%;
}
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


h1, h2, h3, h4, h5, h6 {
    text-transform: lowercase;
    letter-spacing: -1px;
    line-height: 1.2em;
}
.site-description {
    float: right;
    text-align: right;
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 2.55em;
    background: none;
    color: #ed1c24;
    padding: 0;
}
h1 {
    font-size: 2.25em;
    margin: 0 0 0.5em;
    color: #fff;
    background: #222;
    padding: 10px 20px 12px;
}
h2 {
    font-size: 1.5em;
    margin: 0.67em 0;
    color: #ed1c24;
}
h3 {
    font-size: 1.5em;
    margin: .5em 0;
    color: #ed1c24;
}
h4 {
    border-bottom: 2px solid #fff;
    font-size: 1.75em;
    margin: 0.25em 0 .5em;
    color: #ed1c24;
    padding-bottom: 5px;
}

@media (max-width:767px) {
body {
    font-size: 13px;
}
h1 {
    font-size: 1.75em;
}
h3 {
    font-size: 1.3em;
}
}
.tab-link h5 {
    font-size: 1.25em;
    margin: 0;
    color: #fff;
    font-weight: bold;
}
h5 {
    font-size: 1.25em;
    margin: 0.25em 0 .5em;
    color: #222;
    font-weight: 300;
}
/*  SECTIONS  ============================================================================= */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
/* header */
.header {
}
.header .logo {
    padding-left: 0;
}
.logo-img {
    width: 100%;
    max-width: 150px !important;
}

@media only screen and (max-width:1024px) {
.logo-img {
    margin: 0 auto;
    padding-left: 5px !important;
}
}

@media only screen and (max-width:991px) {
.header .logo {
    padding: 0;
    padding-left: 5px;
    float: none;
}
.logo-img {
    display: block;
    padding-left: 5px;
    padding: 0;
}
.social-media ul {
    display: none;
}
.site-description {
    float: none;
    text-align: center;
    font-size: 1.8em;
}
}
/* Bannerize */

#skin {
    max-width: 1280px;
    width: 100%;
    position: fixed;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 0;
}
.left-skin {
    position: absolute;
    width: 11.72%;
    height: auto;
    top: 20px;
    left: 0;
}
.right-skin {
    position: absolute;
    width: 11.72%;
    height: auto;
    top: 20px;
    right: 0;
}

@media only screen and (max-width:1280px) {
#skin {
    display: none;
}
}
.leaderboard {
    float: right;
    overflow: hidden;
    width: 688px;
    height: 85px;
}
.leaderboard img {
    height: auto;
}

@media (max-width:1024px) {
.leaderboard {
    float: none;
    margin: 0 auto;
}
}

@media (max-width:767px) {
.leaderboard {
    display: none;
}
}
.mpu {
    margin-bottom: 20px;
}
.mpu img {
    height: auto;
}
.social-media {
    margin-top: 10px;
}
.social-media ul {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.social-media ul li {
    float: left;
    margin-left: 15px;
}
.social-media ul li.nearest-store {
    margin-left: 26px;
}
.social-media ul li:first-child {
    margin-left: 0;
    margin-right: 10px;
}
.social-media ul li a .fa {
    font-size: 17px;
}
.social-media-icon {
    padding-top: 5px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-search::before {
    font-size: 17px;
}
/* the text box */
.slides li .slide-text {
    position: relative;
    background: #222;
    color: white;
    width: 100%;
    overflow: hidden;
    padding: 10px 20px;
}
.slides li .slide-text h2 {
    font-size: 1.75em;
    margin: 0;
}
.slides li .slide-text a:hover h2 {
    color: white;
}
.slides li .slide-text p {
    color: white;
}
.flex-control-nav {
    bottom: 50px!important;
    right: 20px!important;
}

@media (max-width:767px) {
.slides li .slide-text {
    padding: 5px 10px;
    position: relative;
}
.slides li .slide-text h2 {
    font-size: 1.25em;
}
.slides li .slide-text h2 span {
    display: block;
    margin: 0;
}
.flex-control-nav {
    display: none;
}
}
/* the dots below the slider */
.flex-control-paging li a {
    height: 14px;
    width: 14px;
}
/* nav */

.main-menu-holder {
    margin: 20px 0 0 0;
    border-top: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
}
.nav {
    width: 100%;
    min-width: 600px;
}
ul.main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-transform: lowercase;
    font-size: 0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
ul.main-menu li {
    position: relative;
    width: 12.5%;
    margin: 0;
    letter-spacing: -1px;
    padding: 1em;
    text-align: center;
    transition: all .2s;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */            /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;
    flex: 1;
}
ul.main-menu li:last-child {
    margin-right: 0;
}
ul.main-menu li a {
    display: block;
    color: #222222;
    padding: 0.5em 1.25em;
    font-weight: bold;
    font-size: 16px;
    transition: all .2s ease-in-out;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    white-space: nowrap;
    height: 100%;
    line-height: 1.5em;
}
ul.main-menu li a:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -10;
    background: #fff;
    -webkit-transition: height .4s;
    -moz-transition: height .4s;
    -ms-transition: height .4s;
    -o-transition: height .4s;
    transition: height .4s;
}
ul.main-menu li.menu-item-has-children a:after {
    display: block;
    content: "";
    border: 4px solid transparent;
    border-top-color: #222;
    z-index: 2;
    height: 0;
    width: 0;
    position: absolute;
    right: 20px;
    top: 19px;
}
ul.main-menu li.menu-item-has-children a {
    padding-right: 2.66em;
}
ul.main-menu li a:hover, ul.main-menu li.current-menu-item a {
    color: #222;
    text-decoration: none;
}
ul.main-menu li a:hover:before, ul.main-menu li a.active:before, ul.main-menu li.current-menu-item a:before, ul.main-menu li.current-page-ancestor a:before {
    height: 100%;
}
ul.main-menu li.current_page_item a, ul.slimmenu li.current-menu-item a, ul.slimmenu li.current-page-ancestor a {
    color: #ed1c24;
}
.current-menu-item {
    background-color: #fff;
}
/* Sub Menus */

ul.main-menu li.menu-item-has-children ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    text-align: left;
    margin: 0;
    list-style-type: none;
    padding-left: 0;
	padding-top: 2px;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
}
ul.main-menu li.menu-item-has-children:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
}
ul.main-menu li.menu-item-has-children ul.sub-menu li {
    margin: 0;
    display: inline-block;
    width: 220px;
    background: #efefef;
    border-bottom: 1px solid #999;
    border-right: 0px;
    text-align: left;
}
ul.main-menu li.menu-item-has-children ul.sub-menu li:hover a, .current-menu-parent, .current-post-ancestor {
    background: #fff !important;
}
ul.main-menu li.menu-item-has-children ul.sub-menu li:last-child {
    border-bottom: none;
}
ul.main-menu li.menu-item-has-children ul.sub-menu li:first-child {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
ul.main-menu li.menu-item-has-children ul.sub-menu li a {
    padding: .5em 1.25em;
    display: block;
    color: #222;
    height: auto;
    border: 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
}
ul.main-menu li.menu-item-has-children ul.sub-menu li a:after {
    display: none;
}
/*------------------------------------*\
	Search Form
\*------------------------------------*/


.search-form {
    background: none;
    padding: 0;
    transition: all .3s;
    display: inline-flex;
    -webkit-box-flex: inherit!important;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: inherit!important;         /* OLD - Firefox 19- */              /* For old syntax, otherwise collapses. */
    -webkit-flex: inherit!important;          /* Chrome */
    -ms-flex: inherit!important;
    flex: inherit!important;
    width: 140px;
    margin-top: 3px;
    border-bottom: 1.5px #ed1c24 solid;
}
.search-form:hover {
    width: 200px;
}
.search-form form.search {
    padding: 0 0 0.2em 0;
    font-size: 15px;
    display: table;
    width: 100%;
}
.search-form input.search-input {
    background: transparent;
    color: #ed1c24;
    border: 0px inset;
    width: 70%;
    padding: 0;
    display: table-cell;
    line-height: 1.5em;
}
button.search-submit {
    background: transparent;
    border: 0px!important;
    padding: 0;
    width: 30%;
    display: table-cell;
    color: #ed1c24;
    font-size: 1.25em;
    float: right;
    padding-right: 1px;
    text-align: right;
}

@media (max-width:767px) {
li.search-form {
    display: none!important;
}
}

@media (max-width:767px) {
}
.slicknav_menu {
    display: none;
    margin: 0;
    padding: 0!important;
    background: transparent;
    text-align: center;
}
.slicknav_nav {
    text-transform: lowercase;
    font-weight: bold;
    margin-bottom: -2px;
}
.slicknav_menu .slicknav_menutxt {
    display: none;
}
.slicknav_menu .slicknav_icon {
    float: none;
    display: inline-block;
}
.slicknav_btn {
    padding : 1em 0;
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    float: none;
    display: block;
}
.slicknav_menu .slicknav_icon-bar {
    border-radius: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 1.5em;
    height: 0.25em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.slicknav_nav ul, .slicknav_nav a {
    margin: 0!important;
}
.slicknav_nav li {
    border-bottom: 1px solid #444;
    margin: 0;
}
.slicknav_nav li:before {
    display: none;
}
.slicknav_nav ul.sub-menu {
    background-color: transparent;
    font-size: .9em;
}
.slicknav_nav li:hover a {
    color: #ed1c24;
}
.slicknav_nav a {
    display: block;
    color: #222;
    padding: 10px;
}
.slicknav_nav .slicknav_row {
    padding: 10px;
}
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.slicknav_nav ul.sub-menu:hover li a {
    background-color: transparent;
    color: #222;
}
.slicknav_row a {
    color: #222 !important;
}
.slicknav_parent:hover ul.sub-menu:hover li a {
    color: #222;
}
.slicknav_parent:hover ul li a {
    color: #222;
}
.menu-item-2722 a:hover, .menu-item-2610 a:hover {
    color: #ed1c24 !important;
}
.slicknav_nav ul.sub-menu:hover li a:hover {
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #222;
}
.slicknav_nav ul.sub-menu li {
    border-bottom: none;
}
.slicknav_nav ul.sub-menu li a {
    padding-top: 4px;
}
.slicknav_row a:first-child {
    pointer-events: none;
}

@media screen and (max-width: 991px) {
/* #navigation is the original menu */
#navigation {
    display: none;
}
.nav {
    min-width: unset;
}
.js .slicknav_menu {
    display: block;
}
}

@media screen and (max-width: 414px) {
}
/*------------------------------------*\
	SideBars
\*------------------------------------*/

.sidebar-widget div {
}
.sidebar h3 {
    font-size: 1.5em;
    padding: 0 0 5px 0;
    margin: 0.66em 0 0.5em!important;
    border-bottom: 2px solid #fff!important;
    color: #222;
}
.sidebar-widget h3 i {
    margin-right: 10px;
}
div.rotatingtweet {
    border-bottom: 2px solid #fff!important;
    margin-bottom: 20px;
}
.sidebar-posts {
    border-bottom: 1px dotted #df0030;
    padding: 10px 0 10px;
}
.sidebar-posts h4 {
    font-size: 1.25em;
    margin: .5em 0 .25em;
}
.sidebar-posts p {
    margin: .25em 0;
}
.like_box_facbook iframe {
    background: white;
    border: 0!important;
    width: 100%!important;
}
iframe {
    width: 100%!important;
}
.post-content .share-buttons {
    padding-left: 0;
    margin-bottom: 26px;
}
.share-buttons iframe {
    width: 72px!important;
    float: left;
    margin-bottom: 5px;
}
div._4s7c {
    border: 2px solid #fff!important;
    border-top-color: #fff!important;
}
.widget_like_box_facbook {
    margin: 20px 0;
}
.widget_recent_comments h3:before {
    content: '\f086';
    font-family: FontAwesome;
    margin-right: 10px;
}
.widget_recent_comments {
    margin: 0 0 20px 0;
}
.widget_recent_comments h3 {
    margin-top: 0!important;
}
#recentcomments {
    font-size: .9em;
    font-weight: normal;
}
#recentcomments li a {
    font-weight: normal;
}
/*------------------------------------*\
    Side bar menus
\*------------------------------------*/

.sidebar-menu {
    margin-bottom: 20px;
}
.sidebar li {
    text-transform: lowercase;
    line-height: 1.3em;
    border-bottom: 1px dotted #fff;
    padding: 4px 0 6px;
    list-style: none;
}
.sidebar li a {
    font-weight: bold;
}
.sidebar ul.recent-posts li span {
    margin-left: 5px;
    font-weight: 300;
    font-size: .85em;
    text-transform: lowercase;
}
.sidebar ul.recent-posts li:last-child, .sidebar #recentcomments li:last-child {
    border-bottom: 0;
}
/*------------------------------------*\
	pagination
\*------------------------------------*/

.pagination {
    font-size: 1.75em;
    font-weight: bold;
    text-transform: lowercase;
    text-align: center;
    margin: 20px auto 45px;
}
/*------------------------------------*\
	Footer
\*------------------------------------*/

/* footer */


.footer {
    color: #fff;
    background: #ed1c24;
    text-transform: lowercase;
    z-index: 100;
    position: relative;
}
.footer-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer a {
    color: white;
    color: #fff;
}
.footer a:hover {
    color: #fff;
}
.footer h5 {
    font-size: 1.25em;
    color: #fff;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 3px;
    margin: 0 0 .5em;
}
#menu-sitemap {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    padding: 0;
    margin: 0;
}
#menu-sitemap li {
    margin: .25em 0;
    list-style-type: none;
    background-color: transparent !important;
}
.footer-socialmedia {
    margin-top: 15px;
}
.footer-socialmedia a {
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 100%;
    color: #ed1c24;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 25px;
    display: inline-block;
    padding: 0;
    margin-bottom: 10px;
}
.footer-socialmedia a:hover {
    background-color: #fff;
    color: #ed1c24;
}
.footer-socialmedia div span {
    margin-left: 15px;
    vertical-align: middle;
    font-weight: bold;
}
.footer-socialmedia span a {
    padding: 0;
    width: auto;
    background: none;
    color: #fff;
}
.footer-socialmedia span a:hover {
    color: #fff;
    background: none;
}
.credit-container {
    border-top: #fff solid 2px;
    margin-top: 20px;
    overflow: auto;
}
.copyright {
    float: right;
    text-align: right;
    text-transform: none;
    font-size: .85em;
}
.design-credit {
    float: left;
    text-transform: none;
    font-size: .85em;
}
.footer-logo {
    float: left;
    width: 140px;
    margin-top: 10px;
}
.ml-block-form .form-control {
    text-align: center !important;
}
#mlb2-2095153 .subscribe-form .form-section .form-group, #mlb2-2095153 .subscribe-form .form-section {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 767px) {
div.rotatingtweet {
    margin-bottom: 0;
}
.footer-container {
    padding-top: 16px;
    padding-bottom: 16px;
}
.footer-logo {
    float: none;
    width: 100px;
    margin-top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.socialmedia-container {
    text-align: center;
}
.footer-socialmedia div {
    display: inline-block;
}
footer #mlb2-2095153 .subscribe-form .form-section h4 {
    display: none;
}
#mlb2-2095153 .subscribe-form .form-section p {
    display: none;
}
.newsletter-container {
    clear: both;
    padding-top: 10px;
}
.footer h5 {
    display: none;
}
.footer .sitemap {
    display: none;
}
.wrapper #mlb2-2095153.ml-subscribe-form .form-group .form-control {
    padding: 9px 10px;
}
.wrapper #mlb2-2095153.ml-subscribe-form button {
    height: 36px !important;
    font-size: 15px !important;
}
.footer .col-xs-12 {
    z-index: 999;
}
.footer-socialmedia {
    display: inline-block;
}
.footer-socialmedia div span {
    display: none;
}
.copyright {
    margin-top: 0.8em;
}
.copyright, .design-credit {
    float: none;
    text-align: center;
}
.credit-container {
    border-top: none;
    margin-top: 15px;
}
}
/*------------------------------------*\
    Rotating tweets
\*------------------------------------*/

.rotating-tweets-container {
    background: #fff;
    padding: 10px 0;
}
.page-template-page-home .rotating-tweets-container {
    background: #efefef;
    padding: 10px 0;
}
.rotating-tweets {
    font-size: 1.5rem;
    text-align: center;
}

@media only screen and (max-width: 479px) {
.rotating-tweets {
    font-size: 1.25rem;
}
}
.rotating-tweets h4 {
    color: #000;
    margin-top: 1rem;
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.rotatingtweet p.rtw_main {
    line-height: 1.4em;
    color: #000;
}
.rotatingtweet .rtw_meta {
    margin-top: 12px;
}
.rotatingtweet .rtw_meta a {
    color: #000;
}
.rotatingtweet .rtw_meta a:hover {
    text-decoration: underline;
}
div.rotatingtweet {
    border: none !important;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/


/* Home */

/* Home post excerpts */
.blog-thumbnail {
}
.blog-thumbnail a {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 100%;
    background-color: #f8f8f8;
}
.blog-thumbnail a img {
    object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.blog-thumbnail h3 {
    margin: .25em 0;
}
/* Home features */

.home-feature-container-tall, .home-feature-container-wide, .home-feature-container-med {
    position: relative;
    overflow: hidden;
    border-bottom: 5px #ed1c24 solid;
    background-color: #e7e7e7;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.home-feature-container-tall {
    padding-top: 75%;
    width: 100%;
}
.home-feature-container-med {
padding-top: 119%;
width: 100%;
}
.home-feature-container-wide {
    padding-top: 34.2%;
    width: 100%;
}
.home-feature-container-tall:hover, .home-feature-container-wide:hover, .home-feature-container-med:hover {
    opacity: 0.8;
}
.home-feature-container-tall img, .home-feature-container-wide img, .home-feature-container-med img {
    object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.home_feature_link_1, .home_feature_link_2, .home_feature_link_3, .home_feature_link_4, .home_feature_link_5 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-feature-info {
    position: absolute;
    padding: 0;
    bottom: -2px;
    line-height: 23px;
}
.home-feature-info h3 {
    background-color: #ed1c24;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 25px;
    color: #fff;
    padding: 0px 6px;
    font-weight: 500;
    display: inline-block;
    margin: 0;
}
.home-feature-info h3 span {
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0px;
    padding-left: 2px;
}
.home-feature-info p {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
}
.home-feature-tag {
    position: absolute;
    right: 12px;
    top: 12px;
    background-color: #ed1c24;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 1px 8px 1px 8px;
}
.home-features-slider {
    display: none;
}

/* Slick Slider */	
	
@media only screen and (max-width:991px) {
.home-feature-full, .features-section-2-container {
    display: none;
}
.slick-initialized {
    display: block;
}
.feat-slider-container {
    background-color: #e7e7e7;
    min-height: 47.2vw;
}
.home-feature-info {
    bottom: 15px;
	left: 15px;
}	
.home-features-slider .slick-slide {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 10%;
    background-color: #e7e7e7;
}
.home-features-slider .slick-slide img {
    object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.home-features-slider .slick-slide:hover {
    opacity: 1 !important;
    transform: none !important;
}
.home-features-slider .slick-prev, .home-features-slider .slick-next {
    top: 50%;
    z-index: 10;
}
.home-features-slider .slick-prev {
    left: 15px;
}
.home-features-slider .slick-prev:hover {
    left: 10px;
}
.home-features-slider .slick-next {
    right: 15px;
}
.home-features-slider .slick-next:hover {
    right: 10px;
}
.home-features-slider .slick-prev::before, .home-features-slider .slick-next::before {
    color: #efefef;
}
.home-feature-1:before, .home-feature-2:before, .home-feature-3:before {
    display: none;
}
}
/* Home banner 1 */

.home-banner-container-1 {
    max-width: 1400px;
    width: 95%;
    margin: 20px auto 30px !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 120px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner-cta {
    background-color: #ed1c24;
    color: #fff;
    padding: 0px 6px 0px 6px;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    display: inline-block;
}
.home-banner-1-link:hover .banner-cta {
    background-color: #b9201f;
}
.banner-cta p {
    margin: 0px 2px 3px 4px;
}
.spacing-top {
    margin-top: 30px;
}

@media only screen and (max-width:767px) {
.home-banner-1-link {
    display: none;
}
}
/* home fopp shop*/

.home-online-shop {
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 15px;
    border-top: 4px #222 solid;
}
.home-posts-title {
    font-size: 1.75em;
    color: #ed1c24;
    margin: 0;
    padding: 0 0 15px 15px;
}
.home-online-shop a.button {
    right: 30px;
    top: 14px;
}
.online-offer {
    background: #fff;
    padding: 15px 0;
    position: relative;
    border-top: 3px solid #222;
}
.online-offer:hover {
    border-top: 3px solid #ed1c24;
}
.blog-thumbnail:hover + .online-offer {
    border-top: 3px solid #ed1c24;
}
h3.offer-title {
    margin: 0 0 5px;
}
h3.offer-title a {
    color: inherit;
}
.home-online-shop .post-container:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
}

@media only screen and (max-width:767px) {
h3.offer-title {
    text-align: center;
}
}

@media only screen and (max-width:480px) {
.home-online-shop .shop-item {
    padding-top: 30px;
}
.home-online-shop .shop-item:first-child {
    padding-top: 0px;
}
}
/* Home events*/

.events-home {
	margin-bottom: 15px;
}

.events-home h2 {
    background-color: #ed1c24;
    color: #fff;
    padding: 5px 5px 5px 10px;
    margin: 0 0 15px;
	text-align: center;
}

.home-events-slider .slick-slide {margin-bottom: 15px;}

.home-events-slider .slick-prev {display: none !important;}

.home-events-slider .slick-next {top: unset; bottom: -22px; right: unset; left: 0; width: 100%; background-color: #efefef; padding: 6px 0; height: auto;}

.home-events-slider .slick-next:hover {padding: 6px 0; right: unset;}

.home-events-slider .slick-next::before {content: "show more ";}

.home-events-slider .slick-next::before {
    font: 300 14px/1.4 'Helvetica Neue', Helvetica, "nimbus-sans", Arial, sans-serif;
	color: #ed1c24;
	font-size: 16px;
	font-weight: 600;
}

.home-events-slider .slick-next::after {content: "\f078";}

.home-events-slider .slick-next::after {
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    color: #ed1c24;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width:991px) {
.events-home {
    padding: 12px 15px 0 15px !important;
    padding-right: 15px !important;
	margin-bottom: 35px;
	}
}

/* 
.event-row > *:nth-child(3n+4) {
    clear: left;
}
*/
.review-row > *:nth-child(4n+5) {
    clear: left;
}
.post-event-venue {
    font-size: 18px;
    line-height: 21px;
    color: #ed1c24;
    margin: 5px 0 8px 0;
}
.post-event-date {
    font-size: 14px;
    line-height: 16px;
    color: #222;
    margin: 10px 0 40px 0;
    font-weight: bold;
}
.home-event-item {
    margin-bottom: 15px;
}
.home-event-item:last-child {
    margin: 0;
}
.home-event-link:hover img {
    opacity: 0.8;
}
.home-event-image {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 43%;
    background-color: #e7e7e7;
}
.home-event-image img {
    object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.home-event-info {
    position: relative;
    background-color: #fff;
    text-align: center;
}
.home-reviews h2 {
    background-color: #ed1c24;
    color: #fff;
    padding: 5px 5px 5px 10px;
}
.home-event-info h3 {
    font-size: 18px;
    line-height: 21px;
    margin: 0;
    padding: 6px 0 8px 0;
    color: #222;
}
.home-event-info h4 {
    padding-bottom: 6px;
    margin: 0px 0 15px 0;
}
.event-detais {
    font-size: 12px;
}
.event-detais b, .event-detais strong {
    font-size: 14px;
}
.event-detais strong, .event-detais b {
    display: block;
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 18px;
    color: #ed1c24;
    border-bottom: 1px solid #ed1c24;
    padding-bottom: 2px;
}
.event-detais p:first-child, .event-detais p:first-child strong, .event-detais p:first-child b, .event-detais p:first-child {
    margin-top: 0;
}
.home-event-info h6 {
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 18px;
    color: #ed1c24;
    padding: 5px 6px 15px 8px;
    font-weight: 500;
    margin: 0 0 15px 0;
}
/*------------------------------------*\
    Fopp List Subscribe Home
\*------------------------------------*/

.home-banner-container-2 {
    max-width: 1400px;
    width: 95%;
    margin: 20px auto 30px !important;
    position: relative;
    height: 130px;
}
.fopplist-subscribe {
    height: 100%;
    width: 100%;
}
.fopplist-subscribe #mlb2-6407433 .subscribe-form {
    background: none !important;
}

.fopplist-subscribe h4 {
    border-bottom: none;
    font-size: 2em;
    line-height: 1.1em;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
.fopplist-subscribe p {
    line-height: 1.4em;
}
.in-stores-message {
    color: #fff;
}
.fopplist-subscribe .subscribe-section {
    height: 100%;
}
.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fopplist-subscribe #mlb2-6407433 .subscribe-form .form-section p {
    font-size: 12px !important;
    margin-bottom: 0;
}
.subscribe-section-form {
    background-color: rgba(255, 255, 255, 0.15);
}
.fopplist-subscribe #mlb2-6407433 .subscribe-form .form-section.horizontal .form-group {
    padding-right: 0;
}
.subscribe-section {
    position: unset;
}
.fopp-list-cover {
    position: absolute;
    width: 150px;
    margin-top: -43px;
    left: 15%;
}
.subscribe-section-info {
    padding: 12px 0;
}

@media only screen and (max-width:991px) {
.home-banner-container-2 {
    height: auto;
    width: 100%;
    padding: 0 15px;
    margin: 0px auto 0px !important;
}
.fopplist-subscribe {
    padding: 15px 0 0 0;
	margin-bottom: 15px;
    height: auto
}
.flex-container {
    display: block;
}
.fopp-list-cover-container {
    display: none;
}
.subscribe-section-info {
    padding: 0 0 5px 0;
}
.fopplist-subscribe h4, .in-stores-message {
    margin-top: 0;
    text-align: center;
}
.fopp-list-feature {
    display: none;
}
.fopplist-subscribe .subscribe-section, .fopplist-subscribe p {
    text-align: center;
}
.home-banner-container-2 #mlb2-6407433 .subscribe-form {
    padding: 15px 0 0 0;
}
#mlb2-6407433 .subscribe-form .form-section .form-group {
    margin-bottom: 0 !important;
}
.home-banner-container-2 #mlb2-6407433 .subscribe-form .form-section.horizontal.ml-button-position {
    margin-bottom: 15px;
}
.fopplist-subscribe #mlb2-6407433 .subscribe-form .form-section p {
    text-align: center;
    font-weight: 400;
    line-height: 16px;
}
}
/* Reviews */

.home-reviews {
    margin-bottom: 30px;
}
.home-review-container .home-review-packshot-film, .home-review-container .home-review-packshot-music {
    padding: 0;
    background-color: #f8f8f8;
}
.home-review-packshot-film a, .home-review-packshot-music a {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.home-review-packshot-film a {
    padding-top: 145%;
}
.home-review-packshot-music a {
    padding-top: 100%;
}
.home-review-packshot-film a img, .home-review-packshot-music a img {
    object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.home-reviews h2 {
    background-color: #ed1c24;
    color: #fff;
    padding: 5px 5px 5px 10px;
    text-align: center;
}
.home-review-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-bottom: 15px;
}
.home-review-info {
}
.home-review-info h3 {
    margin-top: 15px;
    font-size: 18px;
    color: #ed1c24;
}
.home-review-info h3 span {
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0px;
    padding-left: 2px;
}
.home-review-info p {
    font-size: 13px;
    margin: 0px 0 14px 0;
}
.stars {
    position: absolute;
    right: 10px;
    top: 6px;
}
.home-review-container .stars i {
    color: #ed1c24;
    padding: 0 1px;
}
.view-all-reviews {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    margin-top: -5px;
    padding: 5px 5px 0px 10px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.view-all-reviews:hover {
    background-color: transparent;
    color: #ed1c24;
    text-decoration: underline;
}
.review-slider-container {
    background-color: #fff;
}
.review-slider-container h3 {
    text-align: center;
}
.review-slider {
    margin-left: 7.5px;
    margin-right: 7.5px;
}
.review-slider .slick-slide {
    margin: 7.5px;
}
.review-slider h4 {
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: -0.3px;
    margin-top: 10px;
}
.review-slider h4 a {
    color: #222;
}
.review-slider-container .wrapper, .home-offers-container .wrapper {
    overflow: visible !important;
}




@media only screen and (min-width:1024px) {
}

@media only screen and (max-width:1023px) {
}

@media only screen and (max-width:767px) {
}

@media only screen and (max-width:767px) {
.review-container .index-post-title {
    font-size: 20px;
}
}

@media only screen and (max-width:480px) {
.home-review-container {
    display: block;
}
.wrapper .home-reviews {
    margin-bottom: 15px;
}
.home-review-container, .home-review-info {
    text-align: center;
}
.home-review-container {
    padding: 20px;
}
.stars {
    position: relative;
    top: auto;
    right: auto;
}
}


/* Features */

.category-features .feature-thumb {
	padding-top: 42.7%;
	background: #e5e5e5;
	display: block;
	position: relative;
}

.category-features .feature-thumb img {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

/* Events */

.event-container {text-align: center;}

.category-instore-events .event-thumb {
	padding-top: 42.7%;
	background: #e5e5e5;
	display: block;
	position: relative;
}

.category-instore-events .event-thumb img {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}


/* Offers */

.category-instore-offers .offer-thumb {
	padding-top: 42.7%;
	background: #e5e5e5;
	display: block;
	position: relative;
}

.category-instore-offers .offer-thumb img {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}



/* Home offers */

.home-offers-container {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
}

.home-offers-container h3 {
    padding-left: 15px;
}
.home-offers-slider {
    margin-left: 7.5px;
    margin-right: 7.5px;
}
.home-offers-image {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-top: 43%;
    background-color: #e7e7e7;
}
.home-offers-image img {
    object-fit: cover;
	object-position: 0 0;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.home-offers-slider .slick-slide {
    margin: 7.5px;
}
.home-offers-slider h4 {
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #222;
    padding-bottom: 0;
    margin: 8px 0 0px 0;
}
.home-offers-slider h4 a {
    color: #222;
}
.offer-sub-home {
    padding: 0 !important;
    text-align: center;
    font-size: 16px;
    margin: 0;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 36%;
    display: block;
    width: auto;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    transition: all .2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.slick-prev::before, .slick-next::before {
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    color: #ed1c24;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -30px;
}
.slick-prev::before {
    content: "\f053";
}
.slick-prev:hover {
    left: -35px;
    padding-right: 5px;
}
.slick-next {
    right: -30px;
    padding-left: 5px;
}
.slick-next::before {
    content: "\f054";
}
.slick-next:hover {
    right: -35px;
    padding-left: 5px;
}


@media only screen and (max-width:991px) {
.home-offers-container .row {
    margin: 0;
}
}

/* offers */
	
.home-offers-container {
    padding-bottom: 0;
}
.home-offers-container h3 {
    padding: 0;
    text-align: center;
    margin-bottom: 10px;
}
.slick-prev {
    left: -15px;
}
.slick-prev:hover {
    left: -20px;
}
.slick-next {
    right: -15px;
}
.slick-next:hover {
    right: -20px;
}
/* News index Pages */

.index-title, .page-header {
    text-align: center;
}
.index-title h1, .page-header h1 {
    display: inline-block;
    font-size: 24px;
    color: #ed1c24;
    padding: 3px 10px 6px;
    border: #ed1c24 solid 2px;
    background: transparent;
    margin: 0 0 30px 0;
}
.review-container {
    text-align: center;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
/*
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}
*/
.archive.category-music .index-post-packshot {
	padding-top: 100%;
	background: #e5e5e5;
	position: relative;
}

.archive.category-film .index-post-packshot {
	padding-top: 145%;
	background: #e5e5e5;
	position: relative;
}

.archive.category-music .index-post-packshot img, .archive.category-film .index-post-packshot img  {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.category-music .review-post-packshot {
	padding-top: 100%;
	background: #e5e5e5;
	position: relative;
}

.category-film .review-post-packshot {
	padding-top: 145%;
	background: #e5e5e5;
	position: relative;
}

.category-music .review-post-packshot img, .category-film .review-post-packshot img  {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.single-post .carousel-music-packshot, .single-post .carousel-film-packshot {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.single-post .carousel-music-packshot {
    padding-top: 100%;
}
.single-post .carousel-film-packshot {
    padding-top: 145%;
}
.index-post-title {
    font-size: 22px;
    line-height: 26px;
    color: #222;
    margin: 14px 0 4px 0;
}
.index-post-album, .index-post-film-cat {
    font-size: 18px;
    line-height: 21px;
    color: #ed1c24;
    margin: 5px 0 8px 0;
}
.index-post-date {
    font-size: 12px;
    line-height: 16px;
    color: #222;
    text-transform: lowercase;
    margin: 8px 0 30px 0;
}
.read-more-link {
    text-transform: lowercase;
    font-weight: bold;
}
.post-excerpt {
    padding: 10px;
    background: #fff url(img/paper-corner.png) no-repeat bottom right;
}
.post-excerpt h3 {
    margin: .25em 0 .25em;
}
span.genre-icon {
    position: absolute;
    top: -18px;
    right: 15px;
    width: 32px;
    height: 32px;
}
/* offers posts */

.offer-container {
    text-align: center;
    margin-bottom: 20px;
}
.offer-sub-header {
    font-size: 18px;
    line-height: 21px;
    color: #ed1c24;
    margin: 0 0 6px 0;
}
.offer-intro {
    max-width: 90%;
    margin: 12px auto 25px;
}

.post-intro-2 {
    text-align: left;
    margin: 20px 0 35px;
}


.offer-item-container {
	padding: 32px 0;	
}

.offer-description {
	padding: 0 15px 4px 15px;
}

.offer-description hr {
	background: #ed1c24;
	border: none !important;
	margin: 19px 0 18px;
}

.offer-item-container .item-title, .offer-item-container .item-album {
    display: block;
	margin: 0;
}

.offer-col-1 img {
	margin-top: 5px;
}

.offer-col-2 p {
	margin: 0 0 1em;
}

.offer-col-2 .offer-item-content {
}

.offer-item-container .item-title {
    margin-bottom: 0;
	font-size: 28px;
	display: block;
}

.offer-item-container .item-album {
	padding-left: 5px;
    font-style: italic;
    font-weight: 300;
	margin-bottom: 0;
	display: inline-block;
}

.post-offer-price {
    font-size: 18px;
    line-height: 21px;
    color: #ed1c24;
    margin: 5px 0 8px 0;
}
.col-sm-4.offer-item {
    margin-bottom: 42px;
}

/*
.offer-items-container > *:nth-child(3n+4) {
    clear: left;
}
*/

.online-offer span.price {
    color: #fff!important;
    /* float: right; */
    background: #222;
    /* border-radius: 100%; */
    width: 40px;
    position: absolute;
    height: 40px;
    right: 0;
    top: 0;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
}
.online-offer p.offer-description {
    font-size: .9em;
    margin: 0;
}
.online-offer p.offer-price {
    font-weight: bold;
    margin: 0;
}
a.offer-button {
    padding: 5px 10px;
    background: #ed1c24;
    color: #fff;
    border-radius: 3px;
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
    font-size: .9em;
    text-align: center;
}

@media only screen and (max-width:767px) {
.offer-container {
    margin-bottom: 30px;
}
	
.offer-item-container {
	padding: 20px 0;	
}
.offer-intro {
    max-width: 75%;
    margin: 12px auto 20px;
}
	.offer-item-container .item-title {
		text-align: center;
	}	

.offer-col-1 img {
	margin: 5px auto 24px auto;
display: block;
	max-width: 220px;
	clear: both;}
	
}

@media only screen and (max-width:479px) {
.offer-container .index-post-title {
    font-size: 20px;
}
.offer-container .offer-sub-header {
    font-size: 17px;
}
.offer-container .post-offer-price {
    font-size: 16px;
}
	
.offer-item-container .item-title {
    margin-bottom: 0;
	font-size: 22px;
	display: block;
}
	
}
/*------------------------------------*\
    Page Template
\*------------------------------------*/

.page-thumbnail {
    background-color: #efefef;
}

.page-thumbnail img {
    width: 100%;
    height: auto;
}

body.careers .page-thumbnail {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
padding-top: 50%;
background-color: #e7e7e7;
}

body.careers .page-thumbnail img {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}

/*------------------------------------*\
    WooCommerce
\*------------------------------------*/

.woocommerce .shop-item-container div.product {
    margin-bottom: 0;
    position: relative;
    background-color: #fff;
    text-align: center;
	height: 100%;
}

.shop-item-container {
	padding-bottom: 30px;
}

.shop-item-container .woocommerce-loop-product__title {
font-size: 22px;
line-height: 26px;
color: #222;
margin: 12px 0 4px 0;
padding: 0 20px;	
}

.album-title-product {
font-size: 18px;
line-height: 21px;
color: #ed1c24;
margin: 5px 0 8px 0;
}

.shop-item-container .album-title-product {
padding: 0 20px;	
}

.woocommerce-Price-amount {
font-size: 18px;
font-weight: 600;	
line-height: 21px;
color: #222;
padding: 0 0 15px 0;
display: block;
	
}

.woocommerce div.product p.price, .woocommerce div.product span.price {color: transparent;}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	width: 100%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width: 100%;
	text-align: left;
}

.woocommerce div.product .product_title {
color: #222;
font-size: 28px;
border: none;	
margin-bottom: 0;	
}

.related h2 {margin: 0.67em 0 1.8em;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {

	background-color: #ed1c24;}

.woocommerce-message {
    border-top-color: #ed1c24;
}

.woocommerce-product-details__short-description {
    margin-bottom: 28px;
}

.woocommerce table.shop_table {border: none;}


.woocommerce table.shop_table td {border-top: 2px solid #fff; }

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {border-top: 2px solid #fff; }

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 100px; padding: 12px 0;}

.basket .woocommerce-Price-amount {padding-bottom: 0;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	color: #fff;
background-color: #ed1c24;}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #b9201f;
    color: #fff;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    color: #fff;
}

.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
    color: #fff;
    background-color: #ed1c24;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #b9201f;
    color: #fff;
}

.woocommerce a.remove {
    height: 1.2em;
    width: 1.2em;
	
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
    padding: 21px 0 0 0;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border: none;
    padding: 8px;
}

.select2-container--default .select2-selection--single {
    border: none;
	border-radius: 0; }

.woocommerce form .form-row label {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
}

#order_comments {
    min-height: 172px;
}

.woocommerce-info { border-top-color: #ed1c24;}

.woocommerce span.onsale {min-height: 3.236em;
padding: 0.4em 0.8em;
line-height: 3.236;
top: -1.5em;
right: -1.11em;
left: unset;
background-color: #ed1c24;
}

.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}

/*------------------------------------*\
    Careers
\*------------------------------------*/

.careers-section {
    margin-bottom: 30px;
}
.careers-link-container {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
}

@media only screen and (max-width:767px) {
.careers-link-container {
    font-size: 16px;
}
}
/*------------------------------------*\
    Single Post Pages
\*------------------------------------*/

.single-review-header, .single-store-header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.single-review-header .post-title, .single-review-content .post-packshot {
    padding-right: 0;
}
.row.single-review-content {
    margin-top: 5px;
}
.review-label, .store-label {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    background-color: #ed1c24;
    padding: 1px 6px 2px 6px;
}
.single-review-header .post-title h1, .single-store-header .post-title h1 {
    color: #222;
    font-size: 28px;
}
.post-thumbnail {
    border-top: 5px solid #ed1c24;
    margin-bottom: 20px;
}
.post-thumbnail img {
    width: 100%;
    height: auto;
}

.category-features .post-thumbnail, .category-instore-events .post-thumbnail, .category-instore-offers .post-thumbnail {
	padding-top: 42.7%;
	background: #e5e5e5;
	display: block;
	position: relative;
}

.category-features .post-thumbnail img, .category-instore-events .post-thumbnail img, .category-instore-offers .post-thumbnail img  {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.review-featured-image {
	padding-top: 42.7%;
	background: #e5e5e5;
	display: block;
	position: relative;
	border-top: 5px solid #ed1c24;
    margin-bottom: 20px;
}

.review-featured-image img {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.post h1, .single-store h1 {
    font-size: 2.25em;
    margin: 0 0 .25em;
    color: #ed1c24;
    background: none;
    padding: 0;
}
.post-details {min-height: 2px;}
.post-details p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
}
.post-details strong {
    display: block;
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 18px;
    color: #ed1c24;
    border-bottom: 1px solid #ed1c24;
    padding-bottom: 2px;
}
.post-details p:first-child, .post-details p:first-child strong, .post-content p:first-child {
    margin-top: 0;
}
.post-content p {
    margin-bottom: 14px;
}

.post-content img {
    width: 100%;
	height: auto;
}
.share-buttons .btn, #u_0_1, ._2tga._49ve {
    background: transparent !important;
    height: 100px;
}


.also-available h3 {margin: 32px 0 12px;}

.also-available-items {column-count: 3;}

.also-available-items p {
font-weight: 600;
margin: 5px 0;
display: inline-block;
width: 100%;
}

.also-available-items p span {
font-style: italic;
font-weight: 300;
}

@media only screen and (max-width:991px) {
	.also-available-items {column-count: 2;}	
}

@media only screen and (max-width:767px) {
.post h1 {
    font-size: 1.75em;
}
.single-review-header .post-title, .single-review-content .post-packshot {
    padding-right: 15px;
}
.single-review-content .post-packshot {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	}
.col-sm-2.post-details {
    max-width: 250px;
    margin: 12px auto 24px;
}
.also-available-items {column-count: 1;}	
	
.also-available {text-align: center;}	
}

.post-info {
    background: #222;
    padding: 20px;
    color: white;
}
.post-info h4 {
    border-bottom: 2px solid #fff;
    font-size: 1.5em;
    margin: 0 0 .5em;
    color: #ed1c24;
    padding-bottom: 2px;
}
.tags {
    font-weight: bold;
    text-transform: lowercase;
}
.tags a {
    display: inline-block;
    background: #222;
    padding: 3px 6px;
    color: white;
    margin: 2px;
    border-radius: 5px;
    font-size: .85em;
    font-weight: 300;
}
.tags a:hover {
    background: #555;
}
.star-rating {
    font-weight: 700;
    font-size: 1.25em;
    letter-spacing: -1px;
    margin: 10px 0 20px 0;
}
.star-rating i {
    color: #ed1c24;
    margin: 0 2px;
}
/*------------------------------------*\
    Store Directory
\*------------------------------------*/

.store-directory-container > *:nth-child(2n+3) {
    clear: left;
}

.store-entry {
    border-radius: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}
.store-information {
    text-align: center;
}
.store-information h2 {
    font-size: 24px;
    margin: 0;
    color: white;
    padding: 6px 15px;
}
.store-link:hover h2 {
    background: rgba(255,255,255,.15);
}
.store-information span {
    font-size: .75em;
    font-weight: 300;
}
.store-information i {
    font-size: 1.25em;
}
.store-information p {
    color: white;
	margin: 0.3em 0;
}
.store-information .tint {
    padding: 7px 15px 10px 15px;
    background: rgba(0,0,0,.15);
}
.red {
    background: #F62459;
}
.yellow {
    background: #F9BF3B;
}
.pink {
    background: #D2527F;
}
.green {
    background: #26A65B;
}
.purple {
    background: #9B59B6;
}
.orange {
    background: #F9690E;
}
.blue {
    background: #52B3D9;
}
.navy {
    background: #22313F;
}
/*------------------------------------*\
    Individual Stores
\*------------------------------------*/

.single-store-header .post-title h1 {
    color: #222;
    font-size: 28px;
}
.store-heading span {
    font-size: .5em;
    font-weight: 300;
}
.telephone-number {
    font-weight: bold;
    font-size: 1.15em;
}
.store-address {
    font-size: 18px;
    font-weight: 400;
    color: #222;
    margin: 10px 0 0px 0;
}
.store-telephone {
    font-size: 20px;
    color: #ed1c24;
    letter-spacing: 0;
}
.store-details h2 {
    padding-bottom: 5px;
    background: #fff;
    padding: 10px;
    color: #222;
    border-radius: 10px 10px 0 0;
}
.store-details h2 i {
    margin: 0 10px 0 0;
}

.single-store .store-thumbnail, .store-directory-thumb {
	padding-top: 42.7%;
	background: #e5e5e5;
	position: relative;
}

.store-thumbnail img, .store-directory-thumb img {
	object-fit: cover;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.opening-hours-container {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.opening-hours h2 {
    color: #fff;
    background-color: #ed1c24;
    padding: 5px 2px 5px 2px;
    text-align: center;
    margin-top: 20px;
}
.hours-list li {
    font-size: 14px;
    list-style-type: none;
    border-bottom: 2px dotted #222;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
span.days {
    font-weight: bold;
}
span.hours {
    float: right;
}

.store-map {
    margin: 20px 0;
    padding: 0;
    background: #e5e5e5;
}
.store-map iframe {
    height: 450px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
.single-review-header, .single-store-header {
    display: block;
}
.category-music .post-thumbnail, .category-film .post-thumbnail  {
    display: none !important;
}
.single-store-header .post-title {
    margin-bottom: 30px;
}
.opening-hours {
    padding-bottom: 15px;
}
.store-map iframe {
    height: 300px;
}
.twitter-feed iframe {
    width: 100%!important;
}
.store-address, .store-telephone {
    font-size: 16px;
}
}
/*Gallery------------------*/

.gallery {
    margin: 0px auto 20px;
}
.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 31.333%!important;
    margin: 1%!important;
    overflow: hidden;
}
.gallery img {
    border: none!important;
    max-width: 100%!important;
}
.gallery-item img {
    min-width: 100%;
    height: auto;
}
.gallery-item dt {
    max-height: 200px;
    overflow: hidden;
}
.wp-caption-text {
    padding: 10px;
    font-style: normal;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
    COMMENTS
\*------------------------------------*/

.comments {
    font-size: .9em;
    width: 100%;
}
.comments p {
    margin: 1em 0;
    clear: both;
}
#reply-title {
    margin-bottom: 5px;
}
#email-notes {
    display: block;
    font-style: italic;
    margin-bottom: 16px;
}
.comments label {
    font-weight: bold;
    width: 13%;
    float: left;
}
.comments input {
    border-radius: 0;
    border: 0;
    margin-left: 2%;
    padding: 5px 10px;
    box-shadow: unset;
}
.comments textarea {
    border-radius: 0;
    border: 0;
    margin: 0 0 2% 0;
    padding: 5px 10px;
    width: 85%;
    float: right;
    box-shadow: unset;
}
.form-allowed-tags {
    display: none;
}
.comments input[type="submit"] {
    background: transparent;
    text-align: center;
    padding: 8px 12px;
    border-radius: 0;
    font-weight: 700;
    text-transform: lowercase;
    font-size: 1em;
    color: #ed1c24;
    border: 2px solid #ed1c24;
    margin-top: 10px;
    margin-left: 0;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.comments input[type="submit"]:hover {
    background: #ed1c24;
    color: #fff;
}
.comments ul {
    margin: 0;
    padding: 0;
}
.comments ul li {
    list-style: none;
    margin: 0 0 20px 0;
}

.comment-body {
    background: #fff;
    padding: 20px;
    border-top: 3px solid #ed1c24;
    margin: 20px 0 0 0;
}
ul.children li .comment-body {
    border-top: 2px solid #a0a0a0;
    margin-top: 0;
    background: #d6d6d6;
}
.comment-author cite {
    font-style: normal!important;
}
.comment-content {
    border-bottom: 1px dotted #b5b5b5;
    margin: 0px 0 20px;
    color: #222;
}
.comment-body .comment-content p {
    font-weight: 700;
}
ul.children li .comment-body .comment-content p {
    font-weight: 300;
}
.comment-content p {
    margin: .5em 0;
}
.comment-author, .comment-meta, .reply {
    display: inline-block;
    font-weight: bold;
}
.comment-author.vcard img.avatar {
    max-width: 40px;
    margin: 0 10px 0 0;
    float: left;
}

@media only screen and (max-width:767px) {
.comments {
    width: 100%;
}
.comments label {
    width: 100%;
    margin-bottom: 10px;
}
.comments input {
    margin-left: 0px;
}
.comments textarea {
    width: 100%;
    margin-bottom: 10px;
}
}
/*------------------------------------*\
    NEWSLETTER
\*------------------------------------*/

#mlb2-2079343 {
    margin-bottom: 20px;
}
#mlb2-2079343 .subscribe-form {
    padding: 15px!important;
}
#mlb2-2079343 .subscribe-form .form-section h4 {
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0.5em!important;
    border-bottom: 2px solid;
}
#mlb2-2079343 .subscribe-form .form-section {
    margin-bottom: 10px!important;
}
#mlb2-2079343 .subscribe-form .form-section .form-group {
    margin-bottom: 10px!important;
}
#mlb2-2079343.ml-subscribe-form button:hover {
    background-color: #222!important;
}
#newsletter-section {
    padding: 0;
    background: #ed1c24;
    text-align: center;
    position: relative;
    z-index: 100;
}
.newsletter-signup {
    width: 100%;
    margin: 0 auto;
}
#mlb2-2095153 .subscribe-form {
    padding: 0 !important;
}
footer #mlb2-2095153 .subscribe-form .form-section h4 {
    font-size: 1.25em !important;
    color: #fff !important;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 3px !important;
    margin: 0 0 .5em;
    line-height: 1.3em;
}
footer #mlb2-2095153.ml-subscribe-form .form-group .form-control {
	background-color: #fff !important;	
}
#mlb2-2095153.ml-subscribe-form .form-group .form-control, footer #mlb2-2095153.ml-subscribe-form button {
    border-radius: 0 !important;
}
#mlb2-2095153.ml-subscribe-form button:hover {
    background-color: #222!important;
}
footer #mlb2-2095153 .subscribe-form .form-section p {
    font-size: 12px !important;
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
 background:#04A4CC;
 color:#FFF;
 text-shadow:none;
}
::-moz-selection {
 background:#04A4CC;
 color:#FFF;
 text-shadow:none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 30px 30px 30px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 30px auto 30px auto;
}
.alignright {
    float: right;
    margin: 30px 0 30px 30px;
}
.alignleft {
    float: left;
    margin: 3px 30px 30px 0;
}
a img.alignright {
    float: right;
    margin: 3px 0 30px 30px;
}
a img.alignnone {
    margin: 3px 30px 30px 0;
}
a img.alignleft {
    float: left;
    margin: 3px 30px 30px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption .wp-caption-text, .gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}

/*------------------------------------*\
    Cookie Policy
\*------------------------------------*/

.page-id-37199 #cmplz-document {
  margin: 0 auto 8rem;
}

.page-id-37199 #cmplz-document h2 {
  margin: 1.7em 0 0;
  padding-top: 1.5em;
  border-top: 1px solid #fff;
}

.page-id-37199 .cmplz-dropdown {
    margin: 2rem .8rem;
}

.page-id-37199 .cmplz-dropdown h3 {
    font-size: 16px;
    color: #0a0a0a;
}

.page-id-37199 .cmplz-dropdown h4 {
    border-bottom: none;
    color: #0a0a0a;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
* {
    background: transparent !important;
    color: #222 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
a,  a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")";
}
abbr[title]:after {
    content: " (" attr(title) ")";
}
.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
    content: "";
}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
@page {
    margin: 0.5cm;
}
p,  h2,  h3 {
    orphans: 3;
    widows: 3;
}
h2,  h3 {
    page-break-after: avoid;
}
}
/*------------------------------------*\
    Accordion
\*------------------------------------*/

/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion {
    overflow: hidden;
    border-bottom: 2.5px solid #fff;
}
/*----- Section Titles -----*/
.accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: 1px solid #1a1a1a;
    transition: all linear 0.15s;
    color: #222;
    text-align: center;
}
.accordion-section-title.active, .accordion-section-title:hover {
    text-decoration: none;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}
/*----- Section Content -----*/
.accordion-section-content {
    padding: 15px;
    display: none;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.accordion-section-title:before {
    content: '\f067';
    font-family: FontAwesome;
    font-size: 18px;
    padding-right: 13px;
    color: #ed1c24;
}
.accordion-section-title.active:before {
    content: '\f068';
}
.faq-accordion .accordion:last-child {
    border-bottom: none;
}
.accordion-section-content p:last-child {
    margin-bottom: 45px;
}