/*
Theme Name: SKT Music Pro
Theme URI: http://www.sktthemes.net/themes/skt-music-pro/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Music is a responsive multipurpose WordPress theme which can be used for multiple purposes and industries. So photo gallery, portfolio, or any business, blogging etc can be done. It has the ability to change colour of links and certain elements so that it suits the colour of your logo. Also the theme comprises of several blocks on the homepage making it a complete theme so that one may add anything he wants on the home page. Also it uses a very easy to use theme options whereby one can easily set up social icons and other elements with ease and without having any knowledge of HTML. SKT Music is 100% responsive pixel perfect WordPress theme which comprises of different page templates and widgets to help able to edit and handle the theme easily. Can be used for any kind of business, blogging, photo, or portfolio purposes. Easy to set up menu using Appearance menus. Compatible with all major browsers and iPhone and iPad friendly as well. Comes with a beautiful parallax slider. One can also set up this theme as a store as its compatible with WooCommerce and also other popular plugins like Contact form 7. It is translation ready and can be translated for any language. Also it has custom header as well as custom background. Check demo at: http://sktthemesdemo.net/skt-music-pro

Version: pro2.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt_music
Tags: gray, white, dark, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging

SKT Music WordPress Theme has been created by SKT Themes(sktthemes.net), 2014.
SKT Music WordPress Theme is released under the terms of GNU GPL
*/

/* font-family: 'Open Sans', sans-serif, Arial; */
/* =========== Fonts =========== */
/*
font-family: 'Roboto', sans-serif;
font-family: 'Lobster', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Oleo Script', cursive;
*/

*{ margin:0; padding:0;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; line-height:20px;}
img{ margin:0; padding:0; border:none;}

section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; transition: all 0.4s ease 0s;}
a:hover{ text-decoration:none; outline:none; transition: all 0.4s ease 0s;}
ul{ list-style:none; margin:0; padding:0;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
img.alignleft, img.alignright img.aligncenter, .post-thumb img{ background:#191919; border:1px solid #121212; border-radius: 5px; box-shadow: 0 5px 5px #0d0d0d; padding:5px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
section{ padding:40px 0 40px 0;}
section h2{font-weight:400; line-height:100%; padding:0; margin:0; text-align:center; }
section h3{ border-bottom:1px solid #cccccc; padding:0 30px 40px 30px; text-align:center;} 
#slider{ width:100%; margin:0; padding:0; position:relative; top:-10px; margin-bottom:-20px;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative; text-align:center;}
#slider .top-bar h2{font-weight:900; padding:10px 0 20px 0; text-align:center; text-transform:uppercase; text-shadow:2px 2px 2px #4d4d4d; -moz-text-shadow:2px 2px 2px #4d4d4d; -webkit-text-shadow:2px 2px 2px #4d4d4d; -o-text-shadow:2px 2px 2px #4d4d4d;}
#slider .top-bar p{ color:#ffffff; font-weight:normal; margin:0 0 10px 0; line-height:24px; text-align:center; text-shadow:1px 1px 1px #4d4d4d; -moz-text-shadow:1px 1px 1px #4d4d4d; -webkit-text-shadow:1px 1px 1px #4d4d4d; -o-text-shadow:1px 1px 1px #4d4d4d;}

#slider .top-bar a.contact{ font:400 14px 'Roboto Condensed', sans-serif; padding:12px 18px; margin-top:21px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-left:10px;}

#slider .top-bar a.read{font:400 14px 'Roboto Condensed', sans-serif; padding:12px 18px; margin-top:21px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:10px; background-color:#86cd65;}
#slider .top-bar a.read:hover{background-color:#a2a2a2;}
.nivo-directionNav a{background-color:transparent !important;}

.innerbanner{ text-align:center;}
.innerbanner img{ position: relative; background-size:cover; width:100%; vertical-align:middle; }

.main-container{margin:0; padding:0;}
.main-container h1, .main-container h2, .main-container h3, .main-container h4, .main-container h5, .main-container h6{margin-bottom:20px;}

.header .header-inner .logo{float:left; margin-top:34px; margin-bottom:34px; width:30%;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1170px;}
.header .header-inner .logo h1{font-weight:400; margin-top:3px;}
.header .header-inner .logo a{ color:#ffffff;}

.toggle{display:none;}
.header{width:100%; height:auto; position:absolute; top:0; padding:0; z-index:999999; border-bottom:1px solid;}
.header .header-inner .nav{ margin:5px 0 0 0; padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:0; padding:0; font-family:'Roboto Condensed', sans-serif; font-weight:400;}
.header .header-inner .nav ul li{display:inline-block; margin:0; position:relative;}
.header .header-inner .nav ul li a{padding:45px 16px; display:block;}
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header .header-inner .nav ul li ul li a:hover{}
.header .header-inner .nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px;}
   
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#86cd65;}

article img{height:auto;}
article p{margin:10px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:5px;}
.post-password-form input[type=submit]{border:none; color:#ffffff; padding:10px 15px; cursor:pointer; border-radius:5px; text-transform:uppercase;}
#sidebar .search-form input[type='submit']{ padding:9px 15px 8px 15px; margin:0; float:right;}
aside.widget{margin-bottom:30px; position:relative;}

aside.widget ul{ list-style:disc; margin-left:13px;}

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#86cd65;}
.webicon{font-size:20px;}
#sidebar ul li{margin:5px 0;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

/***** START CSS *****/
/****** Player ******/
.music-player{position:relative; visibility:hidden; top:-40px; z-index:999; background:#403f3f; padding:25px 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.playlist-wrap-MI ul{background:#181818; padding:20px 30px 2px 30px; }
div.playlist-colour{ background:none;}
ul.UL-MI_mp3j li{ display:block; border-bottom: solid 1px #292929; padding-bottom:10px; margin-bottom:10px; text-transform:capitalize;}
ul.UL-MI_mp3j li:last-child{ border-bottom:none !important;}
ul.UL-MI_mp3j li a{ color:#737373;}
ul.UL-MI_mp3j li a:hover, ul.UL-MI_mp3j li a.mp3j_A_current{ color:#ffffff;}
div.innertab{ background:none;}
/****** Player End ******/
/****** Start Home page section ******/
h1.entry-title, h1.page-title{margin:0 0 30px 0; padding:0 0 34px 0; position:relative;}
h1.entry-title:before, h1.page-title:before{position:absolute; bottom:-20%; left:0;}
h1.entry-title:after, h1.page-title:after{position:absolute; bottom:-20%; right:0;}
h3.widget-title{color:#fff; margin:0 0 30px 0; padding:0 0 34px 0; position:relative;}
h3.widget-title:before{position:absolute; left:0; bottom:-17%;}
h3.widget-title:after{position:absolute; right:0; bottom:-17%;}

h1{font-size:45px; line-height:100%; font-family:'Oleo Script'; color:#fff;}
h2{font-size:30px; line-height:100%; font-family:'Roboto'; color:#fff;}
h3{font-size:30px; line-height:100%; font-family:'Roboto'; color:#fff;}
h4{ font-size:20px; font-family:'Roboto'; color:#fff;}
h5{ font-size:18px; font-family:'Roboto'; color:#fff;}
h6{ font-size:14px; font-family:'Roboto'; color:#fff;}

.container, .welcome, .latest-news, .our-tour-date, .upcoming-events-row, .twitter-video, .connect-with-us{ width:1170px; margin:0 auto; padding:0; position:relative;}
.welcome, .our-tour-date, .twitter-feed, .fresh-video, .connect-with-us, .ourlatestalbum{ visibility:hidden}
.welcome{position:relative;}
.welcome-h1{width:25%; float:left; }
.welcome-h1 h1{padding:0; margin:0; line-height:110px;}
.welcome-text{width:60%; float:left; padding-left:50px; margin-left:45px;}

.ourlatestalbum{position:relative; width:100%;}
.ourlatestalbum h2, .latest-news h2, .our-tour-date h2, .upcoming-events-row h2, .connect-with-us h2{ border-bottom:1px #403f3f solid; display:table; margin:0 auto 55px auto; padding:0 0 34px 0}
.ourlatestalbum h2:before, .latest-news h2:before, .our-tour-date h2:before, .upcoming-events-row h2:before, .connect-with-us h2:before{padding-right:55px; position:relative; top:48px;}
.ourlatestalbum h2:after, .latest-news h2:after, .our-tour-date h2:after, .upcoming-events-row h2:after, .connect-with-us h2:after{padding-left:55px; position:relative; top:48px;}
.albumreleases{width:24.4%; float:left; margin:0 10px 10px 0; padding:0; position:relative;}
.albumreleases a{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor:pointer;}
.albumreleases a:hover{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=5); opacity: 0.5; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor:pointer;}
.albumreleases-last{ margin-right:0 !important;}
.albumthumb img{ vertical-align:middle; position:relative; width:100%;}
.albumtitle{ position:relative; background:rgba(0, 0, 0, 0.8); display:block; position:absolute; bottom:0; width:100%; text-align:center; padding:10px 0;}
.thumbgallery .albumreleases:nth-child(4n+4){ margin-right:0;}

.news-box{width:47.8%; 46%; float:left; margin:0 4% 6% 0; visibility:hidden;}
.news-box.last { margin-right:0 !important;}
.news-box .news-thumb{ width:225px; float:left; margin-right:6%; position:relative;}
.news-box .news-content p{ text-align:justify;}
.date-news{ position: absolute; padding:3px 5px; background:#b11919; right:-4px; top:-4px; color:#fff; font-size:12px; font-style:italic; text-align:center;}
.date-news:after {top:100%; left:50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;	border-color: rgba(4, 165, 220, 0); border-top-color: #b11919; border-width:8px; margin-left: -8px;}
.date-news span.newsdate{font:bold 26px/100% 'Cabin'; font-style:normal;}
.date-news span{ display:block; font-family:'Arimo'; font-weight:bold;}
.news-box .news-thumb img { margin:0; padding:0; width:100%; height:auto;}
.news {padding:0; display:block; margin:0;}
.news-content{ display:table;}
.news span{float:left;}
.news h6{padding-bottom:15px; line-height:0;}
.post-commentdate{font-style:italic; font-size:11px; color:#5c5b5b; display:table;}
.post-commentdate a{ font-weight:bold;}

.our-tour-date{ position:relative; padding:20px 0;}
.our-tour-date-row{width:100%; margin-bottom:3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.tourdate{width:7.7%; padding:1.2% 1.2%; float:left; background:#b11919; font:bold 45px 'Roboto Condensed'; color:#fff; -webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius: 5px;}
.our-tour-date-row .tourdate strong{ float:left; margin-right:10px;}
.our-tour-date-row .tourdate span{font:14px 'Arimo'; display:table; position:relative; top:15px;}

.tourtitle{width:30%; padding:2.3% 1.2%; float:left;  font:normal 24px 'Roboto'; color:#fff;}

.tourtiming{width:21.5%; padding:2.5% 0 2.6% 0; text-align:center; float:left; border-left:solid 1px #4f4e4e; border-right:solid 1px #4f4e4e; }
.our-tour-date-row .tourtiming i{ margin-right:10px; top:4px; position:relative;}

.tourlocation{width:19%; padding:2.5% 0 2.6% 0; float:left; text-align:center; border-right:solid 1px #4f4e4e; }
.our-tour-date-row .tourlocation i{ margin-right:10px; top:4px; position:relative;}

.tourbuynowlink{width:16.4%; padding:3.1% 0 2.6%; float:left; text-align:center;}
.tourbuynowlink a{ background:#b01818; padding:5px 20px; color:#fff;}
.tourbuynowlink a:hover{ color:#fff;}

.upcoming-events-row{ position:relative; padding:40px 0;}
.events-item{ width:24.3%; float:left; margin:0 10px 20px 0;}
.events-item-last{ margin-right:0;}
.events-item h5{ margin:15px 0 10px 0;}

.twitter-video{ position:relative;}
.twitter-video .twitter-feed{ width:45%; float:left;  position:relative;}
.twitter-video .twitter-feed ul{}
.twitter-video .twitter-feed ul li{ display:block; margin:0 0 40px 0;}
.twitter-video .twitter-feed ul li i{ float:left; height:100%; color:#fff; padding:15px; margin-right:35px; }
.twitter-video .fresh-video{width:45%; float:right; position:relative;}
.twitter-video .fresh-video .one_third{ width:31.3%; }

.freshvideo-photo{ position:relative; height:auto;}
.freshvideo-photo img{ min-width:100%; height:auto;}
.twitter-video h2{display:inherit; margin:0 0 55px 0; padding:0 0 34px 0}
.twitter-video h2:before{padding-right:0; position:absolute; top:49px; right:0;}
.twitter-video h2:after{padding-left:0; position:absolute; top:49px; left:0;}

/***** SOCIAL ICONS *****/
.connect-with-us{ position:relative; padding:15px 0 50px 0;}
.social-icon{margin:0; padding:0; position:relative; text-align:center;}
.social-icon a{margin:0 7px 7px 0; padding:16px 0; width:58px; text-align:center; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.social-icon a:hover{ color:#fff;}

/* ------------ Footer -------- */
#footer-wrapper{position:relative; padding:50px 0 0;}
.footer { width:1170px; margin:auto; padding-bottom:50px;}
.widget-column-1 { width:30%; float:left; margin:0;}
.widget-column-2 { width:26.5%; float:left; margin:0 50px; padding:0 50px; border-left:solid 1px #232323; border-right:solid 1px #232323;}
.widget-column-3 { width:22%; float:left; margin:0;}

.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4{ padding:0; margin-bottom:30px;}
.footer-col-1 h2, .footer-col-2 h2, .footer-col-3 h2, .footer-col-4 h2{ font-weight:700; margin-bottom:45px; text-transform:uppercase;}
.footer-col-3 a{ padding:0; display:inline-block; margin:0;}

.recent-post { margin:0px; padding:0px; list-style:none;}
.recent-post ul{ list-style:none !important;}
.recent-post li{line-height:18px; padding:0 0 35px 0px; display:block; margin-bottom:35px; border-bottom:dashed 1px #3b3b3b;}
.recent-post li img{float:left; margin:0 20px 0 0; border:#2d2d2d solid 3px; }
.recent-post li span {font-size:11px;}

.recent-post li a:hover, .recent-post li:hover{ text-decoration:none;}
.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}

.phone-no{margin-top:16px; margin-bottom:16px; line-height:24px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no span{width:35%; display:inline-block;}

.copyright-wrapper { position:relative; padding:25px 0;}
.copyright { width:1170px; margin:auto;}
.copyright-txt { float:left;}
.copyright-txt span { color:#86cd65;}
.design-by {float:right;}

/* --------- Pages ------- */
.content-area{ width:1170px; margin:0 auto 0 auto; padding:50px 0;}
.content-area p{ margin-bottom:20px;}
#sitefull .albumreleases{ width:24.3%;}
.site-main .events-item{width:24%;}
.site-main .tourbuynowlink{ width:13.2%;}
.site-main .tourdate{ width:11%; padding:0.9% 1.2%;}
.site-main .albumreleases{ width:24%;}
.site-main{ width:800px; margin:0; padding:0; float:left; position:relative;}
#sitefull{ width:100% !important; position:relative;}
#nosidebar{ margin:0 auto; float:none;}
#nosidebar h2{ text-align:left;}
#sidebar{ width:270px; margin:14px 0 0 0; padding:0; float:right; position:relative;}

/* ------ Contact Page ------ */
#contactform_main { margin: 0; padding: 0;}
#contactform_main p{margin:0;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"] { border: 1px solid #cfcfcf;f4f1f1; color:#717171; margin: 0 0 15px 0; padding:10px 5px;	width:380px;}
#contactform_main textarea { border:1px solid #cfcfcf; color:#717171; margin-bottom:10px; padding:10px 5px; width:98.5%; height:190px;}
button, html input[type='button'], input[type='reset'], input[type='submit'] { transition: all 0.4s ease 0s; border:none; text-transform:uppercase; border-radius: 3px; color:#fff; cursor: pointer; display: block; font-size:1.2rem; line-height:1; margin-top: 15px; padding: 0.6em 2em; } 
.error_msg{padding:10px; background:#ffd3ce; color:#be1522; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
input[type="search"]{ border: 1px solid #cfcfcf;f4f1f1; color:#717171; margin: 0 0 10px 0; padding:10px 5px; width:52%;}

/*------------------------------------------- OUR Member ------------------------------------------- */
.team-members{position:relative;}
.site-main .team-col{margin:0 20px 40px 0;}
.site-main .teamnomargn{ margin-right:0;}
.team-col{width:31%; margin:0 34px 40px 0; padding-bottom:10px; float:left; /* background:#ececec; border:1px solid #f1f1f1; */}
.teamnomargn{ margin-right:0;}
.team-col img{ width:100%; height:auto;}
.team-col h5{font-weight:normal; padding:5px 15px; border-bottom:none;}
.team-col p{ padding:0 15px;}
.team-col .more_link {border-top:1px dashed #403f3f; padding-top:10px; padding-left:15px; margin-top:15px; display:block;}

/*------------------------------------------- TESTIMONIALS -------------------------------------------*/
.testimonial-post{padding:15px; text-align:center; position:relative; box-sizing:border-box; visibility:hidden;}
.testimonial-post h6{ margin:10px 0;}
.testimonial-post p{ margin:0; text-align:justify;}
.testimonial-post img{ border-radius:100%; width:82px; height:82px;}  

/***** Extra css *****/
.content-area .one_third{ margin-right:5%;}
.search-no-results .search-submit, .search-no-results .search-field{ float:left; margin:0;}
.singleright { float:left; }
.singleleft { float:right; }
.sitefull{ width:100%;}
.nosidebar{ float:none; margin:0 auto;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
   .tourdate{ padding:1.5% 1.2% 1.4% 1.2%;}
    ::i-block-chrome, .tourdate{ padding:1.2% 1.2%;}
}