/* ==========================================================================
   Author's custom styles
	THIS IS GUITAR HOSPITAL CUSTOM!!
   ========================================================================== */
@import 'flexvideo.css';
@import 'fix-bootstrap.css';
@import url('https://fonts.googleapis.com/css?family=Pattaya');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

body {
    background: url(../img/grain.png) #2b1b0f;
    color: #f2d3b6;
    font-family: Montserrat, Arial;
}

h1, h2, h3, h4 {
    font-family: 'pattaya';
}

a, a:hover, a:active {
    color: #b81e44;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

.site-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1100;
}

@media (min-width: 768px) {
    .site-header {
        top: 20px;
    }
}

figure.wp-caption {
    border: none;
    font-size: 10px;
}

.header-image {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #ab0d5e;
    background-image: url('../img/grain.png');
    height: 250px;
    width: 100%;
}

h1.header-image-headline.text-center {
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    padding-top: 120px;
    font-size: 50px;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.58); */
    text-shadow: -4px 0 #b81e44, 0 4px #b81e44, 4px 0 #b81e44, 0 -4px #b81e44;
}

@media (min-width: 768px) {

    .header-image {
        height: 500px;
    }

    h1.header-image-headline.text-center {
        padding-top: 320px;
        font-size: 80px;
    }

}

.jumbotron {
    position: relative;
    background: url('../img/grain.png') #ca4818;
    color: #f2d3b6;
}

.events {
    background: url('../img/grain.png') #ab0d5e;
    position: relative;
    margin-top: -30px;
    padding: 20px 0;
}

.events img.guitar {
    font-size: 60px;
    margin: auto;
    margin-top: 25px;
    float: right
}

.events h1 {
font-size: 55px;
}

hr.top-dashed {
    top: 10px;
}

hr.bottom-dashed {
    bottom: 10px;
}

hr {
    border-top: 1px dashed rgba(0, 0, 0, 0.25);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
    background-color: transparent;
    z-index: 10;
    width: 100%;
    height: 0;
}

hr.top-dashed, hr.bottom-dashed {
    margin: 0;
    border-top: 1px dashed rgba(0, 0, 0, 0.25);
    border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
    position: absolute;
    bottom: 10px;
    background-color: transparent;
    z-index: 10;
    width: 100%;
    height: 0;
}

.navbar-default {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    background: url('../img/grain.png') #ab0d5e;
    color: #f2d3b6;
    border: none;
    box-shadow: none;
}

.navbar-default hr {
    display: none;
}

.navbar-brand-image {
    max-height: 100%;
}

.navbar-brand {
    height: 60px;
    padding: 3px;
}

@media (min-width: 768px) {
    .navbar-brand-image {
        height: 100%;
    }

    .navbar-brand > img {
        max-height: 100%;
        height: 70px;
    }
}

.navbar-brand > img {
    max-height: 100%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #f2d3b6;
}

.navbar-default .navbar-toggle {
    border-color: #f2d3b6;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #f2d3b6;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ca8e56;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #f2d3b6;
    text-shadow: none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff5eb;
    text-shadow: none;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff5eb;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #ffca95;
    background: #b1294a;
    box-shadow: none;
}

@media (min-width: 768px) {

    .dropdown-menu > li > a {
        border-bottom: 1px dashed rgba(236, 222, 203, 0.22)
    }

    .main-navigation {
        height: 200px;
        background: url("../img/navi_desktop.png") center center no-repeat;
        background-size: contain;
    }

    .navbar hr {
        display: block;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .navbar hr.top-dashed {
        top: 5px;
    }

    .navbar hr.bottom-dashed {
        bottom: 5px;
    }

    nav.navbar.navbar-default {
        background: transparent;
        box-shadow: none;
    }

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

    .navbar .navbar-collapse {
        text-align: center;
        position: relative;
        margin-top: -35px;
    }

    .navbar-header {
        margin-bottom: 9px;
        margin-top: 19px;
        float: none;
        text-align: center;
    }

    .navbar-brand {

        padding: 15px 15px;
        float: none;
        display: inline-block;
    }

    .navbar .navbar-nav a {
        font-size: 22px;
        line-height: 45px;    
        white-space: normal;        
    }

    .navbar-default .navbar-nav > li > a {
        color: #f2d3b6;
        font-size: 21px;
        margin-top: 5px;
        padding: 2px 8px 0px 8px;
        font-family: 'pattaya';
    }

    .navbar .dropdown-menu {
        left: 0;
        right: 0;
        background: url(../img/grain.png) #ab0d5e;
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff5eb;
        background: rgba(255, 255, 255, 0.2);
        text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.75);
    }                                   

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #ffca95;
        background: #b1294a;
        box-shadow: none;
    }   

}


@media (max-width: 767px) {
  .navbar-default  .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default  .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default  .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff5eb;
        background: rgba(255, 255, 255, 0.2);
        text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.75);
  }
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        color: #f2d3b6;
        font-size: 25px;
        padding: 15px 15px 3px 15px;
    }

    .navbar-brand > img {
        height: auto;
    }

    .navbar-header {
        margin-bottom: 15px;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {

    .navbar-header {
        margin-bottom: 17px;
    }

    .navbar hr {
        width: 950px;
    }
}

.container.page-container {
    background: url(../img/grain.png) #2f1f13;
}

#content {
    margin-top: 20px;
}

/* ancient-browser-alert error */
.ancient-browser-alert {
    background: #a00;
    color: #faa;
    display: block;
    padding: 3px 0;
    text-align: center;
}

.ancient-browser-alert a {
    color: #fff;
    text-decoration: underline;
}

.page-header-top-right {
    margin-top: 10px;
}

.pagination {
    margin: 0;
}

.pagination-center {
    text-align: center;
}

.pagination-row {
    margin-bottom: 20px;
}

.required {
    color: #f00;
}

.row-with-vspace {
    margin-bottom: 20px;
}

.site-main .format-aside {
    background: #f5f5f5;
}

.site-main .format-image {
    background: url('../img/content-post-format-image.png') left top no-repeat;
}

.site-main .format-link {
    background: url('../img/content-post-format-link.png') left top no-repeat;
}

.site-main .format-quote {
    background: url('../img/content-post-format-quote.png') left top no-repeat;
}

.site-main .format-video {
    background: url('../img/content-post-format-video.png') left top no-repeat;
}

.site-title {
    margin-bottom: 0;
    margin-top: 10px;
}

.site-title > a {
    text-decoration: none;
}

.site-title > div {
    height: auto;
    line-height: 18px;
}

.site-title .site-description {
    color: #999;
    font-size: 16px;
}

.site-title .site-title-heading {
    margin: 0;
}

.widget_calendar #wp-calendar {
    margin: 0;
}

.widget_calendar #wp-calendar #next {
    text-align: right;
}

#comments .comment-navigation {
    margin-bottom: 0;
}

#comments .comment-navigation-below {
    margin-bottom: 20px;
    margin-top: 15px;
}

#comments .media-list li .media {
    margin-top: 15px;
}

#comments .media-list li .media .media-body {
    border: none;
    padding: 10px;
}

#comments .media-list li .media .media-body .comment-author {
    font-size: 12px;
    margin-bottom: 10px;
}

#comments .media-list ul.children {
    list-style: none;
    margin-left: 2.5em;
}

.product .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    border: 1px dashed rgba(255, 255, 255, 0.25);
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    background: url(/wp-content/themes/bootstrap-basic/img/grain.png) rgb(44, 29, 18);
}

.thumbnail .caption {
    color: #f2d3b6;
}

#main-column .wp-video-shortcode {
    display: block;
    height: auto;
    max-width: 100%;
}

#main-column .attachment .entry-content {
    margin-bottom: 20px;
}

#main-column .attachment .entry-content .attachment {
    text-align: center;
}

#main-column .attachment .entry-meta {
    margin-bottom: 20px;
}

#main-column .post,
#main-column .page {
    border: none;
    margin-bottom: 20px;
    padding: 10px;
}

#main-column .post .entry-header .entry-meta {
    color: #999;
}

#main-column .post .entry-header .entry-meta a {
    color: inherit;
}

#main-column .post .entry-header .entry-meta .posted-on .updated {
    display: none;
}

#main-column .post .entry-meta .categories-icon {
    cursor: default;
}

#main-column .post .entry-meta .comments-link a {
    color: #333;
}

#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
    color: #555;
    font-size: 12px;
    margin-left: 5px;
}

#main-column .attachment .edit-post-link a,
#main-column .attachment .entry-meta .edit-post-link a,
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
    color: #333;
}

#main-column .post .entry-meta .tags-icon {
    cursor: default;
}

#main-column .attachment .entry-title,
#main-column .post .entry-title,
#main-column .page .entry-title {
    margin-top: 0;
    word-wrap: break-word;
}

#sidebar-left .widget,
#sidebar-right .widget {
    border: none;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}

#sidebar-left .widget ul,
#sidebar-right .widget ul {
    padding-left: 20px;
}

#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
    font-size: 18px;
    margin-top: 0;
}

#site-footer {
    position: relative;
    font-size: 16px;
    padding: 30px 0;
    text-align: center;
}

.google-map {
    width: 100%;
    height: 200px
}

@media (min-width: 768px) {
    .google-map {
        height: 500px
    }
}

.slick-image-slide.slick-slide {
    height: 220px !important;
}

@media (min-width: 768px) {
    .slick-image-slide.slick-slide {
        height: 320px !important;
    }
}

@media (min-width: 992px) {
    .slick-image-slide.slick-slide {
        height: 400px !important;
    }
}

@media (min-width: 1400px) {
    .slick-image-slide.slick-slide {
        height: 580px !important;
    }
}

@media (min-width: 1600px) {
    .slick-image-slide.slick-slide {
        height: 700px !important;
    }
}

/*Slick-Slider*/
@media (min-width: 768px) {
    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content {
        left: 150px;
        right: 0px;
        text-align: left;
        position: absolute;
        top: 100px;
        padding: 40px;
    }
}

.slick-slider.wpsisac-slick-slider .slick-dots li button {
    background: #ab0d5e !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #be123c;
    border-radius: 50% !important;
    width: 17px !important;
    height: 17px !important;
}

.slick-slider.wpsisac-slick-slider .slick-dots li.slick-active button {
    background: #f2d3b6 !important;
}

img.alignleft {
    margin-right: 2.5em;
}

#knob-bg {
    background: url("../img/knob_bg.png") center center no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
}

#knob {
    background: url("../img/knob.png") center center no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    transform: rotate(62deg);
}

div#knob:hover {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(360deg);
    transition: transform 550ms ease;
    -moz-transition: -moz-transform 550ms ease;
    -ms-transition: -ms-transform 550ms ease;
    -o-transition: -o-transform 550ms ease;
    -webkit-transition: -webkit-transform 550ms ease;
}

.tcpc-single-product {
    max-height: 500px;
}

.tcpc-item-image {
    position: relative;
    height: 415px;
}

.square-images .tcpc-item-image {
    position: relative;
    height: 230px;
}



.mfp-content {
    height: 90%;
    max-width: 1200px;
}

.tcpc-white-popup {
    position: absolute;
    width: 100%;
    background: url(/wp-content/themes/bootstrap-basic/img/grain.png) rgba(107, 10, 60, 0.82);
}

.tcpc-catalog-wrap .tcpc-single-product, .tcpc-catalog-wrap .tcpc-single-product:hover {
    background: transparent;
    margin-right: 0;
}

.tcpc-item-image, .tcpc-item-details {
    background-color: #f2d3b6;
}

.tcpc-single-product:hover .tcpc-item-image, .tcpc-single-product:hover .tcpc-item-details {
    background-color: #DCA776;
}

h3.tcpc-item-title {
    font-size: 22px;
    color: #b81e44;
    text-align: center;
    height: 50px;
    white-space: normal;
}

a.tcpc-link-hover.tcpc-view-icon.tcpc_pop.open-popup-link {
    width: 100%;
    height: 100%;
    display: block;
}

.tcpc-view-icon i {
    background-color: #b81e44;
    border: 1px solid #b81e44;
}

.slick-prev {
    left: 0;
    background: rgba(255, 255, 255, 0.7) url(/wp-content/plugins/wp-slick-slider-and-image-carousel/assets/css/arrow-left.png) center center no-repeat !important;
    background-size: 15px 26px !important;
    outline: none !important;
}

.slick-next.slick-arrow {
    right: 0;
    background: rgba(255, 255, 255, 0.7) url(/wp-content/plugins/wp-slick-slider-and-image-carousel/assets/css/arrow-right.png) center center no-repeat !important;
    background-size: 15px 26px !important;
    outline: none !important;
}

.slick-arrow {
    top: 45%;
    text-indent: -99999px;
}

button.slick-arrow {
    background-color: transparent;
    width: 22px;
    height: 38px;
    position: absolute;
    z-index: 999;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.mfp-wrap {
    z-index: 1170;
}


.events .textwidget img {
    display: block;
    max-width: 100%;
    height: auto;
}