/*
Theme Name: Fur Peace Ranch
Theme URI:
Description: Fur Peace Ranch
Author: Jef Shilt
Author URI: http://fortytwo-it.com
Version: 0.1
*/

html,body {
    color: #363636 !important;
    background: #fdf0dd !important;
}

#wrapper {
}

header, footer {
    color: #fdf0dd;
    background: #850802;
}
header {

}
header #topLeft {
    min-height: 210px;
}
header #topRight { text-align: right;}
header #topRight a {
    text-transform: uppercase;
    color: #fdf0dd;
    text-decoration: none;
    font-weight: bold
}
header .carousel-inner {
    margin: 0 auto;
}

#mainNav, #storeNav {
    background: #fdf0dd;
    color: #850802;
}
#mainNav a, #storeNav a {
    color: #850802 !important;
    text-transform: uppercase;
}
#mainNav a:hover, #mainNav .active a,
#storeNav a:hover, #storeNav .active a {
    color: #363636 !important;
}
#mainNav .navbar, #storeNav .navbar { padding: 0.2rem 1rem}
#mainNav .nav-link, #storeNav .nav-link { padding: 0.1rem 1rem}
#footerNav .nav-link, .footer-right .nav-link {
    padding: 0;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}


#main {
    padding-top: 1.5rem;
}

h1, h2 { color: #850802; }

img.alignright {
    float: right;
    margin: 10px 0 10px 10px;
    padding: 4px;
    border: 1px solid #e7e7e7;
}
img.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
    padding: 4px;
    border: 1px solid #e7e7e7;
}

footer {
    padding-bottom: 210px;
    background-image: url(img/fpr_logo_top.png);
    background-position: center top;
    background-repeat: no-repeat;
}
#footer a { color: white !important }
#footer a:hover, #footer .active a {
    color: #fdf0dd !important;
}
#footerNav a { color: white !important }
#footerNav a:hover, #footerNav .active a {
    color: #fdf0dd !important;
}
.footer-right a { color: inherit; }
.footer-right a:hover {color: inherit; text-decoration: none}
#homeboxes { padding-top: 1.5rem;}
#homeboxes a {
    display: block;
}
#homeboxes img {
    width: 100%;
    height: auto;
}
.info-box {
background: #850802;
color: white;
padding: 0.25rem 1rem 0.5rem 1rem;
text-align: center;
font-size: 1rem;
text-transform: uppercase;
position: absolute;
bottom: 10%;
left: 50%;
transform: translate(-50%,0);
white-space: nowrap;
z-index: 200;
}
.info-box a, .info-box a:hover {
    color: #fdf0dd;
    text-decoration: none;
}
.fade-image:hover img {
    background: #555;
    opacity: 0.5;
}

.container-fluid { padding-left: 5px; padding-right: 5px }

.concertSlide { padding-bottom: 15px;
border-bottom: 1px solid #edd2bb;
margin-bottom: 15px;}
.concertSlide a { display: block }
.concertSlide a img { display: block; width: 100% }

.workshopSlide .wsFull, .concertSlide .wsFull {
    color: red;
}
.workshopSlide .wsFull span, .concertSlide .wsFull span {
    font-size: 85%;
    color: red;
}
.workshopSlide h2, .concertSlide h2 { font-size: 1.5rem}
.workshopSlide h3, .concertSlide h3 { font-size: 1.3rem}
.workshopSlide h4, .concertSlide h4 { font-size: 1.1rem}
a.moreInfo, a.buyTickets {
    background: #850802;
    padding: 3px 10px;
    color: #fdf0dd;
    text-transform: uppercase;
    display: inline-block;
    margin: 5px auto;
    font-size: 1.5rem;
}
a.moreInfo:hover, a.buyTickets:hover { text-decoration: none; background: rgba(133, 8, 2, 0.8)}

/* Store Related */
.fpr-store #storeNav {
    margin-top: 0 !important;
    border-bottom: 1px solid #850802
}
.fpr-store .boxText_td ul {
    padding-left: 0;
    list-style: none;
}
.fpr-store .boxText_td ul div { padding-left: 10px; }

.fpr-store .boxText_td ul li {padding-bottom: 8px}
.fpr-store .boxText_td ul a{color: #850802;text-transform: uppercase;font-size: 0.8rem}
.fpr-store .boxText_td ul a:hover {color: #363636;}
.fpr-store a.moreInfo {font-size: 1rem}

.fpr-store .main_table {width: 100%}
.fpr-store .ft-product-image { display: inline-block; margin-right: 10px}
.fpr-store .name a { color: #850802 }
.fpr-store .name a:hover { color: #363636; }
.fpr-store .button2_padd { padding-top: 10px }
.fpr-store .button2_padd a { margin: 5px 0}

@media (min-width: 576px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px) {
    footer {
        padding-bottom: 10px;
    }
}
@media (min-width: 1200px) {
    .info-box {
        padding: 0.5rem 2rem 0.75rem 2rem;
        font-size: 1.5rem;
    }
}