/*
Theme Name: Skwigly 2017
Theme URI: http://www.slurpystudios.com
Description: Theme for Skwigly Animation Magazine 2017
Author: Aaron Wood
Version: 4.0
License: 
License URI: 
Tags:
*/



*, 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 {font-size:100%; font: inherit; padding:0; margin:0; vertical-align:baseline; border:0;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, .footer, .header , hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
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;}
img{display:block;}
br.clear{clear: both; line-height:0px; height:0; font-size:0px;}
/*a:-webkit-any-link{text-decoration:none;}*/ /* Removes forces blue line on links Safari */



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.row,
.strip-heading{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media only screen and (max-width : 1240px) {
.row,
.strip-heading{
	width: 96%;
	margin: 0 2%;
}
}
@media only screen and (max-width : 550px) {
.row,
.strip-heading{
	width: 92%;
	margin: 0 4%;
}
}
.row:after{ /* This clears the float after each row*/
    content:'';
    display:block;
    clear: both;
}



.column{
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin-left: 4%;
}
.column:first-child{margin-left: 0;}

.one-fifth.column   {width: 16.8%;}
.one-quarter.column {width: 22%;}
.one-third.column   {width: 30.6666666667%;}
.two-third.column   {width: 65.3333333333%;}
.one-half.column    {width: 48%;}


@media only screen and (max-width : 800px) {
	.one-quarter.column {width: 48%;}
	.one-quarter.column:nth-child(3),
	.one-quarter.column:nth-child(6),
	.one-quarter.column:nth-child(9),
	.one-quarter.column:nth-child(12),
	.one-quarter.column:nth-child(15) {margin-left:0; content:''; display:block; clear: both;}
}
@media only screen and (max-width : 550px) {
	.one-fifth.column,
	.one-quarter.column,
	.one-third.column,
	.two-third.column,
	.one-half.column {width: 100%; margin-left:0;}
}

.column img{
	width: 100%;
	height:auto;
}
 
 
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html{
	font-size: 62.5%; }
body{
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	color: #444;	
}
.rubik{
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
}
.cabin{
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
}

/* Animation Settings */
.animate3sec{
	-webkit-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
            transition: all 0.3s linear;
}
.animate2sec{
	-webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.animate1sec{
	-webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
	    -ms-transition: all 0.1s linear;
            transition: all 0.1s linear;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 700;
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
}
h1 { font-size: 3.6rem; line-height: 4.2rem;}
h2 { font-size: 3.6rem; line-height: 4.2rem;}
h3 { font-size: 3.0rem; line-height: 3.8rem;}
h4 { font-size: 2.4rem; line-height: 3.0rem;}
h5 { font-size: 1.6rem; line-height: 2.0rem; text-transform:uppercase;}
h6 { font-size: 1.6rem; line-height: 2.0rem; text-transform:uppercase;}


@media only screen and (max-width : 550px) {
h1 { font-size: 3.0rem; line-height: 3.6rem;}
h2 { font-size: 3.0rem; line-height: 3.6rem;}
h3 { font-size: 2.6rem; line-height: 3.2rem;}
h4 { font-size: 2.0rem; line-height: 2.6rem;}
h5 { font-size: 1.6rem; line-height: 2.2rem;}
h6 { font-size: 1.6rem; line-height: 2.2rem;}
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; text-decoration:none;}
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
	display: inline-block;
	width:100%;
	height: 38px;
	line-height: 38px;
	padding: 0 25px;
	color: #fff;
	background-color: #385f80;
	border: 1px solid #385f80;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0; 
	border-radius:0;
}
.button i,
button i,
input[type="submit"] i,
input[type="reset"] i,
input[type="button"] i {
	height: 36px;
	line-height: 38px;
	padding-right: 15px;
	font-size: 1.8rem;
	display: block;
	float:left;
}
	
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	opacity:0.6;
	filter: alpha(opacity=60);
	outline: 0;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	width:100%;
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #e1e1e1;
	border: 2px solid #385f80;
	color:#444;
	box-shadow: none;
	box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
	-webkit-border-radius:0; 
	border-radius:0;
}
select {
	-webkit-border-radius:0; 
	border-radius:0;
}
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 2px solid #fff;
	background-color: #bad1dc;
	outline: 0; }
input[type="checkbox"],
input[type="radio"] {
	display: inline; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}
.full-width-banner img{
	width:100%;
}
@media only screen and (max-width : 550px) {
.full-width-banner img{
	dislay:none;
}
}


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.clear {
  content: "";
  display: table;
  clear: both; }


/* BX Slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bxslider-wrap {
	visibility: hidden;
	height:50px;
}
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  background: #fff;
}
@media only screen and (max-width : 550px) {
.bx-wrapper {
  margin-top:15px;
}
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -20px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center top no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
@media only screen and (max-width : 550px) {
.bx-wrapper .bx-pager {
  display:none;
}
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #444;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #7da7c7;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 0px;
	padding-right:5px;
	background:#fff;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.bx-wrapper .bx-next {
	right: 0px;
	padding-left:5px;
	background:#fff;
	opacity:0.8;
	filter: alpha(opacity=80);
}
@media only screen and (max-width : 800px) {
.bx-wrapper .bx-prev {
	left: -1px;
}
.bx-wrapper .bx-next {
	right: -1px;
}
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover{
	opacity:1.0;
	filter: alpha(opacity=100);
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 0;
  outline: 0;
  width:30px;
  height:40px;
  line-height:44px;
  outline:0;
  z-index: 1;
  color: #444;
  font-size:2.2rem;
  text-align:center 
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.container .column .bx-wrapper article a:hover .img-wrapper img{
	opacity:1.0;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1) rotate(0deg);   
	-ms-transform: scale(1) rotate(0deg); 
	-moz-transform: scale(1) rotate(0deg); 
	transform: scale(1) rotate(0deg);
}


/* Login Pop Up Box
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.popup-overlay {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
	z-index:4;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}
.popup-box {
    position:absolute;
    top:50%;
    left:50%;
	width:400px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,0);
    background:#ebebeb;
}
.popup-box .header {
	text-align: center;
	padding:0;
}
.popup-box .header i{
	font-size: 6.0rem;
	background-color: #385f80;
	border-radius:50%;
    margin-top:-30px;
}
.popup-box .header h3{
	font-size: 2.8rem;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	padding: 10px 0;
	margin:0;
}


.popup-box .form-wrap {
	padding:20px 30px;
}
.popup-box .form-wrap a{
	text-decoration:underline;
}
.popup-box .form-wrap a:hover{
	text-decoration:none;
}
.popup-box .form-wrap p{padding-bottom:0px;}

.popup-box .form-wrap p.benefits{
	padding-bottom:15px;
}
.popup-box .form-wrap label{width:100%;}
.popup-box .form-wrap input[type="text"],
.popup-box .form-wrap input[type="password"]{width:100%;margin-bottom:5px;border:1px solid #a9a9a9;}
.popup-box .form-wrap input[type="submit"],
.popup-box .form-wrap input[type="button"]{width:100%;margin-top:10px;}
.popup-box .form-wrap .login-remember{
	display:none;
}
.popup-box .form-wrap span.line{
	border-bottom: 1px solid #858585;
	padding-top:23px;
	display:block;
	width:100%;
}
.popup-box .form-wrap span.or{
	display:block;
	font-size:1.6rem;
	width:30px;
	height:30px;
	line-height:30px;
	color:#858585;
	background:#eaeaea;
	margin: -17px auto 8px;
	text-align:center;
}
.popup-box .form-wrap .user-login{
	display:none;
}
.popup-box .form-wrap .apsl-login-networks a{
	width: 50%;
	display:block;
	font-size:1.4rem;
	float:left;
}
.popup-box .form-wrap .apsl-login-networks a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
}
.popup-box .form-wrap .apsl-login-networks a .apsl-icon-block{
	width: 94%;
	margin-bottom:15px;
}
.popup-box .form-wrap .apsl-login-networks a .apsl-icon-facebook{
	margin-right:4%;
}
.popup-box .apsl-login-networks a .apsl-icon-twitter{
	margin-left:4%;
}
.popup-box .form-wrap .apsl-login-networks a .apsl-long-login-text{
	font-size:1.1rem;
}
.popup-box .form-wrap a.left{width:46%; float:left; color:#444;}
.popup-box .form-wrap a.right{width:46%; float:right; text-align:right; color:#444;}


.popup-box .popup-close:link, 
.popup-box .popup-close:visited {
	color: #fff;
	background: #385f80;
	border: 2px solid #fff;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	position:absolute;
	top:-12px;
	right:-12px;
	font-size:2.2rem;
	border-radius:50%;
}
.popup-box .popup-close:hover {
	color: #385f80;
	background: #fff;
}
.popup-box .popup-close i{
	line-height:29px;
	height:30px;
	display:block;
}












 







.header{
	color: #fff;
	padding-top: 10px;
	background-color: #385f80;
	background-image: url(images/head-mocks.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.header img.logo{
	width:auto;
	height:99px;
	margin-bottom: 10px;
	float:left;
}
@media only screen and (max-width : 800px) {
.header img.logo{
	height:68px;
}
}
@media only screen and (max-width : 550px) {
.header img.logo{
	height:40px;
}
}
.header img.logo-text{
	width:auto;
	height:99px;
	margin-left:10px;
	float:left;
}
@media only screen and (max-width : 800px) {
.header img.logo-text{
	height:68px;
	margin-left:10px;
}
}
@media only screen and (max-width : 550px) {
.header img.logo-text{
	display:none;
}
}
.header ul.social{
	margin-top:50px;
	float:right;
}
@media only screen and (max-width : 800px) {
.header ul.social{
	margin-top:30px;
}
}
@media only screen and (max-width : 550px) {
.header ul.social{
	display:none;
}
}
.header ul.social li{
	font-size:2.6rem;
	padding-left:36px;
	float:right;
}
@media only screen and (max-width : 800px) {
.header ul.social li{
	font-size:2.4rem;
	padding-left:20px;
}
}
.header ul.social li a{
	color:#fff;
}
.header ul.social li a:hover{
	color:#26373e;
} 



.header a.openSearch{
	height: 35px;
	line-height: 35px;
	padding-right: 30px;
	text-transform: uppercase;
	text-align: right;
	color: #fff;
	background: #7da7c7;
	position: absolute;
	right: 0;
	top: -10px;
	letter-spacing: 0.05rem;
	font-weight: 700;
}
.header a.openSearch i{
	margin: 9px 10px 0 25px;
	float:left;
}
@media only screen and (max-width : 800px) {
.header a.openSearch span{
	display:none;
}
}
@media only screen and (max-width : 550px) {
.header a.openSearch{
	display:none;
}
}
.header a.openSearch:hover{
	color: #2a465e;
}

#search-slide-panel {
	position:absolute;
	z-index: 4;
	top:0;
	left:0;
	background-color: #7da7c7;
	display: none;
	width:100%;
}
#search-slide-panel .btn-slide.closeSearch:link, 
#search-slide-panel .btn-slide.closeSearch:visited {
	color: #fff;
	background-color: #7da7c7;
	border: 3px solid #fff;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	position:absolute;
	top:10px;
	right:10px;
	font-size:3.4rem;
	border-radius:50%;
}
#search-slide-panel .btn-slide.closeSearch:hover {
	color: #385f80;
	border: 3px solid #385f80;
}
#search-slide-panel .btn-slide.closeSearch i{
	line-height:41px;
	height:44px;
	display:block;
}
#search-slide-panel h4{
	color: #fff;
	font-size: 1.8rem;
	padding: 0;
	letter-spacing: 0.03rem;
}
#search-slide-panel .datepicker{
	max-width: 100%;
}
#search-slide-panel .sf-field-search,
#search-slide-panel .sf-field-sort_order,
#search-slide-panel .sf-field-post_date,
#search-slide-panel .sf-field-category,
#search-slide-panel .sf-field-post_type,
#search-slide-panel .sf-field-author,
#search-slide-panel .sf-field-submit{float:left;}
#search-slide-panel .searchAdvanced {margin-top:15px;}
#search-slide-panel .searchAdvanced h3{color:#fff; padding-bottom:10px; margin:0; text-align:center;}
#search-slide-panel .searchAdvanced .sf-field-search{width:32%;margin-right:2%;}
#search-slide-panel .searchAdvanced .sf-field-category{width:32%;margin-right:2%;}
#search-slide-panel .searchAdvanced .sf-field-post_type{width:32%;}
#search-slide-panel .searchAdvanced .sf-field-sort_order{width:32%; margin-top:26px;}
#search-slide-panel .searchAdvanced .sf-field-submit{width:100%;margin:10px 0;}
#search-slide-panel .searchAdvanced .sf-field-post_date{width:68%; padding:0;}
#search-slide-panel .searchAdvanced .sf-field-post_date h4{height:30px;}
#search-slide-panel .searchAdvanced .sf-field-post_date ul.sf_date_field li{
	float:left;
	width:47.3%;
	margin-right:2.7%;
}
#search-slide-panel .searchWriter {margin-bottom:30px;}
#search-slide-panel .searchWriter .sf-field-author{width:32%;margin-right:2%;}
#search-slide-panel .searchWriter .sf-field-sort_order{width:32%;margin-right:2%;}
#search-slide-panel .searchWriter .sf-field-submit{width:32%;}
#search-slide-panel .divider{
	margin-top:20px;
	border-top:solid 1px #fff;
}
#search-slide-panel .divider span{
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:2rem;
	background:#7da7c7;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	margin: -20px auto 0;
}
#search-slide-panel .divider h4{
	margin:0;
	text-align:center;
}





.header .login {
	height: 35px;
	line-height: 40px;
	padding-right: 5px;
	text-align: right;
	font-size: 1.4rem;
	position: absolute;
	right: 250px;
	top: -10px;
}
.header .login .half-pipe{
	padding:0 10px;
}
.header .login a{
	color: #fff;
}
@media only screen and (max-width : 800px) {
.header .login{
	right: 160px;
}
}
@media only screen and (max-width : 550px) {
.header .login {
	display:none;
}
}
.header .login a:hover{
	color:#26373e;
} 
.header .login a i{
	font-size: 2.2rem;
	float:left;
	padding:8px 10px 0 0;
} 



.header a.login-mobile,
.header a.search-mobile{
	display:none;
}
@media only screen and (max-width : 550px) {
.header a.login-mobile,
.header a.search-mobile{
	display:block;
	font-size:3.2rem;
	color:#fff;
	float:right;
	margin-top: -5px;
}
.header a.login-mobile{
	margin-right:20px;
}
.header a.search-mobile{
	margin-right:60px;
}
}





.header .hamburger-btn{ 
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
}
@media only screen and (max-width : 550px) {
.header .hamburger-btn{
	display:block!important;
}
}
/* These styles give hamburger menu it's animation */
.header .c-hamburger {
	display:block;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	font-size:0;
	text-indent:-9999px;
	box-shadow:none;
	border-radius:none;
	border:none;
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0; 
	border-radius:0;
	-webkit-transition:background .3s;
	transition:background .3s
}
.header .c-hamburger:focus {
	outline:0
}
.header .c-hamburger span {
	display:block;
	position:absolute;
	top:18px;
	left:3px;
	right:3px;
	height:5px;
	background:#fff;
}
.header .c-hamburger--htx {
	background-color:transparent;
}
.header .c-hamburger--htx:hover,
.header .c-hamburger--htx:focus{
	opacity:1.0;
	filter: alpha(opacity=100);
}
.header .c-hamburger--htx span {
	-webkit-transition:background 0s .3s;
	transition:background 0s .3s
}
.header .c-hamburger--htx.is-active {
	background-color:transparent;
}
.header .c-hamburger--htx.is-active span {
	background:0 0
}
.header .c-hamburger span::after, 
.header .c-hamburger span::before {
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:5px;
	background-color:#fff;
	content:""
}
.header .c-hamburger--htla.is-active span::after, 
.header .c-hamburger--htla.is-active span::before, 
.header .c-hamburger--htra.is-active span::after, 
.header .c-hamburger--htra.is-active span::before {
}
.header .c-hamburger span::before {
	top:-12px
}
.header .c-hamburger span::after {
	bottom:-12px
}
.header .c-hamburger--htx span::after, 
.header .c-hamburger--htx span::before {
	-webkit-transition-duration:.3s, .3s;
	transition-duration:.3s, .3s;
	-webkit-transition-delay:.3s, 0s;
	transition-delay:.3s, 0s
}
.header .c-hamburger--htx span::before {
	-webkit-transition-property:top, -webkit-transform;
	transition-property:top, transform
}
.header .c-hamburger--htx span::after {
	-webkit-transition-property:bottom, -webkit-transform;
	transition-property:bottom, transform
}
.header .c-hamburger--htx.is-active span::before {
	top:0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:#fff;
}
.header .c-hamburger--htx.is-active span::after {
	bottom:0;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background-color:#fff;
}
.header .c-hamburger--htx.is-active span::after, 
.header .c-hamburger--htx.is-active span::before {
	-webkit-transition-delay:0s, .3s;
	transition-delay:0s, .3s
}



/* These styles just make hamburger menu work */
.responsive-menu{
	border-top: 1px solid #fff;
	height:46px;
	line-height:46px;
	position: relative;
	z-index: 2;
	font-size:1.8rem;
	width:100%;
	float:left;
}
@media only screen and (max-width : 550px) {
.responsive-menu{
	height: auto;
	width: 100%;
	margin: 0;
	z-index: 3;
	display: none;
	border-top: none;
}
}
.responsive-menu li{
	display:inline;
	float: left;
	height: 45px;
	line-height: 45px;
	width:11%;
}
@media only screen and (max-width : 800px) {
.responsive-menu li{
	width:12.5%;
}
.responsive-menu li.showcase{
	display:none;
}
}
@media only screen and (max-width : 550px) {
.responsive-menu li.showcase{
	display:block;
}
}
@media only screen and (max-width : 550px) {
.responsive-menu li{
	height: auto;
	width: 100%;
	margin: 0;
	font-size: 2rem;
}	
}
.responsive-menu li:last-child{
	float:right;
}
.responsive-menu li li:last-child{
	float:left;
} 
.expand {
	display: block !important;
}
.hide {
	display: none !important;
}
.open-menu-link{
	visibility: hidden;	
}
@media only screen and (max-width : 550px) {
.open-menu-link{
	display: none!important;
	visibility: visible;	
	position: absolute;
	right: 5px;
	top: 0px;
	cursor: pointer;
	color: #fff;
	width: 15%;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	font-family: Arial!important;
}
}
.open-menu-link.close{
	line-height: 42px;
}
@media only screen and (max-width : 550px) {
.menu-item-has-children{position: relative;}
li .sub-menu{
	display: none;
}
}
.visible {
	display: block !important;
}
.responsive-menu a{
	text-align: center;
	font-size: 1.4rem;
	float:left;
	text-transform:uppercase;
	color:#fff;
	height:45px;
	display:inline-block;
	font-weight: 700;
	width:100%;
}
@media only screen and (max-width : 800px) {
.responsive-menu a{
	font-size: 1.3rem;
	font-weight: normal;
}
}
@media only screen and (max-width : 550px) {
.responsive-menu a{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
}
/* THE SUBMENU LIST HIDDEN BY DEFAULT */
.responsive-menu ul ul {
	/*display: none;*/
	width: 100%;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 3;
	overflow: hidden;
	padding: 0 20px;
	height: 0;
	-webkit-transition: height 200ms ease-in;
	-moz-transition: height 200ms ease-in;
	-o-transition: height 200ms ease-in;
	transition: height 200ms ease-in;
}
@media only screen and (max-width : 550px) {
.responsive-menu ul ul {
	width: 100%;
	position: relative;
	top: 0;
	height: auto;
	padding: 0;
}
}
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
.responsive-menu ul li:hover > ul {
	display: block;
	height: 50px;
}
@media only screen and (max-width : 550px) {
.responsive-menu ul li:hover > ul {
	display: none;
	height: auto;
}
}
.responsive-menu ul ul li {
	width: auto;
	height: 50px;
	line-height:50px;
	margin: 0;
	padding: 0;
	position: relative;
}
@media only screen and (max-width : 550px) {
.responsive-menu ul ul li {
	width: 100%;
	height: 45px;
	line-height:45px;
}
}
.responsive-menu li li a span{
	float: right;
	padding: 0 0 0 20px;
	color: #fff;
}	
@media only screen and (max-width : 550px) {
.responsive-menu li li a span{
	display:none;
}	
}
.responsive-menu ul ul.right-align li{
	float: right;
}
.responsive-menu ul ul li a {
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0 10px 0 10px;
}
@media only screen and (max-width : 550px) {
.responsive-menu ul ul li a {
	padding: 0;
	text-align: center;
	text-transform: uppercase;

}
}
.responsive-menu ul ul li a:hover {
	color:#000;
	opacity:0.4;
	filter: alpha(opacity=40);
}
.responsive-menu .article:hover,
.responsive-menu .article ul {background:#a93f2b;}
.responsive-menu .podcasts:hover,
.responsive-menu .podcasts ul {background:#06aba4;}
.responsive-menu .tutorials:hover,
.responsive-menu .tutorials ul {background:#deaa31;}
.responsive-menu .showcase:hover,
.responsive-menu .showcase ul {background:#4a94b6;}
.responsive-menu .events:hover,
.responsive-menu .events ul {background:#9cbf60;}
@media only screen and (max-width : 550px) {
.responsive-menu .article:hover, .responsive-menu .article ul, 
.responsive-menu .podcasts:hover, .responsive-menu .podcasts ul, 
.responsive-menu .tutorials:hover, .responsive-menu .tutorials ul, 
.responsive-menu .showcase:hover, .responsive-menu .showcase ul, 
.responsive-menu .events:hover, .responsive-menu .events ul {background:transparent;}
}










.footer{
	background:#26373e;
}
.footer .small-links{
	padding: 10px 0;
	border-top: 1px solid #586e78;
	color:#586e78;
	font-size:1.0rem;
	line-height:2.0rem;
}
.footer .small-links .left{
	text-align:left;
}
@media only screen and (max-width : 550px) {
.footer .small-links .left{
	width:100%;
	text-align:center;
	line-height:1.6rem;
}
}
.footer .small-links .right{
	text-align:right;
}
@media only screen and (max-width : 550px) {
.footer .small-links .right,
.footer .small-links .left span{
	display:none;
}
}
.footer .small-links a{
	color:#586e78;
	text-decoration:none;
}
.footer .small-links a:hover{
	text-decoration:underline;
}
.footer .big-links{
	padding: 30px 0;
}
@media only screen and (max-width : 550px) {
.footer .big-links{
	padding: 20px 0;
}
}
.footer .big-links li{
	display:block;
	float:left;
	width:25%;
	border-right: 1px solid #586e78;
	text-align:center;
}
.footer .big-links a{
	display:block;
	float:left;
	width:100%;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:1.8rem;
	line-height:1.8rem;
}
.footer .big-links a:hover{
	opacity:0.3;
	filter: alpha(opacity=30);
}
.footer .big-links li:last-child{
	border-right: none;
} 
.footer .big-links a img{
	height:44px;
	width:auto;
	margin:0 auto 30px;
}
@media only screen and (max-width : 550px) {
.footer .big-links a img{
	height:35px;
	margin:0 auto 0;
}
}
@media only screen and (max-width : 800px) {
.footer .big-links span{
	font-size:1.4rem;
}
}
@media only screen and (max-width : 550px) {
.footer .big-links span{
	display:none;
}
}










.social-feed-buttons{
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3.0rem;
	text-transform: uppercase;
	text-align: center;
	padding-top:40px;
}
@media only screen and (max-width : 550px) {
.social-feed,
.social-feed-buttons{
	display:none;
}
}
.social-feed-buttons i{
	font-size:3.0rem;
	width:100%;
}
.social-feed-buttons .column{
	color: #26373e;
	padding-bottom:20px;
	cursor:pointer;
}
.social-feed-buttons .column.current{
	background: url(images/social-feed-arrow.png) no-repeat center bottom;
	background-size: 40px auto;
	color:#bad1dc;
}
.social-feed-buttons .column:hover span{
	color:#bad1dc;
}
.social-feed{
	background:#bad1dc;
	padding: 30px 0;
}
.social-feed .feed-content{
	display: none;
}
.social-feed .feed-content.current{
	display: inherit;
}

.social-feed #twitter .tweet{
	background:#fff;
	padding: 10px;
	overflow:hidden;
}
.social-feed #twitter .tweet img.profile{
	width:22%;
	height:auto;
	float:left;
}
@media only screen and (max-width : 800px) {
.social-feed #twitter .tweet img{
	display:none;
}
}
.social-feed #twitter .tweet .text{
	width:74%;
	height:auto;
	float:right;
	font-size:1.3rem;
	line-height:1.9rem;
	padding-bottom:10px;
}
@media only screen and (max-width : 800px) {
.social-feed #twitter .tweet .text{
	width:100%;
	font-size:1.1rem;
	line-height:1.5rem;
}
}
.social-feed #twitter .tweet .text a{
	color:#444;
	font-weight: 700;
	text-decoration: underline;
}
.social-feed #twitter .tweet .text a:hover{
	text-decoration: none;
}
.social-feed #twitter .tweet .littleBtns img{
	width:auto;
	height:auto;
	float:right;
}
.social-feed #youtube .video a{
	color: #26373e;
	font-size:1.3rem;
	line-height:1.8rem;
	font-weight:700;
	display:block;
}
.social-feed #youtube .video .videoWrapper{
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}
.social-feed #youtube .video .videoWrapper span.playBtn{
	width: 71px;
	height: 100%;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-35px;
	top:0;
	filter:alpha(opacity=70);
	opacity: 0.7;
	background-image: url(images/social-feed-youtube-play-btn.png);
	background-repeat: no-repeat;
	background-position:center center;
	background-size: 71px 50px;
}
@media only screen and (max-width : 800px) {
.social-feed #youtube .video .videoWrapper span.playBtn{
	margin-left:-25px;
	width: 50px;
	background-size: 50px 35px;
}
}
.social-feed #youtube .video a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.social-feed #instagram img{
	border: 8px solid #fff;
	box-shadow: 0px 0px 4px #888888;
}
.social-feed #instagram img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}











/* Standard article grid styles for all pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container .one-third.column article,
.container .one-quarter.column article,
.container .one-half .one-half.column, /* for homepage Latest only*/
.container .two-third .one-half.column /* for homepage News only*/ {
	padding-bottom: 30px;
}
@media only screen and (max-width : 550px) {
.container .one-third.column article,
.container .one-quarter.column article,
.container .one-half .one-half.column article, /* for homepage Latest only*/
.container .two-third .one-half.column article, /* for homepage News only*/ 
.container .two-across article,
.container .three-across article {
	margin-bottom: 15px;
	padding: 15px 0 0 0;
	border-top: 1px solid #d8d8d8;
	float:left;
}
.container .one-third.column article.first,
.container .one-quarter.column article.first,
.container .one-half .one-half.column article.first, /* for homepage Latest only*/
.container .two-third .one-half.column .first /* for homepage News only*/ {
	border:none;
}
.container .one-half .one-half.column, /* for homepage Latest only*/
.container .two-third .one-half.column /* for homepage News only*/ {
	padding-bottom: 0px;
}
}


.container .one-half .one-half.column { /* for homepage Latest only */ 
	margin-left: 8%;
	width: 46%;
}
.container .one-half .one-half.column:nth-child(3) { /* Clears the float and lets 3rd news story sit good under prev row on homepage */
	margin-left:0%; 
	content:''; 
	display:block; 
	clear: both;
}
@media only screen and (max-width : 550px) {
.container .one-half .one-half.column /* for homepage Latest only*/ {
	margin-left: 0%;
	width: 100%;
}
}
.container .one-half .one-half.column:nth-child(1) /* for homepage Latest only*/ {
    margin-left: 0%;
}
.container .two-third .one-half.column /* for homepage News only*/ {
	margin-left: 6%;
	width: 47%;
}
.container .two-third .one-half.column:nth-child(3) { /* Clears the float and lets 3rd news story sit good under prev row on homepage */
	margin-left:0%; 
	content:''; 
	display:block; 
	clear: both;
}
@media only screen and (max-width : 550px) {
.container .two-third .one-half.column /* for homepage News only*/ {
	margin-left: 0%;
	width: 100%;
}
}
@media only screen and (max-width : 1240px) {
.container .one-half .row,
.container .two-third .row /* for homepage News only*/ {
	margin-left: 0%;
	width: 100%;
}
}
.container .two-third .one-half.column:first-child /* for homepage News only*/ {
	margin-left: 0
}
.container .one-half.column article h3{
	font-size:2.4rem;
	line-height:3.0rem;
	padding: 15px 0 10px 0;
	margin:0;
	letter-spacing:0.01rem;
	font-weight:700;
}


.container .one-third.column article h3,
.container .one-third.column .hotp h3, /* for homepage HOTP only*/
.container .two-third .one-half.column article h3, /* for homepage News only*/
.container .two-across article h3{
	font-size:1.9rem;
	line-height:2.3rem;
	padding: 12px 0 6px 0;
	margin:0;
	letter-spacing:0.01rem;
	font-weight:700;
}
@media only screen and (max-width : 800px) {
.container .one-third.column article h3,
.container .one-third.column .hotp h3, /* for homepage HOTP only*/
.container .two-third .one-half.column article h3, /* for homepage News only*/
.container .two-across article h3{
	font-size:1.5rem;
	line-height:1.9rem;
	padding: 8px 0 6px 0;
}
}
@media only screen and (max-width : 550px) {
.container .one-third.column article h3,
.container .two-third .one-half.column article h3, /* for homepage News only*/
.container .two-across article h3{
	width:60%;
	float:right;
	padding: 0px 0 6px 0;
}
.container .one-third.column .hotp h3 /* for homepage HOTP only*/ {
	width:100%;
}
}



.container .one-quarter.column article h3,
.container .one-half .one-half.column article h3, /* for homepage Latest only*/
.container .three-across article h3{
	font-size:1.6rem;
	line-height:2.0rem;
	padding: 12px 0 6px 0;
	margin:0;
	letter-spacing:0.01rem;
	font-weight:700;
}
@media only screen and (max-width : 800px) {
.container .one-quarter.column article h3,
.container .one-half .one-half.column article h3, /* for homepage Latest only*/
.container .three-across article h3{
	font-size:1.5rem;
	line-height:1.9rem;
	padding: 8px 0 6px 0;
}
}
@media only screen and (max-width : 550px) {
.container .one-quarter.column article h3,
.container .one-half .one-half.column article h3, /* for homepage Latest only*/
.container .three-across article h3{
	width:60%;
	float:right;
	padding: 0px 0 6px 0;
}
}



.container .one-half.column article h3 a,
.container .one-third.column article h3 a,
.container .one-quarter.column article h3 a,
.container .one-third.column .hotp h3 a, /* for homepage HOTP only*/
.container .one-half .one-half.column article h3 a, /* for homepage Latest only*/
.container .two-across article h3 a,
.container .three-across article h3 a {
	color:#444;
}
.container .one-half.column article h3 a:hover,
.container .one-third.column article h3 a:hover,
.container .one-quarter.column article h3 a:hover,
.container .one-third.column .hotp h3 a:hover, /* for homepage HOTP only*/
.container .one-half .one-half.column article h3 a:hover, /* for homepage Latest only*/
.container .two-across article h3 a:hover,
.container .three-across article h3 a:hover {
	text-decoration:underline;
}
.container .one-half.column article p{
	font-size:1.6rem;
	line-height:2.2rem;
	text-transform:uppercase;
	color:#999;
}



.container .one-third.column article p,
.container .one-quarter.column article p,
.container .one-third.column .hotp p, /* for homepage HOTP only*/
.container .one-half .one-half.column article p, /* for homepage Latest only*/
.container .two-third .one-half.column article p, /* for homepage News only*/ 
.container .two-across article p,
.container .three-across article p {
	font-size:1.3rem;
	line-height:1.9rem;
	text-transform:uppercase;
	color:#999;
}
@media only screen and (max-width : 800px) {
.container .one-third.column article p,
.container .one-quarter.column article p,
.container .one-third.column .hotp p, /* for homepage HOTP only*/
.container .one-half .one-half.column article p, /* for homepage Latest only*/
.container .two-third .one-half.column article p, /* for homepage News only*/ 
.container .two-across article p,
.container .three-across article p{
	font-size:1.2rem;
	line-height:1.8rem;
}
}
@media only screen and (max-width : 550px) {
.container .one-third.column article p,
.container .one-quarter.column article p,
.container .one-half .one-half.column article p, /* for homepage Latest only*/
.container .two-third .one-half.column article p, /* for homepage News only*/
.container .two-across article p,
.container .three-across article p {
	width:60%;
	float:right;
	padding:0;
}
.container .one-third.column .hotp p /* for homepage HOTP only*/ {
	width:100%;
}
}



.container .one-half.column article p a,
.container .one-third.column article p a,
.container .one-quarter.column article p a,
.container .one-half .one-half.column article p a, /* for homepage Latest only*/
.container .two-across article p a,
.container .three-across article p a {
	color:#999;
}
.container .one-half.column article .half-pipe,
.container .one-third.column article .half-pipe,
.container .one-quarter.column article .half-pipe,
.container .one-half .one-half.column article .half-pipe, /* for homepage Latest only*/
.container .two-across article .half-pipe,
.container .three-across article .half-pipe {
	padding:0 10px;
}
@media only screen and (max-width : 550px) {
.container .one-half.column article .half-pipe,
.container .one-third.column article .half-pipe,
.container .one-quarter.column article .half-pipe,
.container .one-half .one-half.column article .half-pipe, /* for homepage Latest only*/
.container .two-across article .half-pipe,
.container .three-across article .half-pipe {
	display:none;
}
.container .one-half.column article .date,
.container .one-third.column article .date,
.container .one-quarter.column article .date,
.container .one-half .one-half.column article .date, /* for homepage Latest only*/
.container .two-across article .date,
.container .three-across article .date {
	display:none;
}
}



.container .one-half.column article p a:hover,
.container .one-third.column article p a:hover,
.container .one-quarter.column article p a:hover,
.container .one-half .one-half.column article p a:hover, /* for homepage Latest only*/
.container .two-across article p a:hover,
.container .three-across article p a:hover {
	text-decoration:underline;
	color:#444;
}
.container .column article .img-wrapper {
	position:relative;
	display:block;
	background:#fff;
	overflow:hidden;
}
@media only screen and (max-width : 550px) {
.container .column article .img-wrapper {
	width:35%;
	margin-right:5%;
	background:transparent;
	float:left;
}
}
.container .column article .img-wrapper img{
	-webkit-transform: scale(1); 
	-ms-transform: scale(1); 
	-moz-transform: scale(1);
	transform: scale(1); 
}
.container .column article a:hover .img-wrapper img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-webkit-transform: scale(1.05) rotate(-1deg);   
	-ms-transform: scale(1.05) rotate(-1deg); 
	-moz-transform: scale(1.05) rotate(-1deg); 
	transform: scale(1.05) rotate(-1deg); 
}
@media only screen and (max-width : 550px) {
.container .column article a:hover .img-wrapper img{
	opacity:1.0;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1) rotate(0deg);   
	-ms-transform: scale(1) rotate(0deg);   
	-moz-transform: scale(1) rotate(0deg);    
	transform: scale(1) rotate(0deg);   
}
}



	
	
	
.container .column article span.pinned{
	position:absolute;
	top:-40px;
	left:-40px;
	display:block;
	height:80px;
	width:80px;
	line-height:80px;
	text-align:right;
	padding-right:5px;
	font-size:2.4rem;
	background:#a93f2b;
	color:#fff;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.container.turquoise .column article span.pinned{background:#06aba4;}
.container.yellow .column article span.pinned{background:#deaa31;}

@media only screen and (max-width : 550px) {
.container .column article span.pinned{
	display:none;
}
}
.container .column article span.icon{
	position:relative;
	z-index:1;
	margin-top:-35px;
	display:block;
	height:35px;
	width:35px;
	line-height:35px;
	text-align:center;
	font-size:2.0rem;
	background:#a93f2b;
	color:#fff;
	overflow:visible;
}
.container .column article span.icon.podcast{background:#06aba4;}
.container .column article span.icon.tutorial{background:#deaa31;}
.container .column article span.icon.showcase{background:#4a94b6;}
.container .column article span.icon.uniProfile{background:#999;}
.container .column article span.icon.event{background:#9cbf60;}
.container .column article span.label{
	position:relative;
	z-index:0;
	margin-top:-35px;
	left:-40%;
	display:block;
	height:35px;
	width:40%;
	padding:0 20px;
	text-align:center;
	line-height:35px;
	padding:0;
	font-size:1.3rem;
	background:#a93f2b;
	color:#fff;
	text-transform:uppercase;
	overflow:hidden;
}
@media only screen and (max-width : 800px) {
.container .column article span.icon,
.container .column article span.label{
	display:none;
}
}
.container .column article span.label.podcast{background:#06aba4;}
.container .column article span.label.tutorial{background:#deaa31;}
.container .column article span.label.showcase{background:#4a94b6;}
.container .column article span.label.uniProfile{background:#999;}
.container .column article span.label.event{background:#9cbf60;}
.container .column article .img-wrapper:hover span.label{
	left:35px;
}





.container.white{
	background: #fff;
}
.container.grey{
	background: #ededed;
}
.container.green{
	background: #9cbf60;
	color:#fff;
}
.container.turquoise{
	background: #06aba4;
	color:#fff;
}
.container.yellow{
	background: #deaa31;
	color:#fff;
}
.container.green .column article h3 a,
.container.green .column article p,
.container.green .column article p a,
.container.green .column article p a:hover,
.container.turquoise .column article h3 a,
.container.turquoise .column article p,
.container.turquoise .column article p a,
.container.turquoise .column article p a:hover,
.container.yellow .column article h3 a,
.container.yellow .column article p,
.container.yellow .column article p a,
.container.yellow .column article p a:hover,
.container.light .column article h3 a,
.container.light .column article p,
.container.light .column article p a,
.container.light .column article p a:hover,
.container.light .strip-heading h2{
	color:#fff;
}
.container.dark .column article h3 a,
.container.dark .column article p,
.container.dark .column article p a,
.container.dark .column article p a:hover,
.container.dark .strip-heading h2{
	color:#111;
}


 



/* Homepage specific styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.homepage .strip-heading{
	padding: 30px 0;
	margin-bottom:30px;
	width:100%;
}
@media only screen and (max-width : 1240px) {
.homepage .strip-heading{
	padding: 30px 0;
	width:96%;
}
}
@media only screen and (max-width : 550px) {
.homepage .strip-heading{
	padding: 15px 0 0px 0;
}
}
.homepage .strip-heading h2{
	float:left;
	text-transform:uppercase;
	font-size:3.2rem;
	line-height:3.0rem;
	margin:0;
	padding:0;
}
@media only screen and (max-width : 550px) {
.homepage .strip-heading h2{
	font-size:2.4rem;
	line-height:3.0rem;
}
}
.homepage .strip-heading a.button{
	float:right;
	margin-top:-4px;
	padding: 0 15px;
	width:auto;
}
@media only screen and (max-width : 800px) {
.homepage .strip-heading a.button i,
.homepage .strip-heading a.button span,
.homepage .strip-heading h2 span{
	display:none;
}
}
@media only screen and (max-width : 550px) {
.homepage .strip-heading a.button{
	display:none;
	/*margin-top:0px;
	height:30px!important;
	padding: 0 10px;
	line-height:30px;*/
}
}
.homepage .strip-heading a.button:hover{
	color:#fff;
}
.homepage .strip-heading a.button.red{background:#a93f2b; border-color:#a93f2b;}
.homepage .strip-heading a.button.green{background:#fff; border-color:#fff; color:#9cbf60;}
.homepage .strip-heading a.button.turquoise{background:#fff; border-color:#fff; color:#06aba4;}
.homepage .strip-heading a.button.yellow{background:#fff; border-color:#fff; color:#deaa31;}
.homepage .strip-heading a.button.grey{background:#999; border-color:#999;}



.homepage ul.hotp {}
@media only screen and (max-width : 550px) {
.homepage ul.hotp {margin-top:25px;}
}
.homepage ul.hotp li{
	border-left: 8px solid #a93f2b;
	margin-bottom:35px;
	padding:0 10px 0 10px;
}
@media only screen and (max-width : 550px) {
.homepage ul.hotp li{
	float:left;
	width:100%;
	margin-bottom:25px;
}
}
.homepage ul.hotp li:hover{
	background:#e1e0e0;
}
.homepage ul.hotp li h3{
	text-transform: capitalize;
	padding: 0!important;
}
@media only screen and (max-width : 550px) {
.homepage .container .one-third.column ul.hotp li h3{
		width:100%;
		float:left;
		margin-bottom:6px;
	}
}
.homepage ul.hotp li p.date{
	line-height:1.0rem;
	padding:5px 0 0 0;
}
@media only screen and (max-width : 550px) {
.homepage .container .one-third.column ul.hotp li p.date {
		width:100%;
		float:left;
		padding: 0;
	}
}
@media only screen and (max-width : 800px) {
.homepage h2.hotp{display:none;}
}

.homepage .row.events{}
@media only screen and (max-width : 900px) {
.homepage .row.events .one-third.column   {width: 48%;}
.homepage .row.events .miniCalendar{display:none;}
}

@media only screen and (max-width : 550px) {
.homepage .row.events .one-third.column   {width: 100%;}
.homepage .row.events .one-third.column article.featured-event   {
		border-top:none;
		border-bottom: 1px solid #fff;
		padding-bottom:15px;
	}
.homepage .row.events .one-third.column article.featured-event .img-wrapper   {
		width:100%;
		margin:0 0 15px 0;
	}
.homepage .row.events .one-third.column article.featured-event h3{width:100%; text-align:center; font-size:1.8rem;}
.homepage .row.events .one-third.column article.featured-event p{width:100%; text-align:center;}
}

.homepage .row.events .img-wrapper span.featured{
	display:block;
	width:100%;
	padding:5px;
	text-align:center;
	font-size:1.4rem;
	background:#fff;
	color:#444;
	text-transform:uppercase;
	font-weight:700;
	position:relative;
	z-index:3;
}
.homepage .row.events ul.eventList li{margin-bottom:30px;}

@media only screen and (max-width : 550px) {
.homepage .row.events ul.eventList li{float:left; margin-bottom:20px;}
}
.homepage .row.events ul.eventList li .date{
	display:block;
	float:left;
	font-size:1.4rem;
	margin-right:10px;
	padding:5px;
	width: 65px;
	background: #fff;
	color:#9cbf60;
	text-transform:uppercase;
	text-align:center;
}
.homepage .row.events ul.eventList li .date .day{
	display:block;
	width: 100%;
	height:26px;
	line-height:27px;
	color: #fff;
	background-color: #9cbf60;
	margin-bottom:8px;
}
.homepage .row.events ul.eventList li h3{
	font-size:1.9rem;
	line-height:2.3rem;
	padding:0 0 4px 0;
	margin:0;
	letter-spacing:0.01rem;
	font-weight:700;
}
@media only screen and (max-width : 800px) {
.homepage .row.events ul.eventList li h3{
	font-size:1.5rem;
	line-height:1.9rem;
}
}
.homepage .row.events ul.eventList li p{
	font-size:1.3rem;
	line-height:1.9rem;
	text-transform:uppercase;
}
.homepage .row.events ul.eventList li a{
	color:#fff;
}
.homepage .row.events ul.eventList li a:hover{
	text-decoration: underline;
}
.homepage .row.events .miniCalendar{}
.homepage .row.events .miniCalendar table{
	width: 100%;
	text-align:center;
	font-weight:bold;
	font-size:1.3rem;
}
.homepage .row.events .miniCalendar thead,
.homepage .row.events .miniCalendar tfoot,
.homepage .row.events .miniCalendar caption{
	border-top-style: none;
	border-bottom-style: none;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9cc060;
	border-left-color: #9cc060;
}
.homepage .row.events .miniCalendar tfoot td{
	border: none;
	padding: 3px 0;
}
.homepage .row.events .miniCalendar th,
.homepage .row.events .miniCalendar caption{
	background-color: #666;
	color: #fff;
	padding: 5px 0;
	text-transform: uppercase;
}
.homepage .row.events .miniCalendar td{
	background-color: #fff;
	border: 3px solid #9cc060;
	color: #999b9a;
	padding: 8px 0;
}
.homepage .row.events .miniCalendar #eo-widget-prev-month,
.homepage .row.events .miniCalendar #eo-widget-next-month,
.homepage .row.events .miniCalendar tfoot .pad{
	background-color: #666;
	text-transform: uppercase;
}
.homepage .row.events .miniCalendar #eo-widget-prev-month a,
.homepage .row.events .miniCalendar #eo-widget-next-month a{
	color: #fff;
	display:block;
}
.homepage .row.events .miniCalendar #eo-widget-prev-month a:hover,
.homepage .row.events .miniCalendar #eo-widget-next-month a:hover{
	color: #9cc060;
}
.homepage .row.events .miniCalendar td.today{
	background-color: #9cc060;
	color: #fff;
}
.homepage .row.events .miniCalendar td.event{
	background-color:#cbcbcb;
}
.homepage .row.events .miniCalendar td.event a{
	color: #fff;
	display:block;
}
.homepage .row.events .miniCalendar td.event a:hover{
	color: #666;
}

.homepage .one-half.column ul.bxslider article .img-wrapper {}
@media only screen and (max-width : 550px) {
.one-half.column ul.bxslider article .img-wrapper {
	width:100%;
	margin: 0px 0 10px 0;
}
.homepage .one-half.column ul.bxslider article h3 {
	font-size:1.4rem;
	line-height:1.8rem;
}
.homepage .one-half.column ul.bxslider article p {
	font-size:0.9rem;
	line-height:1.3rem;
	padding-bottom:15px;
}
}
.container.special{
	padding-top:20px;
}
.container.special.Light .strip-heading h2,
.container.special.Light h3 a,
.container.special.Light p,
.container.special.Light p a{
	color: #fff!important;
}
.container.special.Dark .strip-heading h2,
.container.special.Dark h3 a,
.container.special.Dark p,
.container.special.Dark p a{
	color: #111!important;
}



.indexPage,
.defaultPage,
.subPage {
	padding: 30px 0;
}
@media only screen and (max-width : 550px) {
.indexPage,
.defaultPage,
.subPage{
	padding: 10px 0;
}
}
.indexPage p,
.defaultPage p{
	padding: 0 0 30px 0;
}
.indexPage h2.pageHeading,
.defaultPage h2.pageHeading {
	margin: 0 auto;
	min-height: 75px;
}
@media only screen and (max-width : 550px) {
.indexPage h2.pageHeading,
.defaultPage h2.pageHeading {
	min-height: auto;
	margin: 20px auto;
}
}
.indexPage .two-across article{
	float: left;
	width: 48%;
	margin-right:2%;
}
.indexPage .three-across article{
	float: left;
	width: 31%;
	margin-right:2%;
}
@media only screen and (max-width : 550px) {
.indexPage .two-across article,
.indexPage .three-across article{
	width: 100%;
	margin-right:0%;
}
}

.indexPage button.grid,
.indexPage button.list,
.indexPage .button.alpha_sort{
	display:block;
	background:transparent;
	border:none;
	font-size:2.6rem;
	height:25px;
	width:26px;
	margin: 15px 0 0 15px;
	padding:0;
	float:right;
	color:#444;
}
.indexPage .button.alpha_sort i{
	font-size:2.2rem;
	height:25px;
	line-height:25px;
	width:26px;
}
@media only screen and (max-width : 550px) {
.indexPage button.grid,
.indexPage button.list,
.indexPage .button.alpha_sort{
	display:none;
}
}

.indexPage article.list{
	width: 100%;
	margin-bottom: 15px;
	background: #ededed;
}
@media only screen and (max-width : 550px) {
.indexPage article.list{
	background:transparent;
}
}
.indexPage article.list .img-wrapper{
	width: 140px;
	float:left;
}
@media only screen and (max-width : 550px) {
.indexPage article.list .img-wrapper{
	width:35%;
	margin-right:5%;
	background:transparent;
	float:left;
}
}
.indexPage article.list h3{
	padding: 8px 0 4px 160px;
	margin:0;
	width:100%;
}
@media only screen and (max-width : 550px) {
.indexPage article.list h3{
	width:60%;
	float:right;
	padding: 0px 0 6px 0;
}
}
.indexPage article.list p{
	padding: 0 0 4px 160px;
	margin:0;
	width:100%;
}
@media only screen and (max-width : 550px) {
.indexPage article.list p{
	width:60%;
	float:right;
	padding:0;
}
}	

.indexPage article.list.hotp{
	border-left: 8px solid #a93f2b;
	padding: 15px;
}
@media only screen and (max-width : 550px) {
.indexPage article.list.hotp{
	padding: 10px 10px 0px 10px;
	border-top: 0px solid #a93f2b;
}
}	
.indexPage article.list.hotp h3{
	padding: 0 0 4px 0;
}
.indexPage article.list.hotp p{
	padding: 0 0 4px 0;
}
	
@media only screen and (max-width : 550px) {
.indexPage article.list.hotp h3{
	width:100%;
	padding: 0px 0 6px 0;
}
.indexPage article.list.hotp p{
	width:100%;
	padding:0;
	margin:0;
}
}

.indexPage .pagenavi{
	width: 100%;
	text-align: center;
	margin-top:10px;
}
.indexPage .pagenavi .pages{display:none;}

.indexPage .pagenavi a,
.indexPage .pagenavi span.expand,
.indexPage .pagenavi span.current{
	display:inline-block!important;
	height: 44px;
	width: 44px;
	line-height:41px;
	text-align:center;
	background: #385f80;
	border: 1px solid #fff;
	color:#fff;
}
.indexPage .pagenavi a:hover{
	background: #7da7c7;
}
.indexPage .pagenavi span.current{
	background: #7da7c7;
}
@media only screen and (max-width : 800px) {
.indexPage .pagenavi a.single_page,
.indexPage .pagenavi a.last,
.indexPage .pagenavi span.expand{
	display:none!important;}
}

.indexPage table,
.subPage table{
	width:100%;
	margin-bottom:30px;
}
.indexPage table th,
.subPage table th{
	background:#7da7c7;
	color:#fff;
	font-weight:bold;
	line-height:1.8rem;
	text-align:left;
	padding: 10px 2%;
	box-sizing: border-box;
	cursor: pointer;
}
@media only screen and (max-width : 800px) {
.indexPage table th,
.subPage table th{
	font-size: 1.2rem;
}
}
@media only screen and (max-width : 550px) {
.indexPage table th i
.subPage table th i,
{
	display:none;
}
}
.indexPage table th#interviewee{width:30%;}
.indexPage table th#title{width:45%;}
.indexPage table th#type{width:13%;}

.indexPage table td,
.subPage table td{
	padding: 10px 2%;
	box-sizing: border-box;
	font-size: 1.4rem;
	overflow:hidden;
}
@media only screen and (max-width : 800px) {
.indexPage table td,
.subPage table td{
	font-size: 1.2rem;
}
}
.indexPage table td a,
.subPage table td a{
	color:#444;
}
.indexPage table td a:hover,
.subPage table td a:hover{
	text-decoration:underline;
}
.indexPage table tr:nth-child(even),
.subPage table tr:nth-child(even) {background: #f6f6f6;}
.indexPage table tr:nth-child(odd),
.subPage table tr:nth-child(odd) {background: #e9e9e9;}
.indexPage table tr:nth-child(even):hover,
.subPage table tr:nth-child(even):hover,
.indexPage table tr:nth-child(odd):hover,
.subPage table tr:nth-child(odd):hover {background: #bad1dc;}





.eventIndex .eo-fullcalendar-loading{position:relative; width: 100%;background:white; text-align:center;}
.eventIndex .eo-fullcalendar-loading img{width: 16px; margin:0 auto;}
.eventIndex .eo-fullcalendar table tr:nth-child(even),
.eventIndex .eo-fullcalendar table tr:nth-child(odd),
.eventIndex .eo-fullcalendar table tr:nth-child(even):hover,
.eventIndex .eo-fullcalendar table tr:nth-child(odd):hover {
	background: transparent;
}
.eventIndex .eo-fullcalendar table table thead th{
	background:#9cbf60;
	text-align:center;
	font-weight:bold;
	padding: 5px!important;
	border: 4px solid #fff!important;
}
.eventIndex .eo-fullcalendar table table thead td{
	background: #e9e9e9;
	border-top-width: 4px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
	padding: 2px 5px!important;
}
.eventIndex .eo-fullcalendar table table tbody td{
	background: #e9e9e9;
	border-bottom-width: 4px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
}
.eventIndex .fc-unthemed td {
	border-top-color: #fff!important;
	border-right-color: #fff!important;
	border-bottom-color: #fff!important;
	border-left-color: #fff!important;
}
.eventIndex .eo-fullcalendar .fc td,
.eventIndex .eo-fullcalendar .fc th,
.eventIndex .fc td, 
.eventIndex .fc th {
	border-bottom-width: 4px!important;
}
.eventIndex .fc-unthemed .fc-today {
	background-color: #CCC!important;
}
.eventIndex .fc-basic-view tbody .fc-row {
	min-height:100px!important;
}
.eventIndex .fc-event {
	border: none!important;
	background-color: #9cbf60!important;
	margin:4px!important;
	padding:4px!important;
}
.eventIndex .qtip-eo .qtip-titlebar,
.qtip-eo .qtip-titlebar {
  background-color: #385f80!important;
  color: #fff!important;
}
.eventIndex .qtip-content,
.qtip-content {
	border: 1px solid #385f80;
	line-height: 1.4rem;
}
.eventIndex .fc button {
	height: 40px!important;
	padding:0 .6em!important;
	background: #385f80!important;
	color: #fff!important;
	border: none!important;
	margin:0!important;
}
.eventIndex .fc-toolbar h2{

	font-size:2rem!important;
}
.eventIndex .fc-right {
	margin-right: -5px !important;
}






.eventIndex ul.eventList{display:none;}
@media only screen and (max-width : 550px) {
.eventIndex ul.eventList{
	display:block;
	padding: 15px 0;
}
.eventIndex .eventCal{display:none;}
}
.eventIndex ul.eventList li{
	float:left;
	margin-bottom:20px;
	width: 100%;
}
@media only screen and (max-width : 550px) {
.eventIndex ul.eventList li{margin-bottom:20px;}
}
.eventIndex ul.eventList li .date{
	display:block;
	float:left;
	font-size:1.4rem;
	margin-right: 20px;
	padding: 5px;
	width: 80px;
	background: #9cbf60;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
.eventIndex ul.eventList li .date .day{
	display:block;
	width: 100%;
	height:26px;
	line-height:27px;
	color: #9cbf60;
	background-color: #fff;
	margin-bottom:8px;
}
.eventIndex ul.eventList li a h3{
	font-size:1.9rem;
	line-height:2.3rem;
	padding:0 0 4px 100px;
	margin:0;
	letter-spacing:0.01rem;
	font-weight:700;
	color:#444;
}
.eventIndex ul.eventList li a:hover h3{
	color:#444;
	text-decoration: underline;
}
@media only screen and (max-width : 800px) {
.eventIndex ul.eventList li a h3{
	font-size:1.5rem;
	line-height:1.9rem;
}
}
.eventIndex ul.eventList li a p{
	font-size:1.3rem;
	line-height:1.9rem;
	text-transform:uppercase;
	color:#999;
	padding:0 0 0 100px;
}
.eventIndex ul.eventList li a:hover p{
	color:#999;
	text-decoration: underline;
}



.indexSearch .column article span.icon{
	margin-top:0px;
	width:35px;
	height:30px;
	line-height:30px;
	font-size:1.8rem;
}
.indexSearch .column article span.label{
	margin-top:-30px;
	left:0;
	height:30px;
	width:100%;
	padding: 0 0 0 40px;
	line-height:30px;
	text-align:left;
}

@media only screen and (max-width : 800px) {
.indexSearch .column article span.icon,
.indexSearch .column article span.label{
	display:block;
}
}
@media only screen and (max-width : 550px) {
.indexSearch .column article span.icon{
	display:none;
}
.indexSearch .column article span.label{
	margin-top:0;
	height:25px;
	padding: 0;
	line-height:25px;
	text-align:center;
}
}
.indexSearch .column article .img-wrapper:hover span.label{
	left:0;
}





.indexWriters article{
	background: #ededed;
	text-align: center;
	padding:20px 0 0 0;
	margin-bottom: 20px;
}
@media only screen and (max-width : 800px) {
.indexWriters article{
	background: transparent;
	width:100%!important;
	text-align: left;
	padding:15px 0 0 0;
	margin-bottom: 15px;
	border-top: 1px solid #d8d8d8;
	float: left;
}
.indexWriters article span{
	display:none;
}
}
.indexWriters article img{
	width: 50%;
	border-radius:60%;
	margin: 0 auto;
}
@media only screen and (max-width : 800px) {
.indexWriters article img{
	width: 120px;
	border-radius:0;
	margin:0;
	float:left;
}
}
.indexWriters article h3{
	padding: 15px 10px!important;
	font-size: 2rem!important;
}
@media only screen and (max-width : 800px) {
.indexWriters article h3{
	padding: 0 10px 10px 140px!important;
}
}
@media only screen and (max-width : 550px) {
.indexWriters article h3{
	width: auto!important;
	float: none!important;
}
}
.indexWriters article p{
	padding:0 10px 10px 10px;
}
@media only screen and (max-width : 800px) {
.indexWriters article p{
	padding: 0 10px 0 140px!important;
}
}
@media only screen and (max-width : 550px) {
.indexWriters article p{
	width: auto!important;
	float: none!important;
}
}
.indexWriters article .social a.icon{
	color:#444;
	font-size: 2.2rem;
	display:inline-block;
	margin: 0 8px;
}
.indexWriters article .social a.icon:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
}
@media only screen and (max-width : 800px) {
.indexWriters article .social{
	padding: 0 0 0 140px!important;
}
.indexWriters article .social a.icon{
	margin: 5px 15px 10px 0;
}
}
@media only screen and (max-width : 550px) {
.indexWriters article .social{
	width: auto!important;
	float: none!important;
}
}
.indexWriters article .social a.button{
	margin-top: 15px;
}
@media only screen and (max-width : 800px) {
.indexWriters article .social a.button{
	width: auto!important;
	padding:0 6px!important;
	height:25px;
	line-height:25px;
	font-size: 1.2rem;
	background:#444;
	border:none;
}
}
.indexWriters article .social a.button:hover{
	color:#fff;
}
.subPage{}
.subPage h2.pageHeading {
	margin-: 0px;
	min-height: 75px;
}
@media only screen and (max-width : 550px) {
.subPage h2.pageHeading {
	min-height: auto;
	margin: 20px auto;
}
}
.subPage .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	margin-bottom:30px;
}
.subPage .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.subPage .countWrapper{
	float:left;
	width:30.333%;
	margin: 30px 1.5% 40px;
	font-size:5rem;
	text-align:center;
}
@media only screen and (max-width : 850px) {
.subPage .countWrapper{
	font-size:2.6rem;
}
}
.subPage .countWrapper.facebook{color:#49639e;}
.subPage .countWrapper.twitter{color:#42b6e7;}
.subPage .countWrapper.envelope{color:#d32421;}
.subPage .countWrapper i,
.subPage .countWrapper .text{
	display:block;
	width:100%;
}
.subPage .countWrapper .text{font-size:1.8rem; text-transform:uppercase; margin-top:-8px;}
@media only screen and (max-width : 850px) {
.subPage .countWrapper .text{font-size:1.2rem;}
}

.subPage p {
	padding: 0 0 30px 0;
}
.subPage strong {font-weight: bold; color: #333;}
.subPage em {font-style: italic; color: #888;}
.subPage del {text-decoration: line-through;}
.subPage sup{
  vertical-align: super;
  font-size: smaller;
}
.subPage sub{
  vertical-align: sub;
  font-size: smaller;
}
.subPage q {
	background-color: #ccc;
	font-style: italic;
	quotes: "“" "”" "‘" "’";
}
.subPage q:before {
	content: open-quote;
	font-size: 2rem;
	line-height: 1rem;
	margin: 0 0.25rem;
	vertical-align: -0.2rem;
}
.subPage q:after {
	content: close-quote;
	font-size: 2rem;
	line-height: 1rem;
	margin: 0 0.25rem;
	vertical-align: -0.2rem;
}
.subPage blockquote {
	border-left: 4px solid #888;
	padding: 5px 15px 5px 20px;
	margin: 0 0 30px 45px;
	font-style: italic;
	background: #ededed;
	position: relative;
}
@media only screen and (max-width : 550px) {
.subPage blockquote {
	border-left: 2px solid #888;
	padding: 5px 15px;
	margin: 0 0 30px 30px;
}
}
.subPage blockquote:before {
	font-family: 'FontAwesome';
	content: '\f10d'; 
	position: absolute;
	left: -45px;
	top: -5px;
	font-size: 3rem;
	color: #888;
}
@media only screen and (max-width : 550px) {
.subPage blockquote:before {
	left: -35px;
	top: -5px;
	font-size: 2rem;
}
}
.subPage blockquote p{
	padding: 0 0 15px 0;
}
.subPage ul {
	margin: 0 0 30px 25px;
	list-style-type: square;
}
.subPage ul li {
	padding: 0 0 8px 8px;
}
.subPage ul li:last-child {
	padding: 0 0 0 8px;
}
@media only screen and (max-width : 550px) {
.subPage ul li {
	padding: 0 0 8px 0px;
}
.subPage ul li:last-child {
	padding: 0 0 0 0px;
}
}
.subPage form ul {
	margin: 0;
}
.subPage ul li {
	padding: 0;
}
.subPage ul li:last-child {
	padding: 0;
}

.subPage ol {
	margin: 0 0 30px 0;
	counter-reset: preview-ol;
}
.subPage ol li {
	list-style: none;
	padding: 0 0 8px 0px;
}
.subPage ol li:last-child {
	padding: 0 0 0 0px;
}
.subPage ol li:before {
	content: counter(preview-ol);
	counter-increment: preview-ol;
	background: #444;
	color: #fff;
	font-size:1.3rem;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height:25px;
	display: inline-block;
	text-align: center;
	margin-right: 15px;
}
.subPage .gform_wrapper,
.subPage .competition_wrapper{
	margin:0!important;
}
.subPage .competition,
.subPage .wp-polls{
	background: #ededed;
	padding:20px;
	width:100%;
	box-sizing: border-box;
	margin: 0 0 30px 0;
}
.subPage .competition {
	padding: 5px 20px 20px 20px;
}
.subPage .competition ul li {
	padding: 0px;
	margin: 0px;
}
.subPage .competition .gform_footer{
  padding: 10px 0 0 0;
}
.subPage .wp-polls ul,
.subPage .competition ul {
	padding: 0px;
	margin: 0px;
}
.subPage .wp-polls ul li{
	padding: 0 0 10px 0;
	margin: 0px;
}
.subPage .wp-polls p{
	padding-bottom: 20px;
}
.subPage .wp-polls .wp-polls-ans p{
	padding: 0;
	margin-top: 20px;
}
.subPage .wp-polls small{
	font-size: 1.0rem;
	font-style: italic;
}
.subPage .wp-polls .pollbar{
	background-image: none;
	background-color: #385f80;
	border: 1px solid #385f80;
}
.subPage .wp-polls .Buttons{
	background-color: #385f80;
	border: 1px solid #385f80;
	width:auto;
	padding: 0 30px;
}
.subPage iframe,
.subPage embed,
.subPage .fb-post{
	margin-bottom: 30px;
}
.subPage p iframe,
.subPage p embed {
	margin-bottom: 0px;
}
.subPage .embed-vimeo {
	padding-bottom: 30px;
}
.subPage form img{
	margin:10px 0 0 0;
}
@media only screen and (max-width : 550px) {
.subPage form img{
	width:30px!important;
	margin: 0 auto;
}
}
.subPage form p.login-username,
.subPage form p.login-password,
.subPage form p.login-remember,
.subPage form p.login-submit{
	padding: 0 0 15px 0;
}



.subPage .two-third img {
	width:auto;
}
@media only screen and (max-width : 1000px) {
.subPage .two-third img {
	max-width:100%;
}
}
@media only screen and (max-width : 550px) {
.subPage .two-third img {
	width:100%;
}
}
.subPage .two-third .size-full,
.subPage .two-third .size-large,
.subPage .two-third .size-medium,
.subPage .two-third .size-thumbnail {
	max-width: 100%;
	height: auto;
}
.subPage .two-third .alignleft {
	float: left;
	margin: 0 15px 10px 0;
}
@media only screen and (max-width : 550px) {
.subPage .two-third .alignleft {
	margin: 0 15px 30px 0;
}
}
.subPage .two-third .aligncenter {
	display: block;
	margin: 0 auto 30px auto;
}
.subPage .two-third .alignright {
	float: right;
	margin: 0 0 10px 15px;
}
@media only screen and (max-width : 550px) {
.subPage .two-third .alignright {
	margin: 0 0 30px 15px;
}
}
.subPage .two-third .alignnone {
	float: none;
	display: block;
	margin: 0 0 30px 0;
}
.subPage .wp-caption {
	border: none;
	text-align: center;
	background: #ededed;
	padding:5px;
	margin: 0 auto 30px auto;
	max-width: 100%;
}
@media only screen and (max-width : 550px) {
.subPage .wp-caption {
	width:100%;
}
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
	border:5px solid #ededed;
}
.subPage .wp-caption .wp-caption-text {
	text-align: center;
	padding: 5px 0;
	font-size: 1.2rem;
	color: #888;	
}
.subPage .gallery {
	background:#ededed;
	float: left;
	width:90%;
	margin: 0 5% 30px 5%;
	padding: 2%;
	box-sizing: border-box;
}
@media only screen and (max-width : 550px) {
.subPage .gallery {
	width:100%;
	margin: 0 0 30px 0;
	padding: 1%;
}
}
.subPage .gallery:after {
    content: '';
    display: block;
    clear: both;
}
.subPage .gallery-item {
	float: left;
	margin: 2%;
	width: 29.333%;
}
@media only screen and (max-width : 550px) {
.subPage .gallery-item {
	margin: 1%;
	width: 31.333%;
}
}
.subPage .gallery-item img{
	width:100%;
	margin:0;
	border:none;
}
.subPage .gallery-item img:hover{
	margin:0;
	opacity:0.6;
	filter: alpha(opacity=60);
}



.subPage h2.topTitle{
	margin-bottom: 20px;
}
@media only screen and (max-width : 550px) {
.subPage h2.topTitle{
	margin: 20px 0;
}
}
.subPage p.metaDetails{
	font-size:1.4rem;
	line-height:2.2rem;
	letter-spacing: 0.1rem;
	text-transform:uppercase;
	color:#999;
	margin:0 0 10px 0;
	padding:0;
}
.subPage p.metaDetails a{
	color:#999;
}
.subPage p.metaDetails a:hover {
	text-decoration:underline;
	color:#444;
}
.subPage p.metaDetails span{
	padding: 0 5px;
}
.subPage .author{
	margin: 25px 0 30px 0;
	padding: 10px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.subPage .author img{
	width:75px;
	height:75px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	float:left;
}
.subPage .author .runtime{
	float:left;
	display:block;
	width:75px;
	height:75px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	background:#4a94b6;
	color:#fff;
	font-size:1.7rem;
	line-height:2.0rem;
	padding-top:17px;
	font-weight: 700;
	text-align:center;
	text-transform:uppercase;
}
.subPage .author p.name,
.subPage .author p.social{
	padding: 0 0 0 90px;
	margin:0;
}
.subPage .author p.name{
	padding-top: 15px;
	font-weight:bold;
	font-size:1.6rem;
}
@media only screen and (max-width : 550px) {
.subPage .author p.name{
	padding-top: 5px;
}
}
.subPage .author p.name a{
	color:#444;
}
.subPage .author p.name a:hover{
	text-decoration:underline;
}
.subPage .author p.social{
	font-size:1.4rem;
	text-transform:uppercase;
	color:#999;
}
.subPage .author p.social i{
	font-size:1.8rem;
}
.subPage .author p.social a{
	color:#999;
	text-transform:none;
}
@media only screen and (max-width : 550px) {
.subPage .author p.social a,
.subPage .author p.social span{
	display:none;
}
}
.subPage .author p.social a span{
	padding: 0 5px;
}
.subPage .author a:hover,
.subPage .author p.social a:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
}
.subPage .author .share{
	float:right;
	margin-top:-22px;
	padding-left:8px;
	height:26px;
	overflow:hidden;
}
@media only screen and (max-width : 1100px) {
.subPage .author .share{
	display:none;
}
}
.subPage .author .share.fb{
	width:72px;
}
.subPage .author .share.gp{
	width:67px;
}
.subPage .author.event,
.subPage .author.podcast{
	border-bottom:none;
	margin: 25px 0 0 0;
	padding: 30px 0 15px;
}
.subPage .author.event .button,
.subPage .author.podcast .button{
	width:auto;
	float:left;
	padding: 0 15px;
	margin: 0 15px 15px 0;
	border:none;
}
@media only screen and (max-width : 550px) {
.subPage .author.event .button,
.subPage .author.podcast .button{
	width:100%;
	margin: 0 0 15px 0;
	text-align:left;
}
}
.subPage .author.event .button:hover,
.subPage .author.podcast .button:hover{
	color:#fff;
}
.subPage .author.event .button.facebook{background:#49639e;}
.subPage .author.event .button.eventbrite{background:#ff8000;}
.subPage .author.event .share{margin-top:0px;}
.subPage .author.podcast .button{background:#06aba4;}
.subPage .author.event .share,
.subPage .author.podcast .share{
	margin-top:9px;
}


.subPage .sponsored-article-banner{
	font-size: 1.1rem;
	color: #999;
	background-color: #F2F2F2;
	text-align: right;
	display: block;
	padding: 5px;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 30px;
}
@media only screen and (max-width : 850px) {
.subPage .sponsored-article-banner{
	padding: 0;
}
}
.subPage .sponsored-article-banner img{
	width:100%;
}
@media only screen and (max-width : 850px) {
.subPage .sponsored-article-banner span{
	display:none;
}
}
.subPage .nsfw{
	background:#f00d0a;
	color:#fff;
	text-align:center;
	display:block;
	width:100%;
	padding:10px 0;
	font-weight:bold;
}
.subPage .podcast-wrapper{
	width:100%;
	padding:15px;
	background:#06aba4;
	margin-bottom: 30px;
}
.subPage .podcast-wrapper iframe{
	margin: 0;
	display:block;
}
.subPage .eo-venue-map{
	margin-bottom:30px;
}


.subPage .uni-basic{
	background:#ededed;
	padding:15px;
	margin-bottom:30px;
}
.subPage .uni-basic img{
	width:50%;
	float:left;
}
@media only screen and (max-width : 850px) {
.subPage .uni-basic img{
	width:100%;
	margin-bottom:15px;
}
}
.subPage .uni-basic .meta{
	width:47%;
	float:right;
}
@media only screen and (max-width : 850px) {
.subPage .uni-basic .meta{
	width:100%;
}
}
.subPage .uni-basic .meta p{
	margin:0 0 13px 0;
	padding:0;
}
.subPage .uni-basic .meta p a{
	color:#666;
	font-weight:bold;
}
.subPage .uni-basic .meta p span{
	padding:0 6px;
}
.subPage .uni-basic .meta p.course{
	font-size:1.4rem;
	line-height:2.2rem;
	text-transform:uppercase;
	color:#999;
}
.subPage .uni-basic .meta .icons a{
	display:block;
	float:left;
	background:#666;
	color:#fff;
	margin: 0 10px 10px 0;
	text-align:center;
	line-height:30px;
	width:30px;
	height:30px;
	font-size:2.0rem;
}
.subPage .uni-basic .meta a:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	text-decoration:underline;
}
.subPage .uni-advanced{}
.subPage .uni-advanced table th{width:20%;;}
.subPage .uni-advanced table td{width:80%;}
@media only screen and (max-width : 850px) {
.subPage .uni-advanced table th{width:30%;}
.subPage .uni-advanced table td{width:70%;}
}

.subPage .topTenXmasBox{
	background-color: #d3d3d3; 
	padding: 25px;
	width:100%;
	margin-bottom:30px;
	float: left; 
}
.subPage .topTenXmasBox .right{width: 40%; float: right;}
.subPage .topTenXmasBox .right img{float: right; padding:0; margin:0;}
.subPage .topTenXmasBox .left{width: 58%; float: left;}
.subPage .topTenXmasBox .left h3 a{color: #444;}
.subPage .topTenXmasBox .left a.buy{
	color: #fff;
	background-color: #a93f2b;
	display: block;
	padding: 5px 10px;
	float: left;
	text-transform: uppercase;
	text-align:center;
	text-decoration: none;
	margin-top: 15px;
}
.subPage .topTenXmasBox .left a:hover{opacity:0.4; filter:alpha(opacity=40);}
@media only screen and (max-width : 550px) {
.subPage .topTenXmasBox .right,
.subPage .topTenXmasBox .right img,
.subPage .topTenXmasBox .left,
.subPage .topTenXmasBox .left a.buy{width: 100%; float: none;}
}


@media only screen and (max-width : 850px) {
.subPage .related-posts {
	display:none;
}
}
.subPage .related-posts h4{
	margin: 0 1.5% 15px;
}
.subPage .related-posts.three-across{
	background:#ededed;
	margin-bottom:30px;
	padding: 15px 10px;
	float:left;
	width:100%;
}
.subPage .related-posts.three-across article{
	float: left;
	width: 30.3333%;
	margin: 0 1.5%;
}
@media only screen and (max-width : 550px) {
.subPage .related-posts.three-across article{
	width: 100%;
	margin-right:0%;
}
}
.subPage .related-posts.three-across article img{
	width: 100%;
}
.subPage .shareFooter{
	padding:20px 0;
	border-top:1px solid #999;
}
.subPage .shareFooter ul{
	padding: 0;
	margin: 0;
}
.subPage .shareFooter li,
.subPage .shareFooter li:last-child{
	padding: 0;
	margin: 0 10px 10px 0;
	display:inline-block;
}
@media only screen and (max-width : 550px) {
.subPage .shareFooter li,
.subPage .shareFooter li:last-child{
	margin: 0 5px 5px 0;
}
}
.subPage .shareFooter li a.button{
	width:auto;
	border:none;
	padding: 0 15px;
	height:30px;
	line-height:30px;
	color:#fff;
}
@media only screen and (max-width : 550px) {
.subPage .shareFooter li a.button{
	padding: 0 12px;
}
}
.subPage .shareFooter li a.button i{
	height:30px;
	line-height:30px;
}
@media only screen and (max-width : 550px) {
.subPage .shareFooter li a.button i{
	padding:0;
	margin:0;
}
}
.subPage .shareFooter li a.facebook{background:#3b5998;}
.subPage .shareFooter li a.twitter{background:#55acee;}
.subPage .shareFooter li a.linkedin{background:#007bb5;}
.subPage .shareFooter li a.google{background:#dd4b39;}
.subPage .shareFooter li a.reddit{background:#ff4500;}
.subPage .shareFooter li a.email{background:#615f5d;}
@media only screen and (max-width : 550px) {
.subPage .shareFooter li a.button span{
	display:none;
}
}

.subPage .subscribeFooter{
	padding: 20px;
	margin-bottom: 30px;
	background: #e64b4f;
	color: #fff;
	text-align: center;
}
.subPage .subscribeFooter h5{
	font-size:2.0rem;
	line-height:2.6rem;
}
.subPage .subscribeFooter p#subscribe-email{
	width:70%;
	float:left;
	padding-bottom:15px;
}
.subPage .subscribeFooter p#subscribe-submit{
	width:30%;
	float:left;
	padding-bottom:15px;
}
.subPage .subscribeFooter input[type="email"]{
	width:100%!important;
	background-color: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: none;
	color:#c13a3d;
}
.subPage .subscribeFooter input[type="email"]:focus{
	background-color: #fff;
	border-top: 2px solid #c13a3d;
	border-bottom: 2px solid #c13a3d;
	border-left: 2px solid #c13a3d;
}
.subPage .subscribeFooter input[type="submit"]{
	color: #fff;
	background-color: #c13a3d;
	border: 1px solid #c13a3d;
	padding:0;
}
.subPage .subscribeFooter p.disclaimer{
	font-size:1.0rem;
	line-height:1.6rem;
	padding:0 0px;
}
@media only screen and (max-width : 550px) {
.subPage .subscribeFooter p.disclaimer{
	display:none;
}
}
.subPage .affiliate{
	background-color: #e9963a;
	color:#fff;
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
	float: left;
	display:block;
}
.subPage .affiliate:hover{
	color:#fff;
	opacity:0.7;
	filter: alpha(opacity=70);
}
.subPage .affiliate img{
	width: 150px;
	height:150px;
	float: left;
	border: 4px solid #fff;
}
@media only screen and (max-width : 650px) {
.subPage .affiliate img{
	width: 100px;
	height:100px;
}
}
@media only screen and (max-width : 550px) {
.subPage .affiliate img{
	width: 100px!important;
	height:100px;
}
}
.subPage .affiliate .meta{
	padding: 0 0 0 170px;
}
@media only screen and (max-width : 650px) {
.subPage .affiliate .meta{
	padding: 0 0 0 120px;
}
}
.subPage .affiliate h4{
	font-size: 2.2rem;
	margin-bottom:20px;
}
@media only screen and (max-width : 650px) {
.subPage .affiliate h4{
	font-size: 1.8rem;
	line-height:2.4rem;
	margin-bottom:10px;
}
}
.subPage .affiliate p{
	font-size: 1.8rem;
	padding-bottom:20px
}
@media only screen and (max-width : 650px) {
.subPage .affiliate p{
	font-size: 1.6rem;
	padding-bottom:10px
}
}
.subPage .affiliate .button{
	background-color: #fff;
	border:none;
	width: auto;
	color: #e9963a;
}
.subPage .affiliate .button:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
@media only screen and (max-width : 850px) {
.subPage .affiliate .button span{
	display:none;
}
}







.authorPage img.avatar{
	width:175px;
	height:175px;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	float:left;
}
@media only screen and (max-width : 550px) {
.authorPage img.avatar{
	width:100px;
	height:100px;
	border-radius: 0;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
	margin-top:25px;
}
}
.authorPage .meta {
	padding: 0 0 0 210px;
}
@media only screen and (max-width : 550px) {
.authorPage .meta {
	padding: 0 0 0 120px;
	margin-top:20px;
}
}
.authorPage .meta h2{
	padding: 30px 0 0 0;
	margin:0;
}
@media only screen and (max-width : 550px) {
.authorPage .meta h2{
	padding: 0;
	font-size:2.2rem;
}
}
.authorPage .meta h3{
	font-size:2.0rem;
	text-transform:uppercase;
	color:#999;
	margin-bottom: 0px;
}
@media only screen and (max-width : 550px) {
.authorPage .meta h3{
	font-size:1.6rem;
	line-height:2.2rem;
}
}
.authorPage .meta ul.social{
	padding:0;
	margin:0;
}
.authorPage .meta ul.social li{
	padding:0 20px 0 0;
	margin:0;
	display:inline-block;
}
@media only screen and (max-width : 550px) {
.authorPage .meta ul.social li{
	padding:0 12px 0 0;
}
}
.authorPage .meta ul.social li a{
	color:#999;
	font-size:2.2rem;
}
.authorPage .meta ul.social li a:hover{
	color:#444;
}
.authorPage p.bio{
	width:100%;
	float:left;
	margin: 30px 0;
	border-bottom:1px solid #999;	
}
@media only screen and (max-width : 550px) {
.authorPage p.bio{
	margin: 30px 0 10px;
	border-bottom: none;	
}
}



.sidebar{}
@media only screen and (max-width : 550px) {
.sidebar{
	padding: 10px 0 25px;
}
}
.sidebar article,
.container .one-third.column .sidebar article{
	padding:0!important;
}
@media only screen and (max-width : 550px) {
.sidebar article,
.container .one-third.column .sidebar article{
	padding-top:20px!important;
}
}
.sidebar .banner-ad{
	margin-bottom:30px;
}
.sidebar .sign-up{
	margin-bottom:30px;
	padding: 30px 30px 5px 30px;
	background:#6b7577;
	color:#d8dfe5;
	text-align:center;
	overflow:hidden;
}
@media only screen and (max-width : 550px) {
.sidebar .sign-up{
	padding: 30px 15px 0px 15px;
}
}
.sidebar .sign-up h5{
	font-size:1.7rem;
}
.sidebar .sign-up h5 span{
	font-size: 3.8rem;
	padding-bottom: 12px;
	display: block;
	width: 100%;
	letter-spacing: 0.1em;
}
@media only screen and (max-width : 950px) {
.sidebar .sign-up h5 span{
	font-size: 3.0rem;
	letter-spacing: 0em;
}
}
.sidebar .sign-up i{
	font-size:3.6rem;
	padding-bottom:15px;
}
.sidebar .sign-up p{
	line-height:1.8rem;
	padding-bottom:20px;
}
.sidebar .sign-up input[type="text"],
.sidebar .sign-up input[type="email"]{
	width:100%!important;
	background-color: #4b5258;
	border: 2px solid #4b5258;
	color:#d8dfe5;
	margin-bottom:10px;
}
.sidebar .sign-up input[type="text"]:focus,
.sidebar .sign-up input[type="email"]:focus{
	background-color: #4b5258;
	border: 2px solid #d8dfe5;
}
.sidebar .sign-up input[type="submit"]{
	color: #fff;
	background-color: #96a0aa;
	border: 1px solid #96a0aa;
	padding:0;
}
.sidebar .filterBox{
	margin-bottom:30px;
}
.sidebar .filterBox h3.toggle{
	font-size: 2.2rem;
	color: #fff;
	height: 50px;
	line-height:50px;
	background-color: #385f80;
	padding:0 20px;
	margin:0;
	cursor:pointer;
}
@media only screen and (max-width : 950px) {
.sidebar .filterBox h3.toggle{
	font-size: 1.6rem;
}
}
.sidebar .filterBox h3.toggle:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}
.sidebar .filterBox h3.toggle i{
	height: 50px;
	line-height:35px;
	font-size: 3.2rem;
	float: right;
}
@media only screen and (max-width : 650px) {
.sidebar .filterBox h3.toggle i{
	display:none;
}
}
.sidebar .filterBox .filterForm{
	background-color: #7da7c7;
	padding:0 20px;
}
.sidebar .filterBox .filterForm form{
	padding-top: 15px;
}
.sidebar .filterBox .filterForm form input[type="submit"]{
	margin-bottom: 15px;
}
.sidebar .filterBox .filterForm form h4{
	padding:0 0 4px 0;
	line-height:2.2rem;
}
.sidebar .filterBox .filterForm form li li{
	padding:0;
	margin:0;
}
.sidebar .filterBox .filterForm form li input[type="checkbox"]{
	margin:0 5px 0 0;
}
.sidebar article.hotp,
.container .one-third.column .sidebar article.hotp{
	border-left: 8px solid #a93f2b;
	margin-bottom: 30px;
	padding:0 30px 0 10px!important;
}
@media only screen and (max-width : 550px) {
.sidebar article.hotp,
.container .one-third.column .sidebar article.hotp{
	border-top:none;
	margin-bottom: 25px;
}
}
.sidebar article.hotp:hover{
	background:#e1e0e0;
}
.sidebar article.hotp h3{
	margin: 0!important;
	padding:0 0 10px 0!important;
}
.sidebar article.hotp p{
	margin: 0;
	padding:0;
}
.sidebar .event-item{
	float:left;
	margin-bottom:30px;
	width: 100%;
}
@media only screen and (max-width : 550px) {
.sidebar .event-item{margin-bottom:15px;}
}
.sidebar .event-item .date{
	display:block;
	float:left;
	font-size:1.4rem;
	margin-right: 10px;
	padding: 5px;
	width: 80px;
	background: #9cbf60;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
.sidebar .event-item .date .day{
	display:block;
	width: 100%;
	height:26px;
	line-height:27px;
	color: #9cbf60;
	background-color: #fff;
	margin-bottom:8px;
}
.sidebar .event-item a h3{
	font-size:1.9rem;
	line-height:2.3rem;
	padding:0 0 4px 90px!important;
	margin:0!important;
	letter-spacing:0.01rem;
	font-weight:700;
	color:#444;
}
.sidebar .event-item a:hover h3{
	color:#444;
	text-decoration: underline;
}
@media only screen and (max-width : 800px) {
.sidebar .event-item a h3{
	font-size:1.5rem;
	line-height:1.9rem;
}
}
.sidebar .event-item a p{
	font-size:1.3rem;
	line-height:1.9rem;
	text-transform:uppercase;
	color:#999;
	padding:0 0 0 90px;
}
.sidebar .event a:hover p{
	color:#999;
	text-decoration: underline;
}


.sidebar .podcast-subscribe{
	margin-bottom:30px;
	position:relative;
	z-index:1;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.sidebar .podcast-subscribe i{
	font-size:3.2rem;
	padding-right:15px;
}
.sidebar .podcast-subscribe a.itunes{
	display:block;
	background:#06aba4;
	position:relative;
	z-index:2;
	color:#fff;
	padding: 25px 10px;
	border-bottom: 4px solid #fff;
	font-size:1.8rem;
}
.sidebar .podcast-subscribe a.soundcloud{
	display:block;
	background:#ff7700;
	position:relative;
	z-index:2;
	color:#fff;
	padding: 25px 10px;
	margin: -18px 0 0 0;
	font-size:1.8rem;
}
.sidebar .podcast-subscribe span.divider{
	display:block;
	height:40px;
	width:40px;
	line-height:40px;
	margin: -22px auto 0;
	background:#fff;
	color: #888;
	position:relative;
	z-index:3;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
}
.sidebar .podcast-subscribe a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}



.sidebar .link-btn{
	display:block;
	font-size:2.2rem;
	padding: 0 10px;
	margin-bottom:30px;
	height:70px;
	line-height:70px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
@media only screen and (max-width : 1000px) {
.sidebar .link-btn{
	font-size:1.8rem;
	padding: 10px;
	height:auto;
	line-height:2.4rem;
	text-align:center;
}
}
.sidebar .link-btn:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
}
.sidebar .link-btn i{
	font-size:8.0rem;
	overflow:hidden;
	float:left;
	margin: -5px 0 0 -5px;
    -ms-transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    transform: rotate(-23deg);
}
@media only screen and (max-width : 1000px) {
.sidebar .link-btn i{
	display:none;
}
}
.sidebar .link-btn span{
	float:right;
	padding: 0 20px 0 0;
}
@media only screen and (max-width : 1000px) {
.sidebar .link-btn span{
	float:none;
	padding:0;
}
}
.sidebar .link-btn.event{
	background:#9cbf60;
}
.sidebar .link-btn.showcase{
	background:#4a94b6;
}
.sidebar .link-btn.showcase i{
	font-size:9.0rem;
	margin: -10px 0 0 -15px;
}
.sidebar .link-btn.sponsor{
	background:#385f80;
}
.sidebar .link-btn.sponsor i{
	font-size:8.0rem;
	margin: -5px 0 0 -10px;
}
.sidebar .link-btn.sponsor span{
	font-size:2.0rem;
}