/*****
Theme Name: ISP Squash
Theme URI: ispsquash
Description: 
Author: 
Description: This is the free version of MH Magazine, a clean and modern magazine / blog WordPress theme for bloggers and news or editorial related websites. If you would like to have more features and possibilities to customize your theme you can purchase the premium version on our website.
Version: 1.3.0
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, theme-options, threaded-comments, full-width-template, translation-ready, rtl-language-support
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

/***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header,hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; background:#fff;}

/***** Structure *****/

html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
body { font: 75%/1.7 'Droid Sans', Helvetica, Arial, sans-serif; color: #666; background: #f7f7f7; } /* Base 12px */
.fullbg .custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.container { width: 82em; margin: 1em auto 0; -webkit-box-shadow: 0 0 5px 1px #a8a8a8; -moz-box-shadow: 0 0 5px 1px #a8a8a8; box-shadow: 0 0 5px 1px #a8a8a8; }
.wrapper { padding: 1.67em; background: #fff; font-size:13px; color:#333; }

/***** Columns *****/	

.row [class*='col-']:first-child { margin: 0; }
[class*='col-'] { float: left; margin-left: 2.22%; }
.col-1-1 { width: 100%; }
.col-1-2 { width: 48.89%; }
.col-1-3 { width: 31.8533%; }
.col-2-3 { width: 65.9267%; }
.col-1-4 { width: 23.335%; }
.col-3-4 { width: 74.445%; }
.col-1-5 { width: 18.224%; }
.col-1-6 { width: 14.816%; }
.col-1-7 { width: 12.382%; }
.col-1-8 { width: 10.5575%; }
.clear { clear: both; }
.clearfix { display: block }
.clearfix:after { content:"."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; }

/***** Typography *****/
	
h1 { font-size: 190%; }
h2 { font-size: 170%; }
h3 { font-size: 160%; }
h4 { font-size: 150%; }
h5 { font-size: 140%; }
h6 { font-size: 130%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Droid Serif', serif; color: #000; line-height: 1.3; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 50%; }
big { font-size: 150%; }
pre, code { font: "Consolas", Courier New, Courier, monospace; margin-bottom: 1.5em; background: #f7f7f7; border: 1px solid #ebebeb; }
pre { padding: 1em; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; word-wrap: break-word; }
code { padding: 0 0.5em; }
kbd { padding: 0 0.5em; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0,0,0,0.2),0 0 0 0.125em #fff inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0,0,0,0.2),0 0 0 0.125em #fff inset; box-shadow: 0 0.0625em 0 rgba(0,0,0,0.2),0 0 0 0.125em #fff inset; text-shadow: 0 0.0625em 0 #fff; }
blockquote { font-size: 110%; font-style: italic; padding: 1em 1em 0.5em; margin-bottom: 1.5em; border-left: 3px solid #e64946; background: #f7f7f7; }
sup { vertical-align: super; font-size: 75%; }
sub { vertical-align: sub; font-size: 75%; }
abbr, acronym { border-bottom: 1px dashed; cursor: help; }
cite { color: #9a9b97; }
q { font-style: italic; }
address { font: 100%/1.5 "Courier new"; margin-bottom: 1.5em; }
a { color: #000; text-decoration: none; }
a:hover { color: #e64946; }
.col-2-3 a {color:#B8090B;}

/***** Lists *****/	

.entry ul { list-style: disc; }
.entry ol { list-style: decimal; }
.entry ul, .entry ol { margin: 0 0 1.5em 1.25em; }
dl { margin: 0 0 1.5em 1em}
dt, dd { display: list-item; }
dt { list-style-type: square; font-weight: bold }
dd { list-style-type: circle; margin-left: 1.625em; }

/***** Header *****/

.header-wrap { background: #fff;; }
.logo { padding: 0.5em 1em;}

/***** Navigation *****/

.main-nav { /*background: #2a2a2a; background:#EC3237;*/ background:#B8090B; font-size: 116%; text-transform: uppercase; /*border-bottom: 3px solid #e64946;*/ border-bottom: 3px solid #2a2a2a; }
.main-nav ul li { float: left; position: relative; -webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; transition: background 0.6s ease-out; border-left: 1px solid #000; }
.main-nav ul li:first-child { border: none; }
.main-nav ul li:hover { /*background: #e64946;*/background: #2a2a2a; }
.main-nav ul ul li:hover {background: #e64946; }
.main-nav ul li a { padding: 0.416em 1em; color: #fff; display: block; }
.main-nav ul ul { display: none; position: absolute; }
.main-nav ul li:hover > ul { display: block; background: #2a2a2a; z-index: 9999; }
.main-nav ul ul li { width: 10em; border: none; }
.main-nav ul ul li a, .main-nav ul ul ul li a  { font-size:80%;}
.main-nav ul ul ul { left: 10em; top: 0; }

/***** Top menu *****/	
.top-menu {float:right; width:250px; padding-top:8px; display: inline-block; }
.top-menu ul {display-inline; width:250px;}
.top-menu ul li {float:left; width:125px; }
.top-menu ul ul { display: none; width:150px; position:absolute;  }
.top-menu ul li:hover > ul { display: block; z-index: 9999; background:#9D0A0A ; }
.top-menu ul ul li a { padding-left:5px; color:#fff; }
.top-menu ul ul li a:hover{ color:#eee;}
.top-menu ul ul li { width: 150px; border: none; }
.top-menu ul ul ul { left: 150px; top: 0; }

/***** Slider *****/	

.slide-caption { width: 63.4%; max-width: 100%; position: absolute; background: #2a2a2a; color: #fff; bottom: 0; right: 0; border-top: 3px solid #e64946; opacity: 0.6; filter:alpha(opacity=60); }
.slide-wrap:hover .slide-caption { opacity: 1; filter:alpha(opacity=100); }
.slide-title { color: #fff; }
.slide-data { padding: 1em; }
.entry #slider ul { list-style: none; margin: 0; }

/*****  FlexSlider Browser Resets - Copyright 2012 WooThemes - GPLv2 license - http://www.gnu.org/licenses/gpl-2.0.html *****/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } 

/***** FlexSlider Default Styles *****/

.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
html[xmlns] .slides { display: block; } 
* html .slides { height: 1%; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { width: 30px; height: 30px; margin: -12px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; display: none; }
.flex-direction-nav .flex-prev { left: -36px; display: none; }
.flexslider:hover .flex-next { opacity: 0.8; right: 5px; display: block; }
.flexslider:hover .flex-prev { opacity: 0.8; left: 5px; display: block; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
.flex-control-nav { width: 100%; position: absolute; bottom: 6px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

/***** FlexSlider Custom Styles *****/

.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.no-js .slides > li:first-child { display: block; }
.caption { position: absolute; padding: 0.25em 1em; background: #e64946; color: #fff; top: 10%; opacity: 0.7; filter:alpha(opacity=70); }

/***** Posts/Pages *****/

.post-title, .page-title-top { border-bottom: 3px solid #2a2a2a; }
.page-title { background: #e64946; font-size: 160%; color: #fff; padding: 0 0.5em; display: inline-block; margin-bottom: 15px;  }
.subheading { background: #e64946; color: #fff; font-size: 110%; line-height: 1.3; padding: 0.25em 0.5em; display: inline-block; }
.meta { color: #9a9b97; text-transform:uppercase; }
.post-meta { margin: 1em 0; padding: 0.5em; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.entry p, .post-thumbnail { margin-bottom: 1.5em; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 12px; }
.tags-wrap { margin: 1em 0; }
.tags li { float: left; margin: 0 0.5em 0.5em 0; background: #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tags li:hover { background: #e64946; }
.tags a { color: #fff; display: block; padding: 0.2em 1em; }
.author-box { margin-bottom: 2em; padding: 0.83em; background: #f7f7f7; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
.author-box-avatar { float: left; width: 6.67em; margin-right: 0.83em; }
.related-posts { margin: 1.5em 0; }
.related-thumb { float: left; margin: 0 0.5em 0.5em 0; padding: 0.25em; border: 1px solid #f7f7f7; }
.section-title { font-size: 140%; margin-bottom: 0.5em; }
.sitemap .page-title { margin-bottom: 1em; }
.sitemap ul { list-style: none; margin-left: 0; }
.sitemap .children { list-style: disc; margin: 0 0 0 1em; }

.raju-meta { color: #9a9b97; text-transform:uppercase; float:left; width:150px; padding-left:20px;}
/***** Archives *****/

.loop-wrap { padding-bottom: 1.67em; margin-bottom: 1.67em; -webkit-box-shadow: 0 8px 8px -8px gray; -moz-box-shadow: 0 8px 8px -8px gray; box-shadow: 0 8px 8px -8px gray; }
.loop-title { margin-bottom: 0.25em; }
.loop-thumb { float: left; margin-right: 1em; }
.cat-desc { margin-bottom: 2em; padding: 0.83em; background: #f7f7f7; border-top: 3px solid #e64946; border-bottom: 3px solid #e64946; }
.sticky { }

.loop-data a h5 {font-size:100%;}
.loop-data a:hover {color:#B8090B;}
.prosquash { width:150px; float:left;}

.raju-loop-wrap { margin-bottom: 0.3em;  }
/***** Pagination *****/

.page-numbers { padding: 0.3125em 0.625em; background: #eee; }
.page-numbers:hover, .current, a:hover .pagelink { background: #e64946; color: #fff; }
.page-numbers a { display: block; }
.pagination { margin-top: 2em; margin-bottom: 2em; border-top:1px solid #ccc;}
.pagelink { padding: 0.3125em 0.625em; background: #e64946; color: #fff; }
a .pagelink { background: #eee; color: #444; }

/***** Footer *****/

footer { background: #2a2a2a; color: #fff; padding: 1.67em; }
footer a { color: #f7f7f7; }
.copyright-wrap { width: 82em; margin: 0 auto 1em; }
.copyright { padding: 0.125em 0.5em; font-size: 90%; }

/***** Images / Video *****/	

img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; vertical-align: bottom; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft, .left { display: inline; float: left; margin: 0 1em 0 0; }
.alignright, .right { display: inline; float: right; margin: 0 0 0 1em; }
.wp-caption { max-width: 100%; height: auto; position: relative; margin-bottom: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wp-caption-text { padding: 0.5em 1em; position: absolute; left: 0; bottom: 5px; color: #fff; background: #e64946; opacity: 0.9; filter:alpha(opacity=90); }
.gallery dl { margin: 0 }
.gallery dt { list-style: none; }
.gallery-caption { position: relative; display: none; }

.mem {left:0; bottom:-10px; color:#333; background:#fff; width:110%; }

/***** Tables *****/

table { width: 100%; margin: 0 0 1.5em; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
.textwidget td, th { padding: 0.375em 0.75em; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
th { background-color: #e64946; font-weight: 600; color: #fff; }

.maintext table,td,th {border:none;}


/***** Widgets *****/

.sb-widget { overflow: hidden; margin-bottom: 1.5em; }
.widget-title, .footer-widget-title { font-size: 130%; margin-bottom: 1em; border-bottom: 3px solid #e64946; }
.footer-widget-title { color: #fff; }
.cp-widget li:first-child { padding-top: 0; }
.cp-wrap { padding: 1em 0; border-bottom: 1px solid #f7f7f7; }
.cp-thumb { float: left; margin-right: 1em; }
#wp-calendar caption { text-align: left; padding: 0.5em; background: #f7f7f7; }
#wp-calendar th, #wp-calendar td { padding: 0.25em 0.5em; text-align: center; }
#wp-calendar th { font-weight: 600; }
#wp-calendar #prev { text-align: left; }
[class*='tag-link-'] { color: #666; padding: 0.2em 1em; background: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
[class*='tag-link-']:hover { color: #fff; background: #e64946; }

.cp-widget-title a {color:#333;}

/***** testimonial ****/
.image {float:right; padding-left:5px;}
.testimonial {font-family: Georgia, Serif; font-style:italic; font-size:14px; color:#666666; line-height:18px;}
.author {float:right;}


.hms-testimonial-group .hms-testimonial-container {width:45%; float:left; padding-right:10px;}


/***** Searchform *****/
#srch {float:right; width:200px; margin-top:10px;padding-left:55px;display: inline-block; }
#searchform { background: #f6f6f6; border: 1px solid #ebebeb; padding: 0.3125em; overflow: hidden; }
#searchform #s { width: 100%; background: none; border: none; color: #444; }
#searchform #s:focus { outline: none; }
#searchsubmit { display: none; }

#socials {float:right; text-align:center;width:200px; margin-top:0px;padding-left:55px; padding-bottom:10px;display: inline-block;}

.facebook_bg, .twitter_bg{

	background: url(images/sprites.png) no-repeat; padding:10px 0 10px 0;
}


.facebook_bg{

	background-position: -1px -3px;

	width: 35px;

	height: 35px;
}


.twitter_bg{

	background-position: -34px -3px;

	width: 35px;

	height: 35px;
}



a.facebook_bg:hover{

	background-position: -1px -37px;

	width: 35px;

	height: 35px;
}


a.twitter_bg:hover{

	background-position: -34px -37px;

	width: 35px;

	height: 35px;
}


/***** Comments *****/

.no-comments { background: #ebebeb; padding: 0.3125em; }
.commentlist, .commentlist .children { list-style: none; }
.commentlist .children { margin-left: 1em; }
.commentlist li { margin: 1em 0; }
.commentlist li .vcard { line-height: 2.5; padding: 0.5em; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.commentlist li .avatar { width: 2.5em; height: 2.5em; padding: 0.167em; margin-right: 0.5em; background: #fff; border: 1px solid #f7f7f7; vertical-align: middle; }
.commentlist li ul { list-style: square; margin: 0 0 0.625em; padding: 0; }
.comment-text { padding: 0.5em; }
.comment-info { color: #e64946; margin: 1em 0; }
.bypostauthor { border-left: 3px solid #e64946; }

/***** Comment Form *****/

#respond { background: #f6f6f6; padding: 0.625em 1em; margin-top: 2em; border: 1px solid #d7d8d8; }
#respond h3 { margin-bottom: 0.625em; }
#commentform input#submit { line-height: 1.3; background: #e64946; padding: 0.4375em 1.375em; color: #fff; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; border-radius: 0.125em; }
#commentform input#submit:hover { background: #2a2a2a; }
#commentform textarea { width: 96.4%; line-height: 1.5; border: 1px solid #d7d8d8; padding: 0.3125em 0.625em 0.625em; }
.contactform input[type="text"] { width: 75%; }
#commentform p { margin-bottom: 1em; }
.text-input input, #commentform input { padding: 0.5em; }
#author, #email, #url { width: 60%; border: 1px solid #d7d8d8; }
#author:hover, #email:hover, #url:hover, #comment:hover { border: 1px solid #e64946; }
input#author, input#email, input#url, #comment { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
#cancel-comment-reply-link { background: #e64946; padding: 0.5em 1em; color: #fff; border: 1px solid #d7d8d8; }
#cancel-comment-reply-link:hover { background: #2a2a2a; }
.required { color: #e64946; }

/***** Contact Form 7 *****/

.wpcf7-form { padding: 0.625em 1em; margin-top: 1em; border: 1px solid #d7d8d8; background: #f7f7f7; font-size: 90%; line-height: 1.5; }
.wpcf7-form input[type="text"] { width: 90%; padding: 0.625em; font-size: 100%; border: 1px solid #d7d8d8; }
.wpcf7-form textarea { width: 90%; padding: 0.3125em 0.625em; font-size: 130%; line-height: 1.5; border: 1px solid #d7d8d8; }
.wpcf7-submit { padding: 0.4375em 1.375em; font-size: 100%; color: #fff; background: #e64946; text-decoration: none; cursor: pointer; display: inline-block; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; border: 0; -webkit-border-radius: 0.125em; -moz-border-radius: 0.125em; border-radius: 0.125em; }
.wpcf7-submit:hover { background: #2a2a2a; }
.wpcf7-response-output { background: #fff; }

/***** Social *****/	

.share-buttons-container { position: relative; margin: 2em 0; padding: 1em 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.no-js .share-buttons-container { display: none; }
.share-button { width: 13em; position: relative; float: left; }

/***** Shortcodes *****/

.ad-label { font-size: 85%; }

.one-half { position: relative; margin-right: 0%; margin-bottom: 20px; float: left; }
.one-third { width:40.5%; position: relative; margin-right: 15%; margin-bottom: 20px; float: left; }

/***** RTL Support *****/

.rtl { direction: rtl; unicode-bidi: embed; }
.rtl [class*='col-'] { float: right; margin-right: 2.22%; margin-left: 0; }
.rtl .entry ul, .rtl .entry ol { margin: 0 1.25em 1.5em 0; }
.rtl dl { margin: 0 1em 1.5em 0}
.rtl dd { margin-right: 1.625em; margin-left: 0; }
.rtl .share-button { float: right; }
.rtl .main-nav ul li { float: right; border-right: 1px solid #000; border-left: none; }
.rtl .main-nav ul ul ul { right: 10em; left: auto; }
.rtl .slide-caption { left: 0; right: auto; }
.rtl .tags li { float: right; margin: 0 0 0.5em 0.5em; }
.rtl .author-box-avatar { float: right; margin-left: 0.83em; margin-right: 0; }
.rtl .related-thumb { float: right; margin: 0 0 0.5em 0.5em; }
.rtl .loop-thumb { float: right; margin-left: 1em; margin-right: 0; }
.rtl .wp-caption-text { right: 0; left: auto; }
.rtl .alignleft, .rtl .left { margin: 0 1em 0 0; }
.rtl .alignright, .rtl .right { margin: 0 0 0 1em; }
.rtl #wp-calendar caption, .rtl #wp-calendar #prev { text-align: right; }
.rtl .commentlist .children { margin-right: 1em; margin-left: 0; }
.rtl .commentlist li .avatar { margin-left: 0.5em; margin-right: 0; }
.rtl .bypostauthor { border-right: 3px solid #e64946; border-left: none; }
.rtl .dropcap { float: right; margin-left: 5px; margin-right: 0; }

/***** Player list *****/

#playlist ul {width:99%; border:1px solid red;}
#playlist ul li {width:24%; border:1px solid orange;
   line-height:1.2em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;}

.prosquash loop-thumb a img {width:150px; height:200px; }

.sb-widget ul.upcoming {margin:0; padding:0; height:auto;}