/*
Theme Name:     JLC
Description:    Based (loosely) on Divi
Author:         smurphy
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* Header */

#main-header{
    background:none !important;
}

.row-logo{
    max-width: 1170px;
    /*border: 1px solid red;*/
    margin: auto;
    overflow: auto;
}

/* Colours

Main Red (dark): #a72528;
Rollover Link (lighter): #c52d2f;
Grey: #c1c2c3;
Gallery overlay: rgba(167,37,40,0.55);

*/




/* ################################# Scotty Misc CSS */

/* stops all image animation 
.et_pb_animation_left.et-animated {
    opacity: 1;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
*/


/* removes all bullet points from lists */
#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
    list-style-type: none;
}

.center {
    text-align: center;
}

a {
    color: #a72528; 
}

a:hover {
    color: #c52d2f;
/*    text-decoration: underline; */
}


/*    default padding */
/*:not(.et_pb_fullwidth_section).et_pb_section { 
   padding-top: 30px !important; 
   padding-bottom: 30px !important;
}

.et_pb_row { 
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
}*/


/* ################################# Headings etc */


body {
    font-family: 'Roboto Condensed', sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Fjalla One', sans-serif;
}

h1 {
    color: #fff;
    background: #a72528;
    line-height: 38px;
    padding: 10px 35px;
    }

h2 {
    color: #a72528 !important;
    font-size: 24px;
    padding-bottom: 10px;
    line-height: 36px;
}

h3 {
    color: #a72528 !important;
    font-size: 18px;
    padding-bottom: 5px;
    line-height: 30px;
}

h4 {
    color: #000 !important;
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 26px;
}

/* red body text */
h5 {
    color: #a72528 !important;
    font-size: 16px;
    font-weight: bold;
    /*padding-bottom: 5px;*/
    line-height: 0px;
}

.headline-box {
    background: #a72528;
}

.headline-box h1 {
    color: #fff;
    line-height: 38px;
    padding: 10px 35px;
}

blockquote {
    margin: 20px 0 30px;
    border-left: 30px solid #c52d2f;
    background: #a72528;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    color: white;
    padding: 10px 20px;
}

/* This has minus margin at top for bio page */
.scotty-blockquote {
    margin: -16px 0 30px;
    display: inline-block;
}

.just-red span {
    color: #a72528;
}





/* normal quote */
.jlc-blockquote {
    margin: -0px 0 30px;
    display: inline-block;
}


/* ################################################# HEADER ######################################### */



/* ################################# Top Right Nav (secondary menu) */

/* Set the secondary menu (top right) */
#top-header {
    background: #a72528;
    width: 48%;
    height: 50px;
    font-size: 24px;
    float:right;
}

#top-header #et-secondary-menu {
    float: left;
}

/* Sets word spacing */
#et-secondary-menu > ul > li a {
    padding: 0px 37px;
}

.et_fullwidth_secondary_nav #top-header .container {
    padding-right: 0px;
    padding-left: 5px;
    }


/* ################################# Main Nav (primary menu) */

/* Remove Line Below Divi Menu */
    #main-header{ box-shadow:none; }

#et-top-navigation {
    background: #a72528;
    word-spacing: 36px;
    padding: 10px 0px 5px 0px;
}

.logo_container {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    /* transition: all 0.4s ease-in-out; */
    height: 100% !important;
    /*padding: 20px 0px 10px 285px !important;*/
    padding: 20px 0px 20px 0;
    position: relative;
    /*top: 23px;*/
    /*right: 410px;*/
        text-align: left;
}

/* header bottom border */
/*    #main-header {
        border-bottom: 40px solid #a72528;
        position: relative;
    }*/

/* moves nav links */
/*    .et_header_style_centered #main-header div#et-top-navigation {
    position: relative;
    top: 39px;
    width: 100%;
    left: 10px;
    text-align: center;
    word-spacing: 36px;
}*/

/* fixes spacing in dropdown */
ul.sub-menu {
    word-spacing: 0px;
}

/* ################################# logo */

 /* added to header.php and moved */
 .logo-header {
    padding: 0px;
    float: left;
    width: 50%;
 }

/* ################################# Social icons */

/*.logo_container,*/
.logohead{
    padding: -1px 40px;
    white-space: nowrap;
}

.header-badges {
    width: 500px;
    /*border: 1px solid blue;*/
    float: right;
    padding-top: 40px;
}

/*.header-socials,
.header-badges {
    display: inline-block;
    vertical-align: middle;
}*/

.header-socials ul li,
.header-badges ul li{
    display: inline-block;
    padding: 0 1px;
}

/* logo position etc */
.header-socials img {
/*    padding-top: 5px;
    padding-bottom: 5px;*/
    /*padding-right: 5px;
    padding-left: 5px;
    position: relative;
    top: -85px;
    right: 430px;*/
   /* float: right;*/
}

/* badges position etc */
.header-badges .wee-badges img {
    padding: 0px 5px 25px 0;
}

.header-badges .big-badges img {
    padding: 0px 5px 0 0;
}

.row-logo img {
    padding-bottom: 10px;
}

#main-header {
/*    top: -40px;*/
}

/* ################################################# FOOTER ######################################### */


/* ################################# Footer */

#main-footer {
    background-color: #fff;
    border-top: 50px solid #a72528;
}

#main-footer .footer-socials {
    background: #a72528;
    height: auto;
}

#footer-bottom {
    padding: 10px 0 10px 0;
    background-color: #fff;
    height: 70px;
}


#footer-info {
    color: #000;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    width: 100%; 
    margin:0 auto;
}

#footer-info a {
    color: #a72528;
    font-weight: 400;
}

/* moves all icons */
.footer-socials {
    padding-right: 0;
}

ul.footer-social{
 text-align: right;
 padding: 5px 0;
}


ul.footer-social li {
    display: inline-block;
    padding: 0 6px;
    vertical-align: middle;
    line-height: 1;
}

/* logo padding etc */
/*.footer-socials img {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
   float: right;
}*/


/* ################################# WP search */


.searchform input[type=text]{
    height: 44px !important;
}

.widget_search #searchsubmit {
    background-color: #a72528;
}

.widget_search input#searchsubmit {
    color: #fff;
    font-size: 16px;
    line-height: 10px !important;
}

.widget_search input#s, .widget_search input#searchsubmit {
    border: 3px solid #a72528;
    font-family: 'Fjalla One', sans-serif;
}

/* nav search icon, moves icon and styles */
.et_header_style_centered #et_search_icon:before {
    top: -19px;
    left: 3px;
    font-weight: 900;
    font-size: 24px;
}

/* moves seaech text and styles */
.et_header_style_centered .et-search-form input {
    top: 80%;
    font-family: 'Fjalla One', sans-serif;
}

span.et_close_search_field:after {
    line-height: 2;
}


/* ################################# footer widgets */

/* sets the 2 CTA */
.et_pb_widget.widget_text span {
    background: #a72528;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    padding: 5px 60px;
    display: block;
    text-align: center;
}


/*.et_pb_widget.widget_text span a {
    color: #000;
    text-decoration: none;
    list-style-type: none;
}*/

#footer-widgets .footer-widget li:before {
    display: none;
    padding: 0px;
} 

#footer-widgets .footer-widget li {
    position: relative;
    padding: 0px;
}

.et_pb_gutters2 .footer-widget {
    margin: -30px 25px 20px 0;
}

/* moves the 2 CTA */
div#text-4.fwidget.et_pb_widget.widget_text {
    float: right;
}

/* moves the search */
div#search-6.fwidget.et_pb_widget.widget_search {
    float: right;
    width: 57%;
    padding-bottom: 10px;
    margin: 0;
}

/* ################################################# PLUG-INS ######################################### */

/* ################################# Mailing List (plug-in) */

     /* main style */
.mc4wp-form p {
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
} 
    /* form paragraphs */
.mc4wp-form input { 
    border: 8px solid #a72528;
    width: 100%;
    padding: 10px 20px;
} 
    /* input fields */
.mc4wp-form input[type="submit"] {
    background: #a72528;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    width: 25%;
    padding: 5px;
    text-transform: uppercase;
    } 
/* submit button */

/* .mc4wp-form {…} the form element */

/* .mc4wp-form label { ... } labels */

/* .mc4wp-alert { ... } /* success & error messages */

/* .mc4wp-success { ... } /* success message */

/* .mc4wp-error { ... } /* error messages */

/* .mc4wp-form input[type="checkbox"] { ... } /* checkboxes */



/* ################################# news feed */

.lcp_catlist li > a {
    font-size: 24px;
    font-family: 'Fjalla One', sans-serif;
    line-height: 35px;
    display: block;
}

.lcp_catlist li > a:hover {
    text-decoration: underline;
}

/*for some reason this also affects ET blog date*/
.lcp_catlist.feed-text, p span {
    padding-left: 16px;
    padding-right: 16px;
}


.lcp_catlist li {
    padding-bottom: 15px;
}

/* styles pagination */
.lcp_paginator li {
    font-weight: 600;
    font-size: 16px !important;
     border: 0px !important;
}


/* .lcp_currentpage {
    font-weight: 600;
    font-size: 16px;
    border: 0px;
 }*/ 


/* ################################# contact form 7 */

 /* main style */
div.wpcf7
{
    background-color: #a72528;
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    padding: 30px;
    font-size: 16px;
}

 /* input fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    background:#fff;
    color:#000;
    font-size: 18px; 
    width:100%;  
}

 /* submit and buttons */
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
    background-color:#fff;
    font-family: 'Fjalla One', sans-serif;
    color: #a72528;
    font-size: 18px;
    text-align:center;
    text-transform:uppercase;
    width: 25%;
    border: none;
    padding: 5px;
}

.wpcf7-textarea {
    height: 179px;
}


/* ################################################# PAGES ######################################### */



/* ################################# HOME */


/* Set the slider height */
.et_pb_slider .et_pb_slide, .home-hero {
    height: 653px;
}

.tour-image {
    height: 640px;
}

.tour-button {
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16pt;
    padding: 5px 15px;
    border: 3px solid #fff;
    width: 190px;
    position: absolute;
    right: 27px;
    bottom: 5px;
}

.tour-button a {
    color: #fff;
}

.tour-now {
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    line-height: 40px;
    background: none;
    position: absolute;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    border-left: 41px solid transparent;
    border-bottom: 42px solid #a72528;
    border-right: 42px solid transparent;
    height: 40px;
    left: -47px;
    top: 49px;
    width: 240px;
}

/* ################################# News */

/* small blog feed for home page */
/* shave taken off top padding, but still shows 30px */
.news-feeder {
    border: 10px solid #a72528;
    padding: 0 30px 30px 30px;
    text-decoration: none;
/*    max-height: 605px;
    min-height: 605px;*/
}

/*headline padding, the margin fights with the padding below */
.et_pb_post h2 {
    margin-top: 30px;
    padding-bottom: 0px;
}

/* large blog feeds for news pages */
.news-feeder-large {
    border: 10px solid #a72528;
    padding: 0 30px 30px 30px;
    text-decoration: none;
/*    max-height: 1125px;
    min-height: 1125px;*/
}

/* para colour in blog feeds */
.et_pb_post p {
    color: #000 !important;
}

/*space between post in blog feeds*/
.et_pb_post {
     margin-bottom: 10px; 
}

/*blog pagination styles*/
.pagination {
    clear: both;
    background: #a72528;
    font-family: 'Fjalla One', sans-serif !important;
    color: white;
    display: block;
    padding: 5px 10px 5px 10px;
}

.pagination a {
    color: #fff;
}

.pagination a:visited {
    color: #fff;
}

.pagination a:hover {
    color: #fff;
}


.visit-cta {
    background: #a72528;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16pt;
    padding: 5px 25px;
    text-align: center;
}

.visit-cta a {
    color: #fff;  
}

/* binned relative versions */
/*.float-logo-pistols {
    width: 150px;
    height: 150px;
    position: relative;
    left: 415px;
    bottom: 300px;
}

.float-logo-pil {
    width: 150px;
    height: 150px;
    position: relative;
    left: -50px;
    bottom: 515px;
}*/

.float-logo-pistols {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 960px;
    bottom: 150px;
}

.float-logo-pil {
    width: 150px;
    height: 150px;
    position: absolute;
    left: -40px;
    bottom: 370px;
}

/* ################################# Tour */

/* binned relative versions */
/*.float-logo-pil-tour {
    width: 150px;
    height: 150px;
    position: relative;
    left: 355px;
    top: -575px;
}
*/

.float-logo-pil-tour {
    width: 150px;
    height: 150px;
    position: absolute;
    right: 20px;
    top: 570px;
}

.booking-button-tour {
    background: #a72528;
    opacity: 0.9;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    padding: 10px;
    width: 230px;
    height: 100px;
/*    position: absolute;
    right: 15px;
    top: 625px;*/
    border-radius: 5px;
}

.booking-button-tour a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}

/* ################################# interviews */

.press-boxes {
    border: 10px solid #a72528;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    max-height: 100%;
    min-height: 100%;
}

.press-boxes-red {
    background: #fff;
    border: 10px solid #fff;
    color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    max-height: 100%;
    min-height: 100%;
}

#red-sections {
    background: #a72528 !important;
}


/* ################################# Contact */

.press-button-uk {
    background: #a72528;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    padding: 10px;
    width: 230px;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 42px;
}

.press-button-uk a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}

.press-button-us {
    background: #fff;
    border: 8px solid #a72528;
    color: #a72528;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    padding: 10px;
    width: 230px;
    height: 116px;
    position: absolute;
    right: 0px;
    top: 172px;
}

.press-button-us a {
    color: #a72528;
    text-decoration: underline;
    text-transform: uppercase;
}

.booking-button-contact {
    background: #a72528;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14pt;
    text-transform: uppercase;
    padding: 10px;
    width: 230px;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 324px;
}

.booking-button-contact a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}

.contact-box {
    border: 8px solid #a72528;
    padding: 20px;
}

/* ################################# Gallery */

.et_pb_gallery {
    color: #a72528;
    font-family: 'Roboto Condensed', sans-serif;
}

.et_pb_gallery_pagination {
        border-top: 5px solid #a72528 !important;
}

.et_pb_gallery_pagination ul li a {
    color: #a72528 !important;
    font-family: 'Fjalla One', sans-serif;
}

/* ################################# Music */

.music-icons {
    position: absolute;
    right: -50px;
    top: 30px;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 5px solid #a72528 !important;
}

.et_pb_portofolio_pagination ul li a {
    color: #a72528 !important;
    font-family: 'Fjalla One', sans-serif;
}

/*.post-meta a {
    color: #a72528 !important;
}*/

/* change filter cols etc */
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    line-height: 1em;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 10px 20px;
    border-right: 3px solid #fff;
    color: #fff;
    background-color: #a72528;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #a72528;
    background-color: #fff;
    border: none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #a72528;
    background-color: #fff;
    border: none;
}

/* makes thumbs square ALSO fixes gallery thumbs */
.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }

.buy-cta {
    background: #a72528;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16pt;
    padding: 5px 25px;
    text-align: center;
    width: 340px;
    margin-top: 10px;
}


.buy-cta a {
    color: #fff;
}


.buy-cta a:visited {
    color: #fff;
}




/* ################################# Merch & releases */


/* home and merch pages */
/* shop button */
.latest-releases span {
    background: #fff;
    color: #a72528;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16pt;
    padding: 5px 25px; 
    }

.latest-releases span a {
    color: #a72528;
    }

/* for title description etc */
.release-text {
    color: #fff;
}

.release-text a {
    color: #c1c2c3;
}


/* ################################# Posts */


/* Gives post sidebar border */
.et_right_sidebar #sidebar {
    border: 8px solid #a72528;
    padding: 30px;
    margin-bottom: 60px;
}

/* removes grey line from sidebar */
#main-content .container:before {
     width: 0px; 
}

/* changes link colour in sidebar */
.et_pb_widget a {
    color: #a72528;
    text-decoration: none;
}

.et_pb_widget a:hover {
    color: #c52d2f !important;
    text-decoration: underline;
}


/* sidebar */
#sidebar {
    text-align: center;
}

/*.et_pb_widget.widget_text a {
    text-transform: uppercase;
}*/








/* ################################# Media Queries */






/* ========== Media Queries Releases & merch ========== */


@media screen and (max-width: 980px) {
    .latest-releases span {
    background: #fff;
    color: #a72528;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16pt;
    padding: 5px 25px; 
    }
}

/* ipad landscape */
@media screen and (max-width: 1080px) {
    .latest-releases span {
    font-size: 14pt;
    }
}

@media (max-width: 980px){
    .release-text {
        color: wheat;
    }
}





/* ========== Media Queries Home: socials ========== */

/* switched off for NOW  */
@media (max-width: 980px) {
    .header-badges {
    display: none;
    }
}

/* ========== Media Queries Nav ========== */

.mobile_menu_bar:before {
    color: white;
}

/* makes full nav width */
@media (min-width: 981px) {
    .et_fullwidth_nav #main-header .container {
        padding: 0;
    }
}

/* Sets word spacing on top right nav */
@media (max-width: 1210px) {
#et-secondary-menu > ul > li a {
    padding: 0px 20px;
    }
}

/* Sets word spacing on main nav  */
@media (max-width: 1180px) {
#et-top-navigation {
    word-spacing: 10px;
    }
}

@media (max-width: 980px) {
.et_mobile_menu li a {
    word-spacing: 0px;
    }
}


/* ========== Media Queries FOOTER ========== */

@media (max-width: 980px) {
#main-footer {
    background-color: #fff;
    border-top: 30px solid #a72528;
    }
}

@media (max-width: 980px) {
#main-footer li a {
    color: #a72528 !important;
    list-style: none !important;
    }
}

/* switched off for NOW  */
@media (max-width: 980px) {
#main-footer li {
    color: #a72528 !important;
    list-style: none !important;
    display: none;
    }
}

@media (max-width: 980px) {
#footer-bottom  {
    background-color: #fff;
    border-top: 30px solid #a72528;
    }
}

@media (max-width: 980px) {
    #footer-info a {
    color: #a72528;
    font-weight: 400;
    }
}

/* switched off for NOW  */
@media (max-width: 980px) {
.footer-socials {
    display: none;
    }
}


/* switched off for NOW  */
@media (max-width: 980px) {
.widget_search {
    display: none;
    }
}