/*general*/

/* lora-regular - latin */
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/lora-v26-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/lora-v26-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* nunito-sans-200 - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 200;
    src: local(''),
    url('../fonts/nunito-sans-v12-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/nunito-sans-v12-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
https://color.adobe.com/Flat-design-colors-1-color-theme-3044245/edit/
?copy=true&base=1&rule=Custom&selected=4&name=Copy%20of%20Flat%20design%20colors%201&mode=hsv&rgbvalues=
0.199999888832,0.3019601682245372,0.360784,0.27058783795999997,0.698039,0.6156862591214024,0.937255,
0.7882359903542551,0.2980395919599999,0.8862749999999999,0.4784316084130131,0.24705890527500002,
0.8745100000000001,0.3529410931477695,0.28627434654000006&swatchOrder=0,1,2,3,4
*/
body {
    background-color: #fff;
    font-family: 'Nunito Sans', sans-serif;
}

#page, .navbar, .after-footer {
    max-width: 100%;
    padding-top: 0;
}

a {
    color: #DF5A49;
}

a:hover, a:focus {
    color: #b1352c;
}

button, html input[type="button"], input[type="submit"] {
    background-color: #DF5A49;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

button:hover, button:focus, html input[type="button"]:hover, html input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #b1352c;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background-color: #b1352c;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

a.btn.btn-hollow, button.btn.btn-hollow {
    background-color: transparent;
    border: 1px solid #DF5A49;
    color: #DF5A49;
}

button.btn.btn-hollow:hover, .btn.btn-hollow:hover {
    background-color: #DF5A49;
    color: #fff;
}

h1, h2, h3 {
    font-family: 'Lora', serif;
    color: #DF5A49;
    border-bottom: 1px solid #DF5A49;
    padding-bottom: 10px;
}

h4, h5 {
    font-family: 'Lora', serif;
    color: #DF5A49;
}

.container {
    position: relative;
}

hr {
    margin-top: 0;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #DF5A49;
}

.thumbnail {
    border: none;
    background-color: transparent;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.gallery img {
    border: none !important;
}

.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

/*header*/

.logo {
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 10px;
}

.logo img {
    height: 40px;
}

header.site-header {
    position: relative;
    padding-top: 80px;
}

.navbar-header {
    height: 50px;
    width: 150px;
}

.navbar-brand {
    clip: auto !important;
    padding: 0;
    padding-top: 10px;
    height: 100%;
    margin-left: 0 !important;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
}

.navbar-brand img {
    height: 30px;
}

.main-navigation-placeholder {
    position: relative;
    display: none;
    height: 51px;
    width: 100%;
}

.main-navigation {
    width: 100%;
    background-color: #fff;
    z-index: 5000;
    border-bottom: 1px solid #cecece;
}

.main-navigation.is-fixed {
    position: fixed;
    top: 0;
    bottom: auto;
}

.main-navigation .navbar-default {
    padding-top: 0;
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav>li>a {
    color: #DF5A49;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #b1352c;
}

.navbar a {
    font-size: 22px;
}

.navbar-collapse {
    text-align: left;
}

.navbar-nav {
    display: inline-block;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}

.article-sub-menu {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: none;
}

.article-sub-menu li {
    float: none;
    display: inline-block;
}

.article-sub-menu li > a {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid transparent;
}

.article-sub-menu.nav-tabs > li > a:hover {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #DF5A49;
}

.sound-of-bronkow {
    position: absolute;
    width: 120px;
    right: 10px;
    bottom: 5px;

    z-index: 6000;
}

.sound-of-bronkow--fixed {
    height: 50px;
    position: absolute;
    right: 10px;
    bottom: 0;
    display: none;
}

.sound-of-bronkow--fixed img {
    height: 100%;
}

.main-navigation.is-fixed .sound-of-bronkow--fixed {
    display: block;
}

.main-navigation.is-fixed .sound-of-bronkow {
    display: none;
}

/*widgets*/

.textwidget {
    font-size: 14px;
}

.latest-release {
    position: relative;
    overflow: hidden;
}

.latest-release .latest-release-image {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
}

.latest-release .latest-release-image img {
    max-width: 50%;
    min-width: 40%;
}

.latest-release h4 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.latest-release .latest-release-content {
    padding-left: 10px;
    padding-right: 10px;
}

/*content*/

.separator {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.separator hr {
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #DF5A49;
}

.page-id-8 .entry-content {
    text-align: center;
}

.home .content-header .page-title {
    display: none;
}

.content-header {
    position: relative;
    background-color: transparent;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    min-height: 0 !important;
    margin-bottom: 40px;
}

.content-header .article-header-image {
    height: 60vh;
    width: 100%;
    background-size: cover;
    background-position: 50%, 50%;
    background-attachment: fixed;
}

.content-header h1, .content-header h2, .content-header h3, h1.page-title {
    color: #DF5A49;
    border: none;
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
    margin-top: 40px;
}

.single .posted-on {
    display: inline-block;
    margin-right: 0;
    margin-top: 40px;
    color: #000;
}

.home .entry-header, .single .entry-header, .post .entry-header {
    text-align: center;
}

.single .entry-header {
    padding-bottom: 40px;
}

article {
    position: relative;
}

.article-news .article-content {
    position: relative;
    color: #000;
}

.article-news.article-news-primary .entry-title {
    border: none;
    margin-bottom: 0;
}

.article-news .post-thumbnail {
    max-width: 200px;
}

.article-news.article-news-primary .post-thumbnail {
    max-width: 250px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

article .entry-utility, article .cat-links {
    display: none;
}

article .entry-title {
    margin-bottom: 20px;
}

.content-area {
    padding-top: 0;
}

.home .widget-title {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 25px;
}

.show-all-stories {
    text-align: center;
}

/*releases*/

.pip-nav {
    clear: both;
}

.pip-nav ul {
    list-style: none;
}

.single-release {
    /*margin: 0 !important;*/
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 20px;
}

.single-release a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    text-align: left;
}

.single-release .release-title {
    position: absolute;
    top: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    text-align: center;

    max-height: 0;
    -webkit-transition: max-height 250ms ease-out;
    transition: max-height 250ms ease-out;
}

.single-release a:hover .release-title {
    max-height: 100px;
    height: auto;
}

.single-release img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    transition: opacity .25s linear;
    -moz-transition: opacity .25s linear;
    -webkit-transition: opacity .25s linear;
}

#releases-press {
    display: inline-block;
}

.releases-cover {
    margin-top: 40px;
    text-align: center;
}

.press-text {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 40px;
}

.press-text:nth-of-type(odd) {
    float: right;
    text-align: right;
}

.press-text .press-text-quote {
    max-width: 80%;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    font-style: italic;
}

.press-text .press-text-quote:before,
.press-text .press-text-quote:after {
    position: absolute;
    font-size: 60px;
    line-height: 20px;
    color: #DF5A49;
}

.press-text .press-text-quote:before {
    left: 0;
    top: -10px;
    content: "\00bb";
}

.press-text .press-text-quote:after {
    right: 0;
    bottom: 0;
    content: "\00ab";
}

.spotify, .apple-music {
    padding: 10px;
    display: inline-block;
}

.spotify img {
    height: 40px
}

/*artists page*/
#artists-website {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 24px;
}


/*woocommerce*/

.woocommerce .content-header {
    display: none;
}

.woocommerce-breadcrumb {
    display: none;
}

.woocommerce-tabs ul.wc-tabs {
    display: none;
}

.woocommerce .quantity .qty {
    height: 40px;
}

.widget_shopping_cart {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #f1efef;
}

.page .widget_shopping_cart, .single-post .widget_shopping_cart {
    display: none !important;
}

#ship-to-different-address {
    width: 100%;
}

#ship-to-different-address input {
    float: left;
    margin-top: 8px;
}

#ship-to-different-address label {
    display: inline;
    margin-left: 20px;
}

.woocommerce .product {
    margin-top: 40px;
}

.woocommerce-shipping-fields .notes {
    margin-top: 20px !important;
    border-top: 1px solid #ccc;
}

.woocommerce table.shop_table,
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    border-radius: 0;
}

#add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    line-height: 40px;
    margin-left: 10px;
}

.mc4wp-checkbox-woocommerce input {
    margin-right: 1em;
}

.woocommerce form .form-row input.input-text {
    height: 36px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.woocommerce .widget_shopping_cart {
    display: block;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 100px;
}

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

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #DF5A49;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

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

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 1px solid #ccc;
}

.woocommerce h1.page-title {
    text-align: center;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 5px;
}

.checkbox input[type="checkbox"] {
    position: relative;
}

/*newsletter*/

.mc4wp-response {
    margin-top: 20px;
    font-weight: bold;
}

/*footer*/

footer.site-footer {
    margin-top: 75px;
}

.after-footer {
    background-color: transparent;
    color: #b1352c;
}

.after-footer .footer-content {
    border-top: 1px solid #DF5A49;
}

.sidebar-footer a:not(.btn), .footer-nav-menu a:not(.btn) {
    color: #DF5A49;
}

.sidebar-footer a:hover:not(.btn), .sidebar-footer a:focus:not(.btn),
.footer-nav-menu a:hover:not(.btn), .footer-nav-menu a:focus:not(.btn) {
    color: #b1352c;
}

@media (min-width: 768px) {
    .navbar-nav>li {
        float: none;
        display: inline-block;
    }
}

@media (max-width: 991px) {
    .post-with-background .article-content {
        padding: 10px;
    }

    .navbar-brand {
        display: none;
    }

    .navbar-header {
        width: auto;
        height: auto;
    }

    .logo {
        display: block;
    }

    .sound-of-bronkow--fixed {
        height: 40px;
        top: -66px;
        display: block !important;
    }

    .sound-of-bronkow {
        display: none !important;
    }

    .content-header .article-header-image {
        height: 40vh;
        background-attachment: inherit;

    }
}

@media (max-width: 767px) {
    .single-release .release-title {
        position: relative;
        max-height: 100%;
        padding: 0;
    }

    .content-header .article-header-image {
        height: 30vh;
    }

    .sound-of-bronkow--fixed {
        top: 5px;
    }
}