/*
Theme Name: My petebest-child Child Theme
Theme URI: h
Version: 1.0
Description: 
Author: Rane digital
Author URI: 
Template: Divi
*/ 
#top-header .et-cart-info {
    margin-top: -3px!important}
@media only screen and (min-width: 981px) {
    body.et_fixed_nav.et_secondary_nav_enabled #main-header {top:45px!important}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container,
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container,
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
    padding-top: 227px!important;
    }
    body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header{top: 77px!important;}
}
section, h1, h2, h3, h4, h5, h6, p{
-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; 
 -ms-transition: all 1s ease; 
 -o-transition: all 1s ease; 
 transition: all 1s ease;
}
@media only screen and (min-width: 981px) {
    #top-header {
        z-index: 999
    }
    #main-header.et-fixed-header {
        -webkit-box-shadow: 0 5px 7px rgba(0,0,0,.1)!important;
        -moz-box-shadow: 0 5px 7px rgba(0,0,0,.1)!important;
        box-shadow: 0 5px 7px rgba(0,0,0,.1)!important;
        }
    .et_pb_svg_logo.et_header_style_centered #logo {
        height: 100%;
        margin-top: -40px;
        z-index: 99999999;
    }
}
.beatles-museum.et_pb_blurb_1.et_pb_blurb {
    border: solid 5px #ffffff
}
/* FONTS */
h1,
h2,
h3,
h4,
h5,
#top-menu li,#top-header, #top-header a, #et-secondary-nav li li a, .beatles-museum p, .casbah p {
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* TOP MENU YES */
.mobile_menu_bar:before {color:#4c412e}
#et-secondary-menu {
    width: 100%
}

#et-secondary-nav {
    display: block
}
@media only screen and (min-width: 981px) {
li.left.menu-item {
    float: left;
}
}
li.right.menu-item {
    float: right;
    margin-right: 100px !important
}

.et-cart-info {
    position: absolute;
    right: 0
}
/* FANCY TITLE */

/*Beat into Beatles title*/

@media only screen and (min-width: 981px) {
    .fancy-title h2 {
        position: relative;
        font-size:50px;
        z-index: 1;
        overflow: hidden;
        text-align: center;
        padding-bottom: 0;
    }
  
    .fancy-title h2:before,
    .fancy-title h2:after {
        position: absolute;
        top: 49%;
        overflow: hidden;
        width: 51%;
        height: 2px;
        content: '\a0';
        background-color: #bd7d43;
    }
   
    .fancy-title h2:before {
        margin-left: -54%;
        text-align: right;
    }

    .fancy-title h2:after {
        margin-left: 1%;
        text-align: right;
    }
    }
    @media only screen and (max-width: 980px) {
        .fancy-title h2 {
            position: relative;
            font-size:40px;
            z-index: 1;
            overflow: hidden;
            text-align: center;
            padding-bottom: 0;
        }
    }
/*********************************************/
/**************** HOME1 **********************/
/*********************************************/
.tv img {min-height:320px!important;margin-top:20px;}
@media (min-width: 1366px) {

    .tv img, .signup-green img {
        min-width: 380px
    }
}

@media (max-width: 1365px) {

    .tv img, .signup-green img {
        min-width: 120%
    }
}

@media (max-width: 980px) {

    .tv img, .signup-green img {
        min-width: 100%
    }
}



.home1 .et_pb_column_3 {
    margin-right: 10px
}

/* SLIDER YES */

.et_pb_slider_0 .et-pb-slider-arrows .et-pb-arrow-next {
    right: calc(15% - 40px)!important;
    top: 50px !important;
    opacity: 1 !important;
    font-size: 26px !important;
    border: solid 1px #ffffff;
    padding: 1px 6px;
}

.et_pb_slider_0 .et-pb-slider-arrows .et-pb-arrow-prev {
    left: 85% !important;
    margin-right:-30px;
    top: 88px !important;
    opacity: 1 !important;
    font-size: 26px !important;
    border: solid 1px #ffffff;
    padding: 1px 6px;
}

.et-pb-arrow-next:before {
    content: "\24" !important;
}
.et-pb-arrow-prev:before {
    content: "\23" !important;
}

.et-pb-controllers {
    position: absolute;
    z-index: 10;
    bottom: -5px;
    left: 84%;
    width: 15%;
    text-align: center;
}
@media (max-width: 767px) {
    .et-pb-controllers {display: none!important;
}
}
.et-pb-controllers a {
    background-color: rgba(0, 0, 0, .5);
}

.et-pb-controllers .et-pb-active-control {
    background-color: #bd7d43;
}
/*SLIDER*/
@media only screen and (min-width: 981px) {
.ds-slider-right.et_pb_slider .et_pb_container {
    float: right !important;
    width: 300px !important;
}
}
.ds-slider-right .et_pb_slide_description h2.et_pb_slide_title {
    font-size: 34px;
}

.ds-slider-right p {
    font-size: 18px;
    line-height: 1.2em;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
	font-weight: normal; 
	font-style: normal; 
}

.ds-slider-right .et_pb_slide_description {
    text-align: left !important;
}

.ds-slider-right .et_pb_slide {
    min-height: 350px !important;
}
/* HOVER EFFECTS ON HOME PAGE */

.signup-green:hover {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
}

/*********************************************/
/**************** HOME2 **********************/
/*********************************************/
@media (min-width: 980px) {
.home2 .et_pb_column_5 {
    padding-right: 5px
}
}
@media (max-width: 980px) {
    .home2 .et_pb_column_5 {
        padding-left: 5px
    }
    }
.home2 .et_pb_column_6 {
    padding-left: 5px
}
@media (min-width: 1366px) {
    .casbah, .beatles-museum  {
        min-height: 420px;
    }
}
@media (max-width: 1365px) and (min-width:981px){
    .casbah, .beatles-museum  {
        min-height: 31vw;
    }
}
@media (max-width: 980px) {
    .casbah, .beatles-museum  {
        min-height: 230px;
    }
}
@media (min-width: 980px) {
.casbah .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    margin-top: calc(53% - 10px);    
    left:47%;
    font-size: 30px;
    position: absolute;
    text-align: left;
    color: #000000;
    padding-left: 35px;
}

/* .casbah .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
    content: 'book now';
    text-transform: uppercase;
    color: #fff;
    font-family: Rhomus;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    padding: 5px 0;
    margin-top: calc(53% - 10px);
    left:47%;
    font-size: 30px;
    position: absolute;
    text-align: left;
    padding-top: 18px;
    padding-left: 48px;
    z-index:9999;
} */
}
@media (min-width: 1366px) {
    .casbah p {
        margin-top: 16%;
        font-size: 40px;
        line-height: 36px;
        left:55%;
        position: absolute;
        width: 80%;
        text-align: left;
        color: #ffffff;
    }
}
@media (max-width: 1365px) {
    .casbah p {
        margin-top: 16%;
        font-size: 3vw;
        line-height:  3vw;
        left:55%;
        position: absolute;
        width: 80%;
        text-align: left;
        color: #ffffff;
    }
}
@media (max-width: 980px) {
    .casbah p {
        margin-top: 13%;
        font-size: 26px;
        line-height: 26px;
        left:50%;
        position: absolute;
        width: 150px;
        text-align: left;
        color: #ffffff;
    }
    .casbah .et_pb_main_blurb_image
    {position:absolute;margin-top:150px}
    .beatles-museum .et_pb_main_blurb_image
    {position:absolute;margin-top:40px}
}


@media (min-width: 980px) {
.beatles-museum .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    margin-top: calc(70% - 10px);    
    left:0px;
    font-size: 30px;
    position: absolute;
    text-align: left;
    color: #000000;
    padding-left: 30px;
}

/* .beatles-museum .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
    content: 'book now';
    text-transform: uppercase;
    color: #fff;
    font-family: Rhomus;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    padding: 5px 0;
    margin-top: calc(70% - 10px);    
    left:0px;
    font-size: 30px;
    position: absolute;
    text-align: left;
    padding-top: 18px;
    padding-left: 43px;
    z-index:9999;
} */
}
@media (min-width: 1366px) {
    .beatles-museum p {
        margin-top: 30%;
        font-size: 40px;
        line-height: 1.1em;
        width: 80%;
        padding-left: 30px;
    }
}
@media (max-width: 1365px) {
    .beatles-museum p {
        margin-top: 13vw;
        font-size: 3vw;
        line-height: 3vw;
        width: 80%;
        padding-left: 3vw;
    }
}
@media (max-width: 980px) {
    .beatles-museum p {
        margin-top: 40%;
        font-size: 24px;
        width: 160px;
        line-height: 24px;
        padding-left: 20px;
    }
}

@media (min-width: 980px) {
.beatles-museum p {
    position: absolute;
    text-align: left;
    color: #000000;
}
}
/*********************************************/
/**************** HOME3 **********************/
/*********************************************/
.home3 .et_pb_column_7 {
    padding-right: 5px
}
.home3 .et_pb_column_8 {
    padding-left: 5px
}

@media (min-width: 1366px) {
    .bestfest {
        min-height: 724px;

    }
}
@media (max-width: 1365px) {
    .bestfest {
        min-height: 53.2vw;

    }
}
@media (max-width: 980px) {
    .bestfest {
        min-height: 110vw;

    }
}
/* SPECIAL TEXT */
.bestfestbox {
    position: absolute;
    display: block;
    width: 100%;
}
.bestfest h4 {
    position: absolute;
    margin-top:4%;
    margin: 3 0 7px;
    padding: 0;
    color: #708a43;
    font-size: 40px;
    line-height: 30px;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}
.bestfest h5 {
    position: absolute;
    top:10%;
    margin-top:3%;
    margin: 0 0 7px;
    padding: 0;
    color: #708a43;
    font-size: 30px;
    line-height: 30px;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}
.bestfest p {
    top:200px;
    position: absolute;
    margin-top:3%;
    width: 100%;
    color: #708a43;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
}
@media (max-width: 1366px) {
.bestfest .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
    margin-top: calc(120% - 10px);    
    left:0px;
    font-size: 30px;
    position: absolute;
    text-align: left;
    color: #000000;
    padding-left: calc(17vw - 20px);
}

/* .bestfest .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
    content: 'book now';
    text-transform: uppercase;
    color: #fff;
    font-family: Rhomus;
    font-weight: normal;
    font-style: normal;
    width: 300px;
    padding: 5px 0;
    margin-top: calc(120% - 10px);    
    left:0px;
    font-size: 30px;
    position: absolute;
    text-align: left;
    padding-top: 18px;
    padding-left: calc(18vw - 20px);
    z-index:9999;
} */
}
@media (min-width: 1365px) {
    .bestfest .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
        margin-top: calc(120% - 10px);    
        left:0px;
        font-size: 30px;
        position: absolute;
        text-align: left;
        color: #000000;
        padding-left: 205px;
    }
    
    /* .bestfest .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
        content: 'book now';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        margin-top: calc(120% - 10px);    
        left:0px;
        font-size: 30px;
        position: absolute;
        text-align: left;
        padding-top: 18px;
        padding-left: 218px;
        z-index:9999;
    } */
    }
@media (min-width: 1366px) {

    .peteband img,
    .music img,
    .media img,
    .merchandise img {
        height: 163px;
    }
    .peteband,
.music,
.media {
    padding-bottom:10px
}
}
@media (max-width: 1365px) {

    .peteband img,
    .music img,
    .media img,
    .merchandise img {
        height: 12vw;
    }

    .peteband,
    .music,
    .media {
        padding-bottom: 0.4vw;
    }
}



@media (min-width: 1366px) {
    .music .et_pb_image_wrap:before {
        content: 'MUSIC';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 40px;
        right: 20px;
        font-size: 60px;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}

@media (max-width: 1365px) {
    .music .et_pb_image_wrap:before {
        content: 'MUSIC';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 2.5vw;
        right: 1vw;
        font-size: 4vw;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}
@media (min-width: 1366px) {
    .media .et_pb_image_wrap:before {
        content: 'media';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 40px;
        right: 20px;
        font-size: 60px;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}

@media (max-width: 1365px) {
    .media .et_pb_image_wrap:before {
        content: 'media';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 2.5vw;
        right: 1vw;
        font-size: 4vw;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}
@media (min-width: 1366px) {
    .peteband .et_pb_image_wrap:before {
        content: 'SHOWS';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 40px;
        right: 20px;
        font-size: 60px;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}

@media (max-width: 1365px) {
    .peteband .et_pb_image_wrap:before {
        content: 'SHOWS';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 2.5vw;
        right: 1vw;
        font-size: 4vw;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}
@media (min-width: 1366px) {
    .merchandise .et_pb_image_wrap:before {
        content: 'merchandise';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 40px;
        right: 20px;
        font-size: 60px;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}

@media (max-width: 1365px) {
    .merchandise .et_pb_image_wrap:before {
        content: 'merchandise';
        text-transform: uppercase;
        color: #fff;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        width: 100%;
        padding: 5px 0;
        bottom: 2.5vw;
        right: 1vw;
        font-size: 4vw;
        position: absolute;
        text-align: right;
        z-index: 9999;
    }
}
/* Container holding the image and the text */
.home .container {
    position: relative;
    text-align: center;
}

@media (max-width: 1366px) {
/* Centered text */
.title {
    position: absolute;
    color: #708a43;
    font-size:36px;
    top: 6vw;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    width:100%

}

.sub-title {
    position: absolute;
    width:100%;
    top: 9vw;
    font-size:26px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;    width:100%

}
.event1 {
    position: absolute;
    top: 16vw;
    left: 50%;
    font-size:2vw;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;    width:100%

}
.event2 {
    position: absolute;
    top: 20vw;
    left: 50%;
    font-size:2vw;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;    width:100%

}
.event3 {
    position: absolute;
    top: 24vw;
    left: 50%;
    font-size:3vw;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;    width:100%

}
.event4 {
    position: absolute;
    top: 28vw;
    left: 50%;
    font-size:3vw;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;
    width:100%
}
.event5 {
    position: absolute;
    top: 32vw;
    left: 50%;
    font-size:3vw;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;    width:100%

}
.event6 {
    position: absolute;
    top: 36vw;
    left: 50%;
    font-size:3vw;
    transform: translate(-50%, -50%);
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #708a43;    width:100%

}
}



@media (min-width: 1366px) {
    /* Centered text */
    .title {
        position: absolute;
        color: #708a43;
        font-size:36px;
        top: 80px;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    
    .sub-title {
        position: absolute;
        width:100%;
        top: 120px;
        font-size:26px;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    .event1 {
        position: absolute;
        top: 220px;
        left: 50%;
        font-size:25px;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    .event2 {
        position: absolute;
        top: 350px;
        left: 50%;
        font-size:25px;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    .event3 {
        position: absolute;
        top: 440px;
        left: 50%;
        font-size:25px;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    .event4 {
        position: absolute;
        top: 400px;
        left: 50%;
        font-size:36px;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;
        width:100%
    }
    .event5 {
        position: absolute;
        top: 460px;
        left: 50%;
        font-size:36px;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    .event6 {
        position: absolute;
        top: 520px;
        left: 50%;
        font-size:36px;
        transform: translate(-50%, -50%);
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #708a43;    width:100%
    
    }
    }




    @media (max-width: 980px) {
        /* Centered text */
        .title {
            position: absolute;
            color: #708a43;
            font-size:7vw;
            top: 13vw;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            width:100%
        
        }
        
        .sub-title {
            position: absolute;
            width:100%;
            top: 22vw;
            font-size:5vw;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;    width:100%
        
        }
        .event1 {
            position: absolute;
            top: 35vw;
            left: 50%;
            font-size:7vw;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;    width:100%
        
        }
        .event2 {
            position: absolute;
            top: 43vw;
            left: 50%;
            font-size:7vw;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;    width:100%
        
        }
        .event3 {
            position: absolute;
            top: 51vw;
            left: 50%;
            font-size:7vw;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;    width:100%
        
        }
        .event4 {
            position: absolute;
            top: 59vw;
            left: 50%;
            font-size:7vw;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;
            width:100%
        }
        .event5 {
            position: absolute;
            top: 67vw;
            left: 50%;
            font-size:7vw;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;    width:100%
        
        }
        .event6 {
            position: absolute;
            top: 75vw;
            left: 50%;
            font-size:7vw;
            transform: translate(-50%, -50%);
            font-family: Rhomus,"Open Sans",Arial,sans-serif;
            font-weight: normal;
            font-style: normal;
            color: #708a43;    width:100%
        
        }
        }


/*********************************************/
/**************** HOME4 **********************/
/*********************************************/

@media (max-width: 1366px) and (min-width:980px) {
    .officialpetebest {
        height: 61.9vw
    }
    .officialpetebest h2 {
        font-size: 5vw;
        line-height: 4vw;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        padding-bottom:3vw;
    }
    .officialpetebest h5 {
        font-size: 2.2vw;
        line-height: 2vw;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        padding-bottom:1vw;
    
    }
    .officialpetebest p {
        font-size: 1.9vw;
        line-height: 1.8vw;
        font-family: Rhomus,"Open Sans",Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        
    
    }
    .officialpetebest p img{
        padding-top:3vw;
    }
}

@media (min-width: 1366px) {
    .officialpetebest {
        height: 830px
    }
.officialpetebest h2 {
    font-size: 80px;
    line-height: 0.8em;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    padding-bottom:30px;
}
.officialpetebest h5 {
    font-size: 30px;
    line-height: 1.1em;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    padding-bottom:30px;

}
.officialpetebest p {
    font-size: 24px;
    line-height: 1em;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
}
.officialpetebest p img{
    padding-top:40px;
}
}
@media (max-width: 980px) {
.officialpetebest p {
    font-size: 13px;
    line-height: 1.1em;
    font-weight: normal;
    font-style: normal;
}
}
.min630 img {
    min-height: 630px;
}

.min630t {
    min-height: 630px
}

@media (max-width: 509px) {
    .min630b {
        background-size: cover !important;
        min-height: 500px;
        min-width: 403px
    }
}


.borderjo {
    display: block;
    position: relative;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}




/*CONNECT-SOCIAL MEDIA*/
@media (min-width: 981px) {
    #et-boc>div>div.et_pb_section.et_pb_section_2.et_section_regular>div.et_pb_row.et_pb_row_3.et_pb_row_4col>div.et_pb_column.et_pb_column_1_4.et_pb_column_8.et_pb_css_mix_blend_mode_passthrough {
        border-right: 1px solid #D8D8D8;
        padding-right: 50px;

    }

    #et-boc>div>div.et_pb_section.et_pb_section_2.et_section_regular>div.et_pb_row.et_pb_row_3.et_pb_row_4col>div.et_pb_column.et_pb_column_1_4.et_pb_column_9.et_pb_css_mix_blend_mode_passthrough {
        border-right: 1px solid #D8D8D8;
        padding-right: 50px;
    }
}
@media (min-width: 981px) {
.vertdiv .et_pb_column {
    border-right: solid 1px #4c412e;
    margin-left: 2.25%;
    margin-right: 2.25%;
    padding-right:5%;
}
}
.vertdiv .et_pb_column:last-child { border: none}



#footer-widgets .footer-widget li {
    padding-left: 0px
}
@media (max-width: 981px) and (min-width:340px) {
.beatles-museum, .casbah {max-width:510px;margin:auto;max-height:100%;margin-top:10px}
#footer-widgets .textwidget.custom-html-widget {
    text-align: left;
    font-size: 24px;
    line-height:1.7em;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
}

#footer-widgets .footer-widget li:before {
    display: none
}
}
/* footer */
#main-footer {
    background: url("https://www.petebest.com/wp-content/uploads/2018/11/wall.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* BLOGS */
.page-id-9 #main-content .news-thumb img {
    width: 65px;
    margin-left: 4px;
    margin-top: 5px
}

.news-thumb .category-news a.entry-featured-image-url {
    float: left;
    margin: 0 10px 0 0;
    background: url('https://www.petebest.com/wp-content/uploads/2018/11/thumb_bg.png') no-repeat;
    width: 76px;
    height: 80px;
    overflow: hidden;
}

.page-id-9 .et_pb_slide .et_pb_container {max-height:480px}
.page-id-9 .et_pb_slide .et_pb_slide_image img {max-width:30%!important}
.et_pb_widget_area_left {
    border-right: none
}

@media (min-width: 981px) {

    .et_pb_gutters3 .et_pb_column,
    .et_pb_gutters3.et_pb_row .et_pb_column {
        margin-right: 10px;
    }

    .et_pb_sidebar_0 .widget_media_image {
        margin-bottom: 10px !important
    }

}

/* IND POSTS */
.single.single-post #main-content {
    background: none !important
}

.page #main-content {
    background: none !important
}

.page-id-164 #main-content {
    background: #ffffff !important
}

.single.single-post #content-area #left-area .et_post_meta_wrapper img {
    display: none
}

.checkout-button.button.alt.wc-forward {
    background: #bd7c43!important;
}
.checkout-button.button.alt.wc-forward:hover {
    background: #fff!important;
    color:#bd7c43!important;
}
.woocommerce-message a.button.wc-forward {
    border-color: #fff !important;
    background: #bd7c43!important;
}

.woocommerce-message a.button.wc-forward:hover {
    color: #bd7c43 !important;
    background: #ffffff!important;
}
    
/* CUSTOM TABS */

/****************************/
/***** CUSTOM SIDE TABS *****/
/****************************/

/*** MAIN CONTENT BOX ***/
.et_pb_tab {
    background: none; /* main background color */
    padding: 0px;
    border-top-right-radius: 12px; /* these three make the rounded edges */
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    min-height: 560px; /* adjust if necessary */
}
/*** TABS ON LEFT ***/
.et_pb_tabs {
    border: 0;
}
/*** ACTIVE TAB ***/
.et_pb_tabs_controls li.et_pb_tab_active, 
.et_pb_tabs_controls li.et_pb_tab_active:hover {
    background: none !important; /* background color of active tab on left */
}
.et_pb_tabs_controls li a { /* most of these can be set in the module instead if you prefer */
    width: 100%;
    font-size: 24px !important; 
    font-weight: normal!important; color:#4c412e!important;
    line-height: 1.1em !important;       font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 0px 0px;
}
/*** NON ACTIVE TABS ***/
.et_pb_all_tabs,
ul.et_pb_tabs_controls {
   background: transparent;
}
ul.et_pb_tabs_controls:after {
    display: none; /* removes a weird line */
}
.et_pb_tabs_controls li {
    background: none !important; /* background color of non-active tabs */
    margin-bottom: 10px;
    border-top-left-radius: 8px; /* rounded edges */
    border-bottom-left-radius: 8px; /* rounded edges */
}
.et_pb_tabs_controls li:hover {
    background: none!important; /* background color of tab on hover */
}
/*** REMOVE GALLERY IMAGE TITLE ***/
.mfp-title {
   display: none; /* please know this will remove the title from all your Divi galleries, not just these */
}
/*** MEDIA QUERIES FOR MOBILE / TABLET ***/
@media only screen and (max-width: 480px) {
   .et_overlay:before {
       font-size: 20px; /* makes hover icon smaller */
       margin: -10px 0 0 -10px;
   }
}
@media only screen and (max-width: 980px) {
   ul.et_pb_tabs_controls {
       display: flex;
       flex-direction: column;
   }
   .et_pb_tabs_controls li {
       display: flex;
       width: 100%;
       border-radius: 8px;
   }
   .et_pb_tab {
       border-radius: 8px;
       padding: 40px 25px;
   }
} 

@media only screen and (min-width: 981px) {
    ul.et_pb_tabs_controls {
        border: none;
        float: left;
        width: 26%;
        background: transparent;
   }
    ul.et_pb_tabs_controls li {
        border: none;
        bottom: 0 !important;
        padding-bottom: 3px;
        padding-top: 3px;
        width: 90%;
   }
   .casbah-coffee-club ul.et_pb_tabs_controls li {
    border: none;
    bottom: 0 !important;
    padding-bottom: 3px;
    padding-top: 20px!important;
    width: 90%;
}
    .et_pb_tabs_controls li.et_pb_tab_active {
        padding-bottom: 3px;
        padding-top: 3px;
   }
    .et_pb_all_tabs {
        border: none;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        float: left;
        padding: 0;
        width: 74%;
        background: none; /* this should match the main background color */
        margin-left: -1px;
        z-index: 99;
        position: relative;
   }
}

.et_pb_tabs_controls li:before {
    content:'\45'!important;
    font-family: ETmodules!important;
    font-size:24px;
    line-height: 35px;
    color: #bd7c43!important;
}
.page-id-11 h2{font-size:34px!important}
.page-id-11 h4{font-size:30px!important}
.accordianhide {display:none!important}

/* ALBUMS */

/* .top-row-blurb .et_pb_blurb .et_pb_main_blurb_image {
    margin-bottom: 0px;
    float: right;
}

.top-row-blurb .et_pb_blurb_0.et_pb_blurb .et_pb_main_blurb_image {
    margin-right: 50px;
}
.top-row-blurb .et_pb_blurb_1.et_pb_blurb .et_pb_main_blurb_image {
    margin-right: 45px;
}
.top-row-blurb .et_pb_blurb_2.et_pb_blurb .et_pb_main_blurb_image {
    margin-right: 25px;
}
.top-row-blurb .et_pb_blurb_3.et_pb_blurb .et_pb_main_blurb_image {
    margin-right: 80px;
} */

td.record_date {vertical-align: top}
td.record_type {vertical-align: top}


/* MEDIA */


.media-tabs .et_pb_image_wrap.align-right {
    float: right;
    margin-right: 40px
}

.media .one_half>img {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
}
.videos {padding-right: 10px}
.videos h2 {font-size: 50px;text-transform: uppercase}
.photos {padding-right: 10px}
.photos h2 {font-size: 50px;text-transform: uppercase}
.videos .video_container .video_right {
    margin-bottom: 20px
}
.videos .video_container .video_right h3 {
    margin-top: 10px
}
.media-page .one_half a > img {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    margin-bottom:10px
}
.media-page h2 {
    text-transform: uppercase;
    font-size:40px!important;
    line-height: 1.2em;
    margin-top:-5px
}

.photos .et_portfolio_image img {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
}

.et_overlay:before {color:#4c412e}
ul.et_pb_tabs_controls li.current {color:#bd7c43} ul.et_pb_tabs_controls li.current a{color:#bd7c43!important}


@media only screen and (min-width: 981px) {
.photos .one_third {width:15.66%!important}
.photos .two_third {width:80.32%!important}
.media-page .one_third {width:15.66%!important}
.media-page  .two_third {width:80.32%!important}
.videos .one_third {width:15.66%!important}
.videos .two_third {width:80.32%!important}
}

/* SHOWS  */
.shows.et_pb_tabs.et_pb_tabs_0 > ul > li.et_pb_tab_0 {display: none;margin-bottom:30px;padding-top:0px!important}
.biography.et_pb_tabs.et_pb_tabs_0 > ul > li.et_pb_tab_0 {display: none;margin-bottom:30px;padding-top:0px!important}
.shows.et_pb_tabs li.et_pb_tab_1{margin-top:35px}
.shows.et_pb_tabs .et_pb_tab_content h2{font-size:46px}
.casbah-coffee-club.et_pb_tabs .et_pb_tabs_controls .et_pb_tab_0 a:after
 {
    display: block;
	white-space: pre;
    content: 'Learn who we are';
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height:1em;
    position: absolute;
    text-align: right;
    z-index: 9999;
}
.casbah-coffee-club.et_pb_tabs .et_pb_tabs_controls .et_pb_tab_1 a:after
 {
    display: block;
	white-space: pre;
    content: 'WHY NOT VISIT US';
    display: block;
	white-space: pre;
    content: 'Learn who we are';
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height:1em;
    position: absolute;
    text-align: right;
    z-index: 9999;
}
.casbah-coffee-club.et_pb_tabs .et_pb_tabs_controls .et_pb_tab_2 a:after
 {
    display: block;
	white-space: pre;
    content: 'Come and watch a live show';
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height:1em;
    position: absolute;
    text-align: right;
    z-index: 9999;
}
.casbah-coffee-club.et_pb_tabs .et_pb_tabs_controls .et_pb_tab_3 a:after
 {
    display: block;
	white-space: pre;
    content: 'Book a venue for your band';
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height:1em;
    position: absolute;
    text-align: right;
    z-index: 9999;
}
.casbah-coffee-club.et_pb_tabs .et_pb_tabs_controls .et_pb_tab_4 a:after
 {
    display: block;
	white-space: pre;
    content: 'How to find us';
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height:1em;
    position: absolute;
    text-align: right;
    z-index: 9999;
}
.casbah-coffee-club h2 {font-size:30px;text-transform: uppercase}
.casbah-coffee-club h5 {font-size:24px}
/* SHOP */
.archive #main-content .container {
    padding-top: 0px
}

.archive #main-content,
.single #main-content{
    background-color: rgba(255, 255, 255, 0) !important
}

.et_pb_widget a {
    color: #000
}

.archive #sidebar {
    padding-top: 30px
}

.archive #sidebar .widgettitle {
    font-size:35px
}
.archive #sidebar .woocommerce.widget_product_categories ul.product-categories li {
    color: #000;
    font-size: 26px;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 5px
}

.archive #sidebar .woocommerce.widget_product_categories ul.product-categories li.cat-item:before {
    content: '\45' !important;
    font-family: ETmodules !important;
    font-size: 24px;
    color: #bd7c43;
    line-height: 35px
}
.single #sidebar .woocommerce.widget_product_categories ul.product-categories li {
    color: #000;
    font-size: 26px;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 5px
}
.single #sidebar .woocommerce.widget_product_categories ul.product-categories li.cat-item:before {
    content: '\45' !important;
    font-family: ETmodules !important;
    font-size: 24px;
    color: #bd7c43;
    line-height: 35px
}
.count {
    display: none
}
.woocommerce-loop-category__title {
    color: #000;
    font-size: 30px !important;
    line-height: 36px;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    margin-left: -30px !important;
    font-weight: normal;
    font-style: normal;
    text-align: center
}

.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {
    color: #000;
    font-size: 22px !important;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    padding-bottom: 0px !important
}

.woocommerce-loop-category__title:after {

    content: url('https://www.petebest.com/wp-content/uploads/2018/11/read_more.png');
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1em;
    position: absolute;
    text-align: right;
    padding-left: 10px !important;
    z-index: 9999;
}
.music-page .et_pb_blurb h4 a{

    font-size: 34px!important;
    line-height: 1em;
    margin-left:50px;

}
.music-page .et_pb_blurb h4:after {

    content: url('https://www.petebest.com/wp-content/uploads/2018/11/read_more.png');
    text-transform: uppercase;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1em;
    position: absolute;
    left:0px;
    text-align: left;
    padding-left: 0px !important;
    z-index: 9999;
}
.music-page .et_pb_main_blurb_image img {
-webkit-box-shadow: 0 0 3px 1px #9c9889 !important;
-moz-box-shadow: 0 0 3px 1px #9c9889 !important;
box-shadow: 0 0 3px 1px #9c9889 !important;
}
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    -webkit-box-shadow: 0 0 3px 1px #9c9889 !important;
    -moz-box-shadow: 0 0 3px 1px #9c9889 !important;
    box-shadow: 0 0 3px 1px #9c9889 !important;
}

.woocommerce a.button, .woocommerce div.product form.cart .button, .et_password_protected_form .et_submit_button, .form-submit .et_pb_button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit{
    background: #d8421b;
    color: #ffffff !important;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    border: none;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 36px;
    padding: .1em .5em 0em .5em !important;
    margin-top: 0px !important;
    -webkit-box-shadow: 0 0 3px 1px #9c9889 !important;
    -moz-box-shadow: 0 0 3px 1px #9c9889 !important;
    box-shadow: 0 0 3px 1px #9c9889 !important;
}

.et_password_protected_form .et_submit_button:hover, .form-submit .et_pb_button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover {
    background: #d8421b;
    color: #ffffff !important;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    border: none;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 36px;
    padding: .1em .5em 0em .5em !important;
    margin-top: 0px !important;
    -webkit-box-shadow: 0 0 3px 1px #9c9889 !important;
    -moz-box-shadow: 0 0 3px 1px #9c9889 !important;
    box-shadow: 0 0 3px 1px #9c9889 !important;
}
.woocommerce a.button:hover {
    padding: .1em .5em 0em .5em !important;
    margin-top: 0px !important;
    border: none;
}

.woocommerce a.button:after {
    display: none
}

.woocommerce li.product.product-type-simple>div {
    text-align: center;
    line-height: 1em !important;

}

.woocommerce-breadcrumb {
    color: #333 !important;
}

.woocommerce-breadcrumb a {
    color: #333 !important;
}

p.woocommerce-result-count {
    padding-bottom: 40px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price,
.woocommerce-page ul.products li.product .price del {
    text-align: center;
    font-family: Rhomus,"Open Sans",Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #000 !important;
    font-size: 24px !important;
    line-height: 1.4em;
}



body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs {background-color: none}



#left-area > ul > li.product.type-product.product-type-variable > div {text-align:center}


.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #999 !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    .wpcf7-submit {
    color: #bd7c43 !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 20px;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width:100%;
    }
    .wpcf7-submit:hover { 
    background-color: #ffffff; 
    border-color:#bd7c43; 
    padding: 6px 20px !important;     width:100%;
    }

    .woocommerce-page a.button.alt:hover:after, .woocommerce-page a.button:hover:after, .woocommerce-page button.button.alt:hover:after, .woocommerce-page button.button:hover:after {display: none}

    #custom_html-5 .textwidget.custom-html-widget img {min-height:200px}
    @media only screen and (max-width: 980px) {
    #custom_html-2 {width:100%}
    #custom_html-2  .text-widget {text-align: center}
    #custom_html-3 {width:100%}
    #custom_html-3  .text-widget {text-align: center}
    }
    .page-id-165 #main-content {background-color:#ffffff!important}