/*
Theme Name: Telkom Gaming
Theme URI: http://underscores.me/
Author: John Philip
Author URI: http://www.johnphilip.co.za/
Description: Theme designed for Telkom Gaming
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tg
Domain Path: /languages/
Tags: two-columns
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;	font-family: inherit;	font-size: 100%;	font-style: inherit;	font-weight: inherit;	margin: 0;	outline: 0;	padding: 0;	vertical-align: baseline;}
html { font-size: 62.5%; 	overflow-y: scroll; 	-webkit-text-size-adjust: 100%; 	-ms-text-size-adjust:     100%; }
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body {background: #000;}
article,aside,details,figcaption,figure,footer,header,main,nav,section { display: block;}
ol, ul { list-style: none;}
table { border-collapse: separate;	border-spacing: 0;}
caption, th, td {	font-weight: normal;	text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
a:focus {	outline: thin dotted;}
a:hover,a:active {	outline: 0;}
a img {	border: 0;}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,button,input,select, textarea { color: #404040; font-family: "ff-tisa-sans-web-pro","Open Sans",Helvetica,​Arial,​​ sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.45; }
h1,h2,h3,h4,h5,h6 { clear: both; }
h1 { font-size:200%; font-weight:700; letter-spacing:-0.07rem; line-height:1.2em; }
.widget-title,
h2 { font-size:1.8rem; font-weight:700; letter-spacing:-0.02rem; line-height:1.3em;}

#secondary .widget-title {  background-color:hsla(0,0%,75%,1.00); color:#fff; text-decoration:none; padding:5px 10px; font-weight:400; font-size:2.0rem; }

.entry-header,
.entry-header a,
.entry-footer a { color:hsla(0,0%,50%,1.00); text-decoration:none; }

.entry-title,
.entry-title a { color:hsla(0,0%,20%,1.00); text-decoration:none;}
.entry-title a:hover {color:hsla(198, 100%, 40%, 1);}

body.search .page-title { font-size:120%; font-weight:normal; color:hsla(0,0%,50%,1.00); letter-spacing:-0.03em; margin-bottom:1em;}
body.search .page-title span { color:hsla(139,63%,39%,1.00); font-weight:700;}

.col1 .posts h1.widget-title,
.col2 .posts h1.widget-title,
body.archive .page-title,
.featured-categories h1 {  line-height:1.2em;  color:hsla(139,53%,40%,1.00); font-weight:700; font-size:28px; letter-spacing:-0.05rem; border-bottom:solid 3px hsla(0,0%,90%,1.00);}

.widget-wrapper .posts h1.widget-title { margin-bottom:0.5em;}

body.archive .page-title span { color:hsla(0,0%,25%,1.00)}

body.archive  .page-title { margin-bottom:1em;}


p { margin-bottom: 1.5em; }
b,strong { font-weight: bold; }
dfn,cite,em,i { font-style: italic; }
blockquote { margin: 0 1.5em; }
address { margin: 0 0 1.5em; }
pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code,kbd,tt,var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr,acronym { border-bottom: 1px dotted #666; cursor: help; }
mark,ins { background: #fff9c0; text-decoration: none; }
sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
.entry-meta,
.entry-footer,
.site-footer,
.comment-meta,
span.reqtxt,
span.emailreqtxt,
small { font-size: 85%; color:hsla(0,0%,60%,1.00) }
.entry-meta {margin-top:0.5em;}
.site-footer a { color:hsla(0,0%,60%,1.00); text-decoration:none;}
big { font-size: 125%; }
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {background-color: #ccc;	border: 0;	height: 1px;	margin: 1em 0;}
.content-area ul, .content-area ol { margin: 0 0 1.5em 3em; }
.content-area ul {	list-style: disc;}
.content-area ol { list-style: decimal; }
.archive ul,
.comments-area ol { list-style:none; margin:0;}
.content-area li > ul,
.content-area li > ol {	margin-bottom: 0; margin-left: 1.5em; }
dt {font-weight: bold;}
dd {	margin: 0 1.5em 1.5em;}
.content-area img {	height: auto; max-width: 100%; }
figure {margin: 0;}
table {	margin: 0 0 1.5em;	width: 100%;}
th {font-weight: bold;}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { border: none; border-color: #ccc #ccc #bbb #ccc; background: hsla(198, 100%, 40%, 1); color: #fff; cursor: pointer; -webkit-appearance: button; font-size: 15px; font-size: 1.5rem; line-height: 1; padding: .6em 1em .4em; }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { background: hsl(137, 60%, 40%); }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { background: hsla(0,0%,12%,1.00); }
input[type="checkbox"],
input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea { color: #666; border: 1px solid #ccc; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus { color: #111; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] { padding: 3px; }
textarea { overflow: auto; padding-left: 3px; vertical-align: top; width: 98%; }
input.search-field { padding: 2px 25px 2px 10px; position: relative; right: -18px; }
input.search-submit { background: url(images/sprite.png) no-repeat left top; text-indent: -999px; overflow: hidden; width: 20px; height: 20px; padding: 0; margin: 0; position: relative; left: -7px; top: 2px; }
input.search-submit:hover { background: url(images/sprite.png) no-repeat left -20px; }

.search-form input[type="search"] { width:65px; /* transition: all 0.25s linear 0s;*/}
.search-form input[type="search"]:focus { /*width:200px;*/ }


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {	color: hsla(198, 100%, 40%, 1);}
a:hover, a:focus, a:active { color: hsl(137, 60%, 40%); }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation { clear: both; display: block; float: left; width: 100%;
background: rgb(31,169,233); /* Old browsers */
background: -moz-linear-gradient(top, rgba(31,169,233,1) 0%, rgba(10,151,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,169,233,1)), color-stop(100%,rgba(10,151,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,169,233,1) 0%,rgba(10,151,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,169,233,1) 0%,rgba(10,151,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(31,169,233,1) 0%,rgba(10,151,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(31,169,233,1) 0%,rgba(10,151,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa9e9', endColorstr='#0a97d3',GradientType=0 ); /* IE6-9 */


}
.main-navigation li { float: left; position: relative; }
.main-navigation a { display: block; text-decoration: none; padding:13px 18px; border-left:1px solid hsla(0,0%,100%,0.25); color:#fff; }
.main-navigation ul.menu > li > a:hover { background:hsla(222,100%,10%,0.05);}
.main-navigation li:first-child a { border-left:none; border-top: none;}
.main-navigation ul ul {  padding:0px 0; display: none; float: left; left: 0; position: absolute; top: 46px; z-index: 99999; box-shadow: 0 4px 6px -2px hsla(0,0%,0%,0.5); }
.main-navigation ul ul ul { left: 100%; top: 0px; margin-left:0px; }
.main-navigation ul ul a { border-left:none; border-top:1px solid #CECECE; width: 230px; color:#000; margin:0px 0; background:#fff;  transition: background 0.15s linear 0s;}
.main-navigation ul ul a:hover { background:hsla(0,0%,90%,1.00); }

.main-navigation ul ul .sf-with-ul:after { content:''; transition: background 0.25s linear 0s; font-size:30px; line-height:0em; vertical-align:middle; width:20px; height:20px; border-radius:10px; float:right; font-family:arial; display:block; background:hsla(0,0%,90%,1.00) url(images/sprite.png) -40px 0; color:#fff; text-align:center; text-indent:3px; }

.main-navigation ul ul .sf-with-ul:hover:after {background:hsla(198, 100%, 40%, 1) url(images/sprite.png) -40px 0;}
.main-navigation ul li:hover > ul { display: block; }

.footer-navigation,
.menu-footer-container,
.footer-navigation .menu,
.footer-navigation ul,
.footer-navigation li { display:inline;}
.footer-navigation li a { margin-left:10px; border-left:solid 1px #fff; padding-left:10px;}
.footer-navigation li:first-child a { margin-left:0; border-left:none;  }

.main-navigation .search-form { float:right; margin-top:8px; margin-right:2px;  }
.main-navigation .search-field { border:none; line-height:26px;}
.main-navigation .search-submit { top:0px;}

#social-media { float:right; overflow:hidden;}
#social-media a {color:#fff; text-decoration:none; border:none; padding: 13px 5px; }
#social-media div { font-size: 1.2rem;  font-weight: 700; text-transform: uppercase; float:right; display:block; line-height: 20px; text-indent: 2px; }
#social-media a:hover { opacity:0.75;}
#social-media a:before {content:''; width:20px; height:20px; display:block; float:left;  background-image:url(images/sprite.png); background-repeat:no-repeat; }

.facebook a:before {  background-position: -20px 0px; }
.twitter a:before {  background-position: -20px -20px;}
.youtube a:before {  background-position: -20px -40px;}
@media screen and (max-width: 970px) {
	#social-media a { width:20px; max-height:20px; padding:0; margin-top:13px; margin-right:5px; overflow:hidden; text-indent:999px;}
	.screen-reader-text { display:none;}
	}

/* Small menu */
.menu-toggle {	display: none;}

@media screen and (max-width: 726px) {
.menu-toggle,
.main-navigation.toggled .nav-menu { display: block; }
.menu-toggle { height:45px; position:relative; float:left;  text-align:left; background:transparent; }
.main-navigation ul { display: none; }
.main-navigation li { float:none; clear:left;}
.main-navigation a { border-bottom:solid 1px hsla(198, 90%, 50%, 1); border-left:none; ;}

.main-navigation ul ul,
.main-navigation ul ul ul {  float: none; position: relative; top: 0px; left:0; z-index: 99999; margin:0; border:none; }
.main-navigation li:hover > ul { display: block; }
.main-navigation ul ul a {width:100%}

.site-header .search-form { }


}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous { float: left; width: 50%;  vertical-align:middle;}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.navigation a { text-decoration:none; }
.navigation .meta-nav {  background:hsla(0,0%,75%,1.00); vertical-align:top;  border-radius:10px; width:20px; height:20px; line-height:15px; font-size:30px; font-family:arial; display:inline-block; color:#fff; text-align:center; }
.navigation a:hover .meta-nav {background:hsla(198, 100%, 40%, 1);}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

#secondary .widget { margin-bottom:1em;}

aside > p,
aside > div,
aside > ul {padding:5%;}
.home .widget { margin:0;}


/* Make sure select elements fit in widgets */
.widget select {max-width: 100%;}

/* Search widget */
.widget_search .search-submit {	display: none;}

.wpp-list {vertical-align:text-top; line-height:1.2em; padding:0;}
#secondary .widget .hentry,
.wpp-list li { border-bottom: dotted 1px hsla(0,0%,60%,1.00);  padding:0.7em 5%; overflow:hidden; }
.widget .hentry:last-child,
.wpp-list li:last-child { border-bottom:none;}
.wpp-thumbnail,
.wpp-excerpt,
.widget .entry-meta,
.post-stats { display:block;}

#secondary .widget .wp-post-image,
.wpp-thumbnail { margin:2px 0 2px 0;float:left; max-width:36%; height:auto; }

#secondary .widget .entry-title,
.wpp-post-title,
#secondary .widget .entry-summary,
.wpp-excerpt {float:right; width:62%; clear:right; }

#secondary .widget .entry-title,
.wpp-post-title {  color:hsla(0,0%,25%,1.00); text-decoration:none; font-weight:700; font-size:14px;  }

#secondary .widget .entry-summary,
.wpp-excerpt { font-size:1.2rem; color:hsla(0,0%,40%,1.00); line-height:1.3em; margin-top:0.5em; }
.widget .entry-summary p { margin:0;}

.widget .entry-meta,
.post-stats { font-size:1.2rem; color:hsla(0,0%,60%,1.00); line-height:1.1em; font-weight:400; margin-top:0.75em; clear:both;  }
#secondary .widget .byline,
#secondary .widget .entry-meta,
.post-stats { display:none!important;}

.widget .entry-meta a{text-decoration:none;}
.widget .more { text-align:right;}

#secondary .widget_sp_image,
.widget_sp_image { margin-bottom:0; border-bottom:solid 1px hsla(0, 0%, 75%, 1); }
.widget_sp_image img { width:100%; height:auto; vertical-align:bottom;}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {}
.content-area .hentry {	margin: 0 0 1.5em;}
.byline,
.updated { display: none;}
.single .byline { display: inline;}
.page-content,
.entry-content,
.content-area .entry-summary {	margin: 1em 0 0;}
.page-links {	clear: both;	margin: 0 0 1.5em;}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {	display: none;}
aside p { margin:0.5em 0;}
aside li a { color:#404040; text-decoration:none;  }
aside li a:hover { color:hsla(139,63%,39%,1.00);}
aside .cat-item {text-align:right; color:#969696; overflow:hidden;}
aside .cat-item a {float:left;}

aside input[type="text"],
aside input[type="email"],
aside input[type="url"],
aside input[type="password"],
aside input[type="search"],
aside input[type="submit"],
aside textarea { width:100%;}
aside input[type="submit"] { margin:0.5em 0;}

.widget_recent_entries li { display:table; width:100%;}
.widget_recent_entries li a,
 .widget_recent_entries li span{ display:table-cell;}
 .widget_recent_entries li span { text-align:right;}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {	word-wrap: break-word;}
.bypostauthor {}
.form-allowed-tags { display:none;}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object { max-width: 100%;  }
.content-area iframe {width:100%; min-height:405px;}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { }

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
.site { max-width:1055px;}
#slider,
.cycle-slide { width:100%;}

.page-template-page-full-width-php .site-content { background:#fff;}
.page-template-page-full-width-php .content-area { width:100%; display:block;}

.site { margin:0 auto; z-index:1; position:relative; background:#fff;  box-shadow: 0px 0px 20px -7px rgba(0,0,0,1),  inset 0px 0px 15px -11px rgba(0,0,0,1); }

.site-branding { width:25%; max-width:190px; position:relative; }
.site-logo { margin:10px 0;  width:100%;}

.content-area { float: left; display:block; width:70%;  background:#fff; }
.site-main { padding:0 6.4%; margin:3.2% 0; }
.home .site-main { margin:0; }
.site-content .widget-area { float: right; display:block; overflow: hidden; width: 30%;  vertical-align:top;}
.home .site-content .widget-wrapper {    display: table;}
.home .site-content .widget-area { float:none; display: table-cell; vertical-align:top;}
.home .site-content .col1,
.home .site-content .col2 { width:35%;}
.home .site-content .col1 aside,
.home .site-content .col2 aside { padding:5% 8%; }
.home .site-content .col3 {width:30%; }
.col1 { border-right: 1px solid #BFBFBF;}

@media screen and (max-width: 580px) {
	.home .site-content .widget-wrapper {    display: block;}
	.site-content { background:#fff!important;}
	.content-area,
	.site-content .widget-area,
	.home .site-content .widget-area { display: block; width:100%;clear:left; }
	.header-banner { display:none;}
	.site-branding { margin:0 auto; width:60%;}
}

.home .col3,
.site-content{ background-color:hsla(0,0%,92%,1.00);}
.site-content { background-image: url(images/back-tile.png); background-size: 100% Auto;}
.site-footer { background:hsla(0,0%,86%,1.00);}
.home .site-content {background:#fff;}

.site-footer { clear: both; width: 100%; text-align:center; padding:1.6% 0;  }
.
.site-footer,
.site-footer a { color:hsla(0,0%,60%,1.00); text-decoration:none;}

.header-banner { position:absolute; top:18px; right:0px; width:75%;}
.header-banner img{  max-width:728px; width:100%; }
.header-banner img{
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.header-banner img:before {
    position: absolute;
    width: 100%;
    height: 80%;
    border-radius: 10px / 100px;
    z-index: -1;
    top: 10%;
    bottom: 10%;
    content: "";
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    }

/*
Backgrounds
*/
#bg-slideshow,
.ad-back {position:fixed;overflow:hidden;z-index: 0; width:100%; height:2000px; left:0; top:0; right:0;}
.ad-back a { width:100%; height:2000px; overflow:hidden; display:block; text-decoration:none;}

.full-wide-ad { width:100%;}

#slider { max-height:350px; overflow:hidden;}
.slider-info { position:absolute; width:38%; top:30px; right:50px; }
.slider-info h2 { font-size:3.6rem; line-height:1.2em; padding:5px 10px 5px 10px; letter-spacing:-0.05rem; font-weight:700;   text-shadow: 0px 0px 5px hsla(0,0%,0%,0.75); }
.slider-info h2,
.slider-info p { background:hsla(0,0%,0%,0.35);}
.slider-info p { padding:0.5em 10px 10px 10px; margin:0;}
.slider-info a,
.slider-info { color:#fff; text-decoration:none;   text-shadow: 0px 0px 3px hsla(0,0%,0%,0.75);}
.cycle-slide img { height:auto; width:100%;}
.slider-image { display:block;}

.cycle-pager { text-align:center; color:hsla(198, 100%, 40%, 1); position:absolute; z-index:200; bottom:0; width:100%;}
.cycle-pager:hover { background:hsla(0,0%,0%,0.53);}
.cycle-pager span { cursor:pointer; font-size:50px; line-height:30px; padding:0 2px;}
.cycle-pager span:hover { color:#fff;}

.nav-control { width:3.6%; font-family:arial; position:absolute; bottom:0px; top:0px; z-index:300; color:#fff; font-weight:400; font-size:60px; cursor:pointer;   text-align:center; overflow:hidden; text-indent:-100px; }
.nav-control:hover {background:hsla(0,0%,0%,0.53); text-indent:0;  }
.cycle-next { right:0px; }
.cycle-prev { left: 0px; }

.transition{ -webkit-transition: all 0.25s; /* For Safari 3.1 to 6.0 */  transition: all 0.25s;}



/*Feature Post on Home Page*/
.features { overflow:hidden; clear:both;  color:#fff; position:relative; background: #000; }
.features .clear {}
.features a { color:#fff; text-decoration:none;}
.features h2 {text-shadow: 0px 0px 3px #000;}
.features li {float:left; }
.features li .inner {position:relative; overflow:hidden; z-index:5; padding-bottom:50%;}
.features .feature-1 {width:66.65%; }
/*.features .feature-1:before { content:''; background:#000; right:0; left:0; top:0; bottom:0; position:absolute; z-index:0; max-height:395px;  }*/
.features .feature-1 .inner { border-right:solid 2px #000; max-height:352px; overflow:hidden;}
.features .feature-3 .inner { border-top:solid 2px #000; }
.features .feature-4 { clear:left; }
.features .feature-1 h2 { font-size:2.5rem; }
.features .feature-2,
.features .feature-3 {width:33.35%; float:right; max-height:176px; overflow:hidden;}
.features .feature-4,
.features .feature-5,
.features .feature-6 { width:33.33333332%;  background:hsla(198, 100%, 40%, 1); }
.features .feature-4 .inner,
.features .feature-5 .inner,
.features .feature-6 .inner { margin:3.4% 2.4%; box-shadow: 0px 0px 3px 0px hsla(0,0%,0%,0.5);  max-height:180px; }
.features .feature-4 .inner { left:2.4%;}
.features .feature-6 .inner { right:2.4%;}

.feature-info { position:absolute; bottom:0; z-index:20; padding:1em 5%; width:100%;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 38%, rgba(0,0,0,0.9) 99%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(38%,rgba(0,0,0,0.66)), color-stop(99%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 38%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 38%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 38%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 38%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */

}
.feature-info p {margin:0;}
.feature .more { text-align:right;}
.feature .more a { color:hsla(198, 100%, 40%, 1); font-weight:700; font-size:1.6rem; vertical-align:middle;}
.feature .more a:after { content:''; transition: opacity 0.1s linear 0s; width:20px; height:20px; border-radius:10px; float:right; display:block; background:hsla(198, 100%, 40%, 1) url(images/sprite.png) -39px 0; color:#fff; text-align:center; left:5px; top:2px; position:relative;  }
.feature .more a:hover:after { box-shadow:0px 0px 5px 2px #000; opacity:0.75;}

.feature-image { width:100%; vertical-align:bottom; display:block;}

.features .feature-2 .feature-info,
.features .feature-3 .feature-info,
.features .feature-4 .feature-info,
.features .feature-5 .feature-info,
.features .feature-6 .feature-info { bottom:-300px; transform: translateZ(0px);  transition: all 0.25s linear 0s;}

.features .feature-2:hover .feature-info,
.features .feature-3:hover .feature-info,
.features .feature-4:hover .feature-info,
.features .feature-5:hover .feature-info,
.features .feature-6:hover .feature-info  { bottom:-1px; 

}
@media screen and (max-width: 960px)  {.home .features h2 { font-size:1em;}}
@media screen and (max-width: 580px) {
	.home .site-content .widget-wrapper {    display: block;}
	/*
	.home .features li { width:100%; clear:left; float:none; }
	.home .features li .inner { margin:0; left:0; right:0;}
	*/
	.home .features { display:none;}
	
}



.sticky-posts { background:hsla(198, 100%, 40%, 1); padding:1% 1.8%; overflow:hidden; vertical-align:middle; line-height:0;}
.sticky-posts article { float:left; width:33.33%;  }
.sticky-posts .inner {margin:0 3%; position:relative; max-height:170px; overflow:hidden; line-height:1.3em; }
.sticky-posts a.thumbnail { max-height:170px; overflow:hidden; display:block; }
.sticky-posts article:hover img { opacity: 0.25;}
.sticky-posts header { position:absolute; top:-100px; display:block; width:100%; overflow:hidden; padding:5px 10px; white-space:nowrap; }
.sticky-posts h2 a { padding-top:0.2em; color:#fff; font-size:16px; font-weight:700;}
.sticky-posts h2 a:hover { color:hsla(0,0%,75%,1.00);}
.sticky-posts article:hover header { top:0; }
.sticky-posts .entry-summary { padding:5px 10px; position:absolute; top:320px; left:0;  }
.sticky-posts  a { color:#fff; text-decoration:none;}
.sticky-posts article:hover .entry-summary { top:25px;}


.featured-categories { overflow:hidden; padding:1.6%; }


.home .widget .wp-post-image,
.sticky-posts img { width:100%; height:auto; line-height:0;}

.wp-post-image:hover { display:block;  background:hsla(216,67%,27%,1.00);  opacity:0.90;}
.home .widget > div > a { display:block; box-shadow: 0px 0px 3px 0px hsla(0,0%,0%,0.5), inset 0px 0px 103px 25px rgba(0,0,0,1); background:hsla(216,67%,27%,1.00);} 
.col1 .widget .post:hover,
.col2 .widget .post:hover {  box-shadow:0px 0px 0px 5px hsla(0,0%,100%,1.00), 0px 0px 20px 10px hsla(0,0%,0%,0.25); /*border-bottom: solid 1px #fff;*/ }
.col1 .widget .hentry,
.col2 .widget .hentry {/*border-bottom: 1px dotted hsla(0,0%,80%,1.00);*/ padding:0 0 1em 0; margin-bottom:1em;}
.col1 .widget .hentry .entry-title,
.col2 .widget .hentry .entry-title { margin:0.3em 0; font-size:1.7rem;}
.col1 .widget .hentry .entry-summary p,
.col2 .widget .hentry .entry-summary p {margin-top:0; line-height:1.4em; font-size:14px; color:hsla(0,0%,39%,1.00);}


.featured-categories h1 { margin:0 1.6%; }

.featured-categories .hentry { float:left; width:66.66%; padding:0 1.6%; margin:1.6% 0;  border-right:solid 1px hsla(0,0%,76%,1.00);}
.featured-categories .hentry h2 { padding-top:0.75em;}
.featured-categories .featured-image {overflow:hidden; display:block; }
.featured-categories img { width:100%; height:auto;  }
.featured-categories ul { float:right; padding: 0 1.6%; margin:1.6% 0; width:33.3%;}
.featured-categories ul a.thumbnail { float:left; width:50%; max-height:70px; overflow:hidden; display:block; }
.featured-categories li {  overflow:hidden; padding-bottom:3.2%; margin-bottom:3.2%; border-bottom:dotted 1px hsla(0,0%,80%,1.00);}
.featured-categories li:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0;}
.featured-categories li .entry-summary { float:right; width:50%; padding-left:3.2%; margin:0;}
.featured-categories li .entry-title { font-weight:700; text-decoration:none;}
.featured-categories li .entry-title:hover { text-decoration:underline;} 
.featured-categories .more { text-align:right; display:block; float:right; background-color:hsla(0,0%,70%,1.00); color:#fff; text-decoration:none; padding:5px 10px; font-weight:700;}
.featured-categories .more:hover { background-color:hsla(0,0%,22%,1.00)}


.related-posts ul {  position:relative;}
.related-posts ul,
.related-posts li { list-style:none; margin:0;}
.related-posts li { float:left; width:33.333333333332%;  position:relative; display:block; margin-bottom:1em;}
.related-posts .inner { margin-right: 3%; }
.related-posts .entry-summary { background:#fff; width:100%; padding:3% 0; margin:0; }
.related-posts { font-size:1.2rem; line-height:1.2em;}
.related-posts .entry-title { font-weight:400; font-size:1.3rem; color:#616161;}
.related-posts .thumbnail { overflow:hidden; max-height:120px;}
.related-posts img { width:100%; vertical-align:bottom;}
.related-posts .post-04 { clear:left;}

.sticky-posts .inner,
.thumbnail,
.featured-image,
a.featured-image { box-shadow: 0px 0px 3px 0px hsla(0,0%,0%,0.5), inset 0px 0px 103px 25px rgba(0,0,0,1); background:hsla(216,67%,27%,1.00); display:inline-block;}
.rollover { position:relative;  }

.widget-wrapper .widget .post,
.wp-post-image,
.rollover,
.rollover img {  transform: translateZ(0px);  transition: all 0.25s linear 0s; vertical-align:middle;  }
.rollover:hover img { opacity: 0.5;}
/*
.featured-image:before { content:'MORE'; position:absolute; right:0; bottom:0; opacity:0; visibility:hidden; font-weight:700; }
.featured-image:hover:before { opacity:1; transition: all 0.25s ease-in 0s; padding:5px 10px; text-decoration:none; z-index:300; visibility:visible; color:#fff; background-color:hsla(139,63%,39%,1.00); box-shadow: -8px 0px 26px -9px rgba(0,0,0,1); }
*/

.entry-footer { background:hsla(0,0%,94%,1.00); padding:3.2%;}
.addthis_toolbox { float:right;}
.addthis_toolbox:hover { opacity:0.5;}

.archive .gallery { overflow:hidden; margin:0 -1.6%;}
.archive .gallery .container { padding:3.2%;}
.archive .gallery li { float:left; width:33.33%; min-height:180px;}
.archive .gallery .entry-title { font-size:1em;}

.cat-list { margin:0!important;}
.cat-list .entry-title { font-size:120%; font-weight:700; }
.cat-list li {overflow:hidden; padding-bottom:1em;}
.cat-list li p { margin-bottom:0;}
.cat-list .thumbnail { float:left; clear:left; margin:0 1.6% 1em 0; max-width:33.33%;}
.cat-list .entry-summary { margin: 0 0 0.5em 0; line-height:1.4em;}

.taxonomy-description { color:hsla(0,0%,10%,1.00); font-size:120%;  font-style:italic; }



.wp-polls .Buttons {border:none; background:hsla(198, 100%, 40%, 1); }

.blue { color:hsla(198, 100%, 40%, 1);}
.green { color:hsla(139,63%,39%,1.00);}