body {
height: 100%;
background: #1f1f1f;
}
html {
height: 100%;
}
.navbar-nav li a:hover, 
.navbar-nav li a:focus {
outline:none;
outline-offset: 0;
text-decoration:none;  
background: transparent;
}
a:hover {
text-decoration: none;
}
a {
-webkit-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Dosis', sans-serif;
}
h2 {
margin-top: 0;
}
.site-header {
position: relative;
z-index: 999;
}
.page-header,
h1.page-title {
border: 0;
padding: 0;
margin: 0 0 30px !important;
font-size: 30px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
}
.page .wpb_row {
margin-bottom: 30px;
}
* .wpb_row:last-child {
margin-bottom: 0 !important;
}
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
}
.preloader > i {
background: url(//mollyhatchet.com/MollyHatchet/wp-content/themes/vocal/images/vocal-preloader.svg) no-repeat 50% 50%;
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
display: inline-block;
}
select {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
background-color: transparent;
background-image: none;
border: 1px solid rgba(255, 255, 255, .3);
border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
select:hover {
border-color: rgba(255, 255, 255, .5);
}
select:focus {
outline: none;
}
label {
font-weight: 500;
}
.vocal-share{
margin-top: 15px;
} .btn {
border-radius: 3px;
}
.btn.btn-primary{
border: 0;
}
button, input[type="submit"] {
border: 0 !important;
background-image: none;
padding: 5px 10px;
border-radius: 3px;
-webkit-transition: 300ms;
transition: 300ms;
outline: 0;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="password"] {
background: transparent;
border: 1px solid rgba(255,255,255,.3);
} .page-template-homepage2 .header{
margin-bottom: 0 !important;
} .site-header .social-icons {
margin: 0;
}
.site-header .social-icons > ul {
list-style: none;
padding: 0;
margin: 0 -2px;
}
.site-header .social-icons > ul > li {
display: inline-block;
margin: 0 2px;
height: 90px;
line-height: 90px;
}
.site-header .social-icons > ul > li > a {
font-size: 16px;
line-height: 16px;
}
#navigation {
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
}
#navigation .navbar-brand {
height: 90px;
line-height: 90px;
display: table;
padding: 0;
margin: 0;
}
#navigation a.navbar-brand h1 {
display: table-cell;
vertical-align: middle;
margin: 0;
color:#fff;
font-size: 42px;
}
#navigation .navbar-header .navbar-toggle {
margin: 28px 0 0 0;
border-color: rgba(255,255,255,.2);
box-shadow: none;
-webkit-box-shadow: none;
}
#navigation .navbar-header .navbar-toggle:hover,
#navigation .navbar-header .navbar-toggle:focus {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
#main-menu .navbar-nav > li {
margin: 0;
padding: 0;
}
#main-menu .navbar-nav > li > a {
color: #FFFFFF;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
height: 90px;
line-height: 90px;
padding: 0 10px;
}
#main-menu .navbar-nav > li.menu-item-has-children > a:after{
content: " \f107";
font-family: "FontAwesome";
}
#main-menu .navbar-nav > li.active > a, 
#main-menu .navbar-nav > li:hover > a {
background:transparent;
}
#main-menu .navbar-nav > li:hover > ul.sub-menu{
display: block;
-webkit-animation: fadeInUp 300ms;
animation: fadeInUp 300ms;
} #main-menu ul.sub-menu{
position: absolute;
top: 90px;
left: 0;
list-style: none;
padding: 0;
margin: 0;
width: 200px;
display: none;
z-index: 1;
}
#main-menu ul.sub-menu.megamenu{
padding: 15px;
}
#main-menu .mega-child > ul.sub-menu{
position: relative;
top: auto;
left: auto;
background: transparent;
display: block;
}
#main-menu ul.megamenu.megacol-4{
width: 880px;
}
#main-menu ul.megamenu.megacol-3{
width: 660px;
}
#main-menu ul.megamenu.megacol-2{
width: 440px;
}
#main-menu ul.megamenu.megacol-1{
width: 220px;
}
#main-menu ul.megamenu > li{
display: block;
padding: 15px;
margin: 0;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#main-menu ul.megamenu.megacol-4 > li{
width: 25%;
}
#main-menu ul.megamenu.megacol-3 > li{
width: 33%;
}
#main-menu ul.megamenu.megacol-2 > li{
width: 50%;
}
#main-menu ul.megamenu.megacol-1 > li{
width: 100%;
} #main-menu li.mega-child ul.sub-menu{
width: auto;
}
#main-menu li.has-megamenu {
position: inherit;
}
#main-menu li.menu-item-has-children.mega-child > a{
text-transform: uppercase;
padding: 10px 15px 7px;
font-weight: bold;
}
#main-menu li.menu-item-has-children.mega-child > a,
#main-menu li.menu-item-has-children.mega-child:hover > a,
#main-menu li.menu-item-has-children.mega-child.active > a{
color: #fff;
background: transparent;
}
#main-menu li.menu-item-has-children.mega-child.active > ul{
list-style: none;
padding: 0;
margin: 0;
}
#main-menu ul.sub-menu li {
padding: 0;
margin: 0;
display: block;
}
#main-menu ul.sub-menu li > a{
display: block;
margin: 0;
padding: 8px 15px;
color: #fff;
}
#main-menu ul.sub-menu li:hover > a {
color: #fff;
}
#main-menu .sub-menu li.active > a,
#main-menu .sub-menu li:hover > a{
background-color: rgba(0,0,0,.1);
} #main-menu ul li ul li.menu-item-has-children.has-menu-child{
position: relative;
}
#main-menu ul li ul li.menu-item-has-children.has-menu-child > a:after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
right: 10px;
}
#main-menu ul li ul li.menu-item-has-children.has-menu-child ul.sub-menu{
display: none;
position: absolute;
left: 200px;
top: 0;
}
#main-menu ul li ul li.menu-item-has-children.has-menu-child:hover ul.sub-menu{
display: block;
-webkit-animation: fadeInUp 300ms;
animation: fadeInUp 300ms;
} @media only screen and (max-width : 1200px) {
#main-menu .navbar-nav > li > a {
font-size: 12px;
padding: 0 8px;
}
#main-menu ul.megamenu.megacol-4{
width: 720px;
}
#main-menu ul.sub-menu.megamenu {
margin-left: -100px;
}
}
@media only screen and (max-width : 992px) {
#main-menu ul.sub-menu.megamenu {
margin-left: -150px;
}
} #mobile-menu .navbar-nav {
margin-top: 0;
margin-bottom: 0;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-top: 0 !important;
}
#mobile-menu ul {
list-style: none;
background: rgba(0,0,0,.5);
padding-top: 10px;
padding-bottom: 10px;
}
#mobile-menu ul li a {
padding-top: 7px;
padding-bottom: 7px;
color: #888;
display: block;
}
#mobile-menu ul li:hover > a,
#mobile-menu ul li.active > a {
color: #fff;
}
#mobile-menu ul ul {
padding-left: 30px;
}
#mobile-menu ul li span.menu-toggler {
display: inline-block;
width: 34px;
cursor: pointer;
color: #fff;
height: 34px;
line-height: 34px;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 99;
}
#mobile-menu ul li span.menu-toggler i {
display: block;
line-height: 34px;
}
#mobile-menu ul li span.menu-toggler .fa-angle-right,
#mobile-menu ul li span.menu-toggler.collapsed .fa-angle-down {
display: none;
}
#mobile-menu ul li span.menu-toggler .fa-angle-down,
#mobile-menu ul li span.menu-toggler.collapsed .fa-angle-right {
display: block;
}
#mobile-menu .navbar-nav>.active>a,
#mobile-menu .navbar-nav>.active>a:hover,
#mobile-menu .navbar-nav>.active>a:focus {
color: #fff;
background: rgba(255,255,255,.15);
}
@media only screen and (max-width : 768px) {
#masthead.sticky {
position: inherit !important;
}
} .entry-header {
margin-bottom: 20px;
}
.entry-header .entry-title {
font-size: 30px;
font-weight: 700;
margin: 0;
}
.entry-meta {
display: block;
margin-top: 5px;
}
.entry-meta span {
display: inline-block;
margin-right: 10px;
font-size: 12px;
text-transform: uppercase;
}
.entry-meta span i {
display: inline-block;
margin-right: 5px;
}
.entry-meta span a,
.entry-meta span {
color: #fff;
}
.entry-content a.more-link {
font-weight: bold;
display: block;
margin: 20px 0 0;
}
.entry-content-audio,
.entry-content-video,
.entry-content-gallery,
.entry-content-image,
.entry-thumbnail {
margin-bottom: 20px
}
.entry-content img.size-full {
margin-bottom: 10px;
}
.post-navigation a i {
font-size: 18px;
margin: 0 5px;
}
.entry-meta .tag-links {
margin-top: 20px;
}
.single-video .entry-meta .tag-links{
margin-top: 10px;
}
.entry-meta .tag-links a {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 0 2px 2px 0;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 300;
line-height: 1.2727272727;
margin: 2px 4px 2px 10px;
padding: 3px 7px;
position: relative;
text-transform: uppercase;
}
.entry-meta .tag-links a:hover {
color: #fff;
}
.entry-meta .tag-links a:before {
border-top: 10px solid transparent;
border-right: 8px solid rgba(255, 255, 255, 0.3);
border-bottom: 10px solid transparent;
content: "";
height: 0;
position: absolute;
top: 0;
left: -8px;
width: 0;
}
.entry-meta .tag-links a:after {
background-color: #fff;
border-radius: 50%;
content: "";
height: 4px;
position: absolute;
top: 8px;
left: -2px;
width: 4px;
}
.video-block{
position: relative;
margin: 0 0 20px 0;
width: 100%;
overflow: hidden;
}
.video-block .fluid-width-video-wrapper{
width: 100%;
position: relative;
padding: 0;
padding-top: 56.2%!important;
} .wp-playlist {
border: none;
background: transparent;
padding: 0 !important;
position: relative;
}
.wp-playlist .mejs-container {
height: 75px !important;
margin-bottom: 20px;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-layers,
.wp-playlist .wp-playlist-current-item img {
display: none !important;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-play,
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-pause {
height: 75px;
width: 75px;
line-height: 75px;
margin-right: 10px;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-play button,
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-pause button {
padding: 0;
margin: 0;
border: 0;
background: none;
box-shadow: none;
-webkit-box-shadow: none;
width: 75px;
height: 75px;
line-height: 75px;
position: relative;
color: #fff;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-play button:after,
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-pause button:after {
font-size: 36px;
font-family: "FontAwesome";
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-play button:after {
content: "\f04b";
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-pause button:after {
content: "\f04c";
}
.wp-playlist.wp-playlist-light {
background: transparent;
border: none;
}
.wp-playlist-current-item img {
display: none;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls {
height: 75px;
overflow: hidden;
background: #fff;
position: relative;
margin-bottom: 8px;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-time.mejs-currenttime-container,
.wp-playlist .mejs-container.mejs-audio  .mejs-time.mejs-duration-container,
.wp-playlist .mejs-container.mejs-audio  .mejs-controls div.mejs-time-rail,
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-mute,
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-unmute,
.wp-playlist .mejs-container.mejs-audio  .mejs-horizontal-volume-slider.mejs-mute,
.wp-playlist .mejs-container.mejs-audio  .mejs-horizontal-volume-slider.mejs-unmute{
margin-top: 40px;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-mute button,
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-unmute button {
box-shadow: none;
-webkit-box-shadow: none;
background: none;
position: relative;
line-height: 16px;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-mute button:after,
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-unmute button:after {
font-size: 14px;
font-family: "FontAwesome";
color: #a1a1a1;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-button button:focus {
outline: 0;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-mute button:after {
content: "\f028";
}
.wp-playlist .mejs-container.mejs-audio  .mejs-button.mejs-volume-button.mejs-unmute button:after {
content: "\f026";
}
.wp-playlist .mejs-container.mejs-audio  .mejs-time.mejs-currenttime-container span,
.wp-playlist .mejs-container.mejs-audio  .mejs-time.mejs-duration-container span {
color: #999 !important;
}
.wp-playlist .wp-playlist-current-item {
overflow: hidden;
margin-bottom: 0;
height: auto;
position: absolute;
z-index: 1;
left: 85px;
top: 15px;
font-weight: bold;
right: 20px;
display: block;
}
.wp-playlist .wp-playlist-caption {
width: auto;
max-width: 100%;
color: #777;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-time-rail .mejs-time-total,
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #a1a1a1;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #888;
}
.wp-playlist .mejs-container.mejs-audio  .mejs-controls .mejs-time-rail .mejs-time-float {
border: 0;
color: #fff;
z-index: 3;
}
.wp-playlist .wp-playlist-tracks {
margin: 10px 0 20px;
padding: 0;
max-height: 210px;
overflow-x: hidden;
overflow-y: scroll;
}
.wp-playlist .wp-playlist-tracks .wp-playlist-item {
background: none;
display: block;
padding: 7px 0;
border-bottom: 1px solid rgba(255,255,255,.2);
list-style: none;
font-size: 13px;
font-weight: normal;
}
.wp-playlist .wp-playlist-tracks .wp-playlist-item a {
color: #a3a3a3;
} .gallery-slide {
margin-top: 25px;
}
.blog-gallery-slider .carousel-control{
top: 45%;
width: 10%;
text-shadow:none;
bottom: auto;
background: none;
opacity: .8;
}
.blog-gallery-slider .carousel-control i {
font-size: 36px;
line-height: 36px;
}
.download-image {
position: relative;
top: -25px;
font-weight: 400;
} .pagination {
background: rgba(0,0,0,0.5);
height: 40px;
display: block;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.pagination >li>a,
.pagination >li>span {
background: none;
border: 0;
padding: 0 20px;
height: 40px;
line-height: 40px;
color: #fff;
border-radius: 0 !important;
} .single-post article.post {
margin-bottom: 30px;
}
.author-title,
.comments-title,
.share-title,
.comment-reply-title{
margin: 40px 0;
font-size: 30px;
font-weight: 400;
}
.comment-list .media-heading {
text-transform: capitalize;
font-weight: 300;
}
ul.comment-list {
padding: 0;
}
.comment-list ul.children {
padding-left: 90px;
}
.comments .media .pull-left, 
.author-info .media .pull-left {
margin-right: 20px;
position: relative;
}
.comment-date {
font-size: 13px
}
.comment-context.media-body {
border-bottom: 1px solid rgba(255,255,255,.2);
padding-bottom: 20px;
margin-bottom: 20px;
}
.comment-respond form.comment-form .input-box input {
width: 100%;
margin-bottom: 15px;
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
background-color: rgba(0,0,0,.3);
border: 1px solid rgba(255,255,255,.2);
border-radius: 4px;
box-shadow: none;
-webkit-box-shadow: none;
height: 35px;
padding: 6px 12px;
outline: 0;
width: 100%;
}
textarea{
width: 100%;
min-height: 160px;
margin: 0 0 15px;
} .form-control {
background: #000;
border: 1px solid #656462;
border-radius: 2px;
}
.comment-respond .logged-in-as {
margin-left: 15px;
}
.comment-head,.comment-reply {
display: inline-block;
}
div.comment-reply {
margin-left: 30px;
}
div.comment-reply span.edit-link {
margin-right: 10px;
}
.comments {
margin-top: 30px
}
.comment-body div.comment-reply {
opacity: 0;
-webkit-transition: opacity 400ms;
-moz-transition: opacity 400ms;
-o-transition: opacity 400ms;
transition: opacity 400ms;
}
.comment-body:hover div.comment-reply {
opacity: 1;
} .social-share ul {
display: block;
list-style: none;
padding: 0;
margin:0;
}
.social-share ul li {
display: inline-block;
font-size: 24px;
margin: 0 5px;
max-width: 55px;
}
.social-share ul li a {
color: #fff;
} h3.widget_title {
margin-top: 0;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 20px;
} .widget-blog-posts .entry-title {
font-size: 16px;
margin: 0 0 8px;
font-weight: bold;
}
.widget-blog-posts .media {
margin-top: 20px;
}
.widget-blog-posts .media:first-child {
margin-top: 0;
}
.widget-blog-posts .entry-meta span i,
.widget-blog-posts .entry-meta span a,
.widget-blog-posts .entry-meta span a:hover {
color: #fff;
} .widget ul{
padding: 0;
margin: 0;
list-style: none;
}
#sidebar .widget_categories ul li a:before {
content: "\f105";
font-family: FontAwesome;
font-size: 20px;
padding-right:10px; 
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
#sidebar .widget_categories ul li a{
color:#fff;
text-decoration: none;
font-size: 16px;
} .widget .tagcloud a {
padding: 5px 8px;
background: #f5f5f5;
border-radius: 3px;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
font-size: 14px !important;
text-transform: capitalize;
} #wp-calendar {
margin: 0 auto;
width: 100% !important;
}
#wp-calendar th {
background: none;
border: 1px solid #1B1B1B;
padding: 4px 6px !important;
text-align: center;
font-weight: 400;
color: #FFF;
background: rgba(0, 0, 0, 0.5);
}
#wp-calendar td {
border: 1px solid #1B1B1B;
padding: 4px 6px !important;
text-align: center;
color: #999;
background: rgba(0, 0, 0, 0.5);
}
#wp-calendar td.pad{
background: none;
}
#wp-calendar #today {
background: #EC5538;
color: #FFF
}
#wp-calendar #today a {
color: #FFF;
}
#wp-calendar caption {    
text-align: center;
background: none;
color: #FFF;
padding: 6px 0;
background: #EC5538;
margin-bottom: 0;
margin-top: 0;
}
dt {
font-weight: 700;
font-size: 16px;
padding: 10px 0 0;
}
dd {
padding: 10px 0;
margin: 0 0 0 40px;
}
table {
background:transparent !important;
text-align:center;
border-collapse:collapse;
margin: 0 0 30px;
padding:0;
width:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
table th {
font-size:14px;
font-weight:normal;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:center;
padding:16px 12px;
color:#ffffff;
text-shadow:none;
}
table th, table td {
border-top: 1px solid #020202
}
table td { 
padding:14px 7px 14px 7px;
text-align: center;
}
table tr {
border-bottom:1px solid #1B1B1B;
-webkit-transition:all .2s;
-o-transition:all .2s;
}
table tfoot td {
padding:10px 16px;
text-align: left;
background: #141414;
color:#ffffff;
font-size:11px;
text-shadow:none;
} .widget .recentcomments {
text-transform: capitalize;
}
.widget .recentcomments a {
display: block !important;
} .shortcode-latest-blogs .media {
margin-top: 30px;
}
.shortcode-latest-blogs .media:first-child {
margin-top: 0;
}
.shortcode-latest-blogs .entry-content {
margin-top: 5px;
}
.shortcode-latest-blogs .media>.pull-left {
margin-right: 20px;
position: relative;
}
.shortcode-latest-blogs .entry-date {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 40px;
text-align: center;
font-size: 12px;
text-transform: uppercase;
}
.shortcode-latest-blogs .entry-date span {
display: block;
line-height: 20px;
font-size: 20px;
margin-top: 2px;
}
@media only screen and (max-width : 768px) {
.shortcode-latest-blogs .media>.pull-left {
float: none !important;
margin-bottom: 20px;
}
} .upcoiming-event-timer-wrapper {
min-height: 680px; 
position: relative;
}
.upcoiming-event-timer {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 95px;
}
h2.home-event-title{
font-size: 72px;
color: #FFF;
font-weight: 700;
line-height: 72px;
text-transform: uppercase;
}
.home-countdown-timer span {
display: inline-block;
font-size: 24px;
text-transform: uppercase;
margin-right: 10px;
font-weight: 700;
}
.event-details-link {
display: block;
margin-top: 35px;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.past-event-meta .entry-title{
margin-top: 0;
} @media only screen and (max-width : 768px) {
.upcoiming-event-timer-wrapper {
min-height: 480px;
}
h2.home-event-title{
font-size: 48px;
line-height: 48px;
}
.home-countdown-timer span {
font-size: 14px;
line-height: 14px;
margin-right: 5px;
margin-bottom: 10px;
}
.event-details-link {
font-size: 16px;
}
} .shortcode-upcoming-event .events {
position: relative;
height: auto;
margin: auto;
}
.shortcode-upcoming-event .entry-date {
padding: 0px;
height: 215px;
text-align: center;
}
.shortcode-upcoming-event .entry-date span.entry-date-day {
display: block;
font-size: 60px;
line-height: 60px;
overflow: hidden;
margin: 0px;
font-weight: 700;
padding-top: 55px;
}
.shortcode-upcoming-event .entry-date span.entry-date-month {
display: block;
font-size: 36px;
font-weight: 300;
text-transform: uppercase;
}
.shortcode-upcoming-event .item-date-wrapper {
position: absolute;
top: 88px;
left: 88px;
background: #fff;
width: 164px;
z-index: 999;
height: 40px;
margin: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.shortcode-upcoming-event .flexslider .item-date {
padding: 0px 0px 0;
height: 30px;
}
.shortcode-upcoming-event .flexslider .item-date li:first-child,.shortcode-upcoming-event .flexslider .item-date li:last-child{
border-left: 0px solid #ddd;
border-right:none;
}
.shortcode-upcoming-event .flexslider .item-date li {
cursor: pointer;
width: 40px!important;
height: 40px;
border-right: 1px solid #ddd;
margin-bottom: 1px;
color: #666;
}
.shortcode-upcoming-event .flexslider .item-date li span {
margin-top: 10px;
}
.shortcode-upcoming-event .flexslider .flex-direction-nav a {
width: 10px;
height: 20px;
cursor: pointer;
}
.shortcode-upcoming-event .flexslider .flex-direction-nav a.flex-next{
position: absolute;
height: 40px;
width: 26px;
background: #fff;
left: 163px;
top: 20px;
}
.shortcode-upcoming-event .flexslider .flex-direction-nav a.flex-prev{
position: absolute;
height: 40px;
width: 27px;
background: #fff;
left: -26px;
top: 20px;
}
.shortcode-upcoming-event .flexslider .flex-direction-nav a:before {
font-size: 14px;
}
.shortcode-upcoming-event .event-content {
padding-left: 40px;
}
.shortcode-upcoming-event .event-short-desc .event-content ul{
padding: 0;
list-style-type: none;
}
.shortcode-upcoming-event .event-short-desc .event-content ul li{
line-height: 26px;
}
.shortcode-upcoming-event .event-content h3{
font-size: 30px;
line-height: 30px;
margin-top: 0;
margin-bottom: 10px !important;
}
.shortcode-upcoming-event .event-content span {
font-size: 18px;
padding: 2px 0;
}
.shortcode-upcoming-event .event-content span.event-head {
color: #fff;
width: 25%;
display: inline-block;
}
.shortcode-upcoming-event .event-content span.event-details {
color: #9B9B9B;
}
.shortcode-upcoming-event .item-date li span {
margin-left: 13px;
}
.shortcode-upcoming-event .events #carousel .slides li span {
display: inline-block;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.flexslider.item-date-wrapper ul li.flex-active-slide{
position: relative;
z-index: 1;
}
.flexslider.item-date-wrapper ul li.flex-active-slide span{
z-index: 10;
color: #fff;
}
.event-content-inner .carousel li{
margin-right: 0;
} .event .media {
margin-bottom: 30px;
background-color: rgba(0, 0, 0, 0.5);
}
.events .event.type-event:last-child .media {
margin-bottom: 0;
}
.event .media .pull-left,
.event .media .media-body {
position: relative;
}
.event .media .media-body {
padding: 30px 20px 20px 80px;
}
.event .media .media-body .media-heading {
margin: 0 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 30px;
}
.pull-left .event-tabs {
list-style: none;
padding: 0;
margin: 0;
display: block;
position: absolute;
right: -60px;
top: 0;
bottom: 0;
width: 60px;
}
.media .pull-left .event-tabs li {
display: block;
width: 60px;
height: 33.333333%;
text-align: center;
}
.event .pull-left .event-tabs li a {
display: table;
cursor: pointer;
width: 100%;
height: 100%;
color: #fff;
position: relative;
z-index: 1;
}
.event .pull-left .event-tabs li.tab-first a {
background: rgba(255,255,255,.2);
}
.event .pull-left .event-tabs li.tab-third a {
background: rgba(0,0,0,.1);
}
.event .pull-left .event-tabs li a > span {
display: table-cell;
vertical-align: middle;
}
.event .pull-left .event-tabs li a > span.date span {
display: block;
font-size: 24px;
line-height: 24px;
}
.event .pull-left .event-tabs li a .fa {
font-size: 24px;
line-height: 24px;
}
.event-tab .event-tab-content {
position: relative;
width: 100%;
height: 100%;
}
.event-tab .tab-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0; 
}
.event-tab .tab-item.active {
z-index: 1;
}
ul.event-content {
list-style: none;
padding: 0;
margin: 0;
}
ul.event-content li {
display: block;
margin: 5px 0;
}
ul.event-content li span.heading-side {
display: inline-block;
width: 25%;
font-weight: bold;
}
ul.event-content li span.info-side {
color: #999;
}
.page-event-details h2 {
margin: 40px 0 30px 0;
}
.events-grid .event .media .media-body{
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.events-grid .event-tabs {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
text-align: center;
width: 100%;
background: #ea4525;
}
.events-grid .event-tabs li{
display: table-cell;
width: 1%;
}
.events-grid .event-tabs li a{  
display: block;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 24px;
color:#fff;
}
.events-grid .event-tabs li.tab-first a{
background: rgba(255,255,255,.2);
}
.events-grid .event-tabs li.tab-third a{
background: rgba(0,0,0,.1);
}
.events-grid ul.event-content li span.heading-side{
width: 30%;
}
.events-grid .event-tabs .date span{
margin-left: 5px;
}
.events .box.vocal-pager,
.events-grid .box.vocal-pager,
.gallery .box.vocal-pager,
.videos .box.vocal-pager,
.blog .box.vocal-pager,
.page-template-blog-masonry .box.vocal-pager,
.woocommerce-page .box.vocal-pager,
.page-template-blog-masonry-3 .box.vocal-pager{
padding-top: 0px;
}
.woocommerce-page .box.vocal-pager,
.gallery>.box:first-child,
.videos>.box:first-child{
padding-bottom: 0;
}
.blog .site-content.box,
.page-template-blog-masonry .site-content.box,
.page-template-blog-masonry-3 .site-content.box{
padding-bottom: 1px;
}
.woocommerce-product-gallery-cons {
float: left;
width: 33.3333%;
margin-bottom: 1em;
margin-top: 20px;
padding: 5px;
} .woocommerce .products {
}
.woocommerce .products .product {
margin-bottom: 30px !important;
width: 32.333333%;
list-style: none;
display: inline-block;
min-height: 1px;
padding: 15px;
} @media only screen and (max-width : 1200px) {
.shortcode-upcoming-event .item-date-wrapper {
left: 54px;
}
.shortcode-upcoming-event .event-content {
padding-left: 30px;
}
} @media only screen and (max-width : 768px) {
.shortcode-upcoming-event .item-date-wrapper {
left: -62px;
}
.shortcode-upcoming-event .event-content {
margin-top: 30px;
padding-left: 0;
}
}
@media only screen and (max-width : 480px) {
.event.type-event .media .pull-left {
float: none !important;
}
.event.type-event .media .pull-left img {
width: 100%;
}
.pull-left .event-tabs {
right: 0;
}
.event .media .media-body {
padding: 20px;
}
.single-event #event-countdown {
height: 80px;
}
.single-event #event-countdown .countdown-section {
padding: 20px 0;
}
.single-event #event-countdown .countdown-section span.countdown-amount {
font-size: 24px;
line-height: 30px;
}
.single-event #event-countdown .countdown-section span.countdown-period {
font-size: 16px;
line-height: 20px;
}
.single-event .event-date-time .event-date i,
.single-event .event-date-time .event-time i {
font-size: 18px;
height: 40px;
line-height: 40px;
width: 40px;
margin-right: 10px;
}
.single-event .event-date-time .event-date,
.single-event .event-date-time .event-time {
font-size: 14px;
}
.single-event #pricing-table .pricing-plan {
margin-bottom: 20px;
}
.single-event #pricing-table .pricing-plan:last-child {
margin-bottom: 0;
}
} .call-to-action h2 {
margin-top: 0;
}
.call-to-action .lead {
margin-bottom: 0;
}
.call-to-action .btn {
margin-top: 13px;
}
@media only screen and (max-width : 768px) {
.call-to-action .text-right {
text-align: left;
}
} .footer, .bg {
display: block;
margin-top: 25px;
overflow: hidden;
} .bottom {
margin-top: 30px;
}
.bottom .widget h3.widget_title {
margin-bottom: 15px;
font-size: 24px;
line-height: 24px;
}
.bottom ul > li > a{
display: block;
padding: 3px 0;
}
.bottom ul > li:first-child {
padding-top: 0;
}
.bottom ul > li:last-child {
padding-bottom: 0;
}
.list-layout .themeum-tweet-item:first-child {
padding-top: 0;
}
.list-layout .themeum-tweet-item {
padding: 7px 0;
}
.themeum-tweet .tweet-meta {
font-size: 12px;
text-transform: uppercase;
}
.themeum-tweet .list-layout .themeum-tweet-item {
border-bottom: none;
}
@media only screen and (max-width : 992px) {
.bottom-widget {
margin-bottom: 20px;
}
} .footer{
margin-top: 30px;
text-align: center;
}  #event-countdown {
background-repeat: no-repeat;
background-position-y: 25%;
background-size: cover;
height: 250px;
margin-bottom: 30px;
}
#event-countdown .countdown-section {
display: inline-block;
width: 25%;
text-align: center;
padding: 70px 0;
}
#event-countdown .countdown-section span.countdown-amount {
font-size: 72px;
font-weight: bold;
line-height: 65px;
display: block;
}
#event-countdown .countdown-section span.countdown-period {
font-size: 30px;
font-weight: normal;
line-height: 45px;
display: block;
text-transform: uppercase;
} .overlay-outer {
position: relative;
overflow: hidden;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
-webkit-transition: opacity 1000ms cubic-bezier(0.190,1.000,0.220,1.000), -webkit-transform 1000ms cubic-bezier(0.190,1.000,0.220,1.000);
transition: opacity 1000ms cubic-bezier(0.190,1.000,0.220,1.000), transform 1000ms cubic-bezier(0.190,1.000,0.220,1.000);
}
.overlay-outer:hover .overlay{
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.overlay-info {
position: absolute;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: opacity 800ms cubic-bezier(0.190,1.000,0.220,1.000), -webkit-transform 800ms cubic-bezier(0.190,1.000,0.220,1.000);
transition: opacity 800ms cubic-bezier(0.190,1.000,0.220,1.000), transform 800ms cubic-bezier(0.190,1.000,0.220,1.000);
}
.overlay-info > div {
padding: 50px 20px 20px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.8)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
}
.overlay-info h3 {
margin: 0;
padding: 0;
}
.overlay-info h3 span {
font-size: 14px;
line-height: 14px;
display: block;
margin-top: 5px;
font-weight: 300;
color: rgba(255,255,255,.8);
}
.overlay-outer img {
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
width: 100%;
}
.overlay-outer:hover > img {
-webkit-transform: scale(1.2, 1.2) translateZ(0);
transform: scale(1.2, 1.2) translateZ(0);
}
.overlay-outer:hover .overlay-info {
opacity: 0;
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
}
.overley-content.performer-details h3 {
margin: 0;
}
.performer-position {
font-size: 18px;
margin-bottom: 10px
}
.event-performers {
position: relative;
}
.perfomer .controller {
position: absolute;
top:-30px;
right: 0;
}
.perfomer .controller a {
font-size: 25px;
}
.perfomer .controller a:hover {
color:#fff;
}
.single-performer h3.title {
position: absolute;
bottom: 0;
font-size: 20px;
color: #fff;
font-weight: 600;
padding: 20px;
}
.single-performer h4 span {
font-weight: 300;
display: block;
color: #909090;
font-size: 18px;
}
.performer-details .details-title {
margin-top: 30px;
}
.performers ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
font-size: 0;
}
.performers ul li.perfomer-list {
width: 25%;
display: inline-block;
}
.overley-content {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
}
.overlay h3 a {
color: #FFFFFF;
}
.overlay span {
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
display: inline-block;
margin-top:-5px;
} .performers-grid .row {
margin-bottom: 30px;
} .media-performer .media-body {
padding: 20px;
}
.media-performer h3 {
margin-top: 10px;
margin-bottom: 0;
}
.media-performer .short-desc {
margin-bottom: 40px;
}
.media-performer .social-icons {
position: absolute;
bottom: 20px;
}
.performer-details .social-icons a:hover,
.media-performer .social-icons a:hover {
color: rgba(255, 255, 255, .7);
} .event-location {
margin-bottom: 30px;
} .social-icons {
margin-top: 20px;
}
ul.social-icons-list {
list-style: none;
padding: 0;
margin: 0;
display: block;
font-size: 0;
}
ul.social-icons-list li {
display: inline-block;
}
.social-icons {
margin: 20px -7px 0;
}
.social-icons a {
display: inline-block;
color: #FFFFFF;
font-size: 18px;
line-height: 18px;
margin: 0 5px;
}
.woo-cart > a {
border-left: 1px solid rgba(255, 255, 255, .3);
padding-left: 15px;
}
.box,
#sidebar .widget {
position: relative;
padding: 30px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
article.post {
margin-bottom: 50px;
}
#sidebar .widget {
margin-bottom: 30px;
}
.box .heading,
#sidebar .widget .heading {
text-transform: uppercase;
margin: 0 0 20px;
}
.owl-controls {
position: absolute;
top: 30px;
right: 25px;
}
.owl-control {
display: inline-block;
color: #fff;
font-size: 25px;
margin: 0 5px;
cursor: pointer;
}
.single-performer:hover .overlay {  
width: 100%;
height:100%;
display: block;
} .event-date-time .event-date,
.event-date-time .event-time {
min-height: 80px;
line-height: 80px;
position: relative;
background: #FFF;
color:#404040;
font-size: 26px;
}
.event-date-time .event-date i,
.event-date-time .event-time i {
font-size: 30px;
height: 80px;
line-height: 80px;
text-align: center;
width: 80px;
margin-right: 20px;
color:#fff;
}
.page-event-details .owl-controls {
top: 0;
right: 0;
}
.search-results article.page{
margin-bottom: 50px;
} ul.gallery-shortcode {
list-style: none;
padding: 0;
margin: 0;
}
ul.gallery-shortcode li {
float: left;
width: 33.33%;
padding: 0;
margin: 0;
background: none;
}
ul.gallery-shortcode li a {
display: block;
position: relative;
}
ul.gallery-shortcode li a img {
width: 100%;
}
ul.gallery-shortcode li a:before,
ul.gallery-shortcode li a:after {
content: " ";
position: absolute;
opacity: 0;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
ul.gallery-shortcode li a:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
ul.gallery-shortcode li a:after {
content:"\f00e";
font-family: "FontAwesome";
font-size: 16px;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
color: #fff;
}
ul.gallery-shortcode li a:hover:before,
ul.gallery-shortcode li a:hover:after {
opacity: 1;
} .pricing-plan {
background: #fff;
color: #787d84;
text-align: center;
padding: 30px 0;
}
.pricing-plan .plan-title {
margin: 0 0 10px;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
color: #666;
}
.pricing-plan .plan-price {
display: block;
font-size: 30px;
font-weight: bold;
margin: 0 0 10px;
}
.pricing-plan .plan-details {
text-transform: uppercase;
}
.pricing-plan .plan-action {
margin-top: 20px;
}
.pricing-plan ul {
margin: 0;
padding: 0;
list-style: none;
}
.featured .pricing-plan {
color: #fff;
}
.featured .pricing-plan .plan-price,
.featured .pricing-plan .plan-title {
color: #fff;
}
.featured .plan-action .btn {
box-shadow: 0 0 0 2px #fff;
-webkit-box-shadow: 0 0 0 2px #fff;
} .about img {
width:100%;
}
.about-content h2 {
color: #FFFFFF;
font-size: 30px;
line-height: 20px;
margin-bottom: 20px;
margin-top: 0;
}
.about-content p {
margin-bottom: 20px;
color: #dbdbdb;
font-size: 16px;
}
#team-member {
margin-top: 35px;
}
.latest-tour h2, 
#team-member h2 {
margin-bottom: 30px
}
.members {
padding: 0;
}
.members li {
float: left;
width: 20%;
list-style: none;
padding:0 17px;
}
.members li:last-child {
padding-right: 0px;
}
.members li:first-child {
padding-left: 0px;
}
.members li img {
width: 100%;
height: 290px
}
.members li p {
font-size: 20px;
color: #fff;
font-weight: 600;
margin-top: 10px
}
.members li p span {
display: block;
color: #909090;
font-size: 18px
}
.latest-tour {
margin-top: 5px;
padding-bottom: 40px;
}
.latest-tour img {
width: 100%;
height: 262px
}
.tour-image {
padding-right: 0
}
.tour-content {
display: block;
overflow: hidden;
padding: 25px;
height: 262px;
}
.tour-content h2 {
margin-bottom: 0;
margin-top: 0;
font-size: 24px;
}
.music {
margin-left: 35px
} #error-page {
background: url(//mollyhatchet.com/MollyHatchet/wp-content/themes/vocal/images/404.png) no-repeat 50%;
position: absolute;
top: 0;
bottom: 150px;
left: 0;
right: 0;
text-align: center;
}
.content-404{
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
}
.content-404 h2 {
font-size: 45px;
margin-bottom: 20px
} .albums .box {
padding-bottom: 0;
}
.albums .box.vocal-pager{
padding: 30px;
padding-top: 0px;
}
.album,
.video-content {
margin-bottom: 30px;
overflow: hidden;
}
.album-info.overlay-info p{
margin-bottom: 0;
}
.album-info ul {
list-style: none;
padding: 0;
margin: 0;
}
.album-info ul.album-info-list{
margin-bottom: 15px;
}
.related-albumbs {
margin-top: 30px;
}
.related-albumbs .album {
margin-bottom: 0;
}
.album.album-details,
.album-details .wp-playlist .wp-playlist-tracks,
.album-details .wp-playlist {
margin-bottom: 0;
}
.album-details .wp-playlist .wp-playlist-tracks{
max-height: 177px;
}
@media only screen and (max-width : 992px) {
.related-albumbs .col-xs-6 {
margin-bottom: 20px;
}
}
@media only screen and (max-width : 480px) {
.albums .col-xs-6,
.related-albumbs .col-xs-6 {
width: 100% !important;
}
} #event-map-layout {
height: 300px
} .comingsoon {
text-shadow: 0 0 3px rgba(0,0,0,.5);
}
.comingsoon.vertical-middle > div {
text-align: left;
}
.comingsoon .page-header {
font-size: 60px;
line-height: 60px;
margin-bottom: 40px;
}
.comingsoon .lead {
font-size: 30px;
width: 60%;
max-width: 100%;
margin-bottom: 30px;
}
.social-icons > ul {
list-style: none;
padding: 0;
margin: 0 -3px;
}
.social-icons > ul > li {
display: inline-block;
margin: 0 3px;
}
.social-icons > ul > li > a {
font-size: 24px;
line-height: 24px;
}
#comingsoon-countdown {
margin-bottom: 30px;
}
#comingsoon-countdown > div {
display: inline-block;
margin: 0 30px 0 0;
}
#comingsoon-countdown .countdown-amount {
display: block;
font-size: 48px;
line-height: 48px;
font-weight: bold;
}
#comingsoon-countdown .countdown-period {
font-size: 18px;
text-transform: uppercase;
} .vocal-map-content {
color: #666;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="url"],
.wpcf7-form-control-wrap textarea {
display: block;
width: 100%;
height: 46px;
padding: 10px 12px;
font-size: 14px;
line-height: 1.42857143;
margin-bottom: 20px !important;
outline: 0;
}
.wpcf7-form-control-wrap input:focus{
outline: 0;
box-shadow: none;
}
.social-icon ul {
list-style: none;
padding: 0;
margin: 15px -8px 0;
}
.social-icon li {
display: inline-block;
margin: 0 8px; 
}
.social-icon li span {
display: none;
}
.social-icon li a {
color: #fff;
font-size: 24px;
}
address {
line-height: 30px;
} .vocal-gallery-item {
position: relative;
margin: 10px 15px 50px;
}
.gallery-item-image {
background: #f5f5f5;
padding: 5px;
position: relative;
overflow: hidden;
z-index: 3;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.vocal-gallery-item:before,
.vocal-gallery-item:after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #f5f5f5;
}
.vocal-gallery-item:before {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
z-index: 2;
}
.vocal-gallery-item:after {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index: 1;
}
.gallery-item-title {
position: absolute;
bottom: 30px;
right: 5px;
display: inline-block;
background: #f5f5f5;
padding: 0px 20px;
z-index: 4;
height: 42px;
text-overflow: ellipsis;
overflow: hidden;
line-height: 42px;
}
.gallery-single {
margin-bottom: -30px
}
.gallery-item-image img,
.vocal-single-gallery img {
width: 100%;
}
.vocal-single-gallery {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.vocal-single-gallery * {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.vocal-single-gallery img {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition: -webkit-transform 500ms;
transition: -webkit-transform 500ms;
}
.gallery-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-transform: scale(.6);
transform: scale(.6);
-webkit-transition: opacity 500ms, -webkit-transform 500ms;
transition: opacity 500ms, transform 500ms;
}
.vocal-single-gallery:hover .gallery-overlay{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.vocal-single-gallery img {
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.vocal-single-gallery:hover img {
-webkit-transform: scale(1.2, 1.2) translateZ(0);
transform: scale(1.2, 1.2) translateZ(0);
}
.vertical-middle {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.vertical-middle > div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.gallery-preview {
display: inline-block;
color: #fff;
font-size: 36px;
line-height: 36px;
}
.gallery-preview:hover {
color: rgba(255, 255, 255, .8);
}
@media only screen and (max-width : 480px) {
.vocal-gallery-items .col-xs-6 {
width: 100% !important;
} 
} .chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
border-color: rgba(255, 255, 255, .15);
color: #fff;
height: 36px !important;
line-height: 36px !important;
}
.form-row .chosen-container-single .chosen-single div b,
.form-row .chosen-container-active .chosen-single-with-drop div b,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b,
.woocommerce-checkout .form-row .chosen-container-active .chosen-single-with-drop div b {
background-position: 0 8px !important;
}
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container .chosen-drop,
.chosen-container .chosen-results li.no-results {
background: #444 !important;
border-color: rgba(255, 255, 255, .15);
}
.chosen-container-single .chosen-search input[type="text"] {
border-color: #555;
background: #444;
} .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, 
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, 
.wpb_content_element .wpb_tabs_nav li:hover,
.vc_progress_bar .vc_single_bar,
.wpb_alert-info{
background-color: rgba(255, 255, 255, 0.15) !important;
}
.wpb_alert {
text-shadow:none !important;
}
.wpb_alert-info {
border:none !important;
}
.entry-content .wpb_button, 
.entry-content .wpb_content_element, 
.entry-content ul.wpb_thumbnails-fluid>li {
margin-bottom: 0;
} .woocommerce-tabs {
margin-top: 30px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: none;
width: auto;
}
.woocommerce span.onsale,
.woocommerce-page span.onsale {
}
.product_meta .posted_in {
margin: 0 15px;
}
.value .reset_variations {
display: inline-block;
}
.product-thumbnail-outer {
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.product-thumbnail-outer:after {
position: absolute;
content: " ";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.product-thumbnail-outer:hover:after {
opacity: 1;
}
.product-thumbnail-outer img {
margin-bottom: 0;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
width: 100%;
}
.product-thumbnail-outer:hover img {
-webkit-transform: scale(1.2, 1.2) translateZ(0);
transform: scale(1.2, 1.2) translateZ(0);
}
.product-thumbnail-outer .add_to_cart_button {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
z-index: 1;
width: 36px;
height: 36px;
line-height: 36px;
margin-top: -18px;
margin-left: -18px;
text-align: center;
border-radius: 3px;
opacity: 0;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
}
.product-thumbnail-outer:hover .add_to_cart_button {
opacity: 1;
}
.product-thumbnail-outer .add_to_cart_button:after {
font-family: "FontAwesome";
content: "\f07a";
}
.product-thumbnail-outer .add_to_cart_button.loading:after {
content: "\f110";
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.product-thumbnail-outer .add_to_cart_button.added:after {
content: "\f00c";
}
.product-thumbnail-outer .added_to_cart.wc-forward {
display: none;
}
.woo-cart-items > span {
border-radius: 3px;
font-size: 11px;
font-weight: normal;
line-height: 18px;
margin-right: 4px;
text-align: center;
width: 20px;
position: relative;
display: none;
}
.site-header .social-icons ul li.woo-cart a:hover .woo-cart-items {
color: #fff;
}
.woo-cart-items > span.cart-has-products {
display: inline-block;
}
.woo-cart-items > span:after {
content: " ";
position: absolute;
width: 0;
height: 0;
right: -8px;
top: 5px;
border-width: 4px;
border-style: solid;
}
#navigation .woocommerce.widget_shopping_cart {
display: none;
position: absolute;
width: 240px;
background: rgba(0,0,0,.5);
padding: 0;
right: 15px;
top: 90px;
height: auto;
line-height: normal;
}
#navigation .woocommerce.widget_shopping_cart .widgettitle {
display: none;
}
#navigation .woocommerce.widget_shopping_cart ul.cart_list > li {
height: auto;
line-height: normal;
}
#navigation .woocommerce.widget_shopping_cart ul.cart_list > li:hover {
background: rgba(42,36,181,0.1);
}
#navigation .woocommerce.widget_shopping_cart a:hover {
color: #fff;
}
.products .product {
margin-bottom: 30px !important;
}
.products .product h3 {
margin-top: 0;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.products .product span.price,
.products .product span.price .amount {
font-size: 14px;
line-height: 14px;
}
.relative {
position: relative;
}
ul#events-list {
margin: 0;
padding: 0;
}
ul#events-list li {
margin: 8px 0px;
background-color: rgba(253, 253, 253, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
list-style: none;
padding: 10px;
}
ul#events-list li time {
width: 80px;
background-color: rgba(236, 85, 56, 0.8);
display: inline-block;
font-size: 20px;
height: 80px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px;
}
ul#events-list .events-data{
display: inline-block;
position: relative;
padding-left: 10px;
}
time.datetime span {
width: 100%;
display: block;
margin-top: 3px;
}
.events-title {
font-size: 26px;
}
.events-location{
margin-top: 5px;
font-size: 18px;
}
.events-location i:nth-child(2) {
margin-left: 20px;
}
.events-location i{
color: rgb(236, 85, 56);
} .themeum-twitter-shortcode ul.themeum-twitter{
padding: 0;
margin-top: 40px;
}
.themeum-twitter-shortcode ul.themeum-twitter li{
padding: 25px 0;
border-bottom: 1px solid #39b3d6;
}
.themeum-twitter-shortcode ul.themeum-twitter a{
color: #000;
}
.themeum-twitter-shortcode .tweet-time{
float: right;
}
.btn.btn-primary.btn-follow{
background-color: #fff ;
box-shadow: 0 2px #dcdcdc;
color: #04addb;
float: right;
padding: 10px 20px;
font-weight: 600;
}
.btn.btn-primary.btn-follow:hover{
background-color: #fff ;
box-shadow: 0 2px #B3A3A0;
color: #04addb;
} .shortcode-latest-media .media-appearance{
border-top: 1px solid #6dc798;
padding: 20px 0;
font-size: 18px;
font-weight: 600;
}
.shortcode-latest-media .media-appearance:last-child{
border-bottom: 1px solid #6dc798;
}
.shortcode-latest-media .media-appearance .media-icon{
float: left;
margin-right: 20px;
}
.shortcode-latest-media .media-appearance date,
.shortcode-latest-media .media-appearance address{
display: inline-block;
}
.shortcode-latest-media .media-appearance address{
margin-bottom: 10px;
line-height: 20px;
} .themeum-poll{
padding: 30px;
}
.themeum-poll-title{
font-weight: 600;
font-size: 22px;
margin-bottom: 30px;
}
.themeum-poll-question{
}
.themeum-poll-question input[type="radio"]{
margin-right: 15px;
display: none;
appearance: none;
-webkit-appearance: none;
}
.themeum-poll-question p{
font-weight: 500;
padding-left: 20px;
}
.themeum-poll-question .text-label:before{
content:"\f10c";
font-family: "FontAwesome";
color: #fff;
margin-right: 10px;
margin-left: -20px;
}
.themeum-poll-question input[type="radio"]:checked + .text-label:before{
content: "\f111";
font-family: "FontAwesome";
color: #ec5538;
-webkit-animation: tick .2s ease-in;
animation: tick .2s ease-in;
}
@-webkit-keyframes tick {
0% { 
-webkit-transform: scale(.5);
transform: scale(.5); 
}
90% { 
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% { 
-webkit-transform: scale(1);
transform: scale(1); }
}
@keyframes tick {
0% { 
-webkit-transform: scale(.5);
transform: scale(.5); 
}
90% { 
-webkit-transform: scale(1.2);
transform: scale(1.2); 
}
100% { 
-webkit-transform: scale(1);
transform: scale(1); 
}
}
.themeum-poll-question button.poll-submit{
margin-top: 30px;
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
}
.themeum-poll-reasult-wrap{
padding: 30px;
}
.themeum-poll-reasult-wrap .table>thead>tr>th{
border-bottom: none;
} .shortcode-latest-blogs{
overflow: hidden;   
}
.each-post{
margin: 15px 0px;
}
.each-post figure{
position: relative;
min-height: 290px;
}
.each-post img{
width: 100%;
}
.each-post figure:hover figcaption{
background-color: rgba(236,86,57,.8);
background-image: none;
}
.each-post figcaption{
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, rgba(0,0,0,1) 10%, rgba(255,255,255,0) 90%);
-webkit-background-image: linear-gradient(to top, rgba(0,0,0,1) 10%, rgba(255,255,255,0) 90%);
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.each-post .content{
position: absolute;
bottom: 0;
padding: 25px;
width: 100%;
}
.each-post figcaption a{
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.each-post figcaption a:hover{
opacity: .8;
}
.each-post figcaption .date{
font-size: 18px;
padding-bottom: 10px;
position: relative;
}
.each-post figcaption .date:after{
content: '';
position: absolute;
bottom:0;
width: 50%;
height: 1px;
background-color: #fff;
}
.each-post figcaption .date p{
margin: 0;
}
.each-post figcaption .date i{
font-size: 16px;
margin-right: 5px;
}
.each-post figcaption h3{
font-size: 24px;
line-height: 30px;
margin-top: 10px;
font-weight: 400;
}
.read-all{
font-size: 18px;
font-weight: 400;
margin-top: 30px;
float: right;
} .themeum-video-gallery .gallery-controll-thumb{
margin-top: 24px;
}
.themeum-video-gallery .gallery-controll .flex-direction-nav{
display: none;
}
.themeum-video-gallery .gallery-controll-thumb .flex-direction-nav{
}
.themeum-video-gallery .flexslider li.all-slides img{
opacity: .6;
}
.themeum-video-gallery .themeum-overlay-wrap{
background-color: rgba(0,0,0,.6);
}
.themeum-video-gallery .gallery-controll li.all-slides{
position: relative;
}
.themeum-video-gallery .gallery-controll li.all-slides a:before{
content: "\f04b";
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 30px;
border-radius: 30px;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
transform: translate(-50%, -50%) scale(0);
-webkit-transform: translate(-50%, -50%) scale(0);
font-family: fontawesome;
padding-left: 5px;
background-color: #fff;
color: #000;
z-index: 2;
}
.themeum-video-gallery .gallery-controll li.all-slides.flex-active-slide a:hover:before{
transform: translate(-50%, -50%) scale(1.2);
-webkit-transform: translate(-50%, -50%) scale(1.2);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.themeum-video-gallery .gallery-controll li.all-slides.flex-active-slide a:before{
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
.themeum-video-gallery .gallery-controll li.all-slides{
}
.themeum-video-gallery .gallery-controll-thumb .slides > li{
min-width: 170px;
opacity: .2;
margin-right: 24px;
}
.themeum-video-gallery .gallery-controll-thumb .slides > li:last-child{
margin-right: 0;
}
.themeum-video-gallery .gallery-controll-thumb li.flex-active-slide{
opacity: 1;
}
.themeum-video-gallery .flex-direction-nav a{
background-color: #ec5538;
text-align: center;
-webkit-text-shadow: none;
text-shadow: none;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.themeum-video-gallery .gallery-controll-thumb:hover .flex-direction-nav a{
opacity: 1;
}
.themeum-video-gallery .flex-direction-nav .flex-next{
text-align: center;
}
.themeum-video-gallery .flex-direction-nav a:before{
color: #fff;
} #sidebar .woocommerce ul.cart_list li,
#sidebar .woocommerce-page ul.cart_list li,
#sidebar .woocommerce ul.product_list_widget li,
#sidebar .woocommerce-page ul.product_list_widget li {
padding: 15px 0;
}
h2.woocommerce-loop-product__title {
margin-top: 0;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
div.pp_woocommerce .pp_content_container {
background: rgba(255, 255, 255, .2) !important;
}
.related.products > h3 {
font-size: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width : 767px) {
#pricing-table .row>div{
margin-bottom: 30px;
}
#pricing-table .row>div:last-child{
margin-bottom: 0;
}
ul#events-list li{
text-align: center;
}
.woocommerce .products .product {
width: 48.333333%;
}
}
@media only screen and (max-width : 480px) {
.woocommerce .products .product {
width: 47.333333%;
}
.box, #sidebar .widget{
padding: 20px;
}
.single-event #event-countdown{
height: auto;
}
#event-countdown .countdown-section{
width: 50%;
}
#event-countdown .countdown-section:nth-child(4),
#event-countdown .countdown-section:nth-child(1) {
background: rgba(236,85,56,0.7);
}
#event-countdown .countdown-section:nth-child(2),
#event-countdown .countdown-section:nth-child(3) {
background: rgba(194,49,21,0.7);
}
.performer-short-desc{
display: none;
}
.tp-caption.largeboldwhite, .largeboldwhite {
font-size: 40px !important; 
}
}