/* source: assets/css/website/account.css */

.account-panel h2 {
	margin: 0 0 0.25em 0;
}

.account-panel .muted {
	font-size: 0.8em;
	line-height: 1.5em;
}


.account-panel .panel-icon {
	text-align: right;
}

.backissue-panel {
	padding: 0.5em;
}

.backissue-panel p {
	font-size: 0.75em;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: black;
	background: rgba(0, 0, 0, 0.75);
	color: white;
	padding: 0.25em 0;
	margin: 0;
}

.backissue-panel-wrap {
	position: relative;
}


/* source: assets/css/website/article-list.css */

/*artile List */
#article-list {
	text-align: left;
}

#article-list ul {
	margin:0;
	padding:0;
}

#article-list ul li.article-list-item  {
	border-bottom:1px solid #ccc;
	padding:0.3em 0.3em 1em 0.3em;
}

#article-list ul li .muted a {
	float:left;
	padding:0 1em 0 0;
}

#article-list ul li a {
	text-decoration: none;
	color: inherit;
}

#article-list img {
	margin:1em 0em 0em 0em;
}


@media (max-width: 767px) {
	#article-list {
		text-align: left
	}
	p {
		font-size: 1em !important;
	}
	h2 {
		margin:0 0;
	}
}

@media (min-width: 768px) {
}


.pagination li.active a {
	background-color:rgba(207, 35, 51, 0.75);
	color:#f7f7f7 !important;
	border: 1px solid #f7f7f7;
}

/* source: assets/css/website/aside.css */

aside {
	padding:0.5em 0.5em 1em 0.5em;
	float:left;
}

aside a {
	color:#141414;
}

/* depricated but kept for possible implementation further down the line */
#articles-aside > .nav-tabs li {
	width:50%;
	text-align: center
}

#articles-aside > .nav-tabs li i {
	font-size: 1.4em
}

#site-search {
    margin:0;
    margin-top: 5px;
    padding: 0;
}


#site-search .input-append {
	width:100%;
}

#site-search .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#site-search button {
    border: 0;
    z-index: 100;
    background-color: rgba(207, 35, 51, 1);
    /** belows styles are working good */
    padding: 6px 8px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    top:-2px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

aside .latest {
	margin:5px 0;
	background-color: #fff
}

aside .latest img{
	padding:0.5em 0 0 0;
}

aside p {
	padding: 0.35em 0.2em;
	font-size: 100%;
	font-weight: 400;
	margin: 0;
	line-height: 1.25;
	color: #5A5A5A;
}

aside h2 {
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	padding-bottom: 0.5em
}

/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 979px) {
	#articles-aside > .nav-tabs li span {
		font-size: 0.8em
	}
}

#articles-aside > .nav-tabs li > .active {
	background-color: #ccc
}

#articles-aside > .tab-content {
	padding:0 0 1em 0;
}

#articles-aside > .tab-content ul {
	margin:0;
}

#articles-aside > .tab-content li{
	text-align: left;
	border-bottom:1px solid #ddd;
	padding:0.5em;
}

#aside-social-links {
}

#aside-social-links i {
	font-size:2em;
	padding:0 0.2em 0 0.2em;
}

#aside-subscribe > i {
	font-size:6em;
}

#aside-subscribe {
	padding:1em 0 1em 0;
	text-align: center
}

#archive-spotlight {
	padding:1em 0 1em 0 ;
}

aside .basket {
	padding:0.5em;
}


.job-listings a {
	border-bottom:1px solid #c9c9c9 ;
	padding: 0.5em;
	float: left;
	margin: 0 0.5em;
}

.job-listing-aside ul {
	margin:0px;
}

.job-listing-aside ul li {
	padding:0.5em;
	background-color: #ffffff;
	border-left: 0.25em solid #ddd
}

/* source: assets/css/website/bootstrap-nogutter.css */

.row-fluid .no-gutter {
  margin: 0 !important;
}

.row-fluid .span12.no-gutter {
  width: 99.99999999999999% !important;
  *width: 99.93055555555554% !important;
}
.row-fluid .span11.no-gutter {
  width: 91.66666666666666% !important;
  *width: 91.59722222222221% !important;
}
.row-fluid .span10.no-gutter {
  width: 83.33333333333331% !important;
  *width: 83.26388888888887% !important;
}
.row-fluid .span9.no-gutter {
  width: 74.99999999999999% !important;
  *width: 74.93055555555554% !important;
}
.row-fluid .span8.no-gutter {
  width: 66.66666666666666% !important;
  *width: 66.59722222222221% !important;
}
.row-fluid .span7.no-gutter {
  width: 58.33333333333333% !important;
  *width: 58.263888888888886% !important;
}
.row-fluid .span6.no-gutter {
  width: 49.99999999999999% !important;
  *width: 49.93055555555555% !important;
}
.row-fluid .span5.no-gutter {
  width: 41.66666666666666% !important;
  *width: 41.597222222222214% !important;
}
.row-fluid .span4.no-gutter {
  width: 33.33333333333333% !important;
  *width: 33.263888888888886% !important;
}
.row-fluid .span3.no-gutter {
  width: 24.999999999999996% !important;
  *width: 24.930555555555554% !important;
}
.row-fluid .span2.no-gutter {
  width: 16.666666666666664% !important;
  *width: 16.59722222222222% !important;
}
.row-fluid .span1.no-gutter {
  width: 8.333333333333332% !important;
  *width: 8.263888888888888% !important;
}
.row-fluid .offset12 {
  margin-left: 99.99999999999999% !important;
  *margin-left: 99.8611111111111% !important;
}
.row-fluid .offset12:first-child {
  margin-left: 99.99999999999999% !important;
  *margin-left: 99.8611111111111% !important;
}
.row-fluid .offset11 {
  margin-left: 91.66666666666666% !important;
  *margin-left: 91.52777777777777% !important;
}
.row-fluid .offset11:first-child {
  margin-left: 91.66666666666666% !important;
  *margin-left: 91.52777777777777% !important;
}
.row-fluid .offset10 {
  margin-left: 83.33333333333331% !important;
  *margin-left: 83.19444444444443% !important;
}
.row-fluid .offset10:first-child {
  margin-left: 83.33333333333331% !important;
  *margin-left: 83.19444444444443% !important;
}
.row-fluid .offset9 {
  margin-left: 74.99999999999999% !important;
  *margin-left: 74.8611111111111% !important;
}
.row-fluid .offset9:first-child {
  margin-left: 74.99999999999999% !important;
  *margin-left: 74.8611111111111% !important;
}
.row-fluid .offset8 {
  margin-left: 66.66666666666666% !important;
  *margin-left: 66.52777777777777% !important;
}
.row-fluid .offset8:first-child {
  margin-left: 66.66666666666666% !important;
  *margin-left: 66.52777777777777% !important;
}
.row-fluid .offset7 {
  margin-left: 58.33333333333333% !important;
  *margin-left: 58.19444444444444% !important;
}
.row-fluid .offset7:first-child {
  margin-left: 58.33333333333333% !important;
  *margin-left: 58.19444444444444% !important;
}
.row-fluid .offset6 {
  margin-left: 49.99999999999999% !important;
  *margin-left: 49.86111111111111% !important;
}
.row-fluid .offset6:first-child {
  margin-left: 49.99999999999999% !important;
  *margin-left: 49.86111111111111% !important;
}
.row-fluid .offset5 {
  margin-left: 41.66666666666666% !important;
  *margin-left: 41.52777777777777% !important;
}
.row-fluid .offset5:first-child {
  margin-left: 41.66666666666666% !important;
  *margin-left: 41.52777777777777% !important;
}
.row-fluid .offset4 {
  margin-left: 33.33333333333333% !important;
  *margin-left: 33.19444444444444% !important;
}
.row-fluid .offset4:first-child {
  margin-left: 33.33333333333333% !important;
  *margin-left: 33.19444444444444% !important;
}
.row-fluid .offset3 {
  margin-left: 24.999999999999996% !important;
  *margin-left: 24.86111111111111% !important;
}
.row-fluid .offset3:first-child {
  margin-left: 24.999999999999996% !important;
  *margin-left: 24.86111111111111% !important;
}
.row-fluid .offset2 {
  margin-left: 16.666666666666664% !important;
  *margin-left: 16.52777777777778% !important;
}
.row-fluid .offset2:first-child {
  margin-left: 16.666666666666664% !important;
  *margin-left: 16.52777777777778% !important;
}
.row-fluid .offset1 {
  margin-left: 8.333333333333332% !important;
  *margin-left: 8.194444444444443% !important;
}
.row-fluid .offset1:first-child {
  margin-left: 8.333333333333332% !important;
  *margin-left: 8.194444444444443% !important;
}


/* source: assets/css/website/bselect.min.css */

/*!
 * BSelect v0.3.4 - 2013-07-11
 * 
 * Created by Gustavo Henke <gustavo@injoin.com.br>
 * http://gustavohenke.github.io/bselect/
 */
.bselect{position:relative;display:inline-block;white-space:nowrap}.bselect,.bselect input,.bselect button{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px}.bselect.open .bselect-caret{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.bselect.disabled{opacity:.65;filter:alpha(opacity=65)}.bselect-label,.bselect-caret{position:relative;display:inline-block;height:20px;color:#333;font-size:14px;line-height:20px;*line-height:20px;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);border:1px solid #bbb;*border:0;border-bottom-color:#a2a2a2;cursor:pointer;vertical-align:middle}.bselect-label:hover,.bselect-caret:hover{background-position:0 -15px;background-color:#e6e6e6;*background-color:#d9d9d9;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.bselect-label{padding:4px 12px;overflow:hidden;text-shadow:0 1px 1px rgba(255,255,255,0.75);-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.bselect-caret{margin-left:-1px;padding:4px 5px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.bselect-caret>.bscaret{display:inline-block;width:0;height:0;margin:8px 0 0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;content:"";vertical-align:top}.bselect.disabled .bselect-label,.bselect.disabled .bselect-caret{background-image:none;cursor:not-allowed;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.bselect.disabled .bselect-label:hover,.bselect.disabled .bselect-caret:hover{background-color:#f5f5f5}.bselect-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;width:97%;margin:2px 0 0;padding:5px 1.5%;background-color:#fff;border:1px solid #000;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.bselect-search{margin-bottom:10px;vertical-align:middle;white-space:nowrap}.bselect-search>.bselect-search-input,.bselect-search>.bselect-search-icon{display:inline-block;height:20px;vertical-align:middle}.bselect-search>.bselect-search-input{position:relative;padding:4px 6px;margin:0;background:#fff;border:1px solid #ccc;cursor:text;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.bselect-search>.bselect-search-input:focus{z-index:2}.bselect-search>.bselect-search-icon{width:auto;margin-left:-1px;padding:4px 5px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;border:1px solid #ccc;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.bselect-message{display:none;padding:5px 20px 5px 15px;line-height:20px;cursor:default}.bselect-option-list{line-height:20px;width:100%;margin:0;padding:0;list-style:none;overflow-y:auto;overflow-x:hidden}.bselect-option>a{display:block;padding:5px 20px 5px 15px;color:#333;text-decoration:none;white-space:normal}.bselect-option.grouped{padding-left:15px}.bselect-option:focus{outline:0}.bselect-option:focus a{outline:thin dotted #333;outline-offset:-2px}.bselect-option:focus a,.bselect-option a:focus,.bselect-option a:hover{color:#fff;text-shadow:0 1px 0 rgba(100,100,100,0.5);background-color:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)}.bselect-option.active>a,.bselect-option.active>a:hover{color:#fff;background-color:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)}.bselect-option-group{padding:5px 20px 5px 15px;font-weight:bold;cursor:default;white-space:normal}.bselect.bselect-mini .bselect-label,.bselect.bselect-mini .bselect-caret{padding:1px 6px;font-size:10.5px}.bselect.bselect-mini .bselect-caret{padding-left:5px;padding-right:5px}.bselect.bselect-small .bselect-label,.bselect.bselect-small .bselect-caret{padding:2px 10px;font-size:11.9px}.bselect.bselect-small .bselect-caret{padding-left:5px;padding-right:5px}.bselect.bselect-large .bselect-label,.bselect.bselect-large .bselect-caret{padding:11px 19px;font-size:17.5px}.bselect.bselect-large .bselect-caret{padding-left:12px;padding-right:12px}.bselect.bselect-large .bselect-caret .bscaret{border-left-width:5px;border-right-width:5px;border-top-width:5px}.bselect.bselect-mini,.bselect.bselect-small,.bselect.bselect-large{margin-top:6px}.bselect-inaccessible{position:relative!important;top:-9999em!important;left:-9999em!important;clip:rect(0,0,0,0)!important;display:block!important;visibility:hidden!important;min-height:0!important;height:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important}
.bselect-search>.bselect-search-input { min-height:0!important; }

/* source: assets/css/website/buttons.css */

.btn {
  background: none repeat scroll 0 0 #BDC3C7;
    border: medium none;
    border-radius: 0 !important;
    box-shadow: none;
    color: #FFFFFF;
    line-height: 1.3em;
    padding: 0.5em 0.75em 0.5em;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.25s ease 0s;
    text-transform: capitalize;
    font-weight: 600
}

.btn:hover {
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.8
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn.btn-primary {
  background-color: #1abc9c;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-group:focus .btn.btn-primary.dropdown-toggle {
  background-color: #48c9b0;
}
.btn.btn-primary:active,
.btn-group.open .btn.btn-primary.dropdown-toggle,
.btn.btn-primary.active {
  background-color: #16a085;
}
.btn.btn-info {
  background-color: #3498db;
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn-group:focus .btn.btn-info.dropdown-toggle {
  background-color: #5dade2;
}
.btn.btn-info:active,
.btn-group.open .btn.btn-info.dropdown-toggle,
.btn.btn-info.active {
  background-color: #2c81ba;
}
.btn.btn-danger {
  background-color: #e74c3c;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn-group:focus .btn.btn-danger.dropdown-toggle {
  background-color: #ec7063;
}
.btn.btn-danger:active,
.btn-group.open .btn.btn-danger.dropdown-toggle,
.btn.btn-danger.active {
  background-color: #c44133;
}
.btn.btn-success {
  background-color: #2ecc71;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn-group:focus .btn.btn-success.dropdown-toggle {
  background-color: #58d68d;
}
.btn.btn-success:active,
.btn-group.open .btn.btn-success.dropdown-toggle,
.btn.btn-success.active {
  background-color: #27ad60;
}
.btn.btn-warning {
  background-color: #f1c40f;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn-group:focus .btn.btn-warning.dropdown-toggle {
  background-color: #f5d313;
}
.btn.btn-warning:active,
.btn-group.open .btn.btn-warning.dropdown-toggle,
.btn.btn-warning.active {
  background-color: #cda70d;
}
.btn.btn-inverse {
  background-color: #34495e;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn-group:focus .btn.btn-inverse.dropdown-toggle {
  background-color: #415b76;
}
.btn.btn-inverse:active,
.btn-group.open .btn.btn-inverse.dropdown-toggle,
.btn.btn-inverse.active {
  background-color: #2c3e50;
}

/* source: assets/css/website/categories.css */

/* default if colur not set */
.category-border-left- {
	border-left: 0.15em solid #141414;
	padding:0.25em;
}

.category-border-bottom- {
	border-bottom: 0.15em solid #141414;
	padding:0.25em;
	margin-left: 0;
}

.category- a {
	color:#141414!important;
}

/*World*/
.category-border-left-world {
	border-left: 0.15em solid #d03241;
	padding:0.25em;
}

.category-world a {
	color:#d03241!important;
}

.category-border-bottom-world {
	border-bottom: 0.15em solid #d03241;
	padding:0.25em;
	margin-left: 0;
}

.cat-nav:nth-child(2) a {
	color: #d03241;
}
.cat-nav:nth-child(2) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #d03241;
}

/*Britain*/
.category-border-left-britain {
	border-left: 0.15em solid #d02a38;
	padding:0.25em;
}

.category-border-bottom-britain {
	border-bottom: 0.15em solid #d02a38;
	padding:0.25em;
	margin-left: 0;
}

.category-britain a {
	color:#d02a38!important;
}

.cat-nav:nth-child(1) a {
	color: #d02a38;
}
.cat-nav:nth-child(1) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #d02a38;
}

/*editorial*/
.category-border-left-editorial {
	border-left: 0.15em solid #4d723e;
	padding:0.25em;
}

.category-border-bottom-editorial {
	border-bottom: 0.15em solid #4d723e;
	padding:0.25em;
	margin-left: 0;
}

.category-editorial a {
	color:#4d723e!important;
}
.cat-nav:nth-child(3) a {
	color: #4d723e;
}
.cat-nav:nth-child(3) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #4d723e;
}

/*features*/
.category-border-left-features {
	border-left: 0.15em solid #368589;
	padding:0.25em;
}

.category-border-bottom-features {
	border-bottom: 0.15em solid #368589;
	padding:0.25em;
	margin-left: 0;
}

.category-features a {
	color:#368589!important;
}

.cat-nav:nth-child(4) a {
	color: #368589;
}
.cat-nav:nth-child(4) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #368589;
}

/*sport*/
.category-border-left-sport {
	border-left: 0.15em solid #4b7641;
	padding:0.25em;
}

.category-border-bottom-sport {
	border-bottom: 0.15em solid #4b7641;
	padding:0.25em;
	margin-left: 0;
}

.category-sport a {
	color:#4b7641!important;
}
.cat-nav:nth-child(5) a {
	color: #4b7641;
}
.cat-nav:nth-child(5) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #4b7641;
}

/* Arts */
.category-border-left-arts {
	border-left: 0.15em solid #572e50;
	padding:0.25em;
}

.category-border-bottom-arts {
	border-bottom: 0.15em solid #572e50;
	padding:0.25em;
	margin-left: 0;
}

.category-arts a {
	color:#572e50!important;
}

.cat-nav:nth-child(6) a {
	color: #572e50;
}
.cat-nav:nth-child(6) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #572e50;
}







.cat-nav:nth-child(7) a {
	color: #f2a113;
}
.cat-nav:nth-child(7) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #f2a113;
}
.cat-nav:nth-child(8) a {
	color: #047391;
}
.cat-nav:nth-child(8) a:hover {
	background-color: none;
	border-bottom: 0.25em solid #047391;
}

/* source: assets/css/website/date-element.css */

.date {
  position:relative;
}

.date .date-left {
  border-right: 1px solid #ccc;
  padding-right: 1em;
  text-align: right;
  font-size:  0.8em;
  line-height: 1.1em;
}

.date .date-left b {
  text-transform: uppercase;
}

.date .date-right {
  text-align: left;
  font-size: 1.3em !important;
  padding-left: 0.2em;
}
.date .date-right sup {
  text-transform: uppercase;
  font-size: 0.5em;
  position: relative;
  top: -0.7em;
}


/* source: assets/css/website/datepicker.css */

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/* source: assets/css/website/design.css */

/*

This CSS Sheet is used to overlay bootstrap with the website design assets.
The first part is for the specific colour pallets etc, see styletil.es for what i mean.
The Second Part is the overlay for bootstrap, where only the nessisary ones are refernced.

*/

/* Logo */

/* Colour Pallets*/
.lead {color:#9b1f26;}

aside {
	color:#141414;
	padding: 1em;
	background-color: #fafafa;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}

aside {

}

.section-pad {
	padding:2em 0 2em 0;
}

.border {
	border-top:1px solid #ddd;
}

.muted a{
	color:#9b1f26 !important;
}

/* Typography style tile 6 */
/* Main heading used as section headings on the Homepage, Portfolio homepage and entries. */

body {
	font-family: "Source Sans Pro", verdana, sans-serif;
}

.content, header {
	padding:0em 4em 0 4em;
}

.cat-nav > .categories-sub-menu {left: 4em;width:64.4%;}

h1 {
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	font-size: 230%;
	line-height: 1.25em;
	margin:0.5em 0 0.25em 0;
	color:#141414 !important;
	text-transform: capitalize;
}

/* Headings for journal entries and portfolio subheadings. */
h2 {
	font-size: 140%;
	font-weight: 600;
	font-family: 'Lato', sans-serif;
}

.well h2 {
	margin-top: 0em;
	border-bottom: 1px solid #EEE;
	padding:0 0 0.5em 0;
	font-family: 'Lato', sans-serif;
}

/* All navigational and content tertiary headings */
h3 {
	font-size: 130%;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
}

/* All other headed elements. */
h4 {
	font-size: 125%;
	font-weight: 400;
}

h5 {
	font-family: 'Cabin', sans-serif !important;
	font-size: 100%;
	font-weight: 300;
	line-height: 100%
}

p {
	font-size: 103%;
	line-height: 1.5;
	font-weight: 400;
	color:#444444;
}

p small, .help-block{
	font-size: 75%;
	font-weight: 300;
	line-height: 80%
}

.lead {
	font-style: italic;
	line-height: 125%
}

a {
 	color:rgba(186,33,38,1);
 	cursor: pointer;
}

.red {
	color: red;
	font-weight:700;
}

a:hover {
	text-decoration: none;
	color:rgba(186,33,38,0.8);
}

.lead {
	font-weight: 700;
	font-size: 1.2em;
	margin:0.75em;
	text-transform: none;
}

.muted {
	font-weight: 700
}

.page-header {
	padding:0px;
	margin-top: 1.75em;
}

.well {
	color:#141414;
	background-color:#fafafa;
	border:1px solid #ddd;
	border-radius: 0 !important;
}

.usps, .features {
	padding:1em 0 0 0;
	margin:0;
}

.usps i {
	color:rgba(186,33,38,1);
}

.features i{
	font-size: 200%;
	color:rgba(186,33,38,1);
}

form {
	margin-bottom: 0
}

.form-actions {
	margin-bottom: 0
}

.jobs {
	margin:0;
	padding:0.5em;
}

blockquote {
	margin:2em;
	font-weight: 700;
}

blockquote > small {
	font-weight: 400;
}

select {
	margin-bottom: 1em
}

/* Social Links */
.aside-social-links a:hover{
	cursor: pointer;
	opacity: 0.75;
}

.icon-facebook-sign {
	color:rgb(59, 89, 152);
}

.icon-twitter-sign {
	color: rgb(0, 160, 209);
}

.icon-google-plus-sign {
	color:rgb(209, 72, 54);
}

.icon-rss-sign {
	color:rgb(255, 102, 0);
}


/* About Us */

.about-us p {
	max-width: 50em;
}

.about-us p+p {
	margin-bottom: 1.5em;
}

.about-us blockquote {
	background: #f9f9f9;
	font-weight: 600;
	border-left: 10px solid #ccc;
	padding: 0.75em;
	quotes: "\201C""\201D""\2018""\2019";
	font-size: 1.5em;
	line-height: 1.5em;
	margin:0.2em 0 0.5em 0;
}

.about-us blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 3em;
	line-height: 0.1em;
	margin: 0 0.15em 0.25em 0;
	vertical-align: -0.4em;
}

.about-us blockquote a {
	font-size: 65%;
	float: right;
}

@media (max-width:500px) {
	.about-us blockquote {
		display: none !important;
	}
	.about-us {
		text-align: left;
	}
}

/* source: assets/css/website/elements.css */

.bxslider {
	margin:0.5em 0;
	padding:0;
	text-align: left;
}

.category-header {
	border-bottom: 0.30em solid red;
	padding:0em 0.5em 0.25em 0;
	margin:0;
	font-weight: 700
}

.category-header {
	margin:0 0.5em 0 0;
}

section {
	padding:0px !important;
}

.article-grid img {
	padding-top :1em;
}

.article-list img {
	padding-top :1em;
}

/* source: assets/css/website/fighting-fund.css */

/*
---------------------
---------------------
HEADER CALL-TO-ACTION
---------------------
---------------------
*/

@media (max-width: 902px) {

	.header-call-to-action {
		display: none;
	}
}

@media (min-width: 903px) and (max-width: 1039px) {

	.header-call-to-action {
		position: relative;
		float: right;
		margin: .5em 0 0 .5em;
		font-size: 0.7em;
	}

	.header-call-to-action span.title {
		font-weight: 600;
		font-size: 2.5em;
		color: rgba(149,149,149,1);
	}

	.header-call-to-action .fund-target {
		padding-top: .2em;
	}

	.header-call-to-action .fund-target .raised {
		display: inline-block;
		float: left;
	}

	.header-call-to-action .fund-target .need {
		display: inline-block;
		float: right;
	}

	.header-call-to-action .fund-target .raised span.sub-title {
		font-weight: 500;
		font-size: 1.1em;
		color: rgba(149,149,149,1);
		line-height: 1.3em;
		float: left;
	}

	.header-call-to-action .fund-target .need span.sub-title {
		font-weight: 500;
		font-size: 1.1em;
		color: rgba(149,149,149,1);
		line-height: 1.3em;
		float: right;
	}

	.header-call-to-action .fund-target .raised span.amount {
		font-weight: 700;
		font-size: 2em;
		color: rgba(207,35,51,1);
	}

	.header-call-to-action .fund-target .need span.amount {
		font-weight: 700;
		font-size: 2em;
		color: rgba(207,35,51,1);
	}

	.header-call-to-action .count-down {
		text-align: center;
		padding: .2em;
		width: 98%;
		margin-top: .2em;
	}

	.header-call-to-action span.count-down {
		letter-spacing: .3em;
		font-weight: 500;
		font-size: 1em;
		color: rgba(182,182,182,1);
	}

	.header-call-to-action .donate {
		margin-top: 2.6em;
		padding: .2em 0;
		width: 100%;
		background-color: rgba(207,35,51,1);
		text-align: center;
	}

	.header-call-to-action .donate span {
		color: rgba(255,255,255,1);
		font-size: 1.3em;
		font-weight: 700;
	}

	.fighting-fund__content .article__text p {
		-webkit-columns: 2 150px;
		-moz-columns: 2 150px;
		columns: 2 150px;
		-webkit-column-gap: 1.5em;
		-moz-column-gap: 1.5em;
		column-gap: 1.5em;
	}
}

@media (min-width: 1040px) {

	.header-call-to-action {
		position: relative;
		float: right;
		margin: .5em 0 0 .5em;
	}

	.header-call-to-action span.title {
		font-weight: 600;
		font-size: 2.5em;
		color: rgba(149,149,149,1);
	}

	.header-call-to-action .fund-target {
		padding-top: .2em;
	}

	.header-call-to-action .fund-target .raised {
		display: inline-block;
		float: left;
	}

	.header-call-to-action .fund-target .need {
		display: inline-block;
		float: right;
	}

	.header-call-to-action .fund-target .raised span.sub-title {
		font-weight: 500;
		font-size: 1.1em;
		color: rgba(149,149,149,1);
		line-height: 1.5em;
	}

	.header-call-to-action .fund-target .need span.sub-title {
		font-weight: 500;
		font-size: 1.1em;
		color: rgba(149,149,149,1);
		line-height: 1.5em;
		float: right;
	}

	.header-call-to-action .fund-target .raised span.amount {
		font-weight: 700;
		font-size: 2em;
		color: rgba(207,35,51,1);
	}

	.header-call-to-action .fund-target .need span.amount {
		font-weight: 700;
		font-size: 2em;
		color: rgba(207,35,51,1);
	}

	.header-call-to-action .count-down {
		text-align: center;
		padding: .2em;
		width: 98%;
		margin-top: .2em;
	}

	.header-call-to-action span.count-down {
		letter-spacing: .3em;
		font-weight: 500;
		font-size: 1em;
		color: rgba(182,182,182,1);
	}

	.header-call-to-action .donate {
		margin-top: 2.6em;
		padding: .2em 0;
		width: 100%;
		background-color: rgba(207,35,51,1);
		text-align: center;
	}

	.header-call-to-action .donate span {
		color: rgba(255,255,255,1);
		font-size: 1.3em;
		font-weight: 700;
	}

	.fighting-fund__content .article__text p {
		-webkit-columns: 2 150px;
		-moz-columns: 2 150px;
		columns: 2 150px;
		-webkit-column-gap: 1.5em;
		-moz-column-gap: 1.5em;
		column-gap: 1.5em;
	}
}



/*
----------
----------
COUNT-DOWN
----------
----------
*/

@media (min-width: 200px) and (max-width: 555px) {

	.count-down {
		background-color: rgba(247,247,247,1);
		margin: 0;
	}

	.count-down .amount {
		display: inline-block;
	}

	.count-down .days {
		display: inline-block;
	}

	.count-down .left {
		display: inline-block;
	}

	.count-down .amount h1 {
		color: rgba(183,183,183,1) !important;
		font-size: 180%;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: .1em;
	}

	.count-down h3 {
		color: rgba(183,183,183,1) !important;
		font-size: 180%;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: .1em;
	}
}

@media (min-width: 556px) and (max-width: 849px) {

	.count-down {
		background-color: rgba(247,247,247,1);
		margin: 0;
	}

	.count-down .amount {
		display: inline-block;
	}

	.count-down .days {
		display: inline-block;
	}

	.count-down .left {
		display: inline-block;
	}

	.count-down .amount h1 {
		color: rgba(183,183,183,1) !important;
		font-size: 180%;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: .1em;
	}

	.count-down h3 {
		color: rgba(183,183,183,1) !important;
		font-size: 180%;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: .1em;
	}
}

@media (min-width: 850px) and (max-width: 1199px) {

	.fighting-fund {
		width:76.55% !important;
	}

	.count-down {
		display: inline-block;
		position: absolute;
		background-color: rgba(247,247,247,1);
		padding: .5em .8em .8em .8em;
		margin: 0;
	}

	.count-down .amount h1 {
		color: rgba(183,183,183,1) !important;
		font-size: 5em;
		margin: 0;
		line-height: 1em;
	}

	.count-down .days h3 {
		margin: 0;
		color: rgba(183,183,183,1) !important;
		font-size: 220%;
		line-height: 1.2em;
		text-transform: uppercase;
		font-weight: 800;
	}

	.count-down .left h3 {
		margin: 0;
		color: rgba(183,183,183,1) !important;
		font-size: 246%;
		line-height: 1em;
		text-transform: uppercase;
		font-weight: 800;
	}
}


@media (min-width: 1200px) {

	.fighting-fund {
		width:76.9% !important;
	}

	.count-down {
		display: inline-block;
		position: absolute;
		background-color: rgba(247,247,247,1);
		padding: .5em .8em .8em .8em;
		margin: 0;
	}

	.count-down .amount h1 {
		color: rgba(183,183,183,1) !important;
		font-size: 5em;
		margin: 0;
		line-height: 1em;
	}

	.count-down .days h3 {
		margin: 0;
		color: rgba(183,183,183,1) !important;
		font-size: 220%;
		line-height: 1.2em;
		text-transform: uppercase;
		font-weight: 800;
	}

	.count-down .left h3 {
		margin: 0;
		color: rgba(183,183,183,1) !important;
		font-size: 246%;
		line-height: 1em;
		text-transform: uppercase;
		font-weight: 800;
	}
}

/*
------------
------------
FUND TRACKER
------------
------------
*/

@media (min-width: 200px) and (max-width: 555px) {

	.fighting-fund__tracker {
		display: inline-block;
		padding-top: 1.5em;
		margin: 0;

	}

	.fighting-fund__tracker .tracker__raised {
		margin: 0;
		display: inline-block;
		position: relative;
	}

	.fighting-fund__tracker .tracker__need {
		display: inline-block;
		margin: 0;
		padding-top: 1.5em;
	}

	.fighting-fund__tracker h4 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(183,183,183,1) !important;
		font-size: 120%;
		font-weight: 600;
	}

	.fighting-fund__tracker h2 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(207,35,49,1) !important;
		font-size: 200%;
		font-weight: 700;
	}

	.bar {
		margin-top: .5em;
		width: 100%;
		height: 1.5em;
		color: #ffffff;
		border-style: solid;
		border-width: .1em;
		border-color: rgba(122,122,122,1);
		border-radius: 4em;
		float: left;
		font-size: 12px;
		text-align: center;
		background-color: rgba(242,242,242,1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: width 0.6s ease;
		-moz-transition: width 0.6s ease;
		-o-transition: width 0.6s ease;
		transition: width 0.6s ease;
	}

	.fighting-fund__tracker .progress-bar__percentage {
		height: 100%;
		background-color: rgba(151,151,151,1) !important;
		border-bottom-left-radius: 0.9em;
		border-top-left-radius: 0.9em;
		width: 50%;
	}

}

@media (min-width: 556px) and (max-width: 849px) {

	.fighting-fund__tracker {
		display: inline-block;
		padding-top: 3em;
	}

	.fighting-fund__tracker .tracker__raised {
		display: inline-block;
		position: relative;
		margin: 0;
	}

	.fighting-fund__tracker .tracker__need {
		display: inline-block;
		margin: 0;
		padding-left: 8em;
	}

	.fighting-fund__tracker h4 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(183,183,183,1) !important;
		font-size: 95%;
		font-weight: 600;
	}

	.fighting-fund__tracker h2 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(207,35,49,1) !important;
		font-size: 200%;
		font-weight: 700;
	}

	.bar {
		margin-top: .5em;
		width: 100%;
		height: 1.5em;
		color: #ffffff;
		border-style: solid;
		border-width: .1em;
		border-color: rgba(122,122,122,1);
		border-radius: 4em;
		float: left;
		font-size: 12px;
		text-align: center;
		background-color: rgba(242,242,242,1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: width 0.6s ease;
		-moz-transition: width 0.6s ease;
		-o-transition: width 0.6s ease;
		transition: width 0.6s ease;
	}

	.fighting-fund__tracker .progress-bar__percentage {
		height: 100%;
		background-color: rgba(151,151,151,1) !important;
		border-bottom-left-radius: 0.9em;
		border-top-left-radius: 0.9em;
		width: 50%;
	}

}

@media (min-width: 850px) and (max-width: 1199px) {

	.fighting-fund__tracker {
		display: inline-block;
		padding-top: 2em;
		margin-left: 11em;
	}

	.fighting-fund__tracker .tracker__raised {
		display: inline-block;
		position: relative;
		margin: 0;
	}

	.fighting-fund__tracker .tracker__need {
		display: inline-block;
		margin: 0;
		padding-left: 9em;
	}

	.fighting-fund__tracker h4 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(183,183,183,1) !important;
		font-size: 120%;
		font-weight: 600;
	}

	.fighting-fund__tracker h2 {
		margin: 0;
		padding-top: .3em;
		text-transform: uppercase;
		color: rgba(207,35,49,1) !important;
		font-size: 164%;
		font-weight: 700;
	}

	.bar {
		margin-top: 2.4em;
		width: 100%;
		height: 1.5em;
		color: #ffffff;
		border-style: solid;
		border-width: .1em;
		border-color: rgba(122,122,122,1);
		border-radius: 4em;
		float: left;
		font-size: 12px;
		text-align: center;
		background-color: rgba(242,242,242,1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: width 0.6s ease;
		-moz-transition: width 0.6s ease;
		-o-transition: width 0.6s ease;
		transition: width 0.6s ease;
	}

	.fighting-fund__tracker .progress-bar__percentage {
		height: 100%;
		background-color: rgba(151,151,151,1) !important;
		border-bottom-left-radius: 0.9em;
		border-top-left-radius: 0.9em;
		width: 50%;
	}
}

@media (min-width: 1200px) { 

	.fighting-fund__tracker {
		display: inline-block;
		padding-top: 3em;
		margin-left: 12em;
	}

	.fighting-fund__tracker .tracker__raised {
		display: inline-block;
		position: relative;
		margin: 0;
	}

	.fighting-fund__tracker .tracker__need {
		display: inline-block;
		margin: 0;
		padding-left: 11em;
	}

	.fighting-fund__tracker h4 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(183,183,183,1) !important;
		font-size: 150%;
		font-weight: 600;
	}

	.fighting-fund__tracker h2 {
		margin: 0;
		text-transform: uppercase;
		color: rgba(207,35,49,1) !important;
		font-size: 300%;
		font-weight: 700;
	}

	.bar {
		margin-top: .5em;
		width: 100%;
		height: 1.5em;
		color: #ffffff;
		border-style: solid;
		border-width: .1em;
		border-color: rgba(122,122,122,1);
		border-radius: 4em;
		float: left;
		font-size: 12px;
		text-align: center;
		background-color: rgba(242,242,242,1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: width 0.6s ease;
		-moz-transition: width 0.6s ease;
		-o-transition: width 0.6s ease;
		transition: width 0.6s ease;
	}

	.fighting-fund__tracker .progress-bar__percentage {
		height: 100%;
		background-color: rgba(151,151,151,1) !important;
		border-bottom-left-radius: 0.9em;
		border-top-left-radius: 0.9em;
		width: 50%;
	}
}

/*
----------------------
----------------------
FIGHTING FUND CONTENT
----------------------
----------------------
*/

@media (min-width: 200px) and (max-width: 555px) {

	.fighting-fund__content {
		margin-top: 2em;
		background-color: rgba(247,247,247,1);
		border-bottom-style: solid;
		border-bottom-width: 1.4em;
		border-bottom-color: rgba(207,207,207,1);
	}

	.fighting-fund__content .article .article__title {
		background-color: rgba(207,35,49,1);
		padding: 0 .6em;
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title h3 {
		font-size: 1.4em;
		color: rgba(255,255,255,1);
		font-weight: 700;
		text-align: left;
	}

	.fighting-fund__content .article .article__title span {
		font-weight: 100;
	}

	.fighting-fund__content .article .article__text {
		margin: 1em;
		padding: 1em;
		background-color: rgba(255,255,255,1);
	}

	.fighting-fund__content p {
		text-align: left;
	}

	.article__text .btn {
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(207,35,49,1);
		display: block;
		padding: 0;
	}

	.article__text .btn i.icon-star {
		font-size: 1em;
	}

	.article__text a.btn {
		color: rgba(255,255,255,1) !important;
		font-size: 1.5em;
	}

	.fighting-fund__content .blurb {
		width: 100%;
		padding: 0 1em 1em 1em;
	}

	.fighting-fund__content .blurb p {		
		margin: 0;
		color: rgba(180,180,180,1);
		font-size: 1em;
		font-weight: 600;
		width: 90%;
	}

	.fighting-fund__content .blurb img {
		display: none;
	}
}

@media (min-width: 556px) and (max-width: 849px) {

	.fighting-fund__content {
		margin-top: 4em;
		position: relative;
		background-color: rgba(247,247,247,1);
		border-bottom-style: solid;
		border-bottom-width: 1.4em;
		border-bottom-color: rgba(207,207,207,1);
	}

	.fighting-fund__content .article .article__title {
		background-color: rgba(207,35,49,1);
		padding: 0 .6em;
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title h3 {
		font-size: 2em;
		color: rgba(255,255,255,1);
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title span {
		font-weight: 100;
	}

	.fighting-fund__content .article .article__text {
		margin: 1em;
		padding: 1em;
		background-color: rgba(255,255,255,1);
	}

	.fighting-fund__content .article .article__text p {
		color: rgba(68,68,68,1) !important;
		text-align: left;
	}

	.article__text .btn {
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(207,35,49,1);
		padding: 0;
		padding-right: .8em;
		display: block;
	}

	.article__text .btn i.icon-star {
		font-size: 1em;
	}

	.article__text a.btn {
		color: rgba(255,255,255,1) !important;
		font-size: 1.5em;
	}

	.fighting-fund__content .blurb {
		display: inline-block;
		width: 100%;
		position: relative;
	}

	.fighting-fund__content .blurb p {
		margin-left: 1em;
		float: left;
		color: rgba(180,180,180,1);
		font-size: 1em;
		font-weight: 600;
		width: 95%;
		text-align: left;
	}

	.fighting-fund__content .blurb span {
		width: 60%;
		float: left;
	}

	.fighting-fund__content .blurb img {
		display: inline-block;
		width: 33%;
		float:right;
		position: absolute;
		bottom: 0;
		margin-left: -11.5em;
		margin-bottom: -0.4em;
	}
}

@media (min-width: 600px) and (max-width: 750px) {

	.fighting-fund__content .blurb img {
		width: 20%;
	}
}

@media (min-width: 850px) and (max-width: 1199px) {

	.fighting-fund__content {
		margin-top: 2em;
		position: relative;
		background-color: rgba(247,247,247,1);
		border-bottom-style: solid;
		border-bottom-width: 1.4em;
		border-bottom-color: rgba(207,207,207,1);
	}

	.fighting-fund__content .article .article__title {
		background-color: rgba(207,35,49,1);
		padding: 0 .6em;
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title h3 {
		font-size: 2em;
		color: rgba(255,255,255,1);
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title span {
		font-weight: 100;
	}

	.fighting-fund__content .article .article__text {
		margin: 1em;
		padding: 1em;
		background-color: rgba(255,255,255,1);
	}

	.fighting-fund__content .article .article__text p {
		color: rgba(68,68,68,1) !important;
	}

	.article__text .btn {
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(207,35,49,1);
		padding: 0;
		padding-right: .8em;
		display: block;
	}

	.article__text .btn i.icon-star {
		font-size: 1em;
	}

	.article__text a.btn {
		color: rgba(255,255,255,1) !important;
		font-size: 1.5em;
	}

	.fighting-fund__content .blurb {
		width: 100%;
		bottom: 0;
		padding-bottom: 1.5em;
		position: relative;
	}

	.fighting-fund__content .blurb p {
		display: inline-block;
		margin: 0;
		padding: 1em 2em;
		color: rgba(180,180,180,1);
		font-size: 1em;
		font-weight: 600;
		width: 60%;
	}

	.fighting-fund__content .blurb img {
		display: inline-block;
		position: absolute;
		width: 25%;
		float:right;
		bottom: 0;
		margin-right: 2.5em;
	}

}

@media (min-width: 1200px) {

	.fighting-fund__content {
		margin-top: 4em;
		position: relative;
		background-color: rgba(247,247,247,1);
		border-bottom-style: solid;
		border-bottom-width: 1.4em;
		border-bottom-color: rgba(207,207,207,1);
	}

	.fighting-fund__content .article .article__title {
		background-color: rgba(207,35,49,1);
		padding: 0 .6em;
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title h3 {
		font-size: 2em;
		color: rgba(255,255,255,1);
		font-weight: 700;
	}

	.fighting-fund__content .article .article__title span {
		font-weight: 100;
	}

	.fighting-fund__content .article .article__text {
		margin: 1em;
		padding: 1em;
		background-color: rgba(255,255,255,1);
	}

	.fighting-fund__content .article .article__text p {
		color: rgba(68,68,68,1) !important;
	}

	.article__text .btn {
		margin-left: auto;
		margin-right: auto;
		background-color: rgba(207,35,49,1);
		padding: 0;
		padding-right: .8em;
		display: block;
	}

	.article__text .btn i.icon-star {
		font-size: 1em;
	}

	.article__text a.btn {
		color: rgba(255,255,255,1) !important;
		font-size: 1.5em;
	}

	.fighting-fund__content .blurb {
		width: 100%;
		bottom: 0;
		padding-bottom: 1.5em;
	}

	.fighting-fund__content .blurb p {
		display: inline-block;
		margin: 0;
		padding: 1em 2em;
		color: rgba(180,180,180,1);
		font-size: 1em;
		font-weight: 600;
		width: 60%;
	}

	.fighting-fund__content .blurb img {
		display: inline-block;
		width: 25%;
		position: absolute;
		float:right;
		bottom: 0;
		margin-right: 2.5em;
	}
}



/* source: assets/css/website/footer.css */

footer {
	margin-top: 2em;
	border-top: 1px solid rgb(221, 221, 221);
	background-color: #2c2c2c;
	color:#f7f7f7;
	font-size: 90%;
	line-height: 150%
}

footer p {
	color:#DADADA;
}

footer a {
	color: #fd4350;
}

footer a:hover {
	color: #ee3b47;
}

footer .span4, footer .span3 {
	padding:2em;
}

@media (max-width: 767px) {
	footer .pppslogo {
		width:65%;
	}
}

footer .copyright {
	background-color: #141414;
	padding:1em 0 0 0;
}

footer i:nth-child(1) {
	color:#f7f7f7;
}

footer i:nth-child(2) {
	color:rgb(208, 52, 66) !important;
}

footer .btn {
	margin:1em 1em 1em 0;
	background-color: rgb(208, 52, 66) !important;
}

footer hr {
	border-bottom: 1px solid #f7f7f7;
	border-top: 0;
}

footer .lemondigits {
	font-family: 'Fredericka the Great', sans-serif;
	color:#f2ee68;
}


/* source: assets/css/website/header.css */

/* Header two css sheets for small and large devices -ms-text-align-last: left;
text-align-last: left; adaptive. */

nav * a {
	color: #f7f7f7;
	font-weight:300;
	text-transform: lowercase;
	text-transform: capitalize;
	font-size: 1.25em;
	line-height: 1.15em;
	cursor: pointer;
}

nav a i {
	font-size: 1em
}


.categories {
	margin:0 !important;
	padding:0 !important;
	background-color: #f7f7f7;
}

.cat-nav, .cat-nav-social {
	line-height: auto;
}

.cat-nav a {
	display: inline-block;
	padding: 0.7em 0.75em 0.5em 0.75em;
	font-size: 1.18em;
	border-bottom: 0.2em solid #f7f7f7;
}

.cat-nav a:hover {
	background-color: #ddd;
}

.cat-nav-social a {
	display: inline-block;
	padding:0.31em;
	font-size: 1.75em;
}

.cat-nav-social a:hover {
	background-color: #ddd;
}

.heading-cta {
	width:23%;
}

.blockmsg {
	display:none;
}

@media (min-width: 755px) and (max-width: 850px) {

	.blockmsg .text--red {
		padding-top: .5em;
		color: rgba(207, 35, 51, 1);
		font-size: 65%;
		font-weight: 300;
	}

	.blockmsg span {
		color: rgba(0, 0, 0, .5) !important;
		font-size: 88%;
		font-weight: 100 !important;
		line-height: .2em;
	}
}

@media (min-width: 851px) and (max-width: 999px) {
	.blockmsg .text--red {
		padding-top: .5em;
		color: rgba(207, 35, 51, 1);
		font-size: 88%;
		font-weight: 300;
	}

	.blockmsg span {
		color: rgba(0, 0, 0, .5) !important;
		font-size: 85%;
		font-weight: 100 !important;
	}
}


@media (min-width: 1000px) {

	.blockmsg .text--red {
		padding-top: .5em;
		color: rgba(207, 35, 51, 1);
		font-size: 110%;
		font-weight: 300;
	}

	.blockmsg span {
		color: rgba(0, 0, 0, .5) !important;
		font-size: 100%;
		font-weight: 100 !important;
	}
}

@media (max-width: 767px) {

	header {
		background-color: #F2F2F2;
		border-bottom: 0.1em solid #ddd;
		padding:0;
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		z-index: 9989;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(191,191,191,1);
		-moz-box-shadow: 0px 1px 5px 0px rgba(191,191,191,1);
		box-shadow: 0px 1px 5px 0px rgba(191,191,191,1);
		height: 3.2em !important;
	}

	body {
		padding-top: 3.3em !important;
	}

	header .logo {
		display: inline-block;
	}

	header .logo img {
		width:14em;
		padding:0.5em 0 0 0.5em;
		margin-bottom: -0.5em;
	}

	.menu-toggle {
		display: inline-block;
		color: #2c2c2c;
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0.5em;
		font-size: 1.75em;
	}

	nav {
		display: block;
		position: fixed;
		top:0;
		left:-15em;
		height: 100%;
		width:15em;
		z-index: 9999;
		background-color: #2c2c2c;
		overflow-y:scroll;
		-webkit-transition: left 0.2s ease-out 0.2s;
		-moz-transition: left 0.2s ease-out 0.2s;
		-o-transition: left 0.2s ease-out 0.2s;
		transition: left 0.2s ease-out 0.2s;
	}

	nav.active {
		left:0;
		-webkit-transition: left 0.2s ease-out 0.2s;
		-moz-transition: left 0.2s ease-out 0.2s;
		-o-transition: left 0.2s ease-out 0.2s;
		transition: left 0.2s ease-out 0.2s;
	}

	nav ul,
	nav ul li,
	nav ul li a {
		display:block;
		text-align:left;
	}

	nav ul {
		padding: 0;
		margin: 0;
	}

	nav a {
		padding:0.75em;
		transition:border-bottom 0.2s ease-in;
	}

	nav a:hover,
	nav a:focus {
		color: #ddd;
		border-bottom: 0.1em solid #ddd;
		transition:border-bottom 0.2s ease-out;
	}

	nav ul li a i {
		display:none !important;
	}

	nav ul li ul {
		display: none;
		padding-left: 0.5em;
		background-color: #696969;
	}

	/*nav {
		z-index: 9999;
		position: relative;
	}
	
	.logo {
		padding:1em 0;
		height: auto;
	}
	.logo img{
		width:95%;
		padding:0 2.5%;
	}

	nav * a {
		font-weight: 300
	}
	nav ul {
		padding:0;
		margin: 0;
		display:block;
	}
	nav > ul > li {
		position:relative;
		display:block;
		background-color: #141414;
	}
	nav > ul > li > a {
		text-align: center;
		padding:1em 0 1em 0;
		width:33.3%;
		font-size: 110%;
		float:left;
		background-color: #141414;
		color: #f7f7f7;
	}
	nav > ul > li > a > i {

	}
	nav > ul > li > a:hover {
		color:red;
	}
	nav > ul > li > ul {
		display:none;
		padding:0;
		margin:0;
		background-color: #141414;
		position: absolute;
		top:3.3em;
		width:100%;
		z-index: 100;
	}

	nav > ul > li > ul > li {
		width:50%;
		display:block;
		float:left;
		font-size: 110%;
	} 
	nav > ul > li > ul > li > a {
		text-align: center;
		display:inline-block;
		color:#f7f7f7;
		padding:1em 0 1em 0;
		width:100%;
		border-bottom: 1px solid #ddd;
		font-size: 110%;
	}

	nav > ul > li > ul > li > a:hover {
		color:#ddd;
	}

	nav > ul > li > ul > li .categories {
		display:none;
	}*/
}

/* main-menu respond up */
@media (min-width: 768px) {
	.logo {
		padding:1.5em 0 0 0;
	}

	.logo a {
		margin-left:0;
	}
	header {
	}
	.logo {
		height: 8em;
		width:auto;
		margin-bottom: 1em;
		margin-top: 1em;
		padding:0.5em;
	}

	nav ul {
		padding:0;
		margin: 0;
		width:100%;
	}

	nav > ul {
		padding:0;
	}

	nav ul > li {
		display:inline-block;
	}

	nav > ul {
	background-color:rgba(207, 35, 51, 1);
	}
	
	.main-sub-menu-parent {
		display:inline-block;
	}

	.main-sub-menu-parent:hover .main-sub-menu {
		display:block;
	}

	.main-sub-menu {
		display:none;
		width:8em;
		background-color:rgba(207, 35, 51, 1);
		position: absolute;
		top:2.688em !important;
		left: 0em;
		z-index: 9999;
	}

	.main-sub-menu li{
		width: 100%;
		display: block;
	}

	.main-sub-menu li a {
		display:block;
	}

	.main-sub-menu li a:hover {
		color:#f7f7f7 !important;
		background-color: rgba(214,36,42,1);
	}

	nav > ul > li > a:hover {
		background-color:rgba(214,36,42,1);
		color: #f7f7f7;
	}

	nav > ul > li > ul > li > a:hover {
		background-color:rgba(214,36,42,1);
		color: #f7f7f7;
	}


	nav a {
		padding: 0.5em 0.5em 0.5em 0.5em;
		display: block;
	}

	nav > ul > li:nth-child(1) > a {
		display: none
	}
	nav > ul > li:nth-child(2) > a {
		display: none
	}
	nav > ul > li:nth-child(3) > a {
		display: none
	}

	nav > ul > li:nth-child(2), nav > ul > li:nth-child(3) {
		float:right;
	}

	nav ul > li > ul > li {
		display:inline-block;
		position:relative;
	}

	nav ul > li > ul > li > ul {
		display:inline-block;
		position: absolute;
		top:12em;
		left:-0.5em;
		margin:0 !important;
	}
	nav ul > li > ul > li > ul > li {
		float:left;
		padding:0;
		margin:0;
		white-space:nowrap; /* prevent word wrap */
	}
	nav ul > li > ul > li > ul > li > ul {
		display:none;
		background-color: #ddd;
	}
	/*nav ul > li > ul > li > ul > li:hover > ul {
		display:block;
		position: absolute;
		top:3.5em;
		left: 0;
		margin:0 !important;
	}*/
	
	.cat-nav:nth-child(1) a {
		color: #BD0000;
	}
	.cat-nav:nth-child(1) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #BD0000;
	}
	.cat-nav:nth-child(2) a {
		color: #BD0000;
	}
	.cat-nav:nth-child(2) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #BD0000;
	}
	.cat-nav:nth-child(3) a {
		color: #015300;
	}
	.cat-nav:nth-child(3) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #015300;
	}
	.cat-nav:nth-child(4) a {
		color: #047391;
	}
	.cat-nav:nth-child(4) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #047391;
	}
	.cat-nav:nth-child(5) a {
		color: #3DA231;
	}
	.cat-nav:nth-child(5) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #3DA231;
	}
	.cat-nav:nth-child(6) a {
		color: #8010D0;
	}
	.cat-nav:nth-child(6) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #8010D0;
	}
	.cat-nav:nth-child(7) a {
		color: #f2a113;
	}
	.cat-nav:nth-child(7) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #f2a113;
	}
	.cat-nav:nth-child(8) a {
		color: #047391;
	}
	.cat-nav:nth-child(8) a:hover {
		background-color: none;
		border-bottom: 0.25em solid #047391;
	}
}

.logo-mstar a{
	width:40em !important;
	height: 6.5em !important;
}
.logo-mstar a{
	background-image: url('../../static/images/logo.png');
	background-repeat: no-repeat;
	background-size: 40em;
	margin: 1.75em 0 0 -2.5em;
	display:block;
}

.logo-mstar a div {
	display:none;
}

.logo-tag {
	font-size: 0
}

.inlinesvg .logo-mstar a div {
	display: block;
	margin:2em 0;
}

.inlinesvg .logo-mstar a{
	background-image: none;
	position: relative;
}

.inlinesvg .logo-mstar a {
	background-image: none;
	background-size: 0em;
}

.inlinesvg .logo-mstar a span {
	font-size: 100%;
}

.inlinesvg .logo-mstar a:hover{
	opacity: 1;
}

.inlinesvg .logo-tag {
	font-family: 'Playfair Display', serif !important;
	font-size: 0.81em;
	color: #616161;
	font-weight: 600;
	z-index: 100;
	margin: 0;
	position: relative;
	top: -6.85em;
	left: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: 11.25em;
}

/* categories-sub-menu */

.cat-nav > .categories-sub-menu {
	display: none;
	position:absolute;
	top:15.8em;
	margin:0%;
	background-color:#f7f7f7;
	border-bottom: 1px solid #ddd;
	padding: 0.7em 0.75em 0.5em 0.75em;
	z-index: 9999;
}

.cat-nav:hover > .categories-sub-menu {
	display:block;
}

.cat-nav > .categories-sub-menu li {
	display:inline-block;
	width:33%;
}

.cat-nav > .categories-sub-menu li a{
	display:block;
	padding: 0.7em 0.75em 0.5em 0.75em;
	text-transform: capitalize;
}

.cat-nav > .categories-sub-menu li a:hover {
	border:0;
	padding: 0.7em 0.75em 0.5em 0.75em !important;
	margin:0;
}

.cat-nav a:hover {
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

nav a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* source: assets/css/website/home.css */

@media (min-width: 768px) {
	.home-items {
		width:43%;
		margin:2%;
		display:inline-block;
		position: relative;
		top: 0;
	}

	.home-image {
		padding:1em 0 0 0;
	}

	.home .latest {
		margin:5px 0;
		background-color: #fff;
		padding:1em;
	}

	.home h1 {
		text-decoration: none;
		color:#141414;
	}

	.latest h2{
		color:#141414 !important;
	}

	.home .latest img{
		padding:0.5em 0 0 0;
	}

	.home-well {
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,0.1);
		padding:0 1em;
		margin:1em 0;
	}

	.home-catlist {
		margin:0;
	}
	.home * h2{
		color:#141414 !important;
	}
}

@media (max-width: 767px) {
}


/* source: assets/css/website/respond.css */

/* h2 is used as the responisve vesion of h1, eg use h1 in singe article title and h2 in list title*/

/* Massive Sreens */
@media (min-width: 2000px) {
	.cat-nav > .categories-sub-menu {left: 20%;width:59.75%;}
	body {
		font-size: 18px !important;
	}
	#aside-social-links i{
		font-size: 3em !important;
	}
	.logo {
		position: relative;
		left: -3.5%;
	}
	.main-sub-menu-parent {
		display: none;
	}
}

/* Large desktop */
@media (min-width: 1200px) {
	.content, header {
	  	margin: 0 auto;
		max-width: 80em;
	}
	.cat-nav > .categories-sub-menu {left: 10%;width:59.75%;}

	body {
		font-size: 16px !important;
	}
	#aside-social-links i{
		font-size: 2.3em !important;
	}
	.logo {
		position: relative;
		left: -3.5%;
	}
	.main-sub-menu-parent {
		display: none;
	}
}

@media (max-width:1450px) {
	.main-sub-menu-parent {
		display: inline-block;
	}
	.menu-hidden {
		display:none !important;
	}
	.show-mid {
		display:inline-block;
	}
}

@media (max-width: 1050px) {
	.heading-cta {
		display:none;
	}
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width:1000px) {
	.content, header {padding:0em 5% 0 5% !important;}
	.cat-nav > .categories-sub-menu {left: 5%;width:66.2%;}
	body {
		font-size: 16px !important;
	}
	#aside-social-links i{
		font-size: 2em !important;
		padding: 0 0 0 0 !important;
	}
	.logo {
		position: relative;
		left: -3.5%;
	}
	.ligatures .logo-tag {
		font-size: 0.89em;
	}
	.main-sub-menu-parent {
		display: inline-block;
	}
	.show-mid {
		display:none;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.menu-hidden {
		display:block !important;
	}

	.content {
		padding:0em 1em 0 1em !important;
	}
	
	header {
		padding: 0
	}
	
	#main-menu-nav-sub + li {
		float:right;
	}

	.per50 {
	  width:46% !important;
	  margin:2% !important;
	  float:left !important;
	  padding-top:0.5em;
	}

	.per50:nth-child(3) {
		clear:both !important;
	}
	
	.home-well {
	text-align:left;
	}

	.home-well a{
	color:#141414 ;
	}

	.home-well h1 a{
	color:rgb(186, 33, 38) !important;
	}
	body {
		font-size: 16px !important;
	}
	#aside-social-links i{
		font-size:0.75em !important;
	}
	.ligatures .logo-tag {
		font-size: 0.89em;
	}
	.main-sub-menu-parent {
		display: inline-block;
	}
	.show-mid {
		display:inline-block;
	}
	html {
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.home {
		text-align: left !important;
	}
	
	.home h2 {
		text-align: left !important;
	}

	.home-catlist {
		margin:0;
		padding:0;
		text-align: left !important;
	}

	.home-catlist li{
		border-bottom: 1px solid #ccc;
		margin: 0.25em 0;
	}

	.article-latest.has-thumbnail{
		position:relative;
		text-align: left !important;
	}
	.article-latest h2 {
		color:#141414;
	}
	.article-latest.has-thumbnail h2 {
		color:#f7f7f7;
		z-index: 100;
		padding:0.25em 0.5em;
		background-color: rgba(0,0,0,0.60);
		position:absolute;
		top: 0;
		left: 0;
	}

	.article-latest p {
		font-size: 80%;
	}

	.article-latest.has-thumbnail p {
		color:#f7f7f7;
		z-index: 100;
		margin: 0;
		padding:0.25em 0.5em;
		background-color: rgba(0,0,0,0.60);
		position:absolute;
		bottom: 0;
		right: 0;
	}

	.subscribe-modal {
		width: 50%;
		margin-left: 25% !important;
		z-index: 9999;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.content {padding: 0 0.5em 0 0.5em !important;}
	header {padding:0 0 1em 0 !important;}
	.per50 {
	  width:46% !important;
	  margin:2% !important;
	  float:left !important;
	  padding-top:0.5em;
	}
	body {
		font-size: 16px !important;
	}
	.menu-hidden {
		display:block !important;
	}
	.show-mid {
		display:inline-block;
	}

	.subscribe-modal {
		width: 250px;
		margin-left: 25px!important;
		z-index: 9999;
	}
}



/* source: assets/css/website/shop.css */

.shop-basket-variations {
	font-size: 0.8em;
	color: rgb(125,125,125);
	padding: 0.5em;
}

.shop-basket-variations i {
	font-style: italic;
}

.product-list-entry {
	position: relative;
}

.product-list-entry .remove-button {
	position: absolute;
	bottom: 0;
	right: 0;
}

.product-list-entry .error {
	background-color: rgba(128, 0, 0, 0.8);
	color: white;
	display: block;
	padding: 0.2em;
}

.product-card-square {
	display:block;
	text-align: left;
	color:#141414;
	float:left;
	width:31%;
	padding: 1em 1%;
}

.product-card-square:nth-child(3n+4) {
	clear:both;
}

.product-card-square h2 {
	margin:0;
	font-weight: 600;
	font-size: 1.25em;
}

.product-card-square img {
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);
	transition: all 0.2s ease-in;
}

.product-card-square a:hover img {
	-webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.175);
	box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.175);
	transition: all 0.2s ease-in;
}

.product-card-square .summary {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	z-index: 100;
	color:#f7f7f7 !important;
	background-color: rgba(0,0,0,0.75);
	opacity: 0;
}

.product-card-square > .summary > span {
	display: block;
	padding:0.5em;
	line-height: 1.5em !important;
	color:#f7f7f7;
}

.product-card-square:hover .summary {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in 0.1s;
    -moz-transition: opacity 500ms ease-in 0.1s;
    -o-transition: opacity 500ms ease-in 0.1s;
    transition: opacity 500ms ease-in 0.1s;
}

.shop-default {
	margin-top:1.25em;
}

.shop-default .pagination  {
	margin:0 0 0 0;
}

.basket-nav a i {
	color:green;
}

.basket-nav a {
	color:#141414;
}

.basket-nav a:hover {
	border-bottom: 0.25em solid #141414;
}

.shop-menu ul {
	margin:0;
}

.shop-menu ul li {
	line-height: 1.75em;
	border-bottom:1px solid #f7f7f7;
	padding:0.25em;
}

.shop-menu ul li a {
	font-size: 1.25em;
	color: #141414;
	display: block;
}

.shop-menu ul li a:hover {
	color: rgba(186,33,38,0.8);
}

.product-single .product-images:first {
	display:none;
}

@media (max-width:480px) {
	.product-single img {
		width:48%;
		padding:1%;
		float: left
	}
}



.checkout-intro-header {
	display: block;
	font-size: 1.75em;
	padding-bottom: 0.25em;
}


/* source: assets/css/website/side.css */

.article-side-panel img {
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.1);
}

.article-side-panel {
	position: relative;
}

.article-side-panel .top {
	margin: 0;
	width: 100%;
	position: absolute;
	top: 1px;
	left: 1px;
	background: black;
	background: rgba(0,0,0,0.5);
	color: white;
	text-align: center;

	transition: background 0.5s;
	-webkit-transition: background 0.5s;
}
.article-side-panel h3 {
	font-size: 1em;
	padding: 0 0.5em;
}

.article-side-panel:hover .top {
	background: rgba(0,0,0,1);
}

.btn-red {
	background-color: #D03442 !important;
}

.btn-red .icon-flag {
	color:#D03442;
}

.archives {
	position: relative;
	padding-top: 5px;
	border-style: solid;
	border-color: #ddd;
	border-top-width: 1px;
}

.archives a {
	display: block;
	padding-top: 17px;
}

/* source: assets/css/website/single-article.css */

#single-article {
	text-align: left;
}

#single-article-details {
	padding:1em;
}

#single-article-details i{
	padding:0 1em 0 0;
}

#single-article-details span {
	padding:0 1em 0 0;
}

#single-article h1 {
	width:100%;
}

#single-article p {
	padding: 0.5em 1em;
	margin: 0;
}

.article-header-panel img{
	padding: 1.5em 0 0 0 
}

.single-article-share {
	text-align: center;
}

.single-article-share i{
	text-align: center;
	font-size: 2em;
}

#single-article .dropdown{
	width:50%;
	background-color: #ccc;
	text-align: center;
	color:#000;
	font-size: 1.2em;
}

#single-article .dropdown-menu  {
}

#single-article .dropdown-menu li {
	text-align: left;
	width: 100%;
	padding:0.5em 0.2em 0.5em 0.2em;
}

#single-article .nav-pills li a{
	border-radius: 0px
}


/* source: assets/css/website/site.css */

/* all css varibles must be named with a dash between two words main-menu, visable-phone  */

html,
body {
   margin:0;
   padding:0;
   min-height:100%;
}

@media (max-width: 767px){
	body {
	    text-align: center;
	    width:100%;
	}
	.phone.offset2{
		margin:0px !important;
	}
	.single-artlicle-content {
		padding:1em !important;
		margin:0px !important;
	}
}

@media (min-width: 768px){
	.single-artlicle-content {
		margin-left:8% !important;
	}
}

img {
	width:100%;
}

.image-credit {
	top: -1.75em;
	position: relative;
	padding: 0.5em;
	background-color: rgba(0,0,0,0.75);
	color: #B6B6B6;
}

/* used in jobs upload */
.mce-panel {
	border: 1px solid #ddd !important;
}

.mobile-categories-list a {
	display:block;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 150%;
	line-height: 120%;
	text-transform: capitalize;
}

a, a:visited, a:active, a:focus {
	outline: 0;
	text-decoration: none
}

:-moz-any-link:focus {
  outline: none;
  text-decoration: none
}

:-moz-any-link:focus {
  outline: none;
  text-decoration: none
}

.content {
	margin: 0 auto;
}


section {
	float:right;
}

.bx-wrapper li {
	padding: 0 0 0 0.4em !important;
}

/* aspect Ratio Shapes e.g use shape as outer div and circle as the inner div */

.shape {
    display: inline-block;
    position: relative;
	overflow:hidden;
}

.shape img {
	width:100%;
}

.shape:after {
    padding-top: 100%;
    display: block;
    content: '';
}

.shape div {
  position: absolute;
  top: 0; bottom: 0; right: 0; left: 0;
}

.square-16-9:after{
  padding-top: 56%;
}

.square {
}

.circle {
  border-radius: 50%;
}

/* advertise */
#advertise-usps {
	padding:1em 1em 1em 1em;
	margin:0;
	text-align: left;
}

#advertise-usps li {
	list-style: square;
}

/* Contact Page */
#contact-info {
	padding:1em;
	text-align: left;
}

#contact-info iframe {
	width:100%;
}

#contact-info i{
	padding:0 0.5em 0 0;
}

/* campains */

.campaign-list-item h2 {
	margin-top: 0.5em
}
.campain-list ul{
	margin:0 !important;
	padding:0;
	text-align: left
}

.campain-list ul li {
	border-bottom:1px solid #ddd;
}

.campaign-list-item {
	padding: 0.5em;
	display: inline-block;
}

@media (min-width:767px) {
	.campaign-body {
		background-color: #fff;
		position:relative;
		top:-7em;
		margin:0 2em;
	}
}

@media (min-width:767px) {
	.campaign-body > img {
		width:50% !important;
	}
}

.campaign {
	margin:1.5em 0 0 0;
}

/* authors list and single */
.author-profile ul {
	margin:0px;
	padding:0px;
	text-align: left;
}

.author-profile ul li {
	border-bottom:1px solid #ddd;
}


/* category grid and Home page */

.category-grid img {
	border-radius:0.2em;
}

.category-grid h2 {
	background-color:#ddd;
}

.category-grid hr {
	height: 1px;
	border-top: 1px dotted #ddd;
}

.category-grid .span6 div {
	padding:1em;
}

.img-50 {
    height: 50px;
    width: 50px;
}

.parsley-error-list {
	font-size: 0.85em;
	color:red;
	padding:0 0 0.5em 0;
	margin: 0;
}

.parsley-error {
	background-color: rgba(208,52,66,0.25) !important;
}

.input-append.input-block-level,
.input-prepend.input-block-level {
  display: table;
}

.input-append.input-block-level .add-on,
.input-prepend.input-block-level .add-on {
  display: table-cell;
  width: 1%; /* remove this if you want default bootstrap button width */
}

.input-append.input-block-level > input,
.input-prepend.input-block-level > input {
  box-sizing: border-box; /* use bootstrap mixin or include vendor variants */
  display: table; /* table-cell is not working well in Chrome for small widths */
  min-height: inherit;
  width: 100%;
}

.input-append.input-block-level > input {
  border-right: 0;
}

.input-prepend.input-block-level > input {
  border-left: 0;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
	}
	.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	}
	.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.428571429;
	text-decoration: none;
	color: #428bca;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

/* source: assets/css/website/subscriptions.css */

.subscription-panel .freqind {
	font-size: 0.5em;
}

.subscriptions-usps i{
	color:green;
}

.subscribe-modal {
	width: 320px;
	margin-left: -160px;
}

.voucher-modal {
	width: 320px;
	margin-left: -160px;
}

.subscribe-modal label {
	font-weight: bold;
	text-transform: uppercase;
}

.subscribe-modal .error-container .error {
	color: #B94A48;
}

@media (max-width:480px) {
	.app-cta .span8[class*='offset']{
		margin-left:0% !important;
		padding:1em;
	}
}

.subscribe-well-rows {
	padding-bottom: 3%;
}

.subscribe-well {
	box-sizing: border-box;
	color: rgb(20, 20, 20);
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	border-radius: 0 !important;
}

.subscribe-well h3 {
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 1.2em;
}

.subscribe-well p {
	font-size: 0.8em;
}

.subscribe-btn-register {
	box-sizing: border-box;
	display: block;
	padding: 0.75em;
	float: left;
	width: 50%;
}

.subscribe-btn-login {
	box-sizing: border-box;
	display: block;
	padding: 0.75em;
	float: left;
	width: 50%;
}

.subscribe-well .details {
	padding: 0 1em;
}

.global-error-container {
	font-size: 1.5em;
	text-align: center;
	color: red;
	padding-bottom: 1em;
}

@-webkit-keyframes voucher-applied-pulse {
      0% {background-color: rgb(52, 152, 219);}
     100% {background-color: rgb(255, 0, 0);}
}

.voucher-applied a {
    -webkit-animation: voucher-applied-pulse 5s infinite alternate;
}

.voucher-applied .subscribe-well {
	background-color: rgb(223, 240, 216);
	border-color: rgb(214, 233, 198);
	color: rgb(70, 136, 71);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid rgb(251, 238, 213);
}

.subscribe-package.voucher-disallowed .subscribe-well {
	color: #c0c0c0;
}

.subscribe-package.voucher-disallowed a {
	opacity: 0.5;
}