@font-face {
font-family: trypewriter;
src: url(//kashusculpepper.com/wp-content/themes/kc24/fonts/trypewriter.eot);
src: url(//kashusculpepper.com/wp-content/themes/kc24/fonts/trypewriter.eot?#iefix) format("embedded-opentype"), 
url(//kashusculpepper.com/wp-content/themes/kc24/fonts/trypewriter.woff2) format("woff2"), 
url(//kashusculpepper.com/wp-content/themes/kc24/fonts/trypewriter.woff) format("woff"), 
url(//kashusculpepper.com/wp-content/themes/kc24/fonts/trypewriter.ttf) format("truetype")
}
.clear {
clear:both;
}
img,
img a {
border:none;
max-width:100%;
height:auto;
display:block;
}
* {
margin:0;
padding:0;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul {
list-style:none;
margin:0;padding:0;
}
a, a:hover {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
transition: color 0.2s linear;
-o-transition: color 0.2s linear;
text-decoration:none;
}
body {
margin:0;
padding:0;
background: url(//kashusculpepper.com/wp-content/themes/kc24/images/bg.jpg?v=1.02) no-repeat;
background-size: cover;
background-position: top center;
background-attachment: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'trypewriter', Arial;
color:#FFF;
overflow-x:hidden;
animation: fadein 1s;
-webkit-animation: fadein 1s; -moz-animation: fadein 1s; -o-animation: fadein 1s; }
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}
@-moz-keyframes fadein { from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes fadein { from {opacity:0;}
to {opacity:1;}
}
@-o-keyframes fadein { from {opacity:0;}
to {opacity: 1;}
}
#container {
width:80%;
margin:0 10%;
}
#feature-img {
height:100vh;
width:100vw;
overflow:hidden;
background:url(//kashusculpepper.com/wp-content/themes/kc24/images/feature-img-2.jpg) top center no-repeat;
background-size:cover;
}
header {
position:fixed;
z-index:999;
width: 100%;
top: 0;
left:0;
right:0;
transition: 0.3s;
animation: fadein .3s;
-moz-animation: fadein .3s; -webkit-animation: fadein .3s; -o-animation: fadein .3s; height:40px;
padding:10px 0;
line-height:40px;
}
header #logo {
position:absolute;
left:20px;
z-index:999;
}
header #logo img {
height:40px;
}
header #socials {
position:absolute;
right:20px;
margin:0;
padding:0;
line-height:40px;
}
header #socials li {
margin:0 3px;
}
#socials li {
display:inline-block;
margin:0 6px;
font-size:18px;
line-height:100%;
}
header #socials li svg {
fill:#a34134;
height:18px;
width:auto;
vertical-align:text-bottom;
margin-bottom:2px;
}
header #socials li svg:hover {
fill:#FFF;
}
header #socials li a {
color:#a34134;
}
header #socials li a:hover {
color:#FFF;
}
nav#main {
position:absolute;
left: 50%;
transform: translate(-50%, 0);
width:100%;
text-align:center;
}
nav#main li {
display:inline-block;
text-transform:uppercase;
font-size:20px;
margin:0 10px;
}
nav#main a {
color:#FFF;
}
nav#main a:hover {
color:#a34149;
}
header.small {
background-color:#a34134;
height:30px;
line-height:30px;
}
header.small #logo img {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(103%) contrast(103%);
}
header.small nav#main a {
color:#FFF;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
header.small nav#main a:hover {
opacity:0.8;
}
header.small #socials {
line-height:30px;
}
header.small #socials li svg {
fill:#FFF;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
header.small #socials li svg:hover {
opacity:0.8;
}
header.small #socials li a {
color:#FFF; 
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
header.small #socials li a:hover {
opacity:0.8;
}
#nav-trigger {
top:0px;
right:20px;
font-size:20px;
font-weight:600;
position: absolute;
z-index:99999;
cursor: pointer;
} nav#nav-mobile {
position:relative;
display:none;
top:-10px;left:0;right:0;bottom:0;
height:100vh;
background-color: rgba(0,0,0,.8);
}
nav#nav-mobile ul#mobile-nav {
display:inherit;
list-style-type:none;
z-index:888;
width:100%;
margin:0;
text-align:center;
padding:0;
position:absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
nav#nav-mobile a {
font-size:26px;
font-weight:600;
text-transform:uppercase;
line-height:100%;
padding:20px 0;
margin:0;
display:block;
width:100%;
color:#FFF;
text-align:center;
text-transform:uppercase;
}
nav#nav-mobile a:hover {
color:#FFF;
}
nav#nav-mobile #socials {
position:relative;
right:0;
}
nav#nav-mobile ul > ul#socials {
list-style:none;
text-align:center;
margin:0 auto;
float:none;
}
nav#nav-mobile ul > ul#socials li {
float:none;
display:inline-block;
margin:0 8px;
line-height:100%;
}
nav#nav-mobile ul > ul#socials a {
border-bottom:0;
font-size:24px;
color:#a34134;
}
.nav-icon3 {
float:left;
width: 40px;
height: 30px;
position: relative;
margin:16px 0 0px 20px;
z-index:99999;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
vertical-align:middle !important;
}
.nav-icon3 span {
vertical-align:middle;
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #a34134;
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
header.small .nav-icon3 span {
background: #FFF;
}
.nav-icon3 span:nth-child(1) {
top: 0px;
}
.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
top: 8px;
}
.nav-icon3 span:nth-child(4) {
top: 16px;
}
#section-head {
font-size:30px;
margin:0 0 20px 0;
color:#000;
text-transform:uppercase;
text-align:center;
}
#shows,
#music,
#videos {
padding:80px 0 0px 0;
}
#music ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap:30px;
}
#music .cover {
margin:0 0 10px 0;
text-align:center;
}
#music .cover img {
display:block;
}
#music .title {
color:#a34134;
text-transform:uppercase;
font-size:19px;
line-height:130%;
text-align:center;
margin:0 0 4px 0;
}
#music .title a,
#music .title a:hover {
color:#a34134;
}
#music-btn {
text-align:center;
font-size:15px;
}
#music-btn a {
color:#000;
}
#music-btn a:hover {
color:#000;
text-decoration:underline;
}
#container.page {
color:#000;
line-height:130%;
padding:80px 0;
margin:0 7%;
width:86%;
}
#container.page h3 {
font-size:30px;
margin:0 0 30px 0;
color:#000;
text-transform:uppercase;
text-align:center;
}
#container.page a {
color:#a34134;
text-decoration:underline;
}
#container.page a:hover {
color:#000;
text-decoration:underline;
}
#container.page p {
margin:0 0 20px 0;
}
#container.page ul {
list-style:disc;
padding-left:30px;
margin:0 0 20px 0;
} .seated-events-table {
color:#a34134;
text-align:left;
font-size:16px !important;
border-top:0 !important;
}
.seated-events-table .seated-event-row {
border-color:rgba(163,65,52,.5) !important;
}
.seated-event-link1,
.seated-event-link2,
.seated-event-link1:visited,
.seated-event-link2:visited {
border:0 !important;
color:#FFF !important;
font-family:'trypewriter', Arial;
padding:8px 30px !important;
border-radius:0 !important;
font-size:18px !important;
background-color:#a34134 !important;
}
.seated-event-link1:hover,
.seated-event-link2:hover {
opacity:0.9 !important;
}
.seated-event-row:hover {
background-color:transparent !important;
}
.seated-event-date-cell {
color:#a34134;
font-family:'trypewriter', Arial;
}
.seated-event-venue-name {
font-family:'trypewriter', Arial;
}
.seated-event-venue-location {
font-family:'trypewriter', Arial;
}
.seated-event-row {
pointer-events:none;
}
.seated-event-row a {
pointer-events:auto;
}
.seated-events-table>div:last-child {
display:none;
}
.seated-follow-box{
display:none;
}
.bit-follow-section-wrapper,
.bit-social-wrapper {
display:none !important;
}
.bit-top-track-button,
.bit-logo,
.bit-nav-bar-container,
.bit-rsvp-container {
display:none !important;
}
.bit-event {
font-size:16px;
font-family:'trypewriter', Arial;
color:#a34134 !important;
}
.bit-event:first-child {
border-top:0 none !important;
}
.bit-widget.bit-layout-desktop .bit-event {
padding:6px 15px 8px 15px !important;
}
.bit-widget.bit-layout-desktop .bit-event:hover {
background:none !important;
}
.bit-widget .bit-upcoming-events, bit-past-events {
border-bottom:0 none !important;
}
.bit-widget .bit-upcoming-events-show-all-button {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
.bit-widget .bit-upcoming-events-show-all-button:hover {
background-color:#a34134;
color:#FFF;
}
.bit-offers-container.bit-single-cta a {
margin-top:-7px !important;
}
.bit-button {
border-radius:0px !important;
}
.bit-upcoming-events-show-all-button {
font-family:'trypewriter', Arial;
}
.bit-widget .bit-offers {
background-color:#a34134 !important;
color:#FFF !important;
border:0 none !important;
padding:10px 20px !important;
}
.bit-widget .bit-offers:hover {
opacity:0.9 !important;
}
.yotu-player {
box-shadow:0 0 0 0!important;
}
.yotu-player,
.yotu-player iframe {
border-radius:20px !important;
box-shadow:0 !important;
}
h3.yotu-video-title {
font-size:14px !important;
text-align:center !important;
}
#signup {
background:url(//kashusculpepper.com/wp-content/themes/kc24/images/bg-signup.jpg) top center no-repeat;
background-size:cover;
padding:100px 0;
margin:80px 0 0 0;
}
#signup-form {
margin:40px 0 0 0;
}
#field {
float:left;
margin:0 2% 10px 2%;
width:46%;
}
#field.full {
float:none;
clear:both !important;
margin:0 2% 10px 2%;
width:96%;
}
#field input {
width:100%;
display:block;
background-color:transparent;
font-family:'trypewriter', Arial;
color:#000;
text-align:center;
font-size:18px;
padding:8px 0;
outline:0 none;
border-top:0;
border-left:0;
border-right:0;
border-bottom:2px solid #000;
border-radius:0;
}
#field input::placeholder {
color:#3d3d3d;
}
#field input:focus {
border-top:0;
border-left:0;
border-right:0;
border-bottom:3px solid #a34134;
outline:0 none;
}
#submit-btn {
width:30%;
margin:50px auto 0 auto;
}
#submit-btn input {
background-color:#a34134;
width:100%;
display:block;
text-align:center;
outline:0;
color:#FFF;
font-size:18px;
padding:10px 0;
border:0 none;
font-family:'trypewriter', Arial;
text-transform:uppercase;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
#submit-btn input:hover {
cursor:pointer;
background-color:#FFF;
color:#a34134;
}
.mc4wp-response {
text-align:center !important;
margin:30px auto 0 auto !important;
}
.mc4wp-alert.mc4wp-error {
color:#a34134 !important;
}
.mc4wp-alert.mc4wp-success {
color:#000 !important;
}
#signup-privacy {
text-align:center;
margin:80px 0 0 0;
font-size:14px;
}
#signup-privacy a {
color:#000;
text-decoration:underline;
}
#signup-privacy a:hover {
color:#000;
text-decoration:none;
}
footer {
padding:15px 20px;
font-size:12px;
background-color:#a34134;
}
footer span.copyright-icon {
font-family:Arial;
}
footer #left {
float:left;
}
footer #right {
float:right;
}
footer a {
color:#FFF;
text-decoration:underline;
}
footer a:hover {
color:#000;
text-decoration:underline;
}
#foot-socials li {
display:inline-block;
margin:0 0 0 7px;
font-size:14px;
line-height:100%;
}
#foot-socials li svg {
fill:#FFF;
height:14px;
width:auto;
vertical-align:text-bottom;
margin-bottom:2px;
}
#foot-socials li svg:hover {
fill:#FFF;
}
#foot-socials li a {
color:#FFF;
}
#foot-socials li a:hover {
color:#FFF;
}
@media all and (min-width:1200px) {
#nav-trigger,
nav#nav-mobile {
display:none;
}
}
@media all and (max-width:1200px) {
#nav-trigger,
nav#nfav-mobile {
display:inherit;
}
nav#main {
display:none;
}
header > #socials {
display:none;
}
}
@media all and (max-width:1100px) {
#feature-img {
height:100vh;
width:100vw;
overflow:hidden;
background:url(//kashusculpepper.com/wp-content/themes/kc24/images/feature-img-2_mobile.jpg) top center no-repeat;
background-size:cover;
}
#container {
width:86%
margin:0 7%;
}
#music ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:30px;
}
#signup {
padding:60px 0;
}
footer {
padding:20px 0;
text-align:center;
}
footer #left {
float:none;
margin:0;
}
footer #right {
float:none;
margin:0 auto 20px auto;
}
}
@media all and (max-width:900px) {
.nav-icon3 span {
background: #FFF;
}
nav#nav-mobile ul > ul#socials li {
margin:0 6px;
}
nav#nav-mobile ul > ul#socials a {
font-size:20px;
}
nav#nav-mobile ul > ul#socials li svg {
height:20x;
}
.bit-event {
text-align:center !important;
}
#music ul {
grid-template-columns: 1fr;
}
body .yotu-mode-grid li, body .yotu-mode-grid[class*=' yotu-column-'] li, body .yotu-mode-grid[class^='yotu-column-'] li {
width: 46% !important;
margin: 0 2% 4% 2% !important;
}
}
@media all and (max-width:760px) {
header #logo img {
max-width:75%;
height:auto;
margin-top:4px;
}
}